.itopplus-background{}body{font-size: 18px;overflow-x: hidden;color: #000000}a{color: #000000}a:hover{color: #1aa154}.itopplus-bg{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_21032023wao3/0/0/1z-z649380997116.webp')}.navbar-default .navbar-nav>li>a{font-size: 1em;color: #fff;margin: 0 2px;padding: 10px 10px;font-family: 'Onest',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: #1aa154 !important;box-shadow: none;border-radius: none;background: transparent;background-color: transparent;text-shadow: none}.dropdown-menu>li>a{font-size: 1.2em;color: #000;font-family: 'Onest',sans-serif}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color: #fff;background: #1aa154}@media screen and (max-width : 992px){.navbar-default .navbar-toggle .icon-bar{background-color: #fff !important;color: #fff !important}#controlMenu,#controlMenu i,#controlMenu li a{color: #fff !important}.navbar-default{background: #1aa154}.navbar-header{display: flex;flex-direction: row-reverse;box-shadow: 0 0 3px 0 #ccc;padding: 0 10px}.itopplus-logo img{position: fixed;object-fit: contain;width: 45px !important;top: 0px;left: 15px;border-radius: 0 0 10px 10px}}@media screen and (min-width : 1024px){.navbar-default{background: transparent}#controlPosition{margin-top: 3%;text-align: center}#controlBanner{object-fit: contain;padding: 0;width: 50%;float: right;transition: .3s}#controlBanner img{padding: 0 5px 10px;border-bottom-left-radius: 25px;border-bottom-right-radius: 25px;background: #fff}.itopplus-banner{position: sticky;background: #307511;z-index: 999;top: 0}.banner-sticky{position: sticky !important;background: #307511 !important;animation: slide-down 0.8s;top: 0}.banner-sticky #controlBanner{width: 50%!important}}@media (min-width: 1200px){.container{width: 1300px}}@media (min-width: 1900px){.container{width: 1660px}}.h1,h1{font-size: 3.4em;font-weight: 600}.h2,h2{font-size: 3em;font-weight: 600}.h3,h3{font-size: 2.4em}.h4,h4{font-size: 1.2em}.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}#carousel6572b350c0fc6b0012883f0a .hidden{display: block!important;visibility: inherit!important;pointer-events: none}#carousel6572b350c0fc6b0012883f0a .carousel-indicators .active{background-color: #fff;width: 12px;height: 12px;margin: 5px}#carousel6572b350c0fc6b0012883f0a .carousel-indicators li{display: inline-block;width: 12px;height: 12px;margin: 5px;text-indent: -999px;cursor: pointer;background-color: rgba(255,255,255,.5);border-radius: 50px;border-color: 1px solid #fff}#carousel6572b350c0fc6b0012883f0a .carousel-indicators{bottom: 0%}#carousel6572b350c0fc6b0012883f0a .glyphicon-chevron-left:before,#carousel6572b350c0fc6b0012883f0a .glyphicon-chevron-right:before{display: none}.itopplus-footer{font-size: 14px;line-height: 1.6;color: #fff}.itopplus-footer h4{font-family: 'Onest',sans-serif;margin: 0 0 20px}.itopplus-footer a{color: #fff}.itopplus-footer a:hover{color: #f3e181}.footer-logo{width: 35%;margin: 0 auto 5%}.icon-img-footer{display: flex;gap: 20px;width: 50%;justify-content: center;margin: 10% auto}.icon-img{transition: 0.5s}.icon-img:hover{transform: scale(1.1)}.footer-pd1{}.footer-pd1 img{width: 70% !important}.footer-pd1 .media-body{padding: 5px 0 0}.copy-right{padding: 0px 0 5%;font-size: 0.9em;font-family: 'Onest',sans-serif;text-align: right}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #1aa154 !important;color: #1aa154 !important;font-family: 'Noto Sans Thai',sans-serif !important}.buttonExampleSite:hover{background: #1aa154 !important;color: #ffffff !important}.ITP-pdpa-template-titleFont{font-size: 1.2em !important;color: #1aa154;padding-bottom: 0rem !important}.ITP-pdpa-template-contentFont{font-size: 1em !important}.itpPDPALandingPage{padding: 4% 2% 2%}.padding-pd{padding: 2%}.about-detail{white-space: pre-line;padding: 5% 5% 0 13%}.about-detail h3,.about-detail2 h3{line-height: 1.3;font-weight: 400;margin: 0 0 20px}.about-detail h3 span,.about-detail2 span{color: #1aa154;font-weight: bold}.menu-align{text-align: center;padding: 4% 0 1%}.menu-align h2{margin: 0;font-family: 'Onest',sans-serif;text-transform: uppercase}.imageWidth.imageGallery{transform: scale(1.0);transition: 0.5s}.imageWidth.imageGallery:hover{transform: scale(1.1)}.imgLightbox{position: relative!important;overflow: hidden!important;width: 100%!important;border-radius: 40px}.btn-more-display{display: flex;font-size: 1em;font-weight: bold;gap: 10px;align-items: flex-start;transition: 0.5s;margin: 5% 0 0}.btn-more-display:hover{color: #1aa154}.btn-more-img{width: 20px}.overview-bg{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_21032023wao3/0/0/bussiness-bgz-z870542128611.webp);background-size: 100% auto;background-repeat: no-repeat;padding: 1%;color: #fff;border-radius: 40px}.overview-width-bg{display: flex;align-items: center;justify-content: center;gap: 20px;background: rgba(14,142,17,.65);color: #fff;border-radius: 30px}.overview-width{width: 25%;text-align: center;padding: 3% 0;font-size: 1.2em}.overview-width h3{font-family: 'Onest',sans-serif;font-size: 2em;margin: 0 0 15px}.about-detail2{padding: 1%}.col-section{padding: 0 2%}.coming-soon{width: 80%;margin: 0 auto}article.col-md-6.item.-micro{width: 25%}.Contentmanager .site .col-section .item.-micro{padding: 0px 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: 30px;background-color: transparent;border: 0px solid #eee}.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: 5% 0}.Contentmanager .site .col-section .item.-micro a .caption .time{margin-bottom: 10px;font-size: 1em;color: #000;text-align: left}.Contentmanager .site .col-section .item.-micro a:hover .caption .time{color: #1aa154}.Contentmanager .site .col-section .item.-micro a .caption .title{margin-bottom: 10px;font-size: 1.2em;font-weight: 500;color: #000;text-align: center;padding: 5% 0;display: none}.Contentmanager .site .col-section .item.-micro a:hover .caption .title{color: #941f21}h3.managerHeader{text-align: center;font-size: 3em;font-weight: 600}#Contentmanager .post-time{display: none}.page-header{border-bottom: 0px solid #eee}.col-md-6.pull-left{margin-left: -3%;margin-right: 2%}.Textmanager.font-inherit{text-align: left;display: flow-root}.Textmanager.font-inherit h2{font-weight: 600;margin: 0px 0 5px;font-size: 2em}.Textmanager.font-inherit h3{font-weight: 600;margin: 0 0 0}.Textmanager.font-inherit h4{margin: 10px 0;font-weight: 600}.Textmanager.font-inherit ul{margin: 10px 0 10px -15px}.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 #fff;border-radius: 30px;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: 15px;transform: scale(1.0) !important}#Contentmanager img.img-responsive{border-radius: 30px;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;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}.TabItpContentLandingPage10{font-family: 'Noto Sans Thai',sans-serif;padding: 0px;box-shadow: none}.TabItpContentLandingPage10>.nav-tabs>li>a:before{background-color: #edebd9}.TabItpContentLandingPage10>.nav-tabs>li.active>a,.TabItpContentLandingPage10>.nav-tabs>li.active>a:hover,.TabItpContentLandingPage10>.nav-tabs>li>a:hover,.ContentmanagerTab .nav-tabs>li.active>a,.ContentmanagerTab .nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color: #2e2e2e !important}.TabItpContentLandingPage10>.tab-content{color: #000;background: #fff;font-size: 1em;letter-spacing: 0px;line-height: 23px;padding: 15px 15px 10px 15px;box-shadow: none !important;border-radius: 0;border: none !important}.TabItpContentLandingPage10>.nav-tabs{width: 35%;min-width: 35%;font-family: 'Onest',sans-serif}.TabItpContentLandingPage10>.nav-tabs>li>a{font-weight: 500;text-align: left;padding: 20px;border-radius: 15px;text-transform: uppercase;background: #ffffff}.TabItpContentLandingPage10>.nav-tabs>li span{font-size: 1.4em !important}.tab-itp-background{padding: 0% 5% !important;margin-top: 0% !important}.service-intro{color: #000;line-height: 1.4}.service-intro img{border-radius: 40px;margin: 0 0 4%}.service-detail{padding: 2% 0 0 5%}.service-ul{font-weight: 400;text-align: left;list-style: none;padding: 0%}.service-ul li{display: flex}.service-ul li::before{content: '✦';padding-right: 10px;color: #1aa154;font-weight: 600}.service-text{width: 80%;margin: 0 auto;text-align: center}.service-detail2{padding: 5% 15% 0 5%}.service-detail2 h4{color: #307511;font-size: 1.5em;margin-bottom: 10px}.service-detail2 h4::before{content: '✦';padding-right: 10px;color: #307511;font-weight: 600}#background658a42d06c59f8001a27c505 .row-fluid{justify-content: center}.service-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 20px;margin: 3% 0;width: 70%;margin: 3% auto;padding-left: 4%}.service-grid-item{display: grid;grid-template-columns: 18% auto;align-items: flex-start;gap: 15px;margin-bottom: 15px}.service-grid-item img{object-fit: contain;width: 100%;filter: brightness(0) saturate(100%) invert(32%) sepia(68%) saturate(967%) hue-rotate(65deg)}.page-banner{position: relative;text-align: center;margin-bottom: 2%;display: grid;place-items: center}.page-banner img{object-fit: cover;object-position: 0 50%;height: 550px}.page-banner-text{position: absolute;width: 100%;color: #fff}.page-banner-text h3{width: 60%;margin: 0 auto;font-size: 1.5em}@media screen and (min-width:1024px) and (max-width:1600px){.page-banner{height: 450px}.page-banner-text h3{width: 70%}}.text-contact{}.text-contact .media-body{padding: 8px 0}.text-contact img{width: 75% !IMPORTANT}.padding-contact{padding: 8px 0 0px}.text-contact h3{font-weight: 600;font-size: 2em;color: #1aa154}.no-js #Component6572ea3ec0fc6b0012884b75 label{display: none!important}.no-js #Component6572ea3ec0fc6b0012884b75 .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component6572ea3ec0fc6b0012884b75 .form-control{border: 1px solid #dbdbdb;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: 35px 20px;font-weight: 400;line-height: 1.5;background: #fff;color: #000!important}.no-js #Component6572ea3ec0fc6b0012884b75 .form-control:hover{border: 1px solid #1aa154}.no-js #Component6572ea3ec0fc6b0012884b75 .form-control:focus{border: 1px solid #1aa154;-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 #Component6572ea3ec0fc6b0012884b75 .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#f9a71f 0,#f9a71f 100%);background: #1aa154;color: #fff;text-shadow: 0 0px 0 #5ca038;background-repeat: repeat-x;border-color: #0000;border-radius: 50px;padding: 10px 25px;font-size: 0.9em;font-weight: 400;border: 0px solid transparent}.no-js #Component6572ea3ec0fc6b0012884b75 .btn-default:active{background-color: #1aa154}.no-js #Component6572ea3ec0fc6b0012884b75 .btn-default:hover,.no-js #Component6572ea3ec0fc6b0012884b75 .btn-default:focus{background-position: 0 0px;background-color: #1aa154}.no-js #Component6572ea3ec0fc6b0012884b75 .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component6572ea3ec0fc6b0012884b75 span.label{font-size: 0.85em;font-weight: 400}.no-js #Component6572ea3ec0fc6b0012884b75 .ITPcheckboxAuthen{font-size: 0.87em;padding: 0 0 0 0%}#iframe6572f05465efeb0013abdf25 iframe{height: 257px;border-radius: 15px}.join-us{padding: 3% 2% 0}.join-us h4{font-size: 1.5em;font-weight: 600;margin: 0}.nav-template7 li{list-style-type: inherit;padding: 10px 0;border-top: 0px solid #f9f9f9}.nav-template7 li:hover{background-color: #f9f9f9}.nav-template7 li a{color: #000;font-size: 18px!important;text-align: left}#contenttype71{font-size: 18px;text-align: left}#contenttype71 h4{font-weight: 600;margin: 10px 0 0;font-size: 1.1em}.btn-sm p{font-size: 18px}#contenttype71 ul{margin-bottom: 20px !important}.nav-template7 .fa-plus:before{content: "»";color: #1aa154;font-size: 1.6em}.CASS-D-border{background-image: none;background-color: #fff;padding: 0 0}.CASS-D-border .form-control{border: 1px solid #dbdbdb;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: 5px 20px;height: 50px;font-weight: 400;line-height: 1.5;background: #fff;color: #000!important;margin-bottom: 15px}.CASS-D-border .form-control:hover{border: 1px solid #1aa154}.CASS-D-border .form-control:focus{border: 1px solid #1aa154;-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,#f9a71f 0,#f9a71f 100%);background: #1aa154;color: #fff;text-shadow: 0 0px 0 #5ca038;background-repeat: repeat-x;border-color: #0000;border-radius: 50px;padding: 10px 25px;font-size: 0.9em;font-weight: 400;border: 0px solid transparent}.CASS-D-border .btn-default:active{background-color: #1aa154}.CASS-D-border .btn-default:hover,.CASS-D-border .btn-default:focus{background-position: 0 0px;background-color: #1aa154}.CASS-D-border h4{margin: 20px 0 0px;font-weight: 600;font-size: 1.4em}.CASS-D-border .col-md-12.col-sm-12 .form-group.col-md-2.col-sm-12{width: 150px}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color: #1aa154;border-color: #1aa154}.pagination>li>a,.pagination>li>span{color: #1aa154}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #1aa154;background-color: #f7f7f7}@media screen and (min-width:768px){.page-banner img{height: 340px}}@media only screen and (min-width : 1900px){body{font-size: 22px}.navbar-default .navbar-nav>li>a{padding: 10px 20px}.TabItpContentLandingPage10>.nav-tabs>li span{font-size: 1.7em !important}.itopplus-footer{font-size: 19px}.ITPcookiebar,.buttonExampleSite{font-size: 16px !important}.nav-template7 li a,.btn-sm p,#contenttype71{font-size: 22px!important}.nav-template7 li{padding: 15px 0}.text-contact img{width: 70% !IMPORTANT}#iframe6572f05465efeb0013abdf25 iframe{height: 250px}.CASS-D-border .form-control{height: 55px}.CASS-D-border .btn{font-size: 0.9em !IMPORTANT}.CASS-D-border .col-md-12.col-sm-12 .form-group.col-md-2.col-sm-12{width: 200px}.Contentmanager .site .col-section .item.-micro a .caption .time{font-size: 1.1em}.page-banner img{height: 550px}}@media only screen and (max-width:1191px){body{font-size: 16px}.navbar-default .navbar-nav>li>a{margin: 0 0px;padding: 10px 8px}.about-detail{white-space: inherit;padding: 2% 0% 0 0%}.TabItpContentLandingPage10>.nav-tabs>li span{font-size: 1.1em !important}.TabItpContentLandingPage10>.nav-tabs>li>a{padding: 15px 10px}.Contentmanager .site .col-section .item.-micro a .caption .time{font-size: 0.9em}.itopplus-footer{font-size: 11px}.about-detail2{padding: 0%}.nav-template7 li{padding: 5px 0}#contenttype71,.btn-sm p{font-size: 16px}#contenttype71 h4{font-size: 1em}.no-js #Component6572ea3ec0fc6b0012884b75 .form-control{padding: 32px 20px}#iframe6572f05465efeb0013abdf25 iframe{height: 250px}}@media only screen and (max-width:900px){.about-detail h3,.about-detail2 h3{font-size: 1.8em}.menu-align h2,h3.managerHeader{font-size: 2.4em}.TabItpContentLandingPage10>.nav-tabs>li span{font-size: 0.9em !important}.copy-right{padding: 2% 0;text-align: center}.overview-width{font-size: 1em}.overview-width h3{font-size: 1.4em}.Contentmanager .site .col-section .item.-micro a .caption .time{font-size: 0.7em}.coming-soon{margin: 0 auto 83%}#formdisplay6572f81937acb100136ea244 #display2,#formdisplay6572f81937acb100136ea244 #display3,#formdisplay6572f81937acb100136ea244 #display5,#formdisplay6572f81937acb100136ea244 #selectbox9,#formdisplay6572f81937acb100136ea244 #display10,#formdisplay6572f81937acb100136ea244 #display12,#formdisplay6572f81937acb100136ea244 #display26{margin-right: -20px}.text-contact h3{font-size: 1.8em}.Textmanager.font-inherit{text-align: left;display: block}}@media only screen and (max-width:480px){#imagesControl6572b350c0fc6b0012883f0a{padding: 0 !important}#controlBanner{margin-top: 47px}.about-detail{padding: 0% 5% 0 10%}.about-detail h3,.about-detail2 h3{font-size: 1.6em}.TabItpContentLandingPage10>.nav-tabs{display: -webkit-box;overflow-x: scroll;width: 100%;min-width: 100%;margin: 0;padding-top: 0px !important;vertical-align: inherit}.TabItpContentLandingPage10{display: inline-block}.TabItpContentLandingPage10>.nav-tabs>li>a{padding: 15px}.TabItpContentLandingPage10>.nav-tabs>li span{font-size: 1em !important}.tab-itp-background{padding: 0% 0% !important}.service-intro img{border-radius: 15px}.overview-bg{background-size: cover;padding: 2%}.overview-width-bg{display: block}.overview-width{font-size: 1em;width: 100%;display: inline-grid;justify-items: center;padding: 5% 0}.col-section{padding: 0 5%}article.col-md-6.item.-micro{width: 100%}.Contentmanager .site .col-section .item.-micro a .caption .time{font-size: 1.1em}.about-detail2{padding: 0% 5% 0 10%}.coming-soon{margin: 0 auto 114%}.text-contact img{width: 100% !IMPORTANT}.text-contact .media-body{padding: 8px 5px}.no-js #Component6572ea3ec0fc6b0012884b75 .form-control{padding: 25px 20px}.no-js #Component6572ea3ec0fc6b0012884b75 .col-md-6{padding: 0 15px}#background658a52b24ae891001b170ba2 .none-middle-mid,#background658a52d6ef6503001927b976 .none-middle-mid,#background658a5302ef6503001927b996 .none-middle-mid,#background658a532e6c59f8001a27c756 .none-middle-mid,#background658aab104ae891001b17181e .none-middle-mid,#background659fc4451bf80d0013c4f3ad .none-middle-mid,#background659fc4dd5cd042001372ab73 .none-middle-mid,#background659cc0cebed757001371fcbb .none-middle-mid,#background65a502a15cd042001372c956 .none-middle-mid,#background65a503071bf80d0013c51810 .none-middle-mid,#background65b1d67b0806af001312fee9 .none-middle-mid,#background65b1d6de0806af001312ff3d .none-middle-mid{display: flex;flex-direction: column-reverse}.service-grid{display: grid;grid-template-columns: repeat(1,1fr);padding: 0}.service-grid-item{display: flex;flex-direction: column;align-items: center;gap: 15px}.service-grid-text{text-align: center}.service-grid-item img{width: 40%;margin: 0 auto}.page-banner img{height: auto}.page-banner-text{font-size: 10px;background: rgb(0 0 0 / 40%);padding: 25px 0}.page-banner-text h3{width: 75%;font-size: 1.6em}}.itopplus-sidebar-sub-content{overflow-y: hidden;margin: 0}.pad-space{padding: 5%}.grid figure figcaption{padding: 0 !important}figure.effect-oscar figcaption div{display: grid;place-content: center;place-items: center;height: 100%}figure.effect-oscar{background: transparent}figure.effect-oscar figcaption{border-radius: 50%;background: transparent}figure.effect-oscar:hover figcaption{background-color: #307511}figure.effect-oscar figcaption::before{display: none}figure.effect-oscar h2{opacity: 0;text-align: center;width: 100%}figure.effect-oscar:hover h2{opacity: 1;font-size: 0.8em;padding: 0 15px}.menu-align h3{margin: 2% 0}