/*GENERAL*/
 @import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');
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; 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; -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; }
@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";}
h1 {font-size: 2.9em; line-height: 1.2;}
h3 { font-size: 1.6rem; line-height: 1.3; }
h4 { font-size: 1.4rem; line-height: 1.3; }
p { font-size: 1rem; line-height: 1.6; }
a { text-decoration: none !important; }
.zh h1, .zh h3, .zh p, .zh a, .zh small {letter-spacing: .5px; }
small { font-size: 14px; line-height: 1.5; }
.txtYellow {color: #ffd54a;}
.alignCtr { margin: auto; width: 90%; }
.noScroll { overflow: hidden; }
.txtCtr { text-align: center; }
.noPmargin > p { margin: 0; }
.fx {-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.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;}
.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;color:#e2e5e7;}
#preloader {font-size: 0; padding: 0; text-align: center;color:#e2e5e7;}    
#preloader *, .preloader * {color: inherit;}
#preloader *:before {background-color: #e2e5e7; }
.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 { width: 100%; margin: auto; max-width: 1000px; }
.mbo {display: none;}
#tcBtn {display: inline-block;}

/* skeleton */
.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: 40px 100%; background-repeat: no-repeat; background-position: left -40px top 0; -webkit-animation: shine 1s ease infinite; animation: shine 1s ease infinite; }

@-webkit-keyframes shine {
  to {
    background-position: right -40px top 0;
  }
}

@keyframes shine {
  to {
    background-position: right -40px top 0;
  }
}

.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}.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: 100;box-shadow: 0px 0px 6px 1px rgba(0,0,0,.2);}
#headerNew > .inner { background-color: #fff; padding: 10px 4%; }
#headerNew .maxWidth {max-width: 1200px;margin: auto;}
#headerNew .openrice-logo > img { max-width: 110px; display: inline-block;}
#headerNew .headerDesktop { float: right; margin-top: 6px;}
#headerNew .headerDesktop .li { color: #fff;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: #8b5123;font-size: 17px; display: inline-block; line-height: 1;cursor: pointer; font-weight: 600; margin: 0 10px; letter-spacing: 1px; -moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#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;}

#headerNew2 {background: #fff;}
#headerNew2 .inner {padding: 15px 10px;position: relative;z-index: 99;}
#headerNew2 .inner .openrice-logo {display: block; max-width: 110px; margin: auto;}
#headerNew2 .inner .headerDesktop {}

#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;}

@media (min-width: 769px) {
  #headerNew .headerDesktop .li > a:hover {color: #dc0000;}
  #headerNew2 {-ms-overflow-style: none; scrollbar-width: none;overflow-y: scroll; min-width: 264px; width: 22%; height: 100vh; background: rgb(224,139,117);background: linear-gradient(180deg, rgba(224,139,117,1) 0%, rgba(215,104,79,1) 20%, rgba(194,43,41,1) 90%); position: fixed; top: 0; left: 0; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -ms-flex-flow: column nowrap;-webkit-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-justify-content: space-between;justify-content: space-between;}
  #headerNew2::-webkit-scrollbar {display: none;}
  #headerNew2:after {content: ''; display: block; width: 100%; bottom: 0; left: 0; padding-bottom: 59%; background: url(../images/menu-graphic.png) no-repeat center center; background-size: cover;}
  #headerNew2 .inner {padding: 0;}
  #headerNew2 .inner .headerDesktop .menuKv {background: url(../images/main-TT.png) no-repeat center center; background-size: contain; padding-bottom: 60%; margin: 20px auto 40px; max-width: 90%; display: block;}
  #headerNew2 .inner .headerDesktop .li {max-width: 270px; margin: auto;padding:0 0.5rem;}
  #headerNew2 a.bu-link {display: block; font-weight: 600; font-size: 21px; letter-spacing: 5px; margin: 15px 0; line-height: 50px; color: #fff; position: relative; padding-left: 80px; border-radius: 20px;}
  #headerNew2 a.bu-link:before {content: ''; display: block; width: 35px; height: 35px; border-radius: 50%; border: 1px solid #fff; position: absolute; left: 25px; top: 0; bottom: 0; margin: auto;}
  #headerNew2 a.bu-link.active {border: 1px solid #fff; color: #fff;}
  #headerNew2 a.bu-link.active:before {background: url(../images/menu-dollar.png) no-repeat center 50%; background-size: 70%; background-color: rgba(0, 0, 0, 0.3); border-color: rgba(0, 0, 0, 0.0);}
}

