.itopplus-background{}body{overflow-x: hidden;color: #1d1d1d;font-family: "LINE Seed Sans TH"}.itopplus-bg1{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_17022026y6pb/0/0/bg-01z-z1124026318882.png);background-repeat: no-repeat;background-size: cover;background-position: bottom}.itopplus-bg2{background-color: #033802;color: #fff}.itopplus-bg3{background: linear-gradient(to bottom,#fefefe 0,#9d9d9d 100%)}.itopplus-bg4{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_17022026y6pb/0/0/4z-z940204929000.jpg);background-repeat: no-repeat;background-size: cover;background-position: bottom;color: #fff;background-attachment: fixed}.itopplus-footer{background-color: #033802;color: #fff}.navbar-default .navbar-nav > li > a{color: #ededed;margin: 0 10px;padding: 2vw 0;border-radius: 0;border-bottom: 2px 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: #ededed;box-shadow: none;border-color: #fff6aa;background: transparent;background-color: transparent}.no-js .dropdown-menu > li > a{color: #444;padding: 5px 20px}.no-js .dropdown-menu > li > a:focus,.no-js .dropdown-menu > li > a:hover{color: #444;background: #fff6aa}@media screen and (min-width: 1200px){.container{width: 86vw}}@media screen and (min-width: 1024px){.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}.itopplus-banner{background: #033802;transition: 0.3s}.itopplus-sticky{background: #033802 !important}.itopplus-banner > .container{display: grid;grid-template-columns: 25% auto 25%;align-items: center}#itopplus-nav-bar{display: flex;width: 100%;justify-content: center;gap: 20px;height: 6vw}#itopplus-nav-bar > li > a{height: stretch;place-content: center}#controlBanner{object-fit: contain;padding: 15px;width: clamp(140px,100%,20vw);margin: 0 auto}.itopplus-search{width: 100%;text-align: right;color: #fff}}@media screen and (max-width: 1023px){#controlBanner img{position: fixed !important;top: 10px;left: 10px;width: auto !important;height: 30px;z-index: 10000;object-fit: contain}#nav-menu{background: #033802 !important}.navbar-collapse,#ItopplusMainSidebar{background: #033802 !important}#ItopplusMainSidebar *:is(li,a){color: #fff !important;border: none}#nav-menu .icon-bar{background: #fff !important}.navbar-header a.visible-xs{flex: 0 1 30px;background-color: transparent !important;border-radius: 50%}#itpphonemobile{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_2711202470mi/0/0/telz-z1565433624019.png) !important}#itpsearchmobile{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/searchz-z1134319420589.png) !important}.old-image-icon-facebook{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/facebookz-z1318628404704.png) !important}.old-image-icon-line{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/linez-z1655517020729.png) !important}.old-image-icon-instragram{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/instagramz-z1066049211157.png) !important}.old-image-icon-youtube{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/youtubez-z1416596488876.png) !important}.new-image-icon-twitter{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/cf-twitterz-z1322532545693.png) !important}}@media screen and (min-width: 1900px){}@media screen and (max-width: 900px){}@media screen and (max-width: 480px){}.navbar-default .navbar-nav>li>a,.dropdown-menu>li>a{font-size: 16px}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.6em}p{font-size: 16px}.head-tell p{font-size: 18px}.footer h6,.group-footer h6,.text-cate h6,.text-howto h6{font-size: 20px}.footer p,.btn-more,.CASS-D-main button{font-size: 15px}.text-howto p,.CASS-D-main .form-control{font-size: 16px !important}.pt-3{padding-top:3%}.pt-5{padding-top:5%}.pt-8{padding-top:8%}.head-tell{display: grid;grid-template-columns: 35px auto;justify-content: center;align-items: center;gap: 10px;font-family: "Roboto",sans-serif;color: #fff;transition-duration: 0.3s}.logo-footer{width: 40%}.address-footer{margin-left: -100px;white-space: pre-line}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{line-height: inherit;margin: 0}.footer h6,.group-footer h6,.sect-about h5,.sect-about h4,.head-why h3,.items-cont-more h4,.head-service h3,.text-cate h6,.head-cart h3,.text-howto h6,.sect-form h6,.sect-form h3,.head-page h4,.service-detail h4,.service-page h5,.service-head-cate h4,.head-gallery h4,.service-page h6,.contact-page h4{font-weight: 600}.social-footer{display: flex;align-items: center;gap: 15px}.social-footer img{width: 40px !important}.group-footer{display: flex;align-items: center;gap: 10px;margin-top: 1rem}#demo-text{font-size: 94px;font-weight: 600;background-clip: text;-webkit-background-clip: text;color: transparent;background-image: url("http://itp1.itopfile.com/ImageServer/z_itp_17022026y6pb/0/0/img-texrz-z731801704856.jpg");background-repeat: no-repeat;background-size: cover;background-position: center 54%}.sect-about{text-align: center;padding: 8% 0;white-space: pre-line}.sect-about h5,.items-cont-more h4,.head-cart h3,.service-detail h4,.service-page h5,.head-gallery h4,.contact-page h4{color: #033802}.sect-about p,.service-head-cate{margin-bottom: 3rem}.sect-about h4,.service-page ul,.service-page p{margin-bottom: 2rem}.sect-form h3,.footer h6,.service-page h5,.service-items-cate h6,.service-page h6,.service-page li p,.contact-page h4{margin-bottom: 1rem}.btn-more{width: fit-content;background: #033802;color: #fff;padding: 1.25rem 3rem;margin: auto;transition-duration: 0.3s}.head-why{text-align: center;padding-top: 6%;margin-bottom: 2rem}.ic-why{width: 45%;margin: auto;margin-bottom: 2rem}.group-why{display: flex;flex-wrap: wrap;justify-content: center;gap: 40px 0}.items-why{width: 25%;padding: 0 1%;text-align: center}.items-cont-more{display: grid;grid-template-columns: 50px auto;gap: 10px;background: linear-gradient(to right,#ced3d8 0%,#F1F1F1 50%,#ced3d8 100%);padding: 10px;padding-right: 15px;border-radius: 50px;align-items: center;transition-duration: 0.3s}.group-cont-more{display: flex;align-items: center;gap: 20px;justify-content: center;margin: 5rem 0 8rem}.head-service{text-align: center;padding-top: 5%;margin-bottom: 2rem;color: #033802}.CASS-A-middle-mid,.CASS-B-middle-mid,.CASS-D-middle-mid,.CASS-E-border,.CASS-H-middle-mid{padding: 0}.CASS-A-middle-right,.CASS-A-middle-left,.CASS-A-bottom,.CASS-A-top,figure.effect-jazz figcaption::after,.CASS-B-border,.boderedlayoutClient,.dropdown-menu,.CASS-E-border{border: none}.CASS-A-main{box-shadow: none}.CASS-A-border,figure.effect-jazz,.CASS-B-border,.CASS-D-border,.CASS-E-border,.CASS-H-main,.CASS-GrayBackground-border,figure.effect-selena,.CASS-BlackHead-border{background: transparent}.CASS-A-main figcaption{padding: 0 !important;position: absolute !important;text-align: center !important;color: #fff !important;text-transform: none !important;width: 100% !important;height: 100% !important;left: 0 !important;top: 0 !important}.grid figure h2{word-spacing: unset;font-weight: unset}figure.effect-jazz h2{padding-top: 0;-webkit-transition: inherit;transition: inherit}figure.effect-jazz h2,figure.effect-jazz p{opacity: 1;-webkit-transform: inherit;transform: inherit}figure.effect-jazz p{padding: 0;opacity: 1;font-size: inherit;letter-spacing: unset;-webkit-transition: inherit;transition: inherit}.CASS-A-main figure,.maps-page iframe,.CASS-GrayBackground-main .imgLightbox img{border-radius: 20px;overflow: hidden}.text-cate{position: absolute;text-align: center;width: 100%;bottom: 20px}figure.effect-jazz:hover h2,figure.effect-jazz:hover p{opacity: 1;-webkit-transform: inherit;transform: inherit}.text-cate h6{text-shadow: 0px 0px 8px rgba(0,0,0,0.8)}.head-cart,.head-gallery{text-align: center;margin-bottom: 2rem}.text-howto{position: absolute;bottom: 0;background: linear-gradient(0deg,#000000a6,#00000099,#00000087,#00000073,#0000004f,#00000024,#0000000a,transparent);text-align: left;padding: 20px;padding-top: 40px;width: 100%;border-radius: 0 0 20px 20px;white-space: pre-line}.text-howto h6,.service-detail h4{margin-bottom: 0.5rem}.CASS-B-middle-mid,.CASS-E-middle-mid{display: flex;align-items: center}.sect-form h5{color: #fff6aa;font-style: italic;font-family: "Barlow",sans-serif;font-weight: 600}.sect-form{background: #000000b5;padding: 28% 23%;white-space: pre-line}.sect-form h6{background: #033802;padding: 1rem 2rem;border-radius: 30px;width: fit-content}.CASS-D-main{width: 75%}.form-quatation span{display: none}.CASS-D-main .form-control{padding-right: 12px !important;border-radius: 0;background: transparent !important;color: #fff !important;height: 45px;border: none;box-shadow: none;border-bottom: 1px solid #fff;margin-bottom: 1rem}div#selectbox4{height: 50px}.CASS-D-main input::placeholder{color: #fff}.CASS-D-main option{color: #000}#formdisplay69c3b8b3baceee0013b1c634 > div:nth-child(4),#formdisplay69c4a761491a0800130d89fc > div:nth-child(4){padding-top: 0 !important}.CASS-D-main .col-md-offset-5{padding: 0;margin: 0;width: 100%;text-align: center}.CASS-D-main button{background: transparent;text-shadow: none;color: #fff;padding: 1rem 3rem;border-radius: 30px;transition-duration: 0.3s}.CASS-D-main button .glyphicon-ok-circle:before{content: "✔"}.head-page{text-align: center;padding: 3%;background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_17022026y6pb/0/0/banner-pagez-z923212221411.png);background-repeat: no-repeat;background-size: cover;background-position: center;color: #fff;margin-bottom: -1px}.service-detail{text-align: center;padding-top: 5%;margin-bottom: 3rem}.service-page li::before{content: " ";width: 22px;height: 22px;background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_17022026y6pb/0/0/check02z-z1545761640503.png);background-size: contain;background-repeat: no-repeat;background-position: center;left: -26px;top: 0;position: absolute}.service-page li{position: relative;list-style: none}.service-page{padding: 0 6%}.service-blog-cate{display: grid;grid-template-columns: repeat(4,1fr);gap: 25px}.service-group-cate{text-align: center;padding: 5% 0}.service-ic-cate{width: 45%;margin: auto;margin-bottom: 2rem}.CASS-E-border,.CASS-E-main{color: unset !important}.CASS-H-main .TabItpContent .nav-justified,.Text_seller2,.post-time,.landingpagemanager{display: none}.social-icon{border-radius: 5px}.tab-itp-background{background: transparent !important;padding: 0 !important}.tab-content{padding: 0 !important}.CASS-H-main .row.Contenemanager-gallery{margin: 0;display: inline-block !important;column-count: 3}.CASS-H-main .row.Contenemanager-gallery .col-xs-6.col-md-3{width: 100%;padding: 0}div#Contentmanager .img-thumbnail,div#Contentmanager .thumbnail{padding: 0;border: none;background: transparent;border-radius: 20px;overflow: hidden;box-shadow: none}.service-two li::before{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_17022026y6pb/0/0/check01z-z1348407632647.png)}.service-two h5,.footer a{color: #fff;transition-duration: 0.3s}.items-contact{display: grid;grid-template-columns: 35px auto;align-items: center;gap: 10px;padding: 7px;background: linear-gradient(to right,#e3dede 0%,#F1F1F1 50%,#e3dede 100%);border-radius: 50px;color: #282828;transition-duration: 0.3s}.group-contact{display: grid;grid-template-columns: repeat(2,1fr);gap: 10px;margin-top: 2rem}.contact-page{padding-left: 7%}.items-contact:hover{background: #f5f5f5;color: #282828}.CASS-D-main button:hover,.btn-more:hover{background: #fff6aa;color: #033802}.icon-contact img,.ic-head-tell img,.social-footer img,.ic-why img,div#Contentmanager .thumbnail>img{transition: transform 0.2s ease-out}.items-contact:hover img,.head-tell:hover img,.social-footer img:hover,.items-why:hover img,.items-cont-more:hover,div#Contentmanager .thumbnail>img:hover{transform: scale(1.05)}.head-tell:hover,.footer a:hover,.CASS-A-main figure:hover .text-cate h6{color: #fff6aa}.ITPcookiebar{width: 100% !important;background-color: #2f2f2f75 !important;color: #fff}.buttonExampleSite{border-radius: 5rem !important;border: 1px solid #2f2f2f75 !important;color: #171717 !important}.buttonExampleSite:hover{background: #033802 !important;color: #ffffff !important}.ITPlinkToCookiepage:hover{color: #fff6aa !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}.ITPcheckboxAuthen .ITPcheckboxAuthen,.CASS-BlackHead-main{margin: 0;padding: 0}.ITPcheckboxAuthen{margin-top: 10px;position: relative;z-index: 999}#contactUsAcceptPolicyText2{font-weight: 600}.btn-primary:disabled,.btn-primary[disabled]{background-color: #b1b1b1;border-color: #b1b1b1}div#background69ca1024baceee0013b2062b{padding-left: 6%;margin-top: 2%}.CASS-GrayBackground-main figcaption,.CASS-BlackHead-main figcaption{padding: 0 !important;position: relative !important;color: #282828 !important;text-align: center !important;text-transform: none !important}.CASS-GrayBackground-main figcaption h2{font-size: 18px !important;margin-top: 1.5rem;margin-bottom: 1.5rem;white-space: pre-line}figure.effect-selena h2{-webkit-transition: inherit;transition: inherit;-webkit-transform: inherit;transform: inherit}.CASS-BlackHead-main .col-md-3.col-sm-4.col-xs-4{width: 7%}.CASS-BlackHead-main .CustomImageGalleryType_2,div#background69cb6a672db6ca0013a5646f .CustomImageGalleryType_2{justify-content: center}.CASS-BlackHead-main .imgLightbox{border-radius: 50%;overflow: hidden;border: 3px solid #ffffff;box-shadow: 0 4px 8px rgb(0,0,0,0.1)}.CASS-BlackHead-main figcaption h2{font-size: 14px !important;margin-top: 1.5rem;margin-bottom: 1.5rem;line-height: 24px;white-space: pre-line}.CASS-BlackHead-main .thumbs{padding: 0 !important}.grid{margin: 0 !important}.CASS-GrayBackground-main .thumbs{width: 100% !important;display: block !important}@media screen and (min-width: 1900px){.navbar-default .navbar-nav>li>a,.dropdown-menu>li>a{font-size: 20px}h1{font-size: 4.7em}h2{font-size: 3.6em}h3{font-size: 3.2em}h4{font-size: 2.8em}h5{font-size: 2.4em}h6{font-size: 2em}p{font-size: 20px}.head-tell p{font-size: 22px}.footer h6,.group-footer h6,.text-cate h6,.text-howto h6{font-size: 24px}.footer p,.btn-more,.CASS-D-main button{font-size: 18px}.text-howto p,.CASS-D-main .form-control,.CASS-GrayBackground-main figcaption h2{font-size: 20px !important}.head-tell{grid-template-columns: 40px auto}#demo-text{font-size: 110px}.ic-why{width: 40%}.items-cont-more{grid-template-columns: 55px auto}.CASS-D-main .form-control{height: 50px;margin-bottom: 2rem}div#selectbox4{height: 55px}.group-cont-more{margin: 7rem 0 10rem}.social-footer img{width: 45px !important}.service-page li::before,.service-two li::before{top: 4px;left: -28px}.maps-page iframe{height: 450px !important}.items-contact{grid-template-columns: 40px auto}.ITPcookieLeftText,.buttonExampleSite,.ITPcheckboxAuthen{font-size: 18px !important}.ITP-pdpa-template-titleFont{font-size: 24px !important}.ITP-pdpa-template-contentFont{line-height: 32px;font-size: 18px !important}.contact-page{padding-left: 9%}.service-page{padding: 0 7%}.CASS-BlackHead-main figcaption h2{font-size: 18px !important;line-height: 28px}}@media screen and (max-width: 1366px){.items-why{padding: 0}.text-howto{white-space: inherit}.sect-form{padding: 26% 20%}.ic-why{width: 40%}h4{font-size: 2.2em}#demo-text{font-size: 90px}.CASS-GrayBackground-main figcaption h2{font-size: 16px !important}}@media screen and (max-width: 1200px){h1{font-size: 3.6em}h2{font-size: 2.8em}h3{font-size: 2.4em}h4{font-size: 2em}h5{font-size: 1.8em}h6{font-size: 1.4em}#demo-text{font-size: 80px}.txt-why br{display: none}.items-why{padding: 0 10px}.ic-why{width: 45%}.group-contact{grid-template-columns: repeat(1,1fr);width: 95%}.maps-page iframe{height: 450px}.items-contact{grid-template-columns: 30px auto}.ITPcheckboxAuthen{padding: 0 10%}.CASS-BlackHead-main figcaption h2{font-size: 13px !important;line-height: 22px}.CASS-BlackHead-main .thumbs{padding: 0 !important}}@media screen and (max-width: 1024px){.items-why{padding: 0 20px}.text-howto{padding: 15px;padding-top: 40px}.sect-form{padding: 26% 17%}.CASS-D-main .form-control{height: 40px}div#selectbox4{height: 45px}.service-page{padding: 0 5%}.maps-page iframe{height: 400px}div#background69ca1024baceee0013b2062b{padding-left: 5%}}@media screen and (max-width: 900px){h1{font-size: 34px}h2{font-size: 28px}h3{font-size: 24px}h4{font-size: 22px}h5{font-size: 20px}h6{font-size: 18px}#demo-text{font-size: 70px}p{font-size: 15px}.sect-about{white-space: inherit;padding: 5% 0}.footer p,.btn-more,.CASS-D-main button{font-size: 13px}.items-why{padding: 0 6px}.group-why{gap: 20px 0}.items-cont-more{grid-template-columns: 40px auto;padding: 8px;padding-right: 15px}.group-cont-more{margin: 3rem 0 6rem}.CASS-A-main .col-md-3.col-sm-4.col-xs-4{width: 25%}.text-cate{bottom: 10px;padding: 0 10px}.footer h6,.group-footer h6,.text-cate h6,.text-howto h6{font-size: 18px}.text-howto{padding: 10px;padding-top: 35px}.text-howto p,.CASS-D-main .form-control{font-size: 14px !important}.sect-form{padding: 28% 12%}.CASS-D-main .col-md-6.col-sm-12{padding-right: 0;width: 50%}.copy-right{text-align: center;padding: 10px}.group-contact{width: 100%}.items-contact{grid-template-columns: 28px auto;gap: 8px}.contact-page{padding-left: 5%}.ITPcheckboxAuthen{padding: 0 5% 3% !important}.CASS-B-middle-mid,.CASS-E-middle-mid{align-items: start}div#background69c3b89cbaceee0013b1c620 .CASS-B-middle-mid,div#background69c4a761491a0800130d89fc .CASS-B-middle-mid{align-items: center}.itopplus-bg4{background-attachment: inherit}div#background69ca1024baceee0013b2062b{padding-left: 4%}.CASS-GrayBackground-main .col-md-3.col-sm-4.col-xs-4{width: 25%}.CASS-GrayBackground-main figcaption h2{font-size: 14px !important}.CASS-BlackHead-main figcaption h2{font-size: 11px !important;line-height: inherit}}@media screen and (max-width: 768px){#demo-text{font-size: 60px}.sect-form{padding: 26% 10%}}@media screen and (max-width: 480px){div#imagesControl69c39943491a0800130d7fc4{padding: 0 !important}#demo-text{font-size: 40px;margin-top: 0.5rem;margin-bottom: 0.5rem}.sect-about p,.service-head-cate,.contact-page{margin-bottom: 2rem}.sect-about h4{margin-bottom: 1rem}.btn-more{padding: 1rem 2rem}.sect-about{padding: 10% 0}.group-why{flex-wrap: wrap;gap: 25px}.items-why{width: 100%;display: grid;grid-template-columns: 20% auto;text-align: left;align-items: center;gap: 15px}.ic-why{width: 100%;margin: 0}.head-why{padding-top: 9%;margin-bottom: 0rem}.group-cont-more{display: block}.items-cont-more{margin-bottom: 1.5rem}.items-cont-more h4{font-size: 20px}.CASS-A-border{margin: -10px}.text-cate{bottom: 20px}.head-cart{margin-bottom: 1rem}.text-howto{background: linear-gradient(0deg,#000000a6,#00000099,#00000087,#00000073,#0000004f,#00000033,#0000001c,transparent);padding: 20px}.CASS-B-middle-mid{flex-wrap: wrap}.sect-form{margin: -10px;padding: 12% 8%}.CASS-D-main .col-md-6.col-sm-12{width: 100%}.CASS-D-main{width: 100%;margin-top: 3rem}div#form69c3b8b3baceee0013b1c634,div#form69c4a761491a0800130d89fc{padding: 0 !important}.service-detail{padding-top: 8%;margin-bottom: 1rem}.service-page,.contact-page{padding: 0}.CASS-E-middle-mid{flex-wrap: wrap-reverse}.service-page li::before,.service-two li::before{left: -28px}.group-cont-more{margin: 2rem 0 4rem}.CASS-H-main .row.Contenemanager-gallery{column-count: 2}div#Contentmanager .col-md-12.text-justify{padding: 0 2%}.head-page{padding: 5% 2%}.head-page h4{font-size: 26px}.maps-page iframe{height: 240px}.sect-form{white-space: inherit}.sect-form h3{font-size: 32px;margin-top: 0.5rem}.ITPcookiebar{padding: 3% 2%;display: flex !important}.ITPcookieLeftText{float: unset !important;padding-left: 0 !important;padding-top: 0 !important}.ITPcookieButton{float: unset !important;padding-right: 0 !important;padding-top: 0 !important}.ITPcookieLeftText span{font-size: 12px}.ITPcheckboxAuthen{margin-top: 0}.itopplus-bg4{background-attachment: inherit}div#background69ca1024baceee0013b2062b{padding-left: 0}.CASS-GrayBackground-border,.CASS-BlackHead-border{margin: -10px}.CASS-BlackHead-main .col-md-3.col-sm-4.col-xs-12{width: 14%}.CASS-BlackHead-main .imgLightbox{border: 3px solid #ffffff}.CASS-BlackHead-main figcaption h2{margin-bottom: 0}div#background69cb6a672db6ca0013a5646f .col-md-4.col-sm-4.col-sm-5fix.col-xs-12{width: 33.33%;padding: 0 !important}}