label.error { color:#ff0000; font-size:12px; font-weight:bold; display:flex; justify-content:center; align-items:center; padding:5px 0px; }

.w50px { width:50px }
.w100px { width:100px }

#loading { z-index: 1080; position: fixed; width: 100%; top: 0; bottom: 0; display:none }
#loading.aaa { display:block }
#loading .mask { height: 100%; width: 100%; background: #000; opacity: .6;}
#loading .mask img { position: absolute; top: 50%; left: 50%; width: 100px; margin: -50px; -webkit-animation-name: spin; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-name: spin; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: linear;}
#loading .logo { position: absolute; top: 50%; left: 50%; height: 80px; width: 80px; margin: -40px; background-size: cover; background-position: center; background-color: #000; border-radius: 100%;}

@keyframes spin {
    from { transform: rotate(0deg) }
    to { transform: rotate(360deg) }
}

.startgame-wrapper { position:fixed; top:0; left:0; width:100%; height:100%; z-index:1079; display:none }
.startgame-wrapper.aaa { display:block }
.startgame { position:absolute; top:0; left:0; width:100%; height:100%; background-color:#ffffff }
    .startgame .frame { width:100%; height:calc(100% - 46px) }
        .startgame .frame iframe { width:100%; height:100%; }
    .startgame .frame-close { height:46px; font-size:16px; font-weight:bold; color:#ffffff; background-color:#222222; display:flex; justify-content:center; align-items:center; cursor:pointer; text-transform:uppercase }
        .startgame .frame-close:hover { filter:brightness(1.3) }
.startgame-close { display:none; position:absolute; width:100%; height:100%; top:0; left:0; justify-content:center; align-items:center; background:rgba(0,0,0,0.6); z-index:1 }
.startgame-close.aaa { display:flex }
.sgc { padding:24px; background-color:#111111; color:#ffffff }
    .sgc h5 { font-size:16px; }
    .sgc .sgc-btn { margin-top:20px; display:flex; justify-content:center; align-items:center; gap:12px }
    .sgc .sgc-btn button { border:2px solid #ffffff; color:#ffffff; background:transparent; width:100%; padding:2px; text-transform:uppercase }
    .sgc .sgc-btn button:hover { color:#ffc107; border-color:#ffc107 }

.carousel-indicators li::marker { display:none; font-size:0 }

.share_modal .close { background:transparent; border:0 }

.input-group.wr { }
    .input-group.wr .bbtn { position:absolute; z-index:6; right:0; top:0; width:auto; border-radius:8px!important; height:100%; margin:0; padding:7px 14px }
        .input-group.wr .bbtn img { max-height:28px }
    .input-group.wr label.error { position:absolute; right:0; height:100% }
    .input-group.wr.wbtn label.error { position:absolute; right:72px; height:100% }

.btn_login_modal[disabled] { filter: grayscale(1) brightness(0.5); pointer-events: none; }

.promo-text { width: 100%; margin-bottom: 10px; }
.promo-text tr th { background: linear-gradient(to bottom, #d99c91 0%, #943c20 100%); padding: 10px; border: 1px solid #d99c91; text-align: center; font-size: 12px; color: #fff; }
.promo-text tr td { font-size: 12px; color: #ffffff; padding: 10px; border: 1px solid #d99c91; background: #111111; text-align: center; }
.promo-text ul, .promo-text ol{ font-size: 14px; color: #ffffff; padding-left: 30px; padding-bottom: 20px; }
.promo-text ul li span, .promo-text ol li span { color: orangered; margin-right: 10px; }

.table-responsive { display:block; width:100%; }

#depoGotoPayment { display:flex; justify-content:center }

.depwith_wrapbtn a.active { background:linear-gradient(to bottom, #d99c91 0%, #943c20 100%) }

.daterangepicker, .daterangepicker select.monthselect, .daterangepicker select.yearselect { color:#000000!important }
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td { padding:0 }

.his-table { font-size:12px }
table.dataTable tbody tr { background-color:transparent!important }
table.dataTable thead tr { background:rgba(0, 0, 0, .3) }

.rebate-wrapper {}
.bals-rebate-holder { display:flex; gap:8px }
.bals-rebate-wrapper { position:relative; width:100%; border-radius:8px; padding:12px 18px; border:1px solid #ffffff; background:#110d0c; line-height:normal;  display:flex; justify-content:space-between; align-items:center; text-align:left; border-radius:8px;}
    .bals-rebate-wrapper .ttitle { color:#ff4201; font-size:12px; font-weight:bold; }
    .bals-rebate-wrapper .info { font-size:28px; color:#000000; font-weight:bold }
    .bals-rebate-wrapper .info a { color:#ff4201; font-size:14px }
    .bals-rebate-wrapper i { color:#b79c93 }
    .bals-rebate-wrapper button { min-width:120px; margin:0 }
    .bals-rebate-wrapper button[disabled] { filter:grayscale(1); pointer-events:none }
.rebate-table {} 
    .rebate-table table { width:100%; text-align:center; border-collapse:collapse; }
    .rebate-table table thead { font-size:16px; font-weight:bold; }
    .rebate-table table th, .rebate-table table td { padding:8px; }
    .rebate-table table td { font-size:12px }

.promo_box_wrap_a { display:flex; justify-content:end; gap:8px }
.promo_box_wrap_a a { margin-left:unset }

.pppbox { filter:brightness(.6) }
    .pppbox.aaa { filter:brightness(1) }
.aaabtn { pointer-events:none; filter:grayscale(1) }
    .aaabtn.aaa { pointer-events:auto; filter:grayscale(0) }

.cims-wrapper { background-image:url(../img/ci/bg.jpg); background-size:cover; background-position:top center; }
    .cims-wrapper .cims-title { padding:24px 24px 0px; text-align:center; color:#feac90; font-size:22px; font-weight:bold }
    .cims-wrapper .cims-desc { padding:0px 24px 24px; text-align:center; font-size:14px; }
.cimsbox { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; }
.cibox { width:25%; position:relative; margin-bottom:1.5rem; pointer-events:none; filter:grayscale(0.6) }
    .cibox .bbg {  }
    .cibox .amo { position:absolute; width:100%; text-align:center; font-weight:bold; color:#faee80; font-size:30px; bottom:8%; text-shadow:0px 0px 8px #3c0000 }
.cibox.done, .cibox.ready { filter:grayscale(0); }
    .cibox.done::before { content:''; background-image:url(../img/ci/redeemed.png); background-size:100%; background-position:center center; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1 }
.cibox.ready { pointer-events:auto; cursor:pointer }
.cibox.ready .bbg { animation:blinkShadow 1.8s ease infinite }
.cibox.s2 .amo{ bottom:24% }

.nav-badge { position:relative; }

.noti { position:absolute; top:2px; right:2px; background-color:#e83565; width:22px; height:22px; font-size:12px; font-weight:bold; display:none; justify-content:center; align-items:center; border-radius:50%; animation:blinkNotification 2s ease infinite; color:#fff }
.noti.center { top:50%; transform:translateY(-50%) }
.noti.aaa { display:flex; }

.cny.cims-wrapper { background-image:url(../img/ci/cny2026/bg.jpg); background-size:cover; background-position:top center; }
.cny .cims-desc{font-size:15px;font-weight:bold;}
.cny .cibox{text-align:center;filter:unset;}
.cny .cibox.ready { pointer-events:auto; cursor:pointer;animation:blinkShadow 1.8s ease infinite  }

.cny .cibox .bbg{filter:brightness(0.6);}
.cny .cibox.done .bbg { filter: brightness(0.80);cursor: not-allowed;pointer-events: none;}
.cny .cibox.ready .bbg{animation:none;filter:unset;}
.cny .cibox .claim-btn {filter: brightness(0.55);cursor: not-allowed;pointer-events: none;}
.cny .cibox .claim-btn.done, .cny .cibox .claim-btn.ready{filter:unset;}
/*.cny .cibox .claim-btn.ready { pointer-events:auto; cursor:pointer;animation:blinkShadow 1.8s ease infinite  }*/
    .cny .cibox .amo{width:84%;left:8%;bottom:12%;}
        .cny .cibox .amo > div {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: clamp(4px, 1vw, 8px);
            color: #5d3620;text-shadow:none;
        }
    .cny .cibox.ready .amo > div {color: #A94118;}
   .cny .cibox.done::before { content:''; background-image:url(../img/ci/cny2026/checked.png); background-size:100%; background-position:center center; position:absolute; top:5%; left:5%; width:90%; height:90%; z-index:1 }
.cny .claim-btn {position: relative;display: inline-block;text-decoration: none;}
    .cny .claim-btn img {width: clamp(88px, 22vw, 130px);height: auto;display: block;}
    .cny .claim-btn span {position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;font-size: clamp(10px, 3vw, 20px);font-weight: bold;color: #fff6b0;text-shadow: 0 0 4px #000;pointer-events: none;bottom:5%;}
.cny .cibox.ready .claim-btn{animation:none;filter:unset;}

@keyframes blinkNotification {
    50% {
        filter:drop-shadow(0 0 3px #e83565) brightness(1.2);
    }
}

@keyframes blinkShadow {
    50% {
        filter:drop-shadow(0 0 6px #ffec41) brightness(1.2);
    }
}

.slotgame { align-items:end }

/*.sys-cims-check { display:none }*/
.sys-cims-check.aaa { display:block }

.cta { text-align:center; display:block; margin-bottom:16px; }
    .cta .btn_reg { display:inline-block; animation-name:buttonGlowing; animation-duration:1.5s; animation-timing-function:linear; animation-direction:normal; animation-iteration-count:infinite; }

@keyframes buttonGlowing {
  60% {filter:brightness(1.4) drop-shadow(0px 0px 12px #d99c91) }
}

.contact { display: flex; flex-direction: column; align-items: center; }
.con-chanel { min-width: 180px; margin: 8px; font-size: 16px; padding: 6px 24px; background:linear-gradient(to bottom, #d99c91 0%, #943c20 100%); border-radius:8px}
    .con-chanel a { color: inherit; display: flex; align-items: center; gap: 14px; }
    .con-chanel i { font-size: 28px; }

.conly ul, .conly ol { padding:revert }
.conly strong, .conly b { color:#b79c93 }

.refer_btn[disabled] { filter:grayscale(1); pointer-events:none; border-color:#555555; color:#555555 }

.dpqrwrap { margin-top:22px }
    .dpqrwrap .ttitle { text-align:center; padding-bottom:6px; }
    .dpqrwrap .iimg { max-width:200px; margin:0 auto }
        .dpqrwrap .iimg img { width:100% }

.share_modal.size-xl .modal-dialog { max-width:1200px; }
.share_modal.size-lg .modal-dialog { max-width:800px; }

.glbox { display:none }
.glbox.aaa { display:block }
    .glbox .games { display:flex; flex-wrap:wrap }
        .glbox .games .gl { width:calc(12.5% - 16px); margin:8px; cursor:pointer; position:relative }
            .glbox .games .gl .iimg { border-radius:8px; overflow:hidden; display:block; position:relative; }
                .glbox .games .gl .iimg.s2 { width:100%; padding-top:100%; background-color: #000000 }
                .glbox .games .gl .iimg.s2 img { min-height:100% }
                .glbox .games .gl .iimg img { width:100% }
            .glbox .games .gl .name { font-size:12px; text-align:center; padding-top:8px; line-height:normal }
            .glbox .games .gl .ppic { position:absolute; width:100%; height:100%; top:50%; transform: translateY(-50%); z-index:1 } 
        .glbox .games .gl:hover .iimg::before { content:''; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.8); top:0; left:0; z-index:2 }
        .glbox .games .gl:hover .iimg::after { position:absolute; font-family:"FontAwesome"; content:"\f04b"; font-size:30px; color:#cc1d55; top:50%; left:50%; transform:translate(-50%, -50%); z-index:2 }

.btn_dropup_lang button img, .btn_dropup_lang .dropdown-menu a img  { max-width:20px }

.index_caro .carousel-indicators li { background:transparent }

.pann-wrapper { display:flex; border-radius:5px; overflow:hidden }
.pann-sidemenu { background-color:#222222; padding:16px; min-width:30%; max-width:30%; }
    .pann-sidemenu a { color:#ffffff; background-color:#363636; display:block; padding:16px; border-radius:5px; margin-bottom:10px; font-weight:bold; font-size:12px }
    .pann-sidemenu a.aaa { background:linear-gradient(-155deg,#943c20,#d99c91 100%) }
.pann-content { background-color:#111111; padding:16px; width:100%; }

.pannbox { display:none }
.pannbox.aaa { display:block }

@media only screen and (max-width: 1080px) {
    .pann-wrapper { display:block }
    .pann-sidemenu { min-width:auto; max-width:none; width:100%; padding:10px; overflow-x:auto; white-space:nowrap; font-size:0 }
    .pann-sidemenu a { display:inline-block; margin:0px 3px; padding:8px 16px }
    .pann-content { padding:10px; }
}

@media only screen and (max-width: 800px) {

    .cibox .amo { font-size:3.8vw }
    .glbox .games .gl { width:calc(25% - 12px); margin:6px }


}


/*Deposit Event*/
  .depo_page_wrap {flex-direction: column;}
        .depo_event_header {width: 100%;}
        .depo_actionsection {margin-left: 15%;}
        .depo_event_header {position: relative;display: inline-block;width: 100%;}
        .depo_event_bg {display: block;width: 100%;height: auto;}
        .depo_event_sidebox {position: absolute;top: 50%;left: 35%;width: 59%;height: 70%;transform: translateY(-50%);display: grid;grid-template-columns: 1fr 1fr;place-items: center;gap: 0px;padding: 10px;}
        .depo_event_item {position: relative;text-align: center;width: 100%;}
        .depo_event_item.unclaimable {filter: grayscale(100%) brightness(0.6);cursor:default;}
        .depo_event_item.claimable {cursor:pointer;}
        .depo_event_item img {display: block;width: 100%;height: auto;}
        .depo_event_itemtext {position: absolute;top: 50%;left: 50%;width: 70%;transform: translate(-50%, -49%);display: flex;flex-direction: column;align-items: center;justify-content: center;color: #813d11;text-align: center;pointer-events: none;}
        .depo_event_itemtext span {font-size: 1.1rem;font-weight: 700;text-shadow: 0.35px 0.35px 0 #fff, -0.35px 0.35px 0 #fff, 0.35px -0.35px 0 #fff, -0.35px -0.35px 0 #fff;}
        .depo_event_itemtext strong {font-size: 1.6rem;font-weight: 700;margin-top: -3px;text-shadow: 0.35px 0.35px 0 #fff, -0.35px 0.35px 0 #fff, 0.35px -0.35px 0 #fff, -0.35px -0.35px 0 #fff;}
        @media (max-width: 768px) {
            .depo_actionsection {margin-left: 5%;width: 90%;}
            .depo_event_sidebox {width: 63%;left: 32%;grid-template-columns: 1fr 1fr;}
            .depo_event_item {max-width: 200px;}
            .depo_event_itemtext span {font-size: 0.8rem;}
            .depo_event_itemtext strong {font-size: 1.1rem;}}
        @media (max-width: 425px) {
            .depo_event_sidebox {width: 63%;left: 32%;grid-template-columns: 1fr 1fr;gap: 0px;}
            .depo_event_item {max-width: 200px;}
            .depo_event_itemtext span {font-size: 0.5rem;}
            .depo_event_itemtext strong {font-size: 0.6rem;margin-top: -4px;}
            .depo_event_itemtext {position: absolute;top: 56%;left: 50%;width: 80%;display: flex;flex-direction: column;align-items: center;justify-content: center;color: #813d11;text-align: center;pointer-events: none;}}
        

.header_center { display:flex; align-items:center; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) }
header .partner {  }
    header .partner img { max-height:50px }

.ddes {  }
.mmob { display:none }
.extra-nav { padding: 12px 0px }
    .extra-nav .login_btn_container, .extra-nav .btn_container { width:100% }
    .extra-nav .head_afterlogin_custom .btn_dropup_lang { margin-left:0; width:100%; }

@media only screen and (max-width: 576px) {
 
    .ddes { display:none }
    .mmob { display:flex }

    .glbox .games .gl { width:calc(33.33% - 12px); }

   .cny .cibox.done::before { top:0%; left:0%; width:100%; height:100%;}
.cny .cims-desc{font-size:2.2vw;}

}

/*Partnership 20251009*/
.partnership-background-body{background-color:transparent!important;}
.partnership-content {position: relative;overflow: hidden;border-radius: 16px;background-image: url('/w/assets/img/partnership/bg.png');background-repeat: no-repeat;background-position: top center;background-size: 100% 100%;background-color: #000;width: 100%;height: auto;}
.partnership-inner {position: relative;z-index: 1;padding: 2rem;color: #fffdf7;text-align:center;}
.partnership-title-img {width: 100%;}
.partnership-lwidth{max-height:30px;}
.partnership-content-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 1.5rem;width: 100%;max-width: 800px;justify-items: center;}
.partnership-content-box {background: rgb(18 17 17 / 78%);border: 1px solid rgb(188 155 145 / 72%);border-radius: 12px;padding: 4%;text-align: center;backdrop-filter: blur(6px);    transition: all 0.3s ease;width: 100%;max-width: 350px;display: flex;flex-direction: column;justify-content: space-between;}
    .partnership-content-box hr {border-top: 1px solid rgb(183 156 147);opacity: 0.75;margin: 5% 5px 0px 5px;}
    .partnership-content-box:hover {background: rgba(255, 255, 255, 0.2);transform: translateY(-4px);}
        .partnership-content-box h4 img {width: auto;height: 100%;object-fit: contain;}
    .partnership-content-box p {text-align: center; margin-bottom:5%;margin-top:5%;}
        .partnership-claimbutton{width:150px;}
    .partnership-content-grid > .partnership-content-box:last-child:nth-child(odd) {grid-column: 1 / -1;justify-self: center;max-width: 50%;}

.partnership-coming {padding:4% 0 0 0;}
.partnership-coming-img{margin-bottom:-15.5%;}

.partnership-96win_logo{margin:7px 0px;}
.partnership-96jqk_logo{max-height:50px}

@media (max-width: 568px) {
    .partnership-title-img {width: auto;width: 90%;}
    .partnership-lwidth {max-height: 26px;}
    .partnership-content {background-position: center center;background-size: 110% 110%;border: 1px solid rgb(183 156 147);}
    .partnership-content-grid {grid-template-columns: 1fr;}
            .partnership-content-grid > .partnership-content-box:last-child:nth-child(odd) {grid-column: auto;max-width: 100%;}
                .partnership-content-box h4 img {max-width: 100%;}
}