/*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; }
img.maxWidth{width: 100%}
@font-face {
  font-family: 'openrice';
  src:  url('../fonts/icomoon.eot?vcyzrx');
  src:  url('../fonts/icomoon.eot?vcyzrx#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?vcyzrx') format('truetype'),
    url('../fonts/icomoon.woff?vcyzrx') format('woff'),
    url('../fonts/icomoon.svg?vcyzrx#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
html {
  scroll-behavior: smooth;
}
[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;letter-spacing: 5px;}
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: 1px;}
.en *, .en {letter-spacing: 0!important;}
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;}
.containerXL { width: 100%; margin: auto; max-width: 1400px; }
.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}

/* skeleton */
.skeleton {background-color: #e2e5e7; background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); background-size: 40px 100%; background-repeat: no-repeat; background-position: left -40px top 0; -webkit-animation: shine 1s ease infinite; animation: shine 1s ease infinite; }

@-webkit-keyframes shine {
  to {
    background-position: right -40px top 0;
  }
}

@keyframes shine {
  to {
    background-position: right -40px top 0;
  }
}

.caret {display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 4px solid;border-right: 4px solid transparent;border-left: 4px solid transparent;}
.headerInner{position:relative}@font-face{font-family:icomoon;src:url(https://www.openrice.com/info/global/icomoon/icomoon.eot?ee7fk8);src:url(https://www.openrice.com/info/global/icomoon/icomoon.eot?ee7fk8#iefix) format('embedded-opentype'),url(https://www.openrice.com/info/global/icomoon/icomoon.ttf?ee7fk8) format('truetype'),url(https://www.openrice.com/info/global/icomoon/icomoon.woff?ee7fk8) format('woff'),url(https://www.openrice.com/info/global/icomoon/icomoon.svg?ee7fk8#icomoon) format('svg');font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:icomoon!important;speak:none;font-style:normal;font-weight:700;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-google:before{content:"\e900"}.icon-facebook:before{content:"\ea90"}.icon-twitter:before{content:"\ea96"}.icon-youtube:before{content:"\ea9d"}.icon-instagram:before{content:"\ea92"}.icon-chevron-thin-left:before{content:"\e902"}.icon-chevron-thin-right:before{content:"\e901"}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.headerInner .li,.headerInner .li a{color:#4e3c2e;font-size:14px}* html .clearfix{zoom:1}img{max-width:100%}.globalContainer{max-width:1000px;width:100%;margin:auto;padding:8px}.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: 8px 15px; border-bottom: 1px solid #eee;}
#headerNew .maxWidth { max-width: 1200px;margin: auto;}
#headerNew .openrice-logo > img { height: 30px; display: inline-block; }
#headerNew .P-logo {display: inline-block;max-width: 180px; vertical-align: middle; margin-left: .75em; padding-left: .75em; position: relative;}
#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 > div:first-child{display:none ;}
#headerNew .headerDesktop a.buynow{font-weight: 800;border: initial;font-size: 15px; background-color: #f71c31; padding: 5px 12px;border-radius: 3px;line-height: 1; cursor: pointer; letter-spacing: 2px;  color: #ffffff;}
#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);}
.faq{color: #4e3c2e; font-size: 12px; border: 1px solid #4e3c2e; padding: 5px 12px; border-radius: 20px; line-height: 1; cursor: pointer; display: inline-block;}


.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 { height: 22px; display: inline-block;}
#headerNew .headerDesktop {margin-top: 2px;}
}

@media (max-width:340px) {
  #headerNew .openrice-logo > img {height: 19px;}
  #headerNew .headerDesktop a.buynow{display:none;}
}

@media (max-width:320px) {
#headerNew > .inner { background-color: #fff; padding: 10px; 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.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 > 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;}
}

@media only screen and (max-width: 340px) {
  #headmenus > .wrap > a {font-size: 20px; letter-spacing: 3px; margin: 5px 20px; padding-left: 70px;}
}
.footerWrap  {position: relative;}
.footerWrap .footerTop {background-color: #000; padding: 30px 15px;}
.footTopTxt {color: #fff;}
.footTopTxt p {font-weight: 600; margin-bottom: 5px; font-size: 1.1rem;}
.footTopTxt small {font-size: .8em;}
.en .footTopTxt small {font-size: .75em;}
.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 {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: .6rem; margin-left: 5px;}
#backtopBtn { position: absolute;left: 0;right: 0;margin: auto;top: -20px;width: 41px;height: 41px;background: url(https://www.openrice.com/info/global/img/backtopArr.png) no-repeat center center; background-color: #fff; cursor: pointer;z-index: 10;border: 1px solid #b7b7b7;border-radius: 50%;}
@media only screen and (max-width: 640px) {
  .footTopTxt {text-align: left;}
  .footTopTxt p {font-size: .8rem;}
  .footTopTxt small {font-size: .6em;} 
  .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;}}

/*----------------component--------------------------*/
.title{width: 480px;height: 110px;margin: auto;}
.cou {display: inline-block; vertical-align: top;vertical-align: top;width: 60%; margin: 0px 25%; position: relative; text-align: center;}


/*----------------Intro--------------------------*/
.KV {position: relative; z-index: 0; } 
#introBoxWrap {position: relative; background: url(../images/part1_bg.png) no-repeat top center;padding: 80px 0 50px;background-color: #1d433c;background-size: contain; }
#introBoxWrap p {font-weight: 400;line-height: 1.5;font-size: 1rem;letter-spacing: 0.5px; color: #ffffff; }
#introBoxWrap p.term{ text-align: center;padding: 30px 0 0; font-size: 20px;font-weight: 600;}
#introBoxWrap span.green {color: #15944a; font-weight: 800;}
#introBoxWrap span.red {color: #ec1e24; font-weight: 800;}
#introBoxWrap p span.red {font-size: 1.3em;}
#introBoxWrap p.period {border-radius: 3rem;background-color: #285b52;color: #ffdaa3;display: block; margin: 20px auto; text-align: center; width: 100%; line-height: 2.5; font-size: 1.1rem; font-weight: 800;}
#introBoxWrap h1{color:#ffe4aa;font-size: 1.6rem; padding-bottom: 15px;}
.intro{padding:50px 70px 0 70px;}
#aboutPheonix{background: url(../images/abt-info.jpg) no-repeat top center;background-size: cover;height: auto;padding: 35px 0;}
#aboutPheonix h2{text-align: center;color: white; padding:15px;border-bottom: 6px dotted;}
#aboutPheonix h3{font-size:1.2rem;color: white;margin-top: 20px;}
#aboutPheonix p{text-align: center;color: white; padding: 10px 0;font-size: 15px;line-height: 23px;}
#aboutPheonix img{ width:90%;}
#aboutPheonix .mallinfo{ padding: 5px;}
#aboutPheonix small{color:white}
.mallinfo2{padding-top: 20px;}
/*----------------End of Intro--------------------------*/


/*----------------Reward--------------------------*/
#RewardBoxWrap {position: relative; background: url(../images/part2_bg.jpg) no-repeat top center;padding: 50px 0px 0;background-color: #a61b2e;background-size: contain; }
#RewardBoxWrap .title.title1{background: url(../images/online_title.png) no-repeat top center;background-size: contain;}
#RewardBoxWrap .title.title1-1{background: url(../images/1st.png) no-repeat top center;background-size: contain;}
#RewardBoxWrap .title.title1-2{background: url(../images/3rd.png) no-repeat top center;background-size: contain;}
#RewardBoxWrap p {font-weight: 400;line-height: 1.5;font-size: 1rem;letter-spacing: 0.5px; color: #ffffff; padding-top: 2%;}
#RewardBoxWrap p.term{width: 25%;border-radius: 3rem; background-color:#285b52; color:#ffdaa3; display: block; margin: 20px auto; text-align: center;line-height: 1; font-size: 1.3rem; font-weight: 800;padding: 15px;}
#RewardBoxWrap p.term2{width: 55%;color: #ffffff;display: block;margin: 20px auto;text-align: center;line-height: 1.5;font-size: 1.5rem;padding: 15px;font-weight: 800;}
#RewardBoxWrap h1{color:#ffe4aa;font-size: 1.6rem;}
#RewardBoxWrap p{line-height: 1.5;font-size: 1.5rem;letter-spacing: 0.5px;color: #ffffff; padding-top: 2%; font-weight: 800;}
#RewardBoxWrap .cou{width: 70%;margin: 0px 10%;}
#RewardBoxWrap img.promocode{filter: drop-shadow(2px 4px 6px #440E17);padding:45px 0; width: 80%;}
#RewardBoxWrap .intro::after{}
.image-grid { display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 5px; margin: auto; width: 85%; justify-items: center; padding: 30px 0 20px 0;}
.image {position: relative;background-color: #ccc;font-weight: 700; padding: 20px; text-align: center; width: 120px;  height: 120px;}
.image-grid .image:nth-child(1){background: url(../images/icon-1.png) no-repeat top center;background-size: contain;}
.image-grid .image:nth-child(2){background: url(../images/icon-2.png) no-repeat top center;background-size: contain;}
.image-grid .image:nth-child(3){background: url(../images/icon-3.png) no-repeat top center;background-size: contain;}
.image-grid .image:nth-child(4){background: url(../images/icon-4.png) no-repeat top center;background-size: contain;}
.image-grid .image:nth-child(5){background: url(../images/icon-5.png) no-repeat top center;background-size: contain;}
.candyline{background: url(../images/candy-pattern.png) repeat;  background-size: contain; height: 6px; margin:25px 0 55px 0;}
.prize_info{padding: 50px;}
img.bigprize{width: 55%;transform: translateY(-65px);}
img.secondprize{ width: 65%;z-index: 2;position: relative;}
img.prize{ width: 70%;z-index: 2;position: relative;}
#RewardBoxWrap2{position: relative; background: url(../images/part3_bg.png) no-repeat top center;padding: 90px 0;background-color: #2bada6;background-size: contain; }
#RewardBoxWrap2 h2{font-size: 31px;background: -webkit-linear-gradient(#FCE2BC, #ffedd2,#EFBD6E); -webkit-background-clip: text;-webkit-text-fill-color: transparent;padding:12px 0;filter: drop-shadow(2px 3px 3px #1F726C);}
#RewardBoxWrap2 .title.title3{background: url(../images/offline_title.png) no-repeat top center;background-size: contain;}
#RewardBoxWrap2 .title.title3-1{background: url(../images/1st.png) no-repeat top center;background-size: contain;}
#RewardBoxWrap2 .title.title3-2{background: url(../images/2nd.png) no-repeat top center;background-size: contain;}
#RewardBoxWrap2 .info{padding:30px}
#RewardBoxWrap2 p.term{width: 100%;color: #ffffff;display: block;margin: 20px auto;text-align: center;line-height: 1.5;font-size: 1.1rem;padding: 15px;letter-spacing: 1px;}
#RewardBoxWrap2:after{background: url(../images/part3_bg_bottom.jpg) no-repeat top;content: ''; background-size: cover; z-index: 1; bottom: 0; position: absolute; width: 100%; height:15%;}
#RewardBoxWrap2 .prize_info{padding: 20px 0 130px 0;}
.icons.active{border-top: 1px dashed;border-bottom: 1px dashed;border-color: #a5a5a5;width: 85%;left: 25px;display: flex;bottom: 75px;position: absolute; justify-content: center;padding: 10px;}
.icons{border-top:initial;border-bottom: initial;}
#RewardBoxWrap2 .prize_text{padding: 0 25px;text-align: center;}
#RewardBoxWrap2 .image-grid .image:nth-child(1){background: url(../images/ball/mall-1.png) no-repeat top center;background-size: contain;width: 230px;height: 230px;}
#RewardBoxWrap2 .image-grid .image:nth-child(2){background: url(../images/ball/mall-2.png) no-repeat top center;background-size: contain;width: 275px;height: 275px;}
#RewardBoxWrap2 .image-grid .image:nth-child(3){background: url(../images/ball/mall-3.png) no-repeat top center;background-size: contain;width: 235px;height: 245px;right: -25px;}
#RewardBoxWrap2 .image-grid .image:nth-child(4){background: url(../images/ball/mall-mix.png) no-repeat top center;background-size: contain;width: 275px;height: 260px;}
/* 
#RewardBoxWrap2 .image-grid .image:nth-child(5){background: url(../images/ball/mall-5.png) no-repeat top center;background-size: contain;width: 130px;height: 130px;}
#RewardBoxWrap2 .image-grid .image:nth-child(6){background: url(../images/ball/mall-6.png) no-repeat top center;background-size: contain;width: 140px;height: 140px;}
*/
#RewardBoxWrap2 img.timetable{padding: 50px 0;width: 70%;}


.image-grid.mob{display: none;}
.mall_ball_m{padding: 0 10px; width:auto;}
.coast{border-bottom: 1px solid;padding: 10px;}
/*----------------End of Reward--------------------------*/



/*----------------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;}
#logos .swiper-slide img {max-width: 100px;}
/*----------------End of Logo--------------------------*/  
  

/*----------------Listing--------------------------*/
.buicon{width: 65px;height: 65px;position: relative;display: inline-block;margin: 0 10PX;}
.buicon.Booking{background: url(../images/bu-icon/icon-1-booking.png) no-repeat top center;background-size: contain;}
.buicon.PreBook{background: url(../images/bu-icon/icon-2-prebook.png) no-repeat top center;background-size: contain;}
.buicon.TAS{background: url(../images/bu-icon/icon-3-tas.png) no-repeat top center;background-size: contain;}
.buicon.Voucher{background: url(../images/bu-icon/icon-4-voucher.png) no-repeat top center;background-size: contain;}
.buicon.Orpay{background: url(../images/bu-icon/icon-5-orpay.png) no-repeat top center;background-size: contain;}
/*----------------End of Listing--------------------------*/  


.result_wrapper { background: url(../images/list-pattern.png) ; background-size: contain; padding-bottom: 2%;}
.result_wrapper .ttImg {display: block;margin: 0px auto 50px; width: 300px; height: 75px;}
#bookingPage.result_wrapper .ttImg {background: url(../images/P_logo_tc.png) no-repeat center center; background-size: contain;}
.poiList {margin: auto; font-size: 0; text-align: center; display: none;}
.poiList.active {display: block;}
.poiList .catListTTImg {max-width: 250px; margin: 3rem auto;filter: drop-shadow(2px 2px 2px #663128);}
.offerItem {box-shadow: 0px 1px 2px #ddd; position: relative; text-align: left; background-color: #fff;}
.offerItem .btn a {min-width: 90px;}
.result_wrapper .btns {text-align: center; margin: 10px auto 0;}
.result_wrapper .btns > a {display: inline-block; vertical-align: middle; width: 100%; font-size: 1.5rem; text-align: center; padding: 0 15px; font-weight: 600; border-radius: 10px; border: 2px solid #ec1e24; line-height: 2.5;}
.zh .result_wrapper .btns > a {letter-spacing: 2px; }
.result_wrapper .btns > a:first-child {background-color: #ec1e24; color: #fff; }
.result_wrapper .btns > a:last-child {background-color: #fff; color: #ec1e24; }
.result_wrapper .btns > a span:after {content: ''; display: inline-block; vertical-align: middle; width: 35px; height: 23px; margin-left: 5px;}
.result_wrapper .btns > a:first-child span:after {background: url(../images/bn_arrow.png) no-repeat center center; background-size: contain;}
.result_wrapper .btns > a:last-child span:after {background: url(../images/bn_arrow_red.png) no-repeat center center; background-size: contain;}
#bookingPage .offerItem .itemTop .badge .offerTxt span small{width: 83px!important; line-height: 2!important; font-size:14px!important;}
.en #bookingPage .offerItem .itemTop .badge .offerTxt span small, #bookingPage.en .offerItem .itemTop .badge .offerTxt span small {
    letter-spacing: 0!important;;
    width: 53px!important;}


/*----------------POI Code Widget--------------------------*/  
#bookingPage .itemBtm .offerDesc > span {list-style: decimal;display: list-item;margin-left: 1.15em;margin-bottom: .5em;}
#bookingPage .itemBtm .offerDesc strong{font-size:22px;color:red;}
#bookingPage #promocode p{display: inline-block; padding-bottom: 10px;font-weight: 800;color: #029241;font-size: 0.9rem}
#bookingPage #promocode .online_code span{font-size: 1rem;padding: 2px 6px;background-color: #029241;color: white;padding: 3px 5px ;border-radius: 5px;}
#bookingPage #promocode .offline_code span{font-size: 1rem;padding: 2px 6px;background-color: #029241;color: white;padding: 3px 5px ;border-radius: 5px;}
#bookingPage #promocode .online_code{padding-bottom: 5px;}
#bookingPage #promocode .online_code::before{content: '';background: url(../images/icon_online_promo.png) no-repeat center center; background-size: contain; display: inline-block; width: 25px; height: 25px; vertical-align: middle; margin: 0 5px 5px 0;}
#bookingPage #promocode .offline_code::before{content: '';background: url(../images/icon_offline_promo.png) no-repeat center center; background-size: contain; display: inline-block; width: 25px; height: 25px; vertical-align: middle; margin: 0 5px 5px 0;}
#promocode{padding:5px 15px;}
/*----------------End of POI Code Widget--------------------------*/  


/* Tab Menu */
.anchorNav { padding: 1% 0;margin:20px auto 20px auto;position: relative;text-align: center; background: url(../images/tab/tab-bar.jpg);background-size: cover;width: 60%;}
.anchorNav .container {-webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; top: -70px; text-align: center; font-size: 0;}
.anchorNav.sticky .container {position: fixed; z-index: 5; width: 100%; max-width: 100%; right: 0; top: 0; -webkit-transition: all .1s; -moz-transition: all .1s; transition: all .1s; box-shadow: 0px 0px 6px 1px rgba(0,0,0,.2); background: url(../images/bar-pattern.png); background-color: white;border-image: linear-gradient(45deg, #ffc107, #ffffff);box-shadow: 5px 5px 5px #7a7a7aab; padding: 25px 10px;}
.anchorNav .filterBtn, .anchorNav .allBtn {filter: drop-shadow(3px 3px 3px #663128);display: inline-block; vertical-align: middle; position: relative; margin: 0 10px; cursor: pointer; padding: 0; height: 60px; width:  250px;}
.anchorNav .filterBtn#tap-1 {background: url(../images/tab/tab-1.png) no-repeat center center; background-size: contain;}
.anchorNav .filterBtn#tap-2 {background: url(../images/tab/tab-2.png) no-repeat center center; background-size: contain;}
.anchorNav .filterBtn#tap-3 {background: url(../images/tab/tab-3.png) no-repeat center center; background-size: contain;}
.anchorNav .filterBtn#tap-4 {background: url(../images/tab/tab-4.png) no-repeat center center; background-size: contain;}
.anchorNav .filterBtn#tap-5 {background: url(../images/tab/tab-5.png) no-repeat center center; background-size: contain;}
/*.anchorNav .allBtn {background: url(../images/tab/tab-5.png) no-repeat center center; background-size: contain;}*/
.anchorNav .filterBtn.active {}
.anchorNav .filterBtn#tap-1.active, .anchorNav .filterBtn#tap-1:hover {background: url(../images/tab/tab-1-on.png) no-repeat center center; background-size: contain;}
.anchorNav .filterBtn#tap-2.active, .anchorNav .filterBtn#tap-2:hover {background: url(../images/tab/tab-2-on.png) no-repeat center center; background-size: contain;}
.anchorNav .filterBtn#tap-3.active, .anchorNav .filterBtn#tap-3:hover {background: url(../images/tab/tab-3-on.png) no-repeat center center; background-size: contain;}
.anchorNav .filterBtn#tap-4.active, .anchorNav .filterBtn#tap-4:hover {background: url(../images/tab/tab-4-on.png) no-repeat center center; background-size: contain;}
.anchorNav .filterBtn#tap-5.active, .anchorNav .filterBtn#tap-5:hover {background: url(../images/tab/tab-5-on.png) no-repeat center center; background-size: contain;}
/*.anchorNav .allBtn.active, .anchorNav .allBtn:hover {background: url(../images/tab/tab-5.png) no-repeat center center; background-size: contain;}*/

/*Wtsapp popup box*/
#wtsapp-box { position: fixed;z-index: 5; bottom: 2rem;right: 100px; opacity: 0; transition: all .3s ease-in-out;}
#wtsapp-box.show {right: -1rem; opacity: 1;}
#wtsapp-box a {display: block;width: 138px;height: 150px; background: url(../images/wts-icon.png) no-repeat center center; background-size: contain;filter: drop-shadow(2px 4px 6px #69111d);}



/* 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);
}


@media only screen and (min-width: 769px) {
  #introBoxWrap p span.hl {margin-top: -7px;}
  .result-container {margin-bottom: 40px;}
  .poiList {padding: 0;}
  .result_wrapper .btns > a {width: 300px; margin: 0 5px;}
}

@media (max-width: 768px) {
  #introBoxWrap {padding: 30px 20px 40px; }
  #introBoxWrap h3 {font-size: 1.55em; text-align: center;}
  #introBoxWrap p {font-size: 1.4rem; text-align: center;}
  #introBoxWrap small {font-size: .65em; text-align: center; letter-spacing: 0;}
  #introBoxWrap .cou {width: 75%; margin: 0px 10%;}
  #introBoxWrap span.green {color: #15944a; font-size: 1.5em;}
  #introBoxWrap span.red {color: #ec1e24; font-size: 1.5em;}
  #introBoxWrap small a {color: #222;letter-spacing: 1px; display: inline-block; border-bottom: 1px solid; margin-top:10px;}
  #introBoxWrap img.ctrImg{padding: 10px;}
  #introBoxWrap h1{text-align: center; padding-bottom: 10px;margin-top: 26px;}
  .title {width: 355px;height: 85px;}
  .intro {padding: 20px;}
  .image-grid { display: flex; grid-gap: 10px; padding: 15px 25px;width: auto;}
  .anchorNav { padding: 5% 0; width: 100%;}
  .anchorNav .filterBtn, .anchorNav .allBtn {width: 23%;}
  .result-container {padding: 0 15px 20px;}
  .result_wrapper .ttImg {margin: 0 auto 25px; width: 220px; height: 55px;}
  #RewardBoxWrap h1{text-align: center;padding-top: 10px;}
  #RewardBoxWrap p{text-align: center;font-size: 1.1rem;}
  #RewardBoxWrap p.term {font-size: 1.2rem;width: 70%;margin: 5px auto;}
  #RewardBoxWrap p.term2{ font-size: 1.1rem;  width: 95%;  margin: 5px auto;}


  .candyline { margin: 5px 0px 40px 0;}
  .prize_info { padding: 0 0 30px;}
  .prize_info img{max-width: 90%;}
  img.bigprize {width: 100%;transform: initial;}
  img.prize{width: 100% ;padding: 4px;}
  #bookingPage .offerItem .itemTop .badge .offerTxt span small {height: 45px!important;line-height: 2.5!important;}
  .en #bookingPage .offerItem .itemTop .badge .offerTxt span small {width: 60px!important;}
  .result_wrapper .btns {padding: 0 15px; margin-top: 0;}
  .result_wrapper .btns > a {font-size: 1.2rem; margin: 5px auto; line-height: 2.2; }
  .result_wrapper .btns > a span:after {height: 18px; width: 27px; margin-top: -1px;}
  .banner{width:80%; padding-top:20px}
  #whatsappBox a {width: 250px; height: 80px;}
  #RewardBoxWrap2 { padding: 60px 0;}
  #RewardBoxWrap2 img{width:90%;padding-top: 20px;}
  #RewardBoxWrap2 img.timetable{padding: 30px 0;width: 90%;}
  #RewardBoxWrap2 .image-grid .image:nth-child(1) {background: url(../images/ball/mall-1.png) no-repeat top center; background-size: contain;width: 195px;height: 200px;}
  #RewardBoxWrap2 .image-grid .image:nth-child(2) {background: url(../images/ball/mall-2.png) no-repeat top center; background-size: contain;width: 195px;height: 200px;}
  #RewardBoxWrap2 .image-grid.col-mid  .image:nth-child(1){background: url(../images/ball/mall-mix-m.png) no-repeat top center;background-size: contain; width: 375px;height: 230px;bottom: -20px;}
  #RewardBoxWrap2 .image-grid.col2  .image:nth-child(1){background: url(../images/ball/mall-4.png) no-repeat top center;background-size: contain;width: 105px;height: 105px;}
  #RewardBoxWrap2 .image-grid.col2  .image:nth-child(2){background: url(../images/ball/mall-5.png) no-repeat top center;background-size: contain; width:160px;height: 160px;}
  #RewardBoxWrap2 .image-grid.col2  .image:nth-child(3){background: url(../images/ball/mall-6.png) no-repeat top center;background-size: contain; width: 120px;height: 140px;right:0;}
  #RewardBoxWrap2:after{background: url(../images/part3_bg_bottom-m.png) no-repeat top;content: ''; background-size: cover; z-index: 1; bottom: 0; position: absolute; width: 100%; height: 10%;}
  #RewardBoxWrap2 h2{font-size: 26px;}
  #RewardBoxWrap2 p.term {width: 95%;}
  #aboutPheonix{background: url(../images/abt-info-m.jpg) no-repeat top center;background-size: cover;height: auto;padding:25px 0;}
  #aboutPheonix p{font-size: 15px;line-height: 18px; padding: 20px;}
  #aboutPheonix h2 {width: 75%; margin: auto;}
  #aboutPheonix img{ width:100%;}
  .image{ height: 90px;}
  .image-grid.desktop{display: none;}
  .image-grid.col1{ display: grid;grid-template-columns: repeat(2, 1fr); grid-gap: 10px; margin: auto; justify-items: center;padding: 15px 0 15px 0;;}
  .image-grid.col-mid{ display:flex; margin: auto;justify-content: center;padding: 0;}
  .image-grid.col2{ display: grid;grid-template-columns: repeat(3, 1fr); grid-gap: 10px; margin: auto; justify-items: center;padding: 0;}
  #wtsapp-box.show {right: -0.5rem;}
  #wtsapp-box a{width: 100px;height: 110px; }
  #promocode {margin-top: -10px;padding: 0 15px 15px;}

}

@media (max-width: 640px) {
  #headerNew .P-logo {max-width: 150px;margin-left: 0;}
  #introBoxWrap {padding: 30px 5px 40px}
  #introBoxWrap p {font-size: 1rem; text-align: center;}
  #aboutPheonix .mallinfo p{font-size: 13px;}
  #introBoxWrap p.period {font-size: 1em; letter-spacing: 0;}
  #introBoxWrap small {font-size: .9rem; text-align: center; letter-spacing: 0;}
  #introBoxWrap span.green {color: #15944a; font-size: 1.2em;}
  #introBoxWrap span.red {color: #ec1e24; font-size: 1.2em;}
  .title_img {padding-bottom: 2%;}
  .title_img img{max-width: 90%;}
  .list-btn img{ max-width: 100%; padding:5%;}
  .anchorNav .container {font-size: 0; padding: 0 10px;}
  .sticky{white-space: nowrap;overflow-y: scroll;-ms-overflow-style: none;scrollbar-width: none; }
  .anchorNav .container::-webkit-scrollbar {display: none;}
  /* .anchorNav {height: auto; padding: 0;} */
  /* .anchorNav .container {padding: 0 10px;} */
  .anchorNav .filterBtn, .anchorNav .allBtn { margin: 0 1%; height: auto; width: 48%; padding-bottom: 19%;}
  .anchorNav.sticky .container{padding: 16px;overflow-y: scroll;}
}
@media (min-width: 641px) {
  .offerItem {width: 380px; display: inline-block; vertical-align: top; margin: 1rem 1rem; padding: 0 0 90px; }
  
}


@media(max-width:378px){
  #headerNew .P-logo{max-width: 125px; margin-left: -10px;}
  #RewardBoxWrap2 { padding: 35px 0 25px;}
  #RewardBoxWrap2 .image-grid .image:nth-child(1) {background: url(../images/ball/mall-1.png) no-repeat top center; background-size: contain;width: 165px;height: 170px;}
  #RewardBoxWrap2 .image-grid .image:nth-child(2) {background: url(../images/ball/mall-2.png) no-repeat top center; background-size: contain;width: 180px;height: 185px;}
  #RewardBoxWrap2 .image-grid.col-mid  .image:nth-child(1){background: url(../images/ball/mall-mix-m.png) no-repeat top center;background-size: contain; width: 320px;height: 200px}
  #RewardBoxWrap2 .image-grid.col2  .image:nth-child(1){background: url(../images/ball/mall-4.png) no-repeat top center;background-size: contain;width: 100px;height: 105px;}
  #RewardBoxWrap2 .image-grid.col2  .image:nth-child(2){background: url(../images/ball/mall-5.png) no-repeat top center;background-size: contain; width:160px;height: 160px;}
  #RewardBoxWrap2 .image-grid.col2  .image:nth-child(3){background: url(../images/ball/mall-6.png) no-repeat top center;background-size: contain; width: 100px;height: 140px;right:0;}
  .image-grid.col2 { grid-gap: 0px;} 
  .faq{display: none;}
}



#whatsappBox {position: fixed;z-index: 5;bottom: 2rem;right: 100px;opacity: 0;transition: all .3s ease-in-out;}
#whatsappBox.show {right: -2rem;opacity: 1;}
#whatsappBox a {display: block; width: 250px; height: 90px; background: url(../images/whatsapp-tas.png) no-repeat center center; background-size: contain; }



.tt{color: #1a1a1a;font-weight: 600; line-height: 1.4;letter-spacing: 2px;}

/*Banner*/
.banner{margin: 0 auto; width: 60%; padding-top: 30px;}



/* Listing */
#bookingPage .itemBtm .offerDesc del {display: inline-block!important;}





