body{
    background:#f4f4f4;
}
@media (max-width: 1200px) {
    .body {
        min-width:1200px
    }
    .main{
        width:1200px;
    }
}



@media (max-width: 640px) {
    .main {
        width: 100%;
    }
    .foot,.head,.light,.menu{
        width:100%;
    }
}
.main{

    margin:0 auto;
    position:relative
}
@font-face{
    font-family:digital_displayregular;
    src:url(fonts/digtl.eot);
    src:url(fonts/digtl.eot?#iefix) format('embedded-opentype'),url(fonts/digtl.woff2) format('woff2'),url(fonts/digtl.woff) format('woff'),url(fonts/digtl.ttf) format('truetype'),url(fonts/digtl.svg#digital_displayregular) format('svg');
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:digital_displayregular;
    src:url(fonts/digtl.eot);
    src:url(fonts/digtl.eot?#iefix) format('embedded-opentype'),url(fonts/digtl.woff2) format('woff2'),url(fonts/digtl.woff) format('woff'),url(fonts/digtl.ttf) format('truetype'),url(fonts/digtl.svg#digital_displayregular) format('svg');
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:Kh-Battambang;
    font-stretch:normal;
    font-style:normal;
    font-weight:400;
    src:url(fonts/Kh-Battambang.eot)
}
@font-face{
    font-family:Kh-Battambang;
    font-stretch:normal;
    font-style:normal;
    font-weight:400;
    src:url(fonts/Kh-Battambang.ttf) format("truetype")
}

@font-face{
    src: url('ico.woff2') format('woff2');
    font-family:Khmer OS Content;
    font-stretch:normal;
    font-style:normal;
    font-weight:400;
    src:url(fonts/KhmerOS.ttf) format("truetype")
}
html[lang=ca] body[data-dir="fafa88"] :not(.ico){
    font-family:Khmer OS Content!important;
    word-wrap:break-word
}


html[lang=ca] body[data-dir="fafa2u"] :not(.ico){
    font-family:Khmer OS Content!important;
    word-wrap:break-word
}


html[lang=ca] body[data-dir="fafajoker"] :not(.ico){
    font-family:Khmer OS Content!important;
    word-wrap:break-word
}


html[lang=ca] body[data-dir="fafa012"] :not(.ico){
    font-family:Khmer OS Content!important;
    word-wrap:break-word
}


html[lang=ca] body[data-dir="fafa444"] :not(.ico){
    font-family:Khmer OS Content!important;
    word-wrap:break-word
}


html[lang=ca] body[data-dir="fafa097"] :not(.ico){
    font-family:Khmer OS Content!important;
    word-wrap:break-word
}


html[lang=ca] body[data-dir="fafa298"] :not(.ico){
    font-family:Khmer OS Content!important;
    word-wrap:break-word
}


html[lang=ca] body[data-dir="fafa008"] :not(.ico){
    font-family:Khmer OS Content!important;
    word-wrap:break-word
}


html[lang=ca] body[data-dir="fafa99sky"] :not(.ico){
    font-family:Khmer OS Content!important;
    word-wrap:break-word
}


html[lang=ca] body[data-dir="fafa138"] :not(.ico){
    font-family:Khmer OS Content!important;
    word-wrap:break-word
}


html[lang=ca] body[data-dir="fafa678"] :not(.ico){
    font-family:Khmer OS Content!important;
    word-wrap:break-word
}


html[lang=ca] body[data-dir="fafa178"] :not(.ico){
    font-family:Khmer OS Content!important;
    word-wrap:break-word
}


html[lang=ca] body[data-dir="fafa321"] :not(.ico){
    font-family:Khmer OS Content!important;
    word-wrap:break-word
}


html[lang=ca] body[data-dir="fafa619"] :not(.ico){
    font-family:Khmer OS Content!important;
    word-wrap:break-word
}


html[lang=ca] body[data-dir="fafavip"] :not(.ico){
    font-family:Khmer OS Content!important;
    word-wrap:break-word
}


html[lang=ca] body[data-dir="fafacasino"] :not(.ico){
    font-family:Khmer OS Content!important;
    word-wrap:break-word
}



html[lang=ca] :not(.ico):not(.fa):not(o){
    font-family:Khmer OS Battambang!important;
    word-wrap:break-word
}


.ico{
    font-family:ico!important;
    line-height:40px
}
.btn{
    font-size:18px;
    text-align:center;
    font-weight:700;
    color:#fff;
    cursor:pointer
}






















.lang1 a.en{
    background-position:0 -24px
}
.lang1 a.th{
    background-position:0 -48px
}

.menu{
    height:80px
}

#navul{
    float:right
}
#navul li{
    float:left;
    position:relative
}
#navul>li>a{
    min-width:70px;
    height:40px;
    line-height:40px;
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    text-align:center;
    border-radius:20px;
    margin:20px 3px;
    float:left;
    padding:0 5px
}
#navul li ul{
    display:none;
    position:absolute;
    z-index:999;
    background:#000;
    top:80px
}
#navul li ul li{
    display:block;
    border-bottom:#222 1px solid;
    text-align:center
}
#navul li ul li a{
    width:120px;
    height:40px;
    line-height:40px;
    color:#555;
    display:block
}
.menu-list a.active{
    background:#fff
}


