.page-act{background-color:#013;display:flex;position:relative;text-decoration:none}.page-act .container{height:65px;padding:0;position:relative}.page-act .container .wrapper{align-items:center;color:#fff;display:flex;justify-content:space-between;left:0;padding:10px 0;width:100%}.page-act .container .title{border-radius:2px;display:inline-flex;font-size:12px;line-height:12px;padding:2px 5px}.page-act .container .desc{color:#fff;font-size:14px}.page-act .container button{border:none;border-radius:17px;font-size:14px;outline:none;padding:6px 20px}.page-act .close{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3E%3C/svg%3E");border:none;height:15px;position:absolute;right:30px;top:25px;width:15px}.page-act .v-enter-from{opacity:0;transform:translateY(100%)}.page-act .v-enter-to{opacity:1;transform:translateY(0);transition:all 1.5s ease}.page-act .v-leave-from{opacity:1;position:absolute;transform:translateY(0)}.page-act .v-leave-to{opacity:.3;position:absolute;transform:translateY(-100%);transition:all 1.5s ease}@media (max-width:768px){.page-act .close{height:12px;right:18px;top:18px;width:12px;z-index:9999}.page-act .container{height:auto;padding:0 10px}.page-act .container .v-leave-from,.page-act .container .v-leave-to{padding:0 10px}.page-act .container .desc{font-size:12px}.page-act .container button{display:none}}nav.gameHeadStyle{background:#17181a!important;border:1px solid #2e2f33}nav.gameHeadStyle .navbar-brand{color:#fff}nav.gameHeadStyle .navbar-toggler{--bs-navbar-toggler-border-color:#fff}nav.gameHeadStyle .navbar-toggler .navbar-toggler-icon{--bs-navbar-toggler-icon-bg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}nav.gameHeadStyle .nav-link{color:#fff;transition:color .3s ease}nav.gameHeadStyle .nav-link.active{background:linear-gradient(180deg,#0079f2,#45d4ff);-webkit-background-clip:text;color:transparent;position:relative}nav.gameHeadStyle .nav-link.active .nav-link.show{color:#fff}nav.gameHeadStyle .nav-link.active:after{background:linear-gradient(180deg,#0079f2,#45d4ff);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translate(-50%);width:50%}nav .navbar-brand{align-items:center;display:flex;font-size:16px}nav .navbar-brand img{height:48px;margin-right:8px;margin-top:-10px;width:48px}nav .navs{--bs-navbar-active-color:#0079f2;--bs-navbar-nav-link-padding-x:25px;text-align:center}nav .navs .nav-link.active{font-weight:700}nav .navs .nav-item{position:relative}nav .navs .nav-item img.badge{display:block;height:36px;padding:0;position:absolute;right:0;top:-13px;width:36px;z-index:200}nav .lang{align-items:center;color:#7a8299;display:flex;font-size:16px}nav .lang img{height:16px;margin-right:8px;width:24px}nav .langs{border:none;border-radius:8px;box-shadow:0 12px 24px #1e2f7526;padding:12px 8px;--bs-dropdown-item-padding-y:.5rem}nav .langs img{height:16px;width:24px}nav .lang-btn{border:none}nav .lang-btn .dropdown-menu{left:auto;right:10px}nav .banner-img{margin-right:32px}nav .banner-img img{cursor:pointer;width:60px}nav .carousel{height:46px;overflow:hidden;position:relative;width:60px}nav .carousel-image{height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}nav .slide-right-enter-active{animation:slideInFromRight .5s ease-out}nav .slide-right-leave-active{animation:slideOutToLeft .5s ease-out}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutToLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}#nav-header.vi .navs .nav-link{padding-left:12px;padding-right:12px}@media (min-width:1400px){#nav-header.th .container,#nav-header.vi .container{max-width:1500px}}@media (max-width:768px){.banner-img{display:none}nav.gameHeadStyle .langs{height:300px;overflow:auto}}.page-banner img{cursor:pointer;display:block;margin:0 auto;max-width:100%}.popup-banner{align-items:center;background:#00000080;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:99999}.popup-banner img{cursor:pointer;max-width:400px}.popup-banner .close{margin-top:5px;width:32px}#popups-carousel{width:400px}#popups-carousel .carousel-indicators{position:relative}@media (max-width:768px){.popup-banner img{max-width:95%}#popups-carousel{width:95%}}.footer-links .title{margin-bottom:10px;margin-top:10px}.footer-links .title .apply-links{color:#7a8299;cursor:pointer;font-size:15px;font-weight:700;margin-left:10px;text-decoration:underline}.footer-links .items{display:flex;flex-wrap:wrap;gap:10px}.footer-links .items a{text-decoration:none}.footer-links .items a:hover{color:#fff}@media (max-width:768px){.footer-links .items a{display:block;width:47%}}footer{background:#1a294a;color:#fff;padding:32px 0}footer.gameHeadStyle{background:#17181a}footer.gameHeadStyle .desc{color:#fff!important}footer .container{align-items:flex-start;display:flex;justify-content:space-between}footer a{color:#7a8299;font-size:14px;line-height:14px;text-decoration-line:underline}footer .links{align-items:flex-start;display:flex;flex-direction:column;gap:15px;justify-content:flex-start;padding:0 12px}footer .links a{display:inline-block}footer .slogan{display:flex;flex-direction:column;max-width:500px}footer .slogan .logo{align-items:center;color:#fff;display:flex;margin-bottom:12px}footer .slogan .logo .name{margin-top:8px}footer .slogan img{height:50px;margin-right:10px;width:50px}footer .slogan .subtext{font-size:14px;font-weight:700;line-height:18px;margin-top:3px}footer .slogan .desc{color:#d5daec99;font-size:12px}footer .slogan .desc p{margin-bottom:5px}footer .contact .icons{width:270px}@media (max-width:768px){footer .container{flex-direction:column;gap:20px;padding-left:24px}footer .container .links{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:10px 0;width:100%}footer .container .links .title{width:100%}footer .container .links a{width:47%}footer .container .contact .icons{flex-wrap:wrap}}.app-main{padding-top:64px}
