/*GENERAL*/*,*:before,*:after {-webkit-box-sizing:border-box;-moz-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;}
* html .clearfix {zoom:1;}
/* IE6 */*:first-child+html .clearfix {zoom:1;}
/* IE7 */img {max-width:100%;}
body,html{width:100%;height:100%;margin:0;padding:0;}
p {margin: 0;}
a {text-decoration:none;}
.mbl {display: none;}
.noScroll {overflow:hidden;}
.zh p, .zh a, .zh small, .zh h1, .zh h2, .zh h3 {letter-spacing: 1px;}
.en p, .en a, .en small, .en h1, .en h2, .en h3, .en {letter-spacing: 0px!important;}
.ls0 {letter-spacing: 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;}
/*Flex grid */
.row {display:flex;flex-direction:row;flex-wrap:wrap;}
.col {flex:1 1 8%;box-sizing:border-box;}
.row .row,.row.nested {flex:1 1 auto;}
.row.center {justify-content:center;}
.center .col {flex-grow:0;flex-shrink:0;}
/* columns widths */
[class*="col-"]{height: auto; float: left; width: 100%; box-sizing: border-box; padding:3%; }
.col-span-1 {flex-basis:8.3333%;}
.col-span-2 {flex-basis:16.6666%;}
.col-span-3 {flex-basis:25%;}
.col-span-4 {flex-basis:33.3333%;}
.col-span-5 {flex-basis:41.6666%;}
.col-span-6 {flex-basis:50%;}
.col-span-7 {flex-basis:58.3333%;}
.col-span-8 {flex-basis:66.6666%;}
.col-span-9 {flex-basis:75%;}
.col-span-10 {flex-basis:83.3333%;}
.col-span-11 {flex-basis:91.6666%;}
.col-span-12 {flex-basis:100%;}
.row .row {margin-left: 0; margin-right: 0;}
.container {margin:auto;max-width: 1200px;}
span.nobreak, i.nobreak {white-space: nowrap; }
.fixed-width {flex:0 0 32.45%;}
#tcBtn {display: inline-block!important;}
img.ctrImg {display:block; margin: auto;}
@media all and (max-width:640px) {
.col-span-6,.col-span-7,.col-span-8,.col-span-9,.col-span-10,.col-span-11,.fixed-width {flex-basis:100%;}
.nested .col {flex-basis:100%;}
}
.lity {z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap; ;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; background-color: rgba(70, 50, 40, 0.8);; 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;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-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:100%} .lity-iframe-container {width:100%;height:100vh;padding-top:0%;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%;} .lity-hide {display:none} .lity-active body {overflow: hidden;}
.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;}

.zh .itemBtm .poiName {font-size: 1.3rem;}
.swiper-button-disabled {display: none;}
 /* AOS Custom animation*/
