.itopplus-background{}.unknown{position: fixed;bottom: 8% !important}.unknown_prf .btn-main,.unknown_prf:hover .btn-main{margin-bottom: 0 !important}body{font-size: 16px;overflow-x: hidden;color: #444;font-family: "LINE Seed Sans TH"}a{color: #444444}a:hover{color: #174ea2}b,strong{font-weight: 600}.itopplus-bg{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_030020242vc7/0/0/1z-z203157297468.webp");background-position: top}.itopplus-bg2{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_030020242vc7/0/0/2z-z6520233111.webp");background-attachment: fixed}.navbar-default .navbar-nav > li > a{font-size: 1em;color: #282828;margin: 0 2px;padding: 8px 15px;border-radius: 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: #174ea2 !important;box-shadow: none;border-color: transparent;background: transparent;background-color: transparent}.dropdown-menu > li > a{font-size: 1.1em;color: #282828;padding: 8px 15px}.no-js .dropdown-menu > li > a:focus,.no-js .dropdown-menu > li > a:hover{color: #fff;background: #174ea2}@media screen and (max-width: 992px){#controlBanner img{position: fixed;top: 8px;left: 10px;width: 45px !important;z-index: 10000}#nav-menu,#ItopplusMainSidebar > div{background: #fff !important}#itpMenuSideBar span{background-color: #282828 !important}#controlMenu *{color: #282828 !important;border: none}#main-navbar-flag img,.menu-mobile-custom img{height: 23px !important;width: 23px !important}}@media screen and (min-width: 1024px){.itopplus-banner .container{display: grid;grid-template-columns: 20% auto;align-items: center}.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}.itopplus-banner{background: #fff;box-shadow: 0 0 15px rgba(0,0,0,.15);transition: 0.3s}.itopplus-sticky{background: #fff !important}#controlBanner{object-fit: contain;padding: 15px;width: clamp(150px,12vw,150px);margin: 0}#nav-menu{display: grid;justify-content: end;background: transparent;min-height: auto}.itp-block{display: flex;flex-direction: column;align-items: flex-end;justify-content: space-evenly;height: 100%}.itopplus-search{text-align: center;color: #444;width: 20vw}}.h1,h1{font-size: 3em;font-weight: 600}.h2,h2{font-size: 2.2em;font-weight: 600}.h3,h3{font-size: 1.6em;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}.header-icon-img{display: flex;justify-content: flex-end;width: 22%;float: right;gap: 15px}.itopplus-footer{font-size: 14px}.itopplus-footer h4{height: 20px;margin: 0px 0 0px;font-weight: 400}.itopplus-footer a{color: #fff}.itopplus-footer a:hover{color: #00c9ff}.footer-block{display: grid;grid-template-columns: 85% 15%;align-items: end}.footer-block .contact-us{display: grid;grid-template-columns: 50% 50%;margin-bottom: 10px;font-size: 0.9em}.icon-img{transition: 0.5s}.icon-img:hover{transform: scale(1.1)}.copy-right{white-space: pre-line;font-size: 0.8em;padding: 20px 0 0}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #174ea2 !important;color: #174ea2 !important;font-family: "LINE Seed Sans TH",sans-serif !important}.buttonExampleSite:hover{background: #174ea2 !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%;font-size: 0.9em}figure.effect-selena{background: transparent}.about-us{padding: 17% 9%}.about-us h2{color: #282828;margin: 0 0 15px}.about-us h4{font-weight: 400;font-size: 1.1em;line-height: 1.2;margin: 0 0 15px}.about-us h4 span{font-size: 1.3em;font-weight: 600}.about-icon-block{display: grid;grid-template-columns: repeat(3,1fr)}.about-icon{white-space: pre-line;text-align: center;padding: 5% 5%}.about-icon img{width: 25% !important;margin: 0 auto 20px}.menu-align{text-align: center;padding: 5% 0 2%;color: #282828}figure.effect-phoebe{background: transparent;border-radius: 20px}figure.effect-phoebe h2{margin-top: 0em;-webkit-transform: translate3d(0,0px,0);transform: translate3d(0,0px,0);font-size: 16px;color: #444444;text-transform: none}.grid figure h2{word-spacing: normal;font-weight: 400}figure.effect-phoebe img,figure.effect-phoebe:hover img{opacity: 1;transition: 0.5s}figure.effect-phoebe:hover img{transform: scale(1.1)}.product-name h2{font-size: 2.2em !important;font-weight: 600 !important;color: #282828 !important}.product-name h4{font-weight: 400;font-size: 1.1em;margin: 5px 0}.btn-view{background: #174ea2;color: #fff;border: none;display: grid;grid-template-columns: auto 15px;align-items: center;gap: 10px;font-size: 0.9em;padding: 6px 15px;border-radius: 50px;margin: 20px auto;box-shadow: 0 5px 20px rgba(0,0,0,.15);transition: 0.5s}.btn-view:hover,figure.effect-phoebe:hover .btn-view,.Contentmanager .site .col-section .item.-micro:hover .btn-view{background: #282828;color: #fff}.btn-view img{transform: scale(1.0)}.padding-pd{padding: 2%}.effect-sadie{border-radius: 20px}figure.effect-sadie p{position: absolute;bottom: 0;left: 0;padding: 6em 1em 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,.9) 100%);text-transform: initial;font-weight: 400}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: 0.9em}.grid figure img{opacity: 1}.service-name{display: grid;grid-template-columns: auto 30px;align-items: center}.service-text{font-weight: 600}.service-bg{background: #174ea2;color: #fff;padding: 8% 6% 35%;border-radius: 20px}.service-bg h2{margin: 0 0 20px}.service-bg h4{margin: 0}figure.effect-jazz{background: transparent;border-radius: 20px}figure.effect-jazz figcaption::after{border-top: 0px solid #fff;border-bottom: 0px solid #fff}.CASS-D-border{background-image: none;box-shadow: 0 0 20px #e8ebf0;border-radius: 20px;margin: 4% 0;padding: 1%;background-color: #fff}.contact-sub{border-right: 1px solid #d4d4da;padding: 0 10% 0 0}.contact-sub h2{white-space: pre-line;color: #282828;margin: 0 0 20px}.contact-sub h3{line-height: 1.2;color: #282828;margin: 0 0 15px}.contact-us{display: grid;grid-template-columns: 60% 40%;margin-bottom: 10px;font-size: 0.9em}.contact-block{display: grid;grid-template-columns: 40px auto;gap: 10px;align-items: center;line-height: 1.2}.contact-img{margin: 20px 0}.contact-img img{border-radius: 20px}.CASS-H-head,.CASS-H-head{font-family: "LINE Seed Sans TH"}.CASS-H-head{border-bottom: none;margin-bottom: 0px;background: transparent;padding-left: 0px;padding-top: 0px}.CASS-H-head h3.form-inline{font-size: 1em;font-weight: 400;text-align: center;margin: 0 0 5px}.CASS-H-head h3.form-inline h2{color: #282828;margin: 0 0 5px}.CASS-H-border .form-control{border: none;background-color: transparent;border-bottom: 1px solid #c9c9c9;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: 0.9em !important;padding: 23px 0;font-weight: 400;color: #444 !important}.CASS-H-border .form-control::placeholder{color: #444 !important}.CASS-H-border .form-control:hover{border-bottom: 1px solid #174ea2}.CASS-H-border .form-control:focus{border-bottom: 1px solid #174ea2;-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: #444!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: #174ea2;color: #ffffff;text-shadow: 0 0px 0 #282828;background-repeat: repeat-x;border-color: #0000;border-radius: 50px;padding: 8px 20px;font-weight: 500;font-size: 0.9em;border: 0px solid #fff;box-shadow: none}.CASS-H-border .btn-default:active{background-color: #174ea2;color: #fff}.CASS-H-border .btn-default:hover,.CASS-H-border .btn-default:focus{background-position: 0 0px;background-color: #174ea2;color: #fff}.CASS-H-border .ITPcheckboxAuthen{font-size: 0.9em;color: #444;text-align: left !important;padding-left: 4%}.CASS-H-border .col-md-offset-5.col-md-1.col-sm-12{margin-left: 40%}.CASS-H-border span#contactUsAcceptPolicyText2{color: #444}.CASS-H-border span#contactUsAcceptPolicyText2{display: block}.CASS-H-border #display4{margin-bottom: -20px}.CASS-H-border #editor1,.CASS-H-border #editor2,.CASS-H-border #editor3,.CASS-H-border #editor4{display: none}#form6762773df5f36700132e6ffd{padding: 0 !IMPORTANT}.CASS-H-border .glyphicon-ok-circle:before{display: none}.CASS-H-border .form-control-feedback{top: 10px !important;color: #444 ! IMPORTANT}.CASS-H-border .form-control option{color: #000}.CASS-H-middle-mid{padding: 0px}.CASS-H-main{background: transparent}.eapps-widget-toolbar{display: none}#carousel67b2a25f8d28300013829f59 .hidden,#carousel67f898d93b565f0013695ba1 .hidden{display: block!important;visibility: inherit!important;pointer-events: none}#carousel67b2a25f8d28300013829f59 .carousel-indicators .active,#carousel67f898d93b565f0013695ba1 .carousel-indicators .active{background-color: #fff;border-color: #fff;width: 40px;height: 9px;margin: 2px}#carousel67b2a25f8d28300013829f59 .carousel-indicators li,#carousel67f898d93b565f0013695ba1 .carousel-indicators li{display: inline-block;width: 9px;height: 9px;margin: 2px;text-indent: -999px;cursor: pointer;background-color: #fff;border: 1px solid #fff;border-radius: 10px}#carousel67b2a25f8d28300013829f59 .carousel-indicators,#carousel67f898d93b565f0013695ba1 .carousel-indicators{bottom: 5%}#carousel67b2a25f8d28300013829f59 .glyphicon-chevron-left:before,#carousel67b2a25f8d28300013829f59 .glyphicon-chevron-right:before,#carousel67f898d93b565f0013695ba1 .glyphicon-chevron-left:before,#carousel67f898d93b565f0013695ba1 .glyphicon-chevron-right:before{display: none}#Component67b2e5290522460013bf7a69,#Component67f898e43b565f0013695bd3{width: 70%}#Component67b2e90c75066f0013882d91,#Component67f898e43b565f0013695bd5{margin-top: -45%;margin-right: -5%;width: 60%;float: right}.about-us-sub .about-us{padding: 2% 9%}.about-us-sub .about-us h4{font-weight: 600;font-size: 1.15em}.btn-download .btn-view{margin: 20px 0 0}.service-sub{text-align: center;padding: 1% 0 3%}.col-section{}article.col-md-6.item.-micro{width: 25%}.Contentmanager .site .col-section .item.-micro{padding: 10px 10px 10px}.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: 0px solid #eee;border-radius: 20px}.Contentmanager .site .col-section .item.-micro a .caption{width: 100%;padding-left: 0;padding: 7% 0}.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 1.1em;font-weight: 600;color: #0a0a0a;padding: 0% 0%;text-align: center;height: 40px}.Contentmanager .site .col-section .item.-micro a:hover .caption .title{color: #174ea2}.Contentmanager .site .col-section .item.-micro a .post{display: none}.Contentmanager .site .col-section .item.-micro a .caption .time{text-align: center}h3.managerHeader{font-size: 2em;font-weight: 600;color: #0a0a0a;text-align: center}#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}.col-md-6.pull-right{padding: 0;width: 50%;margin: 0 0 0 4%}.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: 10px 0 10px;font-size: 1.4em;color: #282828}.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: 0px 10px}.contenemanager-gallery .thumbnail,.Contenemanager-gallery .thumbnail{padding: 0px;border: 0px solid #eee;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: 20px;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: 20px}.img-thumbnail{padding: 0px;border: 0px solid #ddd;border-radius: 0px}.social-icon{border-radius: 5px}.social-share{top: 15px}.landingpagemanager{display: none}.product-logo{width: 70%;margin: 0 0 20px}.product-logo img{width: 100% !important}.contact-bg .contact-sub{padding-bottom: 6%}.contact-bg .contact-us{margin-bottom: 25px}#iframe67b407ef8d2830001382be2e,#iframe67f899a43b565f0013695ce7{margin-bottom: -7px}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color: #174ea2;border-color: #174ea2}.pagination>li>a,.pagination>li>span{color: #174ea2}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #174ea2;background-color: #f7f7f7}@media only screen and (min-width : 1900px){body{font-size: 20px}.container{width: 1440px}.dropdown-menu > li > a{font-size: 1.4em}.header-icon-img{width: 18%}figure.effect-phoebe h2{font-size: 20px}.service-bg{padding: 8% 9% 37%}.contact-us{margin-bottom: 20px}.CASS-H-border .form-control{padding: 30px 0}.itopplus-footer{font-size: 18px}.itopplus-footer h4{height: 25px}.ITPcookiebar,.buttonExampleSite{font-size: 16px !important}.Contentmanager .site .col-section .item.-micro a .caption .title{height: 55px}.contact-bg .contact-us{margin-bottom: 30px}}@media only screen and (max-width:1191px){.header-icon-img{width: 30%}#Component67b2a28e797f0900131c8640,#Component67b2be9e797f0900131c8e6d{display: none}.about-us{padding: 17% 0 17% 3%}.about-icon{padding: 5% 0%;font-size: 0.95em}.service-bg{font-size: 0.9em;padding: 8% 5% 24%}.contact-sub{padding: 0 5% 0 0}.contact-block{grid-template-columns: 35px auto}.contact-us{grid-template-columns: 55% 45%}.about-us-sub .about-us{padding: 0% 0 2% 3%}.Contentmanager .site .col-section .item.-micro a .caption .title{height: 65px}.contact-bg .contact-us{margin-bottom: 35px}}@media only screen and (max-width:900px){#Component67b2a28e797f0900131c8640,#Component67b2be9e797f0900131c8e6d{display: block}.h2,h2{font-size: 2em}.about-us{font-size: 0.8em}.about-icon{white-space: inherit;padding: 5% 5%;font-size: 0.9em}figure.effect-phoebe h2{font-size: 14px}.grid figure figcaption{padding: 1em}.product-name h2{font-size: 2em !important}.grid figure p{font-size: 0.7em}.service-name{grid-template-columns: auto 20px}.service-bg{font-size: 0.67em;padding: 8% 5% 26%}.itopplus-footer{font-size: 11px}.CASS-D-border{font-size: 0.8em}.contact-block{grid-template-columns: 25px auto;gap: 5px}.CASS-H-head h3.form-inline{font-size: 0.85em}.CASS-H-middle-mid div{padding: 0px}.CASS-H-border .form-control{padding: 15px 0}article.col-md-6.item.-micro{width: 33.33%}.contact-bg .contact-us{margin-bottom: 20px}#carousel67b2a28e797f0900131c8640 .hidden,#carousel67f898d93b565f0013695ba3 .hidden{display: block!important;visibility: inherit!important;pointer-events: none}#carousel67b2a28e797f0900131c8640 .carousel-indicators .active,#carousel67f898d93b565f0013695ba3 .carousel-indicators .active{background-color: #fff;border-color: #fff;width: 30px;height: 7px;margin: 2px}#carousel67b2a28e797f0900131c8640 .carousel-indicators li,#carousel67f898d93b565f0013695ba3 .carousel-indicators li{display: inline-block;width: 7px;height: 7px;margin: 2px;text-indent: -999px;cursor: pointer;background-color: #fff;border: 1px solid #fff;border-radius: 10px}#carousel67b2a28e797f0900131c8640 .carousel-indicators,#carousel67f898d93b565f0013695ba3 .carousel-indicators{bottom: 2%}#carousel67b2a28e797f0900131c8640 .glyphicon-chevron-left:before,#carousel67b2a28e797f0900131c8640 .glyphicon-chevron-right:before,#carousel67f898d93b565f0013695ba3 .glyphicon-chevron-left:before,#carousel67f898d93b565f0013695ba3 .glyphicon-chevron-right:before{display: none}#carousel67b2be9e797f0900131c8e6d .hidden,#carousel67f898d93b565f0013695b99 .hidden{display: block!important;visibility: inherit!important;pointer-events: none}#carousel67b2be9e797f0900131c8e6d .carousel-indicators .active,#carousel67f898d93b565f0013695b99 .carousel-indicators .active{background-color: #174ea2;border-color:#174ea2;width: 12px;height: 12px;margin: 4px}#carousel67b2be9e797f0900131c8e6d .carousel-indicators li,#carousel67f898d93b565f0013695b99 .carousel-indicators li{display: inline-block;width: 12px;height: 12px;margin: 4px;text-indent: -999px;cursor: pointer;background-color: #c6cad6;border: 1px solid #c6cad6;border-radius: 10px}#carousel67b2be9e797f0900131c8e6d .carousel-indicators,#carousel67f898d93b565f0013695b99 .carousel-indicators{bottom: -12%}#carousel67b2be9e797f0900131c8e6d .glyphicon-chevron-left:before,#carousel67b2be9e797f0900131c8e6d .glyphicon-chevron-right:before,#carousel67f898d93b565f0013695b99 .glyphicon-chevron-left:before,#carousel67f898d93b565f0013695b99 .glyphicon-chevron-right:before{display: none}}@media only screen and (max-width:480px){#imagesControl67b2a28e797f0900131c8640,#imagesControl67f898d93b565f0013695ba3{padding: 0 !important}.h2,h2{font-size: 2.2em}.about-us{font-size: 1em;padding: 0% 0}.about-us h2{font-size: 1.5em}.about-us h4{font-size: 1em}.about-us h4 span{font-size: 1.2em}.about-icon-block{grid-template-columns: repeat(1,1fr)}.about-icon{white-space: pre-line;padding: 5% 0%;font-size: 1em}.btn-view{margin: 10px auto}.product-name h2{font-size: 1.7em !important}.service-bg{font-size: 1em;padding: 8%;width: 95%;margin: 0 auto}.service-bg h4{display: contents}.grid figure p{font-size: 1em}.service-name{grid-template-columns: auto 30px}.contact-sub{padding: 0 0% 0 0;border-right: 0px solid #d4d4da}.CASS-D-border{font-size: 1em;margin: 10% 0 4%}.contact-block{grid-template-columns: 20px auto}.contact-us{font-size: 0.9em;grid-template-columns: repeat(1,1fr);margin-bottom: 0}.contact-block{grid-template-columns: 35px auto;gap: 10px;margin-bottom: 10px}.contact-sub h2{text-align: center}#contentnewmode67b2c03975066f001388282f{padding: 0 !important}.CASS-H-head h3.form-inline{font-size: 1em}.CASS-H-border span#contactUsAcceptPolicyText2{display: inline}.CASS-H-border #display4{margin-bottom: -40px}.CASS-H-border .ITPcheckboxAuthen{padding-left: 2.2%}.CASS-H-border .col-md-offset-5.col-md-1.col-sm-12{margin-left: 35%}.itopplus-footer{font-size: 14px;text-align: center}.copy-right{display: none}.itopplus-footer h4{height: auto}.footer-block{grid-template-columns: 100% 100%}.footer-qr{display: none}.footer-block .contact-us{text-align: left;grid-template-columns: repeat(1,1fr);margin-bottom: 0;font-size: 1em}.copy-right-mb{white-space: pre-line;font-size: 0.8em;text-align: center}.itopplus-bg2{background-attachment: inherit}article.col-md-6.item.-micro{width: 50%}.Contentmanager .site .col-section .item.-micro a .caption .title{height: 75px;font-size: 1em}.col-md-6.pull-left,.col-md-6.pull-right{padding: 0;width: 100%;margin: 0 0% 0 0}.Textmanager.font-inherit{display: block}.contact-sub h3{font-size: 1.25em}.contact-bg .contact-us{margin-bottom: 0px}.contact-bg .contact-block{margin-bottom: 15px}#background67b407ef8d2830001382be2e{margin: -10px}.about-us-sub .about-us{padding: 0% 0 2% 0%}}