.itopplus-background{}body{font-size: 17px;overflow-x: hidden;color: #000000}a{color: #000000}a:hover{color: #ff7b69}b,strong{font-weight: 600}.itopplus-footer{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_23002024mjmh/0/0/fz-z174227699267.webp')}.navbar-default .navbar-nav>li>a{color: #000;margin: 0 5px;padding: 7px 12px}.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: none;border-radius: 30px;background: transparent;background-color: #000}.dropdown-menu>li>a{font-size: 1.1em;color: #000}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color: #fff;background: #000}@media screen and (max-width : 992px){.navbar-default .navbar-toggle .icon-bar{background-color: #444 !important;color: #444 !important}#controlMenu,#controlMenu i,#controlMenu li a{color: #444 !important}.navbar-default{background: #fff}.navbar-header{display: flex;flex-direction: row-reverse;box-shadow: 0 0 10px rgba(0,0,0,.1);padding: 0 10px}.itopplus-logo img{position: fixed;object-fit: contain;width: 50px !important;top: 6px;left: 15px}}@media screen and (min-width : 1024px){.navbar-default{background: transparent}#controlPosition{margin-top: 4%;text-align: center}#controlBanner{object-fit: contain;padding: 25px;width: 75%;float: right}.no-js .itopplus-banner{position: sticky;top: 0;width: 100%;z-index: 100;background: transparent;box-shadow: 0 0 10px rgba(0,0,0,.1)}.itopplus-search{color: #000}.banner-sticky{position: sticky;background: #fff !important;animation: slide-down 0.8s;box-shadow: 0 0 10px rgba(0,0,0,.1) !important;top: 0}}.h1,h1{font-size: 3.4em;margin: 0}.h2,h2{font-size: 3em;margin: 0}.h3,h3{font-size: 2em;margin: 0}.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}ol,ul{margin-top: 10px;margin-bottom: 10px}.itopplus-footer{font-size: 16px;color: #212121}.itopplus-footer h4{margin: 0 0 20px;font-weight: 600}.itopplus-footer a{color: #212121}.itopplus-footer a:hover{color: #ff7b69}.footer-logo{width: 70%}.icon-img-footer{display: flex;gap: 10px}.icon-img{transition: 0.5s}.icon-img:hover{transform: scale(1.1)}.footer-contact img{width: 90% !IMPORTANT}.footer-contact .media-body{padding: 3px 5px}.footer-pd1{padding-left: 20%}.footer-pd2{padding-left: 30%}.no-js .footer-contact{margin: 0 -15px}.copy-right{padding: 10px 0 5%;font-size: 0.8em;text-align: right;font-family: 'Onest',sans-serif}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #ff7b69 !important;color: #ff7b69 !important;font-family: 'Noto Sans Thai',sans-serif !important}.buttonExampleSite:hover{background: #ff7b69 !important;color: #ffffff !important}.ITP-pdpa-template-titleFont{font-size: 1.2em !important;color: #ff7b69;padding-bottom: 0rem !important}.ITP-pdpa-template-contentFont{font-size: 1em !important}.itpPDPALandingPage{padding: 4% 2% 2%}.menu-align{padding: 5% 0 2%;text-align: center}.menu-align h2{font-weight: bold;margin: 0 0 0px;font-family: 'Onest',sans-serif;text-transform: uppercase}.menu-align h4{font-size: 1.5em}.padding-pd{padding: 2%}.about-detail{white-space: pre-line;text-align: center;font-weight: 500;padding: 10% 0;font-size: 1.1em}.about-logo{width: 35%;margin: 0 auto 5%}.btn-more{background: #1e1e1e;color: #fff;border: none;padding: 10px 15px;display: flex;align-items: center;font-size: 0.9em;border-radius: 50px;justify-content: flex-start;margin: 0 auto;transition: 0.5s}.btn-more:hover{background: #fbecd9;color: #ff7b69}.btn-more img{width: 20px;margin-left: 10px}figure.effect-jazz{background: transparent}figure.effect-jazz figcaption::after{border-top: 0px solid #fff;border-bottom: 0px solid #fff}.modquee-contanier{--gap: 30px;display: flex;justify-content: space-evenly;align-items: center;overflow: hidden;height: 250px;width: 100%;gap: var(--gap);background: transparent}.modquee-box{display: flex;justify-content: space-evenly;animation: scroll 25s linear infinite;gap: var(--gap);background: transparent}.modquee-box img{height: 150px;width: 150px;border-radius: 25px}@keyframes scroll{from{transform: translateX(var(--gap))}to{transform: translateX(-100%)}}.why-head{text-align: center;padding: 5% 0}.why-head h2{font-family: 'Onest',sans-serif;font-weight: bolder}.why-head h3{font-size: 1.5em;margin: 10px 0}.why-block{margin-left: -10%;position: relative;z-index: 2}.why-icon{white-space: pre-line;transition: 0.5s}.why-icon:hover{transform: translateX(10px)}.why-icon img{width: 90% !important;margin: 0 auto}.why-icon .media-body{padding: 30px 25px}.why-icon h4{font-size: 1.25em;font-weight: 600;margin: 0 0 10px}.product-name{text-align: center;padding: 7% 0;font-size: 1.4em;font-weight: 500}.btn-align{padding: 0 0 10%}.product-contact{padding: 20% 0 20% 10%}.product-contact h2{font-weight: bold}.product-contact h4{font-size: 1.55em;font-weight: 400;line-height: 1.2}.line-block{width: 90%;margin-top: -15%;animation: bounce 1.5s infinite 1.5s}table.tj2{width:100%}table.tj2 td,table.tj2 th{border: 1px solid #e7e7e7;padding: 17px;font-weight: 400;text-align: center}tr:nth-child(even){background-color: #fff}tr:nth-child(odd){background-color: #f9f9f9}table.tj2 tr:hover{background-color: #fdecd8}article.col-md-6.item.-micro{width: 33.33%}.Contentmanager .site .col-section .item.-micro{padding: 10px 10px 0px}.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: 20px;background-color: transparent;border: 1px solid #dedede}.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{display: none}.Contentmanager .site .col-section .item.-micro a:hover .caption .time{color: #1aa154}.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 1.3em;font-weight: 500;background: transparent;color: #000;text-align: center;padding: 5% 0}.Contentmanager .site .col-section .item.-micro a:hover .caption .title{background: transparent;color: #ff7b69}.col-md-6.pull-left{margin-right: 2%;margin-left: -2%}h3.managerHeader{font-size: 3em;text-align: center;font-weight: 600;color: #000000}#Contentmanager .post-time{display: none}.page-header{border-bottom: 0px solid #eee}.Textmanager.font-inherit{text-align: left;display: flow-root}.Textmanager.font-inherit h2{font-size: 1.8em;margin: 0 0 10px;font-weight: 600}.Textmanager.font-inherit h3{margin: 0 0 10px;font-weight: 600}.Textmanager.font-inherit h4{margin: 20px 0 5px;font-weight: 600;line-height: 1.4}.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{width: 33.33%;padding: 10px 15px 0}.contenemanager-gallery .thumbnail,.Contenemanager-gallery .thumbnail{padding: 0px;border: 0px solid #cecece;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: 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}.TabItpContentLandingPage6{background-color: transparent;padding: 0}.TabItpContentLandingPage6>ul{width: 100%;background-color: transparent;border-radius: 30px}.TabItpContentLandingPage6>ul>li>a{background-color: #eee !important;border-radius: 30px;margin-right: 5px;padding: 15px !important}.TabItpContentLandingPage6>ul>li.active>a,.TabItpContentLandingPage6>ul>li>a:hover{background-color: #fdecd8!important}.tab-itp-background{background-color: inherit;padding: 0% !important;margin-top: 2%;margin-bottom: 2%}.TabItpContentLandingPage6>ul>li>a>span{font-size: 18px !important}.tab-content{border: none !important;padding: 0% 2% !important;background-color: #ffffff !important;border-radius: 20px;box-shadow: none;margin: 0% 1%}.no-js .TabItpContentLandingPage{margin: 0 -15px}.TabItpContentLandingPage span{font-weight: 600;font-size: 18px !important}.TabItpContentLandingPage .nav>li>a:focus span,.TabItpContentLandingPage .nav>li>a:hover span,.TabItpContentLandingPage .nav-pills>li.active>a span{color: #fff!important}.TabItpContentLandingPage .nav-pills>li.active>a,.TabItpContentLandingPage .nav-pills>li.active>a:focus,.TabItpContentLandingPage .nav-pills>li.active>a:hover{color: #fff!important;background-color: #000}.TabItpContentLandingPage .nav>li>a:focus,.TabItpContentLandingPage .nav>li>a:hover{text-decoration: none;background-color: #000}.TabItpContentLandingPage .nav-pills>li>a{border-radius: 0px;background: #f9f9f9;color: #000;margin-bottom: 4px}.TabItpContentLandingPage .nav>li>a{padding: 10px 12px}ul#ulList1706244850946{width: 30% !IMPORTANT}.tab-content{border: none !important;padding: 0% 0% 0 1% !important;background-color: #ffffff !important;border-radius: 20px;box-shadow: none;margin: 0% 0%;width: 70% !IMPORTANT}.about2-detail{padding: 10% 0 8% 3%}.about2-detail h2{font-weight: 600;margin: 0}.about2-detail h4{font-weight: 600;margin: 10px 0 20px}.pay-icon,.pay2-icon{text-align: center;padding: 10% 0;border-radius: 15px;background: #f9f9f9;transition: 0.5s}.pay-icon{height: 350px}.pay2-icon{height: 450px}.pay-icon:hover{}.pay-icon img,.pay2-icon img{width: 30% !IMPORTANT;margin: 0 auto 5%}.pay-icon .media-body,.pay2-icon .media-body{padding: 30px 20px}.pay-icon h4,.pay2-icon h4{font-size: 2em;font-weight: bold;font-family: 'Onest',sans-serif;margin: 0 0 5px}.contact-addrees{text-align: center;padding: 1% 0 3%}.contact-addrees h3{font-weight: 600;margin: 0 0 10px;font-size: 1.7em}.contact-bg{background: transparent;border: 1px solid #eee;padding: 7px;width: 97%;border-radius: 50px;transition: 0.5s}.contact-bg:hover{background: #eee}.contact-bg .media-body{padding: 15px 0 0 5px;font-size: 0.92em}.no-js #Component65b721279b27d50013739830 label{display: none!important}.no-js #Component65b721279b27d50013739830 .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component65b721279b27d50013739830 .form-control{border: 1px solid #eeeeee;border-radius: 10px!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: 30px 20px;font-weight: 400;color: #373737!important}.no-js #Component65b721279b27d50013739830 .form-control:hover{border: 1px solid #1e1e1e}.no-js #Component65b721279b27d50013739830 .form-control:focus{border: 1px solid #1e1e1e;-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: #373737!important}.no-js #Component65b721279b27d50013739830 .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#4d4d4d 0,#4d4d4d 100%);background: #1e1e1e;color: #fff;text-shadow: 0 0px 0 #282828;background-repeat: repeat-x;border-color: #0000;border-radius: 10px;padding: 10px 20px;font-size: 1em;font-weight: 400;border: 0px solid transparent}.no-js #Component65b721279b27d50013739830 .btn-default:active{background-color: #1e1e1e}.no-js #Component65b721279b27d50013739830 .btn-default:hover,.no-js #Component65b721279b27d50013739830 .btn-default:focus{background-position: 0 0px;background-color: #1e1e1e}.no-js #Component65b721279b27d50013739830 .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component65b721279b27d50013739830 span.label{font-size: 0.9em;font-weight: 300}.no-js #Component65b721279b27d50013739830 .ITPcheckboxAuthen{font-size: 0.85em;padding: 0 0 0 0}.contact-line{width: 70%;margin: 0 auto -2px}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color: #1e1e1e;border-color: #1e1e1e}.pagination>li>a,.pagination>li>span{color: #1e1e1e}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #1e1e1e;background-color: #f7f7f7}@media only screen and (min-width : 1900px){body{font-size: 20px}.icon-img-footer{width: 80%}.why-icon{margin-bottom: 5%}.itopplus-footer{font-size: 18px}.ITPcookiebar,.buttonExampleSite{font-size: 16px !important}.TabItpContentLandingPage span{font-size: 20px !important}.TabItpContentLandingPage .nav>li>a{padding: 13px 12px}.pay-icon{height: 450px}.pay2-icon{height: 550px}.no-js #Component65b721279b27d50013739830 .form-control{padding: 35px 20px}.contact-bg .media-body{padding: 22px 0 0 5px;font-size: 1em}.contact-line{width: 55%}}@media only screen and (max-width:1191px){.navbar-default .navbar-nav>li>a{margin: 0 0px;padding: 7px 9px}.about-detail{white-space: inherit;font-size: 1em}.about-detail .btn-more{margin-top: 10px}.why-head{padding: 2% 0}.why-icon{white-space: inherit}.why-icon .media-body{padding: 10px 5px}.contact-bg .media-body{font-size: 0.76em}.contact-line{width: 78%}}@media only screen and (max-width:900px){.h2,h2{font-size: 2.6em}.copy-right{text-align: center}.col-md-6.pull-left{margin-right: 0;margin-left: 0;padding: 0}.Textmanager.font-inherit{display: block}.table-responsive{border: 0px solid #ddd}.contact-addrees h3{font-size: 1.4em}.contact-bg .media-body{font-size: 0.6em;padding: 8px 0 0 1px}.no-js #Component65b721279b27d50013739830 .form-control{padding: 25px 20px}.contact-line{width: 90%}}@media only screen and (max-width:480px){#imagesControl65b200b70806af00131304f4{padding: 0 !important}.why-block{margin-left: 0}article.col-md-6.item.-micro{width: 100%}.col-section{padding: 0 5%}.about-detail{padding: 0% 0}.product-contact{padding: 20% 0 20% 0%}.modquee-box img{height: 100px;width: 100px}.about2-detail{padding: 5% 0 8% 0%}h3.managerHeader{font-size: 2.4em}.contenemanager-gallery .col-xs-12.col-md-3,.Contenemanager-gallery .col-xs-6.col-md-3{width: 100%}.no-js .TabItpContentLandingPage{margin: 0 0;flex-direction: column}ul#ulList1706244850946{width: 100% !IMPORTANT}.tab-content{width: 100% !IMPORTANT}table.tj2 td,table.tj2 th{padding: 10px;white-space: nowrap}.pay-icon,.pay2-icon{height: inherit}.contact-bg .media-body{font-size: 0.9em;padding: 16px 0 0 1px}.contact-bg{width: 100%;margin-bottom: 10px}.contact-line{margin: 0 auto 5%}.no-js #Component65b721279b27d50013739830 .form-control{padding: 30px 20px}}.btn-dowloadtemplate{background: #1e1e1e;color: #fff;border: none;padding: 10px 15px;display: flex;align-items: center;font-size: 0.9em;border-radius: 50px;justify-content: flex-start;transition: 0.5s}.btn-dowloadtemplate:hover{background: #fbecd9;color: #ff7b69}.btn-dowloadtemplate img{width: 20px;margin-left: 10px}.btn-clickhere{background: #1e1e1e;color: #fff;border: none;padding: 10px 15px;display: flex;align-items: center;font-size: 0.9em;border-radius: 50px;justify-content: flex-start;transition: 0.5s;font-weight: 800;margin: auto}.btn-clickhere:hover{background: #fbecd9;color: #ff7b69}.btn-clickhere img{width: 30px;margin-left: 10px}