@media (min-width: 1500px) {
  #headerNew2 .inner .headerDesktop .menuKv {margin: 0px auto 40px;}
  #headerNew2 a.bu-link {font-size:23px; }
  #headerNew2 .inner .headerDesktop .li {padding: 0;}
}

@media (min-width: 1599px) {
  .containerL, .containerS {max-width: 1600px;}
}

@media (max-width:768px) {
  #headerNew2 {position: fixed; top: 0; left: 0; width: 100%; z-index: 100;}
  .noScroll #headerNew2 {z-index: 1000;}
  #headerNew2.is-scrolled {top: -60px; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; }
  #headerNew2.is-scrollup {top: 0; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; box-shadow: 0px 0px 6px 1px rgba(0,0,0,.2);}
  #headerNew2 .inner .openrice-logo {max-width: 90px; }
}

@media (max-width:640px) {
  #headerNew .openrice-logo > img {max-width: 90px; display: block; float: left;}
  #headerNew > .inner {padding: 15px 10px;}
  #headerNew .headerDesktop {margin-top: 1px;}
}
@media screen and (min-width: 769px) and (max-height: 769px) {
  #headerNew2 .inner .headerDesktop .menuKv {margin: 0 auto 25px;}
}
/* Laptop view */
@media screen and (min-width: 1024px) and (max-height: 650px) {
  #headerNew2 .inner .headerDesktop .menuKv {margin: 0 auto 25px;}
  
}
@media screen and (min-width: 1500px) and (max-height: 910px) {
  #headerNew2 .inner .headerDesktop .menuKv {margin: 0 auto 25px;}
 
}



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

