.itopplus-background{}.unknown{position: fixed;bottom: 8% !important}.unknown_prf .btn-main,.unknown_prf:hover .btn-main{margin-bottom: 0 !important}span#tooltip-main-toggle{visibility: hidden}body{overflow-x: hidden;color: #000000;font-family: "Lato","Anuphan",sans-serif;background-color: #f4f1ec}.navbar-default .navbar-nav > li > a{color: #000;margin: 0 5px;padding: 8px 15px;border-radius: 0}.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: #e85530 !important;box-shadow: none;border-color: transparent;background: transparent;background-color: transparent}.no-js .dropdown-menu > li > a{color: #444}.no-js .dropdown-menu > li > a:focus,.no-js .dropdown-menu > li > a:hover{color: #fff;background: #e85530}@media screen and (max-width: 1023px){#controlBanner img{position: fixed;top: 15px;left: 10px;width: 100px !important;z-index: 10000}#nav-menu,#ItopplusMainSidebar > div{background: #fff !important}#controlMenu *:not(a span){color: #444 !important;border: none}.navbar-header button span{background-color: #444 !important}.navbar-header a::before{background-size: 30px;background-position: center}.navbar-header a::after{background: #0e435f}.navbar-header :is(button,a.visible-xs){width: 30px !important;height: 30px !important}#itpphonemobile::before{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/telz-z555807927326.png) !important}#itpsearchmobile::before{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/searchz-z1550057493030.png) !important}.old-image-icon-facebook::before{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/fbz-z1306469976463.png) !important}.old-image-icon-line::before{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/linez-z468194837558.png) !important}.old-image-icon-instragram::before{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/igz-z261562755399.png) !important}.old-image-icon-youtube::before{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/ytz-z1709509823553.png) !important}.new-image-icon-twitter::before{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/twz-z1451700767745.png) !important}}@media screen and (min-width: 1024px){.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}.itopplus-banner{background: #f4f1ec;transition: 0.3s}.itopplus-sticky{background: #f4f1ec !important}.itopplus-banner > .container{display: grid;grid-template-columns: 25% auto;align-items: center}#itopplus-nav-bar{display: flex;width: 100%;justify-content: end;padding: 2% 0}#controlBanner{object-fit: contain;padding: 10px;width: clamp(100px,100%,13vw);margin: 0 auto}}@media screen and (min-width: 1366px){}@media screen and (min-width: 1900px){}@media screen and (max-width: 900px){}@media screen and (max-width: 480px){}.navbar-default .navbar-nav>li>a,.dropdown-menu>li>a{font-size: 14px}h1{font-size: 3.4em}h2{font-size: 2.4em}h3{font-size: 2.2em}h4,.managerHeader{font-size: 2em}h5{font-size: 1.6em}h6{font-size: 1.4em}p,.btn-project-all,.btn-view,.text-service h6{font-size: 14px}.CASS-D-main button{font-size: 13px}figure.effect-jazz p{font-size: 14px !important}.text-service h6,.pre-project h6,figure.effect-jazz h6,.service-detail h6{font-size: 16px}.pt-3{padding-top:3%}.pt-5{padding-top:5%}.pt-8{padding-top:8%}.social-footer{display: flex;gap: 10px;justify-content: center;align-items: center;margin: 3% 0}.social-footer img{width: 40px !important}.footer{text-align: center;padding: 3% 0;text-transform: uppercase}.logo-footer{width: 20%;margin: auto;margin-bottom: 3%}.copy-right{color: #5c5959}.itopplus-footer::before{content: " ";width: 100%;height: 7px;background-image: url('http://itp1.itopfile.com/ImageServer/z_itp_051020248gpk/0/0/line-footerz-z108245590315.png');position: absolute;bottom: 0;background-size: 100%;background-repeat: no-repeat;background-position: center}.itopplus-footer{position: relative}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{line-height: inherit;margin: 0}.sect-service{text-align: center;margin-bottom: 2%}.sect-service h3,.managerHeader,.about-page p,.team-page h5,.service-detail h3,.service-detail h5,.form-contact h4,.contact-page2 h4{font-weight: 300}.CASS-A-middle-mid,.CASS-B-middle-mid,.CASS-D-middle-mid,.CASS-E-border,.CASS-H-middle-mid{padding: 0}.CASS-A-middle-right,.CASS-A-middle-left,.dropdown-menu,.CASS-A-bottom,.CASS-A-top,figure.effect-oscar figcaption::before,figure.effect-jazz figcaption::after,.CASS-B-border,.CASS-E-border{border: none}.CASS-A-main{box-shadow: none}figure.effect-oscar,figure.effect-jazz,.CASS-B-border,.CASS-D-border,.CASS-E-border,.CASS-H-main{background: transparent}.CASS-A-main figcaption{padding: 0 !important;text-transform: none !important;color: #fff !important;position: absolute !important;width: 100% !important;height: 100% !important;top: 0 !important;left: 0 !important;text-align: center !important;background: transparent !important}.grid figure h2{word-spacing: unset;font-weight: unset;font-size: initial}figure.effect-oscar h2{margin: 0;-webkit-transition: inherit;transition: inherit;-webkit-transform: inherit;transform: inherit}.grid figure p{letter-spacing: unset;font-size: unset}figure.effect-oscar figcaption::before,figure.effect-oscar p{opacity: 1;-webkit-transition: inherit;transition: inherit;-webkit-transform: inherit;transform: inherit}figure.effect-oscar:hover h2{-webkit-transform: inherit;transform: inherit}figure.effect-oscar img,figure.effect-oscar:hover img{opacity: 1}.logo-service img{width: 190px !important;margin: auto}.logo-service,.about-page p,.team-page h5{margin-bottom: 2rem}.blog-service{color: #c0b7a8;text-transform: uppercase;background: linear-gradient(0deg,#000000,#000000ab,#0000004f,transparent);padding-top: 100px;position: absolute;width: 100%;bottom: 0}.blog-service.service-page{padding-bottom: 25px}.CASS-A-main figure:hover .text-service{background: #125173ed}.text-service{padding: 35px 10px;transition-duration: 0.5s}.btn-project-all img{width: 25px !important}.btn-project-all{display: flex;align-items: center;gap: 15px;width: fit-content;margin: auto;margin-right: 0;font-weight: 600;color: #000;transition-duration: 0.3s}b,strong,#contactUsAcceptPolicyText2{font-weight: 600}.carousel-control{display: none}.carousel-indicators.hidden{display: block !important;visibility: visible !important}.carousel-indicators .active{width: 14px !important;height: 14px !important;background-color: #ea6a4a !important;border-color: #ea6a4a}.carousel-indicators li{width: 14px !important;height: 14px !important;background-color: transparent !important;border-color: #ea6a4a;margin: 0 3px !important}.Text_seller2,.post-time,.landingpagemanager,.social-share{display: none}.social-icon{border-radius: 5px}.template1 .col-md-4.col-sm-4.col-xs-12{width: 100%;padding: 0 !important}.template1{display: grid;grid-template-columns: repeat(3,1fr);gap: 30px 40px;margin-bottom: 5%}.pre-project{text-align: left;color: #000;padding: 3% 0}.btn-view{width: fit-content;padding: 3px 0 5px;display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0,0,0,0);position: relative;overflow: hidden}.page-header{padding-bottom: 0;margin: 4% 0 2%;border-bottom: none;position: relative}div#Contentmanager .img-thumbnail,div#Contentmanager .thumbnail{padding: 0;border: none;box-shadow: none;background: transparent;border-radius: 0}.Textmanager{display: flow-root;text-align: left}.project-detail p{margin-bottom: 1.2rem}.project-detail h6{margin-bottom: 1.5rem}.project-detail{padding-left: 7%;padding-top: 5%}.project-detail p{display: grid;grid-template-columns: 18% auto}.Contenemanager-gallery{display: inline-block !important;column-count: 2;gap: 20px}.Contenemanager-gallery .col-xs-6.col-md-3{width: 100%;padding: 0}div#Contentmanager .col-md-12.text-justify{padding: 0}.row.Contenemanager-gallery{margin-right: 0;margin-left: 0}div#Contentmanager .col-md-6.pull-left{padding-left: 0}.project-line hr{border-color: #868686;margin-bottom: 4rem}.managerHeader,.team-page,.contact-page,.form-contact{text-align: center}.Contentmanager .template1 .template-panel{padding-bottom: 70%;overflow: hidden}p{line-height: 24px}.CASS-B-main .CustomImageGalleryType_2{gap: 30px;display: grid !important;grid-template-columns: repeat(4,1fr)}.CASS-B-main .col-md-4.col-sm-4.col-xs-4{width: 100%}.CASS-B-main figcaption{padding: 0 !important;position: relative !important;text-transform: none !important;color: #000 !important;text-align: left !important}figure.effect-jazz h2{padding-top: 0;-webkit-transition: inherit;transition: inherit}figure.effect-jazz h2,figure.effect-jazz p{opacity: 1;-webkit-transform: inherit;transform: inherit}figure.effect-jazz p{padding: 0;font-size: initial;opacity: 1;-webkit-transition: inherit;transition: inherit;font-weight: 300 !important}.CASS-B-main .imgLightbox{overflow: hidden}figure.effect-jazz h2{margin: 1rem 0 1.5rem}figure.effect-jazz p,.contact-list2{margin-bottom: 1rem}.service-detail h5,.contact-page h4,.contact-page2 h4{margin-bottom: 0.5rem}.contact-detail{display: flex;flex-wrap: wrap;gap: 30px 20px;justify-content: center;margin: 3% 0 7%}.contact-list{display: grid;grid-template-columns: 40px auto;align-items: center;gap: 12px;text-align: left;border: 1px solid #2d2d2d;transition-duration: 0.3s}.contact-detail a{min-width: 25%}.icon-contact-list{padding: 10px;background: #2d2d2d}.icon-contact-list img{filter: invert(1)}.TabItpContentLandingPage2>ul>li.active>a,.TabItpContentLandingPage2>ul>li>a:hover{border-color: #000 !important}.form-contact{background: #fff;padding: 5% 3% 1%}.CASS-D-main{padding: 1% 7% 5%}.tab-itp-background{background: transparent !important;padding: 0 !important}.TabItpContentLandingPage2{padding-right: 5%}.CASS-D-main .col-xs-12.col-sm-3.col-md-3{display: none !important}.CASS-D-main .col-xs-12.col-sm-6.col-md-6{width: 100%}.CASS-D-main input.form-control{height: 40px}.CASS-D-main .form-control{box-shadow: none;border-radius: 0;border: none;border-bottom: 1px solid #aeaeae;background: transparent}.CASS-D-main .col-md-offset-3{margin: 0;width: 100%;padding: 0;text-align: center}.CASS-D-main button{background-image: none;background: #000 !important;text-shadow: none;color: #fff;border: none;border-radius: 0;padding: 1rem 2rem}.contact-detail a,.footer a,.contact-detail2 a:hover{color: #000;transition-duration: 0.3s}.contact-detail2 a{color: #5e5e5e}.footer a:hover,.btn-project-all:hover{color: #444}.contact-list:hover{background: #2d2d2d;color: #fff}.social-footer img,.img-container .img,.CASS-A-main .imgLightbox img,div#Contentmanager .thumbnail>img{transition: transform 0.2s ease-out}.social-footer img:hover,.template1 .col-md-4.col-sm-4.col-xs-12:hover .img,.CASS-A-main figure:hover .imgLightbox img,div#Contentmanager .thumbnail>img:hover{transform: scale(1.05)}.btn-view:hover::before,.template1 .col-md-4.col-sm-4.col-xs-12:hover .btn-view::before{right: 0}.btn-view::before{content: "";position: absolute;z-index: -1;left: 0;right: 100%;bottom: 0;background: #000;height: 1px;-webkit-transition-property: right;transition-property: right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out}.btn-project-all:hover img{transform: translateX(10px)}.btn-project-all img{position: relative;transition: all .3s ease-in}.CASS-A-main figure,div#Contentmanager .thumbnail{overflow: hidden}.text-contact-list{padding-right: 10px}.TabItpContentLandingPage2>ul{width: 100%}.ITPcookiebar{width: 100% !important;background-color: #62626275 !important;color: #fff}.buttonExampleSite{border-radius: 0 !important;border: 1px solid #62626275 !important;color: #171717 !important}.buttonExampleSite:hover{background: #ddd !important;color: #000 !important}.ITPlinkToCookiepage:hover{color: #ddd !important}.itpPDPALandingPage,.ITP-pdpa-template-contentFont{font-size: 14px !important;margin-bottom: 3% !important}.itpPDPALandingPage{margin-top: 3%}.ITP-pdpa-template-titleFont{font-size: 17px !important;font-weight: 600 !important}.ITP-pdpa-template-contentFont{line-height: 28px}.ITPcheckboxAuthen{margin: 2% 0 4%}.about-page{text-align: center}.CASS-A-main figure:hover .text-service.service-color-green{background: #126449ed}.CASS-A-main figure:hover .text-service.service-color-orange{background: #c36316ed}.contact-page2{padding-top: 6%}figure.effect-jazz p{line-height: inherit}.about-page h5{text-transform: uppercase;font-weight: 300;margin-bottom: 1rem}.service-detail h5{margin-top: 3rem}.service-detail ul,.service-detail ol{margin-bottom: 3rem;margin-top: 1rem}.service-detail li p{margin-bottom: 0.75rem}.service-detail p{margin-bottom: 1.5rem}.service-detail h6{margin-bottom: 0.5rem}.service-detail{margin-bottom: 3rem}.CASS-E-border,.CASS-E-main{color: unset !important}.CASS-E-main figcaption{padding: 0 !important;text-transform: none !important;position: relative !important;text-align: left !important;color: #000 !important;background: transparent !important}.CASS-E-main figcaption p{font-size: 15px !important;margin-top: 1rem;margin-bottom: 1rem}.theme-service{width: 60%;position: absolute;top: -260px;left: 50%;transform: translate(-50%,0%);opacity: 0;transition-duration: 0.3s}.CASS-E-main figure:hover .theme-service{opacity: 1}.CASS-E-main figure:hover .imgLightbox img{filter: opacity(0.5)}.CASS-E-main .imgLightbox img{transition: filter 0.3s}.CASS-H-main .TabItpContent .nav-justified{display: none}.row{margin: 0}.CASS-H-main .tab-content{padding: 0 !important}.service-detail h4{font-weight: 300;font-size: 24px;margin-bottom: 0.5rem}.maps-page img,.maps-page iframe{height: 385px;object-fit: contain}.maps-page iframe{filter: grayscale(1)}.head-maps h4{margin-bottom: 1rem;border-bottom: 1px solid #333;padding-bottom: 1rem;font-weight: 300}.contact-list2{display: flex;align-items: center;gap: 10px}.icon-contact-list2 img{filter: brightness(0) saturate(100%) invert(26%) sepia(0%) saturate(868%) hue-rotate(155deg) brightness(85%) contrast(82%);width: 22px !important;object-fit: contain}.contact-detail2{padding-left: 2%;margin-top: 1.5rem}.about-page h3{font-weight: 300;margin-bottom: 2rem}@media screen and (min-width: 1900px){.navbar-default .navbar-nav>li>a,.dropdown-menu>li>a{font-size: 16px}h1{font-size: 3.8em}h2{font-size: 2.8em}h3{font-size: 2.4em}h4,.managerHeader{font-size: 2.2em}h5{font-size: 1.8em}h6{font-size: 1.4em}p,.btn-project-all,.btn-view,.text-service h6{font-size: 16px}.CASS-D-main button{font-size: 16px}figure.effect-jazz p{font-size: 15px !important;line-height: 24px}.text-service h6,.pre-project h6{font-size: 18px}figure.effect-jazz h6{font-size: 18px !important}.template1{gap: 40px 50px}.logo-service img{width: 220px !important}.social-footer img{width: 45px !important}.footer p{margin-bottom: 2rem}.footer{padding: 2% 0}p{line-height: 30px}.about-page p{margin-bottom: 3rem}.logo-footer{width: 16%}.contact-list{grid-template-columns: 46px auto;gap: 17px}.CASS-D-main .form-control{font-size: 14px !important}.CASS-D-main input.form-control{height: 45px}.maps-page iframe{height: 520px}.ITP-pdpa-template-titleFont,.CASS-E-main figcaption p{font-size: 18px !important}.ITP-pdpa-template-contentFont{line-height: 28px;font-size: 16px !important}.theme-service{top: -375px;width: 65%}.maps-page img,.maps-page iframe{height: 525px}}@media screen and (max-width: 1600px){.theme-service{top: -295px}.maps-page img,.maps-page iframe{height: 428px}}@media screen and (max-width: 1440px){.theme-service{top: -260px}.maps-page img,.maps-page iframe{height: 385px}}@media screen and (max-width: 1366px){.text-service h6{font-size: 16px}.contact-detail a{min-width: 29%}.contact-detail{gap: 20px}.maps-page iframe{height: 345px}figure.effect-jazz p{font-size: 12px !important;line-height: inherit}.theme-service{top: -235px}.service-detail h4{font-size: 20px}.maps-page img,.maps-page iframe{height: 340px}.theme-service{top: -205px}.icon-contact-list2 img{width: 20px !important}}@media screen and (max-width: 1200px){h1{font-size: 3.4em}h2{font-size: 2.4em}h3{font-size: 2em}h4,.managerHeader{font-size: 1.8em}h5{font-size: 1.4em}h6{font-size: 1.2em}.text-service h6{font-size: 13px}.text-service{padding: 30px 0}.contact-detail a{min-width: 31%}.contact-list{gap: 10px;grid-template-columns: 40px auto}.text-service h6,.pre-project h6,figure.effect-jazz h6{font-size: 15px}p,.btn-project-all,.btn-view,.text-service h6{font-size: 14px}figure.effect-jazz p{margin-bottom: 1rem}}@media screen and (max-width: 900px){h1{font-size: 32px}h2{font-size: 28px}h3{font-size: 24px}h4,.managerHeader{font-size: 22px}h5{font-size: 18px}h6{font-size: 16px}.pre-project{padding: 5% 0}.pre-project h6,p,.btn-project-all,.btn-view,.text-service h6{font-size: 13px}.template1{gap: 30px}.btn-project-all img{width: 20px !important}.text-service{padding: 20px}.logo-service img{width: 140px !important}figure.effect-jazz h2{margin: 1.5rem 0}.social-footer img{width: 35px !important}p{line-height: inherit}.blog-service.service-page{padding-bottom: 10px;padding-top: 60px}div#Contentmanager .col-md-6.pull-left,div#Contentmanager .col-md-6.pull-right{padding: 0;width: 50%}div#Contentmanager .col-md-12.text-justify{padding: 0 2%}.project-detail p{grid-template-columns: 20% auto}.TabItpContentLandingPage2>ul{display: flex}.CASS-D-main .form-control{height: 40px}figure.effect-jazz p,.TabItpContentLandingPage2>ul>li>a>span{font-size: 12px !important}figure.effect-jazz h6{font-size: 14px !important}.ITPcheckboxAuthen{position: relative;z-index: 99;text-align: left !important;margin: 3% 0 6%}div#background68a81a9f6508240013563c1b{display: none}.contact-page2{padding-top: 0}.service-detail h5{margin-top: 1rem}.theme-service{top: -245px;width: 70%}.maps-page img,.maps-page iframe{height: 250px}}@media screen and (max-width: 768px){.theme-service{top: -230px}}@media screen and (max-width: 480px){div#background68a81a9f6508240013563c1b{display: block}div#imagesControl68a0b46087800f0013900bcf,div#imagesControl68a81a9f6508240013563c1b{padding: 0 !important}.carousel-indicators .active,.carousel-indicators li{width: 12px !important;height: 12px !important}.template1{grid-template-columns: repeat(1,1fr);gap: 15px}div#Contentmanager .col-md-6.pull-left,div#Contentmanager .col-md-6.pull-right{width: 100%;float: none !important}.project-detail,.service-detail{padding: 0}.btn-view{font-size: 12px}.CASS-A-border,.CASS-D-border{margin: -10px}.logo-service{margin-bottom: 1rem}.social-footer{margin: 8% 0}.logo-footer{width: 50%;margin-bottom: 3rem}.copy-right p{font-size: 12px}.pt-3.sect-service{padding-top: 6%;margin-bottom: 3%}.team-page h5{margin-bottom: 0}.CASS-B-main .CustomImageGalleryType_2{grid-template-columns: repeat(2,1fr);gap: 20px}figure.effect-jazz h6{font-size: 14px !important;margin-bottom: 0.25rem}figure.effect-jazz p{margin-bottom: 1rem}.logo-service img{width: 150px !important}.project-detail p{grid-template-columns: 25% auto}.Contenemanager-gallery{column-count: 1}.contact-detail a{min-width: 100%}.contact-detail{gap: 15px;margin-top: 6%}.TabItpContentLandingPage2>ul{justify-content: center}.maps-page iframe{height: 190px}.TabItpContentLandingPage2{padding-right: 0}.TabItpContentLandingPage2 .tab-content{min-height: 245px !important}.pre-project h6{margin-bottom: 0.5rem}.ITPcookiebar{padding: 3% 2%;display: flex !important}.ITPcookieLeftText{float: unset !important;padding-left: 0 !important;padding-top: 0 !important}.ITPcookieButton{float: unset !important;padding-right: 0 !important;padding-top: 0 !important}.ITPcookieLeftText span,.ITPcheckboxAuthen{font-size: 12px}figure.effect-jazz p{font-size: 12px !important;line-height: inherit}.contact-list{gap: 10px;grid-template-columns: 37px auto}h4,.managerHeader{font-size: 20px}.contact-page2{margin-bottom: 12%}.CASS-D-main{padding: 0}figure.effect-jazz h6{font-size: 14px !important;margin-bottom: 0.25rem}h3{font-size: 20px}.CASS-E-border{margin: -10px}.theme-service{top: -300px;width: 55%}.CASS-A-main .col-md-6.col-sm-6.col-xs-12{padding: 0 !important}.maps-page img,.maps-page iframe{height: auto}.icon-contact-list2 img{width: 18px !important}.contact-detail2{padding-left: 0}}