/*GENERAL*/
*, *: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!important;}   
.desktop {display: none!important;}
.mobile {display: none!important;}
@media (max-width:768px) {
  .desktop {display: none!important;}
   .mobile {display: block!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;}
h2 {font-size: 1.8em;margin-bottom: 5px;}
h3 {font-size: .9em;}
p {line-height: 1.6; font-size: 14px;}
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); }
span.nobreak {white-space: nowrap;}
.alignCtr {margin: auto; width: 90%;}
.noScroll {overflow: hidden;}
.txtCtr {text-align: center;}
.noPmargin > p {margin: 0;}

body {margin: 0px; background-color:#ececec;position: relative; height: 100%;font-family: Lato,Arial,"Noto Sans TC",'Microsoft YaHei',"Microsoft JhengHei","微軟正黑體","apple LiGothic Medium",Verdana,Geneva,sans-serif; font-weight: 600; color: #6d6d6d; min-width:1024px;}
#bodyWrap {width: 100%; margin:auto; max-width: none;min-width: 1050px; }
#bodyContent { background-color: #fff; }
.maxWidth {max-width: 1200px; margin: auto;}
@media (max-width: 768px) {
  body {min-width:0;}
	#bodyWrap {max-width: 768px; min-width: 0;}
}


/*HEADER*/
.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;}
.headerInner{position:relative}@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"}*,: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:1000px;width:100%;margin:auto;padding:8px}.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}@media (max-width:640px){.headerInner>div.headerDesktop{display:none}#mHeaderMenu,.burgerNav,.mMenuLinks,.mMenuLinks>a,.mMenuSocials{display:block}.headerInner .openrice-logo>img{max-width:100px}.mMenuLinks>a{border-bottom:1px solid rgba(255,255,255,.25)}}
#headerNew > .inner { background-color: white; padding: 15px; border-bottom: 1px solid #eee;}
#headerNew .maxWidth {max-width: 1000px;margin: auto;}
#headerNew .openrice-logo > img { height: 30px; display: inline-block;}
#headerNew .headerDesktop { float: right; margin-top: 4px;}
#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;}
#headbarFaq.open .caret, #headbarLang.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: 7px; 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}
#headbarFaq.open .how-dropmenu-block, #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);}
}
.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;}

@media screen and ( max-width:768px) {
  #headerNew .headerDesktop .li:last-child {display: none;margin-top: 0px;}
  #headerNew .headerDesktop  {margin-top: 0px;}
}
@media (max-width:640px) {
  #headerNew .openrice-logo > img { height: 22px; display: inline-block;}
}
@media (max-width:320px) {
  #headerNew > .inner { background-color: white; padding: 15px 4px; border-bottom: 1px solid #eee;}
}