.itopplus-background{}body{font-size: 16px;overflow-x: hidden;color: #000000}a{color: #000000}a:hover{color: #55ac01}b,strong{font-weight: 600}.col-md-12.padding.zIndex-pos2{z-index: 98}.itopplus-bg{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_14012023hjcl/0/0/1z-z859785287322.webp')}.itopplus-bg2{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_14012023hjcl/0/0/2z-z498836278964.webp')}.itopplus-bg3{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_14012023hjcl/0/0/3z-z127350578997.webp')}.navbar-default .navbar-nav>li>a{font-size: 1em;color: #000;margin: 0 10px;padding: 10px 15px 0px 0px;font-weight: 500}.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: #55ac01 !important;box-shadow: none;border-radius: none;background: transparent;background-color: transparent}.dropdown-menu>li>a{font-size: 1.2em;color: #000;font-weight: 500;padding: 7px 20px}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color: #fff;background: #55ac01}@media screen and (min-width : 1024px){.navbar-default{background: transparent}#controlBanner{object-fit: contain;padding: 15px;width: 55%;margin: 0 auto}#controlPosition{margin-top: 0;text-align: right}.itopplus-menu{margin-top: 1%}.no-js .itopplus-banner{position: sticky;top: 0;width: 100%;z-index: 100;background: #fff;transition: .3s;box-shadow: 0 0 15px rgba(0,0,0,.1)}}.h1,h1{font-size: 3.4em}.h2,h2{font-size: 3.6em;font-weight: 700}.h3,h3{font-size: 2.4em;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}.header-tel{background: #55ac01;color: #fff;display: grid;grid-template-columns: 18px auto;justify-content: center;align-items: center;gap: 10px;padding: 1.3%;border-radius: 0 0 15px 15px;width: 30%;float: right}.header-tel a,.header-tel span,.header-tel strong{color: #fff;display: contents}.itopplus-footer{font-size: 14px;color: #fff;line-height: 1.7}.itopplus-footer h3{font-size: 1.2em;font-weight: 600}.itopplus-footer .media-body{padding: 5px 5px}.itopplus-footer h4{margin: 0px 0 10px;font-weight: 400}.itopplus-footer a{color: #fff}.itopplus-footer a:hover{color: #55ac01}.footer-logo{width: 50%;margin: 0 auto}.footer-pd{padding-left: 10%}.icon-img-footer{display: flex;gap: 10px;width: 80%;justify-content: center;margin-bottom: 20%}.icon-img{transition: 0.5s}.icon-img:hover{transform: scale(1.1)}.copy-right{font-size: 0.9em;font-family: "Outfit",sans-serif}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #55ac01 !important;color: #55ac01 !important;font-family: 'Noto Sans Thai',sans-serif !important}.buttonExampleSite:hover{background: #55ac01 !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%}.icon-bg1,.icon-bg2,.icon-bg3{margin-top: -20%;padding: 5% 10% !important;transition: 0.5s}.icon-bg1 h4,.icon-bg2 h4,.icon-bg3 h4{white-space: pre-line;line-height: 1.3;padding: 5%}.icon-bg1 img,.icon-bg2 img,.icon-bg3 img{width: 90% !important;margin: 0 auto;display: block}.icon-bg1{background: #45800b;color: #fff}.icon-bg2{background: #56a00d;color: #fff}.icon-bg3{background: #60c400;color: #fff}.icon-bg1:hover,.icon-bg2:hover,.icon-bg3:hover{background: #000000;color: #fff}.product-icon{width: 30%;margin: 0 auto -20%;position: relative;z-index: 2}figure.effect-phoebe{background: transparent;border-radius: 70px 70px 0 0}figure.effect-phoebe h2{margin-top: 2em;transform: translate3d(0,0px,0);font-size: 1em;color: #000}.grid figure h2{word-spacing: normal;font-weight: 400}figure.effect-phoebe img{opacity: 1;transition: 0.5s}figure.effect-phoebe:hover img{transform: scale(1.05)}.product-head{padding: 70% 10% 0 0;font-family: "Outfit",sans-serif;text-align: right}.product-border{border-bottom: 5px solid #55ac01;width: 17%;margin: 5% 0 0 auto}.product-name h4{font-size: 1.4em;font-weight: 600}.product-name button{font-family: "Outfit",sans-serif;background: transparent;border: none;font-size: 0.8em;text-decoration: underline;transition: 0.5s}.product-name:hover button{color: #55ac01}figure.effect-jazz{background: transparent}figure.effect-jazz figcaption::after{border-top: 0px solid #fff;border-bottom: 0px solid #fff}.about-bg{background: #55ac01;color: #fff;padding: 2% 20% 10%;position: relative;z-index: 2;margin-top: 35%;margin-left: -37%;font-weight: 500;line-height: 1.7;font-size: 1.1em}.about-bg h1{font-size: 13em;color: #54ac02;text-shadow: 1px 1px 1px #7ad91e,-1px -1px 0 #7ad91e,1px -1px 0 #7ad91e,-1px 1px 0 #7ad91e,1px 1px 0 #7ad91e;font-family: "Outfit",sans-serif;line-height: 1;margin: 0}.about-bg h3{margin-top: -18%}.btn-more{background: #fff;color: #000;border: none;font-family: "Outfit",sans-serif;font-weight: 400;font-size: 0.8em;padding: 10px 7px;transition: 0.5s}.btn-more:hover{background: #000;color: #fff}.menu-align{text-align: center;padding: 5% 0 2%}.menu-align h3{font-family: "Outfit",sans-serif;margin: 0}.menu-align-border{border-top: 7px solid;border-right: 7px solid transparent;border-left: 7px solid transparent;color: #55ac01;display: inline-block;width: 0;height: 0}figure.effect-sadie p{position: absolute;bottom: 0;left: 0;padding: 4em 1em 1em !important;width: 100%;opacity: 1;-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,0,0);text-align: left;background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.4) 100%);text-transform: initial}figure.effect-sadie figcaption::before{z-index: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: -webkit-linear-gradient(top,rgba(72,76,97,0) 0,rgba(0,0,0,.8) 100%);background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%);content: '';opacity: 0;-webkit-transform: translate3d(0,50%,0);transform: translate3d(0,50%,0)}.grid figure p{letter-spacing: 0px}.effect-sadie{}.effect-sadie img{transition: 0.5s}.effect-sadie:hover img{transform: scale(1.1)}.grid figure p{letter-spacing: 0px;font-size: 1em}.grid figure img{opacity: 1}.service-name{white-space: pre-line;border-left: 5px solid #55ac01;padding-left: 20px;line-height: 1.3;font-weight: 600}.padding-pd{padding: 2%}.CASS-D-border{background: rgba(255,255,255,1) !important;margin: 5% auto;padding: 1%}.CASS-C-head,.CASS-D-head{font-family: "Noto Sans Thai",sans-serif}.CASS-D-head h3{margin: 20px 0 0;font-size: 1.7em;padding-left: 0px;color: #000000;text-align: center;font-weight: 700}.CASS-D-border .form-control{border: none;background-color: transparent;border-bottom: 2px solid #c0c0c0;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: 27px 0px 15px;font-weight: 500;color: #000 !important}.CASS-D-border .form-control::placeholder{color: #000 !important}.CASS-D-border .form-control:hover{border-bottom: 2px solid #55ac01}.CASS-D-border .form-control:focus{border-bottom: 2px solid #55ac01;-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}.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: #55ac01;color: #fff;text-shadow: 0 0px 0 #282828;background-repeat: repeat-x;border-color: #0000;border-radius: 0px;padding: 8px 20px;font-size: 0.95em;font-weight: 400;border: 0px solid transparent;font-family: "Outfit",sans-serif;text-transform: uppercase}.CASS-D-border .btn-default:active{background-color: #55ac01}.CASS-D-border .btn-default:hover,.CASS-D-border .btn-default:focus{background-position: 0 0px;background-color: #55ac01}.CASS-D-border .ITPcheckboxAuthen{font-size: 0.95em;color: #000;text-align: left !important;padding-left: 5%}.CASS-D-border .col-md-offset-5.col-md-1.col-sm-12{margin-left: 32%}span#customAcceptPolicyText1,span#contactUsAcceptPolicyText2{color: #000}span#contactUsAcceptPolicyText2{display: block;font-weight: 600}.CASS-D-border #editor1,.CASS-D-border #editor2,.CASS-D-border #editor3,.CASS-D-border #editor4,.CASS-D-border #editor5,.CASS-D-border #editor6{display: none}.CASS-D-border #selectbox4{margin-bottom: -20px}.glyphicon-ok-circle:before{display: none}.about-bg1{background: #fff;padding: 10%;margin-top: 15%;margin-left: -15%;position: relative;z-index: 2}.about-bg1 h4{font-size: 1.5em;font-weight: 600;color: #55ac01;margin: 0 0 15px}.TabItpContentLandingPage6{background-color: transparent;padding: 0}.TabItpContentLandingPage6>ul{width: 100%;background-color: transparent;border-radius: 30px}.TabItpContentLandingPage6>ul>li>a{background-color: #eee !important;border-radius: 15px;margin-right: 5px;padding: 10px 25px !important}.TabItpContentLandingPage6>ul>li.active>a,.TabItpContentLandingPage6>ul>li>a:hover{background-color: #55ac01!important}.TabItpContentLandingPage6>ul>li>a>span{color: #000;font-size: 1.1em !important;font-weight: 600}.tab-itp-background{background-color: inherit;padding: 0% !important;margin-top: 2%;margin-bottom: 0%!important}h3.managerHeader{font-size: 2.4em;text-align: center;font-weight: 600}#Contentmanager .post-time{display: none}.page-header{border-bottom: 0px solid #eee}.col-md-6.pull-left{padding: 0;width: 45%;margin: 0 3% 0 0}.Textmanager.font-inherit{text-align: left;display: flow-root}.Textmanager.font-inherit h3{font-weight: 600;line-height: 1.2;margin: 0}.Textmanager.font-inherit h4{color: #22448b;font-weight: 600;margin: 25px 0 5px}.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;width: 33.33%}.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: 0px;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 #cecece;padding: 0px;box-shadow: none !important;border-radius: 0px}.img-thumbnail{padding: 0px;border: 0px solid #ddd;border-radius: 0px}.social-icon{border-radius: 5px}.landingpagemanager{display: none}.col-section{padding: 0 0 4%}article.col-md-6.item.-micro{width: 33.33%}.Contentmanager .site .col-section .item.-micro{padding: 10px 10px 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}.Contentmanager .site .col-section .item.-micro a .image{width: 100%;border-radius: 0px;background-color: transparent;border: 0px solid #d4d4d4}.Contentmanager .site .col-section .item.-micro a .post{display: none}.Contentmanager .site .col-section .item.-micro a .caption{width: 100%;background-color: transparent;border-radius: 0;padding: 0 0}.Contentmanager .site .col-section .item.-micro a .caption .time{text-align: center;padding: 5% 0;display: none}.Contentmanager .site .col-section .item.-micro a:hover .caption .time{}.Contentmanager .site .col-section .item.-micro a .caption .time span{color: #55ac01}.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 1.2em;font-weight: 600;background: #55ac01;color: #fff;text-align: center;padding: 5% 0%;margin-bottom: 0px;line-height: 1.4}.Contentmanager .site .col-section .item.-micro a:hover .caption .title{background: #45800b;color: #fff}table.tj2{width:100%}table.tj2 td,table.tj2 th{border: 1px solid #eee;padding: 10px 15px}tr:nth-child(even){background-color: #f9f9f9}tr:nth-child(odd){background-color: #fff}table.tj2 tr:hover{background-color: #55ac01;color: #fff}#background6639dba80a8c9a001349ac9d{width: 90%;margin: 0 auto}.text-contact{padding: 1% 7%}.text-contact .media-body{padding: 8px 0 10px}.text-contact img{width: 85% !IMPORTANT}.padding-contact{padding: 8px 0 10px}.text-contact h3{font-weight: 600;margin: 0 0 15px;line-height: 1.2;font-size: 1.5em}.no-js #Component6639e944eab55f001365ede1 label{display: none!important}.no-js #Component6639e944eab55f001365ede1 .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component6639e944eab55f001365ede1 .form-control{border: 1px solid #dbdbdb;border-radius: 5px!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 #Component6639e944eab55f001365ede1 .form-control:hover{border: 1px solid #55ac01}.no-js #Component6639e944eab55f001365ede1 .form-control:focus{border: 1px solid #55ac01;-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 #Component6639e944eab55f001365ede1 .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#f9a71f 0,#f9a71f 100%);background: #55ac01;color: #fff;text-shadow: 0 0px 0 #5ca038;background-repeat: repeat-x;border-color: #7a2d8d;border-radius: 0px;padding: 10px 25px;font-size: 0.9em;font-weight: 400;border: 0px solid transparent}.no-js #Component6639e944eab55f001365ede1 .btn-default:active{background-color: #55ac01}.no-js #Component6639e944eab55f001365ede1 .btn-default:hover,.no-js #Component6639e944eab55f001365ede1 .btn-default:focus{background-position: 0 0px;background-color: #55ac01}.no-js #Component6639e944eab55f001365ede1 .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component6639e944eab55f001365ede1 span.label{font-size: 0.85em;font-weight: 400}.no-js #Component6639e944eab55f001365ede1 .ITPcheckboxAuthen{font-size: 0.9em;padding: 0 0 0 0%}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color: #55ac01;border-color: #55ac01}.pagination>li>a,.pagination>li>span{color: #55ac01}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #55ac01;background-color: #f7f7f7}@media only screen and (min-width : 1900px){body{font-size: 20px}.dropdown-menu>li>a{font-size: 1.5em}.header-tel{grid-template-columns: 25px auto}.icon-bg1 img,.icon-bg2 img,.icon-bg3 img{width: 75% !important}.product-icon{width: 23%}figure.effect-phoebe{border-radius: 100px 100px 0 0}.about-bg{font-size: 1.18em}.CASS-D-border .form-control{padding: 35px 0px 20px}.itopplus-footer{font-size: 18px}.ITPcookiebar,.buttonExampleSite{font-size: 16px !important}.footer-logo{width: 40%}.about-bg1{padding: 10% 10% 20%;margin-top: 20%}.TabItpContentLandingPage6>ul>li>a{padding: 10px 50px !important}.text-contact{padding: 1% 11%}.no-js #Component6639e944eab55f001365ede1 .form-control{padding: 32px 20px}}@media only screen and (max-width:1191px){.navbar-default .navbar-nav>li>a{margin: 0 0px;font-size: 0.9em}.header-tel{width: 35%}.icon-bg1,.icon-bg2,.icon-bg3{padding: 5% 5% !important}.icon-bg1 h4,.icon-bg2 h4,.icon-bg3 h4{padding: 10% 2% 0;font-size: 1.1em}.product-head{padding: 70% 4% 0 0}.grid figure figcaption{padding: 1em}.about-bg{padding: 2% 10% 10%}.itopplus-footer{font-size: 11px}}@media only screen and (max-width:900px){.icon-bg1 h4,.icon-bg2 h4,.icon-bg3 h4{font-size: 0.9em}.product-head h3{font-size: 1.8em}.product-name h4{font-size: 1em}figure.effect-phoebe h2{margin-top: 1em}.about-bg h1{font-size: 8em}.itopplus-bg3{background-position: right}.CASS-D-border .col-md-offset-5.col-md-1.col-sm-12{margin-left: 20%}.TabItpContentLandingPage6>ul{display: flex;justify-content: center}.copy-right{text-align: center}.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 1em}.table-responsive{border: 0px solid #ddd}.text-contact .media-body{padding: 6px 0 10px}}@media only screen and (max-width:480px){#imagesControl662f2497d36d650013c3a799{padding: 0 !important}.icon-bg1,.icon-bg2,.icon-bg3{width: 90%;margin: -7% auto 0}.icon-bg1 h4,.icon-bg2 h4,.icon-bg3 h4{font-size: 1.1em}.icon-bg1{margin-top: 5%}.product-head{padding: 7% 4% 0 0}.product-name{padding-top: 10%}.about-bg{margin-top: 0;margin-left: 0}#display2{margin-right: -20px}.CASS-D-border .col-md-offset-5.col-md-1.col-sm-12{margin-left: 25%}.about-bg1{margin-top: 0%;margin-left: 0%}.TabItpContentLandingPage6>ul{flex-direction: column}.TabItpContentLandingPage6>ul>li>a{padding: 10px 5px !important}.TabItpContentLandingPage6>ul>li>a>span{font-size: 1em !important}.contenemanager-gallery .col-xs-12.col-md-3,.Contenemanager-gallery .col-xs-6.col-md-3{width: 100%}article.col-md-6.item.-micro{width: 100%}.col-section{padding: 0 7%}.text-contact{padding: 1% 3%}.text-contact .media-body{padding: 2px 0 15px}}@media screen and (max-width: 992px){#controlBanner img{position: fixed;top: 7px;left: 10px;width: 35px !important;z-index: 10000}.navbar-header,#ItopplusMainSidebar>div{background: #fff !important}.navbar-header a.visible-xs{filter: contrast(30%)}#ItopplusMainSidebar a{color: #444 !important}.navbar-toggle .icon-bar{background-color: #444 !important}#nav-menu{position: fixed;width: 100%;top: 0;left: 0;z-index: 9999}.navbar-header{display: flex;flex-direction: row-reverse;align-items: center;gap: 5px;height: 50px;box-shadow: 0 0 3px #ccc;width: 100%}.navbar-header::before,.navbar-header::after{display: none}#itpMenuSideBar{display: grid;place-items: center;border: none;margin: 0 !important;padding: 0 !important;aspect-ratio: 1;width: 40px}#itpMenuSideBar .navbar-inline:first-child{display: flex;flex-direction: column;gap: 5px}#itpMenuSideBar .navbar-inline:first-child>span{margin: 0 !important}#itpMenuSideBar .navbar-inline:nth-child(2){display: none !important}#ItopplusMainSidebar li{border: none}.navbar-header a:not(a.visible-xs),.navbar-header a.visible-xs i{display: none !important}.navbar-header a.visible-xs{display: grid !important;place-items: center;place-content: center;aspect-ratio: 1;height: 35px !important;background-image: url();background-size: 22px;background-position: center;background-repeat: no-repeat}#itpphonemobile{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/telephone-callz-z85358287594.png) !important}#itpsearchmobile{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/searchz-z802258593714.png) !important}.old-image-icon-facebook{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/fbz-z870717797999.png) !important}.old-image-icon-line{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/linez-z21670262898.webp) !important}.old-image-icon-instragram{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/igz-z1587384208209.webp) !important}.old-image-icon-youtube{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/ytz-z962652931262.webp) !important;background-size: 25px !important}#languagemobile{order: 10}.row-fluid{flex-wrap: unset !important}#language_member_bar{display: none}#main-navbar-collapse{display: none !important}a#languagemobile{filter: unset !important}}