.vip-area{padding:20px 0}
.vip-area .tt{text-align:center;padding:30px 0 20px}
.game_tab{border:1px solid #00554e;padding:5px 15px;margin:0 5px;border:1px solid #00554e;border-radius:16px;background-color:#fff;display:flex;align-items:center;cursor:pointer;color:#00554e}
.game_tab img{max-height:34px}
.game_tab span{text-transform:uppercase;font-weight:bold;width:100%;text-align:center}
.slick-current .game_tab,.game_tab:hover{background:linear-gradient(#04655b,#00554e);color:#fff;border-color:transparent}
.vip-area .tnc{padding:20px}
.vip-area .tnc h5{font-weight:bold;text-transform:uppercase}
.vip-area .tnc ul{margin:0}
.vip-area .tnc ol li::marker {font-weight: bold;}
.vip-area .tnc ol li {margin-bottom: 1em;text-align: justify;}

.vip-dbox{width:440px;background-color:#eee;box-shadow:0 0 15px #aaa;border-radius:10px 10px 0 0;padding:15px;margin:100px 0 30px}
.vip-dbox .dtop{text-align:center;padding-bottom:15px}
.vip-dbox .dtop .iicon{margin-top:-100px;display:inline-block}
.vip-dbox .dtop .title{font-size:22px;text-transform:uppercase;font-weight:bold}
.vip-dbox .dcon{background-color:#fff}
.vip-dbox .dcon table{width:100%;border-collapse:collapse;line-height:normal}
.vip-dbox .dcon td{border:1px solid #cacaca;color:#7b7b7b;font-weight:bold;font-size:16px;padding:10px;text-align:center}
.vip-dbox .dcon td.t2{font-size:20px;color:#00554e;text-transform:uppercase}
.vip-dbox .dcon small{font-size:12px;display:block;font-weight:normal}
.slick-current .vip-dbox{background:linear-gradient(180deg, #04655b 0%, #00554e 100%);box-shadow:0 0 15px #fff}
.slick-current .vip-dbox .dtop .title{color:#fff}
.slick-current .vip-dbox .dtop .iicon{filter:drop-shadow(0 0 12px #fff)}
.slider-nav02 .slick-track{transform:none !important; white-space:nowrap;overflow-x:auto;width:100%!important}
.slider-nav02 .slick-slide{width:150px !important;float:none;display:inline-block}
.slider-single02{padding:20px 0}
.slider-single02 .slick-track{transform:none !important;width:100% !important}
.slider-single02 .slick-list{overflow:visible !important}
.slider-single02 .slick-slide{transition:all 180ms;opacity:0;height:auto;position:absolute;top:0}
.slider-single02 .slick-slide.slick-current{position:relative;z-index:3;opacity:1;top:0;left:50%;transform:translateX(-50%)}
.slider-single02 .slick-slide.sp,.slider-single02 .slick-slide.sn{transform:scale(0.78);position:absolute;z-index:2;top:35px;opacity:1}
.slider-single02 .slick-slide.sp2,.slider-single02 .slick-slide.sn2{transform:scale(0.6);position:absolute;z-index:1;top:60px;opacity:1}
.slider-single02 .slick-slide.sp{left:0}
.slider-single02 .slick-slide.sp2{left:-22%}
.slider-single02 .slick-slide.sn{right:0}
.slider-single02 .slick-slide.sn2{right:-22%}

.refinfobox {}
.refinfobox img { width: 100% }
.refinfobox .info { display: flex; gap: 12px; justify-content: center; align-items: center; margin: 20px }

.epromobox {  }
.epromobox .ccon { display:flex; flex-wrap:wrap; position:absolute; bottom:10%; /*left:2%; width:90%*/ margin:0 10% }

#modalPoGame .modal-content { border:0px; background-color:transparent }

.modal-eve .modal-dialog {--bs-modal-width:656px}
    .modal-eve .modal-content { border:0px; background-color:transparent }
.epbox { position:relative; width:20%; margin-top:6px }
    .epbox .bbg {  }
        .epbox .bbg img { max-width:100% }
    .epbox .desc { position:absolute; display:flex; flex-direction:column; top:26%; width:100%; text-align:center; line-height:normal }
        .epbox .desc small { color:#a16e2d; font-size:12px; font-weight:bold; }
        .epbox .desc span { color:#982204; font-size:22px; font-weight:bold; line-height:26px }
    .epbox .act { position:absolute; bottom:0; display:flex; justify-content:center; align-items:center; color:#ffffff; font-weight:bold; font-size:16px; width:88%; height:18%; }
.epbox.miss { filter:grayscale(1) }
.epbox.ready { cursor: pointer; animation: blinkShadow 2s ease infinite; filter: drop-shadow(0 0 0 transparent) brightness(1) }
.epbox.done {  }
    .epbox.done::before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-image:url(../img/e/lucky8882025/checked.png); background-size:100% 100%; background-repeat:no-repeat; z-index:1 }



.profile-wrap { display:flex; gap:6px; display:flex; align-items:center; flex-wrap:wrap }
.profilebox { border-radius:8px; border:1px solid #00554e; display:flex; flex-direction:column; justify-content:center; align-items:center; width:calc(33.33% - 4px); padding:8px; gap:8px;background-color:#00554e;  }
    .profilebox .ttitle { color:#fff; font-weight:bold }
    .profilebox .iimg {  }
    .profilebox .iimg img{width:230px;  }
    .profilebox .acts { display:flex; gap:4px; width:100%; }
        .profilebox .acts a { font-size:0.9rem; border-radius:6px; padding:8px 1px; line-height:normal;background-color:black;text-align:center;width:100%; }
        .profilebox .acts .chatwithme{background-color:#F0E9D5;color:black!important;}

        /* If there are exactly two links, make them each 50% */
        .profilebox .acts:has(a:nth-of-type(2):last-child) a {
            width: calc(50% - 2px);
        }

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

.wdms-wrapper { display:none; margin-bottom:16px; }
.wdms-wrapper.aaa { display:block }
    .wdms-wrapper .ttop { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:8px }
        .wdms-wrapper .ttop .iimg { width:100%; text-align:center }
            .wdms-wrapper .ttop .iimg img { max-width:100% }
        .wdms-wrapper .ttop .desc { width:100%; font-size:12px; line-height:normal; text-align:center; }
    .wdms-wrapper .ccon { display:flex; justify-content:center; align-items:center; gap:8px; margin-top:8px; flex-wrap:wrap }
    
.wdmsbox { position:relative; filter:grayscale(1); width:calc(25% - 6px); pointer-events:none }
    .wdmsbox .bbg {  }
        .wdmsbox .bbg img { max-width:100%; filter:hue-rotate(315deg) }
    .wdmsbox .wdms { position:absolute; width:92%; height:80%; left:4%; top:10%; display:flex; justify-content:space-around }
        .wdmsbox .wdms .mms { display:flex; flex-direction:column; justify-content:center; align-items:center; color:#ffffff; width:50% }
            .wdmsbox .wdms .mms small { font-size:8px }
            .wdmsbox .wdms .mms span { font-size:18px; font-weight:bold; line-height:18px }
            .wdmsbox .wdms .mms .btn-s2 { margin-top:3px; font-size:12px; line-height:normal; font-weight:bold; text-align:center; background-image:linear-gradient(-77deg,#f7d6be,#edc460); color:#8b5b10; text-transform:uppercase; border-radius:30px; padding:0px 5px; width:100% }
            .wdmsbox .wdms .mms.s2 {  }
                .wdmsbox .wdms .mms.s2 span { color:#ffd300 }
    .wdmsbox .wdms .line { width:2px; height:100%; background-color:#ffd300; margin:0px 5px }
.wdmsbox.ready,.wdmsbox.done { filter:grayscale(0); }
.wdmsbox.ready { cursor:pointer; pointer-events:auto }

@media only screen and (max-width: 1024px) {
    .wdmsbox .wdms .mms small { font-size:.6vw }
    .wdmsbox .wdms .mms span { font-size:1.4vw; line-height:1.4vw }
    .wdmsbox .wdms .mms .btn-s2 { font-size:1.2vw; margin-top:.2vw }
}

@media only screen and (max-width: 992px) {
    .game_tab{margin:0 3px}
    .game_tab img{max-height:28px}
    .slider-single02 .slick-slide.sp{left:-5%}
    .slider-single02 .slick-slide.sn{right:-5%}

    .profilebox .acts a { font-size:0.6rem }

}

@media only screen and (max-width: 767px) {
    .refinfobox .info { margin: 4vw 0; flex-wrap: wrap }
    .epbox .desc small { font-size:2vw }
    .epbox .desc span { font-size:3.6vw; line-height:3.6vw }
    .epbox .act { font-size:2.4vw }

    .wdmsbox .wdms .mms small { font-size:.8vw }
    .wdmsbox .wdms .mms span { font-size:2vw; line-height:2vw }
    .wdmsbox .wdms .mms .btn-s2 { font-size:1.4vw; margin-top:.2vw }

}

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

    .wdmsbox .wdms .mms small { font-size:1.6vw }
    .wdmsbox .wdms .mms span { font-size:4vw; line-height:4vw }
    .wdmsbox .wdms .mms .btn-s2 { font-size:2.4vw; margin-top:.8vw }

    .wdmsbox { width:calc(50% - 4px) }
    .wdms-wrapper .ttop { flex-direction:column } 
    .wdms-wrapper .ttop .iimg, .wdms-wrapper .ttop .desc { width:100% }
    .wdmsbox .wdms .mms small { font-size:1.6vw }
    .wdmsbox .wdms .mms span { font-size:3.8vw; line-height:3.8vw }
    .wdmsbox .wdms .mms .btn-s2 { font-size:2.4vw; margin-top:.5vw }

}

@media only screen and (max-width:479px){
    .vip-dbox{width:320px;margin:70px 0 20px}
    .vip-dbox .dtop .iicon{margin-top:-70px}
    .vip-dbox .dtop .title{font-size:18px}
    .vip-dbox .dcon td{font-size:14px;padding:6px}
    .vip-dbox .dcon small{font-size:10px}
    .vip-dbox .dcon td.t2{font-size:18px}
    .vip-dbox .dtop .iicon img{max-width:100px}
    .slider-single02 .slick-slide.sp,.slider-single02 .slick-slide.sn{top:45px}
    .slider-single02 .slick-slide.sp2,.slider-single02 .slick-slide.sn2{top:45px}
    .slider-single02 .slick-slide.sp{left:-15%}
    .slider-single02 .slick-slide.sp2{left:-32%}
    .slider-single02 .slick-slide.sn{right:-15%}
    .slider-single02 .slick-slide.sn2{right:-32%}

    .profilebox .acts a { font-size:1.4vw }

}