.foot{
    overflow:hidden;
    margin:50px 0 0
}








.page{
    width:100%;
    text-align:center;
    padding:30px 0;
    overflow:hidden
}
.page a{
    width:40px;
    height:40px;
    text-align:center;
    line-height:40px;
    font-size:16px;
    display:inline-block;
    margin:0 5px;
    vertical-align:middle;
    border-radius:19px
}
.page a.active,.page a:hover{
    color:#fff
}
.page-game a.active{
    background:#f90;
    color:#fff
}
.page a.img{
    background-image:url(../images/page-btn.png)
}
.page a.img:hover{
    background-image:url(../images/page-btn-hover.png)
}
.page a.left{
    background-position:center top
}
.page a.right,.page a.right:hover{
    background-position:center bottom
}
#full-screen-slider{
    width:100%;
    height:520px;
    float:left;
    position:relative
}
#slides{
    display:block;
    width:100%;
    height:520px;
    list-style:none;
    padding:0;
    margin:0;
    position:relative
}
#slides li{
    display:block;
    width:100%;
    height:100%;
    list-style:none;
    padding:0;
    margin:0;
    position:absolute;
    background-repeat:no-repeat;
    background-position:center top
}
#slides li a{
    display:block;
    width:100%;
    height:100%;
    text-indent:-9999px
}
#pagination{
    display:block;
    list-style:none;
    position:absolute;
    left:50%;
    top:450px;
    z-index:9900;
    margin:0
}
#pagination li{
    display:block;
    list-style:none;
    width:12px;
    height:12px;
    float:left;
    margin-left:15px;
    border-radius:6px;
    background:#fff
}
#pagination li a{
    display:block;
    width:100%;
    height:100%;
    padding:0;
    margin:0;
    text-indent:-9999px
}
#pagination li.current{
    background:#000
}


.logoin input.code{
    width:100px
}









.notice{
    width:100%;
    height:40px;
    overflow:hidden;
    bottom:0;
    left:0
}
.notice-bg{
    background:rgba(0,0,0,.8)
}
.notice marquee{
    width:calc(100% - 70px)!important;
    height:40px;
    margin:0 0 0 20px;
    overflow:hidden
}
.notice a{
    line-height:40px;
    color:#ccc
}
.notice a:hover{
    color:#fff
}














#sns{
    width:270px;
    overflow:hidden;
    margin:10px 0 0
}
#sns-tab{
    overflow:hidden;
    width:100%
}
#sns-tab li{
    float:left;
    width:54px;
    height:60px;
    cursor:pointer;
    background:url(../images/sns-btn.png) top center no-repeat;
    position:relative
}
#sns-tab li span{
    width:0;
    height:0;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-bottom:7px solid #fff;
    position:absolute;
    bottom:0;
    left:22px;
    display:none
}
#sns-tab li.current span{
    display:block
}
#sns-tab li a{
    width:50px;
    height:50px;
    display:block;
    text-indent:-99999px;
    margin:2px
}
#sns-content{
    width:100%;
    height:50px;
    background:url(../images/sns-bg.png) center no-repeat
}
#sns-content ul{
    display:none
}
#sns-content ul a{
    line-height:50px;
    text-align:center;
    width:100%;
    display:block;
    color:#fff;
    font-weight:400;
    font-size:16px
}




















