.itopplus-background{}body{font-size: 18px;overflow-x: hidden;color: #4c4c4c;font-family: "Noto Sans Thai",sans-serif}.bItpCanonical{display: unset !important}.custom_canonical_content{display: unset !important}a{color: #4c4c4c}a:hover{color: #000}.itopplus-bg{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_10092023vsnf/0/0/1z-z1137592763241.webp')}.itopplus-bg2{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_10092023vsnf/0/0/2z-z66953883440.webp');background-attachment: fixed}.itopplus-bg4{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_10092023vsnf/0/0/4z-z801971322955.webp');background-size: cover;background-attachment: fixed}.navbar-default .navbar-nav>li>a{font-size: 0.9em;color: #fff;margin: 0;padding: 8px 0;border-bottom: 3px solid transparent;font-family: "Montserrat",sans-serif}.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: #fff;box-shadow: none;border-radius: none;background: transparent;background-color: transparent;border-bottom: 3px solid #fff}.dropdown-menu>li>a{font-size: 1.2em;color: #000;padding: 8px 15px;font-family: "Montserrat",sans-serif}.no-js .dropdown-menu>li>a:focus,.no-js .dropdown-menu>li>a:hover{color: #fff;background: #000}@media screen and (max-width: 992px){#controlBanner img{position: fixed;top: 5px;left: 10px;width: 50px !important;z-index: 10000}.navbar-header{height: 50px !important}#nav-menu,#ItopplusMainSidebar>div{background: #000 !important}#itpMenuSideBar span{background-color: #fff !important}#controlMenu *{color: #fff !important;border: none}}@media screen and (min-width: 1024px){.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}.itopplus-banner{background: #000;transition: .3s}.itopplus-banner .container{display: grid;grid-template-columns: 15% auto;align-items: center}.itp-block{display: flex;flex-direction: column;align-items: flex-end}.itopplus-sticky{background: #000 !important}#controlBanner{object-fit: contain;padding: 15px;width: 75%;min-width: 150px;margin: 0 auto}#nav-menu{display: grid;justify-content: end;background: transparent;min-height: auto}.itopplus-search{text-align: center}#itopplus-nav-bar{display: flex;justify-content: space-between;min-width: 40vw;border-bottom: 1px solid #fff}}.h1,h1{font-size: 3em;font-weight: 600}.h2,h2{font-size: 2.7em;font-weight: 600}.h3,h3{font-size: 1.6em;font-weight: 600}.h4,h4{font-size: 1.2em;font-weight: 600}.h5,h5{font-size: 1.1em}.boderedlayoutClient{border-top: 0px dashed transparent;border-left: 0px dashed transparent;border-right: 0px dashed transparent;border-bottom: 0px dashed transparent}ol,ul{margin-top: 10px;margin-bottom: 10px}.btn-tel{display: grid;grid-template-columns: 20px auto;gap: 10px;background: transparent;color: #fff;font-family: "Montserrat",serif;border: 1px solid #fff;padding: 7px 13px;font-size: 0.9em;transition: 0.5s}.btn-tel:hover{background: #4b4b4b;color: #ffffff;border: 1px solid #4b4b4b}.itopplus-footer{font-size: 14px}.itopplus-footer h4{font-size: 1.15em;margin: 0px 0 8px;font-weight: 600;color: #000}.itopplus-footer a{color: #4a4a4a}.itopplus-footer a:hover{color: #000}.footer-fb{width: 14%;margin: 0 0 20px;transition: 0.5s}.footer-tel{display: grid;grid-template-columns: 17px auto;gap: 10px;margin: 15px 0}.footer-logo{width: 70%;float: right}.copy-right{font-size: 0.85em;font-family: "Montserrat",sans-serif;color: #6c6c6c;border-top: 1px solid #999999;padding: 20px 0}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #000 !important;color: #000 !important;font-family: Prompt,sans-serif !important}.buttonExampleSite:hover{background: #000 !important;color: #ffffff !important}.ITP-pdpa-template-titleFont{font-size: 1.2em !important;padding-bottom: 0rem !important;font-weight: 600 !important}.ITP-pdpa-template-contentFont{font-size: 1em !important}.itpPDPALandingPage{padding: 6% 2% 2%}#background672087bb0069d50013429c97 .input-group input{box-shadow: none;border: none;border-bottom: 1px solid #999;border-radius: 0px;background: transparent;padding: 0;font-size: 1em}#background672087bb0069d50013429c97 form.form-subscribe2:before{display: none}#background672087bb0069d50013429c97 button{height: 40px;aspect-ratio: 1;background: transparent;padding: 0;box-shadow: none;border: none}#background672087bb0069d50013429c97 button::after{position: absolute;top: 0;left: -25px;display: block;content: "→";font-size: 20px}#background672087bb0069d50013429c97 button span{display: none}.about-us{white-space: pre-line;padding: 10% 15%;color: #000}.about-us h2,.about-vision h2{font-family: "Montserrat",serif;font-weight: 500;margin: 0 0 30px}.btn-more{background: transparent;border: none;padding: 0;font-weight: 500;color: #000;display: grid;grid-template-columns: auto 27px;align-items: center;gap: 10px}.menu-block{display: grid;grid-template-columns: 85% 15%;align-items: center;padding: 5% 0 1%;color: #000}.menu-align h2{font-family: "Montserrat",serif;font-weight: 500;margin: 0}.padding-pd2{padding: 20%}.service-block{display: grid;grid-template-columns: 38% 62%;padding: 8% 0;color: #000}.service-block-sub{white-space: pre-line;border-left: 1px solid #6a6a6a;padding-left: 6%}.service-block-head h2{font-family: "Montserrat",serif;font-weight: 500;margin: 0 0 30px}.quote-block{white-space: pre-line;width: 50%;float: right;padding: 5% 0 0}.quote-block h2{font-family: "Montserrat",serif;font-weight: 500;margin: 0 0 30px}.quote-block h1{font-family: "Montserrat",serif;font-size: 6em;line-height: 1;margin: 0;font-weight: 500;font-style: italic}.quote-block h3{margin: 0;line-height: 1.3;font-weight: 500;font-size: 1.5em}.sym-1{margin: 2% 0 -7%}.sym-2{text-align: center;margin-left: 19%;margin-top: -4%}.padding-pd{padding: 2%}.contact-block2{font-size: 0.9em;color: #000;border-left: 1px solid #868686;padding: 3% 0 3% 14%;margin-left: 10%;margin-top: 12%}.btn-maps{background: transparent;border: none;display: grid;grid-template-columns: 20px auto;gap: 5px;font-weight: 600;color: #000;padding: 10px 0 20px}.btn-tel2{display: grid;grid-template-columns: 20px auto;gap: 10px;padding: 5px 0 20px;background: transparent;border: none}.facebook-icon{width: 9%}.service-step-timeline,.service-step-timeline2,.service-step-timeline3{display: grid;grid-template-columns: repeat(4,1fr);gap: 25px;margin-bottom: 3%}.service-step{position: relative}.service-step h2{font-family: "Montserrat",serif;background: #000;color: #fff;border-radius: 50%;width: 70px;height: 70px;padding: 7% 5%;font-size: 1.7em;text-align: center;margin: 0 auto}.service-step h4{white-space: pre-line;font-weight: 600;margin: 20px 0 5px;color: #000;text-align: center;font-size: 1.1em;line-height: 1.1;height: 45px}.service-step ul{font-size: 0.9em}.service-step-timeline:before,.service-step-timeline2:before,.service-step-timeline3:before{}.service-step-timeline:before{}.service-step-timeline2:before{}.service-step-timeline3:before{}.col-section{padding: 0 1% 5%}article.col-md-6.item.-micro{width: 33.33%}.Contentmanager .site .col-section .item.-micro{padding: 0px 10px 20px}.Contentmanager .site .col-section .item.-micro:nth-child(odd){border-right: solid 0px #e8e6e8;border-bottom: solid 0px #e8e6e8}.Contentmanager .site .col-section .item.-micro:nth-child(even){border-bottom: solid 0px #e8e6e8}.Contentmanager .site .col-section .item.-micro a .image{width: 100%;border-radius: 0px;background-color: transparent;border: 1px solid #eee}.Contentmanager .site .col-section .item.-micro a .post{display: none}.Contentmanager .site .col-section .item.-micro a .caption{width: 100%;background-color: transparent;border-radius: 0;padding: 0 0}.Contentmanager .site .col-section .item.-micro a .caption .time{padding: 0% 0;color: #000;text-align: left;font-weight: 400;font-size: 1em;display: none}.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 1.06em;font-weight: 500;background: transparent;color: #2f2f2f;padding: 7% 0%;margin-bottom: 0px;line-height: 1.3;text-align: center;font-family: "Montserrat",serif;text-transform: uppercase}.Contentmanager .site .col-section .item.-micro a:hover .caption .title{color: #000}h3.managerHeader{font-size: 2.6em;text-align: center;font-weight: 600;display: none}#Contentmanager .post-time{display: none}.page-header{border-bottom: 0px solid #eee;margin: 0px 0 0px}.social-share{top: 50px}.col-md-6.pull-left{padding: 0;width: 50%;margin: 0 4% 0 0}.Textmanager.font-inherit{text-align: left;display: flow-root}.Textmanager.font-inherit h4{font-weight: 600;margin: 25px 0 5px;line-height: 1.3}.Textmanager.font-inherit h3{font-weight: 600;margin: 20px 0 10px;font-size: 1.8em}.Textmanager.font-inherit p{margin: 0 0 0px}.Textmanager.font-inherit strong{font-weight: 600}.contenemanager-gallery .col-xs-12.col-md-3,.Contenemanager-gallery .col-xs-6.col-md-3{padding: 0px 10px}.contenemanager-gallery .thumbnail,.Contenemanager-gallery .thumbnail{padding: 0px;border: 0px solid #cecece;border-radius: 0px;transition: 0.3s}.Contenemanager-gallery .thumbnail:hover,.contenemanager-gallery .thumbnail:hover{transition: 0.3s}.Contenemanager-gallery .thumbnail,.img-thumbnail,.contenemanager-gallery .thumbnail,.img-thumbnail{-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);box-shadow: 0 0 0 rgba(0,0,0,.075);border-radius: 0px;transform: scale(1.0) !important}#Contentmanager img.img-responsive{border-radius: 0px;position: relative !important;overflow: hidden !important;width: 100% !important;transition: 0.5s}#Contentmanager img.img-responsive:hover{transform: scale(1.1)}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color: transparent}#Contentmanager .thumbnail{background-color: #fff;position: relative !important;overflow: hidden !important;border: 1px solid #eee;padding: 0px !important;box-shadow: none !important;border-radius: 0px}.img-thumbnail{padding: 0px;border: 0px solid #ddd;border-radius: 0px}.social-icon{border-radius: 5px}.landingpagemanager{display: none}.project-banner{width: 100%;margin: 30px 8px}.project-banner img{width: 100% ! IMPORTANT}.project-icon-block{display: grid;grid-template-columns: repeat(4,1fr);font-family: "Montserrat",serif;margin: 8% 0}.project-icon img{width: 20% !important;margin: 0 0 10px}.project-icon h4{margin: 10px 0 0 !important;font-size: 1.1em;color: #000}.project-icon{border-right: 1px solid #ccc;text-align: center;padding: 0px 10px}.project-icon:nth-child(4){border-right:none}.contact-head{color: #000;padding: 0 4%;font-weight: 600}.contact-head h2{font-family: "Montserrat",serif;font-weight: 500;text-transform: uppercase;margin: 0 0 10px}.CASS-D-border{background: rgba(255,255,255,.0) !important;margin: 0 auto}.CASS-C-head,.CASS-D-head{font-family: "Noto Sans Thai",sans-serif}.CASS-D-border .form-control{border: none;background-color: transparent;border-bottom: 1px solid #c0c0c0;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%);font-size: 0.9em !important;padding: 10px 0;height: 55px;font-weight: 500;color: #5d5d5c !important}.CASS-D-border .form-control::placeholder{color: #5d5d5c !important}.CASS-D-border .form-control:hover{border-bottom: 1px solid #000}.CASS-D-border .form-control:focus{border-bottom: 1px solid #000;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow: inset 0 0px 0px rgba(0,0,0,.075),0 0 0px rgba(102,175,233,0);color: #5d5d5c!important}.CASS-D-border .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#4d4d4d 0,#4d4d4d 100%);background: transparent;color: #000000;text-shadow: 0 0px 0 #282828;background-repeat: repeat-x;border-color: #0000;border-radius: 0px;padding: 8px 15px;font-weight: 500;font-size: 0.8em;border: 1px solid #000000}.CASS-D-border .btn-default:active{background-color: #000000;color: #fff}.CASS-D-border .btn-default:hover,.CASS-D-border .btn-default:focus{background-position: 0 0px;background-color: #000000;color: #fff}.CASS-D-border .ITPcheckboxAuthen{font-size: 0.9em;color: #555555;text-align: left !important;padding-left: 3%}.CASS-D-border .col-md-offset-5.col-md-1.col-sm-12{margin-left: 32%}span#customAcceptPolicyText1,span#contactUsAcceptPolicyText2{color: #000}span#contactUsAcceptPolicyText2{}.CASS-D-border #editor1,.CASS-D-border #editor2,.CASS-D-border #editor3,.CASS-D-border #editor4,.CASS-D-border #editor5{display: none}.CASS-D-middle-mid{padding: 0px 0}.CASS-D-border .glyphicon-ok-circle:before{display: none}div#form66fccb417fe48700136ba92c,div#form66fceffb406533001351fb86{padding: 0 !important}.about-vision{padding: 0 2% 0 11%;color: #000}.about-vision img{margin: 33px 0 0}figure.effect-jazz{background: transparent}figure.effect-jazz figcaption::after{border-top: 0px solid #fff;border-bottom: 0px solid #fff}.img-block{overflow: hidden;position: relative}.img-block img{transition: 0.5s}.img-block:hover img{transform: scale(1.1)}.service-block-about{padding: 0 0 0 6%}.service-block-about h2{font-size: 2.5em}.service-block-about .service-block-sub{font-size: 0.98em}.menu-align-border{border-bottom: 1px solid;color: #000;padding: 5% 0 1%;margin: 0 8px}.contact-head-pd{padding: 15% 0 0}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color: #000;border-color: #000}.pagination>li>a,.pagination>li>span{color: #000}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #000;background-color: #f7f7f7}@media only screen and (min-width : 1900px){body{font-size: 22px}.container{width: 1440px}.itopplus-footer{font-size: 18px}.ITPcookiebar,.buttonExampleSite{font-size: 16px !important}.about-vision img{margin: 57px 0 0}.service-step h2{width: 80px;height: 80px;padding: 6% 5%}.service-step-timeline:before,.service-step-timeline2:before,.service-step-timeline3:before{width: 73%;left: 14%}.service-step-timeline:before{top: 83%}.service-step-timeline2:before{top: 117%}.service-step-timeline3:before{top: 150%;width: 55% !important}}@media only screen and (max-width:1191px){body{font-size: 16px}#itopplus-nav-bar{min-width: 45vw}.about-us{padding: 4% 12%}.menu-block{grid-template-columns: 84% 16%}.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 0.95em}.service-block{grid-template-columns: 40% 60%}.service-block-sub{white-space: inherit}.quote-block{white-space: inherit}.service-step h2{width: 60px;height: 60px}.service-step-timeline:before,.service-step-timeline2:before,.service-step-timeline3:before{width: 85%;left: 7%}.service-step-timeline:before{top: 81%}.service-step-timeline2:before{top: 117%}.service-step-timeline3:before{top: 155%;width: 62%}}@media only screen and (max-width:900px){.itopplus-bg{background-size: cover;background-position: right}.itopplus-bg2{background-size: cover}.about-us{white-space: inherit;padding: 5% 5%}.menu-block{grid-template-columns: 80% 20%}.padding-pd2{padding: 15%}.service-block{grid-template-columns: 50% 50%}.contact-head{padding: 0 0 0 4%}.CASS-D-border .ITPcheckboxAuthen{padding-left: 5%}.service-step h2{padding: 9% 5%}.service-step-timeline:before{top: 56%}.service-step-timeline2:before{top: 84%}.service-step-timeline3:before{top: 116%;width: 70%}.contenemanager-gallery .col-xs-12.col-md-3,.Contenemanager-gallery .col-xs-6.col-md-3{width: 25%}.copy-right{border-top: 0px solid #999999;text-align: center}.Textmanager.font-inherit{display: block}}@media only screen and (max-width:480px){#imagesControl6720840f802a9b001344996c{padding: 0 !important;margin-bottom: -7px}.h2,h2{font-size: 2em}.menu-block{grid-template-columns: 63% 37%}.btn-more{grid-template-columns: auto 20px}article.col-md-6.item.-micro{width: 50%}.itopplus-bg2,.itopplus-bg4{background-attachment: inherit}.padding-pd2{padding: 30%}.service-block{grid-template-columns: repeat(1,1fr);padding: 8% 4%}.service-block-head{margin-bottom: 25px}.quote-block{width: 100%}.quote-block h3{font-size: 1.3em}.quote-block h1{font-size: 4em}.contact-head{padding: 0 0 0 5%}.CASS-D-border .col-md-offset-5.col-md-1.col-sm-12{margin-left: 27%}.contact-block2{margin-left: 5%;padding: 3% 0 3% 10%}.about-vision{padding: 0 2% 0 0%}.about-us{padding: 5% 2%}.service-block-about h2{font-size: 2em}.service-step-timeline:before,.service-step-timeline2:before,.service-step-timeline3:before{display: none}.service-step-timeline,.service-step-timeline2,.service-step-timeline3{grid-template-columns: repeat(2,1fr)}.PitCustomClass1 .col-md-12.text-justify{padding: 0}.social-share{top: 0px}.project-icon-block{grid-template-columns: repeat(2,1fr);gap: 20px}.project-icon:nth-child(4),.project-icon:nth-child(2){border-right: none}.row.Contenemanager-gallery{padding: 0 15px}.contenemanager-gallery .col-xs-12.col-md-3,.Contenemanager-gallery .col-xs-6.col-md-3{width: 50%}.project-banner img{width: 95% ! IMPORTANT}.service-block-about{padding: 0 0 0 0%}body,html{overflow-x: hidden}.contact-head-pd{padding: 5% 0 0}}@media only screen and (max-width:375px){.menu-block{grid-template-columns: 57% 43%}}.unknown{position: fixed;bottom: 6% !important}.unknown_prf .btn-main,.unknown_prf:hover .btn-main{margin-bottom: 0 !important}