*, *: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!important;} 
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); 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;}
h1 {font-size: 35px;margin: 0;}
h2 {font-size: 1.8em;margin: 0;}
p {line-height: 1.8; margin: 0;}
.tc p, .sc p {letter-spacing: 0px;}
.zh h1, .zh h3, .zh p, .zh a, .zh small {letter-spacing: 0px; }
.ltsp0 {letter-spacing: 0;}
small {font-size: .75rem;}
a {text-decoration: none;}
div {position:relative; -webkit-overflow-scrolling: touch;}
.line-clamp {display: block; display : -webkit-box; -webkit-box-orient : vertical; position: relative; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; padding: 0 !important; }
.line-clamp:after {content: ''; text-align : right; bottom: 0; right: 0; width: 25%; display : block; position: absolute; height: calc(1em * 1.2); background : linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 75%); }
@supports (-webkit-line-clamp: 1) {.line-clamp:after {display : none !important; } }
.line-clamp-1 {-webkit-line-clamp : 1; max-height : calc(1em * 1.2 * 1); }
.line-clamp-2 {-webkit-line-clamp : 2; max-height : calc(1em * 1.2 * 2); }
.line-clamp-3 {-webkit-line-clamp : 3; max-height : calc(1em * 1.2 * 3); }
.line-clamp-4 {-webkit-line-clamp : 4; max-height : calc(1em * 1.2 * 4); }
.row1,.row2,.row3 {text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;white-space:normal;}
.row1 {-webkit-line-clamp:1;}
.row2 {-webkit-line-clamp:2;}
.row3 {-webkit-line-clamp:3;}
.alignCtr {margin: auto; width: 90%;}
.noScroll {overflow: hidden;}
.noPmargin > p {margin: 0;}
.ds {font-family: Arial, "Microsoft YaHei", "Microsoft JhengHei", "Source Han Sans","PingFangHK","Heiti TC",Verdana,sans-serif;}
.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 body {overflow: hidden;}
@media (max-width: 40rem) {.lity-close {top: 0%; right: 1%;}}

@media (min-width: 48rem) {
  .cardEffect: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}
  .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);}
}
@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))}
}
@-webkit-keyframes fadeoutW {0% {opacity: 1; } 100% {opacity: 0; }}
@keyframes fadeoutW {0% {opacity: 1; } 100% {opacity: 0; }}


@keyframes rotation {
  from {transform: rotate(0deg);} to { transform: rotate(-359deg); }
}
@keyframes float5 {
  0% {transform: translate(0) scale(1)}
  20% {transform: translate(-.8vw, 2px) scale(1)}
  50% {transform: translate(-2.5vw, -5px) scale(1.03)}
  80% {transform: translate(-4.2vw, 2px) scale(1.01)}
  100% {transform: translate(-5vw, 5px) scale(1) }
}

@keyframes move {
            0%  { width: 10%; top: 54%; left: 81%; }
            100%{ width: 21%; top: -50%; left: 46%; }
        }
@keyframes move_mob {
        0%  { width: 25%; top: 20%; left: 100%;}
        100%{ width: 24%; top: -16%; left: 49%; }
        }

@keyframes float {
            0%, 100% {  bottom: -17%;}
            50% {bottom: -16%; }
        }
@keyframes cloud_float1 {
            0% { left: 23%; /* 起始位置 */ }
            100% { left: 100%; /* 終點位置 */ }
        }
@keyframes cloud_float2 {
            0% { left: -1%; /* 起始位置 */ }
            100% { left: 100%; /* 終點位置 */ }
        } 
@keyframes cloud_float3 {
            0% { left: 90%; /* 起始位置 */ }
            100% { left: -1%; /* 終點位置 */ }
        } 

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


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

@media screen and (min-width: 48rem) {
  .mbo {display: none!important;}
  .dko {display: block!important;}
}

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

