blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,textarea,ul{margin:0;padding:0}
*,:after,:before{-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:0}
.hidden{display:none}
.clickableArea{width:100vw;height:100vh;position:absolute;z-index:1}
i.nobreak,span.nobreak{white-space:nowrap}
* html .clearfix{zoom:1}
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/openrice.eot?vcyzrx'); src:  url('../fonts/openrice.eot?vcyzrx#iefix') format('embedded-opentype'), url('../fonts/openrice.ttf?vcyzrx') format('truetype'), url('../fonts/openrice.woff?vcyzrx') format('woff'), url('../fonts/openrice.svg?vcyzrx#openrice') format('svg'); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] {font-family: 'openrice' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-chevron-right:before {content: "\e900";}
.icon-chevron-left:before {content: "\e901";}
.icon-chevron-down:before {content: "\e902";}
.icon-chevron-up:before {content: "\e903";}
.icon-chevron-right1:before {content: "\e904";}
.icon-chevron-left1:before {content: "\e905";}
.icon-chevron-down1:before {content: "\e906";}
.icon-chevron-up1:before {content: "\e907";}
.icon-facebook:before {content: "\ea90";}
.icon-instagram:before {content: "\ea92";}
.icon-whatsapp:before {content: "\ea93";}
.icon-twitter:before {content: "\ea96";}
.icon-youtube:before {content: "\ea9d";}
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 a,.zh h1,.zh h3,.zh p,.zh small{letter-spacing:.5px}
small{font-size:14px;line-height:1.5}
.txtYellow{color:#ffd54a}
.alignCtr{margin:auto;width:90%}
.noScroll{overflow:hidden}
.txtCtr{text-align:center}
.noPmargin>p{margin:0}
.fx{-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .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)}
.fireworks {
    position: absolute;
    width: 150px;
    height: 150px;
    background: url('../images/star.png') right top no-repeat;
    background-size: auto 150px;
    animation: fireworks 2s steps(24) infinite, random 8s steps(1) infinite;
}
@keyframes fireworks {
    0% {background-position: 0%;}
  50%,
  100% {background-position: 100% 100%;}
}
@keyframes random {
    0% {transform: translate(0, 0);}
  25% {transform: translate(200%, 50%) scale(0.8);}
  50% {transform: translate(80%, 80%) scale(1.2);}
  75% {transform: translate(20%, 60%) scale(0.65);}
}
@media screen and (prefers-reduced-motion) { 
    .fireworks { animation: none; } 
}
@keyframes firework {
    0% { transform: translate(var(--x), var(--initialY)); width: var(--initialSize); opacity: 1; }
  50% { width: 0.5vmin; opacity: 1; }
  100% { width: var(--finalSize); opacity: 0; }
}
.firework.f2,
.firework.f2::before,
.firework.f2::after
{
    top: 30%;
    left: 10%;
    animation: firework 2.5s infinite;
}
.firework,
.firework::before,
.firework::after
{
    --initialSize: 0.5vmin;
    --finalSize: 45vmin;
    --particleSize: 0.2vmin;
    --color1: yellow;
    --color2: khaki;
    --color3: white;
    --color4: lime;
    --color5: gold;
    --color6: mediumseagreen;
    --y: -30vmin;
    --x: -50%;
    --initialY: 60vmin;
    content: "";
    animation: firework 2s infinite;
    position: absolute;
    top: 40%;
    left: 80%;
    transform: translate(-50%, var(--y));
    width: var(--initialSize);
    aspect-ratio: 1;
    background: 

    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 50% 0%,
    radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 100% 50%,
    radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 50% 100%,
    radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 0% 50%,

    /* bottom right */
    radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 80% 90%,
    radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 95% 90%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 90% 70%,
    radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 100% 60%,
    radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 55% 80%,
    radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 70% 77%,

    /* bottom left */
    radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 22% 90%,
    radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 45% 90%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 33% 70%,
    radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 10% 60%,
    radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 31% 80%,
    radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 28% 77%,
    radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 13% 72%,

    /* top left */
    radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 80% 10%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 95% 14%,
    radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 90% 23%,
    radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 100% 43%,
    radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 85% 27%,
    radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 77% 37%,
    radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 60% 7%,

    /* top right */
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 22% 14%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 45% 20%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 33% 34%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 10% 29%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 31% 37%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 28% 7%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 13% 42%
    ;
    background-size: var(--initialSize) var(--initialSize);
    background-repeat: no-repeat;
}
.firework::before {
    --x: -50%;
    --y: -50%;
    --initialY: -50%;
    /*   transform: translate(-20vmin, -2vmin) rotate(40deg) scale(1.3) rotateY(40deg); */
    transform: translate(-50%, -50%) rotate(40deg) scale(1.3) rotateY(40deg);
    /*   animation: fireworkPseudo 2s infinite; */
}
.firework::after {
    --x: -50%;
    --y: -50%;
    --initialY: -50%;
    /*   transform: translate(44vmin, -50%) rotate(170deg) scale(1.15) rotateY(-30deg); */
    transform: translate(-50%, -50%) rotate(170deg) scale(1.15) rotateY(-30deg);
    /*   animation: fireworkPseudo 2s infinite; */
}
.firework:nth-child(2) {
    --x: 30vmin;
}
.firework:nth-child(2),
.firework:nth-child(2)::before,
.firework:nth-child(2)::after {
    --color1: pink;
    --color2: violet;
    --color3: fuchsia;
    --color4: orchid;
    --color5: plum;
    --color6: lavender;  
    --finalSize: 40vmin;
    left: 30%;
    top: 60%;
    animation-delay: -0.25s;
}
.firework:nth-child(3) {
    --x: -30vmin;
    --y: -50vmin;
}
.firework:nth-child(3),
.firework:nth-child(3)::before,
.firework:nth-child(3)::after {
    --color1: cyan;
    --color2: lightcyan;
    --color3: lightblue;
    --color4: PaleTurquoise;
    --color5: SkyBlue;
    --color6: lavender;
    --finalSize: 35vmin;
    left: 70%;
    top: 60%;
    animation-delay: -0.4s;
}
.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}
.lity-active html, .lity-active body {overflow: hidden;}
.containerL{width:100%;margin:auto;max-width:1200px}
.mbo{display:none!important}
#tcBtn{display:inline-block}
.row .row{margin:0}
body{margin:0;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;}
#bodyWrap{margin:auto}
#bodyContent{overflow:hidden}
@media only screen and (min-width:769px){#bodyWrap{min-width:1260px}}
@media only screen and (max-width:768px){.mbo{display:block!important}
.dko{display:none!important}}
@media only screen and (max-width:640px){body,html{font-size:11px}}
@-webkit-keyframes fadeoutW {
    0% {opacity: 1; }
  99% {opacity: 0; }
  100% {visibility: hidden; }
}
@keyframes fadeoutW {
    0% {opacity: 1; }
   99% {opacity: 0; }
  100% {visibility: hidden; }
}
#headerNew{position:relative;z-index:100;box-shadow:0 0 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 .headerR {float: right; margin-top: 5px;}
#headerNew .headerR .li {color: #5f5347; font-size: .75rem; line-height: 1.5; font-weight: 600; display: inline-block; vertical-align: middle; margin-left: 5px; position: relative; letter-spacing: 0;}
#headerNew .headerR .li a {color: #5f5347; border: 1px solid; }
#headerNew .headerR .li a.facebook-share {padding: 4px;margin-left: 5px;border-radius: 50%;line-height: 1; display: inline-block; font-size: .7rem;}
@media (max-width:40rem){
    #headerNew{top:-1px;left:0;width:100%;}
  #headerNew > .inner{padding:15px 10px}
  #headerNew .openrice-logo > img{height:25px}
  #headerNew .booking-logo {max-width:130px}
}
@media screen and (max-width:23.125rem){



}
footer .contain1200{max-width:1200px;margin:auto}
.footerWrap .footerTop{background-color:#000;padding:30px 4%}
.buPage .footerWrap .footerTop{padding:30px;background-color:#000;position:relative}
.footTopTxt{color:#fff; max-width: 41rem;}
.footTopTxt p{font-weight:600;margin-bottom:5px;font-size:1.1rem}
.footTopTxt small{font-size:.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) center center no-repeat;width:20px;height:20px}
.footTopSocialGroup .foot-social.yt{background:url(../images/sm-icons/youtube.svg) center center no-repeat;width:20px;height:20px}
.footTopSocialGroup .foot-social.fb{background:url(../images/sm-icons/facebook.svg) center center no-repeat;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) center center/contain no-repeat;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;}
.KV .KVimg{margin:auto; width: 100%;}
.indextop{position:relative;background-image:linear-gradient(to top,#FDE0E0,#FFF7F7)}
#introBoxWrap{position:relative;padding:4rem 1.5rem 5.5rem;font-size:0;}
#introBoxWrap .row{height:22rem}
#introBoxWrap .row>.column:nth-child(1){order:1;max-width:42rem}
#introBoxWrap .row>.column:nth-child(2){order:2;max-width:42rem}
#introBoxWrap .row>.column:nth-child(3){order:3;max-width:calc(100% - 43rem);align-self:flex-end}
#introBoxWrap .txtWrap{max-width:40rem}
#introBoxWrap h3{color:#F0535C;margin-bottom:15px;font-size:2.125rem;font-weight:700}
#introBoxWrap p{color:#B4764E;line-height:1.6;max-width:700px;font-weight:600;font-size:1.2rem}
#introBoxWrap .periodWrap{display: block; height: 4rem; margin-top: 1rem;}
#introBoxWrap .periodWrap .period{letter-spacing:0;line-height: 3.5rem;font-size:1.25rem;font-weight:700; color:#844209; display: inline-block; vertical-align: middle; padding:0 0 1px; text-align: center; border-width: 2px 0; border-color: #844209; border-style: solid; width: 68%;}
#introBoxWrap .tcBtn {color: #F0535C; background-color: #fff; border: 2px solid #B4764E; display: inline-block; vertical-align: middle; border-radius: 4rem; line-height: 3.5rem; text-align: center; width: 30%; margin-left: 2%; font-size: 1.25rem; font-weight: 600; box-shadow: 4px 4px 0px 0px rgba(180, 118, 78, 1);}
#introBoxWrap .promoOffers{position:relative}
#introBoxWrap .offer{display:inline-block;vertical-align:top;position:relative;margin:0 2%;perspective:100rem}
#introBoxWrap .offer:nth-child(1){width:50%}
#introBoxWrap .offer:nth-child(2){width:42%}
#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}
@keyframes card{0%{transform:rotateY(0deg)}
50%{transform:rotateY(-10deg)}
100%{transform:rotateY(10deg)}}
@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)}
}
@keyframes float4 {
    0% {transform: translateY(max(-.1632653061vw + -2.387755102px,-5px))}
  to {transform: translateY(min(.4081632653vw + 3.4693877551px,10px))}
}
@keyframes rotation1 {
    from {transform: rotate(0deg);}
  to { transform: rotate(359deg); }
}
@keyframes rotation2 {
    from {transform: rotate(0deg);}
  to { transform: rotate(-359deg); }
}
@media (min-width:48rem) and (max-width:80rem){
    #introBoxWrap .txtWrap{}
}
@media (min-width:48rem){
    #introBoxWrap .promoOffers{}
}
@media (max-width:40rem){
    #introBoxWrap{padding:2.5rem 1.5rem 7rem;text-align:center}
  #introBoxWrap .row{height:auto}
  #introBoxWrap .row>.column{max-width:100%!important;padding:0 .75rem}
  #introBoxWrap .row>.column:nth-child(1){order:2}
  #introBoxWrap .row>.column:nth-child(2){order:3}
  #introBoxWrap .row>.column:nth-child(3){order:1}
  #introBoxWrap .txtWrap{margin:auto}
  #introBoxWrap h3{font-size:2rem;}
  #introBoxWrap p{font-size:1.35rem; }
  #introBoxWrap .periodWrap {height: auto; margin-top: 2rem;}
  #introBoxWrap .periodWrap .period{font-size: 1.35rem;padding:0 1.75rem 2px; display: block; width: 100%;}
  #introBoxWrap .tcBtn {display: block; width: 100%; margin: 1.5rem auto 0; line-height: 4rem; max-width: 22rem;}
  #introBoxWrap .promoOffers{margin-bottom:20px}
}
.float-effect{display:inline-block;transition-duration:.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)}
#section2 {background:url(../images/sec1-bg.jpg) center top / cover; position: relative;}
@media screen and (min-width:48.125rem){
    #section2 .decos{margin:auto; max-width:50rem; width:100%;position:absolute; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 0;}
  #section2 .decos .deco{position:absolute; }
  #section2 .decos .deco1{background:url(../images/prize/deco/deco-1.png) no-repeat center/contain;width:460px;height:262px;top:-5%;right:95%}
  #section2 .decos .deco2{background:url(../images/prize/deco/deco-2.png) no-repeat center/contain;width:170px;height:240px;top:35%;right:119%}
  #section2 .decos .deco3{background:url(../images/prize/deco/deco-3.png) no-repeat center/contain;width:300px;height:400px;top:50%;right:113%}
  #section2 .decos .deco4{background:url(../images/prize/deco/deco-4.png) no-repeat center/contain;width:375px;height:380px;bottom:-5%;right:102%}
  #section2 .decos .deco5{background:url(../images/prize/deco/deco-5.png) no-repeat center/contain;width:210px;height:365px;top:-3%;left:115%; z-index: 1;}
  #section2 .decos .deco6{background:url(../images/prize/deco/deco-6.png) no-repeat center/contain;width:310px;height:200px;top:7%;left:106%; z-index: 0;}
  #section2 .decos .deco7{background:url(../images/prize/deco/deco-7.png) no-repeat center/contain;width:200px;height:290px;top:30%;left:117%}
  #section2 .decos .deco8{background:url(../images/prize/deco/deco-8.png) no-repeat center/contain;width:223px;height:252px;top:40%;left:115%}
  #section2 .decos .deco9{background:url(../images/prize/deco/deco-9.png) no-repeat center/contain;width:395px;height:280px;bottom:-3%;left:101%}
  #section2 .decos .deco1.aos-animate{animation:float1 2.5s .4s ease-in-out infinite alternate}
  #section2 .decos .deco2.aos-animate{animation:rotation2 22s .4s linear infinite}
  #section2 .decos .deco3.aos-animate{animation:float3 2.5s .4s ease-in-out infinite alternate}
  #section2 .decos .deco5.aos-animate{animation:float3 2.3s .4s ease-in-out infinite alternate}
  #section2 .decos .deco6.aos-animate{animation:float1 2.2s .4s ease-in-out infinite alternate}
  #section2 .decos .deco8.aos-animate{animation:rotation1 22s .4s linear infinite}
}
@media (min-width:80rem){
    /* #section2 .decos{max-width:72rem;} */
}
@media (min-width:93.75rem){
  #section2 .decos{max-width:72rem;}
  #section2 .decos{max-width:100%;}
  #section2 .decos .deco1 {top: -6%; right: auto; left: -2.5rem;}
  #section2 .decos .deco2 {top: 46%; right: auto; left: -2rem;}
  #section2 .decos .deco3 {top: 60%; right: auto; left: -3.25rem;}
  #section2 .decos .deco4 {bottom: -4%; right: auto; left: -2rem;}
  #section2 .decos .deco5 {left: auto; right: -1rem;}
  #section2 .decos .deco6 {left: auto; right: 2rem;}
  #section2 .decos .deco7 {left: auto; right: -2rem;}
  #section2 .decos .deco8 {top: 37%; left: auto; right: -1.25rem;}
  #section2 .decos .deco9 {bottom: -3%; left: auto; right: -2rem;}
}
#flashDeal {padding: 2rem 0 0;}
#flashDeal .ttImg {position: relative; max-width: 42rem; margin: 0 auto; transform: translateY(calc(-50% - 2rem));}
#flashDeal > .wrapper {margin-top: -3rem;}
#limitedOffer {padding-bottom: 6.5rem;}
#limitedOffer > .container {max-width: 73rem; margin: auto; position: relative;}
#limitedOffer .poiItem { border-radius: 7px; border: 2px solid #dfdfdf; background-color: #fff;}
#limitedOffer .poiItem .wrapper { box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15); padding: 6px 6px .3rem; height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-between;}
#limitedOffer .poiItem .imgBox {border-radius: 5px; overflow: hidden; position: relative; aspect-ratio: 6 / 4;}
#limitedOffer .poiItem .imgBox .district {position: absolute; z-index: 1; top: .15rem; left: .625rem; color: #fff; font-size: 1rem;}
#limitedOffer .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;}
#limitedOffer .poiItem .imgBox .imgs {width: 100%; height: 100%; overflow: hidden; aspect-ratio: 6 / 4; }
#limitedOffer .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;}
#limitedOffer .poiItem .imgBox {overflow: visible;}
#limitedOffer .poiItem .imgBox .img {border-radius: 5px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .3s ease;}
#limitedOffer .poiItem .imgBox .img.active {opacity: 1;}
#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 .descBox {padding: .45rem .45rem .75rem; }
#limitedOffer .poiItem.bookItem .descBox {flex-grow: 1;}
#limitedOffer .poiItem:not(.hasStarted) .descBox {flex-grow: 1;}
#limitedOffer .poiItem .descBox .tt {font-size: 1.425rem; font-weight: 700; color: #2c2c30; margin: 0; line-height: 1.3;}
#limitedOffer .poiItem .descBox .tt.en {letter-spacing: -.5px;}
#limitedOffer .poiItem .descBox .period {font-size: 1.125rem; color: #5b5a61; line-height: 1.6; margin-top: .25rem;}
#limitedOffer .poiItem .descBox .hashtags {margin-top: .75rem;}
#limitedOffer .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;}
#limitedOffer .poiItem .descBox .periodTxt {margin-top: .5rem;}
#limitedOffer .poiItem .descBox .periodTxt p {color: #717171; font-size: .875rem; font-weight: 500; line-height: 1.4;}
#limitedOffer .poiItem .descBox .astNote {margin-top: .75rem;}
#limitedOffer .poiItem .descBox .astNote small {display: block; color: #afafaf; font-size: .675rem; line-height: 1.4;}
#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 .offerBox {padding: 0 .45rem .5rem; flex-grow: 1;}
#limitedOffer .poiItem:not(.hasStarted) .offerBox {display: none;}
#limitedOffer .poiItem .offerBox .offerRow {border: 1px solid #ccc; margin-bottom: .5rem; border-radius: .5rem; padding: .35rem .75rem;}
#limitedOffer .poiItem .offerBox .offerRow.active {background-color: #009342; border: 1px solid #009342;}
#limitedOffer .poiItem .offerBox .offerRow:not(.active) {cursor: pointer;}
#limitedOffer .poiItem .offerBox .offerRow .subtt {color: #4d4d4d; font-size: .725rem; font-weight: 500; margin-bottom: .25rem;}
#limitedOffer .poiItem .offerBox .offerRow.active .subtt {color: #fefcda;}
#limitedOffer .poiItem .offerBox .offerRow .tt {color: #000; font-size: .985rem; font-weight: 600;}
#limitedOffer .poiItem .offerBox .offerRow.active .tt {color: #fff;}
#limitedOffer .poiItem .btmBox {border-top: 1px dashed #d3d3d3; padding: .85rem 0 .495rem;}
#limitedOffer .poiItem.bookItem .btmBox {border: none; padding-top: 0;}
#limitedOffer .poiItem .btmBox .priceGroup {padding: 0 .65rem;}
#limitedOffer .poiItem:not(.hasStarted) .btmBox .priceGroup {display: none;} 
#limitedOffer .poiItem .btmBox .menuPrice {display: none;}
#limitedOffer .poiItem .btmBox .menuPrice.active {display: block;}
#limitedOffer .poiItem .btmBox .buttonRow {padding: 0 .65rem;}
#limitedOffer .poiItem .btmBox .priceO {color: #009342; font-weight: 700;}
#limitedOffer .poiItem .btmBox .priceO span {font-size: 2rem; line-height: 1.375rem;}
#limitedOffer .poiItem .btmBox .priceO small {font-size: 1.375rem; letter-spacing: 0; line-height: 1;}
#limitedOffer .poiItem .btmBox .priceO small:last-child {font-size: 1.1rem;}
#limitedOffer .poiItem .btmBox .priceD {color: #f86e7e;}
#limitedOffer .poiItem .btmBox .priceD span {font-size: 1.25rem; text-decoration: line-through; float: right; line-height: 1.5;}
#limitedOffer .poiItem .btmBox .srvFeeTxt {font-size: .8rem; color: #a0a3a2; font-weight: 600;}
#limitedOffer .poiItem .btmBox .btnGroup {padding: 0 .45rem;}
#limitedOffer .poiItem .btmBox .menuBtn {display: none;}
#limitedOffer .poiItem .btmBox .menuBtn.active {display: block;}
#limitedOffer .poiItem .btmBox .btn {font-size: 1.55rem; color: #fff; background-color: #009342; line-height: 3rem; padding: 0 1.5rem .1rem; border-radius: .45rem; margin-top: .75rem; text-align: center; display: block;}
#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;}
#limitedOffer .poiItem .btmBox .btn.soldout {background-color: #6d6d6d; color: #adadad;}
#limitedOffer .swiper-button-next, #limitedOffer .swiper-button-prev {text-align: center;top: calc(100% + 1rem); margin: auto; width: 55px!important;height: 55px!important;background: #b8844d; background: linear-gradient(135deg, #b8844d 0%, #e3b98a 50%, #b8844d 100%);border-radius: 50%; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); left: 0!important; right: 0!important;}
#limitedOffer .swiper-button-prev {transform: translateX(-80%);}
#limitedOffer .swiper-button-next {transform: translateX(80%);}
#limitedOffer .swiper-button-prev:after, #limitedOffer .swiper-button-next:after {line-height: 55px; font-size: 18px!important; color: #fff!important; font-weight: 700;}
@media (min-width: 86.25rem) {
    #limitedOffer .swiper-button-next, #limitedOffer .swiper-button-prev {top: 0; bottom: 0;}
  #limitedOffer .swiper-button-prev {transform: translateX(calc(-100% - 1.25rem)); right: auto!important;}
  #limitedOffer .swiper-button-next {transform: translateX(calc(100% + 1.25rem)); left: auto!important;}
}
@media (max-width: 40rem) {
  #flashDeal {}
  #flashDeal .ttImg {max-width: 32rem;}
  #limitedOffer {padding-bottom: 8rem;}
  #limitedOffer .swiper-button-next, #limitedOffer .swiper-button-prev {width: 45px!important;height: 45px!important; top: calc(100% + 1.5rem);}
  #limitedOffer .swiper-button-prev:after, #limitedOffer .swiper-button-next:after {line-height: 45px; font-size: 17px!important; }
}

