@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100..900&display=swap) ;*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:"Noto Sans Thai",sans-serif!important;overflow-x:hidden;-webkit-font-smoothing:antialiased}body.menu-open{overflow-y:hidden;overscroll-behavior:none}a{text-decoration:none!important}#main{position:relative;overflow-x:hidden}.nav{gap:40px}ul.nav li a{font-size:17px;color:#0057a8;transition:0.4s;position:relative}ul.nav li a::before{content:"";position:absolute;width:0;height:2px;bottom:-3px;left:50%;background-color:#00aeef;transition:all 0.4s}ul.nav li a:hover::before{width:100%;left:0}ul.nav li a.active::before{width:100%;left:0}.nav-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background-color:#fff;filter:drop-shadow(0 0 2px rgba(0,0,0,0.16));height:80px}.nav-message{width:120px;display:flex;justify-content:flex-end}.hamburger{cursor:pointer}.hamburger .line-1,.hamburger .line-2{width:25px;height:3px;border-radius:40px;margin:6px 0;background-color:#00aeef;transition:0.4s}.change .line-1{transform:translate(0,9px) rotate(-45deg);background-color:#0057a8}.change .line-2{transform:translate(0,0) rotate(45deg);background-color:#0057a8}.nav-mobile{position:absolute;min-width:430px;height:calc(100vh - 60px);background:#fff;-webkit-font-smoothing:antialiased;transform-origin:0% 0%;transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1);right:0;top:60px;transform:translate(100%,0);box-shadow:0 0 20px -14px rgba(0,0,0,0.16);z-index:3;display:flex;flex-direction:column;justify-content:space-between}.active.nav-mobile{transform:none}.nav-mobile ul{list-style:none}.nav-mobile ul li a{color:#0057a8;font-size:18px}.nav-mobile .sub-menu ul{padding-left:10px}.nav-mobile .sub-menu ul li{padding-block:0.5rem}.nav-mobile ul li.active{background-color:#d6f1ff;border-radius:24px}.nav-mobile ul li.active.show-sub{background-color:#bceffd;border-radius:26px}.nav-mobile ul li.active.show-sub .title-menu{background:#d6f1ff;margin-inline:-1rem;padding:0.5rem 1rem;border-radius:24px}.nav-mobile ul li.active a{font-weight:500}.nav-mobile ul li .sub-menu{visibility:hidden;transition:0.35s ease;overflow:hidden;max-height:0}.nav-mobile ul li.active.show-sub .sub-menu{visibility:visible;max-height:1000px;transition:1s ease}.more-icon{cursor:pointer}.footer-nav{padding:20px;border-top:1px solid #ededed}.footer-nav p{font-size:18px;font-weight:bold;color:#0057a8}.footer{background-color:#f2f2f5;padding:50px 0}.footer-d{padding:0 25px}.footer-menu{display:flex;justify-content:space-between;align-items:center}.footer-menu .menu{gap:40px;display:flex}.footer-menu .menu ul{list-style:none}.footer-menu .menu a{font-size:16px;font-weight:500;color:#0057a8;position:relative;cursor:pointer}.footer-menu .menu a.d-flex{gap:5px}.footer-menu .menu a>img{transition:0.3s}.footer-menu .menu a.active{align-items:center!important}.footer-menu .menu a.active>img{transform:rotate(-180deg);transition:0.3s;margin-bottom:-7px}.footer-menu .menu a::before{content:"";position:absolute;width:0;height:2px;bottom:-3px;left:50%;background-color:#00aeef;transition:all 0.4s}.footer-menu .menu a.active::before{width:100%;left:0}.footer-menu .menu a:hover::before{width:100%;left:0}.footer-menu .tel{display:flex;align-items:center;gap:10px}.footer-menu .tel p{margin-bottom:0;font-size:23px;font-weight:bold;color:#0057a8}.footer-sub-menu{display:flex;flex-direction:column;gap:5px;overflow:hidden;max-height:0;transition:0.35s ease}.footer-sub-menu.active{visibility:visible;max-height:1000px;transition:1s ease}.footer-sub-menu a{font-size:16px;color:#414141}.footer .social{display:flex;gap:12px}.footer .policy{margin-top:10px;color:#5a5755}.footer .policy a{font-size:14px;color:#5a5755}.copyright{font-size:14px;color:#5a5755;margin-top:10px;margin-bottom:0}.footer-menu-m ul{list-style:none}.footer-menu-m ul li a{font-size:14px;font-weight:500;color:#0057a8;cursor:pointer}.footer-m .tel{display:flex;align-items:center;gap:5px}.footer-m .tel p{font-size:17px;font-weight:bold;color:#0057a8;margin-bottom:0}.footer-m .policy a{font-size:13px}.footer-m .copyright{font-size:11px;text-align:center}.footer-sub-menu-m{display:flex;flex-direction:column;gap:5px;overflow:hidden;max-height:0;transition:0.35s ease;padding-left:10px}.footer-sub-menu-m.active{visibility:visible;max-height:1000px;transition:1s ease}.footer-menu-m ul li .d-flex>img{transition:0.3s}.footer-menu-m ul li .d-flex.active{align-items:center!important}.footer-menu-m ul li .d-flex.active>img{transform:rotate(-180deg);transition:0.3s;margin-bottom:-6px}.footer-menu-m .footer-sub-menu-m li a{color:#414141;font-weight:400}.backdrop{background-color:rgba(0,0,0,0.5);left:0;height:100%;overflow-y:auto;position:fixed;top:0;width:100%;z-index:1001}.backdrop .popup-box{background-color:#fff;border-radius:20px;-webkit-box-shadow:0px 1px 10px 0px rgba(0,0,0,0.3);box-shadow:0px 1px 10px 0px rgba(0,0,0,0.3);max-width:380px;width:90%;padding-block:32px}.backdrop .popup-box h4{color:#636363;font-size:20px;text-align:center;color:#0057a8}.backdrop .popup-box p{color:#636363;text-align:center}.backdrop .popup-box button{background-color:#00b3f0;border:none}@media (min-width:1400px){.container{max-width:1088px;padding-left:5px;padding-right:5px}}@media (min-width:1200px){.container{max-width:1088px}}@media (max-width:1188px){.nav{gap:20px}}@media (max-width:1156px){.nav-logo img{width:90px;height:35px}ul.nav li a{font-size:15px}}@media (max-width:991px){.nav-header{height:60px}.footer{padding:30px 0}}@media (max-width:430px){.nav-mobile{min-width:100%}}