*, *: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, h2, h3 {margin: 0;}
p {line-height: 1.6; margin: 0;}
.zh h1, .zh h3, .zh p, .zh a, .zh small {letter-spacing: .5px; }
.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;}
.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.75);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: #000;} 
.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}
}
@keyframes card{
  0%{transform:rotateX(0deg)}
  50%{transform:rotateX(-8deg)}
  100%{transform:rotateX(8deg)}
}
@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))}
}

span.nobreak, i.nobreak {white-space: nowrap; }
body {margin:0px; font-family: Noto Sans TC, Arial,"Microsoft YaHei", "Microsoft JhengHei", "Source Han Sans","PingFangHK","Heiti TC",Verdana,sans-serif;background-color: #070150;position:relative;height:100%; min-width: 1028px;}

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

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

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

@media not all and (min-resolution:.001dpcm) and (min-width: 48rem) { 
	@supports (-webkit-appearance:none) and (stroke-color:transparent) {
		html, body {touch-action: pan-x pan-y;}
	}
}

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

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


#headbarLang {position: absolute; z-index: 60; top: 2.15rem; right: 2.5rem;}
#headbarLang .headerLangBtn {display: block; margin: 0; cursor: pointer; background: url(../img/icons/globe.svg) no-repeat center / contain; width: 1.75rem; height: 1.75rem;}
.inBookingMenuMode #headbarLang .headerLangBtn {display: none;}

#headbarLang .lang-dropmenu-block {opacity: 0; display: none; will-change: transform;}
#headbarLang.open .lang-dropmenu-block {opacity: 1;display: block;animation: animShowLangMenu .3s;-webkit-transform: translateY(.25rem);transform: translateY(.25rem);}
@keyframes animShowLangMenu {
  0% {opacity: 0;-webkit-transform: translateY(-.25rem);transform: translateY(-.25rem);}
  100% {opacity: 1;-webkit-transform: translateY(.25rem);transform: translateY(.25rem);}
}
#headbarLang .lang-dropmenu-block ul {min-width: 3.5rem; background: rgba(0,0,0,0.85); border-radius: .35rem; position: absolute; top: 100%; left: -1rem; padding: 0; margin: 0;list-style: none; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175); overflow: hidden;}
#headbarLang .lang-dropmenu-block ul li a {color: #FF5800; font-size: .85rem;font-weight: 600; line-height: 1; padding: .65rem 0 .25rem; display: block; text-align: center;}
#headbarLang .lang-dropmenu-block ul li.lang-tc {margin-top: .35rem;}
#headbarLang .lang-dropmenu-block ul li.lang-tc a {padding: .25rem 0 .75rem;}
#headbarLang .lang-dropmenu-block ul li.lang-en a {letter-spacing: -.5px;}
#headbarLang .lang-dropmenu-block ul li.active a {font-weight: 900;}

@media (max-width:40rem){
  #headbarLang {position: absolute; top: 4rem; right: 1.75rem;}
  #headbarLang .headerLangBtn {width: 1.75rem; height: 1.75rem;}
}


footer {position: relative; z-index: 10;}
.footerWrap {background-color: #000; padding: 1.5rem 4%; position: relative;}
.footTopTxt {color: #fff;}
.footTopTxt p {font-weight: 600; margin-bottom: 5px; font-size: 1.1rem;}
.en .footTopTxt p {font-size: .75rem;}
.footTopTxt small {font-size: 0.8rem;}
.en .footTopTxt small {font-size: 0.75rem;}
.footTopSocialGroup {text-align: right;}
.footTopSocialGroup .foot-social {display: inline-block; vertical-align: middle; margin: 0 5px; }
.footTopSocialGroup .foot-social.ig {background: url(../img/icons/instagram.svg) no-repeat center center; width: 20px; height: 20px;}
.footTopSocialGroup .foot-social.yt {background: url(../img/icons/youtube.svg) no-repeat center center; width: 20px; height: 20px;}
.footTopSocialGroup .foot-social.fb {background: url(../img/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;}
.footerCR > span.copyright-text i {display: inline-block; vertical-align: middle; width: 1.15rem; height: 1.15rem; background: url('https://static5.orstatic.com/info/global/img/footer-or-logo.png') no-repeat center / contain; margin: -3px 3px 0;}
#backtopBtn {position: absolute; z-index: 1; left: 0;right: 0; margin: auto; top: calc(-20px - 1.5rem);width: 41px;height: 41px;background: url(https://www.openrice.com/info/global/img/backtopArr.png) no-repeat center center / contain; cursor: pointer;}

@media screen and (min-width: 48rem) {
	.footerWrap {padding: 1.75rem 1.5rem 1.75rem calc(30vw + 1.5rem); transition: padding .3s linear;}
  .inBookingMenuMode .footerWrap {padding: 1.75rem 1.5rem;}
}

@media only screen and (max-width: 640px) {
  .footerWrap {padding: 3rem 1rem 2rem;}
  .footTopTxt {text-align: center; margin-bottom: .5rem;}
  .footTopSocialGroup {text-align: center; margin: 1rem auto;}
  .footerCR {text-align: center;}
  .footerCR .mRowDrop {display: block;}
  #backtopBtn{width: 30px; top: calc(-20px - 2.75rem);}
}

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