#KV {position: relative; height: 230px; }
.content1 #KV {background: url(../img/KV-1260-new.jpg) no-repeat center center;}
.content2 #KV {background: url(../img/phrase2/KV-1260.jpg) no-repeat center center;}
#menubar {background-color: #fff; border-bottom: 2px solid #eee; text-align: center; padding: 18px 0 15px;}
#menubar .maxWidth {position: relative;}
#menubar .openrice-logo {position: absolute; left: 0; top: -6px; display: block;max-width: 110px; opacity: 0; visibility: hidden; -moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.sticky #menubar .openrice-logo {opacity: 1; visibility: visible;}
#menubar .barmenu { display: inline-block; vertical-align: middle; position: relative; padding: 0 15px;border-right: 1px solid #eee; cursor: pointer; font-weight: 600; letter-spacing: .3px; font-size: 20px; }
#menubar .barmenu:first-child {border-left: 1px solid #eee; padding: 0 18px;}
#menubar .barmenu .caret {color: #ccc;}
#menubar .barmenu .phasebtn {line-height: 1; position: relative;}
#menubar .barmenu .phasebtn:after {content: ''; height: 4px; position: absolute; left: 0; bottom: -16px; width: 100%; display: none;}
#menubar .barmenu.active .phasebtn:after {display: block;}
#menubar .barmenu:first-child .phasebtn:after {background-color: #2f9cb9}
#menubar .barmenu:last-child .phasebtn:after {background-color: #f0a61f}
#menubar .barmenu:first-child .phasebtn {color: #2f9cb9;}
#menubar .barmenu:last-child .phasebtn {color: #f0a61f;}
#menubar .barmenu .phasebtn small {}
#menubar .barmenu .phase-dropmenu-block {position: absolute; z-index: 100; width: 180px; left: 0; right: 0; margin: 0 auto; padding-top: 15px; top: 100%; font-size: 16px; opacity: 0; visibility: hidden; -moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
#menubar .barmenu:hover .phase-dropmenu-block {opacity: 1; visibility: visible;}
#menubar .barmenu .phase-dropmenu-block .btns {background-color: #fff; border-radius: 5px; border: 1px solid #eee; padding: 5px 0 8px; }
#menubar .barmenu .phase-dropmenu-block a {display: block; padding: 5px 0;}
#menubar .barmenu:first-child .phase-dropmenu-block a {color: #2f9cb9}
#menubar .barmenu:last-child .phase-dropmenu-block a {color: #f0a61f}
.sticky #menubar {position: fixed; top: 0; left: 0; width: 100%; z-index: 100;}
#content {width: 100%; min-height: 100vh; overflow: hidden; position: relative;}
#content .content {width: 100vw;}
#content .content.active { position: relative; }
#info {padding: 40px 0 70px; background: url(../img/paper-texture.jpg); background-size: 50%;}
#info .tips {text-align: center; margin: auto; max-width: 800px;}
#info > .row {margin-top: 50px; max-width: 1000px;}
#info .inner {margin: auto; position: relative;}
#info #tips-large { width: 550px; margin: 20px auto 0;}
#info #tips-large .swiper-slide {padding: 30px 0 15px;}
#info #tips-large .swiper-slide .speech-txt {background-color: #B3DFD8; border-radius: 20px; height: 300px; text-align: center; box-sizing: border-box; opacity: 0; visibility: hidden; padding: 150px 30px 0; -moz-transition: all 0.5s 0.5s ease-in-out;-o-transition: all 0.5s 0.5s ease-in-out;transition: all 0.5s 0.5s ease-in-out; position: relative;}
#info #tips-large .swiper-slide .speech-txt:after {content: ''; display: block; position: absolute; bottom: -15px; left: 0; right: 0; z-index: 1; margin: auto; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #B3DFD8;}
#info #tips-large .swiper-slide-duplicate-active .speech-txt , #info #tips-large .swiper-slide-active .speech-txt {opacity: 1; visibility: visible;}
#info #tips-large .swiper-slide .speech-txt .icon {position: absolute;left: 0; right: 0; top: -30px; margin: auto; max-width: 150px;}
#info #tips-large .swiper-slide .speech-txt .tt {margin-bottom: 20px;}
#info #tips-large .swiper-slide .speech-txt p {color: #69868D; font-size: 18px;}
#info #tips-large .swiper-button-next { right: -80px; background-color: #B3DFD8;}
#info #tips-large .swiper-button-prev { left: -80px; background-color: #B3DFD8;}
#info #tips-large .swiper-button-next:after, #info #tips-large .swiper-button-prev:after {color: #fff;}
#info #tips-nav {margin-top: 20px;}
#info .bln {}
#info .bln li {}
#info .bln li span {}
#info .bln li span img {}

#city {padding: 60px 20px 0px;background: url(../img/paper-texture.jpg);}
#city .inner {max-width: 1200px; margin: auto; position: relative;}
#citySlide {padding: 0 70px; position: relative; margin-top: 50px;}
#citySlide .swiper-container {padding-bottom: 30px;}
#citySlide .swiper-slide {}
#citySlide .item {display: block; background-color: #fff; position: relative; padding-bottom: 70px; height: 100%;}
#citySlide .item .img {height: 200px; margin-bottom: 15px; display: block;}
#citySlide .item .itemBtm {padding: 0 15px;}
#citySlide .item .tt {color: #000; font-weight: 600; margin-bottom: 7px;}
#citySlide .item .desc {color: #000; border-top: 1px solid #7f7f7f; padding-top: 8px!important;}
#citySlide .item .btn {display: block; position: absolute; bottom: 15px; left: 0; right: 0; margin: auto; line-height: 40px; text-align: center; border-radius: 40px; color: #7f7f7f; border: 1px solid; width: calc(100% - 30px); max-width: none;}
#citySlide .item .btn:hover {color: #fff; background-color: #276ebb; border-color: #276ebb;}
#city .swiper-pagination-bullet {background: #ababab;}
#citySlide .swiper-pagination-bullet-active {background: #276ebb;}
#citySlide .swiper-button-prev, #citySlide .swiper-button-next {background-color: #2AA7D8;}
#citySlide .swiper-button-prev:after, #citySlide .swiper-button-next:after {color: #fff;}
#citySlide .swiper-button-prev {left: 0px;}
#citySlide .swiper-button-next {right: 0px;}
#citySlide .swiper-button-next.swiper-button-disabled, #citySlide .swiper-button-prev.swiper-button-disabled {display: none;}

