.itopplus-background{}body{font-size: 16px;overflow-x: hidden;color: #444;font-family: "LINE Seed Sans TH"}a{color: #272727}a:hover{color: #016f20}b,strong{font-weight: 600}.itopplus-bg{background-image: url("http://itp1.itopfile.com/ImageServer/z_itp_28012024dtmj/0/0/bgz-z656528336641.webp");background-size: cover}.itopplus-bg2{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_28012024dtmj/0/0/2z-z360046094117.webp");color: #fff}.itopplus-bg4{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_28012024dtmj/0/0/4z-z1000161901124.webp")}.itopplus-bg5{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_28012024dtmj/0/0/5z-z1095331848992.webp")}.navbar-default .navbar-nav > li > a{font-size: 1em;color: #fff;margin: 0 0px;padding: 8px 15px;border-radius: none;border-bottom: 3px solid transparent}.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-color: transparent;background: transparent;background-color: transparent}.dropdown-menu > li > a{font-size: 1.1em;color: #424242;padding: 8px 15px}.no-js .dropdown-menu > li > a:focus,.no-js .dropdown-menu > li > a:hover{color: #fff;background: #292929}@media screen and (max-width: 992px){#controlBanner img{position: fixed;top: 8px;left: 10px;width: 50px !important;z-index: 10000}#nav-menu,#ItopplusMainSidebar > div{background: #292929 !important}#itpMenuSideBar span{background-color: #fff !important}#controlMenu *{color: #fff !important;border: none}}@media screen and (min-width: 1024px){.itopplus-banner > .container{display: grid;grid-template-columns: 16% auto 25%}.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}.itopplus-banner{background: #292929;transition: 0.3s}.itopplus-sticky{background: #292929 !important}#controlBanner{object-fit: contain;padding: 15px 0;width: clamp(120px,65%,20vw);margin: 0 auto}#itopplus-nav-bar{display: flex;width: 100%;justify-content: center}.itopplus-search{text-align: right;color: #fff}}.h1,h1{font-size: 4em;font-weight: 600}.h2,h2{font-size: 3.8em;font-weight: 600}.h3,h3{font-size: 1.8em;font-weight: 500;line-height: 1.2}.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}.itopplus-search{font-size: 0.9em}.itopplus-search a{color: #fff}.itopplus-search a:hover{color: #f89c1d}.itopplus-menu{padding-top: 8.5%}.header-icon-img{display: flex;gap: 15px;width: 22%;margin: 15px 8% 20px auto}.tel-block{display: grid;grid-template-columns: 20px auto;gap: 15px;justify-content: start}.itopplus-footer{font-size: 14px;line-height: 1.6}.itopplus-footer h4{margin: 0px 0 15px;font-weight: 600;font-size: 1.05em}.itopplus-footer a{color: #ffffff}.itopplus-footer a:hover{color: #f89c1d}.footer-logo{width: 43%;margin: 0 0 20px}.footer-icon-img{display: flex;gap: 15px;width: 33%}.icon-img{transition: 0.5s}.icon-img:hover{transform: scale(1.1)}.footer-pd{padding-left: 15%}.footer-pd2{padding-left: 25%}.copy-right{font-size: 0.9em;padding: 0 0 20px}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #016f20 !important;color: #016f20 !important;font-family: "LINE Seed Sans TH" !important}.buttonExampleSite:hover{background: #016f20 !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%}.padding-pd{padding: 3%}.menu-align{padding: 8% 0 2%;text-align: center}.menu-align h2{color: #016f20;font-family: "Open Sans",sans-serif;font-weight: 300}.about-intro{white-space: pre-line;text-align: center;padding: 0 0 8%;font-size: 1.2em}.btn-more{background: #016f20;color: #fff;border: none;font-size: 0.8em;padding: 11px 30px;border-radius: 50px;font-weight: 600;transition: 0.5s}.btn-more:hover{background: #f79a1d;color: #fff}.strenhth-pd{padding: 20% 0 15% 15%}.strenhth-icon{display: grid;grid-template-columns: 16% auto;gap: 25px;font-size: 1.2em;align-items: center;margin-bottom: 30px;transition: 0.5s}.strenhth-icon:hover{transform: translateX(10px)}.strenhth-icon-text h4{font-size: 1em}#slidermaster67d795d6fe31040013602e69{height: 220px !important}.jssorb03 div{background: none;background-position: -5px -4px;background-color: transparent;color: transparent !important;width: 10px !important;height: 10px !important;border-radius: 50%;border: 1px solid #bbb;display: flex;justify-content: center}.jssorb03 .av,.jssorb03 div:hover{background: transparent;overflow: hidden;cursor: pointer;background-color: #bbb;border: 1px solid #bbb}.jssora03l{display: none}.jssora03r{display: none}span.jssora03r.jssora03rds{display: none}img.cursor.force-hight{height: 260px !important}#slidermaster67d795d6fe31040013602e69 img{filter: grayscale(1);transition: 0.5s}#slidermaster67d795d6fe31040013602e69 img:hover{filter: grayscale(0)}.service-intro{white-space: pre-line;font-size: 1.2em;text-align: center;padding: 0 0 4.8%}.thumbnail{padding: 0px !important;padding-left: 0px !important;border: 0px solid #ddd;border-radius: 0px;box-shadow: 0px 0px 15px rgba(0,0,0,.15);color: #1a1a1a;border-bottom: 6px solid transparent}.thumbnail:hover{border-bottom: 6px solid #016f20}.thumbnail .imageWidth.imageGallery{transform: scale(1.0);transition: 0.5s}.thumbnail .imageWidth.imageGallery:hover{transform: scale(1.1)}.thumbnail .imgLightbox{position: relative!important;overflow: hidden!important;width: 100%!important}.service-block{padding: 10%}.service-block h4{white-space: pre-line;height: 75px;line-height: 1.2;margin: 0 0 0px}.service-block p{height: 120px;margin: 0}.btn-read{background: transparent;color: #016f20;border: none;padding: 0;font-weight: 600;font-size: 0.9em}.padding-pd2{padding: 15%}.culture-block{display: grid;grid-template-columns: repeat(4,1fr);gap: 20px}.culture-block:before{content: '';width: 79%;height: 105px;border-bottom: 1px solid #164579;position: absolute}.culture-icon{white-space: pre-line;font-size: 1.2em;text-align: center}.culture-icon img{width: 25% !important}.culture-icon h4{font-size: 1em;margin: 0 0 10px}.culture-icon-symbol{color: #164579;font-size: 2.6em}.project-intro{font-size: 1.2em;text-align: center;padding: 0 0 6%}figure.effect-oscar{background: transparent;border-radius: 10px;margin-bottom: 5px !important}figure.effect-oscar figcaption{padding: 1em;background-color: rgba(58,52,42,.0)}figure.effect-oscar:hover figcaption{background-color: rgba(255,255,255,.5)}figure.effect-oscar figcaption::before{border: 0px solid #fff}.grid figure figcaption{padding: 0em}.grid figure h2{word-spacing: normal;font-weight: 400}figure.effect-oscar h2{white-space: pre-line;-webkit-transform: translate3d(0,0%,0);transform: translate3d(0,0%,0);font-size: 0.9em;line-height: 1.3;text-align: left;color: #282828;position: absolute;bottom: 0;left: 0;right: 0;padding: 20px}figure.effect-oscar h2 h3{font-size: 1.9em;font-weight: 400;margin: 0 0 5px}figure.effect-oscar img{opacity: 1;transition: 0.5s}figure.effect-oscar:hover img{transform: scale(1.1)}#Contentmanager .col-md-4.col-sm-4.col-xs-12{padding: 0 10px !important}.title-type47{display: none}.product-name2{position: absolute;bottom: 0;left: 0;right: 0;padding: 15% 0 6%;font-size: 0.9em;background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.7) 100%)}.product-name2 h4{font-size: 1em}#Contentmanager figure.effect-oscar:hover figcaption{background-color: rgba(255,255,255,.5)}.project-logo img{opacity: 0 !important;padding: 23.5% 10%}.project-logo:hover img{opacity: 1 !important}h3.managerHeader{font-size: 3em;text-align: center;color: #016f20;font-weight: 400}#Contentmanager .post-time{display: none}.page-header{border-bottom: 0px solid #eee}.col-md-6.pull-left{padding: 0;width: 50%;margin: 0 4% 0 0}.col-md-6.pull-right{padding: 0;width: 50%;margin: 0 0 0 4%}.Textmanager.font-inherit{text-align: left;display: flow-root}.Textmanager.font-inherit h3{font-weight: 600;margin: 20px 0 10px}.Textmanager.font-inherit h4{font-weight: 600;margin: 25px 0 5px;line-height: 1.3;font-size: 1.2em}.Textmanager.font-inherit h5{text-decoration: underline;font-weight: 600;font-size: 1em;margin: 10px 0 5px}.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: 15px}.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: 0px solid #eee;padding: 0px !important;box-shadow: none !important;border-radius: 0px;margin-bottom: 0px}.img-thumbnail{padding: 0px;border: 0px solid #ddd;border-radius: 20px}.social-icon{border-radius: 5px}.social-share{top: 15px}.landingpagemanager{display: none}table.tj2{width:100%}table.tj2 td{border-bottom: 1px solid #ccc;padding: 18px 0}.template1 .col-md-6.col-sm-8.col-xs-12.padding-md,.template1 .col-md-3.col-sm-4.col-xs-12.padding-md{padding: 10px !important}.template1 .caption{height: 73px;font-size: 18px;text-align: left;padding: 10px 0px 0px 0;font-weight: 500;line-height: 1.2}.template1 .caption strong{font-size: 18px;font-weight: 500}.template1 .caption p.margin{display: none}.link{color: #000}.template1 .img{border-radius: 10px}.Contentmanager .template1 .template-head{padding-bottom: 75%}#form67d2b929dec2b80013dd681f{padding: 0 !important}.CASS-H-head,.CASS-H-head{font-family: "LINE Seed Sans TH"}.CASS-H-head{border-bottom: none;margin-bottom: 0px;background: transparent;padding-left: 0px;padding-top: 0px}.CASS-H-head h3.form-inline{font-size: 1em;font-weight: 400;text-align: center;margin: 0 0 5px;color: #fff}.CASS-H-head h3.form-inline h2{font-size: 3em;color: #fff;margin: 0 0 5px}.CASS-H-border .form-control{border: none;background-color: transparent;border-bottom: 1px solid #828282;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: 1em !important;padding: 5px 0;font-weight: 400;color: #fff !important;height: 50px}.CASS-H-border .form-control::placeholder{color: #fff !important}.CASS-H-border .form-control:hover{border-bottom: 1px solid #016f20}.CASS-H-border .form-control:focus{border-bottom: 1px solid #016f20;-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: #fff!important}.CASS-H-border .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#4d4d4d 0,#4d4d4d 100%);background: #fff;color: #000;text-shadow: 0 0px 0 #282828;background-repeat: repeat-x;border-color: #0000;border-radius: 50px;padding: 8px 20px;font-weight: 500;font-size: 0.9em;border: 0px solid #fff;box-shadow: none}.CASS-H-border .btn-default:active{background-color: #fff;color: #000}.CASS-H-border .btn-default:hover,.CASS-H-border .btn-default:focus{background-position: 0 0px;background-color: #fff;color: #000}.CASS-H-border .ITPcheckboxAuthen{font-size: 0.9em;color: #fff;text-align: left !important;padding-left: 2.7%;margin-bottom: 2%}.CASS-H-border span#contactUsAcceptPolicyText2{color: #fff;font-weight: 600}.CASS-H-border #display5{margin-bottom: -20px}.CASS-H-border #editor1,.CASS-H-border #editor2,.CASS-H-border #editor3,.CASS-H-border #editor4,.CASS-H-border #editor5,.CASS-H-border #editor6{display: none}.CASS-H-border #selectbox4,.CASS-H-border #selectbox5,.CASS-H-border #selectbox6{}.CASS-H-border .glyphicon-ok-circle:before{display: none}.CASS-H-border .form-control-feedback{top: 10px !important;color: #fff !important}.CASS-H-border .form-control option{color: #000}.CASS-H-middle-mid{padding: 0px}.CASS-H-main{background: transparent}div#btnview67d7fc4cfe310400136043a6,div#btnview67d8e098fe310400136049fc{margin-left: 35%}.CASS-H-border{width: 100%;margin: 0% auto;background: rgba(56,56,56,.9);padding: 5% 10% 1%}.about-us{padding: 12% 0 0 15%}.about-us h3{font-size: 1.5em;font-weight: 600;margin: 0 0 15px}.about-us .strenhth-icon{font-size: 1em;margin-bottom: 20px;grid-template-columns: 13% auto}.mission-block{display: grid;grid-template-columns: repeat(3,1fr);gap: 20px;padding-bottom: 7%}.mission-bg{white-space: pre-line;padding: 10%;background: #f1f2f3;border-bottom: 6px solid #016f20}.mission-bg h3{font-size: 2em}.mission-bg img{width: 20% !important}.service-sub{padding: 8%;color: #424242}.service-sub h3{white-space: pre-line;color: #1a1a1a;font-weight: 600;line-height: 1.2;margin: 0 0 15px}.service-sub h4{color: #1a1a1a;margin: 25px 0 10px}.service-sub2{padding: 6% 0}table.tj3{width: 100%;background: #fff}table.tj3 td{border: 1px solid #eee;padding: 15px 0;text-align: center}table.tj3 h4{line-height: 1.4;margin: 0}table.tj3 p{margin: 0 0 0px}.contact-us{text-align: center}.contact-us h3{font-weight: 600;color: #1a1a1a;margin: 0 0 5px}.contact-block2{width: 85%;margin: 0 auto}.btn-align{padding: 2% 0 0}.btn-display{justify-content: center;display: grid;grid-template-columns: repeat(3,1fr);gap: 10px}.btn-contact{background: #292929;color: #fff;border: none;display: grid;grid-template-columns: 25px auto;align-items: center;gap: 10px;padding: 12px 10px;border-radius: 50px;width: 100%;justify-content: center;transition: 0.5s}.btn-contact:hover{background: #016f20;color: #fff}.btn-contact-text a{color: #fff}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color: #016f20;border-color: #016f20}.pagination>li>a,.pagination>li>span{color: #016f20}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #016f20;background-color: #f7f7f7}@media only screen and (min-width : 1900px){body{font-size: 20px}.dropdown-menu > li > a{font-size: 1.4em}.container{width: 1440px}.itopplus-menu{padding-top: 8.3%}.tel-block{grid-template-columns: 25px auto}#slidermaster67d795d6fe31040013602e69{height: 280px !important}.service-block h4{height: 95px}.service-block p{height: 135px}.culture-block:before{width: 74%;height: 131px}.template1 .caption strong{font-size: 20px}.template1 .caption{font-size: 20px}.Contentmanager .template1 .template-panel{padding-bottom: 63%}.CASS-H-border{padding: 10% 10% 3%}.CASS-H-border .form-control{height: 60px}.itopplus-footer{font-size: 17px}.ITPcookiebar,.buttonExampleSite{font-size: 16px !important}}@media only screen and (max-width:1191px){.itopplus-banner > .container{grid-template-columns: 15% auto 27%}.itopplus-menu{padding-top: 10%}.strenhth-icon{font-size: 1em}.service-block h4{white-space: inherit;height: 80px}.culture-block:before{width: 90%;height: 95px}.itopplus-bg4{background-size: cover;background-position: right}.footer-pd{padding-left: 2%}.service-sub h3{white-space: inherit}table.tj2 td:nth-child(1){width: 40%}table.tj2 td{vertical-align: baseline}.contact-block2{width: 100%}}@media only screen and (max-width:900px){.itopplus-menu{padding-top: 0%}.about-intro{white-space: inherit}.strenhth-pd{padding: 10% 0 10% 10%}#slidermaster67d795d6fe31040013602e69{height: 170px !important}.service-block h4{height: 105px}.service-block p{height: 155px}.culture-block:before{width: 93%;height: 81px}.h2,h2{font-size: 3em}.h3,h3{font-size: 1.5em}.culture-icon{white-space: inherit}.template1 .caption{height: 60px}.CASS-H-middle-mid div{padding: 0 !IMPORTANT}.mission-bg{white-space: inherit;padding: 9%}.table-responsive{border: 0px solid #ddd}table.tj3 h4{font-size: 1em}h3.managerHeader{font-size: 2.4em}table.tj2 td:nth-child(1){width: 50%}.col-md-8.col-md-offset-2.text-center{padding: 0 !IMPORTANT}.btn-display{grid-template-columns: repeat(2,1fr)}}@media only screen and (max-width:480px){#imagesControl67d783cef7a3fd0013559a4b{padding: 0 !IMPORTANT}.h2,h2{font-size: 2.6em}.strenhth-pd{padding: 10% 0 10% 0%}.strenhth-icon{grid-template-columns: 20% auto}#slidermaster67d795d6fe31040013602e69{height: 85px !important}.service-intro{font-size: 1em}.service-block h4{margin: 0 0 10px;height: inherit}.service-block p{height: inherit;margin: 0 0 10px}.culture-block:before{display: none}.culture-block{grid-template-columns: repeat(2,1fr)}.culture-icon{font-size: 1em}.culture-icon img{width: 35% !important}.CASS-H-head h3.form-inline h2{font-size: 2.4em}.about-us{padding: 12% 0 0 2%}.about-us .strenhth-icon{grid-template-columns: 20% auto}.mission-block{grid-template-columns: repeat(1,1fr)}.itopplus-bg2{background-size: 150% auto}.about-intro{font-size: 1em}.service-sub{padding: 5%}h3.managerHeader{font-size: 2em}.Textmanager.font-inherit{display: block}.col-md-6.pull-left,.col-md-6.pull-right{width: 100%;margin: 0 0% 0 0}.btn-display{grid-template-columns: repeat(1,1fr)}}#slidermaster67d795d6fe31040013602e69 > div:nth-child(3){position: absolute;left: 0 !important;right: 0 !important;margin: auto !important}