/*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; }
img.ctrImg { display: block; margin: auto; }
@media (max-width:640px) {
  .cou img.ctrImg {  margin: 0px 24px auto; padding: 10px 0 10px;}
  }

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

/*swipebox*/
html.swipebox-html.swipebox-touch{overflow:hidden!important}#swipebox-overlay img{border:none!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#swipebox-container{position:relative;width:100%;height:100%;padding:85px 0;}#swipebox-slider{-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide .swipebox-inline-container,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide img{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide img{max-width: 100%;}#swipebox-slider .slide .swipebox-video-container{background:0 0;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-slider .slide-loading{background:url(../img/loader.gif) center center no-repeat}#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:.5s;transition:.5s;position:absolute;left:0;z-index:9999;height:50px;width:100%}#swipebox-bottom-bar{top:0px;bottom:0px;margin:auto;z-index: 1;}#swipebox-title{display:block;width:100%;text-align:center}#swipebox-title a.giftLink {position: fixed; bottom:85px; left: 0;right:0;margin: auto;font-size: 25px;color:white;display: inline-block;border:1px solid;max-width: 40%;padding: 0.5em 1em;border-radius: 10px;background-color:rgba(255,255,255,0);}#swipebox-title a.giftLink:hover {background-color:rgba(255,255,255,0.3);}.popup #swipebox-slider .slide:after{content: "詳情";display: block;width: 5em;line-height: 2em;font-size: 20px;color: #757575;margin: 0.5em auto;border-radius: 30px;opacity: 1;border:1px solid;font-weight: 400;}.en.popup #swipebox-slider .slide:after{content: "Detials";}#swipebox-title span {color:#fff;}#swipebox-close,#swipebox-next,#swipebox-prev{background-image:url(../images/icons.png);background-repeat:no-repeat;border:none!important;text-decoration:none!important;cursor:pointer;width:50px;height:50px;top:0}#swipebox-arrows{display:block;margin:0 auto;width:100%;height:50px}#swipebox-prev{background-position:-32px 13px;float:left}#swipebox-next{background-position:-78px 13px;float:right}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}.swipebox-no-close-button #swipebox-close{display:none}#swipebox-next.disabled,#swipebox-prev.disabled{opacity:.3}.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring .3s;animation:rightSpring .3s}.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring .3s;animation:leftSpring .3s}.swipebox-touch #swipebox-container:after,.swipebox-touch #swipebox-container:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #656565;box-shadow:inset 10px 0 10px -8px #656565}.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #656565;box-shadow:inset -10px 0 10px -8px #656565}.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}@-webkit-keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@media screen and (min-width:800px){#swipebox-close{right:25px;top:1em;}#swipebox-arrows{width:92%;max-width:800px}}#swipebox-overlay{background:#0d0d0d}#swipebox-bottom-bar,#swipebox-top-bar{text-shadow:1px 1px 1px #000;opacity:.95}#swipebox-top-bar{color:#ffffff!important;font-size:25px;line-height:1.3em;padding:1em 1.5em;z-index: 2;}}@media screen and (max-width:480px){#swipebox-slider .slide img{max-width: 375px;}#swipebox-bottom-bar{top:initial;bottom:88px;}}@media screen and (max-width:320px){#swipebox-slider .slide img{max-width: 320px;}}  

.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: 90%; margin: auto; max-width: 1100px; }
.mbo {display: none;}
#tcBtn {display: inline-block;}
.row .row {margin: 0}