.swiper-container {width: 100%;height: 100%;}
.swiper-button-prev, .swiper-button-next { background-color: #000000; border-radius: 50%; width: 50px; height: 50px;}
.swiper-button-prev:after, .swiper-button-next:after {color: #fff; font-size: 20px;}
.swiper-button-prev {left: -50px;}
.swiper-button-next {right: -50px;}
.swiper-slide * {-webkit-transform: translateZ(0); -webkit-backface-visibility: hidden;}



  
#floatingBtnBlock {position: fixed; z-index: 10; right: -8rem; top: 50%; width: 6.85rem; transform: translateY(-50%); opacity: 0;transition: all .3s ease-in-out;}
#floatingBtnBlock.show {right: -.9rem; opacity: 1;}
#floatingBtnBlock .btn {display: block;}
#floatingBtnBlock .btn img {width: 100%;}
@media (max-width: 48rem) {
  #floatingBtnBlock {width: 17vw; right: -20vw;}
  #floatingBtnBlock.show {right: -1.3vw;}
}


#bodyContent {overflow: hidden; position: relative;}

#pageTop {position: relative; padding-bottom: 25%; background: linear-gradient(to bottom, #0cf0df 0%, #f3f5f5 50%);}
#headerLogos {position: absolute; top: 9%; left: 17%; width: 11%; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; z-index: 1;}
#headerLogos img {width: 100%; display: block;}
#headerLogos .or-logo {-ms-flex: 0 0 57%; -webkit-flex: 0 0 57%; flex: 0 0 57%; max-width: 57%;}
#headerLogos .x {-ms-flex: 0 0 7%; -webkit-flex: 0 0 7%; flex: 0 0 7%; max-width: 7%; background: url(../img/x.png) no-repeat center / contain; padding-bottom: 7%;}
#headerLogos .mc-logo {-ms-flex: 0 0 23%; -webkit-flex: 0 0 23%; flex: 0 0 23%; max-width: 23%;}
#langBtns {position: absolute; top: 7%; right: 17%; width: 6%; text-align: center; z-index: 1; font-size: 0;}
#langBtns > a {font-size: 1vw; line-height: 1; color: #000; display: inline-block; vertical-align: middle; margin: 0; padding: 0 .35vw; font-weight: 500;}
#langBtns > a:first-child {border-right: 1px solid;}
.kv-deco {position: absolute;}
#cloud1 {width: 18%; top: -21%; left: 14%; mix-blend-mode: screen;}
#cloud2 {width: 9%; top: 42%; left: 23%; mix-blend-mode: screen;z-index:0;animation: cloud_float1 70s ease-in-out infinite;z-index: 1; }
#cloud3 {width: 15%; top: -8%; left: 57%; mix-blend-mode: screen;z-index:0;animation: cloud_float3 50s ease-in-out infinite;}
#cloud4 {width: 13%; top: 38%; left: -1%; mix-blend-mode: screen;z-index:0;animation: cloud_float2 40s ease-in-out infinite; }
#siteTitle {width: 23%; top: 7%; left: 0; right: 0; margin: auto;}
#yellowPart {width: 33%; bottom: -5%; left: 0; right: 0; margin: auto; z-index: 1;}
#riceboy1 {width: 18%; bottom: -15%; left: 0; right: 0; margin: auto; z-index: 3;}
#riceboy2 {width: 12%; bottom: 2%; left: 16.75%;}
#riceboy3 {width: 11%; bottom: -11%; left: 81%; z-index: 1;}
#food1 {width: 13%; top: 10%; left: -3.5%;}
#food2 {width: 15%; top: 13%; left: 89%;}
#food3 {width: 10%; top: 32%; left: 9%;}
#foodsign {width: 17%; bottom: -17%; left: 61%; z-index: 1;}
#plane {width: 21%; top: -2%; left: 65%;animation: move 9s forwards infinite;}
#cablecar {width: 6.25%; top: -5%; left: 85.5%;animation: float 2s ease-in-out infinite;}
#hkship {width: 12%; bottom: -16%; left: 24.5%; z-index: 1;animation: float 2s ease-in-out infinite;}
#city {width: 43%; bottom: 0%; left: -5%;}
#mountain {width: 49%; bottom: 0%; right: -4%;}


#flipboard {position: absolute; width: 31%; top: 43%; left: 0; right: 0; margin: auto; background-color: #ffdd00; padding: .6% 1%; border-radius: .5vw;z-index:2 ;}
#flipboard .container {display: flex; flex-flow: row nowrap; justify-content: space-between; perspective: 50rem; perspective-origin: center;}
#flipboard .letter {position: relative; -ms-flex: 0 0 10%; -webkit-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; color: #fff; font-size: 2.5vw; font-weight: 700; line-height: 1; text-align: center; background: linear-gradient(to bottom, #303030 0%,#545354 100%); padding: .5vw 0 .7vw; border: .2vw solid #000; border-radius: .35vw; box-shadow: inset 0 1px 0 #fff, 0 1px 0 #fff;}
#flipboard .letter:after {content: ''; position: absolute; left: 0; top: calc(50% - 1px); background-color: #000; display: block; height: 2px; width: 100%;}
#flipboard .letter .ico {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: auto; background: url(../img/KV/menu.svg) no-repeat center / 88% auto; z-index: 1;}

@media (max-width: 48rem) {
  #pageTop {padding-bottom: 90%;}
  #headerLogos {top: 5%; left: 6%; width: 33%;}
  #langBtns {top: 6.5%; right: 4.5%; width: 13%;}
  #langBtns > a {font-size: 3vw; padding: 0 1.15vw;}
  #cloud1 {width: 18%; top: -21%; left: 14%;}
  #cloud2 {width: 9%; top: 39%; left: 23%;}
  #cloud3 {width: 15%; top: -8%; left: 57%;}
  #cloud4 {width: 13%; top: 38%; left: -1%;}
  #siteTitle {width: 48%; top: 22%;}
  #yellowPart {display: none;}
  #riceboy1 {width: 52%; bottom: -11%;}
  #riceboy2 {width: 17%; bottom: 10%; left: 11%;}
  #riceboy3 {width: 20%; bottom: -6%; left: 81%; z-index: 2;}
  #food1 {display: none;}
  #food2 {width: 30%; top: 49%; left: 80%;}
  #food3 {width: 23%; top: 26%; left: -5%;}
  #foodsign {width: 33%; bottom: -2%; left: 60%;}
  #plane {width: 40%; top: 6%; left: 68%; animation: move_mob 9s forwards infinite;}
  #cablecar {display: none;}
  #hkship {width: 23%; bottom: -11%; left: 4%; transform: rotate(16deg);}
  #city {width: 80%; left: -9%;}
  #mountain {width: 73%; right: -7%;}
  #flipboard {width: 76%; padding: 1% 3%; border-radius: 1vw;}
  #flipboard .letter {font-size: 6vw; padding: 1.5vw 0 2.7vw; border-radius: 1.25vw;}
  #flipboard .letter:after {height: 1px; top: calc(50% - .5px);}
}



#section2 {background: linear-gradient(to bottom, #daf1f0, #e2f6ed 30%, #fff 61%, #fffad1 81%, #fff); position: relative;}

#section2 .deco {display: block; position: absolute; z-index: 0;}
#section2 .deco.cloud {mix-blend-mode: screen;}
#section2 .deco img {width: 100%;}
#section2 .deco1 {top: 7%; left: -1%; width: 13%;}
#section2 .deco2 {top: 14%; right: -5%; width: 20%;}
#section2 .deco3 {top: 68%; left: -4%; width: 22%;}
#section2 .deco4 {bottom: -2%; left: -10%; width: 38%;}



#introBlock {position: relative; padding: 3vw 1rem 2rem; z-index: 1;}
#introBlock .container {max-width: 72rem; margin: auto; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center;}
#introBlock .text {-ms-flex: 0 0 50%; -webkit-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
#introBlock .text p {font-size: 1.315rem; letter-spacing: .5px;}
.en #introBlock .text p {font-size: 1.15rem;    line-height: 1.4; }
#introBlock .offers {-ms-flex: 0 0 45%; -webkit-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; display: flex; flex-flow: row nowrap; justify-content: space-between;}
#introBlock .offers .offerImg {-ms-flex: 0 0 49%; -webkit-flex: 0 0 49%; flex: 0 0 49%; max-width: 49%;}
#introBlock .offers .offerImg img {display: block; width: 100%;}

@media (max-width: 48rem) {
  #introBlock {padding: 13vw 8vw 4vw;}
  #introBlock .text, #introBlock .offers {-ms-flex: 0 0 100%; -webkit-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
  #introBlock .text {margin-bottom: 4vw;}
  #introBlock .text p {font-size: 3.075vw; text-align: center; letter-spacing: 0; line-height: 1.7;}
}






#navTabsSection {position: relative;}
#navTabsSection .container {max-width: 72rem; margin: auto; padding: .75rem 0; display: flex; flex-flow: row nowrap; justify-content: space-between;}
#navTabsSection .tabBtn {position: relative; -ms-flex: 0 0 17.5%; -webkit-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; text-align: center; cursor: pointer; padding: 1.5% 2% 1.5% 1%;}
#navTabsSection .tabBtn.hasImgIcon {text-align: center; padding: 1.5% 2% 1.5% 3.5%;}
#navTabsSection .tabBtn:before, #navTabsSection .tabBtn:after {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#navTabsSection .tabBtn:before {background: url(../img/navs/frame.png) no-repeat center / 100% 100%;}
#navTabsSection .tabBtn:after {background: url(../img/navs/frame2.png) no-repeat center / 100% 100%; opacity: 0; transition: opacity .2s ease-in-out;}
#navTabsSection .tabBtn.active:after {opacity: 1;}
#navTabsSection .tabBtn .tt {position: relative; display: block; white-space: nowrap; line-height: 1; font-size: 1.35rem; font-weight: 600; z-index: 2;}
#navTabsSection .tabBtn .tt .en {display: block; white-space: nowrap; line-height: 1; font-size: .95rem; font-weight: 600; margin-bottom: .25rem;}
#navTabsSection .tabBtn .iconImg {display: block; position: absolute; right: 76%; top: 0; width: 43%; height: 100%; z-index: 3;}

@media (max-width: 48rem) {
  #navTabsSection {z-index: 2;}
  #navTabsSection .container {white-space: nowrap; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none;}
  #navTabsSection .container::-webkit-scrollbar {display: none;}
  #navTabsSection .tabBtn {-ms-flex: 0 0 26%; -webkit-flex: 0 0 26%; flex: 0 0 26%; max-width: 26%; padding: 1.5% 3% 2% 2%; margin: 0 2.75%;}
  #navTabsSection .tabBtn:first-child {margin-left: 3.5%;}
  #navTabsSection .tabBtn.hasImgIcon {padding: 1.5% 3% 2% 4.5%;}
  #navTabsSection .tabBtn .tt {font-size: 3vw;}
  #navTabsSection .tabBtn .tt .en {font-size: 2vw; margin-bottom: 0.75vw;}
  #navTabsSection .tabBtn .iconImg {right: 78%;}
}




#poisSection {position: relative; margin-top: 2.25rem; padding-bottom: 5rem; min-height: 100vh; z-index: 1;}
#poisSection .container {max-width: 74rem; margin: auto; display: flex; flex-flow: row wrap; justify-content: space-between;}

@media (max-width: 768px) {
    #poisSection .container {padding: 0 20vw;}
}

.poi {display: block; margin: 0 0 3rem; font-size: 1rem; -ms-flex: 0 0 30%; -webkit-flex: 0 0 30%;flex: 0 0 30%; max-width: 30%; background-color: #fff; box-shadow: 0px 0px 5px 0px #ddd; border-radius: 1rem; overflow: hidden;}
.poi .vw {display: block;}
.poi .vw .v {display: none;}
.poi .vw .v.active {display: block;}
.poi .topImg {display: block; aspect-ratio: 9 / 5.25; position: relative; padding: 0;}
.poi .topImg .v {height: 100%; position: relative;}
.poi .topImg .img {height: 100%; border-radius: 1.2rem 0 0 0;}
.poi.menu .topImg .img:before {content: "";display: block;width: 100%;height: 100%;position: absolute;background: #ffffff; top: 0;left: 0; padding: 0; margin: 0; z-index: 99;}
.poi.menu .topImg .v.active .img:before {animation: fadeoutW 1s forwards; opacity: 1;}
.poi .topImg .categoryTag {background-color: #fedc02; font-size: .95rem; line-height: 1; font-weight: 700; padding: .35rem 1rem .45rem; border-radius: 0 0 .65rem 0; position: absolute; top: 0; left: 0; text-align: center; min-width: 25%; color: #000;}
.poi .topImg .categoryTag small {display: block; font-size: .65rem; line-height: 1; font-weight: 600; margin-bottom: .2rem;}

.poi .text {position: relative; text-align: left; padding: .75rem 1.25rem 1.5rem; display: -ms-flexbox;display: -webkit-box;display: -webkit-flex; -ms-flex-flow: row wrap;-webkit-flex-flow: row wrap;flex-flow: row wrap; height: calc(100% - 14.5rem);}
.poi .text .top {-ms-flex: 0 0 100%;-webkit-box-flex: 0;-webkit-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.poi .text .subtags {font-size: 0.9rem; color: #8c8c8c; line-height: 1; margin: 0.6rem 0 .75rem;}
.poi .text .name {font-size: 1.5rem; color: #000; font-weight: 800; line-height: 1.2; display: block; margin-bottom: .4rem; border-bottom: 1px solid #ddd; padding-bottom: .75rem;}
.poi .text .offerTT {position: relative;}
.poi .text .offerTT .tt {color: #000;font-weight: 600;font-size: 1.2rem;margin-bottom: .4rem;letter-spacing: 0.05rem;line-height: 1.4;}

.poi .text .btm {-ms-flex: 0 0 100%; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; flex: 0 0 100%;max-width: 100%; -ms-flex-align: end; -webkit-box-align: end; -webkit-align-items: flex-end; align-self: flex-end;}
.poi .text .vwPriceBtns {padding-top: 0.5rem;padding-bottom: 0.2rem;}
.poi .text .vwPriceBtns.vw1 {display: none;}
.poi .text .vwPriceBtns .btn {cursor: pointer; position: relative; font-size: .925rem; text-align: center; border-radius: 4px; line-height: 1.85; border: 1px solid; color: #000; font-weight: 600; display: block; display: -webkit-inline-box; -webkit-box-orient: vertical; z-index: 1; margin-right: 0.25%; margin-bottom: .3em; overflow: hidden; text-overflow: ellipsis; padding: 0 9px; -webkit-line-clamp: 1; height: calc(1em * 2 * 1);}
.poi .text .vwPriceBtns .btn.active {color: #10a15b; border-color: #10a15b; cursor: default;}
.poi .text .prices {margin-top: .7rem;}
.poi .text .prices .price {display: inline-block; vertical-align: bottom;margin-bottom: 0.5em;}
.poi .text .prices .price > span {display: inline-block; vertical-align: text-bottom; margin-right: .15em;}
.poi .text .prices .price .discount {color: #10a15b; font-size: 2.2rem; position: relative; font-weight: 700; line-height: 1;}
.poi .text .prices .price .original {color: #ed1c24; font-size: .9rem; display: block; padding-left: 2px; text-decoration: line-through; font-style: italic; display: inline-block;letter-spacing: -1px;}

.poi .text .promoInfos .promo {padding: 0 0 .75rem;}
.poi.book .text .promoInfos .promo {padding: .75rem 0 0;}
.poi .text .promoInfos .promo:not(:first-child) {border-top: 1px solid #ddd; padding: .75rem 0 0;}
.poi .text .promoInfos .promo .tt {display: block; font-size: 1.125rem; font-weight: 600; line-height: 1; color: #10a15b; margin-bottom: .35rem;}
.poi .text .promoInfos .promo .txt {display: block; font-size: 1rem; font-weight: 600; line-height: 1.2;}
.poi .text .promoInfos .promo .txt i {display: inline-block; vertical-align: middle;}
.poi .text .promoInfos .promo .txt i.mc {background: url(../img/logo-mc.png) no-repeat center / contain; width: 2rem; height: 1.25rem;}
.poi .text .promoInfos .promo .txt i.rd {background: url(../img/RD2.png) no-repeat center / contain; width: 1.85rem; height: 1.25rem; margin-top: -.215rem;}
.poi .text .promoInfos .promo .txt .red {color: #ed1c24;}

.poi .text .btns {display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -ms-flex-flow: row nowrap;-webkit-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: space-between; align-items: center; margin-top: 1rem; }
.poi.book .text .btns {justify-content: flex-end;}
.poi .text .btns > a.linkBtn {border-radius: 5px; letter-spacing: 1px; padding: 0 .8em;line-height: 2.3;font-size: 1.1rem; text-align: center; font-weight: 800; -ms-flex: 0 0 48%; -webkit-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%; transition: all .3s; background-color: #10a15b; color: #fff; border: 1px solid #10a15b;}
.poi.menu .text .btns > a.bookLinkBtn {background-color: transparent; color: #10a15b;}


@media (min-width: 48rem) {
    /* .poi .text .name {font-size: 22px;} */
    .poi .text .btns > a.linkBtn:hover {background-color: #00d26a; border-color: transparent;}
    .poi.menu .text .btns > a.bookLinkBtn:hover {color: #fff;}
}

@media (max-width: 48rem) {
  .poi {-ms-flex: 0 0 100%; -webkit-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0 0 1em; width: 100%; border-radius: 1rem; overflow: hidden;}
  .poi .text .name {font-size: 1.3rem;}
  .poi .text .offerTT .tt{font-size: 1.2rem;}
  .poi .text .vwPriceBtns .btn {margin-right: 0.5%;}
}







.footerWrap {background-color: #2dcbc1; padding: 2rem 1.5rem 2.5rem; position: relative;}
.footerWrap .row {max-width: 76rem;}
.footTopTxt {color: #fff;}
.footTopTxt p {font-size: 1.15rem; font-weight: 700; margin-bottom: .25rem; }
.footTopTxt small {font-size: 0.8rem; display: block; line-height: 1.6;}
.footTopSocialGroup {text-align: right;}
.footTopSocialGroup .btn {color: #ffffff; border: 1px solid; border-radius: 5px; display: inline-block; vertical-align: middle; line-height: 2; padding: 0 10px 2px; font-size: 1rem; margin: 0 5px;}
.footTopSocialGroup .foot-social {display: inline-block; vertical-align: middle; margin: 0 5px; }
.footTopSocialGroup .foot-social.ig {background: url(../img/social-icons/instagram.svg) no-repeat center center; width: 20px; height: 20px;}
.footTopSocialGroup .foot-social.yt {background: url(../img/social-icons/youtube.svg) no-repeat center center; width: 20px; height: 20px;}
.footTopSocialGroup .foot-social.fb {background: url(../img/social-icons/facebook.svg) no-repeat center center; width: 20px; height: 20px;}
.footerCR {color: #fff; margin-top: 5px; text-align: right;}
.footerCR > span {display: inline-block; vertical-align: middle;}
.footerCR > span.copyright-text {font-size: .7rem; margin-left: 5px;}
#backtopBtn {position: absolute; z-index: 60; left: 0;right: 0; margin: auto; top: -20px;width: 41px;height: 41px;background: url(https://www.openrice.com/info/global/img/backtopArr.png) no-repeat center center / contain;cursor: pointer;}

@media only screen and (max-width: 48rem) {
  .footerWrap {padding: 3rem 1.5rem 2rem;}
  .footTopTxt {text-align: center;}
  .footTopSocialGroup {text-align: center; margin-top: 20px;}
  .footTopSocialGroup .foot-social.ig, .footTopSocialGroup .foot-social.yt, .footTopSocialGroup .foot-social.fb {width: 1.5rem; height: 1.5rem;}
  .footerCR {text-align: center;}
  .footerCR .mRowDrop {display: block;}
  #backtopBtn{width: 3rem; }
}