/*GENERAL*/
.en,.en * {letter-spacing: 0;}
*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; }
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.fx {-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.hidden {display: none;}   
.mobile {display: none!important;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
img {max-width: 100%;display: block;}
img.ctrImg {display: block; margin: auto;}
h1 {font-weight: 800;}
h2 {font-size: 1.8em;margin-bottom: 5px;}
h3 {font-size: .9em;}
p {line-height: 1.8; font-size: 16px;}
.zh p {letter-spacing: .5px;}
small {font-size: .75rem;}
a {text-decoration: none;}
div {-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; height : calc(1em * 1.25 * 1); }
.line-clamp-2 {-webkit-line-clamp : 2; height : calc(1em * 1.25 * 2); }
.line-clamp-3 {-webkit-line-clamp : 3; height : calc(1em * 1.25 * 3); }
.line-clamp-4 {-webkit-line-clamp : 4; height : calc(1em * 1.25 * 4); }

/* End required CSS. */
.bookmarkBox { text-align: center; display: inline-block; position: absolute; right: 10px; top: 10px; z-index: 1;}
.bookmarkBox .bookmark-btn { background: url(https://static5.orstatic.com/info/Booking_Offer_Campaign/img/icon-bookmark-new.png) no-repeat left top; background-size: 100%;border: 2px solid #A4A4A4; border-radius: 50%;display:inline-block;vertical-align: middle; margin-top:-2px;margin-right:3px;}
.bookmarkBox .bookmark-btn {width: 30px; height: 31px; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
.bookmarkBox .bookmark-btn.bookmarked {background-position: left bottom; border: 2px solid #00A158;}
.bookmarkBox > small {color: #656565; font-size: 10px; display: inline-block;line-height: 1.5}

/*.bookmarkBox {text-align:center;display:inline-block}*/
/*.bookmarkBox .bookmark-btn {width:20px; height:21px; cursor:pointer; -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s}*/



.alignCtr {margin: auto; width: 90%;}
.noScroll {overflow: hidden;}
.txtCtr {text-align: center;}
#preloader {text-align: center; padding:40px 0 0; max-width: 1110px; margin: auto;}
body {margin: 0px 0px; background-color:#ececec;position: relative; height: 100%;font-family: Lato,Arial,"Noto Sans TC",'Microsoft YaHei',"Microsoft JhengHei","Source Han Sans","PingFangHK","Heiti TC",Verdana,Geneva,sans-serif;  color: #eee; }
    #bodyWrap {width: 100%; margin:auto; max-width: 768px; margin: auto; }
        #bodyContent {background-color: #fff;}
            .maxWidth {max-width: 1200px; margin: auto;}
            .maxWidth2 {max-width: 1000px; margin: auto;}
.caret {display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 4px solid;border-right: 4px solid transparent;border-left: 4px solid transparent;}
.headerWrap {background-color: #ffffff!important;}
.headerInner,.nav-trigger{position:relative}@font-face{font-family:icomoon;src:url(../fonts/icomoon.eot?ee7fk8);src:url(../fonts/icomoon.eot?ee7fk8#iefix) format('embedded-opentype'),url(../fonts/icomoon.ttf?ee7fk8) format('truetype'),url(../fonts/icomoon.woff?ee7fk8) format('woff'),url(../fonts/icomoon.svg?ee7fk8#icomoon) format('svg');font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:icomoon!important;font-style:normal;font-weight:700;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-google:before{content:"\e900"}.icon-facebook:before{content:"\ea90"}.icon-twitter:before{content:"\ea96"}.icon-youtube:before{content:"\ea9d"}.icon-instagram:before{content:"\ea92"}.icon-chevron-thin-left:before{content:"\e902"}.icon-chevron-thin-right:before{content:"\e901"}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.headerInner .li,.headerInner .li a{color:#4e3c2e;font-size:14px}* html .clearfix{zoom:1}img{max-width:100%}.globalContainer{max-width:1200px;width:100%;margin:auto;padding:8px}.mMenuLinks>a{display:inline-block;}.mMenuSocials{display:none;}.mMenuLinks>a,.mMenuSocials{padding:15px;text-align:center}.headerWrap{background-color:#fff155}.headerInner>a{float:left}.headerInner>div.headerDesktop{float:right;margin-top:8px}.headerInner .openrice-logo>img{max-width:110px;display:inline-block}.headerInner .li{font-weight:700;display:inline-block;vertical-align:middle;margin-left:25px}#mHeaderMenu{width:100%;background-color:rgba(0,0,0,.7);max-height:0;overflow:hidden;z-index:99;text-align:center;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}.burgerNav,.nav-trigger{width:40px;height:40px;float:right;cursor:pointer}.navOpened #mHeaderMenu{max-height:500px;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}.mMenuLinks{display:inline-block}.mMenuLinks>a{font-size:16px}.mMenuSocials{font-size:0}.mMenuSocials>a{font-size:16px;display:inline-block;vertical-align:baseline;margin:0 12px}.mMenuLinks>a,.mMenuSocials>a{color:#fff;font-weight:700}.headerLangBtn{float:right}.headerLangBtn a{font-size:13px;font-weight:700;color:#523f2e;display:block;margin:9px 0 0 20px;border:1px solid;padding:2px 5px 3px;line-height:1;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.burgerNav{margin:0 0 0 20px;display:inline-block}.nav-trigger{overflow:hidden;margin:0;padding:0;font-size:0}.trigger-icon,.trigger-icon:after,.trigger-icon:before{position:absolute;left:0;margin:auto;height:3px;display:block}.trigger-icon{top:0;right:10px;bottom:0;width:60%;background:#4e3c2e;-webkit-transition:background 0s .3s;transition:background 0s .3s}.navOpened .trigger-icon{background:0 0}.trigger-icon:after,.trigger-icon:before{-webkit-transition-duration:.3s,.3s;transition-duration:.3s,.3s;-webkit-transition-delay:.3s,0s;transition-delay:.3s,0s;right:0;width:100%;background-color:#4e3c2e;content:""}.trigger-icon:before{top:-8px;-webkit-transition-property:top,-webkit-transform;transition-property:top,transform}.trigger-icon:after{bottom:-8px;-webkit-transition-property:bottom,-webkit-transform;transition-property:bottom,transform}.navOpened .trigger-icon:after,.navOpened .trigger-icon:before{-webkit-transition-delay:0s,.3s;transition-delay:0s,.3s}.navOpened .trigger-icon:before{top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.navOpened .trigger-icon:after{bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}@media (max-width:640px){.headerInner>div.headerDesktop{display:none}#mHeaderMenu,.burgerNav,.mMenuLinks,.mMenuLinks>a,.mMenuSocials{display:block}.headerInner .openrice-logo>img{max-width:100px}.headerLangBtn>a{padding:3px 5px 4px}.mMenuLinks>a{border-bottom:1px solid rgba(255,255,255,.25)}}            
#headerNew > .inner { background-color: white; padding: 8px;}
#headerNew .openrice-logo > img { max-width: 310px; display: inline-block;}
#headerNew .headerDesktop { float: right;}
#headerNew .headerDesktop .li.omni img {width: 40px;}
#headerNew .headerDesktop .li { color: #4e3c2e;font-size: 12px;font-weight: 700;display: inline-block;vertical-align: middle;margin-left: 5px; position: relative;}
#headerNew .headerDesktop .li:first-child {font-size: 13px;}
#headerNew .headerDesktop .li > a , #headerNew .headerDesktop .li > div:first-child {color: #4e3c2e;font-size: 12px; border: 1px solid #4e3c2e; padding: 5px 12px; border-radius: 20px; line-height: 1;cursor: pointer;}
#headerNew .headerDesktop .li a.facebook-share {padding: 5px 6px; margin-left: 5px; border-radius: 50%; line-height: 1.2;}
  #headbarLang.open .caret, #headbarFaq.open .caret {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
  .lang-dropmenu-block, .how-dropmenu-block {opacity: 0;display: none; position: relative;background: #fff;-webkit-border-radius: 4px; border-radius: 4px;position: absolute;top: 100%;right: 0;z-index: 1000;padding: 5px 0; margin: 0;margin-top: 2px; font-size: 14px; text-align: left;-webkit-background-clip: padding-box;background-clip: padding-box; border: 1px solid #ccc;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175);}
  .lang-dropmenu-block {min-width: 80px;}
  .how-dropmenu-block {min-width: 130px}
  #headbarLang.open .lang-dropmenu-block, #headbarFaq.open .how-dropmenu-block {opacity: 1;display: block;animation: animShowLangMenu .3s;-webkit-transform: translateY(0px);transform: translateY(0px);}
  @keyframes animShowLangMenu {
    0% {opacity: 0;-webkit-transform: translateY(-10px);transform: translateY(-10px);}
    100% {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
  }
  .lang-dropmenu-block ul, .how-dropmenu-block ul {list-style: none;}
  .lang-dropmenu-block ul li a, .how-dropmenu-block ul li a {color: #8b817a; font-size: 14px; font-weight: 400; line-height: 1.5em; padding: 0.5em 12px 0.55em; display: block;
  }
.lang-dropmenu-block ul li a:hover, .how-dropmenu-block ul li a:hover{background-color: #e5e5e5;}
.lang-dropmenu-block ul li a.active span, .how-dropmenu-block ul li a.active span {font-size:15px;font-weight: 700;color:#3e75d9;}
#headerNew .burgerNav {margin-top: -9px;}

#howTo {padding: 30px 0 50px; background-color: white; }
#howTo h2 {color: #333; font-size: 17px; text-align: center; margin: 0 0 20px;}
#howTo .howToLink {display: block; color: #555; text-align: center; padding: 15px; line-height: 1; background-color: #fff;  border: 1px solid #ccc; border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px; margin-bottom: 10px; cursor: pointer;}
#howTo .howToLink:hover {background-color:#dddddd;transition: all 0.3s linear;}

/*FOOTER*/
.footerTop {background-color: #4d4d4d;font-size:.7em; padding: 10px 0 ;color:#f3dc70}
.footerBtm {background-color: #000;color: #b3b3b3;position: relative;}
#backtopBtn {position: absolute;right: 20px;top: -20px;width: 41px;height: 41px;background: url(https://www.openrice.com/info/global/img/backtopArr.png) no-repeat center center / contain;cursor: pointer;}
.footerCR {float: left;}
.footerTC {float: right; padding: 0 40px;}
.footerCR > span {font-size: 12px;display: inline-block;vertical-align: middle;}
#OR_FOOT_logo {margin-right: 5px;}
.footerTC > a {color: #fff;font-size: 12px;margin-left: 5px;display: inline-block;vertical-align: middle;}
.footerTC > span {font-size: 0.9em;}
.footerTC .footerSocials {-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background-color: #666666;font-weight: 300;padding: 7px;font-size: 14px;}
#tcBtn {padding:2px 5px;border:1px solid;border-radius: 2px;}

/*lity*/
.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#000;background:rgba(0,0,0,0.8);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}
.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;}
.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}
.lity-loading .lity-loader{opacity:1}
.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none!important}
/*.lity-container:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6)}*/
.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease; position: relative; border: 15px solid #fff;background-color: #fff;max-height: 100vh!important;}
.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}
.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:10px; top: 10px; margin:auto;background-color: #000; -webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:32px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;outline:0;-webkit-box-shadow:none;    box-shadow: 0 2px 3px rgba(0,0,0,.6); border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%; border: 2px solid #fff;}
.lity-close::-moz-focus-inner{border:0;padding:0}
.lity-image img{max-width:100%;display:block;line-height:0;border:0}
.lity-iframe .lity-container{width:100%;}
.lity-iframe-container{width:100%;height:0;padding-top:100vh;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}
.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}
.lity-hide{display:none}

@media (min-width: 769px) {
   #bodyWrap {max-width: 100%;min-width: 1024px;}
    #howTo {font-size: 0;}
    #howTo .howToLink {display: inline-block; vertical-align: top; width: 32.53%; margin: 0 .3%;font-size: 16px; background-color: #fff; border: 1px solid #ccc; color: #555; font-weight: 300;}
}
@media (max-width: 820px) {
  .footerCR, .footerTC {float: none;}
  .footerCR {margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #fff;}
  .footerTC {text-align: center;}
}
@media (max-width: 768px) {
	.desktop {display: none!important;}
  .mobile {display: block!important;}  
}

@media (max-width: 640px) {
  #headerNew .openrice-logo > img {max-width: 180px}
  #headerNew .headerDesktop {margin-top: -2px;}
  #headerNew .headerDesktop .li {font-size: 10px; margin-left: 3px;}
  #headerNew .headerDesktop .li.omni img {width: 25px;}
  #headerNew .headerDesktop .li > a, #headerNew .headerDesktop .li > div:first-child {font-size: 9px;     padding: 4px 8px;}
  #headerNew .headerDesktop .li a.facebook-share {display: inline-block; padding: 4px 5px; margin-left: 2px;}
.footerBtm {position: relative;padding-bottom: 35px;}
#backtopBtn {top: 110px;}
.footerBtm > .globalContainer {display: -moz-box;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-flow: row wrap;}
.footerCR {order: 2;border: none;margin-bottom: 0;width: 100%;}
#OR_FOOT_logo {display: none;}
.footerCR > span {font-size: 10px;display: block;margin: auto;text-align: center;}
.footerTC {order: 1;width: 100%;margin: 10px auto 20px;}
.footerTC .footerSocials {font-size: 16px;padding: 10px!important;}
.mRowDrop {display: block;}
}

@media (max-width: 480px) {
  	#howTo {padding:30px 15px 50px;}
    .footerTop {text-align: center;}
}
@media (max-width: 375px) {
	small {font-size:13px;}
}
@media (max-width: 330px) {
	.en small {font-size: 12px;}
 	#headerNew .openrice-logo > img {max-width:94px; padding-top:3px;}
     #headerNew .headerDesktop .li > a, #headerNew .headerDesktop .li > div:first-child {padding:5px 5px 5px 8px;}
   .caret {margin-left:-1px;}
}