.btn-download{width:320px}.modal-container{z-index:99;position:fixed;color:#fff;width:100%;height:100%;background-color:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;top:0}.modal-container .l-b-bg{position:relative;width:826px;max-height:90vh;min-height:50vh;background:linear-gradient(180deg,rgba(29,72,185,.39) 20.16%,rgba(18,30,60,.35));border:.25px solid rgba(151,193,255,.2);overflow:hidden;border-radius:.5em}.modal-container .l-b-bg .l-b-img{position:absolute;width:80%;bottom:0;left:-20%;filter:opacity(.2)}.modal-container .l-b-bg .l-b-header{position:relative;width:100%;height:90px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(90deg,rgba(1,22,77,.199),rgba(148,158,182,.2),rgba(1,22,77,.199))}.modal-container .l-b-bg .l-b-header:after{position:absolute;width:100%;height:10px;bottom:0;content:"";opacity:.5;background:radial-gradient(75% 75% at 50% 100%,#a0d2ff 0,rgba(6,38,85,.34) 29.17%,rgba(0,43,125,0) 75%)}.modal-container .l-b-bg .l-b-header .x-ic{position:absolute;right:5%;opacity:.7}.modal-container .l-b-bg .l-b-header .x-ic:hover{opacity:1;cursor:pointer}.modal-container .l-b-bg .l-b-content{padding:40px;position:relative;display:flex;align-items:center;justify-content:center;text-align:left;flex-direction:column;gap:10px;color:#c0d3f8}.modal-container .l-b-bg .l-b-content a{display:inline-block}.modal-container .l-b-bg .l-b-content button{height:70px;border-radius:.25em;outline:none;border:1px solid #83c3ff;background:linear-gradient(0deg,#6fa8fd -23.28%,#337fd8 7.85%,rgba(31,85,223,0) 127.36%);color:#fff;font-size:20px;font-weight:600}.modal-container .l-b-bg .l-b-content button:hover{text-shadow:0 2px 1px #000;background:linear-gradient(0deg,#6fa8fd -23.28%,#337fd8 7.85%,rgba(31,85,223,.452) 127.36%)}.btn-download{width:420px}.d-header{font-size:28px;font-weight:500;margin:0}.d-note{font-size:18px;color:#fdfbf3;margin:10px;max-width:510px;text-align:center}.link-download{text-decoration:underline;color:#76a3ff}.video-slider{position:relative;margin-bottom:30px}.video-slider .slider-container{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}.video-slider .slider-wrapper{display:flex;transition:transform .5s ease-in-out}.video-slider .slide{height:288px;display:flex;justify-content:center;align-items:center;position:relative;flex:0 0 30%;min-width:0;margin:0 10px;box-sizing:border-box;overflow:hidden;transition:transform .3s ease,opacity .3s ease;opacity:.2;pointer-events:none}.video-slider .slide__img{object-fit:cover;width:100%}.video-slider .slide__overlay{position:absolute;bottom:0;width:100%;display:flex;height:60px;align-items:center;background:rgba(0,0,0,.47)}.video-slider .slide__overlay .slide__play-btn,.video-slider .slide__overlay .slide__title{margin-left:10px;opacity:.8}.video-slider .slide__overlay .slide__title{margin-right:20px;word-break:break-all;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.video-slider .slide__overlay .slide__title:hover{text-decoration:underline}.video-slider .slide__overlay .slide__play-btn:hover{transform:scale(1.2);opacity:1}.video-slider .slide:hover .slide__overlay{height:100%}.video-slider .slide:hover .slide__overlay .slide__title{position:absolute;top:20px;left:10px;font-size:20px;opacity:1;color:#d3eaff}.video-slider .slide:hover .slide__overlay .slide__play-btn{height:64px;width:64px;margin:auto}.video-slider .slide.active{border-radius:10px;border:1px solid;box-shadow:0 4px 6px rgba(0,0,0,.1);pointer-events:auto;flex:0 0 40%;opacity:1;z-index:2}.video-slider .slider-btn{position:absolute;opacity:.4}.video-slider .slider-btn--left{top:50%;left:50px;transform:translateY(-50%) rotate(180deg)}.video-slider .slider-btn--right{top:50%;right:50px;transform:translateY(-50%)}.video-slider .slider-btn:hover{opacity:1}.server-slider{position:relative;margin-bottom:30px;display:flex;justify-content:flex-end}.server-slider .slider-container{width:660px;position:relative;overflow:hidden}.server-slider .slider-wrapper{display:flex;transition:transform .5s ease-in-out}.server-slider .slide{height:200px;position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 40%;min-width:0;margin:0 10px;box-sizing:border-box;overflow:hidden;border-radius:10px;border:1px solid;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s ease,opacity .3s ease;opacity:.4;pointer-events:none}.server-slider .slide img{object-fit:cover;width:100%}.server-slider .slide.active{pointer-events:auto;flex:0 0 60%;opacity:1;z-index:2}.server-slider .slider-btn{position:absolute;opacity:.8;top:50%;right:70px;transform:translateY(-50%)}.server-slider .slider-btn:hover{opacity:1}.section-introduce{position:relative;min-height:480px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}.section-introduce .main-box{position:relative}.section-introduce .main-box .introduce{padding-top:65px;margin-left:0;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;max-width:600px;gap:20px}.section-introduce .main-box .introduce .playbtn{position:relative;z-index:99;margin-top:10px}.section-introduce .main-box .introduce .playbtn:hover{filter:brightness(1.3)}.section-introduce .main-box .introduce .server__description{font-family:Source Sans\ 3,sans-serif;color:#96abd3;font-size:17px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.section-introduce .main-box .introduce .server__info{display:flex;align-items:center;justify-content:center;gap:18px}.section-introduce .main-box .introduce .server__info .btn-info{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;height:64px;padding:0 20px;color:#fff;background:linear-gradient(180deg,rgba(83,126,233,.37) 50%,rgba(24,57,143,.58) 0);-webkit-clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);box-shadow:0 4px 6px rgba(0,0,0,.3)}.section-introduce .main-box .introduce .server__info .btn-info span{font-family:Orbitron,sans-serif}.section-introduce .main-box .introduce .server__info .btn-info span.label{font-size:8px;color:#afd3fe;font-weight:700}.section-introduce .main-box .introduce .server__info .btn-info span.label--online{color:#8adea6}.section-introduce .main-box .introduce .server__info .btn-info span.value{font-size:20px;font-weight:700;margin-bottom:10px}.section-introduce .main-box .introduce .server__info .btn-info span.labelonline{color:#8adea6}.section-introduce .main-box .align-shadow{position:absolute;bottom:0;right:-33vw;width:60vw;height:244px;background:linear-gradient(270deg,rgba(4,7,12,.34) 44.94%,rgba(0,6,26,0) 58.85%);display:flex;align-items:center;justify-content:center;z-index:0}.section-introduce .server-slider-container{position:absolute;bottom:0}.section-trailer{padding-top:20px}.section-trailer h2{margin-bottom:10px}.section-download{background:url(/Assets/guide-box-bg.png);background-repeat:no-repeat;background-size:cover;background-position:50%}.section-download .guide-box{position:relative;height:320px;display:flex;align-items:center;justify-content:space-between}.section-download .guide-box .guide-img{width:494px;height:273px;background:url(/Assets/guide-box-img.png);background-size:85%;background-repeat:no-repeat;background-position:50%}.section-download .guide-box .guide-content{font-size:25px;flex-direction:column}.section-download .guide-box .guide-content,.section-download .guide-box .guide-content .guide-download{display:flex;align-items:center;justify-content:center;gap:15px}.section-download .guide-box .guide-content .guide-download .download-button:hover{filter:brightness(1.5)}.post-item{display:flex;position:relative;padding:10px;gap:12px;margin-bottom:20px;height:128px;background:url(/Assets/new-bg.png);background-repeat:no-repeat;background-size:cover;background-position:50%}.post-item__info{display:flex;flex:1 1;gap:5px;height:100%;flex-direction:column}.post-item__info .post__title{color:#bcdfff;display:flex;gap:10px;align-items:center}.post-item__info .post__cat-icon{width:27px}.post-item__info .post__title-txt{font-size:22px;flex:1 1;text-decoration:none;word-break:break-all;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.post-item__info .post__title-txt:hover{text-decoration:underline}.post-item__info .post__description{color:#8fa4ce;flex:1 1}.post-item__info .post__description p{margin:0;word-break:break-all;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.post-item__info .post__sub-info{display:flex;color:#a1b2cd;height:20px;align-items:center;gap:5px}.post-item__info .post__sub-info .detail-link{margin-left:auto;margin-right:22px}.post-item__thumb{width:222px;display:flex;position:relative}.post-item__thumb .post__img{width:100%}.post-item__thumb:hover .post__play-btn{transform:translate(-50%,-50%) scale(1.2)}.post-item__thumb .post__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.post-item__thumb .post__play-btn:hover{transform:translate(-50%,-50%) scale(1.2)}.post-item:after{right:0;border-right:2px solid #a1b2cd}.post-item:after,.post-item:before{position:absolute;z-index:10;width:5px;height:5px;top:0;border-top:2px solid #a1b2cd;content:""}.post-item:before{left:0;border-left:2px solid #a1b2cd}.empty-data{text-align:center}.section-media{padding-top:40px;padding-bottom:40px}.section-media .media-header{width:100%;display:flex;align-items:center;justify-content:space-between}.section-media .media-header .btn-more:hover{filter:brightness(1.5)}.section-media .media-body{display:flex;justify-content:space-between;gap:20px}.section-media .media-body .post-preview{position:relative;display:flex;align-items:center;justify-content:center;border:1px solid rgba(166,196,255,.5);padding:0 10px;height:484px;min-width:625px}.section-media .media-body .post-preview:after{right:0;border-right:2px solid #a1b2cd}.section-media .media-body .post-preview:after,.section-media .media-body .post-preview:before{position:absolute;z-index:10;width:5px;height:5px;top:0;border-top:2px solid #a1b2cd;content:""}.section-media .media-body .post-preview:before{left:0;border-left:2px solid #a1b2cd}.post-section{padding-bottom:40px}.post-section .main-news-box{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:40px}.post-section .main-news-box .news-box{display:flex;align-items:center;justify-content:center;flex-direction:column}.post-section .main-news-box .news-box .news-header{width:100%;display:flex;align-items:center;justify-content:space-between}.post-section .main-news-box .news-box .news-header .btn-more{margin-right:3%}.post-section .main-news-box .news-box .news-header .btn-more:hover{filter:brightness(1.5)}.post-section .main-news-box .news-box .news-content{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:30px;gap:30px;margin-right:20px}.edge-deco-bl{left:0;border-left:2px solid #a1b2cd}.edge-deco-bl,.edge-deco-br{position:absolute;z-index:10;width:5px;height:5px;bottom:0;border-bottom:2px solid #a1b2cd}.edge-deco-br{right:0;border-right:2px solid #a1b2cd}.post-section-item{display:flex;align-items:center;justify-content:center;flex-direction:column;height:496px}.post-section-item .content-img{position:relative;width:374px;height:223px;margin-right:1px;margin-left:1px;border:1px solid rgba(166,196,255,.5);overflow:hidden}.post-section-item .content-img:after{right:0;border-right:2px solid #a6c4ff}.post-section-item .content-img:after,.post-section-item .content-img:before{position:absolute;z-index:10;width:5px;height:5px;top:0;border-top:2px solid #a6c4ff;content:""}.post-section-item .content-img:before{left:0;border-left:2px solid #a6c4ff}.post-section-item .content-img img{width:100%;height:100%;object-fit:cover}.post-section-item .content-img img:hover{transform:scale(1.02);filter:drop-shadow(0 0 10px rgba(0,0,0,.24))}.post-section-item .content-container{position:relative;width:376px;height:275px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;background:url(/Assets/content-container.png);background-repeat:no-repeat;background-size:cover;background-position:50%}.post-section-item .content-container:after{right:1px;border-right:2px solid #a6c4ff}.post-section-item .content-container:after,.post-section-item .content-container:before{position:absolute;z-index:10;width:5px;height:5px;top:-1px;border-top:2px solid #a6c4ff;content:""}.post-section-item .content-container:before{left:1px;border-left:2px solid #a6c4ff}.post-section-item .content-container .post-item-body{height:100%;padding:20px;display:flex;flex-direction:column}.post-section-item .content-container .post-item-body .post-item__description{flex:1 1}.post-section-item .content-container .post-item-body .post-item__description p{font-size:17px;font-family:Source Sans\ 3,sans-serif;color:#8fa4ce;word-break:break-all;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.post-section-item .content-container .post-item-body .post-item__title{height:36px}.post-section-item .content-container .post-item-body .post-item__title h3{color:#bcdfff;font-size:24px;font-weight:500;margin:0;word-break:break-all;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.post-section-item .content-container .post-item-body .post-item__title h3:hover{text-decoration:underline;cursor:pointer}.post-section-item .content-container .post-item-body .post-item__sub{height:54px;display:flex;align-items:center;justify-content:space-between}.post-section-item .content-container .post-item-body .post-item__sub .sub__info{padding-left:10px;height:100%;display:flex;flex-grow:1;align-items:center;gap:5px;border:.1px solid rgba(166,196,255,.1);background:linear-gradient(0deg,rgba(61,108,231,.33) 10.53%,rgba(1,26,90,.13))}.post-section-item .content-container .post-item-body .post-item__sub .sub__btn{display:flex;align-items:center;justify-content:center;height:100%;width:123px;gap:10px;background:url(/Assets/btn-plus.png);background-repeat:no-repeat;background-size:cover;cursor:pointer;font-size:18px;font-weight:500;font-family:Source Sans\ 3,sans-serif}.post-section-item .content-container .post-item-body .post-item__sub .sub__btn a{color:#fff}.post-section-item .content-container .post-item-body .post-item__sub .sub__btn:hover{filter:brightness(1.3)}@font-face{font-family:Orbitron;font-style:normal;font-weight:400 900;font-display:swap;src:url(/_next/static/media/9a4ee768fed045da.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}.__className_c634f0{font-family:Orbitron;font-style:normal}.about-us{justify-content:space-between;padding:20px 60px}.about-us,.about-us__logo{display:flex;align-items:center}.about-us__logo{justify-content:center;flex-direction:column;text-align:center}.about-us__logo h1{font-size:40px;font-weight:500}.about-us__logo h5{font-size:17px;font-weight:400}.about-us__intro{max-width:720px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}.about-us__intro h3{font-size:30px;font-weight:400;line-height:0}.about-us__intro h4{text-align:justify;margin:0;font-size:20px;font-weight:400}.reveal{position:relative;transform:translateY(200px);opacity:0;transition:all .8s ease}.reveal.active{transform:translateY(0);opacity:1}