.itopplus-background{}body{overflow-x: hidden;font-family: "LINE Seed Sans TH";font-size: 16px;color: #2b2b2b}a{color: #2b2b2b}a:hover{color: #9c2e87}b,strong{font-weight: 600}.unknown{position: fixed;bottom: 6% !important}.unknown_prf .btn-main,.unknown_prf:hover .btn-main{margin-bottom: 0 !important}.itopplus-bg{background-color: #92929c;color: #fff}.itopplus-bg2{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_100920232l6d/0/0/bg2z-z745801838383.jpg);background-size: 100% auto;background-color: #ffffff;background-repeat: no-repeat;background-position: top}.itopplus-bg3{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_100920232l6d/0/0/bg3z-z359218501452.jpg);background-size: 100% auto;color: #ffffff;background-repeat: no-repeat;background-position: top}.itopplus-bg4{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_100920232l6d/0/0/bg4z-z559515517635.jpg);background-size: 100% auto;color: #ffffff;background-repeat: no-repeat;background-position: bottom}.itopplus-bg5{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_100920232l6d/0/0/bg5z-z1426958012903.webp);background-size: 100% auto;color: #ffffff;background-repeat: no-repeat}.itopplus-footer{background-color: #1b1b1b;color: #fff}.navbar-default .navbar-nav>li>a{font-size: 1em;color: #2b2b2b;margin: 0 8px;padding: 8px 15px}.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: #9c2e87 !important;box-shadow: none;border-radius: none;background: transparent;background-color: transparent;font-weight: 600}.dropdown-menu>li>a{font-size: 1.1em;color: #2b2b2b;padding: 8px 20px}.no-js .dropdown-menu>li>a:focus,.no-js .dropdown-menu>li>a:hover{color: #fff;background: #9c2e87}@media screen and (max-width: 992px){#controlBanner img{position: fixed;top: 10px;left: 10px;width: 60px !important;z-index: 10000}.navbar-header,#ItopplusMainSidebar>div{background: #fff !important}.navbar-header a.visible-xs{filter: contrast(0.3)}#ItopplusMainSidebar a{color: #444 !important}.navbar-toggle .icon-bar{background-color: #444 !important}}@media screen and (min-width: 1024px){.itopplus-banner{& *:not(i):before,*:not(i)::after{display: none}}.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}.itopplus-banner{background: #fff;transition: .3s}.itopplus-banner .container{display: grid;grid-template-columns: 17% auto 25%;align-items: center}#controlBanner{object-fit: contain;padding: 15px 0;width: 100%;min-width: auto;margin: 0 auto}#nav-menu{display: grid;justify-content: center;background: transparent;min-height: auto}}.h1,h1{font-size: 3em;font-weight: 600}.h2,h2{font-size: 2.7em;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-tel{display: grid;grid-template-columns: 35px auto;gap: 10px;align-items: center}.header-tel-text{font-weight: 600;font-size: 0.95em}.header-tel-text h4{font-size: 1.1em;font-weight: 400}.itopplus-footer{font-size: 14px}.itopplus-footer h4{margin: 0px 0 15px;font-weight: 600}.itopplus-footer h3{font-weight: 400;font-size: 1.4em;line-height: 1.2;margin: 0}.itopplus-footer a{color: #ffffff}.itopplus-footer a:hover{color: #9c2e87}.footer-icon-img{display: flex;gap: 10px;width: 60%;justify-content: center;margin: 5px 0 15px}.icon-img{transition: 0.5s}.icon-img:hover{transform: scale(1.1)}.footer-pd{padding: 0 0 0 25%}.btn-maps{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_100920232l6d/0/0/button-footerz-z1256482980931.webp);background-size: contain;background-repeat: no-repeat;background-position: center;background-color: transparent;border: none;padding: 7px 20px 7px 30px;text-align: center;color: #fff}.copy-right{font-size: 0.9em;text-align: center;padding: 0 0 5%}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #9c2e87 !important;color: #9c2e87 !important;font-family: Prompt,sans-serif !important}.buttonExampleSite:hover{background: #9c2e87 !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%}.download-block{display: grid;grid-template-columns: 70% 30%;justify-content: center;align-items: center;padding: 2.5% 0;text-align: center}.download-block-text{font-size: 1.2em}.download-block-text h4{font-weight: 400}.download-block .btn-bg{font-weight: 600}.btn-bg{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_100920232l6d/0/0/buttonz-z1045934555641.webp);background-size: 100% auto;background-repeat: no-repeat;background-position: center;background-color: transparent;border: none;padding: 9px 30px 9px 40px;text-align: center;color: #fff;font-size: 0.9em;transition: 0.5s}.btn-bg:hover{filter: grayscale(1)}.padding-pd{padding: 2%}.about-bg{background: #fff;padding: 10%;margin-top: 23%;margin-left: -13%;position: relative;z-index: 2}.about-bg h3,.about-block h3{font-size: 2.3em;margin: 0 0 20px}.menu-align{text-align: center;padding: 5% 0}.CASS-D-border{background-image: none;background: #fff;padding: 2% 1% 0}.CASS-D-middle-mid{padding: 0}.effect-sadie{}figure.effect-sadie p{position: absolute;bottom: 0;left: 0;padding: 10em 2em 1.5em !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: 600}figure.effect-sadie:hover p{background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(156,46,135,1) 100%)}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(156,46,135,1) 100%);content: '';opacity: 0;-webkit-transform: translate3d(0,50%,0);transform: translate3d(0,50%,0)}.grid figure p{letter-spacing: 0px;font-size: 16px}figure.effect-jazz{background: transparent}figure.effect-jazz figcaption::after{border-top: 0px solid #fff;border-bottom: 0px solid #fff}#slider671db719bb077500138a8a15{}.contact-product{width: 80%;padding: 10% 0}.contact-product h2{margin: 0 0 15px}.qr-tel{display: grid;grid-template-columns: 40% 60%;gap: 20px;margin: 20px 0 0;align-items: center}.qr-code{display: grid;grid-template-columns: repeat(3,1fr);gap: 10px}.qr-code img{border-radius: 10px}.btn-contact{background: transparent;border: 1px solid #fff;color: #fff;display: grid;grid-template-columns: 15px auto;width: 73%;margin: 7px 0;border-radius: 50px;padding: 7px 10px;justify-content: start;gap: 5px;font-size: 0.8em;font-weight: 600;transition: 0.5s}.btn-contact a{color: #fff}.menu-align2{padding: 2% 0;text-align: center}.CASS-B-border{position: relative;border: 0px solid #d4d4d4;border-radius: 20px;background: #fff !important}.about-block{padding: 4%}.about-block ul{margin-left: -22px}.service-sub{color: #2b2b2b;padding: 5%}.service-sub h3{white-space: pre-line;margin: 0 0 20px;line-height: 1.2;font-size: 2em}.service-sub ul{margin-left: -20px}.menu-bg{background: #9c2d87;color: #fff;padding: 20px;margin: 5% 1% 0.3%;text-align: center}.coming-soon{width: 75%;margin: 5% auto}.text-contact{padding: 1% 0 0 0}.text-contact h4{margin: 0 0 15px;line-height: 1.2;font-size: 1.6em}.text-contact .media-body{padding: 10px 5px 15px}.contact-img{width: 85%;margin: 0 auto}.text-contact .qr-code{width: 80%}.no-js #Component671e6346b77fba00139d72d9 label{display: none !important}.no-js #Component671e6346b77fba00139d72d9 .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component671e6346b77fba00139d72d9 .form-control{border: 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: 36px 20px;font-weight: 400;line-height: 1.5;background: #fff;color: #000 !important}.no-js #Component671e6346b77fba00139d72d9 .form-control:hover{border: 1px solid #9c2e87}.no-js #Component671e6346b77fba00139d72d9 .form-control:focus{border: 1px solid #9c2e87;-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 #Component671e6346b77fba00139d72d9 .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#f9a71f 0,#f9a71f 100%);background: #9c2e87;color: #fff;text-shadow: 0 0px 0 #3173ed;background-repeat: repeat-x;border-color: #3faf7e;border-radius: 0px;padding: 10px 25px;font-size: 0.9em;font-weight: 400;border: 0px solid transparent}.no-js #Component671e6346b77fba00139d72d9 .btn-default:active{background: #9c2e87;color: #fff}.no-js #Component671e6346b77fba00139d72d9 .btn-default:hover,.no-js #Component671e6346b77fba00139d72d9 .btn-default:focus{background-position: 0 0px;background: #9c2e87;color: #fff}.no-js #Component671e6346b77fba00139d72d9 .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component671e6346b77fba00139d72d9 span.label{font-size: 0.85em;font-weight: 400}.no-js #Component671e6346b77fba00139d72d9 .ITPcheckboxAuthen{font-size: 0.85em;padding: 0 0 0 0%}.TabItpContentLandingPage6{background-color: transparent;padding: 0}.TabItpContentLandingPage6>ul{width: 100%;background-color: transparent;border-radius: 30px;margin: 0;padding: 0 !important}.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: #9c2e87!important}.TabItpContentLandingPage6>ul>li.active>a>span,.TabItpContentLandingPage6>ul>li>a:hover>span,.TabItpContentLandingPage6>ul>li.active>a>span{color: #fff !important}.tab-itp-background{background-color: inherit;padding: 0% !important;margin-top: 2%;margin-bottom: 2%}.TabItpContentLandingPage6>ul>li>a>span{font-size: 1.2em !important;font-weight: 600}.tab-content{border: none !important;padding: 0% !important;background-color: #ffffff;border-radius: 20px;box-shadow: none;margin: 2% 1%}.tab-content iframe{height: 480px;border-radius: 10px}.contact-service{text-align: center;padding: 5% 20%}.contact-service .qr-code{width: 80%;margin: 25px auto 0}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color: #9c2e87;border-color: #9c2e87}.pagination>li>a,.pagination>li>span{color: #9c2e87}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #9c2e87;background-color: #f7f7f7}@media only screen and (min-width : 1900px){body{font-size: 20px}.container{width: 1440px}.dropdown-menu>li>a{font-size: 1.3em}.header-tel{grid-template-columns: 45px auto}.btn-bg{padding: 9px 30px 9px 50px}.grid figure p{font-size: 20px}.btn-contact{grid-template-columns: 20px auto;width: 73%;font-size: 0.9em}.itopplus-footer{font-size: 18px}.ITPcookiebar,.buttonExampleSite{font-size: 16px !important}.about-block{padding: 4% 4% 10%}.text-contact{padding: 1% 2% 0 0}.text-contact .col-md-1.col-sm-1.col-xs-1.padding-col img{width: 80% !important}.no-js #Component671e6346b77fba00139d72d9 .form-control{padding: 44px 20px}.text-contact .media-body{padding: 9px 5px 15px}#iframe671e67a2dfca780013081ef0 iframe{height: 420px}}@media only screen and (max-width:1191px){.navbar-default .navbar-nav>li>a{margin: 0 0px}.header-tel-text{font-size: 0.8em}.header-tel{grid-template-columns: 30px auto}.about-bg h3,.about-block h3{font-size: 1.9em}.contact-product{width: 90%;padding: 6% 0}.btn-contact{width: 85%;font-size: 0.75em}.itopplus-bg5{background-image: none;background-color: #9d2d87}.itopplus-footer{font-size: 11px}.no-js #Component671e6346b77fba00139d72d9 .form-control{padding: 28px 20px}.text-contact .media-body{padding: 10px 5px 14px}.contact-service{padding: 13% 15%;font-size: 0.8em}}@media only screen and (max-width:900px){.download-block-text{font-size: 1em}.about-bg h3,.about-block h3{font-size: 1.4em}.contact-product{width: 100%;padding: 2% 0;font-size: 0.9em}.qr-tel{margin: 10px 0 0}.tel-mail{font-size: 0.8em}.copy-right{padding: 0 0 0%}.grid figure p{font-size: 18px}.h2,h2{font-size: 2.3em}.service-sub h3{font-size: 1.5em}.text-contact .media-body{padding: 4px 5px 15px}.no-js #Component671e6346b77fba00139d72d9 .form-control{padding: 24px 20px}.contact-service{padding: 13% 8%}#iframe671e67a2dfca780013081ef0 iframe{height: 300px}}@media only screen and (max-width:480px){#imagesControl671e2e77db59c50014cb486b{padding: 0 !important;margin-bottom: -7px}.download-block{grid-template-columns: repeat(1,1fr)}.download-block-btn{margin-top: 15px}.about-bg{padding: 10% 0;margin-top: 0;margin-left: 0}#imagesControl671e45e0b77fba00139d7143{padding: 0 !IMPORTANT}.contact-product{font-size: 1em}.qr-tel{grid-template-columns: repeat(1,1fr)}.tel-mail{font-size: 1em}.qr-code{width: 90%}.btn-contact{width: 80%;font-size: 0.9em}.menu-align2 h2{font-size: 2em}.service-sub h3{white-space: inherit}.menu-bg h3{font-size: 1.4em}.text-contact .col-md-1.col-sm-1.col-xs-1.padding-col{width: 13%}.text-contact .col-md-11.col-sm-11.col-xs-11.padding-col{width: 87%}.contact-service{padding: 8% 8%}}