@media only screen and (max-width: 768px) {
  #bodyWrap { margin: auto; min-width: 0;  }
  p {font-size: 18px;}
  .mbo {display: block;} .dko {display: none!important;}
  .grid-button {padding: 7px; position: absolute; z-index: 1000; right: 10px; top: 10px; border-radius: 50%; background: #fff;}
  .grid-button .grid {position: relative;display: block; width: 22px; height: 20px; cursor: pointer; margin: 0 auto; float: none; -webkit-transition: all 0.3s; transition: all 0.3s; }
  .grid-button .grid > span {position: absolute; top: calc(50% - 1px); display: block; width: 100%; height: 3px; background-color: #C3010A; }
  .grid-button .grid > span:before,
  .grid-button .grid > span:after {content: ""; position: absolute; width: 100%; height: 100%; background-color: #C3010A;  -webkit-transition: all 0.3s; transition: all 0.3s; }
  .grid-button .grid > span:before {-webkit-transform: translateY(-7px); transform: translateY(-7px); }
  .grid-button .grid > span:after {-webkit-transform: translateY(7px); transform: translateY(7px); }
  .grid-button .grid.open > span, .grid-button .grid.open > span:before, .grid-button .grid.open > span:after {background-color: #C3010A;}
  .grid-button .grid.open {-webkit-transform: rotate(45deg); transform: rotate(45deg); }
  .grid-button .grid.open > span:before {-webkit-transform: rotate(90deg); transform: rotate(90deg); }
  .grid-button .grid.open > span:after {-webkit-transform: rotate(90deg); transform: rotate(90deg); }
  #headmenus {opacity: 1;visibility: visible;width: calc(100% - 50px);height: 100%;position: fixed;top: 0;left: 100%;z-index: 1000;background:url(../images/bg-deepred.jpg);-webkit-transition: all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
  #headmenus.navOpened {left: 55px;box-shadow: -4px 0px 4px rgba(0,0,0,0.15);}
  #headmenus > .wrap {overflow-y: scroll; padding: 60px 0 0; text-align: left; height: 100%;}
  #headmenus > .wrap .mmenuKv {background: url(../images/KV-menu.png) no-repeat center center; background-size: cover; padding-bottom: 44%; margin-bottom: 30px;}
  #headmenus > .wrap > a {display: block; font-weight: 600; font-size: 24px; letter-spacing: 5px; margin: 10px 30px; line-height: 50px; color: #fff; position: relative; padding-left: 80px; border-radius: 20px;}
  #headmenus > .wrap > a:before {content: ''; display: block; width: 35px; height: 35px; border-radius: 50%; border: 1px solid #fff; position: absolute; left: 25px; top: 0; bottom: 0; margin: auto;}
  #headmenus > .wrap > a.active {border: 1px solid #fff; color: #fff;}
  #headmenus > .wrap > a.active:before {background: url(../images/menu-dollar.png) no-repeat center 50%; background-size: 70%; background-color: rgba(0, 0, 0, 0.3); border-color: rgba(0, 0, 0, 0.0);}
}

@media only screen and (max-width: 340px) {
  #headmenus > .wrap > a {font-size: 20px; letter-spacing: 3px; margin: 5px 20px; padding-left: 70px;}
}
footer .contain1200 {max-width: 1200px;margin: auto;}
.footerWrap .footerTop {background-color: #000; padding: 30px 4%;}
.buPage .footerWrap .footerTop {padding: 30px;}
.footTopTxt {color: #fff;}
.footTopTxt p {font-weight: 600; margin-bottom: 5px; font-size: 1.1rem;}
.footTopTxt small {font-size: 0.8rem;}
.footTopSocialGroup {text-align: right;}
.footTopSocialGroup .foot-social {display: inline-block; vertical-align: middle; margin: 0 5px; }
.footTopSocialGroup .foot-social.ig {background: url(../images/instagram.svg) no-repeat center center; width: 20px; height: 20px;}
.footTopSocialGroup .foot-social.yt {background: url(../images/youtube.svg) no-repeat center center; width: 20px; height: 20px;}
.footTopSocialGroup .foot-social.fb {background: url(../images/facebook.svg) no-repeat center center; width: 20px; height: 20px;}
.footTopSocialGroup .foot-social.mw {background: url(../images/mewe.svg) no-repeat center center; width: 35px; height: 35px;}
.footerCR {color: #fff; margin-top: 5px; text-align: right;}
.footerCR > span {display: inline-block; vertical-align: middle;}
.footerCR > span.copyright-text {font-size: .7rem; margin-left: 5px;}
#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;}
@media only screen and (min-width: 1500px) {
	footer .contain1200 {max-width:80rem;}
}
@media only screen and (min-width: 769px) {
  .buPage footer {position: absolute; bottom: 0;width: 100%;}
}
@media only screen and (max-width: 640px) {
  .footTopSocialGroup {text-align: center; margin-top: 20px;}
  .footerCR {text-align: center;}
  .footerCR > span#OR_FOOT_logo {max-width: 15px; vertical-align: top;}
  .footerCR .mRowDrop {display: block;}
}
@media (max-width: 360px) {.footerCR > span {font-size: 9px;}}

.buPage #bodyContent {background-color: #fefbe8; }


@media (min-width: 769px) {
  .buPage #bodyWrap {font-size: 0;}
  /*.buPage #bodyWrap {font-size: 0; min-width: 936px;width: 78vw;left: 22%;}*/
  .buPage #bodyWrap:before {content: "";display: inline-block;width: 22%;min-width: 264px;height: 100vh;position: relative;}
  .buPage #bodyContent {min-height: 100vh;padding: 90px 0 135px;display: inline-block;position: relative;}
  .result_wrapper {padding: 0 0 50px;}
  .result-container {padding: 0 30px; margin-top: 60px;}
}
@media (min-width: 1201px) {
  .buPage #bodyContent {width: 77.98%}
}

@media (max-width: 1200px) {
  .buPage #bodyContent {width: calc(100% - 264px);}
}
@media (max-width: 768px) {
  .buPage #bodyWrap {padding-top: 55px;}
  .buPage #bodyContent {padding: 30px 0 0;width: 100%;}
}

.anchorNav {height: 50px; margin: 50px auto;text-align: center;}
.anchorNav .container {-webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; top: -70px; text-align: center; font-size: 0;}
.anchorNav.sticky .container {position: fixed; z-index: 5; width: 100%; max-width: 100%; right: 0; top: 0; padding: 5px; -webkit-transition: all .1s; -moz-transition: all .1s; transition: all .1s; box-shadow: 0px 0px 6px 1px rgba(0,0,0,.2); background: rgba(255, 255, 255, 0.9)}
.anchorNav .filterBtn, .anchorNav .allBtn {display: inline-block; vertical-align: middle; position: relative; margin: 0 8px; cursor: pointer; font-size: 1.35rem; color: #000; border-radius: 5px; letter-spacing: 1px; font-weight: 600; padding: 0.3em 5%; line-height: 2.3;}
.anchorNav .filterBtn {color: #d68351; border: 1px solid;}
.anchorNav .filterBtn.active {background-color: #d68351; color: #fff;}
.anchorNav .allBtn {background-color:#bc4c04;color:#fff;}
.catListTTImg {margin: 0 auto 50px; background: url(../images/TT-image.png) no-repeat top center; background-size: contain; width: 580px; height: 105px; text-align: center; position: relative;}
.catListTTImg span {color: #fff; font-size: 2.2rem; font-weight: 600; position: absolute; top: 32%; left: 0; right: 0; letter-spacing: 2px;}
@media (min-width: 1201px) {
  .anchorNav.sticky .container {width: 78%;}
}
@media (max-width: 1200px) {
  .anchorNav.sticky .container {width: calc(100% - 264px);}
}
@media (max-width: 768px) {
  .anchorNav {height: 45px; margin: 40px auto;}
  .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.sticky .container {width:100%;}
  .anchorNav .filterBtn, .anchorNav .allBtn {font-size: 1rem; margin: 0 3px; line-height: 33px;padding:0 2.5% ;}
  .catListTTImg {width: 100%; height: 80px; margin: 0 auto 20px;}
  .catListTTImg span {font-size: 1.5rem;}
}

@media (max-width: 420px) {
  /* .catListTTImg {width: 300px; height: 60px;} */
  .catListTTImg span {font-size: 1.7rem; top: 25%;}
}
@media (max-width: 375px) {
  .catListTTImg span {font-size: 1.6rem; top: 21%;}
}
@media (max-width: 320px) {
  .catListTTImg span {font-size: 1.25rem; top: 20%;}
}


.subcatWrap {margin: 0px auto 50px;}
.subcatWrap .holder {}
.subcatWrap .holder > .filterBtn {display: inline-block;vertical-align: middle;position: relative;margin: 0 8px;cursor: pointer;font-size: 1.3rem;color: #ed5e58;border-radius: 5px;letter-spacing: 1px;font-weight: 600;padding: 0.3em 3%;line-height: 2;border: 1px solid;}
.subcatWrap .holder > .filterBtn.active {background-color: #ed5e58; color: #fff; border-color: #ed5e58;}
@media (min-width: 769px) {
  .subcatWrap .holder > .filterBtn {min-width: 140px;}
}
@media (max-width: 768px) {
  .subcatWrap {margin-bottom: 30px;}
  .subcatWrap .holder > .filterBtn {font-size: 1.15rem; margin: 0 3px; line-height: 33px;padding:0 2.5% ;}
}

.banner {margin: 40px auto; font-size: 0; box-sizing: content-box; border: 1px solid #e1dee7; border-radius: 10px; overflow: hidden; background-color: #fff; /*max-width: 950px;*/}
.banner .info {padding: 20px;}
.banner .info .bannerTT {font-size: 1.75rem; color: #403030; font-weight: 800; letter-spacing: 1px; margin-bottom: .5rem;}
.banner .info .bannerTTImg {margin-bottom: 10px;}
.banner .info .bannerTT i {display: inline-block; vertical-align: bottom; width: 35px; height: 35px; margin-right: 5px;}
.banner .info h3 {font-size: 1.5rem; color: #403030; line-height: 1.5; margin-bottom: 15px; font-weight: 600; letter-spacing: 1px; margin: 0;}
.banner .info .offerTT {font-size: 1.75rem; border-radius: 4px; display: inline-block; line-height: 1.4; padding: 0 10px; color: #403030; background-color: #fde0e5; font-weight: 800; letter-spacing: 1px; margin: 8px auto 10px;}
.column2 .banner .info .offerTT {font-size: 1.25rem;}
.banner .info .offerTT2 {font-size: 2.5rem; border-radius: 4px; display: inline-block; line-height: 1.4; padding: 0 10px; color: #403030; background-color: #fde0e5; font-weight: 800; letter-spacing: 1px; margin: 10px 10px 10px;}
.banner .info .offerTT .small {position: relative; top: -0.15em; padding-right: 0.1em; }
.banner .info .offerTT .big {font-size: 1.5em;}
.banner .info .code {font-size: 1.5rem; color: #403030; line-height: 1.5; margin-bottom: 15px; font-weight: 600; }
.banner .info .code2 {font-size: 1.6rem; color: #403030; margin-bottom: 5px; font-weight: 600; padding-left: 10px; margin-top: 5px;}
.banner .info .code3 {font-size: 1.35rem; color: #403030; margin-bottom: 5px; font-weight: 800;}
.banner .info .code .hl {background-color: #403030; color: #fff; border-radius: 4px; line-height: 1.5; padding: 0 8px; display: inline-block; vertical-align: middle; font-size: .95em; margin-top: -2px;}
.banner .info .code .h2 {background-color: #403030; color: #fff; border-radius: 4px; line-height: 1.5; padding: 0 8px; display: inline-block; vertical-align: middle; font-size: .95em; margin-top: -2px; margin-left: 10px;}
.banner .info .date {color: #777; font-size: 1rem; display: block;padding-left: 10px;}
.banner .info .tncBtn {margin-top: 0.5em; color: #777; font-size: .7rem; display: inline-block; border: 1px solid; border-radius: 3px; padding: 0 15px; line-height: 2.2;}
.banner .info .btn {color: #e80025; font-size: 1.25rem; border:1px solid #e80025; margin-top: 20px; margin-left:10px; border-radius: 5px; padding: 0 15px; display: inline-block; line-height: 2.2; letter-spacing: 1px;}
.banner .info .note {color: #777; font-size: .85rem; display: block;}
.banner .img {position: relative;}
.column2 .banner .img {height: auto; padding-bottom: 55%;}
.banner .img .note {position: absolute; color: #fff; bottom: 10px; right: 10px; font-size: .75rem; text-shadow: 0px 0px 3px rgba(0,0,0,0.6);}


@media (min-width: 641px) {
  #banners.column2 {max-width: 920px;margin: 40px auto 0;padding: 0 20px;font-size: 0;}
  .banner {position: relative;}
  .column1 .banner {max-width: 800px;}
  .banner .info {padding: 25px 30px 25px 50px;}
  .column1 .banner .info {width: 49%; padding: 25px 20px;}
  .banner .img {position: absolute; right: 0; top: 0; height: 100%;}
  .column1 .banner .img {width: 51%;}
  .column2 .banner .img {width: 100%; position: relative;} 
  .column2 .banner .info {width: 90%; margin: auto; padding: 15px 0px; text-align: center;}
  .column2 .banner .info .bannerTT {font-size: 1.15rem;}
}

@media (min-width: 769px) {
  #banners {padding: 0 15px;}
}

@media (min-width: 1000px) {
  .column2 .banner {height: 100%; max-width: 96%; margin: auto;}
  .column2 .banner .info .bannerTT {font-size: 1.3rem;}
}

@media (max-width: 640px) {
  .banner {margin: 20px auto; max-width: calc(100% - 20px); position: relative;}
  .column2 .banner {margin: 20px auto 0;}
  .banner .img {padding-bottom: 57%; width: 100%;}
  .banner .info {padding: 15px 15px 30px;}
  .banner .info .bannerTT, .banner .info .offerTT2 {font-size: 1.3rem;}
  .banner .info .bannerTT i {width: 30px; height: 25px;}
  .banner .info .offerTT {font-size: 1.4rem;}
  .banner .info .code {font-size: 1.2rem;}
  .banner .info .code2 {font-size: 1.5rem; color: #403030; margin-bottom: 5px; font-weight: 600; padding-left: 10px; margin-top: 10px;}
  .banner .info .date {font-size: .8rem;}
  .banner .info .tncBtn {font-size: .65rem; line-height: 1.8; padding: 0 10px;}
  .banner .info .btn {font-size: 1rem; margin-top: 15px;}
}
@media (max-width: 320px) {
  .banner .info .bannerTT, .banner .info .offerTT2 {font-size: 1.2rem;}
}
.poiList {margin: auto; font-size: 0; text-align: center; display: none;}
.poiList.active {display: block;}
.offerItem {box-shadow: 0px 1px 2px #ddd; position: relative; text-align: left; background-color: #fff;}
@media (min-width: 769px) {
  #specialPage .pageTT img {max-width: 600px;}
  #bookingPage .pageTT img {max-width: 270px;}
  #voucherPage .pageTT img {max-width: 330px;}
  #tasPage .pageTT img {max-width: 390px;}
  #payPage .pageTT img {max-width: 260px;}
  .poiList {padding: 0;}
  .offerItem {width: 32%; display: inline-block; vertical-align: top; margin: 0 5px 15px; padding: 0 0 90px; max-width: 330px}
}

@media (max-width: 768px) {
  .pageTT {margin: auto;}
  #specialPage .pageTT {max-width: 320px; margin-bottom: 30px;}
  #bookingPage .pageTT {max-width: 200px; }
  #voucherPage .pageTT {max-width: 210px; }
  #tasPage .pageTT {max-width: 220px; }
  #payPage .pageTT {max-width: 200px; }
  .result-container {padding: 0 10px 20px;}
}