/***
@font-face{font-family:'PingFang SC';src:url('fonts/PingFangSCMedium.woff2') format('woff2'),url('fonts/PingFangSCMedium.woff') format('woff'),url('fonts/PingFangSCMedium.ttf') format('truetype'),url('fonts/PingFangSCMedium.svg#PingFangSCMedium') format('svg');font-weight:500;font-style:normal;font-display:swap;}
11 - .916rem
12 - 1rem
13 - 1.083rem
14 - 1.16667rem
16 - 1.33333rem
18 - 1.5rem
20 - 1.66rem
**/
@font-face {font-family: 'DIN Pro';src: url('fonts/DINPro-Medium.eot');src: url('fonts/DINPro-Medium.eot?#iefix') format('embedded-opentype'),url('fonts/DINPro-Medium.woff2') format('woff2'),url('fonts/DINPro-Medium.woff') format('woff'),url('fonts/DINPro-Medium.ttf') format('truetype'),url('fonts/DINPro-Medium.svg#DINPro-Medium') format('svg');font-weight: 500;font-style: normal;}
@font-face {font-family: 'DIN Pro';src: url('fonts/DINPro-Bold.eot');src:url('fonts/DINPro-Bold.eot?#iefix') format('embedded-opentype'),url('fonts/DINPro-Bold.woff2') format('woff2'),url('fonts/DINPro-Bold.woff') format('woff'),url('fonts/DINPro-Bold.ttf') format('truetype'),url('fonts/DINPro-Bold.svg#DINPro-Bold') format('svg');font-weight: bold;font-style: normal;}
@font-face {font-family: 'PingFang SC';src: url('fonts/SFProPingFangSC-Light.eot');src: url('fonts/SFProPingFangSC-Light.eot?#iefix') format('embedded-opentype'),url('fonts/SFProPingFangSC-Light.woff2') format('woff2'),url('fonts/SFProPingFangSC-Light.woff') format('woff'),url('fonts/SFProPingFangSC-Light.ttf') format('truetype'),url('fonts/SFProPingFangSC-Light.svg#SFProPingFangSC-Light') format('svg');font-weight: 300;font-style: normal;font-display: swap;}
@font-face {font-family: 'PingFang SC';src: url('fonts/PingFang-HK-Medium-Proportional.eot');src: url('fonts/PingFang-HK-Medium-Proportional.eot?#iefix') format('embedded-opentype'),url('fonts/PingFang-HK-Medium-Proportional.woff2') format('woff2'),url('fonts/PingFang-HK-Medium-Proportional.woff') format('woff'),url('fonts/PingFang-HK-Medium-Proportional.ttf') format('truetype'),url('fonts/PingFang-HK-Medium-Proportional.svg#PingFang-HK-Medium-Proportional') format('svg');font-weight: 500;font-style: normal;font-display: swap;}
@font-face {font-family: 'PingFang SC';src: url('fonts/PingFang-HK-Regular-Proportional.eot');src: url('fonts/PingFang-HK-Regular-Proportional.eot?#iefix') format('embedded-opentype'),url('fonts/PingFang-HK-Regular-Proportional.woff2') format('woff2'),url('fonts/PingFang-HK-Regular-Proportional.woff') format('woff'),url('fonts/PingFang-HK-Regular-Proportional.ttf') format('truetype'),url('fonts/PingFang-HK-Regular-Proportional.svg#PingFang-HK-Regular-Proportional') format('svg');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'PingFang SC';src: url('fonts/PingFangSC-Semibold-Proportional.eot');src: url('fonts/PingFangSC-Semibold-Proportional.eot?#iefix') format('embedded-opentype'),url('fonts/PingFangSC-Semibold-Proportional.woff2') format('woff2'),url('fonts/PingFangSC-Semibold-Proportional.woff') format('woff'),url('fonts/PingFangSC-Semibold-Proportional.ttf') format('truetype'),url('fonts/PingFangSC-Semibold-Proportional.svg#PingFangSC-Semibold-Proportional') format('svg');font-weight: 600;font-style: normal;font-display: swap;}

