html,body{color:#fff;background:#000;height:100%;margin:0 auto}@font-face{font-family:NotoSansThaiCondensed;src:url(../media/NotoSansThai-Condensed.0~..8-0.eovnh.woff2)format("woff2"),url(../media/NotoSansThai-Condensed.0qc92a7~3wroa.woff)format("woff"),url(../media/NotoSansThai-Condensed.04g_-k9hvb9pc.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:NotoSansThaiCondensed;src:url(../media/NotoSansThai-CondensedSemiBold.10y~2wbc5.fqp.woff2)format("woff2"),url(../media/NotoSansThai-CondensedSemiBold.0iyja4lann.hj.woff)format("woff"),url(../media/NotoSansThai-CondensedSemiBold.11a~edb~tvbm7.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}body{width:100%;font-family:NotoSansThaiCondensed,Noto Sans Thai,sans-serif}section{background:url(../media/bg-main.0qr7ahkj2cu8z.webp) top/3000px no-repeat fixed;flex-direction:column;justify-content:space-between;display:flex}h1{font-size:40px;font-weight:600;line-height:1.2}h2{font-size:32px;font-weight:600;line-height:1.2}h3{font-size:28px;font-weight:600;line-height:1.2}h4{font-size:24px;font-weight:600;line-height:1.2}h5{font-size:20px;font-weight:600;line-height:1.2}p{color:#d8d8d8;font-size:18px;font-weight:400;line-height:1.4}.text-link{color:#fff;margin-bottom:8px;font-size:18px;font-weight:600;line-height:1.2}.text-link:hover{color:#af0000}.btn:hover,.btn:active{border:none}.nav-main{z-index:99;width:100%;position:fixed;top:0}.col-main-bg{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000008e;flex-direction:column;justify-content:space-between;gap:25px;width:100%;height:auto;min-height:700px;padding:30px;display:flex}.col-tab-data{flex-direction:column;gap:25px;display:flex}.col-main-bg.dt-page{margin-top:120px;display:block}.title-page{font-size:50px;font-weight:600;line-height:1.2s;color:#fff;text-align:center;margin:0}.text-one-line{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.text-two-lines{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-three-lines{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.col-warper-main{flex-direction:column;gap:15px;margin-top:130px;display:flex}.section-title{justify-content:center;align-items:center;gap:15px;width:100%;display:flex;overflow:hidden}.section-title-left{align-items:center;gap:15px;width:100%;display:flex;overflow:hidden}.col-latest-news{border-top:1px solid #ffffff17;margin-top:50px;padding-top:50px}.card{transition:transform .3s}.card:hover{transform:translateY(-5px)}.tab{justify-content:center;gap:10px;display:flex;overflow:hidden}.tab.scroll-x{white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;overflow:auto hidden}.scroll-x::-webkit-scrollbar{display:none}.scroll-x>*{display:inline-block}.col-head-tab{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.col-head-dt{flex-direction:row;justify-content:space-between;align-items:flex-start;margin-bottom:25px;display:flex}.search-box{background:#fff;border:1.5px solid #8ecaff;border-radius:0;align-items:center;width:100%;max-width:250px;padding:6px 12px;display:flex;box-shadow:0 1px 3px #0000000d}.search-box input{color:#333;border:none;outline:none;flex:1;width:100%;font-size:13px}.search-box input::placeholder{color:#aaa}.search-box button{cursor:pointer;background:0 0;border:none;padding:0}.search-box svg{stroke:#555;width:18px;height:18px}.tabcontent{display:none}.tab button{cursor:pointer;transition:all .3s}.filter-btn{color:#fff;background:url(../media/bg-tab.12hdy.ebuzhc5.webp) 50%/contain no-repeat;border:none;border-radius:0;width:100%;max-width:154px;height:38px;margin:0;padding:0;transition:all .3s}.filter-btn.active{color:#fff;background:url(../media/bg-tab-active.0e_b4toidj45h.webp) 50%/contain no-repeat;border:none}.filter-btn:hover{background:url(../media/bg-tab-active.0e_b4toidj45h.webp) 50%/contain no-repeat}.filter-btn h2{margin:0;font-size:20px;font-weight:600}.col-tag-date{background:#af0000;align-items:center;margin-bottom:0;padding:10px 20px;display:flex}.col-tag-date.detail{background:0 0;padding:0}.col-text-all{flex-direction:column;gap:10px;padding:20px;display:flex}.col-text-all2{padding:0 20px}.col-text-all2 hr{color:#fff;opacity:.1;padding:0 20px}.card-tag{color:#fff;align-items:center;padding:0;font-size:14px;font-weight:600;line-height:1.5;display:flex}.card-tag.update:before,.card-tag.promotion:before,.card-tag.ingame:before,.card-tag.event:before{content:"";background-image:url(../media/ic-tag.0u.2qcr1nx3m7.webp);background-repeat:no-repeat;background-size:contain;width:16px;height:16px;margin-right:2px;display:inline-block}.card-tag.update:after{content:"ข่าวสาร"}.card-tag.promotion:after{content:"โปรโมชัน"}.card-tag.ingame:after{content:"กิจกรรมในเกม"}.card-tag.event:after{content:"กิจกรรมหน้าเว็บ"}.card-body{background:#191919;flex-direction:column;padding:0;display:flex}.card-body .text-date{color:#d8d8d8;font-size:14px;font-weight:600;line-height:1.4}.card-body .text-title{color:#fff;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4}.card-body .text-detail{color:#d8d8d8;margin-bottom:0;font-size:14px;font-weight:600;line-height:1.5}.card-body .btn-read-more{color:#fff;font-size:14px;font-weight:600;line-height:1.4;text-decoration:underline}.card-body .btn-read-more:hover,.card-body .btn-read-more:active{color:#e50000;filter:brightness(1.1);text-decoration:underline}.card-body .btn-read-more .img-readmore{object-fit:contain;width:8px;height:8px}.news-card{border:none;border-radius:0;padding:0;transition:transform .3s;overflow:hidden}.news-card:hover{transform:translateY(-5px);box-shadow:0 6px 10px #21212150}.news-card:hover .card-body{background:#232323}.news-card img{aspect-ratio:16/9;object-fit:cover;width:100%}.news-card .badge{border-radius:0;padding:.3rem .6rem;font-size:.8rem}.box-btn-card{justify-content:space-between;width:100%;padding:20px;display:flex}.news-card .read-more{color:#9b59b6;font-size:.9rem;font-weight:500;text-decoration:none}.news-card .read-more:hover{text-decoration:underline}.pagination{justify-content:center;align-items:center;gap:8px;padding:20px 0;display:flex}.pagination a{color:#d8d8d8;border-radius:0;padding:6px 10px;font-size:14px;text-decoration:none;transition:all .2s}.pagination a:hover{filter:opacity(.6);color:#fff;background:#af0000}.pagination .active{color:#fff;background:#af0000;font-weight:400}.pagination .active:hover{filter:brightness(1.2);background:#af0000}.pagination .disabled{opacity:.6;pointer-events:none}.pagination .arrow{margin:0 4px;font-size:18px}.btn-back-all{color:#fff;z-index:10;width:100%;max-width:fit-content;margin-bottom:25px;padding:5px 0;font-size:18px;font-weight:500;line-height:1.2;text-decoration:underline;position:relative}.btn-back-all:hover{color:#af0000}.box-tag-date{align-items:center;display:flex}.box-tag-date2{justify-content:flex-end;align-items:center;min-width:30%;padding-top:5px;display:flex}.box-tag-date .col-tag-date{margin:0}.box-tag-date .text-date{color:#d8d8d8;border-left:1px solid #fff3;margin-left:10px;padding-left:10px;font-size:18px;font-weight:600;line-height:1.4}.col-h-dt-news{padding-right:20px}.text-share{color:#fff;margin:0;font-size:14px;font-weight:600;line-height:1.5}.btn-share{width:22px;height:22px;margin-left:12px}.btn-share.fb{background:url(../media/ic-fb.0ffcwh5kyscrf.webp) 50%/contain no-repeat}.btn-share.ms{background:url(../media/ic-ms.0j0_z0i8p9n2b.webp) 50%/contain no-repeat}.btn-share.x{background:url(../media/ic-x.0b3.e~5~1smgj.webp) 50%/contain no-repeat}.img-main-news{object-fit:cover;aspect-ratio:16/9;border-radius:0;width:100%;margin-bottom:25px}.main-btn{color:#fff;background:0 0;border:none;border-radius:0;min-width:120px;height:40px;margin:3px 0;padding:0 15px;font-size:18px;font-weight:600}.main-btn.primary{background:#af0000}.main-btn.secondary{background:#686868}.main-btn.outline{color:#af0000;border:1px solid #af0000}.main-btn:hover{filter:brightness(1.2)}.table-container{-webkit-overflow-scrolling:touch;color:#fff;width:100%;margin:25px 0;overflow-x:auto}.table-container::-webkit-scrollbar{display:none}.table-container{-ms-overflow-style:none;scrollbar-width:none}table{border-collapse:collapse;border-radius:0;width:100%;min-width:600px;overflow:hidden}thead tr{background:#141414}thead th{text-align:center;padding:12px;font-size:16px;font-weight:500;line-height:1.4}tbody tr{background:#202020}tbody td{text-align:center;padding:12px;font-size:14px;font-weight:400;line-height:1.4}tbody tr:nth-child(2n){background:#242424}.box-tag-date .card-tag{min-width:70px}.name-news-dt{color:#fff;margin-bottom:15px;font-size:34px;font-weight:600;line-height:1.2}.card-tag.detail{color:#d8d8d8;align-items:center;padding:0;font-size:18px;font-weight:600;line-height:1.5;display:flex}@media (max-width:1200px){.col-main-bg{min-height:800px}.col-main-bg.dt-page{margin-top:100px}}@media (max-width:1024px){.search-box{max-width:180px;margin-left:20px}}@media (max-width:992px){body{background-size:165%}.filter-btn{min-width:140px}.tab{justify-content:flex-start;gap:5px}.search-box{max-width:100%;margin-bottom:10px;margin-left:0}.filter-btn h2{font-size:18px}}@media (max-width:768px){.filter-btn-allnews{margin-top:15px}}@media (max-width:500px){.h1{font-size:28px}h2{font-size:26px}.h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}p,.btn-back-all,.main-btn{font-size:16px}.name-news-dt{font-size:28px}.box-tag-date .text-date,.card-tag.detail{font-size:16px}.col-main-bg{border-radius:0;padding:15px}.title-page{margin-bottom:0;font-size:40px}.tab{margin-bottom:0;overflow:hidden}.filter-btn{min-width:135px}.filter-btn-allnews{margin-top:25px}.card-body .text-date{color:gray;padding:0;font-size:13px}.col-head-dt{flex-direction:column}.box-tag-date .card-tag{min-width:56px}.col-h-dt-news{order:2;padding:0}.box-tag-date2{z-index:5;order:1;min-width:100%;padding-top:20px;position:absolute;top:-3px;right:15px}.btn-share{width:20px;height:20px;margin-left:8px}.img-main-news{border-radius:0}.col-main-bg{min-height:700px}.col-main-bg.dt-page{margin-top:90px}body{background-size:275%}.title-page{filter:drop-shadow(0 2px 8px #0007)}.col-tab-data{gap:20px}}@media (max-width:375px){.filter-btn{border-radius:0;max-width:92px}.filter-btn h2{font-size:12px}.col-main-bg{min-height:500px}}
.footer{width:100%;scroll-snap-align:start!important;height:5vh!important;min-height:166px!important;overflow:hidden!important}.footer-top{text-align:center;background:#1a1a1a;padding:15px 0}.footer-top a{width:40px;height:40px;margin:0 10px;text-decoration:none;display:inline-block}.footer-top a:hover{filter:brightness(.9)}.footer-bottom{background-color:#0a0a0a;flex-wrap:wrap;justify-content:center;align-items:center;padding:20px 15px;font-size:12px;display:flex}.footer-bottom .logo{align-items:center;gap:15px;display:flex}.footer-bottom .links{text-align:start;flex:1}.footer-bottom .links a{color:#aaa;margin-right:10px;font-size:12px;text-decoration:none}.footer-bottom .links a:hover{text-decoration:underline}.footer-bottom .copyright{color:#888;flex:1;font-size:12px}.col-link-ft{flex-direction:column;align-items:flex-start;display:flex}.col-logo-inft .rh{border-right:1px solid #9a9da3;height:55px}.col-logo-inft .hof{height:55px}.links .is-disabled{pointer-events:none;opacity:.5;cursor:not-allowed;filter:grayscale()}@media (max-width:992px){.footer-bottom .links a{margin:0}.col-link-ft{align-items:center}.footer-bottom{text-align:center;flex-direction:column}.footer-bottom .copyright{text-align:center;margin-top:10px}footer{padding-bottom:80px}}@media (max-width:575px){footer{padding-bottom:60px}}
.site-header{z-index:99999;background:#000;align-items:center;width:100%;height:80px;display:flex;position:fixed;top:0;left:0}.navbar{grid-template-columns:100px 1fr 100px;align-items:center;gap:0;width:100%;max-width:1320px;margin:0 auto;padding:0 28px;display:grid}.nav-logo{align-items:center;display:flex}.nav-logo img{object-fit:contain;width:96px;display:block}.div-menu-more{justify-content:flex-end;align-items:center;width:100%;display:flex}.nav-menu{justify-content:center;align-items:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.nav-link{color:#ffffffb3;white-space:nowrap;justify-content:center;align-items:center;gap:6px;min-width:120px;height:53px;padding:0;font-size:18px;font-weight:600;text-decoration:none;transition:all .25s;display:flex}.nav-link img{object-fit:contain;opacity:.75;width:20px;height:20px}.nav-link:hover{color:#fff}.nav-link:hover img{opacity:1}.nav-link.is-active{color:#fff;background-image:url(../media/bg-nav-active.0u-g2-or82wso.webp);background-repeat:no-repeat;background-size:100% 100%}.nav-link.is-center{color:#fff;background-image:url(../media/bg-nav-center.05meffsegul9e.webp);background-repeat:no-repeat;background-size:100% 100%;min-width:153px;height:86px;font-size:24px;font-weight:800}.nav-link.is-disabled{pointer-events:none;opacity:.5;cursor:not-allowed;filter:grayscale()}.hamburger{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:flex}.hamburger img{width:47px;height:auto;display:block}.nav-link.link-signin{min-width:auto;padding:0}@media (max-width:1024px){.navbar{grid-template-columns:140px 1fr 140px;gap:16px;padding:0 20px}.nav-menu{gap:8px}.nav-link{min-width:auto;padding:0 14px;font-size:16px}.nav-link.link-signin{min-width:auto;padding:0}}@media (max-width:992px){.nav-bottom{z-index:99999;background:#000;align-items:center;width:100%;height:80px;display:flex;position:fixed;bottom:0;left:0}.navbar{grid-template-columns:140px 140px;gap:16px;padding:0 20px}.navbar>.nav-menu{display:none}.nav-logo img{width:75%}.nav-link{flex-direction:column;gap:0;min-width:120px;font-size:20px}.nav-link.link-signin{flex-direction:row;gap:5px}.nav-menu{gap:15px}.nav-link.is-center{margin-top:-4px}.nav-link.is-active{background:0 0}.nav-link img{width:24px;height:24px}.nav-link.is-active img{opacity:1}}@media (max-width:768px){.site-header{height:76px}.nav-logo img{width:105px}.hamburger img{width:40px}.nav-link.link-signin{min-width:auto;padding:0}}@media (max-width:575px){.nav-link.is-center{min-width:100px;height:66px;font-size:20px}.nav-link{min-width:66px;padding:0;font-size:15px;font-weight:400}.nav-bottom{height:58px}.nav-menu{gap:5px}.nav-link.link-signin{min-width:auto;padding:0}}