.itopplus-background{}body{font-size: 16px;overflow-x: hidden;color: #000000}a{color: #000000}a:hover{color: #022a2e}.itopplus-bg{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_19082024dxhj/0/0/1z-z1542090747860.webp")}.itopplus-bg2{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_19082024dxhj/0/0/2z-z878470631254.webp")}.navbar-default .navbar-nav > li > a{font-size: 1em;color: #fff;margin: 0 15px;padding: 5px 3px;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-radius: none;border-bottom: 3px solid #fdce5f;background: transparent;background-color: transparent}.dropdown-menu > li > a{font-size: 1.1em;color: #000;padding: 7px 20px}.no-js .dropdown-menu > li > a:focus,.no-js .dropdown-menu > li > a:hover{color: #fff;background: #012428}@media screen and (max-width: 992px){#controlBanner img{position: fixed;top: 10px;left: 10px;width: 60px !important;z-index: 10000}#nav-menu,#ItopplusMainSidebar > div{background: #012428 !important}#itpMenuSideBar span{background-color: #fff !important}#controlMenu *{color: #fff !important;border: none}}@media screen and (min-width: 1024px){.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}.itopplus-banner{background: #012428;transition: 0.3s;padding: 2% 0}.itopplus-sticky{background: #012428 !important}#controlBanner{object-fit: contain;padding: 15px;width: 100%;min-width: auto;margin: 0 auto}#nav-menu{display: grid;justify-content: center;background: transparent;min-height: auto}.itopplus-logo{display: none}ul.nav li.dropdown:hover > ul.dropdown-menu{display: block;margin: 0}.dropdown-menu{border: none;border-radius: 10px !important}}.h1,h1{font-size: 3.8em;font-weight: 700}.h2,h2{font-size: 2.8em;font-weight: 600}.h3,h3{font-size: 1.8em;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}.itopplus-footer{font-size: 14px}.itopplus-footer h4{margin: 0px 0 3px;font-weight: 600;font-size: 1.1em}.itopplus-footer a{color: #ffffff}.itopplus-footer a:hover{color: #f7d159}.footer-pd{padding: 0 5%}.footer-logo{width: 50%;margin: 0 auto}.footer-icon-img{display: flex;gap: 10px;width: 50%;justify-content: center;margin: 20px auto 0}.icon-img{transition: 0.5s}.icon-img:hover{transform: scale(1.1)}.copy-right{font-size: 0.9em}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #022a2e !important;color: #022a2e !important;font-family: "Noto Sans Thai",sans-serif !important}.buttonExampleSite:hover{background: #022a2e !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%}.menu-align{text-align: center;padding: 7% 0 1%}.menu-align h1{color: #022a2e;margin: 0}.menu-border{border-bottom: 5px solid #e3ce8e;width: 8%;margin: 20px auto}.service-bg1,.service-bg2{background: #fff;display: grid;grid-template-columns: repeat(2,1fr);align-items: center;margin-bottom: 5%}.service-block1{text-align: right;padding: 10% 15%}.service-block1 h1{color: #e8e8e8;font-family: "Taviraj",serif;font-size: 7em;font-weight: 600;margin: 0}.service-block1 h2{color: #022a2e;margin: 10px 0}.service-block1 h3{font-family: "Montserrat",sans-serif;margin: 0 0 50px;font-weight: 500}.service-block2{overflow: hidden;position: relative}.service-bg1 .service-block2 img,.service-bg2 .service-block2 img{transition: 0.5s;overflow: hidden;position: relative}.service-bg1 .service-block2:hover img,.service-bg2 .service-block2:hover img{transform: scale(1.1)}.btn-detail{background: #e3ce8e;color: #000;font-family: "Montserrat",sans-serif;border: none;padding: 8px 20px;font-size: 0.9em;font-weight: 500;transition: 0.5s}.btn-detail:hover{background: #022a2e;color: #fff}.padding-pd{padding: 2%}.padding-pd2{padding: 5%}figure.effect-oscar{background: transparent}figure.effect-oscar figcaption::before{border: 0px solid #fff}figure.effect-oscar figcaption{background-color: rgba(2,51,56,0.6)}figure.effect-oscar:hover figcaption{background-color: rgba(2,51,56,0.6)}figure.effect-jazz{background: transparent;border-radius: 0 15% 0 0}figure.effect-jazz figcaption::after{border-top: 0px solid #fff;border-bottom: 0px solid #fff}.about-us{padding: 15% 0 15% 18%}.about-us h1{color: #f7d159;margin: 0}.about-us h4{font-size: 1.3em;font-weight: 500;margin: 10px 0 0}.about-border{border-bottom: 5px solid #f7d159;width: 19%;margin: 30px 0}.about-block{width: 40%;padding: 25% 0 55%}.about-block h1{font-size: 8em;color: #deb033;font-family: "Cormorant Garamond",serif;margin: 0}.about-block h2{font-family: "Cormorant Garamond",serif;color: #deb033;font-weight: 500;text-transform: uppercase;margin: 0 0 20px}figure.effect-phoebe{background: transparent}figure.effect-phoebe h2{margin-top: 5em;transform: translate3d(0,0px,0);font-size: 1.3em;font-family: "Cormorant Garamond",system-ui;font-weight: 300}figure.effect-phoebe img{opacity: 1;transition: 0.5s}figure.effect-phoebe:hover img{transform: scale(1.1)}.consult-head h1{margin: 0;font-size: 5em}.consult-head h3{margin: 0}.CASS-D-border{width: 65%;background: rgba(255,255,255,0) !important;margin: 12% auto 0}.CASS-C-head,.CASS-D-head{font-family: "Noto Sans Thai",sans-serif;color: #f7d159}.CASS-D-head h3{font-size: 2em;padding-left: 0px;text-align: center}.CASS-D-border .form-control{border: none;background-color: transparent;border-bottom: 2px solid #c0c0c0;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 0px 15px;font-weight: 500;color: #b2b2b2 !important}.CASS-D-border .form-control::placeholder{color: #b2b2b2 !important}.CASS-D-border .form-control:hover{border-bottom: 2px solid #f7d159}.CASS-D-border .form-control:focus{border-bottom: 2px solid #f7d159;-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: #b2b2b2 !important}.CASS-D-border .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#4d4d4d 0,#4d4d4d 100%);background: #f7d159;color: #000;text-shadow: 0 0px 0 #282828;background-repeat: repeat-x;border-color: #0000;border-radius: 0px;padding: 8px 15px;font-weight: 500;font-size: 0.8em;font-family: "Montserrat",sans-serif;border: 0px solid transparent}.CASS-D-border .btn-default:active{background-color: #f7d159}.CASS-D-border .btn-default:hover,.CASS-D-border .btn-default:focus{background-position: 0 0px;background-color: #f7d159}.CASS-D-border .ITPcheckboxAuthen{font-size: 0.95em;color: #fff;text-align: left !important;padding-left: 3%}.CASS-D-border .col-md-offset-5.col-md-1.col-sm-12{margin-left: 32%}span#customAcceptPolicyText1,span#contactUsAcceptPolicyText2{color: #fff}span#contactUsAcceptPolicyText2{display: block;font-weight: 600}.CASS-D-border #editor1,.CASS-D-border #editor2,.CASS-D-border #editor3,.CASS-D-border #editor4,.CASS-D-border #editor5,.CASS-D-border #editor6{display: none}.CASS-D-middle-mid{padding: 15px 0}div#form66fe1a6fe3492500138218a3,div#form670394fb92d1610013458057{padding: 0 !important}.grid figure h2{word-spacing: normal;font-weight: 400}figure.effect-oscar h2{margin: 7% 0 !important;-webkit-transform: translate3d(0,0%,0);transform: translate3d(0,0%,0);font-weight: 600 !important;text-shadow: 1px 1px 1px #f3ca50}.about-block-pd .about-block{width: 100%;padding: 0% 0% 3% 8%}.about-block-pd h4{line-height: 1.2;margin: 0 0 20px;font-size: 1.45em}.thumbnail{padding: 0px !important;margin-bottom: 20px;border: 0px solid #ddd;border-radius: 0px;box-shadow: none}.thumbnail .imageWidth.imageGallery{transform: scale(1);transition: 0.5s}.thumbnail .imageWidth.imageGallery:hover{transform: scale(1.1)}.thumbnail .imgLightbox{position: relative !important;overflow: hidden !important;width: 100% !important}.team-block{padding: 5% 3%}.team-block h3{white-space: pre-line;color: #bfbfbf;font-size: 1.3em;line-height: 1.2;font-style: italic;margin: 0 0 20px;font-weight: 500;min-height: 3.5em}.team-block h2{white-space: pre-line;font-size: 1.1em;color: #012428;margin: 0px 0 0;line-height: 1.2;min-height: 85px}.team-block h2 span{font-size: 1.4em;font-weight: 700}.team-block h4,.team-block2 h4{font-size: 1.1em;margin: 20px 0 10px}.text-more{font-weight: 600;color: #deb033;font-size: 0.9em}.text-more2{min-height: 1.3em}.service-block-pd{padding: 6%}.service-block h3{color: #022a2e;margin: 0}.service-block-border{border-bottom: 3px solid #f7d159;width: 10%;margin: 20px 0}.service-block h4{margin: 30px 0 10px}.service-block strong{font-weight: 600;font-size: 1.1em}.effect-sadie{}figure.effect-sadie figcaption::before{background: linear-gradient(to bottom,rgba(2,42,46,0) 0,#022a2e 100%)}figure.effect-sadie p{z-index: 1;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;text-transform: initial;font-weight: 400;background: linear-gradient(to bottom,rgba(2,42,46,0) 0,#022a2e 100%)}.grid figure p{letter-spacing: 0px;font-size: 1em}figure.effect-sadie h2,figure.effect-sadie:hover h2{position: relative;color: #ffffff;-webkit-transform: translate3d(0,0%,0);transform: translate3d(0,0%,0)}.service-name{text-align: center;padding: 2% 0}.service-name .btn-detail{font-size: 0.7em;margin-top: 15px}.text-contact{text-align: center}.contact-block4{display: grid;grid-template-columns: repeat(4,1fr);gap: 10px;margin: 20px 0}.contact-bg2{display: grid;grid-template-columns: 40px auto;gap: 10px;align-items: center;background: #eee;border-radius: 50px;padding: 7px;line-height: 1.2;text-align: left}.contact-bg2:hover{background: #012428;color: #fff}#iframe67039d497fe48700136c0095 iframe{border-radius: 20px}#Component67170fe205d23900138f5a50,#Component671b0bccb77fba00139d5030{width: 65%;margin: 0 auto}.team-block2{padding: 0 3% 8%}.team-block2 h2{font-size: 1em;color: #012428;margin: 20px 0;line-height: 1.3}.team-block2 h2 span{font-size: 1.2em;font-weight: 700}#background670353114065330013524158 .bootstrap-collum div{justify-content: center}.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus{background-color: #f3ca50;border-color: #f3ca50}.pagination > li > a,.pagination > li > span{color: #f3ca50}.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus{color: #f3ca50;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}.CASS-D-border .form-control{padding: 35px 0px 20px}.CASS-D-border .ITPcheckboxAuthen{padding-left: 2%}.itopplus-footer{font-size: 18px}.ITPcookiebar,.buttonExampleSite{font-size: 16px !important}.team-block2{min-height: 125px}.padding-pd2{padding: 8%}.about-block{padding: 30% 0 55%}.team-block h2{min-height: 100px}}@media only screen and (min-width: 1024px) and (max-width: 1200px){.navbar-default .navbar-nav > li > a{margin: 0 8px}.container{padding: 0}}@media only screen and (max-width: 1191px){.h1,h1{font-size: 3em}.h2,h2{font-size: 2.3em}.h3,h3{font-size: 1.6em}.about-block h1{font-size: 7em}.about-us{padding: 5% 0 3% 18%}.service-block1{padding: 10% 8%}.CASS-D-border{width: 85%;margin: 5% auto 0}.CASS-D-border .form-control{padding: 20px 0px 10px}.itopplus-footer{font-size: 12px}.about-block{padding: 15% 0 40%}figure.effect-phoebe h2{margin-top: 4em;font-size: 1em}.about-block-pd .about-block{width: 100%;padding: 0 5% 5% 0}.about-block-pd h4{font-size: 1.3em}.team-block h3{font-size: 1.1em}.team-block h2 span{font-size: 1.3em}figure.effect-oscar h2{margin: 5% 0 !important}.grid figure p{font-size: 0.9em}.contact-bg2{font-size: 0.9em}.team-block2{min-height: 95px;font-size: 0.8em}.itopplus-bg{background-size: cover}.team-block h2{white-space: inherit}}@media only screen and (max-width: 900px){.service-block1 h1{font-size: 5em}.service-block1 h2{font-size: 2em}.about-us{padding: 5% 0 0% 5%}.about-us h4{font-size: 1.1em}.h1,h1{font-size: 2.6em}.itopplus-bg{background-size: cover}.about-block{padding: 15% 0 25%}.about-block h2{font-size: 1.8em}.about-block h1{font-size: 5em}.CASS-D-main div{padding: 0 !important}.CASS-D-head h3{font-size: 1.7em}figure.effect-phoebe h2{margin-top: 2em;font-size: 0.9em}.about-block-pd h4{font-size: 1em}.team-block h3{white-space: inherit;font-weight: 500;min-height: 5em}.copy-right{text-align: center}#Component67170fe205d23900138f5a50,#Component671b0bccb77fba00139d5030{width: 80%}}@media only screen and (max-width: 480px){.itopplus-slide div{padding: 0 !important}.service-bg1,.service-bg2{grid-template-columns: repeat(1,1fr)}.service-bg2{display: flex;flex-direction: column-reverse}.service-block1{width: 100%;background: #012428;color: #ffffff;margin-bottom: 20px;border-radius: 50px 0}.about-block{width: 100%;padding: 15% 0 100%}.CASS-D-head h3{font-size: 1.6em}span#contactUsAcceptPolicyText2{display: inline}.CASS-D-border .col-md-offset-5.col-md-1.col-sm-12{margin-top: 20px}.grid figure figcaption{padding: 1em}figure.effect-oscar h2{margin: 1% 0 !important;font-size: 1.2em}.about-block-pd .about-block{padding: 0 0% 5% 0}.team-block h3{min-height: 3em}.contact-block4{grid-template-columns: repeat(1,1fr)}.contact-bg2{font-size: 1em}.service-block1 h2{color: #ffffff}.service-block1 h1{color: #f7d159}#Component67170fe205d23900138f5a50,#Component671b0bccb77fba00139d5030,#Component67c51fc895eff6001aa3927f,#Component67c51fc895eff6001aa39287{width: 100% !important}.team-block2{height: inherit;font-size: 1em}figure.effect-oscar{margin-bottom: -35px !important}.menu-align-mb{white-space: pre-line}}.service-bg1 > div:last-child{border-top-right-radius: 15%;overflow: hidden}.service-bg2 > div:first-child{border-top-left-radius: 15%;overflow: hidden}