header{position:sticky;top:0;left:0;width:100%;margin-bottom:32px;z-index:99;display:flex;align-items:center;justify-content:center;flex-direction:column}header:after{content:"";position:absolute;pointer-events:none;width:100%;height:100%;top:0;left:0;background:linear-gradient(268.05deg,#080e40 11.64%,#085dff 111.07%);opacity:0}header .group{display:flex;align-items:center;justify-content:flex-end}header .header_in{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 0;transition:all .3s ease;position:relative;z-index:1}header .header_in ul{display:flex;align-items:center;justify-content:center;list-style-type:none;gap:32px;padding:0 16px}header .header_in ul li a{color:var(--colorWhite);font-size:var(--fontSpartan14);font-family:anantason;font-weight:400;text-transform:uppercase;position:relative}header .header_in ul li a:after{content:"";position:absolute;opacity:0;bottom:-6px;left:0;width:100%;height:1.5px;background:url(../images/border_line2.svg) left repeat-x;background-size:contain;filter:brightness(0) invert(1);transition:all .1s ease-in-out}header .header_in ul li a:hover:after{opacity:1;bottom:-4px}header .logo_main{width:160px}header .logo_main img{width:160px}header *{transition:all .3s ease-out}header.active{box-shadow:0 0 25px rgba(0 0 0/25%);border-bottom:0}header.active:after{opacity:1}header.active .header_in{padding:12px 0}header.active .pacman{margin-top:-10px;padding-top:0;padding-bottom:4px;transition:all .3s ease-out}header.active .logo_main img{width:120px}header a.btn_support{display:flex;align-items:center;justify-content:center;font-family:anantason;font-size:var(--fontSpartan12);background:var(--colorBlueMain);border:1px solid rgba(255,255,255,.21);color:var(--colorWhite);padding:0 24px;height:40px;letter-spacing:.4px;text-transform:uppercase}header a.btn_support:hover{background:#004bda}header .search{display:flex;align-items:center;justify-content:center;margin-right:16px}header .search .search_bar{position:relative;margin-right:16px}header .search .search_bar input{width:275px;height:40px;border:0;border-radius:0;background:var(--colorWhite);display:block;outline:none;padding:0 40px 0 16px;font-family:chulabhorn;font-size:var(--fontChulabhorn18)}header .search .search_bar button{width:40px;height:40px;position:absolute;right:0;top:0;border:0;border-radius:0;background:url(../images/icon_search.svg) center no-repeat;background-size:18px}header .search .search_btn{display:none;cursor:pointer;width:32px;height:32px;background:url(../images/btn_search_white.svg) center no-repeat;background-size:75%}header .search .search_bar input::placeholder{font-family:anantason;font-size:var(--fontSpartan12);color:rgba(30,30,30,.4)}header .hamburger{cursor:pointer;display:none;-webkit-transition:all .3s cubic-bezier(.215,.61,.355,1);-o-transition:all .3s cubic-bezier(.215,.61,.355,1);transition:all .3s cubic-bezier(.215,.61,.355,1)}header .hamburger:hover{}header .hamburger .line{width:36px;height:2px;background:var(--colorWhite);display:block;-webkit-transition:all .3s cubic-bezier(.215,.61,.355,1);-o-transition:all .3s cubic-bezier(.215,.61,.355,1);transition:all .3s cubic-bezier(.215,.61,.355,1)}header .hamburger .line:nth-child(2){margin:10px auto}header .hamburger.active{transform:rotate(135deg)}header .hamburger.active .line:nth-child(2){opacity:0}header .hamburger.active .line:nth-child(1){-webkit-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);transform:translateY(10px)}header .hamburger.active .line:nth-child(3){-webkit-transform:translateY(-10px) rotate(90deg);-ms-transform:translateY(-10px) rotate(90deg);-o-transform:translateY(-10px) rotate(90deg);transform:translateY(-10px) rotate(90deg)}footer{position:relative;padding:50px 0;background:linear-gradient(290.59deg,#080e40 5.04%,#085dff 118.15%)}footer .footer_in{padding:0 var(--paddingX70)}footer .middle{padding:50px 0;border-bottom:1px solid #fff;display:flex;align-items:flex-start;justify-content:space-between}footer .col-footer{}footer .logo_footer{width:110px}footer .menu_footer{list-style-type:none;display:flex;align-items:center;justify-content:space-between;gap:32px}footer .menu_footer li{}footer .menu_footer li a{color:#fff;font-size:24px;font-family:anantason;text-transform:uppercase}footer .contact_footer{margin-top:5px}footer .contact_footer h2{color:#fff;font-size:12px;font-family:anantason;text-transform:uppercase;font-weight:600}footer .contact_footer a{color:rgba(255 255 255/70%);font-size:16px;font-family:anantason;display:inline-block;margin-top:8px}footer .contact_footer a:hover{color:#fff}footer .bottom{padding-top:32px;display:flex;align-items:center;justify-content:space-between}footer .bottom .copyright{color:rgba(255 255 255/70%);display:flex;align-items:center;justify-content:center;gap:40px;font-family:anantason;font-size:16px;font-weight:400}footer .bottom .copyright a{color:rgba(255 255 255/70%)}footer .bottom .copyright a:hover{color:#fff}.menu_expand{position:fixed;top:0;right:-360px;width:360px;height:100%;background:linear-gradient(285deg,#080e40 -34.26%,#085dff 106.76%);padding:80px 40px;transition:right .3s ease-in-out;z-index:51}.menu_expand .btn_close{position:absolute;top:24px;right:24px;cursor:pointer;opacity:.9;transition:transform .3s ease-in-out}.menu_expand .btn_close:hover{opacity:1;transform:rotate(90deg)}.menu_expand.active{right:0}.menu_expand .menu_expand_in{height:100%;max-height:650px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:50px}.menu_expand .menu_expand_in .menu_expand_list{list-style-type:none;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:16px;margin-top:-24px}.menu_expand .menu_expand_in .menu_expand_list a{color:#fff;font-size:32px;font-family:anantason;text-transform:uppercase;font-weight:400;position:relative}.menu_expand .menu_expand_in .menu_expand_list a:after{content:"";position:absolute;bottom:0;left:0;width:0%;height:2px;background:url(../images/border_line2.svg) left repeat-x;background-size:contain;filter:brightness(0) invert(1);transition:all .2s ease-in-out}.menu_expand .menu_expand_in .menu_expand_list a:hover:after{opacity:1;bottom:0;width:100%}.menu_expand .menu_expand_in .menu_expand_list_sub{list-style-type:none;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:8px;margin-top:-40px}.menu_expand .menu_expand_in .menu_expand_list_sub a{color:#fff;font-size:14px;font-family:anantason;text-transform:uppercase;font-weight:400;position:relative}.menu_expand .menu_expand_in .menu_expand_list_sub a:after{content:"";position:absolute;bottom:0;left:0;width:0%;height:1px;background:url(../images/border_line2.svg) left repeat-x;background-size:contain;filter:brightness(0) invert(1);transition:all .2s ease-in-out}.menu_expand .menu_expand_in .menu_expand_list_sub a:hover:after{opacity:1;bottom:0;width:100%}.menu_expand .menu_expand_in .logo_expand{width:120px}.menu_expand .menu_expand_in .bottom a{color:rgba(255 255 255/70%);font-family:anantason;font-size:16px;font-weight:400}.menu_expand .menu_expand_in .bottom a:hover{color:var(--colorWhite)}.menu_expand .menu_expand_in .bottom .social{margin-top:24px}.menu_expand .menu_expand_in .bottom .social a{height:24px}.social{display:flex;align-items:center;justify-content:center;gap:12px}.social a{transition:opacity .12s ease-in-out;display:flex;align-items:center;justify-content:center}.social a img{width:100%;height:100%;object-fit:contain}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0 0 0/65%);opacity:0;z-index:50;visibility:hidden;transition:all .6s cubic-bezier(.215,.61,.355,1)}.overlay.active{opacity:1;visibility:visible}.share-set{display:flex;align-items:center;justify-content:center;gap:16px}.share-set h6{text-transform:uppercase;font-size:var(--fontSpartan14);font-family:anantason;font-weight:600}.share-set .share_icon{pointer-events:visible;display:flex;align-items:center;justify-content:center;gap:4px}.share-set .share_icon a{display:inline-block}.share-set .share_icon img{width:32px;height:32px;filter:brightness(0)}.share-set .share_icon a:hover img{filter:brightness(1)}.pacman{display:none;position:relative;width:100%;overflow:hidden;margin-right:0;margin-left:auto;padding:8px 0 8px 20px;z-index:1}.pacman .pacman_in{transition:all .2s ease-out}.pacman .pacman_in .dot_mask{height:32px;background:url(../images/pacman_dot.svg) right center repeat-x;background-size:10px;width:100%;margin-left:auto;margin-right:0}.pacman_body{position:relative;width:24px;height:32px}.pacman_body .pacman_top{position:absolute;width:100%;height:12px;background:#ffe500;left:-4px;top:4px;border-radius:50px 50px 0 0}.pacman_body .pacman_bottom{position:absolute;width:100%;height:12px;background:#ffe500;left:-4px;bottom:4px;border-radius:0 0 50px 50px}.mario_footer{position:absolute;top:-50px;left:0;width:100%;overflow:hidden;text-align:center}.mario_footer img{width:50px}@media(max-width:1439px){header .logo_main{width:140px}header .logo_main img{width:140px}header.active .logo_main img{width:120px}}@media(max-width:1279px){header a.btn_support{height:36px}header .search .search_bar input{width:240px;height:36px}header .search .search_bar button{width:36px;height:36px}header .header_in ul{gap:24px}header .logo_main{width:130px}header .logo_main img{width:130px}header.active .logo_main img{width:120px}footer .menu_footer li a{font-size:22px}}@media(max-width:1199px){header .header_in{align-items:flex-end;height:auto;padding:16px 0}header .navbar{display:none}header .group{flex-direction:column-reverse;gap:24px;align-items:flex-end}header .search{margin-right:0}header .hamburger{display:block}header a.btn_support{margin-right:16px}footer .logo_footer{width:100px}footer .menu_footer{gap:24px}footer .menu_footer li a{font-size:20px}.header_detail .header_detail_in .box h2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6}}@media(max-width:991px){footer .middle .menu_footer{flex-direction:column;text-align:left;display:block;column-count:2}footer .menu_footer li{margin-bottom:16px;margin-right:50px}.share-set .share_icon img{width:28px;height:28px}.header_detail .header_detail_in .share-set{flex-direction:column;align-items:flex-start;gap:4px}.header_detail{margin-bottom:8px;margin-top:-80px;padding-bottom:8px;padding-top:12px}}@media(max-width:767px){header{border-bottom:1px solid rgba(255 255 255/15%);margin-bottom:0}header .search .search_bar{display:none}header .search .search_btn{display:block;margin-right:16px}header a.btn_support{height:32px;padding:0 22px}header .hamburger .line{width:30px}header .logo_main{width:120px}header .logo_main img{width:120px}header.active .logo_main img{width:120px}header .header_in{align-items:center;padding:12px 0}header .header_in .social{display:none}footer .middle{align-items:flex-end;padding:32px 0}footer .middle .menu_footer{display:flex;justify-content:flex-start;align-items:flex-start;gap:16px}footer .menu_footer li{margin-bottom:0;margin-right:0}footer .logo_footer{width:120px}footer .contact_footer{text-align:right}footer .bottom .copyright{flex-direction:column;gap:8px;justify-content:flex-start;align-items:flex-start}footer .bottom{align-items:flex-start}footer{background:linear-gradient(170.84deg,#085dff -1.77%,#000000 115.78%)}.pacman{padding:0 0 8px 18px;margin-top:-4px}}@media(max-width:575px){header .hamburger{display:block}header .logo_main{width:100px}header .logo_main{width:100px}header .logo_main img{width:100px}header.active .logo_main img{width:100px}header .social a{height:18px}header .search .search_btn{margin-right:12px}header a.btn_support{margin-right:12px;padding:0 20px}footer .bottom .copyright{font-size:12px}footer .contact_footer h2{font-size:10px}footer .contact_footer a{font-size:14px}footer .middle{padding:40px 0 32px}footer .middle .menu_footer{gap:12px}.menu_expand{width:100%;right:-100%;padding:28px 40px 40px}.menu_expand .menu_expand_in .menu_expand_list{margin-top:-16px}.menu_expand.active{right:0%}}@media(max-width:389px){footer{padding-bottom:32px}footer .bottom{flex-direction:column-reverse}footer .bottom .copyright{margin-top:24px;flex-direction:row;gap:24px}}@media(max-width:359px){header .logo_main{width:75px}header .search .search_btn{width:24px;height:24px}header a.btn_support{height:28px;padding:0 16px}header .hamburger .line:nth-child(2){margin:8px auto}}