/*****
global
*****/
html{height:100%;font-size:12px;}
body{font:500 1rem/1.5 'DIN Pro', 'Microsoft YaHei',sans-serif;background:#F5F4F9;min-height:100%;color:#414655;}
body, h1, h2, h3, h4, h5, h6, p{margin:0;padding:0;}
img{margin:0;padding:0;max-width:100%;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;margin:0;padding:0;}
.hidden{display:none;}
.clearfix::after{display:block;clear:both;content:'';}
h1,h2,h3,b{font-family:'DIN Pro';font-weight:bold;}
h4,h5,h6{font-family:'DIN Pro';font-weight:500;}
h1{font-size:1.6667rem;}
h2{font-size:1.5rem}
h3{font-size:1.16667rem}
hr{border:none;border-top:1px solid #D6D6D6;}
textarea:focus, input:focus{outline:none;}
*{box-sizing:border-box;}

@media(max-width:360px){
	html{font-size:11px;}
}

/**********
common style
**********/
body.footer-yes{padding-bottom:60px;}
.card{background:#fff;transition:all .5s ease-in-out;position:relative;border-radius:5px;box-shadow:0px 0px 8px 0px #00000029;}
.color-box{background:#04A6F0;color:#fff;position:relative;border-radius:6px;padding:15px;}
.img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1rem;display:flex;justify-content:center;align-items:center;text-align:center;}
.img-overlay + img{display:block;}
.overlay-bg{position:fixed;left:0;right:0;top:0;bottom:0;background:#33333359;z-index:10;opacity:0;height:0;transition:opacity 1s, height 0s 1s;}
.overlay-bg.show{opacity:1;height:calc(var(--vh, 1vh) * 100);transition:opacity 1s;}
.badge{width:18px;height:18px;background:#cbced8;color:#fff;border-radius:50%;display:inline-block;text-align:center;font-weight:500;font:500 .92rem/18px 'DIN Pro';margin:0 5px;vertical-align:top;}
.w-100{width:100% !important;max-width:100% !important;}
.float-left{float:left;}
.float-right{float:right;}
.float-none{float:none;}
.disabled{pointer-events:none !important;}
.border-bottom{border-bottom:1px solid #ECECEC;}
.red-highlight{background:#e35151;color:#fff !important;padding:2px;vertical-align:middle;display:inline-block;}
/*ol li{border-top:1em;}*/
.padding-0{padding:0 !important;}
.ml-auto{margin-left:auto;}
.mb-10{margin-bottom:10px;}
.bg-white{background:#fff !important;}
.wrap-5vw{padding:15px 5vw;}
.wrap-10vw{padding:15px 10vw;}
.flex-stretch{display:flex;justify-content:stretch;align-items:center;}
.flex-stretch > *{flex:1 1 auto;}
.flex-between{display:flex;justify-content:space-between;align-items:center;}
.list-disc{list-style:disc; margin-left:18px;}
.list-disc li + li{margin-top:1em;}

/*****
text
*****/
.text-14{font-size:1.16667rem !important;;}
.text-15{font-size:1.25rem !important;;}
.text-16{font-size:1.33333rem !important;;}
.text-18{font-size:1.5rem !important;;}
.text-justify{text-align:justify !important;}
.text-wrap{white-space:normal !important;}
.text-nowrap{white-space:nowrap !important;}
.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.text-left{text-align:left !important;}
.text-right{text-align:right !important;}
.text-center{text-align:center !important;}
.text-black{color:#414655 !important;}
.text-blue{color:#04A6F0 !important;}
.text-darkblue{color:#0049FF !important;}
.text-grey{color:#AAB4CD !important;}
.text-lightgrey{color:#D5D7E0 !important;}
.text-yellow{color:#FFF14F !important;}
.text-red{color:#FF5777 !important;}
.text-darkred{color:#D60808 !important;}
.text-green{color:#6ED044 !important;}
.text-large{font-size:1.16667rem;}
.text-indent{text-indent:20px;}
.text-underline{text-decoration:underline;}
.text-blurry{color:transparent !important;text-shadow: 0 0 5px rgba(0,0,0,0.5);}
   
/*****
btn
*****/
[class^='btn-'],[class*=' btn-'],.swal2-styled[class*='swal2-']{display:flex;justify-content:center;align-items:center;padding:9px;text-align:center;font-size:1.16667rem;line-height:1.4;border-radius:6px;height:38px;width:140px;max-width:45%;}
.btns-group,.swal2-actions{display:flex;justify-content:space-around;margin:20px 0 10px;}
.btn-blue,.swal2-styled.swal2-confirm{color:#fff;border:1px solid #F1F1F1;background:#04A6F0;}
.btn-border,.swal2-styled.swal2-cancel{color:#04A6F0;border:2px solid #04A6F0;background:#fff;order:-1;}
.btns-group [class*='btn-'],.swal2-styled{font-size:1.33333rem;}
.btns-bottom-group{border-top:1px solid #000;display:flex;margin:0 -1.1em;}
.btn-confirm{background:#9AA4C2;color:#fff;border-radius:10px;}
.btn-border-grey{color:#585E6D;border:1px solid #7D87A5;background:#fff;font-size:1.33333rem;}
.btn-dark-blue{background:#0082CA;color:#fff;}
.btn-light-blue{background:#7BCEF4;color:#fff;}
.btn-white{background:#fff;color:#414655;}
.rounded-corner{border-radius:25px;}
.btns-full-group{display:flex;justify-content:stretch;margin:20px -4vw 0;}
.btns-full-group > *{border-radius:0;width:100%;flex:1 1 auto;max-width:none;line-height:50px;height:50px;border:none;}
.btn-lightblue-border{background:#BCEAFF;border:1px solid #04A6F0;color:#80869B;border-radius:16px;margin:10px auto 0;}
.btn-lightblue-border i{color:#49d9eb;margin-right:10px;}
[class*='btn-'].disabled{background:#999 !important;color:#fff !important;}

/*****
toggle switch btn
*****/
.switch{position:relative;display:inline-block;width:140px;cursor:pointer;background:#7D87A5;border-radius:20px;line-height:34px;}
.switch input{display:none;}
.switch .slider{display:flex;justify-content:space-around;}
.switch .slider:before{position:absolute;content:'';height:100%;width:52%;left:0;top:0;background:#fff;-webkit-transition:.4s;transition:.4s;border-radius:20px;border:1px solid #BFBFBF;}
.switch input:checked + .slider:before{-webkit-transform:translateX(93%);-ms-transform:translateX(93%);transform:translateX(93%);}
.switch .on, .switch .off{z-index:999;}
.switch input:checked+ .slider .on, .switch .off{color:#fff;}
.switch input:checked+ .slider .off, .switch .on{color:#7D87A5;}

.switch-blue{background:#EBEBEB;border-color:#EBEBEB;}
.switch-blue input:checked+ .slider .on, .switch-blue .off{color:#A5A9B3;}
.switch-blue .slider:before{background:#04A6F0;border-color:#04A6F0;}
.switch-blue input:checked+ .slider .off, .switch-blue .on{color:#fff;}

.switch-small{width:120px;line-height:24px;font-size:1.083rem;}

.switch-basic{width:52px;vertical-align:middle;margin-left:10px;height:29px;background:#D0D0D0}
.switch-basic .slider:before{width:29px;height:29px;border:1px solid #D0D0D0;}
.switch-basic input:checked + .slider{width:100%;height:100%;background:#04A6F0;border-radius:20px;}
.switch-basic input:checked + .slider:before{-webkit-transform:translateX(80%);-ms-transform:translateX(80%);transform:translateX(80%);border:1px solid #04A6F0;}

/*****
input
*****/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#D5D7E0}
input:-ms-input-placeholder,textarea::-ms-input-placeholder{color:#D5D7E0}
input::placeholder,textarea::placeholder{color:#D5D7E0}
.input-group{border:1px solid #F1F1F1;border-radius:6px;position:relative;display:flex;align-items:stretch;width:100%;line-height:40px;}
.input-group-append, .input-group-prepend{display:-ms-flexbox;display:flex;color:#525868;padding:0 10px;}
.input-group input{border:none;flex:1 1 auto;padding:0 10px;font:inherit;min-width:0;}
.input-group > i{flex:0 0 auto;line-height:40px;}
.input-group i.show-hide-pw{padding:0 7px;color:#c7c7c7;}
.input-group i.show-hide-pw.ico-eyeclose, .input-group i.show-hide-pw.ico-eye{font-size:1.5rem;}

/*****
box style
*****/
.box{height:36px;background:#f7f8fc;display:flex;justify-content:center;text-align:center;margin:2px;width:calc(33.33% - 4px);line-height:1.3;align-items:center;}
.box.selected{background:#DDE0EF;}
.box span{color:#A5A9B3;font-size:.83rem;}
.box b{color:#414655;font-weight:500;}
.box p{font-size:1rem;}

.box-wrap{margin:25px 3vw;background:#fff;border-radius:12px;border:1px solid #DEDEDE;}
.box-wrap > div{padding:15px 5px 5px;margin:0 15px;}
.box-wrap > div + div{border-top:1px solid #E8E8E8;}
.box-wrap label{font-size:1.16667rem;display:block;}
.box-wrap .input-group{border:none;}
.box-wrap .input-group i{color:#ccc;line-height:34px;width:25px;text-align:center;}
.box-wrap input, .box-wrap .input-group p{outline:none;font-size:1.5rem;border:0;padding:0;color:#414655;line-height:34px;width:100%;display:flex;align-items:center;}
.box-wrap input::-webkit-input-placeholder,.box-wrap .input-group p .text-lightgrey{font-size:1rem;}
.box-wrap .verify-btn{border:1px solid #04A6F0;display:block;background:#04A6F0;width:90px;text-align:center;line-height:28px;border-radius:18px;color:#fff;font-size:.916rem;float:right;height:30px;/*margin-bottom:5px;margin-top:-3px;*/}
.box-wrap .verify-btn.disabled{background:#E6EFF480;border-color:#DEDEDE;color:#B1B2B4;}
.box-wrap .verify-btn.pending{background:#E6EFF480;border-color:#04A6F0;color:#04A6F0;pointer-events:none;font-size:1.16667rem}
.box-wrap-chevron > div{padding-right:25px;position:relative;}
.box-wrap-chevron .fa-chevron-right{position:absolute;right:5px;top:50%;transform:translateY(-50%);font-size:13px;}
.box-wrap + .btn-blue, .box-white + .btn-blue, .btn-blue.w-box{margin:20px 3vw;width:auto;max-width:none;height:48px;font-size:1.5rem;}
.box-wrap + .btn-blue.disabled, .box-white + .btn-blue.disabled, .btn-blue.w-box.disabled{background:#B1B2B4 !important /*#C7D2D9*/;}

.box-graphic{margin:20px 4vw;background:#fff;border-radius:10px;box-shadow:0 5px 2px #0000000D;padding:4vw;}
.box-graphic p + p{margin-top:1em;}
.box-graphic + .btn-blue, .btn-full{margin:25px 4vw;width:auto;max-width:none;height:45px;font-size:1.16667rem;letter-spacing:.5px;}
.box-plain{margin:12px 2.5vw;background:#fff;border-radius:10px;padding:3vw;}
img.w-100 + .box-graphic, img.w-100 + .box-plain{margin-top:calc(0px - 9vw);position:relative;}

.box-white{background:#fff;margin-top:10px;padding:4vw;}
.box-white h3{font-size:1.16667rem;display:flex;margin-bottom:.5em;}
.box-white h3 span{margin-left:auto;font-weight:normal;color:#A5A9B3;}
.box-white h3 span .fas{margin-left:5px;}

.box-cards{display:flex; justify-content:space-evenly;}
.box-cards > li{box-shadow:0 3px 6px #0000001A; border-radius:8px; background:#F5F4F8; background:linear-gradient(#fff 40%, #F5F4F8 100%); margin:4px; padding:3vw; width:153px;}
.box-cards.box-3 > li{max-width:31%;}
.box-cards > li h3{text-align:center; margin-bottom:5px; font-size:1.33333rem;}
.box-cards > li img:first-child{display:block; max-width:100%; margin:0 auto; max-width:83px; width:100%;}
.box-cards.flex-wrap > li{width:46%; margin:0 0 20px;}
.box-cards.flex-wrap > li img:first-child{max-width:90%; height:28px; object-fit:contain; margin-bottom:10px;}
.box-cards .bottom-desc:last-child{padding-bottom:0;}
.box-cards.flex-wrap.full > li{width:100%; display:flex; align-items:center;}
.box-cards.flex-wrap.full > li img:first-child{width:84px; height:84px;margin:0 10px 0 0;}
.box-cards.flex-wrap.full > li div h3{text-align:left;}

/*****
special title style
*****/
.title{display:flex;font-size:1.16667rem;}
.title span{color:#A5A9B3;}
.title-graphic{display:block;margin:.5em 0;text-align:center;position:relative;font-size:1.33333rem;padding:.5em;display:flex;justify-content:center;}
h3.title-graphic{font-size:1.25rem;}
.title-graphic:before, .title-graphic:after{content:'';display:block;width:100%;background:url(../images/invite/icon_title.png) no-repeat center / 100%;max-width:25vw;}
.title-graphic:before{transform:rotate(180deg);}
.title-graphic span{flex:0 0 auto;margin:0 15px;}
.title-graphic-blue:before, .title-graphic-blue:after{background-image:url(../images/icons/icon_title_blue.png);}
.title-graphic-dot:before, .title-graphic-dot:after{background-image:url(../images/sponsor/dotline.png?5);filter: invert(20%) sepia(42%) saturate(7048%) hue-rotate(247deg) brightness(80%) contrast(101%);}

.title-line{color:#04A6F0;display:block;margin:.5em 0;text-align:center;position:relative;font-size:1.16667rem;padding:.5em;display:flex;justify-content:center;width:100%;align-items:center;}
.title-line:before, .title-line:after{content:'';display:block;width:100%;height:1px;background:#e7e7e9;}
.title-line span{flex:0 0 auto;margin:0 15px;}

.title-blueline{position:relative;padding:5px 0 5px 10px;}
.title-blueline:before{content:'';display:block;border-radius:4px;width:4px;background:#04A6F0;margin-right:5px;position:absolute;top:25%;bottom:25%;left:0;}

.title-image{font-size:1.5rem; width:206px; background:url(../images/xnb/title_bg.png) no-repeat center / 100% 100%; line-height:36px; color:#fff; text-align:center; margin:-5vw auto 20px;}


/*****
list style
*****/
.list-panel{margin:14px 0;}
.list-panel li{background:#fff;padding:0 3vw;color:#424654;font-size:1.16667rem;line-height:23px;}
.list-panel a:after{display:block;clear:both;content:'';}
.list-panel li.seperator{margin-top:14px;}
.list-panel li a{padding:14px 2vw;display:flex;align-items:center;}
.list-panel li + li:not(.seperator) a{border-top:1px solid #F4F5FA;}
.list-panel li span{float:left;}
.list-panel li a > i:first-child:not(.fa-chevron-right){color:#80869b;font-size:1.5rem;vertical-align:middle;margin-right:10px;float:left;line-height:24px;}
.list-panel small{color:#CDD0DA;font-size:1rem;}
.list-panel li a > p:last-child{color:#CDD0DA;display:inline-block;}
.list-panel .fa-chevron-right{color:#A5A9B3;font-size:10px;width:25px;text-align:center;}
.list-panel li > a > small, .list-panel li > a >:last-child:not(:first-child):not(.fa-chevron-right),.list-panel li > a >:not(small):not(.ml-auto) + .fa-chevron-right{margin-left:auto;text-align:right;}
.list-panel li .ml-auto{text-align:right;}
.list-panel .center a{justify-content:center;}
.list-panel .center p{color:initial;}
.list-panel .red-highlight{font-size:7px;margin-left:5px;line-height:8px;}
.list-panel li > a > div{line-height:1.25;}

/*****
icons
*****/
[class*='icon-']{display:inline-block;vertical-align:middle;}
.icon-double-up-blue{background:url(../images/icons/icon_arrow_double_up_blue.png) no-repeat center/100%;}
.icon-double-up{background:url(../images/icons/icon_arrow_double_up.png) no-repeat center;background-size:contain;}

/*****
loading
*****/
.loading-wrap{margin:50px 3vw 30px;text-align:center;color:#98A4C5;font-family:'DIN Pro';font-weight:bold;}
.icon-loading{width:20px;height:20px;background:url(../images/loading.gif) no-repeat center/100%;margin:0 10px;}

/*****
single image content page
*****/
body.header-fixed .content{min-height:calc(var(--vh, 1vh) * 100);}
body.footer-yes .content{min-height:calc(var(--vh, 1vh) * 100 - 60px);}
.page-cs .content, .page-sponsor .content,.page-promo .content,.page-funds .content, .page-invite .content, .page-redeem .content, .page-deposit .content, .page-depositcs .content, .page-xnb .content,.page-agent .content{padding-bottom:30px;}
.single-image-content{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;color:#9D9D9D;}
.single-image-content img{max-width:50vw;display:block;}
.single-image-content b{color:#414655;font-size:1.16667rem;margin-top:10px;display:block}
.content .single-image-content > *:first-child{margin-top:50%;transform:translateY(-50%);text-align:center;}
.single-image-content .btn-blue{margin:10px auto 0;font-size:1rem;}

/*****
header
*****/
header{padding:0 2%;background:#fff;display:flex;align-items:center;height:42px;position:relative;z-index:999;justify-content:center;}
header .logo{max-width:30%;width:100px;-ms-flex:0 0 auto;flex:0 0 auto;}
header img{display:block;}
header h3, header h4,header h5{text-align:center;font-size:1.66rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
header h5{font:bold 1.33333rem/1.5 'DIN Pro', 'Microsoft YaHei',sans-serif;}
header a{display:block;}
.header-link{line-height:42px;color:#04A6F0;font-size:1.16667rem;padding:0 5px;position:absolute;right:2%;}
.header-link.text-black{color:#414655;font-size:1rem;}
.header-icon{display:block;width:30px;height:42px;-ms-flex:0 0 auto;flex:0 0 auto;position:absolute;right:2%;left:auto;}
.header-icon:first-child, .header-link:first-child{left:2%;right:auto;}
.header-icon.fas{font-size:1.5rem;line-height:42px;padding-left:5px;}
.header-icon.deposit-btn{background:url(../images/icons/icon_deposit.png) no-repeat center/27px;}
.header-icon.chat-btn{background:url(../images/icons/icon_chat_blue.png) no-repeat center/22px;}
.nav{-ms-flex:1 1 auto;flex:1 1 auto;max-width:calc(100% - 60px);}
.nav:not(.nav-dropdown) ul{padding:0;display:flex;overflow:auto;margin:0 6vw;color:#B8B8B8;}
.nav:not(.nav-dropdown) li{float:left;-ms-flex:0 0 auto;flex:0 0 auto;position:relative;font:500 1.33333rem/30px 'PingFang SC';}
.page-home .nav:not(.nav-dropdown) li{font-size:1.16667rem;}
.nav:not(.nav-dropdown) li + li{margin-left:6vw;}
.nav:not(.nav-dropdown) li.cur{font-size:1.33333rem;color:#04A6F0;}
.nav:not(.nav-dropdown) li:after{content:'';display:block;position:absolute;bottom:0;left:50%;right:50%;height:3px;border-radius:1px;background:#04A6F0;transition:all .3s;}
.nav:not(.nav-dropdown) li.cur:after{bottom:0;left:5px;right:5px;}

.nav-dropdown h3:after{margin-left:5px;transition:all .5s;content:'';width:0;height:0;right:0;border-style:solid;border-width:.35em .3em 0 .3em;border-color:#414655 transparent transparent transparent;display:inline-block;vertical-align:middle;}
.show-dropdown .nav-dropdown h3:after{transform:rotate(180deg);}
.nav-dropdown ul{position:fixed;top:42px;left:0;right:0;padding:0 4%;background:#fff;padding:7px 4%;display:none;z-index:999;max-height:calc(var(--vh, 1vh) * 100 - 42px);overflow:auto;}
.nav-dropdown li{line-height:37px;border:1px solid #CDD0DA;color:#CDD0DA;font-size:1.16667rem;width:calc(25% - 12px);border-radius:10px;margin:6px;float:left;text-align:center;}
.nav-dropdown li.cur{border-color:#4080FF;background:#04A6F0;color:#fff;}

.tooltip{position:absolute;right:2%;width:92px;background-color:#656A77;color:#ddd;text-align:center;padding:10px;border-radius:6px;z-index:1;top:43px;visibility:hidden;opacity:0;transition:opacity .5s, visibility 0s .3s;;}
.tooltip::after{content:'';position:absolute;bottom:100%;right:10px;border-width:6px 4px;border-style:solid;border-color:transparent transparent #656A77 transparent;}
.tooltip.show{visibility:visible;opacity:.75;transition:opacity .5s;}
.tooltip .bal-amount{color:#fff;}

/*header-fixed*/
.header-fixed header{position:fixed;left:0;right:0;top:0;}
.top-fixed{position:fixed;right:0;left:0;top:0;z-index:998;max-height:calc(var(--vh, 1vh) * 100 - 100px);overflow-y:auto;border-bottom:1px solid #ECECEC;}
.header-fixed .top-fixed{top:42px;}

/*****
banner
*****/
.banner img{display:block;width:100%;}

/*****
notice
*****/
.notice{height:30px;line-height:30px;background:#F2F3F4 url(../images/notice.png) no-repeat 4% center/15px;font-size:.91rem;color:#9F9F9F;}
.notice .marquee{margin-left:calc(4% + 20px);overflow:hidden;}
.notice .marquee p{margin:0;width:100%;}

/*****
footer
*****/
footer{position:fixed;bottom:0;height:60px;background:#fff;border-radius:20px 20px 0 0;left:0;right:0;z-index:2;}
.page-home footer, .page-member footer{box-shadow:0px -1px 8px #D9D9D9;}
footer ul{display:flex;justify-content:stretch;}
footer li{width:20%;text-align:center;flex:1 1 auto;height:60px;}
footer li a{display:block;height:60px;color:#9AA5C1;font-size:.83rem;padding-top:13px;}
footer li a:before{content:'';display:block;height:22px;width:20px;background:url(../images/icons/icon_footer.png) no-repeat 0 0/100%;margin:0 auto 3px;}
footer li a.footer-promo:before{background-position:0 11.11111%;}
footer li a.footer-home:before{background-position:0 22.22222%;}
footer li a.footer-cs:before{background-position:0 33.33333%;}
footer li a.footer-my:before{background-position:0 44.44444%;}
footer li.cur a.footer-sponsor:before{background-position:0 55.55555%;}
footer li.cur a.footer-promo:before{background-position:0 66.66667%;;}
footer li.cur a.footer-home:before{background-position:0 77.77778%;}
footer li.cur a.footer-cs:before{background-position:0 88.88889%;}
footer li.cur a.footer-my:before{background-position:0 100.1% !important;}
footer.footer-eventlisting li a:before{width:22px;height:22px;background:url(../images/eventlisting/footer_eventlisting.png) no-repeat 0 0/100%;}
footer li a.footer-menu:before{background-position:0 25%;}
footer li a.footer-open:before{background-position:0 50%;}
footer li a.footer-closed:before{background-position:0 75%;}
footer li a.footer-refresh:before{background-position:0 100%;}
footer li a.footer-filter:before{background-image:url(../images/icons/icon_filter.png);}
footer li a.footer-results:before{background-image:url(../images/icons/icon_results.png);}
footer li a.footer-medal:before{background-image:url(../images/icons/icon_medal.png);}
footer li.cur a{color:#04A6F0}
body:not(.page-home) footer:not(.footer-eventlisting) li.cur a:before{background-position:0 bottom;}

/*****
home
*****/
.page-home{background:#dfe8f2;background:linear-gradient(0deg, #dfe8f2 0%, #f7fafc 70%, #fff 100%);height:100%;display:flex;flex-direction:column;}
.page-home .header-icon{position:relative;}
.page-home .card{z-index:1;}
.page-home > *{flex-grow:0;flex-shrink:0;}
.home-wallet{padding:7px 3vw;}
.home-wallet p{margin:0;color:#9F9F9F;}
.home-wallet p img{vertical-align:text-top;margin-left:10px;height:14px;}
.home-wallet strong{color:#414655;font-size:1.66rem;}
.home-wallet strong img{vertical-align:text-top;margin-left:5px;height:15px;}
.home-wallet ul{padding:4px 0 4px 10vw;max-width:280px;float:right;width:100%;height:100%;}
.home-wallet li{text-align:center;}
.home-wallet li a{color:#80869B;display:block;line-height:1;}
.home-wallet li a:before{content:'';display:block;width:24px;height:24px;background:url(../images/home/home_wallet.png) no-repeat 0 0/100%;margin-bottom:5px;}
.home-wallet li a.wallet-transfer:before{background-position:0 33.333%;}
.home-wallet li a.wallet-withdraw:before{background-position:0 66.666%;}
.home-wallet li a.wallet-vip:before{background-position:0 100%;}

.home-sportslist{flex-grow:1;flex-shrink:1;overflow:hidden;padding:0 2vw;}
.home-sportslist img{width:100%;}
.sportslist-date, .sportslist-info{height:100%;overflow:auto;padding-top:10px;padding-bottom:70px;}
.sportslist-date ul{height:100%;overflow:auto;}
.sportslist-date li{display:block;width:57px;background:#dfe8f2;background:linear-gradient(#E5F8FF 0%, #C3E7FF 100%);border:1px solid #E8E8E8;border-radius:10px;height:62px;margin:7px 3vw 0 4px;text-align:center;font-size:1.33333rem;line-height:1.2;display:flex;justify-content:center;align-items:center;flex-direction:column;border:1px solid #E8E8E8;box-shadow:0 2px 4px 0 #00000029;}
.sportslist-date li span{display:block;color:#888888;}
.sportslist-date li b{color:#424654;font:bold 2rem/1 'DIN Pro'}
.sportslist-date li.cur{background:url(../images/home/betlist_date.png) no-repeat 0 0/100% 100%;border:none;;box-shadow:none;}
.sportslist-date li.cur b, .sportslist-date li.cur span{color:#fff;}
.sportslist-info > div{position:relative;}
.sportslist-info a{display:block;}
.sportslist-info .img-overlay{padding:0 0 3%;flex-direction:column;right:auto;width:50%;}
.sportslist-info h4, .sportslist-info h5{color:#424654;font-size:4vw;margin:0;}
.sportslist-info h5{font-size:7.73vw;line-height:1;}
.sportslist-info p{font-size:6px;color:#04A7F0;position:relative;margin-top:5px;}
div:not(.home-virtuallist) .sportslist-info p:before, div:not(.home-virtuallist) .sportslist-info p:after{content:'';display:block;position:absolute;left:-12px;float:left;background:#04A7F0;width:10px;height:2px;top:4px;;}
div:not(.home-virtuallist) .sportslist-info p:after{left:auto;right:-12px;}
.home-virtuallist .sportslist-info img{width:98%;box-shadow:0 1px 3px #00000029;border-radius:10px;display:block;margin:0 auto 10px;}
.home-virtuallist .sportslist-info .img-overlay{width:35%;padding:0 10px;}
.home-virtuallist .sportslist-info h4{font-size:3.8vw;line-height:1.25;padding-bottom:3px;}
.home-sportslist .single-image-content{background:#fff;margin:0 -2vw;padding-bottom:60px;font-size:1.16667rem}
.home-sportslist .single-image-content img{max-width:25%;margin-bottom:-10px}

/*non-login*/
.hideLogin{display:none !important;}
.page-nonlogin .home-wallet strong{font-size:1.33333rem; display:block; padding-top:3px;}
.page-nonlogin .showLogin{display:none !important;}
.page-nonlogin .hideLogin{display:block !important;}

/*****
tab
*****/
.tab{background:#fff;color:#CBCED8;overflow:auto;font-family:'DIN Pro';font-weight:500;border-bottom:2px solid #F8F8F8;}
.tab ul{display:flex;align-items:center;padding:5px 3vw;float:left;min-width:100%;-ms-flex-pack:justify;justify-content:space-between;}
.tab li{min-width:65px;text-align:center;position:relative;margin-right:5px;flex:0 0 auto;}
.tab:not(.tab-date) li:before{content:'';display:block;width:26px;height:26px;background:url(../images/empty.png) no-repeat 0 0/100%;margin:2px auto;}
.tab li.tab-football:before{background-image:url(../images/icons/icon_football.png);}
.tab li.tab-basketball:before{background-image:url(../images/icons/icon_basketball.png);}
.tab li.tab-american:before{background-image:url(../images/icons/icon_american.png);}
.tab li.tab-badminton:before{background-image:url(../images/icons/icon_badminton.png);}
.tab li.tab-baseball:before{background-image:url(../images/icons/icon_baseball.png);}
.tab li.tab-boxing:before{background-image:url(../images/icons/icon_boxing.png);}
.tab li.tab-cricket:before{background-image:url(../images/icons/icon_cricket.png);}
.tab li.tab-darts:before{background-image:url(../images/icons/icon_darts.png);}
.tab li.tab-entertainment:before{background-image:url(../images/icons/icon_entertainment.png);}
.tab li.tab-epl:before{background-image:url(../images/icons/icon_epl.png);}
.tab li.tab-financial:before{background-image:url(../images/icons/icon_financial.png);}
.tab li.tab-gaming:before{background-image:url(../images/icons/icon_gaming.png);}
.tab li.tab-golf:before{background-image:url(../images/icons/icon_golf.png);}
.tab li.tab-handball:before{background-image:url(../images/icons/icon_handball.png);}
.tab li.tab-hockey:before{background-image:url(../images/icons/icon_hockey.png);}
.tab li.tab-lawnhockey:before{background-image:url(../images/icons/icon_lawnhockey.png);}
.tab li.tab-lottery:before{background-image:url(../images/icons/icon_lottery.png);}
.tab li.tab-nfl:before{background-image:url(../images/icons/icon_nfl.png);}
.tab li.tab-pingpong:before{background-image:url(../images/icons/icon_pingpong.png);}
.tab li.tab-racing:before{background-image:url(../images/icons/icon_racing.png);}
.tab li.tab-sailboat:before{background-image:url(../images/icons/icon_sailboat.png);}
.tab li.tab-snooker:before{background-image:url(../images/icons/icon_snooker.png);}
.tab li.tab-spanish:before{background-image:url(../images/icons/icon_spanish.png);}
.tab li.tab-tennis:before{background-image:url(../images/icons/icon_tennis.png);}
.tab li.tab-track:before{background-image:url(../images/icons/icon_track.png);}
.tab li.tab-volleyball:before{background-image:url(../images/icons/icon_volleyball.png);}
.tab li.tab-waterpolo:before{background-image:url(../images/icons/icon_waterpolo.png);}
.tab li.tab-all:before{background-image:url(../images/icons/icon_all.png);}
.tab li.cur{color:#414655;}
.tab li.cur:before{background-position:center bottom;}
.tab li sup{display:block;left:50%;margin-left:10px;position:absolute;top:0;font:bold 1rem 'DIN Pro';}

.tab.tab-plain{border:0;}
.tab.tab-plain ul{padding:0 3vw;}
.tab.tab-plain li{min-width:60px;line-height:50px;height:50px;font-size:1.33333rem;color:#414655;}
.tab.tab-plain li:before{height:2px;position:absolute;background:#04A6F0;bottom:0;left:50%;right:50%;margin:0;width:0;transition:all .3s;}
.tab.tab-plain li.cur{color:#04A6F0;}
.tab.tab-plain li.cur:before{left:0;right:0;width:100%;}

.tab-date ul{padding:0 3vw;width:100%;}
.tab-date li{min-width:auto;margin:0 15px;padding:5px 0;border-bottom:3px solid #fff;}
.tab-date li.cur{border-color:#414655;}

/*tab selection style (redeem_history)*/
.tab-selection{background:#fff;padding:13px 4vw;}
.tab-selection > ul{display:flex;font-size:1.16667rem;}
.tab-selection > ul > li{line-height:30px;background:#F7F8FC;border-radius:15px;padding:0 25px;}
.tab-selection > ul > li + li{margin-left:15px;}
.tab-selection > ul > li[data-target] span:after{margin-left:5px;transition:all .5s;content:'';width:0;height:0;right:0;border-style:solid;border-width:.35em .3em 0 .3em;border-color:#a7aab4 transparent transparent transparent;display:inline-block;vertical-align:middle;}
.tab-selection > ul > li.cur span:after{transform:rotate(180deg)}

.tab-options{background:#fff;padding:0 4vw;position:fixed;left:0;right:0;z-index:999;display:none;}
.tab-options p{color:#A5A9B3;margin:.5em 0 0;line-height:20px;}
/*.tab-options p .text-blue{font-size:1.25rem;vertical-align:middle;}*/
.tab-options > ul{display:flex;flex-wrap:wrap;padding:15px 0 10px;}
.tab-options > ul > li{width:20%;color:#A5A9B3;border:1px solid #CBCED8;border-radius:6px;text-align:center;line-height:35px;margin-bottom:10px;}
.tab-options > ul > li + li:not(:nth-child(4n+1)){margin-left:5%;}
.tab-options > ul > li.cur{background:#04A6F0;border-color:#04A6F0;color:#fff;}

/*****
eventlisting style
*****/
*[class^='seperator-'], [class*=' seperator-']{border-top:4px solid #A6CCF9;font-size:1.16667rem;font-family:'DIN Pro';font-weight:500;color:#414655;line-height:30px;box-shadow:0 3px 6px #00000029;background:#fff;padding-left:calc(3vw + 25px);display:flex;align-items:center;background:#fff url(../images/eventlisting/icon_league.png) no-repeat 3vw center/19px;}
.seperator-red{border-top-color:#F9A7B1;background-image:url(../images/eventlisting/icon_league_open.png);}
.seperator-orange{border-top-color:#FFD38B;background-image:url(../images/eventlisting/icon_league_all.png);}
.league-category{font-size:1.16667rem;font-family:'DIN Pro';font-weight:500;color:#7B87A8;line-height:20px;margin:2px 3vw}
.league-container{background:#fff;margin:1vw;transition:box-shadow .3s;}
.league-container.collapse{box-shadow:0 1px 2px #00000029;}
.league-container + .league-container{margin-top:2vw;}/*for or page*/
.league-header{color:#414655;font:bold 1.16667rem 'DIN Pro';padding:5px 2vw;border-bottom:2px solid #F8F8F8;display:flex;justify-content:space-between;align-items:center;}
.fas.fa-chevron-right{color:#CBCED8;}
.fas.fa-chevron-right.down{transform:rotate(90deg);}
.league-header .expandable{margin-left:5px;}
.match-left{width:45%;flex:0 0 auto;padding-left:2vw;}
.match-right{width:55%;flex:1 1 auto;margin-right:30px;position:relative;overflow:hidden;}
.match-head{color:#414655;font-size:.83rem;display:flex;min-height:20px;}
.match-head .match-left{color:#7B87A8;font-size:1.08rem;}
.bettype-slide{display:flex;width:100%;position:absolute;right:0;transition:right .5s;}
.bettype-slide.second{right:100%;}
.bettype-slide.third{right:200%;}
.bettype-slide > *{width:100%;flex:0 0 auto;}
.match-bettype{width:100%;}
.match-bettype > div{display:flex;justify-content:stretch;line-height:20px;text-align:center;}
.match-bettype span{flex:1 1 auto;}
.match-detail{color:#7B87A8;display:flex;padding:0 2vw;justify-content:space-between;border-top:1px solid #F8F8F8;align-items:center;}
.match-time{margin-right:auto;}
.match-score{color:#A5A9B3;}
.match-detail .fas.fa-chevron-right{margin-left:2px;}
.match-sub-detail{display:flex;margin-bottom:10px;}
.match-sub-detail i{display:block;width:19px;height:14px;margin-right:5px;transition:all .5s;}
i.icon-visual{background:url(../images/eventlisting/icon_visual.png) no-repeat center/auto 100%;}
i.icon-live{background:url(../images/eventlisting/icon_live.png) no-repeat center/auto 100%;}
.match-sub-detail i.grey{filter:grayscale(100%);opacity:.3}
.match-content{display:flex;position:relative;}
.match-content .teamname{height:36px;margin:2px 2vw 2px 0;display:flex;align-items:center;justify-content:space-between;}
.match-content .teamname span{margin-right:10px;width:calc(100% - 35px);}
.match-content .teamname b{font-size:1.16667rem;}
.detail-container{min-height:80px;width:100%;}
.detail-container::after{display:block;clear:both;content:'';}
.odds-detail{display:flex;flex-flow:column wrap;height:80px;width:100%;margin-bottom:5px;}
.odds-detail .box{flex-direction:column;}
.odds-detail .box .fa{color:#bfc5d8;font-size:.83rem;margin-top:3px;}
.match-content .selection{text-align:center;margin:3px 0 10px;}
.match-content .selection span{display:inline-block;width:3px;height:2px;border-radius:1px;background:#ECEEF2;line-height:2px;}
.match-content .selection span.cur{width:9px;background:#BCC4E4;}
.slide-arrow{display:block;position:absolute;width:11px;height:11px;right:10px;top:31px;background:url(../images/eventlisting/slide_arrow.png) no-repeat center/auto 100%;}
.slide-arrow.slide-right{transform:rotate(180deg);}

/***eventlisting OR***/
.page-or .match-content{border-top:2px solid #F8F8F8}
.page-or .match-detail{padding:3px 2vw;color:#414655;}
.or-odds-detail{display:flex;flex-wrap:wrap;width:100%;}
.or-odds-detail .box{width:calc(50% - 4px);justify-content:space-between;padding:.83rem;font-size:.83rem;}
.or-odds-detail .box span{color:#414655;}

/*****
match up/down shared style
*****/
.match-green{color:#69C969 !important;}
.match-red{color:#EC5970 !important;}
.match-green:before,.match-red:before{content:'';width:0;height:0;right:0;border-style:solid;border-width:.35em .3em 0 .3em;border-color:#69C969 transparent transparent transparent;display:inline-block;margin-right:2px;vertical-align:middle;}
.match-red:before{border-color:#EC5970 transparent transparent transparent;transform:rotate(180deg);}
.icon-circle{text-decoration:none;font-variant:none;font-style:normal;width:1em;height:1em;border-radius:50%;border:2px solid #414655;text-align:center;line-height:1em;box-sizing:content-box;margin-right:.5em;font-size:.8em;font-weight:bold;}
.text-red .icon-circle{border-color:#EC5970}
.text-green .icon-circle{border-color:#69C969}

/*****
swal alert popup
*****/
.swal2-popup{border-radius:14px;max-width:90% !important;}
.swal2-title{font-size:1.33333rem;margin-top:5px;}
.swal2-close{width:37px;height:37px;border:3px solid #fff;border-radius:50%;top:-45px;right:-25px;color:#fff;line-height:31px;font-size:40px;}
.swal2-content{color:#888 /*#A5A9B3*/;font-size:1.16667rem;line-height:1.75;margin-top:10px}
.swal2-content p{margin-bottom:10px;}
.alert-dark{background:none !important;}
.alert-dark .swal2-popup{background:#00000098;color:#fff;border-radius:8px;padding:8px;}
.alert-dark .swal2-content{color:#fff;margin:0;}
.alert-simple .swal2-content{margin:0;font-size:1.67em;color:#666;}
.alert-icon{width:40px;display:block;margin:15px auto;font-size:35px;}
.alert-icon.ico-check{font-size:25px;}
.alert-icon.ico-check.circle-ico{font-size:14px;display:block;height:40px;display:flex;justify-content:center;align-items:center;border:2px solid #fff;width:40px;border-radius:50%;}

.alert-btn-bottom .swal2-popup{padding:15px 0 0;}
.alert-btn-bottom .swal2-title{font-size:1.5rem;}
.alert-btn-bottom .swal2-content{margin:5px 20px 15px;}
.alert-btn-bottom .swal2-actions{margin:0;border-top:1px solid #E1E5E9;display:flex;padding:0;}
.alert-btn-bottom .swal2-actions button{border:none;outline:none;background:none;color:#000;font-size:1.5rem;flex:1 1 auto;line-height:45px;display:block;} 
.alert-btn-bottom .swal2-actions .swal2-confirm{color:#04A6F0;order:1;border-left:1px solid #E1E5E9;} 
.alert-btn-bottom.single-btn .swal2-actions .swal2-confirm{border:none;}

/*****
modal shared style
*****/
.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0;}
.modal-dialog{position:relative;width:auto;pointer-events:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem);max-height:calc(var(--vh, 1vh) * 100);-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%;}
.modal.fade .modal-dialog{transition:-webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out;transition:transform 0.3s ease-out, -webkit-transform 0.3s ease-out;-webkit-transform:translate(0, -50px);transform:translate(0, -50px);}
.modal.fadeUp .modal-dialog{transition:-webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out;transition:transform 0.3s ease-out, -webkit-transform 0.3s ease-out;-webkit-transform:translate(0, 50px);transform:translate(0, 50px);}
.modal-dialog-bottom{justify-content:flex-end;min-height:auto;max-height:100%;}
.modal.slide .modal-dialog, .modal.fade .modal-dialog-bottom{-webkit-transform:translate(0, 200px);transform:translate(0, 200px);}
.modal.show .modal-dialog{-webkit-transform:none;transform:none;}
.modal.modal-static .modal-dialog{-webkit-transform:scale(1.02);transform:scale(1.02);}
.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;/*border:1px solid #707070;*/ border-radius:20px;outline:0;overflow:hidden;max-height:calc(var(--vh, 1vh) * 95);}
.modal-dialog-bottom .modal-content{border-radius:20px 20px 0 0;}
.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:calc(var(--vh, 1vh) * 100);background-color:#000;}
.modal-backdrop.fade{opacity:0;}
.modal-backdrop.show{opacity:0.5;}
.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 3vw;border-bottom:1px solid #dee2e6;-ms-flex-negative:0;flex-shrink:0;}
.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto;}
.modal-title{margin-bottom:0;line-height:1.5;}
.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem;overflow-y:auto;}
.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:center;border-bottom-right-radius:calc(0.3rem - 1px);border-bottom-left-radius:calc(0.3rem - 1px);-ms-flex-negative:0;flex-shrink:0;}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll;}
 @media (min-width:576px){
.modal-dialog{max-width:500px;margin:1.75rem auto;min-height:calc(100% - 3.5rem);max-height:calc(100% - 3.5rem);}
.modal-dialog::before{height:calc(var(--vh, 1vh) * 100 - 3.5rem);height:-webkit-min-content;height:-moz-min-content;height:min-content;}
.modal-dialog .modal-content{max-height:calc(var(--vh, 1vh) * 100 - 3.5rem);}
}

.modal-dialog-bottom .modal-header{padding:0 5vw;justify-content:center;line-height:50px;border:none;height:50px;}
.modal-dialog-bottom .modal-header .header-left,.modal-dialog-bottom .modal-header .header-right{position:absolute;left:5vw;display:block;top:0;line-height:50px;}
.modal-dialog-bottom .modal-header .header-right{right:5vw;left:auto;}
.modal-dialog-bottom .modal-header h5{font-size:1.16667rem;}
.modal-footer [class^='btn-'] + [class^='btn-']{margin-left:5%;}

/*****
error modal
*****/
.error-slip .modal-content{width:300px;max-width:90%;color:#999;text-align:center;min-height:370px;}
.error-slip .modal-content p{margin-top:20px;font-size:1rem;}

/*****
betslip modal
*****/
.bet-slip .modal-content{width:300px;color:#414655;text-align:center;}
.bet-title{margin:15px auto;font-size:1.16667rem;}
.bet-title span:before, .bet-title span:after{content:'';background:url(../images/eventlisting/blue_slash.png) no-repeat center/auto 11px;width:11px;height:11px;margin:0 5px;display:inline-block;}
.bet-teams{display:flex;justify-content:space-between;margin-bottom:20px;text-align:left;padding:0 1vw;}
.bet-teams span{flex:0 0 auto;width:43%;}
.bet-teams span:last-child{text-align:right;}
.bet-slip .color-box{font-size:1.16667rem;padding:15px 30px 30px;margin-bottom:15px;}
.bet-slip .color-box.red{background:url(../images/eventlisting/box_red.png) no-repeat center/100% 100%;}
.bet-slip .color-box.red .badge{color:#8FA0AF;}
.bet-slip .color-box.green{background:url(../images/eventlisting/box_green.png) no-repeat center/100% 100%;}
.bet-slip .color-box .text-yellow{display:none;}
.bet-slip .color-box.red .text-yellow, .bet-slip .color-box.green .text-yellow{display:block;} 
.bet-slip .color-box.grey{background:#F0F4F9;color:#CECFD0;border:1px solid #bed3f3;padding-bottom:20px;}
.bet-slip .color-box.grey p{display:none;}
.bet-slip .color-box.grey .content-disabled{display:block;}
.bet-slip .color-box.grey img{width:70px;display:block;margin:0 auto;}
.bet-slip .color-box.grey .badge{color:#8FA0AF;bottom:20px;}
.bet-slip .color-box p{margin-bottom:10px;}
.bet-slip .color-box.red p, .bet-slip .color-box.green p{margin-bottom:5px;}
.bet-slip .color-box .badge{width:34px;height:34px;background:#fff;color:#04A6F0;line-height:34px;position:absolute;right:15px;border-radius:50%;bottom:15px;font-size:1.66rem;}
.bet-rate-flex{display:flex;justify-content:center;}
.bet-rate-flex span:first-child{text-align:left;}
.bet-rate-flex span:last-child{flex:0 0 auto;margin-left:10px;}
.bet-slip .input-group{font-size:1.33333rem;margin-top:15px;}
.bet-slip .amount-list{display:flex;justify-content:space-between;flex-wrap:wrap;margin:10px 0;}
.bet-slip .amount-list li{border:1px solid #F1F1F1;font-size:1.33333rem;color:#585E6D;text-align:center;width:88px;line-height:38px;border-radius:6px;margin:3px 0;}
.bet-slip .amount-list li.selected{background:#04A6F0;color:#fff;}
.bet-slip .bet-canwin{color:#525868}

.placebet-btn{display:block;border-radius:11px;text-align:center;height:50px;line-height:50px;background:#4F97FF;width:100%;color:#fff;font-size:1.33333rem;}
.placebet-btn.continue-btn{display:block;position:relative;}
.placebet-btn a{display:block;line-height:40px;background:#ffae44;color:#fff;border-radius:5px;text-align:center;margin:auto;}
.placebet-btn .betfailed{background:red;}
#button-background{position:relative;width:100%;height:100%;border-radius:1px;display:flex;align-items:center;justify-content:center;}
#slider{position:absolute;left:0;bottom:0;width:60px;height:51px;background:url(../images/eventlisting/slider_bg.png) no-repeat center/100% 100%;}

.placebet-confirm{display:block;border-radius:0 0 19px 19px;text-align:center;height:50px;line-height:50px;background:#04A6F0;width:100%;color:#fff;font-size:1.33333rem;}
.confirm-head{color:#04A6F0;font-size:1.5rem;margin-bottom:20px;}
.confirm-head i{margin-bottom:8px;font-size:3.33rem;color:#53acfb;}
.confirm-detail{margin-bottom:20px;}
.confirm-detail > div{display:flex;justify-content:space-between;padding:5px 10px;color:#616674}
.confirm-detail > div span:first-child{color:#AAB4CD;flex:0 0 auto;margin-right:10px;}
.confirm-detail > div span:last-child{word-break:break-all;text-align:right;}

/***bet slip - open & closed settlement***/
.bet-slip.bet-settlement .modal-content{width:350px;max-width:85%;background:none;max-height:none;border-radius:0;}
.bet-slip.bet-settlement .modal-body{padding:0;}
.slip{background:#fff;margin:10px auto;border-radius:20px;padding:0 18px 18px;}
.slip-header{height:50px;padding:0 18px;margin:0 -18px;display:flex;background:#04A6F0;justify-content:space-between;align-items:center;color:#fff;border-radius:20px 20px 0 0;font-size:1.16667rem;margin-bottom:15px;}
.slip > div:first-child:not(.slip-header){padding-top:20px;}
.slip .color-box{padding:15px 30px;}
.slip .color-box p{margin-bottom:0;}
.slip .confirm-detail{margin-bottom:0;}
.slip .confirm-detail > div span:first-child{color:#676C79}
.confirm-detail > div.text-blue span{color:#04A6F0}
.slip .btn-blue{margin-top:20px;}
.slip .bet-teams{margin-bottom:15px;}
.slip .icon-double-up-blue{width:11px;height:11px;margin-left:8px;}
.setCollapse{font-size:1.16667rem;}
.setCollapse .icon-double-up-blue{transform:rotate(180deg);transition:all .3s;}
.setCollapse.collapse .icon-double-up-blue{transform:rotate(0deg);}

.slip-combo-box{text-align:left;margin:0 10px;padding:8px 0 10px 15px;position:relative;line-height:1.3;}
.slip-combo-box p{margin-top:5px;}
.slip-combo-box h5{font-size:1.16667rem;display:flex;justify-content:space-between;}
.slip-combo-box:before, .slip-combo-box:after{content:'';display:block;position:absolute;left:0;width:1px;background:#D6D6D6;}
.slip-combo-box:before{top:-8px;height:28px;}
.slip-combo-box:after{top:20px;bottom:8px;background:#04A6F0;}
.slip-combo-box.done:before, .slip-combo-box.done:after{background:#04A6F0;}
.slip-combo-box.first:before,.slip-combo-box.last:after{display:none}
.slip-combo-box i{width:5px;height:5px;border-radius:50%;background:#D3D3D3;display:block;left:-2.5px;position:absolute;z-index:2;top:15px;border:1px solid #B5B5B5;}
.bet-closed .slip-combo-box.done i{border-color:#04A6F0;background:#fff;}
.slip-combo-box .text-grey{display:flex;justify-content:between;}
.slip-combo-box .text-grey b{flex:0 0 auto;margin-left:10px;}

/*****
combo panel
*****/
.combo-panel{position:fixed;bottom:-130px;height:63px;background:#9AA4C2;border-radius:25px 25px 0 0;left:0;right:0;color:#fff;padding:0 4vw;letter-spacing:.5px;transition:bottom .5s;line-height:30px;}
.footer-yes .combo-panel{padding:0 4vw 60px;height:123px;}
.combo-info{display:flex;align-items:center;height:100%;width:100%;}
.combo-info .combo-count{width:28px;height:28px;border-radius:50%;background:#fff;color:#9AA4C2;text-align:center;line-height:28px;font-size:1.16667rem;margin-right:8px;}
.combo-info b{font-size:1.08rem;}
.combo-info i{margin-left:11px;font-size:1.16667rem;width:12px;height:12px;background:url(../images/icons/icon_arrow_double_up.png) no-repeat center/11px;}

.combo-show .combo-panel{bottom:0;}
body.combo-show{padding-bottom:63px;}
body.footer-yes.combo-show{padding-bottom:123px;}

/*****
combo modal
*****/
.combo-modal .modal-content{border-radius:20px 20px 0 0;max-height:calc(var(--vh, 1vh) * 97);}
.combo-modal .modal-header{background:#9AA4C2;color:#fff;height:60px;}
.combo-modal .modal-body{padding:0;display:flex;flex-direction:column;}
.combo-modal .combo-info i{transform:rotate(180deg);}
.combo-list{max-height:calc(100% - 90px);overflow:auto;}
.combo-bet{display:flex;padding:10px 3vw;border-top:2px solid #ececec;align-items:center;}
.combo-bet > a{margin-right:18px;width:16px;height:16px;}
.combo-bet .btn-close{background:url(../images/icons/icon_close.png) no-repeat center/100%;}
.combo-bet .combo-betname{padding-left:10px;position:relative}
.combo-bet .combo-betname:before{content:'';display:block;position:absolute;width:3px;height:24px;background:#4080FF;top:0;left:0;border-radius:2px;}
.combo-bet h2{font-size:1.5rem;line-height:24px;margin-bottom:5px;}
.combo-bet h2 small{font:500 1rem/1.5 'DIN Pro';margin-left:10px;}
.combo-bet h5{font-size:2rem;}
.combo-bet .ml-auto{text-align:right;}

.combo-option{background:#F5F6F9;flex:0 0 auto;}
.combo-option .combo-bet{min-height:90px;}
.combo-option .combo-bet h5{color:#3F4352;}
.combo-option.moreCombo .combo-bet .combo-amount{pointer-events:none;}
.combo-option .ml-auto{color:#9AA4C2}
.combo-option .bet-range, .combo-option input{border:1px solid #DEE0E9;background:#fff;padding:5px 20px;border-radius:4px;margin-bottom:9px;}
.combo-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 3vw;width:100%;font-size:1.5rem;color:#95A4C8}
.icon-plus{width:20px;height:20px;background:url(../images/icons/icon_plus.png) no-repeat center/100%;margin:0 10px;}
.combo-modal .btn-confirm{height:60px;width:100%;line-height:40px;padding:10px 0;max-width:none;}
.combo-modal .btn-confirm b{font-size:1.4rem;}
.combo-modal .combo-placebet{width:180px;line-height:1.4;flex-direction:column;max-width:50%;}
.combo-placebet small{display:block;font-size:1rem;padding-top:3px;}
.combo-more{color:#9AA4C2;padding-top:5px;display:none;}
.combo-more i{width:9px;height:9px;margin-left:5px;vertical-align:baseline;}

/*****
calculator
*****/
.calculator{background:#fff;padding:4vw 4vw 10px;}
.number-key{display:flex;flex-wrap:wrap;flex-direction:column;width:100%;height:60vw;}
.number-key span{font:bold 7vw/15vw 'DIN Pro';text-align:center;border:1px solid #f5f6f9;width:25%;height:15vw;display:flex;justify-content:center;align-items:center;}
.number-key .grey{height:30vw;background:#f5f6f9;border-color:#fff;}
.calculator.grey{padding:0;background:#F6F6F7;}
.calculator.grey .number-key{height:48vw;}
.calculator.grey .number-key span{font:500 6vw/12vw 'DIN Pro';height:12vw;border-color:#EFEFF0;}
.calculator.grey .number-key .large{height:24vw;}
.calculator.grey .number-key .blue{background:#1280D2;color:#86B9E6;font-size:5vw;}
.icon-cal{width:9vw;height:9vw;background:url(../images/icons/icon_cal.png) no-repeat center/100%;}

/*****
results
*****/
.page-results .match-right{margin-right:2vw;}

/*results OR*/
.page-results-or .detail-container{min-height:auto;margin-bottom:5px;}
.page-results-or .or-odds-detail .box{justify-content:center;letter-spacing:1px;}
.page-results-or .or-odds-detail .box:first-child{text-align:left;justify-content:flex-start;}

/*****
bet menu (eventlisting footer popup)
*****/
.bet-menu .modal-content{border-radius:0;}
.bet-menu .modal-body{padding:0;color:#7D87A5;font-size:1.33333rem;}
.bet-menu .modal-body > *{display:flex;justify-content:space-between;padding:15px 5vw;align-items:center;border-bottom:1px solid #F5F6F9;}
.bet-menu .menu-filter{height:73px;border-bottom-width:18px;color:#414655;font:bold 1.5rem/1 'DIN Pro';}
.bet-menu .menu-filter > div{display:flex;align-items:center;}
.bet-menu .menu-filter img{height:20px;margin-right:9px;}
.bet-menu .menu-filter a{font:500 1.33333rem/1 'DIN Pro';color:#7D87A5;}
.bet-menu .modal-footer{font-size:2rem;color:#414655;border-top:18px solid #F5F6F9;line-height:69px;}
.bet-menu .modal-footer a{display:block;width:100%;text-align:center;}
.bet-menu .btn-border-grey{color:#7D87A5;border:2px solid #7D87A5;border-radius:25px;}

/*****
SEV
*****/
.page-sev header{background:none;color:#fff;position:fixed;left:0;right:0;top:0;}
.page-sev header h3{color:#fff;font-size:1.5rem;}
.page-sev header h3:after{border-color:#fff transparent transparent transparent;}
.page-sev .fa-chevron-left{position:fixed;color:#fff;top:0;left:2%;width:50px;z-index:1000;}
.page-sev.show-dropdown header{background:#fff;color:#414655}
.page-sev.show-dropdown header h3, .page-sev.show-dropdown .fa-chevron-left{color:#414655}
.page-sev.show-dropdown header h3:after{border-color:#414655 transparent transparent transparent;}
.page-sev .nav-dropdown li{width:100%;display:flex;padding:20px 3vw;border-radius:0;margin:0;border:none;border-top:1px solid #f8f8f8;font-size:1.16667rem;align-items:center;line-height:1.3;position:relative;}
.page-sev .nav-dropdown li > div{width:33.33%;text-align:center;color:#414655;}
.page-sev .nav-dropdown li.cur{background:#dde0ef;}
.page-sev .nav-dropdown li span{font-size:1rem;}
.page-sev .nav-dropdown li b{display:block;font-size:2rem;}
.page-sev .nav-dropdown li.cur:after{content:'';display:block;background:#e5e7f1;left:0;right:0;bottom:-4px;height:1px;position:absolute;}

.top-banner{position:relative;color:#fff}
.top-banner .img-overlay{justify-content:space-evenly;padding:0 5vw;}
.sev-team > *{flex:0 0 auto;}
.sev-team{font-size:3.39vw;}
.sev-team img{display:block;width:auto;height:55px;margin:0 auto 5px;}
.sev-time{color:#CDD0DA;font-size:1.16667rem;margin-top:10px}
.sev-time b{font-size:2.83rem;color:#fff;}
.red-card{background:#A0212A;font-size:1.16667rem;display:inline-block;color:#fff;padding:0 5px;margin:0 5px;vertical-align:text-bottom;}
.sev-extra{position:absolute;bottom:20px;display:flex;justify-content:center;background:#00000051;border-radius:15px;}
.sev-extra div{display:block;padding:5px 16px;}
.sev-extra div + div{border-left:1px solid #000;}
.sev-extra .icon-tv, .sev-extra .icon-field{width:18px;height:17px;background:url(../images/sev/icon_tv.png) no-repeat center/100%;margin-right:5px;}
.sev-extra .icon-field{background-image:url(../images/sev/icon_field.png)}

.simple-banner{background:#014089;display:flex;padding:10px 50px;justify-content:space-evenly;color:#fff;align-items:center;font-size:1.16667rem;position:fixed;top:0;left:0;right:0;z-index:999;height:150px;display:none;}
.simple-banner .img-wrap{width:34px;height:34px;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:50%;}
.simple-banner img{max-width:30px;max-height:30px;}

.top-video{position:relative;z-index:1111;}
.top-video img{display:block;width:100%;}
.video-ctrl{display:flex;justify-content:space-between;color:#fff;background:#000;height:28px;align-items:center;padding:0 3vw;font-size:1.25rem;}
.video-info{padding:3vw;font-size:.83rem;color:#787878;background:#fff;border-bottom:7px solid #F8F8F8;}

.page-sev .detail-container{min-height:auto;padding:5px;}
.sev-odds-detail{display:flex;justify-content:stretch;width:100%;}
.sev-odds-detail .box{flex:1 1 auto;padding:0 10px;}
.sev-odds-detail .box span{font-size:1rem;}
.sev-odds-detail .box > b:first-child{flex:1 1 auto;}
.sev-odds-detail .box > * + *{flex:0 0 auto;margin-left:5px;}

/*****
virtual sports
*****/
.video-wrap img{display:block;width:100%;}
.virtual-text-center{text-align:center;padding:5px 3vw;line-height:1;}
.black-card{background:#000;color:#fff;padding:2px 5px;margin:0 5px;vertical-align:text-bottom;display:inline-block;border-radius:2px;font-size:.83rem;}

/*****
filtering
*****/
.custom-checkbox{display:block;position:relative;cursor:pointer;width:16px;height:16px;}
.custom-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.checkmark{position:absolute;top:0;left:0;height:100%;width:100%;background-color:#fff;border:1px solid #c0c5d6;border-radius:50%}
.custom-checkbox input:checked~.checkmark{background-color:#c0c5d6;border-color:#c0c5d6}
.checkmark:after{content:'';position:absolute;display:none}
.custom-checkbox input:checked~.checkmark:after{display:block}
.custom-checkbox .checkmark:after{left:4px;top:2px;width:5px;height:8px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}

.custom-checkbox .fa-check-circle{color:#fff;}
.custom-checkbox input:not(:checked)~.fa-check-circle:before{content:'';border:1px solid #fff;border-radius:50%;width:1em;height:1em;display:inline-block;vertical-align:middle;}

.page-filtering{background:#fff;}
.page-filtering .top-fixed{padding:0 3vw 10px;background:#fff;}
.page-filtering .top-fixed i{display:block;position:absolute;top:11px;left:25px;color:#c5c7cd;font-size:1.33333rem;}
.top-search{background:#f8f8f8;line-height:38px;width:100%;border-radius:19px;border:none;padding:0 20px 0 35px;}

.filtering-wrap{padding-bottom:30px;}
.filtering-wrap h3{background:#f6f7f8;padding:10px 40px 10px 20px;display:flex;align-items:center;}
.filtering-wrap h3 i{margin-right:10px;transition:all .3s;}
.filtering-wrap h3.collapse i{transform:rotate(-90deg);}
.filtering-wrap label{margin-left:auto}
.filtering-wrap li{position:relative;}
.filtering-wrap li li{margin:0 30px 0 20px;padding:10px 5px 10px 20px;display:flex;align-items:center;border-top:1px solid #ddd;}
.filtering-wrap li * + ul li:first-child{border-top:none;}
.filtering-wrap h3 + label{position:absolute;top:12px;right:35px;}
.filter-all{padding:10px 35px 10px 20px;display:flex;align-items:center;justify-content:flex-end;}
.filter-all label{margin-left:5px;}
.filtering-wrap li small{color:#AAB4CD;margin-left:auto;font-size:10px;}
.filtering-wrap li small + label{margin-left:10px;}
.filtering-wrap .dark-bg h3{background:#c0c5d6;color:#fff;font-weight:normal;}
.filtering-wrap .dark-bg h3 + .custom-checkbox input:checked~.checkmark{background-color:#fff;border-color:#fff;}
.filtering-wrap .dark-bg h3 + .custom-checkbox .checkmark:after{border-color:#c0c5d6}

.filter-alpha{position:fixed;top:50%;right:5px;z-index:99;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center;font-size:.83rem;color:#AAB4CD;}
.filter-alpha a[href='#hot']{margin-bottom:10px;}
.filter-alpha a{display:block;width:20px;}
.filter-alpha .cur a{color:#414655}
.filter-alpha a.text-grey{color:#ced2de;}

/*****
tutorial
*****/
.page-tutorial .tab.tab-sub{border-bottom:2px solid #F8F8F8;}
.page-tutorial .tab.tab-sub ul{height:50px;padding:0 3vw;}
.page-tutorial .tab.tab-sub li{font-size:1.16667rem;margin-right:20px;line-height:24px;height:24px;border-radius:12px;color:#414655;}
.page-tutorial .tab.tab-sub li:before{display:none;}
.page-tutorial .tab-sub li.cur{background:#4BA4EA;color:#fff;border-bottom:0;}
.page-tutorial small{font-size:10px}
.page-tutorial .text-blue{color:#4BA4EA;}
.page-tutorial .t-wrap{margin-top:8px;color:#263440;background:#fff;padding:10px 4vw;}
.page-tutorial h5{line-height:1;padding:9px 8px;border-bottom:1px solid #E4E4E4;position:relative;}
.page-tutorial h5:before{content:'';height:10px;width:2px;background:#4BA4EA;position:absolute;top:50%;margin-top:-5px;left:0;}
.page-tutorial .section > div{max-width:310px;margin:0 auto;text-align:center;}
.page-tutorial .section > [class*='t-']{display:flex;justify-content:space-between;margin:20px auto;}
.t-infographic{padding:0 4vw;}
.t-infographic .t-blue, .t-infographic .t-brown{width:30px;height:30px;background:url(../images/tutorial/img_tutorial_blue.png) no-repeat center/100%;margin-top:7px;}
.t-infographic .t-brown{background-image:url(../images/tutorial/img_tutorial_brown.png)}
.t-infographic p{margin-bottom:5px;}
.page-tutorial .section > .t-result{margin:33px auto;background:#f6f7fc;background:linear-gradient(90deg, #f6f7fc 0%, #fff 49%, #f6f7fc 100%);height:52px;border-radius:26px;font-size:10px;padding:0 35px;align-items:center;position:relative;line-height:1.8;}
.t-result .t-circle{width:76px;height:76px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%, -50%);border-radius:50%;background:#F6F7FC;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:1rem;line-height:1.3;}
.t-circle .text-blue{font-size:1.33333rem;}
.icon-coin,.icon-coins{display:block;width:19px;height:19px;background:url(../images/tutorial/icon_coins.png) no-repeat center/100%;display:block;position:absolute;left:10px;top:50%;margin-top:-9px;}
.icon-coin{background-image:url(../images/tutorial/icon_coin.png)}
.t-result > div:last-child [class*=icon-]{left:auto;right:10px;}
.t-result > div:not(.t-circle) p:first-of-type{color:#AAB4CD;}
.t-box > div{width:135px;border-radius:10px;border:1px solid #CCCED9;}
.t-box p{border:1px solid #CCCED9;background:#F6F7FC;font-size:10px;border-radius:10px;margin:-1px;line-height:26px;}
.t-box h6{font-size:1.16667rem;line-height:35px;}
.t-box .t-box-blue{background:#4080FF;}
.t-box .t-box-blue h6{color:#fff;}

/*****
Splash page(index.html)
*****/
.page-splash{font-family:'PingFang SC';background:url(../images/splash/splash_bg.jpg) no-repeat center top;background-size:cover;}
.splash-preload, .splash-event{position:absolute;top:25vw;left:5%;right:5%;bottom:3vw;background:url(../images/splash/img_preload.png) no-repeat center;background-size:contain;}
.page-splash > .splash-event{background-image:url(../images/splash/img_event.png)}
.splash-countdown{background:#93979E;border-radius:20px;line-height:20px;height:34px;color:#FFFFFF;width:90px;position:fixed;right:10px;top:25px;padding:7px 10px;}
.splash-countdown span{font-size:16px;width:31px;display:inline-block;float:left;text-align:center;border-right:1px solid #fff;margin-right:10px;}
.splash-intro{position:absolute;top:0;bottom:0;left:0;right:0;}
.splash-slider-wrap{position:absolute;top:25vw;left:1.5%;right:1.5%;bottom:10vw;background-size:contain;overflow:hidden;}
.splash-slider{width:100%;height:100%;display:flex;position:absolute;transition:left .5s;}
.splash-slider img{max-width:100%;max-height:100%;}
.splash-slider > div{display:flex;align-items:center;height:100%;flex:0 0 auto;width:100%;flex-direction:column;justify-content:center;}
.splash-pagination{display:flex;justify-content:center;align-items:center;margin-top:2vw;position:absolute;width:100%;bottom:5vw;}
.splash-pagination span{width:15px;border-radius:5px;height:5px;background:#A7D8F7;transition:all .5s;margin:0 4px;}
.splash-pagination span.cur{background:#51A6D4;width:24px;}
.splash-slider [class*='btn-']{width:80%;max-width:300px;margin:20px auto 0;}
.splash-slider img.splash-last-img{max-height:calc(100vh - 130px - 39vw);margin-bottom:10px;}

/*****
Login, Forgot password, Register
*****/
.video-bg{position:fixed;top:0;left:0;bottom:0;right:0;z-index:0;}
.video-bg video{width:100%;height:100%;object-fit:cover;filter:brightness(80%);}
.page-login{font-size:1.16em;color:#868686;padding:30px 0;background:url(../images/login/bg.jpg) no-repeat center top;background-size:cover;}
.page-login .content{position:relative;z-index:1;}
.login-logo{width:195px;display:block;max-width:50%;margin:0 auto 35px;}
.login-wrap{margin:10vh 5vw 0;color:#93D5F2;}
.page-login .input-group{margin-top:17px;border-radius:8px;padding:5px;background:#fff;box-shadow:1px 3px 7px #00000059;}
.page-login .input-group i[class*='icon-'], .page-login .input-group i[class*='ico-']{width:55px;height:40px;background-repeat:no-repeat;background-position:center;background-size:19px;}
.page-login .input-group i[class*='ico-']{color:#868686;font-size:20px;text-align:center;}
i.icon-mobile{background-image:url(../images/icons/icon_mobile.png)}
i.icon-email{background-image:url(../images/icons/icon_email.png)}
i.icon-verify{background-image:url(../images/icons/icon_verify.png)}
i.icon-qq{background-image:url(../images/icons/icon_qq.png);background-size:27px !important;}
i.icon-username{background-image:url(../images/icons/icon_username.png);background-size:25px !important;}
.page-login .input-group input{background:none;padding-left:15px;border-left:1px solid #868686;color:#333;}
.input-group .img-verify{flex:0 0 auto;height:52px;margin:-6px;border-radius:0 8px 8px 0;max-width:40%;}
.page-login [class^='btn-']{width:100%;max-width:none;height:50px;border-radius:8px;border:none;margin-top:17px;font-size:1em;}
.page-login .btn-blue.disabled{background:#DDDDDD80 !important;}
.page-login .d-flex{line-height:16px;margin:15px 0;}
.page-login .custom-checkbox{margin-right:5px;}
.page-login .d-flex > *:last-child{margin-left:auto;}
.page-login .checkmark{background:none}
.link-center{text-align:center;display:block;margin-top:17px;color:#93D5F2;}
.cs-btn{line-height:32px;width:102px;border-radius:20px;color:#fff;float:right;margin:5vh 0;background:#3B8EDE url(../images/login/icon_cs.png) no-repeat 5px center/22px;padding-left:33px;}

.page-register .input-group input{padding-left:10px;font-size:1.08rem;}
.page-register input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#868686}
.form-error-msg{background:#00000052;color:#008DD0;font-size:10px;width:100%;border-radius:4px;padding:0 7px;line-height:18px;height:18px;display:none;position:absolute;bottom:-18px;left:0;}
.form-error-msg i{margin-right:5px;}
.form-error-msg.show{display:block;}
.form-error-msg.show + .input-group{margin-top:0;}

.page-forgotpw .tab.tab-plain li{font-size:1.16667rem;color:#CCCCCC;width:125px;}
.page-forgotpw .tab.tab-plain li.cur{color:#414655}
.page-forgotpw .tab.tab-plain li.cur:before{height:3px;}

/*****
Member 
*****/
.member-top{background:url(../images/member/member_bg.jpg) no-repeat left top;color:#424654;padding:0 3vw;background-size:cover;border-bottom:1px solid #E6E6E6;}
.member-top .member-img{width:83px;height:83px;border-radius:50%;border:3px solid #fff;margin:0 15px 0 12px;}
.member-top .top-bar{padding:10px 0;text-align:right;font-size:1.66rem;}
.member-top .top-bar a{margin-left:15px;position:relative;display:inline-block;}
.dots:after{content:'';display:block;width:8px;height:8px;border-radius:50%;float:right;background:#FF4C4B;position:absolute;top:0;right:-10px;}
.member-top .d-flex{align-items:center;justify-content:stretch;}
.member-top .member-info{flex:1 1 auto;}
.member-info h4{font-size:1.66rem;line-height:1.25;}
.member-info p{color:#0088FF;font-size:1.33333rem;}
.member-top .fas{color:#424654;height:100%;width:20px;text-align:center;line-height:30px;}
.member-top ul{background:#fff;display:flex;border-radius:10px 10px 0 0;margin:22px 0 -.5px;padding:12px 0;}
.member-top li{width:50%;padding-left:3vw;}
.member-top li + li{border-left:1px dashed #E0E0E0;}
.member-top li i{display:block;float:left;font-size:8vw;color:#42bcff;margin-right:2.5vw;line-height:unset;}
.member-top li h5{font-size:1.5rem;}
.member-top li p{color:#CDD0DA;}
.member-nav{margin-top:12px;display:flex;background:#fff;padding:0 3vw;border-bottom:1px solid #E6E6E6;}
.member-nav a{width:100%;flex:1 1 auto;padding:10px 0;text-align:center;color:#80869B;font-size:1.16667rem;}
.member-nav i{font-size:2.2rem;display:block;margin:5px auto;background:-webkit-linear-gradient(#7BE0FF, #0596FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}

.lv-badge{display:inline-block;background:linear-gradient(260deg, #0970CB, #63AEF0);border-radius:4px;text-shadow:#09396359 0 3px 7px;font-size:1rem;letter-spacing:.5px;color:#fff;width:50px;line-height:19px;height:19px;margin-left:7px;text-align:center;vertical-align:middle;margin-bottom:3px;font-weight:bold;}

/*****
setting
*****/
.ver-modal .modal-content{width:80%;padding:0 0 1rem;font-size:1.16667rem;line-height:2;}
.ver-modal h4{font-size:1.5rem;color:#8C8A97;text-align:center;margin-bottom:20px;line-height:1;}
.ver-modal .modal-body > p{margin-left:15%;}
.ver-modal .modal-footer{margin:40px 5% 20px;}
.ver-modal .modal-footer a{font-size:1.33333rem;}
.ver-modal .btn-border-grey{border-width:1px;color:#585E6D;}
.ver-text{position:absolute;right:10vw;top:5vw;color:#fff;line-height:.9;font-size:1.75rem;}
.ver-text small{font-size:1rem;}

/*****
Profile 
*****/
.user-avatar{width:60px;height:60px;margin-top:10px;border-radius:50%;}
.avatar-btn{width:20px;height:20px;background:url(../images/member/avatar_btn.png) no-repeat center/100%;display:inline-block;margin-left:-20px;}
.bottom-desc{font-size:1rem;color:#A5A9B3;text-align:center;padding-bottom:20px;}
.bottom-desc a{color:#04A6F0}
.btn-lightblue-border + .bottom-desc{margin-top:20px;/*color:#CDD0DA*/;}
.box-white + .bottom-desc{margin-top:20px;}
.bottom-desc + .btn-full{margin-top:20px;}

.avatar-modal .modal-content{background:#F5F5F9;border-radius:30px 30px 0 0;}
.avatar-list{display:flex;flex-wrap:wrap;padding:0 3vw 20px;}
.avatar-list li{width:25%;margin-top:20px;position:relative;}
.avatar-list li .user-avatar{margin:0 auto;display:block;position:relative;z-index:1;}
.avatar-list li.selected:before{content:'';position:absolute;width:64px;height:64px;top:50%;left:50%;transform:translate(-50%, -50%);background:#04A6F0;border-radius:50%;z-index:0;}
.avatar-list li.selected:after{content:'\f00c';background:#04A6F0;width:18px;height:18px;color:#fff;border-radius:50%;position:absolute;text-align:center;padding-right:1px;bottom:-3px;right:16px;z-index:2;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:auto;font:normal 900 11px/18px 'Font Awesome 5 Free';}
.avatar-modal .modal-footer{display:block;text-align:center;line-height:45px;font-size:1.16667rem;}
.avatar-modal .select-btn{border-top:1px solid #CFCFCF;display:block;}
.avatar-modal .cancel-btn{border-top:10px solid #E0E0E0;display:block;padding-bottom:20px;}

/*****
rolldate plugin 
*****/
.rolldate-container{font-size:1.33333rem;;text-align:center}
.rolldate-container ul{margin:0;padding:0}
.rolldate-container li{list-style-type:none}
.rolldate-container .rolldate-header{position:relative;line-height:50px;font-size:1.16667rem;border-bottom:1px solid #E1E5E9;}
.rolldate-container .rolldate-mask{position:fixed;width:100%;height:100%;top:0;left:0;z-index:999;background-color:rgba(37,38,45,.4)}
.rolldate-container .rolldate-panel{position:fixed;bottom:0;left:0;width:100%;height:300px;z-index:1000;background:#fff;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:translate3d(0,273px,0);transform:translate3d(0,273px,0)}
.rolldate-container .rolldate-btn{position:absolute;left:0;top:0;height:100%;padding:0 15px;cursor:pointer;-webkit-tap-highlight-color:transparent;font-size:1rem;}
.rolldate-container .rolldate-confirm{left:auto;right:0;color:#04A6F0;font-size:1rem;}
.rolldate-container .rolldate-content{position:relative;top:20px}
.rolldate-container .rolldate-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.rolldate-container .rolldate-wrapper>div{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:173px;line-height:36px;overflow:hidden;-webkit-flex-basis:-8e;-ms-flex-preferred-size:-8e;flex-basis:-8e;width:1%}
.rolldate-container .rolldate-wrapper ul{margin-top:68px}
.rolldate-container .rolldate-wrapper li{height:36px}
.rolldate-container .rolldate-dim{position:absolute;left:0;top:0;width:100%;height:68px;background:-o-linear-gradient(bottom,hsla(0,0%,100%,.4),hsla(0,0%,100%,.8));background:-webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 100%, 0.4)), to(hsla(0, 0%, 100%, 0.8)));background:-o-linear-gradient(bottom, hsla(0, 0%, 100%, 0.4), hsla(0, 0%, 100%, 0.8));background:linear-gradient(0deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.8));pointer-events:none;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:10}
.rolldate-container .mask-top{border-bottom:1px solid #E1E5E9;}
.rolldate-container .mask-bottom{top:auto;bottom:1px;border-top:1px solid #E1E5E9;}
.rolldate-container .fadeIn{-webkit-transform:translateZ(0) !important;transform:translateZ(0) !important;opacity:1 !important;}
.rolldate-container .fadeOut{-webkit-transform:translate3d(0,273px,0);transform:translate3d(0,273px,0)}

.rolldate-inline .rolldate-container{position:relative;padding:10px 0;}
.rolldate-inline .rolldate-mask{position:absolute;background:none;}
.rolldate-inline .rolldate-panel{position:relative;height:auto;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0);transition:all .2s ease-in-out;opacity:0;}
.rolldate-inline .rolldate-header{display:none;}
.rolldate-inline .rolldate-content{top:0;}
.rolldate-inline .rolldate-dim{height:31px;}
.rolldate-inline .rolldate-wrapper ul{margin-top:31px;}
.rolldate-inline .rolldate-wrapper>div{height:100px;}

/*****
invite  
*****/
.page-invite{background:#fff;/*font-family:"PingFang SC"*/}
.invite-steps{display:flex;justify-content:stretch;}
.invite-steps li{text-align:center;width:100%;flex:1 1 auto;position:relative;}
.invite-steps li i{width:24px;height:26px;display:block;background:url(../images/invite/icon_invite.png) no-repeat center top/ 100%;margin:10px auto;}
.invite-steps li .icon-step2{background-position:center;}
.invite-steps li .icon-step3{background-position:center bottom;}
.invite-steps li:not(:first-child):before{content:'';width:10px;height:20px;display:block;position:absolute;top:12px;left:-5px;background:url(../images/invite/icon_next.png) no-repeat center / 100%;}
.page-invite .table-rounded{border-radius:18px;overflow:hidden;margin:25px 0;border:1px solid #EEF1F3;}
.page-invite table{width:100%;text-align:center;border-collapse:collapse;overflow:hidden;border-style:hidden;}
.page-invite table th, .page-invite table td{padding:10px;border:1px solid #EEF1F3;}
.page-invite table .th-blue{background:linear-gradient(90deg, #7FC2FE, #178BF4);color:#fff;}
.page-invite .text-darkred{font-size:.916rem}
.page-invite .text-14{padding:0 3vw;letter-spacing:.5px;line-height:1.75;}

.invite-modal .modal-dialog{justify-content:stretch;max-width:100%;max-height:100%;margin:0;}
.invite-modal .modal-content-top{flex:1 1 auto;display:flex;align-items:center;justify-content:center;overflow:scroll;}
.invite-modal .modal-content-top .modal-content{width:320px;max-width:90%;color:#41454F;max-height:90%;overflow:scroll;}
.invite-modal .modal-body{padding:0;}
.invite-modal .d-flex{justify-content:space-between;margin:15px 4vw 20px;}
.invite-modal .d-flex img{max-width:33.33%;}
.invite-modal .d-flex h3{margin-top:10px;}
.invite-modal .modal-content-bottom{background:#F2F2F2;width:100%;text-align:center;border-radius:0;flex:0 0 auto;}
.invite-action{padding:6vw 6vw 4vw;display:flex;}
.invite-action a{margin-right:6vw;}
.invite-action a i{display:block;width:14vw;max-width:61px;height:15vw;max-height:65px;margin-bottom:10px;background:#fff url(../images/invite/icon_copy.png) no-repeat center / 40%;}
.invite-action a i.icon-download{background-image:url(../images/invite/icon_download.png);}
.modal-content-bottom .btn-white{border-radius:0;line-height:50px;height:50px;font-size:1.5rem;font-weight:500;}

@media (min-width:576px){
	.invite-action{padding:30px 30px 20px;}
	.invite-action a{margin-right:30px;}
}

/*****
wallet  
*****/
.wallet-display,.wallet-nav,.wallet-activity{display:flex;align-items:center;}
.wallet-amount{font-size:1.858em;vertical-align:middle;}
.wallet-display .fas{color:#04A6F0;margin-left:10px;font-size:1.16667rem;line-height:30px;}
.wallet-display .btn-blue{margin-left:auto;line-height:30px;height:30px;border-radius:20px;width:85px;box-shadow:3px 5px 6px #04A6F03B;border:none;font-size:1rem;}
.wallet-nav,.wallet-activity{justify-content:stretch;text-align:center;}
.wallet-nav li,.wallet-activity li{width:100%;flex:1 1 auto;}
.wallet-nav li{font-size:1.16667rem;padding:40px 10px 30px;}
.wallet-nav li a{display:flex;justify-content:center;align-items:center;}
.wallet-nav i, .main-info i, .wallet-activity i{display:block;background:url(../images/icons/icon_wallet.png) no-repeat center / 100%;}
.wallet-nav i{width:24px;height:24px;margin-right:5px;background-position:0 14.590747%;}
.wallet-nav i.icon-withdraw{background-position:0 28.825623%;}
.wallet-nav i.icon-card{background-position:0 43.060498%;}

.page-wallet h3 .ico-plus-circle{font-size:1.5em;margin-left:5px;vertical-align:middle;}
.page-wallet .box-white{padding-bottom:5px;}
.wallet-details{border-top:1px solid #FBFBFB;padding-top:10px;}
.wallet-info ul{display:flex;font-size:1.16667rem;}
.wallet-info li{position:relative;text-align:center;width:50%;padding:15px 0;}
.wallet-info li+li:before{content:'';position:absolute;display:block;top:25px;bottom:25px;width:1px;background:#E8E8E8;left:0;}
.wallet-info li:nth-child(4n+1):before{display:none;}
.wallet-info .main-info{border-bottom:1px solid #F1F1F1;}
.wallet-info .main-info p{color:#04A6F0;font-size:1.33333rem;margin-top:3px;}
.wallet-info .main-info i{width:19px;height:16px;display:inline-block;margin-right:3px;background-position:0 0%}

.wallet-info .sub-info{flex-wrap:wrap;border-top:1px solid #FBFBFB;}
.wallet-info .sub-info li{width:25%;}
.wallet-info .sub-info span{color:#A5A9B3;font-size:.91667rem}
.wallet-info .sub-info li:nth-child(n+5){border-top:1px solid #F1F1F1;}

.wallet-activity li{padding:20px 0;width:25%;float:left;}
.wallet-activity i{width:24px;height:24px;margin:0 auto 10px;background-position:0 57.295374%;}
.wallet-activity i.icon-bonus{background-position:0 71.530249%;}
.wallet-activity i.icon-mission{background-position:0 85.765125%;}
.wallet-activity i.icon-football{background-position:0 100%;}

.desc-empty{text-align:center;color:#A5A9B3;margin:20px 0 30px;}
.page-wallet .list-panel{margin:10px 0 30px;}
.page-wallet .list-panel li{padding:0;}
.page-wallet .list-panel li a{padding:10px 0;}
.page-wallet .list-panel li span{color:#A5A9B3;display:block;width:100%;}
.page-wallet .list-panel li div:last-child p{font-size:1.5rem;}

/*****
funds - transfer
*****/
header .header-link{font-size:1.16667rem !important;align-items:center;display:flex;}
header .header-link .fa-question-circle{color:#04A6F0;margin-left:5px;font-size:16px;vertical-align:middle;}
.page-funds .box-white h4{font-size:1.33333rem;margin:0;display:flex;justify-content:space-between;align-items:center;}
.page-funds .box-white .fa-sync{color:#04A6F0;margin-left:10px;}
.page-funds .box-white h4 p{font-family:'DIN Pro';font-weight:bold;}
.page-funds .box-white h4 small{color:#A5A9B3;font-size:1.16667rem;}
.page-funds .wallet-info .main-info{border-top:1px solid #F1F1F1;margin-top:10px;}
.page-funds .wallet-info .main-info p{font-size:1.5rem;}
.page-funds .wallet-info .sub-info span{font-size:1.16667rem;}
.page-funds .sub-info{transition:all .5s;max-height:80px;overflow:hidden;}
.page-funds .sub-info.expand{max-height:500px;}
.page-funds .sub-info:not(.expand) li:nth-child(n+4){display:none;}
.wallet-info .sub-info li.hide-show{color:#C7C7C7;float:right;margin-left:auto;display:block !important;border-top:none;}
.wallet-info .sub-info .icon-double-up{filter:brightness(0);opacity:.17;width:12px;height:18px;vertical-align:text-top;transform:rotate(180deg);}
.wallet-info .sub-info.expand .hide-show{border-top:1px solid #F1F1F1;}
.wallet-info .sub-info.expand .hide-show:before{display:none;}
.wallet-info .sub-info.expand .icon-double-up{transform:rotate(0deg);}

.t-panel .box-white{padding:0 4vw;}
.t-panel .box-white > div{font-size:1.16667rem;position:relative;}
.t-panel .box-white > div + div{border-top:1px solid #F1F1F1;}
.t-panel .flex-stretch{text-align:center;padding:20px 0;}
.t-panel .flex-stretch > div{width:100%;}
.t-panel .flex-stretch .fa-chevron-right{margin-left:12px;}
.t-panel .ico-go{color:#A5A9B3;flex:0 0 auto;}
.t-panel .input-panel > *:not(input){flex:0 0 auto;}
.t-panel .input-panel a, .t-panel .input-panel i{color:#A5A9B3}
.t-panel .input-panel i{font-size:1.8rem;color:#CCCCCC;margin-right:5px;}
.t-panel .input-panel input{margin:0 10px;border:none;font-size:2.33333rem;width:50%;line-height:}
.t-panel .input-panel input::-webkit-input-placeholder{font-size:1.16667rem;transform:translate3d(0,-4px,0)}
.t-panel .input-panel input::-ms-input-placeholder{font-size:1.16667rem;transform:translate3d(0,-4px,0)}
.t-panel .error-msg{color:#A5A9B3;padding:10px 0 20px;border-top:1px solid #F1F1F1;}
.t-panel .error-msg span{color:#04A6F0}

.pg-list{font-size:1.33333rem;}
.pg-list .modal-header{border-bottom:10px solid #F8F8F8;height:60px;line-height:60px;box-sizing:content-box;}
.pg-list .simple-list{margin-bottom:30px;}
.pg-list .simple-list li{font-size:1.33333rem;height:50px;}
.pg-list .modal-header a.header-left{line-height:60px;color:#04A6F0;}
.info-loading{margin-bottom:-5px;width:20px;}

/*****
withdraw
*****/
.page-withdraw .t-panel .box-white{padding:0;}
.page-withdraw .t-panel .box-white > div{padding:15px 4vw;}
.page-withdraw .t-panel .box-white > .flex-stretch{padding:10px 4vw;}
.blue-link-center{color:#04A6F0;font-size:1.16667rem;text-align:center;display:block;}
.blue-link-center i{margin-right:10px;}
.page-withdraw .small-link{font-size:1rem;color:#C7C7C7;position:absolute;right:3vw;display:block;top:50%;transform:translateY(-50%);}
.page-withdraw .ico-check{width:24px;height:24px;background:#04A6F0;color:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;font-size:9px;}
.page-withdraw .card-info img{width:24px;margin-right:20px;vertical-align:top;}
.page-withdraw .flex-between span{color:#A5A9B3;margin-left:20px;}
.page-withdraw .bottom-desc{margin-top:20px;}
.wallet-info .sub-info li .badge{width:13px;height:13px;background:#04A6F0;padding-right:1px;vertical-align:middle;font:bold italic .92rem/14px serif;margin:0 0 2px 2px;position:relative;}
.wallet-info .tooltip-wrap{position:relative;}
.wallet-info .tooltip{color:#fff !important;font-size:10px !important;width:95px;left:-30px;right:auto;top:20px;visibility:visible;opacity:1;transform:translateY(-100%);top:-6px;display:none;text-align:left;padding:7px;}
.wallet-info .tooltip:after{left:39px;right:auto;bottom:-11px;transform:rotate(180deg);}
	
.wcard-modal .modal-header > *{font-size:1.33333rem;margin:0 2vw;}
.roll-list{text-align:center;font-size:1.33333rem;margin-bottom:30px;position:relative;height:200px;}
.roll-list:before{content:'';left:0;right:0;top:0;height:75px;background:linear-gradient(#ffffff, #ffffff00);position:absolute;z-index:999;pointer-events:none;}
.roll-list:after{content:'';left:0;right:0;bottom:0;height:75px;background:linear-gradient(#ffffff00, #ffffff);position:absolute;z-index:999;pointer-events:none;}
.roll-list ul{position:absolute;left:0;right:0;top:0;height:100%;overflow:auto;padding:80px 0;}
.roll-list li{padding:10px 0;line-height:20px;height:40px;border:1px solid #fff;}
.roll-list li.cur{border-color:#F1F1F1 #fff #F1F1F1 #fff;}
.wcard-modal li img, .wcard-modal li span{display:none !important;}

/*****
deposit
*****/
.page-deposit .box-white h3{display:flex; justify-content:space-between; align-items:center;}
.page-deposit .box-white h3 span{font-size:1rem;}
.page-deposit hr{border-color:#F3F3F3;}
.deposit-method{border-top:1px solid #F3F3F3;}
.deposit-method ul{margin:0 -1%; display:flex; flex-wrap:wrap;}
.deposit-method li{border-radius:6px; border:1px solid #EEEEEE; width:23%; margin:10px 1% 0; box-sizing:border-box; text-align:center; padding:10px 0; color:#808080; position:relative;}
.deposit-method li.cur,.deposit-amount li.cur{border-color:#04A6F0; color:#04A6F0; background:url(../images/icons/icon_selected.png) no-repeat right bottom/16px;}
.deposit-method li i.badge-recommend{width:30px; height:30px; position:absolute; display:block; right:0; top:0; background:url(../images/icons/badge_recommend.png) no-repeat right top/100%;}
.deposit-method li img{width:30px; height:25px; object-fit:contain; object-position: 50% 50%;margin-bottom:5px;}
.page-deposit .input-group{border:none; font-size:1.16667rem; padding-top:10px;}
.page-deposit .input-group em{color:#C13F63;}
.page-deposit .input-group input{font-size:1.333rem;margin-left:10px;}
.page-deposit .input-grp{display:flex; justify-content:stretch; font-size:1.16667rem; align-items:center;}
.page-deposit .input-grp p{flex:1 1 auto; margin-left:40px;}
.page-deposit .input-grp p img{display:none !important;}
.deposit-amount{margin:0 -1% 20px; display:flex; flex-wrap:wrap;}
.deposit-amount li{border-radius:4px; border:1px solid #EEEEEE; width:23%; margin:10px 1% 0; box-sizing:border-box; text-align:center; padding:6px 5px 6px 0; font-size:1.5rem;}
.deposit-amount li small{font-size:10px; display:inline-block;}
.deposit-amount li.disabled{background:#F5F5F5;}
.deposit-desc{color:#A5A9B3;border-top:1px solid #F3F3F3; padding-top:15px;}
.deposit-panel .input-amt{border-top:1px solid #F3F3F3; padding:15px 5px; display:flex; justify-content:stretch; align-items:center; font-size:1.33333rem;}
.deposit-panel .input-amt input{flex:1 1 auto; padding:0 0 0 10px; font-size:2.25rem; border:none;}
.deposit-panel .input-amt input::placeholder,.deposit-panel .input-amt input::-webkit-input-placeholder{font-size:1.33333rem;}
.deposit-panel .input-amt i{font-size:1.66667rem; color:#CCCCCC;}
.page-deposit .input-group.border-top{border-top:1px solid #F3F3F3;margin-top:20px; padding-top:5px;}
.btn-blue.optionDKCZ{margin: 20px 3vw;width: auto;max-width: none;height: 48px;font-size: 1.5rem; display:none;}
.optionXNB p{font-size:1.16667rem; margin-top:10px;}
p.optionXNB{padding:7px 0 15px;}
.xnb-list{display:flex; justify-content:stretch;}
.xnb-list li{flex:1 1 auto; line-height:30px; margin-top:10px; background:url(../images/deposit/xnb_01.png) no-repeat center/100% 100%; text-align:center;}
.xnb-list li:nth-child(2){background-image:url(../images/deposit/xnb_02.png);}
.xnb-list li:nth-child(3){background-image:url(../images/deposit/xnb_03.png); padding-left:5px;}
/* deposit - bankcard */
.deposit-tips{color:#D5D7E0; border-top:1px solid #F3F3F3; margin-top:15px; padding-top:10px;padding-left:30px;}
.deposit-tips li{padding:5px 0;}
.box-wrap-deposit{padding:4vw; font-size:1.16667rem; margin:0 4vw 20px;}
.box-wrap-deposit li{padding:7px 0; display:flex; align-items:center; flex-wrap:wrap; line-height:25px;}
.box-wrap-deposit li a{margin-left:auto; color:#04A6F0; padding:0 20px; font-size:1rem; border:1px solid #04A6F0; border-radius:14px;}
.box-wrap-deposit li p{align-items:center; display:flex;}
.box-wrap-deposit li > span{width:100%;line-height:1;}
.box-wrap-deposit li img{width:20px; margin-right:10px;}
/*deposit - zfb details */
.deposit-card{text-align:center; padding: 20px 16vw; font-size:1.16667rem; margin-top:0;}
.deposit-card h4{font-size:3rem}
.deposit-card h4 small{font-size:1.33333rem; padding-left:5px;}
.deposit-card p{margin:5px auto 15px;}
.deposit-card p a{color:#04A6F0}
.deposit-details{background:#fff; border-radius:6px; margin:15px 5vw; padding:10px 15px;}
.deposit-details > div{display:flex; padding:7px 0; font-size:1.16667rem; justify-content:space-between; color:#A5A9B3; align-items:center;}
.deposit-details > div p{margin-left:auto; color:#414655;}
.deposit-details > div i{margin-left:5px;}
.deposit-btns{display:flex; justify-content:space-between; margin:15px 7vw; font-size:1.33333rem; color:#04A6F0;}
/*deposit - cs */
.page-depositcs .top-fixed{background:#F5F1EE; padding:7px 4vw; display:flex; align-items:center; border:none;}
.page-depositcs .top-fixed i{color:#4080FF; margin-right:5px; font-size:1.5rem;}
.page-depositcs .cs-chat{font-size:1.16667rem;}
.page-depositcs .cs-chat .cs-box p{margin:8px 0;}
.cs-step{position:absolute; border-radius:20px; background:#647095;background:linear-gradient(90deg, #8E98B8 0%, #647095 100%); line-height:28px; padding:4px 15px 4px 4px; display:flex; align-items:center; right:60px; bottom:-17px; font-size:1.25rem; color:#fff;}
.cs-step span{width:28px; height:28px; text-align:center; background:#fff; border-radius:50%; font-size:1.5rem;color:#647095; margin-right:7px;}

/*****
page list style (redeem_history, transaction)
*****/
.custom-date{font-size:1.16667rem;line-height:30px;display:none;}
.custom-date .d-flex{padding:10px 0;}
.custom-date .d-flex:first-child{border-bottom:1px solid #ECECEC;}
.custom-date .d-flex:not(:first-child) + .rolldate-inline .rolldate-container{border-top:1px solid #ECECEC;}
.custom-date .d-flex label{letter-spacing:1px;}
.custom-date .d-flex .rolldate-input{flex:1 1 auto;text-align:right;margin-left:20px;}
.custom-date .d-flex i{line-height:30px;margin-left:10px;}

.page-list h3{font-size:1.25rem;padding:0 3vw;line-height:1.85;}
.page-list h3:first-child{margin-top:10px;}
.page-list .list-panel{margin:0;}
.page-list .list-panel li a{display:flex;align-items:center;}
.page-list .list-panel small{font-size:10px;}
.page-list .list-panel p{font-size:1.083rem;}
.page-list .list-panel p small{margin-left:5px;vertical-align:text-top;line-height:16px;}
.page-list .list-panel .ml-auto p{font-size:1.16667rem;}
/*.page-list .list-panel li a > i:first-child{color:#04a6f0;border:2px solid #04a6f0;border-radius:50%;width:30px;height:30px;font-size:15px;justify-content:center;display:flex;align-items:center;}*/
.page-list .list-panel li i[class^='icon-']{width:30px;height:32px;background:url(../images/icons/icon_list.png) no-repeat 0 0/100%;}
.page-list .list-panel li i.icon-transfer{background-position:0 0;}
.page-list .list-panel li i.icon-widthdraw{background-position:0 20%;}
.page-list .list-panel li i.icon-deposit{background-position:0 40%;}
.page-list .list-panel li i.icon-crown{background-position:0 60%;}
.page-list .list-panel li i.icon-award{background-position:0 80%;}
.page-list .list-panel li i.icon-star{background-position:0 100%;}

.details-card{padding:20px 7vw;background:#fff;font-size:1.16667rem;border-top:10px solid #F5F4F9;display:none;}
.details-card h2{font-size:2.167rem;text-align:center;margin:.5em 0 1em;}
.details-card .details-img{margin:20px auto;display:block;max-width:180px;border:1px solid #EFEFEF;}
.details-card > div{display:flex;padding:8px 0;justify-content:space-between;}
.details-card > div > span{color:#A5A9B3;}
.details-card .fa-copy{color:#CBCBCB;margin-left:5px;}

/*****
card
*****/
.text-desc{color:#A5A9B3;margin:0 7vw;}
.box-wrap + .text-desc{margin-top:-15px;}
.text-desc + .box-wrap{margin-top:10px;}
.simple-list > li + li{border-top:1px solid #E0E4E8;}
.simple-list li{position:relative;display:flex;align-items:center;padding:10px;height:40px;}
.simple-list li.cur:after{content:"\e900";display:block;margin-left:auto;color:#04A6F0;font-family:'icomoon' !important;font-size:1rem;}
.simple-list li img, .bank-input img{width:2rem;margin-right:10px}
.top-error-msg{position:fixed;top:42px;left:0;right:0;z-index:999;background:#FFF3F3;border:1px solid #F09090;border-width:1px 0;display:flex;justify-content:center;align-items:center;padding:5px 3vw;}
.top-error-msg i{color:#FF0000;margin-right:5px;}
.card-list{margin:30px 4vw;}
.card-list h5{font-size:1.16667rem;color:#80869B;margin-bottom:20px;}
.card-list h5 span{margin-left:10px;}

.credit-card{background:url(../images/card/card_bg.png) no-repeat center / 100%;height:45vw;border-radius:18px;padding:4vw;color:#fff;}
.credit-card .card-head{display:flex;align-items:center;}
.credit-card .card-logo{width:45px;height:45px;padding:5px;border-radius:50%;background:#fff;margin-right:10px;}
.credit-card .card-head p{font-size:1.16667rem;}
.credit-card h4{text-align:center;font-size:2.2rem;margin-top:8vw;letter-spacing:1px;}

/*****
agent
*****/
.agent-logo{display:block; max-width:250px; width:60%; margin:10px auto;}
.page-agent .box-white{margin-bottom:40px;}
.agent-contact li{display:flex; padding:20px 0; align-items:center; justify-content:stretch; text-align:center; font-size:1.5rem;}
.agent-contact li + li{border-top:1px solid #E6E6E6;}
.agent-contact li img{display:block; width:58px; margin:10px auto;}
.agent-contact li > div{flex:1 1 auto;}
.agent-contact li > div:first-child{width:35%; min-width:100px; flex:0 0 auto; color:#80869B; font-size:1.16667rem;border-right:1px solid #E6E6E6;}
.agent-contact li .btn-border{width:100px; margin:15px auto 0}

/*agent-register*/
.page-agent-register{color: #414655; background:#F5F4F9; padding:0;}
.page-agent-register .wrap-10vw{padding:30px 10vw 50px;}
.page-agent-register.page-login .input-group{box-shadow: 1px 3px 7px #00000029;}
.page-agent-register.page-login .input-group input{border-color:#CDD0DA;}
.page-agent-register.page-login .btn-blue.disabled{background:#C7D2D9 !important; margin-top:25px;}

/*help - agent */
.icon-headset{background:url(../images/icons/icon_headset.png) no-repeat center / 18px;}
.page-agent .wrap-5vw{font-size:1.16667rem;line-height:1.75;}
.page-agent .wrap-5vw h4{color:#04A6F0;font-size:1.33333rem;}
.page-agent .agent-img{border-radius:18px;background:#fff;overflow:hidden;margin:20px 0;}

/*****
about
*****/
.page-about .content{background:url(../images/bg.png) no-repeat center / 100% 100%;background-attachment:fixed;color:#CDD0DA;font-size:11px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5vw;}
.about-logo{width:100px;}
.about-footer{margin:40px 0;width:90%;}
.about-text{width:90%;}

/*****
bet history
*****/
.page-betlist .content{padding:0 3vw 20px;}
.page-betlist h1{margin:15px 0 8px;display:flex;justify-content:space-between;align-items:center;}
.page-betlist h1 small{font-size:1.16667rem;color:#A5A9B3;font-weight:normal;font-family:'DIN Pro';}
.box-betlist{margin:8px 0;background:#fff;border-radius:8px;padding:5px 4vw 10px;position:relative;}
.box-betlist h2{font-size:1.33333rem;}
.box-betlist h2:not(.title-blueline){border-bottom:#F6F6F6 1px solid;padding-bottom:5px;}
.betlist-label{position:absolute;background:url(../images/bet_history/label_success.png) no-repeat center / 100% 100%;width:84px;height:26px;top:5px;right:-2px;color:#fff;line-height:24px;text-align:center;}
.betlist-label.fail{background-image:url(../images/bet_history/label_fail.png)}
.box-betlist small{font-size:11px;color:#CDD0DA;display:flex;justify-content:space-between;}
.box-betlist small .fa-copy{margin-left:5px;}
.box-betlist .betlist-intro{margin-top:10px;}
.box-betlist > p{display:flex;justify-content:space-between;padding:2px 0 2px 10px;font-size:1.08333rem;}
.box-betlist .betlist-name{position:relative;padding:5px 0 5px 10px;border:0;}
.box-betlist .betlist-name:before{content:'';display:block;border-radius:4px;width:4px;background:#04A6F0;margin-right:5px;position:absolute;top:25%;bottom:25%;left:0;}
.box-betlist .odds{color:#04A6F0;}
.box-betlist .betlist-amount{padding:10px 0 10px 10px;margin-bottom:10px;border-bottom:#F6F6F6 1px solid;}
.box-betlist hr{border-top:2px solid #F6F6F6;}
.page-betlist .bottom-desc{margin-top:20px;/*color:#9AA5C1;*/font-size:1.08333rem;}
.page-betlist .btn-blue.w-100{height:42px;}
.betlist-intro{padding-left:15px;background:url(../images/icons/icon_trophy.png) no-repeat left center/12px;}
/*****
vip
*****/
.vip-top{background:#fff url(../images/vip/vip_bg.png) no-repeat center / 100% 100%;padding:7vw 7vw 8vw;}
.vip-top .member-img{width:54px;flex:0 0 auto;}
.vip-top .member-info{margin:0 5vw;font-size:1.5rem;}
.vip-top .member-info span{color:#9AA5C1;font-size:1.16667rem;}
.vip-medals{width:80px;flex:0 0 auto;background:url(../images/vip/medal_bg.png) no-repeat center top/100%;padding:13px 5px 0;}
.vip-progress{margin:9vw 0 5vw;}
.vip-progress > span{width:36px;line-height:16px;text-align:center;background:#E0E0E0;color:#737A92;flex:0 0 auto;border-radius:8px;}
.vip-progress > span.cur{background:#3992DF;color:#fff;}
.progress-bar{height:9px;box-shadow:0 2px 5px #00000029;border-radius:8px;margin:0 4px;}
.progress-bar > div{background:#0393E5;height:9px;border-radius:8px 0 0 8px;position:relative;}
.progress-bar > div:after{content:'';width:31px;height:17px;display:block;position:absolute;right:-28px;background:url(../images/vip/vip_bar.png) no-repeat center/100% 100%;top:50%;transform:translateY(-50%);}
.progress-bar > div span{font-size:1.16667rem;position:absolute;top:-30px;right:-32px;line-height:1.25;}
.progress-bar > div span:after{margin:0 auto;content:'';width:0;height:0;right:0;border-style:solid;border-width:.4em .4em 0 .4em;border-color:#414655 transparent transparent transparent;display:block;vertical-align:middle;}
.vip-top ul{list-style:disc;margin-left:20px;font-size:1.16667rem;color:#9AA5C1;}
.vip-top li{margin-top:5px;}
.vip-top li span{color:#414755;padding:0 5px 0 10px;}

.vip-top + .box-white{margin:0;padding:4vw 0; position:relative;}
.level-bar{overflow:auto;width:100%;padding:0 4vw;margin-bottom:20px;}
.level-bar ul{margin:10px 0;display:flex;}
.level-bar ul:after{content:'';display:block;width:1px;height:1px;flex:0 0 auto;}
.level-bar li{width:35px;line-height:16px;text-align:center;background:#E0E0E0;color:#737A92;flex:0 0 auto;border-radius:8px;border:1px solid #B9B9B9;margin-right:50px;position:relative;}
.level-bar li + li:before{content:'';display:block;left:-51px;width:50px;top:8px;height:2px;background:#B9B9B9;position:absolute;}
.level-bar li.active{background:#3992DF;border-color:#8DBEE8;color:#fff;}
.level-bar li.active:before{background:#3992DF;}

.level-slider{overflow:auto;padding-bottom:50px;}
.level-slider > div{margin-left:17vw;display:flex;padding:2px 0;}
.level-slider > div:after{content:'';display:block;width:13vw;height:1px;flex:0 0 auto;}
.level-card{border-radius:8px;background:linear-gradient(129deg, #84BBEB,#B4D7F7);border:1px solid #97C1E5;position:relative;color:#fff;width:66vw;margin-right:50px;flex:0 0 auto;}
.level-card:before,.level-card:after{content:'';position:absolute;left:0;top:0;display:block;height:22.73vw;width:31.43vw;background:url(../images/vip/watermark_circle.png) no-repeat center bottom/100%}
.level-card:after{background-image:url(../images/vip/watermark_logo.png);right:-6vw;left:auto;bottom:-3vw;width:34vw;height:34vw;}
.level-card .level-desc{background:#DBB873;border-radius:8px 0 8px 0;width:64px;margin:-1px;text-align:center;line-height:23px;}
.level-card img{position:absolute;right:10%;width:25%;top:-2px;z-index:3;}
.level-card h2{margin:20px 19%;font-size:2.5rem;}
.level-card .flex-stretch{text-align:center;margin:10px 5px;line-height:1.25;}
.level-card .flex-stretch span{font-size:1.16667rem;display:block;}
.level-card .flex-stretch p + p{border-left:1px dashed #fff;}
.card-number{position:absolute;right:4vw;font-size:1.16667rem;color:#9AA5C1;bottom:17px; z-index:9;}
.card-number span{color:#0D0D0D;}

.page-vip .title-blueline{font-size:1.33333rem;}
.page-vip .title-blueline:before{background:#89BEEC;}
.benefit-list, .fanshui-list{display:flex;flex-wrap:wrap;justify-content:space-between;}
.benefit-list li{background:#C3E0FF;width:49.5%;margin-bottom:3px;border-radius:3px;display:flex;justify-content:stretch;align-items:center;font-size:1.5rem;line-height:1;}
.benefit-list li p{background:#CCE5FF;padding:12px 0;flex:1 1 auto;text-align:center;}
.benefit-list li i{width:27px;height:27px;flex:0 0 auto;margin:0 13px;background:url(../images/icons/icon_vip.png) no-repeat center top/100%}
.benefit-list li i.icon-dot{background-position:center 33.333333%;}
.benefit-list li i.icon-upgrade{background-position:center 66.666666%;}
.benefit-list li i.icon-packet{background-position:center 100%;}
.benefit-list small{font-size:.91667rem;color:#80869B;}

.fanshui-list li{width:30%;text-align:center;margin:10px 0;font-size:1.5rem;}
.fanshui-list li small{color:#9AA5C1;font-size:.91667rem;display:block;}

.vip-bottom{display:block;color:#75BDF0;padding:15px;text-align:center;}
.vip-bottom i{color:#75BDF0 !important;margin-left:7px;}

.table-wrap{overflow:auto;margin:0 -4vw;}
.vip-table{background:#F7FAFF;min-width:100%;text-align:center;font-size:10px;color:#9AA5C1;border-collapse:collapse;}
.vip-table thead{background:#E4EDFC;color:#6D80B2;border:none;}
.vip-table th, .vip-table td{padding:9px 5px;border:none;}
.vip-table th:first-child{background:#89BEEC;color:#2F4D9A;}
.vip-table td:first-child{background:#DBEEFF;color:#6D80B2;padding:0;}
.vip-table tr:nth-child(2n){background:#ECF2FC;}
.vip-table tr:nth-child(2n) td:first-child{background:#D6ECFF;color:#6D80B2;}
.vip-table td img{width:19px;margin-right:6px;vertical-align:middle;margin-top:-9px;}

.vip-rules{list-style:none;color:#9AA5C1;}
.vip-rules li{margin:14px 10px 14px 20px;}
.vip-rules li > span{width:17px;display:block;margin:0 8px 0 -23px;float:left;background:#89BEEC;color:#fff;text-align:center;line-height:17px;border-radius:50%;}
.vip-rules li h4{font-size:1.16667rem;color:#414755;}
.vip-text{color:#999999;margin-bottom:20px;}

/*****
promotion
*****/
.page-promo .tab.tab-plain li{font-size:1.16667rem;color:#A5A9B3}
.page-promo .tab.tab-plain li.cur{font-size:1.33333rem;color:#04A6F0;}
.promo{margin:4vw;border-radius:8px;box-shadow:0 2px 5px #00000029;background:#fff;overflow:hidden;position:relative;}
.promo[class*='promo-']:before{content:'';left:0;top:0;width:12.8vw;height:12.8vw;background:url(../images/promo/promo_newbie.png) no-repeat left top/100%;position:absolute;z-index:1;}
.promo.promo-daily:before{background-image:url(../images/promo/promo_daily.png)}
.promo.promo-limited:before{background-image:url(../images/promo/promo_limited.png)}
.promo img{width:100%;}
.promo p{padding:0 20px;font-size:1.16667rem;padding-top:5px;}
.promo div{padding:0 20px;color:#687B8B;padding-bottom:5px;}
.promo .fas{color:#414655;font-size:10px;}

.page-promo-details{background:#D4DDEC;}
.page-promo .box-plain{margin:4vw;box-shadow:0 3px 6px #00000029;font-size:1.16667rem;padding:4vw;line-height:2;}
.page-promo .box-plain h4{font-size:1.33333rem;margin-bottom:1em;}
.page-promo .box-plain p{margin-bottom:1em;}
.page-promo .box-plain img{margin:20px auto;display:block;}

/*****
sponsor
*****/
.page-sponsor{background:#3a8ccb;font-family:'PingFang SC'; font-weight:300;}
.page-sponsor .content{background: url(../images/sponsor/sponsor_bg.png) no-repeat center bottom/100% 100%;}
.page-sponsor .content:before{display:block; content:''; width:100%; height:83.736vw;background: url(../images/sponsor/sponsor_banner_line.png) no-repeat center top/100%;z-index:999;position: absolute;visibility:hidden;}
.page-sponsor .content > div{margin:30px 4vw;padding:4vw;font-size:1.33333rem;line-height:1.8;border:1px solid #fff;}
.page-sponsor .content > div + div{padding-top:0;}
.page-sponsor img{display:block;}
.sponsor-logo{width:64vw;margin:-6.76vw auto 30px;background:#fff;border-radius:60vw;z-index:999;position:relative;height:13.43vw;display:flex;justify-content:center;align-items:center;}
.sponsor-logo img{width:14%;margin-bottom:.5vw}
.sponsor-logo a{line-height: 1.25;font-size: 3.5vw;padding-top:1.2vw}
.sponsor-logo a small{display: block;font-size: 2.2vw;}
.sponsor-title{width:81.64vw;margin:0 auto 20px;}
.title-trophy{width:280px; min-width:70%; margin:10px auto 15px;}
.page-sponsor .content > div p + p{margin-top:1em;}
.page-sponsor .box-plain{background:#F7FBFD;}
.page-sponsor .card-title{background: url(../images/sponsor/card_title.png?1) no-repeat center/cover;width:230px;height:40px;line-height:34px;color:#fff;margin:-8px auto 20px;text-align: center;font-size: 1.41667rem;}
.page-sponsor .box-sponsor{margin:30px 7.5vw;}
.page-sponsor .card-img{margin:-10px 0 20px;width:100%;}
.page-sponsor video{width:100%;object-fit:cover;}
.page-sponsor:not(.page-kzing) video:not(.fullscreen)::-webkit-media-controls-overlay-play-button{display: none!important;-webkit-appearance: none;}
.page-sponsor video::-webkit-media-controls-fullscreen-button{display: block!important;}
.video-slide{display:flex;overflow:visible;position:relative;padding-bottom:15px; left:0; transition:left .5s;}
.video-slide > div{width:48%;margin-right:4%; flex:0 0 auto; font-size:12px; border-radius:8px;background:#fff;overflow:hidden;}
.video-slide video{width:100%;display:block;}
.video-slide > div p{text-align:center; line-height:3;} 
/*.video-slide::-webkit-scrollbar{width:3px;height:10px;}
.video-slide::-webkit-scrollbar-track{border-radius:10px;}
.video-slide::-webkit-scrollbar-thumb{border-radius:10px;background-color:#4280FF;}
.video-slide::-webkit-scrollbar:vertical{display:none;}*/
.video-wrap{overflow:hidden;width:100%;}
.video-pagination{display:flex;justify-content:center;}
.video-pagination i{width:22px;height:10px;background:#D4EAF5;border-radius:5px;margin:0 3px;}
.video-pagination i.cur{background:#4280FF;} 

.trophy-list{display:flex;flex-wrap:wrap;}
.trophy-list li{width:25%;text-align:center;line-height:1.2;margin-bottom:10px;}
.trophy-list li img{height:80px;margin:10px auto 5px;}
.trophy-list li span{display:block;color:#666666;font-size:1.66667rem;font-weight:500;margin-bottom:3px; margin-top:10px;}
.trophy-list li p{font-size:1.16667rem; font-weight: normal; font-family:"Microsoft Yehei";}

.player-list{position:relative;height:66.5vw;margin:-20px 0 -10px;}
.player-list img{position:absolute;width:47.585vw;height:auto;z-index:12;top:50%;left:50%;transform:translate(-50%, -50%);transition:all .4s, z-index 0s;transform-origin:50% 50%;}
.player-list .pslide4,.player-list .pslide3{z-index:2;}
.player-list .pslide5,.player-list .pslide2{z-index:4;}
.player-list .pslide4{transform:translate(-110%, -50%) scale(.6);}
.player-list .pslide5{transform:translate(-85%, -50%) scale(.85);}
.player-list .pslide2{transform:translate(-15%, -50%) scale(.85);}
.player-list .pslide3{transform:translate(10%, -50%) scale(.6);}
.player-name, .player-en{font-size:1.5rem;text-align:center;font-size:1.45rem;line-height:1.4;}
.player-name{font-weight:500;}
.player-en{font-size:1.16667rem;margin:0 0 5px!important;}

.sponsor-benefit{display:flex;margin-bottom:30px;}
.sponsor-benefit li{width:25%;text-align:center;font-size:1.25rem;}
.sponsor-benefit i{color:#000; display:block;margin: 0 auto 12px;font-size: 29px;}

.sponsor-licence{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:20px;}
.sponsor-licence li{width:49%;background:#FFFFFF;margin-bottom:5px;font-size:1rem;text-align:center;padding-bottom:10px;}
.sponsor-licence li img{height:38px;display:block;margin:7px auto;}

.brown.page-sponsor .content:before{visibility:visible;filter: invert(30%) sepia(6%) saturate(1663%) hue-rotate(339deg) brightness(94%) contrast(84%);}
.page-sponsor.brown{background:url(../images/sponsor/brown/bg.jpg) repeat-y center top/100%;color:#42475F;}
.page-sponsor.brown .content > div{border:solid #FFC100 4px;border-radius:12px;}
.page-sponsor.brown .content > div + div{border-radius:6px;margin-top:35px;}
.page-sponsor.brown .card-title{background-image: url(../images/sponsor/brown/card_title.png);margin-top:-20px;line-height:50px;}
.brown .video-pagination i {background:#fff;border:1px solid #D1D3D5;}
.brown .video-pagination i.cur {background:#FF7C67;border-color::#FF7C67;}
.brown .title-graphic{color:#42475F;}
.brown .trophy-list li span, .brown .player-name{color:#42475F;}
.brown.page-sponsor .title-graphic-dot:after, .brown.page-sponsor .title-graphic-dot:before{filter: invert(75%) sepia(51%) saturate(1926%) hue-rotate(354deg) brightness(100%) contrast(104%);}
.brown .sponsor-licence li{background:#F8F8F8;border: none;font-weight:500;}
.brown .sponsor-benefit i{color:#084e91;}

.red.page-sponsor .content:before{visibility:visible;filter: invert(14%) sepia(7%) saturate(5397%) hue-rotate(275deg) brightness(91%) contrast(96%);}
.page-sponsor.red{background:#240101;color:#42475F;}
.red .sponsor-logo{background:url(../images/sponsor/red/logo_bg.png) repeat-y center top/100%; color:#fff;padding-top:1.2vw;}
.page-sponsor.red .content > div{border:solid #8A0009 4px;border-radius:12px;}
.page-sponsor.red .content > div + div{border-radius:6px;}
.page-sponsor.red .card-title{background-image:url(../images/sponsor/red/card_title.png);background-size:contain;margin-top:-18px;line-height:45px;}
.red .video-pagination i {background:#D9DCE3;}
.red .video-pagination i.cur {background:#C92D3A;}
.red .title-graphic{color:#42475F;}
.red .trophy-list li span, .red .player-name{color:#42475F;}
.red.page-sponsor .title-graphic-dot:after, .red.page-sponsor .title-graphic-dot:before{filter: invert(19%) sepia(88%) saturate(4181%) hue-rotate(347deg) brightness(54%) contrast(113%);}
.red .sponsor-licence li{background:#F8F8F8;border: none;font-weight:500;}
.red .sponsor-benefit i{color:#d3b9a0;}

.blue.page-sponsor .content:before{visibility:visible;filter: invert(35%) sepia(9%) saturate(3090%) hue-rotate(167deg) brightness(102%) contrast(102%);}
.page-sponsor.blue{background:url(../images/sponsor/blue/bg.jpg) repeat-y center top/100%;color:#42475F;}
.blue .sponsor-logo{box-shadow:0 2px 5px 1px #00000040;}
.page-sponsor.blue .content > div{border:solid #00709F 4px;border-radius:12px;}
.page-sponsor.blue .content > div + div{border-radius:6px;}
.page-sponsor.blue .card-title{background-image: url(../images/sponsor/blue/card_title.png);background-size:contain;margin-top:-16px;line-height:45px;}
.blue .video-pagination i {background:#D9DCE3;}
.blue .video-pagination i.cur {background:#00709F;}
.blue .title-graphic{color:#42475F;}
.blue .trophy-list li span, .blue .player-name{color:#42475F;}
.blue.page-sponsor .title-graphic-dot:after, .blue.page-sponsor .title-graphic-dot:before{filter: invert(23%) sepia(95%) saturate(1833%) hue-rotate(176deg) brightness(96%) contrast(102%);}
.blue .sponsor-licence li{background:#F8F8F8;border: none;font-weight:500;}
.blue .sponsor-benefit i{color:#d3b9a0;}


/*****
cs
*****/
.page-cs .cs-intro{background:#04A6F01F;border:1px solid #04A6F0;width:75vw;margin:45px auto 10px;border-radius:12px;display:flex;padding:8px 15px;align-items:center;}
.page-cs .cs-intro .member-img{width:72px;margin-right:15px;}
.page-cs .cs-intro h4, .page-cs .box-wrap h4{font-size:1.33333rem;}
.page-cs .cs-intro span{display:block;color:#A5A9B3;}
.page-cs .box-wrap{display:flex;padding:15px 5vw;align-items:center;justify-content:space-between;}
.page-cs .box-wrap > div{padding:0;margin:0;}
.page-cs .box-wrap .d-flex{align-items:center;}
.page-cs .box-wrap img{width:36px;margin-right:18px;}
.page-cs .box-wrap p{margin-top:10px;color:#A5A9B3;}
.page-cs .box-wrap a{color:#a4a9b4;font-size:1.5rem;}

.page-cs .cs-text{color:#A5A9B3;margin:10px auto 50px;text-align:center;}
.page-cs .cs-text p{margin-top:4px;}
.cs-chat{margin:20px 5vw;display:flex;justify-content:stretch; position:relative;}
.cs-chat img{width:36px;height:36px;flex:0 0 auto;} 
.cs-chat .cs-box{background:#fff;flex:0 1 auto;border:1px solid #DEDEDE;padding:2vw 4vw;margin:0 46px 0 10px;border-radius:0 24px 24px 24px;}
.cs-chat .cs-box p{margin:15px 0;}
.cs-chat .cs-links{color:#04A6F0;font-size:1.16667rem;}
.cs-chat .cs-links li{margin-top:5px;}
.cs-chat.right{flex-direction: row-reverse;}
.cs-chat.right .cs-box{margin:0 10px 0 46px;border-radius:24px 0 24px 24px;}
.cs-chat.full .cs-box{padding:2vw 5vw;margin:0 10px; flex:1 1 auto;}

.bottom-chatbox{position:fixed;left:0;right:0;bottom:0;padding:0 4vw;height:60px;background:#EBEBEB;display:flex;justify-content:stretch;align-items:center;}
.bottom-chatbox input{flex:1 1 auto;border-radius:10px;background:#F5F5F9;border:none;outline:none;margin:0 10px;line-height:36px;padding:0 10px;}
.bottom-chatbox a{font-size:1.7rem;color:#04A6F0;}
.bottom-chatbox a.disabled{color:#d3d2d9;}
.bottom-chatbox .icon-cs{background:url(../images/icons/icon_chat.png) no-repeat center/100%;width:30px;height:30px;}

/*****
redeem
*****/
.page-redeem header{box-shadow:#00000012 0 1px 2px;}
.page-redeem .box-plain{padding:3vw;}
.page-redeem .text-14{line-height:2;}
.box-plain .tab.tab-plain{border-bottom:1px solid #E1E1E1;} 
.box-plain .tab.tab-plain ul{padding:0;}
.box-plain .tab.tab-plain li{line-height:1;height:auto;padding-bottom:12px;width:50%;}
.gift-list{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:10px;}
.gift-list li{border:1px solid #4080FF;background:#F6FBFD;border-radius:10px;width:49.2%;margin-top:3vw;font-size:1.16667rem;text-align:center;}
.gift-list li .btn-blue, .gift-list li .btn-light-blue{margin:7px 4vw 4vw;max-width:100%;width:auto;}
.gift-list .gift-img{background:#fff;border-radius:10px 10px 0 0;width:100%;height:42vw;display:flex;justify-content:center;align-items:center;margin-bottom:10px;}
.gift-list .gift-img img{max-width:100%;max-height:100%;}
.gift-list li p{line-height:1.3;min-width:35vw;display:inline-block;text-align:left;}
.gift-list li span{font-size:1rem;color:#666666}
.gift-list li span em{font-style:normal;color:#4080FF;font-size:1.16667rem;padding-left:3px;}
.cs-rules{font-size:1.16667rem;padding:5vw 8vw;line-height:1.8;}
.cs-rules h3{font-size:1.33333rem;margin-bottom:1em;}
.cs-rules p + p{margin-top:1em;}

.redeem-float{position:fixed;top:70vw;right:0;background:;height:62px;border-radius:31px 0 0 31px;background:#25b3f2;color:#fff;display:flex;align-items:center;padding:4px;transition:all .2s;width:120px;font-size:1.25rem;line-height:1.3;z-index:999;}
.redeem-float .member-logo{width:54px;height:54px;border-radius:50%;border:2px solid #fff;flex:0 0 auto;}
.redeem-float .float-content{margin-left:10px;min-width:128px;}
.redeem-float .float-content span{color:#046a97}
.redeem-float .float-teaser{margin-left:10px;letter-spacing:2px;}
.redeem-float.expand{width:200px}
.redeem-float.expand .float-teaser{display:none;}
.redeem-float.expand .float-content{display:block;}

.redeem-slide{background:#fff;text-align:center;padding:20px 0;border-radius:0 0 16px 16px;font-size:1.16667rem;color:#666666;}
.redeem-slide img{max-height:170px;margin-bottom:-15px;}
.redeem-thumb{display:flex;padding:4vw;}
.redeem-thumb li{width:85px;height:85px;padding:3px 3px 10px;;background:#fff;border:1px solid #25B3F2;box-shadow:#179AF226 0 5px 7px;border-radius:10px;text-align:center;color:#666666;position:relative;}
.redeem-thumb li img{max-height:70px;object-fit:contain;}
.redeem-thumb li p{position:absolute;bottom:3px;left:0;right:0;}
.page-redeem form{padding:20px 4vw;color:#666666;}
.page-redeem form .box-plain{margin:20px 0;padding:1vw 3vw;}
.page-redeem form .box-plain li{color:#666666;display:flex;justify-content:stretch;align-items:center;padding:10px 4vw;line-height:30px;}
.page-redeem form .box-plain li label{flex:0 0 auto;width:80px;}
.page-redeem form .box-plain li input{line-height:30px;border:none;outline:none;height:30px;flex:1 1 auto;color:#666666;}
.page-redeem form .box-plain li + li{border-top:1px solid #DFDFDF;}
.page-redeem form .btn-blue{height:50px;font-size:1.33333rem;margin-bottom:30px;}
.page-redeem form .btn-blue.disabled{background:#B1B2B3 !important;}

.adr-modal{color:#707070}
.adr-modal .modal-header{font-size:1.5rem;justify-content:flex-start;}
.adr-modal .modal-body{padding:5vw;min-height:60vh;}
.adr-modal h5{font-size:1.16667rem;border-bottom:3px solid #25B3F2;display:inline-block;line-height:2;}
.adr-modal ul{margin:10px 0;}
.adr-modal li{padding:7px 0;line-height:1.7;}
.adr-modal .fa-chevron-right{position:absolute;right:10vw;top:50%;transform:translateY(-50%);color:#707070;font-size:15px;}
.adr-modal .ico-times-circle{position:absolute;right:20px;top:15px;color:#999999;font-size:20px;}
.adr-modal .city-title{display:flex;font-size:1.16667rem;overflow:auto;margin:-10px 0 20px;}
.adr-modal .city-title li{position:relative;line-height:2.2;flex:0 0 auto;margin:0;}
.adr-modal .city-title li + li{margin-left:30px;}
.adr-modal .city-title li.cur:after{position:relative;content:'';display:block;width:30px;height:3px;background:#25B3F2;left:50%;transform:translateX(-50%);border-radius:2px;}
.adr-modal .city-list li.cur:before{content:"\e900";display:block;color:#04A6F0;font-family:'icomoon' !important;float:left;font-size:10px;margin-right:8px;vertical-align:middle;}

/*****
xnb
*****/
.page-xnb .content{font-size:1.16667rem;}
.page-xnb .box-plain{padding:4vw;}
.page-xnb .box-plain h4{color:#08A5F0; font-size:1.5rem;}
.page-xnb .box-plain h4:not(:first-child){margin-top:1em;}
.bl-grey{border-left:3px solid #DBDADE; padding-left:13px; font-size:1.33333rem; margin:0 0 10px 1vw;}
.bl-grey p + p{margin-top:1em;}
.bl-grey + .box-cards{margin-top:20px;}

/*****
help center
*****/
.list-help.list-panel{margin-top:0; font-size:1.33333rem;margin-bottom:24px;}
.list-help.list-panel li{padding:0 0 0 3vw}
.list-help.list-panel.list-icons li a{min-height:66px; margin-left:60px; padding-right:3vw;}
.list-help.list-panel.list-icons li a > i:first-child:not(.fa-chevron-right){margin:0 24px 0 -60px;}
.list-help.list-panel:not(.list-icons) li a{min-height:56px; padding-right:4vw;}
.list-help.list-panel li span{font-size:1.33333rem;}
.list-help.list-panel li a{min-height:56px;}
.list-help.list-panel small{color:#A5A9B3}
.list-help.list-panel a i:first-child{width:36px; height:36px; background:url(../images/icons/icons_help.png) no-repeat center top/100%;}
.list-help.list-panel a i.icon-game{background-position: 0 33.333333%;}
.list-help.list-panel a i.icon-affairs{background-position: 0 66.666667%;}
.list-help.list-panel a i.icon-contact{background-position: 0 bottom;}
/* help - details*/
.page-help .wrap-5vw{font-size:1.16667rem; line-height:1.8; margin-bottom:40px; display:none;}
.page-help .wrap-5vw h4{color:#04A6F0; font-size:1.33333rem; margin-top:1.5em;}
.page-help .wrap-5vw h4:first-child{margin-top:.5em;}
.page-help .wrap-5vw h5{color:#04A6F0; font-size:1.16667rem;}
.page-help .wrap-5vw p + h5{margin-top:1.5em;}
.page-help .wrap-5vw h4 + h4{margin-top:0;}
/*help - deposit tutorial*/
.list-panel.list-help-deposit{margin:0;}
.list-panel.list-help-deposit li.cur{display:block;}
.list-panel.list-help-deposit a img{width:30px; margin-right:20px;}
.help-modal .list-panel.list-help-deposit{padding-bottom:30px;}
.help-modal .list-panel.list-help-deposit a i{display:none;}
.help-modal .list-panel.list-help-deposit li.cur a:after{content: "\e900";display: block;margin-left: auto;color: #04A6F0;font-family: 'icomoon' !important;font-size: 1rem;}
.page-help-deposit .box-white{padding-bottom:50px;}
.page-help-deposit .box-white h5{font-size:1.33333rem; text-align:center; margin:20px 0 15px;}
.page-help-deposit .box-white h4{font-size:1.5rem; text-align:center; margin:30px 0 0;}
.help-modal .modal-dialog-bottom .modal-header {border-bottom:1px solid #DEDEDE;height:75px;}
.help-modal .modal-dialog-bottom .modal-header h5,.help-modal .modal-dialog-bottom .modal-header .header-left{font-size:1.5rem;line-height:75px;}