.itopplus-background{}.unknown{position: fixed;bottom: 8% !important}.unknown_prf .btn-main,.unknown_prf:hover .btn-main{margin-bottom: 0 !important}body{font-size: 16px;overflow-x: hidden;color: #444;font-family: "LINE Seed Sans TH"}a{color: #444444}a:hover{color: #143927}b,strong{font-weight: 600}.itopplus-bg{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_05022024byfb/0/0/1z-z1702243479125.webp);position: relative;z-index: 3}.itopplus-bg2::before{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_05022024byfb/0/0/1z-z747735080149.webp);background-size: 100% auto;background-repeat: no-repeat;content: "";display: block;width: 100%;position: absolute;top: -2px;z-index: 1;height: 10vw}.itopplus-bg2{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_05022024byfb/0/0/2z-z1417338201145.webp);position: relative;z-index: 2;background-position: center;min-height: 50vw}.itopplus-bg2::after{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_05022024byfb/0/0/4z-z599395007354.webp);background-size: 100% auto;background-repeat: no-repeat;content: "";display: block;width: 100%;position: absolute;bottom: -2px;height: 10vw}.itopplus-bg3{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_05022024byfb/0/0/3z-z1359737690397.webp");position: relative;z-index: 3}section{position: relative;z-index: 0}.no-js footer{z-index: 1;position: relative;margin-top: -6vw}.itopplus-footer{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_05022024byfb/0/0/fz-z1587633145682.webp")}.navbar-default .navbar-nav > li > a{font-size: 1em;color: #444;margin: 0 10px;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: #444 !important;box-shadow: none;border-color: transparent;background: transparent;background-color: transparent}.dropdown-menu > li > a{font-size: 1.1em;color: #444;padding: 8px 15px}.no-js .dropdown-menu > li > a:focus,.no-js .dropdown-menu > li > a:hover{color: #fff;background: #143927}@media screen and (max-width: 992px){#controlBanner img{position: fixed;top: 0px;left: 10px;width: 45px !important;z-index: 10000}#nav-menu,#ItopplusMainSidebar > div{background: #fff !important}#itpMenuSideBar span{background-color: #444 !important}#controlMenu *{color: #444 !important;border: none}}@media screen and (min-width: 1024px){.itopplus-banner > .container{display: grid;grid-template-columns: 13% auto;align-items: center}.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}.itopplus-banner{background: #eee;border-radius: 0 0 80px 80px;transition: 0.3s}.itopplus-sticky{background: #eee !important}#controlBanner{object-fit: contain;padding: 20px;width: clamp(120px,40%,20vw);margin: 0 auto}#itopplus-nav-bar{display: flex;width: 100%;justify-content: end}}.h1,h1{font-size: 3.7em;font-weight: 600}.h2,h2{font-size: 2.1em;font-weight: 600}.h3,h3{font-size: 1.65em;font-weight: 600}.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-footer{font-size: 14px;line-height: 1.6}.itopplus-footer h4{margin: 0px 0 0px;line-height: 1.8}.itopplus-footer a{color: #fff}.itopplus-footer a:hover{color: #fecf01}.footer-logo{width: 40%;margin: 0 0 30px}.footer-address,.footer-pd,.footer-pd2{padding-top: 3%}.footer-icon-img{display: flex;gap: 7px;justify-content: center;width: 53%;margin: 10px 0 10px}.icon-img{transition: 0.5s}.icon-img:hover{transform: scale(1.1)}.copy-right{font-size: 0.8em}.footer-pd{padding-left: 10%}.footer-pd-mb{margin-bottom: 20px}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #143927 !important;color: #143927 !important;font-family: "LINE Seed Sans TH" !important}.buttonExampleSite:hover{background: #143927 !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: 2%}.slogan-bg{background: #faf5ef;display: grid;grid-template-columns: repeat(2,1fr);border-radius: 25px;margin: 10% 0 0;align-items: end}.slogan-bg-img{margin-right: -7%;overflow: hidden;border-radius: 20px 0 0 20px}.slogan-bg-img img{transition: 0.5s}.slogan-bg-text-pd{white-space: pre-line;padding: 0 10% 10%}.slogan-bg-text-pd h4,.slogan-bg-text-pd2 h4{font-family: "Onest",sans-serif;margin: 0}.slogan-bg-text-pd h2,.slogan-bg-text-pd2 h2{color: #143927;margin: 10px 0 15px;line-height: 1.2}.slogan-bg-btn{background: #143927;color: #fff;padding: 25px 10%;border-radius: 0 0 20px 0}.menu-align{text-align: center;padding: 6% 0 2%}.menu-align h1{color: #143927;font-weight: 600;margin: 0 0 5px}.menu-align h2{font-weight: 400;margin: 0}figure.effect-phoebe{background: transparent;border-radius: 30px}.about-icon-block{display: grid;grid-template-columns: repeat(4,1fr);gap: 20px;padding: 12% 0 0}.about-icon{white-space: pre-line;padding: 2% 5% 10%;text-align: center;transition: 0.5s}.about-icon:hover{transform: translateY(-10px)}.about-icon img{width: 60% !important;margin: 0 0 20px}.about-icon h4{font-size: 1.4em;margin: 0 0 2px}.about-pd{padding-top: 25%}.about-block{white-space: pre-line;width: 37%;float: right;padding: 20% 0 15%}.about-block h4{margin: 0}.about-block h1{font-size: 3em;font-family: "Onest",sans-serif;margin: 10px 0 20px}.btn-more{background: #fff;color: #143927;border: none;padding: 9px 13px;border-radius: 10px;font-size: 0.9em;transition: 0.5s}.btn-more:hover{background: #000;color: #fff}figure.effect-phoebe h2{margin-top: 1em;-webkit-transition: transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,0px,0);transform: translate3d(0,0px,0);color: #444;font-size: 2.1em;position: absolute;left: 40px;right: 40px;bottom: 20px}figure.effect-phoebe img,figure.effect-phoebe:hover img{opacity: 1;transition: 0.5s}figure.effect-phoebe:hover img{transform: scale(1.15)}.grid figure h2{word-spacing: normal;font-weight: 600}.product-name{display: grid;grid-template-columns: auto 7%;align-items: center}.product-name-text{text-align: left;font-family: "Onest",sans-serif}.btn-read{background: #143927;color: #fff;border: none;padding: 9px 13px;border-radius: 10px;font-size: 0.9em;transition: 0.5s}.btn-read:hover{background: #000;color: #fff}.project-img{overflow: hidden;border-radius: 20px}.project-img img{transition: 0.5s}.project-img:hover img{transform: scale(1.1)}.project-block-img{display: grid;grid-template-columns: repeat(2,1fr);gap: 20px}.project-block1 .project-img{margin-bottom: 20px}.about-us{white-space: pre-line;padding: 20% 0 40% 17%}.about-us h2{color: #143927;line-height: 1.2;margin: 0 0 20px}.slogan-bg2{background: #faf5ef;display: grid;grid-template-columns: repeat(2,1fr);border-radius: 25px;align-items: center}.slogan-bg-img2{margin-right: 0;overflow: hidden;border-radius: 20px 0 0 20px}.slogan-bg-text-pd2{padding: 0 10%}.slogan-bg-text-pd2 h3{font-size: 1.3em;color: #000;line-height: 1.2;margin: 20px 0 10px}.about-icon-block-pd .about-icon-block{padding: 5% 0 0}.about-icon-header{text-align: center;font-size: 1.2em;font-weight: 600;padding: 3% 12% 5%}figure.effect-jazz{background: transparent;border-radius: 20px}figure.effect-jazz figcaption::after{border-top: 0px solid #fff;border-bottom: 0px solid #fff}.padding-pd2{padding: 5%}.vision-mission-block{display: grid;grid-template-columns: repeat(2,1fr);gap: 20px}.vision-mission{background: #fff;border-radius: 20px;margin-bottom: 5%}.vision-mission h2{background: #143927;color: #fff;border-radius: 20px 20px 0 0;text-align: center;padding: 20px 0}.vision-mission-pd{padding: 8%}.col-section{}.col-section .row.flex{justify-content: center}article.col-md-6.item.-micro{width: 33.33%}.Contentmanager .site .col-section .item.-micro{padding: 10px 10px 10px}.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: 1px solid #eee;border-radius: 20px}.Contentmanager .site .col-section .item.-micro a .caption{width: 100%;padding-left: 0;padding: 7% 2px;display: grid;grid-template-columns: auto 8%}.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 1.2em;font-weight: 600;color: #000;text-align: left;margin-bottom: 10px;padding-right: 10%;height: 50px}.Contentmanager .site .col-section .item.-micro a:hover .caption .title{color: #143927}.Contentmanager .site .col-section .item.-micro a .post{display: none}.Contentmanager .site .col-section .item.-micro a .caption .time{text-align: center;font-size: 0.9em}h3.managerHeader{font-size: 3em;font-weight: 600;color: #143927;text-align: center}#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 h4{font-weight: 600;margin: 25px 0 5px;line-height: 1.3}.Textmanager.font-inherit h3{font-weight: 600;margin: 5px 0 0px}.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{width: 33.33%;padding: 0px 10px 0}.contenemanager-gallery .thumbnail,.Contenemanager-gallery .thumbnail{padding: 0px;border: 0px solid #cecece;border-radius: 20px;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: 20px;transform: scale(1) !important}#Contentmanager img.img-responsive{border-radius: 20px;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: 20px}.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: 1px solid #eee;padding: 15px 8px;text-align: center}tr:nth-child(even){background-color: #f9f9f9}tr:nth-child(odd){background-color: #fff}table.tj2 tr:hover{background-color: #143927;color: #fff}.dealer-block .about-us{white-space: inherit;padding: 0% 0 0 5%}.contact-bg{padding: 3% 0 0}.contact-sub{text-align: center;padding: 0 0 3%}.contact-sub h3{line-height: 1.2;margin: 0 0 5px;font-size: 1.5em;font-weight: 600}.contact-us{display: grid;grid-template-columns: repeat(2,1fr);gap: 10px;margin-bottom: 10px}.contact-block{display: grid;grid-template-columns: 40px auto;gap: 5px;align-items: center;line-height: 1.2;background: transparent;border-radius: 50px;padding: 5px;text-align: left;font-size: 0.9em;border: 1px solid #eee}.contact-block:hover{background: #143927;color: #fff}.contact-block-text{line-height: 1.3}.contact-block:hover a{color: #fff}.contact-img{margin: 20px 0}.contact-img img{border-radius: 20px}.no-js #Component67dbc185c000350013b12243 label{display: none !important}.no-js #Component67dbc185c000350013b12243 .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component67dbc185c000350013b12243 .form-control{border: 1px solid #eee;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: 28px 20px;font-weight: 400;line-height: 1.5;background: #fff;color: #000 !important}.no-js #Component67dbc185c000350013b12243 .form-control:hover{border: 1px solid #143927}.no-js #Component67dbc185c000350013b12243 .form-control::placeholder{color: #000 !important}.no-js #Component67dbc185c000350013b12243 .form-control:focus{border: 1px solid #143927;-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 #Component67dbc185c000350013b12243 .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#f9a71f 0,#f9a71f 100%);background: #143927;color: #fff;text-shadow: 0 0px 0 #3173ed;background-repeat: repeat-x;border-color: #452e0e;border-radius: 50px;padding: 10px 25px;font-size: 1em;font-weight: 400;border: 0px solid transparent}.no-js #Component67dbc185c000350013b12243 .btn-default:active{background: #143927;color: #fff}.no-js #Component67dbc185c000350013b12243 .btn-default:hover,.no-js #Component67dbc185c000350013b12243 .btn-default:focus{background-position: 0 0px;background: #143927;color: #fff}.no-js #Component67dbc185c000350013b12243 .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component67dbc185c000350013b12243 span.label{font-size: 0.85em;font-weight: 400}.no-js #Component67dbc185c000350013b12243 .ITPcheckboxAuthen{font-size: 0.9em;padding: 0 0 0 0%;margin-left: -2%}div#Component67dbc185c000350013b12243 span#contactUsAcceptPolicyText2{display: block}#iframe67dbcc3ec000350013b12609 iframe{border-radius: 20px}.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus{background-color: #143927;border-color: #143927}.pagination > li > a,.pagination > li > span{color: #143927}.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus{color: #143927;background-color: #f7f7f7}@media only screen and (min-width: 1900px){body{font-size: 20px}.container{width: 1440px}.dropdown-menu > li > a{font-size: 1.3em}.project-block1 .project-img{margin-bottom: 25px}.itopplus-footer{font-size: 18px}.ITPcookiebar,.buttonExampleSite{font-size: 16px !important}.Contentmanager .site .col-section .item.-micro a .caption .title{height: 60px}}@media only screen and (max-width: 1191px){ul#slider67da644e567cdf00131d1f1a{display: none}.h1,h1{font-size: 3.1em}.h2,h2{font-size: 1.7em}.slogan-bg-text-pd{padding: 0 10% 3%}figure.effect-phoebe h2{font-size: 1.6em}.about-icon{padding: 2% 0% 10%}.itopplus-bg2{}.about-block{white-space: inherit;padding: 15% 0 15%;width: 50%}.about-block h1{font-size: 2.3em}.about-us{white-space: inherit;padding: 10% 0 30% 17%}.itopplus-footer{font-size: 11px}.about-icon-header{padding: 3% 3% 5%}.slogan-bg2{align-items: start}.slogan-bg-text-pd2{padding: 5% 8%}.Contentmanager .site .col-section .item.-micro a .caption .title{height: 65px}.contact-block{grid-template-columns: 35px auto}.contact-bg{font-size: 0.9em}.no-js #Component67dbc185c000350013b12243 .form-control{font-size: 0.9em !important;padding: 23px 20px}.no-js #Component67dbc185c000350013b12243 .btn{font-size: 0.9em}h3.managerHeader{font-size: 2.3em}}@media only screen and (max-width: 900px){ul#slider67da644e567cdf00131d1f1a{display: block}#controlBanner img{top: 3px}.slogan-bg{font-size: 0.8em}.slogan-bg-btn{padding: 15px 10%}.itopplus-bg{background-size: cover}.about-icon h4{font-size: 1.2em}.about-icon{white-space: inherit}.about-block{white-space: inherit;padding: 12% 0;width: 45%}.about-us{white-space: inherit;padding: 4% 0 15% 10%}#background67da68bd567cdf00131d1fa5 .col-md-3.col-sm-6.col-xs-12.padding{width: 25%}.itopplus-footer{font-size: 10px;background-color: #143927;border-radius: 100px 100px 0 0}.table-responsive{border: 0px solid #ddd}.Contentmanager .site .col-section .item.-micro a .caption .title{height: 70px;font-size: 1.1em;padding-right: 5%}#nav-menu,#ItopplusMainSidebar > div{background: #eee !important}.contact-us{grid-template-columns: repeat(1,1fr)}div#Component67dbc185c000350013b12243 span#contactUsAcceptPolicyText2{display: inline}.no-js #Component67dbc185c000350013b12243 .form-control{padding: 28px 20px}.itopplus-bg2{background-size: inherit}}@media only screen and (max-width: 480px){#controlBanner img{top: 2px}div#imagesControl67da644e567cdf00131d1f1a{padding: 0 !important}.slogan-bg,.slogan-bg2{font-size: 1em;grid-template-columns: repeat(1,1fr)}.slogan-bg-img{border-radius: 20px 20px 0 0;margin-right: 0%}.slogan-bg-text-pd{padding: 10%;white-space: inherit}.h1,h1{font-size: 2.7em}figure.effect-phoebe h2{font-size: 1.2em}.product-name{grid-template-columns: auto 12%}.about-icon-block{grid-template-columns: repeat(2,1fr);padding: 35% 0 0}.about-block{padding: 10% 20px 30%;width: 100%}.about-us{padding: 4% 0 15% 0%}#background67da68bd567cdf00131d1fa5 .col-md-3.col-sm-6.col-xs-12.padding{width: 100%}.footer-logo{width: 20%;margin: 8% 0 0px}.footer-pd{padding-left: 0%}.itopplus-footer{font-size: 14px}.slogan-bg-img2{border-radius: 20px 20px 0 0}.slogan-bg-text-pd2{padding: 10%}.about-icon-header{padding: 3% 0% 5%}.vision-mission-block{grid-template-columns: repeat(1,1fr)}.vision-mission{background: #f9f9f9}article.col-md-6.item.-micro{width: 50%}.Contentmanager .site .col-section .item.-micro a .caption .title{height: 75px;font-size: 1em}.contact-bg{font-size: 1em}.contact-block{grid-template-columns: 40px auto}.footer-block-mb{display: none}.footer-pd-mb-block{display: grid;grid-template-columns: repeat(2,1fr)}.footer-pd-mb{margin-bottom: 10px}.itopplus-bg{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_05022024byfb/0/0/1-mobilez-z1633762560342.png);background-size: cover;background-position: 50% 50%}.itopplus-bg2{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_05022024byfb/0/0/bg2z-z238688498992.webp) !important;background-size: cover;min-height: inherit}.itopplus-bg4{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_05022024byfb/0/0/3-mobilez-z977681173747.webp)}.col-md-6.pull-left,.col-md-6.pull-right{width: 100%;margin: 0 0% 0 0}.Textmanager.font-inherit{display: block}.itopplus-bg2::before{top: -7%;background-color: #143927}.itopplus-bg2::after{bottom: 0px;height: 10vw}}