*{font-family:"Noto Sans","Segoe UI","Lucida Sans Unicode","Lucida Grande","Tahoma","Arial",sans-serif}html,body{height:100%;min-height:100%;background-color:#000;min-width:1280px}button{border:none 0;outline:none 0;cursor:pointer;background-color:transparent}.e-skip,[class*='popup-ranking'] .search-area .selectbox ul li:first-child{position:absolute;left:-9999px;width:1px;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden}.e-btn{display:block}.e-hidden{background-color:#fff;opacity:0;filter:alpha(opacity=1)}.e-blind,.e-nav .bi a,.e-header .e-main .scrolling{font-size:0;text-indent:-9999em}.e-contents [class*='e-event'] .e-title span,.e-contents [class*='e-event'] .e-title em,.e-event4 .mission2 .purchase .coin,.e-event4 .mission2 .purchase .coin strong,.e-event4 .mission3 [class*='transfer']>h4,.e-event6 .sales1 .pkg li .coin,.e-event6 .sales3 .pkg li .coin,.e-event6 .sales4 .pkg li .coin{font-family:"Noto Sans Bold","Segoe UI","Lucida Sans Unicode","Lucida Grande","Tahoma","Arial",sans-serif}.e-contents [class*='e-event'] .e-title span:before,.e-contents [class*='e-event'] .e-title span:after,[class*='popup-notice'] h4:before,[class*='popup-notice'] h4:after{content:'';display:inline-block;vertical-align:middle;width:24px;height:34px;margin:-5px 10px 0;background:url("images/ico_title.png") 0 0 no-repeat}.e-event1 .update1 .notice:before,.e-event2 .benefit1 .reward ul li:before,.e-event2 .benefit2 .how-to ol li:before,.e-event4 .mission2 .how-to ol li:before,.e-event4 .mission2 .reward li .notice:before,.e-event4 .mission3 [class*='transfer'] .how-to ol li:before,.e-event6 .sales4 .pkg li .notice:before{content:'';width:1px;height:100%;display:inline-block;vertical-align:middle}.e-header,.e-contents [class*='e-event'],.e-event3 .ranking2 .before,.e-event3 .ranking2 .end,.e-event5 .ranking2 .before,.e-event5 .ranking2 .end,.e-footer{padding-left:0px}.selectbox{position:relative;width:240px;height:58px;border:1px solid #4e443b}.selectbox.show ul{display:block}.selectbox.show .lbl{background-image:url("images/ico_arrow_down.png")}.selectbox .lbl{position:relative;z-index:2;display:block;height:100%;text-indent:18px;font-size:20px;line-height:58px;cursor:pointer;color:#d9cfc2;background:#000 url("images/ico_arrow.png") 93% 50% no-repeat}.selectbox ul{display:none;width:100%;position:absolute;z-index:3;top:58px;left:-1px;border:1px solid #4e443b;border-top:none 0}.selectbox ul li{position:relative}.selectbox ul li label{display:block;width:auto;height:60px;line-height:60px;cursor:pointer;border-top:1px solid #0d141a}.selectbox ul li label:hover span{cursor:pointer;background-color:#382b22}.selectbox ul li label input{width:1px;height:1px;line-height:0;overflow:hidden;position:absolute;left:-9999px;font-size:0}.selectbox ul li label input:checked+span{cursor:pointer;background-color:#382b22}.selectbox ul li label span{display:block;height:60px;line-height:60px;text-indent:18px;background-color:#060302;color:#897266;font-size:20px}.e-container{position:relative;max-width:100%;margin:0 auto;overflow:hidden;opacity:0;-webkit-transition:opacity .5s ease-out;transition:opacity .5s ease-out}.e-nav{width:240px;height:100%;min-height:810px;position:fixed;top:0;left:0;z-index:5;background:rgba(0,0,0,0.7);opacity:0;-webkit-transition:transform .8s ease,opacity 1s ease-out;transition:transform .8s ease,opacity 1s ease-out;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.e-nav .bi{height:175px;opacity:0;-webkit-transition:transform .8s ease,opacity 1s ease-out;transition:transform .8s ease,opacity 1s ease-out;-webkit-transform:translateY(-50px);transform:translateY(-50px)}.e-nav .bi a{display:block;width:100%;height:100%;background:url("images/bg_bi.png") 40px 28px no-repeat}.e-nav .navigation{width:100%;height:100px;margin:40px 0;background:url("images/bg_nav.png") 3px 25px no-repeat}.e-nav .navigation a{display:block;height:63px;padding:0 25px 0 45px;color:#86736e;text-transform:capitalize;letter-spacing:-1px;text-shadow:0 2px 5px rgba(0,0,0,0.8);transition:color .5s ease;opacity:0;-webkit-transition:transform .4s ease,opacity 1s ease-out;transition:transform .4s ease,opacity 1s ease-out;-webkit-transform:translateY(-50px);transform:translateY(-50px)}.e-nav .navigation a:first-child{padding-top:24px}.e-nav .navigation a:hover,.e-nav .navigation a.current{color:#fff}
/* --- CHỈ ÁP DỤNG CHO MÁY TÍNH (PC) --- */
    @media (min-width: 1024px) {
        
        /* 1. CỐ ĐỊNH MENU BÊN TRÁI */
        .e-nav {
            position: fixed !important;    /* Ghim cố định */
            top: 0;
            left: 0;
            width: 300px;                  /* Chiều rộng menu (Bạn có thể chỉnh số này) */
            height: 100vh;                 /* Cao full màn hình */
            background: rgba(0, 0, 0, 0.9); /* Màu nền menu (để không bị trong suốt đè lên nội dung) */
            z-index: 9999;                 /* Luôn nổi lên trên cùng */
            overflow-y: auto;              /* Cho phép cuộn nếu menu quá dài */
            padding: 37px;
            box-sizing: border-box;
            border-right: 1px solid #333;  /* Viền phải nhẹ ngăn cách */
  
            flex-direction: column;        /* Xếp dọc các phần tử bên trong */
            align-items: center;           /* Căn giữa các nút */
        }

        /* 2. ĐẨY NỘI DUNG VÀ VIDEO SANG PHẢI */
        /* Chọn header (video), content (nội dung), footer */
        .e-header, .e-contents, .e-footer {
            margin-left: 300px !important; /* Đẩy sang phải đúng bằng chiều rộng menu */
            width: calc(100% - 300px) !important; /* Chiều rộng còn lại */
            position: relative;
        }

        
        /* Ẩn bớt các hiệu ứng nền cũ nếu nó làm rối mắt */
        .e-header .smog0, .e-header .smog1, .e-header .smog2 {
             /* Tùy chỉnh nếu bạn muốn ẩn khói che video */
             /* display: none; */ 
        }
    }

.btn-home, .btn-tai {
display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 80px;
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    text-shadow: 0px 2px 5px rgb(0 6 73);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin: 10px 10px -28px 18px;
    transition: transform 0.2s;
}

/* Ảnh nền cho nút Tải Game */
.btn-home {
    /* Thay đường dẫn ảnh của bạn vào đây */
    background-image: url('images/buton1.png'); 
}

/* Ảnh nền cho nút Facebook */
.btn-tai {
    /* Thay đường dẫn ảnh của bạn vào đây */
    background-image: url('images/buton1.png'); 
}

/* Hiệu ứng khi di chuột vào ảnh */
.btn-home:hover, .btn-tai:hover {
    transform: scale(1.1); /* Phóng to ảnh lên 1 chút */
    filter: brightness(1.2); /* Làm ảnh sáng lên */
}


.e-header{position:relative;height:900px;overflow:hidden;opacity:0;-webkit-transition:transform .5s ease,opacity .8s ease;transition:transform .5s ease,opacity .8s ease;-webkit-transform:scale(1.1);transform:scale(1.1)}.e-header .e-main{display:block;position:relative;height:100%}.e-header .e-main .period{position:relative;z-index:2;display:block;padding:780px 0 0;font-size:22px;color:#9a6660;text-align:center}.e-header .e-main .scrolling{opacity:0;display:block;width:106px;height:106px;position:absolute;top:700px;left: 49.8%;margin-left:-53px;z-index:2;background:url("images/ico_scroll.png") 0 0 no-repeat;-webkit-animation:floating 1.8s .8s ease-in-out infinite;animation:floating 1.8s .8s ease-in-out infinite}.e-header .e-main [class*='smog']{display:block;width:100%;height:600px;position:absolute;bottom:0;left:0;z-index:1;background:url("images/sp_smog.png") 50% 0/cover no-repeat;transform-origin:50% 100%}.e-header .e-main [class*='smog'].smog0{-webkit-animation:spreadSmog 4s infinite linear;animation:spreadSmog 4s infinite linear;height:800px}.e-header .e-main [class*='smog'].smog1{-webkit-animation:spreadSmog 5s infinite linear;animation:spreadSmog 5s infinite linear}.e-header .e-main [class*='smog'].smog2{-webkit-animation:spreadSmog 9s infinite linear;animation:spreadSmog 9s infinite linear}.e-header .e-main canvas{display:block;position:absolute;top:0;pointer-events:none}.e-header .e-main #canvas1{left:50%}.e-header .e-main #canvas2{right:50%}.e-header .e-main #canvas{display:block;position:absolute;top:0;left:50%;margin-left:-960px;pointer-events:none}.e-contents [class*='e-event']{position:relative;background-position:50% 0;background-repeat:no-repeat}.e-contents [class*='e-event']>section{position:relative;width:1001px;margin:0 auto;z-index:1}.e-contents [class*='e-event']>section .asset{display:block;position:absolute;z-index:-1;background-position:50% 0;background-repeat:no-repeat;opacity:0;-webkit-transition:transform .8s ease,opacity 1s .2s ease;transition:transform .8s ease,opacity 1s .2s ease}.e-contents [class*='e-event']>section .asset.left{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.e-contents [class*='e-event']>section .asset.right{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition-delay:.2s;transition-delay:.2s}.e-contents [class*='e-event']>section.current .asset.left,.e-contents [class*='e-event']>section.current .asset.right{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.e-contents [class*='e-event'] .e-title{text-align:center;padding:33px 0 0}.e-contents [class*='e-event'] .e-title span{display:block;font-size:24px;padding-bottom:15px;letter-spacing:2px;color:#ff3c1d;text-transform:uppercase}.e-contents [class*='e-event'] .e-title span:after{background-position-x:-24px}.e-contents [class*='e-event'] .e-title em{font-size:65px;line-height:75px;text-transform:uppercase;font-style:italic;color:#f19336}.e-contents [class*='e-event'] .e-description{text-align:center;font-size:22px;padding:15px 0 0;line-height:34px}.e-contents [class*='e-event'] .e-attention{width:100%;padding:100px 0 0}.e-contents [class*='e-event'] .e-attention h4{font-size: 20px; color: #f00; padding: 0 0 10px 20px; text-shadow: 1px 1px 0px #000000;}.e-contents [class*='e-event'] .e-attention h4:before{content:'';display:inline-block;vertical-align:middle;margin:-2px 8px 0 0;width:20px;height:20px;background:url("images/ico_atten.png") 0 0 no-repeat}.e-contents [class*='e-event'] .e-attention li{font-size:15px;line-height:28px;padding-left:17px;text-indent:-15px;margin-left:15px;font-weight:500;color:#fff}.e-contents [class*='e-event'] .e-attention li:before{content:'';display:inline-block;vertical-align:middle;margin:-2px 10px 0 0;width:3px;height:3px;border-radius:50%;background:#73726e}.e-contents [class*='e-event'] .e-attention li em{color:#ff3a00;margin-left:-13px}.e-contents [class*='e-event'] .e-attention li em:before{content:'';display:inline-block;vertical-align:middle;margin:-1px 10px 0 0;width:3px;height:3px;border-radius:50%;background:#ff3a00}.e-contents [class*='e-event'] .e-attention li strong{color:#ff3a00;font-weight:normal}.e-contents [class*='e-event'] .period{margin:20px 0 0;padding:20px 0;text-align:center;font-size:18px;font-weight:600;color:#d20000}.e-contents [class*='e-event'] .period em{color:#090808}.e-contents [class*='popup-']{display:none;position:absolute;top:auto;left:50%;z-index:10;text-align:center;background:#3c2c1f;border:6px solid #5b4532}.e-contents [class*='popup-'] h4{color:#fff;font-weight:600}.e-contents [class*='popup-'] .btn-close{display:block;width:63px;height:63px;position:absolute;top:0;right:0;font-size:0;text-indent:-9999em;background:url("images/btn_close.png") 50% 50% no-repeat;transition:transform .4s ease .1s}.e-contents [class*='popup-'] .btn-close:hover{transform:rotate(360deg)}.e-contents .e-shadow{display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:9;background:rgba(0,0,0,0.8)}.e-event1{min-height:3140px;background-image:url("images/bg_evt1.jpg")}.e-event1 .update1{min-height:1140px;background:url("images/bg_evt1_update1.png") 50% 0 no-repeat;opacity:0;-webkit-transition:transform .8s ease,opacity 1s .2s ease;transition:transform .8s ease,opacity 1s .2s ease;-webkit-transform:translateX(10%);transform:translateX(10%)}.e-event1 .update1.current{opacity:1;-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}.e-event1 .update1 .info li{position:absolute;font-size:20px;}
.e-event1 .update1 .info li:nth-child(1){top:440px;left:220px}
.e-event1 .update1 .info li:nth-child(2){top:540px;left:110px}
.e-event1 .update1 .info li:nth-child(3){top: 405px; left: 625px;}
.e-event1 .update1 .info li:nth-child(4){top:605px;left:680px}
.e-event1 .update1 .info li:nth-child(5){top:900px;left:653px}
.e-event1 .update1 .info li:nth-child(6){top:680px;left:0px}
.e-event1 .update1 .info li:nth-child(7){top: 845px; left: 3px;}
.e-event1 .update1 .info li span{font-weight:700}.
e-event1 .update1 .info li span:before{content:'';display:inline-block;vertical-align:middle;width:10px;height:10px;margin:-3px 4px 0 0;border-radius:50%;background:#ca3d17}.e-event1 .update1 .notice{width:217px;height:95px;font-size:0;line-height:0;position:absolute;top:375px;right:89px}.e-event1 .update1 .notice em{max-width:215px;display:inline-block;vertical-align:middle;text-align:center;font-size:13px;line-height:18px;padding:0 40px;box-sizing:border-box;word-break:break-word;color:#ffde93}.e-event1 .update1 .slayer{width:100%;font-size:22px;color:#fff;position:absolute;left:0;text-align:center}.e-event1 .update1 .slayer em{color:#e20000}.e-event1 .update2{min-height:1040px}.e-event1 .update2 .e-title span{color:#99772f}.e-event1 .update2 .e-title span:before,.e-event1 .update2 .e-title span:after{background-position-y:-34px}.e-event1 .update2 .e-title em{color:#ffd67e}.e-event1 .update2 .e-description{color:#bfaf92}.e-event1 .update2 .e-description em{color:#ca3d17;display:block}.e-event1 .update3{min-height:1200px}.e-event1 .update3 .e-description{color:#62ff00;margin-top:-10px}.e-event1 .update3 .reward{width:382px;height:89px;line-height:89px;text-align:center;color:#fad78b;font-size:21px;position:absolute;top:475px;left:50%;margin-left:-191px}.e-event1 .update3 .e-attention{position:absolute;top:850px;left:0}.e-event2{min-height:6439px;background-image:url("images/bg_evt2.jpg")}.e-event2 .benefit1{min-height:1677px}.e-event2 .benefit1 .info{text-align:center;height:131px;line-height:30px;font-size:18px;color:#51392c;margin:60px 0 0;padding:30px 0 0}.e-event2 .benefit1 .info .coupon{display:block;padding:10px 0 0;font-size:20px;color:#b10000;font-weight:bold}.e-event2 .benefit1 .info .coupon span{color:#51392c}.e-event2 .benefit1 .reward{text-align:center;padding:0 0 45px}.e-event2 .benefit1 .reward h4{font-size:32px;color:#000;padding:90px 0 13px}.e-event2 .benefit1 .reward ul{overflow:hidden;padding:0 0 50px}.e-event2 .benefit1 .reward ul li{float:left;margin:32px 0 0 11px;width:220px;height:220px;font-size:0;line-height:0}.e-event2 .benefit1 .reward ul li:nth-child(1){margin-left:157px}.e-event2 .benefit1 .reward ul li:nth-child(3){margin-left:16px}.e-event2 .benefit1 .reward ul li:nth-child(4){margin-left:42px}.e-event2 .benefit1 .reward ul li:nth-child(6){margin-left:16px}.e-event2 .benefit1 .reward ul li:nth-child(7){margin-left:15px}.e-event2 .benefit1 .reward ul li:before{height:62px}.e-event2 .benefit1 .reward ul li span{max-width:190px;display:inline-block;vertical-align:middle;word-break:break-word;line-height:18px;font-size:15px;color:#fceeb7}.e-event2 .benefit1 .btn-redeem{display:block;margin:0 auto;width:386px;height:93px;text-align:center;font-size:26px;line-height:93px;color:#fff}.e-event2 .benefit1 .left{width:915px;height:100%;top:0;left:-575px;background-image:url("images/bg_evt2_benefit1_left.png")}.e-event2 .benefit2{min-height:1796px}.e-event2 .benefit2 .e-title span{color:#99772f}.e-event2 .benefit2 .e-title span:before,.e-event2 .benefit2 .e-title span:after{background-position-y:-34px}.e-event2 .benefit2 .e-title em{color:#ffd67e}.e-event2 .benefit2 .how-to{padding:56px 0 57px}.e-event2 .benefit2 .how-to h4{font-size:20px;color:#dccaa5;font-weight:normal;text-align:center;line-height:50px}.e-event2 .benefit2 .how-to ol{width:516px;margin:0 auto;text-align:center;font-size:0;line-height:0;padding:50px 0 0}.e-event2 .benefit2 .how-to ol li{display:inline-block;vertical-align:middle;width:228px;height:228px;margin:0 15px}.e-event2 .benefit2 .how-to ol li span{max-width:140px;display:inline-block;vertical-align:middle;word-break:break-word;font-size:13px;line-height:18px;color:#f3d2c0}.e-event2 .benefit2 .reward{overflow:hidden;margin:0 -20px}.e-event2 .benefit2 .reward li{float:left;width:500px;height:285px;margin:0 10px 13px}.e-event2 .benefit2 .reward li span{display:block;font-size:19px;color:#ffba00;font-weight:bold;padding:0 30px;line-height:67px}.e-event2 .benefit2 .reward li p{padding:22px 20px 0 175px;font-size:13px;color:#a48e7c;line-height:20px}.e-event2 .benefit3{min-height:878px}.e-event2 .benefit3 .reward{width:313px;height:70px;text-align:center;line-height:70px;font-size:17px;color:#e3de89;position:absolute;top:406px;left:0}.e-event2 .benefit3 .how-to{padding:75px 0 0 356px}.e-event2 .benefit3 .how-to h4{width:358px;height:42px;line-height:40px;text-align:center;font-size:20px;font-weight:600;color:#302818}.e-event2 .benefit3 .how-to ol{padding:25px 0 5px}.e-event2 .benefit3 .how-to ol li{font-size:17px;line-height:34px;color:#806a5f}.e-event2 .benefit3 .how-to ol li span{color:#44352e}.e-event2 .benefit3 .how-to .emphasis{font-size:14px;color:#806a5f}.e-event2 .benefit4{min-height:1020px}.e-event2 .benefit4 .e-title span{color:#99772f}.e-event2 .benefit4 .e-title span:before,.e-event2 .benefit4 .e-title span:after{background-position-y:-34px}.e-event2 .benefit4 .e-title em{color:#ffd67e}.e-event2 .benefit4 .e-description{color:#bfaf92}.e-event2 .benefit4 .e-description em{color:#ca3d17}.e-event2 .benefit4 .before,.e-event2 .benefit4 .after{width:450px;position:absolute;top:451px;line-height:65px;text-align:center;font-size:20px}.e-event2 .benefit4 .before{left:40px;color:#d9d9d9}.e-event2 .benefit4 .before em{display:block;padding:40px 0 0 4px;font-size:12px;line-height:19px;color:#efacd2}.e-event2 .benefit4 .after{left:510px;color:#f7c575}.e-event2 .benefit5{min-height:1068px}.e-event2 .benefit5 .period{margin-top:18px}.e-event2 .benefit5 .how-to{padding:320px 0 65px;text-align:center}.e-event2 .benefit5 .how-to li{display:inline-block;vertical-align:middle;width:310px;margin-left:40px;font-size:17px;color:#000;font-weight:500}.e-event2 .benefit5 .how-to li:nth-child(2){margin-left:20px}.e-event3{overflow:hidden;min-height:2442px;background-image:url("images/bg_evt3.jpg")}.e-event3 .ranking1{min-height:1215px}.e-event3 .ranking1 .e-description{font-size:20px;color:#5f0000}.e-event3 .ranking1 .e-description strong{display:block;margin:-10px 0 14px}.e-event3 .ranking1 .period{margin-top:17px;line-height:30px}.e-event3 .ranking1 .reward{text-align:center;padding:60px 0 0}.e-event3 .ranking1 .reward h4{font-size:32px;color:#000}.e-event3 .ranking1 .reward ol{margin:0 -14px;padding:40px 0 0;overflow:hidden}.e-event3 .ranking1 .reward ol li{float:left;width:330px;height:360px;margin:0 6px}.e-event3 .ranking1 .reward ol li span{display:block;font-size:20px;line-height:22px;width:144px;padding:20px 0;margin:0 auto}.e-event3 .ranking1 .reward ol li p{padding:195px 0 0;font-size:15px;color:#51392c;font-weight:600}.e-event3 .ranking1 .reward ol li:nth-child(1) span{color:#ffde5c}.e-event3 .ranking1 .reward ol li:nth-child(2) span{color:#eaeaea}.e-event3 .ranking1 .reward ol li:nth-child(3) span{color:#f0a989;padding-left:10px}.e-event3 .ranking1 .left{width:766px;height:1060px;top:0;left:-480px;background-image:url("images/bg_evt3_left.png")}.e-event3 .ranking1 .right{width:368px;height:1215px;top:0;right:-335px;background-image:url("images/bg_evt3_right.png")}.e-event3 .ranking2{min-height:1227px}.e-event3 .ranking2 .e-title span{color:#ffecc6}.e-event3 .ranking2 .e-title span:before,.e-event3 .ranking2 .e-title span:after{width:33px;height:36px;background-position-y:-102px}.e-event3 .ranking2 .e-title span:after{background-position-x:-33px}.e-event3 .ranking2 .before,.e-event3 .ranking2 .end{position:absolute;top:0;left:50%;margin-left:-1080px;z-index:2;width:1680px;height:100%;background:url("images/bg_dimmed.png") 0 0 no-repeat;text-align:center}.e-event3 .ranking2 .before span,.e-event3 .ranking2 .end span{display:block;font-size:25px;color:#fff;width:1001px;margin:580px auto 0}.e-event3 .ranking2 .top-ranker{position:relative;width:960px;margin:35px auto 0}.e-event3 .ranking2 .top-ranker span{display:block;float:left;line-height:50px;text-align:center;font-size:16px;color:#fff}.e-event3 .ranking2 .top-ranker span.rank{width:112px}.e-event3 .ranking2 .top-ranker span.char{width:355px}.e-event3 .ranking2 .top-ranker span.lvl{width:250px}.e-event3 .ranking2 .top-ranker span.exp{width:243px}.e-event3 .ranking2 .top-ranker .head{width:100%;position:absolute;top:291px;left:0;overflow:hidden}.e-event3 .ranking2 .top-ranker .head span{line-height:56px}.e-event3 .ranking2 .top-ranker .ranker{min-height:357px;padding:347px 0 0}.e-event3 .ranking2 .top-ranker .ranker li{overflow:hidden}.e-event3 .ranking2 .top-ranker .ranker li:nth-child(1),.e-event3 .ranking2 .top-ranker .ranker li:nth-child(2),.e-event3 .ranking2 .top-ranker .ranker li:nth-child(3){position:absolute;top:0;width:240px;height:231px}.e-event3 .ranking2 .top-ranker .ranker li:nth-child(1) span,.e-event3 .ranking2 .top-ranker .ranker li:nth-child(2) span,.e-event3 .ranking2 .top-ranker .ranker li:nth-child(3) span{float:none;width:100%;height:auto;line-height:140%;font-size:14px}.e-event3 .ranking2 .top-ranker .ranker li:nth-child(1) span.rank,.e-event3 .ranking2 .top-ranker .ranker li:nth-child(2) span.rank,.e-event3 .ranking2 .top-ranker .ranker li:nth-child(3) span.rank{display:none}.e-event3 .ranking2 .top-ranker .ranker li:nth-child(1) span.char,.e-event3 .ranking2 .top-ranker .ranker li:nth-child(2) span.char,.e-event3 .ranking2 .top-ranker .ranker li:nth-child(3) span.char{font-size:22px;padding:82px 0 10px}.e-event3 .ranking2 .top-ranker .ranker li:nth-child(1) span.exp,.e-event3 .ranking2 .top-ranker .ranker li:nth-child(2) span.exp,.e-event3 .ranking2 .top-ranker .ranker li:nth-child(3) span.exp{color:#ffaf2a}.e-event3 .ranking2 .top-ranker .ranker li:nth-child(1){left:105px}.e-event3 .ranking2 .top-ranker .ranker li:nth-child(2){left:372px}.e-event3 .ranking2 .top-ranker .ranker li:nth-child(3){left:640px}.e-event3 .ranking2 .top-ranker .update-time{display:block;padding:10px 0 0;font-size:15px;color:#91641a;text-align:right}.e-event3 .ranking2 .top-ranker .e-btn{width:291px;height:66px;position:absolute;top:779px;left:50%;font-size:20px;text-transform:uppercase;color:#fff}.e-event3 .ranking2 .top-ranker .e-btn.btn-rank{margin-left:-302px}.e-event3 .ranking2 .top-ranker .e-btn.btn-note{margin-left:9px}.e-event4{overflow:hidden;min-height:5847px;background-image:url("images/bg_evt4.jpg")}.e-event4 .mission1{min-height:1452px}.e-event4 .mission1 .e-title{padding-top:135px}.e-event4 .mission1 .e-title em{font-size:80px;padding-top:20px}.e-event4 .mission1 .e-description{font-size:25px;color: #e8e8e8;}.e-event4 .mission1 .period{margin-top:28px;overflow:hidden;border-top:5px solid #853620;border-bottom:1px solid #853620}.e-event4 .mission1 .period li{width:50%;float:left;padding:8px 0 7px;font-weight:600;text-transform: uppercase;}.e-event4 .mission1 .period li em{display:block;padding:10px 0 0;font-size:17px;line-height:30px;color: #1ec1ff;text-transform: uppercase;}.e-event4 .mission1 .reward{text-align:center;padding:95px 0 97px;margin:0 -10px;overflow:hidden}.e-event4 .mission1 .reward li{float: left; width: 253px; height: 372px; margin: 0 30px;}.e-event4 .mission1 .reward li span{display: block; font-size: 25px; line-height: 163px; font-weight: 700; text-align: center; -webkit-text-fill-color: transparent; background-repeat: repeat; text-transform: uppercase; background-position: -160px 445px; -webkit-background-clip: text; background-image: url(images/text_top2.png);}.e-event4 .mission1 .reward li p{padding:40px 10px 0;font-size:15px;color:#ff5757}.e-event4 .mission1 .left{width:910px;height:1440px;top:0;left:-580px;background-image:url("images/bg_evt4_mission1_left.png")}.e-event4 .mission1 .right{width:626px;height:1549px;top:0;right:-340px;background-image:url("images/bg_evt4_mission1_right.png")}.e-event4 .mission2{min-height:1754px}.e-event4 .mission2 .e-title span{color:#99772f;padding-top:5px;padding-bottom:35px}.e-event4 .mission2 .e-title span:before,.e-event4 .mission2 .e-title span:after{background-position-y:-34px}.e-event4 .mission2 .e-title em{color:#ffd67e}.e-event4 .mission2 .e-description{padding:5px 0 3px;color:#bfaf92}.e-event4 .mission2 .e-description em{color:#ff3a00}.e-event4 .mission2 .period{color:#ea633d}.e-event4 .mission2 .period em{color:#987e67}.e-event4 .mission2 .how-to{padding:61px 0 108px}.e-event4 .mission2 .how-to h4{font-size:20px;color:#dccaa5;font-weight:normal;text-align:center;line-height:50px}.e-event4 .mission2 .how-to ol{margin:0 -16px;text-align:center;font-size:0;line-height:0;padding:65px 0 0}.e-event4 .mission2 .how-to ol li{display:inline-block;vertical-align:middle;width:226px;height:226px;margin:0 16px}.e-event4 .mission2 .how-to ol li span{max-width:140px;display:inline-block;vertical-align:middle;word-break:break-word;font-size:13px;line-height:18px;color:#f3d2c0}.e-event4 .mission2 .purchase{position:relative;width:100%;height:152px}.e-event4 .mission2 .purchase h4{font-size:28px;line-height:152px;padding:0 0 0 120px;position:absolute;top:0;left:0;color:#ff3a00}.e-event4 .mission2 .purchase .login,.e-event4 .mission2 .purchase .coin{position:absolute;top:0;right:0;text-align:right}.e-event4 .mission2 .purchase .login{width:305px;padding:61px 268px 0 0;font-size:24px;color:#edb593}.e-event4 .mission2 .purchase .login .btn-login{display:inline-block;vertical-align:middle;position:absolute;top:44px;right:0;width:208px;height:69px;line-height:69px;margin:0 30px;color:#fff;text-align:center;background:url("images/btn_login.png") 0 0 no-repeat}.e-event4 .mission2 .purchase .coin{width:392px;height:84px;line-height:84px;padding:0 28px;margin:35px 10px 0 0;font-size:28px;border:1px solid #4c433b;background:#020202;color:#f5d9be}.e-event4 .mission2 .purchase .coin strong{color:#820000;font-size:44px;padding:0 5px}.e-event4 .mission2 .reward{text-align:center;width:688px;margin:0 auto;padding:70px 0 0;overflow:hidden}.e-event4 .mission2 .reward li{position:relative;float:left;width:330px;height:400px;margin:0 7px}.e-event4 .mission2 .reward li span{display:block;font-size:16px;padding:22px 0;color:#fff}.e-event4 .mission2 .reward li span em{display:block;color:#f2d295}.e-event4 .mission2 .reward li p{padding:178px 0 0;font-size:15px;color:#b49e85;font-weight:600}.e-event4 .mission2 .reward li .notice{width:89px;height:89px;position:absolute;top:92px;right:10px;padding:0;font-size:12px;color:#fff}.e-event4 .mission2 .reward li .notice em{display:inline-block;vertical-align:middle;color:#fff;max-width:75px;line-height:14px}.e-event4 .mission2 .reward li .btn-get{width:100%;height:79px;position:absolute;bottom:0;left:0;font-size:24px;color:#fff}.e-event4 .mission2 .reward li .btn-get:disabled{background:url("images/btn_disabled.png") 0 0 no-repeat;left:-1px;color:#edb593;cursor:default}.e-event4 .mission2 .update-time{font-size:15px;color:#91641a;position:absolute;top:1070px;right:0}.e-event4 .mission2 .btn-note{width:160px;height:40px;position:absolute;top:857px;right:0;font-size:16px;color:#fff}.e-event4 .mission2 .left{width:745px;height:1841px;top:740px;left:-580px;background-image:url("images/bg_evt4_mission2_left.png")}.e-event4 .mission3{min-height:2968px}.e-event4 .mission3 [class*='transfer']{position:relative;text-align:center}.e-event4 .mission3 [class*='transfer']>h4{font-size:23px}.e-event4 .mission3 [class*='transfer'] .how-to{padding:49px 0 106px}.e-event4 .mission3 [class*='transfer'] .how-to h4{font-size:20px;color:#302818;text-align:center;line-height:38px}.e-event4 .mission3 [class*='transfer'] .how-to ol{text-align:center;font-size:0;line-height:0;padding:56px 0 0}.e-event4 .mission3 [class*='transfer'] .how-to ol li{display:inline-block;vertical-align:middle;width:250px;height:250px;margin:0 35px}.e-event4 .mission3 [class*='transfer'] .how-to ol li span{max-width:180px;display:inline-block;vertical-align:middle;word-break:break-word;font-size:14px;line-height:18px;font-weight:600;color:#4f3323}.e-event4 .mission3 [class*='transfer'] .info{text-align:left;height:126px;font-size:0}.e-event4 .mission3 [class*='transfer'] .info dt,.e-event4 .mission3 [class*='transfer'] .info dd{display:inline-block;vertical-align:middle}.e-event4 .mission3 [class*='transfer'] .info dt{width:237px;font-size:30px;line-height:126px;color:#131110;font-weight:500;padding-left:13px}.e-event4 .mission3 [class*='transfer'] .info dt:first-child{width:187px}.e-event4 .mission3 [class*='transfer'] .info dd:first-of-type{margin-right:57px}.e-event4 .mission3 [class*='transfer'] .reward{text-align:center;margin:0 0 0 -4px;padding:70px 0 0;overflow:hidden}.e-event4 .mission3 [class*='transfer'] .reward li{position:relative;float:left;width:330px;height:400px;margin:0 0 0 5px}.e-event4 .mission3 [class*='transfer'] .reward li span{display:block;font-size:23px;padding:30px 0;color:#fff5ff}.e-event4 .mission3 [class*='transfer'] .reward li p{padding:160px 0 0;font-size:15px;color:#51392c;font-weight:600}.e-event4 .mission3 [class*='transfer'] .reward li .btn-get{width:100%;height:79px;position:absolute;bottom:0;left:0;font-size:24px;color:#fff}.e-event4 .mission3 [class*='transfer'] .reward li .btn-get:disabled{background:url("images/btn_disabled.png") 0 0 no-repeat;left:-1px;color:#edb593;cursor:default}.e-event4 .mission3 [class*='transfer'] .btn-note{width:160px;height:40px;position:absolute;right:0;font-size:16px;color:#fff}.e-event4 .mission3 .transfer1{padding:63px 0 0}.e-event4 .mission3 .transfer1 .btn-note{top:534px}.e-event4 .mission3 .transfer2{padding:90px 0 0}.e-event4 .mission3 .transfer2 .how-to{padding:45px 0 105px}.e-event4 .mission3 .transfer2 .how-to ol{padding-top:55px}.e-event4 .mission3 .transfer2 .how-to ol li{width:200px;height:200px;margin:0 auto}.e-event4 .mission3 .transfer2 .reward{width:363px;margin:0 auto}.e-event4 .mission3 .transfer2 .reward li{width:100%;margin:0}.e-event4 .mission3 .transfer2 .reward li span{padding:21px 0}.e-event4 .mission3 .transfer2 .reward li span em{display:block;font-size:16px;padding:6px 0 0;color:#fff5ff}.e-event4 .mission3 .transfer2 .reward li p{padding-top:183px}.e-event4 .mission3 .transfer2 .reward li .btn-get:disabled{background-image:url("images/btn_disabled_large.png")}.e-event4 .mission3 .transfer2 .btn-note{top:504px}.e-event5{overflow:hidden;min-height:auto;background-image:url("images/bg_evt5.jpg")}.e-event5 .ranking1{min-height:974px}.e-event5 .ranking1 .e-description{font-size:20px;color:#deff5a}.e-event5 .ranking1 .e-description strong{display:block;margin:0 0 20px;font-size:25px}.e-event5 .ranking1 .period{margin-top:14px;line-height:30px}
.e-event5 .ranking1 .reward {
    /* --- GIỮ NGUYÊN BỐ CỤC GỐC --- */
    text-align: center;
    padding: 30px 20px; /* Chỉnh lại padding để cân đối với khung */
    text-transform: uppercase;
    margin: 20px auto;
   
    min-width: 300px;

    /* --- THÊM KHUNG --- */
    background-color: rgba(0, 0, 0, 0.7); /* Nền đen mờ */
    border: 2px solid #ceae5f;            /* Viền vàng đồng */
    border-radius: 12px;                  /* Bo góc khung */
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.8), 
                inset 0 0 15px rgba(206, 174, 95, 0.2);
    
    /* --- RESET ĐỂ HIỂN THỊ KHUNG --- */
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
    background-image: none;
	    color: #ffd600;
}

/* Áp dụng hiệu ứng chữ vàng cho các tiêu đề hoặc nội dung bên trong .reward */
.e-event5 .ranking1 .reward h4, 
.e-event5 .ranking1 .reward .title-reward {
    font-weight: bold;
    font-size: 22px;
    display: block;
    margin-bottom: 15px;

}

/* Định dạng danh sách phần thưởng bên trong (nếu có) */
.e-event5 .ranking1 .reward ul {
    list-style: none;
    padding: 0;
    color: #ffffff;
    -webkit-text-fill-color: #ffffff; /* Đảm bảo chữ nội dung không bị trong suốt */
}

.e-event5 .ranking1 .reward li {
    padding: 8px 0;
    border-bottom: 1px dashed rgba(206, 174, 95, 0.3);
    font-size: 14px;
}

.e-event5 .ranking1 .reward li:last-child {
    border-bottom: none;
}
.e-event5 .ranking1 .reward h4{font-size:32px;color:#000}
.e-event5 .ranking1 .reward ol{width:1064px;margin:0 -18px 0 -45px;padding:44px 0 0;overflow:hidden}.e-event5 .ranking1 .reward ol li{float:left;width:280px;height:360px;margin:0 0 0 10px}.e-event5 .ranking1 .reward ol li:nth-child(3),.e-event5 .ranking1 .reward ol li:nth-child(4){width:230px}.e-event5 .ranking1 .reward ol li span{display:block;font-size:20px;line-height:22px;width:144px;padding:21px 0;margin:0 auto;color:#f0a989}.e-event5 .ranking1 .reward ol li p{padding:188px 0 0;font-size:15px;color:#51392c;font-weight:600}.e-event5 .ranking1 .reward ol li:nth-child(1) span{color:#ffde5c;padding-right:6px}.e-event5 .ranking1 .reward ol li:nth-child(2) span{color:#eaeaea;padding-left:8px}.e-event5 .ranking1 .reward ol li:nth-child(3) span{padding-left:3px}.e-event5 .ranking1 .reward ol li:nth-child(4) span{padding-left:1px}.e-event5 .ranking1 .left{width:856px;height:1179px;top:0;left:-579px;background-image:url("images/bg_evt5_left.png")}.e-event5 .ranking2{min-height:1249px}.e-event5 .ranking2 .e-title span{color:#ffecc6}.e-event5 .ranking2 .e-title span:before,.e-event5 .ranking2 .e-title span:after{width:33px;height:36px;background-position-y:-102px}.e-event5 .ranking2 .e-title span:after{background-position-x:-33px}.e-event5 .ranking2 .before,.e-event5 .ranking2 .end{position:absolute;top:0;left:50%;margin-left:-1080px;z-index:2;width:1680px;height:100%;background:url("images/bg_dimmed.png") 0 0 no-repeat;text-align:center}.e-event5 .ranking2 .before span,.e-event5 .ranking2 .end span{display:block;font-size:25px;color:#fff;width:1001px;margin:580px auto 0}.e-event5 .ranking2 .top-ranker{position:relative;width:960px;margin:35px auto 0}.e-event5 .ranking2 .top-ranker span{display:block;float:left;line-height:50px;text-align:center;font-size:16px;color:#fff}.e-event5 .ranking2 .top-ranker span.rank{width:91px}.e-event5 .ranking2 .top-ranker span.cl{width:163px}.e-event5 .ranking2 .top-ranker span.sv{width:160px}.e-event5 .ranking2 .top-ranker span.char{width:213px}.e-event5 .ranking2 .top-ranker span.lvl{width:120px}.e-event5 .ranking2 .top-ranker span.exp{width:213px}.e-event5 .ranking2 .top-ranker .head{width:100%;position:absolute;top:291px;left:0;overflow:hidden}.e-event5 .ranking2 .top-ranker .head span{line-height:56px}.e-event5 .ranking2 .top-ranker .ranker{min-height:357px;padding:347px 0 0}.e-event5 .ranking2 .top-ranker .ranker li{overflow:hidden}.e-event5 .ranking2 .top-ranker .ranker li:nth-child(1),.e-event5 .ranking2 .top-ranker .ranker li:nth-child(2),.e-event5 .ranking2 .top-ranker .ranker li:nth-child(3){position:absolute;top:0;width:240px;height:231px}.e-event5 .ranking2 .top-ranker .ranker li:nth-child(1) span,.e-event5 .ranking2 .top-ranker .ranker li:nth-child(2) span,.e-event5 .ranking2 .top-ranker .ranker li:nth-child(3) span{float:none;width:100%;height:auto;line-height:140%;font-size:14px}.e-event5 .ranking2 .top-ranker .ranker li:nth-child(1) span.rank,.e-event5 .ranking2 .top-ranker .ranker li:nth-child(2) span.rank,.e-event5 .ranking2 .top-ranker .ranker li:nth-child(3) span.rank{display:none}.e-event5 .ranking2 .top-ranker .ranker li:nth-child(1) span.cl,.e-event5 .ranking2 .top-ranker .ranker li:nth-child(2) span.cl,.e-event5 .ranking2 .top-ranker .ranker li:nth-child(3) span.cl{font-size:15px;padding:63px 0 0}.e-event5 .ranking2 .top-ranker .ranker li:nth-child(1) span.sv,.e-event5 .ranking2 .top-ranker .ranker li:nth-child(2) span.sv,.e-event5 .ranking2 .top-ranker .ranker li:nth-child(3) span.sv{font-size:22px;margin-top:-2px;color:#fffefd}.e-event5 .ranking2 .top-ranker .ranker li:nth-child(1) span.char,.e-event5 .ranking2 .top-ranker .ranker li:nth-child(2) span.char,.e-event5 .ranking2 .top-ranker .ranker li:nth-child(3) span.char{font-size:14px;padding:5px 0 0;color:#d3c4b3}.e-event5 .ranking2 .top-ranker .ranker li:nth-child(1) span.lvl,.e-event5 .ranking2 .top-ranker .ranker li:nth-child(1) span.exp,.e-event5 .ranking2 .top-ranker .ranker li:nth-child(2) span.lvl,.e-event5 .ranking2 .top-ranker .ranker li:nth-child(2) span.exp,.e-event5 .ranking2 .top-ranker .ranker li:nth-child(3) span.lvl,.e-event5 .ranking2 .top-ranker .ranker li:nth-child(3) span.exp{color:#ffaf2a}.e-event5 .ranking2 .top-ranker .ranker li:nth-child(1){left:97px}.e-event5 .ranking2 .top-ranker .ranker li:nth-child(1) .cl{color:#ffd4a3}.e-event5 .ranking2 .top-ranker .ranker li:nth-child(2){left:365px}.e-event5 .ranking2 .top-ranker .ranker li:nth-child(2) .cl{color:#bababa}.e-event5 .ranking2 .top-ranker .ranker li:nth-child(3){left:633px}.e-event5 .ranking2 .top-ranker .ranker li:nth-child(3) .cl{color:#c69082}.e-event5 .ranking2 .top-ranker .update-time{display:block;padding:7px 0 0;font-size:15px;color:#91641a;text-align:right}.e-event5 .ranking2 .top-ranker .e-btn{width:291px;height:66px;position:absolute;top:779px;left:50%;font-size:20px;text-transform:uppercase;color:#fff}.e-event5 .ranking2 .top-ranker .e-btn.btn-rank{margin-left:-302px}.e-event5 .ranking2 .top-ranker .e-btn.btn-note{margin-left:9px}.e-event6{overflow:hidden;min-height:5319px;background-image:url("images/bg_evt6.jpg")}.e-event6 .sales1{min-height:1582px}.e-event6 .sales1 .e-title span{color:#1f160d}.e-event6 .sales1 .pkg{overflow:hidden;margin:0 -9px;padding:60px 0 30px}.e-event6 .sales1 .pkg li{position:relative;float:left;width:491px;height:402px;margin:0 9px 20px}.e-event6 .sales1 .pkg li:nth-child(3){margin-left:264px}.e-event6 .sales1 .pkg li span{display:block;text-align:center;line-height:70px;font-size:19px;color:#ffe7b4}.e-event6 .sales1 .pkg li p{padding:25px 25px 25px 180px;font-size:14px;line-height:24px;font-weight:500;color:#5c351d}.e-event6 .sales1 .pkg li .coin{display:block;text-align:center;width:100%;height:60px;line-height:60px;font-size:30px;color:#3f2516;position:absolute;bottom:2px;left:0}.e-event6 .sales1 .btn-shop{width:380px;height:90px;margin:0 auto;text-align:center;line-height:82px;font-size:28px;font-weight:700;color:#fff}.e-event6 .sales1 .left{width:898px;height:840px;bottom:0;left:-580px;background-image:url("images/bg_evt6_left.png")}.e-event6 .sales1 .right{width:507px;height:917px;top:55px;right:-330px;z-index:2;background-image:url(images/bg_evt6_right.png)}.e-event6 .sales2{min-height:1109px}.e-event6 .sales2 .e-title span{color:#99772f;padding-top:5px}.e-event6 .sales2 .e-title span:before,.e-event6 .sales2 .e-title span:after{background-position-y:-34px}.e-event6 .sales2 .e-title em{color:#ffd67e}.e-event6 .sales2 .period{padding-top:12px;color:#ea633d}.e-event6 .sales2 .period em{color:#987e67}.e-event6 .sales2 .pkg{overflow:hidden;margin:0 -18px;padding:63px 0 30px}.e-event6 .sales2 .pkg li{position:relative;float:left;width:500px;height:250px;margin:0 9px 21px}.e-event6 .sales2 .pkg li:nth-child(3) p,.e-event6 .sales2 .pkg li:nth-child(4) p{padding-top:56px}.e-event6 .sales2 .pkg li span{display:block;line-height:67px;padding:0 0 0 28px;font-size:19px;color:#fff}.e-event6 .sales2 .pkg li span em{color:#ffba00}.e-event6 .sales2 .pkg li p{padding:35px 32px;font-size:15px;line-height:25px;font-weight:500;color:#a48e7c}.e-event6 .sales2 .pkg li p em{color:#dd9c5e;font-weight:600}.e-event6 .sales3{min-height:1390px}.e-event6 .sales3 .e-title span{color:#1f160d}.e-event6 .sales3 .pkg{overflow:hidden;margin:0 -9px;padding:60px 0 30px}.e-event6 .sales3 .pkg li{position:relative;float:left;width:491px;height:372px;margin:0 9px 50px}.e-event6 .sales3 .pkg li:nth-child(3){margin-left:264px}.e-event6 .sales3 .pkg li span{display:block;text-align:center;line-height:70px;font-size:19px;color:#ffe7b4}.e-event6 .sales3 .pkg li p{text-align:center;padding:124px 25px 0;font-size:14px;line-height:24px;font-weight:500;color:#5c351d}.e-event6 .sales3 .pkg li .coin{display:block;text-align:center;width:100%;height:60px;line-height:60px;font-size:30px;color:#3f2516;position:absolute;bottom:2px;left:0}.e-event6 .sales4{min-height:1238px}.e-event6 .sales4 .e-title span{color:#99772f;padding-top:5px}.e-event6 .sales4 .e-title span:before,.e-event6 .sales4 .e-title span:after{background-position-y:-34px}.e-event6 .sales4 .e-title em{color:#ffd67e}.e-event6 .sales4 .period{padding-top:12px;color:#ea633d}.e-event6 .sales4 .period em{color:#987e67}.e-event6 .sales4 .pkg{overflow:hidden;margin:0 -18px;padding:63px 0 25px}.e-event6 .sales4 .pkg li{position:relative;float:left;width:500px;height:310px;margin:0 9px 21px}.e-event6 .sales4 .pkg li:nth-child(3) p,.e-event6 .sales4 .pkg li:nth-child(4) p{padding-top:56px}.e-event6 .sales4 .pkg li span{display:block;line-height:67px;text-align:center;font-size:19px;color:#fff}.e-event6 .sales4 .pkg li span em{color:#ffba00}.e-event6 .sales4 .pkg li p{padding:44px 50px 0;font-size:15px;line-height:25px;font-weight:500;color:#a48e7c}.e-event6 .sales4 .pkg li .notice{width:89px;height:89px;position:absolute;top:38px;right:0;padding:0;font-size:12px;color:#fff}.e-event6 .sales4 .pkg li .notice em{display:inline-block;vertical-align:middle;color:#fff;max-width:75px;line-height:14px}.e-event6 .sales4 .pkg li .coin{display:block;text-align:center;width:100%;height:60px;line-height:60px;font-size:30px;color:#dd9c5e;font-weight:bold;position:absolute;bottom:2px;left:0}.e-event6 .sales4 .pkg li .coin .through{position:relative;min-width:168px;display:inline-block;vertical-align:middle;margin:-10px 20px 0 0;font-size:22px;color:#786153}.e-event6 .sales4 .pkg li .coin .through:before{content:'';display:block;width:168px;height:13px;position:absolute;top:50%;left:50%;margin:0 0 0 -84px;background:url("images/ico_line.png") 0 0 no-repeat}.e-event6 .sales4 .notice{padding-bottom:60px;text-align:center;font-size:18px;line-height:30px;color:#987e67}.e-event6 .sales4 .notice em{color:#ea633d}.e-event6 .sales4 .btn-shop{width:380px;height:90px;margin:0 auto;text-align:center;line-height:82px;font-size:28px;font-weight:700;color:#fff}.e-footer{width:100%;font-size:12px;color:#6e625a;position:absolute;bottom:10px;left:0;z-index:5;text-align:center;box-sizing:border-box}[class*='popup-ranking']{width:766px;margin-left:-270px;margin-bottom:40px;padding-bottom:38px}[class*='popup-ranking'] h4{font-size:28px;padding:35px 0 25px}[class*='popup-ranking'] h4 em{font-size:23px;color:#d93e44}[class*='popup-ranking'] .ranking-table{padding:0 38px;width:690px;margin:0 auto}[class*='popup-ranking'] .ranking-table table{width:100%;border-bottom:2px solid #594a3e}[class*='popup-ranking'] .ranking-table th,[class*='popup-ranking'] .ranking-table td{text-align:center;font-weight:normal;font-size:15px}[class*='popup-ranking'] .ranking-table th{position:relative;height:53px;background:#26211d;color:#d9cfc2}[class*='popup-ranking'] .ranking-table th:not(:first-child):before{content:'';display:block;position:absolute;top:19px;left:0;width:1px;height:15px;background:#58483c}[class*='popup-ranking'] .ranking-table td{height:48px;color:#ad998e}[class*='popup-ranking'] .ranking-table tr:nth-child(even) td{background:#37291d}[class*='popup-ranking'] .ranking-table tr:nth-child(1) td:first-child{color:#e1b300}[class*='popup-ranking'] .ranking-table tr:nth-child(2) td:first-child{color:#aaa}[class*='popup-ranking'] .ranking-table tr:nth-child(3) td:first-child{color:#bb746d}[class*='popup-ranking'] .search-area{position:relative;z-index:1;width:690px;margin:0 auto;padding:5px 0 13px;text-align:center}[class*='popup-ranking'] .search-area fieldset{font-size:0;line-height:0}[class*='popup-ranking'] .search-area .search-title,[class*='popup-ranking'] .search-area .selectbox,[class*='popup-ranking'] .search-area .text,[class*='popup-ranking'] .search-area .btn-search{display:inline-block;height:46px;vertical-align:middle}[class*='popup-ranking'] .search-area .search-title{width:140px;height:auto;line-height:20px;text-align:left;font-size:18px;word-break:break-word;color:#b9562a}[class*='popup-ranking'] .search-area .selectbox{width:154px;border:none 0;text-align:center}[class*='popup-ranking'] .search-area .selectbox .lbl{font-size:15px;line-height:46px;text-indent:0;background-position-x:87%}[class*='popup-ranking'] .search-area .selectbox ul{top:46px;border:none 0;left:0}[class*='popup-ranking'] .search-area .selectbox ul li label,[class*='popup-ranking'] .search-area .selectbox ul li span{height:45px;line-height:45px;font-size:15px;text-indent:0;border-color:#29241d}[class*='popup-ranking'] .search-area .text{position:relative;width:334px;padding:0 10px;margin:0 18px 0 10px;background:#000}[class*='popup-ranking'] .search-area .text input{display:block;width:100%;height:100%;border:none 0;outline:none 0;color:#d9cfc2;background:#000;font-size:15px;text-align:center}[class*='popup-ranking'] .search-area .text input:-ms-input-placeholder{color:#d9cfc2}[class*='popup-ranking'] .search-area .text input::-webkit-input-placeholder{color:#d9cfc2}[class*='popup-ranking'] .search-area .text input::-moz-placeholder{color:#d9cfc2}[class*='popup-ranking'] .search-area .text input::-moz-placeholder{color:#d9cfc2}[class*='popup-ranking'] .search-area .btn-search{width:168px;background:#b9562a;border-top:2px solid #c98668;border-bottom:3px solid #984925;font-size:15px;color:#fff;text-align:center}[class*='popup-ranking'] .search-area ~ .ranking-table table td:first-child{color:#ad998e}[class*='popup-notice']{width:728px;margin-left:-250px;margin-top:120px;padding-bottom:35px}[class*='popup-notice'] h4{font-size:35px;padding:45px 0 35px}[class*='popup-notice'] h4:before,[class*='popup-notice'] h4:after{background-position-y:-68px}[class*='popup-notice'] h4:after{background-position-x:-24px}[class*='popup-notice'] ul li{text-align:left;padding:10px 34px;text-indent:-14px;margin-left:14px;font-size:15px;color:#ad998e}[class*='popup-notice'] ul li:before{content:'';display:inline-block;vertical-align:middle;margin:-2px 10px 0 0;width:3px;height:3px;border-radius:50%;background:#d7692c}[class*='popup-notice'] ul li em,[class*='popup-notice'] ul li strong{font-weight:normal;color:#d7692c}[class*='popup-notice'] ul li span{color:#6c584e}.popup-ranking-bonus .search-area .search-title{width:147px}.popup-ranking-bonus .search-area .text{width:173px}.pager{clear:both;position:relative;padding:30px 0;text-align:center;font-size:0;z-index:1;*z-index:3}.pager.even.last_child{border-bottom:0}.pager a{display:inline-block;height:15px;margin:0 8px;color:#8a786d;text-align:center;line-height:15px;font-size:14px;letter-spacing:-0.1em;*display:inline;*zoom:1}.pager a:hover{text-decoration:none}.pager a.first:hover,.pager a.previous:hover,.pager a.next:hover,.pager a.last:hover{padding:0}.pager .first,.pager .previous,.pager .next,.pager .last{display:inline-block;width:10px;height:15px;text-indent:-10000px;border:0;margin:0 15px;background:transparent url("images/btn_paging.png") 0 50% no-repeat}.pager .next,.pager .next:hover{margin:0 15px;background-position-x:-10px}.pager .current{display:inline-block;height:15px;margin:0 8px;color:#ea3511;text-align:center;line-height:15px;font-size:14px;letter-spacing:-0.1em}.pager .disabled{display:none}.pager span,.pager a,.pager a:hover{display:inline-block;vertical-align:middle}*+html .pager{margin-top:0}.pager .first,.pager .last{display:none}.loaded{opacity:1}.loaded .e-header,.loaded .e-nav,.loaded .e-nav .bi,.loaded .navigation a,.loaded .btn-home,.loaded .btn-tai,.loaded #closeToday{opacity:1;-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}.loaded .e-header{-webkit-transition-delay:.3s;transition-delay:.3s}.loaded .e-nav{-webkit-transition-delay:.1s;transition-delay:.1s}.loaded .e-nav .bi{-webkit-transition-delay:.2s;transition-delay:.2s}.loaded .e-nav .navigation a:nth-child(1){-webkit-transition-delay:.2s;transition-delay:.2s}.loaded .e-nav .navigation a:nth-child(2){-webkit-transition-delay:.3s;transition-delay:.3s}.loaded .e-nav .navigation a:nth-child(3){-webkit-transition-delay:.4s;transition-delay:.4s}.loaded .e-nav .navigation a:nth-child(4){-webkit-transition-delay:.5s;transition-delay:.5s}.loaded .e-nav .navigation a:nth-child(5){-webkit-transition-delay:.6s;transition-delay:.6s}.loaded .e-nav .navigation a:nth-child(6){-webkit-transition-delay:.7s;transition-delay:.7s}.loaded .e-nav .btn-home,.loaded .e-nav .btn-tai,.loaded .e-nav #closeToday{-webkit-transition-delay:.5s;transition-delay:.5s}.es .e-header{background-image:url("images/bg_header_es.jpg")}.es .e-header .period{padding-top:800px}.es .e-header .scrolling{top:810px}.es .e-event1 .update3 .e-title em{font-size:60px}.es .e-event4 .mission2 .purchase .login{padding-top:46px}.es .e-event4 .mission3 .transfer2 .reward li span{padding:12px 0 10px}.pt .e-header{background-image:url("images/bg_header_pt.jpg")}.pt .e-header .period{padding-top:800px}.pt .e-header .scrolling{top:810px}@-webkit-keyframes floating{0%{opacity:0;-webkit-transform:translate(0,0);transform:translate(0,0)}55%{opacity:1;-webkit-transform:translate(0,15px);transform:translate(0,15px)}100%{opacity:0;-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes floating{0%{opacity:0;-webkit-transform:translate(0,0);transform:translate(0,0)}55%{opacity:1;-webkit-transform:translate(0,15px);transform:translate(0,15px)}100%{opacity:0;-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes spreadSmog{0%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.6}100%{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}@keyframes spreadSmog{0%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.6}100%{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}
/* Container bao quanh video */
.video {
    position: relative;
    width: 100%;
    height: 100vh;      /* Giữ cao full màn hình */
    overflow: hidden;    /* Giấu phần thừa khi video vượt quá khung */
    background-color: #000;
}

/* Định dạng video bên trong */
.video video {
    position: absolute;
    top: 50%;
    left: 49.3%;
    transform: translate(-50%, -50%); /* Kỹ thuật căn giữa tuyệt đối */
    width: 1460px;
    /* Kích thước video theo tỉ lệ 1920x1004 */
    min-width: 100%;
    min-height: 100%;
    
    /* Sử dụng aspect-ratio để giữ đúng tỉ lệ của bạn */
    aspect-ratio: 1920 / 1004; 
    
    /* Quan trọng để zoom to/nhỏ không bị lệch */
    object-fit: cover; 
    
    /* Chống mờ khi zoom trên các trình duyệt hiện đại */
    backface-visibility: hidden;
}

/* Tùy chọn: Đảm bảo phần header không bị vỡ bố cục khi zoom */
.e-header {
    height: 100vh;
    width: 100%;
    position: relative;
}
.e-main {
    height: 100%;
    width: 100%;
}
.sv-info-1 {
    /* --- CSS GỐC CỦA BẠN --- */
    width: 300px;
    margin-left: 72px;
    margin-top: 105px;
    text-align: center;
    -webkit-text-fill-color: transparent;
    background-repeat: repeat;
    text-transform: uppercase;
    background-position: -160px 445px;
    -webkit-background-clip: text;
    background-image: url(images/text_top2.png);

    /* --- PHẦN THÊM MỚI ĐỂ TẠO KHUNG --- */
    padding: 20px;
    border: 2px solid #ceae5f;          /* Viền màu vàng đồng */
    background-color: rgba(0, 0, 0, 0.7); /* Nền đen mờ để thấy video phía sau */
    border-radius: 10px;                /* Bo góc khung */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8), 
                inset 0 0 15px rgba(206, 174, 95, 0.3); /* Đổ bóng trong và ngoài */
    
    /* ÉP LẠI HIỂN THỊ: Vì thuộc tính clip-text ở trên, 
       ta cần đảm bảo khung không bị mất nội dung */
    display: block; 
    -webkit-text-fill-color: initial; /* Reset lại để hiển thị được khung và list bên dưới */
}

/* Đưa hiệu ứng ảnh chữ (text-clip) vào riêng thẻ tiêu đề <em> để không lỗi khung */
.sv-info-1 em {
    display: block;
    font-size: 22px;
    font-weight: 700;
    font-style: normal;
    margin-bottom: 15px;
    
    /* Chuyển hiệu ứng ảnh chữ của bạn vào đây */
    background-image: url(images/text_top2.png);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-position: center;
}

/* Chỉnh lại danh sách bên trong khung cho đẹp */
.sv-info-1 .list-notice {
    list-style: none;
    padding: 0;
    margin: 0;
    -webkit-text-fill-color: #ffffff; /* Ép màu chữ list thành trắng (vì bị dính clip-text ở trên) */
}

.sv-info-2 {
    /* --- GIỮ NGUYÊN BỐ CỤC GỐC --- */
    width: 440px;
    margin-left: 440px;
    margin-top: -347px;
    float: left;
    text-align: center;
    text-transform: uppercase;

    /* --- THÊM KHUNG (BORDER & BACKGROUND) --- */
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.7); /* Nền đen mờ */
    border: 2px solid #ceae5f;            /* Viền vàng đồng */
    border-radius: 10px;                  /* Bo góc */
    box-sizing: border-box;               /* Giữ đúng width 440px bao gồm cả padding */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8), 
                inset 0 0 15px rgba(206, 174, 95, 0.3);
    
    /* Reset lại thuộc tính clip text ở lớp cha để hiện khung */
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
    background-image: none;
}

/* Đưa hiệu ứng ảnh chữ vào tiêu đề <em> bên trong */
.sv-info-2 em {
    display: block;
    font-size: 22px;
    font-weight: 700;
    font-style: normal;
    margin-bottom: 15px;
    
    /* Hiệu ứng chữ lấy từ ảnh gốc của bạn */
    background-image: url(images/text_top2.png);
    background-position: -90px center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Chỉnh bảng thông tin (Table) bên trong khung */
.sub-sv-info {
    width: 100%;
    border-collapse: collapse;
    color: #ffffff; /* Ép chữ trong bảng màu trắng cho rõ */
    -webkit-text-fill-color: #ffffff;
}

.sub-sv-info thead td {
    color: #ceae5f; /* Tiêu đề bảng màu vàng đồng */
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(206, 174, 95, 0.5);
}

.sub-sv-info tbody td {
    padding: 8px 5px;
    font-size: 13px;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
}

/* Hiệu ứng dòng khi di chuột vào bảng */
.sub-sv-info tr:hover td {
    background: rgba(206, 174, 95, 0.1);
    color: #ffcc00;
}
.list-notice {
	    text-align: left;
		    margin-top: 40px;
}
.list-notice li{
	font-weight: 500;
    padding-left: 25px;
    margin-bottom: 5px;
    background: url(images/li.png) no-repeat scroll left center transparent;
    background-size: 15px;
    margin-left: 20px;
}
table.sub-sv-info {
border-collapse: collapse;
    border-spacing: 0;
    width: 96%;
    margin-left: 9px;
    margin-top: 23px;
}

table.sub-sv-info tr td {
border: 2px solid rgb(43 29 22);
    padding: 7px 10px;
    text-align: center;
	font-size: 13pt;
	    line-height: 30px;
}
@keyframes shrink{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}
.event-ingame{position: absolute; top: 352px; left: calc(50% - 505px); width: 1003px; color: #fff; font-size: 11px;}.event-ingame ul{list-style:none;padding:0;margin:0}.event-ingame ul li{display:flex;flex-wrap:wrap;text-shadow:0 0 3px #000}.event-ingame ul li span{text-align:center;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:0 20px;font-size: 11pt; line-height: 2;}.event-ingame ul li.head{color:#fff;margin-bottom:0px;border-bottom:1px solid #e6874f40;padding-bottom:15px}.event-ingame ul li.body{color:#fc0;border-bottom:1px solid #e6874f40;padding:7px 0}.event-ingame ul li.body.warning{animation:warning 1s infinite ease}.event-ingame ul li.body.danger{animation:danger 1s infinite ease}.event-ingame ul li.body .col-1{color:red}.event-ingame ul li .col-1{width:100px;text-align:left;color:#ff0;font-weight:600;justify-content:flex-start;font-size: 12pt;}.event-ingame ul li .col-2{width:110px}.event-ingame ul li .col-3{width:27px}.event-ingame ul li .col-4{width:200px}.event-ingame ul li .col-5{flex:1}.event-ingame ul li .col-6{width:140px}.event-ingame ul li i{color:#aaa;font-weight:400;font-size:13px}.page-1{background:url(../images/bg.html) no-repeat center top;height:1080px;position:relative}.page-1 .container{width:1200px;margin:0 auto;position:relative}.page-2 .events{width:100%;position:relative}.page-2 .events .event-container{width:1920px;position:absolute;top:0;left:calc(50% - 960px)}.page-2 .event-img img{opacity:0}@keyframes warning{0%{background:rgba(230,152,56,.1)}50%{background:rgba(230,152,56,.2)}100%{background:rgba(230,152,56,.1)}}@keyframes danger{0%{background:rgba(255,22,22,.2)}50%{background:rgba(255,22,22,.3)}100%{background:rgba(255,22,22,.2)}}

/* Container bao quanh */
.info {
    list-style: none;
    padding: 0;
    margin: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Để nút không bị kéo dãn hết chiều ngang màn hình */
    gap: 12px;
}

/* Biến mỗi dòng <li> thành nút có độ dài linh hoạt */
.info li {
    display: inline-block;    /* Quan trọng: Để chiều rộng tự co giãn theo nội dung */
    min-width: 150px;         /* Chiều rộng tối thiểu để nút không quá ngắn */
    height: 50px;             /* Chiều cao cố định theo ảnh nút */
    line-height: 50px;        /* Căn chữ giữa theo chiều dọc */
    
    padding: 0 30px;          /* Khoảng cách trống 2 bên nút (Thay đổi tùy ảnh) */
    box-sizing: border-box;
    white-space: nowrap;      /* Không cho chữ xuống dòng */

    /* Hình ảnh nút */
    background-image: url('images/buton2.png'); 
    background-size: 100% 100%; /* Ép ảnh nút dãn vừa khít theo kích thước chữ */
    background-repeat: no-repeat;
    
    color: #ffd479;
    font-weight: bold;
    font-size: 15px;
    text-shadow: 1px 1px 2px #000;
    transition: all 0.3s;
}

/* Hiệu ứng di chuột */
.info li:hover {
    filter: brightness(1.2);
    padding-left: 40px;      /* Hiệu ứng chữ nhích sang phải khi hover */
    padding-right: 20px;
}

/* Màu của nhãn bên trong */
.info li span {
    color: #ffffff;
    margin-right: 5px;
}

.event-ingame {
    position: absolute;
    top: 352px;
    left: calc(50% - 505px);
    width: 1003px;
    color: #fff;
    font-size: 11px;

    /* --- PHẦN THÊM KHUNG --- */
    background: rgba(0, 0, 0, 0.75);     /* Nền đen mờ đậm hơn một chút để dễ đọc bảng */
    border: 2px solid #ceae5f;          /* Viền vàng đồng đồng bộ */
    border-radius: 10px;                /* Bo góc */
    padding: 20px;                      /* Tạo khoảng trống bên trong khung */
    box-sizing: border-box;             /* Đảm bảo padding không làm tăng chiều rộng 1003px */
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.9), 
                inset 0 0 20px rgba(206, 174, 95, 0.2); /* Hiệu ứng tỏa sáng nhẹ */
    
    /* Chống tràn nếu danh sách sự kiện quá dài */
    max-height: 500px; 
    overflow-y: auto; 
}

/* Tùy chỉnh thanh cuộn (Scrollbar) cho khung sự kiện nếu có nội dung dài */
.event-ingame::-webkit-scrollbar {
    width: 6px;
}
.event-ingame::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.3);
}
.event-ingame::-webkit-scrollbar-thumb {
    background: #ceae5f;
    border-radius: 10px;
}

