.itopplus-background{}body{font-size: 16px;overflow-x: hidden;color: #131313}a{color: #131313}a:hover{color: #db0202}b,strong{font-weight: 600}.itopplus-bg{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_21062023osvx/0/0/1z-z1276959063251.webp')}.itopplus-bg2{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_21062023osvx/0/0/2z-z950747675528.webp')}.navbar-default .navbar-nav>li>a{font-size: 1.1em;color: #000000;margin: 0 0px;padding: 8px 15px;clip-path: polygon(5% 0%,100% 0%,95% 100%,0% 100%);font-family: "Barlow Condensed",sans-serif;text-transform: uppercase}.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: none;background: transparent;background-color: #e40c0c}.dropdown-menu>li>a{font-size: 1.3em;padding: 7px 20px;color: #000;font-family: "Barlow Condensed",sans-serif}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color: #fff;background: #e40c0c}@media screen and (max-width: 992px){#controlBanner img{position: fixed;top: 10px;left: 10px;width: 60px !important;z-index: 10000}.navbar-default,.navbar-header,#ItopplusMainSidebar{background: #fff !important}#ItopplusMainSidebar a{color: #444 !important;text-align: left !important}#itpMenuSideBar span.icon-bar{background: #444 !important}.navbar-header i{filter: contrast(.3)}}@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}.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}.itopplus-banner{background: #fff;box-shadow: 0 0 5px rgba(0,0,0,.1);transition: .3s}.itopplus-sticky{background: #fff !important}#controlBanner{object-fit: contain;padding: 15px;width: 100%;min-width: auto;margin: 0 auto}#nav-menu{text-align: right;background-color: transparent}}.h1,h1{font-size: 3.6em;font-weight: 500}.h2,h2{font-size: 3.3em;font-weight: 600}.h3,h3{font-size: 2.1em;font-weight: 600}.h4,h4{font-size: 1.2em;font-weight: 600}.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 20px;font-weight: 600}.itopplus-footer a{color: #000000}.itopplus-footer a:hover{color: #fe0a0a}.footer-logo{width: 60%;margin: 0 0 20px}.footer-pd{padding-left: 20%}.footer-pd2{padding-right: 20%}.copy-right{font-size: 0.8em;text-align: right;padding-bottom: 5%}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #fe0a0a !important;color: #fe0a0a !important;font-family: "Noto Sans Thai",sans-serif !important}.buttonExampleSite:hover{background: #fe0a0a !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-block{white-space: pre-line;padding: 5% 0;text-align: center;font-size: 1.1em}.about-block h1{font-family: "Barlow Condensed",sans-serif;color: #424242;margin: 0 0 20px}.about-block h1 span{color: #db0202}.btn-more{background: #252525;color: #fff;border: none;font-family: "Barlow Condensed",sans-serif;text-transform: uppercase;padding: 10px 15px;display: block;margin: 20px auto 0;transition: 0.5s}.btn-more:hover{background: #db0202;color: #fff}figure.effect-phoebe{background: transparent}.grid figure h2{word-spacing: normal;font-weight: 500}.grid figure figcaption{padding: 0em}figure.effect-phoebe h2{margin-top: 5.7em;transform: translate3d(0,10px,0);font-family: "Barlow Condensed",sans-serif;font-size: 2.3em}figure.effect-phoebe img{opacity: 1;-webkit-transition: opacity .35s;transition: 0.5s}figure.effect-phoebe:hover img{transform: scale(1.05)}.padding-pd{padding: 5%}#slider66c407e49effe100135f20d0,ul#slider66c440564200a80013a75b0b{margin-top: -15%}.why-block{padding: 7% 0 0}.why-icon-block{display: grid;grid-template-columns: 60% 40%;gap: 20px;margin: 30px 0}.why-icon{white-space: pre-line;font-size: 1.1em;transition: 0.5s}.why-icon:hover{transform: translateY(-10px)}.why-icon img{width: 50px !important;margin: 0 0 20px}.why-icon h4{color: #f61515;margin: 0 0 7px}.menu-align{text-align: center;padding: 5% 0 1%}.padding-pd2{padding: 2%}.about-block2{white-space: pre-line;text-align: center;padding: 15% 0;font-size: 1.4em}.about-block2 h4{color: #fe0a0a;font-size: 1.8em;font-weight: 600;margin: 0 0 10px}ul#slider66c40819e40220001300045a,ul#slider66c440564200a80013a75b11{width: 110%;margin-left: -5%;margin-top: -7%}.menu2-align{text-align: center;padding: 2% 0}.menu2-align h2{font-family: "Barlow Condensed",sans-serif;margin: 0;font-weight: 500;text-transform: uppercase}.menu2-align h3{font-size: 3.3em;margin: 0;font-weight: 500}.menu2-border{border-bottom: 5px solid #db0202;width: 5%;margin: 20px auto 0}.product-block{text-align: center;padding: 5% 0}.product-block h4{font-weight: 600;margin: 0 0 10px;font-size: 1.6em;color: #db0202}.col-section{padding: 0 0% 3%}article.col-md-6.item.-micro{width: 33.33%}.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: 0 0}.Contentmanager .site .col-section .item.-micro a .caption .time{padding: 0% 0;color: #000;text-align: left;font-weight: 400;font-size: 1em}.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 1.5em;font-weight: 500;background: transparent;color: #000;padding: 7% 0%;margin-bottom: 0px;line-height: 1.3;text-align: center;font-family: "Barlow Condensed",sans-serif}.Contentmanager .site .col-section .item.-micro a:hover .caption .title{color: #db0202}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: 50%;margin: 0 4% 0 0}.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: 0 0 15px;font-size: 1.5em}.Textmanager.font-inherit h2{font-size: 2.4em}.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}.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: 1px solid #eee;padding: 0px !important;box-shadow: none !important;border-radius: 0px}.img-thumbnail{padding: 0px;border: 0px solid #ddd;border-radius: 0px}.social-icon{border-radius: 5px}.social-share{top: 15px}.landingpagemanager{display: none}.btn-pdf{background: #db0202;color: #fff;border: none;display: block;margin-top: 20px;padding: 7px 15px;font-family: "Barlow Condensed",sans-serif;font-size: 1.2em;transition: 0.5s}.btn-pdf:hover{background: #252525;color: #fff}.CASS-E-border{border: 0px solid #8e8d8d;border-radius: 0px;padding: 0px;width: 80%;margin: 0 auto}.CASS-E-border,.CASS-E-main{color: #131313 !important}.product-brand{text-align: center;padding: 2% 0;font-size: 1.1em;font-weight: 600}.imageWidth.imageGallery{transform: scale(1.0);transition: 0.5s}.imageWidth.imageGallery:hover{transform: scale(1.1)}.imgLightbox{position: relative!important;overflow: hidden!important;width: 100%!important}.TabItpCateLandingPage1 .nav-pills>li.active>a,.TabItpCateLandingPage1 .nav-pills>li.active>a:focus,.TabItpCateLandingPage1 .nav-pills>li.active>a:hover{color: #fff;background-color: #db0202;border-radius: 50px}.nav-justified{width: 100%;margin: 0 auto}.TabItpCateLandingPage1 .nav-justified>li>a{margin-bottom: 5px;text-align: center;background: #fff;border-radius: 50px;margin: 0 15px;width: 99%}.TabItpCateLandingPage1 span{font-weight: 600;font-size: 1.3em !important}.border-line{border-bottom: 1px solid #8d8c8a}.remark-block{color: #db0203;text-align: center;padding: 2% 0}.about-block3{white-space: pre-line;text-align: center;padding: 20% 0;font-size: 1.4em}.about-block3 h4{color: #fe0a0a;font-size: 1.8em;font-weight: 600;margin: 0 0 10px;line-height: 1.2}.about-block4{font-size: 1.1em;padding: 9% 0}.about-block4 h3{color: #fe0a0a;font-weight: 600;margin: 0 0 10px}.about-block4 ol{margin-left: -18px}.solution-block{white-space: pre-line;padding: 10% 0 0}.solution-no-img{width: 90%;margin-top: -15%}.solution-block h3{margin: 0 0 20px;line-height: 1.2}.solution-head{font-family: "Barlow Condensed",sans-serif;font-size: 0.7em;padding: 40% 0}.effect-sadie{}figure.effect-sadie p{position: absolute;bottom: 0;left: 0;padding: 6em 0em 1em !important;width: 100%;opacity: 1;-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,0,0);text-align: left;background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);text-transform: initial;font-weight: 400;text-align: center}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,0,0,1) 100%);background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);content: '';opacity: 0;-webkit-transform: translate3d(0,50%,0);transform: translate3d(0,50%,0)}.grid figure p{letter-spacing: 0px;font-size: 1em}.coming-soon{width: 75%;margin: 3% auto}.nav-template li{display: inline-table}.nav-template li:hover{background-color: transparent}.nav-template strong{font-size: 1.4em;font-weight: 600;line-height: 1.2;display: block;margin: 5px 0}.nav-template p{font-size: 14px}.nav-template .col-md-4.col-sm-4.col-xs-4.padding-col{width: 50%}.nav-template .col-md-8.col-sm-8.col-xs-8.padding-col{width: 50%;padding: 0 0 0 2%!important}.nav-template .col-md-4.col-sm-4.col-xs-4.padding-col .img-container{padding-bottom: 62%}.nav-template li.col-md-6.col-sm-4.col-xs-12.maxHeight-TP4{height: inherit;margin: 0 auto 8px;display: inline-table}.text-contact{text-align: center;padding: 2% 0 0}.text-contact h3{font-weight: 600;margin: 0 0 15px;line-height: 1.2;font-size: 1.6em}.contact-block{display: grid;grid-template-columns: repeat(2,1fr);gap: 20px;margin: 17px 0}.contact-block a{display: grid;grid-template-columns: 50px auto;gap: 10px;align-items: center;background: #ffffff;border: 1px solid #ccc;border-radius: 15px 10px 10px 15px}.contact-block a:hover{background: #db0202;color: #fff;transition: .5s}.contact-block img{width: 100% !important}.no-js #Component66c55e939effe100135f4001 label{display: none !important}.no-js #Component66c55e939effe100135f4001 .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component66c55e939effe100135f4001 .form-control{border: 1px solid #ccc;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;line-height: 1.5;background: #fff;color: #000 !important}.no-js #Component66c55e939effe100135f4001 .form-control:hover{border: 1px solid #db0202}.no-js #Component66c55e939effe100135f4001 .form-control:focus{border: 1px solid #db0202;-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 #Component66c55e939effe100135f4001 .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#f9a71f 0,#f9a71f 100%);background: #db0202;color: #fff;text-shadow: 0 0px 0 #3173ed;background-repeat: repeat-x;border-color: #7a2d8d;border-radius: 10px;padding: 10px 25px;font-size: 0.9em;font-weight: 400;border: 0px solid transparent}.no-js #Component66c55e939effe100135f4001 .btn-default:active{background: #db0202;color: #fff}.no-js #Component66c55e939effe100135f4001 .btn-default:hover,.no-js #Component66c55e939effe100135f4001 .btn-default:focus{background-position: 0 0px;background: #db0202;color: #fff}.no-js #Component66c55e939effe100135f4001 .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component66c55e939effe100135f4001 span.label{font-size: 0.85em;font-weight: 400}.no-js #Component66c55e939effe100135f4001 .ITPcheckboxAuthen{font-size: 0.9em;padding: 0 0 0 0%}#iframe66c560f52a161d0013135707 iframe{height: 230px;border-radius: 10px}.qr-line{width: 65%;margin: -15% auto 0}.team-line{white-space: pre-line;padding: 17% 2% 0;text-align: center}.team-line h2{color: #f61515;margin: 0;font-size: 3em}.team-line h3{font-size: 2em;margin: 15px 0}.line-bg{background: #fff;color: #000;display: flex;align-items: center;font-size: 1.3em;font-weight: 600;border-radius: 50px;margin: 20px 0 0}.line-bg-text{width: 70%;text-align: center}.line-bg2{background: linear-gradient(0deg,rgba(0,151,2,1) 0%,rgba(44,232,46,1) 100%);color: #fff;display: grid;grid-template-columns: 30px auto;gap: 10px;width: 30%;justify-content: center;align-items: center;padding: 12px;border-radius: 0 50px 50px 0}#background66d81adb3b8b190012014ea8{width: 65%}.policy-block h3{font-size: 1.5em;margin: 10px 0 5px}.policy-block h4{margin: 25px 0 5px}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color: #db0202;border-color: #db0202}.pagination>li>a,.pagination>li>span{color: #db0202}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #db0202;background-color: #f7f7f7}@media only screen and (min-width : 1900px){body{font-size: 20px}.container{width: 1450px}.dropdown-menu>li>a{font-size: 1.5em}.itopplus-footer{font-size: 18px}.ITPcookiebar,.buttonExampleSite{font-size: 16px !important}.nav-template p{font-size: 18px}.nav-template strong{font-size: 1.7em}#iframe66c560f52a161d0013135707 iframe{height: 249px}.dropdown-sub .caret-right,.dropdown-submenu .caret-right{top: 20px}}@media only screen and (max-width:1191px){.navbar-default .navbar-nav>li>a{font-size: 1em;padding: 8px 11px}.dropdown-menu>li>a{font-size: 1.2em}figure.effect-phoebe h2{margin-top: 5.7em;font-size: 1.9em}.itopplus-bg,.itopplus-bg2{background-size: cover}.h2,h2{font-size: 3em}.why-icon-block{grid-template-columns: 50% 50%;margin: 20px 0}.about-block2,.about-block3{white-space: inherit}.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 1.3em}.TabItpCateLandingPage1 span{font-size: 1.1em !important}.grid figure p{font-size: 0.8em}.solution-block{white-space: inherit;padding: 3% 0 0}.solution-block h3{white-space: pre-line;font-size: 1.8em}.itopplus-footer{font-size: 12px}.text-contact h3{font-size: 1.5em}.team-line{padding: 10% 0% 0;font-size: 1em}.team-line h2{font-size: 2.6em}.line-bg{font-size: 1em}}@media only screen and (max-width:900px){.about-block{white-space: inherit}figure.effect-phoebe h2{margin-top: 5.2em;font-size: 1.5em}.h2,h2{font-size: 2.5em}.copy-right{text-align: center;padding-bottom: 0}.about-block3 h4,.about-block2 h4{font-size: 1.4em}.Contentmanager .site .col-section .item.-micro a .caption .title{height: 85px}.nav-justified{display: flex}.nav-justified>li{width: 100%}.contenemanager-gallery .col-xs-12.col-md-3,.Contenemanager-gallery .col-xs-6.col-md-3{width: 33.33%}.solution-block h3{white-space: inherit}.solution-block{padding: 5% 0}.col-md-6.pull-right{width: 50%}.nav-template .col-md-4.col-sm-4.col-xs-4.padding-col,.nav-template .col-md-8.col-sm-8.col-xs-8.padding-col{width: 100%}.col-md-8.col-md-offset-2.text-center{padding: 0 !important}#background66c55e869effe100135f3ff5 .col-md-6.col-sm-6.col-xs-12.padding{width: 100%}.team-line{font-size: 0.7em;white-space: inherit}.line-bg2{grid-template-columns: 20px auto;gap: 5px}}@media only screen and (max-width:480px){#imagesControl66c403b8e4022000130003d2{padding: 0px !important}figure.effect-phoebe h2{margin-top: 5.5em;font-size: 1.3em}.h1,h1{font-size: 3em}.h2,h2{font-size: 2.2em}h3.managerHeader,.menu2-align h3{font-size: 2.2em}.why-icon{white-space: inherit}.about-block2,.about-block3{padding: 10% 0;font-size: 1.3em}ul#slider66c40819e40220001300045a,ul#slider66c440564200a80013a75b11{width: 100%;margin-left: 0;margin-top: 0}article.col-md-6.item.-micro{width: 100%}.col-section{padding: 0 5% 3%}.Contentmanager .site .col-section .item.-micro a .caption .title{height: inherit}.nav-justified{display: flex;flex-direction: column}.TabItpCateLandingPage1 .nav-justified>li>a{margin: 5px 15px;width: 90%}.col-md-6.pull-left{width: 100%;margin: 0 0% 0 0}.Textmanager.font-inherit{display: block}.solution-no-img{width: 100%;margin: -10% auto 0}.contenemanager-gallery .col-xs-12.col-md-3,.Contenemanager-gallery .col-xs-6.col-md-3{width: 50%}.contact-block{grid-template-columns: repeat(1,1fr);gap: 10px}.no-js #Component66c55e939effe100135f4001 .col-md-6{padding: 0 15px}.line-bg{font-size: 1.7em;flex-direction: column;padding: 10px;background: transparent;color: #fff}.line-bg2{border-radius: 50px;width: 60%;padding: 7px 12px}.line-bg-text{width: 100%;margin-bottom: 10px}#background66d81adb3b8b190012014ea8{width: 100%}}.unknown{position: fixed;bottom: 6% !important}.unknown_prf .btn-main,.unknown_prf:hover .btn-main{margin-bottom: 0 !important}