@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: normal; 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";}

/*GENERAL*/
*, *:before, *:after {-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; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
img {max-width: 100%;}
body {font-family: Lato,Arial,'Microsoft YaHei',"Microsoft JhengHei","微軟正黑體","apple LiGothic Medium",Verdana,Geneva,sans-serif;font-weight: normal;}
a {text-decoration: none;}
.globalContainer {max-width: 1100px; width: 100%; margin: auto; padding: 8px; }

/*Header*/
.headerWrap {background-color: #fff155;}
    .headerInner {position: relative;}
    .headerInner > a {float: left;}
    .headerInner > div.headerDesktop {float: right; margin-top: 8px;}
    .headerInner .openrice-logo > img {max-width: 110px;display: inline-block;}
        .headerInner .li { 
            color: #4e3c2e; font-size: 14px; font-weight: 700; display: inline-block; vertical-align: middle;
            margin-left: 25px;
        }
            .headerInner .li a {color: #4e3c2e; font-size: 14px;}
    #mHeaderMenu {width: 100%; background-color: rgba(0,0,0,0.7); max-height: 0; overflow: hidden; z-index: 99; text-align: center; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
    .navOpened #mHeaderMenu {max-height: 500px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
        .mMenuLinks {display: inline-block;}
            .mMenuLinks > a {display: inline-block; padding: 10px 15px; text-align: center; font-size: 14px;border: 1px solid #69642b;border-radius: 30px; margin:2px;}
        .mMenuSocials {font-size: 0; text-align: center; padding: 15px; display: inline-block;}      
            .mMenuSocials > a {
                font-size: 16px;display: inline-block; vertical-align: baseline;
                margin: 0 12px;
            }  
            .mMenuLinks > a, .mMenuSocials > a {color: #ffffff;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; text-decoration: none; }
    .burgerNav {
        margin:0 0 0 20px;width: 40px;height: 40px;cursor: pointer; display: inline-block;float:right;
    }          
        .nav-trigger {position: relative;overflow: hidden;margin: 0;padding: 0;width: 40px;height: 40px; font-size: 0;cursor: pointer;float: right; }
            .trigger-icon {display: block;position: absolute;top: 0;left: 0;right: 10px;bottom: 0;margin: auto; height: 3px;width: 60%; background: #4e3c2e; -webkit-transition: background 0s .3s; transition: background 0s .3s; }
            .navOpened .trigger-icon {background: 0 0;}
                .trigger-icon:before, .trigger-icon:after {-webkit-transition-duration: .3s,.3s; transition-duration: .3s,.3s; -webkit-transition-delay: .3s,0s; transition-delay: .3s,0s; position: absolute; display: block; left: 0; right: 0; margin: auto; width: 100%; height: 3px; background-color: #4e3c2e; content: ""; display: block; }
                .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:before, .navOpened .trigger-icon:after  {-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;}
    .headerInner .openrice-logo > img {max-width: 100px;}
    #mHeaderMenu, .burgerNav {display: block;}
    .headerLangBtn {}
        .headerLangBtn > a {padding: 3px 5px 4px;}
        .mMenuLinks {display: block;}
        .mMenuLinks > a {font-size: 14px;display:block; border-top:none;border-left:none;border-right:none;border-bottom: 1px solid rgba(255, 255, 255, 0.25);border-radius: 0;}
        .mMenuSocials {display: block;}
}  

/*Footer*/
.footerWrap .footerTop {background-color: #4d4d4d; padding: 30px 0 20px;}
    .footTopCol3, .footTopCol2 {font-size: 0;display: block;}
    .footTopCol2 {margin-top: 10px;}
        .footCol {display: inline-block; vertical-align: top;}
        .footTopCol3 > .footCol {width: 33.332%; padding-left: 20px;}
        .footTopCol3 > .footCol:first-child {padding-left: 0;}
		.footerTC > span {font-size:0.9em;}
            .footCol p {color: #b3b3b3;font-size: 12px; line-height: 1.5; margin: 10px 0; letter-spacing: 1px;}
            .footTopColTitle {color: #ffd54a; font-size: 16px; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin: 0;}
            .footTopColThumb {width: 30%; padding-bottom: 19%;}
            .footTopCol2R {width: 70%; padding-left: 15px;}
                .footTopCol2R h4 {color: #fff; font-size: 14px; margin: 0 0 10px; letter-spacing: 1px;}
.footerWrap .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;}
        .footerCR > span {font-size: 12px; display: inline-block; vertical-align: middle;}
        #OR_FOOT_logo {margin-right: 5px;}
    .footerTC {float: right;}
        .footerTC > a {color: #fff; font-size: 12px; margin-left: 5px; display: inline-block; vertical-align: middle;}
        .footerTC #tcBtn {padding: 4px 7px 5px; border: 1px solid #b3b3b3; color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-right: 5px; text-align: center; }
        .footerTC .footerSocials {-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #666666; font-weight: 300; padding: 7px; font-size: 14px; }
        .en .footerTC #tcBtn {width:150px;}
        .footerSocials.icon-facebook, .footerSocials.icon-youtube, .footerSocials.icon-instagram {padding: 7px 8px;color:#ffffff;}
        .footerSocials.icon-google {padding: 7px 6px;}

@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: 640px)  {
    .footTopCol3 > .footCol {padding-left: 0;width: 100%;margin-bottom: 25px;}
    .footTopCol3 > .footCol:last-child {margin-bottom: 10px;}
    .footerWrap .footerBtm {position: relative;padding-bottom: 35px;}
        #backtopBtn {top: 110px;}
    .footerWrap .footerBtm > .globalContainer {display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-flow: row wrap; }
    .globalContainer {padding:12px;}
        #OR_FOOT_logo {display: none;}
        .footerCR {order: 2; border: none;margin-bottom: 0;width: 100%;}
            .footerCR > span {font-size: 10px; display: block;margin: auto;text-align: center;}
                .mRowDrop {display: block;}
        .footerTC {order: 1; width: 100%; margin: 10px auto 20px;}
            .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: absolute; bottom: 20px; left: 0; right: 0; margin:auto;}*/
}   
@media (min-width: 1500px) {.globalContainer {max-width: 1400px; }}