/*GENERAL*/
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;} 
*, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }
.left { float: left; }
.right { float: right; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
:focus { outline: none; }
.hidden { display: none; }
span.nobreak, i.nobreak {white-space: nowrap; }
* 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); image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor;}
img.ctrImg { display: block; margin: auto; }

@font-face {
  font-family: 'openrice';
  src:  url('../fonts/icomoon.eot?vcyzrx');
  src:  url('../fonts/icomoon.eot?vcyzrx#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?vcyzrx') format('truetype'),
    url('../fonts/icomoon.woff?vcyzrx') format('woff'),
    url('../fonts/icomoon.svg?vcyzrx#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class*=" icon-"], [class^=icon-] {
    font-family: openrice!important;
    speak: none;
    font-style: normal;
    font-weight: 700;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-facebook:before {content: "\ea90";}
.icon-chevron-thin-left:before {content: "\e902";}
.icon-chevron-thin-right:before {content: "\e901";}
h1 {font-size: 2.9em; line-height: 1.2;}
h3 { font-size: 1.6rem; line-height: 1.3; }
h4 { font-size: 1.4rem; line-height: 1.3; }
p { font-size: 1rem; line-height: 1.6; }
a { text-decoration: none !important; }
.zh h1, .zh h3, .zh p, .zh a, .zh small {letter-spacing: .5px; }
small { font-size: 14px; line-height: 1.5; }
.txtYellow {color: #ffd54a;}
.noScroll { overflow: hidden; }
.txtCtr { text-align: center; }
.noPmargin > p { margin: 0; }
.fx {-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.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;}
.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); }
.line-clamp-5 {-webkit-line-clamp : 5; max-height : calc(1em * 1.2 * 5); }
.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}
.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;}
.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;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; border: 15px solid #fff;background-color: #fff;max-height: 100vh!important;}
.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:35px;height:35px;position:fixed;right:10px; top: 10px; margin:auto;background-color: #000; -webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:32px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;outline:0;-webkit-box-shadow:none;    box-shadow: 0 2px 3px rgba(0,0,0,.6); border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%; border: 2px solid #fff;}
.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%;}
.lity-iframe-container{width:100%;height:0;padding-top:100vh;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}
.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);}
.lity-hide{display:none!important}
.linkbtn {display: inline-block;box-shadow: inset -0.5px -1.9px 5px 0 rgba(0, 1, 0, 0.35);
  background-image: linear-gradient(to top, #b5c0e7, #eeeaf3); padding: 7px 20px; color: #1a3444; text-align: center; letter-spacing: 2px; font-weight: 600; line-height: 1;}
.containerL { width: 100%; margin: auto; max-width: 1200px; }
.mbo {display: none;}
#tcBtn {display: inline-block;}
.row .row {margin: 0}



body { margin: 0px; background-color: #fff; position: relative; height: 100%; font-family: Noto Sans TC, Arial,"Microsoft YaHei", "Microsoft JhengHei", "Source Han Sans", "PingFangHK", "Heiti TC", Verdana, sans-serif; font-size: 14px;}

#bodyWrap { margin: auto;}
#bodyContent {overflow: hidden;}

@media only screen and (min-width: 769px) {
  #bodyWrap {min-width: 80rem;}
}

@media only screen and (max-width: 768px) {
  .mbo {display: block;} .dko {display: none!important;}
}

@media only screen and (max-width: 640px) {
  html, body {font-size: 11px;}
}


#headerNew {position: relative; z-index: 100;box-shadow: 0px 0px 6px 1px rgba(0,0,0,.2);}
#headerNew > .inner { background-color: #fff; padding: 10px 4%; }
#headerNew .maxWidth {max-width: 1200px;margin: auto;}
#headerNew .openrice-logo > img { height: 30px; display: inline-block; padding-right:5px;}
#headerNew .booking-logo {display: inline-block;max-width: 150px;vertical-align: middle;margin-left: .75em;padding-left: .75em;position: relative;}
#headerNew .booking-logo:before {content: '';display: block;width: 1px;height: 80%;background: #ccc;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
#headerNew .tncBtn {color: #1755FF; font-size: .8rem; border: 1px solid; line-height: 1.5; padding: 0 .5rem 1px; margin-top: .3rem; float: right;}

@media (max-width:640px) {
  #headerNew { top: -1px; left: 0; width: 100%; z-index: 100;}
  #headerNew .openrice-logo > img {height: 30px; display: inline-block;}
  #headerNew > .inner {padding: 15px 10px;}
  #headerNew .tncBtn {margin-top: .5rem;}
}

@media screen and (min-width:280px) and (max-width:375px){
  #headerNew .openrice-logo > img{height: 25px;}
  #headerNew .booking-logo {max-width: 130px;}
}



footer .contain1200 {max-width: 1200px;margin: auto;}
.footerWrap .footerTop {background-color: #000; padding: 30px 4%;}
.buPage .footerWrap .footerTop {padding: 30px; background-color: #000000; 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(../images/sm-icons/instagram.svg) no-repeat center center; width: 20px; height: 20px;}
.footTopSocialGroup .foot-social.yt {background: url(../images/sm-icons/youtube.svg) no-repeat center center; width: 20px; height: 20px;}
.footTopSocialGroup .foot-social.fb {background: url(../images/sm-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; left: 0; right: 0;top: -20px; margin: auto; width: 41px;height: 41px;background: url(https://www.openrice.com/info/global/img/backtopArr.png) no-repeat center center / contain;cursor: pointer;}

@media only screen and (min-width: 1500px) {
	footer .contain1200 {max-width:80rem;}
}

@media only screen and (min-width: 769px) {
  .buPage footer {position: relative; bottom: 0;width: 100%;}
}

@media only screen and (max-width: 640px) {
  .footTopSocialGroup {text-align: center; margin-top: 20px;}
  .footerCR {text-align: center;}
  .footerCR > span#OR_FOOT_logo {max-width: 15px; vertical-align: top;}
  .footerCR .mRowDrop {display: block;}
}

@media (max-width: 360px) {.footerCR > span {font-size: 9px;}}



@media (min-width: 769px) {
  .buPage #bodyContent {width: 100%;display: inline-block;position: relative; z-index: 0;}
}



.KV {position: relative;margin: auto;overflow: hidden;background-color: #ffdf02;}
.KV .i {width: 100%;height: 100%;position: relative;}
.KV .KVimg {transition-duration: 1s; transform: translateX(.375%); margin: auto;}
.KV:hover .KVimg {transform: translateX(-1.85%);transition-duration: 1s;}

@-webkit-keyframes move-x {
  50% {transform: translateX(var(--x1));}
  100% {transform: translateX(var(--x2));}
}

@keyframes move-x {
  50% {transform: translateX(var(--x1));}
  100% {transform: translateX(var(--x2));}
}


.s1, .s2, .s3, .s4 {
  position: absolute; top: 0; bottom: 0;
  -webkit-animation: gg .6s ease-out forwards;
          animation: gg .6s ease-out forwards;
  pointer-events: none;
}
.KV:hover .s1, .KV.firstLoad .s1,
.KV:hover .s2, .KV.firstLoad .s2 {
  -webkit-animation-name: move-x;
          animation-name: move-x;
}
.s1 {
  left: 100%;
  z-index: 1;
  width: 300vmin;
  height: 96.5%;
  background-color: #fff;
  mix-blend-mode: difference;
  --x1: -310vmin;
  --x2: 0vmin;
}
.s2 {
  z-index: 3;
  width: calc(160vmin * 2);
  height: 96.5%;
  left: calc(100% + 60vmin);
  background-color: #ffdf02;
  --x1: -260vmin;
  --x2: 0vmin;
}
.s3 {
  z-index: 2;
  width: 10vmin;
  height: 96.52%;
  right: 100%;
  background-color: #ffdf02;
  border-right: 3px solid #48330c;
  --x1: 0;
  --x2: 100%;
}
.s3:before {content: ''; display: block; position: absolute; top: 0; right: -4px; background-color: #ffdf02; height: 3.32%; width: 100%;}
.s4 {
  z-index: 2;
  width: 10vmin;
  height: 96.5%;
  left: 100%;
  background-color: #ffdf02;
  border-left: 3px solid #48330c;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
  --x1: 0;
  --x2: -100%;
}
.s4:before {content: ''; display: block; position: absolute; top: 0; left: -4px; background-color: #ffdf02; height: 3.32%; width: 100%;}

@media (max-width: 120rem) {
  .KV:hover .s3,
  .KV:hover .s4 {
    -webkit-animation-name: move-x;
            animation-name: move-x;
  }
}

@media (max-width: 40rem) {
  .s1 {height: 97%;}
  .s2 {height: 97.5%;}
  .s3, .s4 {height: 97.47%; border-width: 2px;}
  .s3:before, .s4:before {height: 2.99%;}
}


.indextop {position: relative; background-color: #ffdf02;}
#introBoxWrap {position: relative; padding: 45px 20px 100px; font-size: 0;background: #ffdf02; margin-top: -1px;}
#introBoxWrap > .deco {display: block; position: absolute; z-index: 2;}
#introBoxWrap > .deco1 {background: url(../images/clouds/cloud1.png) no-repeat center / contain; top: -18%; left: -1%; width: 10%; padding-bottom: 10%; animation: float2 1.9s ease-in-out infinite alternate;}
#introBoxWrap > .deco2 {background: url(../images/clouds/cloud2.png) no-repeat center / contain; bottom: -32%; right: -1%; width: 15%; padding-bottom: 11%; animation: float2 2.2s ease-in-out infinite alternate;}
@media (max-width: 87.5rem) {
  #introBoxWrap > .deco1 {left: -2%; top: -35%;}
}
#introBoxWrap .row {height: 15rem;}
#introBoxWrap .row > .column:nth-child(1) {order: 1; max-width: 30rem;}
#introBoxWrap .row > .column:nth-child(2) {order: 2; max-width: 30rem;}
#introBoxWrap .row > .column:nth-child(3) {order: 3; max-width: calc(100% - 30.5rem);     align-self: flex-end;}
#introBoxWrap .txtWrap {max-width: 27rem;}
#introBoxWrap h3 {color: #302009; margin-bottom: 15px; font-size: 2rem; font-weight: 900;}
#introBoxWrap p {color: #302009; line-height: 1.4; max-width: 600px; font-weight: 600; font-size: 1.075rem;}
#introBoxWrap .periodWrap {margin-top: 20px; }
#introBoxWrap .periodWrap .period {letter-spacing: 0; font-weight: 600; line-height: 1.5; font-size: 1.4rem; font-weight: 900; color: #fff;display: inline-block; padding: 0 1.85rem 1px; background-color: #100FFF; border: 3px solid #fff; font-style: italic;}
#introBoxWrap .promoOffers {position: relative;}
#introBoxWrap .promoOffers .decos .deco {position: absolute;}
#introBoxWrap .promoOffers .decos .deco3 {width: 80px; height: 60px; background: url(../images/intro/decos/arrow.png) no-repeat center / contain; left: -30px; top: 85px; z-index: 1; }
#introBoxWrap .promoOffers .decos .deco5 {width: 90px; height: 90px; background: url(../images/intro/decos/star@2x.png) no-repeat center / contain; right: -55px; top: -10px; z-index: 1; animation: float1 1.6s ease-in-out infinite alternate;}
#introBoxWrap .offer {display: inline-block; vertical-align: top; width: 30%; position: relative; margin: 0 1%; perspective: 100rem; }
#introBoxWrap .offer:nth-child(1) {width: 39.6%;}
#introBoxWrap .offer:nth-child(2) {width: 56%;}
#introBoxWrap .offer img:hover {-webkit-animation: card .8s cubic-bezier(.62, .28, .23, .99) infinite alternate; animation: card .8s cubic-bezier(.62, .28, .23, .99) infinite alternate; backface-visibility: hidden; }
#introBoxWrap .offer .howToBtn {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#introBoxWrap > .deco2 {background: url(../images/clouds/cloud2.png) no-repeat center / contain; bottom: -20%; right: -1%; width: 15%; padding-bottom: 11%; }

@keyframes card {
  0% {transform: rotateY(0deg)}
  50% {transform: rotateY(-10deg)}
  100% {transform: rotateY(10deg)}
}

@keyframes float1 {
  0% {transform: translateY(0) rotate(0)}
  to {transform: translateY(min(.8163265306vw + 6.9387755102px,5px)) rotate(5deg)}
}

@keyframes float2 {
  0% {transform: translate(0) scale(1)}
  to {transform: translate(min(.4081632653vw + 3.4693877551px,10px), 3px) scale(1.03)}
}

@keyframes float3 {
  0% {transform: translate(0) rotate(0)}
  to {transform: translate(min(.8163265306vw + 6.9387755102px,0px),min(.4081632653vw + 3.4693877551px,-5px)) rotate(-3deg)}
}

@media (min-width: 48rem) and (max-width: 80rem) {
  #introBoxWrap .txtWrap {max-width: 25rem; text-align: justify;}
}

@media (min-width: 48rem) {
  #introBoxWrap .promoOffers {margin-top: -5px;}
  #introBoxWrap .promoOffers .decos .deco1 {width: 80px; height: 60px; background: url(../images/intro/decos/zapB@2x.png) no-repeat center / contain; left: -55px; top: 0px; animation: float3 1.6s ease-in-out infinite alternate;}
  #introBoxWrap .promoOffers .decos .deco2 {width: 50px; height: 50px; background: url(../images/intro/decos/zapY@2x.png) no-repeat center / contain; left: -60px; top: 50px; animation: float2 1s ease-in-out infinite alternate;}
  #introBoxWrap .promoOffers .decos .deco4 {width: 45px; height: 60px; background: url(../images/intro/decos/zapB2@2x.png) no-repeat center / contain; left: -28px; top: 155px; animation: float3 1.6s ease-in-out infinite alternate;}
}

@media (max-width: 40rem) {
  #introBoxWrap {padding: 15px 10px 65px; text-align: center;}
  #introBoxWrap .row {height: auto;}
  #introBoxWrap .row > .column {max-width: 100%!important;padding: 0 0.75rem;}
  #introBoxWrap .row > .column:nth-child(2) {order: 3;}
  #introBoxWrap .row > .column:nth-child(3) {order: 2;}
  #introBoxWrap .txtWrap {margin: auto;}
  #introBoxWrap h3 {font-size: 1.7rem; margin-left: 0;}
  #introBoxWrap p {font-size: 12px; max-width: 275px; margin: auto;}
  #introBoxWrap .periodWrap .period {font-size: 17px;padding: 0px 1.75rem 2px;}
  #introBoxWrap .promoOffers {margin-top: 20px;}
  #introBoxWrap .promoOffers .decos .deco3 {width: 25px; left: -10px; top: 40px; animation: float1 1.2s ease-in-out infinite alternate;}
  #introBoxWrap .promoOffers .decos .deco5 {width: 40px; right: -10px; top: -50px;}
}


.float-effect {display: inline-block;transition-duration: 0.3s;transition-property: transform;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);}
.float-effect:hover {transform: translateY(-5px);}




#limitedOffer {background: url(../images/flashdeal/gridbg.png); background-size: 95%; padding: 1px 0 2rem; position: relative; min-height: 30vh;}
#limitedOffer:after {content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 2rem; background: url(../images/border-repeat.png) repeat-x left center / auto 100%;}
#limitedOffer > .wrapper {padding: 0 1rem; opacity: 0; transition: opacity .3s linear; max-width: 74rem; margin: auto;}
#limitedOffer.initiated > .wrapper {opacity: 1;}

#limitedOffer .ttImg {position: relative; max-width: 26rem; margin: 0 auto; transform: translateY(-50%);}
#limitedOffer .ttImg i {position: absolute; right: -3rem; top: 1.35rem; width: 6.5rem; height: 6.75rem; background: url(../images/flashdeal/clock.png) no-repeat center / contain; animation: shake 1s cubic-bezier(.36,.07,.19,.97) infinite both; transform: translate3d(0, 0, 0); backface-visibility: hidden;}
@keyframes shake {
  10%, 90% {transform: translate3d(-1px, 0, 0);}
  20%, 80% {transform: translate3d(1px, 0, 0);}
  30%, 50%, 70% {transform: translate3d(-2px, 0, 0);}
  40%, 60% {transform: translate3d(2px, 0, 0);}
}

#limitedOffer .dateWrapper {margin: -1rem auto 3.5rem;}
#limitedOffer .dateWrapper .holder {display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; max-width: 70rem; margin: auto;}
#limitedOffer .dateWrapper .holder > div {display: block;}
#limitedOffer .dateWrapper .holder > div:first-child {-ms-flex: 0 0 17%; -webkit-flex: 0 0 17%; flex: 0 0 17%; max-width: 17%;}
#limitedOffer .dateWrapper .holder > div:last-child {-ms-flex: 0 0 80%; -webkit-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%;}

#limitedOffer .dateTabs {margin: -5px auto 0; display: flex; flex-flow: row nowrap; align-items: center;}
#limitedOffer .dateTabs .dateTab {-ms-flex: 0 0 29%; -webkit-flex: 0 0 29.5%;flex: 0 0 29.5%; max-width: 29.5%; margin-right: 3%; display: block; position: relative; background-color: #fff; padding: 2rem 0; border-radius: 2rem; box-shadow: 8px 8px 0px 3px #000; border: 4px solid #000;}
#limitedOffer .dateTabs .dateTab.active {background-color: #F7F334;}
#limitedOffer .dateTabs .dateTab.notStarted {border-color: #a0a0a0; box-shadow: 8px 8px 0px 3px #a0a0a0; background-color: #fff;}
#limitedOffer .dateTabs .dateTab.hasEnded {background-color: #7E7E7E;}
#limitedOffer .dateTabs .dateTab.hasEnded.noEndDate {background-color: #fff;}
#limitedOffer .dateTabs .dateTab.hasEnded.noEndDate.active {background-color: #F7F334;}
/* #limitedOffer .dateTabs .dateTab.hasMenus:not(.active) {cursor: pointer;} */
#limitedOffer .dateTabs .dateTab.hasMenus:not(.active):not(.notStarted) {cursor: pointer;}
#limitedOffer .dateTabs .dateTab.hasMenus.hasEnded.noEndDate:not(.active) {cursor: pointer;}
/* #limitedOffer .dateTabs .dateTab.notStarted.noMenus, 
#limitedOffer .dateTabs .dateTab.active, 
#limitedOffer .dateTabs .dateTab.hasEnded {pointer-events: none;} */
#limitedOffer .dateTabs .dateTab.notStarted, 
#limitedOffer .dateTabs .dateTab.active, 
#limitedOffer .dateTabs .dateTab.hasEnded {pointer-events: none;}
#limitedOffer .dateTabs .dateTab.hasEnded.noEndDate {pointer-events: initial;}
#limitedOffer .dateTabs .dateTab > span {display: block; position: relative; text-align: center; font-weight: 900; color: #000; line-height: 1.15; z-index: 2; letter-spacing: -1px;}
#limitedOffer .dateTabs .dateTab.notStarted > span {color: #a0a0a0;}
#limitedOffer .dateTabs .dateTab.hasEnded > span {color: #cacaca;}
#limitedOffer .dateTabs .dateTab.hasEnded.noEndDate > span {color: #000;}
/* #limitedOffer .dateTabs .dateTab.active > span {color: #173830;} */
/* #limitedOffer .dateTabs .dateTab:not(.active) > span {color: #fff;} */
#limitedOffer .dateTabs .dateTab .date {font-size: 3.25rem; letter-spacing: -2px;}
/* #limitedOffer .dateTabs .dateTab.notStarted.hasMenus .date:after {content: '搶先預覽';}
#limitedOffer .dateTabs .dateTab.notStarted.noMenus .date:after {content: '密切留意';} */
#limitedOffer .dateTabs .dateTab.notStarted .date:after {content: '密切留意';}
#limitedOffer .dateTabs .dateTab.hasStarted.isCurrent .date:after {content: '現正熱賣';}
#limitedOffer .dateTabs .dateTab.hasEnded .date:after {content: '已完結';}
#limitedOffer .dateTabs .dateTab.hasEnded.noEndDate .date:after {content: '尚餘少量';}
#limitedOffer .dateTabs .dateTab.notStarted .date:after, 
#limitedOffer .dateTabs .dateTab.hasStarted.isCurrent .date:after, 
#limitedOffer .dateTabs .dateTab.hasEnded .date:after {display: inline-block; position: absolute; bottom: 115%; left: -4px; margin: auto; font-size: 1.5rem; line-height: 2; font-weight: 600; letter-spacing: 0px; text-align: center; width: 8.5rem; color: #fff; background-color: #000; border-radius: 1rem 1rem 1rem 0; border: 2px solid #000;}
#limitedOffer .dateTabs .dateTab.notStarted .date:after {background-color: #a0a0a0; border-color: #a0a0a0;}
#limitedOffer .dateTabs .dateTab.hasStarted.isCurrent .date:after {background-color: #ff0000;}

#limitedOffer .dateTabs .dateTab .time {font-size: 1.75rem; letter-spacing: 2px; line-height: 1; margin-top: .35rem;}

#limitedOffer .container {margin: 1rem auto 0; position: relative;}
#limitedOffer .listing {padding-bottom: 5rem;}

#limitedOffer .poiItem .imgBox {overflow: visible;}
#limitedOffer .poiItem .imgBox .img {border-radius: 12px;}
#limitedOffer .tagBox {display: none;}
#limitedOffer .tagBox.active {display: block;}
#limitedOffer .tag {position: absolute; bottom: -.25rem; right: 0; z-index: 1; color: #fff; font-size: 1.55rem; line-height: 1; padding: .45rem .5rem .6rem 2rem; border-radius: .25rem 0 .45rem 3rem; min-width: 8.125rem; text-align: center; font-weight: 500;}
#limitedOffer .tag.isUpcoming {background-color: #f86e7e;}
#limitedOffer .tag.isOnSale {background-color: #fe203e;}
#limitedOffer .tag.isLimited {background-color: #59c98b;}
#limitedOffer .tag.isSoldout {background-color: #6d6d6d;}
#limitedOffer .tag span {color: #fff; font-size: 1.625rem;}
#limitedOffer .tag.isUpcoming span {margin-right: .25rem; font-family: "Anton", sans-serif;font-style: normal; letter-spacing: .5px; display: inline-block; vertical-align: middle;}
#limitedOffer .tag.isUpcoming:before, #limitedOffer .tag.isOnSale:before {content: ''; display: block; position: absolute;}
#limitedOffer .tag.isUpcoming:before {background: url(../images/flashdeal/clock.svg) no-repeat center / contain; width: 3rem; height: 3.5rem; left: -1.5rem; top: -.85rem;}
#limitedOffer .tag.isOnSale:before {background: url(../images/flashdeal/fire.svg) no-repeat center / contain; width: 2.5rem; height: 3.75rem; left: -.8rem; top: -1.25rem;}
#limitedOffer .tag small {font-size: 1.125rem;}
#limitedOffer .poiItem .spaceholder {height: 2.5rem; margin: .25rem 0 .45rem;}
#limitedOffer .poiItem .remainTimeCounter {width: 100%; padding: 0 .45rem; opacity: 0; transition: opacity .3s;}
#limitedOffer .poiItem .remainTimeCounter.loaded {opacity: 1;}
#limitedOffer .poiItem .remainTimeCounter > div:first-child {text-align: right; color: #f86e7e; font-size: 1.1rem; padding-right: .65rem;}
#limitedOffer .poiItem .remainTimeCounter > div:last-child > div {float: left; width: 5%; text-align: center; font-size: 2rem; line-height: .9; }
#limitedOffer .poiItem .remainTimeCounter > div:last-child > div.timerBlock {position: relative; width: 30%;}
#limitedOffer .poiItem .remainTimeCounter .timerBlock > span:not(.num) {color: #707070; font-size: .65rem; display: block; text-align: center; position: absolute; bottom: 100%; left: 0; right: 0; margin: 0 auto .2rem; text-align: center;}
#limitedOffer .poiItem .remainTimeCounter .timerBlock > span.num {display: block;}
#limitedOffer .poiItem .remainTimeCounter .timerBlock > span.num > span {color: #9bb5d1; border-radius: .25rem; box-shadow: 1px 1px 3px 1px rgb(0, 0, 0,.15); font-weight: 600; font-size: 1.65rem; background-color: #333; text-align: center; width: calc(50% - 2px); margin: 0 1px; float: left; line-height: 1; font-family: "Public Sans", sans-serif;font-optical-sizing: auto;font-style: normal; padding: .4rem 0 .3rem;}
#limitedOffer .poiItem:not(.hasStarted) .descBox {flex-grow: 1;}
#limitedOffer .poiItem:not(.hasStarted) .offerBox, #limitedOffer .poiItem:not(.hasStarted) .priceGroup, #limitedOffer .poiItem:not(.hasStarted) .hashtags {display: none;}
#limitedOffer .poiItem.hasEnded .spaceholder {display: none;}
#limitedOffer .poiItem:not(.hasStarted) .btmBox {border: none; padding: .495rem 0;}
#limitedOffer .poiItem .btmBox .btn:not(.soon):not(.soldout), .poiItem.menuItem .btmBox .btn {background: linear-gradient(120deg, #009342, #00672e, #00672e, #a6dabe, #009342, #009342, #00672e, #00672e, #64c690, #009342, #009342);background-size: 350% 350%;-webkit-animation: btnBGCanimate 9s linear infinite;animation: btnBGCanimate 9s linear infinite;}
@-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%;}
}
#limitedOffer .poiItem .btmBox .btn:not(.soon):not(.soldout):before, .poiItem.menuItem .btmBox .btn:before {content: ''; display: inline-block; vertical-align: middle; width: 2rem; height: 2rem; background: url(../images/flashdeal/cart.svg) no-repeat center / contain; margin: -0.3rem .5rem 0 0;}
#limitedOffer .poiItem .btmBox .btn.soon {background: transparent; border: 1px solid; color: #a0a3a2; width: 100%;}
#limitedOffer .poiItem .btmBox .btn.soldout {background-color: #6d6d6d; color: #adadad; width: 100%;}
#limitedOffer .swiper-navs {bottom: 1rem; display: block; width: auto; text-align: center;}
#limitedOffer .swiper-button-next, #limitedOffer .swiper-button-prev {position: relative; display: inline-block;vertical-align: middle;text-align: center;top: auto;margin: 0; width: 55px!important; height: 55px!important; background-color: #f7f333;}
#limitedOffer .swiper-button-prev:after, #limitedOffer .swiper-button-next:after {line-height: 55px; color: #442e0b!important; font-size: 18px;}
#limitedOffer .swiper-pagination {margin: 0 1rem;bottom: auto;display: inline-block;position: relative;width: auto;left: auto;vertical-align: middle; display: none;}
#limitedOffer .swiper-pagination-bullet, #limitedOffer .swiper-pagination-bullet-active {background-color: #216e60; margin: 0 .15rem; transition: all .3s;}
#limitedOffer .swiper-pagination-bullet-active {width: 2.5rem; border-radius: .5rem;}


@media (min-width: 48rem) {
    #limitedOffer .dateTabs .dateTab.hasMenu:hover:before {opacity: 1;}
    #limitedOffer .listing {min-height: 30rem;}
    #limitedOffer .swiper-navs {top: 0; bottom: 0; margin: auto; height: 55px;}
    #limitedOffer .swiper-button-next, #limitedOffer .swiper-button-prev {position: absolute; top: -2.5rem;}
    #limitedOffer .swiper-button-prev {right: calc(100% + 1rem)!important; left: auto!important;}
    #limitedOffer .swiper-button-next {left: calc(100% + 1rem)!important;}
}

@media (max-width: 81.25rem) {
  #limitedOffer > .wrapper {max-width: 70rem;}
}

@media (max-width: 48rem) {
    #limitedOffer {margin-top: 1rem;}
    #limitedOffer > .wrapper {padding: 0;}
    #limitedOffer .ttImg {width: 68%; margin: auto;}
    #limitedOffer .dateWrapper {white-space: nowrap; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; margin: -2rem auto 1.5rem;}
    #limitedOffer .dateWrapper::-webkit-scrollbar {display: none;}
    #limitedOffer .dateWrapper .holder {/*width: 120vw;*/ width: 100vw; max-width: none; padding: 3vw 6vw;}
    /* #limitedOffer .dateWrapper .holder > div:last-child {-ms-flex: 0 0 83%; -webkit-flex: 0 0 83%; flex: 0 0 83%; max-width: 83%;} */
    #limitedOffer .dateWrapper .holder > div:first-child {-ms-flex: 0 0 24%; -webkit-flex: 0 0 24%; flex: 0 0 24%; max-width: 24%; margin-right: 6%;}
    #limitedOffer .dateWrapper .holder > div:last-child {-ms-flex: 0 0 70%; -webkit-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%;}
    #limitedOffer .dateWrapper .startSaleTTImg {max-width: 100%; margin: auto;}
    /* #limitedOffer .dateWrapper > div:first-child, #limitedOffer .dateWrapper > div:last-child {-ms-flex: 0 0 100%; -webkit-flex: 0 0 100%;flex: 0 0 100%; max-width: 100%;} */
    #limitedOffer .dateTabs {padding: 0 .5rem; margin-top: 0;}
    /* #limitedOffer .dateTabs .dateTab:before, #limitedOffer .dateTabs .dateTab:after {left: 5%; top: -60%; width: 90%; height: 230%; } */
    #limitedOffer .dateTabs .dateTab {box-shadow: 3px 3px 0px 0px #000; border: 2px solid #000; padding: 1.5rem 0 1rem; -ms-flex: 0 0 40%; -webkit-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; margin-right: 5%;}
    #limitedOffer .dateTabs .dateTab.notStarted {box-shadow: 3px 3px 0px 0px #a0a0a0;}
    #limitedOffer .dateTabs .dateTab .date {font-size: 5.25vw;}
    #limitedOffer .dateTabs .dateTab.notStarted.hasMenus .date:after, #limitedOffer .dateTabs .dateTab.notStarted.noMenus .date:after, #limitedOffer .dateTabs .dateTab.hasStarted.isCurrent .date:after, #limitedOffer .dateTabs .dateTab.hasEnded .date:after {font-size: 2.4vw; bottom: 105%; left: -2px; width: auto; padding: 0 1rem;}
    /* #limitedOffer .dateTabs .dateTab.hasEnded .date:after {padding: 1.5rem 0;} */
    #limitedOffer .dateTabs .dateTab .time {font-size: 1.15rem; letter-spacing: 0;}
    #limitedOffer .listing {padding-bottom: 8rem;}
    #limitedOffer .swiper-navs {bottom: 2rem;}
    #limitedOffer .swiper-button-next, #limitedOffer .swiper-button-prev {margin: 0 2rem;}
    #limitedOffer .swiper-pagination {display: none;}
}





.poiItem { border: 3px solid #442E0B; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15);border-radius: 16px;}
.poiItem .wrapper {background-color: #fff; border-radius: 14px; padding: .5rem; height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-between; }
.poiItem .imgBox {border-radius: 12px; overflow: hidden; position: relative; aspect-ratio: 6 / 4;}
.poiItem .imgBox .district {position: absolute; z-index: 1; top: .15rem; left: .625rem; color: #fff; font-size: 1rem;}
.poiItem .imgBox .district i {display: inline-block; vertical-align: middle; width: 1.5rem; height: 2.25rem; background: url(../images/flashdeal/pin.svg) no-repeat center / cover; margin: .2rem .15rem 0 0;}
.poiItem .imgBox .imgs {width: 100%; height: 100%; overflow: hidden; aspect-ratio: 6 / 4; }
.poiItem .imgBox .img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .3s ease;}
.poiItem .imgBox .img.active {opacity: 1;}
.poiItem .imgBox .hasBooking {position: absolute; bottom: 0; right: 0; z-index: 1; color: #fff; background-color: #f86e7e; font-size: 1.55rem; line-height: 1; padding: .45rem 1rem .6rem; border-top-left-radius: 12px;}
.poiItem .descBox {padding: .45rem .45rem .75rem; }
.poiItem.bookItem .descBox {flex-grow: 1;}
.poiItem .descBox .tt {font-size: 1.425rem; font-weight: 700; color: #2c2c30; margin: 0; line-height: 1.3;}
.poiItem .descBox .tt.en {letter-spacing: -.5px;}
.poiItem .descBox .period {font-size: 1.125rem; color: #5b5a61; line-height: 1.6; margin-top: .25rem;}
.poiItem .descBox .hashtags {margin-top: .75rem;}
.poiItem .descBox .hashtags span {font-size: 1.125rem; color: #a5a5a5; border: 1px solid #d3d3d3; line-height: 1.5; padding: 0 .35rem; margin-right: .25rem; margin-bottom: .25rem; display: inline-block; vertical-align: middle;}

.poiItem .descBox .periodTxt {margin-top: .5rem;}
.poiItem .descBox .periodTxt p {color: #717171; font-size: .875rem; font-weight: 500; line-height: 1.4;}

.poiItem .descBox .astNote {margin-top: .75rem;}
.poiItem .descBox .astNote small {display: block; color: #afafaf; font-size: .675rem; line-height: 1.4;}

.poiItem .btmBox {border-top: 1px dashed #d3d3d3; padding: .85rem 0 .495rem; /*height: 103px;*/}
.poiItem.bookItem .btmBox {border: none; padding-top: 0;}

.poiItem .offerBox {padding: 0 .45rem .5rem; flex-grow: 1;}
.poiItem .offerBox .offerMenuItem {border: 1px solid #ccc; margin-bottom: .5rem; border-radius: .5rem; padding: .35rem .75rem;}
.poiItem .offerBox .offerMenuItem.active {background-color: #009342; border: 1px solid #009342;}
.poiItem .offerBox .offerMenuItem:not(.active) {cursor: pointer;}
.poiItem .offerBox .offerMenuItem .subtt {color: #4d4d4d; font-size: .725rem; font-weight: 500; margin-bottom: .25rem;}
.poiItem .offerBox .offerMenuItem.active .subtt {color: #fefcda;}
.poiItem .offerBox .offerMenuItem .tt {color: #000; font-size: .96rem; font-weight: 600;}
.poiItem .offerBox .offerMenuItem.active .tt {color: #fff;}

.poiItem .btmBox .priceGroup {padding: 0 .65rem;}
.poiItem .btmBox .menuPrice {display: none;}
.poiItem .btmBox .menuPrice.active {display: block;}
.poiItem .btmBox .buttonRow {padding: 0 .65rem;}

.poiItem .btmBox .priceO {color: #009342; font-weight: 700;}
.poiItem .btmBox .priceO span {font-size: 2.2rem; line-height: 1.375rem;}
.poiItem .btmBox .priceO span span{font-size: 1.3rem;}
.poiItem .btmBox .priceO small {font-size: 1.375rem; letter-spacing: 0; line-height: 1;}
.poiItem .btmBox .priceO small:last-child {font-size: 1.1rem;}
.poiItem .btmBox .priceD {color: #f86e7e;}
.poiItem .btmBox .priceD span {font-size: 1.25rem; text-decoration: line-through; float: right; line-height: 1.5;}
.poiItem .btmBox .srvFeeTxt {font-size: .8rem; color: #a0a3a2; font-weight: 600;}
.poiItem .btmBox .btnGroup {padding: 0 .45rem; margin-top: .75rem;}
.poiItem .btmBox .menuBtn {display: none;}
.poiItem .btmBox .menuBtn.active {display: block;}

.poiItem .btmBox .btn {font-size: 1.55rem; color: #fff; background-color: #009342; line-height: 3rem; padding: 0 1.5rem .1rem; border-radius: .45rem; text-align: center; display: inline-block; vertical-align: middle; width: calc(100% - 3.15rem);}
.poiItem .btmBox .ShareBtn {display: inline-block; vertical-align: middle; width: 2.5rem; height: 2.5rem; background: url(../images/share_button.svg) no-repeat center center / contain; margin-left: .35rem;}

.swiper-navs {width: 13rem; position: absolute; margin: auto; left: 0; right: 0; bottom: 2rem;}
.swiper-button-prev, .swiper-button-next {width: 35px!important;height: 35px!important;background-color: #fff;border-radius: 50%; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); opacity: .8;}
.swiper-button-prev {left: 5px!important;}
.swiper-button-next {right: 5px!important;}
.swiper-button-prev:after, .swiper-button-next:after {font-size: 16px!important; color: #707070!important; font-weight: 700;}




#prize {background: #16D5FF; padding: 60px 15px 170px 15px; }
#prize .container {width: 100%; margin: auto; max-width: 1200px;}
#prize .ttImg {margin-bottom: 1.95rem;}
#prize .ttImg img {max-width: 90%;}
#prize .prizeImg3 .ttImg {margin-bottom: 1rem;}
#prize .prizeImg3 .ttImg img {max-width: 100%;}
#prize .decos {margin: auto; max-width: 75rem; width: 100%; position: relative;}
#prize .decos .deco {position: absolute; z-index: 5;}
#prize .decos .deco1 {background: url(../images/prize/decos/star1.png) no-repeat center / contain; width: 220px; height: 280px; top: 6rem; right: 100%;}
#prize .decos .deco2 {background: url(../images/prize/decos/star.png) no-repeat center / contain; width: 120px; height: 100px; top: 24rem; right: 112%;}

@keyframes wow {
  0% {transform: scale(1);}
  100% {transform: scale(1.05);}
}

#prize .decos .deco1.aos-animate {animation: float1 3s .5s ease-in-out infinite alternate;}
#prize .decos .deco2.aos-animate {animation: float1 2.5s .4s ease-in-out infinite alternate;}
#prize .decos .deco3.aos-animate {animation: float2 2s .7s ease-in-out infinite alternate;}


@media screen and (min-width: 80.015em) {
  #prize .decos .deco3:after {content: ''; display: block; position: absolute; width: 48%; height: 30%; top: 0; left: 29%; bottom: 0; margin: auto; background: url(../images/prize/decos/WOW@2x.png) no-repeat center / contain; animation: wow .2s ease-in-out infinite alternate;}
}

@media screen and (min-width: 48.125em) {
  #prize .decos .deco3 {background: url(../images/prize/decos/speechBubble@2x.png) no-repeat center / contain; width: 300px; height: 330px; top: 22rem; left: 95%;}
  #prize .prizeImg {padding: 0 1.75rem;}
  #prize .ttImg {display: block;}
  #prize .prizeImg1 .ttImg img {margin: 1.7rem auto;}
  #prize .prizeImg2 .ttImg img {margin: 1.6rem auto;}
}

@media (max-width: 80em) {
  #prize .decos .deco1 {width: 170px; height: 160px;top: -6rem; right: 93%;}
  #prize .decos .deco2 {width: 100px; height: 90px;top: 40rem; right: 94%;}
  #prize .decos .deco3 {width: 215px; height: 270px; top: 30rem; left: 85%; z-index: 0;}
}

@media (max-width: 40rem) {
  #prize {padding: 35px 20px 50px;}
  #prize .container {max-width: 23rem;}
  #prize .ttImg img {margin-bottom: 2rem;}
  #prize .prizeImg {margin-bottom: 4rem;}
  #prize .decos .deco1, #prize .decos .deco4, #prize .decos .deco6 {width: 80px; right: 91%;}
  #prize .decos .deco1 {top: -4.5rem;}
  #prize .decos .deco2, #prize .decos .deco5, #prize .decos .deco7 {width: 45px; right: auto; left: 90%;}
  #prize .decos .deco2 {top: 24rem;}
  #prize .decos .deco4, #prize .decos .deco6 {background: url(../images/prize/decos/star1.png) no-repeat center / contain; height: 160px;}
  #prize .decos .deco5, #prize .decos .deco7 {background: url(../images/prize/decos/star.png) no-repeat center / contain; height: 90px;}
  #prize .decos .deco4 {top: 41rem;}
  #prize .decos .deco5 {top: 69.5rem;}
  #prize .decos .deco6 {top: 87rem;}
  #prize .decos .deco7 {top: 121.5rem;}
}