#mid-section {}
#mid-section .desktop .buildingImg1 {background: url(../img/update/building.jpg) no-repeat center bottom; background-size: cover; padding-bottom: 33%;}
#mid-section .desktop .buildingImg2 {background: url(../img/update/building-2.jpg) no-repeat center bottom; background-size: cover; padding-bottom: 25%;}
#mid-section .desktop .colwrap {background: url(../img/ground.jpg);}
#mid-section .desktop .row {max-width: 65%; padding: 40px 0 50px; position: relative;}
/* #mid-section .desktop .row:before, #mid-section .desktop .row:after {content: ''; display: block; position: absolute;}
#mid-section .desktop .row:before {left: 1%; top: 25%; width: 10%; padding-bottom: 10%; background: url(../img/bottle.png) no-repeat center center; background-size: contain;}
#mid-section .desktop .row:after {right: 5%; top: 27%; width: 10%; padding-bottom: 10%; background: url(../img/cat.png) no-repeat center center; background-size: contain;} */
#mid-section .desktop .row .columns {position: relative;}
/* #mid-section .desktop .row .columns:first-child {padding: 0 5% 0 7%;}
#mid-section .desktop .row .columns:last-child {padding: 0 10% 0 3%;} */
#mid-section .desktop .row .columns > div {padding-bottom: 63px; height: 100%; position: relative;}
#mid-section .desktop .row .columns img {max-width: 100%;}
#mid-section .desktop .row .columns:first-child p {max-width: 300px;}
#mid-section .desktop .row .columns:last-child p {max-width: 240px;}
#mid-section .desktop p {color: #7c466a; margin: 20px auto 0; text-align: center;}
.btn { display: block; color: #6f305a; border-radius: 30px; text-align: center; font-size: 15px; border: 1px solid #6f305a; font-weight: 800; line-height: 2.3; margin: 20px auto 0; max-width: 220px; width: 90%;-moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;position: absolute; bottom: 0; left: 0; right: 0;}
.btn:hover {background-color: #6f305a; color: #fff;}
.btn span {display: inline-block; vertical-align: middle; margin-top: -3px;}
#article-section {padding: 60px 0; background: url(../img/paper-texture.jpg); background-size: 50%;}
#article-section > img {max-width: 250px;}
/*#article-section .tags {margin: 30px auto 0; font-size: 0; text-align: center;}
#article-section .tags .tag {display: inline-block; vertical-align: middle; font-size: 16px; letter-spacing: 1.5px; color: #fff; line-height: 2.2; padding: 0 20px; text-align: center; border-radius: 15px; margin: 0 15px;}
#article-section .tags .tag1 {background-color: #ff88b0;}
#article-section .tags .tag2 {background-color: #9fd193;}
#article-section .tags .tag3 {background-color: #f06e49;}
#article-section .tags .tag4 {background-color: #3fa9f5;}*/
#article-section .articles {margin: 70px auto 0; max-width: 1000px; font-size: 0;}
#article-section .articles .art {display: inline-block; vertical-align: top; width: 31.334%; margin: 0 1% 30px; position: relative; visibility: hidden; opacity: 0; display: none; height: 0; overflow: hidden; border-left: 3px solid #dfdfdf; border-bottom: 3px solid #dfdfdf; padding-bottom: 65px; border-bottom-left-radius: 10px;}
#article-section .articles .art.loaded {opacity: 1; visibility: visible; display: inline-block; height: auto; overflow: visible;} 
#article-section .articles .art .imgC {margin-left: -3px; width: calc(100% + 3px); padding-bottom: 10px; background: url(../img/paper-texture.jpg); background-size: 70%;}
#article-section .articles .art .img {padding-bottom: 70%; position: relative; border-radius: 10px 10px 0 0;}
#article-section .articles .art .img .date {width: 50px; height: 45px; position: absolute; left: 12px; top: 0; font-size: 12px; font-weight: 600; line-height: 1; text-align: center; background-color: #fff; color: #584c48; z-index: 1; border-radius: 0 0 10px 10px; padding-top: 7px;display: block;}
#article-section .articles .art .txt .date {display: none;}
#article-section .articles .art .img .date b {font-size: 19px; display: block;}
#article-section .articles .art .txt {padding: 20px 20px 10px;font-weight: 800;}
#article-section .articles .art .txt .tag {display: block; margin: -46px auto 25px; position: relative; width: 130px; font-size: 16px; letter-spacing: 1.5px; color: #fff; line-height: 2.2; padding: 0 20px; text-align: center;}
#article-section .articles .art .txt .tag:after {content: ''; display: block; width: 100%; position: absolute; left: 0; top: 100%; height: 6px;}
#article-section .articles .art .txt > span {background-color: #7f7f7f;}
#article-section .articles .art .txt span.tag1 {background-color: #ff88b0;}
#article-section .articles .art .txt span.tag2 {background-color: #85C875;}
#article-section .articles .art .txt span.tag3 {background-color: #f06e49;}
#article-section .articles .art .txt span.tag4 {background-color: #3fa9f5;}
#article-section .articles .art .txt span:after {background: url(../img/tag-gray.png) left top; background-size: 13px;}
#article-section .articles .art .txt span.tag1:after {background: url(../img/tag-pink.png) left top; background-size: 13px;}
#article-section .articles .art .txt span.tag2:after {background: url(../img/tag-green.png) left top; background-size: 13px;}
#article-section .articles .art .txt span.tag3:after {background: url(../img/tag-orange.png) left top; background-size: 13px;}
#article-section .articles .art .txt span.tag4:after {background: url(../img/tag-blue.png) left top; background-size: 13px;}
#article-section .articles .art .txt p {font-size: 16px; color: #6f305a;}
#article-section .articles .art .txt .btn {bottom: 20px; margin-top: 0;}
#article-section .articles .art:first-child {width: 100%; border: none; padding-bottom: 0;}
#article-section .articles .art:first-child > div {display: inline-block; vertical-align: top; height: 300px;}
#article-section .articles .art:first-child .imgC {width: 55%; margin: 0; padding: 0;}
#article-section .articles .art:first-child .img {border-radius: 20px 0 0 20px; height: 100%; padding: 0; margin: 0;}
#article-section .articles .art:first-child .img .date { width: 70px; height: 60px; font-size: 15px; padding-top: 12px;}
#article-section .articles .art:first-child .img .date b {font-size: 23px; }
#article-section .articles .art:first-child .txt {text-align: center; width: 41%; position: relative; display: inline-table; padding: 40px 40px 0;border-radius: 0 20px 20px 0;margin-left:1%;}
#article-section .articles .art:first-child .txt1 {background-color: #fcebeb;}
#article-section .articles .art:first-child .txt2 {background-color: #dbf3d5;}
#article-section .articles .art:first-child .txt3 {background-color: #fbe4dd;}
#article-section .articles .art:first-child .txt4 {background-color: #d6f4f9;}
#article-section .articles .art:first-child .txt p {font-size: 20px; margin-bottom: 20px;}
#article-section .articles .art:first-child .txt .tag {position: absolute; display: block; margin: 0 auto; top: 0; left: 0; right: 0; line-height: 2.2; font-size: 20px; width: 150px;}
#article-section .articles .art:first-child .txt > div {display: table-cell; vertical-align: middle;}
#article-section .articles .art:first-child .btn {position: relative; bottom: auto;}
#loadmorebtn { margin: 10px auto 20px; font-size: 18px; border: 1px solid #6f305a; max-width: 220px;     -moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out; color: #6f305a; text-align: center; font-weight: 800; letter-spacing: 1px; line-height: 2.5; border-radius: 30px; cursor: pointer;}
#loadmorebtn:hover {background-color: #6f305a;color: #fff;}
#vouchers {padding: 60px 0;background: #eff0ea;
background: -moz-linear-gradient(top, #eff0ea 0%, #ffffff 100%);
background: -webkit-linear-gradient(top, #eff0ea 0%,#ffffff 100%);
background: linear-gradient(to bottom, #eff0ea 0%,#ffffff 100%);}
#vouchers .inner {max-width: 1060px; margin: auto; position: relative;}
#vouchers .inner:before, #vouchers .inner:after {content: ''; display: block; position: absolute; width: 460px; height: 100%; top: 0;}
#vouchers .inner:before {left: -460px; background: url(../img/phrase2/p1-L.png) no-repeat right top;}
#vouchers .inner:after {right: -460px; background: url(../img/phrase2/p1-R.png) no-repeat left top;}
#tas .tasbannerImg {border-radius: 5px;margin-bottom: 1.5em;}
#vouchers #tas .row {max-width: 960px; margin: 30px auto 50px;}
#vouchers #tas .btn {color: #626262; border: 1px solid #626262;}
#vouchers #tas .btn:hover {color: #626262; background-color: #FBF614;}
#tas > #listingWrap-takeaway > p {max-width: 865px; text-align: center; margin: 2em auto; font-size: 20px; font-weight: 600; color: #666666; letter-spacing: 1px; line-height: 1.8; }
#vouchers #resultList {background-color: transparent; margin-top: 40px; max-width: 1095px; font-weight: 600; padding: 0; min-height: 652px;}
#vouchers .tag {position: absolute; left: 10px; top: 9px; font-size: 20px; line-height: 1; border-radius: 4px; color: #fff; font-weight: 600; padding: 5px 10px; background-color: #009245; box-shadow: 0px 1px 1px 0px rgba(0,0,0,.4);}
#vouchers .bookmarkBox { text-align: center; position: absolute; right: 7px; top: 7px;}
#vouchers .bookmarkBox .bookmark-btn {background: url(../img/icon-bookmark-new.png) no-repeat left top; background-size: 100%; width: 35px; height: 36px; cursor: pointer; border: 2px solid #FFF; border-radius: 50%; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
#vouchers .bookmarkBox .bookmark-btn.bookmarked, #vouchers .bookmarkBox .bookmark-btn:hover {background-position: left bottom; border: 2px solid #00A158;}
#vouchers .bookmarkBox > small {color: #fff; font-size: 10px; display: block;}
#vouchers .itemDet {padding: 15px 120px 15px 0; position: relative;}
#vouchers .oDetailTitle {font-weight: 600;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;white-space: normal;max-height: 40px; margin-bottom: 3px;}
#vouchers .oDetailTitle {font-size: 1.15rem; line-height: 1.5;}

#vouchers .itemDet > small {color: #666;}
#vouchers .itemDet .period {color: #009345;}
#vouchers .discPrice {color: #009245; font-size: 21px; padding-left: 30px; position: relative; }
#vouchers .discPrice:before {content: ''; position: absolute; left: 0; top: 5px; width: 25px; height: 18px; background: url(../img/offer-icon.svg) no-repeat center; background-size: contain; }
#vouchers .origPrice {color: #ed1c24; font-size: 12px; display: block; padding-left: 2px; text-decoration: line-through; font-style: italic; display: inline-block;letter-spacing: -1px;}
#vouchers .soldAmount {color: #666; font-size: 11px; display: block; padding-left: 2px; display: inline-block;}
#vouchers .bookBtn {color: #fff; line-height: 2.5; padding: 0 10px; text-align: center;border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; position: absolute; right: 0; bottom: 17px; z-index: 1; font-size: 14px; background-color: #009245;}
#vouchers .offerItem {text-align:left; background-color:#ffffff; display: inline-block; vertical-align: top; width: 330px; margin: 20px 10px; border: none; padding: 0; border: 1px dashed #009245; position: relative;}
#vouchers .offerItem .headfield {font-size: 11px;font-weight: 700; margin-bottom: 4px; position: absolute; bottom: 100%; left: 0; width: 100%;}
#vouchers .offerItem .headfield .newJoin {color: #fe7700; float: left; position: relative; border: 1px solid #fe7700; border-radius: 8px; padding: 1px 6px 2px; margin-top: -4px;}
#vouchers .offerItem .headfield .exclusive {color: #666; float: left; position: relative; padding: 3px 5px 3px 25px; background-color: #ffdc0e; width: 92px; margin-top: -3px; margin-right: 15px;}
#vouchers .offerItem .headfield .exclusive:before {content: '';background:url(../img/exclusive-icon.png) no-repeat center center /contain; width: 15px; height: 15px; position: absolute; left: 6px; top: 3px;}
#vouchers .offerItem .headfield .exclusive:after {content: ''; width: 13px; height: 100%; background-color: #ffdc0e; position: absolute; top: 0; left: 100%; -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0); clip-path: polygon(0 0, 0% 100%, 100% 0); }
#vouchers .offerItem .headfield .bookNum {color: #666; float: right; min-height: 13px;}
#vouchers .offerItem .headfield .dateTime {
  color: #009245; float: right; position: relative; padding-left: 16px; font-style: italic;
}
#vouchers .offerItem .headfield .dateTime:before {content: ''; display: block; background: url(../img/clock-icon@2x.png) no-repeat center center; background-size: contain; width: 13px; height: 13px; position: absolute; top: 2px; left: 0; }
#vouchers .offerItem .headfield .dateTime.extended {max-width: 240px;}
#vouchers .offerItem .headfield .dateTime > p {
  height: 16px; font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: normal;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box; line-height: 1.5;
}
#vouchers .offerItem .headfield .dateTime.extended > p {border: 1px solid #009245; border-radius: 10px; padding: 0 15px 0 7px; position: relative; height: 18px; line-height: 1.4;}
#vouchers .offerItem .headfield .dateTime.extended > p:after {content: ''; position: absolute; right: 7px; top: 6px; width: 0; height: 0;
    vertical-align: middle; border-top: 4px solid; border-right: 3px solid transparent; border-left: 3px solid transparent;}
#vouchers .offerItem .headfield .dateTime > .extendedTimeBox {position: absolute; background-color: #009245; color: #fff; z-index: 1; padding: 8px; border-radius: 10px; width: 90%; top: 102%; margin-top: 10px; opacity: 0; display: none;}
#vouchers .offerItem .headfield .dateTime > .extendedTimeBox:before {content: ''; display: block; border-color: transparent transparent #009245 transparent; border-width: 0 6px 6px 6px; border-style: solid; width: 0; height: 0; position: absolute; left: 10px; bottom: 100%;}
#vouchers .offerItem .headfield .dateTime.open > .extendedTimeBox {opacity: 1; display: block; animation: animShowLangMenu .3s; -webkit-transform: translateY(0px); transform: translateY(0px);}
#vouchers .offerItem .itemTop {
  display: -ms-flexbox;display: -webkit-box; display: -webkit-flex;display: flex; box-sizing: content-box;
  -ms-flex-flow: row wrap;-webkit-flex-flow: row wrap;flex-flow: row wrap; font-size: 0; height: 170px; padding: 0;
}
#vouchers .offerItem .itemTop .offerImg {
  display: inline-block; vertical-align: top; position: relative;height: 100%; 
  -ms-flex: 1 0 auto;-webkit-box-flex: 0;-webkit-flex: 1 0 auto;flex: 1 0 auto;max-width: 70%;
}
#vouchers .offerItem .itemTop .offerImg.full {max-width: 100%;}
#vouchers .offerItem .itemTop .offerImg .endTimer {position: absolute; bottom: 0; right: 7px; z-index: 1; border-radius: 4px 4px 0 0; background-color: #009245; font-size: 14px; font-weight: 300; line-height: 1;  padding: 6px 12px; color: #fff;}
#vouchers .offerMenu {
  height: 100%;display: inline-block; vertical-align: top; position: relative; overflow: hidden;  -ms-flex: 0 0 30%;-webkit-box-flex: 0;-webkit-flex: 0 0 30%;flex: 0 0 30%;max-width: 30%;
}
#vouchers .offerMenu .menuBtn {position: absolute; width: 102%; height: 100%; background:rgba(4, 43, 0, 0.6); cursor: pointer;text-align: center; padding: 5px 7px 5px 5px; box-sizing: border-box; }
#vouchers .offerMenu .menuBtn:after {display: block;content: "";height: 100%;width: 100%;border:1px solid #aaaaaa;}
#vouchers .offerMenu .menuBtn:hover {background-color:rgba(4, 43, 0, 0.79);}
#vouchers .offerMenu .menuBtn  span {color: #ffffff; font-size: 15px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 20px;display: block;width: 100%;margin: auto; }
#vouchers .itemBtm {padding: 10px 15px 20px;}
#vouchers .itemBtm > .districtCuisine {font-size: 14px; color: #999; font-weight: 400; display: -ms-flexbox;display: -webkit-box; display: -webkit-flex;display: flex; width: 100%;
  -ms-flex-flow: row nowrap;-webkit-flex-flow: row nowrap;flex-flow: row nowrap; white-space: nowrap;}
