.itopplus-background{}body{font-size: 17px;overflow-x: hidden;color: #444444}a{color: #444444}a:hover{color: #6247a8}.itopplus-bg{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_02092023uf2j/0/0/1z-z395117267690.webp')}.addon-menu ul.nav.navbar-nav{border-radius: 15px 15px 0 0;border-top: #6247a8 2px solid;border-left: #6247a8 2px solid;border-right: #6247a8 2px solid}.addon-menu a{color: #282828;!important}.addon-menu a:hover,.addon-menu a:focus,.addon-menu a:active{color: #fff !important}.navbar-default .navbar-nav>li>a{font-size: 0.9em;color: #6247a8;margin: 0 5px;padding: 10px 15px}.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: #6247a8;box-shadow: none;border-radius: none;background-color: transparent}.dropdown-menu>li>a{font-size: 1.1em;color: #282828 !important;background-color: #fff}#background653b227b9616e30013982a0a .navbar-default .navbar-nav>li>a{color: #282828 !important;background: transparent}#background653b227b9616e30013982a0a .navbar-default .navbar-nav>li>a:hover,#background653b227b9616e30013982a0a .navbar-default .navbar-nav>li>a:focus{color: #fff !important;background: #6247a8}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color: #fff;background: #6247a8}@media screen and (max-width : 992px){.navbar-default .navbar-toggle .icon-bar{background-color: #282828 !important;color: #282828 !important}#controlMenu,#controlMenu i,#controlMenu li a{color: #282828 !important}.navbar-default{background: #fff}.navbar-header{display: flex;flex-direction: row-reverse;padding: 0 10px;box-shadow: 0 0 3px 0 #ccc}.itopplus-logo img{position: fixed;object-fit: contain;width: 140px !important;top: 8px;left: 15px}}@media screen and (min-width : 1024px){.navbar-default{background: transparent}#controlPosition{text-align: right}#controlBanner{object-fit: contain;width: 85%}.itopplus-banner{position: sticky;top: 0;z-index: 110;background: #fff;box-shadow: 0 0 3px 0 #ccc;padding: 10px 0 0}.addon-menu li:not(:last-of-type):not(.dropdown-menu):not(.dropdown-submenu):after{content: '|';display: grid;place-content: center;color: #fff}.addon-menu .dropdown-menu li::after{display: none !important}.addon-menu{position: relative;bottom: -7.5px}}.h1,h1{font-size: 4.5em}.h2,h2{font-size: 3.2em;font-weight: bold}.h3,h3{font-size: 2.3em;font-weight: 600}.h4,h4{font-size: 1.3em}.boderedlayoutClient{border-top: 0px dashed transparent;border-left: 0px dashed transparent;border-right: 0px dashed transparent;border-bottom: 0px dashed transparent}.tel-img-display{display: flex;gap: 5px;font-size: 0.9em}.tel-img{width: 8%}.header-icon-display{display: flex;gap: 10px;margin: 0 0 0 auto;width: 85%}.itopplus-footer{font-size: 14px}.itopplus-footer h4{margin: 0 0 15px;font-size: 1.5em}.itopplus-footer a{color: #fff}.itopplus-footer a:hover{color: #fff}.icon-img{transition: 0.5s}.icon-img:hover{transform: scale(1.1)}.copy-right{padding: 0 0 9%;font-size: 0.9em;text-align: right}.footer-pd{padding: 0 5%;line-height: 2}.footer-address img{width: 55% !important;margin: 0 auto;display: block}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #6247a8 !important;color: #6247a8 !important;font-family: 'Noto Sans Thai',sans-serif !important}.buttonExampleSite:hover{background: #6247a8 !important;color: #ffffff !important}.ITP-pdpa-template-titleFont{font-size: 1.2em !important;color: #6247a8;padding-bottom: 0rem !important}.ITP-pdpa-template-contentFont{font-size: 1em !important}.itpPDPALandingPage{padding: 4% 2%}#carousel653b284060bc5b001387c038 .hidden{display: block!important;visibility: inherit!important;pointer-events: none}#carousel653b284060bc5b001387c038 .carousel-indicators .active{background-color: #fff;border-color:#fff;width: 12px;height: 12px;margin: 2px}#carousel653b284060bc5b001387c038 .carousel-indicators li{display: inline-block;width: 12px;height: 12px;margin: 2px;text-indent: -999px;cursor: pointer;background-color: #ffffff00;border: 1px solid #fff;border-radius: 10px}#carousel653b284060bc5b001387c038 .carousel-indicators{bottom: 0%}#carousel653b284060bc5b001387c038 .glyphicon-chevron-left:before,#carousel653b284060bc5b001387c038 .glyphicon-chevron-right:before{display: none}figure.effect-jazz{background: transparent}figure.effect-jazz figcaption::after{border-top: 0px solid #fff;border-bottom: 0px solid #fff}.padding-pd{padding: 1.5%}.about-detail1{padding: 12% 0 0 8%}.about-detail2{padding: 12% 8% 0 0}.about-detail2 ul{margin: 10px 0 10px -20px}.about-detail1 h2,.about-detail1 h3,.about-detail2 h2,.about-detail2 h3{color: #282828;margin: 0}.about-border{border-bottom: 3px solid #282828;width: 25%;margin: 5% 0}figure.effect-oscar{background: transparent}figure.effect-oscar figcaption{padding: 0em;background-color: rgba(80,57,14,.3)}figure.effect-oscar:hover figcaption{padding: 0em;background-color: rgba(98,71,168,.5)}.grid figure h2{word-spacing: normal;font-weight: 400}figure.effect-oscar h2{margin: 15% 0 10px 0 !important;-webkit-transform: translate3d(0,0%,0);transform: translate3d(0,0%,0);font-size: 1em}figure.effect-oscar figcaption::before{border: 0px solid #fff}.project-name{white-space: pre-line;font-size: 0.7em}.project-name h4{font-family: 'DM Sans',sans-serif;font-size: 0.8em;letter-spacing: 4px}.project-name h2{font-size: 2.7em !important;font-family: 'DM Sans',sans-serif;font-weight: 600 !important;padding: 25% 0 3%}.project-btn{padding-top: 32%}.btn-more{background-color: #fff;color: #444;border: none;padding: 7px 15px;border-radius: 50px;font-size: 0.9em;transition: 0.5s}.btn-more:hover{background-color: #6247a8;color: #fff}.btn-Project{background-color: #fff;color: #444;border: 2px solid #6247a8;padding: 7px 15px;border-radius: 50px;font-size: 0.9em;transition: 0.5s;width: 100%}.btn-Project:hover{background-color: #6247a8;color: #fff}.about-pd{text-align: center;padding: 12% 0}.about-pd h1{font-family: 'DM Sans',sans-serif;font-weight: 400;margin: 0 0 30px}.menu-align{text-align: center;padding: 3% 01%}.menu-align h2{color: #6247a8;margin: 0}.menu-border{border-bottom: 3px solid #7a654c;width: 8%;margin: 3% auto 0}.thumbnail{padding: 0px !IMPORTANT;border: 1px solid #eee;border-radius: 0px;box-shadow: none !important}.coming-soon{width: 80%;margin: 0 auto}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-radius: 0px;background-color: transparent;border: 1px solid #eee}.Contentmanager .site .col-section .item.-micro a .post{display: none}.Contentmanager .site .col-section .item.-micro a .caption{width: 100%;background-color: transparent;border-radius: 0;padding: 5% 0}.Contentmanager .site .col-section .item.-micro a .caption .time{margin-bottom: 10px;font-size: 0.85em;color: #174260;text-align: center}.Contentmanager .site .col-section .item.-micro a .caption .title{margin-bottom: 10px;font-size: 1em;font-weight: 500;color: #444444;text-align: center;padding: 20px 0 0;height: 70px}.Contentmanager .site .col-section .item.-micro a:hover .caption .title{color: #6247a8}h3.managerHeader{text-align: center;font-size: 2.4em;font-weight: 600}#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;font-size: 0.95em}.Textmanager.font-inherit h2{font-weight: 600;margin: 10px 0 5px;font-size: 2.4em;color: red}.Textmanager.font-inherit h3{font-weight: 600;margin: 15px 0;font-size: 1.5em;color: #6247a8}.Textmanager.font-inherit h4{margin: 20px 0 5px;font-weight: 600;line-height: 1.2}.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}article.col-md-6.item.-micro button{background-color: transparent;border: 1px solid #444444;color: #242424;font-size: 0.9em;padding: 8px 15px;margin: 0 auto;transition: 0.5s;border-radius: 50px}article.col-md-6.item.-micro:hover button{background-color: #6247a8;border: 1px solid #6247a8;color: #fff}table.tj2{width: 100%;margin: 10px 0 20px}table.tj2 td,table.tj2 th{border-bottom: 1px dashed #ccc;padding: 12px;vertical-align: baseline;font-size: 1em;font-weight: 600;width: 50%}.Contentmanager .site .col-section .item.-micro a .caption .time table.tj2 td,table.tj2 th{font-size: 0.7em;font-weight: 600;padding: 5px;font-size: 0.85em;width: 60%}table.tj2 td:nth-child(2),table.tj2 th:nth-child(2){color: red}.contact-bg-block{text-align: center;padding: 2% 0}.contact-bg-block h3{color: #6247a8;font-size: 1.8em;margin: 0;font-weight: 600}.contact-bg-block h4{font-size: 1.2em;line-height: 1.2;margin: 15px 0}.contact-bg{background: transparent;border: 1px solid #6247a8;border-radius: 50px;text-align: left;margin-bottom: 6%;transition: 0.5s}.contact-bg:hover{background: #6247a8;border: 1px solid #6247a8}.contact-bg:hover,.contact-bg:hover a{color: #fff}.contact-bg .media-body{padding: 6% 0 0 2%}.contact-block h4{margin: 0 0 20px;text-align: center;font-size: 1.6em;font-weight: 600}.contact-block a:hover{color: #fff}.contact-bg-block iframe{border-radius: 15px}.text-contact{}.padding-contact{padding: 7px 0 15px}.text-contact h3{font-size: 2em;font-weight: 600;margin: 0 0 15px}.no-js #Component653b600012f05a0013f8d121 label{display: none!important}.no-js #Component653b600012f05a0013f8d121 .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component653b600012f05a0013f8d121 .form-control{border: 1px solid #eee;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 20px;font-weight: 400;line-height: 1.5;background: white;color: #000!important}.no-js #Component653b600012f05a0013f8d121 .form-control:hover{border: 1px solid #6247a8}.no-js #Component653b600012f05a0013f8d121 .form-control:focus{border: 1px solid #6247a8;-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 #Component653b600012f05a0013f8d121 .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#6247a8 0,#6247a8 100%);background: #6247a8;color: #fff;text-shadow: 0 0px 0 #f9a71f;background-repeat: repeat-x;border-color: #0000;border-radius: 50px;padding: 10px 20px;font-size: 0.9em;font-weight: 400;border: 0px solid transparent}.no-js #Component653b600012f05a0013f8d121 .btn-default:active{background-color: #6247a8}.no-js #Component653b600012f05a0013f8d121 .btn-default:hover,.no-js #Component653b600012f05a0013f8d121 .btn-default:focus{background-position: 0 0px;background-color: #6247a8}.no-js #Component653b600012f05a0013f8d121 .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component653b600012f05a0013f8d121 span.label{font-size: 0.85em;font-weight: 400}.no-js #Component653b600012f05a0013f8d121 .ITPcheckboxAuthen{font-size: 0.85em;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: #6247a8;border-color: #6247a8}.pagination>li>a,.pagination>li>span{color: #6247a8}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #6247a8;background-color: #f7f7f7}@media only screen and (min-width : 1900px){body{font-size: 21px}.dropdown-menu>li>a{font-size: 1.4em}.itopplus-footer{font-size: 18px}.ITPcookiebar,.buttonExampleSite{font-size: 16px !important}.no-js #Component653b600012f05a0013f8d121 .form-control{padding: 33px 20px}.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 1.1em;height: 80px}}@media only screen and (max-width:1191px){.navbar-default .navbar-nav>li>a{margin: 0 0px;padding: 10px 10px}.tel-img-display{font-size: 0.75em}.project-btn{padding-top: 21%}.about-pd h1{font-size: 4em}.contact-bg{font-size: 0.9em}li#menu653b212ed094fa00137b1a52{display: none !IMPORTANT}}@media only screen and (max-width:900px){li#menu653b212ed094fa00137b1a52{display: block !IMPORTANT}.contact-bg-block{font-size: 0.7em}.col-md-6.pull-left{margin-left: 0;margin-right: 0;padding: 0}.Textmanager.font-inherit{display: block}.table-responsive{border: 0px solid #ddd}.Contentmanager .site .col-section .item.-micro a .caption .title{height: 85px}}@media only screen and (max-width:480px){#imagesControl653b284060bc5b001387c038{padding: 0 !important}.about-detail1{padding: 3% 0 0 1%}.about-detail2{padding: 0% 0% 0 0}.project-name{font-size: 0.8em}.itopplus-bg{background-size: cover}.about-pd h1{font-size: 3em}.copy-right{text-align: center}.h2,h2{font-size: 2.8em}article.col-md-6.item.-micro{width: 100%}.Contentmanager .site .col-section .item.-micro a .caption .title{height: inherit;padding: 20px 0}.contact-bg-block{font-size: 0.9em}.contact-bg{font-size: 1em}table.tj2 td,table.tj2 th{padding: 12px 0;font-size: 1.1em}.Textmanager.font-inherit h3{font-size: 1.7em}.coming-soon{margin: 0 auto 77%}}#Advertising div{top: 50% !IMPORTANT}#Advertising img{width: 90% !important;float: right}#menu653b211618997f0012698a3d a{background: #6247a8;color: #fff;border-radius: 30px}