.number-two a.left{
    padding:40px 30px 40px 50px
}
.number-two a.right{
    padding:40px 50px 40px 30px
}
.number-two a.left:hover{
    background:url(../images/number-bg-hover-left.png)
}
.number-two a.right:hover{
    background:url(../images/number-bg-hover-right.png)
}








.casino a.left{
    border-right:1px #333 solid;
    padding:0 40px 0 0
}
.casino a.right{
    padding:0 0 0 40px
}






























.open>.side-group{
    background:#fff
}































































.content{
    background:#4c4c4c;
    position:relative;
    width:100%;
    height:142px;
    z-index:5
}
.content div{
    position:absolute;
    top:0;
    left:0;
    padding:15px 12px;
    z-index:1
}
.content div a{
    width:46px;
    height:46px;
    line-height:46px;
    text-align:center;
    font-size:18px;
    font-weight:700;
    margin:5px;
    display:block;
    float:left;
    border-radius:3px;
    background:#fff;
    cursor:pointer
}
.content div a.active,.content div a:hover{
    background:#f90;
    color:#fff
}
.content div a.hv{
    background:#f90;
    color:#fff
}


.gnumber-btn a.active{
    background:#f90;
    color:#fff
}



.gnumber-color a.active{
    background:#f90;
    color:#fff
}


.gnumber-color a.active p{
    color:#fff
}






.gball-tab a.active{
    background:#4c4c4c;
    color:#f90
}





.gball-contant td span.yellow{
    color:#f90
}
.gball-contant td.group{
    text-align:center;
    font-weight:700;
    font-size:20px;
    color:#fff
}
.gball-contant td.title{
    text-align:center;
    color:#fff;
    font-weight:700;
    font-size:18px
}


.gmultiple a.active{
    background:#f90;
    color:#fff
}















.groulette a.red{
    background:#c00;
    color:#fff
}

.groulette a.active{
    background:#f90;
    color:#fff
}











.gsicbo a.active{
    background:#f90
}

.gsicbo a.active .gsicbo-ball{
    background:#fff;
    color:#f90
}

.span{
    width:100%;
    color:#f90;
    text-align:center;
    font-size:14px;
    font-weight:400
}
.gsicbo a.active .span,.gsicbo a:hover .span{
    color:#fff
}

.gsicbo a.active .nohover{
    background:#333
}
































.glivenumber .gnumber-color a.active{
    background:#f90
}

.glivenumber .gnumber-color a.active span{
    color:#fff
}




.glivenumber-two .gnumber-color .ball.active span{
    background:#fff;
    color:#f90
}

































.gkeno-number-list a.active{
    background:#f90;
    color:#fff
}




.gkeno-guess-title a.line{
    box-sizing:border-box;
    border-bottom:1px #ffb74c solid
}

.gkeno-guess label.line{
    height:50px;
    box-sizing:border-box;
    border-bottom:1px #4c4c4c solid
}





.gkeno-btn a.active{
    background:#f90
}
.gkeno-btn a.active span,.gkeno-btn a.active span em{
    color:#fff
}






















.gkeno-table-title a.active{
    background:#f90
}


.gkeno-table-list a.yellow{
    color:#f90
}



































.banner{
    background:#313127
}



.lott-side a.active{
    background:#fff;
    color:#555
}



.lott-contant-tab a.active{
    background:#f90
}


















.game-table th a.refresh{
    width:48px;
    height:48px;
    background:url(../images/sport/refresh-black.png) center no-repeat;
    padding:0;
    float:inherit;
    display:inline-block;
    vertical-align:middle
}

.game-table th a.refresh:hover{
    transform:rotate(360deg)
}

.game-table .list td{
    min-width:90px
}


