.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: #444444;font-family: "Noto Sans Thai",sans-serif}a{color: #444444}a:hover{color: #45734c}.itopplus-bg{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_03002024uegd/0/0/bgz-z1292830413780.webp")}.navbar-default .navbar-nav > li > a{font-size: 1em;color: #000;margin: 0 30px;padding: 3px;border-radius: none;border-bottom: 3px solid transparent;font-family: "Montserrat",sans-serif}.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: #000 !important;box-shadow: none;border-color: #662bb9;background: transparent;background-color: transparent}.dropdown-menu > li > a{font-size: 1.2em;color: #000;padding: 8px 15px}.no-js .dropdown-menu > li > a:focus,.no-js .dropdown-menu > li > a:hover{color: #fff;background: #662bb9}@media screen and (max-width: 992px){#controlBanner img{position: fixed;top: 10px;left: 10px;width: 45px !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;height: 100px}.itopplus-logo{position: relative;height: 100%}.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}.itopplus-banner{background: #fff;transition: 0.3s;box-shadow: 0 0 10px rgba(0,0,0,.1)}.itopplus-sticky{background: #fff !important}#controlBanner{position: absolute;left: 0;right: 0;object-fit: contain;padding: 10px;width: clamp(100px,4vw,250px);margin: 0 auto;transition: 0.3s}.itopplus-sticky #controlBanner{width: 100px}#nav-menu{display: grid;justify-content: end;background: transparent;min-height: auto}}.h1,h1{font-size: 3em;font-weight: bold}.h2,h2{font-size: 2.6em;font-weight: 600}.h3,h3{font-size: 2em;font-weight: 600}.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}.itopplus-footer{font-size: 14px;line-height: 1.6}.itopplus-footer h4{font-size: 1.1em;margin: 0px 0 0px;height: 40px}.itopplus-footer h3{font-size: 1.2em;line-height: 1.4;margin: 0}.itopplus-footer a{color: #fff}.itopplus-footer a:hover{color: #d9bc30}.footer-qr img{width: 37% !important}#Component67ad60f91673aa001a97247f{width: 80%}.footer-pd{padding: 15% 0}.footer-pd h4{height: inherit}.footer-icon-img{width: 50%;display: flex;gap: 10px;justify-content: center;margin: 0px 0 10px}.icon-img{transition: 0.5s}.icon-img:hover{transform: scale(1.1)}.copy-right{font-size: 0.8em;font-family: "Montserrat",serif}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #6c9034 !important;color: #6c9034 !important;font-family: "Noto Sans Thai",sans-serif !important}.buttonExampleSite:hover{background: #6c9034 !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: 10% 2% 2%}ul#slider67ad5c5e263686001a838c39,ul#slider67ad6dc31673aa001a97297e{width: 60%;margin: 0 auto}.padding-pd{padding: 2%}figure.effect-selena{background: transparent}.about-block{padding: 5% 15% 0 0;font-size: 1.1em}.about-block h3{color: #000;margin: 0 0 15px}.about-block h4{font-family: "Montserrat",serif;color: #45734c;margin: 5px 0 15px;font-weight: 600}.menu-align{text-align: center;padding: 5% 0 2%}.menu-align h1{font-family: "Noto Sans Thai",sans-serif;color: #45734c}.menu-align h3{color: #000;font-family: "Montserrat",serif;font-weight: bold}.product-name{text-align: center;padding: 7% 0;text-transform: uppercase}.product-name h4{color: #000000;font-weight: 600;font-size: 1.3em;margin: 0 0 2px}.thumbs .imageWidth.imageGallery{transform: scale(1.0);transition: 0.5s}.thumbs .imageWidth.imageGallery:hover{transform: scale(1.1)}.thumbs .imgLightbox{border-radius: 20px;position: relative!important;overflow: hidden!important;width: 100%!important}.thumbnail{padding: 0px !important;border: 1px solid #eee;border-radius: 0px;box-shadow: none}.slogan-block{padding: 5% 0 50% 38%;color: #000}.slogan-block h1{font-weight: 500;font-size: 3em;margin: 0;line-height: 1.2}.slogan-block h1 span{color: #45734c;font-weight: 700;font-size: 1.4em}.slogan-block h2{margin: 0;font-weight: 500;text-align: right}figure.effect-phoebe{background: transparent;border-radius: 20px}figure.effect-phoebe h2{margin-top: 0em;-webkit-transform: translate3d(0,0px,0);transform: translate3d(0,0px,0);color: #444;text-align: left;font-size: 0.9em}.grid figure h2{word-spacing: normal;font-weight: 400}figure.effect-phoebe img,figure.effect-phoebe:hover img{opacity: 1}.service-banner{padding: 0% 2%}.service-banner h3{white-space: pre-line;color: #000;font-weight: 600;font-size: 3.2em;margin: 0 0 15px;line-height: 1}.btn-price{display: grid;grid-template-columns: 30px auto;border: none;padding: 0 12px;margin: 20px 0;align-items: center}.btn-price-img{margin: -12px;position: relative}.btn-price-text{background: #9454ee;color: #fff;padding: 7px 15px 7px 23px;border-radius: 0 5px 5px 0;font-size: 0.9em;transition: 0.5s}.btn-price:hover .btn-price-text{background: #551aa7;color: #fff}#Component67ad6c63dcaa48001afd74c0 .col-md-3.col-sm-4.col-xs-4{width: 14.28%;padding: 0 25px !important}.service-banner{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_03002024uegd/0/0/servicez-z225494975191.webp);padding: 4% 5% 3%;background-repeat: no-repeat;background-size: 100% auto;background-position: bottom;border-radius: 20px}.about-block2 .about-block{padding: 5% 15% 0 0}.about-pd-img{padding: 2%}.product-sub{padding: 0 5%}.product-sub h3{color: #000;font-weight: bold;margin: 0}.product-sub h4{color: #6c9034;margin: 3px 0 15px;font-family: "Montserrat",serif}.product-ul{font-weight: 400;text-align: left;list-style: none;padding: 0%;margin: 2px auto}.product-ul li{display: flex}.product-ul li::before{content: '✦';padding-right: 10px;color: #804ace;font-weight: 600}figure.effect-jazz{background: transparent;border-radius: 20px;border: 1px solid #eee}figure.effect-jazz figcaption::after{border-top: 0px solid #fff;border-bottom: 0px solid #fff}figure.effect-jazz img{opacity: 1;transition: 0.5s}figure.effect-jazz:hover img{transform: scale(1.1) !important}.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 1.3em;font-weight: 600;color: #000000;font-family: "Montserrat",serif}.Contentmanager .site .col-section .item.-micro a:hover .caption .title{color: #45734c}.Contentmanager .site .col-section .item.-micro a .caption .time{font-size: 0.9em;color: #444;font-family: "Montserrat",serif}.Contentmanager .site .col-section .item.-micro a .post{display: none}.Contentmanager .site .col-section .item.-micro a .image{border-radius: 20px}.Contentmanager .site .col-section .item.-micro{padding: 20px 20px 20px}.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}h3.managerHeader{font-size: 2em;font-weight: 600;color: #000;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: 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: 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 .nav-template{margin-top: 1%}.landingpagemanager li.col-md-6.col-sm-6.col-xs-12.maxHeight-TP5:hover .product-button{background-color: #0478fe;color: #fff}.landingpagemanager li.col-md-6.col-sm-6.col-xs-12.maxHeight-TP5{width: 24%;background: transparent;border: 0px solid #e6c806 !important;margin: 5px;border-radius: 10px;display: inline-table;padding: 0%}.landingpagemanager .col-md-4.col-sm-4.col-xs-4.padding{width: 100%;padding: 0% 0 !important}.landingpagemanager .col-md-8.col-sm-8.col-xs-12{width: 100%;text-align: center;padding: 0% 0% 5%}.landingpagemanager .col-md-8.col-sm-8.col-xs-12 strong{font-size: 16px;display: block;margin-top: 0%;font-weight: 600;text-align: center;color: #000;margin-bottom: 0%;padding: 5% 0%;font-family: "Noto Sans Thai",sans-serif;height: 110px}.landingpagemanager .img-container{padding-bottom: 100%;display: block;overflow: hidden;border-radius: 10px}.landingpagemanager .img-container .img{transition: 0.35s;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1)}.landingpagemanager .img-container .img:hover{-webkit-transform: scale3d(1.05,1.05,1);transform: scale3d(1.05,1.05,1);transition: 0.35s}.landingpagemanager .article-t{font-size: 14px;text-align: left}.landingpagemanager .article-b{font-size: 14px}.landingpagemanager .btn-sm p{display: block}.landingpagemanager{border: solid 0px #eee}.landingpagemanager .btn-sm p{font-size: 14px}.btn-tel{display: grid;grid-template-columns: 20px auto;background: #eeeff0;padding: 15px 10px;width: 100%;justify-content: center;gap: 10px;border-radius: 50px;border: none;margin: 10px 0 0}.text-contact{text-align: center;padding: 2% 0 0}.text-contact h3{font-size: 1.4em;line-height: 1.2;font-weight: 600;margin: 0 0 5px;color: #000}.contact-bg-text{line-height: 1.3}.contact-block2{display: grid;grid-template-columns: repeat(2,1fr);gap: 10px;margin: 10px 0 10px}.contact-bg{display: grid;grid-template-columns: 40px auto;gap: 10px;align-items: center;background: #eeeff0;border-radius: 50px;padding: 5px}.contact-bg:hover{background: #45734c;color: #fff}.no-js #Component67ada6b56052aa001372bdd6 label{display: none !important}.no-js #Component67ada6b56052aa001372bdd6 .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component67ada6b56052aa001372bdd6 .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 #Component67ada6b56052aa001372bdd6 .form-control:hover{border: 1px solid #45734c}.no-js #Component67ada6b56052aa001372bdd6 .form-control::placeholder{color: #000 !important}.no-js #Component67ada6b56052aa001372bdd6 .form-control:focus{border: 1px solid #45734c;-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 #Component67ada6b56052aa001372bdd6 .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#f9a71f 0,#f9a71f 100%);background: #45734c;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 #Component67ada6b56052aa001372bdd6 .btn-default:active{background: #45734c;color: #fff}.no-js #Component67ada6b56052aa001372bdd6 .btn-default:hover,.no-js #Component67ada6b56052aa001372bdd6 .btn-default:focus{background-position: 0 0px;background: #45734c;color: #fff}.no-js #Component67ada6b56052aa001372bdd6 .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component67ada6b56052aa001372bdd6 span.label{font-size: 0.85em;font-weight: 400}.no-js #Component67ada6b56052aa001372bdd6 .ITPcheckboxAuthen{font-size: 0.9em;padding: 0 0 0 0%;margin-left: -2%}span#contactUsAcceptPolicyText2{display: block}#iframe67adada5797f0900131c61b1 iframe{height: 305px;border-radius: 10px}.CASS-D-border article.col-md-6.item.-micro{width: 25%}.CASS-D-border .Contentmanager .site .col-section .item.-micro a .image{width: 100%}.CASS-D-border .Contentmanager .site .col-section .item.-micro a .caption{width: 100%;padding-left: 0;padding: 7% 0;text-align: center}.CASS-D-border .Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 1em;font-weight: 600;color: #000000;font-family: "Noto Sans Thai",sans-serif;height: 75px}.CASS-D-border .Contentmanager .site .col-section .item.-micro a:hover .caption .title{color: #45734c}.CASS-D-border .Contentmanager .site .col-section .item.-micro a .caption .time{font-size: 0.8em;color: #444;font-family: "Noto Sans Thai",sans-serif}.btn-more{background: #46734d;color: #fff;border: none;padding: 7px 10px;border-radius: 50px;transition: 0.5s}.landingpagemanager .btn-sm p{background: #46734d;color: #fff;border: none;padding: 7px 10px;border-radius: 50px;transition: 0.5s;text-align: center;width: max-content;margin: 0 auto}.CASS-D-border article.col-md-6.item.-micro:hover .btn-more,.landingpagemanager li.col-md-6.col-sm-6.col-xs-12.maxHeight-TP5:hover p{background: #6b9034;color: #fff}.CASS-D-border .Contentmanager .site .col-section .item.-micro a .post{display: none}.CASS-D-border .Contentmanager .site .col-section .item.-micro a .image{border-radius: 20px;border: 1px solid #eee}.CASS-D-border .Contentmanager .site .col-section .item.-micro{padding: 20px 10px 20px}.CASS-D-border .Contentmanager .site .col-section .item.-micro:nth-child(odd){border-right: solid 0px #e8e6e8;border-bottom: solid 0px #e8e6e8}.CASS-D-border .Contentmanager .site .col-section .item.-micro:nth-child(even){border-bottom: solid 0px #e8e6e8}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color: #45734c;border-color: #45734c}.pagination>li>a,.pagination>li>span{color: #45734c}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #45734c;background-color: #f7f7f7}@media only screen and (min-width : 1900px){body{font-size: 20px}.dropdown-menu > li > a{font-size: 1.4em}.container{width: 1440px}.itopplus-footer{font-size: 18px}.ITPcookiebar,.buttonExampleSite{font-size: 16px !important}.btn-tel{grid-template-columns: 25px auto}#iframe67adada5797f0900131c61b1 iframe{height: 331px}.CASS-D-border .Contentmanager .site .col-section .item.-micro a .caption .title{height: 85px}.landingpagemanager .col-md-8.col-sm-8.col-xs-12 strong{font-size: 22px;height: 125px}.landingpagemanager .btn-sm p{font-size: 17px}}@media only screen and (max-width:1191px){#controlBanner{width: clamp(100px,6vw,250px)}.navbar-default .navbar-nav > li > a{margin: 0 20px}.about-block{font-size: 1.1em}.slogan-block{padding: 0% 0 35% 30%}figure.effect-phoebe h2{font-size: 0.7em}.itopplus-footer{font-size: 12px}.slogan-block{font-size: 0.8em}.service-banner h3{font-size: 2.2em}figure.effect-phoebe h2{font-size: 0.6em}.btn-price{grid-template-columns: 17px auto}h3.managerHeader{font-size: 1.8em}}@media only screen and (max-width:900px){.copy-right{text-align: center}.contact-block2{grid-template-columns: repeat(1,1fr)}#iframe67adada5797f0900131c61b1 iframe{height: 167px}span#contactUsAcceptPolicyText2{display: inline}.service-banner{padding: 3% 5% 0.5%;background-size: cover}.CASS-D-border .Contentmanager .site .col-section .item.-micro a .caption .title{height: 90px}h3.managerHeader{font-size: 1.5em}#controlBanner img{width: 30px !important}}@media only screen and (max-width:480px){#imagesControl67ad559534f009001afc6a58{padding: 0 !important}.about-block{padding: 0}.h1,h1{font-size: 2.8em}.slogan-block{font-size: 0.5em;padding: 0% 0 40% 0%}.grid figure figcaption{padding: 10px}figure.effect-phoebe h2{font-size: 0.35em}.service-banner h3{font-size: 2em;margin: 0 0 5px}.btn-price-img{margin: -10px}.btn-price-text{padding: 5px 10px 5px 15px;font-size: 0.8em}.about-block2 .about-block{padding: 1% 0% 0 0}.product-sub{padding: 0 0%}.Contentmanager .site .col-section .item.-micro a .caption{padding-left: 0;padding: 20px 0 0}.col-md-6.pull-left,.col-md-6.pull-right{width: 100%;margin: 0 0% 0 0}.Textmanager.font-inherit{display: block}.btn-tel{grid-template-columns: 25px auto;background: #eeeff0;padding: 15px 50px;text-align: left}.no-js #Component67ada6b56052aa001372bdd6 .col-md-6{padding: 0 15px}.service-banner{padding: 6% 8% 5%;background-size: cover;background-position: left}.CASS-D-border article.col-md-6.item.-micro{width: 50%}.CASS-D-border .Contentmanager .site .col-section .item.-micro a .caption .title{height: 90px;font-size: 1em}.btn-more{font-size: 0.9em}h3.managerHeader{font-size: 1.5em}ul#slider67ad5c5e263686001a838c39,ul#slider67ad6dc31673aa001a97297e{width: 60%}#controlBanner img{top: 5px;width: 41px !important}}@media only screen and (max-width:375px){.btn-tel{padding: 15px 30px}}