.itopplus-background{}.unknown{position: fixed;bottom: 8% !important}.unknown_prf .btn-main,.unknown_prf:hover .btn-main{margin-bottom: 0 !important}body{overflow-x: hidden;color: #444;font-family: "LINE Seed Sans TH"}.itopplus-bg{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_04112024vh4u/0/0/1z-z1060108134962.webp")}.itopplus-bg2{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_04112024vh4u/0/0/2z-z525246379534.webp")}.itopplus-bg3{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_04112024vh4u/0/0/3z-z1208118140251.webp");background-size: cover;background-position: center}.itopplus-bg4{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_04112024vh4u/0/0/4z-z1534531233726.webp")}.itopplus-bg5{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_04112024vh4u/0/0/5z-z1717107419519.webp")}.navbar-default .navbar-nav > li > a{color: #000000;margin: 0 10px;padding: 8px 10px;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: #000000 !important;box-shadow: none;border-color: transparent;background: transparent;background-color: transparent}.dropdown-menu > li > a{color: #444}.no-js .dropdown-menu > li > a:focus,.no-js .dropdown-menu > li > a:hover{color: #444;background: transparent}@media screen and (max-width: 992px){#controlBanner img{position: fixed;top: 5px;left: 10px;width: 95px !important;z-index: 10000}#nav-menu,#ItopplusMainSidebar > div{background: #fff !important}#itpMenuSideBar span{background-color: #000 !important}#controlMenu *{color: #000 !important;border: none}}@media screen and (min-width: 1024px){.itopplus-banner > .container{display: grid;grid-template-columns: 20% auto 15%;align-items: center}.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}.itopplus-banner{background: #fff;transition: 0.3s}.itopplus-sticky{background: #fff !important}#controlBanner{object-fit: contain;padding: 15px;width: clamp(120px,100%,20vw);margin: 0 auto}#itopplus-nav-bar{display: flex;width: 100%;justify-content: center}.itopplus-search{text-align: right;color: #000}}@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.4em}h3{font-size: 2.8em}h4,h3.managerHeader{font-size: 2.4em}h5{font-size: 1.9em}h6{font-size: 1.6em}p{font-size: 16px}.footer p,.blog-whyus p,.sect-step h6,.pre-service h6{font-size: 18px}.btn-more,div#Component67e260dac000350013b1be6f button{font-size: 14px}.blog-detail-step h5{font-size: 24px}.pt-3{padding-top: 3%}.pt-5{padding-top: 5%}.pt-8{padding-top: 8%}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{line-height: inherit;margin: 0}.sect-hotline p,.sect-hotline h6{margin: 1% 0}.footer a,div#Component67e260dac000350013b1be6f input::placeholder,div#Component67e260dac000350013b1be6f textarea::placeholder{color: #fff}.sect-hotline a,.contact-page a:hover{color: #8d692c}.footer a:hover{color: #c49544}.sect-hotline h6,.footer p,.fw-semi,.h1,.h2,.h3,.h4,h1,h2,h3,h4,.icon-detail-step h5,.blog-detail-step h5,.service-detail h5,.service-detail h6{font-weight: 600}.sect-service h1,.sect-step h1,.sect-client h1,.sect-whyus h1,.head-page h3{font-weight: 700}.icon-step h4,.footer li p{font-weight: 500}.sect-hotline p,.sect-about h3,.sect-service h5,.text-brow,.sect-client h5,.head-page h6,.step-page h5,.service-detail h5,.service-detail h6,.sect-hotline a:hover{color: #413115}.text-grey{color: #909090}.sect-service h1,.sect-seller h2,.sect-client h1,.contact-page h4,.head-page h3,.blog-detail-step h5,.step-page,h3.managerHeader{color: #000}.contact-page a{color: #444}.sect-service h1,.sect-step h1,.icon-step h4,.sect-client h1,.sect-whyus h1,.head-page h3,.icon-detail-step h5{font-family: "Barlow",sans-serif}.sect-hotline{text-align: left}.logo-footer{width: 65%}.footer p,.sect-about h3,.sect-service,.sect-client,.sect-whyus{margin-bottom: 3%}.sect-about p,.sect-seller h5.text-grey{margin-bottom: 5%}.footer li{display: grid;grid-template-columns: 38px auto;align-items: center;gap: 10px;margin-bottom: 1rem}.footer ul{list-style: none;padding: 0}figure.effect-selena,figure.effect-jazz{background: transparent}.sect-about{padding-top: 12%;padding-left: 2%;padding-right: 4%}.btn-more{width: fit-content;background: #c1b066;padding: 1rem 2.5rem;border-radius: 30px;color: #fff;transition: all 0.2s ease-out}div#background67e21a13567cdf00131dc2db::before{width: 59%;height: 100%;background: linear-gradient(0deg,#8d692c,#decb80);content: " ";position: absolute;left: -15px;top: 15px;z-index: -1}div#background67e21a13567cdf00131dc2db{background: #f7f4e8;position: relative}div#background67e21a27567cdf00131dc305 .thumbs,.footer li p{margin: 0}.sect-seller{padding-top: 25%;padding-left: 8%}figure.effect-jazz figcaption::after{border: none}.sect-step,.sect-client,.sect-whyus,.icon-detail-step,h3.managerHeader{text-align: center}.blog-step{display: grid;grid-template-columns: repeat(6,1fr);margin-top: 3%}.icon-step img{margin-bottom: 20px;width: 60% !important}.icon-step h4,.icon-detail-step h5{margin-bottom: 35px}.text-step::before{content: " ";width: 17px;height: 17px;background: #fff;border-radius: 50%;position: absolute;top: 0;left: 45%;transform: translate(0,-50%)}.text-step{padding: 5%;padding-top: 40px;border-top: 1px solid #fff;position: relative}.sect-step{padding: 8% 0}.eapps-widget-toolbar{display: none !important}div#background67e224e88a2ad70013fd2ac2 .col-md-3.col-sm-4.col-xs-4{width: 14.28%}#background67e224e88a2ad70013fd2ac2 > div > div.none-middle > div.none-middle-mid > div > div.bootstrap-collum > div > div.CustomImageGalleryType_2{justify-content: center}.blog-whyus{display: grid;grid-template-columns: repeat(4,1fr);gap: 60px}.items-whyus{background: #c1b066db;padding: 20% 15%;border-radius: 20px;text-align: center;transition: transform 0.2s ease-out}.icon-whyus{width: 50%;margin: auto;margin-bottom: 14%}.head-page{text-align: center;padding: 3%}.sect-about.about-page{padding-top: 0}.line-before::before{content: " ";width: 25px;height: 3px;background: #ae8a4d;position: absolute;left: 5px;top: 9px}.line-before{position: relative;text-indent: 40px}.items-detail-step{display: grid;grid-template-columns: 9% auto;text-align: left;gap: 40px;align-items: center}.detail-step h5{margin-bottom: 1%}.detail-step::before{content: " ";width: 18px;height: 18px;background: #8d692c;position: absolute;left: -10px;top: 42%;border-radius: 30px}.detail-step{padding: 1% 4%;position: relative;border-left: 1px solid #8d692c;color: #282828}.blog-detail-step{margin-top: 4%}.detail-card-step{background: #f4de7b4d;padding: 2%;border-radius: 20px;transition: all 0.2s ease-out}.sect-step h6{line-height: 30px}.detail-card-step p,.sect-about p,.service-detail p{line-height: 26px}.img-about img{border-radius: 30px;border: 3px solid #decb80;box-shadow: 0 4px 10px rgb(201 167 71 / 50%)}.img-about01{width: 65%}.img-about{position: relative}.img-about02{width: 50%;margin: auto;margin-right: 0;position: absolute;bottom: 0;right: 4%;top: 50%}.Text_seller2,.post-time,.landingpagemanager{display: none}.social-icon{border-radius: 5px}.pre-service h6{margin-bottom: 3%;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;height: 55px}.pre-service{text-align: left;padding: 5%;color: #413115}.template1{display: grid;grid-template-columns: repeat(3,1fr);gap: 20px}.template1 .col-md-4.col-sm-4.col-xs-12{width: 100%;padding: 0 !important;background: #fff;border-radius: 20px;overflow: hidden}div#background67e24dfe8a2ad70013fd36d6 .template1 .col-md-4.col-sm-4.col-xs-12,div#background67e25681c000350013b1bb0c .template1 .col-md-4.col-sm-4.col-xs-12{box-shadow: 0 4px 8px rgb(0,0,0,0.1)}.page-header{padding-bottom: 0;margin: 3% 0 0;border-bottom: none}div#Contentmanager .col-md-6.pull-left,div#Contentmanager .col-md-6.pull-right{padding: 0}div#Contentmanager .img-thumbnail,div#Contentmanager .thumbnail{padding: 0;border: none;border-radius: 0;box-shadow: none;background: transparent}.ps-5{padding-right: 8%}.pe-5{padding-left: 8%}.Textmanager{text-align: left;display: flow-root}div#Contentmanager .thumbnail > img{border-radius: 30px}.service-detail h5{margin-bottom: 1.5rem;border-left: 3px solid #8d692c;padding-left: 15px}.service-detail p{margin-bottom: 2rem}.service-detail h6{margin-bottom: 1rem}.Contenemanager-gallery .col-xs-6.col-md-3{width: 33.33%;padding: 0 1%}div#background67e25f2420a8b5001336f6a2 .imgLightbox img{border-radius: 30px;border: 3px solid #decb80;box-shadow: 0 4px 10px rgb(201 167 71 / 50%)}div#background67e25f2420a8b5001336f6a2 .imgLightbox{padding: 2%}.contact-page li{display: grid;grid-template-columns: 38px auto;align-items: center;gap: 10px;margin-bottom: 0.7rem}.contact-page ul{list-style: none;padding: 0;margin-top: 4%}.contact-page{padding-left: 8%;padding-top: 8%}.form-cont{width: 50%;text-align: center;margin: auto;padding: 3% 3% 1%;background: #c1b066d4;border-radius: 25px 25px 0 0}div#Component67e260dac000350013b1be6f{width: 50%;margin: auto;padding: 1% 4% 3%;background: #c1b066d4;border-radius: 0 0 25px 25px}div#Component67e260dac000350013b1be6f .col-xs-12.col-sm-3.col-md-3{display: none !important}div#Component67e260dac000350013b1be6f .col-xs-12.col-sm-6.col-md-6{width: 100%}div#Component67e260dac000350013b1be6f .form-control{border: none;height: 42px;border-radius: 0;background: transparent;box-shadow: none;border-bottom: 1px solid #fff;color: #fff !important}div#Component67e260dac000350013b1be6f .col-md-offset-3{margin: 0;text-align: center;width: 100%;margin-top: 3%}div#Component67e260dac000350013b1be6f button{border: none;text-shadow: none;box-shadow: none;color: #000;background: #fff;padding: 1rem 2.5rem;border-radius: 30px;transition: all 0.2s ease-out}.btn-more:hover,.template1 .col-md-4.col-sm-4.col-xs-12:hover .btn-more,div#Component67e260dac000350013b1be6f button:hover{background: #8d692c;color: #fff}.Contentmanager .template1 .template-panel{padding-bottom: 70%}.img-container .img,.icon-step img,.img-about img,.icon-detail-step img,div#Contentmanager .thumbnail > img,.contact-page li img,.footer li img{transition: transform 0.2s ease-out}div#Contentmanager .img-container,div#Contentmanager .thumbnail{overflow: hidden}.template1 .col-md-4.col-sm-4.col-xs-12:hover .img,.btn-more:hover,.items-step:hover img,.items-whyus:hover,.img-about img:hover,.items-detail-step:hover .icon-detail-step img,.footer li:hover img,div#Contentmanager .thumbnail > img:hover,.contact-page li:hover img{transform: scale(1.05)}.items-detail-step:hover .detail-card-step{background: #fff}div#Contentmanager .thumbnail{border-radius: 30px}.ITPcookiebar{width: 100% !important;background-color: #413115a3 !important;color: #fff}.buttonExampleSite{border-radius: 5rem !important;border: 1px solid #413115a3 !important;color: #171717 !important}.buttonExampleSite:hover{background: #8d692c !important;color: #ffffff !important}.ITPlinkToCookiepage:hover{color: #c1b066 !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.3em}h6{font-size: 2em}p{font-size: 20px}.footer p,.blog-whyus p,.sect-step h6,.pre-service h6{font-size: 22px}.btn-more,div#Component67e260dac000350013b1be6f button{font-size: 18px}.blog-detail-step h5{font-size: 28px}.detail-card-step p,.sect-about p,.service-detail p,.text-step p{line-height: 32px}.no-js .container{width: 86vw}.sect-about{padding-top: 16%;padding-left: 5%;padding-right: 7%}.pre-service h6{height: 67px}div#background67e21a13567cdf00131dc2db::before{left: -20px;top: 20px}.icon-step img{width: 50% !important}.logo-footer{width: 60%}div#contentnewmode67e22a6820a8b5001336e87a .pt-5{padding-top: 8%}.icon-whyus{width: 45%;margin-bottom: 8%}.sect-step h6{line-height: 34px}.items-detail-step{grid-template-columns: 8% auto}.service-detail.pt-3{padding-top: 8%}.contact-page li{grid-template-columns: 42px auto;margin-bottom: 1rem}div#Component67e260dac000350013b1be6f .form-control{font-size: 18px !important;height: 50px}.ITP-pdpa-template-titleFont{font-size: 24px !important}.ITP-pdpa-template-contentFont{line-height: 32px;font-size: 20px !important}}@media screen and (max-width: 1366px){.itopplus-bg5{background-size: cover;background-position: center}}@media screen and (max-width: 1200px){.sect-hotline h6{font-size: 20px}h1{font-size: 3.6em}h2{font-size: 3em}h3{font-size: 2.4em}h4,h3.managerHeader{font-size: 2em}h5{font-size: 1.6em}h6{font-size: 1.4em}.sect-about{padding-top: 7%}.sect-seller{padding-top: 28%}.blog-whyus{gap: 35px}.items-whyus{padding: 20% 10%}.icon-whyus{width: 45%;margin-bottom: 10%}.service-detail.pt-8{padding-top: 0}.contact-page{padding-top: 6%}}@media screen and (max-width: 900px){h1{font-size: 38px}h2{font-size: 32px}h3{font-size: 28px}h4,h3.managerHeader{font-size: 26px}h5{font-size: 22px}h6{font-size: 18px}div#contentnewmode67e2152e567cdf00131dc193,br{display: none}.contact-page,.service-detail.pt-3,.service-detail.pt-5,.service-detail.pt-8{padding-top: 0}.sect-about{padding-top: 5%;padding-right: 0}.footer p,.blog-whyus p,.sect-step h6,.pre-service h6{font-size: 16px}.pre-service h6{height: 50px}.sect-seller{padding-top: 25%}.copy-right{text-align: center}.sect-step h6,.detail-card-step p,.sect-about p,.service-detail p{line-height: inherit}.blog-detail-step h5{font-size: 22px}.detail-step::before{width: 15px;height: 15px;left: -8px}.detail-card-step{padding: 3%}div#Contentmanager .col-md-6.pull-left,div#Contentmanager .col-md-6.pull-right{width: 100%;float: none !important}.pe-5{padding-left: 0}.contact-page li{grid-template-columns: 35px auto}}@media screen and (max-width: 480px){div#imagesControl67e214c4139d030013eb0603,div#imagesControl67e2183a567cdf00131dc22b,div#imagesControl67e21a27567cdf00131dc305,div#imagesControl67e25137567cdf00131dd13a,div#imagesControl67e25f2420a8b5001336f6a2{padding: 0 !important}ul#slider67e214c4139d030013eb0603{margin-bottom: -5px}.sect-about{padding: 0}h1{font-size: 34px}h2{font-size: 28px}h3{font-size: 24px}h4,h3.managerHeader{font-size: 22px}h5{font-size: 20px}.template1{grid-template-columns: repeat(1,1fr);gap: 25px}.pre-service h6{height: auto;margin-bottom: 5%}.template1 .col-md-4.col-sm-4.col-xs-12{box-shadow: 0 4px 8px rgb(0,0,0,0.1)}.footer p,.blog-whyus p,.sect-step h6,.pre-service h6{font-size: 18px}.sect-seller{padding: 10% 5%}.blog-step{grid-template-columns: repeat(2,1fr)}.icon-step img{width: 50% !important}.items-step{margin-bottom: 10%}div#background67e224e88a2ad70013fd2ac2 .col-md-3.col-sm-4.col-xs-12{width: 20%}.pt-8.sect-client,.pt-8.sect-whyus{padding-top: 12%}.sect-step{padding: 12% 0 8%}.text-step::before{width: 15px;height: 15px}.blog-whyus{gap: 20px;grid-template-columns: repeat(1,1fr)}.icon-whyus{width: 100%;margin-bottom: 0}.items-whyus{padding: 7%;display: grid;grid-template-columns: 18% auto;text-align: left;gap: 20px;align-items: center}div#background67e21a13567cdf00131dc2db::before,.form-cont,div#Component67e260dac000350013b1be6f{width: 100%}.img-about{margin-bottom: 20%}.sect-service,.sect-client,.sect-whyus,.sect-step h1{margin-bottom: 5%}.items-detail-step{gap: 10px;grid-template-columns: 100%;background: #f4de7b4d;margin-bottom: 8%;border-radius: 30px;padding: 7% 3%}.detail-step::before{display: none}.detail-step{border: none;padding: 0;margin-bottom: 0}.icon-detail-step{width: 27%;margin: auto}.detail-card-step,.items-detail-step:hover .detail-card-step{background: transparent}.head-page{padding: 5% 0}div#Contentmanager .col-md-12.text-justify{padding: 0 2%}.social-share{top: 0}.Contenemanager-gallery .col-xs-6.col-md-3{width: 100%;padding: 0 3%}div#background67e25f2420a8b5001336f6a2 .imgLightbox,.contact-page{padding: 0}.contact-page li{grid-template-columns: 33px auto;margin-bottom: 1rem}.form-cont{padding-top: 7%}.ITPcookiebar{padding: 3%;display: flex !important}.ITPcookieLeftText{float: unset !important;padding-left: 0 !important;padding-top: 0 !important}.ITPcookieButton{float: unset !important;padding-right: 0 !important;padding-top: 0 !important}.ITPcookieLeftText span{font-size: 14px}}.thumbs a > img,.thumbs > img{border-radius: 20px}