/* Chỉnh lại dòng tiêu đề (Header) của bảng sự kiện cho nổi bật */
.event-lists .head {
    background: rgba(206, 174, 95, 0.2);
    color: #ffd479;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 2px solid #ceae5f;
    padding: 10px 0;
    margin-bottom: 10px;
    display: flex;
}

/* Chỉnh các dòng danh sách sự kiện bên dưới */
.event-lists li:not(.head) {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
    padding: 8px 0;
    transition: background 0.3s;
}

.event-lists li:not(.head):hover {
    background: rgba(255, 255, 255, 0.05);
}
/* Nút cố định */
.cskh-fixed {
    position: fixed;
    left: 15px;
    bottom: 15px;
    z-index: 99999;
}

.cskh-fixed a {
    display: inline-block;
    background: linear-gradient(135deg, #ff9800, #ff5722);
    color: #fff;
    padding: 10px 15px;
    border-radius: 50px;
    font-weight: bold;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(0,0,0,.4);
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% {transform: scale(1);}
    50% {transform: scale(1.05);}
    100% {transform: scale(1);}
}

/* Popup */
.cskh-popup {
    display: none;
    position: fixed;
    z-index: 100000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    justify-content: center;
    align-items: center;
}

.popup-content {
    position: relative;
    max-width: 30%;
    max-height: 90%;
}

.popup-content img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.close-popup {
    position: absolute;
    top: -15px;
    right: -15px;
    background: red;
    color: white;
    font-size: 22px;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border-radius: 50%;
    cursor: pointer;
}

/* ================= POPUP ================= */
.download-popup{
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.85);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.download-box{
    width: 900px;
    max-width: 95%;
    background: #0f0f0f;
    padding: 30px;
    border: 2px solid #5a1c0f;
    box-shadow: 0 0 25px #000;
    position: relative;
    color: #fff;
}

.close-download{
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    cursor: pointer;
}

.download-update{
    background: #b3522a;
    text-align: center;
    padding: 8px;
    font-weight: bold;
    margin-bottom: 20px;
}

.download-table{
    width: 100%;
    margin-bottom: 30px;
}

.download-head,
.download-row{
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    padding: 15px;
    align-items: center;
}

.download-head{
    background: #1b1b1b;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
}

.download-row.primary{
    background: #7a2c2c;
}

.download-row.backup{
    background: #38507e;
}

.download-row span{
    font-size: 14px;
}

.btn-download{
    background: linear-gradient(#f5d27b,#b8872d);
    padding: 8px 20px;
    border-radius: 6px;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    transition: 0.3s;
}

.btn-download:hover{
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.5);
}

.backup-title{
    text-align: center;
    font-size: 28px;
    margin-bottom: 20px;
    color: #d4b36b;
    letter-spacing: 3px;
}