.itopplus-background{}body{font-size: 16px;overflow-x: hidden;color: #000000}a{color: #000000}a:hover{color: #1a5276}b,strong{font-weight: 600}.itopplus-bg2{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_12042023doo0/0/0/2z-z1218319813434.webp')}.itopplus-bg4{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_12042023doo0/0/0/4z-z1071731104398.webp')}.navbar-default .navbar-nav>li>a{color: #000;margin: 0 25px;padding: 5px 5px}.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: #000 !important;box-shadow: 0px 3px 0px 0px #922b21;border-radius: none;background: transparent;background-color: transparent}.dropdown-menu>li>a{color: #000;font-size: 1.1em}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color: #fff;background: #922b21}@media screen and (max-width : 992px){.navbar-default .navbar-toggle .icon-bar{background-color: #444 !important;color: #444 !important}#controlMenu,#controlMenu i,#controlMenu li a{color: #444 !important}.navbar-default{background: #fff}.navbar-header{display: flex;flex-direction: row-reverse;box-shadow: 0 0 10px rgba(0,0,0,.1);padding: 0 10px}.itopplus-logo img{position: fixed;object-fit: contain;width: 55px !important;top: 8px;left: 15px}}@media screen and (min-width : 1024px){.navbar-default{background: transparent}#controlPosition{margin-top: 4.5%;text-align: right}#controlBanner{object-fit: contain;padding: 15px;width: auto;margin: 0 auto}.no-js .itopplus-banner{position: sticky;top: 0;width: 100%;z-index: 100;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1)}ul.nav li.dropdown:hover > ul.dropdown-menu{display: block;margin: 0}}.modquee-contanier{display: flex;align-items: center;overflow: hidden;margin: 0 auto;height: 190px;width: 100%;gap: 20px}.modquee-box{display: flex;width: fit-content;animation: scroll 35s linear infinite;justify-content: space-around;gap: 20px}.modquee-box img{height: 150px;width: 150px;border-radius: 15px;border: 1px solid #ccc}@keyframes scroll{from{transform: translateX(0)}to{transform: translateX(-100%)}}#language_member_bar{position: fixed !important}.h1,h1{font-size: 4em;font-weight: 600;margin: 0}.h2,h2{font-size: 3em;font-weight: bold;margin: 0}.h3,h3{font-size: 2.2em;margin: 0}.h4,h4{font-size: 1.2em}.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: 0 0 0px;font-weight: 600}.itopplus-footer a{color: #fff}.itopplus-footer a:hover{color: #922b21}.icon-img-footer{display: flex;gap: 10px;width: 35%}.icon-img{transition: 0.5s}.icon-img:hover{transform: scale(1.1)}.footer-pd1{padding-left: 5%}.copy-right{padding: 10px 0 5%;font-size: 0.8em;text-align: left}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #2c3e50 !important;color: #2c3e50 !important;font-family: 'Onest',sans-serif !important}.buttonExampleSite:hover{background: #2c3e50 !important;color: #ffffff !important}.ITP-pdpa-template-titleFont{font-size: 1.2em !important;color: #2c3e50;padding-bottom: 0rem !important}.ITP-pdpa-template-contentFont{font-size: 1em !important}.itpPDPALandingPage{padding: 4% 2% 2%;font-family: 'Noto Sans Thai',sans-serif}.menuVertical .nav.nav-pills.nav-stacked{background-color: white;padding: 7px 5px 0}.menuVertical .nav-pills>li>a{color: #000;background-color: #fff;border-bottom: solid 1px #e7e7e7;padding: 15px 7px 15px 10px;border-radius: 0;font-size: 1em}.menuVertical .nav>li>a:hover,.menuVertical .nav>li>a:focus{color: #fff;background-color: #2c3e50;border-bottom: solid 1px #e7e7e7!important}.menuVertical .nav-stacked>li+li{border-bottom: solid 0px transparent}.menuVertical .nav-pills>li>a::before{}.menuVertical .dropdown-menu{position: relative;top: 100%;left: 0;z-index: 1000;min-width: 160px;width: 100%;padding: 10px 0px 10px 0px;margin: 2px 0 0;color: #fff;font-weight:normal;text-align: left;list-style: none;background-color: transparent;-webkit-background-clip: padding-box;background-clip: padding-box;border: none;border: none;border-radius: none;-webkit-box-shadow: none;box-shadow: none}.menuVertical .dropdown-menu>li>a::before{content: '▶';font-size: 10px;width: 100%;left: 4%;top: 36%}.no-js .menuVertical .dropdown-menu>li>a:hover{background-color: #2c3e50}.no-js .menuVertical .dropdown-menu>li>a{background-image: none;color: #ffffff !important;background-color: #2c3e50;margin-top: -12px;margin-bottom: 0px;border-top: 2px solid #ffffff;border-bottom: 2px solid #ffffff;padding: 15px 10px 20px 25px;white-space: inherit}.menuVertical .nav-pills>li>a .caret{float: right;margin-top: 10px}.menuVertical .nav .open>a,.menuVertical .nav .menuVertical .open>a:focus,.menuVertical .nav .menuVertical .open>a:hover{background-color: #2c3e50;border-color: #2c3e50;color: #fff!important}.service-bg{background: #2c3e50;color: #fff;padding: 15px;font-size: 1.2em}.about-head{white-space: pre-line;text-align: right;border-right: 2px solid #fff;margin: 0 15% 0 0;padding-right: 15%}.about-intro h4{font-size: 1.5em;margin: 0 0 5px}.about-detail{padding: 20% 0}.about-detail h2,.why-head h2,.menu-align h3{white-space: pre-line;color: #1a5276;text-transform: uppercase;margin: 0 0 20px;font-weight: bold}.about-detail h2 span,.why-head h2 span,.menu-align h3 span{color: #922b21}.service-head{text-align: right;padding: 25% 15% 0 0}.service-head h1{text-transform: uppercase}.service-border{border-bottom: 2px solid;width: 43%;margin: 7% 0 0 auto}.service-name{text-align: center;padding: 7% 0;font-size: 1.2em}.service-icon{width: 20%;margin: 0 10% -15% auto;position: relative;z-index: 1}.padding-pd{padding: 2%}.why-pic{width: 97%;margin-left: -12%}.why-head{padding: 15% 0 1%}.why-icon{transition: 0.5s}.why-icon:hover{transform: translateY(-10px)}.why-icon img{width: 75% !important;margin: 0 0 10%}.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}.menu-align{text-align: center;padding: 5% 0 2%}.menu-header{text-align: center;padding: 3% 0}.menu-header h2{font-weight: 600;text-transform: uppercase;font-size: 2.4em}.about-pd{padding: 3%}.about-detail-pd{padding: 0 5%}.about-detail-pd h2{font-size: 2.6em}.about-detail-pd h4{font-size: 1.4em;line-height: 1.2;font-weight: 600;margin: 0 0 15px}.about-border{border-bottom: 3px solid #922b21;margin: 20px 0;width: 20%}.about-detail2{padding: 4% 5% 0 2%}.coming-soon{width: 80%;margin: 0 auto}.article-btn{font-family: 'Noto Sans Thai',sans-serif;text-align: center}.article-btn h4{white-space: pre-line;line-height: 1.3;font-size: 1.3em;font-weight: 600}.btn-pdf{background: #922b21;color: #fff;font-size: 1.1em;border: none;padding: 9px 25px;margin: 10px 5px;border-radius: 5px;transition: 0.5s}.btn-pdf:hover{background: #2c3d50;color: #fff}.articles-vdo{text-align: center;padding: 1% 0;font-family: 'Noto Sans Thai',sans-serif}.service-detail{padding: 7% 1% 0}.service-detail h4{font-weight: 600;margin: 0 0 15px;font-size: 1.4em;color: #1a5276}.text-contact{}.padding-contact{padding: 10px 0}.text-contact h3{font-weight: 600;font-size: 2em;margin: 0 0 10px}.no-js #Component65b866ce926e380014f21d48 label,.no-js #Component65bb09dd6829690013828445 label{display: none!important}.no-js #Component65b866ce926e380014f21d48 .col-md-6,.no-js #Component65bb09dd6829690013828445 .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component65b866ce926e380014f21d48 .form-control,.no-js #Component65bb09dd6829690013828445 .form-control{border: 1px solid #eeeeee;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: 27px 20px;font-weight: 400;color: #373737!important}.no-js #Component65b866ce926e380014f21d48 .form-control:hover,.no-js #Component65bb09dd6829690013828445 .form-control:hover{border: 1px solid #922b21}.no-js #Component65b866ce926e380014f21d48 .form-control:focus,.no-js #Component65bb09dd6829690013828445 .form-control:focus{border: 1px solid #922b21;-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: #373737!important}.no-js #Component65b866ce926e380014f21d48 .btn,.no-js #Component65bb09dd6829690013828445 .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#4d4d4d 0,#4d4d4d 100%);background: #922b21;color: #fff;text-shadow: 0 0px 0 #282828;background-repeat: repeat-x;border-color: #0000;border-radius: 0px;padding: 10px 20px;font-size: 1em;font-weight: 400;border: 0px solid transparent}.no-js #Component65b866ce926e380014f21d48 .btn-default:active,.no-js #Component65bb09dd6829690013828445 .btn-default:active{background-color: #922b21}.no-js #Component65b866ce926e380014f21d48 .btn-default:hover,.no-js #Component65bb09dd6829690013828445 .btn-default:hover,.no-js #Component65b866ce926e380014f21d48 .btn-default:focus,.no-js #Component65bb09dd6829690013828445 .btn-default:focus{background-position: 0 0px;background-color: #922b21}.no-js #Component65b866ce926e380014f21d48 .col-xs-12.col-sm-5.col-md-5.padding,.no-js #Component65bb09dd6829690013828445 .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component65b866ce926e380014f21d48 span.label,.no-js #Component65bb09dd6829690013828445 span.label{font-size: 0.95em;font-weight: 300}.no-js #Component65b866ce926e380014f21d48 .ITPcheckboxAuthen,.no-js #Component65bb09dd6829690013828445 .ITPcheckboxAuthen{font-size: 0.9em;padding: 0 0 0 0}#iframe65b86d6b96ce320013afc9e9 iframe{height: 264px}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color: #922b21;border-color: #922b21}.pagination>li>a,.pagination>li>span{color: #922b21}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #922b21;background-color: #f7f7f7}@media only screen and (min-width : 1900px){body{font-size: 23px}.itopplus-footer{font-size: 18px}.ITPcookiebar,.buttonExampleSite{font-size: 16px !important}.no-js #Component65b866ce926e380014f21d48 .form-control,.no-js #Component65bb09dd6829690013828445 .form-control{padding: 31px 20px}}@media only screen and (max-width:1191px){.navbar-default .navbar-nav>li>a{margin: 0 10px}.h1,h1{font-size: 3.4em}.h2,h2{font-size: 2.4em}.itopplus-footer{font-size: 12px}.about-detail-pd h2{font-size: 2em}.about-detail-pd{padding: 7% 5%}.service-name{font-size: 1.1em}.text-contact h3{font-size: 1.5em}#iframe65b86d6b96ce320013afc9e9 iframe{height: 250px}}@media only screen and (min-width:768px) and (max-width:992px){.text-contact .col-sm-1{width: 13%}.text-contact .col-sm-11{width: 82%}}@media only screen and (max-width:900px){.h1,h1{font-size: 3em}.about-head{margin: 0 10% 0 0;padding-right: 10%}.itopplus-bg2{background-position: bottom}.copy-right{text-align: center}.coming-soon{margin: 0 auto 67%}.text-contact h3{font-size: 1.3em}#iframe65b86d6b96ce320013afc9e9 iframe{height: 230px}.itopplus-bg4{background-position: bottom}}@media only screen and (max-width:480px){#imagesControl65b753c276dbce00133128ed{padding: 0 !important}.about-head{margin: 0 15% 0 0;padding-right: 5%;text-align: left}.itopplus-bg2{background-position: right}.service-head{text-align: left;padding: 0% 0% 5% 0}.service-border{margin: 7% auto 0 0}.why-icon.col-md-4.col-sm-4.padding-col{width: 50%;display: inline-grid}.modquee-box img{height: 100px;width: 100px}.about-detail{padding: 10% 0}.menu-header h2{font-size: 2em}.btn-display{display: grid;grid-template-columns: repeat(2,1fr)}.btn-pdf{font-size: 1em;padding: 9px 15px;margin: 10px 5px}.no-js #Component65b866ce926e380014f21d48 .col-md-6,.no-js #Component65bb09dd6829690013828445 .col-md-6{padding: 0 15px}}#menu65b75eb89b27d5001373a7f4 .dropdown-menu,#menu65b75ee5c3b22d0013c498ec .dropdown-menu,#menu65b75eb89b27d5001373a7f4 .caret,#menu65b75ee5c3b22d0013c498ec .caret{display: none !important}a.Link1{color: #922b21;text-decoration: underline !important}a.Link2{color: #922b21;text-decoration: underline !important}a.Link1:hover{color: #2c3e50}a.Link2:hover{color: #2c3e50}