#MS__wrapper{overflow-y:auto}.MS__pc{display:block !important}@media(max-width: 768px)and (orientation: portrait){.MS__pc{display:none !important}}.MS__mb{display:none !important}@media(max-width: 768px)and (orientation: portrait){.MS__mb{display:block !important}}@font-face{font-family:"Cormorant";src:url(fonts/CormorantGaramond-Regular.ttf)}@font-face{font-family:"CormorantB";src:url(fonts/CormorantGaramond-SemiBoldItalic.ttf)}@font-face{font-family:"CormorantBold";src:url(fonts/CormorantGaramond-SemiBold.ttf)}@font-face{font-family:"LANGraceSans";src:url(fonts/LAN-GraceSans.ttf)}@font-face{font-family:"Sukhumvitset";src:url(fonts/sukhumvit-set.ttf)}@font-face{font-family:"BeaufortforLOL";src:url(fonts/BeaufortforLOL-Medium.otf) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:"BeaufortforLOL";src:url(fonts/BeaufortforLOL-Bold.otf) format("opentype");font-weight:700;font-display:swap}.MS__Cormorant{font-family:"Cormorant"}html{overflow:auto;background-color:#0a0a0b}@media(max-width: 768px)and (orientation: portrait){html{overflow:auto}}.MS__outer{z-index:100}.MS__outer.bottom{height:auto !important;transform-origin:left bottom !important;z-index:1}.subpage-content{position:relative;min-height:600px;box-sizing:border-box;padding-top:40px;padding-bottom:300px}@media(max-width: 768px)and (orientation: portrait){.subpage-content{padding-bottom:200px}}.subpage-content .news-pagination .pagination{width:100%;list-style:none;display:flex;gap:25px;font-size:26px;align-items:center;justify-content:center}.subpage-content .news-pagination .pagination .page-item a{padding:5px 14px;background:#8aa0c3;color:#fff}.subpage-content .news-pagination .pagination .page-item.active a{background:#465784;color:#fff}.subpage-content .news-pagination .pagination a{text-decoration:none}
@media(min-width: 769px)or (orientation: landscape){#frameTrack>section:not(#header).is-active>.content{animation:frameRevealPc 1.1s cubic-bezier(0.22, 1, 0.36, 1) .4s both}}@media(max-width: 768px)and (orientation: portrait){#frameTrack>section:not(#header).is-inview>.content{animation:frameReveal .8s cubic-bezier(0.22, 1, 0.36, 1) both}}@keyframes frameRevealPc{from{opacity:0;transform:translateY(140px)}to{opacity:1;transform:none}}@keyframes frameReveal{from{opacity:0;transform:translateY(100px)}to{opacity:1;transform:none}}@media(min-width: 769px)and (max-height: 950px),(orientation: landscape)and (max-height: 950px){#news>.content{transform-origin:center top;scale:.9}}
#header{position:relative;height:1300px}@media(max-width: 768px)and (orientation: portrait){#header{height:1300px}}#header *{box-sizing:border-box}#header .background{position:absolute;top:0;left:0}#header video{width:2000px;height:1080px}#header .content{position:absolute;left:0;top:0;right:0;bottom:0;box-sizing:border-box}#header .content .logo{position:absolute;left:30px;top:20px}#header .content .rating{top:30px;left:40px;position:absolute;pointer-events:none}@media(max-width: 768px)and (orientation: portrait){#header .content .rating{display:none}}#header .content .app_info{display:flex;align-items:center;justify-content:center;position:absolute;top:735px;left:50%;transform:translateX(-50%) translateY(60px);opacity:0;transition:transform .8s cubic-bezier(0.22, 1, 0.36, 1),opacity .8s ease;width:max-content;height:224px;padding:0 40px;gap:20px;background:url(optimized/header/images/bg-info.png) no-repeat center/100% 100%}#header .content .app_info.is-show{transform:translateX(-50%) translateY(0);opacity:1}@media(max-width: 768px)and (orientation: portrait){#header .content .app_info{top:885px;width:740px;height:224px;padding:0 15px;gap:12px;background-image:url(optimized/header/images/bg-info-mb.png)}}#header .content .app_info .qrcode{flex-shrink:0;display:flex;align-items:center;justify-content:center}#header .content .app_info .qrcode img{width:162px;height:162px}@media(max-width: 768px)and (orientation: portrait){#header .content .app_info .qrcode{display:none}}#header .content .app_info .group-btn{display:flex;flex-direction:column;gap:12px;flex-shrink:0}@media(max-width: 768px)and (orientation: portrait){#header .content .app_info .group-btn{gap:10px}}#header .content .app_info .action-btn{display:flex;align-items:center;gap:16px;flex-shrink:0}@media(max-width: 768px)and (orientation: portrait){#header .content .app_info .action-btn{gap:6px}}.th #header .content .app_info{font-family:"Sukhumvitset"}@media(min-width: 769px)and (max-height: 950px),(orientation: landscape)and (max-height: 950px){#header .content .app_info{top:650px;transform-origin:center top;scale:.9}}
#p404{position:relative;height:1300px}@media(max-width: 768px)and (orientation: portrait){#p404{height:1300px}}#p404 *{box-sizing:border-box}#p404 .background{position:absolute;top:0;left:0}#p404 .content{position:absolute;left:0;top:0;right:0;bottom:0;box-sizing:border-box}#p404 .content .btn-trangchu{position:absolute;top:550px;left:50%;transform:translateX(-50%);font-size:0;display:block}#p404 .content .logo{position:absolute;left:50%;transform:translateX(-50%);top:80px}
#navigation{position:relative;height:70px;pointer-events:auto}@media(min-width: 769px)or (orientation: landscape){#navigation{pointer-events:none}}@media(max-width: 768px)and (orientation: portrait){#navigation{height:61px;width:768px;margin-left:0}}#navigation *{box-sizing:border-box}#navigation .background{position:absolute;top:0;left:0}#navigation .content{position:absolute;left:0;top:0;right:0;bottom:0;box-sizing:border-box}#navigation .content{display:flex;align-items:center;padding-right:20px;justify-content:center;box-sizing:border-box;font-family:"BeaufortforLOL";font-weight:400}@media(max-width: 768px)and (orientation: portrait){#navigation .content{padding:0 20px;margin-top:0;justify-content:right}}#navigation .content .iconapp{position:absolute;top:2px;left:15px}#navigation .content .logo-nav:after{display:none}#navigation .content .logo-nav .logo{display:block;padding:0;position:relative;top:16px}#navigation .content .logo-nav .logo img{display:block;width:auto;height:84px}#navigation .content .right-group{height:100%;display:flex;align-items:center;position:absolute;top:0;right:30px;gap:5px}@media(max-width: 768px)and (orientation: portrait){#navigation .content .right-group{position:absolute;right:20px}}#navigation .content ul.list-navs{display:flex;list-style:none;text-transform:uppercase;gap:30px;align-items:center;white-space:nowrap;pointer-events:auto}@media(min-width: 769px)or (orientation: landscape){#navigation .content ul.list-navs{background:url(optimized/navigation/images/bg-nav.png) no-repeat center;min-width:706px;height:59px;justify-content:center;align-self:flex-start}}#navigation .content ul.list-navs li{position:relative;display:flex;gap:5px;align-items:center;justify-content:center}#navigation .content ul.list-navs li.off{pointer-events:none}#navigation .content ul.list-navs li a{padding:8px 8px 12px 8px;color:#818ccf;font-size:22px;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:30px;text-transform:none}#navigation .content ul.list-navs li a.btn-social{font-size:0}@media(max-width: 768px)and (orientation: portrait){#navigation .content ul.list-navs li a{flex-direction:row;gap:8px;font-size:25px;padding:20px 10px;text-transform:uppercase;color:#e5efff}}#navigation .content ul.list-navs li:hover a,#navigation .content ul.list-navs li.active a{color:#c0a05a}#navigation .content ul.list-navs li ul.sub-navs{border-top:10px solid #6a4c2d;width:90px;background-color:rgba(0,0,0,.7);list-style:none;position:absolute;top:65px;padding:5px 0;display:none}#navigation .content ul.list-navs li ul.sub-navs li{width:100%}#navigation .content ul.list-navs li ul.sub-navs li:after{content:unset}#navigation .content ul.list-navs li ul.sub-navs li a{font-size:20px;padding:4px 0;color:#fff;text-transform:initial}@media(max-width: 768px)and (orientation: portrait){#navigation .content ul.list-navs li ul.sub-navs li a{background-color:unset;font-size:25px;align-items:flex-end}}#navigation .content ul.list-navs li ul.sub-navs li a:hover,#navigation .content ul.list-navs li ul.sub-navs li a.active{color:#6a4c2d}#navigation .content ul.list-navs li:hover ul.sub-navs{display:block}@media(max-width: 768px)and (orientation: portrait){#navigation .content ul.list-navs li.social{border-top:1px solid #fff;width:90%;padding-top:20px;margin:0 auto;display:block}#navigation .content ul.list-navs li.social ul.sub-navs{width:100%;position:relative;border-top:none;background:#222;top:0}#navigation .content ul.list-navs li.social ul.sub-navs a{padding:10px}#navigation .content ul.list-navs li.social .btn-social{font-size:20px;text-align:center;padding:10px;background:rgba(0,0,0,0);width:100%;display:flex;gap:10px;justify-content:center;align-items:center}#navigation .content ul.list-navs li.social .btn-social:after{content:"";width:0;height:0;border-left:8px solid rgba(0,0,0,0);border-right:8px solid rgba(0,0,0,0);border-top:8px solid #9f7d5a}}@media(max-width: 768px)and (orientation: portrait){#navigation .content ul.list-navs{position:absolute;z-index:1;flex-direction:column;gap:10px;left:unset;transform:unset;right:0;top:61px;display:none;width:100%;align-items:center;justify-content:center;overflow-y:auto}#navigation .content ul.list-navs li{border-bottom:1px solid #585d7c;width:86%}}#navigation .content .burger-info{width:100%;position:absolute;top:61px;left:0;display:none;background:rgba(0,0,0,.9);height:100vh}#navigation.active .content ul.list-navs{display:flex}#navigation.active .content .burger-info{display:block}.th #navigation .content{font-family:"Sukhumvitset"}
#libraryMainsite-t-float_right{position:fixed;top:44%;right:15px;z-index:90;pointer-events:auto;scale:var(--fr-scale, 1);transform-origin:right center;opacity:0;transform:translateY(-50%) translateX(160px);transition:transform .55s cubic-bezier(0.22, 1, 0.36, 1),opacity .4s ease}#libraryMainsite-t-float_right.is-in{opacity:1;transform:translateY(-50%) translateX(0)}#libraryMainsite-t-float_right .gr_social{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:16px}#libraryMainsite-t-float_right .gr_social li{opacity:0;transform:translateX(30px)}#libraryMainsite-t-float_right .gr_social a{display:block}#libraryMainsite-t-float_right.is-in .gr_social li{animation:fr-btn-in .3s ease forwards}#libraryMainsite-t-float_right.is-in .gr_social li:nth-child(1){animation-delay:0.35s}#libraryMainsite-t-float_right.is-in .gr_social li:nth-child(2){animation-delay:0.44s}#libraryMainsite-t-float_right.is-in .gr_social li:nth-child(3){animation-delay:0.53s}#libraryMainsite-t-float_right.is-in .gr_social li:nth-child(4){animation-delay:0.62s}#libraryMainsite-t-float_right.is-in .gr_social li:nth-child(5){animation-delay:0.71s}@media(max-width: 768px)and (orientation: portrait){#libraryMainsite-t-float_right{top:auto;right:0;left:0;bottom:0;width:100%;padding:10px 0;transform-origin:center bottom;transform:translateY(100%)}#libraryMainsite-t-float_right.is-in{transform:translateY(0)}#libraryMainsite-t-float_right .gr_social{flex-direction:row;justify-content:center;gap:14px}}@keyframes fr-btn-in{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}
#news{position:relative;height:1300px}@media(max-width: 768px)and (orientation: portrait){#news{height:1914px;margin-top:-1px}}#news *{box-sizing:border-box}#news .background{position:absolute;top:0;left:0}#news .content{position:absolute;left:0;top:0;right:0;bottom:0;box-sizing:border-box;font-family:"Cormorant"}@media(max-width: 768px)and (orientation: portrait){#news .content{position:relative;z-index:1;inset:auto}}#news .content h2{position:absolute;top:85px;left:calc(50% + 175px)}@media(max-width: 768px)and (orientation: portrait){#news .content h2{position:static;left:auto;top:auto;margin:0;padding-top:45px;text-align:center}#news .content h2 img{display:inline-block;width:320px;height:auto}}#news .content .block__main{position:absolute;top:306px;left:480px;width:1398px;display:flex;align-items:flex-start;gap:12px}#news .content .block__main--panel{width:1170px;height:372px;background:url(optimized/news/images/khung-banner-news.png) no-repeat center/100% 100%;display:flex;align-items:center;justify-content:space-between;padding:11px 30px}#news .content .block__main--banner{width:625px;height:350px;position:relative;align-self:flex-start;margin-top:-46px}#news .content .block__main--banner .swiper-news-banner{width:625px;height:350px}#news .content .block__main--banner img{width:625px;height:350px;object-fit:cover}#news .content .block__main--banner .banner-border{position:absolute;top:-6px;left:-6px;width:636px;height:362px;object-fit:fill;pointer-events:none;z-index:2}#news .content .block__main--banner .swiper-news-banner-pagination{position:static;margin-top:14px;display:flex !important;align-items:center;justify-content:center;gap:24px}#news .content .block__main--banner .swiper-news-banner-pagination .swiper-pagination-bullet{opacity:1;border-radius:unset;background-color:rgba(0,0,0,0)}#news .content .block__main--news{width:467px;height:313px;background:url(optimized/news/images/khung-news.webp) no-repeat center/100% 100%;padding:22px 28px;font-family:"BeaufortforLOL"}@media(max-width: 768px)and (orientation: portrait){#news .content .block__main{position:static;top:auto;left:auto;width:720px;min-height:931px;margin:14px auto 0;padding:38px 32px 0;background:url(optimized/news/images/khung-banner-news-mb.webp) no-repeat top center/720px 931px;flex-direction:column;align-items:center;gap:16px}#news .content .block__main--panel{display:contents}#news .content .block__main--banner{order:1;width:648px;height:auto;align-self:center;margin-top:0;background:none;padding:0}#news .content .block__main--banner .swiper-news-banner{width:648px;height:363px}#news .content .block__main--banner img{width:648px;height:363px}#news .content .block__main--banner .banner-border-mb{top:-8px;left:-8px;width:664px;height:379px}#news .content .block__main--banner .swiper-news-banner-pagination{justify-content:center}#news .content .block__main--news{order:3;width:657px;height:343px;background:url(optimized/news/images/khung-news-mb.webp) no-repeat top center/100% 100%;padding:20px 30px}}#news .content .block__cat{position:absolute;left:470px;top:666px;width:1365px;display:flex;justify-content:space-between}@media(max-width: 768px)and (orientation: portrait){#news .content .block__cat{position:static;left:auto;top:auto;width:685px;margin:0 auto;flex-wrap:wrap;justify-content:space-between;gap:13px;row-gap:0}}#news .content .block__main--side{width:208px;position:relative;display:flex;flex-direction:column;align-items:flex-start;margin-top:20px}@media(max-width: 768px)and (orientation: portrait){#news .content .block__main--side{order:2;width:max-content;position:static;margin:0;flex-direction:row;align-items:center;justify-content:center;gap:8px;transform:scale(0.78);transform-origin:top center}}#news .content .block__main--side .btn-listtin{position:absolute;left:-12px;top:116px}@media(max-width: 768px)and (orientation: portrait){#news .content .block__main--side .btn-listtin{position:static;left:auto;top:auto;order:3;margin:0}}#news .content .news-tabs{display:flex;flex-direction:column;align-items:flex-start;gap:10px}@media(max-width: 768px)and (orientation: portrait){#news .content .news-tabs{display:contents}}#news .content .news-tabs a{display:block;text-decoration:none}@media(max-width: 768px)and (orientation: portrait){#news .content .news-tabs .tab-tintuc{order:1}}@media(max-width: 768px)and (orientation: portrait){#news .content .news-tabs .tab-sukien{order:2}}#news .content .news-tabs .tab-tinhnang{margin-top:90px}@media(max-width: 768px)and (orientation: portrait){#news .content .news-tabs .tab-tinhnang{margin-top:0;order:4}}@media(max-width: 768px)and (orientation: portrait){#news .content .news-tabs .tab-huongdan{order:5}}#news .content .news-list{width:100%;font-size:16px}#news .content .news-list ul{list-style:none}#news .content .news-list ul li{width:100%;border-bottom:1px solid #485980;overflow:hidden}#news .content .news-list ul li a{color:#fff;text-decoration:none;width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px}#news .content .news-list ul li a:hover{color:#c0a05a}#news .content .news-list ul li .news-cat{flex-shrink:0;padding:4px 12px;background:rgba(40,52,96,.6);color:#aab6ea;font-size:14px;line-height:1;white-space:nowrap}@media(max-width: 768px)and (orientation: portrait){#news .content .news-list ul li .news-cat{font-size:22px;padding:8px 16px}}#news .content .news-list ul li .news-text{font-size:16px;line-height:24px;padding:10px 0;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#news .content .news-list ul li .news-date{font-size:16px;line-height:24px;white-space:nowrap;text-align:right;color:#818ccf}@media(max-width: 768px)and (orientation: portrait){#news .content .news-list ul li .news-date{font-size:22px}}@media(max-width: 768px)and (orientation: portrait){#news .content .news-list ul li .news-text{font-size:22px;line-height:32px;padding:9px 0}}#news .content .news-list .empty p{color:#fff;font-size:28px;line-height:40px;padding:10px 0}.th #news .content{font-family:"Sukhumvitset"}.th #news .content .news-tabs{font-family:"Sukhumvitset"}.th #news .content .news-tabs a{font-size:30px}.th #news .content .news-list ul li .news-text{font-size:25px}.th #news .content .news-list ul li .news-date{font-size:20px}
#characters{position:relative;height:1300px;overflow:hidden}#characters *{box-sizing:border-box}#characters .background{position:absolute;top:0;left:0}#characters .content{position:absolute;inset:0}#characters .title{position:absolute;top:0;left:0;width:100%;height:220px;margin:0;z-index:7;pointer-events:none}#characters .title .sun{position:absolute;left:50%;top:38px;transform:translateX(-50%) translateY(38px) scale(1.05);transform-origin:top center;opacity:0}#characters .title .text{position:absolute;left:50%;top:38px;transform:translateX(-50%) scale(1.05);transform-origin:top center;opacity:0}#characters.is-active .title .text{animation:title-text-in .5s ease forwards}#characters.is-active .title .sun{animation:title-sun-up .35s 1s ease forwards}@keyframes title-text-in{from{opacity:0}to{opacity:1}}@keyframes title-sun-up{from{opacity:0;transform:translateX(-50%) translateY(38px) scale(1.05)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1.05)}}#characters .roles{position:absolute;inset:0}#characters .character-main{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}#characters .character-main .swiper-slide{position:relative;width:100%;height:100%;overflow:hidden;pointer-events:none}#characters .background{position:absolute;top:0;left:0;width:2000px;height:1300px;z-index:0}#characters .background img{display:block;width:100%;height:100%;object-fit:cover}#characters .rwpic{position:absolute;right:0;bottom:0;z-index:2;pointer-events:none}#characters .rwpic img{display:block;width:auto;height:auto}#characters .rwpic1{right:0;bottom:0}#characters .rwpic2{right:0;bottom:0}#characters .rwpic3{right:0;bottom:0}#characters .rwpic4{right:0;bottom:0}#characters .rwpic5{right:0;bottom:0}#characters .rwpic6{right:0;bottom:0}#characters .rwpic7{right:0;bottom:0}#characters .rwpic8{right:0;bottom:0}#characters .info{position:absolute;left:990px;top:772px;width:620px;height:215px;padding:16px 26px;background:rgba(0,0,0,.6);border:1px solid #d0b47d;z-index:5}#characters .info .name{font-size:40px;font-weight:700;line-height:1;text-transform:uppercase;color:#ffeed2}#characters .info .line{display:block;margin-top:4px;margin-left:-20px}#characters .info .desc{margin-top:14px;color:#ffeed2;font-size:18px;line-height:1.5}#characters .video-box{position:absolute;left:990px;top:575px;width:303px;height:172px;z-index:5;display:block;pointer-events:none}#characters .video-box .v-thumb{position:absolute;top:1px;left:1px;width:301px;height:170px;object-fit:cover}#characters .video-box .v-border{position:absolute;top:0;left:0;width:303px;height:172px}#characters .video-box .v-play{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0.7)}#characters .character-main .swiper-slide-active .video-box{pointer-events:fill}#characters .character-cards{position:absolute;left:270px;top:250px;width:890px;height:540px;overflow:visible;clip-path:inset(-140px 30px -30px -200px);z-index:1}#characters .character-cards .swiper-wrapper{align-items:flex-start}#characters .character-cards .swiper-slide{position:relative;width:277px !important;height:430px !important;cursor:pointer}#characters .character-cards .swiper-slide-prev{opacity:0;pointer-events:none}#characters .character-cards .card-sm{width:277px;height:430px}#characters .character-cards .card-lg{display:none}#characters .character-cards .swiper-slide-thumb-active{z-index:3}#characters .character-cards .swiper-slide-thumb-active .card-lg{display:block;position:absolute;top:-100px;left:-198px;width:592px;height:540px}#characters .paging{position:absolute;left:560px;top:752px;z-index:4;display:flex;align-items:center;transform:translateX(-50%) scale(0.6);transform-origin:center center}#characters .paging .swiper-pagination{position:static;display:flex;align-items:center;gap:22px;width:auto}#characters .char-nav{position:absolute;top:737px;z-index:6;cursor:pointer;display:block;margin:0}#characters .char-nav::after{display:none}#characters .char-prev{left:340px}#characters .char-next{left:720px}@media(max-width: 768px)and (orientation: portrait){#characters{height:1298px}#characters .background{width:768px;height:1298px}#characters .background img{object-fit:cover}#characters .title{height:170px}#characters .title .sun,#characters .title .text{opacity:1;transform:translateX(-50%) scale(0.85);transform-origin:top center}#characters .character-cards{left:53%;top:190px;width:895px;height:540px;transform:translateX(-50%) scale(0.66);transform-origin:top center}#characters .rwpic{left:0;right:auto;bottom:0;width:768px}#characters .rwpic img{width:768px;height:auto}#characters .video-box{left:30px;top:905px;transform:scale(0.72);transform-origin:top left}#characters .info{left:30px;top:1035px;width:530px;height:185px}#characters .info .name{font-size:34px}#characters .info .desc{margin-top:10px;font-size:18px;line-height:1.5}#characters .paging{display:none}#characters .char-nav{top:310px}#characters .char-prev{left:22px}#characters .char-next{left:693px}}
#gallery{position:relative;height:1300px}#gallery *{box-sizing:border-box}@media(max-width: 768px)and (orientation: portrait){#gallery{height:990px;margin-top:-1px}}#gallery .background{position:absolute;top:0;left:0;width:2000px;height:1300px}#gallery .background img{display:block;width:100%;height:100%;object-fit:cover}@media(max-width: 768px)and (orientation: portrait){#gallery .background{width:768px;height:990px}}#gallery .content{position:absolute;inset:0}#gallery .title{position:absolute;top:12px;left:56%;transform:translateX(-50%);margin:0;width:591px;height:178px;z-index:6;pointer-events:none}#gallery .title .sun,#gallery .title .text{position:absolute;top:0;left:0;width:591px;height:178px}#gallery .title .text{opacity:0}#gallery .title .sun{opacity:0;transform:translateY(40px)}@media(max-width: 768px)and (orientation: portrait){#gallery .title{top:10px;left:50%}#gallery .title .text,#gallery .title .sun{opacity:1;transform:none}}#gallery.is-active .title .text{animation:gal-title-text .5s ease forwards}#gallery.is-active .title .sun{animation:gal-title-sun .45s 1s ease forwards}@keyframes gal-title-text{from{opacity:0}to{opacity:1}}@keyframes gal-title-sun{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}#gallery .feature{position:absolute;inset:0}#gallery .video{position:absolute;top:174px;left:57%;transform:translateX(-50%);width:953px;height:546px;z-index:2}#gallery .video .swiper-main{position:absolute;top:15px;left:16px;width:921px;height:516px;z-index:1}#gallery .video .swiper-main .swiper-slide{position:relative}#gallery .video .swiper-main .poster{display:block;width:100%;height:100%;object-fit:cover}#gallery .video .frame{position:absolute;top:0;left:0;width:953px;height:546px;z-index:3;pointer-events:none}#gallery .video .btn-play{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);pointer-events:none}#gallery .video .swiper-main .swiper-slide-active .btn-play{pointer-events:auto}#gallery .video .swiper-button-prev,#gallery .video .swiper-button-next{position:absolute;top:48%;transform:translateY(-50%);margin:0;z-index:5}#gallery .video .swiper-button-prev::after,#gallery .video .swiper-button-next::after{display:none}#gallery .video .swiper-button-prev.swiper-button-disabled,#gallery .video .swiper-button-next.swiper-button-disabled{opacity:.7}#gallery .video .swiper-button-prev{left:-90px}@media(max-width: 768px)and (orientation: portrait){#gallery .video .swiper-button-prev{left:-80px}}#gallery .video .swiper-button-next{right:-90px}@media(max-width: 768px)and (orientation: portrait){#gallery .video .swiper-button-next{right:-80px}}#gallery .video .thumbs{position:absolute;left:50%;top:560px;transform:translateX(-50%);width:923px;z-index:4;overflow:hidden}#gallery .video .thumbs .thumb{width:176px;height:102px;overflow:hidden;filter:brightness(0.5);cursor:pointer;transition:filter .25s ease}#gallery .video .thumbs .thumb img{width:100%;height:100%;object-fit:cover;border:2px solid #e7c89a}#gallery .video .thumbs .thumb.swiper-slide-thumb-active{filter:brightness(1)}@media(max-width: 768px)and (orientation: portrait){#gallery .video{top:200px;width:642px;height:368px;left:50%}#gallery .video .swiper-main{top:10px;left:11px;width:616px;height:347px}#gallery .video .frame{width:642px;height:368px}#gallery .video .thumbs{top:380px;bottom:auto;width:620px}#gallery .video .thumbs .thumb{width:120px;height:69px}}#gallery .paging{position:absolute;top:720px;left:50%;transform:translateX(-50%);z-index:4;display:none}#gallery .paging .swiper-pagination{position:static;display:flex;align-items:center;justify-content:center;gap:18px;width:auto}@media(max-width: 768px)and (orientation: portrait){#gallery .paging{top:590px}#gallery .paging .swiper-pagination{gap:14px}}#gallery .btn-thongtin{position:absolute;right:55px;top:920px;z-index:9;display:block}@media(max-width: 768px)and (orientation: portrait){#gallery .btn-thongtin{right:30px;top:760px}}#gallery .footer{position:absolute;left:0;bottom:0;width:2000px;height:828px;z-index:8;display:none;pointer-events:none;background:linear-gradient(to bottom, rgba(233, 236, 248, 0) 0%, rgba(233, 236, 248, 0.96) 26%, rgb(233, 236, 248) 42%)}#gallery .footer .footer-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#gallery .footer .footer-inner{position:absolute;left:50%;bottom:300px;transform:translateX(-50%);width:1600px;text-align:center;z-index:1}#gallery .footer .footer-inner .footer-logo{display:inline-block}#gallery .footer .footer-inner p{margin:22px auto 20px;color:#2b2f4a;font-size:20px;line-height:34px}@media(max-width: 768px)and (orientation: portrait){#gallery .footer{width:768px;height:796px}#gallery .footer .footer-inner{bottom:200px;width:700px}#gallery .footer .footer-inner p{font-size:22px;line-height:36px}}#gallery .footer.is-show{display:block;pointer-events:auto;animation:gal-footer-up .5s ease}@keyframes gal-footer-up{from{transform:translateY(100%)}to{transform:translateY(0)}}
#footer{position:relative;width:100%;height:800px}#footer *{box-sizing:border-box}@media(max-width: 768px)and (orientation: portrait){#footer{height:790px}}#footer .background{position:absolute;top:0;left:0;background:#191919;height:300px;width:100%}@media(max-width: 768px)and (orientation: portrait){#footer .background{height:320px}}#footer .content{position:absolute;left:0;top:0;right:0;bottom:0;box-sizing:border-box;z-index:1;display:flex;justify-content:center;align-items:center}#footer .content .group-img{display:flex;align-items:center;justify-content:center;gap:20px}@media(max-width: 768px)and (orientation: portrait){#footer .content .group-img{scale:.8;transform-origin:center bottom}}#footer .content .gr_footer{display:flex;justify-content:center;align-items:center;gap:0;flex-direction:column}#footer .content p{text-align:center;font-size:20px;line-height:35px;color:#c5c5c5;padding-bottom:30px}@media(max-width: 768px)and (orientation: portrait){#footer .content img{max-width:90%;object-fit:cover}#footer .content p{padding:0 20px 10px;line-height:30px}}
#subpage-news-list{position:relative;height:auto;background:url(optimized/subpage-news-list/images/banner-sub.webp) no-repeat center top #eaeff7}@media(max-width: 768px)and (orientation: portrait){#subpage-news-list{background:url(optimized/subpage-news-list/images/banner-sub-mb.webp) no-repeat center top #eaeff7}}#subpage-news-list *{box-sizing:border-box}#subpage-news-list .subpage-content{background:url(optimized/subpage-news-list/images/bg-bottom.webp) no-repeat center bottom;color:#465784;font-family:"BeaufortforLOL"}@media(max-width: 768px)and (orientation: portrait){#subpage-news-list .subpage-content{background:url(optimized/subpage-news-list/images/bg-bottom-mb.webp) no-repeat center bottom}}#subpage-news-list .subpage-content .title-sub{font-size:50px;text-align:center;padding-top:60px;color:#60659c;text-transform:uppercase;font-weight:700;padding:145px 0}@media(max-width: 768px)and (orientation: portrait){#subpage-news-list .subpage-content .title-sub{font-size:35px;padding:270px 0 50px}}#subpage-news-list .subpage-content .news-tabs{display:flex;width:1060px;padding-bottom:8px;margin:0 auto 40px;justify-content:left;border-bottom:1px solid #b8c5db;gap:50px}#subpage-news-list .subpage-content .news-tabs a{padding:12px 0;color:#465784;font-size:25px;box-sizing:border-box;text-decoration:none;display:flex;align-items:center;justify-content:flex-end;text-transform:uppercase;position:relative;font-weight:700}#subpage-news-list .subpage-content .news-tabs a.active{color:#c0a05a}@media(max-width: 768px)and (orientation: portrait){#subpage-news-list .subpage-content .news-tabs{width:662px;padding-top:10px;gap:20px}#subpage-news-list .subpage-content .news-tabs a{font-size:25px}}#subpage-news-list .subpage-content .news-list{position:relative;width:1060px;margin:0 auto 40px}@media(max-width: 768px)and (orientation: portrait){#subpage-news-list .subpage-content .news-list{width:660px}}#subpage-news-list .subpage-content .news-list ul{display:flex;flex-direction:column;gap:50px;list-style:none}#subpage-news-list .subpage-content .news-list ul li{width:100%}#subpage-news-list .subpage-content .news-list ul .item{display:flex;align-items:center;gap:26px;width:100%;color:#3b4472;text-decoration:none}#subpage-news-list .subpage-content .news-list ul .news-date{flex:0 0 auto;width:76px;text-align:center}#subpage-news-list .subpage-content .news-list ul .news-date .day{display:block;font-family:"BeaufortforLOL";font-weight:700;font-size:46px;line-height:1;color:#3b4472}#subpage-news-list .subpage-content .news-list ul .news-date .md{display:inline-block;margin-top:8px;padding:3px 10px;background:#8aa0c3;color:#fff;font-size:15px;letter-spacing:1px}#subpage-news-list .subpage-content .news-list ul .news-card{flex:1 1 auto;display:flex;align-items:start;gap:26px;min-width:0;padding:20px 30px;background:#cfd8e5;height:170px}#subpage-news-list .subpage-content .news-list ul .item:hover .news-card{background:#c1cce0}#subpage-news-list .subpage-content .news-list ul .news-thumb{flex:0 0 auto;align-self:flex-start;position:relative;top:-40px;width:273px;height:178px;overflow:hidden}#subpage-news-list .subpage-content .news-list ul .news-thumb img{display:block;width:100%;height:100%;object-fit:cover}#subpage-news-list .subpage-content .news-list ul .news-info{flex:1 1 auto;min-width:0}#subpage-news-list .subpage-content .news-list ul .news-info .news-cate{font-family:"BeaufortforLOL";font-size:16px;color:#6b78a8;margin:0}#subpage-news-list .subpage-content .news-list ul .news-info .news-title{font-family:"BeaufortforLOL";font-weight:700;font-size:22px;line-height:1.3;color:#3b4472;margin:6px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#subpage-news-list .subpage-content .news-list ul .news-info .news-desc{font-family:Arial,sans-serif;font-size:14px;line-height:20px;color:#98a1bd;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}#subpage-news-list .subpage-content .news-list ul .btn-detail{flex:0 0 auto;display:flex;align-items:center;width:110px;height:34px;padding-left:16px;box-sizing:border-box;color:#fff;font-family:"BeaufortforLOL";font-size:14px;white-space:nowrap;transition:opacity .25s ease;margin-top:45px}#subpage-news-list .subpage-content .news-list ul .item:hover .btn-detail{opacity:.85}@media(max-width: 768px)and (orientation: portrait){#subpage-news-list .subpage-content .news-list ul .item{gap:16px}#subpage-news-list .subpage-content .news-list ul .news-date{width:64px}#subpage-news-list .subpage-content .news-list ul .news-date .day{font-size:38px}#subpage-news-list .subpage-content .news-list ul .news-date .md{font-size:14px}#subpage-news-list .subpage-content .news-list ul .news-card{gap:16px;padding:16px 18px;height:125px;position:relative}#subpage-news-list .subpage-content .news-list ul .news-thumb{width:180px;height:118px;top:-32px}#subpage-news-list .subpage-content .news-list ul .news-info .news-title{font-size:20px}#subpage-news-list .subpage-content .news-list ul .news-info .news-desc{display:none}#subpage-news-list .subpage-content .news-list ul .btn-detail{position:absolute;right:18px;bottom:10px;margin:0}}#subpage-news-list .bg-bottom{margin-top:-1px}
#subpage-news-detail{position:relative;height:auto;background:url(optimized/subpage-news-detail/images/banner-sub.webp) no-repeat center top #eaeff7}@media(max-width: 768px)and (orientation: portrait){#subpage-news-detail{background:url(optimized/subpage-news-detail/images/banner-sub-mb.webp) no-repeat center top #eaeff7}}#subpage-news-detail *{box-sizing:border-box}#subpage-news-detail .subpage-content{background:url(optimized/subpage-news-detail/images/bg-bottom.webp) no-repeat center bottom;color:#465784;font-family:"BeaufortforLOL"}@media(max-width: 768px)and (orientation: portrait){#subpage-news-detail .subpage-content{background:url(optimized/subpage-news-detail/images/bg-bottom-mb.webp) no-repeat center bottom}}#subpage-news-detail .subpage-content .inner{display:flex;gap:30px;align-items:start;padding-top:350px;width:1260px;margin:0 auto}@media(max-width: 768px)and (orientation: portrait){#subpage-news-detail .subpage-content .inner{width:720px}}#subpage-news-detail .subpage-content .breadcrumb{display:flex;align-items:center;justify-content:left;gap:10px;margin:0 auto 30px}#subpage-news-detail .subpage-content .breadcrumb a{text-decoration:none;font-size:18px}#subpage-news-detail .subpage-content .breadcrumb .info{color:#8aa0c3}#subpage-news-detail .subpage-content .breadcrumb .info__main{font-weight:bold;color:#465784}#subpage-news-detail .subpage-content .btn-back{color:#fff;font-size:25px;text-decoration:none}#subpage-news-detail .subpage-content .midbar{display:flex;flex-direction:column;text-align:center;color:#f9f9f9;text-transform:uppercase;font-size:42px;gap:32px}@media(min-width: 769px)or (orientation: landscape){#subpage-news-detail .subpage-content .midbar__title{box-sizing:border-box;padding:0}}#subpage-news-detail .subpage-content .midbar__date{color:#a3a3a3;font-size:25px;align-self:flex-end}#subpage-news-detail .subpage-content .sukien-menu{width:220px;align-self:flex-start;will-change:transform}@media(max-width: 768px)and (orientation: portrait){#subpage-news-detail .subpage-content .sukien-menu{display:none}}#subpage-news-detail .subpage-content .sukien-menu h2{font-size:25px;color:#465784;font-weight:700;padding-bottom:5px;border-bottom:1px solid #becadf}#subpage-news-detail .subpage-content .sukien-menu ul{display:flex;flex-direction:column;margin-top:10px}#subpage-news-detail .subpage-content .sukien-menu ul li{list-style:none;border-bottom:1px solid #d8dee9}#subpage-news-detail .subpage-content .sukien-menu ul li:last-child{border-bottom:none}#subpage-news-detail .subpage-content .sukien-menu ul li a{display:flex;align-items:center;gap:8px;padding:14px 0;text-decoration:none;color:#465784;font-size:18px;font-weight:600}#subpage-news-detail .subpage-content .sukien-menu ul li a.active,#subpage-news-detail .subpage-content .sukien-menu ul li a:hover{color:#c0a05a}#subpage-news-detail .subpage-content .sukien-menu .btn-top{margin-top:20px}#subpage-news-detail .subpage-content .article-detail{width:1000px;margin:0 auto;color:#7783a3}@media(max-width: 768px)and (orientation: portrait){#subpage-news-detail .subpage-content .article-detail{width:100%}}#subpage-news-detail .bg-bottom{margin-top:-1px}body .article__content{color:#7783a3 !important;font-size:25px !important;line-height:1.5 !important}#subpage-news-detail .subpage-content .midbar{color:#465784 !important;border-bottom:1px solid #b8c5db;padding-bottom:0;margin-bottom:20px}#subpage-news-detail .subpage-content .midbar .article__meta,#subpage-news-detail .subpage-content .midbar .article__time{justify-content:right;font-size:18px}
body .article{--font-primary: Roboto;--font-size-base: 25px;--font-size-base-mobile: 25px;--color-content: #fff;--color-title: #f9f9f9;--color-heading-2: #9b7a58;--color-heading-3: #9b7a58;--color-heading-4: #9b7a58;--color-heading-5: #9b7a58;--color-heading-6: #9b7a58;--color-href: orange;--color-box-bg: #f9f9f9;--color-box-content: black;--color-table-bghead: #f9f9f9;--color-table-head: black;--color-table-bgbody: #f9f9f9;--color-table-bgfoot: #f9f9f9;--color-table-foot: #c3c3c3;--color-table-border: #ffffff;--color-tab-bg: #f9f9f9;--color-tab-border: #f9f9f9;--color-tab-content: #fff;--color-tab-bg-hover: #f9f9f9;--color-tab-content-hover: #f9f9f9}body .article{font-size:var(--font-size-base);color:var(--color-content);padding:30px 20px;margin:0 auto;text-align:justify}@media(max-width: 768px)and (orientation: portrait){body .article{font-size:var(--font-size-base-mobile)}}body .article blockquote{padding-left:22px}body .article__title{display:flex;justify-content:center;align-items:center;align-content:center;padding:20px 0}body .article__title,body .article h1{font-size:1.4em;font-weight:800;line-height:1.4;border-bottom:1px solid #46544f;color:var(--color-title);text-align:center}body .article__meta{display:flex;justify-content:center;align-items:center;padding:16px 0;font-size:11;color:#7d8484;font-size:42px}@media(max-width: 768px)and (orientation: portrait){body .article__meta{padding:16px 20px}}body .article__cate{display:block;padding:4px;margin-right:12px;color:var(--color-content);border-radius:4px;font-size:.8em}body .article__time{color:var(--color-content);font-size:.8em}body .article__content{font-size:1em;color:var(--color-content);line-height:1.4}body .article__content *:not(:only-child):not(li){margin-bottom:12px}body .article__content *:not(:only-child):not(iframe):not(img){margin-left:0px}body .article__content *:not(:only-child).table{width:calc(100% - 0px)}body .article__content ul{margin-left:20px !important}body .article__content ul li{list-style-position:outside;margin-bottom:6px}body .article__content ul li,body .article__content ul.bulleted li{list-style-type:disc}body .article__content ul.numbered li{list-style-type:decimal}body .article__content h2,body .article__content h3,body .article__content h4,body .article__content h5,body .article__content h6{font-weight:700;position:relative;display:flex;align-items:center}body .article__content h2:before,body .article__content h3:before,body .article__content h4:before,body .article__content h5:before,body .article__content h6:before{display:block}body .article__content h2{font-size:30px;line-height:1.4;color:var(--color-heading-2)}body .article__content h3{font-size:28px;line-height:1.4;color:var(--color-heading-3)}body .article__content h4{font-size:24px;line-height:1.4;color:var(--color-heading-4)}body .article__content h5{font-size:1.1em;line-height:1.4;color:var(--color-heading-5)}body .article__content h6{font-size:1em;line-height:1.4;color:var(--color-heading-6)}body .article__content a{color:var(--color-href);text-decoration:none;border-bottom:1px solid rgba(0,0,0,0);transition:border-bottom .4s;border-bottom:1px solid rgba(var(--color-href), 0.5)}body .article__content a:hover{border-bottom:1px solid var(--color-href)}body .article__content a.hero{display:block;border-style:solid;border-width:1px;border-color:var(--color-href);color:var(--color-href);padding:20px}body .article__content img,body .article__content iframe{display:block;max-width:100%;margin:0 auto 12px}body .article__content img+p.caption,body .article__content iframe+p.caption{display:block;max-width:calc(100% - 40px);margin:0 auto 12px;font-style:italic;font-size:.8em;color:#888;text-align:center}body .article__content img.float,body .article__content img.float--left{float:left;margin-right:20px}body .article__content img.float--right{float:right;margin-right:0px;margin-left:20px}body .article__content .callout{padding:20px 20px;background:var(--color-box-bg);color:var(--color-box-content)}body .article__content .table{width:100%}@media(max-width: 768px)and (orientation: portrait){body .article__content .table{overflow:auto}}body .article__content table{width:100%}body .article__content table td{padding:8px;border:1px solid var(--color-table-border);vertical-align:middle}body .article__content table td img{max-width:100%;margin:0 auto 0}body .article__content table thead{background:var(--color-table-bghead);color:var(--color-table-head)}body .article__content table thead tr{border:1px solid var(--color-table-border)}body .article__content table thead tr th{padding:12px;text-align:center;vertical-align:middle}body .article__content table tbody tr td{background:rgba(var(--color-table-bgbody), 0.5)}body .article__content table tfoot{background:var(--color-table-bgfoot);color:var(--color-table-foot)}body .article__content.articleAccordionContent{height:0;overflow:hidden;transition:all .4s;opacity:.4}body .article__content.articleAccordionContent.active{height:auto;opacity:1;transition:all 0s}body .article__tab{margin-bottom:40px}body .article__tab ul{border-bottom:1px solid;border-color:var(--color-tab-border);display:flex;justify-content:flex-start}body .article__tab ul li{margin:0 4px}body .article__tab ul li a{display:block;padding:10px 16px;background:var(--color-tab-bg);color:var(--color-tab-content);text-decoration:none}body .article__tab ul li a.active,body .article__tab ul li a:hover{background:var(--color-tab-bg-hover);color:var(--color-tab-content-hover)}body .subnews{margin:0 auto;padding:30px 20px;height:1130px}body .subnews_list li{display:block;padding:12px 0}body .subnews_list li:not(:last-child){border-bottom:1px solid #3b4849}body .subnews_item{display:flex;gap:12px;font-size:20px}@media(max-width: 768px)and (orientation: portrait){body .subnews_item{font-size:28px}}body .subnews_item__thumbnail{width:200px}body .subnews_item__thumbnail img{height:auto;width:200px}body .subnews_item__meta{display:flex;flex-direction:column;position:relative;width:calc(100% - 200px)}body .subnews_item__title{position:relative;color:#3b4849;display:flex;align-content:flex-end;overflow:hidden;text-overflow:ellipsis;width:calc(100% - 100px);height:50px}@media(max-width: 768px)and (orientation: portrait){body .subnews_item__title{width:100%;order:1;white-space:nowrap;margin-bottom:4px}}body .subnews_item__title p{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word}@media(max-width: 768px)and (orientation: portrait){body .subnews_item__title p{white-space:nowrap}}body .subnews_item__description{position:relative;display:flex;align-content:flex-start;width:calc(100% - 100px);height:100%}@media(max-width: 768px)and (orientation: portrait){body .subnews_item__description{order:3;width:100%}}body .subnews_item__description p{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;line-height:1.2}@media(max-width: 768px)and (orientation: portrait){body .subnews_item__description p{white-space:nowrap}}body .subnews_item__date{position:absolute;display:flex;justify-content:center;align-items:center;top:0;right:0;bottom:0;width:100px}@media(max-width: 768px)and (orientation: portrait){body .subnews_item__date{order:2;justify-content:flex-start;position:static;width:100%;font-size:.8em;color:#999;margin-bottom:4px}}body .subnews_pagination{display:flex;justify-content:center}body .subnews_pagination li{margin:0 4px}body .subnews_pagination .page{display:flex;justify-content:center;align-items:center;width:50px;height:50px;color:#fff;background:rgba(17,44,42,.6)}@media(max-width: 768px)and (orientation: portrait){body .subnews_pagination .page{width:52px;height:52px;font-size:26px}}body .subnews_pagination li.active .page{color:#fff;background:#e33f00}

/*# sourceMappingURL=mainsite.css.map*/