.itopplus-background{}body{font-size: 17px;overflow-x: hidden;color: #282828;font-family: "Noto Sans Thai",sans-serif;background-color: #f1f2f8}a{color: #282828}a:hover{color: #333399}.itopplus-banner{display: none}.itopplus-bg{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_15002024yxx0/0/0/1z-z1690031233501.webp")}.itopplus-bg2{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_15002024yxx0/0/0/2z-z74213008142.webp")}.itopplus-bg3{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_15002024yxx0/0/0/3z-z542301368151.webp");background-size: cover;background-attachment: fixed;background-position: bottom}.itopplus-bg4{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_15002024yxx0/0/0/4z-z857352846460.webp");background-color: #f1f1f8}.navbar-default .navbar-nav > li > a{font-size: 0.9em;color: #282828;margin: 0 10px;padding: 8px 15px;border-radius: none;border-bottom: 3px 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: #282828 !important;box-shadow: none;border-color: transparent;background: transparent;background-color: transparent}.dropdown-menu > li > a{font-size: 1.1em;color: #282828;padding: 6px 20px}.no-js .dropdown-menu > li > a:focus,.no-js .dropdown-menu > li > a:hover{color: #fff;background: #333399}@media screen and (max-width: 992px){#controlBanner img{position: fixed;top: 10px;left: 10px;width: 45px !important;z-index: 10000}#nav-menu,#ItopplusMainSidebar > div{background: #fff !important}#itpMenuSideBar span{background-color: #000 !important}#controlMenu *{color: #000 !important;border: none}}@media screen and (min-width: 1024px){.itopplus-banner .container{display: grid;grid-template-columns: 20% auto;align-items: center}.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}.itopplus-banner{background: #fff;transition: 0.3s}.itopplus-sticky{background: #fff !important}#controlBanner{object-fit: contain;padding: 15px;width: clamp(160px,12vw,160px);margin: 0 auto}#nav-menu{display: grid;justify-content: end;background: transparent;min-height: auto}}.h1,h1{font-size: 3em;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.2em;font-weight: 600}.h5,h5{font-size: 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}.itopplus-footer h4{font-size: 1.15em;margin: 0px 0 15px;font-weight: 600}.itopplus-footer a{color: #fff}.itopplus-footer a:hover{color: #d30001}.itopplus-footer h2{margin: 0 0 20px}.itopplus-footer h3{margin: 0 0 2px}.footer-logo{width: 17%;margin: 5% auto 0}.footer-contact{display: grid;grid-template-columns: 35px auto;gap: 15px;margin-bottom: 10px}.footer-pd{padding: 15% 15% 0}#iframe67bd33cd7eb3dd001366c269 iframe{height: 410px;margin-top: -35%;border-radius: 20px}.copy-right{font-size: 0.85em;padding: 10px 0 0}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #d30001 !important;color: #d30001 !important;font-family: "Noto Sans Thai",sans-serif !important}.buttonExampleSite:hover{background: #d30001 !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-bg{white-space: pre-line;background: #161688;color: #fff;padding: 7% 7% 10%;border-radius: 0 100px;margin: 9% 0 9% 9%;font-size: 1.05em}.about-bg h4{font-size: 1.5em;line-height: 1.2;margin: 0}.about-bg img{width: 40% !important;margin: 0 0 20px}.about-pd{padding: 13% 0 0 10%}.main-timeline{position: relative;transition: all 0.4s ease 0s}.main-timeline:before{content: "";width: 5px;height: 83%;background: #ff3031;position: absolute;top: 17px;left: 1.5%}.main-timeline .timeline{position: relative}.main-timeline .timeline:before,.main-timeline .timeline:after{content: "";display: block;width: 100%;clear: both}.main-timeline .timeline-icon{width: 25px;height: 25px;border-radius: 50%;background: #d30001;border: 5px solid #ff3031;position: absolute;top: 15px;left: 0px;right: 0;margin: 0 0;overflow: hidden}.main-timeline .timeline-content{width: 100%;padding: 0px 50px 20px;border-radius: 0px;text-align: left;border-bottom: 0px solid #c6c6c6;-moz-box-shadow: 0 3px 0 rgba(0,0,0,0.1);-ms-box-shadow: 0 3px 0 rgba(0,0,0,0.1);transition: all 0.3s ease 0s}.main-timeline .date{display: inline-block;font-size: 22px;font-weight: 400;color: #fff;padding: 8px 30px;background: #19315d}.main-timeline .timeline-content.right{float: right;text-align: left}.bg1 h3{font-weight: 500;margin-bottom: 10px;background-color: #d30001;border: 5px solid #ff3031;color: #fff;width: max-content;padding: 6px 20px 3px;border-radius: 50px;font-size: 1.5em}.menu-align{text-align: center;padding: 5% 0 2%}.menu-align h2{margin: 5px auto 10px;border-bottom: 5px solid;width: max-content}.menu-align h5{color: #333399;margin: 0}.design-block1{display: grid;grid-template-columns: repeat(2,1fr);width: 66.66%;margin: 0 auto}.design-block2{display: grid;grid-template-columns: repeat(3,1fr);margin: 0 auto 5%}.design-icon{text-align: center;padding: 2% 5% 10%;transition: 0.5s}.design-icon:hover,.service-icon:hover{transform: scale(1.1)}.design-icon img{width: 18% !important;margin: 0 auto 30px}.thumbs .imageWidth.imageGallery{transform: scale(1.0);transition: 0.5s}.thumbs .imageWidth.imageGallery:hover{transform: scale(1.1)}.thumbs .imgLightbox{border-radius: 20px;position: relative!important;overflow: hidden!important;width: 100%!important}.service-name{padding: 7% 0}.service-name h4{margin: 0 0 10px;font-size: 1.3em}.service-icon-block{display: grid;grid-template-columns: repeat(4,1fr)}.service-icon{white-space: pre-line;font-size: 1.1em;font-weight: 500;text-align: center;padding: 2% 2% 20%;transition: 0.5s}.service-icon img{width: 20% !important;margin: 0 auto 30px}.why-block{display: grid;grid-template-columns: repeat(2,1fr);gap: 80px;color: #282828}.why-block2{display: grid;grid-template-columns: repeat(1,1fr);gap: 80px;width: 45%;margin: 25% auto 0;color: #282828;text-align: center}.why-block2 .why-bg3{padding: 50px 20px}.why-bg1,.why-bg2,.why-bg3,.why-bg4{background: linear-gradient(0deg,rgba(227,227,237,1) 0%,rgba(255,255,255,1) 100%);padding: 20px;font-size: 0.9em;color: #282828}.why-bg1,.why-bg4{border-radius: 60px 20px}.why-bg2,.why-bg3{border-radius: 20px 60px}.why-bg2,.why-bg4{text-align: right}.why-bg2 h3,.why-bg4 h3{margin: 10px 0 0 auto !important}.why-block h3,.why-block2 h3{background-color: #d30001;border: 5px solid #ff3031;color: #fff;width: max-content;padding: 10px;border-radius: 50px;font-size: 1.5em;margin: 10px 0}.why-block img,.why-block2 img{width: 20% ! IMPORTANT;margin: 10px 0}.about-img{position: absolute;top: 20%;width: 48%;margin: 0 auto;left: 0;right: 0}.logo-img{width: 80%;padding: 80% 0 0}.col-section{padding: 0 0 3%}article.col-md-6.item.-micro{width: 33.33%}.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;border-radius: 20px}.Contentmanager .site .col-section .item.-micro a .caption{width: 100%;padding-left: 0;padding: 7% 0}.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 1.1em;font-weight: 600;color: #444444;padding: 0% 0%;text-align: left;margin-bottom: 5px}.Contentmanager .site .col-section .item.-micro a:hover .caption .title{color: #444444}.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: #444444}.Contentmanager .site .col-section .item.-micro a .caption .time span{color: #d30001}h3.managerHeader{font-size: 2em;font-weight: 600;text-align: center;background: #d30001;color: #fff;padding: 15px;border-radius: 14px;border: 5px solid #ff3031}#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: 10px 0 10px;font-size: 1.4em;color: #282828}.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}.contenemanager-gallery .thumbnail,.Contenemanager-gallery .thumbnail{padding: 0px;border: 0px solid #eee;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: 20px;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: 20px}.img-thumbnail{padding: 0px;border: 0px solid #ddd;border-radius: 0px}.social-icon{border-radius: 5px}.social-share{top: 15px}.landingpagemanager{display: none}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color: #d30001;border-color: #d30001}.pagination>li>a,.pagination>li>span{color: #d30001}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #d30001;background-color: #f7f7f7}@media only screen and (min-width : 1900px){body{font-size: 21px}.container{width: 1440px}.about-bg{padding: 7% 9% 10%}.main-timeline .timeline-icon{width: 30px;height: 30px}.main-timeline .timeline-content{padding: 0px 50px 35px}.why-block h3{font-size: 1.8em}.itopplus-footer{font-size: 18px}#iframe67bd33cd7eb3dd001366c269 iframe{height: 515px}.ITPcookiebar,.buttonExampleSite{font-size: 16px !important}.about-img{top: 18%}}@media only screen and (max-width:1191px){body{font-size: 16px}.about-bg{white-space: inherit;font-size: 1em}.about-bg h4{font-size: 1.2em;margin: 20px 0 0}.about-bg img{margin: 0 0 0px}.bg1 h3{font-size: 1.3em}.itopplus-footer{font-size: 11px}.footer-contact{grid-template-columns: 30px auto}#iframe67bd33cd7eb3dd001366c269 iframe{height: 335px}.about-img{top: 24%}}@media only screen and (max-width:900px){.about-bg{padding: 7% 10% 10%}.main-timeline:before{height: 80%;left: 2.6%}.service-name h4{font-size: 1.2em}.why-bg1,.why-bg2,.why-bg3,.why-bg4{font-size: 0.7em}.about-img{top: 27%;width: 50%}.itopplus-footer{font-size: 10px}.itopplus-footer h3{font-size: 1.5em}.itopplus-footer h4{font-size: 1em}.footer-pd{padding: 15% 5% 0}.footer-contact{grid-template-columns: 25px auto}#iframe67bd33cd7eb3dd001366c269 iframe{height: 290px}}@media only screen and (max-width:480px){#imagesControl67bd467526404e0013a353d3{padding: 0 !important}ul#slider67bd467526404e0013a353d3{margin-bottom: -7px}.about-bg{padding: 7% 10% 15%;margin: 5% 0}.about-bg img{width: 50% !important}.about-pd{padding: 3% 0 0 5%}.main-timeline .timeline-content{padding: 0px 0px 30px 50px}.main-timeline:before{left: 3%}.menu-align h2{font-size: 2em;width: 70%;padding: 0 0 10px}.design-block1{grid-template-columns: repeat(1,1fr);width: 100%}.design-block2{grid-template-columns: repeat(1,1fr)}.service-icon-block{grid-template-columns: repeat(1,1fr)}.itopplus-bg3{background-attachment: inherit}.service-icon{padding: 2% 2% 10%}.logo-img{width: 65%;padding: 0% 0 0;margin: 0 auto;filter: invert(1)}.why-block{gap: 25px}.about-img{top: 28%}.why-block h3{font-size: 1.2em}.col-section{padding: 0 5% 3%}article.col-md-6.item.-micro{width: 100%}.itopplus-footer{font-size: 14px}.footer-logo{width: 35%}.itopplus-footer h3{font-size: 1.4em}.copy-right{display: none}h3.managerHeader{font-size: 1.7em}.col-md-8.col-md-offset-2.text-center{padding: 0}.footer-pd{padding: 0% 0% 0}#iframe67bd33cd7eb3dd001366c269 iframe{height: 200px;margin-top: 0}.footer-contact{grid-template-columns: 35px auto}.why-block2 .why-bg3{padding: 40px 20px}}