.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: #444;font-family: "LINE Seed Sans TH"}a{color: #444444}a:hover{color: #0766b8}.itopplus-bg a,.itopplus-bg3 a{color: #fff}.itopplus-bg{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_03002024wfgs/0/0/1z-z858989033039.webp");background-size: cover;background-position: bottom}.itopplus-bg2{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_03002024wfgs/0/0/2z-z103871246020.webp")}.itopplus-bg3{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_03002024wfgs/0/0/3z-z841736414061.webp");background-size: cover;background-position: bottom}.itopplus-bg4{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_03002024wfgs/0/0/4z-z1083328426498.webp");background-position: bottom;background-color: #f9f9f9}.itopplus-bg5{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_03002024wfgs/0/0/5z-z1003276147481.webp")}.itopplus-bg6{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_03002024wfgs/0/0/6z-z1218982707046.webp")}.navbar-default .navbar-nav > li > a{font-size: 1em;color: #fff;margin: 0;padding: 8px 15px;border-radius: none}.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 !important;box-shadow: none;border-color: transparent;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: #03213b}@media screen and (max-width: 992px){#controlBanner img{position: fixed;top: 10px;left: 10px;width: 145px !important;z-index: 10000}#nav-menu,#ItopplusMainSidebar > div{background: #03213b !important}#itpMenuSideBar span{background-color: #fff !important}#controlMenu *{color: #fff !important;border: none}}@media screen and (min-width: 1024px){.itopplus-banner > .container{display: grid;grid-template-columns: 30% auto;align-items: center}.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}.itopplus-banner{background: #03213b;transition: 0.3s}#controlBanner{object-fit: contain;padding: 15px;width: clamp(120px,100%,20vw);margin: 0 auto}#itopplus-nav-bar{display: flex;width: 100%;justify-content: end}}.h1,h1{font-size: 4em;font-weight: bold}.h2,h2{font-size: 2.8em;font-weight: 600}.h3,h3{font-size: 1.65em;font-weight: 600}.h4,h4{font-size: 1.2em;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}.itopplus-footer{font-size: 14px;line-height: 1.6;color: #cecece}.itopplus-footer h4{margin: 0px 0 0px;color: #fff;line-height: 1.8}.itopplus-footer h4 a{color: #fff}.itopplus-footer a{color: #cecece}.itopplus-footer a:hover,.itopplus-footer h4 a:hover{color: #ff9100}.footer-logo{width: 45%;margin: 0 auto}.footer-icon-display{display: flex;gap: 7px;justify-content: center;width: 53%;margin: 10px auto 10px}.icon-img{transition: 0.5s}.icon-img:hover{transform: scale(1.1)}.copy-right{font-size: 0.8em;text-align: center}.footer-pd{padding-left: 10%}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #03213b !important;color: #03213b !important;font-family: "LINE Seed Sans TH" !important}.buttonExampleSite:hover{background: #03213b !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%}.padding-pd{padding: 2%}#slider67d24e41dec2b80013dd498a{width: 95%}.about-us{padding: 10% 0 10% 18%;line-height: 1.5}.about-us h2,.about-us h3{font-family: "Roboto Slab",serif;color: #03213b;text-transform: uppercase;margin: 0}.about-us h3{margin: 5px 0 20px}.btn-more{background: #03213b;color: #fff;border: none;padding: 8px 15px;font-size: 0.9em;transition: 0.5s}.btn-more:hover,article.col-md-6.item.-micro:hover .btn-more{background: #ff9100;color: #fff}.service-bg{padding: 10% 0}.service-bg h2{font-family: "Roboto Slab",serif}.service-bg h3{font-weight: 400}.service-icon{display: flex;align-items: center;gap: 15px}.service-icon-img{width: 3%}.service-name{white-space: pre-line;padding: 25px 0}.service-name h3{color: #000;font-size: 1.8em;margin: 0 0 7px}.service-name h4{font-family: "Roboto Slab",serif;color: #000000;margin: 0 0 20px;font-size: 1.1em;font-weight: 400}.imageWidth.imageGallery{transform: scale(1);transition: 0.5s}.imageWidth.imageGallery:hover{transform: scale(1.2)}.imgLightbox{position: relative !important;overflow: hidden !important;width: 100% !important}.effect-sadie{}figure.effect-sadie p{position: absolute;bottom: 0;left: 0;padding: 4em 1em 0.7em !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,0.8) 100%);text-transform: initial;font-size: 0.85em;font-weight: 600}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 p{letter-spacing: 0px}.grid figure img{opacity: 1}.why-block{display: grid;grid-template-columns: repeat(3,1fr);padding: 6% 0 65%;align-items: center}.why-block-head{white-space: pre-line}.why-block-head h2{font-family: "Roboto Slab",serif;text-transform: uppercase;margin: 0;line-height: 1.2}.why-block-border{white-space: pre-line;border-left: 4px solid #fff;padding: 0 0 0 20px;line-height: 1.6}.why-block-border h3{font-size: 2em;margin: 0 0 5px}.project-intro{font-size: 1.1em}.project-intro h1{text-transform: uppercase;margin: 0 0 5px}.project-intro h2{font-weight: 300;text-transform: uppercase;margin: 0}figure.effect-phoebe{background: transparent}.grid figure h2{word-spacing: normal;font-weight: 400}.grid figure figcaption{padding: 1.5em}figure.effect-phoebe h2{margin-top: 12.5em;-webkit-transform: translate3d(0,0px,0);transform: translate3d(0,0px,0);font-size: 0.75em;text-align: left;text-transform: none}figure.effect-phoebe h2 h1{white-space: pre-line;margin: 0 0 10px;font-family: "Roboto Slab",serif;font-size: 3em}figure.effect-phoebe img{opacity: 1;transition: 0.5s}figure.effect-phoebe:hover img{transform: scale(1.1)}.menu-align{text-align: center;padding: 6% 0 2%}.menu-align h2{font-family: "Roboto Slab",serif;color: #03213b}.menu-align h3{font-weight: 400;margin: 0}.about-us-pd{padding: 7% 0}.col-section{}.col-section .row.flex{justify-content: center}article.col-md-6.item.-micro{width: 25%}.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: 0px solid #eee;border-radius: 0px}.Contentmanager .site .col-section .item.-micro a .caption{width: 100%;padding-left: 0;background: #fff;padding: 5%}.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 1.05em;font-weight: 600;color: #03213b;padding: 2% 0 0;height: 50px}.Contentmanager .site .col-section .item.-micro a:hover .caption .title{color: #03213b}.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.8em;color: #000}.Contentmanager .site .col-section .item.-micro a .caption .time .btn-more{padding: 7px 10px}h3.managerHeader{font-size: 2.3em;font-weight: 600;color: #03213b;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 h3{font-weight: 600;margin: 20px 0 10px}.Textmanager.font-inherit h4{font-weight: 600;margin: 25px 0 5px;line-height: 1.3;font-size: 1.2em}.Textmanager.font-inherit h5{text-decoration: underline;font-weight: 600;font-size: 1em;margin: 10px 0 5px}.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: 10px}.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,0.075);box-shadow: 0 0 0 rgba(0,0,0,0.075);border-radius: 0px;transform: scale(1) !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: 0px solid #eee;padding: 0px !important;box-shadow: none !important;border-radius: 0px;margin-bottom: 0px}.img-thumbnail{padding: 0px;border: 0px solid #ddd;border-radius: 20px}.social-icon{border-radius: 5px}.social-share{top: 15px}.landingpagemanager{display: none}.itp-contentmanager-template5 .col-md-4.col-sm-4.col-xs-12.padding-col{width: 50%;padding: 0 !important}.itp-contentmanager-template5 .col-md-8.col-sm-8.col-xs-12.padding-col{width: 50%;padding: 6% 6% !important}.itp-contentmanager-template5 li.col-md-6.col-sm-6.col-xs-12{margin: 0 10px 20px !important;width: 48%;border-radius: 10px;padding: 0;background: #eee}.itp-contentmanager-template5 .img-container{padding-bottom: 90%}.itp-contentmanager-template5 .img-container .img{border-radius: 10px 0 0 10px}.itp-contentmanager-template5 .col-md-8.col-sm-8.col-xs-12.padding-col strong{font-size: 18px;line-height: 1.3;font-weight: 600;display: block;margin: 0 0 10px;color: #03213b}.itp-contentmanager-template5 .col-md-8.col-sm-8.col-xs-12.padding-col p{font-size: 15px}.img-content{margin: 2% 0;text-align: center}.img-content img{margin-bottom: 2%}.nav-template li:hover{background-color: transparent}.nav-template strong{font-size: 20px;font-weight: 600;line-height: 1.3;color: #03213b}.nav-template p{font-size: 14px}.nav-template li.col-md-6.col-sm-8.col-xs-12.maxHeight-main .img-container{margin-bottom: 10px}.nav-template .col-md-4.col-sm-4.col-xs-4.padding-col{width: 50%}.nav-template .col-md-8.col-sm-8.col-xs-8.padding-col{width: 50%;padding: 0 0% 0 2% !important}.nav-template .col-md-4.col-sm-4.col-xs-4.padding-col .img-container{padding-bottom: 62%}.nav-template li.col-md-6.col-sm-4.col-xs-12.maxHeight-TP4{height: inherit;margin: 0 auto 7px;display: inline-table}ul.nav-template *{text-decoration-color: transparent}.text-contact{text-align: center;padding: 0% 0% 0}.text-contact h3{line-height: 1.2;margin: 0 0 5px;color: #03213b}.contact-block2{display: flex;gap: 10px;margin: 20px 0 10px;justify-content: center}.contact-bg{display: grid;grid-template-columns: 25px auto;gap: 10px;align-items: center;background: #eee;color: #000;border-radius: 50px;padding: 12px 20px}.contact-bg:hover{background: #03213b;color: #fff}.no-js #Component67d284c131ebfc001324d71d label{display: none !important}.no-js #Component67d284c131ebfc001324d71d .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component67d284c131ebfc001324d71d .form-control{border: 1px solid #eee;border-radius: 10px !important;-webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);box-shadow: none;font-size: 1em !important;padding: 28px 20px;font-weight: 400;line-height: 1.5;background: #fff;color: #000 !important}.no-js #Component67d284c131ebfc001324d71d .form-control:hover{border: 1px solid #03213b}.no-js #Component67d284c131ebfc001324d71d .form-control::placeholder{color: #000 !important}.no-js #Component67d284c131ebfc001324d71d .form-control:focus{border: 1px solid #03213b;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow: inset 0 0px 0px rgba(0,0,0,0.075),0 0 0px rgba(102,175,233,0);color: #000 !important}.no-js #Component67d284c131ebfc001324d71d .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#f9a71f 0,#f9a71f 100%);background: #03213b;color: #fff;text-shadow: 0 0px 0 #3173ed;background-repeat: repeat-x;border-color: #6c5336;border-radius: 50px;padding: 10px 25px;font-size: 1em;font-weight: 400;border: 0px solid transparent}.no-js #Component67d284c131ebfc001324d71d .btn-default:active{background: #03213b;color: #fff}.no-js #Component67d284c131ebfc001324d71d .btn-default:hover,.no-js #Component67d284c131ebfc001324d71d .btn-default:focus{background-position: 0 0px;background: #03213b;color: #fff}.no-js #Component67d284c131ebfc001324d71d .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component67d284c131ebfc001324d71d span.label{font-size: 0.85em;font-weight: 400}.no-js #Component67d284c131ebfc001324d71d .ITPcheckboxAuthen{font-size: 0.9em;padding: 0 0 0 0%;margin-left: -3%}span#contactUsAcceptPolicyText2{display: block}#iframe67d28702e8f9ab001330e7ac iframe{height: 587px;border-radius: 10px}.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus{background-color: #03213b;border-color: #03213b}.pagination > li > a,.pagination > li > span{color: #03213b}.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus{color: #03213b;background-color: #f7f7f7}@media only screen and (min-width: 1900px){body{font-size: 20px}.container{width: 1440px}.dropdown-menu > li > a{font-size: 1.4em}.effect-sadie{margin-bottom: 5px !important}.why-block{padding: 6% 0 73%}.itopplus-footer{font-size: 18px}.ITPcookiebar,.buttonExampleSite{font-size: 16px !important}.Contentmanager .site .col-section .item.-micro a .caption .title{height: 70px}.itp-contentmanager-template5 .col-md-8.col-sm-8.col-xs-12.padding-col p,.nav-template p{font-size: 19px}.itp-contentmanager-template5 .col-md-8.col-sm-8.col-xs-12.padding-col strong,.nav-template strong{font-size: 22px}.nav-template li{display: inline-table}.nav-template .col-md-4.col-sm-4.col-xs-4.padding-col .img-container{padding-bottom: 62.5%}#iframe67d28702e8f9ab001330e7ac iframe{height: 633px}}@media only screen and (max-width: 1191px){.navbar-default .navbar-nav > li > a{padding: 8px 8px}.about-us{padding: 7% 0 0% 0%}.service-name{white-space: inherit}.itopplus-bg2,.itopplus-bg6{background-size: cover}figure.effect-sadie p{font-size: 0.69em}.why-block{padding: 6% 0 52%}figure.effect-phoebe h2{margin-top: 10em}figure.effect-phoebe h2 h1{font-size: 2.3em}.Contentmanager .site .col-section .item.-micro a .caption .title{height: 70px}.itp-contentmanager-template5 li.col-md-6.col-sm-6.col-xs-12{width: 47%}.itp-contentmanager-template5 .col-md-8.col-sm-8.col-xs-12.padding-col p,.nav-template p{font-size: 13px}.itp-contentmanager-template5 .col-md-8.col-sm-8.col-xs-12.padding-col strong,.nav-template strong{font-size: 16px}.itp-contentmanager-template5 .col-md-8.col-sm-8.col-xs-12.padding-col{padding: 5% 4% !important}.contact-bg{padding: 12px 15px}}@media only screen and (max-width: 900px){.h2,h2{font-size: 2.4em}.h3,h3{font-size: 1.4em}.service-name h3{font-size: 1.6em}figure.effect-sadie p{font-size: 0.85em}.why-block{padding: 6% 0 49%}.why-block-head h2{font-size: 2em}.why-block-border{white-space: inherit}.why-block-border h3{font-size: 1.6em}figure.effect-phoebe h2{margin-top: 7em}figure.effect-phoebe h2 h1{font-size: 2em}.grid figure figcaption{padding: 1em}.about-us-pd{padding: 1% 2%}.Contentmanager .site .col-section .item.-micro a .caption .title{height: 85px}.contenemanager-gallery .col-xs-12.col-md-3,.Contenemanager-gallery .col-xs-6.col-md-3{width: 25%}.itp-contentmanager-template5 li.col-md-6.col-sm-6.col-xs-12{width: 100%;margin: 0 0px 20px !important}.itp-contentmanager-template5 .col-md-8.col-sm-8.col-xs-12.padding-col strong,.nav-template strong{font-size: 18px}.itp-contentmanager-template5 .col-md-8.col-sm-8.col-xs-12.padding-col p,.nav-template p{font-size: 14px}.col-md-8.col-md-offset-2.text-center{padding: 0}.nav-template li.col-md-6.col-sm-8.col-xs-12.maxHeight-main{width: 100%}.nav-template li.col-md-6.col-sm-4.col-xs-12.maxHeight-TP4{width: 100%}.nav-template li:hover a{text-decoration: none !important}.contact-block2{display: grid;grid-template-columns: repeat(2,1fr)}span#contactUsAcceptPolicyText2{display: inline}}@media only screen and (max-width: 480px){#imagesControl67d24e08fe310400135fd90c{padding: 0 !important}.itopplus-bg,.itopplus-bg3{background-attachment: inherit}.service-bg h2{font-size: 2em}.service-bg h3{font-size: 1.2em}.service-icon-img{width: 6%}.itopplus-bg5{background-size: cover}.why-block{padding: 6% 0 70%;grid-template-columns: repeat(1,1fr)}.why-block-border{white-space: pre-line;margin-top: 20px}figure.effect-phoebe h2{margin-top: 8em}figure.effect-phoebe h2 h1{font-size: 1.7em}.col-section{padding: 0 5%}article.col-md-6.item.-micro{width: 100%}.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 1em;height: inherit;margin-bottom: 20px}h3.managerHeader{font-size: 1.7em}.contenemanager-gallery .col-xs-12.col-md-3,.Contenemanager-gallery .col-xs-6.col-md-3{width: 100%}.itp-contentmanager-template5 .col-md-4.col-sm-4.col-xs-12.padding-col{width: 100%}.itp-contentmanager-template5 .img-container .img{border-radius: 10px 10px 0 0}.itp-contentmanager-template5 .col-md-8.col-sm-8.col-xs-12.padding-col{width: 100%}.col-md-6.pull-left,.col-md-6.pull-right{width: 100%;margin: 0 0% 0 0}.Textmanager.font-inherit{display: block}.nav-template .col-md-4.col-sm-4.col-xs-4.padding-col{width: 100%}.nav-template .col-md-8.col-sm-8.col-xs-8.padding-col{width: 100%;padding: 10px 0% 0 2% !important}.contact-block2{grid-template-columns: repeat(1,1fr)}.contact-bg{padding: 12px 12px;font-size: 1em;grid-template-columns: 25px auto}.no-js #Component67d284c131ebfc001324d71d .col-md-6{padding: 0 15px}#iframe67d28702e8f9ab001330e7ac iframe{height: 285px}}@media only screen and (max-width: 375px){figure.effect-phoebe h2{margin-top: 6em}.contact-bg{padding: 12px 12px;font-size: 0.9em;grid-template-columns: 20px auto}}