.itopplus-background{}body{overflow-x: hidden;color: #282828;font-family: "Noto Sans Thai",sans-serif}.no-js a{color: #282828;transition: 0.35s}.no-js a:hover{color: #19338e}.itopplus-footer{color: #fff}.itopplus-footer a{color: #fff}.itopplus-footer a:hover{color: #fff}.itopplus-bg{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_08072024n0dl/0/0/1z-z1454560137091.jpg")}.itopplus-bg3{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_08072024n0dl/0/0/3z-z490629680900.jpg")}.itopplus-bg5{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_08072024n0dl/0/0/5z-z239313312853.jpg")}.itopplus-bg6{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_08072024n0dl/0/0/6z-z1700720128408.jpg")}@media screen and (min-width: 1024px){.container{width: 80vw}.itopplus-banner{display: none}}@media screen and (min-width: 1366px){}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)}#formdisplay6881ad90d76e4c00138d1971 .form-control{border: 0px solid #464646;border-bottom: 1px solid #464646;border-radius: 0px !important;box-shadow: inset 0 0px 0px rgba(0,0,0,0.075);background-color: transparent;padding: 0px 0px 10px;font-size: 16px;width: 100% !important;margin: 10px 0px;color: #000 !important;padding-right: 0px !important}#formdisplay6881ad90d76e4c00138d1971 .form-control:focus{border-bottom: 1px solid #d42027 !important;border: 0px solid #d42027;color: #000 !important}#formdisplay6881ad90d76e4c00138d1971 .form-control:hover{border-bottom: 1px solid #d42027 !important;border: 0px solid #d42027}#formdisplay6881ad90d76e4c00138d1971 .btn-default:hover,#formdisplay6881ad90d76e4c00138d1971 .btn-default:focus{background-position: 0 0px;background: #d42027 !important;color: #fff !important;transition: 0.35s}#formdisplay6881ad90d76e4c00138d1971 .btn-default{border-color: #0000;padding: 10px 30px;font-size: 15px;border: 0px solid #19338e !important;background: #19338e !important;text-shadow: none;border-radius: 50px !important;color: #fff !important}#formdisplay6881ad90d76e4c00138d1971 ::placeholder{color: #000}#formdisplay6881ad90d76e4c00138d1971 span.label{display: contents}#formdisplay6881ad90d76e4c00138d1971 a#capchatxt{font-weight: 300;color: #000;margin-left: 2%}#formdisplay6881ad90d76e4c00138d1971{background: transparent !important;color: #000 !important;width: 100%;margin: 0 auto}#formdisplay6881ad90d76e4c00138d1971 .form-control::placeholder{color: #000 !important}#formdisplay6881ad90d76e4c00138d1971 .form-group.col-md-2.col-sm-12{width: fit-content}#formdisplay6881ad90d76e4c00138d1971 .form-group.col-md-6.col-sm-12{margin-bottom: 0px !important}.CASS-D-border{background-image: none;background-position: top;background-size: 100% 100%}#formdisplay6881ad90d76e4c00138d1971 .col-md-12.col-sm-12{padding-right: 10px;padding-left: 10px}#form6881ad90d76e4c00138d1971{padding: 0px !important}span.glyphicon.glyphicon-ok-circle{display: none}#btnview6881ad90d76e4c00138d1971{margin-left: 32%}#cookie6881ad90d76e4c00138d1971{margin-top: -20px;text-align: left !important;margin-left: 5px}#background6881ad90d76e4c00138d1971{background: #fff;border-radius: 20px;padding: 8% 5% 1%;margin-top: 10%;margin-bottom: 10%}.head-form{font-family: "Noto Sans Thai",sans-serif;text-align: center;font-weight: 600 !important;font-size: 36px}.head-form-2{font-family: "Noto Sans Thai",sans-serif;font-size: 16px;font-weight: 400;text-align: center;margin-bottom: 2%}.itopplus-bg6{background-size: cover}.main-timeline{position: relative;transition: all 0.4s ease 0s}.main-timeline:before{content: "";width: 5px;height: 100%;background: #d5d8e5;position: absolute;top: 0;left: 2.5%;border-radius: 20px}.main-timeline .timeline{position: relative}.main-timeline .timeline:before,.main-timeline .timeline:after{content: "";display: block;width: 100%;clear: both}.main-timeline .timeline-icon{width: 25px;height: 25px;border-radius: 50%;background: #fff;border: 5px solid #f60000;position: absolute;top: 0;left: 0px;margin: 0 auto;overflow: hidden}.main-timeline .timeline-content{width: 95%;padding: 0px 0px 15px 20px;border-radius: 0px;text-align: right;border-bottom: 0px solid #d5d5d5;-moz-box-shadow: 0 3px 0 rgba(0,0,0,0.1);-ms-box-shadow: 0 3px 0 rgba(0,0,0,0.1);transition: all 0.3s ease 0s}.main-timeline .timeline-content.right{float: right;text-align: left}.main-timeline{margin-top: 2%}h1,h2,h3,h4,h5,h6{line-height: inherit;margin-top: 0;margin-bottom: 0;font-weight: 400}h1{font-size: 2.5em}h2{font-size: 3em}h3{font-size: 18px}h4{font-size: 20px}h5{font-size: 22px}h6{font-size: 34px}p{font-size: 16px}body{font-size: 16px}b,strong{font-weight: 600}.grid-iconlkc{display: grid;grid-template-columns: repeat(3,1fr)}.block-iconlkc{display: grid;grid-template-columns: 70px auto;gap: 45px;justify-content: center;padding: 20px 0px}.iconlkc-2{align-self: center;white-space: break-spaces}#background68819e426814a900135730fd .grid figure figcaption,#background6881a4926a38f60013220b5c .grid figure figcaption{padding: 15px}#background68819e426814a900135730fd .thumbs,#background6881a4926a38f60013220b5c .thumbs{margin-bottom: 0px;background: #fff;border-radius: 20px 20px 0px 0px}#background68819e426814a900135730fd .boderedlayoutClient,#background6881a4926a38f60013220b5c .boderedlayoutClient{border-top: 0px dashed transparent;border-left: 0px dashed transparent;border-right: 0px dashed transparent;border-bottom: 0px dashed transparent;box-shadow: 1px 1px 14px 3px rgb(71 71 71 / 43%);border-radius: 20px}#background68819e426814a900135730fd .col-md-6.col-sm-6.col-xs-12.padding,#background6881a4926a38f60013220b5c .col-md-6.col-sm-6.col-xs-12.padding{padding: 0px 15px !important}figure.effect-oscar{border-radius: 20px}.icon-service{width: 18%}.bg-service{background: #fff;border-radius: 0px 0px 20px 20px;padding: 20px;min-height: 200px}.bg-service h5{font-weight: 600;margin-bottom: 10px}.empty-lkc{padding: 2%}.head-lkc{text-align: center;padding: 5% 0% 2%}.head-lkc h1{font-weight: 600}.itopplus-bg{background-position: bottom}.content-lkc{white-space: break-spaces}.section-one{text-align: center;padding: 6% 0%}.border-one{border-bottom: 4px solid #18338e;width: 3%;margin: 0 auto;margin-bottom: 2%}.section-one h1{font-weight: 600}.section-one h2{font-family: "Outfit",sans-serif;font-weight: 900;font-size: 4.5em;-webkit-background-clip: text;color: transparent;background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_08072024n0dl/0/0/bgtextz-z926019650642.jpg);background-repeat: no-repeat;background-size: 100%;background-position: center 27%;text-transform: uppercase;background-position: bottom}.section-one h5{font-weight: 600}.section-product{display: grid;grid-template-columns: 60% auto;gap: 20px;padding: 0% 0% 0%}.section-product h6{font-weight: 600;padding: 15px 0px}.block-icon-check{display: grid;grid-template-columns: 30px auto;gap: 20px;margin-bottom: 3%}.icon-check-2{white-space: break-spaces;font-size: 15px}.section-product-2{align-self: center}.section-product-3{align-self: center}.section-product.two{grid-template-columns: auto 60%}.section-product.two .section-product-2{margin-left: 7%}.section-pd-product{padding: 5% 0%}.buttonExampleSite{border: 0px solid #fff !important;color: #fff !important;background: #dd0000 !important;border-radius: 5px !important;font-weight: 400}.buttonExampleSite:hover{background: #19338e !important;color: #fff !important}.pdpa-text.pdpamg1{padding: 6% 0%}.ITPcookiebar{background-color: #302f2fe0 !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}.bg-timeline{background: #fff;padding: 3%;box-shadow: 1px 1px 12px 3px rgb(71 71 71 / 23%);border-radius: 20px;display: grid;grid-template-columns: 36% 25% auto;margin-top: 5%}.block-business{white-space: break-spaces;line-height: 2.5}.block-timeline h4{font-weight: 600;margin-bottom: 5%}.block-timeline h3{font-weight: 600;margin-top: 15px}.date h3{margin-top: 5px}.date{white-space: break-spaces}.block-icon-footer{display: grid;grid-template-columns: 20px auto;gap: 10px;margin-bottom: 10px}.grid-footer{padding: 5% 0% 10%;display: grid;grid-template-columns: 69% auto}.icon-footer-2{align-self: center}.grid-footer-2 h4{font-weight: 600;margin-bottom: 5%}.copyright{font-size: 13px}.footer-2{white-space: break-spaces;font-size: 15px}.btnoffice{background: #fff;color: #000;text-align: center;border-radius: 50px;padding: 8px 25px;width: fit-content}.grid-social{display: flex;gap: 20px;padding: 5% 0%}.grid-social-3{display: flex;gap: 15px;width: 21%}#iframe6881bca2d808df0013fa5b07 iframe{border-radius: 20px;margin-top: 7%}.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;border-radius: 15px}.block-bg img{transition: 0.35s;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1)}.grid-logolkc{display: grid;grid-template-columns: 25.5% auto;gap: 50px;padding: 6% 0%}.grid-logolkc-2{display: flex;gap: 20px;margin-top: 20px}.grid-logolkc h6{font-weight: 600;text-align: center}.block-logo{border-radius: 15px;box-shadow: 1px 1px 12px 3px rgb(71 71 71 / 23%)}.block-logo img{border-radius: 15px}.grid-logolkc-3{border-left: 1px solid #a0a5ba;padding-left: 6%}.itopplus-bg5{background-position: bottom}@media screen and (min-width: 1900px){h1{font-size: 2.5em}h2{font-size: 3em}h3{font-size: 22px}h4{font-size: 26px}h5{font-size: 28px}h6{font-size: 36px}p{font-size: 20px}body{font-size: 20px}.main-timeline .timeline-icon{width: 30px;height: 30px;border: 7px solid #f60000;left: 1px}.icon-service{width: 15%}.bg-service{min-height: 230px}.icon-check-2{font-size: 20px}.head-form{font-size: 46px}.head-form-2{font-size: 20px}#formdisplay6881ad90d76e4c00138d1971 .form-control{font-size: 20px;margin: 15px 0px}#cookie6881ad90d76e4c00138d1971{margin-top: -20px;text-align: left !important;margin-left: 5px;font-size: 18px;padding-right: 10%}#formdisplay6881ad90d76e4c00138d1971 .btn-default{font-size: 19px}#btnview6881ad90d76e4c00138d1971{margin-left: 35%}.footer-2{white-space: break-spaces;font-size: 19px}.grid-social-3{width: 18%}.copyright{font-size: 15px}.block-icon-footer{grid-template-columns: 25px auto;margin-bottom: 15px}.grid-footer{padding: 5% 0% 8%}#iframe6881bca2d808df0013fa5b07 iframe{margin-top: 8%;height: 210px}.ITPcookiebar{font-size: 16px !important}.buttonExampleSite{font-size: 16px !important}ul.icon-a{font-size: 20px}.section-product-2 h6{font-size: 46px}}@media screen and (max-width: 1191px){.content-lkc{white-space: inherit}.section-one h2{font-size: 3.5em}.block-iconlkc{grid-template-columns: 50px auto;gap: 25px}.container{width: 90vw}.icon-check-2{white-space: inherit}.section-product h6{font-size: 30px;white-space: break-spaces}.bg-service{min-height: 230px}.main-timeline .timeline-icon{left: -2px}}@media screen and (max-width: 900px){.itopplus-logo{display: none}nav#nav-menu{background: transparent}#nav-menu .navbar-header button{display: none !important}#main-navbar-flag{background: #fff;margin: 0 -10px}.section-one h2{font-size: 3em}.block-iconlkc{grid-template-columns: 45px auto;gap: 15px}.iconlkc{align-self: center}.block-business{line-height: 2}.bg-service{min-height: 295px}.section-product h6{font-size: 26px}.section-product{padding: 5% 0% 5%}#background6881ad88d808df0013fa56c8 .col-md-5.col-sm-5.col-xs-12.padding{width: 50%}#background6881ad88d808df0013fa56c8 .col-md-7.col-sm-7.col-xs-12.padding{width: 50%}#btnview6881ad90d76e4c00138d1971{margin-left: 25%}.grid-logolkc h6{font-size: 28px}#background6881bc83ac24160013b78d75 .col-md-5.col-sm-5.col-xs-12.padding{display: none}#background6881bc83ac24160013b78d75 .col-md-7.col-sm-7.col-xs-12.padding{width: 100%}#display1{width: 108%}.block-iconlkc{padding: 20px 20px}.iconlkc-2{white-space: inherit}}@media screen and (max-width: 480px){h1{font-size: 2em}.bg-service{min-height: auto}#imagesControl688068a6c5e08d00137397d6{padding: 0px !important}.border-one{border-bottom: 3px solid #18338e;width: 10%}.section-one h2{font-size: 40px;background-size: cover}.section-one h1{font-size: 22px}.border-one{margin-bottom: 6%;margin-top: 5%}.section-one{padding: 10% 0%}.grid-iconlkc{grid-template-columns: repeat(1,1fr)}.block-iconlkc{padding: 30px 20px}#contentnewmode687f1460e6aa8c0013442784{padding: 0px !important}.iconlkc-2{white-space: break-spaces}.bg-timeline{padding: 8%;grid-template-columns: 100%;margin-top: 10%;margin-bottom: 5%}.grid-timeline{margin-bottom: 10%}#background68819e426814a900135730fd .col-md-6.col-sm-6.col-xs-12.padding,#background6881a4926a38f60013220b5c .col-md-6.col-sm-6.col-xs-12.padding{padding: 0px 0px 30px !important}#background6881a4926a38f60013220b5c{margin-top: -20px}#background6881a4926a38f60013220b5c .col-md-6.col-sm-6.col-xs-12.padding{padding: 0px 0px 30px !important}.section-product{grid-template-columns: 100%;gap: 30px}.section-product.two{display: flex;flex-direction: column-reverse;margin-bottom: 5%}#background6881ad88d808df0013fa56c8 .col-md-7.col-sm-7.col-xs-12.padding{display: none}#background6881ad88d808df0013fa56c8 .col-md-5.col-sm-5.col-xs-12.padding{width: 100%}.head-form{font-size: 30px}#btnview6881ad90d76e4c00138d1971{margin-left: 20%}.grid-footer{display: flex;gap: 30px;flex-direction: column-reverse}.grid-social-3{width: 35%}.grid-logolkc{grid-template-columns: 100%;gap: 50px;padding: 6% 0%}.grid-logolkc-3{border-left: 0px solid #a0a5ba;padding-left: 0%}.grid-logolkc-2.mobile{display: grid;grid-template-columns: repeat(2,1fr);width: 65%;margin: 0 auto;margin-top: 7%}.grid-logolkc-2{display: grid;grid-template-columns: repeat(3,1fr);gap: 20px;margin-top: 20px;margin-bottom: 7%}.section-product{padding: 10% 0% 10%}.main-timeline .timeline-icon{left: -4px}.section-product{grid-template-columns: 100% !important}}