.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: #6b6b6b;font-family: "LINE Seed Sans TH"}a{color: #6b6b6b}a:hover{color: #4b8521}b,strong{font-weight: 600}.itopplus-bg{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_23032024oa3b/0/0/1z-z773259344661.webp");background-position: center}.itopplus-bg2{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_23032024oa3b/0/0/2z-z1125787803888.webp");background-position: bottom}.navbar-default .navbar-nav > li > a{font-size: 1em;color: #4e4e4e;margin: 0 15px;padding: 20px 0;border-radius: none;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: #4b8521 !important;box-shadow: none;border-color: #4b8521;background: transparent;background-color: transparent}.dropdown-menu > li > a{font-size: 1.1em;color: #4e4e4e;padding: 8px 15px}.no-js .dropdown-menu > li > a:focus,.no-js .dropdown-menu > li > a:hover{color: #fff;background: #4b8521}@media screen and (max-width: 992px){#controlBanner img{position: fixed;top: 15px;left: 10px;width: 145px !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: 22% auto;align-items: end}.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: 20px 0;width: 100%;margin: 0 auto}#nav-menu{display: grid;justify-content: end;background: transparent;min-height: auto}}.h1,h1{font-size: 3.1em;font-weight: 600}.h2,h2{font-size: 2.8em;font-weight: 600}.h3,h3{font-size: 1.7em;font-weight: 600}.h4,h4{font-size: 1.3em;font-weight: 600}.h5,h5{font-size: 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: #aee090}.footer-pd{padding: 0 25%}.footer-pd2{padding: 0 40%}.footer-icon-img{display: flex;gap: 5px}.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 #4b8521 !important;color: #4b8521 !important;font-family: "LINE Seed Sans TH" !important}.buttonExampleSite:hover{background: #4b8521 !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: 1%}.padding-pd2{padding: 3%}.about-us{padding: 3% 25% 0 0}.about-us h2{color: #4b8521;line-height: 1.2;margin: 10px 0 30px}figure.effect-selena{background: transparent}.menu-align{padding: 7% 0 3%;text-align: center}.menu-align h2{color: #4b8521}.menu-align h5{white-space: pre-line;line-height: 1.3;margin: 20px 0 0}.btn-more{background: #dc332e;color: #fff;border: none;display: grid;grid-template-columns: auto 13px;gap: 5px;align-items: center;padding: 6px 15px;border-radius: 50px;transition: 0.5s}.btn-more:hover,figure.effect-phoebe:hover .btn-more{background: #4b8521;color: #fff}.why-block{display: grid;grid-template-columns: repeat(3,1fr);margin-bottom: 10%}.why-icon{white-space: pre-line;text-align: center;padding: 1% 2% 15%;transition: 0.5s}.why-icon:hover{transform: translateY(-10px)}.why-icon img{width: 43% !important}.why-icon h4{margin: 20px 0 15px}figure.effect-phoebe{background: transparent;border-radius: 100px 0}figure.effect-phoebe h2{-webkit-transform: translate3d(0,0px,0);transform: translate3d(0,0px,0);color: #0c5149;font-size: 0.8em;text-align: center}.grid figure h2{word-spacing: normal;font-weight: 400}figure.effect-phoebe img,figure.effect-phoebe:hover img{opacity: 1;transition: 0.5s}figure.effect-phoebe:hover img{transform: scale(1.1)}.product-name .btn-more{margin: 10px auto 0}.oem-block{padding: 10% 12%}.oem-block h2{color: #4b8521;margin: 0 0 25px}.check-icon{display: grid;grid-template-columns: 9% auto;gap: 10px;align-items: center;margin-bottom: 10px}figure.effect-oscar{background: transparent;border-radius: 25px 0 0 25px}figure.effect-oscar figcaption::before{border: 0px solid #fff}.shop-now{background: #9cbc83;color: #fff;border-radius: 25px;display: grid;grid-template-columns: 40% 20% 40%;align-items: center}.shop-img{padding: 0 9%;margin-top: -27%}.shop-line{background: #fff;color: #6b6b6b;border-radius: 25px;text-align: center;font-weight: 600;margin: 15% 0}.shop-line-qr{width: 70%;margin: 20px auto}.btn-line{background: #01b801;color: #fff;border: none;display: grid;grid-template-columns: 25px auto;gap: 10px;padding: 9px 15px;margin: 10px auto 20px;border-radius: 50px;transition: 0.5s}.btn-line:hover{background: #dc332e;color: #fff}.shop-tel{padding: 10% 20%}.shop-tel h1{margin: 0 0 20px}.shop-tel h4{font-size: 1.5em}.btn-tel{background: transparent;border: 1px solid #fff;color: #fff;display: grid;grid-template-columns: 30px auto;font-size: 1.7em;align-items: center;gap: 10px;padding: 7px 20px;border-radius: 50px;margin: 0 0;transition: 0.5s}.btn-tel:hover{background: #fff;border: 1px solid #fff;color: #000}.btn-tel img{transition: 0.5s}.btn-tel:hover img{filter: invert(1)}.thumbnail{padding: 0px ! IMPORTANT;border: 1px solid #f5f8f1;background-color: #f5f8f1;border-radius: 20px;box-shadow: none;transition: 0.5s}.thumbnail:hover{background-color: #4b8521;color: #fff}.thumbnail .imageWidth.imageGallery{transform: scale(1.0);transition: 0.5s}.thumbnail .imageWidth.imageGallery:hover{transform: scale(1.1)}.thumbnail .imgLightbox{border-radius: 18px 18px 0 0;position: relative!important;overflow: hidden!important;width: 100%!important}.product-block{text-align: center;padding: 10%}.product-block2{height: 150px;padding: 10% 19%;text-align: center}.product-block h4,.product-block2 h4{margin: 0 0 10px}.oem-pd .oem-block{padding: 7% 12%}figure.effect-jazz{background: transparent;border-radius: 20px}figure.effect-jazz figcaption::after{border-top: 0px solid #fff;border-bottom: 0px solid #fff}.CASS-D-border{background-image: none;background-color: #9cbc83 !important;color: #fff;padding: 5% 3%;border-radius: 20px}.CASS-C-head,.CASS-D-head{font-family: "LINE Seed Sans TH"}.CASS-D-head h3{font-size: 1.7em;padding-left: 0px;color: #fff;text-align: center}.CASS-D-border .form-control{border: none;background-color: transparent;border-bottom: 1px solid #e7e7e7;border-radius: 0px !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: 20px 0;font-weight: 400;color: #fff !important;margin-bottom: 10px}.CASS-D-border .form-control::placeholder{color: #fff !important}.CASS-D-border .form-control:hover{border-bottom: 1px solid #4b8521}.CASS-D-border .form-control:focus{border-bottom: 1px solid #4b8521;-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: #fff!important}.CASS-D-border .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#4d4d4d 0,#4d4d4d 100%);background: #4b8521;color: #ffffff;text-shadow: 0 0px 0 #282828;background-repeat: repeat-x;border-color: #0000;border-radius: 50px;padding: 10px 20px;font-weight: 500;font-size: 1em!important;border: 0px solid #fff;box-shadow: none}.CASS-D-border .btn-default:active{background-color: #4b8521;color: #fff}.CASS-D-border .btn-default:hover,.CASS-D-border .btn-default:focus{background-position: 0 0px;background-color: #4b8521;color: #fff}.CASS-D-border .ITPcheckboxAuthen{font-size: 1em;color: #fff}.CASS-D-border .col-md-offset-5.col-md-1.col-sm-12{}.CASS-D-border span#contactUsAcceptPolicyText2{color: #fff}.CASS-D-border #editor1,.CASS-D-border #editor2,.CASS-D-border #editor3,.CASS-D-border #editor4,.CASS-D-border #editor5,.CASS-D-border #editor6,.CASS-D-border #editor11,.CASS-D-border #editor12,.CASS-D-border #editor13,.CASS-D-border #editor15,.CASS-D-border #editor16,.CASS-D-border #editor18,.CASS-D-border #editor21,.CASS-D-border #editor22{display: none}#form6762773df5f36700132e6ffd{padding: 0 !IMPORTANT}.CASS-D-border .glyphicon-ok-circle:before{display: none}.CASS-D-border .form-control-feedback{top: 10px !important;color: #fff ! IMPORTANT}.CASS-D-border .form-control option{color: #fff}#form67aec04b75066f00138806eb{padding: 0 15px !important}.CASS-D-border h4{margin: 25px 0 0;background: #fff;color: #4b8521;padding: 15px;border-radius: 10px}.nav-template li{display: inline-table}.nav-template li:hover{background-color: transparent}.nav-template strong{font-size: 20px;font-weight: 600;line-height: 1.3}.nav-template p{font-size: 14px}.nav-template .col-md-4.col-sm-4.col-xs-4.padding-col{width: 50%;padding: 0 !important}.nav-template .col-md-8.col-sm-8.col-xs-8.padding-col{width: 50%;padding: 0 0% 0 2%!important}.nav-template li.col-md-6.col-sm-8.col-xs-12.maxHeight-main .img-container{padding-bottom: 68.3%;border-radius: 20px}.nav-template li.col-md-6.col-sm-8.col-xs-12.maxHeight-main strong{display: block;margin-top: 15px}.nav-template li.col-md-6.col-sm-4.col-xs-12.maxHeight-TP4{height: inherit;margin: 0 auto 7px;display: inline-table;border-radius: 20px;background: #fff}.nav-template .img{border-radius: 15px}h3.managerHeader{font-size: 2.4em;font-weight: 600;color: #4b8521;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;font-size: 1.2em}.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}.contenemanager-gallery .col-xs-12.col-md-3,.Contenemanager-gallery .col-xs-6.col-md-3{padding: 10px 10px 0}.contenemanager-gallery .thumbnail,.Contenemanager-gallery .thumbnail{padding: 0px;border: 0px solid #cecece;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,.075);box-shadow: 0 0 0 rgba(0,0,0,.075);border-radius: 0px;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}.contact-sub{padding: 0 5%;text-align: center}.contact-sub h2{margin: 0 0 20px}.contact-sub h3{line-height: 1.2;margin: 0 0 15px}.contact-us{display: grid;grid-template-columns: repeat(2,1fr);gap: 10px}.contact-block{display: grid;grid-template-columns: 45px auto;gap: 5px;align-items: center;line-height: 1.2;background: #f5f8f1;border-radius: 50px;padding: 5px;text-align: left;transition: 0.5s}.contact-block:hover{background: #4b8521;color: #fff}.contact-block:hover a{color: #fff}.contact-img{margin: 20px 0}.contact-img img{border-radius: 20px}.no-js #Component67bc26889d2a2f00145deaee label{display: none !important}.no-js #Component67bc26889d2a2f00145deaee .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component67bc26889d2a2f00145deaee .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 #Component67bc26889d2a2f00145deaee .form-control:hover{border: 1px solid #4b8521}.no-js #Component67bc26889d2a2f00145deaee .form-control::placeholder{color: #000 !important}.no-js #Component67bc26889d2a2f00145deaee .form-control:focus{border: 1px solid #4b8521;-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 #Component67bc26889d2a2f00145deaee .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#f9a71f 0,#f9a71f 100%);background: #4b8521;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 #Component67bc26889d2a2f00145deaee .btn-default:active{background: #4b8521;color: #fff}.no-js #Component67bc26889d2a2f00145deaee .btn-default:hover,.no-js #Component67bc26889d2a2f00145deaee .btn-default:focus{background-position: 0 0px;background: #4b8521;color: #fff}.no-js #Component67bc26889d2a2f00145deaee .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component67bc26889d2a2f00145deaee span.label{font-size: 0.85em;font-weight: 400}.no-js #Component67b5ad74f2d3620013decf11 .ITPcheckboxAuthen{font-size: 0.9em;padding: 0 0 0 0%;margin-left: -2%}div#cookie67bc26889d2a2f00145deaee span#contactUsAcceptPolicyText2{display: block}#iframe67bc283c0bbc460013e72a07 iframe{height: 400px;border-radius: 10px}.contact-pd{padding: 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: #4b8521;border-color: #4b8521}.pagination>li>a,.pagination>li>span{color: #4b8521}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #4b8521;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}.about-us{padding: 3% 31% 0 0}.oem-block{padding: 13% 12%}.itopplus-footer{font-size: 18px}.ITPcookiebar,.buttonExampleSite{font-size: 16px !important}.product-block2{height: 180px}.nav-template p{font-size: 18px}.nav-template strong{font-size: 24px}#iframe67bc283c0bbc460013e72a07 iframe{height: 422px}.nav-template li.col-md-6.col-sm-8.col-xs-12.maxHeight-main .img-container{padding-bottom: 67.3%}}@media only screen and (max-width:1191px){.about-us{padding: 0% 5% 0 0}.why-icon{white-space: inherit}.shop-tel{padding: 10% 13%}.shop-img{padding: 0 6%}figure.effect-phoebe h2{font-size: 0.7em}.oem-block{padding: 8% 10%}.oem-block h2{font-size: 2.4em}.product-block{padding: 10% 1%}.product-block2{height: 135px;padding: 10% 1%}.oem-pd .oem-block{padding: 2% 10%}.nav-template p{font-size: 12px}.nav-template strong{font-size: 17px}.nav-template li.col-md-6.col-sm-8.col-xs-12.maxHeight-main .img-container{padding-bottom: 69.3%}.contact-sub{padding: 0 0%}}@media only screen and (max-width:900px){.why-icon h4{font-size: 1.1em}.shop-now{font-size: 0.7em}.shop-img{padding: 0 4%}.grid figure figcaption{padding: 1em}figure.effect-phoebe h2{font-size: 0.6em}.oem-block h2{font-size: 2em}.oem-block{padding: 3% 4%}.product-block{padding: 10% 12%}.product-block2{height: 150px;padding: 10% 8%}.product-block{height: 150px;padding: 10% 8%}.CASS-D-middle-mid{padding: 0}.CASS-D-main form div{padding: 0 5px!important}.CASS-D-border .col-md-offset-5.col-md-1.col-sm-12{display: flex;justify-content: center}.contact-us{grid-template-columns: repeat(1,1fr)}.contact-sub h3{font-size: 1.2em}#cookie67bc26889d2a2f00145deaee span#contactUsAcceptPolicyText2{display: inline !important}#iframe67bc283c0bbc460013e72a07 iframe{height: 343px}}@media only screen and (max-width:480px){#imagesControl67bbd6dd0bbc460013e71204{padding: 0 !important}.h2,h2{font-size: 2.5em}.about-us{padding: 0% 3%}.why-block{grid-template-columns: repeat(1,1fr)}.why-icon img{width: 35% !important}.why-icon h4{font-size: 1.3em}.shop-now{font-size: 1em;grid-template-columns: repeat(1,1fr)}.shop-line{margin: 0% 10%}.shop-tel{padding: 10% 9%;text-align: center}figure.effect-phoebe h2{font-size: 0.7em}figure.effect-phoebe{border-radius: 50px 0}figure.effect-oscar{border-radius: 25px 25px 0 0}.menu-align h2{line-height: 1.4}.menu-align h5{white-space: inherit}.product-block,.product-block2{height: inherit;padding: 10% 8%}.oem-pd .oem-block{padding: 2% 2%}.CASS-D-head h3{font-size: 1.3em;line-height: 1.3}.CASS-D-main form div{padding: 0 3px !important}.CASS-D-border .ITPcheckboxAuthen{padding: 0 5%}.nav-template p{font-size: 14px}.nav-template strong{font-size: 20px}.nav-template .col-md-4.col-sm-4.col-xs-4.padding-col{width: 100%}.nav-template li{padding: 5px 10px}.nav-template .col-md-8.col-sm-8.col-xs-8.padding-col{width: 100%;padding: 10px 0% 0 0% !important}h3.managerHeader{font-size: 1.8em}.col-md-6.pull-left,.col-md-6.pull-right{width: 100%;margin: 0 0% 0 0}.Textmanager.font-inherit{display: block}.no-js #Component67bc26889d2a2f00145deaee .col-md-6{padding: 0 15px}.btn-tel{margin: 0 auto}ul.nav-template *{text-decoration-color: transparent}.contact-pd{padding: 10%}}@media only screen and (max-width:375px){figure.effect-phoebe h2{font-size: 0.5em}}