.itopplus-background{}body{overflow-x: hidden}.itopplus-bg{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_23042024gykp/0/0/1z-z617317553168.webp');background-attachment: fixed;background-size: cover;background-position: center}.navbar-default .navbar-nav>li>a{color: #313131;margin: 0 5px;padding: 10px;border-bottom: 2px solid transparent;font-family: "Outfit",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: #313131 !important;box-shadow: none;border-radius: none;border-bottom: 2px solid #313131;background: transparent;background-color: transparent;font-weight: 600}.dropdown-menu>li>a{color: #000}.no-js .dropdown-menu>li>a:focus,.no-js .dropdown-menu>li>a:hover{color: #000;background: #e8e8e8}@media screen and (max-width: 992px){#controlBanner img{position: fixed;top: 10px;left: 10px;width: 45px !important;z-index: 10000}.navbar-header,#ItopplusMainSidebar>div{background: #fff !important}.navbar-header a.visible-xs{filter: contrast(0.3)}#ItopplusMainSidebar a{color: #444 !important}.navbar-toggle .icon-bar{background-color: #444 !important}}@media screen and (min-width: 1024px){.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}.itopplus-banner{background: #fff;transition: .3s;& *::before,*::after{display: none}}.itopplus-banner .container{display: grid;grid-template-columns: 15% auto;align-items: center;gap: 10%}.itp-block1{display: flex;flex-direction: column;gap: 10px}.itp-block2{display: grid;grid-template-columns: 100%;align-items: center;border-top: 1.5px solid #313131;padding-top: 10px}#controlBanner{object-fit: contain;padding: 25px;width: 85%;min-width: auto;margin: 0 auto}#nav-menu{display: grid;background: transparent;min-height: auto}.itopplus-search{align-self: end;text-align: center;width: 100%}ul#itopplus-nav-bar{display: flex;gap: 15px;float: right}}@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{font-size: 15px;text-transform: uppercase}h1{font-size: 4.125em}h2{font-size: 3.2em}h3{font-size: 2.8em}h4{font-size: 2.4em}h5{font-size: 2em}h6{font-size: 1.4em}p{font-size: 16px}.menu-sub-head,.footer p,div#Component66ebc8b032b17f00135e71d2 button,.btn-more,.pre-article p,.btn-direct{font-size: 14px}.text-project h6,div#Contentmanager .caption,.pre-article h6{font-size: 20px}.pt-3{padding-top:3%}.pt-5{padding-top:5%}.pt-8{padding-top:8%}.carousel-indicators.hidden{display: block !important;visibility: visible !important}.carousel-indicators li{width: 12px !important;height: 12px !important;margin: 0 2px !important;background: #fff}.carousel-indicators li.active{margin: 0 3px !important;width: 40px !important}.menu-sub-head{text-transform: uppercase;margin: 0 10px}.head-menu{display: flex;justify-content: end;align-items: center}.btn-location p,.text-project h6,.step-project p,.step-project h4{margin: 0}.btn-location{display: grid;grid-template-columns: min-content 25px;gap: 5px;text-transform: uppercase;align-items: center;color: #000;justify-content: end}.carousel-control{display: none}.logo-footer{width: 25%}.footer h6{color: #fff}.social-footer{display: grid;grid-template-columns: repeat(3,1fr);width: 70%;gap: 10px}.footer h6{margin-bottom: 2rem}.copy-right{padding-top: 3%}.footer a{color: #b7b7b7}.mb-2,.sect-about h6,.sect-about p,.sect-projectd h3{margin-bottom: 2%}.sect-about,.sect-projectd,.text-project,.head-page,.step-project h5,h3.managerHeader,.head-team{text-align: center}.sect-about h4,.sect-about h6,.sect-projectd,.text-project,.head-page,.about-page h5,div#Contentmanager .caption,.contact-page h4,h3.managerHeader,.contact-page h6,.head-team,.service-page h5,.project-detail h5{text-transform: uppercase;color: #000;font-family: "Outfit","LINE Seed Sans TH",system-ui}.sect-about h4{margin-bottom: 1%}.sect-about p,.about-page p,.service-page p{line-height: 28px}.btn-more{font-family: "Outfit",system-ui;font-weight: 600;width: fit-content;padding: 1rem 2rem;margin: auto;color: #000}.fw-medium{font-weight: 500}.sect-about{padding-bottom: 4%;border-bottom: 1px solid #313131}.text-project{padding-top: 2rem}.sect-about h4,.sect-about h6,.text-project h6,.sect-projectd h3,.sect-bg-fixed h1,.sect-bg-fixed h6,.head-page h3,.about-page h5,h3.managerHeader,.contact-page h4,.contact-page h6,.service-page h5,.project-detail h5{font-weight: 300}.sect-bg-fixed{text-transform: uppercase;font-family: "Outfit",system-ui}.sect-bg-fixed{padding-top: 15%;padding-bottom: 7%;width: fit-content;margin: auto;margin-right: 0}.sect-bg-fixed h1{margin-bottom: 0;font-size: 5em}.sect-bg-fixed h6{margin-left: 1%}.head-page h3,.about-page p,.about-page h5,.contact-page h4,.service-page p{margin-bottom: 4%}.head-page hr,hr.hr-project{border-color: #000}.head-page{padding-top: 4%;margin-bottom: 5%}.about-page{padding-left: 13%;padding-top: 5%}figure.effect-jazz figcaption::after{border: none}.step-project ul{list-style: none;padding: 0;display: grid;grid-template-columns: repeat(3,1fr);gap: 30px}.step-project h4{color: #d5d5d5}.step-project p{line-height: 26px}.icon-project img{filter: brightness(0) saturate(100%) invert(99%) sepia(34%) saturate(1054%) hue-rotate(194deg) brightness(111%) contrast(101%)}.icon-project{background: #282828;width: 22%;padding: 3%;margin: auto;margin-bottom: 5%;position: relative}.step-project li{text-align: center;padding: 2%}.num-project{position: absolute;right: -20px;top: -10px;background: #fff;width: 35px;height: 35px;padding-top: 5%}.step-project h5,.contact-page h6{margin-bottom: 3%}.grid figure h2{word-spacing: 0;font-weight: unset}figure.effect-jazz h2,figure.effect-jazz p,figure.effect-jazz:hover h2,figure.effect-jazz:hover p{-webkit-transform: inherit;transform: inherit;padding-top: 0}figure.effect-jazz figcaption,div#Contentmanager .col-md-12.text-justify{position: relative;padding: 0}figure.effect-jazz{background: transparent}figure.effect-jazz .imgLightbox,div#Contentmanager .img-container{overflow: hidden}div#Contentmanager .col-md-4.col-sm-4.col-xs-12{width: 50%;padding: 0 1.5% !important}.Contentmanager .template1 .template-panel{padding-bottom: 70%}div#Contentmanager .caption{height: 80px;padding: 3% 0;margin-bottom: 2%}.page-header{padding-bottom: 0;margin: 3% 0 5%;border-bottom: 1px solid #000}.social-icon{border-radius: 5px}.post-time,.social-share,.fbcomments,.landingpagemanager{display: none}.img-project img{padding: 0 7px;margin-bottom: 25px}div#Component66eb9f8632b17f00135e6401{padding: 0 2%}div#Contentmanager .img-thumbnail,div#Contentmanager .thumbnail{padding: 0;border-radius: 0;box-shadow: none;border: none}.contenemanager-gallery .col-xs-12.col-md-3,.contenemanager-gallery{padding: 0 1%}.head-menu a,.contact-page a,div#Component66ebc8b032b17f00135e71d2 button:hover{color: #000}.head-menu a:hover,.contact-page a:hover,.btn-location:hover{color: #b7b7b7}.contact-page li{display: grid;grid-template-columns: 26px auto;gap: 8px;align-items: baseline;margin-bottom: 2%}.contact-page ul{list-style: none;padding-left: 7%;margin-bottom: 5%}.contact-social{display: grid;grid-template-columns: repeat(4,1fr);gap: 10px;width: 30%;margin-left: 7%}div#Component66ebc8b032b17f00135e71d2 .col-xs-12.col-sm-3.col-md-3{display: none !important}div#Component66ebc8b032b17f00135e71d2 .col-xs-12.col-sm-6.col-md-6{width: 100%}div#Component66ebc8b032b17f00135e71d2{padding: 6%;background: #fafafa}.contact-page{padding-left: 10%}div#Component66ebc8b032b17f00135e71d2 .form-control{border: none;box-shadow: none;background: transparent;border-bottom: 1px solid #999999;border-radius: 0}div#cookie66ebc8b032b17f00135e71d2{padding: 2%}div#Component66ebc8b032b17f00135e71d2 input.form-control{height: 45px}div#Component66ebc8b032b17f00135e71d2 .col-md-offset-3{margin-left: 0;text-align: center;width: 100%}div#Component66ebc8b032b17f00135e71d2 button{background-image: none;background: #000;text-shadow: none;color: #fff;border: none;border-radius: 0;padding: 0.75rem 2rem;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;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s}div#Component66ebc8b032b17f00135e71d2 button::before{content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #e1e1e1;border-radius: 100%;-webkit-transform: scale(0);transform: scale(0);-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out}div#Component66ebc8b032b17f00135e71d2 button:hover::before{-webkit-transform: scale(2);transform: scale(2)}.contact-social img:hover,.social-footer img:hover{filter: brightness(0) saturate(100%) invert(78%) sepia(5%) saturate(0%) hue-rotate(166deg) brightness(94%) contrast(92%)}.footer a:hover{color: #fff}.btn-more span{transition: all 0.2s ease-out}.btn-more:hover span{margin-left: 5px}.social-footer img,div#Contentmanager .col-md-4.col-sm-4.col-xs-12 .img,.contact-social img{transition: transform 0.2s ease-out}.social-footer img:hover,div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .img,.contact-social img:hover{transform: scale(1.05)}.ITPcookiebar{width: 100% !important;background-color: #26262675 !important;color: #fff}.buttonExampleSite{border-radius: 0 !important;border: 1px solid #26262675 !important;color: #171717 !important}.buttonExampleSite:hover{background: #000 !important;color: #ffffff !important}.ITPlinkToCookiepage:hover{color: #ddd !important}.itpPDPALandingPage,.ITP-pdpa-template-contentFont{font-size: 16px !important;margin-bottom: 3% !important}.itpPDPALandingPage{margin-top: 3%}.ITP-pdpa-template-titleFont{font-size: 20px !important;font-weight: 600 !important}.ITP-pdpa-template-contentFont{line-height: 28px}div#Component66f3a0b9669c9c0013092336{padding-left: 14%}.about-page.pt-mission{padding-top: 20%;padding-left: 10%}.head-team img,.project-detail h5{margin-bottom: 3%}.img-service-page img{margin-bottom: 20px}.img-service-page{display: grid;grid-template-columns: 42% 50%;gap: 20px}.service-page{padding: 5%}.Textmanager{display: flow-root;text-align: left}.project-detail{padding-left: 5%;padding-top: 5%}.project-detail p{margin-bottom: 2%;color: #000}.project-detail{font-family: "Outfit","LINE Seed Sans TH",system-ui}div#Component670346e192d1610013456e31 .img-container .img{background-position: center !important}div#Component670346e192d1610013456e31 strong,div#Component670346e192d1610013456e31 p.margin{display: none}.pre-article{color: #000}.pre-article .btn-more{margin-left: 0;padding: 0}.pre-article p{margin-bottom: 2%;line-height: 26px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.pre-article h6{margin-bottom: 2%;font-weight: 600;line-height: 26px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.maxHeight-TP4 .img-container{padding-bottom: 90%}.maxHeight-main{max-height: 510px !important}.maxHeight-TP4{min-height: 170px !important;max-height: 170px !important;margin-bottom: 1rem !important}.art-detail p{margin-bottom: 2rem;line-height: 26px}.art-detail.pe-5{padding-left: 5%}.art-detail.ps-5{padding-right: 5%}.art-detail h6{font-weight: 600;margin-bottom: 2rem;margin-top: 2rem}.maps-contact{padding-left: 7%;margin-bottom: 5%}.btn-direct{font-weight: 600}@media screen and (min-width : 1900px){.navbar-default .navbar-nav>li>a{font-size: 20px;margin: 0 10px}h1{font-size: 4.625em}h2{font-size: 3.6em}h3{font-size: 3.2em}h4{font-size: 2.8em}h5{font-size: 2.4em}h6{font-size: 1.8em}p{font-size: 20px}.menu-sub-head,.footer p,div#Component66ebc8b032b17f00135e71d2 button,.btn-more,.pre-article p,.btn-direct{font-size: 18px}.text-project h6,div#Contentmanager .caption,.pre-article h6{font-size: 24px}.sect-bg-fixed h1{font-size: 5.4em}ul#itopplus-nav-bar{gap: 10px}.btn-location{grid-template-columns: min-content 30px}.sect-about p,.about-page p,.service-page p{line-height: 34px}.text-project{padding-top: 3rem}.icon-project{width: 20%}.step-project p{line-height: 32px}.num-project{width: 40px;height: 40px}div#Contentmanager .caption{margin-bottom: 5%}.page-header{margin: 3% 0 4%}h3.managerHeader{margin-bottom: 2%}.img-project img{padding: 0 11px;margin-bottom: 34px}.contact-social{width: 28%}div#Component66ebc8b032b17f00135e71d2 .form-control{font-size: 18px !important;margin-bottom: 1rem}.contact-page li{grid-template-columns: 30px auto}.ITP-pdpa-template-titleFont{font-size: 26px !important}.ITP-pdpa-template-contentFont{line-height: 36px;font-size: 18px !important}.service-page p{margin-bottom: 6%}.project-detail{padding-left: 8%;padding-top: 8%}.maxHeight-main{max-height: 660px !important}.maxHeight-TP4{min-height: 200px !important;max-height: 200px !important;margin-bottom: 2rem !important}.pre-article h6{line-height: 32px}.art-detail p{line-height: 30px}}@media screen and (max-width : 1680px){.img-project img{margin-bottom: 30px;padding: 0 9px}}@media screen and (max-width : 1366px){.icon-project{width: 20%}.num-project{height: 30px}}@media screen and (max-width : 1200px){ul#itopplus-nav-bar{gap: 5px}.navbar-default .navbar-nav>li>a,.btn-location p{font-size: 14px}.sect-bg-fixed h1{font-size: 4.6em}.about-page{padding-top: 5px;padding-left: 10%}.step-project li{padding: 0 7%}.icon-project{width: 25%}h3{font-size: 2.4em}.img-project img{margin-bottom: 23px;padding: 0 7px}h4{font-size: 2em}.sect-bg-fixed h1{font-size: 4.4em}.about-page{padding-left: 8%}.maxHeight-TP4{min-height: 140px !important;max-height: 140px !important}.pre-article h6{-webkit-line-clamp: 1}.art-detail.pt-5{padding-top: 0}}@media screen and (max-width : 1024px){.img-project img{margin-bottom: 20px;padding: 0 5px}h3{font-size: 2.2em}}@media screen and (max-width : 900px){div#contentnewmode66eaa57039d4ac00135e6b6c,div#contentnewmode66eaa57039d4ac00135e6b6f,div#contentnewmode66eaae3c3065010013b73897,div#contentnewmode66eaae3c3065010013b7389a,div#contentnewmode66ebf8f28bdf6800131dcd80,div#contentnewmode66ebf8f28bdf6800131dcd7d{display: none}br{display: none}.mb-2,.sect-about h6,.sect-about p,.sect-projectd h3{margin-bottom: 3%}.sect-bg-fixed h1{font-size: 4em}h6{font-size: 18px}.copy-right{text-align: center;padding: 1% 0 2%}.head-page{padding-top: 2%}h5{font-size: 24px}.step-project p{line-height: inherit}.step-project li{margin-bottom: 5%}.icon-project{width: 30%}.contenemanager-gallery .col-xs-12.col-md-3{width: 25%}.contact-social{width: 40%}.step-project h5,.contact-page h6{margin-bottom: 5%}.Textmanager{display: block}.project-detail{padding-left: 5%;padding-top: 2%}div#Contentmanager .col-md-6.pull-left,div#Contentmanager .col-md-6.pull-right{float: none !important}.service-page{padding: 0 3%}.about-page.pt-mission{padding-top: 4%;padding-left: 3%}div#Component66f3a0b9669c9c0013092336{padding-left: 8%}div#Component670346e192d1610013456e31 li.col-md-6.col-sm-8.col-xs-12,div#Component670346e192d1610013456e31 li.col-md-6.col-sm-4.col-xs-12{width: 100%}div#Component670346e192d1610013456e31 li.col-md-6.col-sm-8.col-xs-12>a>.col-md-12,div#Component670346e192d1610013456e31 li.col-md-6.col-sm-4.col-xs-12>a>.col-sm-4,div#Component670346e192d1610013456e31 li.col-md-6.col-sm-4.col-xs-12>a>.col-sm-8{width: 50%;float: left}.maxHeight-main{margin-bottom: 2rem !important;max-height: 250px !important}.maxHeight-TP4{min-height: 250px !important;max-height: 250px !important;margin-bottom: 2rem !important}.pre-article h6{-webkit-line-clamp: 2;line-height: inherit}.pre-article p{-webkit-line-clamp: 3;margin-bottom: 5%}.pre-article{padding-left: 5%}.contact-page h4{font-size: 24px}}@media screen and (max-width : 480px){div#imagesControl66eaa57039d4ac00135e6b6a,div#imagesControl66eaa8993065010013b73681,div#imagesControl66eb88295755e60013417b3e,div#Component66eb957732b17f00135e596b .col-md-12.col-sm-12.col-xs-12,div#Component66eb957732b17f00135e596b .thumbs,div#Component66eb95605755e60013417d70 .thumbs,div#Component66eb95605755e60013417d70 .col-md-12.col-sm-12.col-xs-12,div#Component66eb9699bff756001306b6e6 .col-md-12.col-sm-12.col-xs-12,div#Component66eb9699bff756001306b6e6 .thumbs,div#imagesControl66eaa8ae3065010013b7368a,div#imagesControl66eaa9373f7c3000130c42c8,div#imagesControl66eaa94d3f7c3000130c42d1,div#imagesControl66eaa95d3f7c3000130c42da,div#imagesControl66eaa98d3065010013b736d6,div#imagesControl66f3a0b9669c9c0013092336{padding: 0 !important}h4{font-size: 26px}.sect-about h4{margin-bottom: 4%}.sect-about h6{line-height: 26px}.sect-about p,.about-page p,.service-page p{line-height: inherit}.mb-2,.sect-about h6,.sect-about p,.sect-projectd h3,.head-team img,.project-detail h5{margin-bottom: 5%}.pt-5.sect-projectd{padding-top: 8%}.sect-bg-fixed h1{font-size: 3.2em}.about-page,.about-page.pt-mission{padding: 0}.step-project ul{grid-template-columns: repeat(1,1fr)}.step-project li{margin-bottom: 0;display: grid;grid-template-columns: 20% auto;gap: 20px;padding: 0;text-align: left;align-items: center}.icon-project{width: 100%}div#imagesControl66eb957732b17f00135e596b,div#imagesControl66eb95605755e60013417d70{padding-bottom: 0 !important}div#imagesControl66eb95605755e60013417d70,div#imagesControl66eb9699bff756001306b6e6{padding-top: 0 !important}div#Contentmanager .col-md-4.col-sm-4.col-xs-12{width: 100%;padding: 0 !important}div#Contentmanager .caption{height: auto;margin-bottom: 5%}.img-project img,.contact-page,.service-page{padding: 0}h3{font-size: 2em}.head-page{padding-top: 5%}div#mainmenu66ebc8a7e703af001332b3d6 .none-middle-mid,div#mainmenu66f3a0a92b7596001344cb32 .none-middle-mid{display: flex;flex-wrap: wrap-reverse}div#mainmenu66ebc8a7e703af001332b3d6 .none-middle-mid .none-middle-mid,div#mainmenu66f3a0a92b7596001344cb32 .none-middle-mid .none-middle-mid{display: block}.contact-page li{margin-bottom: 4%}.contact-social{width: 55%;margin-bottom: 10%}.contact-page h6,.service-page,.service-page p{margin-bottom: 7%}.ITPcookiebar{padding: 3%;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{font-size: 14px}div#contentnewmode66eb87bb32b17f00135e56c6{display: none}div#Component66f3a0b9669c9c0013092336{padding-left: 0}.img-service-page{gap: 15px;grid-template-columns: 42% 52%}div#Component670346e192d1610013456e31 li.col-md-6.col-sm-8.col-xs-12>a>.col-md-12,div#Component670346e192d1610013456e31 li.col-md-6.col-sm-4.col-xs-12>a>.col-sm-4,div#Component670346e192d1610013456e31 li.col-md-6.col-sm-4.col-xs-12>a>.col-sm-8{width: 100%;float: none}.pre-article{padding-left: 0}.maxHeight-main{max-height: 400px !important}.maxHeight-TP4{min-height: 475px !important;max-height: 475px !important}.art-detail.pe-5{padding-left: 0}.art-detail.ps-5{padding-right: 0}.art-detail{padding: 0 3% !important}.maps-contact{margin-bottom: 8%}}.eapps-widget-toolbar{display: none}.unknown{position: fixed;bottom: 6% !important}.unknown_prf .btn-main,.unknown_prf:hover .btn-main{margin-bottom: 0 !important}