*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; }
.left {float:left;}
.right {float:right;}
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.hidden {display: none;} 
html, body {height: 100%;} 
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {margin:0;padding:0;} 
fieldset, img {border:0;}
ol, ul {list-style:none;}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
img {max-width: 100%;display: block;-webkit-backface-visibility: hidden; -ms-transform: translateZ(0);-webkit-transform: translateZ(0); transform: translateZ(0);} 
img.ctrImg {display: block; margin: auto;}
h1 {font-size: 35px;margin: 0;}
h2 {font-size: 1.8em;margin: 0;}
p {line-height: 1.8; margin: 0;}
small {font-size: .75rem;}
a {text-decoration: none;}
div {position:relative; -webkit-overflow-scrolling: touch;}
.line-clamp {display: block; display : -webkit-box; -webkit-box-orient : vertical; position: relative; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; padding: 0 !important; }
.line-clamp:after {content: ''; text-align : right; bottom: 0; right: 0; width: 25%; display : block; position: absolute; height: calc(1em * 1.2); background : linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 75%); }
@supports (-webkit-line-clamp: 1) {.line-clamp:after {display : none !important; } }
.line-clamp-1 {-webkit-line-clamp : 1; max-height : calc(1em * 1.2 * 1); }
.line-clamp-2 {-webkit-line-clamp : 2; max-height : calc(1em * 1.2 * 2); }
.line-clamp-3 {-webkit-line-clamp : 3; max-height : calc(1em * 1.2 * 3); }
.line-clamp-4 {-webkit-line-clamp : 4; max-height : calc(1em * 1.2 * 4); }
.row1,.row2,.row3 {text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;white-space:normal;}
.row1 {-webkit-line-clamp:1;}
.row2 {-webkit-line-clamp:2;}
.row3 {-webkit-line-clamp:3;}
.alignCtr {margin: auto; width: 90%;}
.noScroll {overflow: hidden;}
.txtCtr {text-align: center;}
.absFull {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.absC {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.noPmargin > p {margin: 0;}
.mbl {display: none!important;}
.lity{z-index:99999999;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#000;background:rgba(0,0,0,0.5);outline:none!important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease} .lity.lity-opened{opacity:1} .lity.lity-closed{opacity:0} .lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} 
.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none!important;overflow: auto;} 
.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em} 
.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease} .lity-loading .lity-loader{opacity:1} .lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none!important} .lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease; position: relative; } .lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)} 
.lity-close{z-index:9994;width:45px;height:45px;position:fixed;right:3%; top: 2%; margin:auto; -webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#ffffff;font-style:normal;font-size:45px;font-family:Arial,Baskerville,monospace;line-height:45px;border:0;outline:0;-webkit-box-shadow:none; border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;background-color: rgba(0,0,0,0.8); } 
.lity-close::-moz-focus-inner{border:0;padding:0} 
.lity-image img{max-width:100%;display:block;line-height:0;border:0} .lity-iframe .lity-container{width:100%;max-width:100%;}
.lity-iframe-container{width:100%;height:100%;padding-top:100vh;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch} 
.lity-iframe-container:before, .lity-iframe-container:after {display: block; content: ""; width: 80px; height: 80px; background: black; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; border-radius: 50%; opacity: 0.6; -webkit-animation: sk-bounce 2s infinite ease-in-out; animation: sk-bounce 2s infinite ease-in-out; z-index: -1;}
.lity-iframe-container:before {background-color: #005f29; -webkit-animation-delay: -1s; animation-delay: -1s; }
.lity-iframe-container:after {background-color: #bf3300; }
@-webkit-keyframes sk-bounce {0%, 100% {-webkit-transform: scale(0); } 50% {-webkit-transform: scale(1); } }
@keyframes sk-bounce {0%, 100% {transform: scale(0); -webkit-transform: scale(0); } 50% {transform: scale(1); -webkit-transform: scale(1); } }
.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:none;} .lity-hide{display:none}

@keyframes fadeoutW {0% {opacity: 1; } 99% {opacity: 0; } 100% {visibility: hidden; }}
.swiper-container {width: 100%;height: 100%;}
.swiper-button-prev, .swiper-button-next { background-color: #000000; border-radius: 50%; width: 50px; height: 50px;}
.swiper-button-prev:after, .swiper-button-next:after {color: #fff; font-size: 20px;}
.swiper-button-prev {left: -50px;}
.swiper-button-next {right: -50px;}

@keyframes float1 {
    0% {transform: translateY(0)}
    to {transform: translateY(min(.8163265306vw + 6.9387755102px,20px))}
}
@keyframes float2 {
    0% {transform: translate(0) scale(1)}
    to {transform: translate(min(.4081632653vw + 3.4693877551px,10px),-5px) scale(1.03)}
}
@keyframes float3 {
    0% {transform: translate(0) rotate(0)}
    to {transform: translate(min(.8163265306vw + 6.9387755102px,20px),min(.4081632653vw + 3.4693877551px,10px)) rotate(-3deg)}
}

span.nobreak, i.nobreak {white-space: nowrap;}

body {margin:0px; font-family: Noto Sans TC, Arial,"Microsoft YaHei", "Microsoft JhengHei", "Source Han Sans","PingFangHK","Heiti TC",Verdana,sans-serif;background-color:#FFF;position:relative;height:100%;}
a.iglink:link, a.iglink:visited, a.iglink:hover,a.iglink:active{color:#fdeba5}
.dkt.mbl{display: block!important;;}

@media (min-width: 48rem) {
  .mbl {display: none!important;}
  .dkt {display: block!important;}
}

@media screen and ( max-width: 48rem) {
  html, body {font-size: 10px;}
  body {min-width:0;}
  .mbl {display: block!important;}
  .dkt {display: none!important;}

}  




#bodyContent {overflow: hidden; background: linear-gradient(to bottom, #D1E2E8, #BC9ECF, #FDA18C, #FEDF80); position: relative;}
#bodyContent:before {content: ''; display: block; position: absolute; left: 0%; top: 0%; width: 28vw; padding-bottom: 22vw; background: url(../img/decos/shape1.png) no-repeat left top / 100% auto;}


@media (min-width: 48rem) {
  #bodyContent .deco {position: absolute;}
  #bodyContent .deco span {display: block; width: 100%; }
  #bodyContent .deco1 { width: 17vw; top: 77vw; left: 0.5vw; }
  #bodyContent .deco2 { width: 13vw; top: 94vw; left: 84vw; }
  #bodyContent .deco1 span {padding-bottom: 17vw; background: url(../img/decos/deco1.png) no-repeat center / contain; animation: float1 2.5s ease-in-out infinite alternate;}
  #bodyContent .deco2 span {padding-bottom: 13vw; background: url(../img/decos/deco2.png) no-repeat center / contain; animation: float2 2.5s ease-in-out infinite alternate;}


}

#headerNew .inner { padding: 2vw 0 0; margin: auto; text-align: center;}
#headerNew .inner a, #headerNew .inner i {display: inline-block; vertical-align: middle;}
#headerNew a img { display: block; width: 100%;}
#headerNew .openrice-logo {width: 11vw;}
#headerNew .inner i {width: 1.5vw; height: 1.5vw; background: url(../img/x.png) no-repeat center / contain; margin: 0 1.35vw;}
#headerNew .lta-logo {width: 11vw;}

@media (max-width: 48rem) {
    #headerNew .inner { padding: 8vw 2vw; }
    #headerNew .openrice-logo {width: 29vw;}
    #headerNew .inner i {width: 4vw; height: 4vw; margin: 0 2.35vw;}
    #headerNew .lta-logo {width: 28vw;}
}
  


#KV {position: relative; }
#KV img.KVTitleImg {position: relative; width: 100%; }
#KV img.ttImg { top: 4%; left: 0; right: 0; margin: auto; max-width: 68vw; }





#section2{background: linear-gradient(to bottom,#d8e5eb, #BC9ECF, #FDA18C, #FEDF80);}



@media (max-width: 48rem) {
  #section2 {}
}



#introBlock {position: relative; z-index: 1;}
#introBlock .inner {position: relative; max-width: 48vw; margin: auto;}
#introBlock .ttImg {max-width: 83%; margin: 0 auto 1.25vw;}
#introBlock p { color: #fff; font-size: 1.2vw; line-height: 1.4; text-align: center; font-weight: 600; padding-top: 2%; color: #533A19; }
#introBlock .deco { position: absolute; bottom: 20%; width: 15%; }
#introBlock a { color:#DD0083 }


@media (max-width: 48rem) {
  #introBlock .ttImg { max-width: 100%;}
  #introBlock .inner {max-width: 88vw;}
  #introBlock p {font-size: 3.7vw; line-height: 1.4; text-align: center; max-width: 85vw; margin: 2vw auto 0;}
  #introBlock .deco { bottom: 23%; width: 22%; }
}






#limitedOffer {margin-top: 10vw; padding: 1px 0 0;position: relative;}

#limitedOffer > .wrapper {padding: 0; opacity: 0; transition: opacity .3s linear; max-width: 70vw; margin: auto;}
#limitedOffer.initiated > .wrapper {opacity: 1;}

#limitedOffer .dateWrapper {margin: -5vw auto 6vw;}
#limitedOffer .dateWrapper .holder {display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; max-width: 60vw; margin: auto;}
#limitedOffer .dateWrapper .holder > div {display: block;}
#limitedOffer .dateWrapper .holder > div:first-child {-ms-flex: 0 0 27%; -webkit-flex: 0 0 27%; flex: 0 0 27%; max-width: 27%;}
#limitedOffer .dateWrapper .holder > div:last-child {-ms-flex: 0 0 62%; -webkit-flex: 0 0 62%; flex: 0 0 62%; max-width: 62%;}

#limitedOffer .startSaleTTImg {display: block;}

#limitedOffer .dateTabs {margin: 0 auto; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center;}
#limitedOffer .dateTabs .dateTab {-ms-flex: 0 0 40%; -webkit-flex: 0 0 40%;flex: 0 0 40%; max-width: 40%; display: block; position: relative;}
#limitedOffer .dateTabs .dateTab:before, #limitedOffer .dateTabs .dateTab:after { content: ''; display: block; position: absolute; top: -76%; left: -17%; width: 130%; height: 250%; }
#limitedOffer .dateTabs .dateTab:before {z-index: 1; opacity: 1; transition: .2s ease-in-out; background: url(../img/limited-offer/date-bg-on.png) no-repeat center / contain;}
#limitedOffer .dateTabs .dateTab[data-dateidx="1"]:before{z-index: 1; opacity: 1; transition: .2s ease-in-out; background: url(../img/limited-offer/date-bg-on-2.png) no-repeat center / contain;}
#limitedOffer .dateTabs .dateTab.active:before {opacity: 1;}
#limitedOffer .dateTabs .dateTab:after {background: url(../img/limited-offer/date-bg-off.png) no-repeat center / contain;}
#limitedOffer .dateTabs .dateTab[data-dateidx="1"]:after {background: url(../img/limited-offer/date-bg-off-2.png) no-repeat center / contain;}
#limitedOffer .dateTabs .dateTab.hasVouchers:not(.active):hover {  transition-duration: 0.3s; transition-property: transform;transform: translateY(-5px);}
#limitedOffer .dateTabs .dateTab.hasVouchers:not(.active) {cursor: pointer;}
#limitedOffer .dateTabs .dateTab.notStarted, #limitedOffer .dateTabs .dateTab.active, #limitedOffer .dateTabs .dateTab.hasEnded {pointer-events: none;}
#limitedOffer .dateTabs .dateTab.hasVouchers, #limitedOffer .dateTabs .dateTab.hasEnded.noEndDate {pointer-events: initial;}
#limitedOffer .dateTabs .dateTab > span {display: block; position: relative; text-align: center; font-weight: 700; color: #fff; line-height: 1.1; z-index: 2;}
#limitedOffer .dateTabs .dateTab:not(.active) > span {color: #ffffff;}
#limitedOffer .dateTabs .dateTab .date {font-size: 2.65vw;}
#limitedOffer .dateTabs .dateTab .date:after {display: inline-block; position: absolute; bottom: 123%; right: -7%; margin: auto; font-size: 1.5vw; line-height: 1; font-weight: 600; letter-spacing: 1px; text-align: center; width: 9.5vw; color: #fff; border: 2px solid; border-radius: 10vw; padding: .55vw 0 .65vw;}
#limitedOffer .dateTabs .dateTab.notStarted .date:after {content: '尚未開賣'; background-color: #f07095;}
#limitedOffer .dateTabs .dateTab.hasStarted.isCurrent .date:after {content: '現正熱賣'; background-color: red;color: #fff; border: 2px solid;filter: drop-shadow(2px 2px 5px red);}
#limitedOffer .dateTabs .dateTab.hasStarted.isCurrent.isLow .date:after, #limitedOffer .dateTabs .dateTab.hasEnded.noEndDate .date:after {content: '尚餘少量'; background-color: #80a176;filter: drop-shadow(2px 2px 5px rgb(0, 255, 30));}
#limitedOffer .dateTabs .dateTab.hasEnded .date:after, #limitedOffer .dateTabs .dateTab.hasStarted.isSoldout .date:after {content: '全數售罄'; background-color: #000000;filter: drop-shadow(2px 2px 5px yellow);}
#limitedOffer .dateTabs .dateTab.hasEnded:not(.noEndDate) .date:after { border-color: #000;color: #fff; border: 2px solid;filter: drop-shadow(2px 2px 5px yellow);}
#limitedOffer .dateTabs .dateTab .time {font-size: 2.2vw;}
#limitedOffer .isSoldout .wrapper {opacity: 0.7;}
@media (min-width: 48rem) {
  
}

@media (max-width: 48rem) {
  #limitedOffer {margin-top: 33vw;}
  #limitedOffer:after {padding-bottom: 75vw; background: linear-gradient(to bottom, transparent 0%, transparent 14vw, #F68C58 14vw), url(../img/decos/shape3.png) no-repeat center top / 100% auto;}
  #limitedOffer > .wrapper {padding: 0; max-width: 100vw;}
  #limitedOffer .dateWrapper {margin: -25vw auto 20vw;}
  #limitedOffer .dateWrapper .holder {max-width: 90vw;}
  #limitedOffer .dateWrapper .holder > div:first-child {-ms-flex: 0 0 100%; -webkit-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
  #limitedOffer .dateWrapper .holder > div:last-child {-ms-flex: 0 0 100%; -webkit-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
  #limitedOffer .startSaleTTImg {max-width: 51vw; margin: 0 auto 11vw;}
  #limitedOffer .dateTabs {padding: 0; width: 100%;}
  #limitedOffer .dateTabs .dateTab {-ms-flex: 0 0 47%; -webkit-flex: 0 0 47%; flex: 0 0 47%; max-width: 47%;}
  #limitedOffer .dateTabs .dateTab .date {font-size: 6.15vw;}
  #limitedOffer .dateTabs .dateTab .date:after {font-size: 3.5vw; width: 23vw; padding: 1vw 0 1.6vw;}
  #limitedOffer .dateTabs .dateTab .time {font-size: 4.95vw;}
  #limitedOffer .dateTabs .dateTab:before, #limitedOffer .dateTabs .dateTab:after,#limitedOffer .dateTabs .dateTab[data-dateidx="1"]:before,#limitedOffer .dateTabs .dateTab[data-dateidx="1"]:after {    width: 120%; left: -10%;}
}


#limitedOffer .listing {display: flex; flex-flow: row wrap; z-index: 1;}
@media (max-width: 48rem) {
  #limitedOffer .listing {padding: 0 8vw;}
}

.poiItem {-ms-flex: 0 0 33.33%; -webkit-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; padding: 0 1.5vw; margin-bottom: 5vw;}
.poiItem .wrapper {background-color: #fff; border-radius: 1.4vw; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15); padding-top: .4vw; height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-between;}
.poiItem .wrapper .topBox {width: 100%;}
.poiItem .wrapper .btmBox {width: 100%;}

.poiItem .imgBox {position: relative; aspect-ratio: 6 / 4; max-width: calc(100% - .8vw); margin: auto;}
.poiItem .imgBox .offerTag {position: absolute; z-index: 1; top: 1.7vw; left: -.4vw; color: #fff; font-size: 2.25vw; font-weight: 800; line-height: 1; background: url(../img/path-3133@2x.png) no-repeat left center / 100% 100%; display: inline-block; padding: .5vw 1.5vw .75vw .5vw;}
.poiItem .imgBox .offerTag:before {content: ''; display: block; position: absolute;  border-radius: 5px 0 0 0;background: url(../img/path-3134@2x.png) no-repeat left center / 100% 100%; right: 99%; bottom: 0; width: .75vw; height: 115%;}
.poiItem .imgBox .poiImg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 1.15vw;}
.poiItem .imgBox .tag {position: absolute; z-index: 1; top: -2.8vw; left: 2.0vw;display: inline-block; padding: 0px 80% 24% 0; }
.poiItem .imgBox .chinahkcitytag {  background: url(../img/limited-offer/chinahkcity-tag.png) no-repeat center; background-size: contain;}
.poiItem .imgBox .tsimshatsuicentretag{ background: url(../img/limited-offer/tsimshatsuicentre-tag.png) no-repeat center; background-size: contain; }
.poiItem .imgBox .empirecentretag{ background: url(../img/limited-offer/empirecentre-tag.png) no-repeat center; background-size: contain; }


.poiItem .tagBox {position: absolute; bottom: -.25vw; right: -.75vw; z-index: 1;}
.poiItem .tagBox.isOnSale {background: url(../img/limited-offer/tag-hot.png) no-repeat center / contain; width: 12.85vw; height: 4.35vw;}
.poiItem.isSoldout .tagBox.isOnSale {display: none;}
.poiItem.isLow .tagBox.isSoldout {display: none;}
.poiItem .tagBox.isLow {background: url(../img/limited-offer/tag-limited.png) no-repeat center / contain; width: 11.75vw; height: 3.35vw;}
.poiItem.hasEnded:not(.noEndDate) .tagBox.isLow {display: none;}
.poiItem.hasStarted.isSoldout .tagBox {display: none;}
.poiItem .infoBox {padding: .85vw 0 0; width: 92%; margin: auto; text-align: center;}
.poiItem .infoBox .poiName {font-size: 1.6vw; font-weight: 800; color: #2c2c30; margin: 0 0 .5vw; line-height: 1.3;}
.poiItem .infoBox .offerTitle {font-size: 1.4vw; font-weight: 800; color: #EF6800; line-height: 1.3; padding: .6vw .85vw; border-top: 1px solid; border-bottom: 1px solid;}


.poiItem .btmBox .voucherPrice {/*padding-right: 11%;*/ width: 92%; margin: 1vw auto; position: relative;}
.poiItem .btmBox .priceBlock {padding: 0; display: flex; flex-flow: row nowrap;justify-content: center;}
.poiItem .btmBox .priceO {color: #009342;}
.poiItem .btmBox .priceO span {display: inline-block; font-size: 2.7vw; font-weight: 900; letter-spacing: -.1vw; line-height: 1;}
.poiItem .btmBox .priceO small {display: inline-block; font-size: 1.6vw; font-weight: 900; letter-spacing: -.15vw; line-height: 1;}
.poiItem .btmBox .priceD {color: #E8517C; margin-left: .5vw; margin-top: 0.9vw;}
.poiItem .btmBox .priceD span {display: inline-block; font-size: 1.4vw; font-weight: 800; text-decoration: line-through; letter-spacing: -.1vw; line-height: 1;}
/* .poiItem .btmBox .arrowBtn {position: absolute; top: 10%; right: 0; width: 11%;}
.poiItem .btmBox .arrowBtn a {display: block; width: 100%; padding-bottom: 100%; background: url(../img/limited-offer/icon-arrow.png) no-repeat center / contain;} */

.poiItem .btmBox .btnBlock {display: block; text-align: center; border-radius: 0 0 1.15vw 1.15vw; overflow: hidden;}
.poiItem .btmBox .btn {display: block; background-color: #EE7196; padding: .65vw 0 .8vw; pointer-events: none; cursor: default;}
.poiItem .btmBox .btn.hasStarted {background: linear-gradient(120deg, #009342, #00672e, #00672e, #a6dabe, #009342, #009342, #00672e, #00672e, #64c690, #009342, #009342);    background-size: 350% 350%;animation: btnBGCanimate 9s linear infinite; cursor: pointer; pointer-events: all;}
.poiItem .btmBox .btn.hasStarted:hover {   transition-duration: 0.3s; transition-property: transform;transform: translateY(-5px); }
.poiItem .btmBox .btn.isSoldout, .poiItem.hasEnded:not(.noEndDate) .btmBox .btn {background: initial;background-color: #000; pointer-events: none; cursor: default;}

.poiItem .btmBox .btn i {display: inline-block; vertical-align: middle; width: 2.45vw; height: 3.15vw; background: url(../img/limited-offer/icon-voucher.png) no-repeat center / contain; margin: .2vw 1.15vw 0 -2.25vw;}
.poiItem .btmBox .btn:after {content: '尚未開賣'; display: inline-block; vertical-align: middle; font-size: 2.35vw; font-weight: 700; color: #fff; }
.poiItem .btmBox .btn.hasStarted:after {content: '立即搶購';}
.poiItem .btmBox .btn.isSoldout:after, .poiItem.hasEnded:not(.noEndDate) .btmBox .btn:after {content: '全數售罄';}
 
@media (max-width: 48rem) {
  .poiItem {-ms-flex: 0 0 100%; -webkit-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 3vw 1.5vw; margin-bottom: 5vw;}
  .poiItem .wrapper {padding-top: 1vw; border-radius: 4vw;}
  .poiItem .imgBox {aspect-ratio: 6 / 3.75; max-width: calc(100% - 3vw);}
  .poiItem .imgBox .offerTag {font-size: 7.5vw; top: 7.5vw; left: -1.5vw; padding: 1.95vw 4.5vw 2.5vw 2vw;}
  .poiItem .imgBox .offerTag:before {width: 1.75vw;}
  .poiItem .imgBox .poiImg {border-radius: 3.15vw;}
  .poiItem .tagBox {bottom: -.85vw; right: -2.75vw;}
  .poiItem .tagBox.isOnSale {width: 40vw; height: 13vw;}
  .poiItem .tagBox.isLow {width: 39vw; height: 11vw;}
  .poiItem .infoBox {padding-top: 2.5vw;}
  .poiItem .infoBox .poiName {font-size: 5.85vw;}
  .poiItem .infoBox .offerTitle {font-size: 4.75vw; padding: 1.6vw 3.85vw;}
  .poiItem .btmBox .voucherPrice {margin: 3vw auto;}
  .poiItem .btmBox .priceO small {font-size: 5vw;}
  .poiItem .btmBox .priceO span {font-size: 8.5vw;}
  .poiItem .btmBox .priceD {margin-top: 3.5vw;}
  .poiItem .btmBox .priceD span {font-size: 4vw;}
  .poiItem .btmBox .btnBlock {border-radius: 0 0 4vw 4vw;}
  .poiItem .btmBox .btn {padding: 2vw 0 3vw;}
  .poiItem .btmBox .btn i {width: 7.5vw; height: 10vw; margin: .2vw 4.5vw 0 -7.5vw;}
  .poiItem .btmBox .btn:after {font-size: 7.5vw;}
  .poiItem .imgBox .tag { top: -9.8vw; left: 10vw; padding: 0px 75% 24% 0; }
}









/* #whatsappBox{max-width:140px;position:fixed;z-index:999;bottom:2rem;right:-200px;opacity:0;transition:all .3s ease-in-out;margin:auto}
#whatsappBox.show{right:1rem;opacity:1}
#whatsappBox img {-webkit-filter: drop-shadow(1px 1px 4px rgba(0,0,0,0.6));filter: drop-shadow(1px 1px 4px rgba(0,0,0,0.6));}
@media screen and (max-width: 40em) {
    #whatsappBox img{width: 9rem;}
} */




footer {position: relative; width: 100%;}
footer .sponsor{margin-top: 5%;text-align: center;font-weight: 500;z-index: 3;}
footer .sponsor p { display: inline-block; line-height: 1.2; font-size: 1vw; color: #5f3317;}
footer .sponsor .footTopSocialGroup{text-align: center;margin-top: 10px;}
.footerWrap {position: relative;}
.footerWrap .footerTop {background-color: #fedf80; padding: 30px 16%; position: relative;}
.footTopTxt {color: #4E3C2D; line-height: 1;z-index: 2;}
.footTopTxt p {font-weight: 600; margin-bottom: 5px; font-size: 1.1rem;}
.footTopTxt small {font-size: 0.7rem;}
.footTopSocialGroup {text-align: right;z-index: 2;}
.footTopSocialGroup .foot-social {display: inline-block; vertical-align: middle; margin: 0 5px; }
.footTopSocialGroup .foot-social.ig {background: url(../img/social-icons/instagram.svg) no-repeat center center; width: 20px; height: 20px;}
.footTopSocialGroup .foot-social.yt {background: url(../img/social-icons/youtube.svg) no-repeat center center; width: 20px; height: 20px;}
.footTopSocialGroup .foot-social.redbook {background: url(../img/social-icons/redbook.svg) no-repeat center center; width: 20px; height: 20px;}
.footTopSocialGroup .foot-social.fb {background: url(../img/social-icons/facebook.svg) no-repeat center center; width: 20px; height: 20px;}
.footerCR {color: #4E3C2D; margin-top: 5px; text-align: right;z-index: 2;}
.footerCR > span {display: inline-block; vertical-align: middle;}
.footerCR > span.copyright-text {font-size: .7rem; margin-left: 5px;}
/* #backtopBtn {position: absolute; z-index: 60; left: 0;right: 0; margin: auto; top: -20px;width: 41px;height: 41px;background: url(https://static5.orstatic.com/info/global/img/backtopArr.png) no-repeat center center / contain;cursor: pointer;} */
footer .deco5 {position: absolute;width: 100%; bottom: 0px; filter: invert(1);}
footer .deco5 span {padding-bottom: 41vw; background: url(../img/decos/deco5.png) no-repeat center / cover; }



@media (min-width: 48rem) {
  footer .deco {position: absolute;}
  footer .deco span {display: block; width: 100%; }
  footer .deco3 { width: 13vw; bottom: -1vw; left: 0vw; z-index: 1;}
  footer .deco4 { width: 13vw; bottom: 0px; left: 85vw; z-index: 1; }
  footer .deco3 span {padding-bottom: 11vw; background: url(../img/decos/deco3.png) no-repeat center / contain;}
  footer .deco4 span {padding-bottom: 7vw; background: url(../img/decos/deco4.png) no-repeat center / contain; }

}

@media only screen and (max-width: 640px) {
  footer .sponsor { margin-top: 4%;}
  footer .deco5 span {display: block;padding-bottom: 110vw;}
  .footerWrap .footerTop {padding:3vw;}
  .footTopTxt {text-align: center; margin-top: 3vw;line-height: 1.4;}
  .footTopTxt p {font-size: 4vw;}
  .footTopTxt small {font-size: 3vw;}
  .footTopSocialGroup {text-align: center;  padding: 2%;}
  .footerCR {text-align: center;}
  .footerCR > span#OR_FOOT_logo {max-width: 15px; vertical-align: top;}
  .footerCR > span.copyright-text {font-size: 2vw; margin-left: 0;}
  footer .sponsor p { font-size: 2.5vw;}
  /* #backtopBtn{width: 30px; } */
}


@-webkit-keyframes btnBGCanimate {
    0% {background-position: 0% 0%;}
    100% {background-position: 350% 0%;}
}
@keyframes btnBGCanimate {
    0% {background-position: 0% 0%;}
    100% {background-position: 350% 0%;}
}