.itopplus-background{}body{font-size: 16px;font-family: "LINE Seed Sans TH";overflow-x: hidden;color: #20252f}a{color: #20252f}a:hover{color: #ec1b21}b,strong{font-weight: 600}.itopplus-bg{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_110020247l5d/0/0/1z-z1364869433968.webp")}.itopplus-bg2{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_110020247l5d/0/0/2z-z1160342757951.webp");color: #fff}.itopplus-bg3{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_110020247l5d/0/0/3z-z1332387220331.webp")}.itopplus-bg4{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_110020247l5d/0/0/4z-z78830496206.webp")}.navbar-default .navbar-nav > li > a{font-size: 1em;color: #20252f;margin: 0 0px;padding: 8px 15px;border-radius: none}.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: #20252f !important;box-shadow: none;background: transparent;background-color: transparent}.dropdown-menu > li > a{font-size: 1.2em;color: #20252f;padding: 8px 15px}.no-js .dropdown-menu > li > a:focus,.no-js .dropdown-menu > li > a:hover{color: #fff;background: #20252f}@media screen and (max-width: 992px){#controlBanner img{position: fixed;top: 7px;left: 10px;width: 65px !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;align-items: center}.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}.itopplus-banner{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);transition: 0.3s}.itopplus-sticky{background: #fff !important}#controlBanner{object-fit: contain;padding: 15px;width: clamp(150px,10vw,170px);margin: 0 auto}#nav-menu{display: grid;justify-content: end;background: transparent;min-height: auto}ul.nav li.dropdown:hover > ul.dropdown-menu{display: block;margin: 0}}.h1,h1{font-size: 3.2em;font-weight: 600}.h2,h2{font-size: 2.6em;font-weight: 600}.h3,h3{font-size: 1.5em;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}.itopplus-footer h4{margin: 0px 0 15px;font-weight: 600;font-size: 1.1em}.itopplus-footer h3{font-weight: 400;margin: 0}.itopplus-footer a{color: #fff}.itopplus-footer a:hover{color: #ec1b21}.footer-logo-block{display: grid;grid-template-columns: 30% 70%;gap: 40px}.footer-block-display{display: grid;grid-template-columns: 50% 30% 20%}.footer-block3{padding: 0 0 0 10%}.footer-icon-img{width: 50%;display: flex;gap: 10px}.icon-img{transition: 0.5s}.icon-img:hover{transform: scale(1.1)}.copy-right{font-size: 0.9em;text-align: center;padding: 5px 0}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #ec1b21 !important;color: #ec1b21 !important;font-family: "LINE Seed Sans TH" !important}.buttonExampleSite:hover{background: #ec1b21 !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: 4%}.padding-pd2{padding: 2%}.about-bg{width: 70%;background: #f5f5f5;text-align: center;margin: 0 auto;padding: 15% 0;font-weight: 600}.about-bg-border{background: #20252f;width: 1.5px;height: 70px;margin: -7% auto;z-index: 1;position: relative}.about-bg h4{background: #ec1b21;color: #fff;width: max-content;padding: 7px 15px;margin: 10px auto;letter-spacing: 2px;font-family: "Bebas Neue",serif;font-size: 1.5em;font-weight: 400}.about-bg h2{font-size: 3em;font-weight: 600;margin: 0}.about-bg h1{font-size: 8em;line-height: 1;margin: 0}.about-bg h3{margin: 0}.about-us{padding: 12% 2%}.menu-align{text-align: center;padding: 5% 0 1%}.menu-align h2 span{color: #ec1b21}.btn-more{background: transparent;border: 1px solid #20252f;color: #20252f;padding: 10px 20px;transition: 0.5s}.btn-more:hover{background: #20252f;border: 1px solid #20252f;color: #fff}.why-block{display: grid;grid-template-columns: repeat(4,1fr)}.why-icon{white-space: pre-line;padding: 5% 2% 20%}.why-icon img{width: 40% !important;margin: 0 0}.why-icon h4{font-size: 1em;margin: 15% 0 10px}figure.effect-oscar{background: transparent;border-radius: 20px}figure.effect-oscar figcaption{background-color: rgba(58,52,42,.0)}figure.effect-oscar figcaption::before{border: 0px solid #fff}.grid figure h2{word-spacing: normal;font-weight: 400}figure.effect-oscar h2{margin: 68% 0 10px 0 !important;-webkit-transform: translate3d(0,0%,0);transform: translate3d(0,0%,0);font-size: 0.8em;color: #20252f}figure.effect-oscar img,figure.effect-phoebe img{opacity: 1;transition: 0.5s}figure.effect-oscar:hover img,figure.effect-phoebe:hover img{opacity: 1;transform: scale(1.1)}figure.effect-oscar h2 h4{margin: 0 0 5px}.btn-view{font-size: 0.8em;background: transparent;border: none;padding: 0}#Component6791bf7f197d1e00139b796c,#Component67aafbca29e04e001200dd8d{width: 80%;margin: 0 auto}#Component6791bf02197d1e00139b7952 .bootstrap-collum div,#Component6791bfb6575acf001392b8bb .bootstrap-collum div,#Component67aafbc329e04e001200dd51 .bootstrap-collum div{justify-content: center}figure.effect-phoebe{background: transparent}figure.effect-phoebe h2{margin-top: 0.5em;-webkit-transform: translate3d(0,0px,0);transform: translate3d(0,0px,0);font-size: 1.2em;text-align: left;font-weight: 600 !important}.grid figure figcaption{padding: 1em}.btn-brand{background: transparent;border: 1px solid #20252f;color: #20252f;padding: 11px 50px;transition: 0.5s}.btn-brand:hover{background: #20252f;border: 1px solid #20252f;color: #fff}.btn-align{text-align: center;padding: 2% 0 5%}.service-block{padding: 10%}.service-icon{display: grid;grid-template-columns: 6% auto;gap: 10px;margin-bottom: 20px}.service-block h2{margin: 0 0 30px}.service-icon-text{padding: 3px 0}figure.effect-jazz{background: transparent}figure.effect-jazz figcaption::after{border-top: 0px solid #fff;border-bottom: 0px solid #fff}.service-block .btn-more{background: transparent;border: 1px solid #ffffff;color: #ffffff}.service-block .btn-more:hover{background: #ffffff;border: 1px solid #ffffff;color: #20252f}.menu-align2{text-align: center;padding: 3% 0}.menu-align2 img{width: 20% !important}.menu-align-brand{border-left: 4px solid #ec1a20;padding: 15px;background: #eee}.col-section{padding: 0 0 3%}article.col-md-6.item.-micro{width: 25%}.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% 0}.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 1em;font-weight: 500;color: #20252f;padding: 0% 5%;text-align: center;height: 60px}.Contentmanager .site .col-section .item.-micro a:hover .caption .title{color: #ec1b21}.Contentmanager .site .col-section .item.-micro a .post{display: none}.Contentmanager .site .col-section .item.-micro a .caption .time{text-align: center}.btn-detail{background: #ec1b21;color: #fff;border: none;padding: 6px 20px;font-size: 0.9em;transition: 0.5s}.btn-detail:hover,.Contentmanager .site .col-section .item.-micro:hover .btn-detail{background: #20252f;color: #fff}h3.managerHeader{font-size: 2em;font-weight: 600}#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: 20px 0 10px;font-size: 1.8em}.Textmanager.font-inherit p{margin: 0 0 0px}.Textmanager.font-inherit strong{font-weight: 600}.Textmanager.font-inherit ul{margin-top: 5px;margin-bottom: 5px}.Textmanager.font-inherit .btn-more{margin-top: 10px}.contenemanager-gallery .col-xs-12.col-md-3,.Contenemanager-gallery .col-xs-6.col-md-3{width: 33.33%;padding: 10px 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,.075);box-shadow: 0 0 0 rgba(0,0,0,.075);border-radius: 20px;transform: scale(1.0) !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: 12px;text-align: center}.tj2 td:nth-child(1){background-color:#ec1b21;color: #fff}.coming-soon{width: 80%;margin: 0 auto 5%}.product-logo-brand{width: 40%}.product-logo-brand img{width: 100% !important}.service-block2{padding: 0 7% 0 10%}.service-block2 h2{margin: 0 0 20px}.consumable-block{padding: 5% 10%}.consumable-block h3{color: #ec1b21;margin: 0;font-size: 1.6em}.consumable-block h4{margin: 15px 0 5px}.text-contact{text-align: center;padding: 2% 0 0}.text-contact h3{line-height: 1.2;font-weight: 600;margin: 0 0 10px;color: #ec1b21}.contact-bg-text{line-height: 1.3}.contact-block2{display: grid;grid-template-columns: 50% 50%;gap: 10px;margin: 20px 0 10px;width: 98.5%;font-size: 16px}.contact-bg{display: grid;grid-template-columns: 40px auto;gap: 10px;align-items: center;background: #f9f9f9;border-radius: 50px;padding: 5px;font-size: 16px}.contact-bg:hover{background: #191919;color: #fff}.no-js #Component67933a79197d1e00139b99ac label{display: none !important}.no-js #Component67933a79197d1e00139b99ac .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component67933a79197d1e00139b99ac .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 #Component67933a79197d1e00139b99ac .form-control:hover{border: 1px solid #ec1b21}.no-js #Component67933a79197d1e00139b99ac .form-control::placeholder{color: #000 !important}.no-js #Component67933a79197d1e00139b99ac .form-control:focus{border: 1px solid #ec1b21;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow: inset 0 0px 0px rgba(0,0,0,.075),0 0 0px rgba(102,175,233,0);color: #000 !important}.no-js #Component67933a79197d1e00139b99ac .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#f9a71f 0,#f9a71f 100%);background: #ec1b21;color: #fff;text-shadow: 0 0px 0 #3173ed;background-repeat: repeat-x;border-color: #6c5336;border-radius: 50px;padding: 10px 25px;font-size: 1em;font-weight: 400;border: 0px solid transparent}.no-js #Component67933a79197d1e00139b99ac .btn-default:active{background: #ec1b21;color: #fff}.no-js #Component67933a79197d1e00139b99ac .btn-default:hover,.no-js #Component67933a79197d1e00139b99ac .btn-default:focus{background-position: 0 0px;background: #ec1b21;color: #fff}.no-js #Component67933a79197d1e00139b99ac .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component67933a79197d1e00139b99ac span.label{font-size: 0.85em;font-weight: 400}.no-js #Component67933a79197d1e00139b99ac .ITPcheckboxAuthen{font-size: 0.9em;padding: 0 0 0 0%;margin-left: -2%}span#contactUsAcceptPolicyText2{display: block}#iframe679346c3f1fba800130e0204 iframe{height: 233px;border-radius: 10px}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color: #ec1b21;border-color: #ec1b21}.pagination>li>a,.pagination>li>span{color: #ec1b21}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #ec1b21;background-color: #f7f7f7}@media only screen and (min-width : 1900px){body{font-size: 20px}.container{width: 1440px}.dropdown-menu > li > a{font-size: 1.4em}.itopplus-footer{font-size: 18px}.ITPcookiebar,.buttonExampleSite{font-size: 16px !important}.Contentmanager .site .col-section .item.-micro a .caption .title{height: 80px}#iframe679346c3f1fba800130e0204 iframe{height: 263px}}@media only screen and (max-width:1191px){.navbar-default .navbar-nav > li > a{padding: 8px 8px;font-size: 0.9em}.dropdown-menu > li > a{font-size: 1em}.why-icon{white-space: inherit}figure.effect-oscar h2{font-size: 0.7em}.itopplus-bg3{background-size: cover}.service-block{padding: 3% 2%}.contact-bg{grid-template-columns: 30px auto;gap: 5px;font-size: 0.9em}.no-js #Component67933a79197d1e00139b99ac .form-control{padding: 25px 20px}#iframe679346c3f1fba800130e0204 iframe{height: 223px}}@media only screen and (min-width:992px) and (max-width:1200px){.navbar-nav>li>#menusub6791abaaf1fba800130ddcc4.dropdown-menu{margin-top: 0;border-top-left-radius: 0;border-top-right-radius: 0;left: -70%}}@media only screen and (max-width:900px){.h2,h2{font-size: 2em}.about-bg{width: 90%}figure.effect-oscar h2{font-size: 0.5em}figure.effect-phoebe h2{font-size: 1em}.service-icon{margin-bottom: 10px}.Contentmanager .site .col-section .item.-micro a .caption .title{padding: 0% 3%;height: 80px}.table-responsive{border: 0px solid #ddd}.text-contact h3{font-size: 1.3em}.contact-block2{grid-template-columns: repeat(1,1fr);width: 100%}.contact-bg{grid-template-columns: 40px auto;gap: 10px;font-size: 1em}.no-js #Component67933a79197d1e00139b99ac .form-control{padding: 30px 20px}#iframe679346c3f1fba800130e0204 iframe{height: 140px}span#contactUsAcceptPolicyText2{display: inline}}@media only screen and (max-width:480px){#imagesControl6791b205d9bd5e0013041cc8{padding: 0 !important}ul#slider6791b205d9bd5e0013041cc8{margin-bottom: -7px}.about-bg{width: 100%}.about-us{padding: 12% 0%}.why-block{grid-template-columns: repeat(2,1fr)}figure.effect-oscar h2{font-size: 0.45em}#Component6791bf7f197d1e00139b796c,#Component67aafbca29e04e001200dd8d{width: 100%}.service-block{padding: 3% 0%}article.col-md-6.item.-micro{width: 50%}h3.managerHeader{font-size: 1.4em}.col-md-6.pull-left,.col-md-6.pull-right{width: 100%;margin: 0 0% 0 0}.Textmanager.font-inherit{display: block}.contenemanager-gallery .col-xs-12.col-md-3,.Contenemanager-gallery .col-xs-6.col-md-3{width: 50%}.Textmanager.font-inherit h3{font-size: 1.4em}.Contentmanager .site .col-section .item.-micro a .caption .title{padding: 0% 2%;height: 85px}.service-block2{padding: 0 0% 0 0%}.no-js #Component67933a79197d1e00139b99ac .col-md-6{padding: 0 15px}#iframe679346c3f1fba800130e0204 iframe{height: 300px}}