/*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: white; padding: 15px; border-bottom: 1px solid #eee;} #headerNew .maxWidth {max-width: 1000px;margin: auto;} #headerNew .openrice-logo > img { height: 30px; display: inline-block; padding-right:5px;} #headerNew .headerDesktop { float: right; margin-top: 4px;} #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 { height: 22px; display: inline-block;} } @media (max-width:320px) { #headerNew > .inner { background-color: white; padding: 15px 4px; border-bottom: 1px solid #eee;} } span.nobreak { white-space: nowrap; } /**** KV 和 bg****/ .topContainer {background:url('../images/kv-1920.jpg') no-repeat center top;background-size:cover;padding-bottom:33%; min-height: 450px; position:relative;} .topContainer-en {background:url('../images/kv-1920-en.jpg') no-repeat center top;background-size:cover;padding-bottom:33%; min-height: 450px; position:relative;} .contentBody {/*background:url('../images/bk01.jpg') center top repeat;*/ background-color: #ffffff; } @media only screen and (min-width:768px) and (max-width:1199px) { .topContainer {background-size:cover; padding-bottom:36%; position:relative; } .topContainer-en {background-size:cover; padding-bottom:36%; position:relative; } } @media (min-width:1400px) { .topContainer {background-size:cover;padding-bottom:32%;position:relative;} .topContainer-en {background-size:cover;padding-bottom:32%;position:relative;} } @media (max-width:768px) { .mLangBtn {display:block;} .topContainer {background-size:cover;padding-bottom:77%;position:relative;} .topContainer-en {background-size:cover;padding-bottom:77%;position:relative;} } @media (max-width:640px) { .topContainer {background:url('../images/kv-m.jpg') no-repeat center bottom;background-size:cover; min-height:0;padding-bottom:100%;position:relative;} .topContainer-en {background:url('../images/kv-m-en.jpg') no-repeat center bottom;background-size:cover; min-height:0;padding-bottom:100%;position:relative;} } /*------------ card ------------*/ .cardSec{ padding: 60px 0 45px; background: url(../images/bg_card.jpg);} .cardSec .cardBox { max-width: 860px; width:90%; margin:0 auto; text-align:left;} .en .cardSec .cardBox {max-width: 1100px;} .cardSec .cardBox h1 {font-size: 38px; color: #0f9a9f; margin-top: 0;} .en .cardSec .cardBox h1 {font-size: 30px; margin-bottom: 10px;} .cardSec .cardBox h3 {font-size: 28px; color: #b73842; } .en .cardSec .cardBox h3 {font-size: 22px; line-height: 1.4;} .cardSec .cardBox p {color: #333333; font-size: 19px;} .en .cardSec .cardBox p {font-size: 16px;} .cardSec .cardBox p a {color: #0066cc; border-bottom: 1px solid #0066cc;} .cardSec .cardBox .bn {text-align: center;font-size: 20px;color: #fff;width: 220px;max-width: 100%;display: block;border-radius: 50px;padding: 2.5% 0;margin: 30px 0; background-color: #0f9a9f;} .cardSec .cardBox .bn:after {content: '';display: inline-block;background: url(../images/bn_arrow.png) no-repeat center center;background-size: contain;width: 20px;height: 18px;vertical-align: text-top;} .cardSec .cardBox > p {color: #333333; font-size: 20px; text-align:center; margin-top: 20px;} @media (min-width:769px) { .cardSec .cardBox .medium-8 {padding-left: 50px;} } @media (max-width:499px) { .cardSec{ padding: 40px 0; } .cardSec img {max-width: 80%; display: block; margin: 0 auto 30px;} .cardSec .cardBox {text-align: center;} .cardSec .cardBox h1 {font-size: 30px; margin: 0 0 10px;} .cardSec .cardBox h3 {font-size: 23px;} .cardSec .cardBox .bn {margin: 20px auto; font-size: 16px;} .cardSec .cardBox p {font-size: 15px;} .cardSec .cardBox > p {font-size: 16px;} } /*------------ intro ------------*/ .introSec{ padding: 45px 0; } .introSec .introBox{ max-width: 1200px; width:90%; margin:0 auto; text-align:center;} .introSec .introBox-en{ max-width: 1200px; width:90%; margin:0 auto; text-align:center;} .introSec h1{ background:url(../images/tittle-intro.png) center no-repeat;background-size:contain; height:auto; display:block; margin: 20px auto ; text-indent:-9999px; padding-bottom: 9%;} .introSec h1.en{ background:url(../images/tittle-intro-en.png) center no-repeat;background-size:contain; height:auto; display:block; margin: 20px auto ; text-indent:-9999px; padding-bottom: 8%;} .introSec p{ font-size:22px; line-height:40px; font-weight:normal; color:#333; } .introSec p.en{ font-size:21px; line-height:34px; font-weight:normal; color:#333; } .introSec p.date{ font-size:20px; line-height:40px; font-weight:900; color:#009f48; border-radius: 50px; border: 1px solid #009f48; padding: 5px 20px ; width: 100%; max-width: 500px; margin: 20px auto 5px auto} .introSec p.date-en{ font-size:22px; line-height:40px; font-weight:900; color:#009f48; border-radius: 50px; border: 1px solid #009f48; padding: 5px 20px; width: 100%; max-width: 500px; margin: 20px auto 5px auto} .introSec p.small{ font-size:16px; } .introSec p span.red {color:#ee0000;font-weight: 900;} .introSec p span.green {color:#008f3c;font-weight: 900;} .introSec p span.big {font-size: 30px;} @media (max-width:640px) { .introSec h1{ margin: 0px auto ; padding-bottom: 35%;} .introSec h1.en{ margin: 0px auto ; padding-bottom: 35%;} .introSec p{ font-size: 16px; line-height: 28px;margin: 0 auto;} .introSec p.en{ font-size: 16px; line-height: 26px;margin: 0 auto;} .introSec p.date{ font-size:16px; margin: 10px auto; ; padding: 0;} .introSec p.date-en{ font-size:16px; line-height:22px; font-weight:900; color:#ee0000; border-radius: 50px; border: 1px solid #ee0000; padding: 5px 10px; width: 100%; max-width: 500px; margin: 20px auto} } /*------------ menu ------------*/ .menuSec{ padding: 65px 0 25px; } .menuSec .menuBox{ max-width: 1200px; width:100%; margin:0 auto; text-align:center; border-bottom: 2px solid #333; position: relative;} .menuSec .menuBox span {display:inline-block; vertical-align:middle; cursor:pointer; width:210px; height:60px; } .menuSec .menuBox span#tap-offer {background:url(../images/menu-tag-offer.png) center no-repeat;background-size:contain; margin-bottom: -2px} .menuSec .menuBox span#tap-offer:hover,.menuSec .menuBox span#tap-offer.active {background:url(../images/menu-tag-offer-ac.png) center no-repeat;background-size:contain; margin-bottom: -2px} .menuSec .menuBox span#tap-steps {background:url(../images/menu-tag-steps.png) center no-repeat;background-size:contain; margin-bottom: -2px} .menuSec .menuBox span#tap-steps:hover, .menuSec .menuBox span#tap-steps.active {background:url(../images/menu-tag-steps-ac.png) center no-repeat;background-size:contain; margin-bottom: -2px} .en .menuSec .menuBox span#tap-offer {background:url(../images/menu-tag-offer-en.png) center no-repeat;background-size:contain; margin-bottom: -2px} .en .menuSec .menuBox span#tap-offer:hover,.en .menuSec .menuBox span#tap-offer.active {background:url(../images/menu-tag-offer-ac-en.png) center no-repeat;background-size:contain; margin-bottom: -2px} .en .menuSec .menuBox span#tap-steps {background:url(../images/menu-tag-steps-en.png) center no-repeat;background-size:contain; margin-bottom: -2px} .en .menuSec .menuBox span#tap-steps:hover, .en .menuSec .menuBox span#tap-steps.active {background:url(../images/menu-tag-steps-ac-en.png) center no-repeat;background-size:contain; margin-bottom: -2px} @media (max-width:499px) { .menuSec {padding: 40px 0 0;} .menuSec .menuBox span {display:inline-block; vertical-align:middle; cursor:pointer; width:150px; height:43px; } } /**** wrp_offers ****/ #wrp_offers {position: relative;overflow: hidden;} .offers_Box {padding:40px 0 0px 0;} .offers_Box .box {max-width:1200px; margin:auto;text-align:center;} .offers_Box .box img {display:block; width: 400px; max-width: 100%; margin: 20px auto;} .offers_Box h1.offers{ background:url(../images/tittle-offers.png) center no-repeat;background-size:contain; height:auto; display:block; margin: 0px auto 20px auto ; text-indent:-9999px; padding-bottom: 10%;} .offers_Box h1.offers-en{ background:url(../images/tittle-offers-en.png) center no-repeat;background-size:contain; height:auto; display:block; margin: 0px auto 20px auto ; text-indent:-9999px; padding-bottom: 10%;} .offers_Box h1.takeaway{ background:url(../images/tittle-takeaway.png) center no-repeat;background-size:contain; height:auto; display:block; margin: 0px auto 20px auto ; text-indent:-9999px; padding-bottom: 10%;} .offers_Box h1.takeaway-en{ background:url(../images/tittle-takeaway-en.png) center no-repeat;background-size:contain; height:auto; display:block; margin: 0px auto 20px auto ; text-indent:-9999px; padding-bottom: 10%;} .offers_Box h3 {font-size: 28px;} .en .offers_Box h3 {font-size: 26px;} .offers_Box h3.takeaway, .offers_Box h3.takeaway-en {color: #e31f2b;} .offers_Box h3.offers, .offers_Box h3.offers-en {color: #139147;} .offers_Box p{ font-size:22px; line-height:40px; font-weight:600; color:#333; } .offers_Box p span.big{ font-size:26px} .offers_Box p.en{ font-size:21px; line-height:30px; font-weight:600; color:#333; width: 77%; margin: 20px auto; } .offers_Box p.rule{ font-size:15px; line-height:40px; font-weight:normal; color:#333; margin: 30px auto;} .offers_Box p.date{ font-size:22px; line-height:40px; font-weight:900; color:#ee0000; border-radius: 50px; border: 1px solid #ee0000; padding: 5px 20px; width: 100%; max-width: 400px; margin: 20px auto} .offers_Box p span.red {color:#ee0000;font-weight: 900;} .offers_Box p span.green {color:#008f3c;font-weight: 900;} .offers_Box b {font-size: 28px;} .offers_Box ul.offer{ font-size:15px; line-height:24px; font-weight:normal; color:#333; margin: 20px auto; text-align: left; width: 85% ;} .offers_Box ul.offer-en{ font-size:14px; line-height:20px; font-weight:normal; color:#333; margin: 20px auto; text-align: left; width: 90% ;} .offers_Box li{ padding-bottom: 5px; list-style: decimal; list-style-position: inside;} .offers_Box .box .row .col:first-child { padding: 0 2% 0 0; } .offers_Box .box .row .col:last-child { padding: 0 0 0 2%;} .offers_Box .box .row .col:last-child > img:first-child {margin-bottom:6px;} .offers_Box .box .row .line {position: relative;} .offers_Box .box .row .line:before { content: ''; display: block; border-right: 1px solid #666; height: 100%; position: absolute; right: 0; clear: both;z-index: -9999;} .offers_Box a.bn{text-align: center; font-size: 28px; font-weight: 900; color: #fff;width: 400px; max-width: 100%; display: block; border-radius: 50px; padding: 3% 0; margin: 30px auto;} .offers_Box a.bn:after{content: ''; display: inline-block; background: url(../images/bn_arrow.png) no-repeat center center; background-size: contain; width: 35px; height: 30px; vertical-align: text-top;} .offers_Box a.bn:hover{background-color:#4c3d2f; } .offers_Box .red-bn { background-color:#ee0000 ; } .offers_Box .green-bn{ background-color:#008f3c; } @media (max-width: 1300px) { .offers_Box {padding:40px 0 0px 0; } .offers_Box .box {max-width:1000; margin:auto;} } @media (max-width:640px) { .offers_Box {padding:20px 0;} .offers_Box .box {max-width:90%;} .offers_Box .box .row .line:before { border-right: 0px solid #666; border-bottom: 1px solid #666; width: 100%; margin: 10px auto; } .offers_Box h1.offers{ padding: 8% ; margin: 50px auto 10px auto;} .offers_Box h1.offers-en{ padding: 8% ; margin: 50px auto 10px auto;} .offers_Box h1.takeaway{ padding: 8% ; margin: 35px auto 10px auto;} .offers_Box h1.takeaway-en{ padding: 8% ; margin: 35px auto 10px auto;} .offers_Box h3 {font-size: 22px;} .offers_Box p{ font-size:17px; line-height:25px; font-weight:600; color:#333; margin: 6px auto;} .offers_Box ul.offer {font-size:13px; line-height:20px; font-weight:normal; color:#333; margin: 10px auto; text-align: left; } .offers_Box b {font-size: 25px;line-height: 40px;} .offers_Box p.rule{ font-size:15px; line-height:40px; font-weight:normal; color:#333; margin: 0px auto 30px auto;} .offers_Box p span.big{ font-size:20px} .offers_Box ul.offer{ font-size:13px; line-height:20px; font-weight:normal; color:#333; margin: 20px auto; text-align: left; width: 95% ;} .offers_Box ul.offer-en{ font-size:12px; line-height:20px; font-weight:normal; color:#333; margin: 20px auto; text-align: left; width: 95% ;} .offers_Box a.bn{font-size: 22px; font-weight: 900; max-width: 240px;} .offers_Box p.en{ font-size:20px; line-height:26px; font-weight:600; color:#333; width: 100%; margin: 15px auto; } .offers_Box a.bn:after {height: 25px;} .step-tnc small {font-size: 15px;} } /**** 新增vouccher 標題 ****/ #listingWrap-voucher h1.offers{ background:url(../images/tittle-offers.png) center no-repeat;background-size:contain; height:auto; display:block; margin: 0px auto 40px auto ; text-indent:-9999px; padding-bottom: 4.5%;} #listingWrap-voucher h1.offers-en{ background:url(../images/tittle-offers-en.png) center no-repeat;background-size:contain; height:auto; display:block; margin: 0px auto 40px auto ; text-indent:-9999px; padding-bottom: 4.5%;} #listingWrap-takeaway h1.takeaway{ background:url(../images/tittle-takeaway.png) center no-repeat;background-size:contain; height:auto; display:block; margin: 50px auto 40px auto ; text-indent:-9999px; padding-bottom: 4.5%;} #listingWrap-takeaway h1.takeaway-en{ background:url(../images/tittle-takeaway-en.png) center no-repeat;background-size:contain; height:auto; display:block; margin: 50px auto 40px auto ; text-indent:-9999px; padding-bottom: 4.5%;} #bodyWrap a.bn{font-size: 28px; font-weight: 900; color: #fff;width: 400px; max-width: 90%; display: block; border-radius: 50px; padding: 1.5% 0; margin: 30px auto; text-align: center;} .en #bodyWrap a.bn {font-size: 24px;} #bodyWrap a.bn:after{content: ''; display: inline-block; background: url(../images/bn_arrow.png) no-repeat center center; background-size: contain; width: 35px; height: 30px; vertical-align: text-top;} #bodyWrap a.bn:hover{background-color:#4c3d2f; } #bodyWrap .red-bn { background-color:#ee0000 ; } #bodyWrap .green-bn{ background-color:#008f3c; } #app-voucher h1.offers{ background:url(../images/tittle-offers.png) center no-repeat;background-size:contain; height:auto; display:block; margin: 0px auto 20px auto ; padding-bottom: 10%;} #app-voucher h1.offers-en{ background:url(../images/tittle-offers-en.png) center no-repeat;background-size:contain; height:auto; display:block; margin: 0px auto 20px auto ; padding-bottom: 10%;} #app-voucher p.offers{ font-size: 40px; line-height: 60px; font-weight: 900; color: #008f3c; text-align: center;} #app-voucher p.offers_s{ font-size: 30px; line-height: 40px; font-weight: 900; color: #008f3c; text-align: center;letter-spacing: -1px;} #app-takeaway h1.takeaway{ background:url(../images/tittle-takeaway.png) center no-repeat;background-size:contain; height:auto; display:block; margin: 0px auto 20px auto ; padding-bottom: 10%;} #app-takeaway h1.takeaway-en{ background:url(../images/tittle-takeaway-en.png) center no-repeat;background-size:contain; height:auto; display:block; margin: 0px auto 20px auto ; padding-bottom: 10%;} #app-takeaway p.takeaway{ font-size: 40px; line-height: 60px; font-weight: 900; color: #ee0000; text-align: center;} #app-takeaway p.takeaway_s{ font-size: 30px; line-height: 40px; font-weight: 900; color: #ee0000; text-align: center;letter-spacing: -1px; } @media (max-width:640px) { #listingWrap-voucher h1.offers{ padding-bottom: 14%;} #listingWrap-voucher h1.offers-en{ padding-bottom: 14%;} #listingWrap-takeaway h1.takeaway{ padding-bottom: 14%;} #listingWrap-takeaway h1.takeaway-en{ padding-bottom: 14%;} #bodyWrap a.bn{ font-size: 23px; padding: 4% 3%;; margin: 30px auto; letter-spacing: -1px;} #app-voucher h1.offers{ margin: 17px auto 20px auto ; padding-bottom: 8%;} #app-voucher h1.offers-en{ margin: 17px auto 20px auto ; padding-bottom: 8%;} #app-voucher p.offers{ font-size: 36px; line-height: 50px; margin: 0;} #app-voucher p.offers_s{ font-size: 24px; line-height: 40px; margin: 0;} #app-takeaway h1.takeaway{ margin: 40px auto 20px auto ; padding-bottom: 8%;} #app-takeaway h1.takeaway-en{ margin: 40px auto 20px auto ; padding-bottom: 8%;} #app-takeaway p.takeaway{ font-size: 36px; line-height: 50px; margin: 0;} #app-takeaway p.takeaway_s{ font-size: 24px; line-height: 40px; margin: 0;} } /**** 改寫grid ****/ @media screen and (min-width: 1024px){ .container { max-width: 1500px!important; } } /**** 改寫MasterStyle.min ****/ @media (min-width: 641px){ #otherPage .poiList { font-size: 0; width: 100%; max-width: 1500px!important;} } /**** lity ****/ /*.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:101%;-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);background:#000} .lity-hide{display:none}*/ @media screen and ( max-width:768px) { #headerNew .headerDesktop .li:last-child { display: none;margin-top: 0px;} #headerNew .headerDesktop {margin-top: 0px;} } .itemBtm2 .offerDesc .newJoin_dec_en { letter-spacing: 0px!important; } .itemBtm2 .offerDesc .newJoin_dec_en, .itemBtm2 .offerDesc .offerDesc_txt small { color: #646464; }