.itopplus-background{}body{font-size: 16px;overflow-x: hidden;color: #282828}a{color: #282828}a:hover{color: #f15922}b,strong{font-weight: 600}.itopplus-bg{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_09072023byh4/0/0/1z-z1347685257602.webp");background-size: cover}.itopplus-bg2{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_09072023byh4/0/0/2z-z1067152059510.webp");background-size: cover}.itopplus-bg3{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_09072023byh4/0/0/3z-z957323169440.webp")}.itopplus-bg4{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_09072023byh4/0/0/4z-z345589966615.webp");background-color: #ffffff;background-position: bottom;background-size: cover}.navbar-default .navbar-nav > li > a{font-size: 1em;color: #fff;margin: 0 10px;padding: 10px 5px}.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 !important;box-shadow: 0px 3px 0px 0px #f15922;border-radius: none;background: transparent;background-color: transparent}.dropdown-menu > li > a{font-size: 1.1em;padding: 7px 20px;color: #444}.dropdown-menu > li > a:focus,.no-js .dropdown-menu > li > a:hover{color: #fff;background: #444}.dropdown-menu{border: 0px solid rgba(0,0,0,0.15);border-radius: 0px;box-shadow: none}@media screen and (max-width: 992px){#controlBanner img{position: fixed;top: 10px;left: 10px;width: 60px !important;z-index: 10000}.navbar-default,.navbar-header{background: rgb(0 0 0 / 55%) !important}#ItopplusMainSidebar{background: rgb(0 0 0 / 0%) !important}#ItopplusMainSidebar a{color: #fff !important;text-align: left !important}#itpMenuSideBar span.icon-bar{background: #fff !important}.navbar-header i{filter: invert(1)}.itopplus-sidebar-main{width: 100% !important}}@media screen and (min-width: 1024px){.itopplus-banner .container{display: grid;grid-template-columns: 15% auto;align-items: center}.itopplus-banner .container::before,.itopplus-banner .container::after{display: none}.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}.no-js .itopplus-banner{position: fixed;top: -1px;width: 100%;background: rgb(0 0 0 / 70%)}#controlBanner{object-fit: contain;padding: 15px;width: 100%;min-width: auto;margin: 0 auto}#nav-menu{text-align: right;background-color: transparent}ul.nav li.dropdown:hover > ul.dropdown-menu{display: block;margin: 0}h3.managerHeader{padding: 0 12%}.about-icon-img{width: 115px}}.h1,h1{font-size: 3em}.h2,h2{font-size: 2.8em}.h3,h3{font-size: 2.2em}.h4,h4{font-size: 1.3em}.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}.no-js #Component66b1cd6966d6b9001384b924 .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js .CASS-D-main label{display: none !important}.CASS-A-middle-mid{padding: 0}.no-js .CASS-D-main .form-control{border: 1px solid #ccc;border-radius: 10px !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: 35px 20px;font-weight: 400;line-height: 1.5;background: #fff;margin-bottom: 15px;color: #000 !important}.no-js .CASS-D-main .form-control:hover{border: 1px solid #f15922}.no-js .CASS-D-main .form-control:focus{border: 1px solid #f15922;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow: inset 0 0px 0px rgba(0,0,0,0.075),0 0 0px rgba(102,175,233,0);color: #000 !important}.no-js .CASS-D-main .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#f9a71f 0,#f9a71f 100%);background: #f15922;color: #fff;text-shadow: 0 0px 0 #3173ed;background-repeat: repeat-x;border-color: #7a2d8d;border-radius: 10px;padding: 10px 25px;font-size: 0.9em;font-weight: 400;border: 0px solid transparent;margin: 0 auto;display: block}.no-js .CASS-D-main .btn-default:active{background: #f15922;color: #fff}.no-js .CASS-D-main .btn-default:hover,.no-js .CASS-D-main .btn-default:focus{background-position: 0 0px;background: #f15922;color: #fff}.no-js .CASS-D-main .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js .CASS-D-main span.label{font-size: 0.85em;font-weight: 400}.no-js .CASS-D-main .ITPcheckboxAuthen{font-size: 0.95em;padding: 0 0 0 0%}.no-js .CASS-D-main #editor1,.no-js .CASS-D-main #editor2,.no-js .CASS-D-main #editor3,.no-js .CASS-D-main #editor4,.no-js .CASS-D-main #editor5{display: none}.no-js .CASS-D-main #textbox5{margin-bottom: -20px !important}.CASS-D-main .col-md-offset-5{margin-left: 0;margin: 0 auto;display: block;width: 100%}.itopplus-footer{font-size: 14px}.itopplus-footer h4{margin: 0px 0 20px;font-weight: 600;color: #282828}.itopplus-footer a{color: #282828}.itopplus-footer a:hover{color: #f15922}.copy-right{white-space: pre-line;font-size: 0.9em}.footer-pd{padding: 0 30%}.footer-pd .media-body{padding: 2px;color: #282828}.footer-icon-img{display: flex;gap: 20px;width: fit-content}.footer-icon-img img{max-width: 50px}.icon-img{transition: 0.5s}.icon-img:hover{transform: scale(1.1)}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #f15922 !important;color: #f15922 !important;font-family: "LINE Seed Sans TH" !important}.buttonExampleSite:hover{background: #f15922 !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%;margin-top: 5vw}.about-block-display{display: grid;grid-template-columns: 25% 35% 30%;gap: 30px;padding: 5% 0 3%;align-items: start}.about-block1{display: grid;grid-template-columns: 45% 55%;border: 6px solid #6d6e71;align-items: center;justify-content: center;font-family: "Roboto",sans-serif;padding: 10px 0;width: 95%}.about-block1-number{color: #f15922;text-align: center}.about-block1-number h1{font-size: 8em;line-height: 1}.about-block1-year{text-transform: uppercase;letter-spacing: 1px;font-weight: 500}.about-block2{padding: 0 0 0 5%}.about-block2-head{display: flex;align-items: center;gap: 10px}.about-block2-border{border-bottom: 1px solid #f15922;width: 8%}.about-block2 h2{color: #282828;font-weight: 600;font-size: 2.2em;line-height: 1.1}.about-block2 h2 span{color: #f15922}.about-block22 .about-block2-head{font-size: 2em;color: #282828;font-weight: 600}.about-block22 h2{font-size: 1.6em}.about-bg2{padding: 0 2% 0 0}.about-block3{font-size: 0.95em}.padding-pd{padding: 2%}.group-about-icon{display: flex;flex-wrap: wrap;justify-content: center}.about-icon{display: grid;grid-template-columns: 25% auto;gap: 20px;align-items: center;padding-bottom: 10%;justify-content: center}.about-icon-text h4{color: #282828;font-weight: 600;font-size: 1.5em;margin: 0 0 5px}.menu-align{display: flex;gap: 5%;align-items: center;padding: 5% 0 2%}.menu-align-text{white-space: nowrap}.menu-align-border{background: #f15922;width: 100%;height: 1px}.menu2-align{display: grid;grid-template-columns: 55% 40%;gap: 20px;align-items: center;padding: 5% 0 2%}.menu3-align{display: grid;grid-template-columns: 65% 30%;gap: 20px;align-items: center;padding: 5% 0 2%}.menu-align-text,.menu2-align-text,.menu3-align-text{text-align: left;color: #282828}.menu-align-text h3,.menu2-align-text h3,.menu3-align-text h3{font-weight: 600}.port-block1{display: grid;grid-template-columns: 25.3% 59% 16.85%}.port-block2{display: grid;grid-template-columns: 42.15% 42.15% 16.85%}.port-block1 img,.port-block2 img{transition: 0.5s}.port-block1 img:hover,.port-block2 img:hover{filter: brightness(0.4)}.menu-align-pd2{padding: 5%}.TabItpContentLandingPage6{background-color: transparent;padding: 0}.TabItpContentLandingPage6 ul::before,.TabItpContentLandingPage6 ul::after{display: none}.TabItpContentLandingPage6 ul{display: flex;gap: 15px;width: 100%;border-radius: 0;background-color: transparent}.TabItpContentLandingPage6 ul li{display: block;width: 100%}.TabItpContentLandingPage6 ul a{height: 3.5vw;min-height: 75px;display: grid;place-items: center;border-radius: 0 !important;padding: 7px 15px;font-style: italic;line-height: 1;background-color: #666 !important;margin: 0 !important;transform: skew(-20deg,0deg)}.TabItpContentLandingPage6 ul a span{transform: skew(20deg,0deg)}.TabItpContentLandingPage6 > ul > li.active > a,.TabItpContentLandingPage6 > ul > li > a:hover{background-color: #f15922 !important}.tab-itp-background{background-color: inherit;padding: 0% !important;margin-top: 2%;margin-bottom: 2%}.TabItpContentLandingPage6 > ul > li > a > span{color: #fff;font-size: clamp(14px,1vw,20px) !important}.tab-content{border: none !important;padding: 5% 0 !important;background-color: transparent;box-shadow: none}.tab-content .thumbnail{background-color: transparent !important;padding: 0 !important;clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.btn-view{background: transparent;border: none;display: grid;grid-template-columns: auto clamp(20px,1vw,25px);gap: 20px;align-items: center;text-align: left;width: fit-content;padding: 0;font-size: 0.9em}.btn-view img{width: 100% !important}.col-md-6.pull-right{width: 69%}.col-md-6.pull-right img.img-responsive{clip-path: polygon(25% 0%,100% 0%,75% 100%,0% 100%)}.tab-content img.img-responsive:hover{transform: scale(0.9) !important}.product-tab{margin-right: -30%;position: relative}.service-slide{display: grid;grid-template-columns: repeat(3,1fr);gap: 0px}.service-img{clip-path: polygon(15% 0%,100% 0%,85% 100%,0% 100%);overflow: hidden;transition: 0.5s}.service-img img{transition: 0.5s}.service-img:hover img{transform: scale(1.1)}.service-text{width: 84.5%;clip-path: polygon(5% 0%,100% 0%,96% 100%,0% 100%);background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);color: #fff;position: absolute;z-index: 1;bottom: 2%;left: 2%;padding: 1.2em 1em 0.5em !important;opacity: 1;-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,0,0);text-align: center;text-transform: initial;font-size: 1.4em;white-space: pre-line;height: 108px;font-weight: 600;transition: 0.5s;z-index: 0}.testimonial:hover .service-text{background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(166,52,11,1) 100%);color: #fff}.testimonial{padding: 10px 10px;margin: 0px 0px 0px;border: 0px solid transparent;position: relative}.testimonial .pic{width: 100px;height: 100px;border-radius: 50%;border: 5px solid #c7373c;overflow: hidden;margin: 0 auto;position: absolute;top: -50px;left: 0;right: 0}.testimonial .pic img{width: 100%;height: auto}.testimonial .description{font-size: 15px;color: #5e595b;line-height: 27px;text-align: center;margin: 0;position: relative}.testimonial .title{display: inline-table;padding: 10px;margin: 0 auto;background: #fff;border: 1px solid #ea816b;font-size: 20px;font-weight: 700;color: #c7373c;letter-spacing: 1px;text-transform: uppercase;position: absolute;bottom: -22px;left: 0;right: 0}.testimonial .post{font-size: 15px;color: #671a36}.owl-theme .owl-controls{width: 100%;height: 50px;opacity: 1;position: absolute;top: 38%}.owl-theme .owl-controls.clickable .owl-buttons div:hover{color: #ff001d}.owl-theme .owl-controls .owl-buttons div{width: 50px;height: 50px;line-height: 40px;border-radius: 0;background: transparent;color: #000000;opacity: 1}.owl-prev{position: absolute;left: -5%;border: 1px solid #6d6e71 !important;border-radius: 50%;width: 45px;height: 45px}.owl-next{position: absolute;right: -5%;border: 1px solid #6d6e71 !important;border-radius: 50%;width: 45px;height: 45px}.owl-prev:after,.owl-next:after{content: "\f104";font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 24px}.owl-nav{width: 100%;height: 50px;opacity: 1;position: absolute;top: 35%;z-index: -1}.owl-next:after{content: "\f105"}.owl-carousel .owl-item img{clip-path: polygon(15% 0%,100% 0%,85% 100%,0% 100%);overflow: hidden;transition: 0.5s}.iso-block{display: grid;grid-template-columns: 85% 15%;padding: 0 10% 35%}.iso-text{white-space: pre-line;color: #282828}.iso-text h3{font-weight: 600}.iso-text h3 span{color: #f15922;font-size: 1.5em}.iso-logo{display: grid;grid-template-columns: 30% auto;align-items: center;gap: 10px;font-size: 1.8em;color: #282828;font-weight: 600;justify-content: end}.company-head{display: grid;grid-template-columns: 90% 10%;align-items: center;width: 85%}.company-head-text{color: #282828;font-weight: 600;font-size: 1.1em}.company-head-text h3{font-weight: 600;font-size: 2em}.customer-block{display: grid;grid-template-columns: repeat(9,1fr);gap: 40px;margin-bottom: 5%}.customer-logo{}.customer-block span{display: inline-block;animation: flip 2s infinite;animation-delay: calc(0.2s * var(--i))}.customer-block span:nth-child(1){--i: 1}.customer-block span:nth-child(2){--i: 2}.customer-block span:nth-child(3){--i: 3}.customer-block span:nth-child(4){--i: 4}.customer-block span:nth-child(5){--i: 5}.customer-block span:nth-child(6){--i: 6}.customer-block span:nth-child(7){--i: 7}.customer-block span:nth-child(8){--i: 8}.customer-block span:nth-child(9){--i: 9}.customer-block span:nth-child(10){--i: 10}.customer-block span:nth-child(11){--i: 11}.customer-block span:nth-child(12){--i: 12}.customer-block span:nth-child(13){--i: 13}.customer-block span:nth-child(14){--i: 14}.customer-block span:nth-child(15){--i: 15}.customer-block span:nth-child(16){--i: 16}.customer-block span:nth-child(17){--i: 17}.customer-block span:nth-child(18){--i: 18}@keyframes flip{0%,80%{transform: rotateY(360deg)}}@keyframes flipInY{0%{animation-timing-function: ease-out;-webkit-transform: perspective(400px) rotateY(90deg);transform: perspective(400px) rotateY(90deg)}40%{animation-timing-function: ease-out;-webkit-transform: perspective(400px) rotateY(-20deg);transform: perspective(400px) rotateY(-20deg)}60%{animation-timing-function: ease-out;-webkit-transform: perspective(400px) rotateY(10deg);transform: perspective(400px) rotateY(10deg)}80%{animation-timing-function: ease-out;-webkit-transform: perspective(400px) rotateY(-5deg);transform: perspective(400px) rotateY(-5deg)}100%{animation-timing-function: ease-out;-webkit-transform: perspective(400px);transform: perspective(400px)}}.about-bg{white-space: pre-line;padding: 5%}.about-bg h2{white-space: pre-line}.about-block4{padding: 3% 0 0 5%}.about-bg .about-block4{white-space: pre-line}.about-bg .about-block4 strong{font-size: 1.1em;color: #282828}figure.effect-jazz{background: transparent;clip-path: polygon(10% 0%,100% 0%,90% 100%,0% 100%)}figure.effect-jazz figcaption::after{border-top: 0px solid #fff;border-bottom: 0px solid #fff}.coming-soon{width: 80%;margin: 2% auto 0}.effect-sadie{clip-path: polygon(10% 0%,100% 0%,90% 100%,0% 100%);margin-bottom: 10px !important}figure.effect-sadie figcaption::before{background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(166,52,11,0.6) 100%)}.service-block{white-space: pre-line;padding: 2% 2% 0 0%}.service-block h3{color: #282828;font-weight: 600;font-size: 1.7em;margin: 0;line-height: 1.2}.service-block h3 span{color: #f15922;display: block;font-size: 1.3em}.service-border{border-bottom: 3px solid #6d6e71;width: 10%;margin: 20px 0}.service-block h4{color: #282828;font-weight: 600;margin: 20px 0 10px;line-height: 1.2}.service-block ul li::marker{color: #f15922}.service-block-bg{background: #000000;color: #fff;margin-top: 15%;margin-left: -25%;position: relative;z-index: 2;padding: 14%;clip-path: polygon(5% 0%,100% 0%,95% 100%,0% 100%);box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);border-bottom: 7px solid #f15922}.service-block-bg h3{color: #fff}.service-block-bg h4{color: #fff}.col-section{padding: 0 1% 3%}article.col-md-6.item.-micro{width: 25%}.Contentmanager .site .col-section .item.-micro{padding: 0px 0px 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: #ffffff;border: 0px solid #d4d4d4;clip-path: polygon(10% 0%,100% 0%,90% 100%,0% 100%);padding: 10%;margin-bottom: 15px}.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}.Contentmanager .site .col-section .item.-micro a .caption .time{padding: 0;margin: 0}.Contentmanager .site .col-section .item.-micro a .caption .time span{color: #152345}.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: clamp(16px,1.1vw,22px);font-weight: 600;background: transparent;padding: 0;margin: 0;line-height: 1.3;height: clamp(50px,4.5vw,60px);width: 92%}.Contentmanager .site .col-section .item.-micro a .caption .title{color: #f15922}h3.managerHeader{font-size: 2.2em;text-align: center;font-weight: 600;color: #6d6e71}#Contentmanager .post-time{display: none}.page-header{border-bottom: 0px solid #eee;padding: 10% 0 0}.col-md-6.pull-left{padding: 0;width: 50%;margin: 0 3% 0 0}.Textmanager.font-inherit{text-align: left;display: flow-root}.Textmanager.font-inherit h4{color: #282828;font-weight: 600;margin: 25px 0 10px}.Textmanager.font-inherit h3{font-weight: 600;margin: 20px 0 10px;font-size: 1.8em;line-height: 1.2;color: #282828}.Textmanager.font-inherit h3 span{font-size: 0.7em;color: #f15922;font-weight: 400}.Textmanager.font-inherit p{margin: 0 0 0px}.Textmanager.font-inherit strong{font-weight: 600}.Textmanager.font-inherit h5{font-weight: 600;color: #282828;text-decoration: underline}.contenemanager-gallery .col-xs-12.col-md-3,.Contenemanager-gallery .col-xs-6.col-md-3{width: 33.33%;padding: 10px 0px 0}.contenemanager-gallery .thumbnail,.Contenemanager-gallery .thumbnail{padding: 0px;border: 0px solid #cecece;clip-path: polygon(10% 0%,100% 0%,90% 100%,0% 100%);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,0.075);box-shadow: 0 0 0 rgba(0,0,0,0.075);border-radius: 0px;transform: scale(1) !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{padding: 0%;background-color: transparent;border: 0px solid #ddd;border-radius: 0px;box-shadow: none;overflow: hidden}#Contentmanager .thumbnail:hover{}.img-thumbnail{padding: 0px;border: 0px solid #ddd;border-radius: 0px}.social-icon{border-radius: 5px}.social-share{top: 10px}.landingpagemanager{display: none}.port-block .service-block{padding: 2% 0}#Contentmanager .flex .col-md-4.col-sm-4.col-xs-12{padding: 15px 0px 0 !important}figure.effect-oscar{background: transparent;clip-path: polygon(10% 0%,100% 0%,90% 100%,0% 100%)}figure.effect-oscar figcaption{background-color: rgba(58,52,42,0);background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.8) 100%);color: #fff}figure.effect-oscar:hover figcaption{background-color: rgba(0,0,0,0.9);background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);color: #fff}figure.effect-oscar figcaption::before{border: 0px solid #fff}.grid figure p{letter-spacing: 0px}#Contentmanager .imgLightbox{background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);color: #fff}.title-type47{position: absolute;left: 0;right: 0;text-align: center;bottom: 1%;color: #fff;padding: 10% 12% 10% 4%}.nav-template li{display: inline-table}.nav-template li:hover a{text-decoration: unset !important}.nav-template li:hover{background-color: transparent;text-decoration: unset !important}ul.nav-template li{padding: 0 10px !important;margin: 0 !important}ul.nav-template strong{font-size: clamp(18px,1vw,22px);font-weight: 600;line-height: 1.3}ul.nav-template p{font-size: clamp(14px,1vw,16px) !important}ul.nav-template .maxHeight-TP{min-height: 25vw}ul.nav-template .maxHeight-TP4 a{display: grid;grid-template-columns: repeat(2,1fr);gap: 15px;min-height: 12.5vw}ul.nav-template .maxHeight-TP4 a > div{display: flex;flex-direction: column;gap: 5px;width: 100% !important;padding: 0 !important}.blog-news{white-space: pre-line;text-align: center;padding: 1% 0 2%}.template1 .caption{height: inherit !important;padding: 7% 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical}.template1 .btn-sm{font-size: 16px}.img-container .img{transition: 0.5s}.img-container:hover .img{transform: scale(1.1)}.Textmanager.font-inherit h3.text-center{font-weight: 600;margin: 35px 5px 15px;background: #757575;color: #fff;padding: 15px 0;margin-left: 20%;margin-right: 20%}.itp-contentmanager-template5 .col-md-4.col-sm-4.col-xs-12.padding-col{width: 35%;padding: 0 !important;clip-path: polygon(10% 0%,100% 0%,90% 100%,0% 100%)}.itp-contentmanager-template5 .col-md-8.col-sm-8.col-xs-12.padding-col{width: 65%;padding: 2% 0 0 4% !important}.itp-contentmanager-template5 li.col-md-6.col-sm-6.col-xs-12{margin: 0 0px 30px !important;width: 100%;border-radius: 10px;padding: 0}.itp-contentmanager-template5 .img-container{padding-bottom: 60%}.itp-contentmanager-template5 .img-container .img{border-radius: 0px}.itp-contentmanager-template5 .col-md-8.col-sm-8.col-xs-12.padding-col strong{font-size: 1.5em;line-height: 1.2;display: block;margin: 0 0 10px}.itp-contentmanager-template5 .col-md-8.col-sm-8.col-xs-12.padding-col p{font-size: 15px}.img-content{margin: 2% 0;text-align: center}.img-content img{margin-bottom: 2%}.text-contact{text-align: center;padding: 2% 0 0}.text-contact h3{font-weight: 600;margin: 0 0 15px;line-height: 1.2;font-size: 1.6em;color: #282828}#iframe66b1deb8c2e9320013e67f6c iframe{border-radius: 10px}.contact-block{display: grid;grid-template-columns: repeat(2,1fr);gap: 20px;margin: 20px 0;font-size: clamp(12px,1vw,18px)}.contact-block a{display: grid;grid-template-columns: 50px auto;gap: 10px;align-items: center;background: #f9f9f9;border-radius: 15px}.contact-block a:hover{background: linear-gradient(to right,#fff 0%,#fff 10%,#282828 10%,#282828 100%);color: #fff;transition: 0.5s}.contact-block img{width: 100% !important}#background66e3acc15b40ff001338fe59,#background66e3c5281c012a00136492a6{width: 70%;margin: 0 auto}.vision-bg{background: rgba(109,110,113,0.2);color: #282828;padding: 5%;height: 300px;border-bottom: 6px solid #f15922}.vision-bg h3{font-weight: 600;margin: 0 0 10px;font-size: 1.6em;color: #f15922}.menu-align-pd{padding: 0 10%}.company-pd{padding: 0 3%}.company-1{width: 20%;display: flex;justify-content: center;background: #f15922;color: #fff;text-align: center;padding: 15px;margin: 0 auto 0px}.company-1-border{width: 1px;height: 50px;background: #cccccc;margin: 0 auto}.company-1-border1{border-bottom: 1px solid #ccc;width: 30%;margin: 0 auto}.company-1-border11{display: grid;grid-template-columns: repeat(2,1fr);width: 60%;margin: 0 auto}.company-2-block{display: flex;grid-template-columns: repeat(2,1fr);justify-content: center;gap: 50px;width: 55%;margin: 0 auto}.company-2-1{background: #6d6e71;color: #fff;text-align: center;padding: 15px;width: 100%}.company-1-border11{display: grid;grid-template-columns: repeat(2,1fr);width: 60%;margin: 0 auto}.company-2-border1{border-bottom: 1px solid #ccc;width: 75%;margin: 0 auto}.company-1-border12{display: grid;grid-template-columns: repeat(2,1fr);margin: 0 auto}.company-3-block{display: grid;grid-template-columns: repeat(2,1fr);gap: 50%}.company-2-2{background: #959595;color: #fff;text-align: center;padding: 15px 10px;width: 100%}.company-3-border11{display: grid;grid-template-columns: repeat(2,1fr);margin: 0 auto}.company-3-border{width: 1px;height: 50px;background: #cccccc;margin: 0 25%}.company-3-border1{width: 1px;height: 50px;background: #cccccc;margin: 0 0 0 75%}.company-4-block{display: grid;grid-template-columns: 65% 35%;font-size: 0.8em;gap: 15px}.company4-block{display: grid;grid-template-columns: repeat(9,1fr);justify-content: center;gap: 5px;margin: 0 auto}.company-4-border1{border-top: 1px solid #ccc;width: 0%;margin: 0 0 0 3.4%}.company4-block .company-2{background: #ccc}.company-2-border{background: #ccc;width: 1px;height: 2em;margin: 0 auto;text-align: center}.company-2{display: grid;place-items: center;background: #dfe1e0;text-align: center;padding: 10px;height: 6vw;width: 95%;margin: 0 auto}.company5-block{display: grid;grid-template-columns: repeat(5,1fr);justify-content: center;gap: 5px;margin: 0 auto}.board-name{padding: 7% 0;color: #f15922}.board-name h4{color: #282828;font-weight: 600;margin: 0 0 5px}#background66e3e23afac9ac0013d5457b{width: 66%;margin: 0 auto}.CASS-A-border .col-md-7.col-sm-7.col-xs-12.padding{width: 55%}.CASS-A-border .col-md-5.col-sm-5.col-xs-12.padding{width: 45%}.CASS-A-main{-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none}.CASS-A-top{height: 0;border-top: solid 0px #d4d4d4}.CASS-A-bottom{height: 0;border-bottom: solid 0px #d4d4d4}.CASS-A-middle-left{border-left: solid 0px #d4d4d4}.CASS-A-middle-right{border-right: solid 0px #d4d4d4}.service-bg{display: grid;grid-template-columns: 200px auto;padding: 0 3%;align-items: start}.service-block3{white-space: pre-line;padding: 0 0 0 5%}.service-block3-1{display: grid;grid-template-columns: 65px auto;gap: 20px;align-items: end;margin: 0 0 20px}.service-block3-12 h3{font-size: 1.6em;color: #282828;font-weight: 600;margin: 0 0 5px}.service-block3-12 h4{font-size: 1em;color: #f15922;margin: 0}.btn-detail{display: grid;grid-template-columns: 20px auto;border: none;padding: 0;gap: 10px;font-size: 0.9em;background: transparent;align-items: center;margin-top: 10px}.btn-detail:hover,.btn-detail2:hover{color: #f15922}.logo-img{width: 85%;float: right}.btn-detail2{display: grid;grid-template-columns: auto 20px;border: none;padding: 0;gap: 10px;font-size: 0.95em;background: transparent;align-items: center;margin-top: 5px}.service-menu{text-align: center;border-bottom: 1px solid #f15922}.service-menu h4,.service-sub h4{color: #f15922;margin: 0}.service-menu h2,.service-sub h3{color: #282828;font-weight: 600;margin: 10px 0}.service-sub{white-space: pre-line;text-align: center;padding: 2% 0}.service-sub h4{margin: 0 0 20px}.empty-space12-main{text-align: justify;letter-spacing: -1.7px}.empty-space12{display: grid;grid-template-columns: 45% auto;gap: 20px;margin-bottom: 20px}.empty-space12-text1{font-weight: 600;font-size: 1.6em;color: #282828}.empty-space12-text3,.empty-space12-text5{font-weight: 600;font-size: 20px;margin-bottom: 5px}.empty-space12-text2{font-weight: 600;color: #f15922;margin: 0px 0;font-size: 1.2em}.empty-space12-img{}.empty-space15{position: relative;margin-top: 1%;overflow: hidden}.empty-space15-line{position: absolute;width: 35px;height: -webkit-fill-available;z-index: -1;display: flex;justify-content: center}.empty-space15-line:before{content: "";display: block;height: -webkit-fill-available;background: #f15922;width: 1px}.empty-space15-block{display: flex;flex-direction: column;justify-content: space-between;height: 100%;gap: 50px}.empty-space15-pd{display: grid;grid-template-columns: 35px auto;gap: 15px;align-items: center}.empty-space15-icon{display: flex;justify-content: center;width: 35px}.empty-space15-icon::before{display: block;content: "◆";font-size: 40px;color: #f15922}.empty-space15-block .empty-space15-pd:first-child .empty-space15-icon::before{color: #f15922}.empty-space15-text{align-self: center;border: solid 0px #cccccc;background-color: #fff;color: #282828;padding: 5% 8%;transition: 0.5s;text-align: justify;letter-spacing: -1px}.empty-space15-text:hover{background-color: #f15922;color: #fff;border: solid 0px #f15922}.empty-space12-text6{letter-spacing: -1px}.board-bg{display: grid;grid-template-columns: 40% 60%;gap: 20px;background: #fff;clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);align-items: end}.board-img{}table.tj2{width: 100%}table.tj2 td{border: 1px solid #eee;padding: 15px;background: #fff;color: #f15922;vertical-align: baseline}table.tj2 td:nth-child(1){width: 20%}table.tj2 td:nth-child(2){width: 80%}.btn-line{background: #f15922;color: #fff;border: none;width: fit-content;padding: 10px 25px;font-size: 1.2em;margin: 10px 0 30px;clip-path: polygon(3% 0%,100% 0%,97% 100%,0% 100%)}.btn-line:hover{background: #282828;color: #fff}span#contactUsAcceptPolicyText2,span#readITPPDPA{font-weight: 600}.icon-ul{font-weight: 400;text-align: left;list-style: none;padding: 0%;margin: 10px auto}.icon-ul li{display: flex;margin-bottom: 5px}.icon-ul li::before{content: "✦";padding-right: 10px;color: #f15922}.product-bg-block{display: grid;grid-template-columns: 55% 45%;background: #fff;clip-path: polygon(10% 0%,100% 0%,90% 100%,0% 100%);align-items: center}.product-1{padding: 0 5% 0 20%}.product-1 img{width: 100% !important}.product-bg-block2{text-align: center}.product-bg-block2 .product-1{padding: 0%;clip-path: polygon(10% 0%,100% 0%,90% 100%,0% 100%);width: 50%;margin: 0 auto}.product-bg-block2 .product-1 img{padding: 0 10%;clip-path: polygon(10% 0%,100% 0%,90% 100%,0% 100%);background: #fff}.product-sub-pd{padding: 25% 0 0 5%}.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus{background-color: #f15922;border-color: #f15922}.pagination > li > a,.pagination > li > span{color: #f15922}.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus{color: #f15922;background-color: #f7f7f7}@media screen and (min-width: 1023px) and (max-width: 1200px){.empty-space12{display: grid;grid-template-columns: 36% auto}.empty-space12-main{letter-spacing: -0.5px}.empty-space12-text1{white-space: nowrap}.about-block2 h2{font-size: 2em}.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 18px}.TabItpContentLandingPage6 ul a{padding: 7px 10px}.service-block3-12 h3{white-space: normal;width: 95%}h3.managerHeader{padding: 0 5%}}@media screen and (min-width: 1201px){.container{padding: 0}}@media screen and (min-width: 1400px) and (max-width: 1600px){.empty-space12{display: grid;grid-template-columns: 38% 56%}.empty-space12-main{letter-spacing: 0}.service-block3-12 h3{white-space: normal;font-size: 24px}.service-bg{padding: 0}}@media only screen and (min-width: 1900px){.navbar-default .navbar-nav > li > a{margin: 0 15px}.dropdown-menu > li > a{font-size: 1.3em}.service-text{height: 134px}.vision-bg{height: 350px}.itopplus-footer{font-size: 16px}.ITPcookiebar,.buttonExampleSite{font-size: 16px !important}.no-js #Component66b1cd6966d6b9001384b924 .form-control{padding: 35px 20px}.itp-contentmanager-template5 .col-md-8.col-sm-8.col-xs-12.padding-col p{font-size: 16px}.itp-contentmanager-template5 .col-md-8.col-sm-8.col-xs-12.padding-col strong{font-size: 22px}.about-bg{padding: 4%}.service-bg{padding: 0 8%}ul.nav-template strong{font-size: 22px !important}}@media only screen and (max-width: 1200px){.iso-block{padding-bottom: 20%}.service-sub{white-space: normal}.navbar-default .navbar-nav > li > a{margin: 0 7px}.itopplus-slide{margin-bottom: -10px}.itopplus-slide div{padding: 0 !important}.service-text{bottom: 4em;font-size: 1.2em}.company-head{width: 100%}.itopplus-footer{font-size: 11px}.text-contact h3{font-size: 1.3em}.no-js #Component66b1cd6966d6b9001384b924 .form-control{padding: 35px 20px}#iframe66b1deb8c2e9320013e67f6c iframe{height: 257px}.about-bg .about-block4{white-space: inherit}.service-block{white-space: inherit}.Textmanager.font-inherit{font-size: 0.85em}.service-block-bg{padding: 10%}.service-block h3{font-size: 1.5em}.itp-contentmanager-template5 .col-md-8.col-sm-8.col-xs-12.padding-col p{font-size: 11px}.itp-contentmanager-template5 .col-md-8.col-sm-8.col-xs-12.padding-col strong{font-size: 15px}.blog-news{white-space: inherit}.about-bg{white-space: inherit;padding: 6%}.about-block22 .about-block2-head{font-size: 1.7em}.about-block22 h2{font-size: 1.5em}.board-bg{gap: 10px}.service-bg{grid-template-columns: 100px auto;padding: 0 0%;font-size: 0.8em}.service-block3-1{grid-template-columns: 45px auto}span#contactUsAcceptPolicyText2,span#readITPPDPA{display: block}.company-2{height: 12em;max-height: 110px;padding: 1px}}@media only screen and (max-width: 900px){.btn-view{display: grid;grid-template-columns: auto 15px;gap: 20px}.about-block1{padding: 10px 10px;width: 100%;font-size: 0.7em}.about-block2 h2{font-size: 1.5em}.about-icon-text h4{font-size: 1.2em}.menu-align{grid-template-columns: 40% 55%}.service-text{bottom: 4em;font-size: 1em;white-space: inherit;height: 95px}.company-head-text{font-size: 0.8em}.nav-justified > li{width: 125%}.itopplus-sidebar-sub-content{margin: 0}.owl-prev:after,.owl-next:after{font-size: 16px}.owl-prev{left: -3%;width: 30px;height: 30px}.owl-next{right: -3%;width: 30px;height: 30px}.copy-right{text-align: center}.text-contact h3{font-size: 1.1em}#background66b1ccb6227a4e0013810e1d .col-md-6.col-sm-6.col-xs-12.padding{width: 100%}.service-block h3{font-size: 1.2em}.service-block h4{font-size: 1em}.menu2-align{grid-template-columns: 75% 20%}.menu3-align{grid-template-columns: 80% 15%}.menu-align-text h3,.menu2-align-text h3,.menu3-align-text h3{font-size: 1.9em}.Textmanager.font-inherit{font-size: 1em}.itp-contentmanager-template5 li.col-md-6.col-sm-6.col-xs-12{margin: 0 10px 20px !important;width: 97%}.vision-bg{height: 360px}.company-4-block{font-size: 0.5em}.about-block22 .about-block2-head{font-size: 1.3em}.board-name{font-size: 0.7em}.CASS-A-border .col-md-7.col-sm-7.col-xs-12.padding,.CASS-A-border .col-md-5.col-sm-5.col-xs-12.padding{width: 100%}.service-bg{grid-template-columns: 30% 70%;font-size: 1em}.service-block3{white-space: inherit}.service-block3-12 h3{font-size: 1.5em}.service-block3-1{grid-template-columns: 10% 90%;align-items: center}.title-type47{bottom: 7%}.table-responsive{border: 0px solid #ddd}.about-icon-img{width: 75px}#background66f639bf351ffc0013420f9f .none-middle-mid{display: flex;flex-direction: column}#background66f639bf351ffc0013420f9f .none-middle-mid > div{width: 100% !important}ul.nav-template .maxHeight-TP4 a{display: grid;grid-template-columns: repeat(1,1fr);gap: 10px}ul.nav-template p{padding-top: 10px}.maxHeight-main .img-container{margin-bottom: 10px}}@media screen and (min-width: 767px) and (max-width: 992px){.company-4-block,.company4-block,.company5-block{display: grid;grid-template-columns: repeat(2,1fr);align-items: start}li#languagebar{display: none !important}.col-md-6.pull-right{width: 50%}ul.nav-template strong{height: 70px;overflow: hidden}ul.nav-template p{min-height: 120px}.product-tab{margin-right: 0;position: relative;padding-left: 20px}.service-menu h2{font-size: 36px}.service-sub h3{font-size: 30px}.maxHeight-main strong{min-height: auto}.empty-space12{display: grid;grid-template-columns: 40% auto}.about-bg{padding: 0%}.Contentmanager .site .col-section .item.-micro a .caption .title{overflow: hidden}}@media only screen and (max-width: 480px){.company-3-block{display: grid;gap: 20px}.row.Contenemanager-gallery{margin: 0}.TabItpContentLandingPage6 ul a{min-height: 55px}.service-block3-12 h3{font-size: 22px}.empty-space15-text{padding: 5% 7%}.product-tab .btn-view{margin-top: 10px}.company-2{padding: 10px;width: 100%}.col-md-12.text-justify{padding: 0 10px}.contact-block{display: grid;grid-template-columns: repeat(1,1fr);font-size: 16px !important}#imagesControl66b03c1d9ae0a10013ef9d1d,#imagesControl66b03c76c5c4d700137fdd0f,div#imagesControl66f517852b7596001344fae5,div#imagesControl66f530aaa35d1900137fda00,div#imagesControl66f531e2fec4e5001310a368,div#imagesControl66f5325f669c9c0013095b91,div#imagesControl66f5333e669c9c0013095bc7{padding: 0 !important}#carousel66b03c1d9ae0a10013ef9d1d,#slider66b03c76c5c4d700137fdd0f{margin-bottom: -7px}.h3,h3{font-size: 2em}.about-block-display{grid-template-columns: repeat(1,1fr)}.about-block1{padding: 5px 10px;width: 65%;font-size: 0.8em}.about-block2{padding: 0 0 0 0%}.about-block2 h2{white-space: pre-line}.group-about-icon{display: flex;flex-wrap: unset;flex-direction: column}.about-icon{display: grid;justify-content: start}.menu-align{grid-template-columns: 60% 35%;gap: 10px}.service-text{bottom: 0em;font-size: 1.2em;height: 116px;width: 83.5%;left: 3%}.iso-block{grid-template-columns: repeat(1,1fr)}.iso-text{font-size: 0.7em;text-align: center}.iso-logo{grid-template-columns: 10% auto;justify-content: center}.company-head{width: 60%}.customer-block{grid-template-columns: repeat(5,1fr)}.TabItpContentLandingPage6 > ul{display: flex;white-space: nowrap;overflow-x: scroll}.empty-space15-line{position: absolute;z-index: 0}.Textmanager.font-inherit{display: block}.col-md-6.pull-right{width: 100%}.product-tab{margin-right: 0}.about-bg .about-block4{padding: 3% 0}.menu-align-text h3,.menu2-align-text h3{font-size: 1.6em}.menu2-align{grid-template-columns: 70% 25%;gap: 10px}.service-block{padding: 2% 0 0 0}.service-block h3{font-size: 1.2em}.service-block h4{font-size: 1em}.contenemanager-gallery .col-xs-12.col-md-3,.Contenemanager-gallery .col-xs-6.col-md-3{width: 100%}.col-md-8.col-md-offset-2.text-center{padding: 0}.text-contact h3{font-size: 1.3em}.no-js #Component66b1cd6966d6b9001384b924 .col-md-6{padding: 0 15px}.no-js #Component66b1cd6966d6b9001384b924 .form-control{padding: 30px 20px}.TabItpContentLandingPage6 > ul{clip-path: polygon(5% 0%,100% 0%,95% 100%,0% 100%)}.about-bg{padding: 2%}.service-block-bg{padding: 10%;margin-top: -20%;margin-left: 0}.itp-contentmanager-template5 .col-md-4.col-sm-4.col-xs-12.padding-col,.itp-contentmanager-template5 .col-md-8.col-sm-8.col-xs-12.padding-col{width: 100%;padding: 5% 0 0 0% !important}.itp-contentmanager-template5 .img-container .img{border-radius: 10px 10px 0 0}.itp-contentmanager-template5 .col-md-8.col-sm-8.col-xs-12.padding-col strong{font-size: 18px}.itp-contentmanager-template5 .col-md-8.col-sm-8.col-xs-12.padding-col p{font-size: 14px}.Textmanager.font-inherit h3{font-size: 1.3em}#background66e3acc15b40ff001338fe59,#background66e3c5281c012a00136492a6{width: 100%}.company4-block,.company5-block{grid-template-columns: repeat(1,1fr);gap: 0px}.company-4-block{font-size: 0.9em;grid-template-columns: 50% 50%;align-items: start}.company-1{width: 60%}.company-2-block{gap: 20px;width: 100%}.company-1-border11{width: 100%}.company-1-border1{width: 50%}#background66e3e23afac9ac0013d5457b{width: 100%}.vision-bg{height: inherit;padding-bottom: 20%}span#readITPPDPA{display: inline}.service-block3{padding: 0 0 0 0%}.empty-space12{grid-template-columns: repeat(1,1fr)}.empty-space12-main{text-align: left;letter-spacing: -0.5px}.service-bg{grid-template-columns: repeat(1,1fr);font-size: 1em;gap: 20px}.service-block3-1{grid-template-columns: 15% 85%;gap: 10px}.service-menu h2,.service-sub h3{font-size: 2em}.service-menu h2,.service-sub h3{font-size: 1.6em}.service-sub{white-space: inherit}.col-section{padding: 0 5% 3%}article.col-md-6.item.-micro{width: 100%}.col-md-6.pull-left{width: 100%;margin: 0 0% 0 0}h3.managerHeader{font-size: 1.8em}.no-js #formdisplay66f65db2351ffc00134216cd .form-control{padding: 27px 20px}div#form66f65db2351ffc00134216cd{padding: 0 !important}.company-2{height: 4em}.effect-sadie{clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);padding: 0 10px 0;margin-bottom: -10px !important}.menu-align-border{display: none}.company-3-border11{display: none}.company5-block > div:first-child::before,.company4-block > div:first-child::before{display: none}}@media only screen and (min-width: 400px) and (max-width: 440px){.text-contact h3{font-size: 20px}}@media only screen and (max-width: 375px){.service-text{height: 112px}}.company4-block > div:last-child::before,.company5-block > div:last-child::before{background: linear-gradient(to right,#ccc 0,#ccc 50%,transparent 50%,transparent 100%)}.company5-block > div:first-child::before,.company4-block > div:first-child::before{background: linear-gradient(to right,transparent 0%,transparent 50%,#ccc 50%,#ccc 100%)}.company-44-block::before{content: "";display: block;height: 1px;width: 100%;background: #ccc}.company4-block,.company5-block{gap: 0}.CASS-Sanchai-main .template1{display: grid;grid-template-columns: repeat(2,1fr);gap: 20px}.CASS-Sanchai-main .template1 > div{position: relative;width: 100%;padding: 0 !important}.CASS-Sanchai-main .template1 > div .caption{position: absolute;bottom: 0;background: #06325099;color: #fff;font-size: 14px;font-family: kanit,sans-serif;padding: 5px 10px}@media screen and (max-width: 480px){.CASS-Sanchai-main .template1{display: grid;grid-template-columns: repeat(1,1fr);gap: 20px}.ITP-pdpa-template-head h3{font-weight: 600;font-size: 26px}#main-navbar-flag{margin: 0 !important;padding: 0 !important}#main-navbar-flag a .row::before,#main-navbar-flag a .row::after{display: none}#main-navbar-flag a{width: 100%}#main-navbar-flag a .row{display: grid;grid-template-columns: 35px 120px;place-content: center;place-items: center;width: 100%;gap: 10px;margin: 5px 0 10px}#main-navbar-flag a .row > div{white-space: nowrap;width: 100% !important;margin: 0 !important;padding: 0}}.page-header.font-inherit{text-align: center}div#main-navbar-flag span{color: #fff}.itopplus-slide img{width: 100% !important}