/*GENERAL*/
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; }
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; }
#preloader {font-size: 0; padding: 0; text-align: center;}    

.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;}
.row .row {margin: 0}
.float-effect {
  display: inline-block;
  transition-duration: 0.3s;
  transition-property: transform;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.float-effect:hover {
  transform: translateY(-5px);
}

/* 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;
  }
}

.en * {letter-spacing: 0!important;}
span.nobreak {white-space: nowrap;}
.caret {display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 4px solid;border-right: 4px solid transparent;border-left: 4px solid transparent;}
.headerInner{position:relative}@font-face{font-family:icomoon;src:url(https://www.openrice.com/info/global/icomoon/icomoon.eot?ee7fk8);src:url(https://www.openrice.com/info/global/icomoon/icomoon.eot?ee7fk8#iefix) format('embedded-opentype'),url(https://www.openrice.com/info/global/icomoon/icomoon.ttf?ee7fk8) format('truetype'),url(https://www.openrice.com/info/global/icomoon/icomoon.woff?ee7fk8) format('woff'),url(https://www.openrice.com/info/global/icomoon/icomoon.svg?ee7fk8#icomoon) format('svg');font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:icomoon!important;speak:none;font-style:normal;font-weight:700;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-google:before{content:"\e900"}.icon-facebook:before{content:"\ea90"}.icon-twitter:before{content:"\ea96"}.icon-youtube:before{content:"\ea9d"}.icon-instagram:before{content:"\ea92"}.icon-chevron-thin-left:before{content:"\e902"}.icon-chevron-thin-right:before{content:"\e901"}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.headerInner .li,.headerInner .li a{color:#4e3c2e;font-size:14px}* html .clearfix{zoom:1}img{max-width:100%}.globalContainer{max-width:1000px;width:100%;margin:auto;padding:8px}.headerWrap{background-color:#fff155}.headerInner>a{float:left}.headerInner>div.headerDesktop{float:right;margin-top:8px}.headerInner .openrice-logo>img{max-width:110px;display:inline-block}.headerInner .li{font-weight:700;display:inline-block;vertical-align:middle;margin-left:25px}#mHeaderMenu{width:100%;background-color:rgba(0,0,0,.7);max-height:0;overflow:hidden;z-index:99;text-align:center;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}@media (max-width:640px){.headerInner>div.headerDesktop{display:none}#mHeaderMenu,.burgerNav,.mMenuLinks,.mMenuLinks>a,.mMenuSocials{display:block}.headerInner .openrice-logo>img{max-width:100px}.mMenuLinks>a{border-bottom:1px solid rgba(255,255,255,.25)}}
#headerNew {position: relative;z-index: 99;}
#headerNew > .inner { background-color: #fff; padding: 10px 15px; border-bottom: 1px solid #eee;}
#headerNew .maxWidth { max-width: 1200px;margin: auto;}
#headerNew .openrice-logo > img { height: 30px; display: inline-block; padding-right:5px;}
#headerNew .headerDesktop { float: right; margin-top: 6px;}
#headerNew .headerDesktop .li { font-size: 12px;font-weight: 700;display: inline-block;vertical-align: middle;margin-left: 5px; position: relative;}
#headerNew .headerDesktop .li > a {font-size: 12px; border: 1px solid #000; padding: 5px 12px; border-radius: 3px; line-height: 1;cursor: pointer; letter-spacing: 2px; color: #000;}
#headerNew .headerDesktop .li a.facebook-share {padding: 5px 6px; margin-left: 5px; border-radius: 50%; line-height: 1.2;}
#headbarLang {margin-left: 1em; margin-top: 4px;}
#headbarLang .headerLangBtn {display: block;margin: 0;cursor: pointer; padding-right: 5px; font-size: .85em; line-height: 1;}
#headbarLang .headerLangBtn > span {display: inline-block; vertical-align: middle;}
#headbarLang .headerLangBtn .lang-icon {width: 23px; height: 23px; background: url(https://static8.orstatic.com/info/e-voucher/images/lang_icon.svg) no-repeat center center; background-size: contain; margin-right: 2px;}
/* #headbarLang .headerLangBtn:after {content:''; display: inline-block; vertical-align: middle; width: 15px; height: 13px; background: url(https://static8.orstatic.com/info/e-voucher/images/down-arrow.svg) no-repeat center center; background-size: contain; margin-left: 5px;} */
#headbarLang .lang-dropmenu-block {opacity: 0;display: none;will-change: transform;}
#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);}
}
#headbarLang .lang-dropmenu-block ul {min-width: 90px; background: #fff;-webkit-border-radius: 4px; border-radius: 4px;position: absolute;top: 100%;right: 0;z-index: 1000;padding: 5px 0; margin: 0;font-size: 14px; text-align: left;list-style: none;-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);}
#headbarLang .lang-dropmenu-block ul li {}
#headbarLang .lang-dropmenu-block ul li a {color: #8b817a; font-size: 14px;font-weight: 400; line-height: 35px;padding: 0 12px;display: block;}
#headbarLang .lang-dropmenu-block ul li a:hover{background-color: #e5e5e5;}
#headbarLang .lang-dropmenu-block ul li a.active span {font-size:15px;font-weight: 700;color:#3e75d9;}

@media (max-width:640px) {
#headerNew .openrice-logo > img { height: 22px; display: inline-block;vertical-align: text-top;}
#headerNew .headerDesktop {margin-top: 4px;}
#headerNew .headerDesktop .li > a {font-size: .7rem; padding: 3px 6px;}
#headbarLang {margin-left: .75em; margin-top: 2px;}
#headbarLang .headerLangBtn {font-size: .8em; padding: 0;}
}

@media (max-width:320px) {
#headerNew > .inner { background-color: #fff; padding: 15px 10px; border-bottom: 1px solid #eee;}
}

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

@media only screen and (max-width: 768px) {
  /* html, body {font-size: 11px;} */
  #bodyWrap { margin: auto; min-width: 0;  }
}

@media only screen and (max-width: 640px) {
  p {font-size: 14px;}
  .mbo {display: block;} .dko {display: none!important;}
  .grid-button {padding: 7px; position: absolute; z-index: 1000; right: 10px; top: 5px; 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: #6559a5; }
  .grid-button .grid > span:before,
  .grid-button .grid > span:after {content: ""; position: absolute; width: 100%; height: 100%; background-color: #6559a5;  -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: #6559a5;}
  .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); }
}