#prize{padding: 0rem 0 10rem; position: relative;}
#prize .container{width:100%;margin:auto;max-width:80rem}
#prize .prizeImg{padding: 2rem 0}
@media (max-width:86rem){
  #prize .container{max-width:68rem}
}
@media (max-width:40rem){
  #prize{padding: 2.5rem 1rem 10rem}
  #prize .container{max-width:32rem}
  #prize .prizeImg {padding: 1.5rem 0;}
  #prize .prizeImg .pImg {max-width: 28rem;}
}
#videoWrapper {padding: 0 1.5rem;}
#videoWrapper .container {padding: 3rem 0 0; text-align: center; max-width: 76rem; margin: auto; position: relative;}
#videoWrapper .tt {color: #643D2C; font-size: 2rem; font-weight: 700; margin-bottom: 2rem;}
#videoWrapper .video {position: relative;}
#videoWrapper .videoCover {border-radius: 2rem; overflow: hidden;}
#videoWrapper .title {max-width: 90%; margin: 1rem auto 0;}
#videoWrapper .title p {color: #3D2922; font-size: 1.5rem; text-align: center; font-weight: 700; line-height: 1.4; -webkit-line-clamp : 2; max-height: calc(1.5rem * 1.4 * 2); display: block; display : -webkit-box; -webkit-box-orient : vertical; position: relative; overflow: hidden; text-overflow: ellipsis;}
#videoWrapper .video > a {display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
#videoWrapper .swiper-button-next, #videoWrapper .swiper-button-prev {bottom: 0; top: 0!important; margin: auto; width: 55px!important;height: 55px!important;background: #b8844d; background: linear-gradient(135deg, #b8844d 0%, #e3b98a 50%, #b8844d 100%);border-radius: 50%; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);}
#videoWrapper .swiper-button-disabled {display: none;}
#videoWrapper .swiper-button-prev {transform: translate(-50%, 1rem); left: 0!important;}
#videoWrapper .swiper-button-next {transform: translate(50%, 1rem); right: 0!important;}
#videoWrapper .swiper-button-prev:after, #videoWrapper .swiper-button-next:after {line-height: 55px; font-size: 18px!important; color: #fff!important; font-weight: 700;}
.inlineVideoFrame {background: none!important;}
.inlineVideoFrame .videoFrame {display: block;aspect-ratio: 16 / 9;width: 100vw;max-width: 140vmin;}
@media (max-width: 62.5rem) {
      .inlineVideoFrame .videoFrame {max-width: none;}
}
@media (max-width: 48.125rem) {
      #videoWrapper {padding: 2rem 1.5rem;}
    #videoWrapper .swiper-button-next, #videoWrapper .swiper-button-prev {width: 40px!important; height: 40px!important;}
    #videoWrapper .swiper-button-prev {left: 1.5rem!important;}
    #videoWrapper .swiper-button-next {right: 1.5rem!important;}
}
#sponsorLogo .container {padding: 3rem 1.5rem 0; text-align: center;}
#sponsorLogo .tt {color: #643D2C; font-size: 2rem; font-weight: 700;}
#sponsorLogo .logo {display: inline-block; vertical-align: middle; margin: 1rem .75rem;}