﻿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;}
*, *: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; }
.tcBtn {padding:4px 7px 5px;border:1px solid #b3b3b3;color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;text-align:center;font-size: 12px;margin-top:10px;}
#tcBtn{display: none;}
.fx {-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.hidden {display: none;}
iframe {border: none; margin: 0;}   
* 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;}
h2 {font-size: 1.8em;margin-bottom: 5px;}
h3 {font-size: 1.25em;}
p {line-height: 1.6; font-size: 1em;}
small {font-size: .75rem; color:#000;}
a {text-decoration: none;}
.zh h1, .zh h3, .zh p, .zh a, .zh small {letter-spacing: 0.08em; }
.en *, .en {letter-spacing: 0!important;}
div {-webkit-overflow-scrolling: touch;}
.dkt {display: block;}
.dkt2 {display: inline-block;}
.mbl {display: none;}
.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.2 * 1); }
.line-clamp-2 {-webkit-line-clamp : 2; height : calc(1em * 1.2 * 2); }
.line-clamp-3 {-webkit-line-clamp : 3; height : calc(1em * 1.2 * 3); }
.line-clamp-4 {-webkit-line-clamp : 4; height : calc(1em * 1.2 * 4); }
#nav-trigger .burger-icon,#nav-trigger .burger-icon span{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-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;}
#preloaderTop {padding:40px 0 0; max-width: 1000px; margin: auto;}
.alignCtr {margin: auto; width: 90%;}
.noScroll {overflow: hidden;}
.txtCtr {text-align: center;}
.noPmargin > p {margin: 0;}
.skeleton {background-color: #e2e5e7; background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); background-size: 150px 100%; background-repeat: no-repeat; background-position: left -150px top 0; -webkit-animation: shine 3s ease infinite; animation: shine 3s ease infinite; }
@-webkit-keyframes shine {to {background-position: right -40px top 0;}}
@keyframes shine {to {background-position: right -150px top 0;}}
#preloader {text-align: center; padding:0; margin: auto; font-size: 0;}
#preloader .offerItem {min-height: 250px; margin: 0 0 1rem;}
@media (min-width:769px) {
  #preloader .offerItem {display: inline-block; vertical-align: top; width: 48%; margin: 0 1% 2rem; overflow: hidden;max-height: 100px;}
  #preloader .offerItem .inner {position: relative;top:-290px;transform: rotate(45deg);transform-origin: center;display: block;width: 1000px;height: 1000px;}
}
@media (max-width:640px) {
  #preloader .offerItem {display: inline-block; vertical-align: top; width: 100%; margin: 0 1% 2rem; overflow: hidden;max-height: 100px;}
  #preloader .offerItem .inner {position: relative;top:-290px;transform: rotate(45deg);transform-origin: center;display: block;width: 1000px;height: 1000px;}
}
span.nobreak {white-space: nowrap; }
@font-face{font-family:icomoon;src:url(https://www.openrice.com/info/global/icomoon/icomoon.eot?ee7fk8);src:url(https://www.openrice.com/info/global/icomoon/icomoon.eot?ee7fk8#iefix) format('embedded-opentype'),url(https://www.openrice.com/info/global/icomoon/icomoon.ttf?ee7fk8) format('truetype'),url(https://www.openrice.com/info/global/icomoon/icomoon.woff?ee7fk8) format('woff'),url(https://www.openrice.com/info/global/icomoon/icomoon.svg?ee7fk8#icomoon) format('svg');font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:icomoon!important;speak:none;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"}
.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;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-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;} .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%;max-width:964px} .lity-iframe-container{width:100%;height:0;padding-top:100%;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:none;} .lity-hide{display:none}

body {margin:0px;background-color:#FFF;position:relative;height:100%;min-width:1024px;font-weight:500;font-family: Arial, "Microsoft YaHei","Source Han Sans",PingFangHK,"Heiti TC",Arial,Verdana,sans-serif; color: #c59265;}
.maxWidth { max-width: 1200px;margin: auto;}

#headerNew {position: relative;z-index: 99;}
#headerNew > .inner { background-color: #fff; padding: 15px 15px; }
#headerNew .openrice-logo > img { height: 30px; display: inline-block; padding-right:5px;}
#headerNew .right { margin-top: 0px;}
#headerNew .right .li { font-size: 17px;display: inline-block;vertical-align: middle;margin-left: 5px; position: relative; color: #c59265;}
#headerNew .right .li a.faqBtn {font-size: 16px; border: 1px solid #c59265; padding: 0 10px; border-radius: 4px; line-height: 1.9;cursor: pointer; letter-spacing: .5px; color: #c59265; display: block; margin-left: .15em;}

#headbarLang {margin-left: 0.25em; }
#headbarLang .headerLangBtn {display: block;margin: 0;cursor: pointer; padding-right: 5px; font-size: .85em; line-height: 1;}
#headbarLang .headerLangBtn > span {display: inline-block; vertical-align: middle;}
#headbarLang .headerLangBtn .lang-icon {width: 23px; height: 23px; background: url(../images/lang_icon.svg) no-repeat center center; background-size: contain; margin-right: 2px;}
#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(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);}
}
#headbarLang .lang-dropmenu-block ul {min-width: 90px; background: #fff;-webkit-border-radius: 4px; border-radius: 4px;position: absolute;top: 100%;right: 0;z-index: 1000;padding: 5px 0; margin: 0;font-size: 14px; text-align: left;list-style: none;-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);}
#headbarLang .lang-dropmenu-block ul li a {color: #8b817a; font-size: 14px;font-weight: 400; line-height: 35px;padding: 0 12px;display: block;}
#headbarLang .lang-dropmenu-block ul li a:hover{background-color: #e5e5e5;}
#headbarLang .lang-dropmenu-block ul li a.active span {font-size:15px;font-weight: 700;color:#3e75d9;}

@media (min-width:1400px) { 
  #headerNew .openrice-logo > img { height: 50px;}
  #headerNew .right {margin-top: 8px;}
 }
 @media (min-width:769px) { 
  /* #headerNew .right .li a.faqBtn:hover {background-color:#ffdb35;} */

}
@media (max-width:640px) {
.dkt2 {display: none!important;}
#headerNew .openrice-logo > img { height: 28px; display: inline-block;vertical-align: text-top;}
#headerNew .headerDesktop {margin-top: 4px;}
#headerNew .headerDesktop .li > a {font-size: .7rem; padding: 3px 6px;}
#headbarLang { }
#headbarLang .headerLangBtn {font-size: .8em; padding: 0;}
#headerNew .right {margin-top: 1%;max-width: 40%;margin-right: 1%;}
#headerNew .right .li a.faqBtn {font-size: 14px; font-weight: 300;}
}

@media (max-width:320px) {
#headerNew > .inner { background-color: #fff; padding: 15px 10px; border-bottom: 1px solid #eee;}
}

.footerWrap {position: relative;}
.footerWrap .footerTop {background-color: #000; padding: 30px 10px; }
.footTopTxt {padding: 0 20px 0 0;letter-spacing: 1px; color: #fff;}
.footTopTxt h3 {font-weight: 700; font-size: 30px;margin:0 0 10px;}
.footTopTxt small {font-size: 12px; line-height: 2; display: block; letter-spacing: .8px; color: #888;}
.en .footTopTxt small {line-height: 1.5;}
.footTopNavGroup {font-size: 0; text-align: right; margin-bottom: 15px;}
.footTopNavGroup > a {margin-right: 10px;}
.footTopNavGroup .footerSocials {border-radius: 50%;background-color: #666;font-weight: 300; padding: 7px;font-size: 14px; border: none; color: #fff;}
#OR_FOOT_logo {margin-right: 5px; display: inline-block; vertical-align: middle; width: 18px;}
.copyright-text {font-size: 12px; display: inline-block; vertical-align: middle; color: #fff;}
#backtopBtn {position: absolute; left: 0; right: 0; margin: auto; top: -20px;width: 41px; height: 41px; background: url('https://static5.orstatic.com/info/global/img/backtopArr.png') no-repeat center center;background-color: #fff; cursor: pointer;z-index: 10; border: 1px solid #b7b7b7; border-radius: 50%;}
@media (min-width: 769px) {
  .footerWrap .footerTop .rs {text-align: right;}
  .footTopNavGroup {margin-top: 25px;}
  .footTopNavGroup > a {font-size: 16px; padding:6px 15px;border:1px solid #b3b3b3;background-color: transparent; color: #b3b3b3; display: inline-block; border-radius: 4px;}
  .footTopNavGroup > a:hover {background-color:rgba(255,255,255,0.2);}
}
@media screen and ( max-width:768px) {
  .footerWrap .footerTop, .footerWrap .footerTop .contain1200 {padding: 0;} 
  .footTopNavGroup{display: none;}    
  .footerTop .award-logo-white {padding-top:20px;}
  .footTopTxt {padding: 40px 30px 20px;} 
  .footTopTxt small {text-align: left;}
  .footerWrap .footerBtm {position: relative;padding-bottom: 60px;}
  #OR_FOOT_logo {width: 15px; vertical-align: top; margin-left: 30px;}
  .copyright-text {padding: 0 0 30px;}
  .footerCR {border: none;margin-bottom: 0;width: 100%; text-align: center;}
  .footerCR > span {font-size: 10px; display: inline-block; vertical-align: top; margin: auto;text-align: center;}
  .mRowDrop {display: block;}
  .footerTC { width: 100%; margin: 10px auto 20px; text-align: center;}
  .footerTC > span {display: inline-block!important;}
  .footerTC .footerSocials {font-size: 16px; padding: 10px!important;}
  .footerSocials.icon-google {padding: 10px 8px!important;}
  .footerTC #tcBtn {font-size: 10px; width: 90px; border-radius: 0px; position: relative; margin:10px auto; display: block;}
}
@media (max-width: 499px) {
  .footTopTxt h3 {text-align: center; font-size: 22px; margin-bottom: 20px;}
  .footTopTxt small {color: #ccc;}
  .copyright-text {color: #ccc; text-align: center; display: block; padding-bottom: 60px;}
  #OR_FOOT_logo {width: 26px;position: absolute;bottom: 20px;left: 0;right: 0;margin:auto;}
}


@media (min-width: 769px) {
  
  
}

@media (min-width: 1500px) {
	
}

@media screen and ( max-width:768px) {
body {min-width:0;}
.dkt {display: none;}
.mbl {display: block;}

}



