/*GENERAL*/ 
*, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }
.left { float: left; }
.right { float: right; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
:focus { outline: none; }
.hidden { display: none; }
.clickableArea {width:100vw;height: 100vh;position: absolute;z-index: 1;}
span.nobreak, i.nobreak {white-space: nowrap; }
* html .clearfix { zoom: 1; }
/* IE6 */
*:first-child + html .clearfix { zoom: 1; }
/* IE7 */
img { max-width: 100%; display: block; }
img.ctrImg { width: 100%;}
@font-face {
  font-family: 'openrice';
  src:  url('../fonts/icomoon.eot?vcyzrx');
  src:  url('../fonts/icomoon.eot?vcyzrx#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?vcyzrx') format('truetype'),
    url('../fonts/icomoon.woff?vcyzrx') format('woff'),
    url('../fonts/icomoon.svg?vcyzrx#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class*=" icon-"], [class^=icon-] {
    font-family: openrice!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-facebook:before {content: "\ea90";}
.icon-chevron-thin-left:before {content: "\e902";}
.icon-chevron-thin-right:before {content: "\e901";}

h3 { font-size: 1.6rem; line-height: 1; }
p { font-size: 1rem; line-height: 1.6; letter-spacing: 0.2px; }
a { text-decoration: none !important; }
small { font-size: 14px; line-height: 1.5; letter-spacing: .7px; }
.txtYellow {color: #ffd54a;}
.alignCtr { margin: auto; width: 90%; }
.noScroll { overflow: hidden; }
.txtCtr { text-align: center; }
.noPmargin > p { margin: 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;}
.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;}
.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); }
.line-clamp-5 {-webkit-line-clamp : 5; height : calc(1em * 1.2 * 5); }
.preloader { text-align: center; padding: 4em; }
.preloader.extended { padding: 13em 4em; }
.preloader.infoFormpreloader { display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 80px; height: 80px; }
.preloader-wrapper { display: inline-block; position: relative; width: 60px; height: 60px; -webkit-animation: container-rotate 1568ms linear infinite; animation: container-rotate 1568ms linear infinite; }
@-webkit-keyframes container-rotate { to { -webkit-transform: rotate(360deg); } }
@keyframes container-rotate { to { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
.spinner-layer { opacity: 1; -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; position: absolute; width: 100%; height: 100%; }

@-webkit-keyframes fill-unfill-rotate { 12.5% { -webkit-transform: rotate(135deg); }
  25% { -webkit-transform: rotate(270deg); }
  37.5% { -webkit-transform: rotate(405deg); }
  50% { -webkit-transform: rotate(540deg); }
  62.5% { -webkit-transform: rotate(675deg); }
  75% { -webkit-transform: rotate(810deg); }
  87.5% { -webkit-transform: rotate(945deg); }
  to { -webkit-transform: rotate(1080deg); } }

@keyframes fill-unfill-rotate { 12.5% { -webkit-transform: rotate(135deg);
    transform: rotate(135deg); }
  25% { -webkit-transform: rotate(270deg);
    transform: rotate(270deg); }
  37.5% { -webkit-transform: rotate(405deg);
    transform: rotate(405deg); }
  50% { -webkit-transform: rotate(540deg);
    transform: rotate(540deg); }
  62.5% { -webkit-transform: rotate(675deg);
    transform: rotate(675deg); }
  75% { -webkit-transform: rotate(810deg);
    transform: rotate(810deg); }
  87.5% { -webkit-transform: rotate(945deg);
    transform: rotate(945deg); }
  to { -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg); } }
#preloader {font-size: 0; padding: 0;}    
/* Slick */
/*.slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-dots { text-align: center; width: 100%; position: absolute; z-index: 1; left: 0; bottom: 15px; } .slick-dots li { display: inline-block; vertical-align: middle; } .slick-dots li button { background: #ccc; border: none; padding: 0; width: 30px; height: 3px; margin: 0 3px; font-size: 0; } .slick-dots li.slick-active button { background: #000; } */
/* 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-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);} .lity-hide{display:none!important} .linkbtn {display: inline-block;box-shadow: inset -0.5px -1.9px 5px 0 rgba(0, 1, 0, 0.35);
  background-image: linear-gradient(to top, #b5c0e7, #eeeaf3); padding: 7px 20px; color: #1a3444; text-align: center; letter-spacing: 2px; font-weight: 600; line-height: 1;}
.containerL { width: 100%; margin: auto; max-width: 1200px; }
.containerS { max-width: 850px;width: 100%; margin: auto; }
.mbo {display: none;}
#tcBtn {display: inline-block;}
.btn {padding: 0 50px; line-height: 2.3; text-align: center; letter-spacing: 1px; color: #000;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; font-size: 1.2rem; background-color: #fff; border-radius: 40px; color: #fff; font-weight: 400; margin: auto; display: block; max-width: 300px;}
.btn span {position: relative;}

.btnSR1 {padding: 0 50px; line-height: 2.3; text-align: center; letter-spacing: 1px; color: #000;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; font-size: 1.5rem; background-color: #fff; border-radius: 40px; background-color: #429446; color: #fff; font-weight: 400; margin: 20px auto; display: block; max-width: 300px;}
.btnSR1 span {position: relative;}

.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%}.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}@media (max-width:640px){.headerInner>div.headerDesktop{display:none}.headerInner .openrice-logo>img{max-width:100px}}
#headerNew {position: relative; z-index: 1;box-shadow: 0px 0px 6px 1px rgba(0,0,0,.2);}
#headerNew > .inner { background-color: #ffffff; padding: 10px; }
#headerNew .maxWidth {max-width: 1200px;margin: auto;}
#headerNew .openrice-logo > img { max-width: 110px; display: inline-block;}
#headerNew .headerDesktop { float: right; margin-top: 3px;}
#headerNew .headerDesktop .li { color: #795548;font-size: 12px;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: rgb(0, 0, 0);font-size: 12px; padding: 5px 12px; border-radius: 20px; line-height: 1;cursor: pointer; border: 1px solid #795548;}
#headerNew .headerDesktop .li > a.btn {border: 1px solid #CF9B64;}
#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; padding: 0;}
.lang-dropmenu-block ul li a, .how-dropmenu-block ul li a {color: #8b817a; font-size: 13px; 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;}

#stickyFaq {position:absolute; top:30%;right:10%;margin: auto;display: none;z-index: 100;}
#stickyFaq > div:first-child {color: #4e3c2e;font-size: 16px;background-color: #e2ceaa; border: 1px solid #4e3c2e; padding: 10px 25px; border-radius: 5px; line-height: 1;cursor: pointer;}
#stickyFaq .how-dropmenu-block {top: initial;right: initial;}
#stickyFaq.opened .how-dropmenu-block {opacity: 1;display: block;animation: animShowLangMenu .3s;-webkit-transform: translateY(0px);transform: translateY(0px);}

@media (max-width:640px) {
  #headerNew .openrice-logo > img {max-width: 90px; display: block; float: left;}
  #headerNew > .inner {padding: 10px;}
  #headerNew .headerDesktop {margin-top: 1px;}
  #headerNew .headerDesktop .li:nth-child(2) {display: none;}
}

body { margin: 0px; background-color: #fff; position: relative; height: 100%; font-family: Arial, "Noto Sans TC","Microsoft YaHei","Source Han Sans",PingFangHK,"Heiti TC",Arial,Verdana,sans-serif; color: #000; font-weight: 500;}
#bodyWrap { margin: auto; min-width: 1028px;  }
#bodyContent {overflow: hidden;}


@media only screen and (max-width: 768px) {
  #bodyWrap { margin: auto; min-width: 0;  }
}

@media only screen and (max-width: 640px) {
  p {font-size: 14px;}
  .mbo {display: block;} .dko {display: none;}
  
}

.footerWrap .footerTop {background-color: #4d4d4d; padding: 30px 15px;}
.footTopTxt {padding: 0 20px 0 0;letter-spacing: 1px;}
.footTopTxt p {border-bottom: 1px solid #ccc; font-weight: 500;padding-bottom: 8px; font-size: 18px;margin:0 0 10px;}
.footTopTxt small {color: #ccc; font-size: 13px; line-height: 1.5; display: block; letter-spacing: .8px;}
.footTopNavGroup {font-size: 0; text-align: right;}
.footerWrap .footerBtm {background-color: #000; color: #b3b3b3; position: relative; padding: 15px;}
.footerCR > span {font-size: 12px; display: inline-block; vertical-align: middle;}
  #OR_FOOT_logo {margin-right: 5px;}
.footerTC {text-align: 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;display: inline-block;}
        
@media (min-width: 769px) {
  .footTopNavGroup  {margin-top:28px;}
  .footTopNavGroup > a {margin-right: 5px;font-size: 18px; font-weight: 500;padding:20px 15px;border:1px solid;border-radius: 5px;background-color: transparent; color: #ccc; transition: all .3s;}
  .footTopNavGroup > a:hover {background-color: #7a7a7a;color:#fff;}
  .footTopNavGroup > a:nth-child(2) {background-color: #d91740; color: #ccc;}
  .footTopNavGroup > a:nth-child(2):hover { color: #fff;}
}

@media (max-width: 768px) {
  .footTopNavGroup > a.mobile {display: inline-block!important;}
  .footerWrap .footerTop, .footerWrap .footerTop .contain1200 {padding: 0;}  
  .footTopNavGroup{display: none;}      
  .footTopTxt {padding: 20px;} 
  .footTopTxt p {border:none; padding: 0;text-align: center;}
  .footTopTxt small {text-align: center;}
} 

@media (max-width: 640px) {
  .footerWrap .footerBtm {position: relative;padding-bottom: 60px;}
  #backtopBtn {top: 110px;}
  #OR_FOOT_logo {width: 15px;}
  .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; 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: absolute; bottom: 20px; left: 0; right: 0; margin:auto;}
}

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


.prizeSection {border-style: solid;border-width: 6px 0 6px 0px;border-image-source: linear-gradient(to right, #dca769, #fee8b7, #dca769);border-image-slice: 1; padding: 45px 20px;}
.result_wrapper {padding: 30px 20px; text-align: center;}
.result_wrapper #preloader {margin-top: 60px; padding-top: 100px;}
.result_wrapper .btn {padding: 0 20px; margin: 50px auto 0; border: 1px solid #f7ca88; background-color: #b28850; line-height: 3;}
.anchorNav {height: 70px;}
.anchorNav .container {-webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; top: -70px;}
.anchorNav.sticky .container {position: fixed; z-index: 5; width: 100%; max-width: 100%; left: 0; top: 0; padding: 5px; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; box-shadow: 0px 0px 6px 1px rgba(0,0,0,.2);}
.anchorNav span {display: inline-block; vertical-align: middle; position: relative; margin: 0 5px; cursor: pointer; width: 160px; height: 70px;}
.anchorNav span:before, .anchorNav span:after {content: ''; display: block; position: absolute; top:0; left: 0; width: 100%; height: 100%;}
.anchorNav span:before {z-index: 0;}
.anchorNav span:after {z-index: 1; opacity: 0; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; transition: opacity .2s;}
.anchorNav span.active:after {opacity: 1;}


@media (min-width: 769px) {
  .anchorNav span:hover:after { opacity: 1; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; transition: opacity .2s;}


}
.result_wrapper .poiList {padding-top: 100px; position: relative; margin: 60px auto 0;}
.result_wrapper .poiList:before {content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; margin: auto;}



@media (max-width: 640px) {
  .result_wrapper {padding: 30px 0 40px;}
  .anchorNav {height: 50px;}
  .anchorNav .container {font-size: 0; white-space: nowrap;overflow-y: scroll;-ms-overflow-style: none;scrollbar-width: none;}
  .anchorNav .container::-webkit-scrollbar {display: none;}
  .anchorNav span {width: 120px; height: 50px;}
  .result_wrapper .poiList {padding-top: 80px;}


}

.footerTC #tcBtn {display: none!important;}