*, *: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; }
.fx {-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.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 {margin: 0;}
p {line-height: 1.7; margin: 0;}
h1, h2, h3, p, small, a {color: #4f3c2d;}
.tc p, .sc p {letter-spacing: 1px;}
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}
.lity-active html, .lity-active body {overflow: hidden;}

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;position:relative;height:100%; min-width:1000px; background-color: #f5f1ea;}
body.en {min-width: 1100px;}

@media (min-width: 100rem) {
  .row {max-width: 94rem;}
}

@media (min-width:48rem) and (max-width:100rem) {
  .row {max-width: 95%;}
}

@media screen and ( max-width: 93.75rem) {
  html, body {font-size: 12px;}
}

@media screen and ( max-width: 48.125rem) {
  html, body {font-size: 10px;}
  body, body.en {min-width:0;}
}  

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

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

@media screen and ( max-width: 40rem) {
	small {font-size: 0.9rem;}
  h1 {font-size: 3.2rem;}
  p {font-size: 1.5rem;}
}

@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 float1_2 {
  0% {transform: translateY(0) rotate(-9deg)}
  to {transform: translateY(min(.8163265306vw + 6.9387755102px,20px)) rotate(9deg)}
}


#headerNew {position: absolute; width: 100%; top: 0; left: 0; z-index: 100; transition: transform .2s;}
/* #headerNew.nav-up {transform: translateY(-100%);}
#headerNew.nav-down {box-shadow: 0px 0px 2px 0px rgba(0,0,0,.6);transform: translateY(0%);} */
#headerNew .inner { padding: 0 1rem; max-width: 80rem; margin: auto; position: relative; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center;}
#headerNew .openrice-logo { max-width: 23rem; display: block;}
#headerNew .openrice-logo > img { display: block;}

#headerNew .navbar {margin-top: .75rem;}
#headerNew .navbar a {font-size: 1.5rem; color: #212121; letter-spacing: 0; display: inline-block; vertical-align: middle; line-height: 2rem; margin: 0 .85rem; position: relative;}
#headerNew .navbar a:not(:last-child):after {content: ''; display: block; position: absolute; right: calc(-.85rem - 1px); top: 0; bottom: 0; margin: auto; width: 2px; height: 90%; background-color: #212121;}

#headerNew .myRDwrapper {position: relative;}
.rdt {background: linear-gradient(to top, #ff9900 0%, #f10091 100%);-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-weight: 800;}
#riceDlogin {font-size:1.25rem; background-color: #fff; border-radius: 0 0 1.5rem 1.5rem; border-width: 0 4px 4px 4px; border-style: solid; border-color: #f99a0a; padding: 1rem 2rem; position: relative;}
#riceDlogin > span {display: inline-block; vertical-align: middle;}
#riceDlogin .rdt {font-weight: 600; font-size: 1.4em;}
#loginButton{display:block; margin-top: .35rem; font-weight:400; cursor:pointer; color:#4f3c2d;text-align:center; border-radius:.7rem; padding:0 1rem;line-height:2;border:1px solid #707070}
#headerNew #myricedollar {padding: 0; text-align: left; margin-top: 0.15rem; display: none;}
#headerNew #myricedollar .rdi {background: url(../images/RD2.png) no-repeat center center; background-size: contain; width: 2.5rem; height: 2.5rem; display: inline-block; vertical-align: middle; }
#headerNew #myricedollar .dollar-point {font-weight: 600; font-size: 1.55em; display: inline-block; vertical-align: middle; line-height: 1;}
#riceDlogin .memberRewardLinkBtn {position: absolute; right: -1.35rem; top: 0; bottom: 0; margin: auto; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: url(../images/arrow-white.png) no-repeat center / auto 55%, linear-gradient(140deg, #f9d62f 0%, #f9b51b 56%, #f99a0a 100%);}

@media (min-width:100rem) {
  #headerNew .inner {max-width: 98rem;}
}

@media (min-width:48rem) and (max-width:100rem) {
  #headerNew .inner {max-width: 95%;}
}

@media screen and ( max-width: 93.75rem) {
  #headerNew .navbar a {font-size: 1.75rem;}
}

@media (max-width:48rem) {
  #headerNew .openrice-logo {max-width: 15rem; margin-top: -1.5rem;}
  #headerNew .myRDwrapper {padding-right: 1rem;}
  #riceDlogin {font-size: 1.1rem; border-width: 0 2px 2px 2px; padding: .75rem 1.5rem; border-radius: 0 0 1.25rem 1.25rem;}
  #riceDlogin .memberRewardLinkBtn {width: 2rem; height: 2rem; right: -1rem;}
  
}

@media only screen and (max-width: 40rem) {
  /* #headerNew {position: fixed; width: 100%; top: 0; left: 0; transition: top .2s ease-in-out; }
  #headerNew.nav-up {top: -72px;}
  #headerNew.nav-down {top: 0;box-shadow: 0px 0px 5px rgb(0 0 0 / 35%);} */
}

@media (max-width:21.25rem) {
  #headerNew  #myricedollar {font-size: 12px;}
}

#langBtns {position: absolute; top: 0; bottom: 0; left: calc(100% + 2.5rem); margin: auto; font-size: 0; text-align: center; width: 6rem; height: 2rem;}
#langBtns a {display: inline-block; vertical-align: middle; font-size: 1.35rem; color: #212121; line-height: 2rem; padding: 0 .5rem; position: relative; padding-bottom: .15rem;}
#langBtns a:first-child {margin-right: .35rem;}
#langBtns a.active {font-weight: 600; border: 1px solid; border-radius: 6px;}

@media (max-width: 116.25rem) {
  #headerNew .myRDwrapper {margin-right: 5rem;}
}

@media (max-width: 103.75rem) {
  #headerNew .myRDwrapper {margin-right: 8rem;}
}

@media (max-width: 48rem) {
  #headerNew .myRDwrapper {margin-right: 0; padding-top: 2.75rem;}
  #langBtns {top: 0; left: 0; bottom: auto; width: calc(100% - 1rem); height: 2.8rem; background: #fff; border-style: solid; border-color: #f99a0a; border-width: 0px 2px;}
  #langBtns a:first-child {margin-right: 0;}
  #langBtns a {width: 50%; line-height: 2.75rem;}
  #langBtns a.active {border: none; border-radius: 0; background: #f9d62f;}
}




#bodyContent {overflow: hidden;}
#topSection {display: flex; flex-flow: row nowrap; justify-content: center; align-items: center;}
#topSection > div:first-child {-ms-flex: 0 0 53%;-webkit-flex: 0 0 53%;flex: 0 0 53%;max-width: 53%;}
#topSection > div:last-child {-ms-flex: 0 0 47%;-webkit-flex: 0 0 47%;flex: 0 0 47%;max-width: 47%;}
#topSection > div:first-child {text-align: right;}
#topSection > div:first-child .formulaImg {display: inline-block; position: relative; max-width: 46rem; margin-top: 10%;}

#KV {position: relative; z-index: 0; margin: auto;} 
#KV .swiper-container {-webkit-transform: scale(1.115); -moz-transform: scale(1.115); transform: scale(1.115); transform-origin: 0 bottom;}
#KV img {width: 100%;}

@media (min-width: 48rem) {
  #topSection > div:first-child .formulaImg:before {content: ''; display: block; position: absolute; right: 121%; top: 15%; width: 20rem; height: 18rem; background: url(../images/decos/bubble.png) no-repeat center / contain;}
}

@media (min-width: 48rem) and (max-width: 87.5rem) {
  #topSection > div:first-child .formulaImg {max-width: 43rem;}
}

@media (max-width:48rem) {
  #topSection > div:first-child {text-align: center; -ms-flex: 0 0 55%; -webkit-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%;}
  #topSection > div:first-child .formulaImg {margin: -30% 0 0; z-index: 1; max-width: 85%;}
  #topSection > div:last-child {-ms-flex: 0 0 45%; -webkit-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; padding-top: 15rem;}
  #KV .swiper-container {-webkit-transform: scale(1.75); -moz-transform: scale(1.75); transform: scale(1.75); transform-origin: center bottom;}

}



#introSection {padding: 0 1.5rem; position: relative;}
#introSection:before, #introSection:after {content: ''; display: block; position: absolute; z-index: -1; }
#introSection:before {width: 1.1vw; height: 1.1vw; border-radius: 50%; background-color: #f99a36; bottom: -3.825vw; right: 20vw;}
#introSection:after {width: 280vw; height: 280vw; border-radius: 50%; border: 2px solid #f99a36; bottom: -9vw; right: -80vw;}
#introSection h3 {margin-bottom: .85rem; font-size: 2.2rem;}
.ttWC {position: relative;}
.ttWC:before {content: ''; display: block; position: absolute; z-index: -1; width: 2em; height: 2em; background: #f9d62f; border-radius: 50%; left: 0; bottom: -10%; margin: auto; transform: translateX(-50%);}
#introSection p {font-size: 1.75rem; line-height: 1.5; font-weight: 500; letter-spacing: 1px;}
#introSection p .rdi {background: url(../images/Rice$.png) no-repeat center center; background-size: contain; width: 35px; height: 25px; display: inline-block; vertical-align: middle; margin: -5px 2px 0;}
#introSection p .rdt {font-size: 1.15em; margin: 0 6px; line-height: 1;}
#introSection .giftBox {position: relative; float: right; }
#introSection .giftBox .coin {position: absolute; display: block; background: url(../images/decos/coin.png) no-repeat center / contain;}
#introSection .giftBox .c1 {width: 34%; padding-bottom: 34%; top: 30%; right: 145%; animation: float4 1.2s ease-in-out infinite alternate;}
#introSection .giftBox .c2 {width: 18%; padding-bottom: 18%; top: 14%; right: 117%; animation: float4 1.2s .2s ease-in-out infinite alternate;}
#introSection .giftBox .c3 {width: 23%; padding-bottom: 23%; top: 24%; right: 90%; animation: float4 1.2s .4s ease-in-out infinite alternate;}
#introSection .giftBox img {width: 16rem; animation: shake 5s ease-in-out 0s infinite alternate-reverse forwards;}
@keyframes shake {
	0%, 100% {transform: rotate(0deg);transform-origin: 50% 50%;}
	10% {transform: rotate(2deg);}
	20%, 40%, 60% {transform: rotate(-3deg);}
	30%, 50%, 70% {transform: rotate(3deg);}
	80% {transform: rotate(-2deg);}
	90% {transform: rotate(2deg);}
}

@media (max-width:48rem) {
  #introSection {padding: 2rem 2.75rem 4rem;}
  #introSection:before {width: 3vw; height: 3vw; bottom: -78vw;}
  #introSection:after {bottom: -82vw; border-width: 1px;}
  #introSection h3 {font-size: 2rem; line-height: 1.2;}
  #introSection p {font-size: 1.35rem; letter-spacing: .5px;}
  #introSection .giftBox img {max-width: 7rem;}
}



#buList {margin-top: 4em; padding-bottom: 4rem;}
#buList .decos {max-width: 80rem; margin: auto; position: relative;}
#buList .decos:after {content: ''; display: block; position: absolute; z-index: -2; width: 280rem; height: 280rem; border-radius: 50%; border: 2px solid #f99a36; top: -97rem; left: -85rem;}
#buList .deco {position: absolute; z-index: -1;}
#buList .deco.d1, #buList .deco.d3, #buList .deco.d4, #buList .deco.d5, #buList .deco.d6, #buList .deco.d7, #buList .deco.d8 {background: url(../images/decos/coin.png) no-repeat center / contain; transform: rotate(6deg);}
#buList .deco.d1, #buList .deco.d4, #buList .deco.d6 {transform: rotate(60deg);}
#buList .deco.d1 {width: 8rem; height: 8rem; top: 16rem; right: 109%; animation: float2 1.9s ease-in-out infinite alternate;}
#buList .deco.d2 {background: url(../images/decos/gift1.svg) no-repeat center / contain; width: 10rem; height: 13rem; top: 30rem; right: 98%; transform: rotate(-9deg); animation: float1_2 2s ease-in-out infinite alternate;}
#buList .deco.d3 {width: 4rem; height: 4rem; top: 85rem; left: 85%; animation: float4 1.7s ease-in-out infinite alternate;}
#buList .deco.d4 {width: 5rem; height: 5rem; top: 93rem; left: 109%; animation: float4 1.8s ease-in-out infinite alternate;}
#buList .deco.d5 {width: 8rem; height: 8rem; top: 107rem; right: 107%; animation: float3 1.7s ease-in-out infinite alternate;}
#buList .deco.d6 {width: 5rem; height: 5rem; top: 136rem; left: 38%; animation: float4 1.6s ease-in-out infinite alternate;}
#buList .deco.d7 {width: 8rem; height: 8rem; top: 125rem; left: 95%; animation: float4 1.5s ease-in-out infinite alternate;}
#buList .deco.d8 {width: 4rem; height: 4rem; top: 178rem; left: 20vw; transform: rotate(35deg);}
#buList .block {position: relative; padding: 0; transition: margin .2s;}
#buList .block .buInfo {text-align: center;}
#buList .block .buInfo .inner {display: inline-block; text-align: left;}
#buList .block .buTT {margin-bottom: 1.25rem; position: relative; display: inline-block;}
#buList #booking.block .buTT img {width: 19.5rem;}
#buList #menu.block .buTT img {width: 27.5rem;}
#buList #tas.block .buTT img {width: 18.5rem;}
#buList #pay.block .buTT img {width: 20rem;}
#buList .block .buTT .btn {position: absolute; right: -5rem; top: 0; bottom: 0; margin: auto; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: url(../images/arrow-white.png) no-repeat center / auto 55%, linear-gradient(140deg, #f9d62f 0%, #f85045 56%, #f1018e 100%);}
#buList .block .subtt {font-size: 1.75rem; line-height: 1.4; font-weight: 500;}
#buList .block .tt {font-size: 2.65rem; line-height: 1.4; margin-top: .5rem;}
#buList .block .dropWrapper {position: relative; margin-top: 1rem;}
#buList .block .dropWrapper .dropInfo {position: absolute; top: 0; left: 0; overflow: hidden; max-height: 0; transition: all .2s; opacity: 0;}
#buList .block .dropWrapper.show .dropInfo {opacity: 1;}
#buList .block .dropWrapper .dropInfo > div {padding: .5rem 0;}
#buList .block .dropWrapper .dropInfo p {padding-left: 1.75rem; font-size: 1.9rem; font-weight: 500; line-height: 1.4; border-left: 5px solid;}
#buList .block .dropWrapper .dropdownBtn {height: 2.5rem; display: block; cursor: pointer; text-align: right; position: absolute; top: 0; left: 0; width: 100%; transition: top .2s;}
#buList .block .dropWrapper .dropdownBtn span {display: block; position: relative; width: 100%; height: 100%;}
#buList .block .dropWrapper .dropdownBtn span:before {content: ''; display: block; width: 100%; height: 3px; background-color: #4f3c2d; position: absolute; top: 0; left: 0; transition: top .2s;}
#buList .block .dropWrapper.show .dropdownBtn span:before {top: 100%;}
#buList .block .dropWrapper .dropdownBtn span:after {content: ""; border: solid #4f3c2d;border-width: 0 2px 2px 0;display: block;padding: 5px; transform: rotate(45deg);-webkit-transform: rotate(45deg); position: absolute; right: .5rem; top: 0; bottom: 0; height: 5px; width: 5px; margin: auto; transition: transform .2s;}
#buList .block .dropWrapper.show .dropdownBtn span:after {transform: rotate(225deg);-webkit-transform: rotate(225deg)}

@media (min-width: 100rem) {
  #buList .decos {max-width: 94rem;}
}

@media (min-width:48rem) and (max-width:100rem) {
  #buList .decos {max-width: 95%;}
}

@media (min-width: 48.125rem) and (max-width: 87.5rem) {
  #buList .deco.d1 {width: 5rem; height: 5rem; right: 99%;}
  #buList .deco.d2 {width: 8rem; height: 10rem; top: 37rem; right: 92%}
  #buList .deco.d3 {width: 3rem; height: 3rem; top: 89rem;}
  #buList .deco.d4 {left: 97%;}
  #buList .deco.d5 {width: 6rem; height: 6rem; top: 110rem; right: 98%;}
  #buList .deco.d6 {width: 4rem; height: 4rem;}
  #buList .deco.d7 {width: 6rem; height: 6rem; top: 127rem; left: 92%;}
  #buList .deco.d8 {top: 189rem;}
  #buList .decos:after {top: -85rem;}
}

@media (min-width: 48.125rem) { 
  #buList .block .dropWrapper {max-width: none!important;}
  #buList .block:nth-child(even) .columns:first-child {order: 2;}
  #buList .block:nth-child(even) .columns:last-child {order: 1;}
}

@media (max-width: 48.125rem) { 
  #buList .block .columns:first-child {order: 2;}
  #buList .block .columns:last-child {order: 1;}
}

@media (max-width: 48rem) {
  #buList {margin-top: -4.5rem; position: relative;}
  #buList .block {padding: 0 2.75rem; margin-bottom: 4.5rem!important;}
  #buList .block .buInfo {text-align: left;}
  #buList .block .buTT {margin-left: -1rem;}
  #buList #booking.block .buTT img {width: 13.5rem;}
  #buList #menu.block .buTT img {width: 18.5rem;}
  #buList #tas.block .buTT img {width: 12.5rem;}
  #buList #pay.block .buTT img {width: 13.5rem;}
  #buList .block .buTT .btn {width: 2rem; height: 2rem;}
  #buList .block .buImg {max-width: 88%; margin: .5rem auto 0;}
  #buList .block .subtt {font-size: 1.35rem;}
  #buList .block .tt {font-size: 2.1rem; margin-top: 0; display: inline-block;}
  #buList .block .dropWrapper {margin-top: .5rem;}
  #buList .block .dropWrapper .dropInfo {position: relative;}
  #buList .block .dropWrapper .dropInfo p {font-size: 1.35rem; line-height: 1.6; border-width: 3px; text-align: justify; padding-left: 1.25rem;}
  #buList .block .dropWrapper .dropdownBtn {position: relative; top: auto!important;}
  #buList .block .dropWrapper.show .dropdownBtn {margin-bottom: 1.5rem;}
  #buList .block .dropWrapper .dropdownBtn span:before {height: 2px;}
  #buList .block .dropWrapper .dropdownBtn span:after {padding: 3px;}
  #buList .decos {position: absolute; width: 100%; height: 100%; z-index: 0; top: 0; left: 0;}
  #buList .decos:after {top: auto; bottom: 0rem; border-width: 1px;}
  #buList .deco.d2 {width: 11vw; height: 15vw; top: 66vw; right: 85%;}
  #buList .deco.d3 {width: 7.5vw; height: 7.5vw; top: 32vw;}
  #buList .deco.d4 {width: 8vw; height: 8vw; top: 99vw; left: 92%;}
  #buList .deco.d6 {width: 7vw; height: 7vw; top: 327vw; left: 91%;}
  #buList .deco.d7 {width: 10vw; height: 10vw; top: 210vw; left: 80%;}
  #buList .deco.d8 {width: 8vw; height: 8vw; top: 98.25%; left: 74vw;}
} 



#rdHowTo {padding: 12rem 1.5rem 5rem; text-align: center; }
#rdHowTo .container {max-width: 80rem; margin: auto; position: relative;}
#rdHowTo .container:before, #rdHowTo .container:after {content: ''; display: block; position: absolute; z-index: -2;}
#rdHowTo .container:before {background: url(../images/decos/bubble.png) no-repeat center / contain; width: 10rem; height: 9rem; top: 5rem; left: 107%; transform: scaleX(-1);}
#rdHowTo .container:after {width: 40vw; height: 40vw; border-radius: 50%; background-color: #f9d72b; bottom: -3%; right: 78%;}
#rdHowTo h2 {font-size: 3.675rem; margin-bottom: 3.5rem;}
#rdHowTo h3 {font-size: 2.85rem; display: inline-block;}
#phones {margin-top: 4rem;}
#phones .phoneBlock {padding: 0 2.5rem;}
#phones .phoneBlock .phoneImg {margin-bottom: 2rem;}
#phones .phoneBlock p {font-size: 1.5rem;}

@media (min-width: 100rem) {
  #rdHowTo .container {max-width: 94rem;}
}

@media (min-width:48rem) and (max-width:100rem) {
  #rdHowTo .container {max-width: 95%;}
} 

@media (max-width: 48rem) {
  #rdHowTo {padding: 3rem 1.5rem; position: relative;}
  #rdHowTo:after {content: ''; display: block; position: absolute; z-index: -2; bottom: 0; width: 400rem; height: 400rem; border-radius: 50%; border-bottom: 1px solid #f99a36; left: -210rem;}
  #rdHowTo .container:after {width: 90vw; height: 90vw; bottom: 55%; right: 45%;}
  #rdHowTo h2 {font-size: 2.85rem; line-height: 1.3;}
  #rdHowTo h3 {font-size: 2rem;}
  #phones .phoneBlock {margin-bottom: 4rem;}
  #phones .phoneBlock .phoneImg {max-width: 28rem; margin: 0 auto 2rem;}
}



#rdReward {padding: 3rem 1.5rem; overflow: hidden;}
#rdReward .container {max-width: 88rem; margin: auto;}
#rdReward h3 {text-align: center; font-size: 2.85rem; letter-spacing: 1px; font-weight: 500; margin-bottom: calc(-2.85rem * 1.75);}
#buReward {display: flex; flex-flow: row nowrap; justify-content: space-between; height: 26rem;}
#buReward > div {-ms-flex: 0 0 42%;-webkit-flex: 0 0 42%;flex: 0 0 42%;max-width: 42%; display: flex; flex-flow: row nowrap; align-items: flex-start; justify-content: space-between;}
#buReward .rewardBlock {-ms-flex: 0 0 50%;-webkit-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%; position: relative;}
#buReward > div:nth-child(1) .rewardBlock:nth-child(2), #buReward > div:nth-child(2) .rewardBlock:nth-child(1) {align-self: flex-end;}
#buReward .rewardBlock:after {content: ''; display: block; position: absolute; z-index: -1; width: 100%; padding-bottom: 100%; top: 0; left: 0; right: 0; bottom: 0; margin: auto; border-radius: 50%; background: linear-gradient(143deg, #fff 21%, #f5f1ea 124%);}
#buReward .rewardBlock .buImg {width: 80%; max-width: 11.5rem; margin: 0 auto 1.5rem;}
#buReward .rewardBlock .linkBtn {font-size: 1.6rem; display: block; font-weight: 500; text-align: center; line-height: 1.6;}
#buReward .rewardBlock .linkBtn:before {content: ''; display: block; position: absolute; bottom: 0; right: 10%; height: 2px; width: 90%; background-color: #f99a0a;}
#buReward .rewardBlock .linkBtn:after {content: ''; display: inline-block; vertical-align: middle; height: 2.5rem; width: 2.5rem; border-radius: 50%; background: url(../images/arrow-white.png) no-repeat center / auto 55%, linear-gradient(140deg, #f9d62f 10%, #f9b51b 43%, #f99a0a 85%); margin: 0 -2rem .5rem 1rem;}
#rdReward .redeemBtnWrapper {max-width: 28rem; margin: -2rem auto 0; position: relative;}

#rdReward .redeemBtnWrapper .giftImg {display: block; margin: 0 auto 1.25rem; width: 60%; padding-bottom: 31%; background: url(../images/decos/gift2.svg) no-repeat center / contain;}
#rdReward .redeemBtnWrapper .redeemBtn {font-size: 2.65rem; color: #fff; font-weight: 600; display: block; text-align: center; line-height: 2; border-radius: 4rem; background-image: linear-gradient(to bottom, #f9d62f, #f85045 45%, #f1018e 60%, #f85045 70%, #f9d62f 120%); background-size: 100% 170%; background-position: center 10%; transition: all .2s;}

@media (min-width: 48rem) {
  #rdReward .redeemBtnWrapper:before, #rdReward .redeemBtnWrapper:after {content: ''; display: block; position: absolute; top: -15%;}
  #rdReward .redeemBtnWrapper:before {background: url(../images/decos/confetti-L.png) no-repeat center / contain; width: 26rem; height: 18rem; right: 135%;}
  #rdReward .redeemBtnWrapper:after {background: url(../images/decos/confetti-R.png) no-repeat center / contain; width: 25rem; height: 19rem; left: 135%;}
  #rdReward .redeemBtnWrapper .redeemBtn:hover {background-position: center 100%;}
}

@media (min-width: 102rem) {
  #rdReward .container {max-width: 100rem;}
}

@media (max-width: 48rem) {
  #rdReward {padding: 1rem 1.5rem;}
  #rdReward h3 {font-size: 2.175rem; letter-spacing: .5px; margin-bottom: 2rem;}
  #buReward {flex-wrap: wrap; height: auto; max-width: 40rem; margin: 12% auto 0; position: relative;}
  #buReward:before, #buReward:after {content: ''; display: block; position: absolute;}
  #buReward:before {background: url(../images/decos/confetti-L.png) no-repeat center / contain; width: 40%; padding-bottom: 27%; right: 60%; top: 90%;}
  #buReward:after {background: url(../images/decos/confetti-R.png) no-repeat center / contain; width: 32%; padding-bottom: 25%; left: 72%; top: -9%;}
  #buReward > div {-ms-flex: 0 0 100%;-webkit-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%; height: calc(100vw * .5); max-height: 21.5rem;}
  #buReward > div .rewardBlock:nth-child(1) {align-self: flex-start!important;}
  #buReward > div .rewardBlock:nth-child(2) {align-self: flex-end;}
  #buReward .rewardBlock:after {width: 90%; padding-bottom: 90%;}
  #buReward .rewardBlock .buImg {max-width: 9rem; margin: 0 auto 1rem;}
  #buReward .rewardBlock .linkBtn {font-size: 1.35rem;}
  #buReward .rewardBlock .linkBtn:before {height: 1px;}
  #buReward .rewardBlock .linkBtn:after {width: 1.85rem; height: 1.85rem;}
  #rdReward .redeemBtnWrapper {max-width: 23rem; margin: 3rem auto 0;}
  #rdReward .redeemBtnWrapper .redeemBtn {font-size: 2.15rem; padding-bottom: .35rem;}
}


#latestPromo {padding: 0; margin: 13rem 0 9rem;}
#latestPromo .container {max-width: 90rem; margin: auto; position: relative;}
#latestPromo h3 {font-size: 3.25rem; letter-spacing: 2px;}
#latestPromo .swiper-container {margin-top: 5rem;}
#latestPromo .swiper-free-mode > .swiper-wrapper{transition-timing-function : linear;}
#latestPromo .swiper-slide {width: 33rem; padding: 0 1rem;}
#latestPromo .item {display: block;}
#latestPromo .swiper-slide:nth-child(even) .item {margin-top: 5rem;}

@media (min-width: 100rem) {
  #latestPromo .container {max-width: 94rem;}
}

@media (min-width:48rem) and (max-width:100rem) {
  #latestPromo .container {max-width: 95%;}
}

@media (min-width:48rem) {
  #latestPromo .container:before, #latestPromo .container:after {content: ''; display: block; position: absolute; border-radius: 50%; z-index: -2; width: 52vw; height: 52vw;}
  #latestPromo .container:before {top: -18rem; left: 60%; border: 2px solid #f99a0a;}
  #latestPromo .container:after {background: linear-gradient(20deg, #f5f1ea 12%, #fff 55%); top: -8rem; left: 40%;}
}

@media (max-width:48rem) {
  #latestPromo {margin: 5rem 0; text-align: center;}
  #latestPromo h3 {display: inline-block; font-size: 2.75rem;}
  #latestPromo h3:before {width: 1.5em; height: 1.5em; bottom: 30%;}
  #latestPromo .swiper-container {margin-top: 2rem;}
  #latestPromo .swiper-slide {width: 22rem;}
}


#bannerPromo {padding: 0 1.5rem;}
#bannerPromo .row {padding: 3rem 0; max-width: 80rem;}
#bannerPromo .banner {display: block; }

@media (min-width: 48.125rem) {
  #bannerPromo .banner {max-width: 95%; margin: auto;}
}

@media (max-width:48rem) {
  #bannerPromo .row {padding: 0;}
  #bannerPromo .banner {margin-bottom: 1.25rem;}
}


#sponsorLogos {padding: 0 1.5rem;}
#sponsorLogos .container {max-width: 90rem; margin: auto; text-align: center; padding: 3rem 0;}
#sponsorLogos h3 {font-size: 2.35rem;}
#sponsorLogos .inner {margin-top: 2rem;}
#sponsorLogos .logo {display: inline-block; vertical-align: middle; max-width: 12rem; max-height: 10rem; margin: 0 1rem;}

@media (min-width: 100rem) {
  #sponsorLogos .container {max-width: 94rem;}
}

@media (min-width:48rem) and (max-width:100rem) {
  #sponsorLogos .container {max-width: 95%;}
}

@media (max-width:48rem) {
  #sponsorLogos h3 {font-size: 2rem;}
  #sponsorLogos .logo {margin-bottom: 1rem;}
}


.footerWrap .footerTop {background-color: #000; padding: 30px 4%; position: relative;}
.footTopTxt p {font-weight: 600; margin-bottom: 5px; font-size: 1.1rem; color: #fff;}
.footTopTxt small {font-size: 0.8rem; color: #fff;}
.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;}

@media only screen and (min-width: 769px) {
  footer {position: relative; bottom: 0;width: 100%;}
}
@media only screen and (max-width: 640px) {
  .footTopTxt {text-align: center;}
  .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;}}