.itopplus-background{}body{font-size: 18px;overflow-x: hidden;color: #484848}a{color: #484848}a:hover{color: #008edf}b,strong{font-weight: 600}.itopplus-bg{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_190820249xmn/0/0/1z-z320808675887.webp');color: #000000}.itopplus-bg2{background: linear-gradient(to bottom,#ffffff 0,#cceeff 100%)}.navbar-default .navbar-nav>li>a{font-size: 1em;color: #fff;margin: 0 15px;padding: 5px 0;border-bottom: 4px 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: #fff !important;box-shadow: none;border-radius: none;border-bottom: 3px solid #fff;background: transparent;background-color: transparent}.dropdown-menu>li>a{font-size: 1.3em;padding: 7px 20px;color: #000}.no-js .dropdown-menu>li>a:focus,.no-js .dropdown-menu>li>a:hover{color: #fff;background: #008edf}@media screen and (max-width: 992px){#controlBanner img{position: fixed;top: 5px;left: 10px;width: 52px !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){.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}.itopplus-banner{background: #1573bb;transition: .3s}.itopplus-banner .container{display: grid;grid-template-columns: 15% auto 32%;align-items: center}.itopplus-sticky{background: #1573bb !important}#controlBanner{object-fit: contain;padding: 20px 0;width: 55%;min-width: auto;margin: 0 auto;transition: .3s}#nav-menu{display: grid;justify-content: center;background: transparent;min-height: auto}.itopplus-search{text-align: center;color: #fff}}.h1,h1{font-size: 3.8em}.h2,h2{font-size: 2.7em;font-weight: 600}.h3,h3{font-size: 1.8em}.h4,h4{font-size: 1.2em}.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}.header-tel a{display: contents;color: #333333}.header-tel{background: #fff;color: #333333;display: grid;grid-template-columns: 35px auto;padding: 4px 0px;border-radius: 50px;justify-content: center;align-items: center;font-weight: 600}.header-block{display: grid;grid-template-columns: 85% 15%;align-items: center}.header-block2 img{width: 80% !important;float: right}.itopplus-footer{font-size: 14px}.itopplus-footer h4{margin: 0px 0 15px;font-weight: 600}.itopplus-footer a{color: #fff}.itopplus-footer a:hover{color: #e40000}.footer-logo{width: 50%}.no-js .footer-menu-mg{margin: 0 0 0 -20%}.footer-menu-block{display: flex;gap: 30px}.footer-pd1{padding-left: 5%}.footer-pd2{padding-left: 10%}.qr-bg{background: #fff;display: grid;grid-template-columns: 40% 60%;padding: 10px;border-radius: 15px;align-items: center;margin: 20px 0 20%}.qr-bg-text{color: #333;text-align: center;font-weight: 600}.qr-bg-textimg{width: 25%;margin: 0 auto 5px}.qr-bg-img{border: 1px solid #ccc;border-radius: 10px;padding: 4px}.btn-search{background: #fff;color: #005fb7;font-family: "Onest",sans-serif;font-weight: 600;border: 1px solid #9a9a9a;border-radius: 50px;display: grid;grid-template-columns: auto 15px;gap: 10px;padding: 5px 10px;margin: 3px auto;transition: 0.5s}.btn-search:hover{background: #eee;border: 1px solid #eee;color: #333}.copy-right{font-size: 0.9em;text-transform: uppercase;padding: 0 0 4%}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #e40000 !important;color: #e40000 !important;font-family: "Noto Sans Thai",sans-serif !important}.buttonExampleSite:hover{background: #e40000 !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%}.mg-pd{padding: 2% 2% 7%}.effect-sadie{margin-bottom: 25px !important}figure.effect-sadie figcaption::before{background: linear-gradient(to bottom,rgba(72,76,97,0) 0,#1673bc 75%)}figure.effect-sadie p{z-index: 1;position: absolute;bottom: 0;left: 0;padding: 6em 0em 1em !important;width: 100%;opacity: 1;-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,0,0);text-align: center;text-transform: initial;font-weight: 400}.grid figure p{letter-spacing: 0px;font-size: 0.8em}figure.effect-sadie h2,figure.effect-sadie:hover h2{position: relative;color: #ffffff;-webkit-transform: translate3d(0,0%,0);transform: translate3d(0,0%,0)}.grid figure h2{word-spacing: normal;font-weight: 600}.category-name h2{font-size: 2.2em;font-weight: 600;text-shadow: 0px 0px 5px #008bcf}.category-name .btn-view{margin-top: 10px}.btn-view{background: #fff;color: #0c5072;border: none;padding: 5px 20px;border-radius: 50px;transition: 0.5s}.effect-sadie:hover .btn-view,.btn-view:hover,.btn-more:hover,.thumbnail:hover .btn-more{background: #ff0002;color: #ffffff}.padding-pd{padding: 2%}.about-img{margin-top: -23%}.about-us{white-space: pre-line;text-align: center;padding: 2% 0}.about-us img,.about-us2 img{width: 30% !important}.about-us h3,.about-us2 h3{color: #008edf;font-weight: 600;margin: 20px 0 10px}.btn-more{background: #008edf;color: #fff;border: none;padding: 7px 20px;border-radius: 50px;font-size: 0.9em;transition: 0.5s}.menu-align{text-align: center;padding: 5% 0 4%}.menu-align h2{color: #008edf}.menu-align h4{color: #000000;font-size: 1.3em}.thumbnail{padding: 0px !important;background-color: #fff;border: 0px solid #ddd;border-radius: 0px;box-shadow: none}.thumbnail:hover{background-color: #008edf;color: #fff}.thumbnail .imageWidth.imageGallery{transform: scale(1.0);transition: 0.5s}.thumbnail .imageWidth.imageGallery:hover{transform: scale(1.15)}.thumbnail .imgLightbox{position: relative!important;overflow: hidden!important;width: 100%!important}.product-recommend{text-align: center;padding: 10% 0}.product-recommend h4{font-weight: 400;margin: 0 0 15px}.why-block{display: grid;grid-template-columns: repeat(4,1fr)}.why-icon{padding: 8% 8% 20%;text-align: center;transition: 0.5s}.why-icon:hover{transform: scale(1.1)}.why-icon img{width: 40% !important}.why-icon h4{color: #008edf;font-weight: 600;margin: 20px 0 5px}.contact-bg{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_190820249xmn/0/0/bgz-z1201152873453.webp);color: #fff;background-size: 100% auto;background-repeat: no-repeat;background-position: bottom;display: grid;grid-template-columns: 55% 45%;gap: 10px;align-items: center;margin: 3% 0}.contact-bg a{color: #fff}.contact-bg a:hover{color: #e40000}.contact-block1{padding: 10% 0 0% 10%}.contact-head{display: grid;grid-template-columns: 15% auto;align-items: center;gap: 10px}.contact-head-text{font-size: 1.2em;line-height: 1}.contact-head-text h1{font-size: 2.2em;margin: 0;font-weight: 600}.contact-tel-display{display: flex;margin: 25px 0;width: 80%}.contact-tel{display: grid;grid-template-columns: 17% auto;gap: 10px;align-items: center;font-size: 1.3em;font-weight: 600}.btn-maps{background: #fff;color: #000;border: none;padding: 7px 20px;border-radius: 50px;display: grid;grid-template-columns: 20px auto;gap: 5px;align-items: center;transition: 0.5s}.btn-maps:hover{background: #005c9a;color: #ffffff}.about-us2{padding: 10% 6%}.about-us2 h4{color: #e40000;font-weight: 600;line-height: 1.2;font-size: 1.3em;margin: 0}.prduct-name{padding: 7% 0;text-align: center}.product-sub{background: #fff;padding: 4%;margin: 0 1%}.text-contact{text-align: center;padding: 2% 0 0}.text-contact h3{font-weight: 600;line-height: 1.2;font-size: 1.6em;color: #008edf}.contact-block4{display: grid;grid-template-columns: repeat(2,1fr);gap: 10px;margin: 17px 0 0}.contact-bg2{display: grid;grid-template-columns: 40px auto;gap: 5px;align-items: center;background: #ffffff;box-shadow: 0 0 10px #e8ebf0;border-radius: 50px;padding: 7px;line-height: 1.2;font-size: 0.9em}.contact-bg2:hover{background: #cfefff}.no-js #Component66f26ae1a35d1900137f8686 label{display: none !important}.no-js #Component66f26ae1a35d1900137f8686 .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component66f26ae1a35d1900137f8686 .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: 27px 20px;font-weight: 400;line-height: 1.5;background: #fff;color: #000 !important}.no-js #Component66f26ae1a35d1900137f8686 .form-control:hover{border: 1px solid #008edf}.no-js #Component66f26ae1a35d1900137f8686 .form-control:focus{border: 1px solid #008edf;-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 #Component66f26ae1a35d1900137f8686 .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#f9a71f 0,#f9a71f 100%);background: #008edf;color: #fff;text-shadow: 0 0px 0 #3173ed;background-repeat: repeat-x;border-color: #1c3859;border-radius: 50px;padding: 10px 25px;font-size: 0.9em;font-weight: 400;border: 0px solid transparent}.no-js #Component66f26ae1a35d1900137f8686 .btn-default:active{background: #008edf;color: #fff}.no-js #Component66f26ae1a35d1900137f8686 .btn-default:hover,.no-js #Component66f106d9f64131001315b97a .btn-default:focus{background-position: 0 0px;background: #008edf;color: #fff}.no-js #Component66f26ae1a35d1900137f8686 .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component66f26ae1a35d1900137f8686 span.label{font-size: 0.85em;font-weight: 400}.no-js #Component66f26ae1a35d1900137f8686 .ITPcheckboxAuthen{font-size: 0.85em;padding: 0 0 0 0%}#iframe66f26d85fec4e50013104c7a iframe{height: 285px;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: #008edf;border-color: #008edf}.pagination>li>a,.pagination>li>span{color: #008edf}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #008edf;background-color: #f7f7f7}@media only screen and (min-width : 1900px){body{font-size: 20px}.container{width: 1440px}.itopplus-banner .container{grid-template-columns: 15% auto 30%}.dropdown-menu>li>a{font-size: 1.4em}.header-tel{grid-template-columns: 43px auto}.about-us img,.about-us2 img{width: 25% !important}.about-us{padding: 6% 0}.why-icon{padding: 8% 12% 20%}.itopplus-footer{font-size: 18px}.itopplus-footer{font-size: 17px}.ITPcookiebar,.buttonExampleSite{font-size: 16px ! IMPORTANT}.about-us2{padding: 10% 11%}#iframe66f26d85fec4e50013104c7a iframe{height: 290px}.contact-bg2{gap: 10px}}@media only screen and (max-width:1191px){body{font-size: 16px}.itopplus-banner .container{grid-template-columns: 15% auto 34%}.category-name h2{font-size: 1.8em}.itopplus-bg{background-size: cover}.about-us img,.about-us2 img{width: 20% !important}.itopplus-footer{font-size: 11px}.about-us2{padding: 5% 2%}.contact-bg2{grid-template-columns: 30px auto}#iframe66f26d85fec4e50013104c7a iframe{height: 297px}}@media only screen and (max-width:900px){.category-name h2{font-size: 1.4em}.about-us{white-space: inherit;padding: 0% 0}.about-us h3,.about-us2 h3{font-size: 1.4em}.about-img{margin-top: -17%}.contact-block1{padding: 10% 0 0% 10%;font-size: 0.8em}.contact-tel-display{margin: 15px 0;width: 90%}.about-img2{padding-top: 65%}.prduct-name{padding: 7% 5%;height: 75px}.copy-right{padding: 0;text-align: center}.text-contact h3{font-size: 1.3em}.contact-block4{grid-template-columns: repeat(1,1fr)}#iframe66f26d85fec4e50013104c7a iframe{height: 195px}}@media only screen and (max-width:480px){#imagesControl66f12c9d65c5330013696716{padding: 0 !important}.about-us{padding: 7% 0}.about-us img,.about-us2 img{width: 35% !important}.about-us .btn-more{margin-top: 20px}.contact-bg{background-size: cover;grid-template-columns: repeat(1,1fr);margin: 5% 0}.contact-tel-display{width: 70%;display: grid}.contact-tel{margin-bottom: 10px}.contact-block1{padding: 10% 0 0% 6%;font-size: 1em}.contact-head-text{font-size: 1.2em}.why-block{grid-template-columns: repeat(2,1fr)}.why-icon{padding: 8% 5% 10%}div#Component66f23c9ea35d1900137f7ba4 div{padding: 0 !important}.about-img2{padding-top: 0}.prduct-name{padding: 7% 0;height: inherit}.contact-bg2{grid-template-columns: 40px auto;font-size: 1em}.no-js #Component66f26ae1a35d1900137f8686 .col-md-6{padding: 0 15px}}.unknown{position: fixed;bottom: 6% !important}.unknown_prf .btn-main,.unknown_prf:hover .btn-main{margin-bottom: 0 !important}