[data-aos="fadein-down"] {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
}
[data-aos="fadein-down"].aos-animate {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

/* ### 主架構 ### */
body {margin:0px;font-family:"Noto Sans TC",'Microsoft YaHei',"Microsoft JhengHei","Source Han Sans","PingFangHK","Heiti TC",Verdana,Geneva,sans-serif!important;background-color:#FFF;position:relative;min-width:1024px;padding-top: 52px; color: #4e3d2e;}


/*HEADER*/
#headerNew {position: fixed; width: 100%; top: 0; left: 0; z-index: 10;}
#headerNew.is-scrolled {box-shadow: 0px 0px 2px 0px rgba(0,0,0,.6);}
.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.headerRight{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.headerRight{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: #fff; padding: 10px;}
#headerNew .maxWidth {max-width: 1200px;margin: auto; position: relative;}
#headerNew .openrice-logo { max-width: 230px; display: inline-block;vertical-align: middle;}
#headerNew .openrice-logo > img { display: block;}
#headerNew #headmenus {position: absolute; left: 0; right: 0; top: 8px; margin: auto; max-width: 500px; opacity: 0; visibility: hidden; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear;}
.en #headerNew #headmenus {top: 0;}
#headerNew.is-scrolled #headmenus {opacity: 1; visibility: visible;}
#headerNew #headmenus .wrap {text-align: center;}
#headerNew #headmenus .wrap a.anc {color: #4e3c2e; display: inline-block; vertical-align: middle; letter-spacing: 1px; padding: 2px 20px; border-left: 1px solid #4e3c2e; line-height: 1; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; position: relative;}
#headerNew #headmenus .wrap .menuSR1 {display: none!important;}
#headerNew #headmenus .wrap a.anc:nth-child(2) {border: none;}
#headerNew #headmenus .wrap a.anc.active {color: #FD3C0B;}
#headerNew #headmenus .wrap a.anc:after {content: ''; display: block; position: absolute; bottom: -4px; left: 0; right: 0; margin: auto; height: 3px; background-color: #FD3C0B; width: 0;-webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear;}
#headerNew #headmenus .wrap a.anc.active:after {width: calc(100% - 40px);}
#headerNew .headerRight { }
#headerNew .headerRight .li { color: #4e3c2e;font-size: 12px;font-weight: 500;display: inline-block;vertical-align: middle;margin-left: 5px; position: relative;}
#headerNew .headerRight .li > a , #headerNew .headerRight .li > div:first-child {color: #4e3c2e;font-size: 1.3em; border: 1px solid #4e3c2e; padding: 5px 12px; border-radius: 20px; line-height: 1.5;cursor: pointer;}
#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; margin: 0;}
.lang-dropmenu-block ul li {}
.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;}
#headerNew .headerRight .li > #headbarSR1 {background-color:#fe3c0a;color:#ffffff;border: none;}

@media (max-width:768px) {
  body {min-width:0; padding-top: 45px;}
  #headerNew .headerRight {float: none;}
  #headerNew .headerRight .li {display: block; margin-left: 0; font-size: 11px;}
  #headerNew .headerRight .li > a , #headerNew .headerRight .li > div:first-child {text-align: center; margin-top: 10px;}
}

.rdt {background: linear-gradient(to top, #ff9900 0%, #f10091 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent; font-weight: 800;}
#riceDlogin {}
#loginButton{font-size:1.25em;display:block;font-weight:400;cursor:pointer;color:#000;text-align:center;border-radius:.15em;padding:0 1em;line-height:2;border:1px solid #000}
#headerNew .headerRight .li > #myricedollar {padding: 0; border: none; margin-right: 4px; text-align: left; display: none;}
#headerNew .headerRight .li > #myricedollar > span {font-weight: 400; letter-spacing: 0; display: inline-block; vertical-align: middle;}
#headerNew .headerRight .li > #myricedollar .rdt {font-weight: 600;}
#headerNew .headerRight .li > #myricedollar .rdi {background: url(../images/revamp/Rice$.png) no-repeat center center; background-size: contain; width: 25px; height: 20px; display: inline-block; vertical-align: middle; margin-right: -2px;}
#headerNew .headerRight .li > #myricedollar .dollar-point {font-weight: 600; font-size: 1.3em; display: inline-block; line-height: 1;}
#headerNew .headerRight .li > #myricedollar .dollar-point small {font-weight: 300; font-size: .6em; letter-spacing: -.25px; line-height: 1; margin-left: -2px; margin-top: -2px;}
@media (max-width:768px) {
  #headerNew .headerRight .li > #myricedollar {font-size: 14px; text-align: left; line-height: 1; margin-top: 5px;}
  #headerNew .headerRight .li > #myricedollar > span {margin-top: 0;}
  #headerNew .headerRight .li > #myricedollar .rdi {}
  #headerNew .headerRight .li > #myricedollar .dollar-point {line-height: 1; position: relative;}
  #loginButton {position: absolute;right: 2.5rem;bottom: 100%;font-size: 1.1em;transform: translateY(1px);}
}
@media (max-width:340px) {
  #headerNew .headerRight .li > #myricedollar {font-size: 12px;}
}


#KV {position: relative; z-index: 0; padding-bottom: 1.75em;} 
#KV img {width: 100%;}
#KV .swiper-pagination {bottom: 0;}
#KV .swiper-pagination-bullet {background: none; border: 1px solid #fe3c0a; opacity: 1; width: 10px; height: 10px;}
#KV .swiper-pagination-bullet-active {background: #fe3c0a;}

@media only screen and (max-width: 768px) {
  #KV {padding-bottom: 2em; /*margin-top:10px;*/}
}


@media (max-width:768px) {
	body, p {font-size: 14px;}
  body > #wrap, #headerNew , .menu-overlay {-webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear;}
  body.navOpened > #wrap {transform: translateX(-70vw);}
  body.navOpened #headerNew {left: -70vw;}
  .menu-overlay {position: fixed; top: 0; left: 0; z-index: -10; width: 100%; height: 100%; opacity: 0; background: rgba(0,0,0,.6);}
  body.navOpened .menu-overlay {left: -70vw; z-index: 100; opacity: 1;}
  #headerNew > .inner {padding: 10px 15px;}
  #headerNew .openrice-logo {max-width: 180px;}
  #headerNew .headerRight .dko {display: none;}
  #headerNew .grid-button {position: absolute; top: 0; right: 0;}
  #headerNew .grid-button .grid {position: relative;display: block; width: 27px; height: 25px; cursor: pointer; margin: 0 auto; float: none; -webkit-transition: all 0.3s; transition: all 0.3s; }
  #headerNew .grid-button .grid > span {position: absolute; top: 50%; display: block; width: 100%; height: 3px; background-color: #000; }
  #headerNew .grid-button .grid > span:before,
  #headerNew .grid-button .grid > span:after {content: ""; position: absolute; width: 100%; height: 100%; background-color: #000;  -webkit-transition: all 0.3s; transition: all 0.3s; }
  #headerNew .grid-button .grid > span:before {-webkit-transform: translateY(-9px); transform: translateY(-9px); }
  #headerNew .grid-button .grid > span:after {-webkit-transform: translateY(9px); transform: translateY(9px); }
  #headerNew #headmenus {opacity: 1; visibility: visible; position: fixed; z-index: 200; width: 70vw; height: 100vh; top: 0; right: -170vw; background-color: #fff; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear;}
  body.navOpened #headerNew #headmenus {right: -30vw;}
  #headerNew #headmenus .wrap {}
  #headerNew #headmenus .wrap .mmtop {background-color: #FFD400; padding: 20px 20px 40px; margin-bottom: 30px; position: relative;}
  #headerNew #headmenus .wrap .mmtop > div.closebtn {background: url(https://www.openrice.com/info/orpay/images/expandbox-close.gif) no-repeat center center; background-size: contain; width: 25px; height: 25px; position: absolute; left: 20px; top: 15px;}
  #headerNew #headmenus .wrap .mmtop > div.langbtns {text-align: right; font-size: 0; margin-bottom: 30px;}
  #headerNew #headmenus .wrap .mmtop > div.langbtns a {color: #4e3c2e; display: inline-block; vertical-align: middle; padding: 0 10px; line-height: 1; font-size: 15px;}
  #headerNew #headmenus .wrap .mmtop > div.langbtns a:last-child {border-left: 1px solid #4e3c2e; padding-right: 0;}
  #headerNew #headmenus .wrap .mmtop:after {content: ''; display: block; background: url(https://www.openrice.com/info/orpay/images/tc/menu_title_m.png) no-repeat center center; background-size: contain; width: 160px; height: 245px; margin: auto;}
  .en #headerNew #headmenus .wrap .mmtop:after {background: url(https://www.openrice.com/info/orpay/images/en/menu_title_en_m.png) no-repeat center center; background-size: contain; width: 200px; height: 210px;}
  #headerNew #headmenus .wrap > a.anc, #headerNew #headmenus .wrap > a {display: block; line-height: 1.5; margin: 5px auto; padding: 10px 30px; letter-spacing: 2px; font-size: 20px; color: #4e3c2e; border: none; text-align: left; position: relative;}
  .en #headerNew #headmenus .wrap > a.anc, .en #headerNew #headmenus .wrap > a {font-size: 17px; line-height: 1.3; padding: 0.5em 3em 0.5em 1.5em;}
  #headerNew #headmenus .wrap a.anc:after {display: none;}
  #headerNew #headmenus .wrap > a span {position: relative;}
  #headerNew #headmenus .wrap > a.active span:after {content: '';display: block;position: absolute; bottom: -6px; left: 0; width: 100%; height: 3px; background-color: #FD3C0B;}
  #headerNew #headmenus .wrap > a:before {content: ''; display: block;position: absolute; right: 20px; top: 0; bottom: 0; margin: auto; width: 15px; height: 20px; background: url(https://www.openrice.com/info/orpay/images/arrow.svg) no-repeat center center; background-size: contain;}
  #headerNew #headmenus .wrap > a.active:before {background: url(https://www.openrice.com/info/orpay/images/arrow-active.svg) no-repeat center center; background-size: contain;}
    #headerNew .headbarSR1 {color: #ffffff;font-size: 1em; padding: 0 12px; border-radius: 20px; line-height: 2;cursor: pointer;background-color:#fe3c0a; display: inline-block;position: absolute;right:2.5em; }
    .en #headerNew .headbarSR1{font-size:.8em;right:3em;max-width:85px;line-height:1;padding:4px 0;text-align:center}
    #headerNew #headmenus .wrap .menuSR1 {display: block!important;}
}

@media (max-width:340px) {
  .en #headerNew #headmenus .wrap .mmtop {margin-bottom: 20px;}
  #headerNew #headmenus .wrap > a.anc, #headerNew #headmenus .wrap > a {font-size: 18px; padding: 7px 30px; margin: 3px auto;}
}


#introSection {padding: 3em 0 4em; font-weight: 500;}
#introSection .ttImg {margin-bottom: 1.5em;}
#introSection p {font-size: 1.4em; line-height: 1.6;}
#introSection p .hl {color: #ff008b; font-weight: 600;}
#introSection small {position: relative; color: #534d4c; font-size: .95em; padding-left: 2em; display: block; margin-top: .75em;}
#introSection small span {position: absolute; top: 0; left: 0;}
#introSection .rdi {background: url(../images/revamp/Rice$.png) no-repeat center center; background-size: contain; width: 35px; height: 23px; display: inline-block; vertical-align: middle; margin-top: -5px;}
#introSection .btn {display: block; position: relative; width: 95%; padding-bottom: 36%; margin: 0 2.5%;}
#introSection .btn:after {content:''; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; opacity: 0; transition: opacity .3s ease-in-out;}
#introSection .btn1 {background: url(../images/revamp/newoffer_btn.png) no-repeat center / cover;}
#introSection .btn1:after {background: url(../images/revamp/newoffer_btn_hover.png) no-repeat center / cover;}
#introSection .btn2 {background: url(../images/revamp/recoment_btn.png) no-repeat center / cover;}
#introSection .btn2:after {background: url(../images/revamp/recoment_btn_hover.png) no-repeat center / cover;}
#introSection .rewardImg {margin: 3rem auto 0; max-width: 66rem;}
#introSection .rewardImg img {margin-bottom: .75rem;}
#introSection .payImg {border-radius: 2rem; max-width: 24rem;}
#introSection .tnc {float: right; border-bottom: 1px solid; color: #787878; font-size: .9em;}
@media (min-width:769px) {
  #introSection .btns {margin-top: 6rem;}
  #introSection .btn:hover:after {opacity: 1;}
}

@media (max-width:768px) {
  #introSection {padding: 2em 0 3em;}
  #introSection .ttImg {max-width: 18rem; display: block; margin: 0 auto 1.25rem;}
  #introSection p {font-size: 1.15em;}
  #introSection .rdi {width: 28px; height: 18px; margin-top: -3px;}
  #introSection .btns {margin-top: 1.5rem;} 
  #introSection .rewardImg {margin: 1.25rem auto 0; padding: 0 1rem;}
  #introSection .rewardImg img {margin-bottom: .25rem;}
  #introSection .payImg {margin-top: 2rem;}
}


#section1 {background-color: #fdeba7;padding: 3em 0;}
#section1 .title_img {max-width: 330px;}
#newOfferBanner {margin: 2rem auto; max-width: 66rem; border-radius: 1.5rem; overflow: hidden;}
#newOffers {padding-top: 2em;}

#newOffers >.row > .column {margin:1em 0;}
#newOffers .newOffer {}
#newOffers .newOffer >.row {margin-left: 0.5rem;margin-right: 0;background-color: white; overflow: hidden; border-radius: 1em;}
#newOffers .newOffer .img > img {width: 100%;}
#newOffers .txt {padding: 0.8em 2em 1.5em; position: relative;}
#newOffers .tt {font-size: 1.2em; font-weight: 900;}
#newOffers p {color: black; }
#newOffers .ott {font-size: 1.8em; color: #fe3c0a; font-weight: 900;line-height: 1.3;letter-spacing: 0;}
.en #newOffers .ott {font-size: 1.8em;line-height: 1.2; }
#newOffers .tt span {letter-spacing: 0;}
#newOffers .desc {padding-bottom: 0.5em; line-height: 2;}
#newOffers .period {color: gray;padding-top:0.3em;position: relative;display: block;}

@media (max-width:768px) {
	#section1 {padding: 2em 0;}
	#section1 .title_img {max-width: 17rem;}
  #newOfferBanner {margin: 1rem auto 0; padding: 0 .5rem;}
  #newOffers {padding-top: 1em;}
	#newOffers >.row > .column {margin:0;padding:0.5rem;}
	#newOffers .newOffer >.row {margin-left: 0; border-radius: 5px;}
	#newOffers .newOffer .img {min-height: 126px;}
	#newOffers .txt {border-bottom: 1px solid #dadada;}
}


#section2 {padding: 70px 0 0;}
#section2 .mbo {display: none;}
#section2 .ttImg {margin-bottom: 2rem; max-width: 35rem;}
#section2 .p2rdImg {max-width: 32rem;}
#section2 > p {font-size:1.4em;margin:1.5em auto 2em;line-height:2; text-align: center; padding: 0 1rem;}
#section2 .menuSec {margin-top: 50px;}
#section2 .menuSec .menuBox {text-align: center;}
#section2 .menuSec .menuBox > div {display: inline-block; vertical-align: bottom; margin: 0 5px;}
#section2 .menuSec .menuBox > div .tabmenu {font-size: 22px; display: block; font-weight: 400; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 0 40px; line-height: 2.5; border-width: 1px 1px 0 1px; border-color: #000; border-style: solid; cursor: pointer;}
#section2 .menuSec .menuBox > div .tabmenu.active {border-color: #FFD400; background-color: #FFD400;}
#section2 .menuSec .menuBox > div .tabmenu .mbo {display: none;}
#section2 #tabContents {padding: 0 0 15px; overflow: hidden;}
#section2 #tabContents .inner {background-color: #FFD400; padding: 50px 0;}
#section2 #tabContents .inner > .container {max-width: 930px; position: relative;}
#section2 #tabContents .inner > .container:after {content: ''; display: block; position: absolute; width: 500px; height: 370px; background: url(https://www.openrice.com/info/orpay/images/stepKV.png) no-repeat center center; background-size: cover; bottom: -90px; right: -200px;}
#section2 #tabContents .inner > .container > div {opacity: 0;-webkit-transform: translateY(-3px); transform: translateY(-3px); position: absolute; width: 100%; z-index: -1; left: 0;}
#section2 #tabContents .inner > .container > div.show {opacity: 1;transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;transition: 0.5s opacity ease-in, 0.8s transform ease;transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;position: relative;top: 0;z-index: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
#section2 #tabContents .inner > .container > div > .row {-ms-flex-align: center; -webkit-box-align: center; align-items: center;}
#section2 #tabContents .inner > .container > div .slider {max-width: 240px; margin: 0 auto; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border-top:40px solid #1c1e23; border-bottom:40px solid #1c1e23; border-left:10px solid #1c1e23; border-right:10px solid #1c1e23;display: inline-block; white-space: nowrap; overflow: hidden;}
#section2 #tabContents .inner > .container > div .slider button {display: none!important;}
#section2 #tabContents .inner > .container > div .slider .slide {display: inline-block; vertical-align: top;max-height: 400px;}
#section2 #tabContents .inner > .container > div .text {max-width: 470px; padding: 0 2em 0; font-size: 18px; display: inline-block;}
#section2 #tabContents .inner > .container > #tabContent1 .text {padding: 0; max-width: 600px;}
#section2 #tabContents .inner > .container > div .text > h1 {font-size: 28px; line-height: 1.3; margin: 0;}
#section2 #tabContents .inner > .container > div .text > p {font-size: 17px; margin-top: 7px; font-weight: 500;}
#section2 #tabContents .inner > .container > div .text ul {counter-reset: step-counter; padding:30px 0 0 0;   margin-right: 30px;}
#section2 #tabContents .inner > .container > div .text ul li {opacity: 0.5; text-align: left; padding: 0 0 0.7em 0; font-size: 20px; line-height: 1.4; font-weight: 400;list-style:none; position: relative; letter-spacing: 1px; cursor: pointer;}
.en #section2 #tabContents .inner > .container > div .text ul li {letter-spacing: 0;}
#section2 #tabContents .inner > .container > div .text ul li span {}
#section2 #tabContents .inner > .container > div .text ul li.active {opacity: 1;}
#section2 #tabContents .inner > .container > div .text ul li .payIcon {display: inline-block; vertical-align: middle; width: 50px; height: 50px; background: url(https://www.openrice.com/info/orpay/images/pay_icon_m.png) no-repeat center center; background-size: contain; margin-left: 5px;}


@media (min-width:769px) {
  #section2 {position: relative;}
  .coinImg {position:absolute; z-index:1; left: 0; right: 0; margin: auto;}
  .coinImg.c1 {top:2rem; background: url(../images/revamp/coin_1_M.png) no-repeat center; background-size: contain; width: 9rem; height: 9rem; transform: translateX(-24rem);}
  .coinImg.c2 {top:9rem; background: url(../images/revamp/coin_2_M.png) no-repeat center; background-size: contain; width: 7rem; height: 7rem; transform: translateX(25rem);}
  .coinImg.c3 {top:15rem; background: url(../images/revamp/coin_3_L.png) no-repeat center; background-size: contain; width: 12rem; height: 13rem; transform: translateX(-41rem);}
  .coinImg.c4 {top:27rem; background: url(../images/revamp/coin_4_L.png) no-repeat center; background-size: contain; width: 12rem; height: 12rem; transform: translateX(37rem);}
	#section2 .menuSec .menuBox > div .tabmenu:hover {background-color:#fff98e;}
}
@media (max-width:768px) {
  #section2 {padding: 40px 0 0;}
  #section2 .dko {display: none;}
  #section2 .mbo {display: block;}
  #section2 .ttImg {max-width: 19rem; margin-bottom: 1.5rem; width: 100%;}
  #section2 .p2rdImg {max-width: 22rem; width: 100%;}
  #section2 > p {font-size: 1rem; padding: 0 1.5rem;} 
  #section2 .menuSec .menuBox {font-size: 0;}
  #section2 .menuSec .menuBox > div {margin: 0; }
  #section2 .menuSec .menuBox > div:first-child {width: 50%;}
  #section2 .menuSec .menuBox > div:last-child {width: 50%;}
  #section2 .menuSec .menuBox > div .tabmenu {border-radius: 0; font-size: 15px; font-weight: bold; line-height: 1.3; padding: 8px 0; margin: auto; border-left:0;border-right:0;border-color: #e2dede;}
  #section2 .menuSec .menuBox > div .tabmenu .mbo {display: block;}
  #section2 #tabContents {padding: 0 0 6px;}
  #section2 #tabContents h1 {text-align: center; padding: 0 30px}
  #section2 #tabContents #tabContent1 h1 {margin-bottom: .4em;}
  #section2 #tabContents h1 .red {color: #FD3C0B;}
  #section2 #tabContents p {font-weight: 600; text-align: center;}
  #section2 #tabContents .inner {padding: 40px 0 0;}
  #section2 #tabContents .inner > .container:after {background: url(https://www.openrice.com/info/orpay/images/stepKV_m.png) no-repeat center center; background-size: cover; position: relative; bottom: -9px; right: auto; width: 100%; height: auto; padding-bottom: 65%; margin: 10px auto 0;}
  #section2 #tabContents .slider img {max-width: 180px;}
  #section2 #tabContents .inner > .container > div .slider {display: block; margin: 20px auto 0; position: relative;max-width: 200px;}
  #section2 #tabContents .inner > .container > div .slider .slick-arrow {font-size: 0; position: absolute; top: 0; bottom: 0; margin: auto; width: 25px; height: 50px; background: url(https://www.openrice.com/info/orpay/images/arrow-active.svg) no-repeat center center;background-size: contain; border: none; z-index: 1;}
  #section2 #tabContents .inner > .container > div .slider .slick-prev {left: -50px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);}
  #section2 #tabContents .inner > .container > div .slider .slick-next {right: -50px;}
  #section2 #tabContents .inner > .container > div .text {display: block;padding-top: 1em;}
  #section2 #tabContents .inner > .container > div .text ul {margin: 0; padding: 5px 0 0;}
  #section2 #tabContents .inner > .container > div .text ul li {display: none; text-align: center; font-size: 18px; padding: 0;}
  .en #section2 #tabContents .inner > .container > div .text ul li {line-height: 25px; margin-top: 15px;}
  #section2 #tabContents .inner > .container > div .text ul li.active {display: block;}
  #section2 #tabContents .inner > .container > div .text ul li .payIcon {width: 40px; height: 40px;}
}

#section3 {padding: 2.5rem 0 4rem; /*background-color: #FDFCF6;background-image: linear-gradient(#f7e9d8 1px, transparent 1px), linear-gradient(to right, #f7e9d8 1px, #FDFCF6 1px);background-size: 40px 40px;*/ background: url(../images/revamp/POI_bg.jpg);}
#section3 .ttImg {max-width: 330px;}
#section3 .result-container {width: 100%;margin: auto;max-width: 1200px;}

.anchorNav {height: 60px; padding: 0; margin: 2rem auto; position: relative;}
.anchorNav .container {-webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; text-align: center; font-size: 0; position: absolute; left: 0; top: 0; width: 100%; max-width: none;}
.anchorNav.sticky .container {position: fixed; z-index: 100; width: 100%; max-width: 100%; right: 0; top: 0; padding: 10px 5px; box-shadow: 0px 0px 6px 1px rgba(0,0,0,.2); background: rgb(248, 228, 157)}

.anchorNav .filterBtn, .anchorNav .allBtn {display: inline-block; vertical-align: middle; position: relative; margin: 0 .5rem; cursor: pointer; padding: 0; width: 185px; height: 60px; background-color: #fff7dc; border: 2px solid; color: #ef4123; border-radius: .6rem; text-align: center; line-height: 55px; font-size: 1.5rem; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s;}
.anchorNav .allBtn {background-color: #fed649; color: #603813;}
.anchorNav .filterBtn.active {border: solid 2px #fed649; background-color: #ef4123; color: #fff7dc;}
  
@media (max-width: 768px) {
  #section3 {padding: 2.5rem 0 1rem; background-size: 35%;}
  #section3 .ttImg {max-width: 17rem;}
  .anchorNav {height: 50px; margin: 1.5rem auto 2rem; }
  .anchorNav .container {font-size: 0; white-space: nowrap;overflow-y: scroll;-ms-overflow-style: none;scrollbar-width: none; padding: 0 15px;}
  .anchorNav .container::-webkit-scrollbar {display: none;}
  .anchorNav .filterBtn, .anchorNav .allBtn { margin: 0 5px; height: 50px; width: 130px; font-size: 1.1rem; line-height: 45px;}
  
}

.poiList {display: none;}
.poiList.active {display: block;}
.catListTT {margin: 0 auto 2rem; max-width: 290px; color: #ef4123; font-size: 2.6rem; text-align: center; line-height: 2.6; background: url(../images/revamp/TT-image.png) no-repeat center center; background-size: 100%; font-weight: 600;}
#payPage .offerItem {box-shadow: 0px 0px 5px 1px rgba(0,0,0,.1);}
#payPage .offerItem .itemTop .badge > div {font-size: 1.1em;}
#payPage .offerItem .itemTop .badge .bookBtnDollar {background-color: #ffc600;color: #3f363b;padding: 0 6px;}
#payPage .offerItem .itemTop .badge .bookBtnDollar .riceDollar-icon{width:26px;height:17px;background:url(https://www.openrice.com/info/global/img/icon-riceDollar.png) no-repeat center center;background-size:cover;margin:-4px 0 0 1px;display:inline-block;vertical-align:middle}
#payPage .offerItem .btns{position:absolute;left:0;bottom:20px;width:100%;padding:0 15px}
#payPage .offerItem .btns a.btn {position: relative; left: auto; bottom: auto;}
#payPage .offerItem .btns a.btn.wVoucher{background-color:#fa2500;color:#fff;margin-left:5px}

@media (min-width: 769px) {
  
}

@media (max-width:768px) {
  .catListTT {font-size: 1.8rem; max-width: 260px;}
  #payPage .offerItem{padding:0 0 15px;margin-bottom:10px}
  #payPage .offerItem .btns{position:relative;bottom:auto}
}


#sponsorRow .sponsorGroup {display:block;width:100%;margin:15px auto; text-align: center;}
#sponsorRow .sponsorGroup p {display:inline-block;vertical-align:middle;font-size:1em;line-height:1.2;text-align:left;color:#646464;font-weight:700;margin-right:15px; letter-spacing: 2px;}
#sponsorRow .sponsorGroup ul {display:inline-block;vertical-align:middle;margin:0;padding:0;}
#sponsorRow .sponsorGroup ul li {padding-bottom:0;position:relative;list-style:none;display:inline-block;vertical-align:middle;}
#sponsorRow .sponsorGroup ul li img {margin:auto;max-height:65px;max-width:150px;margin-right:15px;}
#sponsorRow .sponsorGroup img {display: inline-block; vertical-align: middle;max-width: 360px;}
#sponsorRow .sponsorGroup p:last-child {vertical-align:bottom;margin-bottom:9px;}


@media (min-width: 769px) {
	.lity-content {border: 15px solid #fff;}
	
}

@media screen and ( max-width:768px) {
	
	.mbl {display: block;}
	#sponsorRow .sponsorGroup p {margin-bottom: 15px;}
	#sponsorRow .sponsorGroup img {display: block; margin: auto; max-width: 300px!important;}
}


@media (max-width:320px) {
  #newOffers .newOffer .img {min-height: 100px;}
  .en #headerNew #headmenus .wrap .menuSR1 {display: none!important;}
}
/* iPad Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #newOffers .newOffer .img {min-height: 120px;}
  #headerNew #headmenus .wrap .mmtop:after {height: 360px;width: 100%;}
  #newOffers >.row > .column, #otherPage .member_Box .poiList .column {flex: 0 0 50%;padding: 0.3% 1%;}
  #section2 {display: none;}
  #section3 .ttImg {max-width: 100%;}
}