.itopplus-background{}.unknown{position: fixed;bottom: 8% !important}.unknown_prf .btn-main,.unknown_prf:hover .btn-main{margin-bottom: 0 !important}body{font-size: 16px;overflow-x: hidden;color: #444444;font-family: "LINE Seed Sans TH"}a{color: #444444}a:hover{color: #12273f}b,strong{font-weight: 600}.itopplus-bg{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_28022024j6jj/0/0/1z-z583935331382.jpg");background-position: bottom}.itopplus-bg2{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_28022024j6jj/0/0/2z-z479779449536.jpg");color: #fff;background-size: cover;background-attachment: fixed}.itopplus-bg3{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_28022024j6jj/0/0/3z-z504957318713.jpg")}.itopplus-bg4{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_28022024j6jj/0/0/4z-z1566137510792.jpg");background-size: cover;background-attachment: fixed}.navbar-default .navbar-nav > li > a{font-size: 1em;color: #444;margin: 0 10px;padding: 9px 0;border-radius: none;border-bottom: 1px solid transparent}.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: #444 !important;box-shadow: none;border-color: #12273f;background: transparent;background-color: transparent}.dropdown-menu > li > a{font-size: 1.1em;color: #444;padding: 8px 15px}.no-js .dropdown-menu > li > a:focus,.no-js .dropdown-menu > li > a:hover{color: #fff;background: #12273f}@media screen and (max-width: 992px){#controlBanner img{position: fixed;top: 10px;left: 10px;width: 120px !important;z-index: 10000}#nav-menu,#ItopplusMainSidebar > div{background: #fff !important}#itpMenuSideBar span{background-color: #444 !important}#controlMenu *{color: #444 !important;border: none}.navbar-header > a{display: grid !important;place-items: center;place-content: center;background-size: 40px;background-repeat: no-repeat;background-position: center;height: 50px !important;width: 40px !important;filter: invert(1) contrast(0.4)}#itpphonemobile{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/telz-z555807927326.png) !important}#itpsearchmobile{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/searchz-z1550057493030.png) !important}.old-image-icon-facebook{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/fbz-z1306469976463.png) !important}.old-image-icon-line{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/linez-z468194837558.png) !important}.old-image-icon-instragram{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/igz-z261562755399.png) !important}.old-image-icon-youtube{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/ytz-z1709509823553.png) !important}.new-image-icon-twitter{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/twz-z1451700767745.png) !important}}@media screen and (min-width: 1024px){.itopplus-banner > .container{display: grid;grid-template-columns: 25% auto;align-items: center}.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}#controlBanner{object-fit: contain;padding: 15px;width: clamp(120px,100%,20vw);margin: 0 auto}#itopplus-nav-bar{display: flex;width: 100%;justify-content: end}.itp-block{display: flex;flex-direction: column;align-items: flex-end;justify-content: flex-end;height: 100%}.itopplus-search{text-align: right;width: 16%;color: #444}}.h1,h1{font-size: 3.4em;font-weight: 600}.h2,h2{font-size: 2.7em;font-weight: 600}.h3,h3{font-size: 1.7em;font-weight: 600}.h4,h4{font-size: 1.4em;font-weight: 600}.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-icon-img{display: flex;gap: 10px}.itopplus-footer{font-size: 14px;line-height: 1.6;font-weight: 400}.itopplus-footer h4{font-size: 1.17em;margin: 0px 0 20px;font-weight: 600}.itopplus-footer a{color: #fff}.itopplus-footer a:hover{color: #fff}.footer-block1 img{width: 32% !important;margin: 0 0 20px}.footer-block1 h4{margin: 0px 0 10px}.btn-maps{background: transparent;border: 1px solid #fff;color: #fff;padding: 6px 15px;border-radius: 50px;transition: 0.5s}.btn-maps:hover{background: #fff;border: 1px solid #fff;color: #000}.footer-logo{width: 50%;margin: 0 0 20px}.footer-block3{padding-left: 60%}.tel-block{display: grid;grid-template-columns: 34px auto;gap: 10px;align-items: center;margin-bottom: 10px}.tel-block-text{font-size: 1.5em;font-weight: 600;color: #2f2f2f}.footer-follow{display: flex;align-items: baseline;gap: 10px}.footer-icon-img{display: flex;gap: 10px;width: 35%}.icon-img{transition: 0.5s}.icon-img:hover{transform: scale(1.1)}.copy-right{text-align: center;font-size: 0.9em}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #12273f !important;color: #12273f !important;font-family: "LINE Seed Sans TH" !important}.buttonExampleSite:hover{background: #12273f !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%}.about-us{padding: 25% 6%}.about-us h2{color: #12273f;margin: 0 0 20px}.btn-more{background: #12273f;color: #fff;border: none;padding: 9px 20px;border-radius: 50px;font-size: 0.9em;transition: 0.5s}.btn-more:hover{background: #444;color: #fff}.padding-pd{padding: 2%}.itopplus-bg2 .menu-align{color: #ffffff}.menu-align{text-align: center;padding: 7% 0 2%;color: #12273f}.menu-align h1{margin: 0}.menu-align h5{padding-left: 17%;font-family: "Manrope",sans-serif;font-weight: 300}.service-icon-display{display: grid;grid-template-columns: repeat(4,1fr);margin-bottom: 5%}.service-icon{white-space: pre-line;text-align: center;padding: 5% 5%;transition: 0.5s}.service-icon:hover{transform: translateY(-10px)}.service-icon img{width: 65% !important;margin: 0 auto 25px}.about-block{padding: 18% 2% 0 5%}.about-block h2{color: #12273f;font-weight: 400;margin: 0}.about-block h2 span{font-size: 1.3em;font-weight: 600}.about-block h3{font-size: 2.2em;background: #7d8691;color: #fff;padding: 20px;border-radius: 50px}.thumbs .imageWidth.imageGallery{transform: scale(1.0);transition: 0.5s}.thumbs .imageWidth.imageGallery:hover{transform: scale(1.1)}.thumbs .imgLightbox{position: relative!important;overflow: hidden!important;width: 100%!important}.project-name{white-space: pre-line;color: #12273f;text-align: center;padding: 20px 0 0}.btn-align{text-align: center;padding: 2% 0 7%}.project-bg{background: #12273f;color: #fff;padding: 25% 15%}.project-bg .menu-align{text-align: left;color: #ffffff}.project-bg .menu-align h5{padding-left: 0%}.CASS-H-head,.CASS-H-head{font-family: "LINE Seed Sans TH"}.CASS-H-head{border-bottom: none;margin-bottom: 0px;background: transparent;padding-left: 0px;padding-top: 0px}.CASS-H-head h3.form-inline{font-size: 1em;font-weight: 400;text-align: center;margin: 0 0 5px;color: #12273f}.CASS-H-head h3.form-inline h2{color: #12273f;margin: 0 0 5px}.CASS-H-border .form-control{border: none;background-color: transparent;border-bottom: 1.5px solid #333333;border-radius: 0px !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: 27px 0;font-weight: 400;color: #12273f !important}.CASS-H-border .form-control::placeholder{color: #12273f !important}.CASS-H-border .form-control:hover{border-bottom: 1.5px solid #12273f}.CASS-H-border .form-control:focus{border-bottom: 1.5px solid #12273f;-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: #12273f!important}.CASS-H-border .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#4d4d4d 0,#4d4d4d 100%);background: #12273f;color: #ffffff;text-shadow: 0 0px 0 #282828;background-repeat: repeat-x;border-color: #0000;border-radius: 50px;padding: 8px 20px;font-weight: 500;font-size: 1em;border: 0px solid #fff;box-shadow: none}.CASS-H-border .btn-default:active{background-color: #12273f;color: #fff}.CASS-H-border .btn-default:hover,.CASS-H-border .btn-default:focus{background-position: 0 0px;background-color: #12273f;color: #fff}.CASS-H-border .ITPcheckboxAuthen{font-size: 0.95em;color: #12273f;text-align: left !important;padding-left: 3.5%;margin-bottom: 2%}.CASS-H-border span#contactUsAcceptPolicyText2{color: #12273f;display: block}#btnview68006f9b6eaa31001374ed52,#btnview68007fbfd41e5f00139f75ed{margin-left: 35%}.CASS-H-border #editor1,.CASS-H-border #editor2,.CASS-H-border #editor3,.CASS-H-border #editor4,.CASS-H-border #editor5,.CASS-H-border #editor6{display: none}.CASS-H-border .glyphicon-ok-circle:before{display: none}.CASS-H-border .form-control-feedback{top: 10px !important;color: #12273f !important}.CASS-H-border .form-control option{color: #12273f}.CASS-H-middle-mid{padding: 0px}.CASS-H-main{background: transparent}.CASS-H-border{width: 50%;margin: 8% auto;background: rgba(255,255,255,.8);float: right;border-radius: 20px;padding: 2% 4%}.CASS-H-head .menu-align h5{padding-left: 35%}.about-us-sub .about-us{padding: 13% 6%}.service-intro{padding: 0 10px}.service-intro h3{margin: 0 0 10px;color: #12273f;font-size: 1.5em;line-height: 1.3}.service-intro h3 span{display: block}.service-intro h4{font-size: 1.2em;margin: 20px 0 0px;color: #12273f}.nav-template7{padding: 0% 0% 5%}.nav-template7 li{padding: 16px 0;border-bottom: 1px solid #c8c8c8;border-top: 0px solid #f6f6f6}.nav-template7 li:hover{background-color: transparent}.nav-template7 li a{width: 90%;color: #12273f;font-size: 20px !important;text-align: left}.nav-template7 .btn-group-sm>.btn,.nav-template7 .btn-sm,.nav-template7 .btn-sm p{font-size: 16px;padding: 0px 0px 10px}.nav-template7 .btn-sm,.nav-template7 .btn-sm p{padding: 0px 0px 0px}#contenttype71{text-align: left}#contenttype71 h4{font-size: 1.1em;margin: 15px 0 0}.nav-template7 #contenttype71 ul{margin: 0 0 10px}.nav-template7 #contenttype71 li{padding: 0px 0 2px;border-bottom: 0px solid #c8c8c8;border-top: 0px solid #f6f6f6;list-style-type: circle}.nav-template7 li .btn-sm .col-md-12{padding: 5px 7px}.nav-template7 .fa-plus:before{content: "⌵";color: #12273f;font-size: 1.6em}.nav-template7 .fa,.nav-template7 .fas{float: right;position: absolute;right: 3%;line-height: 0.5}.col-section{padding: 0 0 2%}article.col-md-6.item.-micro{width: 25%}.Contentmanager .site .col-section .item.-micro{padding: 10px 10px 10px}.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: 0px solid #eee}.Contentmanager .site .col-section .item.-micro a .caption{width: 100%;padding-left: 0;padding: 7% 15%}.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 1.1em;font-weight: 400;color: #12273f;text-align: center;margin-bottom: 0px}.Contentmanager .site .col-section .item.-micro a:hover .caption .title{color: #12273f}.Contentmanager .site .col-section .item.-micro a .post{display: none}.Contentmanager .site .col-section .item.-micro a .caption .time{text-align: left;font-size: 0.9em;color: #12273f;display: none}h3.managerHeader{font-size: 2.8em;font-weight: 600;color: #12273f;text-align: center}#Contentmanager .post-time{display: none}.page-header{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: 25px 0 5px;line-height: 1.3}.Textmanager.font-inherit h3{font-weight: 600;margin: 5px 0 0px}.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{padding: 0px 10px 0}.contenemanager-gallery .thumbnail,.Contenemanager-gallery .thumbnail{padding: 0px;border: 0px solid #cecece;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: transparent;position: relative !important;overflow: hidden !important;border: 0px solid #eee;padding: 0px !important;box-shadow: none !important;border-radius: 0px}.img-thumbnail{padding: 0px;border: 0px solid #ddd;border-radius: 0px}.social-icon{border-radius: 5px}.social-share{top: 15px}.landingpagemanager{display: none}.contact-block{text-align: center;padding: 2% 0}.contact-block h4{color: #12273f;margin: 0}.contact-icon-display{display: grid;grid-template-columns: repeat(4,1fr);gap: 10px;margin-top: 20px}.contact-icon{background: transparent;border: 1px solid #12273f;color: #12273f;display: grid;grid-template-columns: 25px auto;gap: 10px;padding: 10px;justify-content: center;align-items: center;border-radius: 50px;transition: 0.5s}.contact-icon:hover{background: #12273f;border: 1px solid #12273f;color: #fff}.contact-icon:hover img{filter: brightness(15)}#iframe68008076a7cd8300130b58a7 iframe{border-radius: 20px}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color: #12273f;border-color: #12273f}.pagination>li>a,.pagination>li>span{color: #12273f}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #12273f;background-color: #f7f7f7}@media only screen and (min-width : 1900px){.container{width: 1440px}body{font-size: 20px}.navbar-default .navbar-nav > li > a{margin: 0 15px}.itopplus-footer{font-size: 18px}.tel-block{grid-template-columns: 43px auto}.ITPcookiebar,.buttonExampleSite{font-size: 16px !important}.nav-template7 li a{font-size: 26px !important}.nav-template7 .btn-group-sm>.btn,.nav-template7 .btn-sm,.nav-template7 .btn-sm p{font-size: 20px}.nav-template7 li{padding: 20px 0}.dropdown-menu > li > a{font-size: 1.4em}}@media only screen and (max-width:1191px){.h1,h1{font-size: 3em}.h2,h2{font-size: 2.2em}.service-icon{padding: 5% 0%}.service-icon img{width: 55% !important}.about-block h3{font-size: 1.8em;padding: 20px 10px;text-align: center}.footer-block3{padding-left: 50%}.about-us-sub .about-us{padding: 3% 6%}.nav-template7 li{padding: 10px 0}.nav-template7 li a{font-size: 17px !important}.Contentmanager .site .col-section .item.-micro a .caption{padding: 7% 6%}h3.managerHeader{font-size: 2.2em}.contact-icon{font-size: 0.9em;grid-template-columns: 20px auto;gap: 5px;padding: 10px 5px}}@media only screen and (max-width:900px){#nav-menu,#ItopplusMainSidebar > div{box-shadow: 0 0 10px rgba(0,0,0,.1) !important}.h1,h1{font-size: 2.6em}.h2,h2{font-size: 1.7em}.about-us{padding: 10% 6%}.service-icon{padding: 5% 7%;white-space: inherit}.about-block h3{font-size: 1.4em}.CASS-H-middle-mid div{padding: 0px}.CASS-H-border span#contactUsAcceptPolicyText2{display: inline}.CASS-H-border .ITPcheckboxAuthen{padding-left: 2.5%}.footer-block3{padding-left: 35%}.about-us-sub .about-us{padding: 0% 0%}.Contentmanager .site .col-section .item.-micro a .caption{padding: 7% 0%}.contenemanager-gallery .col-xs-12.col-md-3,.Contenemanager-gallery .col-xs-6.col-md-3{width: 25%}.contact-icon-display{grid-template-columns: repeat(2,1fr)}.contact-icon{font-size: 1em}}@media only screen and (max-width:480px){#imagesControl67f8e1cb9e8333001303b744{padding: 0 !important}.h2,h2,h3.managerHeader{font-size: 2.05em}.about-us{padding: 10% 0%}.menu-align h5{padding-left: 35%}.itopplus-bg2,.itopplus-bg4{background-attachment: inherit}.service-icon-display{grid-template-columns: repeat(2,1fr)}.service-icon{padding: 5% 5%;white-space: pre-line}.about-block{padding: 5% 0% 0 0%}.about-block h2 span{font-size: 1.1em}.about-block h3{font-size: 1.3em}.project-bg{padding: 20% 10%}#imagesControl68006a28bf32190013d878a7{padding: 10px 0 !important}.CASS-H-border{width: 100%;padding: 2% 10%}.nav-template7 li a{font-size: 18px !important}.nav-template7 li{padding: 13px 0}.col-section{padding: 0 5% 2%}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-icon-display{grid-template-columns: repeat(1,1fr)}.contact-icon{gap: 10px}.contact-block h4{font-size: 1.6em}}@media only screen and (max-width:375px){.h2,h2,h3.managerHeader{font-size: 1.75em}.project-bg{padding: 20% 8%}}