.footerWrap .footerTop {background-color: #000; padding: 30px 15px;}
.footerWrap .columns.medium-7 {text-align: right;}
.footTopTxt {color: #fff; padding-right: 2em;}
.footTopTxt p {font-weight: 600; margin-bottom: 5px; font-size: 1.1rem; letter-spacing: 1.5px;}
.footTopTxt small {letter-spacing: 1.5px;font-size: 12px;}
.footTopHowto {font-size: 1rem; color: #fff; text-align: right; margin-bottom: 1.25em;}
.footTopHowto a {color: #fff; letter-spacing: 1.5px; margin: 0 2em;}
.footTopHowto a:last-child {margin-right: 0;}
.footTopSocialGroup {text-align: right; display: inline-block; vertical-align: middle; margin-left: 0.5em;}
.footTopSocialGroup .foot-social {display: inline-block; vertical-align: middle; margin: 0 5px; }
.footTopSocialGroup .foot-social.ig {background: url(https://static5.orstatic.com/info/e-voucher/images/instagram.svg) no-repeat center center; width: 20px; height: 20px;}
.footTopSocialGroup .foot-social.yt {background: url(https://static6.orstatic.com/info/e-voucher/images/youtube.svg) no-repeat center center; width: 20px; height: 20px;}
.footTopSocialGroup .foot-social.fb {background: url(https://static7.orstatic.com/info/e-voucher/images/facebook.svg) no-repeat center center; width: 20px; height: 20px;}
.footTopSocialGroup .foot-social.mw {background: url(https://static8.orstatic.com/info/e-voucher/images/mewe.svg) no-repeat center center; width: 35px; height: 35px;}
#tncBtn {color: #fff; border: 1px solid; border-radius: 2px; display: inline-block; vertical-align: middle; line-height: 2; padding: 0 8px; font-size: .7rem; margin-left: 10px;}
.footerCR {color: #fff; margin-top: 5px; text-align: right; display: inline-block; vertical-align: middle;}
.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://static8.orstatic.com/info/global/img/backtopArr.png) no-repeat center center / contain;cursor: pointer;}

@media only screen and (min-width: 769px) {
  .footerWrap .footerTop .maxWidth .row > .columns:last-child {text-align: right;}
}
@media only screen and (max-width: 640px) {
  .footerWrap .footerTop {position: relative; padding-top: 160px;}
  .footTopTxt {text-align: left;padding-right: 0;}
  .footTopTxt p {font-size: .85rem; font-weight: 400;}
  .footTopTxt small {font-size: .7em;} 
  .footTopHowto {position: absolute; top: 15px; left: 15px; width: calc(100% - 30px); font-size: 0;}
  .footTopHowto a {display: block; font-size: .85rem; text-align: left; margin: 0; border-bottom: 1px solid #404040; line-height: 2.8; padding-left: 25px;}
  .footTopHowto a:before {content: '\e901'; display: block; position: absolute; left: 0; font-family: openrice!important;speak: none;font-style: normal;}
  .footerWrap .columns.medium-7 {display: flex; flex-flow: row wrap;}
  .footTopSocialGroup {text-align: center; margin-top: 30px; order: 1; margin-left: 0;}
  .footerCR {text-align: left; margin-top: 5px; display: block; order: 2;}
  .footerCR > span#OR_FOOT_logo {max-width: 15px; vertical-align: top; display: none;}
  .footerCR > span.copyright-text {font-size: .53em; margin: 0;}
  /* .footerCR .mRowDrop {display: block;} */
}
@media (max-width: 360px) {.footerCR > span {font-size: 9px;}}

.KV {background-color: #ffd400;}
#topKV {height: 500px;position: relative;width:1400px;margin: auto;} 
.KV_title {position: absolute;top: 50%;transform: translateY(-50%);width: 35%;left: 3.5%;}
.KV_wrapper {overflow: hidden;position: absolute;right: 0;height: 500px;}
.KV_wrapper svg {height: 129.3%;position: relative;top: -32px;}
.girl_wrapper {position:absolute;z-index:10;left: 31%;height: 500px;}
.girl_wrapper svg {position:relative;height: 129.3%;top: -38px;}
#earlybirdOffer,#merchantsOffer {margin-bottom: 20px;}
.card_soon img {margin-bottom: 27px;}


@media (max-width:1300px) {
  #topKV {height: 458px;}
  .KV_title {width: 37%;left: 5.5%;}
  .en .KV_title {width: 40%;left: 3.5%;}
  .KV_wrapper {height: 460px;}
  .girl_wrapper {height: 451px;left: 37%;}

}
@media (max-width:480px) {
  .KV {margin-bottom: 135px;}
  #topKV {height: 280px;width:100%;margin: auto;} 
  .KV_title, .en .KV_title {top: 94%;transform: none;left: 0;right: 0;margin: auto;z-index: 20;}
  .KV_title {width: 70%;}
  .en .KV_title {width: 83%;}
  .KV_wrapper {right: -30%;height: 293px;}
  .girl_wrapper {left: -15%;height: 290px;}

}
@media (max-width:320px) {
  .KV_wrapper {right: -45%;}
  .KV_title, .en .KV_title {top: 105%;}
  .en .KV_title {width: 80%;}
  .girl_wrapper {left: -25%;}
}

#introBoxWrap {position: relative; padding: 50px 20px 70px; font-size: 0; }
#introBoxWrap .tt {margin-bottom: 15px; width: 100%; font-size: 1.5rem; color: #fd3c0b;}
#introBoxWrap p {line-height: 1.8; font-size: 1.025rem;}
#introBoxWrap .bu {margin: .85rem auto 1.2rem;}
#introBoxWrap .bu span {display: inline-block; vertical-align: top; margin-right: 4px; position: relative; text-align: center; border: 1px solid #ccc; padding: 6px 10px;}
#introBoxWrap .bu img {height: 30px;}
#introBoxWrap .ast {color: #fd3c0b; font-weight: 600; font-size: 1rem;}
.en #introBoxWrap .ast {font-size: .9rem;}
#introBoxWrap .tips {margin-top: 1rem;}
#introBoxWrap .tips img {display: inline-block; max-width: calc(100% - 180px - 1.5rem);}
#introBoxWrap .tips a {display: inline-block; vertical-align: middle; font-size: 1.4rem; font-weight: 600; letter-spacing: 1px; text-align: center; line-height: 2.3; width: 180px; color: #4e3c2d; border: 2px solid; border-radius: 40px; margin-left: 1.5rem; position: relative;}
#introBoxWrap .tips a:after {content: ''; display: block; position: absolute; right: 14px; top: 0; bottom: 0; margin: auto; background: url(https://static6.orstatic.com/info/e-voucher/images/tc/new_img/icon_arrow.svg) no-repeat center center; background-size: contain; width: 17px; height: 18px; margin-left: 5px;}
#introBoxWrap .cou {display: inline-block; vertical-align: top; width: 46%; margin: 0 2%; position: relative; text-align: center;}

@media only screen and (min-width: 768px) {
  #introBoxWrap > .containerL > .row > .columns:last-child {padding-left: 3rem;}
  #introBoxWrap .bu span:hover {border-color: #fd3c0b;}
}

@media only screen and (min-width: 1500px) {
  .KV {}
}

@media (max-width: 1300px) {
  .en #introBoxWrap p {line-height: 1.6;font-size: 1rem;}
}
@media (max-width: 768px) {
  .KV {}
  #introBoxWrap .tt {font-size: 1.3rem; font-weight: 600; line-height: 1.6;}
  .en #introBoxWrap .tt {line-height: 1.2;}
  #introBoxWrap .ttImg {margin-bottom: 15px;}
  #introBoxWrap p {font-size: .85rem;}
  #introBoxWrap .ast {font-size: .85rem;}
  .en #introBoxWrap .ast {line-height: 1.4; font-size: .75rem;}
  #introBoxWrap .bu span {margin: 2px 0;}
  #introBoxWrap .bu span:nth-child(1), #introBoxWrap .bu span:nth-child(2) {width: calc(50% - 2px);}
  #introBoxWrap .bu span:nth-child(1) {margin-right: 4px;}
  #introBoxWrap .bu span:nth-child(3) {margin-right: 4px; width: calc(40% - 2px);}
  #introBoxWrap .bu span:nth-child(4) { width: calc(60% - 2px);}
  #introBoxWrap .bu img {height: 33px;}
  #introBoxWrap .cou {width: 48%;}
  #introBoxWrap .cou:first-child {margin: 5px 2% 40px 0;}
  #introBoxWrap .cou:last-child {margin: 5px 0 40px 2%; }
  #introBoxWrap .tips img, #introBoxWrap .tips a {display: block; max-width: 100%;}
  #introBoxWrap .tips a {margin: 1.25rem auto 0; font-size: 1.25rem; width: 155px;}
}

@media (max-width: 640px) {
  #introBoxWrap {padding: 30px 20px 40px; }
}
@media (max-width: 320px) {
  #introBoxWrap .tt {font-size: 1.2rem; line-height: 1.4 ;}
  .zh #introBoxWrap .tt {letter-spacing: 1px;}
  #introBoxWrap p.ast {letter-spacing: 2px;}
}

.blue {color: #14b3ee; letter-spacing: 0;}
#alipay {text-align: center; padding: 4em 1em; background-color: #f6fdfe;}
#alipay h1 {color: #184657; font-size: 3.4em; margin-bottom: 5px;}
#alipay h5 {font-size: 1.5em; letter-spacing: 1.5px;}
#alipay .timeline {margin: 2.5em auto 1em;}
#alipay .timeline .col {position: relative;}
#alipay .timeline .col .icon {position: relative; height: 60px; margin: 0 auto .65em; display: block;}
#alipay .timeline .col .icon:before {content: ''; display: block; width: 15px; height: 15px; border-radius: 50%; background-color: #a3b3cc; position: absolute; z-index: 0; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
#alipay .timeline .col1:before, #alipay .timeline .col2:before, #alipay .timeline .col3:before {content: ''; display: block; width: 100%; height: 7px; background-color: #14b3ee; position: absolute; top: 27px; left: 50%;}
/*#alipay .timeline .col3:before {background-color: #d1f2f2;}*/
#alipay .timeline .col .icon img {position: relative; display: block; z-index: 1; max-height: 100%; background-color: #f6fdfe;}
#alipay .timeline .col p {font-weight: 600; font-size: 1.15em; color: #434a53; height: 58px;white-space: initial;}
#alipay .timeline .col p .or {color: #f15a24; letter-spacing: 0;}
.en #alipay .timeline .col p {line-height: 1.3; font-size: 1.1em; height: 70px;}
#alipay .timeline .col.soon h3 {color: #a3b3cc; height: 58px; line-height: 58px;}
.en #alipay .timeline .col.soon h3 {height: 70px; line-height: 1.3; font-size: 1.3rem; padding-top: 5px;}
#alipay .timeline .col .offer {border: 1px solid #14b3ee; background-color: #fff; border-radius: 10px; margin-top: 1em; padding-bottom: 40px; position: relative; overflow: hidden;}
/*#alipay .timeline .col .offer .btn {background-color: #4e3c2e; color: #fff; border-radius: 4px; letter-spacing: 1.5px; line-height: 2; display: block; margin: auto; width: 90%; max-width: 170px; position: absolute; bottom: 15px; left: 0; right: 0;}*/
#alipay .timeline .col .offer .btn {position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1;}
#alipay .timeline .col .offer .spanbtn {background-color: #4e3c2e; color: #fff; border-radius: 4px; letter-spacing: 1.5px; line-height: 2; display: block; margin: auto; width: 90%; max-width: 170px; position: absolute; bottom: 15px; left: 0; right: 0;}




#alipay .timeline .col .card {z-index: 2; overflow: hidden; transition: all; transition-duration: .3s; transition-timing-function: cubic-bezier(.36,0,.02,.99); position: static; }
#alipay .timeline .col .card.is-zoomed {top: calc((100vh/2))!important; transform: translate(-50%, -50%); left: calc((100vw/2))!important; cursor: default; z-index: 10; margin: auto; border: none; padding: 0; overflow: visible;background: transparent;}
#alipay .timeline .col .card .cardWrapper {background: white;}
#alipay .timeline .col:not(:first-child) .card .cardWrapper {padding-bottom: 20px;}

#alipay .timeline .col .card.is-zoomed .cardWrapper {width: 360px;/* margin: 10% auto;*/ padding-bottom: 20px; border-radius: 10px;overflow: hidden;}

#alipay .timeline .col .card.is-zoomed > img {border-top-left-radius: 10px; }
#alipay .timeline .col .card.is-zoomed .btn, #alipay .timeline .col .card.is-zoomed .spanbtn {display: none;}
#alipay .timeline .col .card__body {max-height: 0; overflow: hidden; padding: 0 25px; text-align: center;white-space: initial;margin: auto;}
#alipay .timeline .col .card.is-zoomed .card__body {max-height: 720px; max-width: 360px; }
#alipay .timeline .col .card__body small {font-size: .875em; display: block;}
#alipay .timeline .col .card__body small.s {font-size: .75em; margin: .5em auto 1em;}
#alipay .timeline .col .card__body .tix {margin: 1em auto; max-width: 250px; }
#alipay .timeline .col .card__body .pbtn {background-color: #4e3c2e; color: #fff; font-weight: 600; text-align: center; letter-spacing: 1.5px; font-size: 1.025em; border-radius: 5px; margin: auto; display: inline-block; padding: 0 2em; line-height: 2; margin-top: 1em;}
#alipay .timeline .col .card__body .tc {display: block; border-bottom: 1px solid; color: #000; font-size: .7em; margin: 1em auto 0; max-width: 80px;}
#alipay .timeline .col .card__body .tc span {display: inline-block; vertical-align: text-top; border-radius: 50%; border: 1px solid; margin-right: 3px; font-weight: 600; width: 13px; line-height: 10px;}
.en #alipay .timeline .col .card__body .tc {max-width: 145px;}

#alipay .timeline .col .card .card__close {position: absolute; right: -15px; top: -15px; height: 40px; width: 40px; line-height: 35px; border: 2px solid #fff; background: #ffd400; border-radius: 50%; color: #333; text-align: center; cursor: pointer; transition: all 0.15s ease-in-out;display: none; }
#alipay .timeline .col .card .card__close:before {content: '×'; display: block; font-family:Arial,Baskerville,monospace; display: block; width: 100%; height: 100%; color: #4d3a00; font-size: 38px; line-height: 38px; text-align: center; padding-left: 2px;}
#alipay .timeline .col .card.is-zoomed .card__close {display: block;}

.zoomer-overlay {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9; transition: opacity 0.5s; opacity: 0; pointer-events: none; background-color: rgb(45 34 0 / 95%); }
.zoomer-overlay.is-active {opacity: 1; pointer-events: auto; }

@media (min-width: 769px) { 
  #alipay .timeline .col .card.is-zoomed {width: 380px!important; height: 735px!important; }
  #alipay .timeline .col .card .cardWrapper, #alipay .timeline .col .card.is-zoomed .card__body {max-width: 380px;} 
  #alipay .timeline .col .card.is-zoomed .cardWrapper {width: 380px;}
  .en #alipay .timeline .col .card.is-zoomed {width: 430px!important;}
  .en #alipay .timeline .col .card .cardWrapper, #alipay .timeline .col .card.is-zoomed .card__body {max-width: 430px;} 
  .en #alipay .timeline .col .card.is-zoomed .cardWrapper {width: 430px;}
}
@media (max-width: 640px) {
  #alipay {padding: 3em 0;}
  #alipay h1 {font-size: 1.8em;}
  .en #alipay h1 {font-size: 1.65em;}
  #alipay h5 {font-size: 1em;}
  .en #alipay h5 {font-size: .85em; line-height: 1.5;}
  #alipay .timeline {white-space: nowrap;overflow-y: scroll;-ms-overflow-style: none;scrollbar-width: none; }
  #alipay .timeline::-webkit-scrollbar {display: none;}
  #alipay .timeline > .row {flex-flow: row nowrap;-ms-flex-flow: row nowrap;-webkit-flex-flow: row nowrap; padding: 0 0 0 .6em;}
  #alipay .timeline .col {padding: 0 .6rem 0 0;}
  #alipay .timeline .col:first-child {margin-left: 12.5%;}
  #alipay .timeline .col:last-child {margin-right: 12.5%;}
  #alipay .timeline .col .icon {margin-bottom: .5em;}
  #alipay .timeline .col p {line-height: 1.4; height: 55px; margin-bottom: .35em;}
  #alipay .timeline .col .card {margin: 0}

  /*#alipay .timeline .col .card.is-zoomed {width: 90vw!important;height: 95vh!important; transform: none; left: 0!important; top: 0!important; right: 0; bottom: 0; overflow: scroll; padding-bottom: 2em; white-space: normal;}*/
  #alipay .timeline .col .card .card__close {position: fixed; right: 5px; top: 5px;}
  #alipay .timeline .col .card.is-zoomed {width: 100%!important; height: 100%!important; }
  #alipay .timeline .col .card.is-zoomed .cardWrapper {width: 100%; padding-bottom: 50px; border-radius: 0;margin: 0;}
 }



.red {color: #fd3c0b; letter-spacing: 0;}
#mastercard {text-align: center; padding: 4em 1em; background-color: #fffff0;}
#mastercard h1 {font-size: 3.4em; margin-bottom: 0.2em;}
.en #mastercard h1 {font-size: 3em;}
#mastercard h5 {font-size: 1.5em; letter-spacing: 1.5px; }
.en #mastercard h5 {font-size: 1.2em; letter-spacing: 0px; }
#mastercard p {font-size: 1.25em; margin: 1em auto;}
#mastercard p {font-size: 1.1em;}
#mastercard p.period {border: 1px solid #707070; color: #707070; max-width: 500px; line-height: 1.5; letter-spacing: 1.5px; border-radius: 6px; margin: 1.5em auto;padding: 0.2em;text-align: center;}
#mastercard .timeline {margin: 3.5rem auto 2rem; position: relative; }
#mastercard .timeline:before {content: ''; display: block; width: calc(100% - (((100%/7)/2)*2)); margin: auto; position: absolute; z-index: 0; left: 0; right: 0; top: 52px; height: 7px; background-color: #707070;}
#mastercard .timeline > div {text-align: center; z-index: 1; position: relative; font-size: 0;}
#mastercard .timeline > div span {color: #434a53; font-weight: 600; letter-spacing: 1.5px; font-size: 1.15rem; display: block; margin-bottom: .5em;}
#mastercard .timeline > div .icon {display: inline-block; vertical-align: middle;}
#mastercard .timeline > .columns:nth-child(3):before, #mastercard .timeline > .columns:nth-child(5):before {content: "N"; display: block; background-color: red;color: white;padding: 0.2em 0.5rem;font-size: 0.8rem;font-weight: 800;position: absolute; top: 1.7rem;left: 0.6rem;border-radius: 50%;z-index: 3;}
#mastercard .vimg {border-radius: 10px; display: block; overflow: hidden;}
#mastercard .col {position: relative;}
#mastercard .col:not(:last-child) .vimg {border: 3px solid #37b569;}
#mastercard .col:last-child .vimg {border: 3px solid #ffd400;}
#mastercard .col .newBadge {position: absolute;top: -5%;left: -7%;z-index: 3;}
#mastercard small { display: block; margin-top: 2em; letter-spacing: 1.5px;}
#mastercard small a {color: #000; border-bottom: 1px solid #000;}

@media (max-width: 640px) {
  #mastercard {padding: 3em 2em;}
  #mastercard h1 {font-size: 1.8em;}
  .en #mastercard h1 {font-size: 1.65em;}
  #mastercard h5 {font-size: 1em; line-height: 1.6; margin-bottom: 1.7em;}
  .en #mastercard h5 span {display: block;}
  .en #mastercard h5 {font-size: .85em; line-height: 1.5;}
  #mastercard p {font-size: .85em; line-height: 1.8;}
  #mastercard p.period {margin: 2em auto;}
  #mastercard .col {margin: 1.25em auto;}
  #mastercard .vimg {margin-top: 1.15em; background-color: #fff; padding-bottom: 1.5em; text-align: center; border-width: 5px!important;}
  #mastercard .vimg .btn {display: inline-block; line-height: 2.2; text-align: center; letter-spacing: 2px; font-weight: 600; font-size: 1em; border-radius: 4px; padding: 0 2em;}
  #mastercard .col:not(:last-child) .vimg .btn {color: #fff; background-color: #37b569;}
  #mastercard .col:last-child .vimg .btn {color: #000; background-color: #ffd400; }
  #mastercard .col .newBadge {top: 12%;left: -2%;}
  #mastercard small {font-size: .75em; margin-top: 0;}
} 

@media (max-width: 480px) {
  #alipay .timeline .col .offer {border-radius: 0;}
  #alipay .timeline .col .card.is-zoomed {height: 100%!important;width: 100%!important; overflow: scroll;}
  #alipay .timeline .col .card.is-zoomed .card__body {padding-bottom: 60px;}
  .en #alipay .timeline .col p {height: 77px;}
  .en #alipay .timeline .col.soon h3 {height: 84px;}
}
@media (max-width: 320px) {
  #mastercard h5 {font-size: 0.9em;}
  .en #mastercard h5 span {display: inline;}
  .en #alipay .timeline .col p {height: 100px;}
  .en #alipay .timeline .col.soon h3 {height: 106px;}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  #alipay .timeline {white-space: nowrap; overflow-y: scroll;}
  #alipay .timeline > .row {-ms-flex-flow: row nowrap;-webkit-flex-flow: row nowrap;flex-flow: row nowrap;padding: 0 0 0 .6em;}
  #earlybirdOffer,#merchantsOffer {margin-bottom: 39px;}
  .card_soon img {margin-bottom: 41px;}
}
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) {
    #bodyWrap {min-width: 0;}
    #introBoxWrap{padding: 50px 30px 70px;}
    #mastercard {padding: 4em 2em;}
    .footerWrap .footerTop {padding: 30px;}
}


#tips {padding: 4em 0 6em;}
#tips .tt {text-align: center; font-size: 3.4em; letter-spacing: 1.5px; line-height: 1; margin-bottom: .75em;}
#tips .tt img {display: inline-block; vertical-align: top; margin: -.15em .15em 0 0; max-width: 55px;}
#tips .tt .o {color: #fd3c0b;}
#tips p {font-size: 1.2em; text-align: center;}
#tips .swiper-wrapper {margin-top: 3em;}
#tips .item {text-align: center;}
#tips .item .icon {margin-bottom: 1.25em;}
#tips .item small {font-size: .85em; margin-bottom: 1.5em; line-height: 1.8; display: block; min-height: calc(1em * 1.8 * 3); }
.en #tips .item small {min-height: calc(1em * 1.8 * 4); }
#tips .item .btn {margin: 1.25em auto 0; display: block; width: 100%; max-width: 160px; text-align: center; line-height: 2.2; border-radius: 30px; color: #4e3c2d; font-weight: 600; letter-spacing: 1px;}
#tips .item.orpay .btn {border: 3px solid #ffcb05;}
#tips .item.voucher .btn {border: 3px solid #37b569;}
#tips .item.tas .btn {border: 3px solid #ec1e24;}
#tips .item.booking .btn {border: 3px solid #009342;}

@media (min-width: 769px) {
  #tips .swiper-wrapper .swiper-slide { -ms-flex: 0 0 25%;-webkit-box-flex: 0;-webkit-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%; -ms-flex: 1 1 0px;-webkit-box-flex: 1;-webkit-flex: 1 1 0px;flex: 1 1 0px;padding-right: .9375rem;padding-left: .9375rem;min-width: 0;}
#tips .tipsbtn img {transform: translateY(0);box-shadow:0;}
  #tips .tipsbtn img:hover {transform: translateY(-7px);box-shadow: 0px 17px 0px -9px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 17px 0px -9px rgba(0,0,0,0.1); -moz-box-shadow: 0px 17px 0px -9px rgba(0,0,0,0.1);}
   #tips .item.orpay .btn:hover {background-color: #ffcb05; }
  #tips .item.voucher .btn:hover {background-color: #37b569; color: white; }
  #tips .item.tas .btn:hover {background-color: #ec1e24; color: white;}
  #tips .item.booking .btn:hover {background-color: #009342; color: white;}
}

@media (max-width: 768px) {
  #tips {padding: 3.5em 0 1em;}
  #tips .tt {font-size: 1.8em;}
  #tips .tt img {max-width: 35px; margin: -.2em .2em 0 0;}
  #tips p {font-size: 0.85em; line-height: 1.8; padding: 0 1em;}
  #tips .swiper-container {padding-bottom: 2.25em;}
  #tips .swiper-wrapper {margin-top: 1.5em;}
  #tips .swiper-pagination {bottom: 0;}
  #tips .swiper-pagination-bullet {border: 2px solid #ffcb05; width: 12px; height: 12px; background: transparent; opacity: 1;}
  #tips .swiper-pagination-bullet-active {background: #ffcb05;}
  #tips .item {padding: 1.5em 1.25em; box-shadow: 2px 2px 6px rgba(0,0,0,.25);}
  #tips .item .icon {height: 50px; margin-bottom: 1.5em;}
  #tips .item small {min-height: auto; font-size: .9em;margin-bottom: 0.5em;}

}
@media (max-width: 375px) {
  #tips .item small {min-height: calc(1em * 1.8 * 3); }
  .en #tips .item small {min-height: calc(1em * 1.8 * 4); }
}

#matches {padding: 4em 0 0; background-image: linear-gradient(to top, #fff19d 100%, #fff1a2 98%, #fff4b3 93%, #fff5bf 85%, #fff6c6 75%, #fff7c8 48%); position: relative;}
#matches .green {color: #009342;}
#matches .red {color: #f32027;}
#matches .tt {text-align: center; font-size: 3.4em; letter-spacing: 1.5px; line-height: 1; margin-bottom: .75em;}
#matches .tt img {display: inline-block; vertical-align: top; margin: 0em .15em 0 0; max-width: 60px;}
#matches .containerS {max-width: 900px; height: 500px; position: relative;}
.en #matches .containerS {height: 530px;}
#matches .group {position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; visibility: hidden; transition: all .5s linear; text-align: center;}
#matches .group.active {opacity: 1; visibility: visible; transition: all .5s linear;}
#matches .group .groupTT {margin-bottom: 2em;}
#matches .group .circle {margin-bottom: 1.25em;border-radius: 50%; width: 100%; padding-bottom: 100%; position: relative;}
#matches .group .circle.g {background: url(https://static5.orstatic.com/info/e-voucher/images/tc/new_img/circle_green_m.png) no-repeat center center; background-size: contain;}
#matches .group .circle.r {background: url(https://static6.orstatic.com/info/e-voucher/images/tc/new_img/circle_red_m.png) no-repeat center center; background-size: contain;}
#matches .group .circle.y {background: url(https://static7.orstatic.com/info/e-voucher/images/tc/new_img/circle_yellow_m.png) no-repeat center center; background-size: contain;}
#matches .group .circle:after {content: ''; z-index: 0;}
#matches .group1 .circle.g:after {background: url(https://static5.orstatic.com/info/e-voucher/images/tc/phase2/offer_green_orpay_m.png) no-repeat center top; background-size: 100% auto;}
#matches .group1 .circle.r:after {background: url(https://static6.orstatic.com/info/e-voucher/images/tc/phase2/offer_red_orpay_m.png) no-repeat center top; background-size: 100% auto;}
#matches .group1 .circle.y:after {background: url(https://static7.orstatic.com/info/e-voucher/images/tc/phase2/offer_yellow_orpay_m.png) no-repeat center top; background-size: 100% auto;}
#matches .group2 .circle.g:after {background: url(https://static5.orstatic.com/info/e-voucher/images/tc/phase2/offer_green_voucher_m.png) no-repeat center top; background-size: 100% auto;}
#matches .group2 .circle.r:after {background: url(https://static6.orstatic.com/info/e-voucher/images/tc/phase2/offer_red_voucher_m.png) no-repeat center top; background-size: 100% auto;}
#matches .group2 .circle.y:after {background: url(https://static7.orstatic.com/info/e-voucher/images/tc/phase2/offer_yellow_voucher_m.png) no-repeat center top; background-size: 100% auto;}
#matches .group3 .circle.g:after {background: url(https://static8.orstatic.com/info/e-voucher/images/tc/phase2/offer_green_tas_m.png) no-repeat center top; background-size: 100% auto;}
#matches .group3 .circle.r:after {background: url(https://static5.orstatic.com/info/e-voucher/images/tc/phase2/offer_red_tas_m.png) no-repeat center top; background-size: 100% auto;}
#matches .group3 .circle.y:after {background: url(https://static6.orstatic.com/info/e-voucher/images/tc/phase2/offer_yellow_tas_m.png) no-repeat center top; background-size: 100% auto;}
#matches .group4 .circle.g:after {background: url(https://static7.orstatic.com/info/e-voucher/images/tc/phase2/offer_green_book_m.png) no-repeat center top; background-size: 100% auto;}
#matches .group4 .circle.r:after {background: url(https://static8.orstatic.com/info/e-voucher/images/tc/phase2/offer_red_book_m.png) no-repeat center top; background-size: 100% auto;}
#matches .group4 .circle.y:after {background: url(https://static5.orstatic.com/info/e-voucher/images/tc/phase2/offer_yellow_book_m.png) no-repeat center top; background-size: 100% auto;}

.en #matches .group1 .circle.g:after {background: url(https://static8.orstatic.com/info/e-voucher/images/en/phase2/offer_green_orpay_m.png) no-repeat center top; background-size: 100% auto;}
.en #matches .group1 .circle.r:after {background: url(https://static5.orstatic.com/info/e-voucher/images/en/phase2/offer_red_orpay_m.png) no-repeat center top; background-size: 100% auto;}
.en #matches .group1 .circle.y:after {background: url(https://static5.orstatic.com/info/e-voucher/images/en/phase2/offer_yellow_orpay_m.png) no-repeat center top; background-size: 100% auto;}
.en #matches .group2 .circle.g:after {background: url(https://static6.orstatic.com/info/e-voucher/images/en/phase2/offer_green_voucher_m.png) no-repeat center top; background-size: 100% auto;}
.en #matches .group2 .circle.r:after {background: url(https://static6.orstatic.com/info/e-voucher/images/en/phase2/offer_red_voucher_m.png) no-repeat center top; background-size: 100% auto;}
.en #matches .group2 .circle.y:after {background: url(https://static7.orstatic.com/info/e-voucher/images/en/phase2/offer_yellow_voucher_m.png) no-repeat center top; background-size: 100% auto;}
.en #matches .group3 .circle.g:after {background: url(https://static7.orstatic.com/info/e-voucher/images/en/phase2/offer_green_tas_m.png) no-repeat center top; background-size: 100% auto;}
.en #matches .group3 .circle.r:after {background: url(https://static5.orstatic.com/info/e-voucher/images/en/phase2/offer_red_tas_m.png) no-repeat center top; background-size: 100% auto;}
.en #matches .group3 .circle.y:after {background: url(https://static5.orstatic.com/info/e-voucher/images/en/phase2/offer_yellow_tas_m.png) no-repeat center top; background-size: 100% auto;}
.en #matches .group4 .circle.g:after {background: url(https://static8.orstatic.com/info/e-voucher/images/en/phase2/offer_green_book_m.png) no-repeat center top; background-size: 100% auto;}
.en #matches .group4 .circle.r:after {background: url(https://static8.orstatic.com/info/e-voucher/images/en/phase2/offer_red_book_m.png) no-repeat center top; background-size: 100% auto;}
.en #matches .group4 .circle.y:after {background: url(https://static8.orstatic.com/info/e-voucher/images/en/phase2/offer_yellow_book_m.png) no-repeat center top; background-size: 100% auto;}

#matches .group .circle a, .en #matches .group .circle a, #matches .group .circle:after, .en #matches .group .circle:after {display: block; position: absolute; width: calc(100% - 27%); height: calc(100% - 27%); top: 0; bottom: 0; left: 0; right: 0; margin: auto; border-radius: 50%;-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;}
#matches .group.active .circle:after, .en #matches .group.active .circle:after {background-position: center bottom; transition: background-position .5s 1.8s ease-in-out;}
#matches .group .circle a {z-index: 1;}
#matches .group p {font-size: 1.2em; font-weight: 600; line-height: 1.4; margin-bottom: .5em;}
.en #matches .group p {font-size: 1em;}
#matches .group small {font-size: .75em;}
#matches .group .lImg {position: absolute; right: 100%; bottom: -3em; width: 287px; height: 319px;}
#matches .group1 .lImg {background: url(https://static8.orstatic.com/info/e-voucher/images/tc/new_img/ill_orpay.png) no-repeat center center; background-size: contain;}
#matches .group2 .lImg {background: url(https://static6.orstatic.com/info/e-voucher/images/tc/new_img/ill_voucher.png) no-repeat center center; background-size: contain;}
#matches .group3 .lImg {background: url(https://static6.orstatic.com/info/e-voucher/images/tc/new_img/ill_tas.png) no-repeat center center; background-size: contain;}
#matches .group4 .lImg {background: url(https://static8.orstatic.com/info/e-voucher/images/tc/new_img/ill_book.png) no-repeat center center; background-size: contain;}
#matches .group .rImg {position: absolute; left: 100%; bottom: -5em; }
#matches .group .rImg .img {width: 253px; height: 252px; margin: 0 auto .75em; background: url(https://static8.orstatic.com/info/e-voucher/images/tc/new_img/receipt.png) no-repeat center center; background-size: contain; display: table; }
#matches .group .rImg .img table {margin: 8% auto 0; width: 77%;}
#matches .group .rImg .img table td {font-size: 1.3em; padding: 0 0.5em; line-height: 1.8; text-align: left;}
#matches .group .rImg .img table td:last-child {text-align: right;}
.en #matches .group .rImg .img table td {line-height: 1.1; padding-bottom: .4em; font-size: 1.1em;}
#matches .group .rImg .img table td:first-child {width: 60%;}
#matches .group .rImg .img table.total {margin-top: .85em; background-color: #ffcb05; border-radius: 50px;}
.en #matches .group .rImg .img table.total {margin-top: .15em; border-radius: 8px;}
#matches .group .rImg .img table.total td {line-height: 2;}
.en #matches .group .rImg .img table.total td {line-height: 1.1; padding: .4em .15em .4em .5em;}
#matches .group .rImg small {display: block; line-height: 1.5;}
#matches .tabs {background-color: #fff; text-align: center; padding: 1em 0 5em;}
#matches .tabs .tab {display: inline-block; position: relative; vertical-align: middle; height: 45px; cursor: pointer; margin: 0 1.25em;}
#matches .tabs .tab:not(:first-child)::before {content: ''; border-right: 2px dotted #ccc; height: 75%; position: absolute; top: 0; bottom: 0; margin: auto; left: -1.25em;}
#matches .tabs .tab.tab1 {background: url(https://static8.orstatic.com/info/e-voucher/images/tc/new_img/tab_orpay_gray.png) no-repeat center center; background-size: contain; width: 150px;}
#matches .tabs .tab.tab2 {background: url(https://static5.orstatic.com/info/e-voucher/images/tc/new_img/tab_voucher_gray.png) no-repeat center center; background-size: contain; width: 120px;}
#matches .tabs .tab.tab3 {background: url(https://static8.orstatic.com/info/e-voucher/images/tc/new_img/tab_tas_gray.png) no-repeat center center; background-size: contain; width: 145px;}
#matches .tabs .tab.tab4 {background: url(https://static7.orstatic.com/info/e-voucher/images/tc/new_img/tab_book_gray.png) no-repeat center center; background-size: contain; width: 210px;}
.en #matches .tabs .tab.tab1 {background: url(https://static8.orstatic.com/info/e-voucher/images/en/new_img/tab_orpay_gray.png) no-repeat center center; background-size: contain; width: 169px;}
.en #matches .tabs .tab.tab2 {background: url(https://static7.orstatic.com/info/e-voucher/images/en/new_img/tab_voucher_gray.png) no-repeat center center; background-size: contain; width: 128px;}
.en #matches .tabs .tab.tab3 {background: url(https://static7.orstatic.com/info/e-voucher/images/en/new_img/tab_tas_gray.png) no-repeat center center; background-size: contain; width: 139px;}
.en #matches .tabs .tab.tab4 {background: url(https://static7.orstatic.com/info/e-voucher/images/en/new_img/tab_book_gray.png) no-repeat center center; background-size: contain; width: 220px;}
#matches .tabs .tab > span {display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0;}
#matches .tabs .tab.tab1 > span {background: url(https://static6.orstatic.com/info/e-voucher/images/tc/new_img/tab_orpay.png) no-repeat center center; background-size: contain;}
#matches .tabs .tab.tab2 > span {background: url(https://static7.orstatic.com/info/e-voucher/images/tc/new_img/tab_voucher.png) no-repeat center center; background-size: contain;}
#matches .tabs .tab.tab3 > span {background: url(https://static7.orstatic.com/info/e-voucher/images/tc/new_img/tab_tas.png) no-repeat center center; background-size: contain;}
#matches .tabs .tab.tab4 > span {background: url(https://static8.orstatic.com/info/e-voucher/images/tc/new_img/tab_book.png) no-repeat center center; background-size: contain;}
.en #matches .tabs .tab.tab1 > span {background: url(https://static6.orstatic.com/info/e-voucher/images/en/new_img/tab_orpay.png) no-repeat center center; background-size: contain;}
.en #matches .tabs .tab.tab2 > span {background: url(https://static8.orstatic.com/info/e-voucher/images/en/new_img/tab_voucher.png) no-repeat center center; background-size: contain;}
.en #matches .tabs .tab.tab3 > span {background: url(https://static8.orstatic.com/info/e-voucher/images/en/new_img/tab_tas.png) no-repeat center center; background-size: contain;}
.en #matches .tabs .tab.tab4 > span {background: url(https://static6.orstatic.com/info/e-voucher/images/en/new_img/tab_book.png) no-repeat center center; background-size: contain;}
#matches .tabs .tab.active > span {opacity: 1;}
#matches .tabs .tab.active:after {content: ''; display: block; position: absolute; width: 0; height: 0; left: 0; right: 0; margin: auto; bottom: calc(100% + 1em); border-bottom: 20px solid #fff; border-left: 20px solid transparent; border-right: 20px solid transparent;}


@media (min-width: 769px) {
  #matches:before {content: ""; background: linear-gradient(-45deg, #fff19d 16px, transparent 0), linear-gradient(45deg, #fff19d 16px, transparent 0); background-position: left top; background-repeat: repeat-x;background-size: 18px 32px;display: block;height: 25px;width: 100%;position: absolute;bottom: 100%;left:0; }
    #matches .tabs .tab > span:hover {opacity: 1;}
  #matches .group > .row > .columns {position: relative; padding: 0 2em;}
  #matches .group > .row > .columns:first-child:before, #matches .group > .row > .columns:first-child:after, #matches .group > .row > .columns:last-child:before, #matches .group > .row > .columns:last-child:after {content: ''; background-color: #4f3d2e; border-radius: 2px; position: absolute;}
  #matches .group > .row > .columns:first-child:before {width: 3em; height: .65em; left: calc(100% - 1.5em); top: 5em;}
  #matches .group > .row > .columns:first-child:after {height: 3em; width: .65em; left: calc(100% - .315em); top: 3.85em;}
  #matches .group > .row > .columns:last-child:before {width: 3em; height: .65em; right: calc(100% - 1.5em); top: 4.5em;}
  #matches .group > .row > .columns:last-child:after {width: 3em; height: .65em; right: calc(100% - 1.5em); top: 5.8em;}
  #matches .group .circle {-moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
  #matches .group .circle.g:hover, #matches .group .circle.r:hover {transform: scale(1.02);}
}
@media (min-width: 1401px) {
  #matches .group > .row > .columns:first-child:before {width: 3em; height: .65em; left: calc(100% - 1.5em); top: 7em;}
  #matches .group > .row > .columns:first-child:after {height: 3em; width: .65em; left: calc(100% - .315em); top: 5.85em;}
  #matches .group > .row > .columns:last-child:before {width: 3em; height: .65em; right: calc(100% - 1.5em); top: 6.4em;}
  #matches .group > .row > .columns:last-child:after {width: 3em; height: .65em; right: calc(100% - 1.5em); top: 7.6em;}
}

@media (max-width: 1400px) {
  #matches .containerS {max-width: 700px;}
  #matches .tabs .tab.tab1 {width: 130px;}
  #matches .tabs .tab.tab2 {width: 100px;}
  #matches .tabs .tab.tab3 {width: 125px;}
  #matches .tabs .tab.tab4 {width: 190px;}
  #matches .group .rImg {bottom: -3.5em;}
  
}

@media (max-width: 768px) {
  #matches .group .rImg .img {width: 253px; height: 252px; margin: 0 auto .75em; background: url(https://static6.orstatic.com/info/e-voucher/images/tc/new_img/receipt_m.png) no-repeat center center; background-size: contain; display: table; }
  #matches {background-color: #fff; background-image: none; padding: 2em 0 0; display: flex; -ms-flex-flow: row wrap;-webkit-flex-flow: row wrap;flex-flow: row wrap;}
  #matches > * {-ms-flex: 0 0 100%;-webkit-box-flex: 0;-webkit-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%; }
  #matches .tt {font-size: 1.8em; order: 1; margin-bottom: .35em;}
  #matches .tt img {max-width: 40px; margin: -.1em .2em 0 0;}
  .en #matches .tt {line-height: 1; margin-bottom: .5em;}
  .en #matches .tt .red {margin-left: 40px;}
  #matches .containerS {background-color: #fff7c8; order: 3; position: relative; margin-top: 0; height: 1100px;}
  .en #matches .containerS {height: 1100px;}
  #matches .tabs {order: 2; padding: 0; height: 50px; position: relative;}
  #matches .tabs .container {font-size: 0; position: absolute; width: 100%; left: 0; background-color: #fff; top: -70px; margin-top: 70px; }
  #matches .tabs .container:after {content: "";background: linear-gradient(135deg, #fff 10px, transparent 0), linear-gradient(225deg, #fff 10px, transparent 0);background-position: left top;background-repeat: repeat-x;background-size: 18px 15px;display: block;height: 15px;width: 100%;position: absolute;top: 100%;left:0; z-index: 1;}
  #matches .tabs.sticky .container {position: fixed; margin-top: 0; top: 0; width: 100%; left: 0; z-index: 10; box-shadow: 0px 13px 13px rgba(0,0,0,.2); transition: top .3s ease;padding-top: 10px;}
  #matches .tabs.sticky.up .container {top: -70px; transition: top .3s ease;}


  #matches .tabs .tab {width: 50px!important; height: 50px; margin: 0 13px;}
  #matches .tabs .tab:not(:first-child)::before {left: -13px; height: 60%;}
  #matches .tabs .tab.tab1 {background: url(https://static8.orstatic.com/info/e-voucher/images/tc/new_img/tab_orpay_gray_m.png) no-repeat center center; background-size: contain; }
  #matches .tabs .tab.tab2 {background: url(https://static5.orstatic.com/info/e-voucher/images/tc/new_img/tab_voucher_gray_m.png) no-repeat center center; background-size: contain; }
  #matches .tabs .tab.tab3 {background: url(https://static5.orstatic.com/info/e-voucher/images/tc/new_img/tab_tas_gray_m.png) no-repeat center center; background-size: contain; }
  #matches .tabs .tab.tab4 {background: url(https://static5.orstatic.com/info/e-voucher/images/tc/new_img/tab_book_gray_m.png) no-repeat center center; background-size: contain; }

  .en #matches .tabs .tab.tab1 {background: url(https://static8.orstatic.com/info/e-voucher/images/en/new_img/tab_orpay_gray_m.png) no-repeat center center; background-size: contain; }
  .en #matches .tabs .tab.tab2 {background: url(https://static8.orstatic.com/info/e-voucher/images/en/new_img/tab_voucher_gray_m.png) no-repeat center center; background-size: contain; }
  .en #matches .tabs .tab.tab3 {background: url(https://static8.orstatic.com/info/e-voucher/images/en/new_img/tab_tas_gray_m.png) no-repeat center center; background-size: contain; }
  .en #matches .tabs .tab.tab4 {background: url(https://static5.orstatic.com/info/e-voucher/images/en/new_img/tab_book_gray_m.png) no-repeat center center; background-size: contain; }

  #matches .tabs .tab > span {display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0;}
  #matches .tabs .tab.tab1 > span {background: url(https://static8.orstatic.com/info/e-voucher/images/tc/new_img/tab_orpay_m.png) no-repeat center center; background-size: contain;}
  #matches .tabs .tab.tab2 > span {background: url(https://static5.orstatic.com/info/e-voucher/images/tc/new_img/tab_voucher_m.png) no-repeat center center; background-size: contain;}
  #matches .tabs .tab.tab3 > span {background: url(https://static8.orstatic.com/info/e-voucher/images/tc/new_img/tab_tas_m.png) no-repeat center center; background-size: contain;}
  #matches .tabs .tab.tab4 > span {background: url(https://static5.orstatic.com/info/e-voucher/images/tc/new_img/tab_book_m.png) no-repeat center center; background-size: contain;}

  .en #matches .tabs .tab.tab1 > span {background: url(https://static6.orstatic.com/info/e-voucher/images/en/new_img/tab_orpay_m.png) no-repeat center center; background-size: contain;}
  .en #matches .tabs .tab.tab2 > span {background: url(https://static8.orstatic.com/info/e-voucher/images/en/new_img/tab_voucher_m.png) no-repeat center center; background-size: contain;}
  .en #matches .tabs .tab.tab3 > span {background: url(https://static6.orstatic.com/info/e-voucher/images/en/new_img/tab_tas_m.png) no-repeat center center; background-size: contain;}
  .en #matches .tabs .tab.tab4 > span {background: url(https://static6.orstatic.com/info/e-voucher/images/en/new_img/tab_book_m.png) no-repeat center center; background-size: contain;}

  #matches .group {padding: 2.5em 1em 1.5em; max-width: 380px; margin: auto; right: 0;}
  #matches .group .groupTT {max-width: 55%; display: inline-block; vertical-align: middle;}
  #matches .group .lImg {position: relative; float: right; width: 45%; height: auto; padding-bottom: 50%; bottom: auto; right: auto; margin-top: -5%;}
  #matches .group > .row > .columns {margin-bottom: .5em; position: relative; }
  #matches .group > .row > .columns .circle {margin: 0 auto;}
  /*#matches .group .circle a, #matches .group .circle:after {width: calc(100% - 25%);height: calc(100% - 25%);}*/
  #matches .group > .row > .columns > .row > .columns:last-child {padding-left: 10px;}
  #matches .group p {font-size: 1.025em; margin-bottom: .25em; line-height: 1.5;}
  #matches .group small {font-size: .7em;}
  #matches .group .rImg {left: 0; right: 0; margin: auto; bottom: 2.5em;}
  #matches .group .rImg .img {width: 85%; height: 240px;}
  /*.en #matches .group .rImg .img {width: 260px; height: 260px;}*/
  #matches .group .rImg .img table {margin: 9% auto 0;}
  .en #matches .group .rImg .img table {width: 72%;margin: 8% auto 0;}

  #matches .group .rImg .img table td {font-size: 1.1em;padding: 0 1em;}
  .en #matches .group .rImg .img table td {font-size: 1em; padding: 0 0.5em 0.3em 0.5em;}
}
@media (max-width: 400px) {
  .en #matches .group p {font-size: 0.9em;}
}
@media (max-width: 320px) {
  #matches .containerS {height: 980px;}
  .en #matches .containerS {height: 1000px;}
  #matches .group p {font-size: .9em; margin-bottom: .25em; line-height: 1.4;}
  .en #matches .group p {font-size: 0.8em;}
  #matches .group small {font-size: .65em;}
  /*.en #matches .group .rImg .img {width: 240px; height: 240px;}*/
  .en #matches .group .rImg .img table td {font-size: 1em;}
  .en #matches .group .rImg .img table {margin: 11% auto 0;width: 78%;}
}


#faq {background-color: #f32027; padding: 3em 0; position: relative; text-align: center;}
#faq:before {content: "";
  background: 
    linear-gradient(-45deg, #f32027 16px, transparent 0), 
    linear-gradient(45deg, #f32027 16px, transparent 0);
  background-position: left top;
  background-repeat: repeat-x;background-size: 18px 32px;display: block;height: 25px;width: 100%;position: absolute;bottom: 100%;left:0;
}
#faq a {display: inline-block;}
@media (max-width: 768px) {
  #faq {padding: 1em 0;}
}