.itopplus-background{}body,html{font-size: 16px;overflow-x: hidden;color: #080913}a{color: #080913}a:hover{color: #ab882b}.itopplus-bg{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_20062023iegv/0/0/1z-z1335098167923.webp');background-color: #212121}.itopplus-bg2{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_20062023iegv/0/0/2z-z808599439361.webp')}.itopplus-bg4{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_20062023iegv/0/0/4z-z1400259353777.webp');background-position: top;background-color: #191919}.navbar-default .navbar-nav>li>a{font-size: 1em;color: #fff;margin: 0 10px;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: #fff !important;box-shadow: 0px 2px 0px 0px #ab8337;border-radius: none;background: transparent;background-color: transparent}.dropdown-menu>li>a{font-size: 1.1em;color: #000}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color: #000;background: #e8e8e8}@media screen and (max-width : 992px){.navbar-default .navbar-toggle .icon-bar{background-color: #fff !important;color: #fff !important}#controlMenu,#controlMenu i,#controlMenu li a{color: #fff !important}.navbar-default{background: #000}.navbar-header{display: flex;flex-direction: row-reverse;box-shadow: 0 0 15px 0 #ccc;padding: 0 10px}.itopplus-logo img{position: fixed;object-fit: contain;width: 80px !important;top: 5px;left: 15px}}@media screen and (min-width : 1024px){.navbar-default{background: transparent}#controlPosition{margin-top: 2%;text-align: right}#controlBanner{object-fit: contain;padding: 15px;width: auto}.itopplus-banner{background-color: #080913;color: #fff}}.h1,h1{font-size: 3.2em}.h2,h2{font-size: 2.6em}.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}.itopplus-footer{font-size: 14px}.itopplus-footer h4{margin: 0 0 15px}.itopplus-footer a{color: #fff}.itopplus-footer a:hover{color: #ab882b}.footer-icon{display: flex;width: 50%;gap: 10px}.footer-pd{padding: 0 10%}.footer-pd2{padding: 0 5%}.copy-right{padding: 6% 0 20%}.footer-icon-img{transition: 0.5s}.footer-icon-img:hover{transform: scale(1.1)}.ITPcookiebar{width: 100% !important}.ITPcookieLeftText{padding-top: 27px !important}.buttonExampleSite{border: 1px solid #ab882b !important;color: #ab882b !important;font-family: 'Noto Sans Thai',sans-serif !important}.buttonExampleSite:hover{background: #ab882b !important;color: #ffffff !important}.ITP-pdpa-template-titleFont{font-size: 1.2em !important;color: #ab882b;padding-bottom: 0rem !important}.ITP-pdpa-template-contentFont{font-size: 1em !important}.itpPDPALandingPage{padding: 4% 2%}#carousel650136866751da001a6b9fee .hidden{display: block!important;visibility: inherit!important;pointer-events: none}#carousel650136866751da001a6b9fee .carousel-indicators .active{background-color: #fff;border-color: #fff;width: 40px;height: 9px;margin: 2px}#carousel650136866751da001a6b9fee .carousel-indicators li{display: inline-block;width: 9px;height: 9px;margin: 2px;text-indent: -999px;cursor: pointer;background-color: #fff;border: 1px solid #fff;border-radius: 10px}#carousel650136866751da001a6b9fee .carousel-indicators{bottom: 5%;left: 10%}#carousel650136866751da001a6b9fee .glyphicon-chevron-left:before,#carousel650136866751da001a6b9fee .glyphicon-chevron-right:before{display: none}.about-head{font-family: 'Manrope',sans-serif;padding: 10% 0 0 10%}.about-head h2{font-weight: 600}.about-head h3{font-weight: 300;margin: 0}.about-year{border: 1px solid #fefefe;padding: 14% 7% 23%;border-radius: 400px;text-align: center;width: 65%;margin: 0 auto;font-family: 'Manrope',sans-serif}.about-border{border-bottom: 1px solid #fefefe;width: 100%;margin: 0 auto}.about-year h1{font-size: 10em;color: #ab882b;font-weight: bold;line-height: 1;margin: 0}.about-detail{padding: 10% 0}.about-detail span,.about-detail2 span{color: #ab882b}.btn-more{font-size: 0.8em;background-color: #ab882b;color: #fff;border: none;padding: 7px 15px;border-radius: 50px;transition: 0.5s}.btn-more:hover{background-color: #fce68b;color: #ab882b}#Component650139b8df577a001aeb4090 .col-md-4.col-sm-4.col-xs-4:nth-child(2) img,#Component650176d1a0e19f001a5c08b3 .col-md-4.col-sm-4.col-xs-4:nth-child(2) img{margin-top: 10%}.imageWidth.imageGallery{transform: scale(1.0);transition: 0.5s}.imageWidth.imageGallery:hover{transform: scale(1.1)}.imgLightbox{position: relative!important;overflow: hidden!important;width: 100%!important}.menu-align{font-size: 1.4em;text-align: center;padding: 4% 0 2%;letter-spacing: 7px}.menu-align h1{font-size: 2.3em;font-family: 'Manrope',sans-serif;letter-spacing: 0;font-weight: 600}.menu-align2{font-size: 1.4em;text-align: center;padding: 4% 0;letter-spacing: 7px;font-family: 'Manrope',sans-serif}.menu-align2 h1{font-size: 2.3em;letter-spacing: 0;font-weight: 600;font-family: 'Noto Sans Thai',sans-serif}.why-icon{text-align: center;padding: 1% 0 10%;transition: 0.5s}.why-icon:hover{transform: translateY(-10px)}.why-icon img{width: 80% !important;display: block;margin: 0 auto 20%}figure.effect-oscar{background: transparent}figure.effect-oscar figcaption{background-color: rgba(0,0,0,.5)}figure.effect-oscar:hover figcaption{background-color: rgba(171,136,43,.7)}figure.effect-oscar figcaption::before{border: 0px solid #fff}figure.effect-oscar h2{font-size: 0.9em;margin: 20% 0 10px 0 !important;-webkit-transform: translate3d(0,0%,0);transform: translate3d(0,0%,0);white-space: pre-line;line-height: 1.3}.grid figure h2{word-spacing: normal;font-weight: 400}#Component650166226751da001a6baa47,#Component65017aa96751da001a6baef7{width: 66.66%;margin: 0 auto}.project-block{background: linear-gradient(to bottom,rgba(41,41,41,1) 0%,rgba(25,25,25,1) 100%);color: #fff;padding: 10%;height: 404px}.project-block h3{font-size: 1.6em;white-space: pre-line;line-height: 1.3}.project-block h3 p{margin-bottom: 15px}.text-view{color: #ab882b;padding-top: 65%}.text-view a{color: #ab882b}figure.effect-jazz{background: transparent}figure.effect-jazz figcaption::after{border-top: 0px solid #fff;border-bottom: 0px solid #fff}.project-block2 h3{font-size: 1.6em;white-space: pre-line;line-height: 1.3}.project-block2 h3 p{font-size: 1.6em;margin-bottom: 15px}.text-view2{color: #ab882b}figure.effect-phoebe{background: transparent}figure.effect-phoebe h2{margin-top: 1em;-webkit-transform: translate3d(0,0px,0);transform: translate3d(0,0px,0);font-size: 0.8em;text-align: left;text-transform: none}.grid figure p{letter-spacing: 0px;font-size: 1em}.project-block2{padding-top: 30%}.project-block2{padding-top: 205px}figure.effect-phoebe img{opacity: 1;transition: 0.5s}figure.effect-phoebe:hover img{transform: scale(1.1)}.btn-align{text-align: center;padding: 1% 0}.btn-align .btn-more{font-size: 1em;padding: 8px 25px}#formdisplay65016dd04630ea001ab5ff55{padding: 10% 2% 5%}.no-js #formdisplay65016dd04630ea001ab5ff55 .form-control{border: none;border-bottom: 1px solid #d7dbdf;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: 0.9em !important;padding: 25px 0;font-weight: 400;background: transparent;color: #fff !important}.no-js #formdisplay65016dd04630ea001ab5ff55 .form-control:hover{border-bottom: 1px solid #ab882b}.no-js #formdisplay65016dd04630ea001ab5ff55 .form-control:focus{border-bottom: 1px solid #ab882b;-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: #fff !important}.no-js #formdisplay65016dd04630ea001ab5ff55 .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#02683a 0,#02683a 100%);background: transparent;color: #fff;text-shadow: 0 0px 0 #02683a;background-repeat: repeat-x;border: 1px solid #ab882b;border-radius: 0px;padding: 9px 25px;font-size: 0.9em;box-shadow: none;text-transform: uppercase;width: 100%}.no-js #formdisplay65016dd04630ea001ab5ff55 .btn-default:active{background: #ab882b;color: #fff}.no-js #formdisplay65016dd04630ea001ab5ff55 .btn-default:hover,.no-js #formdisplay65016dd04630ea001ab5ff55 .btn-default:focus{background-position: 0 0px;background: #ab882b;color: #fff}.no-js #formdisplay65016dd04630ea001ab5ff55 .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #formdisplay65016dd04630ea001ab5ff55 span.label{font-size: 0.8em;font-weight: 400}#formdisplay65016dd04630ea001ab5ff55 #editor1,#formdisplay65016dd04630ea001ab5ff55 #editor2,#formdisplay65016dd04630ea001ab5ff55 #editor3,#formdisplay65016dd04630ea001ab5ff55 #editor4{display: none}#capcha0{margin-left: -8px;margin-right: -45px}#capcha0 .col-md-12.col-sm-12 span{display: none}#capcha0 .col-md-9.col-sm-12 img{padding: 10px 5px 0 0}#capcha0 .col-md-9.col-sm-12 span{display: contents}a#capchatxt{color: #fff}.ITPcheckboxAuthen{font-size: 0.9em;font-weight: 400;padding: 0 0 0 4%;text-align: left !important}#formdisplay65016dd04630ea001ab5ff55 .form-control::placeholder{color: #fff !important}#btnview65016dd04630ea001ab5ff55{margin-left: 3%}.glyphicon-ok-circle:before{content: '✔';color: #ab882b}#formdisplay65016dd04630ea001ab5ff55 .col-md-offset-5.col-md-1.col-sm-12{width: 95% !important}#formdisplay65016dd04630ea001ab5ff55 .form-control-feedback{top: 8px !important;color: #fff !important}.padding-pd{padding: 5%}.contact-block{padding: 15% 0}.contact-block h3{font-family: 'Manrope',sans-serif}.contact-block h3{font-size: 1.5em;font-family: 'Manrope',sans-serif;font-weight: 300;margin: 0}.contact-border{border-bottom: 1px solid #ab882b;width: 19%;margin: 10% 0 0}.about-detail2{padding: 0% 5%}.about-detail2 h2,.service-detail h2{font-family: 'Manrope',sans-serif;font-weight: 600;margin: 0}.about-detail2 h3,.service-detail h3{font-family: 'Manrope',sans-serif;font-weight: 400;margin: 0 0 15px}.about-detail2-display{display: flex;align-items: center;gap: 10px}.about-detail2 h1{font-size: 6em;color: #ab882b;font-weight: bold;font-family: 'Manrope',sans-serif;line-height: 1;margin: 0}.about-detail2-display h4{white-space: pre-line;line-height: 1.3;font-weight: 600;margin: 35px 0 0}.service-detail{padding: 1% 5%}.service-ul{text-align: left;list-style: none;padding: 0%;margin: 0 auto}.service-ul li{display: flex;margin: 5px 0}.service-ul li::before{content: '✔';padding-right: 10px;color: #ab882b;font-weight: 600}.service-border{border-bottom: 4px solid #ab882b;width: 20%;margin: 4% 0}.Contentmanager .site .col-section .item.-micro a .caption{width: 100%;background: transparent;padding-left: 0;margin-bottom: 10px}.Contentmanager .site .col-section .item.-micro a .caption .title{text-align: center;font-size: 1.2em;font-weight: 600;color: #080913;padding: 7% 0 0}.Contentmanager .site .col-section .item.-micro a:hover .caption .title{color: #ab882b}.Contentmanager .site .col-section .item.-micro a .caption .time{display: none}article.col-md-6.item.-micro{width: 33.33%}.Contentmanager .site .col-section .item.-micro{padding: 10px 10px 10px 10px}.Contentmanager .site .col-section .item.-micro a .image{width: 100%;margin-bottom: 0px;border: 0px solid #eee}.Contentmanager .site .col-section .item.-micro a img{width: 100%;height: auto}.Contentmanager .site .col-section .item.-micro:nth-child(odd){border-right: none;border-bottom: none}.Contentmanager .site .col-section .item.-micro:nth-child(even){border-bottom: none}.Contentmanager .site .col-section .item.-micro a .post{display: none}.contenemanager-gallery .col-xs-12.col-md-3,.Contenemanager-gallery .col-xs-6.col-md-3{padding: 5px 10px 0;width: 33.33%}.contenemanager-gallery .thumbnail{padding: 0px;border: 0px solid #eee !important;transition: 0.3s}.Contenemanager-gallery .thumbnail{padding: 0px;border: 0px solid #eee !important;transition: 0.3s}.Contenemanager-gallery .thumbnail:hover{transform: scale(1.1);transition: 0.3s;position: relative !important;overflow: hidden !important}.contenemanager-gallery .thumbnail:hover{transform: scale(1.1);transition: 0.3s;position: relative !important;overflow: hidden !important}.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);transform: scale(1.0) !important}.contenemanager-gallery .thumbnail,.img-thumbnail{-webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 8%);box-shadow: 0 0 0 rgb(0 0 0 / 8%);transform: scale(1.0) !important}#Contentmanager img.img-responsive{position: relative !important;overflow: hidden !important;width: 100% !important;margin-bottom: 0px;transition: 0.5s}#Contentmanager img.img-responsive:hover{transform: scale(1.1);transition: 0.3s;position: relative !important;overflow: hidden !important}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color: transparent}#Contentmanager .thumbnail{background-color: #fff;background: transparent;position: relative !important;overflow: hidden !important;border: 0px solid #eee;padding: 0px !IMPORTANT;box-shadow: none;border-radius: 0px}#Contentmanager .thumbnail:hover{border-radius: 0px}.img-thumbnail{padding: 0px;border: 0px solid #ddd}.col-md-6.pull-left{margin-left: -3%;margin-right: 2%}h3.managerHeader{font-size: 2.7em;font-weight: 600;margin: 0;text-align: center}#Contentmanager .post-time{display: none}.page-header{border-bottom: 0px solid #e7e7e7;padding-bottom: 0px}.Textmanager.font-inherit{text-align: left;display: flow-root}.Textmanager.font-inherit h1{color: #93cc44;margin: 15px 0}.Textmanager.font-inherit h2{font-size: 1.8em;font-weight: bold;margin: 0px 0 0px}.Textmanager.font-inherit h3{font-weight: 600;margin: 10px 0 25px;border-bottom: 1px solid #ccc;padding-bottom: 10px}.Textmanager.font-inherit h4{margin: 10px 0 5px;font-weight: bold;line-height: 1.2}.landingpagemanager{display: none}.textmanager{text-align: center;padding: 1% 0 3%}.text-contact{}.padding-contact{padding: 7px 0}.text-contact h3{font-size: 1.8em;font-weight: 600}.no-js #Component650181379f6fd0001abbc0f8 label{display: none!important}.no-js #Component650181379f6fd0001abbc0f8 .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component650181379f6fd0001abbc0f8 .form-control{border: 1px solid #dbdbdb;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: 25px 20px;font-weight: 400;line-height: 1.5;background: white;color: #000!important}.no-js #Component650181379f6fd0001abbc0f8 .form-control:hover{border: 1px solid #ab882b}.no-js #Component650181379f6fd0001abbc0f8 .form-control:focus{border: 1px solid #ab882b;-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 #Component650181379f6fd0001abbc0f8 .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#ab882b 0,#ab882b 100%);background: #ab882b;color: #fff;text-shadow: 0 0px 0 #ab882b;background-repeat: repeat-x;border-color: #0000;border-radius: 50px;padding: 9px 20px;font-size: 1em;font-weight: 400;border: 0px solid transparent}.no-js #Component650181379f6fd0001abbc0f8 .btn-default:active{background-color: #ab882b}.no-js #Component650181379f6fd0001abbc0f8 .btn-default:hover,.no-js #Component650181379f6fd0001abbc0f8 .btn-default:focus{background-position: 0 0px;background-color: #ab882b}.no-js #Component650181379f6fd0001abbc0f8 .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component650181379f6fd0001abbc0f8 span.label{font-size: 0.9em;font-weight: 300}#iframe650181cea3d4ce001afc7010 iframe{height: 284px}.no-js #Component650181379f6fd0001abbc0f8 .ITPcheckboxAuthen{font-size: 0.9em;padding: 0 0 0 0}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color: #ab882b;border-color: #ab882b}.pagination>li>a,.pagination>li>span{color: #ab882b}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #ab882b;background-color: #f7f7f7}@media only screen and (min-width : 1900px){body,html{font-size: 20px}.project-block{height: 502px}.text-view{padding-top: 68%}.project-block2{padding-top: 265px}.itopplus-footer{font-size: 17px}.ITPcookiebar,.buttonExampleSite{font-size: 16px !important}.padding-contact{padding: 12px 0}.no-js #Component650181379f6fd0001abbc0f8 .form-control{padding: 30px 20px}#iframe650181cea3d4ce001afc7010 iframe{height: 275px}}@media only screen and (max-width:1191px){body,html{font-size: 13px}.project-block{height: 330px}.project-block2{padding-top: 170px}.itopplus-footer{font-size: 11px}.itopplus-bg2{background-size: cover}.no-js #Component650181379f6fd0001abbc0f8 .form-control{padding: 23px 20px}#iframe650181cea3d4ce001afc7010 iframe{height: 275px}}@media only screen and (max-width:900px){.h2,h2{font-size: 2.3em}.h3,h3{font-size: 1.6em}.about-year h1{font-size: 8em}.about-year h4{font-size: 0.9em}figure.effect-oscar h2{white-space: inherit}.project-block{height: 258px}.text-view{padding-top: 50%}.project-block2{padding-top: 100px}.grid figure figcaption{padding: 1.5em}.project-block2 h3,.project-block h3{font-size: 1.2em}#formdisplay65016dd04630ea001ab5ff55 #display2{margin-right: -20px}.copy-right{padding: 3% 0;text-align: center}.text-contact h3{font-size: 1.6em}}@media only screen and (max-width:480px){body,html{font-size: 16px}#imagesControl650136866751da001a6b9fee{padding: 0 !important;margin-bottom: -7px}#carousel650136866751da001a6b9fee .carousel-indicators{bottom: 0%;left: 13%}.about-year h4{font-size: 1em}#Component650166226751da001a6baa47,#Component65017aa96751da001a6baef7{width: 100%}.project-block2 h3,.project-block h3{font-size: 1.4em}.project-block{height: inherit}.text-view{padding-top: 35%}.project-block2{padding-top: 0px}.contact-block h2{font-size: 2em}.contact-block h3{font-size: 1.1em}.contact-block{padding: 15% 0 0}#formdisplay65016dd04630ea001ab5ff55{padding: 0% 0% 5%}#form65016dd04630ea001ab5ff55{padding: 0 !important}#capcha0{margin-left: -21px;margin-right: -59px}.about-detail2{padding: 0% 0%}.service-detail{padding: 1% 1%}article.col-md-6.item.-micro{width: 100%}.col-section{padding: 0 5%}.contenemanager-gallery .col-xs-12.col-md-3,.Contenemanager-gallery .col-xs-6.col-md-3{width: 100%}h3.managerHeader{font-size: 2.3em}.padding-contact{padding: 12px 0}.no-js #Component650181379f6fd0001abbc0f8 .col-md-6{padding: 0 15px}}