.itopplus-background{}body{font-size: 16px;overflow-x: hidden;color: #333333}a{color: #333333}a:hover{color: #004b96}b,strong{font-weight: 600}.itopplus-bg2{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_060820237a94/0/0/2z-z1136062030926.webp')}.navbar-default .navbar-nav>li>a{font-size: 1em;color: #333333;margin: 0 9px;padding: 20px 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: #004b96 !important;box-shadow: none;border-radius: none;background: transparent;background-color: transparent}.dropdown-menu>li>a{font-size: 1.1em;color: #000;padding: 7px 20px}.no-js .dropdown-menu>li>a:focus,.no-js .dropdown-menu>li>a:hover{color: #fff;background: #004b96}@media screen and (max-width: 992px){#controlBanner img{position: fixed;top: 5px;left: 10px;width: 90px !important;z-index: 10000}#nav-menu,#ItopplusMainSidebar>div{background: #fff !important}#itpMenuSideBar span{background-color: #333 !important}#controlMenu *{color: #333 !important;border: none}#nav-menu{position: fixed;width: 100%;top: 0;left: 0;z-index: 1000}.navbar-header{display: flex !important;flex-direction: row-reverse;align-items: center;height: 100%;width: 100%;padding: 0 5px}#itpMenuSideBar{display: grid !important;place-items: center;border: none;margin: 0 !important;padding: 0 !important;background: 0 0 !important;background-color: transparent !important}#itpMenuSideBar .navbar-inline:last-child{display: none}#itpMenuSideBar span{height: 3px !important;width: 25px !important;margin: 5px !important}.navbar-header a.visible-xs i,.navbar-header a:not(a.visible-xs){display: none !important}.navbar-header>a{display: grid !important;place-items: center;place-content: center;background-size: 30px;background-position: center;background-repeat: no-repeat;padding: 0 !important;width: 40px}#itpphonemobile{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/telz-z77323662137.png) !important}#itpsearchmobile{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/searchz-z1134319420589.png) !important}.old-image-icon-facebook{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/facebookz-z1318628404704.png) !important}.old-image-icon-line{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/linez-z1655517020729.webp) !important}.old-image-icon-instragram{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/instagramz-z1066049211157.webp) !important}.old-image-icon-youtube{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/youtubez-z1416596488876.webp) !important}#languagemobile{order: 10}#language_member_bar{display: none}#main-navbar-collapse{display: none !important}#languagemobile{filter: unset !important}.customLink{width: 40px !important}.customLink img{width: 30px !important;height: 30px !important;aspect-ratio: 1}}@media screen and (min-width: 1024px){.itopplus-banner .container{display: grid;grid-template-columns: 27% 73%;justify-content: space-between;min-height: 110px;transition: .3s}.itopplus-sticky .container{display: grid;grid-template-columns: 18% 73%;& #controlBanner{position: absolute;top: 12px}}.itp-block{display: flex;flex-direction: column;align-items: flex-end;gap: 10px}.itopplus-logo{position: relative;padding-left: 8%}.itopplus-menu{border-top: 1px solid #e4e4e4;width: 90%}.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: .3s}.itopplus-sticky{background: #fff !important}#controlBanner{position: absolute;top: 0;object-fit: contain;padding: 0;width: 100%;max-width: 360px;margin: 0 auto;transition: .3s}#nav-menu{display: grid;place-items: end;background: transparent;min-height: auto}.itopplus-search{width: 70%;text-align: right}}@media screen and (min-width : 1900px){.itopplus-banner{min-height: 135px}.itp-block{margin-top: 10px}}.h1,h1{font-size: 3.4em}.h2,h2{font-size: 2.8em;font-weight: 600}.h3,h3{font-size: 1.8em}.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-contact{padding: 5px 0 0}.itopplus-footer{font-size: 14px}.itopplus-footer h4{margin: 0px 0 15px;font-weight: 600}.itopplus-footer a{color: #fff}.itopplus-footer a:hover{color: #ffff01}.footer-icon-img{display: flex;gap: 10px;width: 65%}.icon-img{transition: 0.5s}.icon-img:hover{transform: scale(1.1)}.copy-right{text-align: right;font-size: 0.8em;padding: 0 0 5%}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #004b96 !important;color: #004b96 !important;font-family: "LINE Seed Sans TH" !important}.buttonExampleSite:hover{background: #004b96 !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%}.footer-logo{width: 50%;margin: 0 0}.footer-logo-text{width: 90%;margin: 30px 0}.footer-pd1{padding: 0 5%}.footer-pd2{padding: 10% 0}.contact-tel{padding-top: 7px}.contact-tel h3{font-size: 1.5em}.footer-pd3{padding: 5% 0 0 30%}.padding-pd{padding: 2%}.menu-align{padding: 5% 0 2%;text-align: center;color: #0c243c}.about-us{white-space: pre-line;padding: 0 10%}.about-us h5{color: #0c243c;font-weight: 600;margin: 0}.about-us h1{color: #0c243c;font-weight: 600;margin: 0;font-size: 5em}.about-us h3{color: #0c243c;font-size: 2.15em;font-weight: 600;margin: 0}.about-us h4{white-space: pre-line;color: #004b96;font-weight: 600;font-size: 1.8em;line-height: 1.2;margin: 25px 0 5px}.about-border{border-bottom: 1px solid #e4e4e4;margin: 20px 0;width: 92%}.about-border2{background: #004a95;width: 17%;height: 3px;margin-bottom: -2px}.btn-more{background: transparent;border: 1px solid #004a95;display: grid;grid-template-columns: auto 25px;gap: 10px;align-items: center;padding: 7px 10px;border-radius: 50px;margin-top: 20px;transition: 0.5s}.btn-more:hover{background: #e4e4e4;border: 1px solid #e4e4e4;color: #004a95}figure.effect-phoebe{background: transparent}figure.effect-phoebe h2{margin-top: 0em;transform: translate3d(0,0px,0);font-size: 0.9em;text-align: left;color: #004b96}figure.effect-phoebe img{opacity: 1;transition: 0.5s}figure.effect-phoebe:hover img{transform: scale(1.1)}.grid figure figcaption{padding: 0.5em}.grid figure h2{word-spacing: normal;font-weight: 600}.CASS-D-border{background-image: none}.CASS-D-middle-mid{padding: 0}.CASS-D-border .col-md-4.col-sm-4.col-xs-12.padding:nth-child(1){width: 19%}.CASS-D-border .col-md-4.col-sm-4.col-xs-12.padding:nth-child(2){width: 38.9%}.CASS-D-border .col-md-4.col-sm-4.col-xs-12.padding:nth-child(3){width: 41%}ul#slider66e14c0172a07e00139014aa{clip-path: polygon(10% 0,100% 0,100% 100%,0% 100%)}.service-bg{white-space: pre-line;padding: 7% 7% 7% 13%}.service-bg h1{margin: 0 0 10px;font-weight: 600}.service-bg h3{font-weight: 400;font-size: 1.6em;line-height: 1.2;margin: 20px 0}.service-border{border-bottom: 1px solid #ffffff;width: 28%;margin: 20px 0}.eapps-widget-toolbar{display: none}.effect-sadie{}figure.effect-sadie p{position: absolute;bottom: 0;left: 0;padding: 6em 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,1) 100%);text-transform: initial;font-weight: 400}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,1) 100%);background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);content: '';opacity: 0;-webkit-transform: translate3d(0,50%,0);transform: translate3d(0,50%,0)}.grid figure img{opacity: 1}.grid figure p{letter-spacing: 0px;font-size: 1em}.project-name{white-space: pre-line;display: grid;grid-template-columns: auto 25px;gap: 10px;font-size: 0.8em;height: 45px}table.tj2{width:100%}table.tj2 td,table.tj2 th{border: 1px solid #eee;padding: 15px;text-align: center}tj2 tr:nth-child(even){background-color: #f9f9f9}tj2 tr:nth-child(odd){background-color: #fff}.tj2 td:nth-child(1){background-color:#fff}.coming-soon{width: 80%;margin: 0 auto}.service-block{text-align: center;padding: 2% 1%}.service-block h3{font-weight: 600;margin: 0 0 7px;color: #004b96}.product-name h4{text-align: center;margin: 25px 0 10px;color: #0c243c;font-weight: 600;font-size: 1.3em}.col-section{padding: 1% 0% 1%}article.col-md-6.item.-micro{width: 33.33%}.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: 0px;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: 0 0}.Contentmanager .site .col-section .item.-micro a .caption .time{padding: 0% 0;color: #333;text-align: left;font-weight: 400;font-size: 1em;display: none}.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 1.2em;font-weight: 600;background: transparent;color: #333;padding: 7% 1%;margin-bottom: 0px;line-height: 1.3;text-align: center}.Contentmanager .site .col-section .item.-micro a:hover .caption .title{color: #0c243c}h3.managerHeader{font-weight: 600;text-align: center;color: #0c243c;font-size: 2.8em}#Contentmanager .post-time{display: none}.social-share{top: 15px}.page-header{border-bottom: 0px solid #eaedf3;margin: 5% 20px 20px;padding-bottom: 0px}.col-md-6.pull-left{padding: 0;width: 50%;margin: 0 4% 0 0}.Textmanager.font-inherit{text-align: left;display: flow-root}.Textmanager.font-inherit h4{font-weight: 600;margin: 25px 0 5px;line-height: 1.3}.Textmanager.font-inherit h3{font-weight: 600;margin: 0 0 15px}.Textmanager.font-inherit h2{}.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: 33.33%;padding: 10px 10px 0}.contenemanager-gallery .thumbnail,.Contenemanager-gallery .thumbnail{padding: 0px;border: 0px solid #cecece;border-radius: 20px;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: 20px;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: 1px solid #eee;padding: 0px !important;box-shadow: none !important;border-radius: 0px}.img-thumbnail{padding: 0px;border: 0px solid #ddd;border-radius: 20px}.social-icon{border-radius: 5px}.landingpagemanager{display: none}.project-sub{text-align: center;padding: 2% 0}.project-sub h3{font-size: 1.5em;color: #004b96;margin: 0}figure.effect-oscar{background: transparent}figure.effect-oscar figcaption{padding: 0em;background-color: rgba(0,0,0,.7);position: absolute;bottom: 0;left: 0;padding: 6em 2em 2em !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,1) 100%);text-transform: initial;font-weight: 400}figure.effect-oscar:hover figcaption{background-color: rgba(0,0,0,.6)}figure.effect-oscar img{opacity: 1}.grid figure h2{word-spacing: normal;font-weight: 600}figure.effect-oscar h2{margin: 20% 0 10px 0 !IMPORTANT;-webkit-transition: -webkit-transform .35s;transition: transform .35s;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,0%,0);font-size: 1em;position: absolute;left: 20px;right: 20px;bottom: 10px;text-align: left}.grid figure h2 span{font-weight: 600}figure.effect-oscar figcaption::before{border: 0px solid #fff}#Contentmanager .flex .col-md-4.col-sm-4.col-xs-12{padding: 10px 10px !IMPORTANT}.title-type47{position: absolute;color: #fff;left: 9%;right: 9%;bottom: 30px;padding-bottom: 5%;text-align: center;font-size: 1.1em;font-weight: 600}.text-contact{text-align: center;padding: 2% 5% 0}.text-contact h3{font-weight: 600;margin: 0 0 15px;line-height: 1.2;font-size: 1.6em;color: #282828}.contact-block{display: grid;grid-template-columns: repeat(2,1fr);gap: 10px;margin: 17px 0;font-size: 0.9em}.contact-bg{display: grid;grid-template-columns: 40px auto;gap: 5px;align-items: center;background: #ffffff;box-shadow: 0 0 10px #e8ebf0;border-radius: 50px;padding: 7px}.contact-bg:hover{background: #e4e4e4}.no-js #Component66e16907854a8200132cda77 label{display: none !important}.no-js #Component66e16907854a8200132cda77 .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component66e16907854a8200132cda77 .form-control{border: 1px solid #eee;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: 33px 20px;font-weight: 400;line-height: 1.5;background: #fff;color: #000 !important}.no-js #Component66e16907854a8200132cda77 .form-control:hover{border: 1px solid #004b96}.no-js #Component66e16907854a8200132cda77 .form-control:focus{border: 1px solid #004b96;-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 #Component66e16907854a8200132cda77 .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#f9a71f 0,#f9a71f 100%);background: #004b96;color: #fff;text-shadow: 0 0px 0 #3173ed;background-repeat: repeat-x;border-color: #1c3859;border-radius: 50px;padding: 10px 25px;font-size: 0.9em;font-weight: 400;border: 0px solid transparent}.no-js #Component66e16907854a8200132cda77 .btn-default:active{background: #004b96;color: #fff}.no-js #Component66e16907854a8200132cda77 .btn-default:hover,.no-js #Component66e16907854a8200132cda77 .btn-default:focus{background-position: 0 0px;background: #004b96;color: #fff}.no-js #Component66e16907854a8200132cda77 .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component66e16907854a8200132cda77 span.label{font-size: 0.85em;font-weight: 400}.no-js #Component66e16907854a8200132cda77 .ITPcheckboxAuthen{font-size: 0.9em;padding: 0 0 0 0%}.TabItpContentLandingPage6{background-color: transparent;padding: 0}.TabItpContentLandingPage6>ul{width: 100%;background-color: transparent;border-radius: 30px}.TabItpContentLandingPage6>ul>li>a{background-color: #e4e4e4 !important;border-radius: 30px;margin-right: 5px;padding: 13px 0 !important}.TabItpContentLandingPage6>ul>li.active>a,.TabItpContentLandingPage6>ul>li>a:hover{background-color: #004b96!important}.tab-itp-background{background-color: inherit;padding: 0% !important;margin-top: 2%;margin-bottom: 2%}.TabItpContentLandingPage6>ul>li>a>span{font-size: 1.2em !important;font-weight: 600}.tab-content{border: none !important;padding: 1% 0 !important}.contact-tab iframe{height: 210px;border-radius: 15px}.contact-team{background: #f9f9f9;padding: 5%;border-radius: 20px}.contact-team h4{font-size: 1.2em;color: #004b96;font-weight: 600;line-height: 1.2;margin: 0}.contact-team h5{font-weight: 600;margin: 15px 0}.contact-display{display: grid;grid-template-columns: 70% 30%}.contact-employee{display: grid;grid-template-columns: 20px auto;gap: 10px;margin-bottom: 5px}.contact-tab2 img{box-shadow: 0 0 10px rgba(0,0,0,.1)}.contact-tab2 iframe{height: 169px}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color: #004b96;border-color: #004b96}.pagination>li>a,.pagination>li>span{color: #004b96}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #004b96;background-color: #f7f7f7}@media only screen and (min-width : 1900px){body{font-size: 20px}.container{width: 1440px}.service-bg{padding: 15% 7% 15% 13%}.itopplus-footer{font-size: 18px}.ITPcookiebar,.buttonExampleSite{font-size: 16px !important}.project-name{height: 60px}.dropdown-menu>li>a{font-size: 1.4em}.contact-tab iframe{height: 220px}.contact-display{grid-template-columns: 80% 20%}ul#slider66e14c0172a07e00139014aa{width: 101%}.contact-tab2 iframe{height: 214px}}@media only screen and (max-width:1191px){.header-contact{font-size: 0.9em}.navbar-default .navbar-nav>li>a{font-size: 0.9em;margin: 0 6px}.dropdown-menu>li>a{font-size: 1em}.about-us{padding: 0 5%}figure.effect-phoebe h2{font-size: 0.7em}.service-bg{padding: 5% 0% 5% 5%}.project-name{white-space: inherit}.itopplus-footer{font-size: 12px}.about-us h3{font-size: 2.1em}.contact-block{font-size: 0.8em}.contact-bg{grid-template-columns: 30px auto}.no-js #Component66e16907854a8200132cda77 .form-control{padding: 28px 20px}.contact-team h4{font-size: 1em}.contact-team h5{font-size: 1em}.title-type47{left: 5%;right: 5%;font-size: 1em}.contact-tab2 iframe{height: 136px}}@media only screen and (max-width:900px){.about-us{white-space: inherit}.about-us h1{font-size: 3.6em}.about-us h3{font-size: 1.5em}.about-us h4{font-size: 1.3em}.service-bg{padding: 5%;font-size: 0.9em;white-space: inherit}.service-bg h1{font-size: 2.8em}.service-bg h3{font-size: 1.3em}.itopplus-bg2{background-size: cover}figure.effect-sadie p{padding: 6em 0.5em 0.5em !important}.project-name{height: 65px}.copy-right{text-align: center;padding: 0}.table-responsive{border: 0px solid #ddd}.TabItpContentLandingPage6>ul{display: flex}.nav-justified>li{width: 100%}.text-contact h3{font-size: 1.3em}#background66e16904854a8200132cda72 .col-md-6.col-sm-6.col-xs-12.padding,#background66e16c313d7d0300133f382f .col-md-6.col-sm-6.col-xs-12.padding{width: 100%}.contact-block{font-size: 1em}.contact-bg{grid-template-columns: 40px auto}.contact-team h4{font-size: 1.2em}.contact-team h5{font-size: 1.1em}.contact-display{grid-template-columns: 80% 20%}.title-type47{left: 10%;right: 10%;padding-bottom: 10%}.contact-tab2 iframe{height: 225px}}@media only screen and (max-width:480px){#imagesControl66e122c208b48f00135ce9f8,div#imagesControl66e14502cc74c00013b661d2,div#imagesControl66e1487d08b48f00135cf072,div#imagesControl66e148a208b48f00135cf098,#imagesControl66e1516408b48f00135cf283,div#imagesControl66e1516c08b48f00135cf2cc,div#imagesControl66e1516c08b48f00135cf2ce{padding: 0 !important}.about-us{padding: 0}figure.effect-phoebe h2{font-size: 1em}.CASS-D-border .col-md-4.col-sm-4.col-xs-12.padding:nth-child(1),.CASS-D-border .col-md-4.col-sm-4.col-xs-12.padding:nth-child(2),.CASS-D-border .col-md-4.col-sm-4.col-xs-12.padding:nth-child(3){width: 100%}figure.effect-oscar{clip-path: none}.service-bg{font-size: 1em}.project-name{height: inherit}table.tj2 td,table.tj2 th{white-space: nowrap}.h2,h2,h3.managerHeader{font-size: 2.4em}.col-section{padding: 1% 5% 1%}article.col-md-6.item.-micro{width: 100%}.contenemanager-gallery .col-xs-12.col-md-3,.Contenemanager-gallery .col-xs-6.col-md-3{width: 100%}.contact-block{grid-template-columns: repeat(1,1fr)}.contact-display{grid-template-columns: repeat(1,1fr)}.contact-team2{width: 35%;margin: 10px 0 0}.CASS-D-middle-mid{display: flex;flex-direction: column;& div:nth-child(1){order: 2}div:nth-child(2){order: 3}div:nth-child(3){order: 1}}.contact-tab2 .col-md-4.col-sm-4.col-xs-4.padding-col{width: 100%;margin-bottom: 10px}.contact-tab2 .col-md-8.col-sm-8.col-xs-8.padding-col{width: 100%}.contact-tab2 img{width: 65% !important;margin: 0 auto 20px;display: block;box-shadow: 0 0 10px rgba(0,0,0,.1)}}