#vouchers .itemBtm > .districtCuisine .districtName {}
#vouchers .itemBtm > .districtCuisine .districtName.extended {position: relative; border: 1px solid #009245; border-radius: 15px; padding: 0 15px 2px 6px; color: #009245;}
#vouchers .itemBtm > .districtCuisine .districtName.extended:after {content: '';position: absolute; right: 5px; top: 8px; width: 0; height: 0;
    vertical-align: middle; border-top: 4px solid; border-right: 3px solid transparent; border-left: 3px solid transparent;}
#vouchers .itemBtm > .districtCuisine .districtName > .extendedDistrict {position: absolute; bottom: 100%; left: 0; z-index: 1; background-color: #fff; border-radius: 5px; padding: 5px 15px 5px 10px; margin-bottom: 15px;box-sizing: content-box; opacity: 0; display: none;animation: animShowLangMenu .3s; -webkit-transform: translateY(0px); transform: translateY(0px);}
#vouchers .itemBtm > .districtCuisine .districtName.open > .extendedDistrict {opacity: 1; display: block;}
#vouchers .itemBtm > .districtCuisine .districtName > .extendedDistrict:after {content: ''; display: block; border-color: #fff transparent transparent transparent; border-width: 6px 6px 0 6px; border-style: solid; width: 0; height: 0; position: absolute; left: 10px; top: 100%;}
#vouchers .itemBtm > .districtCuisine .districtName > .extendedDistrict span {display: block; padding: 3px 0; line-height: 1; font-size: 12px; color: #009245;}
#vouchers .itemBtm > .districtCuisine .cuisineName {
   overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box; height: 19px;
}
#vouchers .itemBtm > .oDetailTitle {color: #4e3c2d; margin: 0 0 4px;}
#vouchers .itemBtm > div {
  display: -ms-flexbox;display: -webkit-box; display: -webkit-flex;display: flex; width: 100%;
  -ms-flex-flow: row wrap;-webkit-flex-flow: row wrap;flex-flow: row wrap; -ms-flex-align: center;-webkit-box-align: center;-webkit-align-items: center;align-items: center; font-size: 0;
}
#vouchers .itemBtm > div:first-child {margin-bottom: 5px;}
#vouchers .itemBtm .offerDetL {display: inline-block; vertical-align: top; position: relative;height: 100%; font-size: 14px; -ms-flex: 0 0 auto;-webkit-box-flex: 0;-webkit-flex: 0 0 auto;flex: 0 0 auto;max-width: 60%; border-right: 1px dotted #009245; padding-right:10px;}
#vouchers .itemBtm .offerDetL small { font-size: .94rem;color: #009245;}
#vouchers .itemBtm .offerDetL small a {color: #009245;}
#vouchers .itemBtm .offerDetL .offerPeriod {margin: 10px 0 0;}
#vouchers .itemBtm .offerDetL .offerPeriod p {color: #006837;}
#vouchers .itemBtm .offerDetL .offerPeriod .excludeDateWrap {margin-top: 8px;}
#vouchers .itemBtm .offerDetL .offerPeriod .excludeDateWrap .displayMoreBtn {cursor: pointer;}
#vouchers .itemBtm .offerDetL .offerPeriod .excludeDateWrap > p {opacity: 0; visibility: hidden; max-height: 0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
#vouchers .itemBtm .offerDetL .offerPeriod .excludeDateWrap.shown.displayMoreBtn {display: none;}
#vouchers .itemBtm .offerDetL .offerPeriod .excludeDateWrap.shown > p {opacity: 1; visibility: visible; max-height: 150px;}
#vouchers .itemBtm .offerDetR { height: 100%;display: inline-block; vertical-align: top; position: relative; padding-left:15px;  -ms-flex: 0 0 40%;-webkit-box-flex: 0;-webkit-flex: 0 0 40%;flex: 0 0 40%;max-width:40%;
}
#vouchers .itemBtm .offerDetR > div.poiName {color: #666666; font-size: 13px; font-weight: 400; line-height: 1.3;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;max-height: 35px;}

