.itopplus-background{}.unknown{position: fixed;bottom: 8% !important}.unknown_prf .btn-main,.unknown_prf:hover .btn-main{margin-bottom: 0 !important}body{font-size: 17px;overflow-x: hidden;color: #212121;font-family: "LINE Seed Sans TH"}a{color: #212121}a:hover{color: #183662}b,strong{font-weight: 600}.itopplus-header{background: linear-gradient(to right,#164b93 0,#2470ce 100%);color: #fff}.itopplus-bg{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_281020245agd/0/0/1z-z1235679245910.jpg");background-size: 100%;background-repeat: no-repeat;background-position: bottom}.itopplus-bg2{background: linear-gradient(to right,#0e5a94 0,#158e8c 100%);color: #fff}.itopplus-bg3{background-color: #f5f9fc}.itopplus-bg4{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_281020245agd/0/0/4z-z1643884567805.jpg");background-size: 100%;background-repeat: no-repeat;background-position: bottom}.itopplus-footer{background-color: #f4f4f4;color: #212121}.navbar-default .navbar-nav > li > a{font-size: 1.1em;color: #212121;margin: 0 2px;padding: 8px 15px;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: #fff;box-shadow: none;border-color: transparent;background: linear-gradient(to right,#164b93 0,#2470ce 100%);background-color: transparent;border-radius: 50px}.no-js .dropdown-menu > li > a{font-size: 1.3em;padding: 8px 15px;color: #212121}.no-js .dropdown-menu > li > a:focus,.no-js .dropdown-menu > li > a:hover{color: #fff;background: linear-gradient(to right,#164b93 0,#2470ce 100%)}@media screen and (max-width: 1023px){#controlBanner img{position: fixed !important;top: 10px;left: 10px;width: 160px !important;z-index: 10000}#nav-menu{background: #fff !important}.navbar-collapse,#ItopplusMainSidebar{background: #fff !important}#ItopplusMainSidebar *:is(li,a){color: #212121 !important;border: none}#nav-menu .icon-bar{background: #212121 !important}.navbar-header a::before{background-size: 28px;background-position: center}.navbar-header a::after{background: linear-gradient(to right,#164b93 0,#2470ce 100%)}#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}}@media screen and (min-width: 1024px){.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}.itopplus-banner{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);transition: 0.3s}.itopplus-sticky{background: #fff !important;box-shadow: 0 0 10px rgba(0,0,0,.1)}.itopplus-banner > .container{display: grid;grid-template-columns: 25% auto;align-items: center}#itopplus-nav-bar{display: flex;width: 100%;justify-content: end}#controlBanner{object-fit: contain;padding: 15px;width: clamp(140px,100%,20vw);margin: 0 auto}}@media screen and (min-width: 1200px){.container{width: 86vw}}.h1,h1{font-size: 4em}.h2,h2{font-size: 3.1em}.h3,h3{font-size: 1.99em}.h4,h4{font-size: 1.5em}.h5,h5{font-size: 1.2em}.h6,h6{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}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top: 0px;margin-bottom: 0px;line-height: 1.2;font-weight: 600}.itopplus-header a{color: #fff}.itopplus-header a:hover{color: #a4e0ff}.header-block{display: flex;gap: 10px;justify-content: flex-end;align-items: center}.header-icon{width: 5%;transition: 0.5s}.header-icon:hover{transform: scale(1.1)}.header-icon2{width: 20px}.header-text{padding: 2px 0}.itopplus-footer{font-size: 15px}.itopplus-footer a{color: #212121}.itopplus-footer a:hover{color: #183662}.logo-footer{width: 60%}.footer-icon-block{display: grid;grid-template-columns: 20px auto;gap: 10px;margin-bottom: 15px}.footer-block1{padding-right: 10%}.footer-block1 h5{font-size: 1.3em;margin: 10% 0 5px}.footer-block2{margin: 0 0 6%}.footer-block2 h6,.footer-block3 h6,.footer-block4 h6{padding-bottom: 15px}.footer-block3{padding: 0 22%}.footer-icon-block2{display: grid;grid-template-columns: 35px auto;gap: 15px;align-items: center;text-transform: uppercase;padding: 0 0 10%}.footer-qr{background: #23c225;color: #fff;border-radius: 10px}.qr-bg{padding: 6% 6% 3px}.qr-bg img{border-radius: 6px}.qr-icon{display: grid;grid-template-columns: 30px auto;gap: 10px;align-items: center;justify-content: center;padding: 6px 0 6%}.footer-block4 iframe{border-radius: 20px}.copy-right{font-size: 0.8em}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #183662 !important;color: #183662 !important;font-family: "LINE Seed Sans TH" !important}.buttonExampleSite:hover{background: #183662 !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: 3% 2%}.padding-pd{padding: 2%}figure.effect-oscar{background: transparent;border-radius: 20px;margin-bottom: -10px !important}figure.effect-oscar figcaption{padding: 1em;background-color: rgba(0,0,0,.5);transition: 0.5s}figure.effect-oscar:hover figcaption{background-color: rgba(24,54,98,.9)}figure.effect-oscar figcaption::before{border: 0px solid #fff}.CASS-B-border{background: transparent;border: 0px solid #d4d4d4;border-radius: 0px}.CASS-B-middle-mid{padding: 0px}.CASS-B-border .col-md-4.col-sm-4.col-xs-4:nth-child(1),.CASS-B-border .col-md-4.col-sm-4.col-xs-4:nth-child(3){width: 25%}.CASS-B-border .col-md-4.col-sm-4.col-xs-4:nth-child(2){width: 50%}figure.effect-oscar h2{margin: 0% 0 0px 0 !important;-webkit-transform: translate3d(0,0%,0);transform: translate3d(0,0%,0);font-size: 0.9em;text-transform: none;text-align: left}figure.effect-oscar h2 h6{margin: 0 0 5px}.grid figure h2{word-spacing: normal;font-weight: 400}ul#slider68e88ffc8781aa00138fd222,ul#slider68ef40cbf127d00013f7ef02{width: 95%}.menu-align{padding: 7% 0 2%;text-align: center}.menu-align h2{color: #183662}.menu-align h4{font-weight: 400}.btn-align{text-align: center;padding: 1% 0 6%}.btn-read-more{width: 160px;border-radius: 50px;padding: 12px 10px;background: #212121;color: #fff;border: none;font-size: 0.9em;font-weight: 600;transition: 0.5s}.btn-read-more:hover{background: linear-gradient(90deg,rgba(22,75,147,1) 0%,rgba(36,112,206,1) 100%)}.about-us{margin: 15% 0 0 0}.about-us h2{color: #0b2774}.about-us h4{padding: 10px 0}.about-us span{color: #248339;font-weight: 600}.why-us-block{display: grid;grid-template-columns: 50% auto;gap: 30px 15px}.why-us-icon-block{display: grid;grid-template-columns: 85px auto;gap: 15px;transition: 0.5s}.why-us-icon-block:hover{transform: translateX(10px)}.why-us-icon-text{white-space: pre-line}.why-us-icon-text h6{margin: 0 0 5px}.why-us{margin: 11% 0 4%}.ace-contact{display: grid;grid-template-columns: 40% 60%;align-items: center}.ace-align{font-size: 1.1em;padding: 0 0 0 10%}.ace-block{display: grid;grid-template-columns: 50% auto;gap: 15px;margin: 20px 5% 0 0}.ace-icon-block,.ace-icon-block2,.ace-icon-block3{display: grid;grid-template-columns: 45px auto;gap: 15px;border-radius: 50px;padding: 10px 15px 10px 30px;align-items: center;font-weight: 600;font-size: 1.5em;transition: 0.5s}.ace-icon-block:hover,.ace-icon-block2:hover,.ace-icon-block3:hover{background: #1e2c75;color: #fff}.ace-icon-block{background: #01ba03;color: #fff;gap: 5px}.ace-icon{padding: 0 5px}.ace-icon-block2{background: #1877f2;color: #fff}.ace-icon-block3{background: #01ba03;color: #fff}.ace-align h3,.ace-align h4{font-size: 2.3em;font-weight: 400}.ace-align h3 span{color: #1e2c75;font-weight: 600}.ace-align h4 span{font-weight: 600;color: #dd0808;font-style: italic}.CASS-D-middle-mid{padding: 0px}.CASS-D-border .col-md-3.col-sm-4.col-xs-4{width: 14.28%;padding: 5px !important}figure.effect-selena{border-radius: 50%}.about-us-pd .about-us{margin: 7% 6% 0;text-align: center}.about-us h6{color: #0b2774;line-height: 1.3;margin: 0 0 15px}.about-us h5{line-height: 1.4;margin: 30px 0 0;color: #248339;font-size: 1.3em}figure.effect-jazz{background: transparent;border-radius: 20px}figure.effect-jazz figcaption::after{border-top: 0px solid #fff;border-bottom: 0px solid #fff}.service-block{padding: 0% 0 0 5%}.service-block h3{white-space: pre-line;color: #183662;line-height: 1.1;margin: 0 0 15px}.service-block h3 span{font-size: 0.7em}.service-block h6{white-space: pre-line;line-height: 1.3;margin: 0 0 20px;font-weight: 400;color: #248339}.service-icon{display: grid;grid-template-columns: 30px auto;gap: 10px;margin-bottom: 15px}.service-icon-block2{display: grid;grid-template-columns: repeat(4,1fr);gap: 20px;margin: 20px 0 0}.service-icon2{text-align: center;background: linear-gradient(90deg,rgba(12,77,150,1) 0%,rgba(31,145,125,1) 50%,rgba(12,77,150,1) 100%);padding: 4px;border-radius: 30px;transition: 0.5s}.service-icon2:hover{transform: translateY(-10px)}.service-icon2-bg{white-space: pre-line;background: linear-gradient(0deg,rgba(255,255,255,1) 0%,rgba(245,249,252,1) 100%);border-radius: 26px;padding: 15% 10%}.service-icon2-img{width: 35%;margin: 0 auto 15px}.product-sub{padding: 2% 5%}.product-sub h3{color: #183662;margin: 0 0 10px}.product-sub h6{color: #248339;margin: 15px 0 15px;text-decoration: underline;line-height: 1.3}.padding-pd2{padding: 5%}.menu-align2{text-align: center;padding: 25px 0}.col-section{padding: 0 10px}article.col-md-6.item.-micro{width: 25%}.Contentmanager .site .col-section .item.-micro{padding: 20px 10px 10px}.Contentmanager .site .col-section .item.-micro a .caption{padding: 0;width: 100%}.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 1.05em;color: #fff;padding: 0 10%;border-radius: 10px;position: absolute;bottom: 3%;text-align: center;left: 0;right: 0;line-height: 1.3;height: 5vw}.Contentmanager .site .col-section .item.-micro a .image{position: relative;background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(6,109,181,1) 100%)}.Contentmanager .site .col-section .item.-micro a img{position: relative;z-index: -1}.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: 20px}.Contentmanager .site .col-section .item.-micro a .post{display: none}.Contentmanager .site .col-section .item.-micro a:hover .caption .title{color: #fff}.Contentmanager .site .col-section .item.-micro a .caption .time{color: #444444;font-size: 0.9em;display: none}.managerHeader{font-size: 2.4em;font-weight: 600;text-align: center;background: linear-gradient(to right,#0e5a94 0,#158e8c 100%);color: #fff;border-radius: 15px;padding: 20px 30px}#Contentmanager .post-time{display: none}.page-header{margin: 7% 0 1%;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: 20px 0 5px;line-height: 1.3;font-size: 1.1em;color: #248339}.Textmanager.font-inherit h3{font-size: 1.4em;font-weight: 600;margin: 0px 0 0px;line-height: 1.3;color: #183662}.Textmanager.font-inherit h5{font-size: 1.4em;margin: 0px 0 20px}.Textmanager.font-inherit h6{font-size: 1.2em;margin: 20px 0;line-height: 1.2}.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{width: 100%;padding: 0px 5px}.contenemanager-gallery .thumbnail,.Contenemanager-gallery .thumbnail{padding: 0px;border: 0px solid #eee;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;box-shadow: 0 5px 15px rgba(0,0,0,.05);position: relative !important;overflow: hidden !important;border: 0px solid #eee;padding: 0px !important;border-radius: 20px}.img-thumbnail{padding: 0px;border: 0px solid #ddd;border-radius: 0px}.social-icon{border-radius: 5px}.social-share{top: 15px}.landingpagemanager{display: none}.col-md-12.text-justify{padding: 0 15px}.Contenemanager-gallery{column-count: 3;--webkit-column-count: 3;--moz-column-count: 3;gap: 10px}.project-vdo iframe{background: #000;padding: 0 21%;border-radius: 20px}.project-sub{margin-bottom: 3%}.project-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 20px;margin: 10px 0 0}.project-grid-block1,.project-grid-block2{}.contact-us{}.contact-us-grid{display: grid;grid-template-columns: auto 30%;gap: 10px;margin: 20px 0}.contact-icon-block{display: grid;grid-template-columns: 20px auto;gap: 10px;margin: 10px 0}.contact-us iframe{height: 275px;border-radius: 20px}.no-js #Component68f07671490c080013c71467 label{display: none !important}.no-js #Component68f07671490c080013c71467 .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component68f07671490c080013c71467 .form-control{border: 1px solid #e7e7e7;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 #Component68f07671490c080013c71467 .form-control:hover{border: 1px solid #183662}.no-js #Component68f07671490c080013c71467 .form-control::placeholder{color: #000 !important}.no-js #Component68f07671490c080013c71467 .form-control:focus{border: 1px solid #183662;-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 #Component68f07671490c080013c71467 .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#f9a71f 0,#f9a71f 100%);background: #183662;color: #fff;text-shadow: 0 0px 0 #3173ed;background-repeat: repeat-x;border-color: #00b0ed;border-radius: 50px;padding: 10px 25px;font-size: 1em;font-weight: 400;border: 0px solid transparent}.no-js #Component68f07671490c080013c71467 .btn-default:active{background: #183662;color: #fff}.no-js #Component68f07671490c080013c71467 .btn-default:hover,.no-js #Component68f07671490c080013c71467 .btn-default:focus{background-position: 0 0px;background: #183662;color: #fff}.no-js #Component68f07671490c080013c71467 .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component68f07671490c080013c71467 span.label{font-size: 0.85em;font-weight: 400}.no-js #Component68f07671490c080013c71467 .ITPcheckboxAuthen{font-size: 0.9em;padding: 0 0 0 0%;margin-left: -3%}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color: #183662;border-color: #183662}.pagination>li>a,.pagination>li>span{color: #183662}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #183662;background-color: #f7f7f7}@media only screen and (min-width : 1900px){body{font-size: 21px}.container{width: 79vw}.no-js .dropdown-menu > li > a{font-size: 1.5em}.header-icon2{width: 30px}.itopplus-footer{font-size: 19px}.footer-icon-block{grid-template-columns: 25px auto}.ITPcookiebar,.buttonExampleSite{font-size: 16px ! IMPORTANT}.contact-icon-block{grid-template-columns: 25px auto}.contact-us iframe{height: 270px}}@media only screen and (max-width:1191px){body{font-size: 16px}.header-block{gap: 5px}.header-icon2{width: 18px}.no-js .dropdown-menu > li > a{font-size: 1.1em}.h2,h2{font-size: 2.5em}.h3,h3{font-size: 1.6em}.h4,h4{font-size: 1.3em}.about-us{margin: 10% 0 0 0}.why-us-icon-block{grid-template-columns: 60px auto;gap: 10px}.why-us-block{gap: 20px 15px}.Contentmanager .site .col-section .item.-micro a .caption .title{height: 7vw}.ace-block{margin: 20px 0% 0 0}.ace-icon-block,.ace-icon-block2,.ace-icon-block3{grid-template-columns: 35px auto;padding: 10px 15px 10px 20px;font-size: 1.3em}.ace-align h3,.ace-align h4{font-size: 1.9em}.itopplus-footer{font-size: 14px}.footer-block1{padding-right: 0%}.qr-icon{grid-template-columns: 20px auto}.about-us-pd .about-us{margin: 7% 1% 0}.why-us{margin: 7% 0 4%}.service-icon2-bg{font-size: 0.9em;padding: 15% 5%}.service-icon{grid-template-columns: 25px auto;margin-bottom: 10px}.service-block h6{white-space: inherit}.managerHeader{font-size: 2em}}@media only screen and (max-width:900px){body{font-size: 14px}.why-us-icon-text{white-space: inherit}.h2,h2{font-size: 2.25em}.h3,h3{font-size: 1.4em}.why-us{margin: 4% 0 2%}.Contentmanager .site .col-section .item.-micro a .caption .title{height: 10vw;font-size: 1em}.ace-icon-block,.ace-icon-block2,.ace-icon-block3{grid-template-columns: 30px auto;padding: 10px 5px 10px 10px;font-size: 1.2em}ul#slider68e8a66eab683f0013a5a8c1,ul#slider68ef40cbf127d00013f7ef0a{margin-top: 12%;margin-bottom: -10px}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color: transparent}.service-icon2-bg{white-space: inherit;font-size: 1em;height: 22vw}.copy-right{text-align: center}}@media only screen and (max-width:480px){#imagesControl68e88a6dd32dcd0013030baf,#imagesControl68e88f392025a4001348fc3a{padding: 0 !important}body{font-size: 16px}.h2,h2{font-size: 1.8em}.h3,h3{font-size: 1.3em}.h4,h4{font-size: 1.2em}.why-us{margin: 10% 0 7%}.why-us-block{gap: 30px 15px;grid-template-columns: repeat(1,1fr)}ul#slider68e8a66eab683f0013a5a8c1,ul#slider68ef40cbf127d00013f7ef0a{margin-top: 3%;margin-bottom: -25px}article.col-md-6.item.-micro{width: 100%}.Contentmanager .site .col-section .item.-micro a .caption .title{height: inherit;bottom: 5%}.ace-contact{display: flex;flex-direction: column-reverse}.ace-align{font-size: 1em;padding: 0 0%;width: 90%}.ace-align h3,.ace-align h4{font-size: 1.6em}.ace-block{gap: 5px}.ace-icon-block,.ace-icon-block2,.ace-icon-block3{grid-template-columns: 30px auto;padding: 7px;font-size: 1.1em;width: 100%;gap: 5px}.ace-icon{padding: 0 3px}.ace-img{width: 75%;margin: 0 auto}.menu-align2{padding: 15px 0}.about-us h5{font-size: 1.1em}.service-icon-block2{grid-template-columns: repeat(2,1fr)}.service-icon2-bg{height: 45vw;font-size: 0.9em}.service-block{padding: 0% 0 0 3%}.managerHeader{font-size: 1.7em;padding: 15px 15px}.Textmanager.font-inherit h3{font-size: 1.2em}.project-grid{grid-template-columns: repeat(1,1fr);gap: 0px}.Contenemanager-gallery{column-count: 1;--webkit-column-count: 1;--moz-column-count: 1}.contact-us-grid{grid-template-columns: repeat(1,1fr)}.contact-us-grid2{width: 40%}.no-js #Component68f07671490c080013c71467 .col-md-6{padding: 0 15px}}@media only screen and (max-width:400px){.ace-icon-block,.ace-icon-block2,.ace-icon-block3{grid-template-columns: 25px auto;font-size: 1em}}