.itopplus-background{}body,html{overflow-x: hidden}.no-js a{color: #393939;transition: 0.35s}.no-js a:hover{color: #0f2445}.itopplus-footer{color: #fff}.itopplus-footer a{color: #fff}.itopplus-footer a:hover{color: #f4e8bc}.itopplus-bg{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_03062023m9ht/0/0/1z-z1123535530841.webp');background-position: bottom}.itopplus-bg2{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_03062023m9ht/0/0/2z-z1112520131813.webp')}.itopplus-bg3{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_03062023m9ht/0/0/3z-z1679007465706.webp');background-position: bottom}.itopplus-bg4{background-color: #102445}.itopplus-bg5{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_03062023m9ht/0/0/5z-z405996618562.webp')}.navbar-default .navbar-nav>li>a{color: #000;margin: 0 5px;padding: 10px 13px;font-size: 16px;transition: 0.35s}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:active,.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color: #c0b486 !important;box-shadow: 0px 3px 0px 0px #c0b486;border-radius: none;background: transparent;background-color: transparent}.dropdown-menu>li>a{color: #000}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color: #000;background: #e8e8e8}@media screen and (max-width : 992px){.navbar-default .navbar-toggle .icon-bar{background-color: #fff}#controlMenu,#controlMenu i,#controlMenu li a{color: #fff !important}.navbar-default{background: #121f33}}@media screen and (min-width : 1024px){.navbar-default{background: transparent}.itopplus-menu{margin-top: 4%;text-align: center}.no-js #controlBanner{object-fit: contain;padding: 15px}.itopplus-nav-bar li:not(:last-of-type):not(.itopplus-sidebar-menu-parent):not(.dropdown-submenu):after{content: '|';color: #7b7b7b;position: relative;top: 22%}ul.nav li.dropdown:hover > ul.dropdown-menu{display: block;margin: 0}#background64b745aa43d7ad00137f18c1{width: 90%;margin-top: 5%}.dropdown-menu>li>a{padding: 5px 20px !important;line-height: 1.6 !important}}@media screen and (min-width : 1366px){}figure.effect-oscar{background: transparent}figure.effect-oscar img{opacity: 1}figure.effect-oscar:hover img{opacity: 1}figure.effect-oscar figcaption::before{border: 0px solid #fff}figure.effect-oscar figcaption{background: transparent}figure.effect-oscar:hover figcaption{background: transparent}figure.effect-oscar h2{margin: 0% 0 0px 0;-webkit-transition: -webkit-transform 0.32s;transition: transform 0.32s;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0)}figure.effect-oscar:hover h2{opacity: 1;transition: 0.32s;transform: none!important}.grid figure h2{word-spacing: 0em;font-weight: 300;text-transform: none}figure.effect-oscar img{max-width: none;-webkit-transition: opacity 0.32s,-webkit-transform 0.32s;transition: opacity 0.32s,transform 0.32s;-webkit-backface-visibility: hidden;backface-visibility: hidden}figure.effect-oscar:hover img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.03,1.03,1)}.thumbnail img.imageGallery:hover{-webkit-transform: scale(1.1);transform: scale(0.98);-moz-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s}.thumbnail .imageWidth.imageGallery{transform: scale(1.0);transition: 0.32s}.thumbnail .imageWidth.imageGallery:hover{transform: scale(1.05);transition: 0.32s}.thumbnail .imgLightbox{position: relative!important;overflow: hidden!important;width: 100.1%!important}.thumbnail{border: solid 0px #dadada;background: transparent;color: #393939;border-radius: 0px;padding: 0%!important;transition: 0.5s;box-shadow: 3px 3px 15px 1px rgba(225,149,145,0);margin-bottom: 10%}.thumbnail:hover{box-shadow: 3px 3px 15px 1px rgba(225,149,145,0);background: transparent;border-radius: 0px;color: #393939}.no-js #Component64b650c694031e001324a891 label{display: none!important}.no-js #Component64b650c694031e001324a891 .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component64b650c694031e001324a891 .form-control{border: none;border-bottom: 1px dashed #272727;border-radius: 0px!important;-webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);padding: 25px 5px;font-weight: 400;background: transparent;color: #1b1c1e;font-size: 15px !important}.no-js #Component64b650c694031e001324a891 .form-control:focus{border-bottom: 1px dashed #121f33;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #121f33;box-shadow: inset 0 0px 0px rgba(0,0,0,.075),0 0 0px rgba(102,175,233,0);color: #1b1c1e!important}.no-js #Component64b650c694031e001324a891 .btn{background-image: -webkit-linear-gradient(top,#121f33 0121f33 100%);background-image: -o-linear-gradient(top,#121f33 0,#121f33 100%);background: linear-gradient(to bottom,#121f33 1%,#121f33 100%);color: #fff;text-shadow: 0 0px 0 #121f33;background-repeat: repeat-x;border-color: #0000;border-radius: 0px;padding: 8px 30px 8px 30px;font-size: 16px;font-weight: 400;border: 0px solid transparent}.no-js #Component64b650c694031e001324a891 .btn-default:active{background: linear-gradient(to bottom,#121f33 1%,#121f33 100%)}.no-js #Component64b650c694031e001324a891 .btn-default:hover,.no-js #Component64b650c694031e001324a891 .btn-default:focus{background-position: 0 0px;background: linear-gradient(to bottom,#121f33 1%,#121f33 100%)}.no-js #Component64b650c694031e001324a891 .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component64b650c694031e001324a891 span.label{font-size: 13px;font-weight: 300}.no-js #Component64b650c694031e001324a891 ::placeholder{color: #1b1c1e!important;font-weight:300}h1,h2,h3,h4,h5,h6{line-height: inherit;margin-top: 0;margin-bottom: 0;font-weight: 400}h1{font-size: 2em}h2{font-size: 3em}h3{font-size: 18px}h4{font-size: 20px}h5{font-size: 22px}h6{font-size: 28px}p{font-size: 16px}.section5-vvattana h1{color: #0f2445;font-size: 5em;font-weight: bold;font-family: 'DM Sans',sans-serif}.section5-vvattana h5{color: #534f42;font-weight: bold;font-size: 30px}.btncontactmore{font-size: 16px;color: #777;border: 1px solid #777;text-align: center;width: fit-content;padding: 4px 15px;border-radius: 10px;margin-top: 2%;transition: 0.35s}.section5-vvattana{border-left: 4px solid #c0b486;padding-left: 30px;margin-top: 6%}.btncontactmore span{margin-left: 6px;font-size: 20px}.btncontactmore:hover{transition: 0.35s;transform: translateX(7px)}.head-vvattana{text-align: center}.head-vvattana h1{color: #f4e8bc;font-weight: 600;font-size: 36px}.head-vvattana h4{font-family: 'DM Sans',sans-serif;font-size: 22px}.iconquality{width: 55%;margin: 0 auto;margin-bottom: 10%}.padiconquality{text-align: center;padding: 10% 0% 20%;transition: 0.35s}.padiconquality:hover{transition: 0.35s;transform: translateY(-7px)}.texticonquality{font-size: 18px;white-space: break-spaces;font-weight: 300;color: #c7c7c7}.texticonquality span{font-weight: 600}.padiconquality-1{display: flex;width: 55%;margin: 0 auto}.iconprocess{width: 55%;margin: 0 auto}.padiconprocess{text-align: center;padding: 3% 0% 5%;transition: 0.35s}.texticonprocess{font-size: 16px;font-weight: 600}.texticonprocess span{color: #c0b486;font-size: 24px;font-weight: 600;font-family: 'DM Sans',sans-serif;padding-right: 10px}.padiconprocess:hover{transition: 0.35s;transform: translateY(-7px)}.padmemptysection4{padding: 3% 0%}.border-process{border: 1px solid #c0b486;width: 22%;margin: 0 auto;margin-bottom: 14%;transform: rotate(100deg)}.border2-process{border: 1px solid #c0b486;width: 22%;margin: 0 auto;margin-top: 15%;transform: rotate(100deg)}.section3-vvattana{margin-top: 8%}.itopplus-bg2{background-position: bottom;background-color: #243c62}.borderservice{border-left: 3px solid #000;text-align: left;padding-left: 12px;font-size: 18px;font-weight: 400;text-shadow: 1px 1px 1px #353535ad;margin-top: 71%}#background64b638c209d16a00134a2222 figure.effect-oscar figcaption{background: linear-gradient(to bottom,rgba(186,172,119,0) 69%,rgba(186,172,119,0) 70%,rgba(186,172,119,0.5) 79%,rgb(186 172 119 / 94%) 86%,rgba(186,172,119,1) 100%)}#background64b638c209d16a00134a2222 .grid figure figcaption{padding: 1em}.white-space{white-space: break-spaces}.section-vvattana h5{font-size: 28px;font-weight: 500;color: #000}.section-vvattana h3{font-size: 20px;font-weight: 500}.section-vvattana{padding: 5% 0% 18%}.padtel-head img{width: 10% !important}img#myImage1689665878297{width: 12% !important}.padtel-head{font-size: 16px;font-weight: 600;color: #092552;margin-top: -2%}.copyright{font-size: 12px;width: 110%;margin-top: 5%}.textfooter{color: #f4e8bc;width: 110%}.social-footer img{width: 15% !important}.social-footer{margin-top: 6%}.padfootercol-4{margin-left: 25%;width: 100%}.padicon-footer{display: flex;width: 100%;margin-bottom: 3%}.icon-footer{width: 7%}.texticon-footer{align-self: center;width: 93%;margin-left: 5%}.padfootercol-2{margin-left: 20%;width: 100%}.padfootercol-3{margin-left: 40%;width: 100%}.padmenu{padding: 1% 0%}.padiconcontact{display: flex;width: 100%;margin-bottom: 1%}.iconcontact{width: 6%}.texticoncontact{align-self: center;margin-left: 2%}.buttonExampleSite{border: 0px solid #fff !important;color: #000 !important;background: #f4e8bd !important;border-radius: 0px !important;font-weight: 300}.buttonExampleSite:hover{background: #f4e8bd !important;color: #000 !important}.pdpa-text.pdpamg1{padding: 5% 0%}.ITPcookiebar{background-color: #323232d6 !important;color: #fff !important}.ITPlinkToCookiepage:hover{color: #fff !important}.ITPcookiebar{width: 100% !important;font-size: 14px !important}.ITPcookieLeftText{font-weight: 300}ul.icon-a{font-size: 16px}b,strong{font-weight: 600}.borderabout{border-bottom: 2px solid #c0b486;width: 30%;margin-top: 2%;margin-bottom: 3%}.head-vvattana h5{font-weight: 600;font-size: 24px}.mission{border-left: 1px solid #777;padding-left: 25px}#background64b66b7674a7ee001bd77ed7{background: #ededed !important;padding: 2%}.section5-vvattana h6{color: #0f2445;font-size: 38px;font-weight: bold;font-family: 'DM Sans',sans-serif}.section5-vvattana h4{color: #534f42;font-weight: 600;font-size: 26px;margin-top: 1%}.section5-product{margin-top: 10%}@media screen and (min-width : 1900px){h1{font-size: 3em}h2{font-size: 3em}h3{font-size: 22px}h4{font-size: 26px}h5{font-size: 30px}h6{font-size: 34px}p{font-size: 20px}.navbar-default .navbar-nav>li>a{padding: 10px 20px;font-size: 20px}.padtel-head{font-size: 20px}.dropdown-menu>li>a{font-size: 19px}.section-vvattana h3{font-size: 26px}.head-vvattana h5{font-size: 34px}.head-vvattana h1{font-size: 42px}.head-vvattana h1{font-size: 48px}.head-vvattana h4{font-size: 28px}.borderservice{font-size: 26px;margin-top: 70%}.padmemptysection4{padding: 5% 0%}.texticonprocess{font-size: 24px}.texticonprocess span{font-size: 36px}#background64b6308c94031e001324a2f7{padding: 3% 0%}.texticonquality{font-size: 22px}.section5-vvattana h1{font-size: 6.5em}.section5-vvattana h5{font-size: 36px}.btncontactmore{font-size: 20px}.section5-vvattana{margin-top: 7%}.textfooter{font-size: 17px}.texticon-footer{font-size: 16px}.copyright{font-size: 14px}ul.icon-a{font-size: 20px}.no-js #Component64b650c694031e001324a891 .form-control{padding: 31px 5px;font-size: 16px !important}}@media screen and (max-width : 1200px){img#myImage1689665878297{width: 14% !important}.navbar-default .navbar-nav>li>a{padding: 10px 6px}.white-space{white-space: inherit}.section-vvattana{padding: 0% 0% 18%}.itopplus-bg{background-size: cover}.itopplus-bg3{background-size: cover}.head-vvattana h1{font-size: 30px}.borderservice{font-size: 16px;margin-top: 70%}.section5-vvattana h1{font-size: 3.5em}.texticon-footer{font-weight: 300}.iconcontact{width: 8%}.no-js #Component64b650c694031e001324a891 .form-control{padding: 24px 5px}}@media screen and (max-width : 900px){.itopplus-logo{padding: 5% 0%}.head-vvattana h5{font-size: 20px}.itopplus-bg{margin-top: -2%}.borderservice{font-size: 14px}#background64b6308c94031e001324a2f7 .col-md-3.col-sm-6.col-xs-12.padding{width: 25%}#background64b6332743d7ad00137f09e7 .col-md-3.col-sm-6.col-xs-12.padding{width: 25%}.head-vvattana h1{font-size: 24px}.head-vvattana h4{font-size: 20px}.padiconquality-1{width: 75%}.section5-vvattana h1{font-size: 3em}.section5-vvattana h5{font-size: 24px}.itopplus-search{display: none}#background64b665f8135db60013c4fbdd .col-md-3.col-sm-4.col-xs-4{width: 25%}.iconcontact{width: 10%}}@media screen and (max-width : 480px){#background64b6308c94031e001324a2f7 .col-md-3.col-sm-6.col-xs-12.padding{width: 100%}#background64b6332743d7ad00137f09e7 .col-md-3.col-sm-6.col-xs-12.padding{width: 100%}#background64b665f8135db60013c4fbdd .col-md-3.col-sm-4.col-xs-4{width: 100%}#imagesControl64b63dcf1634680013140702{padding: 0px !important}.borderservice{font-size: 18px}.head-vvattana h1{font-size: 28px}.head-vvattana h4{font-size: 24px}.border2-process{margin-bottom: 10%}.texticonprocess span{font-size: 30px}.texticonprocess{font-size: 18px}.padiconquality-1{width: 55%;display: block}.iconquality{width: 50%}.itopplus-bg5{background-size: cover}.section5-vvattana h1{font-size: 2em}#contentnewmode64b61838135db60013c4edf4{padding: 0px !important}#mainmenu64b617c594031e001324a196{margin-bottom: -10px}.bg-solutionengineer{margin-top: 10%}.section5-vvattana h5{font-size: 20px}.btncontactmore{margin-top: 5%}.padmenu h1{font-size: 1.5em}.iconcontact{width: 11%}.texticoncontact{margin-left: 3%}.borderabout{width: 46%}}