label.error{display:inline-block;font-size:12px;color:red;margin:3px 0 0}
.login_head input.error{border-color:red}
.login_head label.error{display:none !important}

.category-sec .nav-tabs { border-bottom:0; justify-content:space-evenly }
.category-sec .nav-tabs .nav-link:focus, .category-sec .nav-tabs .nav-link:hover { border-color:transparent; filter:brightness(1.2) }
.category-sec .nav-tabs .nav-link { padding:.5rem }

.reg-field { grid-template-columns: 150px auto }

.promo-wrapper table {
	text-align: center;
	margin: 10px 0;
    width:100%!important;
}
.promo-wrapper table tr th {
	background: linear-gradient(-155deg,#ff4200,#ffa86c 100%);
	border: 1px solid #fff;
	color: #fff;
	padding: 8px 2px;
}
.promo-wrapper table tr td {
	background: #f4f5f9;
	border: 1px solid #fff;
	padding: 8px 2px;
}

.floating-cs{position:fixed;right:20px;bottom:20px}
.floating-cs img{max-width:70px}

#modalpopupAnnouncementModal .modal-content, #modalSpModal .modal-content{background:0;border:0}

.sseo{position:absolute;z-index:-1;top:1px;left:1px}.sseo h1,.sseo h2,.sseo h3{font-size:1px;line-height:1px;margin:0;padding:0}

.downloadbox { width:auto; padding:8px 20px }
.download-game-btn { max-width:none; padding:0 16px; margin:5px; }

.bnk-info { font-size:12px }

.afinput input, .afinput select { width:100% }

.fbtn-inline { position:absolute; right:0; top:0; max-width:80px!important }

button.reg-submit-btn.password.btn-copy { max-width:80px; margin-left:8px }

.note{margin-top:5px;display:block;font-size:11px;color:#df0e0b;font-weight:bold}

.btn-allout { background-color: #ff4200; color: #fff; padding: 2px 5px; border-radius: 5px; margin-top: 3px; text-align: center; cursor:pointer}

.depo-mission { position:relative; margin-bottom:15px; display:none }
    .depo-mission .iimg { position:relative; z-index:2; display:inline-block }
    .depo-mission .ccon { position:absolute; bottom:10%; left:20px; }
        .depo-mission .ccon .ttitle { text-transform:uppercase; color:#462b7c; padding:0px 10px 8px 70px; font-weight:bold; font-size:22px; }
            .depo-mission .ccon .ttitle i { cursor:pointer; color:#817f80 }
        .depo-mission .ccon .aamo { background-color:#ffffff; border:2px solid #f58029; border-radius:20px; color:#f58029; position:relative; padding:0px 115px 0px 70px; line-height:38px; font-weight:bold; font-size:18px; text-align:center }
            .depo-mission .ccon .aamo span {  }
            .depo-mission .ccon .aamo .act { background:linear-gradient(to bottom,rgba(250,202,57,1) 0,rgba(237,68,1,1) 100%); text-transform:uppercase; color:#ffffff; border-radius:20px; position:absolute; right:-1px; top:0px; width:110px; text-align:center; pointer-events:none; filter:grayscale(1); cursor:pointer }
.depo-mission.aaa { display:block }
.depo-mission .ccon .aamo .act.ready { filter:grayscale(0); pointer-events:auto; }
.depo-mission .ccon .aamo .act.claimed { filter:grayscale(0); }

.dpwms-wrapper { margin-bottom:20px }
    .dpwms-wrapper .ttitle { text-transform:uppercase; color:#462b7c; padding:0px 0px 8px 0px; font-weight:bold; font-size:22px; }
        .dpwms-wrapper .ttitle i { cursor:pointer; color:#817f80 }
    .dpwms-wrapper .ccon { display:flex; gap:16px }

.dpwms { background-color:#ffffff; border-radius:8px; border:2px solid #f58029; display:flex; width:100%; padding:8px; gap:8px }
    .dpwms .iimg { width:50%; display:flex; justify-content:center; align-items:center }
    .dpwms .rws { width:50%; text-align:center }
        .dpwms .rws .tt { border-bottom:1px solid #cccccc; display:flex; flex-direction:column; color:#462b7c; font-weight:bold; padding-bottom:3px; margin-bottom:3px }
            .dpwms .rws .tt small { font-size:11px; font-weight:bold }
            .dpwms .rws .tt span { font-size:16px }
        .dpwms .rws .bb { color:#f58029; font-weight:bold; font-size:30px }
        .dpwms .rws .act { background:linear-gradient(to bottom,rgba(250,202,57,1) 0,rgba(237,68,1,1) 100%); text-transform:uppercase; color:#ffffff; border-radius:20px; cursor:pointer; font-weight:bold; padding:3px; text-align:center; filter:grayscale(1); pointer-events:none }
.dpwms.ready .rws .act { filter:grayscale(0); pointer-events:auto; }
.dpwms.claimed .rws .act { filter:grayscale(0); }

.infobox {  }
.infobox h1 { font-size:24px; color:#f58028 }
.infobox h2 { font-size:18px; color:#f58028 }
.infobox h3 { font-size:16px; }
.infobox a { color: #f58029; }
.infobox a:hover { color: #462b7c;}

.thankbox { width:100% }
.thank-topbox { text-align:center }
.thank-topbox img { padding:8px  }
.thank-topbox h1 { color:#f58028; text-transform:uppercase; font-size:62px; font-weight:bold; margin:0px }
.thank-topbox h2 { color:#462b7c; font-size:14px; margin:0 }

.thanks-promobox { display:flex; padding-top:20px; text-align:center; flex-wrap:wrap; justify-content:center }
    .thanks-promobox div { width:33.33%; padding:4px; }
    .thanks-promobox a { background-color:#ff4303; color:#ffffff; text-transform:uppercase; font-size:16px; font-weight:bold; display:inline-block; padding:5px 20px; border-radius:5px; margin-top:12px; }

.pann-wrapper { display:flex; border-radius:5px; overflow:hidden }
.pann-sidemenu { background-color:#f9f1de; 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 }
    .pann-sidemenu a.aaa { background:linear-gradient(-155deg,#ff4200,#ffa86c 100%) }
.pann-content { background-color:#ffffff; padding:16px; width:100%; }

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

.download-game-btn.s2 { background:linear-gradient(to bottom,rgba(250,202,57,1) 0,rgba(237,68,1,1) 100%) }
.download-gamebtn-wrapper { display:flex; flex-direction:column; padding:10px 0px 0px }

.wtinfo-wrap { display:flex; width:100%; }
.wtinfo { display:flex; align-items:center; width:50%; font-size:12px; font-weight:bold; border:1px solid #ffffff }
    .wtinfo div:first-child { background:#462b7c; color:#ffffff; }
    .wtinfo div { width:100%; padding:8px 12px; background:#f4f5f9 }

.rebate-wrapper {}
.bals-rebate-wrapper { position:relative; width:100%; border-radius:8px; padding:12px 18px; border:2px solid #dde1e4; background:linear-gradient(to bottom,#fbfbfb 0,#e6e6e6 100%); line-height:normal;  display:flex; justify-content:space-between; align-items:center; text-align:left; border-radius:8px; filter:drop-shadow(0 -3px 1px #dde1e4) }
    .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 button { min-width:120px }
    .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; color:#000000; font-weight:bold; background-color:#e6e6e6 }
    .rebate-table table th, .rebate-table table td { padding:8px; border:1px solid #dde1e4 }
    .rebate-table table td { font-size:12px }

.fc-top { margin-right:4px; cursor:pointer }
    .fc-top img { max-height:60px }
.fc-top-mob { position:absolute; top:0; right:40px; width:23%; justify-content:end; align-items:center; display:none; cursor:pointer }
    .fc-top-mob img { max-height:52px }

.sp-popup { display:flex; flex-direction:column; justify-content:center; align-items:center }
    .sp-popup .iimg {  }
    .sp-popup .bbtn { max-width:50% }
        .sp-popup .bbtn a { pointer-events:none; filter:grayscale(1) }
        .sp-popup .bbtn a.aaa { pointer-events:auto; filter:grayscale(0) }
    .sp-popup .nnote { font-size:12px; color:#ffffff; margin-top:5px; font-weight:bold; cursor:pointer }

.qmrow-1.s2 { flex-wrap:wrap }
    .qmrow-1.s2 .restore-center { width:25% }

.modal-s1 {  }
    .modal-s1 .modal-header {background: #f2e000;border-color: #f2e000;padding:12px;color:#000000;display:flex;justify-content:center;align-items:center;font-size:16px;gap:8px;font-weight:bold}
    .modal-s1 .modal-content {border: 2px solid #000000;color: #484848;background-color: #f0e9d6;}
    .modal-s1 .modal-body { background-size:cover; background-repeat:no-repeat; background-position:center }
    .modal-s1 .modal-footer { border:0; background-color:#000000 }
    .modal-s1 a {color: #000000;font-weight:bold}
    .modal-s2 {  }
    .modal-s2 .modal-content { background:transparent }
.download-wrapper {  }
.downloadbox { display:flex; gap:20px; justify-content:center }
.dlbox { max-width:160px; }
    .dlbox .iimg { padding:10px; background-color:#ffffff }
    .dlbox .iimg img, .dlbox .iimg canvas { width:100% }
    .dlbox .bbtn { padding-top:3px; text-align:center }

.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 }
            .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 }
.glinfo { }
    .glinfo .tt { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:16px }
    .glinfo .gt { display:flex; gap:8px; align-items:center; font-weight:bold; font-size:16px }
    .glinfo .gt svg { height:28px; }

.modal-header .close { color:#ffffff }

.daily-checkin-wrapper button.close-promo {background: none;border: none;font-size: 19px;padding: 13px;line-height: 1;font-weight: 700;position: absolute;right: 0;top: 0;color: #ffffffa3;}
.daily-checkin-button{max-height:50px;margin-right:10px;}
.transparent-modal {background: transparent;border: none;box-shadow: none;}
.modal-backdrop.show {background-color: rgba(0, 0, 0, 0.7);}
.daily-checkin-wrapper {position: relative;width: 100%;overflow: hidden;text-align: center;}
.checkin-bg {width: 100%;height: 100%;object-fit: contain;object-position: center;}
.checkin-grid {position: absolute;top: 55%;left: 50%;transform: translate(-50%, -50%);display: grid;grid-template-columns: repeat(3, 1fr);gap: 1rem;width: 90%;margin-top: 5%;}
.checkin-item {text-align: center;filter:brightness(0.5);position:relative;}

    .checkin-item.ready {
        cursor: pointer;
        pointer-events: auto;
        filter: brightness(1);
        animation: blinkShadow2 2s ease infinite;
    }

    .checkin-item.done {
        filter: brightness(1);
    }

    .checkin-item.done::before {
        content:''; position:absolute; width:80%; height:80%; background:url(../images/dailycheckin/day_checked.png) center center no-repeat; background-size:100% auto; top:10%; left:10%;z-index:1;
    }

    .checkin-item img {
        width: 80%;
        border-radius: 12px;
    }
.checkin-close {
    top: 12%!important;
    width: 10%;
    height: 10%;
}
.checkin-header {
    position: absolute;
    top: 13%; /* adjust to match frame design */
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    text-align: center;
    pointer-events: none;
}

.checkin-title {
    font-size: clamp(16px, 5vw, 26px);
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}
/* Overlay content */
.checkin-item-content {
    position: absolute;
    padding-bottom:10%;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

/* DAY text */
.day-label {
    font-size: 12px;
    font-weight: 800;
    color: #fff;
}

/* Number */
.day-number {
    font-size: clamp(20px, 5vw, 40px);
    font-weight: 700;
    color: #fff;
    line-height: 1;
}
.daychecked{
    position:absolute;left:21%;
}

@keyframes blinkShadow2 {
    50% {
        filter: brightness(1.2) drop-shadow(0 0 8px #14AD10);
        transform: scale(1.03)
    }
}

/* Last item centered at bottom */
.bottom-center {
    grid-column: 2 / span 1;
}

.font10 { font-size:10px }

@media only screen and (max-width: 1280px) {
    .glbox .games .gl { width:calc(16.66% - 16px); margin:8px; cursor:pointer; position:relative }
}

@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; font-size:14px; padding:8px 16px }
    .pann-content { padding:10px; }

    .fc-top-mob { display:flex }
}

@media (max-width: 991px) {
    .download-gamebtn-wrapper { flex-direction:row }
}

@media (max-width: 720px) {
    .glbox .games .gl { width:calc(25% - 12px); margin:6px }
    .fc-top-mob img { max-height:42px }
    .sp-popup .nnote { font-size:10px }
}

@media (max-width: 680px) {
  .dpwms-wrapper .ccon { flex-wrap:wrap; justify-content:center; align-items:center; gap:8px }
  .dpwms { width:calc(50% - 8px) }
  .dpwms .rws .tt small { font-size:1.6vw }
  .dpwms .rws .tt span { font-size:3.2vw }
  .dpwms .rws .bb { font-size:5vw }
  .dpwms .rws .tt { padding-bottom:.4vw; margin-bottom:.4vw }
  .dpwms .rws .act { font-size:3vw }
  .dpwms .iimg { width:42%; }
  .dpwms .rws { width:58% }

  .day-label{font-size:2vw;}
  .day-number{font-size:6.6vw;}
}

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

    .reg-field { grid-template-columns: 100px auto }

    .depo-mission .iimg { width:70px; }
    .depo-mission .ccon .ttitle { padding-left:50px; font-size:18px; }
    .depo-mission .ccon .aamo { padding-left:50px; padding-right:105px; font-size:16px; }
    .depo-mission .ccon .aamo .act { width:100px; }

    .thanks-promobox div { width:100%; margin:8px 0px  }

    .wtinfo-wrap { flex-direction:column }
    .wtinfo { width:100% }

    .fc-top-mob { right:30px; }

    .day-number{font-size:8.5vw;}
}