.itopplus-background{}.unknown{position: fixed;bottom: 8% !important}.unknown_prf .btn-main,.unknown_prf:hover .btn-main{margin-bottom: 0 !important}body{font-size: 17px;overflow-x: hidden;color: #000;font-family: "LINE Seed Sans TH"}.itopplus-bg a,.itopplus-bg2 a,.itopplus-pos2 a{color: #fff}.itopplus-bg a:hover,.itopplus-bg2 a:hover,.itopplus-pos2 a:hover{color: #009fff}.itopplus-bg{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_05012024cvfp/0/0/1z-z1270694347646.webp");background-size: cover}.itopplus-bg2{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_05012024cvfp/0/0/2z-z1378315858662.webp");background-size: cover}.navbar-default .navbar-nav > li > a{font-size: 1em;color: #fff;margin: 0 5px;padding: 8px 15px;border-radius: none;border-bottom: 3px solid transparent}.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-color: transparent;background: transparent;background-color: transparent}.dropdown-menu > li > a{font-size: 1.2em;color: #000000;padding: 8px 15px;font-family: "Arapey",serif}.no-js .dropdown-menu > li > a:focus,.no-js .dropdown-menu > li > a:hover{color: #fff;background: linear-gradient(to right,#123da7 0,#2f5ac0 100%)}@media screen and (max-width: 992px){#controlBanner img{position: fixed;top: 8px;left: 10px;width: 70px !important;z-index: 10000;filter: brightness(0) invert(1)}#nav-menu,#ItopplusMainSidebar > div{background: linear-gradient(to right,#123da7 0,#2f5ac0 100%) !important}#itpMenuSideBar span{background-color: #fff !important}#controlMenu *{color: #fff !important;border: none}}@media screen and (min-width: 1024px){.itopplus-banner .container{display: grid;grid-template-columns: 15% auto;align-items: center}.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}.itopplus-banner{background: linear-gradient(to right,#123da7 0,#2f5ac0 100%);transition: 0.3s}#controlBanner{object-fit: contain;padding: 15px;width: clamp(120px,100%,20vw);margin: 0 auto}#itopplus-nav-bar{display: flex;width: 100%;justify-content: end}ul.nav li.dropdown:hover > ul.dropdown-menu{display: block;margin: 0}}.h1,h1{font-size: 3.7em;font-weight: bold}.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{}.itopplus-footer h4{font-weight: 600;margin: 0px 0 10px;font-size: 1.1em}.itopplus-footer a{color: #fff}.itopplus-footer a:hover{color: #009fff}.footer-logo{width: 30%;margin: 0 0 20px}.footer-display{display: grid;grid-template-columns: 65% 35%;padding: 0 5%}.footer-menu h4{line-height: 1.8}.footer-icon-img{width: 43%;display: flex;gap: 5px;justify-content: center;margin: 15px 0 10px}.icon-img{transition: 0.5s}.icon-img:hover{transform: scale(1.1)}.copy-right{text-align: right;font-size: 0.9em;margin: 0px 8% 10px;font-family: "Arapey",serif}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #0537b4 !important;color: #0537b4 !important;font-family: "LINE Seed Sans TH" !important}.buttonExampleSite:hover{background: #0537b4 !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: 2% 2% 2%}.eapps-widget-toolbar{display: none}.about-us{white-space: pre-line;text-align: center;padding: 6% 0% 2%}.about-us h2{margin: 0 0 30px}.btn-read{font-size: 0.9em;padding: 20px 0 0}.padding-pd{padding: 2%}figure.effect-oscar{background: transparent;margin-bottom: -20px !important}figure.effect-oscar figcaption{padding: 1em;background-color: rgba(0,0,0,0.5)}figure.effect-oscar:hover figcaption{background-color: rgba(5,55,180,0.5)}figure.effect-oscar h2{margin: 0 2%;-webkit-transform: translate3d(0,0%,0);transform: translate3d(0,0%,0);font-size: 0.6em;text-align: left;font-family: "Arapey",serif;text-transform: none}figure.effect-oscar h2 h3{line-height: 1.3}.grid figure h2{word-spacing: normal;font-weight: 400}figure.effect-oscar figcaption::before{border: 0px solid #fff}figure.effect-oscar img{opacity: 1;transition: 0.5s}figure.effect-oscar:hover img{transform: scale(1.1)}.menu-align2{display: grid;grid-template-columns: 96% auto;align-items: end;padding: 5% 0}.menu-align{text-align: center;padding: 6% 0 2%}.menu-align h5,.about-us h5,.menu-align2 h5{font-family: "Arapey",serif;letter-spacing: 1px;margin: 0 0 30px;text-transform: uppercase}.about-block{padding: 0 0 13px}.about-block h3{margin: 0}.about-block h4{margin: 10px 0 20px}figure.effect-jazz{background: transparent}figure.effect-jazz figcaption::after{border-top: 0px solid #fff;border-bottom: 0px solid #fff}.product-block{padding: 3% 5% 0}.product-block h2{font-family: "Arapey",serif;margin: 0}.product-block h4{margin: 0 0 15px;font-weight: 600}.product-block li::marker{color: #009fff}.product-block ul{margin-left: -20px}.product-block li{margin: 1px 0}figure.effect-phoebe{background: transparent;border-radius: 15px}figure.effect-phoebe img{opacity: 1;-webkit-transition: opacity 0.35s;transition: 0.5s}figure.effect-phoebe:hover img{transform: scale(1.1)}ol ol,ol ul,ul ol,ul ul{margin-bottom: 5px;margin-top: 5px}.service-block h3{white-space: pre-line;font-size: 1.4em;text-align: center;line-height: 1.2;font-weight: 500}.service-icon-display{display: grid;grid-template-columns: repeat(3,1fr)}.service-icon{text-align: center;padding: 5% 7% 0;transition: 0.5s}.service-icon:hover{transform: translateY(-10px)}.service-icon img{width: 30% !important;margin: 0 auto 20px}.service-icon h4{margin: 0 0 10px}.text-contact{text-align: center;padding: 0% 0% 0}.text-contact h3{line-height: 1.2;margin: 0 0 5px}.contact-bg-text{line-height: 1.3;padding: 0 6% 0 0}.contact-block2{display: grid;grid-template-columns: 50% 50%;gap: 10px;margin: 20px 0 0px;width: 98.5%}.contact-bg{display: grid;grid-template-columns: 55px auto;gap: 15px;align-items: center;background: #ffffff;color: #000;border-radius: 0px;padding: 0px}.contact-bg:hover{background: #2f5ac0;color: #fff}.no-js #Component67d164e5ed8c440013374a63 label{display: none !important}.no-js #Component67d164e5ed8c440013374a63 .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component67d164e5ed8c440013374a63 .form-control{border: 1px solid #eee;border-radius: 0px !important;-webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);box-shadow: none;font-size: 1em !important;padding: 28px 20px;font-weight: 400;line-height: 1.5;background: #fff;color: #000 !important}.no-js #Component67d164e5ed8c440013374a63 .form-control:hover{border: 1px solid #2f5ac0}.no-js #Component67d164e5ed8c440013374a63 .form-control::placeholder{color: #000 !important}.no-js #Component67d164e5ed8c440013374a63 .form-control:focus{border: 1px solid #2f5ac0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow: inset 0 0px 0px rgba(0,0,0,0.075),0 0 0px rgba(102,175,233,0);color: #000 !important}.no-js #Component67d164e5ed8c440013374a63 .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#f9a71f 0,#f9a71f 100%);background: #043168;color: #fff;text-shadow: 0 0px 0 #3173ed;background-repeat: repeat-x;border-color: #6c5336;border-radius: 0px;padding: 10px 25px;font-size: 1em;font-weight: 400;border: 0px solid transparent}.no-js #Component67d164e5ed8c440013374a63 .btn-default:active{background: #043168;color: #fff}.no-js #Component67d164e5ed8c440013374a63 .btn-default:hover,.no-js #Component67d164e5ed8c440013374a63 .btn-default:focus{background-position: 0 0px;background: #043168;color: #fff}.no-js #Component67d164e5ed8c440013374a63 .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component67d164e5ed8c440013374a63 span.label{font-size: 0.85em;font-weight: 400}.no-js #Component67d164e5ed8c440013374a63 .ITPcheckboxAuthen{font-size: 0.9em;padding: 0 0 0 0%;margin-left: -3%}span#contactUsAcceptPolicyText2{display: block}#iframe67d164eaed8c440013374a6a iframe{height: 236px}.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus{background-color: #043168;border-color: #043168}.pagination > li > a,.pagination > li > span{color: #043168}.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus{color: #043168;background-color: #f7f7f7}@media only screen and (min-width: 1900px){body{font-size: 21px}.container{width: 1440px}.dropdown-menu > li > a{font-size: 1.4em}.ITPcookiebar,.buttonExampleSite{font-size: 16px !important}.about-block{padding: 0 1% 21px 0;font-size: 0.9em}.product-block{font-size: 0.9em}.contact-block2{font-size: 0.9em}#iframe67d164eaed8c440013374a6a iframe{height: 265px}}@media only screen and (max-width: 1191px){body{font-size: 16px}.contact-bg{grid-template-columns: 50px auto;gap: 5px;font-size: 0.9em}#iframe67d164eaed8c440013374a6a iframe{height: 247px}}@media only screen and (max-width: 900px){.h2,h2{font-size: 2.5em}.about-us{white-space: inherit}.about-block h3{font-size: 1.6em}.copy-right{text-align: center;margin: 0px 0% 0px}span#contactUsAcceptPolicyText2{display: inline}.contact-bg{grid-template-columns: 35px auto;font-size: 0.75em}.text-contact h3{font-size: 1.3em}.no-js #Component67d164e5ed8c440013374a63 .form-control{padding: 24px 20px}#iframe67d164eaed8c440013374a6a iframe{height: 258px}}@media only screen and (max-width: 480px){#imagesControl67d1317e318b650013f97a76{padding: 0 !important}ul#slider67d1317e318b650013f97a76{margin-bottom: -7px}.menu-align2{grid-template-columns: 90% auto}.about-us h2,.menu-align2 h2,.menu-align h2{font-size: 1.7em}.about-block{padding: 0 10px 13px}.text-contact{font-size: 0.9em}.no-js #Component67d164e5ed8c440013374a63 .col-md-6{padding: 0 15px}.service-block h3{white-space: inherit;font-size: 1.1em}.service-icon-display{grid-template-columns: repeat(1,1fr)}.service-icon{padding: 5% 7% 5%}.service-icon h4{font-size: 1.1em}}@media only screen and (max-width: 375px){.contact-bg{grid-template-columns: 30px auto;font-size: 0.65em}}