.game-table td.red{
    color:#f33
}









.game-table i.add{
    width:30px;
    background-image:url(../images/sport/btn-add.png);
    float:right
}


.sport{
    width:100%;
    overflow:hidden;
    background:url(../images/side-bg.png)
}



.sport-stake a.active{
    color:#f90
}


.sport-tab a.active{
    background:0 0;
    color:#fff
}
















.sport-side .open>.side-group,.sport-side .open>.side-group span{
    background:#f90;
    color:#fff;
    border-radius:3px
}


























.register-main{
    width:100%;
    overflow:hidden;
    background:#fff;
    border-radius:3px
}
.register-title{
    width:100%;
    height:70px;
    line-height:70px;
    text-align:center;
    font-size:24px;
    font-weight:700;
    text-transform:capitalize;
    color:#fff;
    position:relative;
    background-image:-webkit-linear-gradient(top,#ae01df,#2e0052)
}
.register-title i{
    width:70px;
    height:70px;
    display:block;
    position:absolute;
    left:0;
    top:0
}
.register-contant{
    box-sizing:border-box;
    width:100%;
    padding:35px;
    overflow:hidden
}
.register-contant input{
    box-sizing:border-box;
    width:100%;
    border:1px #ccc solid;
    padding:0 10px;
    height:50px;
    line-height:50px;
    margin:0 0 5px
}
.register-contant input.code{
    width:342px
}
.register-contant-code{
    width:153px;
    height:50px;
    line-height:50px;
    text-align:center;
    background:#333;
    color:#fff;
    text-transform:uppercase;
    font-size:24px;
    font-weight:700
}
.register-contant label{
    width:100%;
    height:50px;
    line-height:50px;
    display:block;
    margin:0 0 10px
}
.register-contant label span{
    color:#f90
}
.register-contant input[type=checkbox]{
    width:15px;
    height:15px;
    vertical-align:middle;
    margin:0 10px 0 0
}
.register-contant a{
    width:100%;
    height:50px;
    line-height:50px;
    border-radius:25px;
    display:block
}
.register-contant button{
    width:100%;
    height:50px;
    line-height:37px;
    border-radius:25px;
    display:block;
    background-image:-webkit-linear-gradient(top,#ae01df,#2e0052)
}
.register-contant-select{
    width:100%;
    box-sizing:border-box;
    overflow:hidden;
    border:1px #ccc solid;
    margin:0 0 5px;
    background:url(../images/dropdown-grey.png) 470px 22px no-repeat
}
.register-contant-select select{
    width:100%;
    padding:0 10px;
    height:50px;
    background:0 0
}
.register-contant-select select{
    -webkit-appearance:none;
    -moz-appearance:none;
    text-indent:1px;
    text-overflow:''
}
.center{
    margin-top:15px;
    width:100%;
    overflow:hidden;
    padding:15px;
    border-radius:10px
}
















.center-side a.active{
    color:#fff;
    background-image:-webkit-linear-gradient(top,#ae01df,#2e0052)!important
}





.center-data a.left{
    text-align:right
}
.center-data a.right{
    text-align:left
}






.center-tab a.active{
    color:#555;
    background:#fff;
    border-bottom:3px solid var(--color)
}














.depositfr .center-form label select,.depositfr .center-select select{
    width:100%!important
}
#ddlstatement{
    -webkit-appearance:listbox!important;
    background:var(--color-lg)
}





.center-table td span.red{
    color:#f33
}

.center-table td span.yellow{
    color:#fc0
}









.indolotto input.btn{
    width:260px;
    height:60px;
    line-height:60px;
    border-radius:30px;
    display:block;
    margin:30px auto;
    cursor:pointer
}






.forex-side-table span.red{
    color:#f33
}

.forex-side-table span.green{
    color:#74e353
}

















.forex-tig-btn a.up{
    background:url(../images/btn-up.png) right no-repeat
}
.forex-tig-btn a.down{
    background:url(../images/btn-down.png) right no-repeat
}





.forex-table span.red{
    color:#f33
}

.forex-table span.green{
    color:#74e353
}

.slots{
    width:100%;
    background-color:#22221b;
    overflow:hidden
}
.slots-nav a{
    padding:0 20px;
    line-height:60px;
    display:block;
    float:left;
    margin:0 5px 0 0;
    font-weight:700;
    color:#fff
}
.slots-nav a.active,.slots-nav a:hover{
    color:#fff;
    background:rgba(0,0,0,.7)
}




.slots-list a.active span{
    display:block
}




.num1{
    border:1px solid #b5b5b5
}


.ref_we a.name{
    color:#fff
}







.hide{
    display:none
}





input[type=checkbox],input[type=radio]{
    width:30px;
    height:20px
}





.checkbox,.radio{
    margin-bottom:0
}
.right.bot td{
    color:#666!important
}



.slots .page a{
    border:1px solid #fff;
    background:#fff;
    color:#000!important
}
.page a.active,.page a:hover{
    color:#b51818!important
}


.inner .center_pro{
    margin-top:135px;
    margin-bottom:20px
}

@keyframes blinker{
    50%{
        opacity:0
    }
}
.register{
    width:780px!important;
    padding:45px 100px 0;
    overflow:hidden;
    margin:0 auto;
    margin-bottom:15px
}
.banner{
    width:100%;
    background-position:top center;
    background-repeat:no-repeat;
    overflow:hidden;
    position:relative;
    background:url(../images/sport-bg.jpg) no-repeat center
}
.num1{
    height:30px
}
body[data-pages=kg_games] .main, body[data-pages=kg_games] .main iframe,.banner-sport.kg_games .main, .banner-sport.kg_games .main iframe{
    width:100%!important;
    padding:0!important;
    max-width:100%!important;
    height:calc(100vh - 100px)
}


.register-contant-code{
    width:175px;
    height:50px;
    line-height:50px;
    text-align:center;
    background:#333;
    color:#fff;
    text-transform:uppercase;
    font-size:24px;
    font-weight:700;
    display:inline-block;
    top:3px;
    position:relative;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px
}
.slots-nav a.active,.slots-nav a:hover{
    color:var(--color)!important;
    border-bottom:1px solid var(--color)!important
}
.slots-nav a{
    color:#333!important
}
.countdown,.promo-details-body *,.promo-pTitle{
    color:#333
}
.clearfix{
    display:block!important;
    clear:both;
    content:""
}
.promo-pTitle{
    color:#333!important
}
.night .countdown,.night .promo-details-body *,.night .promo-pTitle{
    color:#fff!important
}
.user .center-data-btn a{
    display:inline-block;
    width:auto!important
}
.kaiyuan .main,.we1poker .main{
    width:100%!important;
    max-width:100%!important;
    padding:0!important
}
.kaiyuan .main iframe,.we1poker .main iframe{
    width:100%!important;
    padding:0!important;
    max-width:100%!important;
    height:calc(100vh - 100px)
}
.err_div{
    color:red
}




.sign li:nth-child(1) a {background-image: url(../images/bonus/sign/1.png);}
.sign li:nth-child(2) a {background-image: url(../images/bonus/sign/2.png);}
.sign li:nth-child(3) a {background-image: url(../images/bonus/sign/3.png);}
.sign li:nth-child(4) a {background-image: url(../images/bonus/sign/4.png);}
.sign li:nth-child(5) a {background-image: url(../images/bonus/sign/5.png);}
.sign li:nth-child(6) a {background-image: url(../images/bonus/sign/6.png);}
.sign li:nth-child(7) a {background-image: url(../images/bonus/sign/7.png);}

.sign li a.done {background-color: var(--color);color: white;}


  .cliam-bonus.disabled{
     pointer-events: none;
     background: #ccc;
  }


  @media (max-width: 1600px) {
    .head-nav li a{
        width: unset !important;
    }
    
}




  
  
  
  
  
  
  
  

  .total_of_slots,.arrow_slots{
    color: #fff !important;
 }
 #deposit-btn i{
    height: 40px;
 }
 #withdraw-btn i{
    height: 40px;
 }
 
 input[name="amount"]::placeholder{color: #000 !important;}