.itopplus-background{background-image:none;background-color:none}body{overflow-x: hidden}.itopplus-bg{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_040920233kkh/0/0/1z-z361635460501.webp')}.navbar-default .navbar-nav>li>a{color: #444;margin: 0;padding: 8px 15px;font-family: "Onest",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: #444 !important;box-shadow: none;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: #fff;background: #ceb353}@media screen and (max-width: 992px){#controlBanner img{position: fixed;top: 10px;left: 10px;width: 80px !important;z-index: 10000}.navbar-default,.navbar-header,#ItopplusMainSidebar{background: #fff !important}#ItopplusMainSidebar a{color: #444 !important;text-align: left !important}#itpMenuSideBar span.icon-bar{background: #444 !important}.navbar-header i{filter: contrast(.3)}}@media screen and (min-width: 1024px){.itopplus-banner .container{display: grid;grid-template-columns: 20% auto;align-items: end}.itopplus-banner .container::before,.itopplus-banner .container::after{display: none}.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}.itopplus-banner{background: #fff;transition: .3s}#controlBanner{object-fit: contain;padding: 15px;width: 100%;min-width: auto;margin: 0 auto}#nav-menu{position: relative;top: -15px;text-align: right;background-color: transparent}}@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: 16px}h1{font-size: 4em}h2{font-size: 3.2em}h3{font-size: 2.8em}h4,h3.managerHeader{font-size: 2.4em}h5{font-size: 1.8em}h6{font-size: 1.4em}p,.dropdown-menu>li>a{font-size: 16px}.number-type h6{font-size: 24px}.btn-more,div#Component66d56098fd518f00129b9235 button{font-size: 14px}.text-product h6{font-size: 18px}.pt-3{padding-top:3%}.pt-5{padding-top:5%}.pt-8{padding-top:8%}.pt-10{padding-top:10%}.tell-footer h5,.copy-right p{margin: 0;font-family: "Onest",sans-serif}.tell-footer{display: grid;grid-template-columns: 13% auto;gap: 7px;align-items: center}.social-footer{display: grid;grid-template-columns: repeat(3,1fr);gap: 10px;width: 40%}.tell-footer a{color: #fff}.tell-footer a:hover,.text-yellow,.contact-page a:hover{color: #ceb353}figure.effect-selena,figure.effect-jazz{background: transparent}.sect-about,.head-project,.text-production,.sect-news,.dropdown-menu>li>a{font-family: "Onest","Noto Sans Thai",sans-serif}.sect-about{padding-top: 16%;padding-right: 18%}.sect-about h2,.sect-type h3,.head-project h3,.text-blue,.sect-news h3,.text-head-page h3,.contact-page h4,.product-detail h5{color: #105a7d}.sect-about h2,.fw-semi,.sect-type h3,.sect-service h3,.head-project h3,.sect-news h3,.text-head-page h3{font-weight: 600}.contact-page h4,.form-contpage h4,.product-detail h5{font-weight: 700}.sect-about h5{color: #000;margin-bottom: 5%;font-weight: 400}.sect-about p,.sect-service li p,.card-standard p,.text-product h6,.product-detail p{line-height: 26px}.sect-type h3,.sect-service h3{margin-bottom: 3%}.number-type{text-align: center;color: #000;font-family: "Onest",sans-serif;height: 55px}.sect-service{background: #105a7d;padding: 8%;color: #fff;font-family: "Onest","Noto Sans Thai",sans-serif}.sect-service li{list-style: none;position: relative;border-bottom: 1px solid #40809e;padding: 3% 0;padding-left: 6%;transition: all 0.2s ease-out}.sect-service li:hover{margin-left: 1%}.sect-service li::before{content: " ";background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_040920233kkh/360/0/checkz-z785098175110.webp);width: 20px;height: 20px;background-size: contain;position: absolute;top: 20px;left: 5px;background-repeat: no-repeat}.sect-service{background: #105a7d;padding: 8%;color: #fff;font-family: "Onest","Noto Sans Thai",sans-serif}.head-project{text-align: center;position: relative;padding-top: 10%;margin-bottom: 2%;text-transform: uppercase}.head-project h1{-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #efefef;color: #fff;font-weight: 800;font-size: 11em;position: absolute;z-index: -1;top: 70px;margin: 0;width: 100%}figure.effect-jazz figcaption::after,.boderedlayoutClient{border: none}.sect-production{position: relative}.text-production{color: #fff;background: #ceb353;width: fit-content;padding: 5%;transform: rotate(270deg);position: absolute;top: 50%;right: -150px}.text-production h2{text-transform: uppercase;font-weight: 300;font-family: "Onest","Noto Sans Thai",sans-serif}.card-standard{background: #105a7d;position: relative;width: 125%;z-index: 99;padding: 10% 25%;padding-left: 20%}.card-standard ul{padding: 0;list-style: none;display: grid;gap: 30px}.card-standard li{display: grid;grid-template-columns: 18% auto;align-items: center;gap: 20px;color: #fff}.sect-standard h1{margin-left: 20%;border-left: 5px solid #ceb353;padding-left: 4%;margin-bottom: 10%;margin-top: 30%;font-family: "Onest",sans-serif;font-weight: 600;text-transform: uppercase}.sect-news h3,.product-detail h5{margin-bottom: 2%}.Text_seller2{display: none}.pre-news,.pre-product{text-align: left;padding: 5% 5% 8%;background: #f5f5f5;color: #000;font-family: "Onest","Noto Sans Thai",sans-serif}.pre-news h6,.pre-product h6{margin: 0;height: 30px;line-height: 26px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;margin-bottom: 3%;font-weight: 400}.btn-more{width: fit-content;background: #ceb353;padding: 0.75rem 1.5rem;color: #fff;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;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;overflow: hidden}.btn-more::before,div#Component66d56098fd518f00129b9235 button::before{content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #105a7d;-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 50% 0;transform-origin: 50% 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#Contentmanager .col-md-4.col-sm-4.col-xs-12{padding: 0 1% !important;margin-bottom: 3%}.head-page{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_040920233kkh/1423/0/banner-pagez-z38941317867.webp);padding: 4%;padding-left: 15%;position: relative;height: 240px;font-family: "Onest","Noto Sans Thai",sans-serif}.text-head-page{min-width: 27%;position: absolute;background: #fff;padding: 2% 3% 1% 3%;bottom: 0;left: 10%}.border-head-page{border-left: 5px solid #ceb353;padding-left: 8%}div#Component66d53559eadb960013141121 figcaption{padding: 0;position: relative;text-transform: none}.text-product{color: #000;text-align: left;height: 100px;font-family: "Onest","Noto Sans Thai",sans-serif}.grid figure h2,.grid figure h2 span{word-spacing: 0;font-weight: unset}.text-product h6{margin-top: 0}.img-project img{padding: 5px;margin-bottom: 8px;transition: transform 0.2s ease-out}div#Component66d53f1aeadb96001314131f .template-panel{border: 1px solid #f5f5f5;border-bottom: none}div#Component66d540f6c501150013f156e8 .template-panel{padding-bottom: 100%}.contact-page{padding-left: 7%;padding-top: 6%;font-family: "Onest","Noto Sans Thai",sans-serif}.contact-page li{display: grid;grid-template-columns: 8% auto;gap: 15px;margin-bottom: 2%;align-items: baseline}.contact-page ul{padding-left: 0;list-style: none;margin-top: 3%}.contact-page a{color: #444}div#Component66d56098fd518f00129b9235{background: #105a7d;padding: 2% 10% 8%;color: #fff}div#Component66d56098fd518f00129b9235 .col-xs-12.col-sm-3.col-md-3{display: none !important}div#Component66d56098fd518f00129b9235 .col-xs-12.col-sm-6.col-md-6{width: 100%}div#Component66d56098fd518f00129b9235 input::placeholder,div#Component66d56098fd518f00129b9235 textarea::placeholder{color: #fff}div#Component66d56098fd518f00129b9235 .form-control{border: none;border-radius: 0;background: transparent;color: #fff !important;border-bottom: 1px solid #40809e;box-shadow: none;height: 40px;margin-bottom: 1rem}.form-contpage{padding: 7% 0 2%;background: #105a7d;text-align: center;color: #fff}div#Component66d56098fd518f00129b9235 .col-md-offset-3{margin-left: 0;text-align: center;width: 100%}div#Component66d56098fd518f00129b9235 button{background-image: none;text-shadow: none;border: none;border-radius: 0;color: #fff;background: #ceb353;padding: 0.75rem 1.5rem;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;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;overflow: hidden;border: 1px solid #ceb353}h3.managerHeader{font-family: "Onest","Noto Sans Thai",sans-serif;font-weight: 600;color: #105a7d;border-left: 5px solid #ceb353;padding-left: 2%}.social-icon{border-radius: 5px}.social-share{position: absolute;right: 0;top: -80px}.page-header{padding-bottom: 0;margin: 5% 0 1%;border-bottom: none}.post-time,.fbcomments,.landingpagemanager{display: none}.Textmanager{display: flow-root;text-align: left}.product-detail p{margin-bottom: 1rem}.product-detail li::before{content: " ";background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_040920233kkh/360/0/checkz-z785098175110.webp);width: 20px;height: 20px;background-size: contain;position: absolute;top: 3px;left: -30px}.product-detail li{list-style: none;position: relative}.Contenemanager-gallery .col-xs-6.col-md-3{padding: 0 1% !important;width: 33.33%}div#Contentmanager .img-thumbnail,div#Contentmanager .thumbnail{padding: 0;border: none;box-shadow: none}.news-detail h6{color: #000;margin-bottom: 3%}.product-detail{padding-left: 2%;padding-top: 5%}div#Component66d0511aa1f3440013af521e figcaption{padding: 0;position: relative;text-transform: none}.img-production,div#Contentmanager .img-container{overflow: hidden}.card-standard li img,.img-production img,div#Contentmanager .col-md-4.col-sm-4.col-xs-12 .img,.Contenemanager-gallery .thumbnail>img,.contact-page li img,.social-footer img{transition: transform 0.2s ease-out}.card-standard li:hover img,.img-production img:hover,div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .img,.contact-page li:hover img,.social-footer img:hover{transform: scale(1.05)}.btn-more:hover::before,div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .btn-more::before,div#Component66d56098fd518f00129b9235 button:hover::before{-webkit-transform: scaleY(1);transform: scaleY(1)}.img-project img:hover,.Contenemanager-gallery .thumbnail>img:hover{transform: scale(0.95)}.mt-5{margin-top: 5%}.pe-20{padding-left: 10%}.sect-service ul{padding: 0}.ITPcookiebar{width: 100% !important;background-color: #105a7d94 !important;color: #fff}.buttonExampleSite{border-radius: 0 !important;border: 1px solid #105a7d94 !important;color: #171717 !important}.buttonExampleSite:hover{background: #ceb353 !important;color: #ffffff !important}.ITPlinkToCookiepage:hover{color: #ceb353 !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}@media screen and (min-width : 1900px){.navbar-default .navbar-nav>li>a{font-size: 20px}h1{font-size: 4.4em}h2{font-size: 3.8em}h3{font-size: 3.2em}h4,h3.managerHeader{font-size: 2.8em}h5{font-size: 2.2em}h6{font-size: 1.8em}p,.dropdown-menu>li>a{font-size: 20px}.number-type h6{font-size: 28px}.btn-more,div#Component66d56098fd518f00129b9235 button{font-size: 18px}.text-product h6{font-size: 22px}.head-project h1{font-size: 13em;top: 95px}.sect-about p,.sect-service li p,.card-standard p,.text-product h6,.product-detail p{line-height: 32px}.sect-about{padding-top: 18%}.sect-service li{padding-left: 7%}.sect-service li::before{width: 30px;height: 30px;top: 22px;left: 5px}.sect-standard h1{line-height: 72px}.text-production{right: -177px;top: 46%}.card-standard li{grid-template-columns: 16% auto;gap: 30px}.card-standard ul{gap: 35px}.card-standard{padding: 10% 15%;padding-left: 20%}.pre-news h6,.pre-product h6{height: 35px;line-height: 30px}.contact-page li{grid-template-columns: 7% auto}div#Component66d56098fd518f00129b9235 .form-control{font-size: 16px !important;margin-bottom: 2rem}div#cookie66d56098fd518f00129b9235{font-size: 16px}.img-project img{padding: 10px;margin-bottom: 10px}.ITP-pdpa-template-titleFont{font-size: 24px !important}.ITP-pdpa-template-contentFont{line-height: 32px;font-size: 18px !important}}@media screen and (max-width : 1366px){.sect-service li::before{top: 18px;left: 8px}.sect-service li{padding-left: 8%}h1{font-size: 3.6em}.sect-standard h1{margin-left: 12%}.card-standard{padding: 10% 22%;padding-left: 12%;width: 120%}.text-head-page{min-width: 30%}}@media screen and (max-width : 1200px){.navbar-default .navbar-nav>li>a{padding: 8px 10px;font-size: 14px}br{display:none}.sect-about{padding-top: 11%}.number-type h6{font-size: 20px;margin-top: 0}h1{font-size: 3em}h3,h3.managerHeader{font-size: 2.4em}h2{font-size: 2.8em}h4{font-size: 2.2em}h5{font-size: 1.8em}h6{font-size: 18px}.card-standard{padding: 10% 12%;padding-left: 19%;width: 126%}.sect-standard h1{margin-left: 19%}.card-standard li{grid-template-columns: 15% auto}.text-product h6,.pre-news h6,.pre-product h6{font-size: 16px}.contact-page{padding-top: 0}}@media screen and (max-width : 900px){div#Component66d0511aa1f3440013af521e .col-md-4.col-sm-4.col-xs-6.col-sm-5fix{width: 20%}.sect-service li::before{top: 15px;left: 0}div#Component66d523a1fd518f00129b864d .col-md-3.col-sm-4.col-xs-4{width: 25%}.sect-standard h1{margin-left: 7%;margin-top: 19%}h1{font-size: 34px}h2{font-size: 30px}h3,h3.managerHeader{font-size: 26px}h4{font-size: 24px}h5{font-size: 20px}.sect-about{padding-top: 7%;padding-right: 5%}.number-type h6{font-size: 18px}.card-standard{padding: 10%;padding-left: 7%;width: 150%}.text-production{right: -100px;top: 49%}.card-standard li{grid-template-columns: 13% auto}div#mainmenu66d0480da1f3440013af506d .col-md-4.col-sm-4.col-xs-12,div#mainmenu66d04a41a1f3440013af50ec .col-md-4.col-sm-4.col-xs-12{width: 100%;text-align: center}.pre-news h6,.pre-product h6{margin-bottom: 5%}div#Contentmanager .col-md-6.pull-left,div#Contentmanager .col-md-6.pull-right{width: 50%}.product-detail{padding-top: 0}.head-project h1{top: 55px;font-size: 7em}}@media screen and (max-width : 480px){div#imagesControl66d047d5a1f3440013af5047,div#imagesControl66d04e05eadb96001313f136,div#Component66d52386fd518f00129b8634 .thumbs,div#Component66d52386fd518f00129b8634 .col-md-12.col-sm-12.col-xs-12,div#imagesControl66d52386fd518f00129b8634,div#Component66d523a1fd518f00129b864d .thumbs,div#imagesControl66d523a1fd518f00129b864d,div#mainmenu66d5243ec501150013f14ba4>div,div#imagesControl66d533d3fd518f00129b8b83,div#imagesControl66d53559eadb960013141121,div#mainmenu66d55ca6eadb96001314171e>div,div#imagesControl66d55d7beadb960013141776{padding: 0 !important}.sect-about,.contact-page{padding: 0}.sect-about,div#Contentmanager .col-md-4.col-sm-4.col-xs-12{margin-bottom: 8%}.number-type h6{margin-top: 5%}div#Component66d0511aa1f3440013af521e .col-md-4.col-sm-4.col-sm-5fix.col-xs-12{width: 50%}.number-type{height: auto}div#Component66d0511aa1f3440013af521e .thumbs,h3.managerHeader{margin: 0}.sect-service{padding: 8% 5%}.sect-service li{padding-left: 10%}.head-project h1{top: 43px;font-size: 3em}.sect-standard h1{margin-left: 2%;margin-top: 0}.card-standard li{grid-template-columns: 20% auto;align-items: start}.card-standard{padding: 10% 5%;padding-left: 5%;width: 100%}div#Component66d523a1fd518f00129b864d .col-md-3.col-sm-4.col-xs-12{width: 50%}h1{font-size: 30px}h2{font-size: 28px}h3{font-size: 26px}h4{font-size: 22px}div#contentnewmode66c40de32a161d00131337b8,.social-share{display: none}.pt-8.sect-news{padding-top: 12%}.text-product{height: auto;padding-top: 3%}.head-page{height: 120px}.text-head-page{min-width: 70%;padding: 4% 3%;left: 6%}div#Contentmanager .col-md-6.pull-left,div#Contentmanager .col-md-6.pull-right{width: 100%;float: none !important;padding: 0}div#Contentmanager .col-md-12.text-justify{padding: 0 2%}.page-header{margin: 8% 0 0}.img-project img{padding: 0;margin-bottom: 15px}.text-head-page h3{font-size: 20px}div#mainmenu66d55d5deadb96001314174d .none-middle-mid{display: flex;flex-wrap: wrap-reverse}div#mainmenu66d55d5deadb96001314174d .none-middle-mid .none-middle-mid{display: block}.contact-page li{grid-template-columns: 13% auto}.contact-page ul{margin-bottom: 10%}div#Component66d56098fd518f00129b9235{padding: 2% 4% 4%}.sect-about p,.sect-service li p,.card-standard p,.text-product h6,.product-detail p,.pre-news h6,.pre-product h6{line-height: inherit}.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}.Contenemanager-gallery .col-xs-6.col-md-3{width: 50%;padding: 0 2% !important}.news-detail{margin-bottom: 6%}.pre-news h6,.pre-product h6{height: auto;-webkit-line-clamp: unset}}