@font-face{font-family:'Audiowide';src:url("Audiowide-Regular.ttf") format("truetype");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:'Kanit';src:url("Kanit-Black.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:'Kanit';src:url("Kanit-Bold.ttf") format("truetype");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:'Kanit';src:url("Kanit-BlackItalic.ttf") format("truetype");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:'Kanit';src:url("Kanit-ExtraBoldItalic.ttf") format("truetype");font-weight:800;font-style:italic;font-display:swap}@font-face{font-family:'Kanit';src:url("Kanit-Italic.ttf") format("truetype");font-weight:normal;font-style:italic;font-display:swap}@font-face{font-family:'Kanit';src:url("Kanit-ExtraBold.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:'Kanit';src:url("Kanit-ExtraLight.ttf") format("truetype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:'Kanit';src:url("Kanit-ExtraLightItalic.ttf") format("truetype");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:'Kanit';src:url("Kanit-BoldItalic.ttf") format("truetype");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:'Kanit';src:url("Kanit-LightItalic.ttf") format("truetype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:'Kanit';src:url("Kanit-Regular.ttf") format("truetype");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:'Kanit';src:url("Kanit-SemiBold.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:'Kanit';src:url("Kanit-Light.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:'Kanit';src:url("Kanit-MediumItalic.ttf") format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:'Kanit';src:url("Kanit-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'Kanit';src:url("Kanit-SemiBoldItalic.ttf") format("truetype");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:'Kanit';src:url("Kanit-Thin.ttf") format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:'Kanit';src:url("Kanit-ThinItalic.ttf") format("truetype");font-weight:100;font-style:italic;font-display:swap}*{font-family:'Kanit' !important;box-sizing:border-box}@media only screen and (max-width: 638px){html,body{overflow-x:hidden}}a{text-decoration:none;color:inherit}a:hover{text-decoration:none}button{cursor:pointer}button:focus{outline:none;box-shadow:none}.icon-menu svg{stroke:#fff}.bg-color-cm{background-color:#4DADA0}.bg-color-cs{background-color:#184376}.color-cm{color:#4DADA0}.color-cs{color:#184376}.color-ct{color:#fff}.color-cfont{color:#565656}.text-audio{font-family:'Audiowide','Kanit' !important}.text-title{font-size:16px}@media screen and (min-width: 320px){.text-title{font-size:calc(16px + 16 * ((100vw - 320px) / 1280))}}@media screen and (min-width: 1600px){.text-title{font-size:32px}}.wrapper{max-width:1920px;width:100%;padding:0;margin:auto;position:relative;box-shadow:12px 0 15px -4px rgba(31,73,125,0.8),-12px 0 8px -4px rgba(31,73,125,0.8)}@media only screen and (max-width: 638px){.wrapper{box-shadow:none}}.uk-container{max-width:1300px}header{background:#184376;background:linear-gradient(180deg, rgba(24,67,118,0.85788) 25%, rgba(24,67,118,0.00914) 100%);padding-top:10px;padding-bottom:10px}header nav{background:transparent;box-shadow:none}.menuPage{background-color:#184376}.head-page{background:url("../image/bg-page.png") no-repeat center center #4DADA0;background-size:cover;min-height:110px}.head-page h1{display:inline-block;margin-bottom:0 !important;line-height:1 !important;font-family:'Audiowide' !important;color:#184376;margin-top:10px;padding-left:30px;position:relative}.head-page h1{font-size:18px}@media screen and (min-width: 320px){.head-page h1{font-size:calc(18px + 17 * ((100vw - 320px) / 1280))}}@media screen and (min-width: 1600px){.head-page h1{font-size:35px}}.head-page h1::before{content:".";display:inline-block;position:absolute;font-size:76px;left:-5px;transform:translateY(-10px)}@media only screen and (max-width: 959px){.head-page h1::before{font-size:38px;transform:translateY(-5px)}}.head-page h1::after{content:".";display:inline-block;position:relative;font-size:76px;right:-15px;transform:translateY(-10px)}@media only screen and (max-width: 959px){.head-page h1::after{font-size:38px;transform:translateY(-5px)}}.head-page .nav-menu{display:block;margin-top:0}.head-page .nav-menu li{display:inline-block}.head-page .nav-menu li a{color:#fff;display:block;padding:10px;position:relative}.head-page .nav-menu li a{font-size:11px}@media screen and (min-width: 320px){.head-page .nav-menu li a{font-size:calc(11px + 7 * ((100vw - 320px) / 1280))}}@media screen and (min-width: 1600px){.head-page .nav-menu li a{font-size:18px}}.head-page .nav-menu li a:hover{color:#184376}.head-page .nav-menu li a::after{content:"/";display:inline-block;position:relative;right:-10px}.head-page .nav-menu li:last-child a::after{content:"";display:inline-block}.uk-navbar-nav>li.uk-active>a{color:#fff}.uk-navbar-nav>li>a{text-transform:capitalize !important;font-family:'Audiowide' !important;color:#4DADA0}.uk-navbar-nav>li>a{font-size:8px}@media screen and (min-width: 320px){.uk-navbar-nav>li>a{font-size:calc(8px + 13 * ((100vw - 320px) / 1280))}}@media screen and (min-width: 1600px){.uk-navbar-nav>li>a{font-size:21px}}.uk-navbar-nav>li>a:hover{color:#fff}.uk-logo{padding:10px;max-width:200px}@media only screen and (max-width: 1100px){.uk-logo img{width:150px}}@media only screen and (max-width: 959px){.uk-logo img{width:120px}}.s3 .uk-nav li.uk-active a{color:#184376;font-weight:bold !important}.s3 .title{font-size:16px}@media screen and (min-width: 320px){.s3 .title{font-size:calc(16px + 5 * ((100vw - 320px) / 1280))}}@media screen and (min-width: 1600px){.s3 .title{font-size:21px}}.s3 .email a{color:#565656}.s3 .email a{font-size:11px}@media screen and (min-width: 320px){.s3 .email a{font-size:calc(11px + 5 * ((100vw - 320px) / 1280))}}@media screen and (min-width: 1600px){.s3 .email a{font-size:16px}}.s3 .social{display:block}.s3 .social li{display:inline-block;padding:5px}.s3 .menu3 li{line-height:1}@media only screen and (max-width: 638px){.s3 .menu3{padding-left:30px}}.s3 .uk-nav-default li a{font-size:11px}@media screen and (min-width: 320px){.s3 .uk-nav-default li a{font-size:calc(11px + 5 * ((100vw - 320px) / 1280))}}@media screen and (min-width: 1600px){.s3 .uk-nav-default li a{font-size:16px}}.s3 .inquiry{background:#4DADA0;min-height:300px;width:100%;z-index:1;top:-50px;left:50px}.s3 .inquiry .title{font-size:16px}@media screen and (min-width: 320px){.s3 .inquiry .title{font-size:calc(16px + 16 * ((100vw - 320px) / 1280))}}@media screen and (min-width: 1600px){.s3 .inquiry .title{font-size:32px}}@media only screen and (max-width: 959px){.s3 .inquiry{position:relative !important;left:0 !important;top:0 !important}}.s3 .inquiry form input,.s3 .inquiry form textarea{color:#fff;background:transparent;border:none}.s3 .inquiry form input::placeholder,.s3 .inquiry form textarea::placeholder{color:#fff;font-style:italic}.s3 .inquiry form input{border-bottom:1px solid #184376 !important}.s3 .inquiry form textarea{border:1px solid #184376}.s3 button{color:#184376;border:none;background:transparent}.s3 button{font-size:16px}@media screen and (min-width: 320px){.s3 button{font-size:calc(16px + 16 * ((100vw - 320px) / 1280))}}@media screen and (min-width: 1600px){.s3 button{font-size:32px}}.main{min-height:650px}.text-content{font-size:14px}@media screen and (min-width: 320px){.text-content{font-size:calc(14px + 7 * ((100vw - 320px) / 1280))}}@media screen and (min-width: 1600px){.text-content{font-size:21px}}.text-box{width:100%;max-width:1100px;margin:auto}.text-box{font-size:14px}@media screen and (min-width: 320px){.text-box{font-size:calc(14px + 4 * ((100vw - 320px) / 1280))}}@media screen and (min-width: 1600px){.text-box{font-size:18px}}.vision,.mission{color:#fff;position:absolute;top:-20px;left:20px;display:block;width:100%;z-index:2}@media only screen and (max-width: 960px){.vision,.mission{position:relative;top:-20px;left:0;display:block;width:100%;z-index:2}}@media only screen and (max-width: 420px){.vision.uk-padding,.mission.uk-padding{padding:10px !important}.vision ul,.mission ul{padding-left:0 !important}}.vision ul li,.mission ul li{display:block;margin-bottom:25px}.vision ul li .box-list h4,.mission ul li .box-list h4{color:#4DADA0;margin-bottom:5px}.vision ul li .box-list h4,.mission ul li .box-list h4{font-size:14px}@media screen and (min-width: 320px){.vision ul li .box-list h4,.mission ul li .box-list h4{font-size:calc(14px + 7 * ((100vw - 320px) / 1280))}}@media screen and (min-width: 1600px){.vision ul li .box-list h4,.mission ul li .box-list h4{font-size:21px}}.vision ul li .box-list article,.mission ul li .box-list article{border-bottom:1px dashed #fff;padding-bottom:25px;display:block;width:100%}.vision ul li .box-list article,.mission ul li .box-list article{font-size:11px}@media screen and (min-width: 320px){.vision ul li .box-list article,.mission ul li .box-list article{font-size:calc(11px + 7 * ((100vw - 320px) / 1280))}}@media screen and (min-width: 1600px){.vision ul li .box-list article,.mission ul li .box-list article{font-size:18px}}.vision .box-list,.mission .box-list{width:90%;max-width:630px}.circle-text{font-family:'Audiowide';width:50px;height:50px;border:1px solid #fff;text-align:center;border-radius:50%;color:#4DADA0;display:block}.circle-text{font-size:16px}@media screen and (min-width: 320px){.circle-text{font-size:calc(16px + 16 * ((100vw - 320px) / 1280))}}@media screen and (min-width: 1600px){.circle-text{font-size:32px}}@media only screen and (max-width: 960px){.circle-text{width:35px;height:35px;padding-top:2px}}@media only screen and (max-width: 420px){.circle-text{width:30px;height:30px}}@media only screen and (max-width: 420px){.mission{margin-left:15px;padding:15px}}@media only screen and (max-width: 960px){.about3{background-size:cover}}@media only screen and (max-width: 960px){.intro-text3 img{max-width:37px}.intro-text3 h2{font-size:18px}}@media only screen and (max-width: 960px) and (min-width: 320px){.intro-text3 h2{font-size:calc(18px + 18 * ((100vw - 320px) / 1280))}}@media only screen and (max-width: 960px) and (min-width: 1600px){.intro-text3 h2{font-size:36px}}.underline{width:100px;height:2px;background-color:#4DADA0;display:block;margin:50px auto}.underline1{width:200px;height:1px;background-color:#4DADA0;display:block;margin:10px auto 20px auto}@media only screen and (max-width: 639px){.copyright p{text-align:center !important}.copyright p{font-size:11px}}@media only screen and (max-width: 639px) and (min-width: 320px){.copyright p{font-size:calc(11px + 5 * ((100vw - 320px) / 1280))}}@media only screen and (max-width: 639px) and (min-width: 1600px){.copyright p{font-size:16px}}.intro-tech{padding-top:100px}.list-icon-tech{background:url("../image/bg-list-icon.jpg") no-repeat center bottom;background-size:100% 80%}@media only screen and (max-width: 960px){.list-icon-tech{background-size:100% 90%}}@media only screen and (max-width: 638px){.list-icon-tech{background-size:100% 88%}}@media only screen and (max-width: 360px){.list-icon-tech{background-size:100% 92%}}.list-icon-tech h3{color:#184376;margin-top:10px;font-family:'Audiowide' !important}.list-icon-tech h3{font-size:16px}@media screen and (min-width: 320px){.list-icon-tech h3{font-size:calc(16px + 16 * ((100vw - 320px) / 1280))}}@media screen and (min-width: 1600px){.list-icon-tech h3{font-size:32px}}.list-icon-tech .text-in{color:#fff;margin-bottom:20px}.list-icon-tech .text-in{font-size:11px}@media screen and (min-width: 320px){.list-icon-tech .text-in{font-size:calc(11px + 5 * ((100vw - 320px) / 1280))}}@media screen and (min-width: 1600px){.list-icon-tech .text-in{font-size:16px}}.box-icon{position:relative}.slide-product h3{font-family:'Audiowide' !important;margin-top:0;color:#184376 !important}.slide-product h3{font-size:16px}@media screen and (min-width: 320px){.slide-product h3{font-size:calc(16px + 10 * ((100vw - 320px) / 1280))}}@media screen and (min-width: 1600px){.slide-product h3{font-size:26px}}.slide-product h5{color:#4DADA0 !important;margin-bottom:5px}.slide-product h5{font-size:14px}@media screen and (min-width: 320px){.slide-product h5{font-size:calc(14px + 4 * ((100vw - 320px) / 1280))}}@media screen and (min-width: 1600px){.slide-product h5{font-size:18px}}.slide-product p{font-size:11px}@media screen and (min-width: 320px){.slide-product p{font-size:calc(11px + 5 * ((100vw - 320px) / 1280))}}@media screen and (min-width: 1600px){.slide-product p{font-size:16px}}.slide-product li{cursor:pointer}.slide-product li .picture{border:1px solid #000;position:relative;display:block}.slide-product li .picture .icon-product{opacity:0;text-align:center;z-index:2}.slide-product li .picture::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:1;background:#4DADA0}.slide-product li:hover .picture:before{display:block;transition:all 1s;opacity:1}.slide-product li:hover .icon-product{transition:all 1s;opacity:1}@media only screen and (max-width: 639px){.slide-product .uk-card-body{display:flow-root;padding:10px}}.button-download{font-family:'Audiowide' !important;display:inline-block;padding:0.6em 2em;margin:40px 20px;border:1px solid #4DADA0;color:#4DADA0;border-radius:30px}.button-download{font-size:14px}@media screen and (min-width: 320px){.button-download{font-size:calc(14px + 7 * ((100vw - 320px) / 1280))}}@media screen and (min-width: 1600px){.button-download{font-size:21px}}.button-readmore{font-family:'Audiowide' !important;display:inline-block;padding:0.6em 2em;margin:40px 20px 40px 0px;border:1px solid #4DADA0;color:#4DADA0;border-radius:30px}.button-readmore{font-size:14px}@media screen and (min-width: 320px){.button-readmore{font-size:calc(14px + 7 * ((100vw - 320px) / 1280))}}@media screen and (min-width: 1600px){.button-readmore{font-size:21px}}.s-prev,.s-next{background:#4DADA0;width:35px;height:35px;border-radius:50%;text-align:center;margin-left:10px}.nav-slide{margin:20px 0}.nav-slide-product{position:relative;top:-50px;right:20px}.nav-slide-product .s-prev,.nav-slide-product .s-next{background:#000}.sec-video{margin-top:-150px}@media only screen and (max-width: 560px){.sec-video{margin-top:-100px}}.box-video{width:100%;max-width:800px;margin:100px auto;position:relative}.box-video img{display:block}@media only screen and (max-width: 800px){.box-video{max-width:500px}}@media only screen and (max-width: 560px){.box-video{max-width:350px}}.box-video .icon-video{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:100px}@media only screen and (max-width: 560px){.box-video .icon-video{width:50px}}.box-video:hover .icon-video{width:70px;transition:width 0.7s}@media only screen and (max-width: 960px){.intro-text3{padding-top:100px !important}}.img-about{top:-15%;max-width:650px}@media only screen and (max-width: 1100px){.img-about{top:-10%}}@media only screen and (max-width: 639px){.img-about{position:relative !important;top:0}}.thumb-product{padding:20px 0}.thumb-product .uk-thumbnav li{margin-bottom:10px}.thumb-product .uk-thumbnav li a{border:1px solid #000}.thumb-product .uk-thumbnav li.uk-active a{border:0}.box-option{color:#fff;margin-bottom:20px}.box-option{font-size:11px}@media screen and (min-width: 320px){.box-option{font-size:calc(11px + 5 * ((100vw - 320px) / 1280))}}@media screen and (min-width: 1600px){.box-option{font-size:16px}}.box-option h5{color:#184376}.box-option h5{font-size:14px}@media screen and (min-width: 320px){.box-option h5{font-size:calc(14px + 7 * ((100vw - 320px) / 1280))}}@media screen and (min-width: 1600px){.box-option h5{font-size:21px}}.product-detail h1{color:#4DADA0}.product-detail h1{font-size:16px}@media screen and (min-width: 320px){.product-detail h1{font-size:calc(16px + 10 * ((100vw - 320px) / 1280))}}@media screen and (min-width: 1600px){.product-detail h1{font-size:26px}}.product-detail h2{margin-top:5px;font-family:'Audiowide' !important;color:#184376;position:relative}.product-detail h2::after{content:"";display:block;position:absolute;left:0;bottom:-5px;width:150px;height:1px;background:#184376}@media only screen and (max-width: 638px){.product-detail h3{font-size:18px}.product-detail .detail,.product-detail .text-detail-product{font-size:14px !important}}.short-detail-product div{color:#fff}.bg-oc-cm{background-color:#184376}.bg-oc-cm h3{position:relative;color:#4DADA0}.bg-oc-cm h3:after{content:"";display:block;width:100px;height:1px;background-color:#4DADA0;position:absolute;bottom:-5px;left:0}.bg-oc-cm .text{color:#fff}.bg-oc-cm .text{font-size:11px}@media screen and (min-width: 320px){.bg-oc-cm .text{font-size:calc(11px + 5 * ((100vw - 320px) / 1280))}}@media screen and (min-width: 1600px){.bg-oc-cm .text{font-size:16px}}.bg-oc-cs h3{position:relative;color:#184376}.bg-oc-cs h3:after{content:"";display:block;width:100px;height:1px;background-color:#184376;position:absolute;bottom:-5px;left:0}.bg-oc-cs .text{font-size:11px}@media screen and (min-width: 320px){.bg-oc-cs .text{font-size:calc(11px + 5 * ((100vw - 320px) / 1280))}}@media screen and (min-width: 1600px){.bg-oc-cs .text{font-size:16px}}.confidence-detail h1{color:#184376;position:relative}.confidence-detail h1{font-size:18px}@media screen and (min-width: 320px){.confidence-detail h1{font-size:calc(18px + 8 * ((100vw - 320px) / 1280))}}@media screen and (min-width: 1600px){.confidence-detail h1{font-size:26px}}.confidence-detail h1:after{content:"";display:block;width:100px;height:1px;background-color:#184376;position:absolute;bottom:-5px;left:0}.confidence-detail img{max-width:100% !important}@media only screen and (max-width: 638px){.confidence-detail img{height:auto !important}}.img-confidence{min-height:450px}.list-confidence h3{font-size:16px}@media screen and (min-width: 320px){.list-confidence h3{font-size:calc(16px + 8 * ((100vw - 320px) / 1280))}}@media screen and (min-width: 1600px){.list-confidence h3{font-size:24px}}ul.share{display:block}ul.share li{display:inline-block;padding:5px}.pagination li{margin:5px}.pagination li .uk-pagination-previous{line-height:32px;margin-top:-5px}.pagination li .uk-pagination-previous svg{width:21px}.pagination li.uk-active{border-radius:50%;background:#4DADA0}.pagination li.uk-active span{text-align:center;width:55px;height:55px;border-radius:50%;background:#4DADA0;color:#fff;padding-top:3px}.pagination li.uk-active span{font-size:18px}@media screen and (min-width: 320px){.pagination li.uk-active span{font-size:calc(18px + 14 * ((100vw - 320px) / 1280))}}@media screen and (min-width: 1600px){.pagination li.uk-active span{font-size:32px}}.pagination li a{text-align:center;width:55px;height:55px;border-radius:50%;background:#fff;border:1px solid #4DADA0;color:#4DADA0;padding-top:3px}.pagination li a{font-size:18px}@media screen and (min-width: 320px){.pagination li a{font-size:calc(18px + 14 * ((100vw - 320px) / 1280))}}@media screen and (min-width: 1600px){.pagination li a{font-size:32px}}.pagination .uk-icon svg{width:14px}.h3-detail{display:inline-block;background:#fff;position:relative;z-index:2}.line-border-bottom{display:block;position:relative;left:0;top:-25px;width:100%;height:1px;background:#184376;z-index:1}.bvis{padding-bottom:0;position:relative;display:block;z-index:1}.loading-page{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background:rgba(0,0,0,0.7);display:none}.sk-chase{width:40px;height:40px;position:relative;top:50%;left:50%;transform:translate(-50%, -50%);animation:sk-chase 2.5s infinite linear both}.sk-chase-dot{width:100%;height:100%;position:absolute;left:0;top:0;animation:sk-chase-dot 2.0s infinite ease-in-out both}.sk-chase-dot:before{content:'';display:block;width:25%;height:25%;background-color:#fff;border-radius:100%;animation:sk-chase-dot-before 2.0s infinite ease-in-out both}.sk-chase-dot:nth-child(1){animation-delay:-1.1s}.sk-chase-dot:nth-child(2){animation-delay:-1.0s}.sk-chase-dot:nth-child(3){animation-delay:-0.9s}.sk-chase-dot:nth-child(4){animation-delay:-0.8s}.sk-chase-dot:nth-child(5){animation-delay:-0.7s}.sk-chase-dot:nth-child(6){animation-delay:-0.6s}.sk-chase-dot:nth-child(1):before{animation-delay:-1.1s}.sk-chase-dot:nth-child(2):before{animation-delay:-1.0s}.sk-chase-dot:nth-child(3):before{animation-delay:-0.9s}.sk-chase-dot:nth-child(4):before{animation-delay:-0.8s}.sk-chase-dot:nth-child(5):before{animation-delay:-0.7s}.sk-chase-dot:nth-child(6):before{animation-delay:-0.6s}@keyframes sk-chase{100%{transform:rotate(360deg)}}@keyframes sk-chase-dot{80%, 100%{transform:rotate(360deg)}}@keyframes sk-chase-dot-before{50%{transform:scale(0.4)}100%, 0%{transform:scale(1)}}@media only screen and (max-width: 638px){.text-box-tech3{padding-top:50px !important;padding-bottom:50px !important}}