.itopplus-background{}body{font-size: 16px;overflow-x: hidden;color: #000}a{color: #000}a:hover{color: #3173ED}.itopplus-bg{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_13082022772w/0/0/1z-z1707881820971.webp)}.navbar-default .navbar-nav>li>a{font-size: 1em;color: #fff;margin: 0 15px;padding: 3px 0;transition: .3s}.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: #3173ED !important;box-shadow: 0 1px 0 0 #3173ED;border-radius: none;background: transparent;background-color: transparent;font-weight: 600}.dropdown-menu>li>a{font-size: 1.1em;color: #000;border-radius: 10px;padding: 5px 20px}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color: #fff;background: #3173ED}.navbar-nav>li>.dropdown-menu{border-radius: 10px}.navbar-brand,.navbar-nav>li>a{text-shadow: none}@media screen and (min-width: 1024px){.itopplus-banner .container{display: grid;grid-template-columns: 15% auto;align-items: center}.itopplus-banner .container::before,.itopplus-banner .container::after{display: none}#controlBanner{object-fit: contain;padding: 15px;width: 130px;margin: 0 auto;transition: .3s}#nav-menu{text-align: right;background-color: transparent}.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}.itopplus-banner{background: #0F2348;transition: .3s}.banner-sticky{background: #0F2348 !important}}.h1,h1{font-size: 4em;font-weight: bolder}.h2,h2{font-size: 2.8em;font-weight: 600}.h3,h3{font-size: 2em;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: 13px}.itopplus-footer h4{margin: 0px 0 0px;font-weight: 600;font-size: 1.1em}.itopplus-footer a{color: #fff}.itopplus-footer a:hover{color: #3173ED}.footer-icon-display{display: flex;gap: 10px;width: 85%;margin-bottom: 5px;justify-content: center;margin: 15% auto 10%}.icon-img{transition: 0.5s}.icon-img:hover{transform: scale(1.1)}.footer-logo{text-align: center}.footer-pd{padding-left: 10% !important}.copy-right{font-size: 0.7em;margin: 0 -11%}.footer-menu ul{margin-left: -25px}.footer-menu ul li{margin-bottom: 10px;font-size: 0.9em}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #3173ED !important;color: #3173ED !important;font-family: "Noto Sans Thai",sans-serif !important}.buttonExampleSite:hover{background: #3173ED !important;color: #ffffff !important}.ITP-pdpa-template-titleFont{font-size: 1.2em !important;color: #3173ED;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-block{padding: 0 5%}.about-block h4,.product-block h4{color: #3173ED;font-family: "Outfit",sans-serif;margin: 0}.about-block h3{color: #0F2348;margin: 10px 0 20px}.about-icon{white-space: pre-line;color: #0F2348;font-size: 1.05em;font-weight: 700;text-align: center;padding: 10% 0% 0 !important;transition: 0.5s}.about-icon:hover{transform: scale(1.1)}.about-icon img{width: 50% !important;margin: 0 auto 10%}.product-block h3{white-space: pre-line;margin: 10px 0 20px}.btn-view{background: #3173ED;color: #fff;font-size: 0.8em;border: none;padding: 10px 15px;transition: 0.5s}.btn-view:hover{background: #0A3FA1;color: #fff}.service-head{color: #0F2348;border-left: 5px solid #3173ED;padding-left: 20px;margin-left: 20%}.service-head h2{margin: 0;font-family: "Outfit",sans-serif}.service-block{background: transparent;border: 1px solid #D9D9D9;border-radius: 20px;display: flex;gap: 10px;width: 75%;float: right;align-items: center;padding: 7% 5% 7% 10%;height: 140px}.service-img{width: 40%;margin-left: -35%}.service-text{width: 100%;padding-left: 5%;font-size: 0.8em}.service-text h4{color: #C9C9C9;margin: 0;font-family: "Outfit",sans-serif;font-size: 1em}.service-text h3{white-space: pre-line;font-size: 1.6em;margin: 10px 0 0}.service-border{border-bottom: 1px solid #D9D9D9;margin: 5% auto 0}.menu-align{text-align: center;padding: 4% 0 2%}.menu-align h4{font-family: "Outfit",sans-serif;color: #3173ED;margin: 0}.menu-align h2{color: #0F2348;font-size: 2.3em;font-weight: bold;margin: 10px 0 0}.eapps-widget-toolbar{display: none}.btn-view-text{font-family: "Onest",sans-serif;text-align: right;text-decoration: underline;padding: 20% 0 0;transition: 0.5s}.modquee-contanier{display: flex;align-items: center;overflow: hidden;margin: 0 auto;height: 190px;width: 100%;gap: 20px}.modquee-box{display: flex;width: fit-content;animation: scroll 35s linear infinite;justify-content: space-around;gap: 30px}.modquee-box img{height: 130px;width: 130px}@keyframes scroll{from{transform: translateX(0)}to{transform: translateX(-100%)}}.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: #3173ED;color: #fff;border: none;padding: 9px 20px;border-radius: 0px;font-size: 0.8em;transition: 0.5s}.Contentmanager .site .col-section .item.-micro:hover button{background: #0F2348;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: 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: #3173ED}h3.managerHeader{font-size: 2.4em;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}.about-pd{padding: 4% 0}.about-block2{text-align: center;padding: 2% 0}.about-block2 h3{margin: 0 0 10px;color: #0f2448}.about-block2 .about-icon{padding: 5% 0% 0 !important}.about-block2 .about-icon img{width: 35% !important}.service-block2{height: 510px;border: 1px solid #D9D9D9;padding: 5%;border-radius: 20px}.service2-img{width: 22%;margin: 0 0 5%}.service2-text h3{font-size: 1.4em;color: #3174ed;margin: 0 0 15px}.team-block{text-align: center;padding: 0 3% !important}.team-border{border-top: 2px solid #d9d9d9}.team-borde2{background: #ccc;width: 2px;height: 45px;margin: 0 auto}.team-block h4{padding: 15px 0;font-size: 1.1em;color: #0f2347;font-weight: 600;margin: 0}.product-detail{text-align: center}.product-detail h4{margin: 15px 0 0;font-weight: 600}figure.effect-jazz{background: transparent}figure.effect-jazz figcaption::after{border-top: 0px solid #fff;border-bottom: 0px solid #fff}.coming-soon{width: 80%;margin: 0 auto}.text-contact{}.text-contact .media-body{padding: 10px 0 15px}.text-contact img{width: 85% !IMPORTANT}.text-contact h3{font-weight: 600;margin: 0 0 15px;line-height: 1.2;font-size: 1.5em}.no-js #Component664c7f63bde0260013450d8f label{display: none!important}.no-js #Component664c7f63bde0260013450d8f .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component664c7f63bde0260013450d8f .form-control{border: 1px solid #dbdbdb;border-radius: 5px!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: #fff;color: #000!important}.no-js #Component664c7f63bde0260013450d8f .form-control:hover{border: 1px solid #3173ed}.no-js #Component664c7f63bde0260013450d8f .form-control:focus{border: 1px solid #3173ed;-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 #Component664c7f63bde0260013450d8f .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#f9a71f 0,#f9a71f 100%);background: #3173ed;color: #fff;text-shadow: 0 0px 0 #3173ed;background-repeat: repeat-x;border-color: #7a2d8d;border-radius: 5px;padding: 10px 25px;font-size: 0.9em;font-weight: 400;border: 0px solid transparent}.no-js #Component664c7f63bde0260013450d8f .btn-default:active{background-color: #d61a83}.no-js #Component664c7f63bde0260013450d8f .btn-default:hover,.no-js #Component664c7f63bde0260013450d8f .btn-default:focus{background-position: 0 0px;background-color: #3173ed}.no-js #Component664c7f63bde0260013450d8f .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component664c7f63bde0260013450d8f span.label{font-size: 0.85em;font-weight: 400}.no-js #Component664c7f63bde0260013450d8f .ITPcheckboxAuthen{font-size: 0.9em;padding: 0 0 0 0%}#iframe664b04a12e4d6e001384ca1f iframe{height: 220px;border-radius: 15px}.TabItpContentLandingPage6{background-color: transparent;padding: 0}.TabItpContentLandingPage6>ul{width: 100%;background-color: transparent;border-radius: 0px}.TabItpContentLandingPage6>ul>li>a{background-color: #eee !important;border-radius: 0px;margin-right: 5px;padding: 15px !important;height: 85px}.TabItpContentLandingPage6>ul>li.active>a,.TabItpContentLandingPage6>ul>li>a:hover{background-color: #0f2348!important}.tab-itp-background{background-color: inherit;padding: 0% !important;margin-top: 2%;margin-bottom: 0%}.TabItpContentLandingPage6>ul>li>a>span{font-size: 1.2em !important;font-weight: 600}.tab-content{border: none !important;padding: 2% 0 0 !important;background-color: transparent}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color: #0f2348;border-color: #0f2348}.pagination>li>a,.pagination>li>span{color: #0f2348}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #0f2348;background-color: #f7f7f7}@media only screen and (min-width : 1900px){body{font-size: 20px}.dropdown-menu>li>a{font-size: 1.2em}.service-block{gap: 5px}.itopplus-footer{font-size: 15px}.ITPcookiebar,.buttonExampleSite{font-size: 16px !important}.service-block2{height: 625px}.text-contact{padding-right: 11%}.TabItpContentLandingPage6>ul>li>a{height: 100px}}@media only screen and (max-width:1191px){.navbar-default .navbar-nav>li>a{margin: 0 12px}.service-head h2{font-size: 2.1em}.service-block{gap: 5px;font-size: 0.8em}.service-block2{height: 555px}.TabItpContentLandingPage6>ul>li>a{padding: 15px 0 !important}}@media only screen and (max-width:900px){.about-icon{white-space: inherit}.btn-view-text{padding: 30% 0 0}.Contentmanager .site .col-section .item.-micro a .caption .title{height: 55px}.service-block2{height: 615px}.copy-right{font-size: 0.9em;margin: 0 0%;text-align: center}.coming-soon{margin: 0 auto 81%}.TabItpContentLandingPage6>ul{display: flex}.nav-justified>li{width: 100%}.TabItpContentLandingPage6>ul>li>a>span{font-size: 1.1em !important}.TabItpContentLandingPage6>ul>li>a{padding: 10px 0 !important;height: 92px}}@media only screen and (max-width:480px){#imagesControl6647339fbde026001344d0d8{padding: 0 !important}.about-block{padding: 0 0%}.about-icon{white-space: pre-line}.service-head{margin-left: 0}.service-block{gap: 10px;font-size: 1em;width: 85%}.service-text h3{font-size: 1.5em}.modquee-box img{height: 80px;width: 80px}.btn-view-text{padding: 0% 0 0;text-align: left}article.col-md-6.item.-micro{width: 100%}.col-section{padding: 0 5% 3%}.service-block2{height: inherit}h3.managerHeader{font-size: 2em}.contenemanager-gallery .col-xs-12.col-md-3,.Contenemanager-gallery .col-xs-6.col-md-3{width: 100%}.text-contact .media-body{padding: 5px 0 15px}.TabItpContentLandingPage6>ul{flex-direction: column}.TabItpContentLandingPage6>ul>li>a{height: inherit}}@media screen and (min-width: 1024px) and (max-width: 1200px){#controlBanner{width: 70%}}@media screen and (max-width: 992px){.row-fluid{flex-wrap: unset !important}#language_member_bar{display: none}#controlBanner img{position: fixed;top: 5px;left: 10px;width: 35px !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: #0F2348 !important}#ItopplusMainSidebar a{text-align: left !important;color: #fff !important}#itpMenuSideBar span.icon-bar{background: #fff !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: brightness(0) invert(1);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}}.unknown{position: fixed;bottom: 5% !important}