.itopplus-background{}body{font-size: 16px;overflow-x: hidden;color: #000000}a{color: #000000}a:hover{color: #842792}.itopplus-pos2{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_2006202307w4/0/0/pos2z-z1046363169796.webp);background-size: 100% auto;background-position: top;background-repeat: no-repeat}.itopplus-bg{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_2006202307w4/0/0/1z-z92399609709.webp')}.itopplus-bg2{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_2006202307w4/0/0/bg2z-z1089063056172.webp);color: #fff}.navbar-default .navbar-nav>li>a{font-size: 1.1em;color: #000;margin: 0 5px;padding: 8px 15px;text-shadow: 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: #000 !important;box-shadow: none;border-radius: 30px;background: transparent;background-color: #e1c472}.dropdown-menu>li>a{font-size: 1.3em;color: #000}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color: #000;background: #e1c472}@media screen and (min-width: 1201px){#controlBanner{object-fit: contain;padding: 15px;width: 200px;margin: 0 auto;transition: .3s}.itopplus-search{margin-top: 1%;text-align: right}#nav-menu{margin-top: 40px;text-align: right;background-color: transparent;transition: .3s}.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}.itopplus-banner{background: #fff;transition: .3s}.banner-sticky{background: #fff !important;box-shadow: 0 0 10px rgba(0,0,0,.1)}}.h1,h1{font-size: 5em;font-weight: bolder}.h2,h2{font-size: 4.3em;font-weight: 600}.h3,h3{font-size: 2.3em;font-weight: 600}.h4,h4{font-size: 1.2em}.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}.itopplus-footer h4{margin: 0px 0 0px;font-weight: 600;font-size: 1.12em}.itopplus-footer a{color: #fff}.itopplus-footer a:hover{color: #c6a148}.footer-icon-display{display: flex;gap: 10px;width: 35%;margin-bottom: 5px}.icon-img{transition: 0.5s}.icon-img:hover{transform: scale(1.1)}.copy-right{font-size: 0.8em;padding: 0 0 1%}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #842792 !important;color: #842792 !important;font-family: "LINE Seed Sans TH" !important}.buttonExampleSite:hover{background: #842792 !important;color: #ffffff !important}.ITP-pdpa-template-titleFont{font-size: 1.2em !important;color: #842792;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%}.about-border{border-left: 3px solid #aeaeae;height: 75px}.about-block{white-space: pre-line;display: grid;grid-template-columns: 27% 5% auto}.about-block h3{color: #842792}.padding-pd2{padding: 37%}#slider66442c6f5e59a800139a4f73{width: 90%;float: right}.why-head{text-align: center;padding: 0 0 5%;color: #842792}.why-icon-display{display: flex;flex-wrap: wrap;gap: 20px;justify-content: center;text-align: center}.why-icon{width: 30%;transition: 0.5s}.why-icon:hover{transform: scale(1.1)}.why-icon-width{display: flex;gap: 20px;justify-content: center}.why-icon-img{width: 65%;margin: 0 auto 5%}.why-icon-text{white-space: pre-line}.service-display{display: grid;grid-template-columns: 60% auto;align-items: start;gap: 20px}.service-border{border-bottom: 2px solid #000000}.service-head{white-space: pre-line;text-transform: uppercase;text-align: right;font-family: "Onest",sans-serif;font-style: italic;font-weight: bolder}#Component664435b35e59a800139a51cc{margin-top: -25%}figure.effect-sadie p{position: absolute;bottom: 0;left: 0;padding: 4em 1em 1em !important;width: 100%;opacity: 1;-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,0,0);text-align: left;text-transform: initial}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,44,63,1) 100%);background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,44,63,1) 100%);content: '';opacity: 0;-webkit-transform: translate3d(0,50%,0);transform: translate3d(0,50%,0)}.grid figure p{letter-spacing: 0px}.effect-sadie{border-radius: 30px}.effect-sadie img{transition: 0.5s}.effect-sadie:hover img{transform: scale(1.1)}.grid figure p{letter-spacing: 0px;font-size: 1em}.grid figure img{opacity: 1}.service-name{font-size: 0.8em;padding: 5%}.service-name img{width: 15% !important}.service-name h3{font-size: 1.7em;font-weight: 600;margin: 20px 0 10px}.service-border2{background: linear-gradient(90deg,rgba(79,172,254,1) 0%,rgba(0,242,254,1) 100%);height: 12px;position: absolute;left: 0;right: 0;bottom: 0}.slogan-block{padding: 20% 0 7%}.slogan-block img{width: 8% !important}.slogan-block h2{white-space: pre-line;line-height: 1.3;margin: 20px 0}.slogan-block h4{font-size: 2em;font-weight: 600;margin: 0}.project-head{color: #842792}.btn-view{font-family: "Onest",sans-serif;text-align: right;text-decoration: underline;padding: 4% 0 0;font-weight: 600;transition: 0.5s}.col-section{padding: 0 1% 3%}article.col-md-6.item.-micro{width: 33.33%}.Contentmanager .site .col-section .item.-micro{padding: 10px 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: 0px solid #d4d4d4}.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: 0 0}.Contentmanager .site .col-section .item.-micro a .caption .time{padding: 7% 0}.Contentmanager .site .col-section .item.-micro a:hover .caption .time{}.Contentmanager .site .col-section .item.-micro button{background: #1fa6dc;color: #fff;border: none;padding: 9px 20px;border-radius: 0px;font-size: 0.9em;transition: 0.5s}.Contentmanager .site .col-section .item.-micro:hover button{background: #842792;color: #fff}.Contentmanager .site .col-section .item.-micro a .caption .time span{color: #152345}.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 1.1em;font-weight: 400;background: transparent;color: #000;padding: 7% 0% 0;margin-bottom: 0px;line-height: 1.3}.Contentmanager .site .col-section .item.-micro a:hover .caption .title{color: #842792}h3.managerHeader{font-size: 2.6em;text-align: center;font-weight: 600}#Contentmanager .post-time{display: none}.page-header{border-bottom: 0px solid #eee}.col-md-6.pull-left{padding: 0;width: 45%;margin: 0 3% 0 0}.Textmanager.font-inherit{text-align: left;display: flow-root}.Textmanager.font-inherit h4{font-weight: 600;margin: 25px 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 10px 0;width: 33.33%}.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,.075);box-shadow: 0 0 0 rgba(0,0,0,.075);border-radius: 0px;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 #cecece;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}.TabItpCateLandingPage1{background-color: transparent;padding: 0}.TabItpCateLandingPage1>ul{width: 100%;background-color: transparent;border-radius: 30px}.TabItpCateLandingPage1>ul>li>a{background-color: #eee !important;border-radius: 30px;margin-right: 5px;padding: 15px !important}.TabItpCateLandingPage1>ul>li.active>a,.TabItpCateLandingPage1>ul>li>a:hover{background-color: #842792 !important;color: #fff}.tab-itp-background{background-color: inherit;padding: 0% !important;margin-top: 2%;margin-bottom: 2%}.TabItpCateLandingPage1>ul>li>a>span{font-size: 18px !important}.tab-content{border: none !important;padding: 5% !important;background-color: #ffffff;border-radius: 20px;box-shadow: 3px 3px 20px rgba(0,0,0,15%);margin: 2% 1%}#tabcateTitle667a3ba22b426d001a9539eb66445aacfe8fa80013e948d0{padding: 20px 0 !important}#slider66444c52e7e8810013e98410{width: 90%}figure.effect-phoebe{background: transparent}figure.effect-phoebe h2{margin-top: 3em;transform: translate3d(0,0px,0);font-size: 1.3em}.menu-align{text-align: center;padding: 5% 0 1%;color: #842792}.why-icon-display2{display: flex;justify-content: center;text-align: center;padding-bottom: 10%;transition: 0.5s}.why-icon-display2 .why-icon-img{width: 55%;margin: 0 auto 5%}.about-detail{padding: 13% 4% 0;font-size: 1.1em}.about-detail h3{color: #842792;font-size: 1.7em;margin: 0 0 20px}.about-detail-border{border-bottom: 3px solid #aeaeae;margin: 5% 0;width: 20%}figure.effect-jazz{background: transparent}figure.effect-jazz figcaption::after{border-top: 0px solid #fff;border-bottom: 0px solid #fff}.thumbnail{padding: 0px !important;background-color: #fff;border: 0px solid #ddd;border-radius: 0px;box-shadow: 0 0px 10px rgba(0,0,0,.1) !important}#Component6644583efe8fa80013e9482d{margin-top: -15%}#Component66445896e7e8810013e98746 .col-md-4.col-sm-4.col-xs-6.col-sm-5fix{width: 12.5% !important}.contact-address{text-align: center}.contact-address h4{color: #842792;font-weight: 600;font-size: 1.5em}.contact-icon{background: #ffffff;color: #000;border: 1px solid #c8a44c;text-align: center;padding: 3% 0;transition: 0.5s;display: grid;grid-template-columns: 10% auto;align-items: center;justify-content: center;gap: 10px;margin-bottom: 13%}.contact-icon:hover{background: #c8a44c;color: #fff}.CASS-H-border{background: rgba(255,255,255,1) !important;width: 50%;padding: 1% 3%;margin: 5% auto}.CASS-H-border,.CASS-H-border{font-family: "LINE Seed Sans TH"}.CASS-H-head{border-bottom: none;margin-bottom: 0px;background: #fff;padding-left: 0px;padding-top: 5px}.CASS-H-border h3{margin: 20px 0 0;font-size: 2.4em;padding-left: 0px;text-align: center;font-weight: 600;color: #842792;line-height: 1.5}.CASS-H-border .form-control{background-color: transparent;border: none;border-bottom: 1px solid #ccc;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 0px;font-weight: 400;color: #000 !important;margin: 0}.CASS-H-border .form-control::placeholder{color: #000 !important}.CASS-H-border .form-control:hover{border-bottom: 1px solid #842792}.CASS-H-border .form-control:focus{border-bottom: 1px solid #842792;-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}.CASS-H-border .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#4d4d4d 0,#4d4d4d 100%);background: #842792;color: #fff;text-shadow: 0 0px 0 #282828;background-repeat: repeat-x;border-color: #0000;border-radius: 0px;padding: 10px 25px;font-size: 0.95em;font-weight: 400;border: 0px solid transparent}.CASS-H-border .btn-default:active{background-color: #842792}.CASS-H-border .btn-default:hover,.CASS-H-border .btn-default:focus{background-position: 0 0px;background-color: #842792}.CASS-H-border .control-label{display: none !important}.CASS-H-border .col-xs-12.col-sm-6.col-md-6{width: 100%}.CASS-H-border .form-group.col-sm-offset-3.col-sm-6.col-md-offset-3.col-md-6{width: 100%;color: #000;font-size: 0.9em}.CASS-H-main{background: #fff}#Component667245e4a8d1e0001371efd6{margin-top: -10%}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color: #842792;border-color: #842792}.pagination>li>a,.pagination>li>span{color: #842792}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #842792;background-color: #f7f7f7}@media only screen and (min-width : 1900px){body{font-size: 20px}.about-border{height: 90px}.why-icon-img{width: 65%}.itopplus-footer{font-size: 18px}.ITPcookiebar,.buttonExampleSite{font-size: 16px !important}.about-detail{padding: 13.2% 4%}.TabItpCateLandingPage1>ul>li>a>span{font-size: 20px !important}}@media only screen and (max-width:1191px){.itopplus-banner #controlBanner{width: 200px}.about-block{white-space: inherit;grid-template-columns: 33% 5% auto}.padding-pd2{padding: 27%}.why-icon-text{white-space: inherit}.why-icon-img{width: 65%}.why-icon{padding: 0 1%}.h1,h1{font-size: 4em}.slogan-block{padding: 15% 0 5%;font-size: 0.8em}.Contentmanager .site .col-section .item.-micro a .caption .title{height: 70px}.about-detail{padding: 8% 0%;font-size: 1em}.contact-icon{grid-template-columns: 8% auto;gap: 5px;font-size: 0.9em}#Component667245e4a8d1e0001371efd6{margin-top: 0%}}@media only screen and (max-width:900px){.about-block{grid-template-columns: 42% 5% auto}.h3,h3{font-size: 2em}.why-icon-display{gap: 10px}.why-icon-width{gap: 10px}.h1,h1{font-size: 3em}.h2,h2{font-size: 3.3em}.slogan-block{padding: 12% 0 5%}figure.effect-phoebe h2{margin-top: 0.5em}.copy-right{padding: 1% 0;text-align: center}#background664461835e59a800139a5a55 .col-md-4.col-sm-4.col-xs-12.padding{width: 50%}.contact-icon{margin-bottom: 1%}.CASS-H-border h3{font-size: 2em}.TabItpCateLandingPage1>ul{display: flex;justify-content: center}.TabItpCateLandingPage1 .nav-justified>li{width: 100%}}@media only screen and (max-width:480px){#imagesControl66442420fe8fa80013e940de,div#imagesControl664453d5aeb39a0013cceaed,div#imagesControl664457e6638378001339a7db,div#imagesControl66445a91e7e8810013e98825,div#imagesControl6644613db5e3a7001314e61c{padding: 0 !important;margin-bottom: -7px}.about-block{grid-template-columns: 100% auto;margin-top: 75%}.about-border{border-left: 0px solid #aeaeae;height: inherit}.padding-pd2{padding: 0%}.itopplus-bg{background-size: 100% auto}#slider66442c6f5e59a800139a4f73{float: none;margin: 0 auto}#Component664435b35e59a800139a51cc{margin-top: 0}.h1,h1{font-size: 4em}.why-icon-display,.why-icon-width{flex-direction: column;margin: 0 auto}.why-icon-img{width: 30%}.why-icon{padding: 0 1%;width: 100%}.why-icon-text{white-space: pre-line;padding: 0 0 5%}.service-name{font-size: 0.6em;padding: 2%}.slogan-block{font-size: 0.4em}.slogan-block h2{margin: 10px 0}.btn-view{text-align: left}article.col-md-6.item.-micro{width: 100%}.col-section{padding: 0 4% 3%}.Contentmanager .site .col-section .item.-micro a .caption .title{height: inherit}figure.effect-phoebe h2{margin-top: 0em}figure.effect-phoebe h3{font-size: 1.4em;margin: 0}.why-icon-display2{flex-direction: column}.why-icon-display2 .why-icon-img{width: 30%}.grid figure figcaption{padding: 1em}.contenemanager-gallery .col-xs-12.col-md-3,.Contenemanager-gallery .col-xs-6.col-md-3{width: 100%}#background664461835e59a800139a5a55 .col-md-4.col-sm-4.col-xs-12.padding{width: 100%}.CASS-H-border{width: 95%;padding: 1% 0%}.CASS-H-border h3{font-size: 1.8em}.TabItpCateLandingPage1>ul{flex-direction: column}}@media screen and (max-width: 1200px){.row-fluid{flex-wrap: unset !important}#language_member_bar{display: none}#controlBanner img{position: fixed;top: 5px;left: 10px;width: 80px !important;z-index: 10000}#nav-menu{position: fixed;width: 100%;top: 0;left: 0;z-index: 9999}.navbar-header{display: flex !important;flex-direction: row-reverse;align-items: center;height: 50px;width: 100%}.navbar-default,.navbar-header,#ItopplusMainSidebar{background: #fff !important}#ItopplusMainSidebar a{text-align: left !important;color: #444 !important}#itpMenuSideBar span.icon-bar{background: #444 !important}.itopplus-sidebar-menu-single{border: none}#itpMenuSideBar,.menu-mobile-custom{display: grid !important;place-content: center;width: 40px;border: none;padding: 0 !important;margin: 0 !important;background-color: transparent !important}.old-image-icon-facebook,.old-image-icon-line,.old-image-icon-instragram,.old-image-icon-youtube{display: grid !important}#itpMenuSideBar .navbar-inline:nth-child(2),#main-navbar-collapse,.new-image-icon-facebook,.new-image-icon-line,.new-image-icon-instragram,.new-image-icon-youtube,#nav-menu::before,#nav-menu::after{display: none !important}.navbar-header i::before{display: none !important}.navbar-header i{display: grid;width: 20px;aspect-ratio: 1;filter: contrast(30%);padding: 0}#itpphonemobile i{content: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/phonez-z921908240939.png);width: 18px !important}#itpsearchmobile i{content: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/searchz-z802258593714.png)}.old-image-icon-facebook i{content: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/fbz-z870717797999.png)}.old-image-icon-line i{content: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/linez-z21670262898.webp)}.old-image-icon-instragram i{content: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/igz-z1587384208209.webp)}.old-image-icon-youtube i{content: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/ytz-z962652931262.webp);width: 22px !important;height: 18px !important}#languagemobile{order: 10}.itopplus-search{display: none}}