.itopplus-background{}body,html{overflow-x: hidden;font-family: 'Prompt',sans-serif}.itopplus-bg{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_08082022sdcd/0/0/1z-z536615732745.webp');color: #000}.itopplus-bg2{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_08082022sdcd/0/0/2z-z1130716785927.webp')}.itopplus-bg3{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_08082022sdcd/0/0/3z-z930891046293.webp')}.itopplus-bg4{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_08082022sdcd/0/0/4z-z936821457292.webp')}.itopplus-nav-bar li:not(:last-of-type):not(.itopplus-sidebar-menu-parent):not(.dropdown-submenu):after{content: '|•/';font-size: 1em;position: absolute;top: 25%;right: 0;color: #000;display: none}#main-navbar-collapse{text-align: center}.itopplus-search{color: #fff;margin-top: 0%}.itopplus-menu{padding-top: 2%}.navbar-nav>li{padding: 5px 10px}.navbar-default .navbar-nav>li>a{color: #fff;padding: 8px 10px;font-size: 17px;font-weight: 300}.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,.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color: #1b2953 !important;box-shadow: none;border-radius: 30px;background: transparent;background-color: #efefef;font-weight: 600}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{background-color: #efefef}@media screen and (max-width : 992px){.navbar-default .navbar-toggle .icon-bar{background-color: #fff}#controlMenu,#controlMenu i,#controlMenu li a{color: #fff !important}.navbar-default{background: #091d55}.itopplus-bg,.itopplus-bg2,.itopplus-bg3,.itopplus-bg4{background-size: cover}}.buttonExampleSite{border: 1px solid #313848 !important;color: #081331 !important;font-family: ThaiSansNeue}.buttonExampleSite:hover{background: #071230 !important;color: #ffffff !important}.pdpa-text.pdpamg1{padding: 3% 0%}.ITPcookiebar{width: 100% !important;font-size: 14px !important}.ITPcookiebar{background-color: rgb(215 215 215 / 80%) !important}div#carousel63a2ac281e1e7800137e378e{margin-bottom: -1px}.pad-footer1 p{font-size: 13px}.pad-header1 p{font-size: 14px}.pad-header1{padding: 1% 0 0 0}.pad-header1 a,.itopplus-footer a{color: #fff}.pad-header1 a:hover,.itopplus-footer a:hover{color: #fe0f0b}.icon-header1{width: 10%;padding: 1% 2%}.icon-header2{width: 9%;padding: 1% 2%}.icon-footer{width: 60%}.pad-footer2 h3{font-style: italic;font-weight: 700}.no-js #Component63a2ac291e1e7800137e379a .form-horizontal .form-group-sm .form-control,.no-js #Component63a2ac291e1e7800137e379a .input-sm{height: 40px;padding: 5px 20px;font-size: 14px;line-height: 1.5;font-weight: 200;border-radius: 50px 0 0 50px;border: 0px;box-shadow: none}.no-js #Component63a2ac291e1e7800137e379a .btn-default{text-shadow: 0 0 0 #fff;background-image: -webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image: -o-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));background-image: linear-gradient(to bottom,#666666 0,#666666 100%);background-repeat: repeat-x;border-color: #666666;border: none;font-size: 14px;color: #fff;border-radius: 0 50px 50px 0;height: 40px;font-weight: 200;padding: 5px 20px}.no-js #Component63a2ac291e1e7800137e379a .btn-default:focus,.no-js #Component63a2ac291e1e7800137e379a .btn-default:hover{background-color: #ff1023;background-position: 0 -45px}.no-js #Component63a2ac291e1e7800137e379a .input-group-subscribe:before,.no-js #Component63a2ac291e1e7800137e379a form.form-subscribe:before{display: none}.pad-footer1{padding-bottom: 1%}.pad-footer2{margin-left: -4%;margin-top: 1%;font-weight: 300;white-space: break-spaces;line-height: 1.8em}.empty-space0{padding: 2%}.empty-space00{padding: 1%}.pad-text1{width: 100%;margin: 5.5% 0 5.5% 3%}.text-head1{color: #58595c;font-size: 4rem;font-weight: 600}.text-head1 span{color: #132b71;font-size: 3.7rem;text-align: center}.text-head2{color: #314c9c;font-size: 2.4rem;font-weight: 600;margin-bottom: 10px}.text-head3{font-size: 3rem;white-space: break-spaces;text-align: center;font-weight: 500}.text-head3 span{color: #1b2953;font-weight: 600}.text-sub1{white-space: break-spaces;font-size: 1.6rem}.pad-text1 .text-sub1{font-size: 1.48rem}.text-sub1 span{font-size: 2.4rem;font-weight: 500}.text-sub2{font-size: 2.2rem;white-space: break-spaces}.text-sub2 span{font-weight: 500;font-size: 1.9rem}.text-sub3{color: #949494;font-size: 17px}#background63a2b58b629d6c0013e71dac img{width: 74% !important;margin: 0 auto 8%;display: block}#background63a2b8f0629d6c0013e71ea8 img{width: 47% !important;margin: 0 auto 7.5%;display: block}#background63a2b45e1e1e7800137e394a .col-md-6.col-sm-6.col-xs-6:nth-child(2){margin-top: 30%;margin-bottom: -30%}.bg-about{margin: 2% 0 0 0;border: 1px solid #2669d8;padding: 3%;border-radius: 20px}.bg-about .text-head2{font-size: 2.2rem}#background63a41662e2fd6400131713a8 .col-md-6.col-sm-6.col-xs-12.padding:nth-child(1){width: 45%}#background63a41662e2fd6400131713a8 .col-md-6.col-sm-6.col-xs-12.padding:nth-child(2){width: 55%}.bg-product{background: #fff;border: 1px solid #2c6ed8;padding: 10%;border-radius: 20px;box-shadow: 2px 3px 15px -6px #314c9c;margin: 5% 0 0 -10%;width: 100%}.box-contact{display: flex;width: 100%;align-items: center;justify-content: space-between;border-bottom: 1px solid #2669d8;padding: 3% 0;margin-bottom: 7%}.TabItpContentLandingPage6{background-color: #f7f7f7;padding: 43px 10px;border-radius: 15px}.TabItpContentLandingPage6 .tab-itp-background{padding: 0;margin-top: 0%;margin-bottom: 0%}.TabItpContentLandingPage6>ul>li>a:hover{background-color: #276ad8}.TabItpContentLandingPage6>ul>li.active>a{background-color: #081948!important}.TabItpContentLandingPage6>ul{width: 100%;background-color: transparent;border-radius: 0}.block1{width: 82%}.block2{width: 18%}.text-sub3 span{color: #000;font-size: 18px}.text-contact1{font-size: 16px;color: #949494}.text-contact2{font-size: 12.5px;color: #949494}.text-contact1 a,.text-contact2 a{color: #949494}.text-contact1 a:hover,.text-contact2 a:hover{color: #f31812}.block2 img{filter: opacity(0.6)}.no-js #Component63a409dbe2fd640013170da3 label,.no-js #Component644a58a7b5b35b001a7a75aa label{display: none!important}.no-js #Component63a409dbe2fd640013170da3 .col-md-6,.no-js #Component644a58a7b5b35b001a7a75aa .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component63a409dbe2fd640013170da3 .form-control,.no-js #Component644a58a7b5b35b001a7a75aa .form-control{border: none;border-bottom: 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: 15px !important;padding: 24px 0;font-weight: 400;background: transparent;color: #000 !important}.no-js #Component63a409dbe2fd640013170da3 .form-control:hover,.no-js #Component644a58a7b5b35b001a7a75aa .form-control:hover{border-bottom: 1px solid #252d65}.no-js #Component63a409dbe2fd640013170da3 .form-control:focus,.no-js #Component644a58a7b5b35b001a7a75aa .form-control:focus{background-color: transparent!important;color: #000 !important}.no-js #Component63a409dbe2fd640013170da3 .btn,.no-js #Component644a58a7b5b35b001a7a75aa .btn{background-image: -webkit-linear-gradient(top,#474747 0,#474747 100%);background-image: -o-linear-gradient(top,#111f39 0,#111f39 100%);background-color: #474747 !important;color: #fff;text-shadow: none;background-repeat: repeat-x;border-color: #0000;border-radius: 50px;padding: 10px 30px;font-size: 14px;border: 0px solid transparent}.no-js #Component63a409dbe2fd640013170da3 .btn-default:active,.no-js #Component644a58a7b5b35b001a7a75aa .btn-default:active{background-color: #50baa4}.no-js #Component63a409dbe2fd640013170da3 .btn-default:hover,.no-js .no-js #Component63a409dbe2fd640013170da3 .btn-default:focus,.no-js #Component644a58a7b5b35b001a7a75aa .btn-default:hover,.no-js .no-js #Component644a58a7b5b35b001a7a75aa .btn-default:focus{background-position: 0 0px;background-color: #081948;background-image: -webkit-linear-gradient(top,#081948 0,#081948 100%)}.no-js #Component63a409dbe2fd640013170da3 span.label,.no-js #Component644a58a7b5b35b001a7a75aa span.label{font-size: 13px;font-weight: 400}#formdisplay63a2bc541e1e7800137e3bdb,#formdisplay644a5366b5b35b001a7a71e7{background-color: transparent !important;width: 55%;margin: 0 auto}.no-js #formdisplay63a2bc541e1e7800137e3bdb label,.no-js #formdisplay644a5366b5b35b001a7a71e7 label{display: none!important}.no-js #formdisplay63a2bc541e1e7800137e3bdb .form-control,.no-js #formdisplay644a5366b5b35b001a7a71e7 .form-control{border: none;border-bottom: 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: 16px !important;padding: 15px 0;font-weight: 400;background: transparent;color: #666 !important;height: auto}.no-js #formdisplay63a2bc541e1e7800137e3bdb .form-control:hover,.no-js #formdisplay644a5366b5b35b001a7a71e7 .form-control:hover{border-bottom: 1px solid #252d65}.no-js #formdisplay63a2bc541e1e7800137e3bdb .form-control:focus,.no-js #formdisplay644a5366b5b35b001a7a71e7 .form-control:focus{background-color: transparent!important;color: #000 !important}.no-js #formdisplay63a2bc541e1e7800137e3bdb .btn,.no-js #formdisplay644a5366b5b35b001a7a71e7 .btn{background-image: -webkit-linear-gradient(top,#474747 0,#474747 100%);background-image: -o-linear-gradient(top,#111f39 0,#111f39 100%);background-color: #252d65!important;color: #fff;text-shadow: 0 0px 0 #50baa4;background-repeat: repeat-x;border-color: #0000;border-radius: 50px;padding: 10px 30px;font-size: 14px;border: 0px solid transparent}.no-js #formdisplay63a2bc541e1e7800137e3bdb .btn-default:active,.no-js #formdisplay644a5366b5b35b001a7a71e7 .btn-default:active{background-color: #50baa4}.no-js #formdisplay63a2bc541e1e7800137e3bdb .btn-default:hover,.no-js #formdisplay63a2bc541e1e7800137e3bdb .btn-default:focus,.no-js #formdisplay644a5366b5b35b001a7a71e7 .btn-default:hover,.no-js #formdisplay644a5366b5b35b001a7a71e7 .btn-default:focus{background-position: 0 45px;background-color: #081948;background-image: -webkit-linear-gradient(top,#081948 0,#081948 100%)}.no-js #formdisplay63a2bc541e1e7800137e3bdb span.label,.no-js #formdisplay644a5366b5b35b001a7a71e7 span.label{font-size: 13px;font-weight: 400}.no-js #formdisplay63a2bc541e1e7800137e3bdb span.glyphicon.glyphicon-ok-circle,.no-js #formdisplay644a5366b5b35b001a7a71e7 span.glyphicon.glyphicon-ok-circle{display: none}.no-js #formdisplay63a2bc541e1e7800137e3bdb #editor1,.no-js #formdisplay63a2bc541e1e7800137e3bdb #editor2,.no-js #formdisplay63a2bc541e1e7800137e3bdb #editor3,.no-js #formdisplay63a2bc541e1e7800137e3bdb #editor12,.no-js #formdisplay63a2bc541e1e7800137e3bdb #editor13,.no-js #formdisplay63a2bc541e1e7800137e3bdb #editor14{display: none}.no-js #formdisplay644a5366b5b35b001a7a71e7 #editor1,.no-js #formdisplay644a5366b5b35b001a7a71e7 #editor2,.no-js #formdisplay644a5366b5b35b001a7a71e7 #editor3,.no-js #formdisplay644a5366b5b35b001a7a71e7 #editor12,.no-js #formdisplay644a5366b5b35b001a7a71e7 #editor13,.no-js #formdisplay644a5366b5b35b001a7a71e7 #editor14{display: none}.no-js #formdisplay63a2bc541e1e7800137e3bdb #capcha0 .col-md-12.col-sm-12 .col-md-12.col-sm-12:nth-child(1),.no-js #formdisplay644a5366b5b35b001a7a71e7 #capcha0 .col-md-12.col-sm-12 .col-md-12.col-sm-12:nth-child(1){display: none}#capcha63a2bc541e1e7800137e3bdb #capcha0 .col-md-12.col-sm-12:nth-child(1){padding-left: 15px}#capcha63a2bc541e1e7800137e3bdb #capcha0 .col-md-12.col-sm-12 .col-md-12.col-sm-12:nth-child(2){padding-right: 0px}#formdisplay63a2bc541e1e7800137e3bdb .row .col-md-12.col-sm-12 .col-md-12.col-sm-12:nth-child(1){padding-right: 7px !important}#formdisplay644a5366b5b35b001a7a71e7 .row .col-md-12.col-sm-12 .col-md-12.col-sm-12:nth-child(1){padding-right: 7px !important}#btnview63a2bc541e1e7800137e3bdb{margin-left: 36%}#background63a3de381e1e7800137e54fc .effect-default img{border-radius: 20px;box-shadow: 2px 3px 15px -6px #314c9c;margin-bottom: 20px}#background644a5366b5b35b001a7a71df img{width: 47% !important;margin: 0 auto 7.5%;display: block}.effect-default{text-align: center}figure.effect-jazz figcaption::after{border-top: none;border-bottom: none}figure.effect-jazz{background: transparent;border-radius: 20px;box-shadow: 2px 3px 15px -6px #314c9c;margin-bottom: 10px !important}figure.effect-sadie:hover h2,figure.effect-sadie:hover p{-webkit-transform: translate3d(0,0%,0) translate3d(0,0px,0);transform: translate3d(0,0%,0)}figure.effect-sadie figcaption::before{background: linear-gradient(to bottom,#484c6100 5%,#26335b00 60%);opacity: 1}figure.effect-sadie p{text-transform: capitalize;opacity: 1;background: linear-gradient(to bottom,rgba(0,0,0,0) 2%,rgba(38,51,91,0.6) 45%,rgba(38,51,91,1) 100%);padding: 15% 5px 9% 5px !important;border-radius: 0 0 30px 30px;transform: translate3d(0,0px,0)}.effect-sadie:hover{transform: scale(0.9)}.effect-sadie{transition: 0.5s}.effect-sadie img{border-radius: 30px}figure.effect-steve{background: transparent}figure.effect-steve:hover:before{opacity: 0}figure.effect-steve h2{display: none}figure.effect-steve:hover p{opacity: 0}.ef1,.ef3,.ef4,.ef5,.block2 img{transition-duration: 0.3s;transition-property: transform;transition-timing-function: ease-out}.ef2,.ef3{transition: 0.5s}.ef1:hover{transform: translateY(-8px)}.ef2:hover{transform: scale(0.9,0.9)}.ef3:hover{transform: scale(1.1,1.1)}.ef4:hover,.block2 img:hover{transform: translateX(10px)}.ef5:hover{transform: translateX(-10px)}@media screen and (min-width : 1024px){.zIndex-pos5search{z-index: 0}.navbar-default{background: transparent}.h3,h3{font-size: 1.4em}.bg-product{padding: 5%;margin: 6% 0 0 -30%;width: 130%}}@media screen and (min-width : 1366px){.h3,h3{font-size: 1.5em}.navbar-default .navbar-nav>li>a{padding: 8px 15px;font-size: 19px}.pad-header1 p,.pad-footer1 p{font-size: 16px}.pad-header1{padding: 2% 0 0 0}.text-head1{font-size: 4.5rem}.text-head2{font-size: 3rem}.pad-text1 .text-sub1{font-size: 1.78rem}.text-sub1{font-size: 1.5rem}.text-head3{font-size: 3.5rem}.text-sub2{font-size: 2.37rem}.text-sub2 span{font-size: 2.2rem}.text-head1 span{font-size: 4.1rem}.text-sub1 span{font-size: 2.3rem}.text-sub3{font-size: 18px}.bg-about .text-head2{font-size: 2.6rem}.bg-about{padding: 6.3% 4%}.text-sub3 span{font-size: 21px}.text-contact1{font-size: 18px}.text-contact2{font-size: 15px}.bg-product{margin: 6% 0 0 -20%;width: 120%}}@media screen and (min-width : 1900px){.zIndex-pos5search{z-index: 100}.text-head1{font-size: 5rem}.text-head2{font-size: 3.5rem}.text-sub1{font-size: 1.8rem}.pad-text1{margin: 8.5% 0 5.5% 3%}.text-sub2 span{font-size: 2.4rem}#background63a41662e2fd6400131713a8 .col-md-6.col-sm-6.col-xs-12.padding:nth-child(1){width:50%}#background63a41662e2fd6400131713a8 .col-md-6.col-sm-6.col-xs-12.padding:nth-child(2){width: 50%}.bg-about{padding: 8% 8%;margin: 16% 0 0 0}.text-contact2{font-size: 18px}.box-contact{width: auto;margin: 0 3% 7%}.bg-product{margin: 13% 0 0 -30%;width: 130%}}@media screen and (max-width : 992px){div#carousel63a2ac281e1e7800137e378e{margin-bottom: -8px}.text-sub3 span{font-size: 22px}.text-contact1,.text-contact2{font-size: 18px}.box-contact{width: auto;margin: 0 4% 6%}.text-sub1{white-space: normal}.text-head1{font-size: 3.5rem}#background63a2b58b629d6c0013e71dac .col-sm-4{width: 25%}.text-sub2{font-size: 1.9rem;white-space: normal}.text-sub2 span{font-size: 1.4rem}.text-head1 span{font-size: 3.2rem}.text-sub1 span{font-size: 1.8rem}#formdisplay63a2bc541e1e7800137e3bdb{width: 75%}.bg-about .text-head2{font-size: 1.9rem}.TabItpContentLandingPage6{padding: 10px}}@media screen and (max-width : 480px){#imagesControl63a2ac281e1e7800137e378e{padding: 0 !important}.text-head2{font-size: 1.9rem}.pad-text1{margin: 0}#background63a2b58b629d6c0013e71dac .col-sm-4{width: 50%}#background63a2b58b629d6c0013e71dac img{width: 95% !important}.text-head3{font-size: 2.8rem}.pad-text1 .text-sub1{font-size: 1.7rem}.empty-space0{padding: 3%}#background63a2b666e2fd64001316dcd9 .col-md-12.col-sm-12.col-xs-12 .thumbs{margin-bottom: 0}#imagesControl63a2b684629d6c0013e71e20{padding: 10px 0 0 !important}#imagesControl63a2b720629d6c0013e71e43{padding: 0 !important}#imagesControl63a2b74c1e1e7800137e3ab9{padding: 0 10px !important}#formdisplay63a2bc541e1e7800137e3bdb{width: 100%}#btnview63a2bc541e1e7800137e3bdb{margin-left: 30%}#background63a41662e2fd6400131713a8 .col-md-6.col-sm-6.col-xs-12.padding:nth-child(1),#background63a41662e2fd6400131713a8 .col-md-6.col-sm-6.col-xs-12.padding:nth-child(2){width: 100%}.text-sub2 span{font-size: 2rem}#mainmenu63a2b660e2fd64001316dcd3 .text-sub2 span,#mainmenu63a2b715e2fd64001316dce9 .text-sub2 span{font-size: 1.5rem}.text-head1 span{font-size: 2.8rem}.text-sub1 span{font-size: 2.4rem}.bg-product{margin: 0}.text-sub1{font-size: 1.3rem}}#formdisplay63a2bc541e1e7800137e3bdb .col-md-offset-5,#formdisplay644a5366b5b35b001a7a71e7 .col-md-offset-5{margin-left: 0;width: 100%;text-align: center}