.itopplus-background{}body{overflow-x: hidden;color: #2b2b2b;font-family: "LINE Seed Sans TH"}.eapps-widget-toolbar{display: none}.no-js a{color: #2b2b2b;transition: 0.35s}.no-js a:hover{color: #01bcf3}.itopplus-footer{color: #fff}.itopplus-footer a{color: #fff}.itopplus-footer a:hover{color: #2b2b2b}.itopplus-bg{background-image: url("http://itp1.itopfile.com/ImageServer/z_itp_02042024dt96/0/0/stwatertreatmentz-z772730948791.jpg");background-size: cover}.itopplus-bg2{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_02042024dt96/0/0/2z-z1551591921301.jpg");background-attachment: fixed}.navbar-default .navbar-nav > li > a{color: #000000;margin: 0 10px;padding: 8px 15px;border-radius: none}.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: #01bcf3 !important;box-shadow: none;border-color: transparent;background: transparent;background-color: transparent}.dropdown-menu > li > a{color: #444}.no-js .dropdown-menu > li > a:focus,.no-js .dropdown-menu > li > a:hover{color: #444;background: transparent}@media screen and (max-width: 992px){#controlBanner img{position: fixed;top: 8px;left: 10px;width: 45px !important;z-index: 10000}#nav-menu,#ItopplusMainSidebar > div{background: #fff}#itpMenuSideBar span{background-color: #000 !important}#controlMenu *{color: #000 !important;border: none}}@media screen and (min-width: 1024px){.itopplus-banner > .container{display: grid;grid-template-columns: 17% auto;align-items: center}.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}.itopplus-banner{background: #fff;transition: 0.3s}.itopplus-sticky{background: #fff !important}#controlBanner{object-fit: contain;padding: 15px;width: clamp(120px,60%,20vw);margin: 0 auto}#itopplus-nav-bar{display: flex;width: 100%;justify-content: end}.itp-block{display: flex;flex-direction: column;align-items: flex-end;justify-content: space-evenly;height: 100%}.itopplus-search{width: 70%;text-align: right;color: #000}.no-js .itopplus-banner{box-shadow: 1px 1px 8px 1px #00000021}.itopplus-banner.itopplus-sticky{box-shadow: 1px 1px 8px 1px #00000021 !important}ul.nav li.dropdown:hover > ul.dropdown-menu{display: block;margin: 0}}@media screen and (min-width: 1366px){}figure.effect-oscar{background: transparent;border-radius: 25px}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.05,1.05,1)}figure.effect-oscar h2{margin: 0;-webkit-transition: inherit;transition: inherit;-webkit-transform: inherit;transform: inherit}.thumbs img{width: 100% !important}.Contentmanager figure.effect-oscar{background: transparent;border-radius: 20px}#background67eb680119f6830013624022 .Contentmanager .col-md-4.col-sm-4.col-xs-12{padding-right: 0px;padding-left: 0px;width: 25%;margin-bottom: 0px}.Contentmanager .col-md-4.col-sm-4.col-xs-12{padding-right: 10px;padding-left: 10px;width: 25%;margin-bottom: 20px}.itpcontent-product-name{display: none}.Contentmanager .thumbs{margin-bottom: 0px}.Contentmanager figure.effect-oscar figcaption{background: linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.65) 100%);border-radius: 20px}h3.managerHeader{display: none}#Contentmanager .post-time{display: none}.page-header{margin: 0px 0 30px;border-bottom: 0px solid #e1723a}.landingpagemanager{display: none}.Contentmanager .site .col-section .item.-micro a .caption .title{text-align: center;font-size: 16px;padding: 5% 5% 0%;color: #444444}.Contentmanager .site .col-section .item.-micro a:hover .caption .title{color: #01bcf3}.Contentmanager .site .col-section .item.-micro a .caption .time{display: none}article.col-md-6.item.-micro{width: 25%}.Contentmanager .site .col-section .item.-micro{padding: 10px 10px 10px 15px}.Contentmanager .site .col-section .item.-micro a .image{width: 100%;margin-bottom: 0px}.Contentmanager .site .col-section .item.-micro a .caption{width: 100%;background: transparent;padding-left: 0}.Contentmanager .site .col-section .item.-micro:nth-child(odd){border-right: none;border-bottom: none}.Contentmanager .site .col-section .item.-micro:nth-child(even){border-bottom: none}.Contentmanager .site .col-section .item.-micro a .post{display: none}.contenemanager-gallery .col-xs-12.col-md-3{padding-left: 10px;padding-right: 10px;width: 25%}.Contenemanager-gallery .col-xs-6.col-md-3{padding-left: 10px;padding-right: 10px;width: 25%}.contenemanager-gallery .thumbnail{padding: 0px;border: 0px solid #fff;border-radius: 0px;transition: 0.3s}.Contenemanager-gallery .thumbnail{padding: 0px;border: 0px solid #fff;border-radius: 0px;transition: 0.3s}.Contenemanager-gallery .thumbnail:hover{transition: 0.3s;border: 0px solid #fff;background-color: white}.contenemanager-gallery .thumbnail:hover{transition: 0.3s;border: 0px solid #fff;background-color: white}.contenemanager-gallery .thumbnail,.img-thumbnail{-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);box-shadow: 0px 0px 20px 5px rgb(217 217 217 / 40%)}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color: transparent}.fbcomments,.fbcomments{display: none}.thumbnail{border: 0px solid #ddd}.img-thumbnail,.thumbnail{box-shadow: 0 0px 0px rgb(0 0 0 / 8%)}.Contentmanager .img-thumbnail{border: 0px solid #ddd}.Contentmanager p{white-space: break-spaces;font-size: 16px}.Contentmanager .thumbnail{background-color: transparent}.img-thumbnail{background-color: transparent}.Contentmanager .site .col-section .item.-micro a .img-zoom img:hover{transform: scale3d(1.05,1.05,1) !important}.Contentmanager .site .col-section .item.-micro a:hover .img-zoom img{-webkit-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale3d(1.05,1.05,1) !important}#Contentmanager img.img-responsive{position: relative !important;overflow: hidden !important;width: 100% !important;transition: 0.5s;border-radius: 20px}#Contentmanager img.img-responsive:hover{transform: scale(1.05)}#Contentmanager .thumbnail{background-color: transparent;position: relative !important;overflow: hidden !important;padding: 0px !important;box-shadow: none !important;border-radius: 20px}.Contentmanager .col-md-12.text-justify{padding-right: 10px;padding-left: 10px}.social-share{display: none !important}.name-portfolio-2{text-align: center;margin-bottom: 3%;margin-top: 1%}.name-portfolio-2 h1{font-weight: 600;margin-bottom: 10px}.name-portfolio{position: absolute;bottom: 20px;left: 0;width: 100%;padding: 5% 0%;font-size: 16px}#background67eb680119f6830013624022 .name-portfolio{font-size: 18px}.no-js #Component67eb7d34ca1ba300132a7377 label{display: none!important;color: #000}.no-js #Component67eb7d34ca1ba300132a7377 .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial;padding-left: 20px}.no-js #Component67eb7d34ca1ba300132a7377 .form-control{border: 0px solid #cfcfcf;border-bottom: 1px solid #000;border-radius: 0px !important;box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);padding: 22px 0px;background: transparent;color: #000;font-size: 16px !important}.no-js #Component67eb7d34ca1ba300132a7377 .form-control:focus{border-bottom: 1px solid #01bcf3 !important;border: 0px solid #01bcf3;box-shadow: inset 0 0px 0px rgba(0,0,0,.075),0 0 0px rgba(102,175,233,0);color: #444!important}.no-js #Component67eb7d34ca1ba300132a7377 .btn{background: #00bcf3;color: #fff;text-shadow: 0 0px 0 #00000000;background-repeat: repeat-x;border-color: transparent;border-radius: 40px;padding: 10px 30px 10px 30px;font-size: 15px;font-weight: 400;border: 0px solid}.no-js #Component67eb7d34ca1ba300132a7377 .btn-default:active{background: #00bcf3;color: #fff}.no-js #Component67eb7d34ca1ba300132a7377 .btn-default:hover,.no-js #Component67eb7d34ca1ba300132a7377 .btn-default:focus{background-position: 0 0px;background: #00bcf3;border: 0px solid transparent}.no-js #Component67eb7d34ca1ba300132a7377 .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component67eb7d34ca1ba300132a7377 span.label{font-size: 13px;font-weight: 400}.no-js #Component67eb7d34ca1ba300132a7377 ::placeholder{color: #444 !important;font-weight:400}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: 26px}p{font-size: 16px}body{font-size: 16px}b,strong{font-weight: 600}.one-stwatertreatment h6{color: #0077d2;font-weight: 600}.one-stwatertreatment{margin-top: 10%;margin-bottom: 4%}.one-stwatertreatment h2{font-weight: 600;margin-bottom: 10px}.content-stwatertreatment{white-space: break-spaces}.empty-stwatertreatment{padding: 2%}.empty-stwatertreatment-2{padding: 1%}.grind-footer2{display: grid;grid-template-columns: repeat(2,1fr);font-size: 14px;border-top: 1px solid;margin-top: 2%;padding-bottom: 5%;padding-top: 2%}.policy{text-align: right}.buttonExampleSite{border: 0px solid #fff !important;color: #fff !important;background: #01bcf3 !important;border-radius: 5px !important;font-weight: 400}.buttonExampleSite:hover{background: #0077d2 !important;color: #fff !important}.pdpa-text.pdpamg1{padding: 5% 0%}.ITPcookiebar{background-color: #302f2fe0 !important;color: #fff !important}.ITPlinkToCookiepage:hover{color: #fff !important}.ITPcookiebar{width: 100% !important;font-size: 14px !important}.pdpa-text.pdpamg1{padding: 5% 0%}ul.icon-a{font-size: 16px}.gridfooter{display: grid;grid-template-columns: 25% 60% auto;padding-top: 5%;margin-bottom: 3%}.footer-3{white-space: break-spaces}.footer-2 h3{font-weight: 600}.logostwatertreatment-footer{width: 70%}.gridfooter-3 h3{margin-bottom: 2%}.gridfooter-4 h3{margin-bottom: 8%}.follow-footer{display: grid;grid-template-columns: auto 45px;width: fit-content;gap: 20px;margin-top: 2%}.follow-footer-2{align-self: center}.block-iconfooter{display: flex;width: 100%;gap: 12px}.iconfooter{width: 21%}.grid-iconfooter{display: grid;grid-template-columns: repeat(2,1fr);width: 90%;margin-top: 2%}.iconfooter-2{align-self: center}.grid-head{display: grid;grid-template-columns: 69% auto}.grid-head-2{display: grid;grid-template-columns: 31% auto;gap: 20px;align-self: center}.block-telhead{display: flex;gap: 15px}.telhead{width: 9%}.grid-head-3{display: flex;gap: 20px}.btnhead{background: #01bcf3;color: #fff;padding: 10px 16px;border-radius: 50px;transition: 0.35s}.btnhead:hover{background: #0077d2;transition: 0.35s}.telhead-2{font-weight: 600;align-self: center}.head-stwatertreatment{text-align: center;margin-top: 6%;margin-bottom: 2%}.head-stwatertreatment h2{font-weight: 600}.grid-iconfooter .iconfooter{width: 9%}.two-stwatertreatment{text-align: center;padding: 12% 0%}.two-stwatertreatment h2{font-weight: 600}.two-stwatertreatment h6{padding: 10px 0px}.btnreadmore{background: #fff;color: #444;padding: 10px 20px;width: fit-content;margin: 0 auto;border-radius: 50px;margin-top: 3%;transition: 0.35s}.btnreadmore:hover{background: #00bcf3;color: #fff;transition: 0.35s}#iframe67eb7d7019f6830013624314 iframe{border-radius: 20px}.block-iconcontact{display: flex;width: 100%;gap: 10px;margin-bottom: 10px}.iconcontact{width: 5%}.iconcontact-t{align-self: center}.block-iconservice{display: flex;margin-bottom: 5%;transition: 0.35s}.iconservice{width: 17%;transition: 0.35s}.iconservice-2{white-space: break-spaces;align-self: center;margin-left: 4%}.iconservice-2 h3{font-weight: 600;margin-bottom: 5px}.grid-service{display: grid;grid-template-columns: repeat(2,1fr);gap: 50px;margin-top: 10%}.grid-service-2{align-self: center}.btnclick{background: #01bcf3;border-radius: 50px;width: fit-content;padding: 10px 25px;color: #fff;margin-top: 5%;margin-bottom: 3%}.telservice{width: 5%}.headservice{font-size: 82px;font-weight: 700;-webkit-background-clip: text;color: transparent;background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_02042024dt96/0/0/waterz-z1149083018926.jpg);margin: 3% 0;background-repeat: no-repeat;background-size: cover;background-position: center 75%;text-transform: uppercase;line-height: 1}.bgname{position: absolute;bottom: 15px;left: 0;width: 100%;padding: 5% 10%;font-size: 18px;text-align: left;font-weight: 400}.block-iconservice:hover{transition: 0.35s;transform: translateX(-7px)}.block-iconservice:hover .iconservice{filter: grayscale(1);transition: 0.35s}.block-about h2{font-size: 2.6em;font-weight: 600;padding: 5px 0px}.block-about h6{color: #0077d2;font-weight: 600}ul.icon-product ::marker{color: #0077d2}.itopplus-pos2{background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,#e9f5ff 100%)}.grid-servicedetail{display: grid;grid-template-columns: repeat(2,1fr);gap: 40px;padding: 0% 0% 8%}.grid-about{display: grid;grid-template-columns: repeat(2,1fr);gap: 50px;padding: 2% 0% 9%}.bgservice{align-self: center;display: block;overflow: hidden;border-radius: 25px}.bgservice img:hover{-webkit-transform: scale3d(1.05,1.05,1);transform: scale3d(1.05,1.05,1);transition: 0.35s}.bgservice img{transition: 0.35s;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1)}.grid-service-3 h6{font-weight: 600;color: #0077d2}.grid-service-3 h3{font-weight: 600;padding: 5px 0px;white-space: break-spaces}.menuservice{text-align: center;padding: 5% 0% 0%}#background67ebc85a19f6830013624ed2 .thumbnail .imgLightbox{border-radius: 20px !important}.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;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}.itopplus-bg2{background-size: cover}.bgname{white-space: break-spaces}.CASS-A-top{height: auto;border-top: solid 0px #d4d4d4}.CASS-A-bottom{height: auto;border-bottom: solid 0px #d4d4d4}.CASS-A-middle-mid{position: relative;padding: 0px}.CASS-A-middle-right{border-right: solid 0px #d4d4d4}.CASS-A-middle-left{border-left: solid 0px #d4d4d4}.CASS-A-main{box-shadow: 0px 0px 0px 0px rgba(50,50,50,.5)}#background68344c40e59d4b001a532984 .row-fluid [class*=col-sm-5fix]{width: 16.5% !important}@media screen and (min-width: 1900px){h1{font-size: 2em}h2{font-size: 3em}h3{font-size: 22px}h4{font-size: 25px}h5{font-size: 29px}h6{font-size: 34px}p{font-size: 20px}body{font-size: 20px}.dropdown-menu > li > a{font-size: 19px}.grid-head{grid-template-columns: 73% auto}.grid-head-2{grid-template-columns: 40% auto}.bgname{font-size: 22px}.headservice{font-size: 100px;line-height: 1.2}#background67eb680119f6830013624022 .name-portfolio{font-size: 22px}.grind-footer2{font-size: 16px;padding-bottom: 4%}ul.icon-a{font-size: 20px}.Contentmanager p{font-size: 20px}.name-portfolio{font-size: 20px}.no-js #Component67eb7d34ca1ba300132a7377 .form-control{padding: 28px 0px;font-size: 20px !important}.iconcontact{width: 4%}.no-js #Component67eb7d34ca1ba300132a7377 .btn{font-size: 19px}#iframe67eb7d7019f6830013624314 iframe{height: 350px}}@media screen and (max-width: 1191px){h2{font-size: 2.5em}.itopplus-search{width: 80%}.headservice{font-size: 65px;line-height: 1.2}.iconservice-2{white-space: inherit;width: 20%}.iconservice-2{width: 80%}.grid-iconfooter{grid-template-columns: repeat(1,1fr);width: 100%}.grid-iconfooter .iconfooter{width: 5%}.block-iconfooter{margin-bottom: 2%}}@media screen and (max-width: 900px){.grid-service{grid-template-columns: repeat(1,1fr)}.iconservice{width: 13%}#background67eb680119f6830013624022 .name-portfolio{font-size: 16px}.page-header{margin: 0px 0 0px}#carousel67ebfc40ca1ba300132a83a4{display: none}.bgservice{align-self: inherit}.content-stwatertreatment{white-space: inherit}}@media screen and (max-width: 480px){.itopplus-bg{background-image: url("http://itp1.itopfile.com/ImageServer/z_itp_02042024dt96/0/0/stwatertreatmentz-z772730948791.jpg")}#carousel67ebfc40ca1ba300132a83a4{display: inherit}#imagesControl67ebfc40ca1ba300132a83a4{padding: 0px ! IMPORTANT}.contenemanager-gallery .col-xs-12.col-md-3{width: 50%}#background67eb57231813f90013b03fde .col-md-4.col-sm-4.col-xs-12{width: 50%}.headservice{font-size: 50px;line-height: 1.2}.btnclick{margin-bottom: 6%}.telservice{width: 9%}.iconservice{width: 25%}#background67eb680119f6830013624022 .Contentmanager .col-md-4.col-sm-4.col-xs-12{width: 50%}.name-portfolio{padding: 5% 5%}#Component67eb680119f6830013624022{margin: -10px;margin-bottom: -15px}.gridfooter{grid-template-columns: 100%}.gridfooter-2{width: 50%;margin-bottom: 8%}.gridfooter-4{display: none}.grid-iconfooter .iconfooter{width: 7%}.grid-iconfooter{margin-top: 5%}.grid-about{grid-template-columns: repeat(1,1fr);gap: 30px}.grid-servicedetail{grid-template-columns: repeat(1,1fr);gap: 30px;padding: 3% 0% 8%}.grid-service-3{margin-bottom: 5%}.Contentmanager .col-md-4.col-sm-4.col-xs-12{width: 50%}.iconcontact{width: 8%}.gridfooter{margin-top: 10%}body,html{overflow-x: hidden}.itopplus-bg2{background-attachment: inherit}.bgname{padding: 5% 5%;}.bgname{white-space: inherit;font-size: 16px}#imagesControl67eb57231813f90013b03fde{padding: 0px !important}#background68344c40e59d4b001a532984 .row-fluid [class*=col-sm-5fix]{width: 50% !important}}span.glyphicon.glyphicon-chevron-right{color: #fff}span.glyphicon.glyphicon-chevron-left{color: #fff}