@import url(bootstrap.min.css);@import url(all.min.css);@import url(animate.css);@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800;900&display=swap");body,html{font-size:16px;font-family:"Noto Sans Thai", sans-serif}a{color:#000}.clearfloat:after{display:table;content:'';clear:both}.main-nav{position:fixed;top:0;left:0;width:100%;height:100px;background:#fff;padding:3px 0;z-index:99999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;transition:all 0.4s ease-out}.main-nav .blog-logo img{width:auto;height:90px;-webkit-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;transition:all 0.4s ease-out}.main-nav .main-menu>li{display:inline-block}.main-nav .main-menu>li a{padding:8px 30px;display:block;font-size:1.2rem;font-weight:500;position:relative;z-index:1}.main-nav .main-menu>li a:after{position:absolute;bottom:0;left:0;width:0%;height:3px;display:block;content:'';background:#2192ce;border-radius:20px;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}.main-nav .main-menu>li:hover a{color:#2192ce}.main-nav .main-menu>li:hover a:after{width:100%;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}.main-nav.activee{height:80px;border-bottom:5px solid #2192ce;-webkit-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;transition:all 0.4s ease-out}.main-nav.activee .blog-logo img{width:auto;height:60px;-webkit-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;transition:all 0.4s ease-out}ul{padding:0;margin:0}h1,h2,h3,h4,h5{margin:0 0 10px}h1{font-size:3rem;font-weight:800}h2{font-size:2.5rem;font-weight:700}h3{font-size:2rem;font-weight:600}h4{font-size:1.5rem}figure{margin:0;padding:0}.thumb img{width:100%;height:auto}a:hover{text-decoration:none;color:#000}.item-mobile{display:none}.main-slide{margin:100px 0 0}.main-slide .lSSlideOuter .lSPager.lSpg>li a{background-color:#a1a1a1;height:8px;width:25px}.main-slide .lSPager.lSpg>li.active a{background-color:#2192ce;width:35px}.line-main{width:200px;height:3px;border-radius:10px;margin:15px auto;background:#2192ce}.about-us{padding:3rem 0;overflow:hidden}.about-us .about-caption{width:80%;margin:0 auto}.about-us .gall-about{margin:3rem 0 0}.adver-main{padding:0;background:#2192ce;color:#fff}.adver-main .blog-adver{margin:2rem 0 0}.adver-main .caption-main{padding-right:3rem}.adver-main .thumb{overflow:hidden}.product-main{padding:3rem 0}.product-main .list-blog{margin:3rem 0 0}.product-main .list-blog .blog-wrap-main{padding:15px;border:1px solid #d5d5d5;border-radius:5px;margin:0 0 30px}.product-main .list-blog .caption-main-list h4{font-weight:700;margin:15px 0 5px}.main-footer{position:relative;z-index:1;background:#fafafa;padding:3rem 0}.main-footer .footer-item .logo-footer img{width:200px;height:auto;margin:0 0 15px}.main-footer .footer-item .caption-footer{padding-right:3.5rem}.main-footer .footer-item .caption-footer h2{font-size:1.6rem;margin:0 0 5px}.main-footer .footer-item h4{font-weight:700;font-size:1.3rem}.main-footer .footer-item .social-footer>li{display:inherit;margin:0 0 10px}.main-footer .footer-item .social-footer>li a{font-size:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main-footer .footer-item .social-footer>li a i{font-size:2rem;margin-right:5px}.main-footer .footer-item .social-footer li:first-child a i{color:#005bbc}.main-footer .footer-item .social-footer li:nth-child(2) a i{color:#bf00ff}.main-footer .footer-item .social-footer li:nth-child(3) a i{color:#ce0015}.main-footer .footer-item .blog-contact-foot iframe{width:100%;height:150px}.menu-action-wrap .toggle{position:relative;width:50px;height:50px;border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;overflow:hidden}.menu-action-wrap .toggle span{position:absolute;width:12px;height:4px;background:#2192ce;border-radius:4px;right:0px;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;-webkit-animation:middle_loader 1.5s ease infinite;animation:middle_loader 1.5s ease infinite}.menu-action-wrap .toggle span:first-child{-webkit-transform:translateY(-12px);-ms-transform:translateY(-12px);transform:translateY(-12px);width:12px;right:0px;-webkit-animation:loader 1.6s ease infinite;animation:loader 1.6s ease infinite}.menu-action-wrap .toggle span:nth-child(2){-webkit-transform:translateY(12px);-ms-transform:translateY(12px);transform:translateY(12px);width:12px;right:0px;-webkit-animation:loader 1.6s ease infinite;animation:loader 1.6s ease infinite}@-webkit-keyframes loader{50%{width:35px}}@keyframes loader{50%{width:35px}}@-webkit-keyframes middle_loader{75%{width:35px}}@keyframes middle_loader{75%{width:35px}}.mobile-nav-wrap{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0, 76, 114, 0.9);-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease;z-index:999;visibility:hidden}.mobile-nav-wrap.openn{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);visibility:visible}.mobile-nav-wrap .list-wrap-mobile{width:80%;height:100%;background:#2192ce}.mobile-nav-wrap .mobile-menu{padding:80px 15px 0 15px}.mobile-nav-wrap .mobile-menu>li{display:inherit}.mobile-nav-wrap .mobile-menu>li a{color:#fff;display:block;padding:15px 0}.mobile-nav-wrap .mobile-menu>li+li{border-top:1px solid #fff}.banner-page-in{margin:100px 0 0;padding:3rem 0;color:#fff;background:#247dc4;background:-webkit-gradient(linear, left top, right top, color-stop(29%, #247dc4), to(#1bbbd3));background:-webkit-linear-gradient(left, #247dc4 29%, #1bbbd3 100%);background:-o-linear-gradient(left, #247dc4 29%, #1bbbd3 100%);background:linear-gradient(90deg, #247dc4 29%, #1bbbd3 100%)}.banner-page-in .line-main{background:#fff!important}.contact-main{padding:5rem 0 0}.contact-main h2{font-size:2rem}.iframe-contact{margin:5rem 0 0}.iframe-contact iframe{width:100%;height:300px}.detail-main{padding:3rem 0}.show-image-wrap{position:fixed;top:0;left:0;width:100%;height:100vh;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:9999999999;background:rgba(0, 0, 0, 0.7)}.show-image-wrap img{width:550px;height:auto}.show-image-wrap .close-show-inn{position:absolute;top:30px;right:30px;cursor:pointer}.show-image-wrap .close-show-inn i{color:#fff;font-size:2.5rem}.gall-about .thumb{cursor:pointer}@media only screen and (max-width:1200px){.main-nav .blog-logo img{width:auto;height:60px}.main-nav .main-menu>li a{padding:8px 20px;font-size:1.1rem}}@media only screen and (max-width:991px){.main-nav .blog-logo img{width:auto;height:40px}.main-nav .main-menu>li a{padding:8px 10px;font-size:1.1rem}}@media only screen and (max-width:600px){.show-image-wrap img{width:90%;height:auto}.caption-pro-wrap{margin:30px 0 0}.page-in-set .list-blog{margin:0rem 0 0}.banner-page-in{margin:60px 0 0;padding:1.5rem 0}.banner-page-in .line-main{width:140px!important;background:#fff!important}.contact-main{padding:3rem 0 0}.contact-main .thumb{margin:0 0 3rem}.contact-main .caption-contact h2{font-size:1.3rem}.contact-main .caption-contact p{margin:0 0 5px}.iframe-contact{margin:3rem 0 0}.item-pc{display:none}.item-mobile{display:block}.main-nav .blog-logo img{width:auto;height:50px}.main-nav{height:60px}.main-nav.activee{height:55px;border-bottom:2px solid #2192ce}.main-nav.activee .blog-logo img{width:auto;height:45px}.main-menu{display:none}.main-slide{margin:60px 0 0}.about-us{padding:2rem 0 0}h1{font-size:2.2rem}h2{font-size:1.8rem}h3{font-size:1.4rem}h4{font-size:1rem}p{font-size:0.9rem}.about-us .about-caption{width:90%;margin:0 auto}.about-us .gall-about{margin:2rem 0 0}.gall-about .thumb{margin:0 0 15px}.adver-main{padding:0 0 2rem}.adver-main .caption-main{padding:15px 0}.product-main .list-blog .blog-wrap-main{margin:0 0 15px}.footer-item{padding:5px 0}.main-footer{padding:1.5rem 0}.main-footer .footer-item .logo-footer img{width:200px}.main-footer .footer-item .caption-footer h2{font-size:1.4rem}.main-footer .footer-item h4{font-size:1.1rem}}@media only screen and (min-width:768px) and (max-width:1024px){.container{max-width:691px;width:691px}}@media only screen and (min-width:1367px){.container{max-width:1344px;width:1344px}}
/*# sourceMappingURL=style.min.css.map */