@font-face{font-family:"NotoSansThai-Regular";src:url("../font/notosansthai/NotoSansThai-Regular.eot");src:url("../font/notosansthai/NotoSansThai-Regular.ttf") format("ttf"),url("../font/notosansthai/NotoSansThai-Regular.eot?#iefix") format("embedded-opentype"),url("../font/notosansthai/NotoSansThai-Regular.woff2") format("woff2"),url("../font/notosansthai/NotoSansThai-Regular.woff") format("woff"),url("../font/notosansthai/NotoSansThai-Regular.svg") format("svg");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"NotoSansThai-Bold";src:url("../font/notosansthai/NotoSansThai-Bold.eot");src:url("../font/notosansthai/NotoSansThai-Bold.ttf") format("ttf"),url("../font/notosansthai/NotoSansThai-Bold.eot?#iefix") format("embedded-opentype"),url("../font/notosansthai/NotoSansThai-Bold.woff2") format("woff2"),url("../font/notosansthai/NotoSansThai-Bold.woff") format("woff"),url("../font/notosansthai/NotoSansThai-Bold.svg") format("svg");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"NotoSansThai-Medium";src:url("../font/notosansthai/NotoSansThai-Medium.eot");src:url("../font/notosansthai/NotoSansThai-Medium.ttf") format("ttf"),url("../font/notosansthai/NotoSansThai-Medium.eot?#iefix") format("embedded-opentype"),url("../font/notosansthai/NotoSansThai-Medium.woff2") format("woff2"),url("../font/notosansthai/NotoSansThai-Medium.woff") format("woff"),url("../font/notosansthai/NotoSansThai-Medium.svg") format("svg");font-weight:normal;font-style:normal;font-display:swap}@keyframes span1{0%{left:-140px}100%{left:140px}}@keyframes span2{0%{top:-40px}100%{top:40px}}@keyframes span3{0%{right:-140px}100%{right:140px}}@keyframes span4{0%{bottom:-40px}100%{bottom:40px}}:root{--s-bg: #f5f5f5;--s-body: "NotoSansThai-Regular";--s-body-size: 16px;--s-body-line-height: 22px;--s-text: #262626;--s-space: 15px;--s-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);--s-heading: "NotoSansThai-Bold";--s-heading-size: 24px;--s-heading-line-height: 34px;--s-heading-color: #000;--s-subHeading: var(--s-heading);--s-subHeading-color: #2424a0;--s-detailHeading: "NotoSansThai-Medium";--s-footer-heading: var(--s-detailHeading);--s-footer-heading-size: 12px;--s-footer-heading-line-height: 14px;--s-footer-heading-color: #57afe0;--s-btn: var(--s-body);--s-btn-fontsize: var(--s-body-size);--s-btn-lineheight: var(--s-body-line-height);--s-btn-height: 40px;--s-btn-border-radius: 12px;--s-btn-bg-color: #fff}*,*::before,*::after{box-sizing:border-box}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}[tabindex="-1"]:focus:not(:focus-visible){outline:0 !important}hr{margin:1.625rem 0;color:inherit;border:0;border-bottom:1px solid var(--s-border)}abbr[title],abbr[data-original-title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}pre,code,kbd,samp{font-family:monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none;max-width:100%;height:auto}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:var(--s-border);text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none;max-width:100%}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical;max-width:100%}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none !important}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);min-height:100vh}body{margin:0;text-rendering:optimizeLegibility}#cursor{display:none}.customCursor{cursor:none}.customCursor #cursor{overflow:hidden;position:fixed;top:200px;left:200px;display:inline}h1,h2,h3,h4,h5,h6{padding:0;margin:0 0 .75rem;font-family:var(--s-heading);font-weight:var(--s-heading-weight);line-height:var(--s-heading-line-height)}h1{font-size:1.75em}h2{font-size:1.5em}h3{font-size:1.375em}h4{font-size:1.125em}h5{font-size:1em}h6{font-size:.875em}nav,button,.menu,._heading,.btn,.button,blockquote{font-family:var(--s-body)}p{padding:0;margin:0 0 1em}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}ol{padding-left:1.6em;text-indent:0;margin:0 0 1.5em}ul{padding-left:1.5em;text-indent:0;margin:0 0 1.5em}body,input,textarea,select,button{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga1" on}h2 label,h3 label,h4 label{font-weight:inherit}form:before,form:after,.clearfix:before,.clearfix:after{content:"";display:table}form:after,.clearfix:after{clear:both}button:focus,input:focus,textarea:focus,*:focus{outline:0 !important}input[type=text],input[type=search],.input,.input-text{border:1px solid var(--s-border);border-radius:var(--s-border-radius);padding:4px 6px;display:block;width:100%;transition:.2s border-color ease-in-out;font-size:16px;font-family:var(--s-heading);font-weight:var(--s-heading-weight)}input[type=text]:focus,input[type=search]:focus,.input:focus,.input-text:focus{border-color:var(--s-accent-hover)}.s-container{margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px;width:100%}@media(min-width: 768px){.s-container{width:750px !important}}@media(min-width: 992px){.s-container{width:980px !important}}@media(min-width: 1280px){.s-container{width:1200px !important}}@media(min-width: 1360px){.s-container{width:1340px !important}}@media(min-width: 1920px){.s-container{width:1717px !important}}html,body{scroll-behavior:smooth}body{color:var(--s-text);font-family:var(--s-body);font-size:var(--s-body-size);line-height:var(--s-body-line-height);background-color:var(--s-bg)}.s-grid{display:grid;grid-gap:var(--s-space);grid-template-columns:minmax(0, 1fr)}.s-grid.-m2{grid-template-columns:repeat(2, minmax(0, 1fr))}.s-grid.-m3{grid-template-columns:repeat(3, minmax(0, 1fr))}@media(min-width: 992px){.s-grid.-d2{grid-template-columns:repeat(2, minmax(0, 1fr))}.s-grid.-d3{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media only screen and (min-width: 944px){.s-grid.-d2{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(max-width: 991px){._desktop{display:none !important}}@media(min-width: 992px){._mobile{display:none !important}}.btn{text-align:center;text-decoration:none;display:inline-block;font-family:var(--s-btn);font-size:var(--s-btn-fontsize);line-height:var(--s-btn-lineheight);height:var(--s-btn-height)}.btn._icon{display:inline-block}.btn-bg{vertical-align:middle;background:linear-gradient(to right, #b8b8b8 0%, #2f97d0 100%);color:var(--s-btn-bg-color);padding:7px 15px;text-shadow:var(--s-shadow);-webkit-border-raidus:var(--s-btn-border-radius);border-radius:var(--s-btn-border-radius);-khtml-border-radius:var(--s-btn-border-radius)}.btn-line{background-color:#499636;color:var(--s-btn-bg-color);padding:7px 12px;width:140px;position:relative;overflow:hidden;-webkit-border-raidus:var(--s-btn-border-radius);border-radius:var(--s-btn-border-radius);-khtml-border-radius:var(--s-btn-border-radius)}.btn-line span{position:absolute;display:block}.btn-line span:nth-child(1){height:3px;width:140px;top:0px;left:-140px;background:linear-gradient(to right, rgba(0, 0, 0, 0), #70d157);border-top-right-radius:1px;border-bottom-right-radius:1px;animation:span1 2s linear infinite;animation-delay:1s}.btn-line span:nth-child(2){height:40px;width:3px;top:-40px;right:0px;background:linear-gradient(to bottom, rgba(0, 0, 0, 0), #70d157);border-bottom-left-radius:1px;border-bottom-right-radius:1px;animation:span2 2s linear infinite;animation-delay:2s}.btn-line span:nth-child(3){height:3px;width:140px;right:-140px;bottom:0px;background:linear-gradient(to left, rgba(0, 0, 0, 0), #70d157);border-top-left-radius:1px;border-bottom-left-radius:1px;animation:span3 2s linear infinite;animation-delay:3s}.btn-line span:nth-child(4){height:40px;width:3px;bottom:-40px;left:0px;background:linear-gradient(to top, rgba(0, 0, 0, 0), #70d157);border-top-right-radius:1px;border-top-left-radius:1px;animation:span4 2s linear infinite;animation-delay:4s}.card-content{padding:15px 0}.card-content .img-product{-webkit-border-raidus:var(--s-btn-border-radius);border-radius:var(--s-btn-border-radius);-khtml-border-radius:var(--s-btn-border-radius)}.card-content h3{margin:10px 0 0 0;font-size:var(--s-body-size);line-height:var(--s-body-line-height);font-family:var(--s-detailHeading)}.card-content p{margin:0;font-family:var(--s-detailHeading)}.card-content:last-child{padding:15px 0 0 0}.header-content{text-align:center;padding:10px 0;background-image:url(../img/banner-bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.header-content .header-logo{position:absolute;top:0;left:0;right:0;background-color:#fff;padding:10px 0;box-shadow:var(--s-shadow)}.header-content .banner-detail{margin-top:100px;padding-bottom:30px}.header-content .banner-detail .img-banner{width:80%;height:auto}.header-content .banner-detail .detail{margin-top:10px}.header-content .banner-detail .detail h1{margin:0;font-size:var(--s-body-size);line-height:var(--s-body-line-height);color:#fff;font-family:var(--s-body)}.header-content .banner-detail .box-btn{text-align:center;margin-top:20px}.section-contact{position:relative;background-image:url(../img/bg-centercontact.svg);background-position:center;background-repeat:no-repeat;background-size:100% auto;padding:30px 0;text-align:center}.section-contact .bg-top,.section-contact .bg-bottom{position:absolute;z-index:1;width:70%;height:auto}.section-contact .bg-top{top:0;right:0}.section-contact .bg-bottom{bottom:0;left:0}.section-contact .detail-contact{position:relative;z-index:2}.section-contact .detail-contact .header h2{margin:0;font-family:var(--s-heading);font-size:var(--s-heading-size);line-height:var(--s-heading-line-height);color:var(--s-heading-color)}.section-contact .detail-contact .header h3{margin:0;font-family:var(--s-heading);font-size:var(--s-heading-size);line-height:var(--s-heading-line-height);color:var(--s-subHeading-color)}.section-contact .detail-contact .icon-contact{width:137px;height:auto;margin:20px 0}.section-contact .detail-contact .detail-addlineoa,.section-contact .detail-contact .detail-map{padding:10px 0}.section-contact .detail-contact .detail-addlineoa h3,.section-contact .detail-contact .detail-map h3{margin:0;font-size:var(--s-body-size);line-height:var(--s-body-line-height);font-family:var(--s-detailHeading)}.section-contact .detail-contact .detail-map .btn-location{margin-top:20px}.section-contact .detail-contact .detail-addlineoa .btn-line{margin-top:20px}.section-products{padding:30px 0;text-align:center;background:linear-gradient(135deg, #77c6ff 0%, #2f97d0 100%);color:#fff}.section-products .header h2{margin:0;font-family:var(--s-heading);font-size:var(--s-heading-size);line-height:var(--s-heading-line-height)}.section-products .img-product{width:100%;height:auto}.section-brands{padding:30px 0;text-align:center}.section-brands .header{margin-bottom:20px}.section-brands .header h2{margin:0 0 5px 0;font-family:var(--s-heading);font-size:var(--s-heading-size);line-height:var(--s-heading-line-height)}.section-brands .header p{margin:0;font-size:var(--s-body-size);line-height:var(--s-body-line-height);font-family:var(--s-detailHeading)}.section-brands .swiper-bannerbrands{position:relative;margin-bottom:20px}.section-brands .swiper-bannerbrands .swiper-slide .img-bannerbrands{width:100%;height:auto;-webkit-border-raidus:var(--s-btn-border-radius);border-radius:var(--s-btn-border-radius);-khtml-border-radius:var(--s-btn-border-radius)}.section-brands .swiper-bannerbrands .swiper-button-prev,.section-brands .swiper-bannerbrands .swiper-button-next{position:absolute;top:50%}.section-brands .swiper-bannerbrands .swiper-button-prev::after,.section-brands .swiper-bannerbrands .swiper-button-next::after{content:"";display:inline-block;width:35px;height:35px;background-image:url(../img/icon-arrow.svg);background-position:center;background-repeat:no-repeat;background-size:35px auto;margin-top:0}.section-brands .swiper-bannerbrands .swiper-button-prev{transform:rotate(-30deg)}.section-brands .swiper-bannerbrands .swiper-button-next{transform:rotate(30deg)}.section-brands .group-brands{padding:15px 0}.section-brands .group-brands .header{margin-bottom:10px}.section-brands .group-brands .logo-brands{width:100%;height:auto;-webkit-border-raidus:var(--s-btn-border-radius);border-radius:var(--s-btn-border-radius);-khtml-border-radius:var(--s-btn-border-radius)}.section-calltoaction{background-image:url(../img/bg-calltoaction.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;text-align:center;color:#fff;padding:50px 0}.section-calltoaction:before{content:"";display:block;background:linear-gradient(135deg, rgb(119, 198, 255) 0%, rgb(47, 151, 208) 100%);position:absolute;top:0;left:0;right:0;bottom:0;opacity:.75;z-index:1}.section-calltoaction .detion-calltoaction{position:relative;z-index:2}.section-calltoaction .detion-calltoaction h2{margin:0;font-family:var(--s-heading);font-size:var(--s-heading-size);line-height:var(--s-heading-line-height);text-shadow:var(--s-shadow)}.section-calltoaction .detion-calltoaction .btn-line{margin-top:20px}.footer-content{padding:20px 0;background-color:#fff;color:var(--s-footer-heading-color)}.footer-content .footer-logo{margin-bottom:10px}.footer-content a{color:var(--s-footer-heading-color)}.footer-content .list-contact{padding:5px 0}.footer-content .list-contact h2{margin:0;font-family:var(--s-footer-heading);font-size:var(--s-footer-heading-size);line-height:var(--s-footer-heading-line-height)}.footer-content .list-contact p{margin:0;font-family:var(--s-footer-heading);font-size:var(--s-footer-heading-size);line-height:var(--s-footer-heading-line-height)}.footer-content .list-contact a{text-decoration:none;font-family:var(--s-footer-heading);font-size:var(--s-footer-heading-size);line-height:var(--s-footer-heading-line-height)}.footer-content .list-contact ul{margin:0;padding:0;list-style:none}.footer-content .list-contact ul>li{line-height:var(--s-footer-heading-line-height)}/*# sourceMappingURL=mobile.css.map */