*, *: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-color: #EF7C99; 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;}
#bodyContent .deco {position: absolute; display: block; z-index: 1;}
#bodyContent .deco1 {background: url(../img/decos/fork-hr@2x.png) no-repeat center / contain; width: 15vw; padding-bottom: 24vw; top: 0vw; left: 6vw;}
#bodyContent .deco2 {background: url(../img/decos/dots.png) no-repeat center / contain; width: 28vw; padding-bottom: 11vw; top: 36vw; left: -6vw;}

#bodyContent .deco4 {background: url(../img/decos/dots2.png) no-repeat center / contain; width: 22vw; padding-bottom: 14vw; top: 2vw; left: 78vw;}
#bodyContent .deco5 {background: url(../img/decos/dots.png) no-repeat center / contain; width: 11vw; padding-bottom: 5vw; top: 23vw; left: 75vw;}
#bodyContent .deco6 {background: url(../img/decos/drink-hr@2x.png) no-repeat center / contain; width: 15vw; padding-bottom: 18vw; top: 17vw; left: 85vw; z-index: 2;}
#bodyContent .deco7 { background: url(../img/decos/kiwi@2x.png) no-repeat center / contain; width: 20vw; padding-bottom: 11vw; top: 29vw; left: 79vw; }
#bodyContent .deco8 {background: url(../img/decos/dots3.png) no-repeat center / contain; width: 23vw; padding-bottom: 16vw; top: 59vw; left: 88vw;}
#bodyContent .deco10 {background: url(../img/decos/riceboy-2.gif) no-repeat center / contain;  width: 10vw; padding-bottom: 10vw; top: 83vw; left: 3vw;}
#bodyContent .deco11 {background: url(../img/decos/icecream-hr@2x.png) no-repeat center / contain; width: 15vw; padding-bottom: 21vw; top: 78vw; left: 89vw;}

@media (min-width: 48rem) {
  #bodyContent .deco3 {background: url(../img/decos/orange@2x.png) no-repeat center / contain; width: 20vw; padding-bottom: 17vw; top: 45vw; left: -1vw;}
  #bodyContent .deco9 {background: url(../img/decos/dots3.png) no-repeat center / contain; width: 23vw; padding-bottom: 20vw; top: 67vw; left: -7vw;}
}

@media (max-width: 48rem) {
  #bodyContent:before {width: 38vw; padding-bottom: 31vw;}
  #bodyContent .deco1 {width: 18vw; padding-bottom: 40vw; top: -4vw; left: 0vw;display:none}
  #bodyContent .deco2 {width: 32vw; padding-bottom: 14vw; top: 164vw; left: -8vw;display:none}
  #bodyContent .deco4 {width: 24vw; padding-bottom: 21vw; top: 12vw; left: 86vw;display:none}
  #bodyContent .deco5 {width: 37vw; padding-bottom: 16vw; top: 71vw; left: 68vw;display:none}
  #bodyContent .deco6 {width: 21vw; padding-bottom: 42vw; top: 163vw; left: 79vw;display:none}
  #bodyContent .deco7 {width: 30vw; padding-bottom: 23vw; top: 178vw; left: -6vw;display:none}
  #bodyContent .deco8 {width: 60vw; padding-bottom: 51vw; top: 300vw; left: 70vw;display:none}
  #bodyContent .deco10 { width: 44vw; padding-bottom: 37vw; top: auto; bottom: 3vw; left: 29vw; }
  #bodyContent .deco11 {width: 31vw; padding-bottom: 45vw; top: auto; left: 50vw; bottom: 4vw;display:none}
}




#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; max-width: 31vw; margin: 2vw auto 0;}
#KV img.KVTitleImg {position: relative; width: 100%; margin-left: -4vw;}
#KV img.ttImg { top: 4%; left: 0; right: 0; margin: auto; max-width: 68vw; }

@media (max-width: 48rem) {
  #KV {max-width: 94vw; margin: 4vw auto 0;}
  #KV img.KVTitleImg {margin-left: -6vw;}
}







@media (max-width: 48rem) {
  #section2 {margin-top: 5vw;}
}



#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 {margin-top: -2%;color: #fff; font-size: 1.55vw; line-height: 1.4; text-align: center; font-weight: 600;}
#introBlock p .lh3 {line-height: 3; display: inline-block;}
#introBlock p .hl {/*color: #fde44f; font-size: 1.15em; font-weight: 800;*/ font-size: 0; display: inline-block; vertical-align: middle;}
#introBlock p .hl1 {background: url(../img/intro/intro-t1.png) no-repeat center / contain; width: 13vw; padding-bottom: 3.35vw; margin: -.25vw .75vw 0 0;}
#introBlock p .hl2 {background: url(../img/intro/intro-t2.png) no-repeat center / contain; width: 9vw; padding-bottom: 4vw; margin: 0 .65vw;}