/* HEADER */
.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 > .inner { background-color: #fff; padding: 10px 15px; border-bottom: 1px solid #eee;}
#headerNew .maxWidth { max-width: 1200px;margin: auto;}
#headerNew .openrice-logo > img, #headerNew .group-logo > img { height: 30px; display: inline-block; padding-right:5px;}
#headerNew .headerDesktop { float: right; margin-top: 5px;}
#headerNew .headerDesktop .li { color: #4e3c2e;font-size: 12px;font-weight: 700;display: inline-block;vertical-align: middle;margin-left: 5px; position: relative;}
#headerNew .headerDesktop .li:first-child {font-size: 13px;}
#headerNew .headerDesktop .li > a , #headerNew .headerDesktop .li > div:first-child {color: #4e3c2e;font-size: 12px; border: 1px solid #4e3c2e; padding: 5px 12px; border-radius: 20px; line-height: 1;cursor: pointer;}
#headerNew .headerDesktop .li a.facebook-share {padding: 5px 6px; margin-left: 5px; border-radius: 50%; line-height: 1.2;}
#headbarFaq.open .caret, #headbarLang.open .caret {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.lang-dropmenu-block, .how-dropmenu-block {opacity: 0;display: none; position: relative;background: #fff;-webkit-border-radius: 4px; border-radius: 4px;position: absolute;top: 100%;right: 0;z-index: 1000;padding: 5px 0; margin: 0;margin-top: 7px; font-size: 14px; text-align: left;-webkit-background-clip: padding-box;background-clip: padding-box; border: 1px solid #ccc;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175);}
  .lang-dropmenu-block {min-width: 80px;}
  .how-dropmenu-block {min-width: 130px}
  #headbarFaq.open .how-dropmenu-block, #headbarLang.open .lang-dropmenu-block {opacity: 1;display: block;animation: animShowLangMenu .3s;-webkit-transform: translateY(0px);transform: translateY(0px);}
  @keyframes animShowLangMenu {
    0% {opacity: 0;-webkit-transform: translateY(-10px);transform: translateY(-10px);}
    100% {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
  }
  .lang-dropmenu-block ul, .how-dropmenu-block ul {list-style: none;}
  .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;}

@media (max-width:640px) {
#headerNew .openrice-logo > img, #headerNew .group-logo > img { height: 20px; display: inline-block;vertical-align: text-top;}
#headerNew .headerDesktop { float: right; margin-top: 0px;}
}

@media (max-width:320px) {
#headerNew .openrice-logo > img, #headerNew .group-logo > img { height: 19px;}
#headerNew > .inner { background-color: white; padding: 15px 4px; border-bottom: 1px solid #eee;}}
span.nobreak {white-space: nowrap;
}


body { margin: 0px; background-color: #fff; position: relative; height: 100%; font-family: Lato, "Microsoft YaHei","Source Han Sans",PingFangHK,"Heiti TC",Arial,Verdana,sans-serif; font-weight: 500; color: #222;}
#bodyWrap { margin: auto; /*min-width: 1280px;*/  }
#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); }
  #headmenus {opacity: 1;visibility: visible;width: calc(100% - 50px);height: 100%;position: fixed;top: 0;left: 100%;z-index: 1000;background:url(../images/bg-purple.jpg);-webkit-transition: all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
  #headmenus.navOpened {left: 55px;box-shadow: -4px 0px 4px rgba(0,0,0,0.15);}
  #headmenus > .wrap {overflow-y: scroll; padding: 60px 0 0; text-align: left; height: 100%;}
  #headmenus > .wrap .mmenuKv {background: url(../images/KV-menu.jpg) no-repeat center center; background-size: cover; padding-bottom: 44%; margin-bottom: 30px;}
  #headmenus > .wrap > a {display: block; font-weight: 600; font-size: 24px; letter-spacing: 5px; margin: 10px 30px; line-height: 50px; color: #fff; position: relative; padding-left: 80px; border-radius: 20px;}
  #headmenus > .wrap > a:before {content: ''; display: block; width: 35px; height: 35px; border-radius: 50%; border: 1px solid #fff; position: absolute; left: 25px; top: 0; bottom: 0; margin: auto;}
  #headmenus > .wrap > a.active {border: 1px solid #fff; color: #733588;}
  #headmenus > .wrap > a.active:before {background: url(../images/menu-heart@2x.png) no-repeat center 65%; background-size: 70%; background-color: #733588; border-color: #733588;}
}

@media only screen and (max-width: 340px) {
  #headmenus > .wrap > a {font-size: 20px; letter-spacing: 3px; margin: 5px 20px; padding-left: 70px;}
}

.footerWrap .footerTop {background-color: #000; padding: 30px 15px;}
.footTopTxt {color: #fff;}
.footTopTxt p {font-weight: 800; margin-bottom: 5px; font-size: 1.1rem;}
.footTopTxt small {font-size: 13px;}
.footTopSocialGroup {text-align: right;}
.footTopSocialGroup .foot-social {display: inline-block; vertical-align: middle; margin: 0 5px; }
.footTopSocialGroup .foot-social.ig {background: url(../images/instagram.svg) no-repeat center center; width: 20px; height: 20px;}
.footTopSocialGroup .foot-social.yt {background: url(../images/youtube.svg) no-repeat center center; width: 20px; height: 20px;}
.footTopSocialGroup .foot-social.fb {background: url(../images/facebook.svg) no-repeat center center; width: 20px; height: 20px;}
.footTopSocialGroup .foot-social.mw {background: url(../images/mewe.svg) no-repeat center center; width: 35px; height: 35px;}
#tncBtn {display: inline-block; vertical-align: middle;}
#tncBtn > a {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;}
.footerCR > span {display: inline-block; vertical-align: middle;}
.footerCR > span.copyright-text {font-size: .7rem; margin-left: 5px;}
#backtopBtn {position: absolute;right: 20px;top: -20px;width: 41px;height: 41px;background: url(https://www.openrice.com/info/global/img/backtopArr.png) no-repeat center center / contain;cursor: pointer;}
@media only screen and (max-width: 640px) {
  .footTopTxt {text-align: center;}
  .footTopTxt p {font-size: 1rem;}
  .footTopTxt small {font-size: .8em;} 
  .footTopSocialGroup {text-align: center; margin-top: 20px;}
  .footerCR {text-align: center;}
  .footerCR > span#OR_FOOT_logo {max-width: 15px; vertical-align: top;}
  .footerCR .mRowDrop {display: block;}
}
@media (max-width: 360px) {.footerCR > span {font-size: 9px;}}


.KV {position: relative;z-index: 0;} 
img.maxWidth { width: 100%;}
/* .KV {position: relative; z-index: 0; background: url(../images/KV.jpg) no-repeat center center; padding: 0; background-size: cover; height: 420px;} */
/* #introBoxWrap {position: relative; padding:60px 0; font-size: 0; background-image: url(../images/prize_bg.gif) } */
#introBoxWrap {padding: 40px 0; background: url(../images/intro-bg.jpg) no-repeat center center; background-size: cover; }
#introBoxWrap h1{font-size: 1.5rem;padding:4% 0;color:#a86b31; line-height: 1.4;}
#introBoxWrap p {line-height: 1.6; font-size: 1rem;color: #5a3e1b;}
#introBoxWrap p a {color: #a86b31;}
#introBoxWrap p span {color: #01a78d;font-weight:700;padding: 0 10px; font-size: 1.35em;}
#introBoxWrap p.period {color: #a86b31; letter-spacing: 1px; padding: 0px 0 10px 40px; line-height: 1.5; font-size: 1.25rem; display: block; max-width: 600px; font-weight: 600; margin-top: 20px; position: relative;}
#introBoxWrap p.period:before {content: ''; display: block; position: absolute; left: 0; top: 0px; width: 35px; height: 30px; background: url(../images/intro_date.png) no-repeat center; background-size: contain;}
#introBoxWrap .cou {margin: 15px auto; position: relative; display: block;}
#introBoxWrap #promocode-box {text-align: center; font-weight: 600; overflow: hidden;}
#introBoxWrap #promocode-box .banner {height: 200px; position: relative; background: url(../images/promo-code_bg.jpg) no-repeat center; background-size: cover; border-top-left-radius: 20px; border-top-right-radius: 20px;}
#introBoxWrap #promocode-box .banner h3 {font-size: 1.4rem; position: absolute; left: 0; right: 0; margin: auto; top: 50%; transform: translateY(-50%); color: #000;}
#introBoxWrap #promocode-box .banner h3 span {color: #01a78d; font-size: 1.4em;}
#introBoxWrap #promocode-box .subtext {background-color: #a86b31; font-size: 1.4rem; color: #fff; padding: 10px; line-height: 1.3; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
#introBoxWrap p.quota{text-align: center;font-weight: 800; margin: 2% auto 0 auto;}


/*@media only screen and (min-width: 1500px) {
/*   .KV {background: url(../images/KV.jpg) no-repeat center center; }} */ 

@media (max-width: 736px) {
/*   .KV {background: url(../images/KV_m.jpg) no-repeat center center; background-size: cover; height: auto; padding-bottom: 100%;} */ 
  #introBoxWrap p, #introBoxWrap p.period {font-size: 1rem;line-height: 1.5;}
  .en #introBoxWrap p.period {font-size: 0.8rem;letter-spacing: normal;}
  #introBoxWrap h1{font-size: 1.25rem; text-align: center; line-height: normal;}
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
/*   .KV {background: url(../images/KV_m.jpg) no-repeat center center; background-size: cover; height: auto; padding-bottom: 100%;} */ 
  #introBoxWrap p, #introBoxWrap p.period {font-size: 1.2rem;}
  #introBoxWrap p.period {margin: 25px auto 0px auto;}
}

@media (max-width: 640px) {
  #introBoxWrap {padding: 40px 0px; }
}

/* #prize-section {padding: 4em 0; background-image: url(../images/bk01.jpg)} */
#prize-section {padding: 40px 0; background: url(../images/prize_bg.jpg) no-repeat center center; background-size: cover;}
#prize-section img.title_img {max-width: 320px!important; width: 85%; margin: 0 auto 1rem;}
#prize-section .prize {}
#prize-section .prize img {margin-bottom: 20px;}
#prize-section .prize p {color: #5a3e1b; padding-bottom: 2em}
.voucher-account { text-align: center; font-weight: 800; margin: 2% auto 0 auto; color: #5a3e1b}


.poiList {margin: auto; font-size: 0; text-align: center; display: none;}
.poiList.active {display: block;}
.offerItem {box-shadow: 0px 1px 2px #ddd; position: relative; text-align: left; background-color: #fff;}
#bookingPage .offerItem .itemBtm3 {font-size: 0;}
#bookingPage .offerItem .itemBtm3 a.bookBtn, #bookingPage .offerItem .itemBtm3 .menuBtn {border-radius: 5px!important; width: 48%; font-size: 1.1rem!important; padding: 0 .8rem!important; border-radius: 0!important;}
#bookingPage .offerItem .itemBtm3 a.bookBtn {margin-right: 1%; float: right; border: 1px solid #008543;}
#bookingPage .offerItem .itemBtm3 .menuBtn:hover { color: #008543; }
#bookingPage .offerItem .itemBtm3 .menuBtn { line-height: 2.5;text-align: center;font-weight: 600;color: #555; margin-left: 1%; border: 1px solid; float: left;}
/* .result_wrapper {background:url('../images/poi_bg.gif');padding: 0px 0 60px;} */
.result_wrapper {background: url(../images/poi_bg.jpg); padding: 0px 0 60px;}
.result_wrapper h1.sub-tt_0 {background: url(../images/listing-tt.png) center no-repeat; background-size: contain; padding-bottom: 7%; margin: 20px auto;}

@media (max-width: 768px) {
  .result_wrapper h1.sub-tt_0 {padding-bottom: 20%; }
}

@media (max-width: 640px) {
#prize-section {padding: 2em 0 0 0;}
}

@media (max-width: 375px) {
  #bookingPage .offerItem .itemBtm3 a.bookBtn { /*margin: 5px 0px;*/}
  .result_wrapper h1.sub-tt_0 {margin-top: 40px;padding-bottom: 30%; }
} 


@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
.offerItem {width: 330px; display: inline-block; vertical-align: top; margin: 0 5px 15px; padding: 0 0 90px; }
#bookingPage .offerItem {position: relative; padding-left: 0!important;padding-bottom: 5px !important; font-size: 14px!important; margin-top: 10px!important;}
#bookingPage .offerItem .itemTop {position: relative!important; left: 0; width: 100% !important; height: 150px!important;}
}



@media (min-width: 769px) {
  .poiList {padding: 0;}
  .offerItem {width: 330px; display: inline-block; vertical-align: top; margin: 0 5px 15px; padding: 0 0 90px; }
}
@media (min-width: 641px) {
  #bookingPage .offerItem {
    padding: 0 0 85px!important;
  }
}
@media (max-width: 768px) {
  .result-container {padding: 0 0px 20px;}
  .result_wrapper { padding: 20px 0px;}
  .poiList {padding: 0 15px;}
} 


#bookingPage .itemBtm2 .offerDesc.campaignOfferDesc p {color: #222; line-height: 1.4;}
#bookingPage .itemBtm2 .offerDesc.campaignOfferDesc span {color: #513827; }



.imgeffect:hover {  
   transform: scale(1.02);
}

/*----------------Logo----------------*/
  #logos {border: 1px; /*border-style: solid none; border-image: linear-gradient(45deg, #ffee8e, #dfc149) 1; */background-color: #ffffff; padding:1em 0;}
  #logos .swiper-slide {width: auto; align-self: center;}
  #logos .swiper-slide img {max-width: 100px; max-height: 100px;}
  
/*----------------Override----------------*/ 
#campaigns {background-color: white;margin:0 auto!important;padding-top: 80px;}

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

/* Override */

.anchorNav {margin: 0px auto 50px; text-align: center; height: 75px; }
.anchorNav .mainCats {font-size: 0; position: relative; display: block; text-align: center; margin: 0 auto;  padding: 10px 0; transition: all .2s; background: url(../images/bg-poilisting.jpg) repeat-x center center; background-size: auto 100%;}
.anchorNav.sticky .mainCats {position: fixed; top: 0; left: 0; width: 100%; z-index: 10; }
.anchorNav .mainCats .cat {display: inline-block; vertical-align: middle; position: relative; width: 285px; height: 55px; opacity: .5; cursor: pointer;}
.anchorNav .mainCats .cat.active {opacity: 1;}
.anchorNav .mainCats .cat1 {background: url(../images/booking-tag1.png) no-repeat center center; background-size: contain;}
.anchorNav .mainCats .cat2 {background: url(../images/booking-tag2.png) no-repeat center center; background-size: contain;}

@media (max-width: 768px) {
  .anchorNav { margin: 0 auto 30px; position: relative; height: 50px;}
  .anchorNav .mainCats {display: block;}
  .anchorNav .mainCats .cat {width: 45%; height: 40px; margin: 0 }
  .anchorNav .mainCats .cat2 {position: unset; width: 34%; margin-left: 5%;}
}


/* #booking-menu, #booking-offer {margin-bottom: 70px;}
#bookingPage img.catListTTImg {margin-bottom: 25px;} */
#bookingPage .itemBtm2 p{color: #191919!important; font-weight: 400!important;font-size: 0.8rem!important;line-height: 1.5!important;}
#bookingPage .offerItem .itemBtm2 {border: none!important;}
/* #bookingPage .offerItem .itemTop .badge {position:relative!important; top: 0px!important; left: 0px!important;display: inline-block;vertical-align: top;}
#bookingPage .offerItem .itemTop .badge .offerTxt {background-color: #000!important;position:relative!important;display: inline-block;}
#bookingPage .offerItem .itemTop .badge > div { border-radius:initial!important;}
#bookingPage .offerItem .itemTop .block {position:absolute;top: 7px;left: 13px;font-weight: 800;}
#bookingPage .offerItem .itemTop .badge2 {display: inline-block;}
#bookingPage .offerItem .itemTop .badge2 .offerTxt {background-color: #ffffff; position: relative; color: black; line-height: 2; vertical-align: middle; padding: 0 8px;}
#bookingPage .offerItem .itemTop .badge2 > div {font-size: 1.1rem;} */
#bookingPage .offerItem .offer-block {padding: 1em;}
#bookingPage .offerItem .offer-row {padding: .3em 0;}
#bookingPage .offerItem .menu .offer-row .LS {position: relative; padding-right: 15px;}
#bookingPage .offerItem .menu .offer-row .LS:after {content: ''; display: block; width: 1px; height: 70%; background-color: #bbb; position: absolute; right: 10px; top: 0; bottom: 0; margin: auto;}
#bookingPage .offerItem .offer-row .RS.hasBtn {padding-right: 55px; position: relative;}
#bookingPage .offerItem .offer-row span, #bookingPage .offerItem .offer-row a {display: inline-block; vertical-align: middle;}
/* #bookingPage .offerItem .offer-row .icon {width: 30px; height: 30px; margin-right: 5px;} */
#bookingPage .offerItem .offer-row .icon_tt {font-size: 1.1em; font-weight: bold; color: #000;}
#bookingPage .offerItem .offer-row .tt {font-size: 1.4em; font-weight: 600;}
#bookingPage .offerItem .booking .offer-row .tt {font-size: 1.2em; color: #000;}
#bookingPage .offerItem .offer-row .linkBtn {position: absolute; right: 0px; top: 0px; width: 50px; text-align: center; color: #009245; border: 1px solid; border-radius: 4px; display: block; line-height: 1.9; font-size: .9em;}
#bookingPage .offerItem .offer-row .linkBtn:hover {color: #fff; border: 1px solid #009245; background-color:#009245 }

#bookingPage .offerItem .offer-row .offer-tag {background: #009245; color: #fff; font-size: 1.15em; line-height: 1.8; font-weight: 600; text-align: center; border-radius: 30px; padding: 0 10px; min-width: 70px;}

#offer-more .offerItem {padding-bottom: 10px!important; text-align: center!important;}
#offer-more .offerItem .tag {position: absolute; left: 0; top: 10px; display: inline-block; line-height: 1.8; padding: 0 15px; color: #fff; background-color: #91633F; font-size: 1.1rem;}

.vw .v {display: none;}
.vw .v.active {display: block;}
#bookingPage .offerItem .itemTop .icon {position:absolute;top: 7px;left: 13px; width: 30px; height: 30px; display: block;}
#bookingPage .offerItem .itemBtm .poiName, #bookingPage .offerItem .itemBtm small {display: inline-block!important; vertical-align: middle; }
#bookingPage .offerItem .itemBtm .poiName {padding: 0 5px 0 0!important;font-size: 1.1rem!important;}
#bookingPage .offerItem .itemBtm .offerTT {font-size: 1.3em; display: block; color: #000; font-weight: 600; margin: .25em 0 .15em;}
#bookingPage .offerItem .offerBtns {padding: .75em 1em;}
#bookingPage .offerItem .offerBtns .offerBtn {cursor: pointer; font-size: 1em; text-align: center; border-radius: 4px; line-height: 1.7; padding: 0 10px; border: 1px solid; color: #000; font-weight: 600; display: inline-block; vertical-align: top; margin-right: 0.25%; margin-bottom: .3em;}
#bookingPage .offerItem .offerBtns .offerBtn.active {color: #fff; background-color: #000; border-color: #000; cursor: default;}
#bookingPage .offerItem .remark p {font-size: 0.8em; color: #8a8a8a; -webkit-line-clamp : 3; max-height: calc(.8em * 1.6 * 3); display : -webkit-box; -webkit-box-orient : vertical; position: relative; line-height: 1.6; overflow: hidden; text-overflow: ellipsis; padding: 0 1em;}
#booking-menu .offerItem .itemBtm3 .price_o {display: inline-block; vertical-align: bottom;color: #ed1c24; font-size: .9rem; display: block; padding-left: 2px; text-decoration: line-through; font-style: italic; display: inline-block;letter-spacing: -1px}
#booking-menu .offerItem .itemBtm3 .price_d {display: inline-block; vertical-align: bottom; color: #009245; font-size: 2rem; position: relative; font-weight: 800; line-height: 1;margin-right: 0.1em;}
#booking-menu .offerItem .itemBtm3 a.bookBtn {display: block; width: 100%!important; margin: 0!important; float: none!important;}

@media (max-width: 768px){
  #bookingPage .offerItem .itemTop .badge .offerTxt {font-size: 1.2rem;}
  #bookingPage .offerItem .itemTop .badge2 .offerTxt {font-size: 1.2rem;}
}

@media (max-width: 640px){
#bookingPage .offerItem {margin-top: 20px!important;}
#bookingPage .offerItem .itemBtm3{margin-top: 10px; padding: 0 1rem!important;}

}

@media (max-width: 320px){
#bookingPage .offerItem .offer-row .icon_tt {font-size: 1em; font-weight: bold;}
}



#offer-more {text-align: center; position: relative; max-width: 1200px; margin: 3rem auto 0; padding: 0 1rem;}
#offer-more img.catListTTImg {max-width: 320px!important; width: 85%; margin: 0 auto 1rem;}
#offer-more > p {color: #5a3e1b; margin-bottom: 2.5rem;}
#offer-more > p .orpayIco {display: inline-block; vertical-align: bottom; width: 30px; height: 30px; background: url(../images/OR_PAY_RGB.png) no-repeat center; background-size: contain; margin: 0 2px;}
#offer-more .offerItem {width: 100%!important; margin: 0!important; max-width: none!important; padding: 0!important;}
#offer-more .offerItem .itemTop {padding: 0!important; height: auto!important;}
#offer-more .offerItem .itemTop .offerImg {padding-bottom: 50%;}
#offer-more .swiper-button-next:after, #offer-more .swiper-button-prev:after {color: #fff;}
@media (min-width: 769px) {
  /*#offer-more {padding: 0 3rem;}*/
  #offer-more .swiper-slide {width: calc(1160px / 3);}
}
@media (max-width: 768px) {
  #offer-more .swiper-button-next, #offer-more .swiper-button-prev {display: none;}
}