.itopplus-background{}body{overflow-x: hidden;color: #101624;font-family: "LINE Seed Sans TH"}.no-js a{color: #101624;transition: 0.35s}.no-js a:hover{color: #0040cd}.itopplus-footer{color: #fff}.itopplus-footer a{color: #fff}.itopplus-footer a:hover{color: #fff}.itopplus-bg1{background-color: #f0f3f6}.itopplus-bg2{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_07042026q58s/0/0/2z-z1100240112091.jpg);background-size: cover;background-repeat: no-repeat;background-position: bottom;color: #fff}.itopplus-bg3{background-color: #f0f3f6}.itopplus-bg4{}.itopplus-bg5{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_07042026q58s/0/0/5z-z1626819280217.jpg);background-size: cover;background-repeat: no-repeat;background-position: bottom}.itopplus-footer{background-color: #262e3f;color: #fff}.navbar-default .navbar-nav > li > a{color: #101624;margin: 0;padding: 8px 20px;border-radius: 0}.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: #0040cd;box-shadow: none;border-color: transparent;background: transparent;background-color: transparent}.no-js .dropdown-menu > li > a{color: #101624}.no-js .dropdown-menu > li > a:focus,.no-js .dropdown-menu > li > a:hover{color: #ffff;background: #262e3f}@media screen and (min-width: 1200px){.container{width: 86vw}}@media screen and (min-width: 1024px){.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}.itopplus-banner{background: #fff;transition: 0.3s}.itopplus-sticky{background: #fff !important}.itopplus-banner > .container{display: grid;grid-template-columns: 13% auto 17%;align-items: center}#itopplus-nav-bar{display: flex;width: 100%;justify-content: center}#controlBanner{object-fit: contain;padding: 15px;width: 85%;margin: 0}.itopplus-search{width: 100%;text-align: right;color: #101624}ul.nav li.dropdown:hover > ul.dropdown-menu{display: block;margin: 0}}@media screen and (max-width: 1023px){#controlBanner img{position: fixed !important;top: 10px;left: 10px;width: auto !important;height: 30px;z-index: 10000;object-fit: contain}#nav-menu{background: #fff !important}.navbar-collapse,#ItopplusMainSidebar{background: #fff !important}#ItopplusMainSidebar *:is(li,a){color: #101624 !important;border: none}#nav-menu .icon-bar{background: #101624 !important}.navbar-header a.visible-xs{flex: 0 1 30px;background-color: transparent !important;border-radius: 50%;overflow: hidden}.navbar-header a.visible-xs:after{background-color: #0140cf;z-index: -1 !important}#itpphonemobile:before{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/telz-z555807927326.png) !important}#itpsearchmobile:before{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/searchz-z1550057493030.png) !important}.old-image-icon-facebook:before{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/fbz-z1306469976463.png) !important}.old-image-icon-line:before{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/linez-z468194837558.png) !important}.old-image-icon-instragram:before{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/igz-z261562755399.png) !important}.old-image-icon-youtube:before{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/ytz-z1709509823553.png) !important}.new-image-icon-twitter:before{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/twz-z1451700767745.png) !important}}figure.effect-oscar{background: transparent}figure.effect-oscar img{opacity: 1}figure.effect-oscar:hover img{opacity: 1}figure.effect-oscar figcaption::before{border: 0px solid #fff}figure.effect-oscar figcaption{background: transparent}figure.effect-oscar:hover figcaption{background: transparent}figure.effect-oscar h2{margin: 0% 0 0px 0;-webkit-transition: -webkit-transform 0.32s;transition: transform 0.32s;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0)}figure.effect-oscar:hover h2{opacity: 1;transition: 0.32s;transform: none!important}.grid figure h2{word-spacing: 0em;font-weight: 300;text-transform: none}figure.effect-oscar img{max-width: none;-webkit-transition: opacity 0.32s,-webkit-transform 0.32s;transition: opacity 0.32s,transform 0.32s;-webkit-backface-visibility: hidden;backface-visibility: hidden}figure.effect-oscar:hover img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.05,1.05,1)}#formdisplay6a02e2b815bb4800135f4c93 .form-control{border: 1px solid #c0c0c0;border-radius: 5px !important;box-shadow: inset 0 0px 0px rgba(0,0,0,0.075);background-color: transparent;padding: 0px 10px 0px;font-size: 16px;width: 100% !important;margin: 10px 0px 5px;padding-right: 0px !important;height: 40px;color: #696969 !important;font-family: "LINE Seed Sans TH"}#formdisplay6a02e2b815bb4800135f4c93 .form-control:focus{border-bottom: 1px solid #0140cf !important;border: 1px solid #0140cf;color: #393939 !important}#formdisplay6a02e2b815bb4800135f4c93 .form-control:hover{border-bottom: 1px solid #0140cf !important;border: 1px solid #0140cf}#formdisplay6a02e2b815bb4800135f4c93 .btn-default:hover,#formdisplay6a02e2b815bb4800135f4c93 .btn-default:focus{background-position: 0 0px;background: #393939;!important;color: #fff !important;border: 0px solid #444 !important;transition: 0.35s}#formdisplay6a02e2b815bb4800135f4c93 .btn-default{border-color: #0000;border: 0px solid #2f2f2f !important;font-size: 16px !important;text-shadow: none;border-radius: 8px !important;background: #0140cf;width: 100%;padding: 10px 50px;transition: 0.35s;color: #fff}#formdisplay6a02e2b815bb4800135f4c93 ::placeholder{color: #444444}#formdisplay6a02e2b815bb4800135f4c93 span.label{display: contents}#formdisplay6a02e2b815bb4800135f4c93 a#capchatxt{font-weight: 300;color: #000;margin-left: 2%}#formdisplay6a02e2b815bb4800135f4c93{color: #444 !important;width: 100%;margin: 0 auto;background: transparent !important;margin-bottom: 0%}#formdisplay6a02e2b815bb4800135f4c93 .form-control::placeholder{color: #444444 !important}#formdisplay6a02e2b815bb4800135f4c93 .form-group.col-md-2.col-sm-12{width: fit-content}#formdisplay6a02e2b815bb4800135f4c93 .form-group.col-md-6.col-sm-12{margin-bottom: 0px !important}#formdisplay6a02e2b815bb4800135f4c93 .col-md-12.col-sm-12{padding-right: 15px;padding-left: 15px}span.glyphicon.glyphicon-ok-circle{display: none}#formdisplay6a02e2b815bb4800135f4c93 .btn-success{background-image: linear-gradient(to bottom,#000 0,#000 100%);background-repeat: repeat-x;border-color: #000}#formdisplay6a02e2b815bb4800135f4c93 .btn-success:focus,#formdisplay6a02e2b815bb4800135f4c93 .btn-success:hover{background-color: #000;background-position: 0 -15px}#formdisplay6a02e2b815bb4800135f4c93{padding: 0px !important}#form6a02e2b815bb4800135f4c93{padding: 0px !important}#btnview6a02e2b815bb4800135f4c93{margin-left: 0%}#btnview6a02e2b815bb4800135f4c93{margin-left: 0%;width: 100%}.head-form{color: #082360;font-weight: 600;font-family: "LINE Seed Sans TH";font-size: 28px}#display7{margin-top: -20px}#background6a02e2b815bb4800135f4c93{background: #fff;padding: 8% 5% 0%;border-radius: 15px;box-shadow: 1px 1px 15px 1px rgb(71 71 71 / 20%)}#display7 .form-control{height: 100px;padding: 10px}#formdisplay6a068b9515bb4800135f7f08 .form-control{border: 1px solid #c0c0c0;border-radius: 5px !important;box-shadow: inset 0 0px 0px rgba(0,0,0,0.075);background-color: transparent;padding: 0px 10px 0px;font-size: 16px;width: 100% !important;margin: 10px 0px 5px;padding-right: 0px !important;height: 40px;color: #696969 !important;font-family: "LINE Seed Sans TH"}#formdisplay6a068b9515bb4800135f7f08 .form-control:focus{border-bottom: 1px solid #0140cf !important;border: 1px solid #0140cf;color: #393939 !important}#formdisplay6a068b9515bb4800135f7f08 .form-control:hover{border-bottom: 1px solid #0140cf !important;border: 1px solid #0140cf}#formdisplay6a068b9515bb4800135f7f08 .btn-default:hover,#formdisplay6a068b9515bb4800135f7f08 .btn-default:focus{background-position: 0 0px;background: #393939;!important;color: #fff !important;border: 0px solid #444 !important;transition: 0.35s}#formdisplay6a068b9515bb4800135f7f08 .btn-default{border-color: #0000;border: 0px solid #2f2f2f !important;font-size: 16px !important;text-shadow: none;border-radius: 8px !important;background: #0140cf;width: 100%;padding: 10px 50px;transition: 0.35s;color: #fff}#formdisplay6a068b9515bb4800135f7f08 ::placeholder{color: #444444}#formdisplay6a068b9515bb4800135f7f08 span.label{display: contents}#formdisplay6a068b9515bb4800135f7f08 a#capchatxt{font-weight: 300;color: #000;margin-left: 2%}#formdisplay6a068b9515bb4800135f7f08{color: #444 !important;width: 100%;margin: 0 auto;background: transparent !important;margin-bottom: 0%}#formdisplay6a068b9515bb4800135f7f08 .form-control::placeholder{color: #444444 !important}#formdisplay6a068b9515bb4800135f7f08 .form-group.col-md-2.col-sm-12{width: fit-content}#formdisplay6a068b9515bb4800135f7f08 .form-group.col-md-6.col-sm-12{margin-bottom: 0px !important}#formdisplay6a068b9515bb4800135f7f08 .col-md-12.col-sm-12{padding-right: 15px;padding-left: 15px}#formdisplay6a068b9515bb4800135f7f08 .btn-success{background-image: linear-gradient(to bottom,#000 0,#000 100%);background-repeat: repeat-x;border-color: #000}#formdisplay6a068b9515bb4800135f7f08 .btn-success:focus,#formdisplay6a068b9515bb4800135f7f08 .btn-success:hover{background-color: #000;background-position: 0 -15px}#formdisplay6a068b9515bb4800135f7f08{padding: 0px !important}#form6a068b9515bb4800135f7f08{padding: 0px !important}#btnview6a068b9515bb4800135f7f08{margin-left: 0%}#background6a068b9515bb4800135f7f08{background: #f0f3f6 !important;padding: 8% 5% 0%;border-radius: 15px}#display7 .form-control{height: 100px;padding: 10px}#cookie6a068b9515bb4800135f7f08{margin-top: -20px;text-align: left;font-size: 14px}#btnview6a068b9515bb4800135f7f08{width: 100%}.nav-template7 li:hover{background-color: #f0f3f6;text-decoration: none}#contenttype71{font-size: 16px}ul.nav-template7 strong{font-weight: 600;font-size: 16px;margin-left: 5px}.nav-template7 li{padding: 15px 0}span.fas.fa-plus{color: #0040cd;font-size: 18px}h1,h2,h3,h4,h5,h6{line-height: inherit;margin-top: 0;margin-bottom: 0;font-weight: 400}h1{font-size: 2em}h2{font-size: 2.8em}h3{font-size: 18px}h4{font-size: 20px}h5{font-size: 22px}h6{font-size: 28px}p{font-size: 16px}body{font-size: 16px}b,strong{font-weight: 600}.btn-payment{background: #0040cd;color: #fff;display: grid;grid-template-columns: 25px auto;width: fit-content;gap: 10px;border-radius: 10px;padding: 8px 20px 8px 15px;text-align: left;transition: 0.35s}.btn-payment-2{align-self: center}.btn-payment:hover{background: #000;transition: 0.35s}.grid-footer{display: grid;grid-template-columns: 31% 16% 27% auto;gap: 20px;padding: 3% 0% 2%}.logo-footer{width: 30%;margin-bottom: 5%}.head-fooer{font-weight: 600;margin-bottom: 3%;white-space: break-spaces}.footer-2{white-space: break-spaces;font-size: 15px}.grid-footer-2 .footer-2{line-height: 2}.copyright{font-size: 13px;margin-bottom: 5%}.social-footer{display: grid;grid-template-columns: 20px auto;gap: 7px;margin-bottom: 10px}.social-footer-3{align-self: center;font-size: 15px}.head-foryougroup{text-align: center;padding: 5% 0% 3%}.head-foryougroup h2{font-weight: 600;color: #082360}.empty-foryougroup{padding: 3%}.block-bg{align-self: center;display: block;overflow: hidden;border-radius: 15px}.block-bg img:hover{-webkit-transform: scale3d(1.05,1.05,1);transform: scale3d(1.05,1.05,1);transition: 0.35s}.block-bg img{transition: 0.35s;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1)}.grid-block-service{display: grid;grid-template-columns: repeat(4,1fr);gap: 20px}.block-service-2{white-space: break-spaces;text-align: center;margin-top: 7%;margin-bottom: 9%;min-height: 135px}.block-service-2 h4{font-weight: 600;color: #0040cd;white-space: break-spaces;margin-bottom: 4%}.block-service{background: #fff;border-radius: 15px;padding: 10px;transition: 0.35s}.block-check{display: grid;grid-template-columns: 25px auto;background: #fff;color: #000;border-radius: 15px;padding: 15px;gap: 10px;margin-bottom: 2%;width: 90%;transition: 0.35s}.block-service{margin-bottom: 10%}.grid-why{display: grid;grid-template-columns: repeat(2,1fr);gap: 20px}.block-check h4{font-weight: 600;color: #0040cd}.grid-why-1 h2{font-weight: 600;margin-bottom: 4%}.grid-why-1{padding: 10% 0% 5%}.block-check:hover{transition: 0.35s;transform: translateX(-7px)}.grid-erp{display: grid;grid-template-columns: repeat(2,1fr);gap: 20px;padding: 7% 0%}.content-foryougroup{white-space: break-spaces}.grid-erp h2{font-weight: 600;color: #082360}.block-erp{border: 1px solid #0040cd;border-radius: 15px;padding: 7%}.grid-erp-2{display: grid;grid-template-columns: repeat(2,1fr);gap: 20px}.block-erp-3{white-space: break-spaces;padding: 5% 0% 0%}.block-erp-2{width: 22%}.block-erp-3 h4{color: #0040cd;font-weight: 600;margin-bottom: 5px}.grid-one h2{color: #082360;font-weight: 600;padding: 5px 0px 10px}.grid-one{text-align: center;padding: 6% 0% 2%}.grid-number{display: grid;grid-template-columns: repeat(4,1fr);width: 80%;margin: 0 auto;margin-bottom: 5%}.block-number{text-align: center;border-right: 1px solid #ababab;padding: 0% 5%}.block-number h1{font-weight: 600;color: #0040cd;margin-bottom: 5px}.grid-two{display: grid;grid-template-columns: repeat(2,1fr);gap: 20px;margin-bottom: 7%}.grid-two-2 h2{color: #082360;font-weight: 600;white-space: break-spaces;margin-bottom: 3%}.block-sap{display: grid;grid-template-columns: 20px auto;gap: 10px;margin-bottom: 7px}.grid-sap-icon{display: grid;grid-template-columns: repeat(2,1fr);margin-top: 3%}.grid-two-2{align-self: center}.grid-contact-home h2{color: #082360;font-weight: 600;white-space: break-spaces;margin-bottom: 10px}.block-tel{display: grid;grid-template-columns: 60px auto;gap: 15px;margin-top: 8%}.block-tel-2{align-self: center}.block-tel-2 h1{font-weight: 600;color: #0040cd}.grid-contact-3{display: grid;grid-template-columns: repeat(3,1fr);margin-top: 8%}.block-contact-3{display: grid;grid-template-columns: 35px auto;gap: 10px}.icon-contact-2{align-self: center}.buttonExampleSite{border: 0px solid #fff !important;color: #fff !important;background: #0140cf !important;border-radius: 5px !important;font-weight: 400;font-family: "LINE Seed Sans TH" !important}.buttonExampleSite:hover{background: #000 !important;color: #fff !important}.pdpa-text.pdpamg1{padding: 6% 0%}.ITPcookiebar{background-color: #4e4e4ee0 !important;color: #fff !important}.ITPlinkToCookiepage:hover{color: #fff !important}.ITPcookiebar{width: 100% !important;font-size: 14px !important}.pdpa-text.pdpamg1{padding: 5% 0%}ul.icon-a{font-size: 16px}ul ::marker{color: #0040cd}#cookie6a02e2b815bb4800135f4c93{margin-top: -20px;text-align: left;font-size: 14px}.block-business{background: #fff;border-radius: 15px;padding: 10% 10%}.icon-business{width: 25%;margin-bottom: 3%}.business-4{white-space: break-spaces;font-size: 15px;min-height: 100px}.business-3{white-space: break-spaces;padding: 5% 0%;min-height: 70px}.border-business{border-top: 1px solid}.business-2 h3{white-space: break-spaces;color: #0040cd}.business-2 span{font-weight: 600}.business-2{padding: 5% 0%}.block-business{text-align: left}.block-business{margin-bottom: 10%}.head-foryougroup.menu{padding: 2%}.head-foryougroup.menu h2{color: #fff}.itopplus-slide{background: #262e3f}.comingsoon{padding: 5%}.empty-foryougroup-2{padding: 2%}.grid-service{display: grid;grid-template-columns: repeat(2,1fr);gap: 45px;margin-bottom: 3%}.grid-service-3 h6{color: #082360;font-weight: 600}.grid-service-3 h3{font-weight: 600;margin-bottom: 10px}.grid-service-3 h4{font-weight: 600}.block-service-icon{display: grid;grid-template-columns: 20% auto;gap: 20px;margin-bottom: 3%}.block-service-icon-2 h3{margin-bottom: 0px;color: #0040cd}.grid-service-icon{margin-top: 4%;display: grid;grid-template-columns: repeat(2,1fr);gap: 10px;margin-bottom: 5%}.block-service-icon-2{align-self: center;white-space: break-spaces}.block-service-icon-2 span{color: #0040cd}.grid-service-3 .btn-payment{margin-top: 4%}.iconservice{align-self: center}.grid-one.about{padding: 3% 0% 2%}.grid-contact-fyg{padding: 1% 0%}.block-contact-fyg{display: grid;grid-template-columns: 36px auto;gap: 15px;margin-bottom: 6px}#iframe6a068d2b9e5e18001302268a iframe{border-radius: 20px}.grid-why-2{align-self: center}.grid-btn-payment{display: flex;gap: 15px}.bg-aisolution{background: #0040cd;color: #fff;text-align: center;padding: 10px 0px;border-radius: 0px 0px 10px 10px}@media screen and (min-width: 1900px){h1{font-size: 2em}h2{font-size: 2.8em}h3{font-size: 22px}h4{font-size: 26px}h5{font-size: 30px}h6{font-size: 34px}p{font-size: 20px}body{font-size: 20px}.no-js .dropdown-menu > li > a{font-size: 19px}.btn-payment{grid-template-columns: 30px auto}.block-sap{grid-template-columns: 30px auto;margin-bottom: 10px}.business-4{font-size: 19px;min-height: 120px}.business-3{min-height: 100px}.block-erp-2{width: 20%}.block-contact-3{grid-template-columns: 40px auto}.copyright{font-size: 15px;margin-bottom: 3%}.footer-2{font-size: 18px}.social-footer-3{align-self: center;font-size: 18px}.social-footer{grid-template-columns: 25px auto}.head-form{font-size: 34px}#formdisplay6a02e2b815bb4800135f4c93 .form-control{font-size: 19px;height: 55px}#display7 .form-control{height: 120px}#cookie6a02e2b815bb4800135f4c93{text-align: left !important;font-size: 18px;margin-left: 10px}#formdisplay6a02e2b815bb4800135f4c93 .btn-default{font-size: 20px !important}.ITPcookiebar{font-size: 16px !important}.buttonExampleSite{font-size: 16px !important}.block-service-icon{grid-template-columns: 18% auto}#formdisplay6a068b9515bb4800135f7f08 .form-control{font-size: 19px;height: 55px}#cookie6a068b9515bb4800135f7f08{text-align: left !important;font-size: 18px;margin-left: 10px}#formdisplay6a068b9515bb4800135f7f08 .btn-default{font-size: 19px !important}.block-contact-fyg{grid-template-columns: 40px auto}#iframe6a068d2b9e5e18001302268a iframe{height: 350px}textarea#textbox7{height: 140px !important}ul.nav-template7 strong{font-size: 20px}#contenttype71{font-size: 20px}ul.icon-a{font-size: 20px}.block-service-2{min-height: 155px}}@media screen and (max-width: 1191px){h2{font-size: 2.5em}.navbar-default .navbar-nav > li > a{padding: 8px 15px}.itopplus-banner > .container{grid-template-columns: 15% auto 20%}.block-number h1{font-size: 28px}.grid-number{width: 90%}.business-2 h3{font-size: 16px}.block-business{padding: 10% 8%}.business-3{font-size: 15px}.block-service-2 h4{font-size: 18px}.block-service-2{white-space: inherit}.block-erp-3{white-space: inherit}.content-foryougroup{white-space: inherit}.grid-one .content-foryougroup{white-space: break-spaces}.block-tel{grid-template-columns: 50px auto}.grid-footer-3 .footer-2{white-space: inherit}.grid-footer-1 .footer-2{white-space: inherit}.grid-two-2 h2{font-size: 34px}.block-contact-fyg{grid-template-columns: 32px auto}.icon-contact{margin: 0 auto}.icon-contact-2{text-align: center}}@media screen and (max-width: 900px){h2{font-size: 1.8em}h2{font-size: 2em}.grid-one .content-foryougroup{white-space: inherit}.block-number h1{font-size: 24px}.grid-number{width: 100%}.grid-why{margin-bottom: 5%}.block-erp{padding: 10%}.block-erp-2{width: 28%}#display1,#display3,#selectbox5{width: 108%}.block-contact-3{grid-template-columns: 100%}.icon-contact{width: 30%}.block-tel-2 h1{font-size: 28px}.copyright{text-align: center}.grid-service-icon{grid-template-columns: repeat(1,1fr)}.block-service-icon{grid-template-columns: 14% auto;gap: 10px;margin-bottom: 1%}#selectbox6{margin-top: -20px}#iframe6a068d2b9e5e18001302268a iframe{height: 445px}}@media screen and (max-width: 480px){#imagesControl6a02c681d14f5c0013ccdb93{padding: 0px !important}.grid-number{grid-template-columns: repeat(2,1fr);gap: 25px}.block-number{border-right: 0px solid #ababab}.grid-two{grid-template-columns: repeat(1,1fr)}.business-4{min-height: auto}.business-3{font-size: 16px;min-height: auto}.grid-why{grid-template-columns: repeat(1,1fr)}.block-check{margin-bottom: 5%;width: 100%}.grid-block-service{grid-template-columns: repeat(2,1fr)}.grid-erp{grid-template-columns: repeat(1,1fr)}.block-erp-3 h4{font-size: 16px}.block-contact-3{gap: 5px}.icon-contact-2{font-size: 15px}.grid-contact-home{margin-bottom: 6%}.head-form{text-align: center}.grid-two-2 h2{font-size: 30px}.grid-two{gap: 40px}.grid-service{display: grid;grid-template-columns: repeat(1,1fr);gap: 45px;margin-bottom: 3%}.head-foryougroup.menu h2{font-size: 1.5em}ul.nav-template7{text-align: left}.nav-template7 li{padding: 8px 0}.block-service-icon{margin-bottom: 3%}.grid-service{margin-bottom: 5%}.grid-btn-payment{display: inherit}}