@font-face{font-family:scdream6;src:url(../fonts/SCDream6.eot);src:url(../fonts/SCDream6.eot?#iefix) format('embedded-opentype'),url(../fonts/SCDream6.woff2) format('woff2'),url(../fonts/SCDream6.woff) format('woff'),url(../fonts/SCDream6.ttf) format('truetype'),url(../fonts/SCDream6.svg#SCDream8) format('svg');font-style:normal}
@font-face{font-family:scdream8;src:url(../fonts/SCDream8.eot);src:url(../fonts/SCDream8.eot?#iefix) format('embedded-opentype'),url(../fonts/SCDream8.woff2) format('woff2'),url(../fonts/SCDream8.woff) format('woff'),url(../fonts/SCDream8.ttf) format('truetype'),url(../fonts/SCDream8.svg#SCDream8) format('svg');font-style:normal}
@font-face{font-family:scdream9;src:url(../fonts/SCDream9.eot);src:url(../fonts/SCDream9.eot?#iefix) format('embedded-opentype'),url(../fonts/SCDream9.woff2) format('woff2'),url(../fonts/SCDream9.woff) format('woff'),url(../fonts/SCDream9.ttf) format('truetype'),url(../fonts/SCDream9.svg#SCDream9) format('svg');font-style:normal}
html{height:100%;overflow-x:hidden;overflow-y:scroll!important}

html::-webkit-scrollbar{width:4px;background:#000}
html::-webkit-scrollbar-thumb{background:linear-gradient(#ffe637,#dca331)}
body{height:100%;padding-right:0!important;text-align:center;background-color:#131313;color:#fff;font-size:13px;font-family:scdream6,sans-serif}
body.active{overflow:hidden}
button,a,input,select,textarea{outline:none!important;transition:.3s}
button{padding:0}
*:before,*:after{pointer-events:none}
.wrapper{width:100%;min-height:100%;position:relative;overflow:hidden}
.bs-ul{list-style:none;margin-bottom:0;width:auto;display:table;padding:0}
.bs-ul li{list-style:none;width:auto;height:auto;display:table-cell;text-align:center;vertical-align:middle;position:relative}
.container{position:relative}
@media(min-width:1200px){
	.container{max-width:1322px}
}
@media(max-width:1200px){
	.container{max-width:100%}
}
.top-section{background-color:#110303;background-image:url(../images/bg/top-bg.jpg);background-repeat:no-repeat;background-position:top center;padding:0 0 15px;position:relative}
.top-section:before,.top-section:after{content:'';width:100%;height:55px;position:absolute;left:0;bottom:0}
.top-section:before{background-color:rgba(36,15,15,.85);box-shadow:inset 0 3px 18px rgba(0,0,0,.44);z-index:1}
.top-section:after{height:2px;background:linear-gradient(42deg,#808080,#222222,#b7b7b7,#2c2c2c,#303030,#b7b7b7,#131313,#6d6d6d);z-index:2}
.top-section .top-background{width:100%;height:100%;position:absolute;left:0;top:0;pointer-events:none}
.top-section .top-background:before,.top-section .top-background:after{content:'';width:100%;min-width:1920px;height:100%;position:absolute;left:50%;top:0;transform:translateX(-50%);background-image:url(../images/bg/curtain.png);background-repeat:no-repeat;background-position:top left}
.top-section .top-background:before{animation:curtainLeft 1s ease 1 forwards}
@keyframes curtainLeft{
	0%{opacity:0;transform:translateX(-75%)}
	100%{opacity:1;transform:translateX(-50%)}
}
.top-section .top-background:after{background-image:url(../images/bg/curtain.png);transform:translateX(-50%) rotateY(180deg);animation:curtainRight 1s ease 1 forwards}
@keyframes curtainRight{
	0%{opacity:0;transform:translateX(-25%) rotateY(180deg)}
	100%{opacity:1;transform:translateX(-50%) rotateY(180deg)}
}
.top-section .top-background .character-bg{width:1920px;height:100%;position:absolute;left:50%;transform:translateX(-50%);top:0;z-index:3}
.top-section .top-background .character-bg:before,.top-section .top-background .character-bg:after{content:'';width:100%;min-width:1920px;height:100%;position:absolute;left:50%;top:0;transform:translateX(-50%);background-repeat:no-repeat}
.top-section .top-background .character-bg:before{top:0px;background-image:url(../images/bg/slot-man.png);background-position:left 129px top;animation:slotMan 1s ease .5s 1 backwards}
@keyframes slotMan{
	0%{opacity:0;transform:translateX(-40%)}
	100%{opacity:1;transform:translateX(-50%)}
}
.top-section .top-background .character-bg:after{top:0px;background-image:url(../images/bg/slot-girl.png);background-position:right 51px top;animation:slotGirl 1s ease .5s 1 backwards}
@keyframes slotGirl{
	0%{opacity:0;transform:translateX(-60%)}
	100%{opacity:1;transform:translateX(-50%)}
}
.header-section{width:100%;height:117px;position:relative;z-index:99}
.header-section .container{height:100%;display:flex;align-items:center}
.cool-logo{width:410px;display:inline-block;position:absolute;top:-26px;left:-112px}
.cool-logo .logo-img{width:100%;opacity:0}
.cool-logo .glow{width:100%;position:absolute;top:0;left:0;animation:logoGlow 12s ease infinite}
@keyframes logoGlow{
0%{opacity:0}
14%{opacity:0}
19%{opacity:1}
98%{opacity:1}
100%{opacity:0}
}
.cool-logo .glow img{width:100%;position:relative;animation:logoGlowImg .8s ease infinite}
@keyframes logoGlowImg{
0%{opacity:1}
50%{opacity:.75}
100%{opacity:1}
}
.cool-logo div{position:absolute;z-index:1}
.cool-logo div img{position:absolute}
.cool-logo div .panel-img{width:100%;position:relative}
.cool-logo .logo-icon{width:53.18%;top:8.75%;left:0;right:5.75%;margin:0 auto}
.cool-logo .logo-icon .panel-img{animation:logoIcon 12s ease infinite}
@keyframes logoIcon{0%{opacity:0;-webkit-transform:-webkit-translate(5%,-15%);transform:translate(5%,-15%)}
5%{opacity:1;-webkit-transform:-webkit-translate(0,0);transform:translate(0,0)}
98%{opacity:1;-webkit-transform:-webkit-translate(0,0);transform:translate(0,0)}
100%{opacity:0;-webkit-transform:-webkit-translate(0,0);transform:translate(0,0)}
}
.cool-logo .logo-icon .c{width:64.22%;left:5%;right:0;top:11%;margin:0 auto;animation:logoC 12s ease infinite}
@keyframes logoC{0%{opacity:0;-webkit-transform:-webkit-translate(10%,-25%);transform:translate(10%,-25%)}
2%{opacity:0;-webkit-transform:-webkit-translate(10%,-25%);transform:translate(10%,-25%)}
7%{opacity:1;-webkit-transform:-webkit-translate(0,0);transform:translate(0,0)}
98%{opacity:1;-webkit-transform:-webkit-translate(0,0);transform:translate(0,0)}
100%{opacity:0;-webkit-transform:-webkit-translate(0,0);transform:translate(0,0)}
}
.cool-logo .logo-icon .spade{width:22.48%;left:13%;right:0;top:0;bottom:21%;margin:auto;animation:logoSpade 12s ease infinite}
@keyframes logoSpade{0%{opacity:0;-webkit-transform:-webkit-translate(15%,-30%);transform:translate(15%,-30%)}
4%{opacity:0;-webkit-transform:-webkit-translate(15%,-30%);transform:translate(15%,-30%)}
9%{opacity:1;-webkit-transform:-webkit-translate(0,0);transform:translate(0,0)}
98%{opacity:1;-webkit-transform:-webkit-translate(0,0);transform:translate(0,0)}
100%{opacity:0;-webkit-transform:-webkit-translate(0,0);transform:translate(0,0)}
}
.cool-logo .logo-text{width:48.54%;bottom:15%;left:5.5%;right:0;margin:0 auto;animation:logoText 12s ease infinite}
@keyframes logoText{0%{opacity:0;-webkit-transform:-webkit-translateY(-15%);transform:translateY(-15%)}
6%{opacity:0;-webkit-transform:-webkit-translateY(-15%);transform:translateY(-15%)}
11%{opacity:1;-webkit-transform:-webkit-translateY(0);transform:translateY(0)}
98%{opacity:1;-webkit-transform:-webkit-translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:-webkit-translateY(0);transform:translateY(0)}
}
.cool-logo .logo-text .cool{width:88.45%;top:6%;left:0;right:0;margin:0 auto;animation:logoCool 12s ease infinite}
@keyframes logoCool{0%{opacity:0;-webkit-transform:-webkit-translateY(15%);transform:translateY(15%)}
8%{opacity:0;-webkit-transform:-webkit-translateY(15%);transform:translateY(15%)}
15%{opacity:1;-webkit-transform:-webkit-translateY(0);transform:translateY(0)}
98%{opacity:1;-webkit-transform:-webkit-translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:-webkit-translateY(0);transform:translateY(0)}
}
.cool-logo .logo-text .casino{width:89.95%;bottom:3.75%;left:0;right:1%;margin:0 auto;animation:logoCasino 12s ease infinite}
@keyframes logoCasino{0%{opacity:0;-webkit-transform:-webkit-translateY(-15%);transform:translateY(-15%)}
8%{opacity:0;-webkit-transform:-webkit-translateY(-15%);transform:translateY(-15%)}
15%{opacity:1;-webkit-transform:-webkit-translateY(0);transform:translateY(0)}
98%{opacity:1;-webkit-transform:-webkit-translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:-webkit-translateY(0);transform:translateY(0)}
}
.cool-logo .logo-text .shades{width:41.71%;top:-17%;right:-13.5%;animation:logoShades 12s ease infinite}
@keyframes logoShades{0%{opacity:0;transform:scale(0)}
10%{opacity:0;transform:scale(0)}
15%{opacity:1;transform:scale(1.1)}
20%{opacity:1;transform:scale(1)}
98%{opacity:1;transform:scale(1)}
100%{opacity:0;transform:scale(1)}
}
.main-menu{margin:0 0 0 160px}
.main-menu li{padding:0 6px}
.main-menu li a{width:92px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;overflow:hidden;background-color:transparent;border:solid 2px #18050d;color:#fff;font-family:SCDream6;text-shadow:0 2px 2px #000;text-decoration:none}
.main-menu li a:hover{color:#ffbe10;border-color:#505050;background-color:rgba(0,0,0,.75);box-shadow:0 1px 1px rgba(0,0,0,.75),0 0 10px rgba(255,255,255,.25)}
.main-menu li a:before,.main-menu li a:after{content:'';width:100%;height:100%;position:absolute;left:0;bottom:0;z-index:-1;transition:.3s}
.main-menu li a:before{background-image:linear-gradient(rgba(56,56,56,1),rgba(45,45,45,1));opacity:.83}
.main-menu li a:after{left:0;bottom:5px;background-color:rgba(251,251,251,.1);transform-origin:bottom left;transform:rotate(0deg);transition:.5s;opacity:0}
.main-menu li a:hover:before{opacity:0}
.main-menu li a:hover:after{opacity:1;transform:rotate(-18deg)}
.main-menu li a i{color:#ffb23f;text-shadow:none;margin-right:5px;transition:.3s}
.main-menu li a:hover i{text-shadow:0 0 7px rgba(255,189,70,.75)}
.bal-container{margin:0 0 0 auto}
.before-login{display:none;margin:0 17px 0 0}
.before-login.active{display:block}
.before-login button, .after-login button{width:90px;height:44px;margin:0 0 0 5px;border-radius:8px;border:solid 2px #b4ada4;background-color:transparent;box-shadow:0 3px 3px #000,inset 0 0 0 1px rgba(204,194,194,.5);color:#000;font-size:12px;font-family:SCDream8;overflow:hidden;position:relative;z-index:1}
.before-login button:hover, .after-login button:hover {border-color:#3ecaa6}
.before-login button:before, .after-login button:before {content:'';width:100%;height:100%;position:absolute;left:0;bottom:10px;background-color:rgba(251,251,251,.12);transform-origin:bottom left;transform:rotate(-20deg)}
.before-login button .btn-panel, .after-login button .btn-panel {width:calc(100% - 2px);height:calc(100% - 2px);position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;display:flex;align-items:center;justify-content:center;border-radius:5px;overflow:hidden}
.before-login button .btn-panel:before,.before-login button .btn-panel:after, .after-login button .btn-panel:before,.after-login button .btn-panel:after{content:'';width:100%;height:100%;background-image:linear-gradient(#989795,#706e6b);position:absolute;left:0;top:0;z-index:-1;transition:.3s}
.before-login button .btn-panel:after, .after-login button .btn-panel:after{background-image:linear-gradient(#3ecaa6,#1e997a);opacity:0}
.before-login button .btn-panel:hover:after, .after-login button .btn-panel:hover:after{opacity:1}
.before-login button i, .after-login button i{margin:0 5px 0 0}
.before-login .yellow-bg, .after-login .yellow-bg{color:#010d01;border-color:#e9c866}
.before-login .yellow-bg:before, .after-login .yellow-bg:before{display:none}
.before-login .yellow-bg i, .after-login .yellow-bg i {color:#262525}
.before-login .yellow-bg .btn-panel:before, .after-login .yellow-bg .btn-panel:before {background-image:linear-gradient(#fdd970,#f6ab17)}
.before-login .yellow-bg .btn-panel:after, .after-login .yellow-bg .btn-panel:after {background-image:linear-gradient(#ff812d,#e25124)}
.before-login .yellow-bg:hover, .after-login .yellow-bg:hover {border-color:#ff8738}
.after-login{display:none}
.after-login.active{display:block}
.sidebar-right{width:420px}
.sidebar-right p{margin:0}
.sidebar-right .al-inner{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;position:relative}
.sidebar-right .al-inner>span {margin-left:6px;margin-right:10px}
.sidebar-right .al-cont{width:calc(33.33% - 4px);height:28px;float:left;display:flex;align-items:center;justify-content:flex-start;position:relative;margin:2px;padding:0 5px;color:#fff;text-decoration:none}
.sidebar-right .al-cont .labels{width:28px;height:25px;position:relative;z-index:1;color:#ff652b;font-size:12px;margin-right:3px;display:flex;align-items:center;justify-content:center;border-radius:3px;border:solid 1px rgba(255,255,255,.2);background-color:rgba(0,0,0,.15);box-shadow:0 1px 2px rgba(0,0,0,.5),inset 0 0 18px rgba(0,0,0,.75);transition:.3s;overflow:hidden}
.sidebar-right .al-cont .labels:before{content:'';width:140%;height:70%;position:absolute;left:0;top:0;background-color:rgba(251,251,251,.1);transform-origin:bottom left;transform:rotate(-30deg)}
.sidebar-right .al-cont:hover .labels{color:#fff156}
.sidebar-right .al-cont .info{width:calc(100% - 20px);height:100%;float:left;position:relative;display:flex;align-items:center;justify-content:flex-start;padding:0 5px;color:#fff;font-size:12px;white-space:nowrap;text-shadow:0 1px 1px #000;transition:.3s}
.sidebar-right .al-cont:hover .info{color:#b781ff}
.sidebar-right .al-cont .info .symbol{color:#ffb23f;margin-left:5px}
.sidebar-right .progressbar{padding:0}
.sidebar-right .progressbar .info{padding:0 0 0 5px}
.progressbar-panel{width:100%;height:25px;overflow:hidden;position:relative;border:solid 1px #6f5818;box-shadow:0 1px 1px rgba(0,0,0,.5);border-radius:3px;background-image:linear-gradient(rgba(56,56,56,0.83),rgba(45,45,45,0.83))}
.progressbar-panel .percent{width:80%;height:100%;position:absolute;left:0;top:0;border:solid 1px #302f30;background-image:linear-gradient(to right,#eec151,#dca826,#eec151,#dca826);display:flex;align-items:center;justify-content:center;z-index:1;border-radius:3px;padding:1px 0 0;overflow:hidden;color:#fff}
.progressbar-panel .percent:before{content:'';width:300%;height:100%;position:absolute;left:0;top:0;background-image:linear-gradient(to right,#eec151,#dca826,#eec151,#dca826);position:absolute;z-index:-1;animation:percentAnim .8s linear infinite}
@keyframes percentAnim{0%{left:-200%}
100%{left:0}
}
.progressbar-panel .percent span{font-size:10px;text-shadow:0 1px 1px rgba(0,0,0,.75);display:inline-block}
.sidebar-right .al-cont a{background-color:transparent;border:none;color:#fff;font-size:12px;text-decoration:none;text-shadow:0 1px 1px #000}
.mess-count{color:#f1a715;font-size:10px;margin-left:8px;animation:letter_anim 1s linear infinite}
.coupon-count{animation:letter_anim 1s linear infinite}
@keyframes letter_anim{0%{opacity:.25}
35%{opacity:1}
65%{opacity:1}
100%{opacity:.25}
}
.sidebar-right .btn-group{border:none;background-color:transparent;background-image:none;padding:0}
.sidebar-right .btn-group a{width:calc(50% - 2px);height:26px;background-color:#c79023;border:solid 1px rgba(255,255,255,.25);border-radius:2px;color:#fff;font-size:11px;margin:0 2px;transition:.3s;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;text-decoration:none;text-shadow:none;z-index:1}
.sidebar-right .btn-group a:first-child{margin-left:0}
.sidebar-right .btn-group a:last-child{margin-right:0}
.sidebar-right .btn-group .attend-link{background-color:#e25124}
.sidebar-right .btn-group .coupon-link{background-color:#18050d}
.sidebar-right .btn-group .coupon-link:hover{background-color:#131313}
.sidebar-right .btn-group .logout-btn{background-color:#5d5d5d}
.sidebar-right .btn-group .logout-btn:hover{background-color:#1e997a}
.banner-section{position:relative;z-index:4}
.banner-panel{width:100%;height:280px;display:flex;align-items:center;justify-content:flex-end;background-color:#1c1c1c;border-radius:10px;padding:0 7px;border:solid 1px #2a2828;background-image:url(../images/bg/banner-bg.jpg);background-repeat:no-repeat;background-position:top center;background-size:cover;position:relative;box-shadow:inset 0 0 0 4px #0b0b0b,0 0 6px rgba(252,191,112,.24)}
.banner-background{width:100%;height:calc(100% - 4px);position:absolute;left:0;top:0;overflow:hidden;z-index:1}
.banner-background .casino-girl{width:14.89%;position:absolute;left:2.25%;bottom:0;animation:bannaerCasinoGirl 1s ease 1}
@keyframes bannaerCasinoGirl{0%{opacity:0;-webkit-transform:-webkit-translateY(50%);transform:translateY(50%)}
100%{opacity:1;-webkit-transform:-webkit-translateY(0);transform:translateY(0)}
}
.banner-background .goldrush{width:13.88%;position:absolute;left:8.2%;right:0;margin:0 auto;bottom:0;animation:bannerGold 1s ease 1}
@keyframes bannerGold{0%{opacity:0;-webkit-transform:-webkit-translateY(50%);transform:translateY(50%)}
100%{opacity:1;-webkit-transform:-webkit-translateY(0);transform:translateY(0)}
}
.banner-background .goldrush .gold-img{width:100%}
.banner-background .goldrush .glow{width:58.62%;position:absolute;left:-4%;top:-26%;animation:goldGlow .8s ease infinite}
@keyframes goldGlow{0%{opacity:1}
50%{opacity:.75}
100%{opacity:1}
}
.banner-carousel{margin:0 27px 0 0;z-index:2;width:40%}
.banner-carousel .text-container{text-align:left;position:relative;z-index:1;padding:22px 0 35px;animation:bannerText 5s ease 1 forwards}
@keyframes bannerText{0%{opacity:0;transform:translateX(100%)}
20%{opacity:1;transform:translateX(0)}
95%{opacity:1;transform:translateX(0)}
100%{opacity:0;transform:translateX(0)}
}
.banner-carousel .text-container *{margin:0 0 .75%;text-shadow:0 2px 1px #000}
.banner-carousel .text-container h6{color:#ebb40d;font-family:SCDream8;margin:0 0 .25%}
.banner-carousel .text-container h1{color:#e91e63;font-size:40px;font-family:SCDream9;background-size:100% 100%;position:relative}
.banner-carousel .text-container h1:before{content:attr(data-text);display:inline-block;background:0 0;top:0;left:0;right:0;margin:0 auto;position:absolute;text-shadow:0 4px 1px #000;z-index:-1}
.banner-carousel .text-container h2{color:#fff;font-size:36px;font-family:SCDream8}
.banner-carousel .carousel-indicators{margin:0;bottom:0;align-items:center;justify-content:flex-start;padding:0 0 0 4px}
.banner-carousel .carousel-indicators li{width:15px;height:15px;margin:0 2px;background-color:#999;border:none;border-radius:50%;opacity:1;transition:.3s;position:relative}
.banner-carousel .carousel-indicators li:hover{background-color:#fff}
.banner-carousel .carousel-indicators li.active{width:17px;height:17px;background-color:#ffe952;box-shadow:inset 0 0 0 1px #c00}
.banner-board{height:260px;display:flex;align-items:center;justify-content:center;border:solid 1px #1a1a19;background-image:linear-gradient(#474541,#353330);border-radius:10px;padding:4px 4px 3px;position:relative;z-index:2}
.banner-board.mobile{height:auto;border:none;background-image:none;border-radius:0;padding:0;margin:15px 0 0}
.banner-board.mobile .container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.banner-board .bs-ul li{display:table-row;transition:.3s}
.banner-board .bs-ul li .tbl-cell{display:table-cell;vertical-align:middle;cursor:pointer}
.banner-board .bs-ul li .tbl-cell .cell-row{width:100%;display:inline-block;text-align:left}
.banner-board .bs-ul li span{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;transition:.3s}
.banner-board .game-panel{width:42px;height:42px;border:solid 1px #000;transition:.3s;background-color:#000}
.banner-board .game-panel img{width:100%;height:100%;transition:.3s}
.banner-board li:hover .game-panel img{opacity:.75}
.banner-board li:hover .game-panel{border-color:#ff8561}
.banner-board .recommended-games{width:200px;height:100%;border-radius:10px 0 0 10px;background-color:#b93a13;border:solid 1px #1a1a19;padding:1px 12px;position:relative;z-index:1;overflow:hidden}
.banner-board .recommended-games:before{content:'';width:200%;height:100%;position:absolute;left:50%;top:-70%;transform:translateX(-50%);background-image:radial-gradient(closest-side at 50% 50%,rgba(255,255,255,0.4),rgba(255,255,255,0));z-index:-1}
.banner-board .recommended-games .header{width:100%;height:35px;display:flex;align-items:center;justify-content:center;margin:0 0 7px;color:#fff;font-size:15px;font-family:SCDream8;text-shadow:0 1px 1px #000;position:relative}
.banner-board .recommended-games .header:before{content:'';width:100%;max-width:160px;height:1px;background-color:rgba(255,255,255,.25);position:absolute;left:0;right:0;bottom:0;margin:0 auto}
.banner-board .recommended-games .header i{color:#26cfa2;font-size:10px;text-shadow:0 0 7px rgba(38,207,162,.5);margin:0 8px}
.banner-board .recommended-games .bs-ul li span{max-width:125px}
.banner-board .recommended-games .tbl-cell{font-size:11px;color:#000;padding:4px 0}
.banner-board .recommended-games li:hover .tbl-cell{color:#fff}
.banner-board .recommended-games .tbl-cell .cell-row{padding:0 0 0 15px}
.banner-board .recommended-games .tbl-cell .name{color:#ffc720}
.banner-board .recommended-games li:hover .tbl-cell .name{color:#ffed6a}
.banner-board .big-win{width:364px;height:100%;background-image:url(../images/bg/win-bg.jpg);background-size:cover;margin:0 0 0 5px;border:solid 1px #1a1a19;border-top-color:#393939;border-radius:0 10px 10px 0;padding:1px 10px;position:relative;z-index:1;overflow:hidden}
.banner-board .big-win:before{content:'';width:180%;height:100%;position:absolute;left:50%;top:-65%;transform:translateX(-50%);background-image:radial-gradient(closest-side at 50% 50%,rgba(255,255,255,0.25),rgba(255,255,255,0));z-index:-1}
.banner-board .big-win .header{width:100%;max-width:344px;height:35px;margin:0 auto 7px;display:flex;align-items:center;justify-content:flex-start;border-bottom:solid 1px #564e4c;color:#f1a715;font-size:15px;font-family:SCDream8;text-shadow:0 1px 1px #000}
.banner-board .big-win .header .text-bold{font-family:SCDream9}
.banner-board .big-win li:hover{background-color:rgba(255,255,255,.08)}
.banner-board .big-win .tbl-cell{color:#999;font-size:11px;padding:4px 0}
.banner-board .big-win .tbl-cell:nth-child(2){padding:0 0 0 6px}
.banner-board .big-win .tbl-cell:last-child{vertical-align:bottom;padding:0 0 6px}
.banner-board .big-win .tbl-cell .cell-row{padding:1px 0}
.banner-board .big-win .tbl-cell .date{color:#2a7add}
.banner-board .big-win .tbl-cell .user{color:#f4f4f4;font-size:12px;margin-left:15px}
.banner-board .big-win .tbl-cell .amount{color:#f90;font-size:12px}
.jackpot-section{position:relative;z-index:4;margin:10px 0 0}
.jackpot-panel{height:96px;position:relative;z-index:1}
.jackpot-panel:before,.jackpot-panel:after{content:'';width:100%;max-width:280px;height:calc(100% + 8px);top:-3px;position:absolute;z-index:-1;border-radius:10px;background-image:linear-gradient(#ffcc33,#e9af12,#f9ab19);animation:jackpotPanel 1s ease 1 backwards}
@keyframes jackpotPanel{0%{max-width:100%}
100%{max-width:280px}
}
.jackpot-panel:before{left:-4px}
.jackpot-panel:after{right:-4px}
.jackpot-panel .inner-panel{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#1c1c1c;background-image:url(../images/bg/texture.jpg);border:solid 3px #333;box-shadow:inset 0 7px 18px rgba(0,0,0,.59);border-radius:10px;position:relative;z-index:1}
.jackpot-panel .inner-panel:before{content:'';width:calc(100% + 6px);height:calc(100% + 5px);position:absolute;left:-3px;top:-2px;border-radius:10px;border:solid 1px #3f3f3f;border-bottom-color:#4b3135;box-shadow:inset 0 0 0 3px #000;z-index:-1}
.jackpot-panel .labels{display:flex;align-items:center;position:relative}
.jackpot-panel .icon-panel{position:relative;top:2%;margin-right:.5%}
.jackpot-panel .icon-panel .diamond{width:100%}
.jackpot-panel .icon-panel .glow{width:68.43%;position:absolute;left:-20%;top:-4%;animation:diasGlow .5s ease infinite}
@keyframes diasGlow{0%{opacity:1}
50%{opacity:.5}
100%{opacity:1}
}
.jackpot-panel .jackpot-text{width:23.33%;margin-right:2%;position:relative;top:4%}
.jackpot-panel .amount{white-space:nowrap}
.jackpot-panel .amount span{color:#fff;font-size:70px;font-family:SCDream8;display:inline-block}
.jackpot-panel .amount .gradient{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:-webkit-linear-gradient(#e7e7e7,#fff,#d6d6d6);background-size:100% 100%;position:relative;position:relative;color:#d6d6d6}
.jackpot-panel .amount .gradient:after{content:attr(data-text);display:inline-block;background:0 0;top:0;left:0;right:0;margin:0 auto;position:absolute;text-shadow:0 3px 2px #000;z-index:-1}
.jackpot-panel .amount .text-sm{font-size:60px}
.jackpot-panel .amount .currency{color:#dc2323;font-size:46px;text-shadow:0 3px 2px #000;position:relative;top:-5px;margin-left:1%}
.page-content{background-image:url(../images/bg/main-bg.png);background-repeat:no-repeat;background-position:top center;background-size:cover;padding:20px 0 11px;overflow:hidden;position:relative}
.page-content:before,.page-content:after{content:'';width:100%;min-width:1920px;height:100%;background-image:url(../images/bg/page-deco.png);background-repeat:no-repeat;background-position:bottom left;position:absolute;left:50%;top:0;transform:translateX(-50%)}
.page-content:after{transform:translateX(-50%) rotateY(180deg)}
.slot-section {margin-bottom:20px;}
.slot-container{width:100%;max-width:1266px;margin:-4px auto 0;background-color:rgba(0,0,0,.6);box-shadow:0 6px 13px rgba(0,0,0,.6);display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center;padding:13px 5px;position:relative}
.slot-container .borders{width:100%;height:100%;position:absolute;left:0;top:0;pointer-events:none}
.slot-container .borders:before,.slot-container .borders:after{content:'';width:100%;height:8px;position:absolute;left:0;background-image:url(../images/bg/sc-border-tb.png);background-repeat:repeat-x}
.slot-container .borders:before{top:0}
.slot-container .borders:after{bottom:0;transform:rotateX(180deg)}
.slot-container .borders span{width:100%;height:100%;position:absolute;left:0;top:0;display:block}
.slot-container .borders span:before,.slot-container .borders span:after{content:'';width:8px;height:100%;position:absolute;top:0;background-image:url(../images/bg/sc-border-side.png);background-repeat:repeat-y}
.slot-container .borders span:before{left:0}
.slot-container .borders span:after{right:0;transform:rotateY(180deg)}
.slot-container .corners{width:100%;height:100%;position:absolute;left:0;top:0;pointer-events:none}
.slot-container .corners:before,.slot-container .corners:after{content:'';width:100%;height:100%;position:absolute;left:-9px;top:-11px;background-image:url(../images/bg/sc-corner.png);background-repeat:no-repeat;background-position:top left}
.slot-container .corners:after{left:9px;transform:rotateY(180deg)}
.slot-container .corners span{width:100%;height:100%;position:absolute;left:0;top:0;display:block}
.slot-container .corners span:before,.slot-container .corners span:after{content:'';width:100%;height:100%;position:absolute;left:-9px;bottom:-11px;background-image:url(../images/bg/sc-corner.png);background-repeat:no-repeat;background-position:top left;transform:rotateX(180deg)}
.slot-container .corners span:after{left:9px;transform:rotateX(180deg) rotateY(180deg)}
.company-btn{width:15%;display:inline-block;margin:7px;position:relative;z-index:4;animation:companyBtn 1s ease backwards}
@keyframes companyBtn{0%{opacity:0;transform:scale(.75)}
100%{opacity:1;transform:scale(1)}
}
.company-btn.blur{transform:scale(.9)}
.company-btn:before,.company-btn:after{content:'';width:calc(100% + 5px);height:calc(100% + 2px);position:absolute;left:-2px;top:-2px;background-image:url(../images/bg/slot-border-light.png);background-size:100% 100%;z-index:4;transition:.3s}
.company-btn:hover:before{animation:slotAnim .25s ease infinite}
@keyframes slotAnim{0%{opacity:1}
50%{opacity:.5}
100%{opacity:1}
}
.company-btn:after{background-image:url(../images/bg/slot-border.png)}
.company-btn:hover:after{filter:brightness(200%)}
.company-btn .border-corners{width:calc(100% + 13px);height:calc(100% + 9px);position:absolute;left:-6px;top:-5px;z-index:3}
.company-btn .border-corners span{width:100%;height:100%;display:block;background-size:100% 100%;position:absolute;left:0;top:0;transition:.3s}
.company-btn .border-corners span:nth-child(1){background-image:url(../images/bg/sb-corner-top.png)}
.company-btn .border-corners span:nth-child(2){background-image:url(../images/bg/sb-corner-top.png);transform:rotateY(180deg)}
.company-btn:hover .border-corners span:nth-child(1){top:-5px;left:-5px}
.company-btn:hover .border-corners span:nth-child(2){top:-5px;left:5px}
.company-btn .border-corners span:nth-child(3){background-image:url(../images/bg/sb-corner-bottom.png)}
.company-btn .border-corners span:nth-child(4){background-image:url(../images/bg/sb-corner-bottom.png);transform:rotateY(180deg)}
.company-btn:hover .border-corners span:nth-child(3){top:5px;left:-5px}
.company-btn:hover .border-corners span:nth-child(4){top:5px;left:5px}
.company-btn .btn-panel{width:100%;position:relative;overflow:hidden;border-radius:3px;background-color:#000}
.company-btn .btn-panel:before,.company-btn .btn-panel:after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;z-index:1}
.company-btn .btn-panel:before{box-shadow:inset 0 0 13px #000,inset 0 0 13px #000,inset 0 0 13px #000}
.company-btn .btn-panel:after{height:60%;background-image:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0))}
.company-btn.casino .btn-panel:after{display:none}
.company-btn .main-img{width:100%;transition:.3s}
.company-btn:hover .main-img{opacity:.5}
.company-btn .name{color:#fdfdfd;font-size:11px;text-shadow:0 2px 1px #000;display:inline-block;position:absolute;top:11px;right:0;padding:0 8px 0 0;text-align:right;z-index:2}
.company-btn.preparing:after{width:100%;height:100%;position:absolute;background:rgba(0,0,0,.5)}
.company-btn.preparing .play-btn{opacity:1;transform:scale(1)}
.company-btn.preparing .name{color:#743e3e;font-size:10px;text-shadow:none}
.company-btn .footer{width:107px;height:26px;position:absolute;left:2px;bottom:6px;padding:0 8px 0 0;display:flex;align-items:center;justify-content:center;z-index:2}
.company-btn .footer:before,.company-btn .footer:after{content:'';width:100%;height:100%;position:absolute;left:-8px;top:0;transform:skew(32deg);border-radius:0 5px 0 0;z-index:-1}
.company-btn .footer:before{background-image:linear-gradient(#6d6d6d,#fafafa,#6d6d6d)}
.company-btn .footer:after{left:-9px;top:1px;background-color:#000}
.company-btn .play-btn{width:70px;height:25px;position:absolute;left:0;right:0;top:0;bottom:8px;margin:auto;border-radius:3px;border:solid 1px #f1c55d;z-index:3;overflow:hidden;color:#000;font-size:12px;font-family:SCDream6;box-shadow:0 1px 2px #000;text-shadow:0 1px 1px rgba(255,255,255,.75);opacity:0;transform:scale(0)}
.company-btn:hover .play-btn{opacity:1;transform:scale(1)}
.company-btn .play-btn:hover{color:#fff;text-shadow:0 1px 1px transparent;border-color:#f60;font-family:scdream6}
.company-btn .play-btn:before,.company-btn .play-btn:after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background-image:linear-gradient(#fffc00,#b99100);z-index:-1;transition:.3s}
.company-btn .play-btn:after{background-image:linear-gradient(#ff6600,#e63019);opacity:0}
.company-btn .play-btn:hover:after{opacity:1}
.customer-section{margin:13px 0 0}
.customer-section .customer-panel{width:100%;max-width:1000px;height:75px;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;border-radius:38px;background-color:rgba(0,0,0,.38);border:solid 1px #393938}
.customer-panel .labels{color:#f2b4b4;font-size:14px;text-shadow:0 1px 1px #000;margin-right:30px}
.customer-panel .labels i{color:#e4a21f;text-shadow:0 0 7px rgba(170,120,29,.5);margin-right:5px}
.customer-panel .bs-ul li{color:#fff;font-size:18px;text-shadow:0 1px 1px #000;padding:0 35px}
.customer-panel .bs-ul li .icon-img{margin-right:5px}
.customerModal .customer-panel{margin:0 0 30px}
.customerModal .customer-panel .labels{width:100%;margin:0 0 20px;display:inline-block}
.customerModal .customer-panel .bs-ul{margin:0 auto}
.board-section{border-top:solid 1px #181818;background-image:url(../images/bg/board-bg.jpg);background-position:top 13px center;background-size:cover;position:relative}
.board-section:before{content:'';width:100%;height:8px;background-color:#000;border-bottom:solid 1px #636363;box-shadow:0 5px 0 #060505;position:absolute;left:0;top:0}
.board-section .container{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center}
.board-table{width:calc(33.33% - 16px);max-width:410px;min-height:260px;margin:59px 8px 45px;display:inline-block;vertical-align:top;position:relative;z-index:1}
.board-table .header{width:100%;height:45px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;background-color:rgba(0,0,0,.5);border-radius:10px;box-shadow:inset 0 0 13px rgba(0,0,0,.6);padding:0 15px}
.board-table .header .title{color:#ea4f4f;font-size:16px;font-family:SCDream8}
.board-table .header .title i{color:#e4a21f;font-size:14px;margin-right:3px;text-shadow:0 0 7px rgba(170,120,29,.5)}
.board-table .header .more-link{color:#ccc;font-size:11px;text-decoration:none;transition:.3s;margin:0 0 0 auto;padding:0 0 0 13px;display:inline-block;position:relative}
.board-table .header .more-link:before{content:'';width:7px;height:7px;border-radius:50%;background-color:#d51314;position:absolute;left:0;top:0;bottom:0;margin:auto 0;transition:.3s}
.board-table .header .more-link:hover:before{background-color:#e4a21f;box-shadow:0 0 7px rgba(170,120,29,.5)}
.board-table .header .more-link:hover{color:#fff}
.board-table table{width:100%;max-width:400px;margin:15px auto 0}
.board-table table td{height:38px;color:#ccc;font-size:12px}
.board-table table .date-td{color:#ffc664}
.board-table table td a{color:#fff;font-size:12px;transition:.3s}
.board-table table td a:hover{color:#e4a21f}
.new-icon{width:12px;height:12px;display:inline-block;color:#2c2c2c;font-size:8px;border-radius:3px;padding:0;background-color:#ffc000;text-align:center;margin-left:3px}
.withdraw-board{margin:0 8px}
.withdraw-board .header{height:76px;background-color:transparent;box-shadow:none}
.withdraw-board .header:before{content:'';width:452px;height:100%;position:absolute;left:50%;top:0;transform:translateX(-50%);background-image:url(../images/bg/board-head.png);background-size:100% 100%;z-index:-1;}
.withdraw-board .header .title{color:#fff;font-size:30px;font-family:SCDream8}
.withdraw-board .header .text-red{color:#ce504a}
.rolling-realtime{width:100%;max-width:360px;margin:10px auto 0}
.rolling-realtime ul{width:100%;display:table;float:left;padding:0}
.rolling-realtime ul li{display:table-row;height:38px;cursor:pointer;transition:.3s;background-color:transparent}
.rolling-realtime ul li:hover{background-color:rgba(255,255,255,.05)}
.rolling-realtime ul li div{display:table-cell;text-align:center;vertical-align:middle;color:#fff;font-size:15px}
.rolling-realtime ul li div.user{width:30%;text-align:left;padding-left:10px}
.rolling-realtime ul li div.amount{color:#e4a21f;font-family:SCDream8;width:35%;text-align:right;padding-right:3%}
.rolling-realtime ul li div.date{width:35%;text-align:right;padding-right:10px;color:#11b9af;font-size:12px}
.footer-section{padding:25px 0;background-color:#000;color:#4e4e4e;font-size:11px}
.scroll-top{width:60px;height:60px;background-color:rgba(0,0,0,.5);background-image:linear-gradient(rgba(50,50,50,1),rgba(0,0,0,1));border:solid 1px #333;position:fixed;bottom:20px;left:20px;color:#ebbf4f;font-size:24px;border-radius:10px;z-index:10;box-shadow:0 2px 5px rgba(0,0,0,.5);text-shadow:0 1px 1px rgba(0,0,0,.5);overflow:hidden;transition:.3s}
.scroll-top:hover{color:#ff8147;padding:0 0 10px}
.modal{padding-right:0!important;overflow-y:auto}
.modal::-webkit-scrollbar{width:0;background-color:transparent}
.modal::-webkit-scrollbar-thumb{background-color:transparent}
.modal-dialog{max-width:100%;min-height:100%;padding:0;margin:0;background-color:#0e0e0e;background-image:url(../images/bg/modal-bg.png);background-repeat:no-repeat;background-position:center top;box-shadow:inset 0 -66px 250px 193px #0e0e0e;z-index:1;overflow:hidden}
.modal-dialog:before,.modal-dialog:after{content:'';width:100%;min-width:1920px;height:100%;position:absolute;left:50%;top:0;transform:translateX(-50%);background-repeat:no-repeat;z-index:2}
.modal-dialog:before{top:128px;background-image:url(../images/bg/slotman-modal.png);background-position:left 20px top;animation:slotMan 1s ease .5s 1 backwards}
.modal-dialog:after{top:170px;background-image:url(../images/bg/slotgirl-modal.png);background-position:right 20px top;animation:slotGirl 1s ease .5s 1 backwards}
.modal-content{min-height:100%;border-radius:0;background-color:transparent;z-index:1;overflow:hidden;border:none;z-index:3}
.modal-content *::-webkit-scrollbar{width:6px;border-radius:2px;background:#000}
.modal-content *::-webkit-scrollbar-thumb{background:linear-gradient(#ffe637,#dca331);border:solid 1px #000;border-radius:2px}
.modal-header{border:none;padding:0 15px}
.modal-header .cool-logo{width:250px;position:relative;top:0;left:0;margin:0 auto -20px}
.modal-header .btn-group{position:absolute;right:20px;top:20px;display:flex}
.modal-header .btn-group button{height:40px;position:relative;background-color:transparent;padding:0 25px;border:none;color:#fff;font-size:14px}
.modal-header .btn-group button:hover{color:#fde84a}
.modal-header .btn-group button.active{color:#fde84a}
.modal-header .btn-group button:before{content:'';width:1px;height:50%;background-color:rgba(255,255,255,.25);position:absolute;right:0;top:0;bottom:0;margin:auto 0}
.modal-header .btn-group button i{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(#ff812d,#e25124);background-size:100% 100%;position:relative;color:#ffbd04;font-size:18px;margin-right:5px}
.modal-header .btn-group button.active i{background-image:-webkit-linear-gradient(top,#ffe94b 0,#ffbd04 100%);color:#ffe94b}
.modal-close-btn{width:40px;margin:0 0 0 15px}
.modal-header .btn-group .modal-close-btn:before,.modal-header .btn-group .modal-close-btn:after{content:'';width:3px;height:100%;background-color:#fde84a;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;transform:rotate(45deg);transition:.3s;border-radius:4px}
.modal-header .btn-group .modal-close-btn:after{transform:rotate(-45deg)}
.modal-header .btn-group .modal-close-btn:hover:before{transform:rotate(135deg);background-color:#ff7b49}
.modal-header .btn-group .modal-close-btn:hover:after{transform:rotate(-135deg);background-color:#ff7b49}
.modal-banner{background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;padding:30px 15px 20px;position:relative}
.modal-banner .panel{position:relative;z-index:2}
.modal-banner .title-panel{margin:0 0 25px}
.modal-banner .title-panel .title{font-size:2.3rem;font-family:SCDream8;text-shadow:0 2px 0 rgba(0,0,0,.75);margin:0}
.modal-menu{min-width:800px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;padding:20px 0;background-image:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0.5),rgba(0,0,0,0.5),rgba(0,0,0,0.5),rgba(0,0,0,0))}
.modal-menu:before,.modal-menu:after{content:'';width:100%;height:1px;left:0;position:absolute;background-image:linear-gradient(to right,rgba(0,0,0,0),rgba(255,255,255,0.1),rgba(255,255,255,0.1),rgba(255,255,255,0.1),rgba(0,0,0,0))}
.modal-menu:before{top:4px}
.modal-menu:after{bottom:4px}
.modal-menu button{background-color:transparent;border:none;color:#fff;position:relative;display:flex;align-items:center;justify-content:center;white-space:nowrap;margin:0 30px}
.modal-menu button:hover{color:#ffe94b}
.modal-menu button.active{color:#ffe94b}
.modal-menu button .icon-panel{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.4);box-shadow:inset 0 0 10px rgba(0,0,0,.4);border:solid 1px rgba(255,240,128,.15);margin-right:10px;transition:.3s}
.modal-menu button:hover .icon-panel{border:solid 1px rgba(255,240,128,.5);box-shadow:inset 0 0 5px rgba(0,0,0,.5),0 1px 2px #000,0 0 15px rgba(170,120,29,.75)}
.modal-menu button.active .icon-panel{background-color:#ffb52e;border:solid 1px rgba(255,240,128,.5);box-shadow:inset 0 0 5px rgba(0,0,0,.5),0 1px 2px #000,0 0 15px rgba(170,120,29,.75)}
.modal-menu button .icon-panel i{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:-webkit-linear-gradient(top,#ffe94b 0,#ffbd04 100%);background-size:100% 100%;position:relative;color:#ffbd04;font-size:18px}
.modal-menu button.active .icon-panel i{background-image:-webkit-linear-gradient(top,rgba(0,0,0,0.75) 0,rgba(0,0,0,0.75) 100%);color:rgba(0,0,0,.75)}
.modal-banner .information{align-items:center;justify-content:center;margin:20px 0 0}
.modal-banner .information.fs-lg{font-size:20px}
.inquire-link{color:#ffda54;transition:.3s;font-size:18px;word-break:keep-all}
.inquire-link:hover{color:#3ecaa6;text-decoration:none}
.modal-banner .information i{color:#26cfa2;text-shadow:0 0 7px rgba(38,207,162,.75);margin-right:5px}
.modal-body{padding:20px 15px 50px}
.modal-panel{width:100%;max-width:800px;margin:0 auto}
.modal-panel.size-lg{max-width:1100px}
.form-container .form-label{width:100%;float:left;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;margin:15px 0}
.form-container .form-label .labels{width:auto;min-width:125px;color:#fff;font-size:16px;display:inline-block;text-align:left;margin:0}
.form-container .form-label .blue{color:#fdb634}
.form-container .form-label .yellow{color:#f9832d}
.form-container .form-label .green{color:#e0492a}
.form-container .form-label .amount{color:#fff;font-size:16px;font-family:SCDream8;margin-left:5px}
.form-container .form-label .amount .symbol{color:#a7b3b3}
.form-container{width:100%;display:inline-block}
.form-container .form-group{width:100%;float:left;margin:0 0 20px;font-family:SCDream6}
.form-container .form-group:last-child{margin:0}
.form-container .labels{width:100%;text-align:left;float:left;margin:0 0 5px;font-size:14px}
.form-container .infos{width:100%;float:right;display:flex;align-items:center}
.form-container .form-group .input-container{width:100%;float:left;position:relative;display:flex;align-items:center;justify-content:flex-start;z-index:1}
.form-container .form-group .input-container:before{content:'';width:calc(100% - 4px);height:calc(100% - 4px);position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;border-radius:8px;border:solid 1px #636363}
.form-container .w-btn .input-container{width:calc(100% - 125px)}
.form-container .form-group .input-container .icon-label{color:#000;min-width:20px;text-align:center;position:absolute;right:10px}
.form-container .form-group input{width:100%;height:50px;float:left;color:#000;background-color:#fff;box-shadow:2px 2px 10px rgba(0,0,0,.5),inset 0 1px 0 #fff;border:none;border-radius:10px;padding:0 15px}
.form-container .form-group input:read-only{color:#000}
.form-container .form-group input::-webkit-input-placeholder{color:#777;font-family:scdream6}
.form-container .form-group .select-input{width:100%;height:50px;float:left;color:#000;background-color:#fff;box-shadow:2px 2px 10px rgba(0,0,0,.5);border:none;border-radius:10px;display:flex;align-items:center}
.form-container .form-group .select-input select{width:100%;height:100%;border:none;color:#777;font-family:scdream6;background-color:transparent;padding:0 15px;-webkit-appearance:none}
.form-container .form-group select option{background-color:#1b1b1b;color:#fff}
.form-container .form-group .select-input i{font-size:18px}
.form-container .form-group textarea{width:100%;height:200px;float:left;color:#000;background-color:#fff;box-shadow:2px 2px 10px rgba(0,0,0,.5),inset 0 1px 0 #fff;border:none;border-radius:10px;padding:20px 18px;resize:none}
.form-container .form-group textarea::-webkit-input-placeholder{color:#777}
.form-container .form-group .form-btn{width:120px;height:50px;border:none;float:right;padding:0;margin:0;white-space:nowrap;background-color:#1e997a;color:#fff;box-shadow:2px 2px 10px rgba(0,0,0,.5);border:solid 1px rgba(255,255,255,.5);position:relative;z-index:1;overflow:hidden;border-radius:5px;transition:.3s;margin-left:5px}
.form-container .form-group .form-btn:hover{background-color:#065d47;border-color:rgba(255,255,255,.15)}
.transferModal .form-container .w-btn .input-container{width:calc(100% - 205px)}
.transferModal .form-container .form-group .form-btn{width:200px}
.form-container .form-group .infos .btn-grp{width:100%;float:left}
.form-container .form-group .infos .btn-grp button{width:16.66%;width:calc(16.66% - 4px);height:40px;float:left;margin:0 2px;background-color:#616161;border:solid 1px rgba(255,255,255,.2);border-radius:4px;color:#fff;font-size:12px;transition:.3s;padding:0;position:relative;z-index:1;overflow:hidden}
.form-container .form-group .infos .btn-grp button:hover{background-color:#3a3a3a}
.form-container .form-group .infos .btn-grp button:first-child{margin-left:0;width:calc(16.66% - 2px)}
.form-container .form-group .infos .btn-grp button:last-child{width:calc(16.66% - 2px);margin-right:0;background-color:#c33129;color:#fff}
.form-container .form-group .infos .btn-grp button:last-child:hover{background-color:#ff4809}
.form-footer{width:100%;margin:50px 0 0;display:flex;justify-content:center}
.form-footer button{width:150px;height:50px;margin:0 5px;border-radius:8px;border:solid 2px #b4ada4;background-color:transparent;box-shadow:0 3px 3px #000,inset 0 0 0 1px rgba(204,194,194,.5);color:#000;font-size:12px;font-family:SCDream8;overflow:hidden;position:relative;z-index:1}
.joinModal .form-footer button{width:100%;max-width:250px}
.form-footer button i{margin-right:5px}
.form-footer button:hover{border-color:#3ecaa6}
.form-footer button span{width:calc(100% - 2px);height:calc(100% - 2px);position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;display:flex;align-items:center;justify-content:center;border-radius:5px;overflow:hidden}
.form-footer button span:before,.form-footer button span:after{content:'';width:100%;height:100%;background-image:linear-gradient(#989795,#706e6b);position:absolute;left:0;top:0;z-index:-1;transition:.3s}
.form-footer button span:after{background-image:linear-gradient(#3ecaa6,#1e997a);opacity:0}
.form-footer button span:hover:after{opacity:1}
.form-footer .yellow-bg{color:#010d01;border-color:#e9c866}
.form-footer .yellow-bg:before{display:none}
.form-footer .yellow-bg i{color:#262525}
.form-footer .yellow-bg span:before{background-image:linear-gradient(#fdd970,#f6ab17)}
.form-footer .yellow-bg span:after{background-image:linear-gradient(#ff812d,#e25124)}
.form-footer .yellow-bg:hover{border-color:#ff8738}
.pagination{display:inline-block;margin-top:30px;text-align:center}
.pagination li{float:left}
.pagination>li>a,.page-item.disabled .page-link,.page-item .page-link{width:28px;height:28px;color:#fff;text-decoration:none;background-color:#505050;text-shadow:0 1px 1px rgba(0,0,0,.5);box-shadow:0 1px 1px rgba(0,0,0,.5);border:solid 1px rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;margin:0 3px;border-radius:3px;position:relative;z-index:1;transition:.3s;overflow:hidden}
.pagination .turn-pg a,.paginate_button.page-item.previous,.paginate_button.page-item.next{color:#fff;font-size:12px;margin:0 13px}
.pagination>li>a:hover{background-color:#999}
.page-item.active .page-link{background-color:#da9f34!important;border:solid 1px rgba(255,255,255,.15)}
.pagination .active:hover{background-color:#da9f34}
.bs-table{width:100%;border-collapse:separate;border-spacing:0 0}
.bs-table thead th{height:50px;color:#fff;text-align:center;background-color:#0e0e0e}
.bs-table thead th:first-child{border-radius:3px 0 0 0}
.bs-table thead th:last-child{border-radius:0 3px 0 0}
.with-depth thead th:first-child{border-radius:3px 3px 0 0}
.with-depth thead th:last-child{border-radius:3px 3px 0 0}
.bs-table .dataTables_empty{padding-top:15px}
.bs-table tr{}
.bs-table tr td{height:50px;color:#fff;font-size:1.2rem;text-align:center;padding:1px;transition:.3s;background-color:rgba(50,50,50,.5);border-top:solid 1px rgba(255,255,255,.08);border-bottom:solid 1px rgba(0,0,0,.3)}
.bs-table tr:last-child td:first-child{border-radius:0 0 0 3px}
.bs-table tr:last-child td:last-child{border-radius:0 0 3px 0}
.with-depth tr:nth-last-child(2) td:first-child{border-radius:0 0 0 3px}
.with-depth tr:nth-last-child(2) td:last-child{border-radius:0 0 3px 0}
.with-depth tr:nth-last-child(2) td{border-bottom:none}
.bs-table tr:hover td{background-color:rgba(60,59,59,.6)}
.bs-table tr.active td{background-color:rgba(60,59,59,.6)}
.bs-table tr td a{color:#fff;font-size:1.2rem;transition:.3s;display:inline-block;vertical-align:middle;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}
/*.bs-table tr:hover .title-td{color:#ffe325}*/
.bs-table tr:hover td a{color:#ffe325}
.bs-table tr.active .title-td{color:#ffe325}
.bs-table tr.active td a{color:#ffe325}
.bs-table tr .count-td{width:60px}
.bs-table tr .title-td{text-align:left;padding-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bs-table tr .date-td{width:200px;color:#ffc664}
.bs-table tr .nav-td{width:40px}
.bs-table tr td .delete-btn{background-color:transparent;border:none;color:#fff;font-size:12px;transition:.3s}
.bs-table tr td .delete-btn:hover{color:#ff8484}
.bs-table tr td .nav-btn{background-color:transparent;border:none;position:relative}
.bs-table tr td .nav-btn i{position:relative;color:#fff;font-size:10px;transition:.3s;transform:rotate(0deg)}
.bs-table tr td .nav-btn:hover i{color:#c63}
.bs-table tr.active td .nav-btn i{transform:rotate(180deg);top:5px}
.bs-table tr td .plus-btn{width:16px;height:16px;background-color:#d8472e;border:none;border-radius:50%;transition:.3s;color:#fff;font-size:12px;padding:0;display:inline-block;vertical-align:middle;position:relative}
.bs-table tr td .plus-btn:before,.bs-table tr td .plus-btn:after{content:'';width:2px;height:50%;left:0;right:0;top:0;bottom:0;margin:auto;position:absolute;background-color:#fff;transition:.3s}
.bs-table tr td .plus-btn:after{transform:rotate(90deg)}
.bs-table tr.active td .plus-btn:before{height:0}
.text-yellow{color:#ffda54!important}
.text-green{color:#3ecaa6!important}
.transferModal .bs-table td:nth-child(odd){text-align:left;padding:0 5px 0 30px}
.transferModal .bs-table td:nth-child(even){text-align:right;padding:0 30px 0 5px}
.with-depth .message-content{display:none;margin:2px 0 5px}
.with-depth tr.depth-click{cursor:pointer}
.with-depth tr.dropdown{background-color:transparent}
.with-depth tr.dropdown td{padding:0;border:none;height:auto}
.with-depth tr.dropdown td{background-color:transparent;border:none}
.with-depth tr.dropdown:hover td{background-color:transparent;border:none}
.message-content{width:100%;height:auto;background-color:rgba(0,0,0,.5);border:solid 1px rgba(255,255,255,.2);margin:5px 0 0;padding:10px;border-radius:5px;text-align:left;overflow-y:scroll}
.message-content .inner-container{width:100%;height:100%;float:left;color:#fff;white-space:pre-wrap;text-align:left;padding:5px 10px;line-height:20px}
.modal-tab{display:none;animation:modalTabAnim .5s ease 1 forwards}
@keyframes modalTabAnim{0%{opacity:0;transform:translateY(-10%)}
100%{opacity:1;transform:translateY(0)}
}
.modal-tab.active{display:block}
.bs-table td .level-txt{display:inline-block;width:45px;text-align:left}
.level-information{width:100%;height:80px;float:left;position:relative;margin-bottom:10px;border-radius:3px;background-color:rgba(0,0,0,.5);border:solid 1px rgba(255,255,255,.2)}
.level-information .container{width:auto;height:100%;float:left;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding:0 20px}
.level-information .container .inner{width:auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.level-information .container span{color:#fff;font-size:14px;white-space:nowrap}
.level-information .container .labels{margin-right:10px}
.level-information .container .amount{color:#ffd400;font-size:18px;display:inline-block;position:relative;margin:0;vertical-align:middle}
.level-information .point-form{width:310px;height:100%;float:right;display:flex;align-items:center;justify-content:center;padding:0 125px 0 5px;position:relative}
.level-information .point-form input{width:100%;height:38px;border-radius:1px;padding:0 5px;color:#000;font-size:12px;background-color:#fff;border:none;border-radius:2px}
.level-information .point-form input::-webkit-input-placeholder{color:#000}
.level-information .points-btn{width:110px;height:38px;color:#fff;font-size:12px;border:none;border-radius:1px;background-color:#d24b37;transition:.3s;white-space:nowrap;position:absolute;right:10px;border-radius:2px}
.level-information .points-btn:hover{background-color:#a03636}
.gamelistModal .modal-body{padding:0 15px 50px}
.gamelistModal .modal-panel{max-width:1400px;background-color:rgba(0,0,0,.5);border:solid 1px rgba(255,255,255,.2);border-radius:5px;padding:10px}
.gamelist-container{width:100%;display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:flex-start;position:relative;max-height:710px;overflow-y:scroll;padding:0 5px 0 0}
.game-btn{width:calc(14.28% - 16px);margin:10px 8px;display:inline-block;background-color:#efc55d;background-image:linear-gradient(#efc55d,#f8e900,#9d6504);padding:1px;box-shadow:0 2px 10px rgba(0,0,0,.5);overflow:hidden;border-radius:10px;text-decoration:none;position:relative;transition:.3s;z-index:1}
.game-btn:before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background-image:linear-gradient(#ff6600,#e63019);transition:.3s;opacity:0;z-index:-1}
.game-btn:hover:before{opacity:1}
.game-btn:hover{background-color:#50e2ff}
.game-btn .btn-container{width:100%;height:135px;overflow:hidden;border-radius:10px;background-color:#000;border:solid 1px #000;position:relative}
.game-btn .btn-container:before{content:'';width:100%;height:60%;position:absolute;left:0;bottom:0;background-image:linear-gradient(rgba(14,14,14,0),rgba(14,14,14,1));z-index:1;transition:.3s}
.game-btn:hover .btn-container:before{opacity:0}
.game-btn .btn-container .main-img{width:100%;height:100%;transition:.3s;border-radius:3px}
.game-btn:hover .btn-container .main-img{opacity:.5}
.game-btn .footer{width:100%;height:40px;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;color:#fff;font-size:12px;transition:.3s;padding:0 5px;position:absolute;left:0;bottom:0;z-index:1}
.game-btn .footer:before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;opacity:.75;z-index:-1;transition:.3s}
.game-btn:hover .footer:before{opacity:1}
.game-btn .footer .name-text{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
.game-btn .play-btn{width:calc(100% - 10px);max-width:85px;position:absolute;left:5px;top:5px;z-index:9;background-color:rgba(0,0,0,.75);border:solid 1px rgba(255,255,255,.4);border-radius:20px;display:flex;align-items:center;justify-content:flex-start;padding:2px;box-shadow:0 1px 5px rgba(0,0,0,.75);color:#fff;font-size:11px;font-family:SCDream8}
.game-btn:hover .play-btn{max-width:100%;border-color:#f60}
.game-btn .play-btn.practice{top:40px}
.game-btn .play-btn .icon-panel{width:24px;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-image:linear-gradient(#ff6600,#e63019);color:rgba(0,0,0,.75);font-size:10px;transition:.5s;transform:rotate(0deg)}
.game-btn:hover .play-btn .icon-panel{transform:rotate(360deg)}
.game-btn .play-btn span{width:100%;text-align:center;display:inline-block;vertical-align:middle;padding:0;transition:.3s;white-space:nowrap;padding:0 5px 0 0}
.game-btn:hover .play-btn span{text-align:center;padding:0 20px 0 0}
.game-btn .loading{position:absolute;left:0;top:0;z-index:3}
.game-btn .loading img{width:100%}
.popup{border:3px solid #9e8500;position:absolute;left:50%;top:50%;width:700px;height:auto;transform:translate(-50%,-50%);box-shadow:0 0 20px 6px #000;z-index:9999}
.popup img{width:100%;height:auto}
.popup>div>p{margin:0}
.popup_btn{background:#000;padding:5px 10px;vertical-align:middle;color:#fff;text-align:left}
.popup_btn>label{margin-bottom:0}
.popup_btn>span{cursor:pointer;float:right}
.search-section{}
.search-form{width:310px;height:100%;float:right;display:flex;align-items:center;justify-content:center;padding:0 125px 0 5px;margin:20px 0;position:relative}
.search-form input{width:100%;height:38px;border-radius:1px;padding:0 5px;color:#000;font-size:12px;background-color:#fff;border:none;border-radius:2px}
.search-form input::-webkit-input-placeholder{color:#000}
.search-btn{width:110px;height:38px;line-height:38px;color:#fff;font-size:12px;border:none;border-radius:1px;background-color:#33b5e5;transition:.3s;white-space:nowrap;position:absolute;right:10px;border-radius:2px}
.search-btn:hover{background-color:#09c}

.page-title {margin-bottom:20px}
.page-title h2 span {font-size:0.8em;color:#ffff66}

.popup-container {position:absolute;top:0;left:0;width:100%;/*background:rgba(0, 0, 0, .5);*/z-index:99;}
.popup-wrap {width:1440px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px}
.popup-container .popup-wrap .popup-box {margin-top:70px;width:calc(25% - 10px);overflow:hidden;background:#000;border: 3px solid #9e8500;box-shadow: 0 0 20px 6px #000;}
.popup-container .popup-wrap .popup-box .popup-contents-box {min-height:400px;padding:0}
.popup-container .popup-wrap .popup-box .popup-contents-box img {display:block;width:100%;max-height:calc(100vh - 150px);}
.popup-container .popup-wrap .popup-box .popup-footer {background:#000;padding: 5px 10px;vertical-align: middle;color: #fff;text-align: left;}
.popup-container .popup-wrap .popup-box .popup-footer>input[type="checkbox"] {margin-right:4px}
.popup-container .popup-wrap .popup-box .popup-footer>label {margin-bottom:0}
.popup-container .popup-wrap .popup-box .popup-footer>span {cursor: pointer;float: right;}

.loginModal .modal-content {width:300px;margin:0 auto}

.pagination-container {display:flex;justify-content:center;margin-top:10px;}
.pagination-container .pagination-wrap {display: flex;gap: 8px;}
.pagination-container .pagination-wrap .page-box {display: flex;justify-content: center;align-items: center;width: 32px;height: 32px;color: #9ca3af;background-color: #000;border: 1px solid #444;border-radius: 2px;cursor: pointer;}
.pagination-container .pagination-wrap .page-box.active {color: #fff;background-color:#634061;}

@media only screen and (max-width:768px) {
	.banner-carousel .text-container h5 {font-size: 0.8rem;}
	
	.popup-wrap {width:100%;flex-wrap:wrap;justify-content:center}
	.popup-container .popup-wrap .popup-box {margin-top:40px;width:calc(90% - 10px);}
	
	.loginModal .modal-content {width:100%}
	
	.page-title h2 {font-size:1.4rem}
	
	.bs-table tr td {font-size:1rem}
	.bs-table tr td a {font-size:1rem}
	
	#cmoney {width:100% !important;max-width:100% !important}
	#emoney {width:100% !important;max-width:100% !important}
	.btn-wrap button {width:22%}
}