@media (max-width: 48rem) {
  #introBlock .ttImg { max-width: 100%;}
  #introBlock .inner {max-width: 88vw;}
  #introBlock p {font-size: 4.9vw; line-height: 1.4; text-align: center; max-width: 85vw; margin: 2vw auto 0;}
  #introBlock p .lh2 {line-height: 1.8; margin-bottom: 1vw;}
  #introBlock p .lh3 {display: inline; line-height: 1;}
  #introBlock p .hl1 {width: 36vw; padding-bottom: 9.15vw; margin: -.25vw 1.75vw 0 1.75vw;;}
  #introBlock p .hl2 {width: 28vw; padding-bottom: 12.5vw; margin:0.2vw 1vw 0vw 2.2vw;}

}






#limitedOffer {margin-top: 10vw; padding: 1px 0 3vw; background-color: #FAA167; position: relative;}
#limitedOffer:before {content: ''; display: block; position: absolute; z-index: 0; left: 0; bottom: 99.75%; width: 100%; padding-bottom: 30%; background: url(../img/decos/shape2.png) no-repeat center bottom / 100% auto;}
#limitedOffer:after {content: ''; display: block; position: absolute; z-index: 0; left: 0%; bottom: -.25%; width: 100%; padding-bottom: 28vw; background: linear-gradient(to bottom, transparent 0%, transparent 70%, #F68C58 70%), url(../img/decos/shape3.png) no-repeat center top / 100% auto;}

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

#limitedOffer .dateWrapper {margin: -5vw auto 2vw;}
#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: -92%; left: -8%; width: 114%; height: 250%;}
#limitedOffer .dateTabs .dateTab:before {z-index: 1; opacity: 0; transition: .2s ease-in-out; background: url(../img/limited-offer/date-bg-on.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.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: #fa4c23;}
#limitedOffer .dateTabs .dateTab.hasStarted.isCurrent.isLow .date:after, #limitedOffer .dateTabs .dateTab.hasEnded.noEndDate .date:after {content: '尚餘少量'; background-color: #80a176;}
#limitedOffer .dateTabs .dateTab.hasEnded .date:after, #limitedOffer .dateTabs .dateTab.hasStarted.isSoldout .date:after {content: '全數售罄'; background-color: #000000;}
#limitedOffer .dateTabs .dateTab.hasEnded:not(.noEndDate) .date:after { border-color: #000;}
#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; padding-bottom: 50vw;}
  #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;}
}




.poiItem {padding: 0 1.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.25vw; 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 .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: #e55582; 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;}
.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: #e55582; 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.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: '全數售罄';}

#limitedOffer .swiper-container {padding-bottom: 1vw;}
#limitedOffer .swiper-button-next, #limitedOffer .swiper-button-prev {text-align: center; top: 0; bottom: 0; margin: auto; width: 3.5vw; height: 3.5vw;background: linear-gradient(120deg, #e983a5, #e86994, #e983a5, #fbcddd, #e983a5, #e86994, #e983a5, #fbcddd);    background-size: 350% 350%;animation: btnBGCanimate 9s linear infinite;/* background: rgb(44 139 53);*/}


#limitedOffer .swiper-button-prev {left: -3.5vw;}
#limitedOffer .swiper-button-next {right: -3.5vw;}
#limitedOffer .swiper-button-prev:after, #limitedOffer .swiper-button-next:after {line-height: 1; color: #ffffff!important; font-weight: 800; font-size: 1.65vw;}
 
@media (max-width: 48rem) {
  .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: 4.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;}
  #limitedOffer .swiper-button-next, #limitedOffer .swiper-button-prev {display: none;}
}









/* #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%;}
.footerWrap {position: relative;}
.footerWrap .footerTop {background-color: #F68C58; padding: 30px 4%; position: relative;}
.footTopTxt {color: #fff;}
.footTopTxt p {font-weight: 600; margin-bottom: 5px; font-size: 1.1rem;}
.footTopTxt small {font-size: 0.8rem;}
.footTopSocialGroup {text-align: right;}
.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.fb {background: url(../img/social-icons/facebook.svg) no-repeat center center; width: 20px; height: 20px;}
.footerCR {color: #fff; margin-top: 5px; text-align: right;}
.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;} */


@media only screen and (max-width: 640px) {
  .footerWrap .footerTop {padding: 7vw;}
  .footTopTxt {text-align: center; margin-top: 3vw;}
  .footTopTxt p {font-size: 4vw;}
  .footTopTxt small {font-size: 3vw;}
  .footTopSocialGroup {text-align: center;}
  .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;}
  /* #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%;}
}