.itopplus-background{}.eapps-widget-toolbar{display: none}body{font-size: 17px;overflow-x: hidden;color: #444444}a{color: #444444}a:hover{color: #052e5d}.itopplus-bg{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_15102023o9xu/0/0/1z-z1398061170456.webp')}.navbar-default .navbar-nav>li>a{font-size: 1em;color: #282828;margin: 0 25px;padding: 10px 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: #282828 !important;box-shadow: 0px 3px 0px 0px #052e5d;border-radius: none;background: transparent;background-color: transparent}.dropdown-menu>li>a{font-size: 1.1em;color: #282828}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color: #fff;background: #052e5d}@media screen and (max-width : 992px){.navbar-default .navbar-toggle .icon-bar{background-color: #444 !important;color: #444 !important}#controlMenu,#controlMenu i,#controlMenu li a{color: #444 !important}.navbar-default{background: #fff}.navbar-header{display: flex;flex-direction: row-reverse;box-shadow: 0 0 3px 0 #ccc;padding: 0 10px}.itopplus-logo img{position: fixed;object-fit: contain;width: 100px !important;top: 8px;left: 15px}}@media screen and (min-width : 1024px){.navbar-default{background: transparent}#controlPosition{margin-top: 1.5%;text-align: right}#controlBanner{object-fit: contain;padding: 15px;width: 85%;margin: 0 auto}.itopplus-banner{position: sticky;top: 0;z-index: 999;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1)}}@media screen and (min-width : 1200px){.container{width: 1370px}}@media screen and (min-width : 1900px){.container{width: 1770px}}.h1,h1{font-size: 3.44em;font-weight: 600}.h2,h2{font-size: 2.5em;font-weight: 600}.h3,h3{font-size: 2em}.h4,h4{font-size: 1.2em}.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}#carousel6571460637acb100136e804b .hidden{display: block!important;visibility: inherit!important;pointer-events: none}#carousel6571460637acb100136e804b .carousel-indicators .active{background-color: #fff;width: 25px;height: 3px;margin: 5px}#carousel6571460637acb100136e804b .carousel-indicators li{display: inline-block;width: 25px;height: 3px;margin: 5px;text-indent: -999px;cursor: pointer;background-color: rgba(255,255,255,.5);border-radius: 0px;border-color: transparent}#carousel6571460637acb100136e804b .carousel-indicators{bottom: 0%}#carousel6571460637acb100136e804b .glyphicon-chevron-left:before,#carousel6571460637acb100136e804b .glyphicon-chevron-right:before{display: none}.itopplus-footer{font-size: 14px;line-height: 1.6;color: #fff}.itopplus-footer h4{margin: 0 0 10px}.itopplus-footer a{color: #fff}.itopplus-footer a:hover{color: #edf1f6}.header-icon-img{display: flex;justify-content: flex-end;gap: 15px;width: 55%;margin: 0 auto}.footer-contact-display{display: flex;gap: 15px;align-items: center}.footer-contact-img{width: 5%}.footer-icon-img{display: flex;gap: 20px;width: 60%;justify-content: flex-end;float: right}.icon-img{transition: 0.5s}.icon-img:hover{transform: scale(1.1)}.copy-right{padding: 10px 0 7%;font-size: 0.8em}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #052e5d !important;color: #052e5d !important;font-family: "LINE Seed Sans TH" !important}.buttonExampleSite:hover{background: #052e5d !important;color: #ffffff !important}.ITP-pdpa-template-titleFont{font-size: 1.2em !important;color: #052e5d;padding-bottom: 0rem !important}.ITP-pdpa-template-contentFont{font-size: 1em !important}.itpPDPALandingPage{padding: 4% 2% 2%}.padding-pd{padding: 2%}.about-detail{padding: 10%;line-height: 1.5}.about-detail h2{margin: 0}.about-detail h3{font-weight: 600;margin: 20px 0 5px}.about-detail h4{font-size: 1.5em;margin: 0 0 20px;font-weight: 600}figure.effect-jazz{background: transparent}figure.effect-jazz figcaption::after{border-top: 0px solid #fff;border-bottom: 0px solid #fff}.menu-align{text-align: center;padding: 4% 0 1%}.menu-align h2{margin: 0 0 15px;color: #052e5d}.grid figure p{letter-spacing: 0px}figure.effect-sadie p{position: absolute;bottom: 0;left: 0;padding: 4em 0.5em 0.5em !important;width: 100%;opacity: 1;-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,0px,0);text-transform: uppercase;font-size: 3.2em;font-family: 'Unbounded',sans-serif;text-align: right;font-weight: 600;line-height: 1;background: linear-gradient(to bottom,rgba(72,76,97,0) 0,rgba(0,0,0,.8) 100%)}.grid figure h2{word-spacing: normal}figure.effect-sadie figcaption::before{z-index: 0;background: -webkit-linear-gradient(top,rgba(72,76,97,0) 0,rgba(0,0,0,.8) 100%);background: linear-gradient(to bottom,rgba(72,76,97,0) 0,rgba(0,0,0,.8) 100%)}.padding-pd2{padding: 15%}#Component6571497e65efeb0013abbcc5 .col-md-3.col-sm-4.col-xs-4{width: 12.5%}.service-bg{background-color: #edf1f6;padding: 12%;text-align: center;transition: 0.5s}.service-bg:hover{background-color: #052e5d;color: #fff}.service-bg h2{color: #052e5d;margin: 0}.service-bg h3{font-size: 1.5em;color: #052e5d;font-weight: 600;margin: 0 0 15px}.service-bg img{width: 35% !important;margin: 30% auto}.service-bg:hover img{filter: invert(1)}.service-bg:hover h2,.service-bg:hover h3{color: #ffffff}.tel-bg{display: flex;background-color: #052e5d;color: #fff;font-size: 2.7em;font-weight: 600;justify-content: center;gap: 15px;padding: 20px;align-items: center;transition: 0.5s}.tel-bg:hover{background-color: #000;color: #fff}.tel-bg-img{width: 10%;margin-top: -15px}.contact-time-display{display: flex;align-items: center;gap: 15px;padding-top: 3%}.contact-time{width: 60%;padding: 0 20px}.contact-time h4{font-size: 1.5em;color: #052e5d;font-weight: 600}.contact-map{width: 40%;display: -webkit-inline-box;gap: 15px}.contact-map-icon{width: 10%}figure.effect-oscar{background: transparent}#Contentmanager figure.effect-oscar figcaption::before{border: 0px solid #fff}#Contentmanager figure.effect-oscar figcaption{font-size: 1em;padding: 4em 0em;background: linear-gradient(to bottom,rgba(0,0,0,0.0) 50%,rgba(0,0,0,.7) 100%);color: #fff}#Contentmanager figure.effect-oscar:hover figcaption{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) 0%,rgba(0,0,0,1) 100%)}figure.effect-oscar img,figure.effect-oscar:hover img{opacity: 1;transition: 0.5s}figure.effect-oscar:hover img{transform: scale(1.1)}.title-type47 span{position: absolute;left: 8%;right: 0;bottom: 10%;width: 100%;text-align: left;color: #fff;display: none}.project-detail{position: absolute;bottom: 10%;left: 5%;right: 5%;display: flex;gap: 10px;font-size: 0.9em;align-items: flex-start}.project-detail-name{width: 90%;text-align: left}.project-detail-name h4{text-transform: none;font-size: 1.5em}.arrow-icon{width: 6%}#Contentmanager .col-md-4.col-sm-4.col-xs-12{padding: 0px 10px}h3.managerHeader{text-align: center;font-size: 2.5em;font-weight: 600;color: #052e5d}#Contentmanager .post-time{display: none}.page-header{border-bottom: 0px solid #eee}.col-md-6.pull-left{margin-left: -3%;margin-right: 2%}.Textmanager.font-inherit{text-align: left;display: flow-root}.Textmanager.font-inherit h2{font-weight: 600;margin: 0px 0 5px}.Textmanager.font-inherit h3{font-weight: 600;margin: 0 0 0}.Textmanager.font-inherit h4{margin: 10px 0 0px;font-weight: 600}.contenemanager-gallery .col-xs-12.col-md-3,.Contenemanager-gallery .col-xs-6.col-md-3{padding: 10px 10px 0}.contenemanager-gallery .thumbnail,.Contenemanager-gallery .thumbnail{padding: 0px;border: 0px solid #fff;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: 15px;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: 0px solid #eee;padding: 0px;box-shadow: none !important;border-radius: 0px}.img-thumbnail{padding: 0px;border: 0px solid #ddd;border-radius: 0px}.social-icon{border-radius: 5px}.landingpagemanager{display: none}.service-detail{padding: 5%}.service-detail h2{color: #052e5d;font-weight: 600;margin: 0}.service-detail h3{font-size: 1.5em;color: #052e5d;font-weight: 600;margin: 0 0 20px}.service-detail img{width: 13% !important;margin: 5% 0}.nav-template li:hover{background-color: #edf1f6}.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: 5% 5% !important}.itp-contentmanager-template5 li.col-md-6.col-sm-6.col-xs-12{border: 1px solid #edf1f6;margin: 0 10px 20px !important;width: 48%;border-radius: 10px;padding: 0}.itp-contentmanager-template5 .img-container{padding-bottom: 100%}.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: 1.6em;line-height: 1.2;display: block;margin: 0 0 10px;font-weight: 600}.itp-contentmanager-template5 .col-md-8.col-sm-8.col-xs-12.padding-col p{font-size: 1.4em}.img-content{margin: 2% 0;text-align: center}.img-content img{margin-bottom: 2%}.text-contact{background-color: #edf1f6;padding: 5%}.text-contact .media-body{padding: 8px 0}.text-contact img{width: 75% !IMPORTANT}.padding-contact{padding: 8px 0 10px}.text-contact h3{font-weight: 600;font-size: 1.8em;color: #17305a}.no-js #Component65717d8165efeb0013abc651 label{display: none!important}.no-js #Component65717d8165efeb0013abc651 .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component65717d8165efeb0013abc651 .form-control{border: none;border-bottom: 1px dashed #ccc;border-radius: 0px!important;-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);box-shadow: inset 0 0px 0px rgba(0,0,0,.075);font-size: 1em !important;padding: 35px 0;font-weight: 400;background: transparent;color: #444 !important;vertical-align: bottom}.no-js #Component65717d8165efeb0013abc651 .form-control:hover{border-bottom: 1px dashed #052e5d}.no-js #Component65717d8165efeb0013abc651 .form-control:focus{border-bottom: 1px dashed #052e5d;-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: #444!important}.no-js #Component65717d8165efeb0013abc651 .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#f9a71f 0,#f9a71f 100%);background: #052e5d;color: #fff;text-shadow: 0 0px 0 #5ca038;background-repeat: repeat-x;border-color: #0000;border-radius: 0px;padding: 10px 25px;font-size: 0.9em;font-weight: 400;border: 0px solid transparent}.no-js #Component65717d8165efeb0013abc651 .btn-default:active{background-color: #052e5d}.no-js #Component65717d8165efeb0013abc651 .btn-default:hover,.no-js #Component65717d8165efeb0013abc651 .btn-default:focus{background-position: 0 0px;background-color: #052e5d}.no-js #Component65717d8165efeb0013abc651 .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component65717d8165efeb0013abc651 span.label{font-size: 0.85em;font-weight: 400}.no-js #Component65717d8165efeb0013abc651 .ITPcheckboxAuthen{font-size: 0.9em;padding: 0 0 0 0%}.CASS-D-border{background-image: none;background-color: #edf1f6;padding: 3%}#iframe65717ff165efeb0013abc68e iframe{height: 220px}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color: #052e5d;border-color: #052e5d}.pagination>li>a,.pagination>li>span{color: #052e5d}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #052e5d;background-color: #f7f7f7}@media only screen and (min-width : 1900px){body{font-size: 22px}#itopplus-nav-bar{padding-top: 1%}.header-icon-img{gap: 20px}#Contentmanager .thumbs{display: block !important}#Contentmanager img.imageWidth.imageGallery{width: 100%}.project-detail{bottom: 7%}.service-bg{padding: 13%}.itopplus-footer{font-size: 16px}.ITPcookiebar,.buttonExampleSite{font-size: 16px !important}.itp-contentmanager-template5 .col-md-8.col-sm-8.col-xs-12.padding-col p{font-size: 1.8em}.itp-contentmanager-template5 .col-md-8.col-sm-8.col-xs-12.padding-col strong{font-size: 2.3em}.no-js #Component65717d8165efeb0013abc651 .form-control{padding: 40px 0}#iframe65717ff165efeb0013abc68e iframe{height: 243px}}@media only screen and (max-width:1191px){.navbar-default .navbar-nav>li>a{margin: 0 15px}.header-icon-img{width: 70%}.project-detail-name h4{font-size: 1.2em}.service-bg{padding: 7%}.service-bg h3{font-size: 1.3em}.contact-time-display{font-size: 0.8em}.tel-bg{font-size: 1.6em}.tel-bg-img{margin-top: -5px}.contact-time h4{font-size: 1.2em}.itopplus-footer{font-size: 10px}.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{font-size: 1.1em}.itp-contentmanager-template5 .col-md-8.col-sm-8.col-xs-12.padding-col strong{font-size: 1.3em}.text-contact h3{font-size: 1.6em}.text-contact .media-body{padding: 4px 0}.no-js #Component65717d8165efeb0013abc651 .form-control{padding: 25px 0}#iframe65717ff165efeb0013abc68e iframe{height: 210px}}@media only screen and (max-width:900px){.project-detail{font-size: 0.6em}.contact-time-display{font-size: 0.6em;padding-top: 4%}.contact-time{padding: 0 10px}.copy-right{padding: 10px 0;text-align: center}.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 p{font-size: 1.4em}.itp-contentmanager-template5 .col-md-8.col-sm-8.col-xs-12.padding-col strong{font-size: 1.6em}.col-md-8.col-md-offset-2.text-center{padding: 0}#iframe65717ff165efeb0013abc68e iframe{height: 180px}.itopplus-bg{background-size: cover;background-attachment: inherit}}@media only screen and (max-width:480px){#imagesControl6571460637acb100136e804b{padding: 0 !important}.about-detail{padding: 0% 2%}.project-detail-name h4{font-size: 1.6em}.contact-time-display{font-size: 1em;padding-top: 4%;flex-direction: column}.contact-time{padding: 0 0px;width: 100%;text-align: center}.contact-map{width: 70%}.contact-map-icon{margin: 0 10px}.tel-bg-img{margin-top: -7px}.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,.itp-contentmanager-template5 .col-md-8.col-sm-8.col-xs-12.padding-col{width: 100%}.itp-contentmanager-template5 .img-container .img{border-radius: 10px 10px 0 0}.text-contact img{width: 90% !IMPORTANT}}