#moreBtn { display: block; margin: 0 auto; -ms-flex: 1 1 100%; -webkit-flex: 1 1 100%; flex: 1 1 100%;}
#moreBtn > span {
  display: block; color: #000; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;background-color: #ffd64a; width: 150px; text-align: center; padding: 5px; margin: 0 auto; cursor: pointer;font-size: 16px; 
}
#moreBtn > span:hover {background-color:#ffb54a;}
#vouchers .btn {color: #138748; border: 1px solid #138748; font-size: 18px; letter-spacing: 1px; max-width: 200px; position: relative; margin-top: 5px;}
#vouchers .btn:hover {background-color: #138748; color: #fff; }
#taste {background: url(../img/phrase2/P2-bg.jpg) no-repeat center top; background-color: #f2ebdb; padding: 120px 0 50px; position: relative;}
#taste:before, #taste:after {content: ''; display: block; position: absolute; top: 350px; }
#taste:before {background: url(../img/phrase2/bag-L.png) no-repeat center center; left: 0px;width: 280px; height: 298px;}
#taste:after {background: url(../img/phrase2/bag-R.png) no-repeat center center; right: 0px;width: 255px; height: 309px;}
#taste .titleImg {}
#taste .inner {max-width: 1200px; margin: auto; position: relative;}
#taste .inner > p {margin: 30px auto 0; max-width: 400px;text-align: center;}
#taste .inner #book {max-width: 1100px; position: relative; margin: auto; padding: 0 30px 0 50px;}
#taste .inner #book .swiper-container {padding-bottom: 40px;}
#taste .inner #book .swiper-slide {padding-right: 30px; box-sizing: border-box;}
#taste .inner #book { margin: 60px auto;}
#taste .inner #book .bookL {height: 100%; padding: 30px; box-sizing: border-box; background: url(../img/phrase2/book-bg-m.png) no-repeat center center; background-size: cover; border-radius: 5px; position: relative;margin-right: 2px;}
#taste .inner #book .bookL .bookImg {min-height: 240px; border-radius: 10px;}
#taste .inner #book .bookL .date {position: absolute;width: 70px;height: 60px; font-size: 15px; padding-top: 12px; left: 12px; top: 0; font-weight: 600; line-height: 1; text-align: center; background-color: #fff;color: #c8a377; z-index: 1; border-radius: 0 0 10px 10px;}
#taste .inner #book .bookL .date b {font-size: 23px; display: block;}
#taste .inner #book .bookR {height: 100%;border-radius: 5px; box-sizing: border-box; background-color: #fff; display: table; width: 100%; padding: 30px 65px 80px; position: relative; box-shadow: 4px 4px 0px rgba(216,217,221,1); margin-left: 2px;}
#taste .inner #book .bookR:before {content: '';display: block; width: 50px; height: 146px; background: url(../img/phrase2/book-pin.png) no-repeat center center; position: absolute; left: -27px; top: 70px;}
#taste .inner #book .bookR:after {content: '';display: block; width: 60px; height: 63px; background: url(../img/phrase2/book-tag.png) no-repeat center center; position: absolute; right: -30px; top: 30px;}
#taste .inner #book .bookR p {font-size: 22px; display: table-cell; vertical-align: middle; max-width: 340px; margin: auto;font-weight: bold;}
#taste .inner #book .bookR .btn {bottom: 30px; color: #a3573f; border: 1px solid #a3573f; font-weight: 400; font-size: 18px;}
#taste .inner #book .bookR .btn:hover {color: #fff; background-color: #a3573f;}
/*.content2 .swiper-container {padding: 0 40px;}*/
.content .swiper-button-next, .content .swiper-button-prev {color: #000000;background-color: #ffffff;border-radius: 100%;width: 50px;height: 50px;}

.content .swiper-button-next:after, .swiper-button-prev:after {font-size: 20px;color: #c3a371;font-weight: bold;}
.content .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {margin-right:-0.3em;}
.content .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {margin-left:-0.3em;}
.content .swiper-button-next {right: -20px;}
.content .swiper-button-prev {left: -20px;}
.swiper-container-horizontal>.swiper-pagination {bottom: 0;}
.swiper-pagination-bullet {width: 10px; height: 10px; background: #c6a474; opacity: .7;}
.swiper-pagination-bullet-active {background: #eb9854}
#taste #recommend {position: relative; padding: 0 50px;}
#taste #recommend:before, #taste #recommend:after {content: ''; display: block; position: absolute; bottom: 30px; width: 295px; height: 500px;}
#taste #recommend:before {background: url(../img/phrase2/p2-L.jpg) no-repeat center center; left: -350px;}
#taste #recommend:after {background: url(../img/phrase2/p2-R.jpg) no-repeat center center; right: -350px;}
#taste #recommend .swiper-container {padding-bottom: 10px;}
#taste #recommend .swiper-slide {padding: 0; box-sizing: border-box;}
#taste #recommend .itemBtm>div {font-size: 15px;}
#taste #recommend .poiName a {color: #000;}
#taste #recommend .newJoin_dec small {display: block;}
#taste .inner > small {display: block; text-align: right; margin: 15px 0; padding: 0 20px}
#cooking {position: relative; background: url(../img/phrase2/kitchen-bg.jpg); padding-top: 80px;}
#cooking .wrap {position: relative; background: url(../img/phrase2/p3-bottom.png) no-repeat center bottom; padding-bottom: 300px;}
#cooking .wrap .titleImg {margin: 30px auto 80px; max-width: 600px; width: 100%;}
#cooking .wrap .inner {max-width: 1000px; margin: auto; position: relative;}
#cooking .wrap .inner:before, #cooking .wrap .inner:after {content: ''; display: block; position: absolute; bottom: -80px; }
#cooking .wrap .inner:before {background: url(../img/phrase2/p3-L.png) no-repeat center center; left: -300px; width: 194px; height: 470px;}
#cooking .wrap .inner:after {background: url(../img/phrase2/p3-R.png) no-repeat center center; right: -300px; width: 204px; height: 332px;}
#cooking .wrap .inner > p {margin: 30px auto 80px; max-width: 400px;text-align: center;}
#cooking .wrap .inner .table {position: relative; background-color: #0E505F; padding: 100px 30px 30px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
#cooking .wrap .inner .table:before {content: ''; display: block; width: 106%; padding-bottom: 26%; position: absolute; background: url(../img/phrase2/Kitchen-utensils.png) no-repeat center center; background-size: contain; top: 0; margin-top: -15%; left: -3%;}
#cooking .swiper-container {padding-bottom: 30px;}
#cooking .homeslide {}
#cooking .homeslide .homeL {height: 100%; padding: 30px; box-sizing: border-box;  border-radius: 5px; position: relative;}
#cooking .homeslide .homeL iframe, #cooking .homeslide .homeL .homeImg {min-height: 270px; display: block; border-radius: 15px;margin:auto;}
#cooking .homeslide .homeR {height: 100%;border-radius: 5px; box-sizing: border-box; display: table; width: 100%; padding: 30px 20px 80px; position: relative; }
#cooking .homeslide .homeR p {font-size: 27px; display: table-cell; vertical-align: middle; max-width: 340px; margin: auto; color: #fff;text-align: center;}
#cooking .homeslide .homeR p span {font-weight: bold;}
#cooking .homeslide .homeR .btn {bottom: 30px; color: #fff; border: 1px solid #fff; font-weight: 400; font-size: 18px;}
#cooking .homeslide .homeR .btn:hover {color: #0E505F; background-color: #fff;}
#cooking .swiper-pagination-bullet {background: #fff}
#cooking .swiper-pagination-bullet-active {background: #eba31b}
#cooking .swiper-button-next {right: -70px}
#cooking .swiper-button-prev {left: -70px}
#addon {background-color: #ceb388; padding: 0 0 50px;}
#addon .inner {max-width: 1200px; margin: auto; position: relative;}
#addon .inner .titleImg {}
#addon .inner #addonSlide {padding: 0 50px; position: relative;}
#addon .inner #addonSlide .swiper-container {padding-bottom: 10px;}
#addon .inner #addonSlide .swiper-slide {padding: 0; box-sizing: border-box;}
#addon .inner #addonSlide .swiper-pagination-bullet-active {background: #F0DAA9;}
#addon .inner #addonSlide .poiName {color: #000;}
#addon .inner #addonSlide .itemBtm3 a.bookBtn {display: block; width: 100%; border-radius: 15px; color: #646464; border: 1px solid #646464;}
#addon .inner #addonSlide .itemBtm3 a.bookBtn:hover {background-color: #e2e1e1;}
#donation {padding: 80px 0; background: url(../img/donation-paper-texture.jpg);}
#donation .inner {max-width: 1200px; margin: auto; position: relative;}
#donation .inner #donateSlide {padding: 0 70px; position: relative; margin-top: 50px;}
#donation .inner #donateSlide .swiper-container {padding-bottom: 10px;}
#donation .inner #donateSlide .swiper-slide {}
#donateSlide .offerItem {padding: 0 0 70px;}
#donateSlide .offerItem .itemBtm3 {bottom: 10px; position: absolute; box-sizing: border-box; padding: 0 10px 5px;}
#donation .inner #donateSlide .swiper-slide .poiName {color: #000;}
#donation .inner #donateSlide .swiper-slide .itemBtm2 .offerDesc .newJoin_dec .customTitle {display: block; display: -webkit-box; line-height: 1.6; height: calc(1em * 1.7 * 3);}
#donation .inner #donateSlide .swiper-pagination-bullet {background: #ababab;}
#donation .inner #donateSlide .swiper-pagination-bullet-active {background: #2ba7da;}
#oisix {background: url(../img/phrase2/oisix/oisix-bg.jpg); padding: 0 0 150px; position: relative;}
#donation .inner #donateSlide .itemBtm3 a.bookBtn {display: block;width: 100%;border-radius: 15px;color: #646464;border: 1px solid #646464; margin: 0;}
#donation .inner #donateSlide .itemBtm3 a.bookBtn:hover {border: 1px solid #2ba7da; background-color: #2ba7da; color: #fff;}
#donation .inner #donateSlide .swiper-button-prev, #donation .inner #donateSlide .swiper-button-next {background-color: #2ba7da;}
#donation .inner #donateSlide .swiper-button-prev:after, #donation .inner #donateSlide .swiper-button-next:after {color: #fff;}
#donation .inner #donateSlide .swiper-button-prev {left: 0px;}
#donation .inner #donateSlide .swiper-button-next {right: 0px;}
#oisix .inner {max-width: 1010px; margin: auto;}
#oisix .inner .fb-part {position: relative; margin: 80px auto; padding-bottom: 50px;}
#oisix .inner a.btn {color: #4a3d2d; background-color: #f6f1dd; line-height: 2; margin: auto; font-size: 20px; border:none; bottom: 70px;}
#oisix .inner .fb-part a.btn {line-height: 2.3; width: 20%; position: absolute; font-size: 18px; margin: 0; bottom: 0;}
#oisix .inner .fb-part a.btn1 {left: 27%; color: #fff; background-color: #4966a8;}
#oisix .inner .fb-part a.btn2 {right: 27%; left: auto;}
#sponsorRow {padding: 10px 0 5px;position: relative;background-color: #fff; text-align: center;}
#sponsorRow .contain1000 {max-width: 100%;}
#sponsorRow .sponsorGroup {display: inline-block;vertical-align: top; margin: 15px 15px 15px 0;}
#sponsorRow .sponsorGroup p {display: inline-block;vertical-align: top;font-size: 1em;line-height: 1.2;text-align: left; margin-right: 5px; font-weight: 600; letter-spacing: 0; color: #4a3d2d}
#sponsorRow .sponsorGroup p:last-child {vertical-align: bottom;}
#sponsorRow .sponsorGroup ul {display: inline-block;vertical-align: top;margin: 0;padding: 0;}
#sponsorRow .sponsorGroup ul li {padding-bottom: 0;position: relative; list-style: none;display: inline-block; vertical-align: middle;}
#sponsorRow .sponsorGroup ul li img { margin: auto;max-height: 110px;max-width: 195px; margin-right: 15px;}
#sponsorRow .sponsorGroup:nth-child(2) ul li img { margin-left: 10px;}
#news {position: fixed; z-index: 10; right: 20px; bottom: 60px; width: 180px; opacity: 0; visibility: hidden; -moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.content2 #news {opacity: 0!important; visibility: hidden!important;}
#news.show {opacity: 1; visibility: visible;}
#news .msgs {position: absolute; left: 0; right: 0; bottom: 100%; padding-bottom: 10px;}
#news .msgs .msg {background-color: #ef4c36; padding: 15px 20px; box-sizing: border-box; border-radius: 25px; opacity: 0!important;}
#news .msgs .msg:after {content: ''; display: block; position: absolute; right: 0; left: 0; bottom: -10px; height: 0; width: 0; border: 12px solid transparent; border-top-color: #ef4c36; border-bottom: 0; margin: 0 auto; }
#news .msgs .msg.swiper-slide-active {opacity: 1!important;}
#news .msgs .msg strong {text-align: center; font-size: 14px; margin: 0 0 15px; color: #fff; display: block;}
#news .msgs .msg strong span {position: relative; padding-bottom: 5px;}
#news .msgs .msg strong span:after {content: ''; display: block; position: absolute; width: 100%; left: 0; bottom: 0; background: url(../img/wave.svg); height: 5px;}
#news .msgs .msg p {color: #fff; line-height: 1.4; text-align: justify; font-size: 13px;}
#news .msgs .msg p .linkBtn {color: #fff; text-decoration: underline; }
#news .bowl {width: 140px; height: 100px; margin: auto;}
#news .bowlImg1 {background: url(../img/bowl/bowl-news.gif) no-repeat center center; background-size: contain;}
#news .bowlImg2 {background: url(../img/bowl/bowl-news-up.png) no-repeat center center; background-size: contain; display: none;}

#operation {padding: 30px 20px 80px; background: url(../img/paper-texture.jpg);}
#operation .inner {max-width: 750px;margin: auto;position: relative;}
#operation .inner .ttImg {max-width: 500px; width: 100%; margin-bottom: 40px;}
#operation .inner p {padding: 0 20px;}

@media (min-width: 1500px) {
  #news {right:10%;}
 #city .inner {max-width: 1500px;}
}
@media (min-width: 1260px) {
  .content1 #KV {position: relative; background: none;}
  .content1 #KV:before, .content1 #KV:after {content: '';display: block; position: absolute;}
  .content1 #KV:before {width: 1260px; height: 100%; left: 0; right: 0; top: 0; margin: auto; background: url(../img/KV-1260-new.jpg) center center; z-index: 1;}
  .content1 #KV:after {width: 100%; height: 100%; left: 0; top: 0; background: url(../img/KV-1260-repeat.jpg) center center; z-index: 0;}
  .content2 #KV {background: url(../img/phrase2/KV-1920.jpg) no-repeat center center; }
}
@media (min-width: 769px) {
  /*#KV:before {content: ''; display: block; width: 618px; height: 270px; background: url(../img/TT-gif2.gif) no-repeat center center; background-size: contain; position: absolute; top: 115px; left: 4%; right: 0; margin: auto;}*/
  #KV .moto {background: url(../img/delivery.png) no-repeat center center; background-size: contain; width: 170px; height: 105px; position: absolute; bottom: -70px; left: 0; right: 0; margin: auto; -webkit-animation: riding 8s linear infinite; -moz-animation: riding 8s linear infinite; animation: riding 8s linear infinite;}
  @-webkit-keyframes riding {
    from {transform: translateX(-650%);}
    to {transform: translateX(650%);}
  }
  @-moz-keyframes riding {
    from {transform: translateX(-650%);}
    to {transform: translateX(650%);}
  }
  @keyframes riding {
    from {transform: translateX(-650%);}
    to {transform: translateX(650%);}
  }
  #recommend .offerItem, #addonSlide .offerItem, #donateSlide .offerItem {width: 100%;}
  
}

@media (max-width: 1630px) {
#taste:before, #taste:after {display: none;}  
#taste .inner:before, #taste .inner:after {content: ''; display: block; position: absolute; top: 230px; }
#taste .inner:before {background: url(../img/phrase2/bag-L.png) no-repeat center center; right: 100%;width: 280px; height: 298px;}
#taste .inner:after {background: url(../img/phrase2/bag-R.png) no-repeat center center; left: 100%;width: 255px; height: 309px;}
}

@media (max-width: 768px) {
	#vouchers #resultList {margin-top:0;}
  #bodyWrap {overflow: hidden; padding-top: 50px;}
  #bodyContent {overflow: visible;}
  .content1 #KV {background: url(../img/KV-m.jpg) no-repeat center center; background-size: contain; height: auto; padding-bottom: 62.5%;}
  .content2 #KV {background: url(../img/phrase2/KV-m.jpg) no-repeat center center; background-size: contain; height: auto; padding-bottom: 62.5%;}
  #info {padding: 30px 0 50px;}
  #info .tips {padding: 0 20px;}
  #info > .row {padding: 0 20px;}
  #info > .row img {margin-bottom: 40px;}
  #info .inner {margin: 10px auto 0;}
  #city {padding: 30px 0;}
  #city .titleImg {/*padding: 0 40px; */max-width: 330px;}
  #citySlide {padding: 0; margin-top: 25px;}
  #citySlide .swiper-button-next, #citySlide .swiper-button-prev {display: none;}
  #mid-section .mobile {background: url(../img/ground-m.jpg) center center;}
  #mid-section .mobile > div {background: url(../img/update/restaurant-bg-m.jpg) no-repeat center top; background-size: contain; padding-bottom: 30px;} 
  #mid-section .mobile .building {position: relative; }
  #mid-section .mobile .building:first-child { padding-top: 35%;}
  #mid-section .mobile .building  > div {padding: 0 0 20px; }
  #mid-section .mobile .building  > div > img {margin: auto; position: relative; display: block; max-width: 85%;}
  #mid-section .mobile .building:first-child  > div > img { max-width: 85%;}
  #mid-section .mobile .building:last-child  > div > img { max-width: 80%;}
  #mid-section .mobile .building  > div > div {max-width: 300px;margin: -15px auto 0;position: relative; z-index: 1;padding: 40px 20px 75px;background: rgba(255,255,255,0.5);border-radius: 12px;}
  #mid-section .mobile .building  > div > div > p {margin-top: 15px;}  
  #mid-section .mobile .building .btn {bottom: 20px;}
  .swiper-button-next, .swiper-button-prev {color: #6f305a;}
  #content .content.active {}
  #vouchers {padding: 30px 0 70px;}
  #tas .tasbannerImg {max-width: 95%;}
  #tas > #listingWrap-takeaway > p {max-width: 90%; font-size:17px; }
  #taste {background: none; background-color: #f2ebdb; padding: 0 0 40px;}
  #taste .inner > p {max-width: 90%;font-size: 18px;}
  #taste .inner #book {padding: 0 10px;}
  #taste .inner #book .swiper-slide {padding: 0;}
  #taste .inner #book .bookL {padding: 20px 20px 30px}
  #taste .inner #book .bookL .bookImg {min-height: 190px;}
  #taste .inner #book .bookL .date {width: 55px;height: 45px;font-size: 12px;padding-top: 7px;left: 10px;}
  #taste .inner #book .bookL .date b {font-size: 18px;}
  #taste .inner #book .bookR {padding: 40px 60px 85px;}
  #taste .inner #book .bookR:before {background: url(../img/phrase2/book-pin-m.png) no-repeat center center; background-size: contain; width: 220px; height: 40px; top: -20px; left: 0; right: 0; margin: auto;}
  #taste .inner #book .bookR:after {background: url(../img/phrase2/book-tag-m.png) no-repeat center center; background-size: contain; width: 50px; height: 65px; right: 20px; top: auto; bottom: -35px;}
  #taste .inner #book .bookR p {font-size: 18px;padding-bottom:21px;}
  #taste .inner > small {text-align: center;}
  #book .swiper-button-next, #book .swiper-button-prev {top: 233px;background-color: #f3ebdb;border-radius: 100%;width: 56px;height: 56px;}
  #book .swiper-button-next {right: -22px;}
  #book .swiper-button-prev {left: -22px;}
  #book .swiper-button-next:after,  #book .swiper-button-prev:after {color:#c3a371;}
  #taste #recommend {padding: 0; margin-top: 20px;}
  #taste #recommend .swiper-container {padding-bottom: 30px;}
  #recommend .swiper-button-next, #recommend .swiper-button-prev {display: none;}
  #cooking {padding-top: 60px;}
  #cooking .wrap {padding: 0 0 220px; background: url(../img/phrase2/p3-bottom-m.png) no-repeat center bottom; background-size: 100% auto;}
  #cooking .wrap .titleImg {margin: 0 auto 50px; }
  #cooking .wrap .inner {padding: 0 20px;}
  #cooking .wrap .inner > p {max-width: 90%; margin: 30px auto 50px;font-size: 18px;}
  #cooking .wrap .inner .table {padding-top: 80px;}
  #cooking .wrap .inner .table:before { background: url(../img/phrase2/Kitchen-utensils-m.png) no-repeat center center; background-size: contain; padding-bottom: 31%; margin-top: -6%;}
  #cooking .homeslide .homeL {padding: 0;}
  /*#cooking .homeslide .homeL iframe {min-height: 155px;}*/
  #cooking .homeslide .homeR {padding: 30px 30px 90px;}
  #cooking .homeslide .homeR p {font-size: 16px;}
  #cooking .homeslide .homeR .btn {bottom: 20px;}
  #cooking .swiper-button-next, #cooking .swiper-button-prev {top: 66%;background-color:#ffca68;border-radius: 100%;width: 56px;height: 56px;}
  #cooking .swiper-button-next {right: -39px;}
  #cooking .swiper-button-prev {left: -39px;}
  #cooking .swiper-button-next:after, #cooking .swiper-button-prev:after {color:#0d505f;}
  #cooking .homeslide .homeL iframe, #cooking .homeslide .homeL .homeImg {width: 100%;height:100%;border-radius: 0;min-height: 270px;overflow: hidden;}
  .swiper-button-next:after, .swiper-button-prev:after {font-size: 20px;font-weight: bold; }
  .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {padding-right: 11px;}
  .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {padding-left: 11px;}
  #addon .inner .titleImg {margin: -14% auto 30px; max-width: 70%; }
  #addon .inner #addonSlide {padding: 0}
  #addonSlide .swiper-button-next, #addonSlide .swiper-button-prev {display: none;}
  #donation {padding: 30px 0;}
  #donation .inner #donateSlide {padding: 0; margin-top: 40px;}
  #donateSlide .offerItem {padding: 0 0 70px;}
  #donateSlide .offerItem .itemBtm {padding: 5px 10px 7px 10px;}
  #donateSlide .offerItem .itemBtm2 {padding: 0 15px 1rem 14px;}
  #donation .inner #donateSlide .swiper-container {padding-bottom: 30px;}
  #donateSlide .swiper-button-next, #donateSlide .swiper-button-prev {display: none;}
  #sponsorRow {text-align: left;padding: 40px 20px;}
  #sponsorRow .sponsorGroup p {margin-right: 15px;}
  #sponsorRow .sponsorGroup ul li {padding-bottom:1.5em;}
  #sponsorRow .sponsorGroup {margin:5px 15px;}
  #operation {padding: 60px 0 40px;}
  #operation .inner .ttImg {max-width: 330px;}
  #operation .inner p {padding: 0 30px; font-size: .85em;}
  #operation #operationSlide .swiper-container {padding-bottom: 30px;}
  #operation #operationSlide .swiper-pagination-bullet {background: #BFBFBF;}
  #operation #operationSlide .swiper-pagination-bullet-active {background: #00BD98;}
  #operation #operationSlide .btn {margin-top: 20px; position: relative;}
}

@media (min-width: 641px) {
  #info .swiper-wrapper {text-align: center;}
  #info .swiper-wrapper .swiper-slide {width: 135px;}
  #addonSlide .offerItem .itemBtm3 {bottom: 10px}
  
}

@media (max-width: 640px) {
  p {font-size: 14px;}
  #info {background-size: cover;}
  #info .inner .swiper-slide {width: 105px;}
  #info #tips-large {display: none;}
  #info #tips-nav {margin-top: 50px;}
  /*#citySlide .item .tt {font-size: 18px;}*/
  /*#citySlide .item .desc {font-size: 16px;}*/
  #article-section {padding: 30px 0;}
  #article-section > img {max-width: 180px;}
  #article-section .articles {margin: 30px auto 0; padding: 0 15px;}
  #article-section .articles .art .img {padding-bottom: 100%;position: relative;border-radius: 5px;}
  #article-section .articles .art .imgC {margin-left: 0;width: 35%;padding-bottom: 0;background-size: cover;display: inline-block;vertical-align: top;}
  #article-section .articles .art .txt .tag {display: inline-block;margin: 0 0 10px;width: auto; font-size: 14px;padding: 0 10px;text-align: center;}
  #article-section .articles .art {display: block; width: 100%; margin: 0; border:0; padding: 0;}
  #article-section .articles .art.loaded { margin: 0 0 30px; padding-bottom:10px;}
  #article-section .articles .art .txt {padding: 0 10px 0 20px;font-weight: 800;width: 65%;display: inline-block;}
  #article-section .articles .art .txt p {font-size: 15px; text-align: left;}
  #article-section .articles .art .txt .btn {display: none;}
  #article-section .articles .art .txt .tag:after {display: none;}
  #article-section .articles .art:first-child .imgC {width: 100%; height: auto; }
  #article-section .articles .art:first-child .imgC .img {padding-bottom: 70%; border-radius: 10px 10px 0 0!important;}
  #article-section .articles .art:first-child .img:before {width: 50px; height: 45px; left: -10px; top: -10px;}
  #article-section .articles .art:first-child .txt {width: 100%; height: auto; display: block; padding: 40px 20px 10px; border-right:0; border-radius: 0 0 10px 10px;margin-top: 10px;margin-left:0; }
  #article-section .articles .art:first-child .txt .tag {font-size: 18px; top: -30px;}
  #article-section .articles .art:first-child .txt p {font-size: 17px;}
  #article-section .articles .art .img .date {display: none;}
  #article-section .articles .art:first-child .img .date {display: block;}
  #article-section .articles .art .txt .date {display: inline-block;width: auto;height: auto;position: relative;left: 0;top: 0;font-size: 13px;font-weight: 600;line-height: 2.2;text-align: center;background-color: #fff;color: #584c48;border-radius: 0;padding: 0 10px;border: 1px solid #cccccc;}
  #article-section .articles .art:first-child .txt .date {display: none;}
  #vouchers #tas .btn {margin-top: 20px;}
  #vouchers #resultList {margin-top: 30px;}
  #vouchers .offerItem {padding: 0; margin: 0px auto 25px; display: block; width:95%;}
  #vouchers .offerItem .headfield {margin-bottom: 5px;}
  #vouchers .offerItem .itemTop {padding: 0;}
  #vouchers .itemBtm > .oDetailTitle {max-height: none;-webkit-line-clamp: unset;}
  #vouchers .origPrice {padding-left: 0px; font-size: 14px; display: inline-block; vertical-align: baseline;}
  #taste .inner #book {margin-top: 40px;}
  #news {width: auto; bottom: 10px; right: auto; left: 10px;}
  #news .bowl {width: 65px; height: 50px;}
  #news .msgs {bottom: 0; padding-bottom: 0; padding-left: 10px; right: auto; left: 100%; max-width: calc(100vw - 90px);}
  #news .msgs .msg {padding: 10px 15px; border-radius: 10px;}
  #news .msgs .msg strong { margin: 0 0 10px; text-align: left;}
  #news .msgs .msg strong, #news .msgs .msg p {font-size: 12px;}   
  #news .msgs .msg strong span:after {background-size: contain;}
  #news .msgs .msg:after {bottom: 10px; left: -10px; right: auto;}
  #oisix .inner a.btn {font-size: 18px;}
  #oisix .inner .fb-part {margin: 50px auto 55%;}
  #oisix .inner .fb-part:after {content: '';display: block; width: 100%; background: url(../img/phrase2/oisix/15-5-2020-m.png) no-repeat center center; background-size: contain; padding-bottom: 30%; margin: 0 auto 20px; position: absolute; top: 108%; left: 0; right: 0;}
  #oisix .inner .fb-part a.btn {width: 37%; font-size: 15px;}
  #oisix .inner .fb-part a.btn1 {left: 10%;}
  #oisix .inner .fb-part a.btn2 {right: 10%;}
} 

@media (max-width: 480px) {
#vouchers .itemBtm > .districtCuisine {font-size: 13px;}
#vouchers .oDetailTitle {font-size:17px;}
#vouchers .itemBtm .offerDetR > div.poiName {font-size: 15px;}
#tas > #listingWrap-takeaway > p {max-width: 85%;}
}

@media (max-width: 360px) {
#vouchers .itemBtm .offerDetL { -ms-flex: 0 0 100%;-webkit-box-flex: 0;-webkit-flex: 0 0 100%;flex: 0 0 100%;max-width:100%; border: none; margin-bottom: 10px;}
#vouchers .itemBtm .offerDetR { -ms-flex: 0 0 100%;-webkit-box-flex: 0;-webkit-flex: 0 0 100%;flex: 0 0 100%;max-width:100%; padding-left: 0;}
#vouchers .itemBtm > .oDetailTitle {margin:0 0 2px;}
#vouchers .oDetailTitle {font-size:16px;}
#vouchers .itemBtm .offerDetR > div.poiName {font-size: 13px;}
 #tas > #listingWrap-takeaway > p {max-width: 80%;}
}

@media (max-width: 320px) {
	#tas > #listingWrap-takeaway > p {max-width: 90%;}
	  #cooking .homeslide .homeL iframe, #cooking .homeslide .homeL .homeImg {min-height: 220px;}
	#taste .inner > p, #cooking .wrap .inner > p {font-size: 16px;}
   #article-section .articles .art .txt .date, #article-section .articles .art .txt .tag {padding: 0 6px;}
}