.itopplus-background {

}
body {
  overflow-x: hidden;
}

* {
  box-sizing: border-box;
}

.itopplus-bg {
  background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_20062023gxkh/0/0/535457966628274244jhpf397774745800z-z1586541750730.webp");
  background-position: center;
}

.itopplus-bg2 {
  background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_20062023gxkh/0/0/2z-z544412377604.webp");
}

.itopplus-bg2 {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.navbar-default .navbar-nav > li > a {
  color: #000;
  margin: 0 0;
  padding: 10px 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: #000 !important;
  box-shadow: none;
  border-radius: none;
  background: transparent;
  background-color: transparent;
}

.dropdown-menu > li > a {
  color: #000;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  color: #000;
  background: #e8e8e8;
}

@media screen and (max-width: 992px) {
  #controlBanner img {
    position: fixed;
    top: 12px;
    left: 10px;
    width: 150px !important;
    z-index: 110;
  }

  #nav-menu,
  #ItopplusMainSidebar > div {
    background: #fff !important;
  }

  #itpMenuSideBar span {
    background-color: #444 !important;
  }

  #controlMenu * {
    color: #444 !important;
    border: none;
  }
}

@media screen and (min-width: 1024px) {
  #controlBanner {
    object-fit: contain;
    padding: 0;
    width: 60%;
    min-width: 200px;
    margin: 0 auto;
    position: relative;
    left: -15%;
  }

  #nav-menu {
    text-align: right;
    background-color: transparent;
  }

  .no-js .itopplus-banner {
    position: sticky;
    top: 0;
    z-index: 110;
  }

  .itopplus-banner {
    display: grid;
    grid-template-columns: 20% 80%;
    height: 100px;
    padding: 0 6vw;
    align-items: center;
    background: #fff;
  }
}

@media screen and (min-width: 1366px) {
}

@media screen and (min-width: 1900px) {
}

@media screen and (max-width: 900px) {
}

@media screen and (max-width: 480px) {
}

/************font-size***************/

.navbar-default .navbar-nav > li > a {
  font-size: 16px;
}

h1 {
  font-size: 4.125em;
}

h2 {
  font-size: 3.6em;
}

h3 {
  font-size: 3.2em;
}

h4,
h3.managerHeader {
  font-size: 2.4em;
}

h5 {
  font-size: 2em;
}

h6 {
  font-size: 1.6em;
}

p,
.pre-news h6,
.dropdown-menu > li > a,
.pre-product p,
.question-page p,
.form-quatation span,
.page-agent p,
.join-us p,
.form-work span,
.form-back span,
.form-file span,
.product-question p,
.pre-product-show p,
.pre-product-show li,
.table-product > tbody > tr > td {
  font-size: 16px;
}

.nav-template7 li a {
  font-size: 16px !important;
}

.pre-product-show h6 {
  font-size: 20px;
}

.table-product > thead > tr > th {
  font-size: 18px;
}

.btn-more,
.btn-more2,
.pre-news p,
div#Component6682354fc3321c00130f417e button,
div#Component66c2a8744200a80013a73304 button,
div#Component66825bc72a0ae10013312976 button,
div#Component6685064e9e47310013f0313f button,
div#Component66851b542d6be400133e6336 button,
div#Component67529e5065175c001adf83cf button,
.btn-view,
div#formdisplay6685064e9e47310013f0313f .btn-success,
.footer p {
  font-size: 14px;
}

.pt-3 {
  padding-top: 3%;
}

.pt-5 {
  padding-top: 5%;
}

.pt-8 {
  padding-top: 8%;
}

/**************master-page*****************/

.copy-right p {
  font-size: 14px;
  text-align: right;
}

.footer-sub {
  display: grid;
  justify-content: space-between;
  align-items: center;
  grid-template-columns: 67% 33%;
  padding: 2% 0;
  border-top: 1px solid #d2d2d7;
  margin-top: 3%;
}

.social-footer ul {
  list-style: none;
  padding: 0;
  display: flex;
  gap: 10px;
  margin: 0;
}

.media-footer {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  width: 27%;
}

.call-footer {
  display: grid;
  grid-template-columns: 25px auto;
  align-items: center;
  gap: 10px;
}

.logo-footer {
  width: 20%;
}

.social-footer li:before {
  content: "|";
  position: absolute;
  right: -9px;
  top: 5px;
}

.social-footer li {
  position: relative;
  padding: 0 1%;
}

.social-footer li:last-child:before,
div#Component6682354fc3321c00130f417e .glyphicon,
div#Component66c2a8744200a80013a73304 .glyphicon,
div#Component67529e5065175c001adf83cf .glyphicon,
.Text_seller2,
div#Component66824bbfc3321c00130f42df .pagination,
div#Component66825bc72a0ae10013312976 .glyphicon,
div#Component6685064e9e47310013f0313f .glyphicon {
  display: none;
}

.footer p,
.about-page hr,
.service-page h6,
.product-page ul {
  margin-bottom: 3%;
}

.footer h6 {
  color: #212121;
  font-weight: 600;
  margin-bottom: 5%;
}

.footer a,
.footer-sub a {
  color: #5b5b5b;
}

.footer a:hover,
.footer-sub a:hover,
.text-blue,
.product-page2 a:hover,
.product-page a:hover,
.news-contact a:hover,
.page-agent a:hover,
.contact-work a:hover,
.sect-dowload a,
.service-page a:hover,
.news-detail a:hover,
.branch-page a:hover,
.pre-product-show h6 {
  color: #0071e3;
}

.sect-about ul {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  justify-content: center;
  margin-bottom: 2%;
}

.sect-about {
  text-align: center;
  padding-bottom: 37%;
}

.sect-about h2 {
  font-family: "DM Sans", sans-serif;
  margin-bottom: 3%;
  font-weight: 700;
  letter-spacing: 3px;
}

.sect-about li h3 {
  color: #0071e3;
  font-weight: 700;
  margin-bottom: 3%;
}

.sect-about h6,
.news-detail h6,
.news-contact h6,
.product-detail h5,
.page-edit h2 {
  font-weight: 600;
}

.btn-more,
.btn-more2,
div#Component6682354fc3321c00130f417e button,
div#Component66825bc72a0ae10013312976 button,
div#Component6685064e9e47310013f0313f button,
div#Component66851b542d6be400133e6336 button,
div#Component66c2a8744200a80013a73304 button,
div#Component67529e5065175c001adf83cf button {
  width: fit-content;
  background: #0071e3;
  padding: 1rem 2.5rem;
  border-radius: 30px;
  color: #fff;
  margin: auto;
  transition: transform 0.2s ease-out;
}

.btn-more2 {
  background: #1a1a1a;
}

.sect-product {
  text-align: center;
  position: absolute;
  padding-top: 25px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: #212121;
  width: 100%;
  height: 100%;
}

.sect-promaxx {
  background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_20062023gxkh/707/0/Layer-3z-z1564229768535.webp);
  background-repeat: no-repeat;
  background-position: center;
}

.logo-product img {
  border-radius: 10px;
}

.logo-product {
  width: 9%;
  position: absolute;
  right: 20px;
  bottom: 20px;
  overflow: hidden;
  border-radius: 10px;
}

.btn-white .btn-more {
  background: #fff;
  color: #0071e3;
}

.text-white,
.form-more h5 {
  color: #fff;
}

.text-product p,
.sect-follow,
.news-detail img,
.news-contact h6,
.head-page h4 {
  margin-bottom: 2%;
}

.text-product h4 {
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  font-size: 38px;
}

.fw-semi,
.form-first h5,
.sect-follow h3,
.sect-follow h5,
.sect-news h3,
.pre-news h6,
.page-agent h6,
.service-page h5,
.service-page h6,
.pre-product h6,
.product-page2 h6,
.product-page h6,
.product-question h6,
.product-page3 h6,
.head-page h4,
.pre-product-show h6 {
  font-weight: 600;
}

.fw-bold,
.head-page h3,
.page-agent h5,
.contact-add h4,
.product-page h4,
.product-page3 h5,
.question-page h5 {
  font-weight: 700;
}

.sect-hardware h2 {
  margin-bottom: 3%;
  line-height: 64px;
}

.sect-hardware {
  text-align: center;
  padding-top: 5%;
  padding-bottom: 40%;
}

figure.effect-jazz figcaption::after {
  border: none;
}

figure.effect-jazz,
figure.effect-oscar figcaption {
  background: transparent;
}

div#Component66822c25ccb8ee0013d8f76f {
  padding-right: 5%;
}

.form-first,
.sect-follow,
.head-page,
.product-page2,
h3.managerHeader,
.contact-work,
.form-more h5,
.product-page4,
.page-edit {
  text-align: center;
}

.form-first h6 {
  line-height: 34px;
}

.sect-news h3,
.pre-news h6,
.product-page2 a,
.product-page a,
.news-contact a,
.page-agent a,
.contact-work a,
.sect-dowload a:hover,
.service-page a,
.news-detail a,
.branch-page a,
.product-page2 {
  color: #212121;
}

.pre-news {
  text-align: left;
  padding: 4%;
}

.border-top {
  border-top: 1px solid #d2d2d7;
}

div#Component6682354fc3321c00130f417e .form-control,
div#Component66c2a8744200a80013a73304 .form-control,
div#Component67529e5065175c001adf83cf .form-control {
  box-shadow: none;
  border: 1px solid #bdbdbd;
  border-radius: 8px;
  height: 37px;
  margin-top: 3px;
}

div#Component6682354fc3321c00130f417e input.form-control,
div#Component66c2a8744200a80013a73304 input.form-control,
div#Component67529e5065175c001adf83cf input.form-control {
  margin-bottom: 1rem;
}

div#capcha6682354fc3321c00130f417e,
div#Component66b42cb663eb2f00133627bc .thumbs {
  margin: 0;
}

div#Component6682354fc3321c00130f417e .col-md-offset-5,
div#Component66c2a8744200a80013a73304 .col-md-offset-5,
div#Component67529e5065175c001adf83cf .col-md-offset-5 {
  margin-left: 0;
  text-align: center;
  width: 100%;
}

div#Component6682354fc3321c00130f417e button,
div#Component66c2a8744200a80013a73304 button,
div#Component67529e5065175c001adf83cf button {
  text-shadow: none;
  border: none;
}

div#Component66824bbfc3321c00130f42df .img,
div#Component6682546b05f177001372dc70 .img,
div#Component6682575305f177001372dea1 .img {
  border-radius: 15px;
  background-size: cover !important;
}

div#Component66850c3f51db950013c3071a .img {
  background-size: cover !important;
}

div#Component66824bbfc3321c00130f42df .Contentmanager .template1 .template-panel,
div#Component6682546b05f177001372dc70 .Contentmanager .template1 .template-panel,
div#Component6682575305f177001372dea1 .Contentmanager .template1 .template-panel {
  padding-bottom: 100%;
}

.pre-news h6 {
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.pre-news p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 65px;
  margin-bottom: 0;
}

.btn-view {
  width: fit-content;
  color: #0071e3;
  padding: 1rem 0;
}

.head-page h3 {
  margin-bottom: 2%;
  font-family: "DM Sans", "Noto Sans Thai", sans-serif;
}

.head-page h5 {
  margin-bottom: 1%;
}

.about-page p {
  line-height: 26px;
  margin-bottom: 2%;
}

.mb-4 {
  margin-bottom: 4%;
}

.about-page {
  padding-bottom: 50%;
}

.template1 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(clamp(130px, 22%, 30vw), 1fr));
  gap: 30px;
}

.template1 > div {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

div#Component6682546b05f177001372dc70 .col-md-4.col-sm-4.col-xs-12,
div#Component6682575305f177001372dea1 .col-md-4.col-sm-4.col-xs-12 {
  box-shadow: 0 4px 8px rgb(0, 0, 0, 0.1);
  margin-bottom: 2%;
}

.img-agent {
  width: 75%;
  margin: auto;
}

.page-agent {
  padding-top: 3%;
  padding-left: 3%;
}

hr {
  border-color: #d2d2d7;
}

.service-page p,
.news-detail p {
  margin-bottom: 3%;
  line-height: 28px;
}

.contact-add li {
  display: grid;
  grid-template-columns: 30px auto;
  gap: 10px;
  align-items: center;
}

.contact-add ul {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.contact-add {
  display: grid;
  grid-template-columns: 27% auto;
  gap: 20px;
  background: #fff;
  padding: 1%;
  width: 60%;
  margin: auto;
  align-items: center;
}

.pre-product,
.pre-product-show {
  color: #212121;
  padding: 2% 0;
  font-family: "DM Sans", "Noto Sans Thai", sans-serif;
}

.pre-product .btn-more2 {
  margin-top: 5%;
}

div#Contentmanager .img {
  background-repeat: no-repeat;
  background-position: center !important;
  background-size: contain;
}

.Textmanager {
  display: flow-root;
  text-align: left;
}

.sect-dowload {
  display: flex;
  align-items: center;
  gap: 40px;
}

.pdf-more {
  display: grid;
  grid-template-columns: 35px auto;
  gap: 7px;
  align-items: center;
  position: relative;
  width: fit-content;
  background: #1a1a1a;
  padding: 0.5rem 2rem;
  border-radius: 30px;
  color: #fff;
}

.pdf-more2 {
  display: grid;
  grid-template-columns: 35px auto;
  gap: 7px;
  align-items: center;
  width: fit-content;
  background: #1a1a1a;
  padding: 0.5rem 2rem;
  border-radius: 30px;
  color: #fff;
}

.Contentmanager .template1 .template-panel {
  padding-bottom: 70%;
}

.product-page h4,
.product-page2,
.download-app,
.product-question,
.product-page3,
.product-page,
.head-page,
.question-page,
h3.managerHeader,
.news-contact,
.branch-page,
.product-page4,
.page-edit-hardware {
  font-family: "DM Sans", "Noto Sans Thai", sans-serif;
}

.product-page li,
.product-question li,
.product-page3 li,
.product-detail li {
  margin-bottom: 1rem;
}

.product-page2 .btn-more a {
  color: #fff;
}

.product-page2 .btn-more {
  margin-left: 0;
  margin-top: 3%;
}

div#Component6683dfbe51db950013c2f017 {
  width: 70%;
}

.download-app li {
  text-align: center;
}

.download-app ul {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: center;
  gap: 20px;
  width: 50%;
  margin: auto;
}

figure.effect-oscar figcaption::before,
figure.effect-oscar p {
  opacity: 1;
  -webkit-transition: none;
  transition: none;
  -webkit-transform: inherit;
  transform: inherit;
}

figure.effect-oscar figcaption::before {
  border: none;
}

figure.effect-oscar h2 {
  margin: 0;
  -webkit-transition: none;
  transition: none;
  -webkit-transform: inherit;
  transform: inherit;
}

.grid figure h2 {
  word-spacing: 0;
  font-weight: unset;
}

figure.effect-oscar figcaption {
  padding: 0;
  text-transform: none;
}

.grid figure p {
  letter-spacing: 0;
  font-size: unset;
}

.text-product p {
  font-size: 18px !important;
  line-height: 28px;
  margin-bottom: 2% !important;
}

figure.effect-oscar:hover img {
  opacity: 1;
}

figure.effect-oscar:hover h2 {
  -webkit-transform: none;
  transform: none;
}

figure.effect-oscar img {
  opacity: 1;
  -webkit-transition: none;
  transition: none;
}

div#Component6684bb2a9e47310013f020f0 .col-md-6.col-sm-6.col-xs-6,
div#Component6684b905581f670013ad79f9 .col-md-6.col-sm-6.col-xs-6,
div#Component6684bea9fcfad5001347894f .col-md-4.col-sm-4.col-xs-4,
div#Component6684ebad51db950013c2ffda .col-md-4.col-sm-4.col-xs-4 {
  padding: 0 10px !important;
}

.btn-merg {
  display: flex;
  gap: 10px;
}

.download-app img {
  transition: transform 0.2s ease-out;
}

.download-app img:hover {
  transform: scale(0.95);
}

.product-page h6 {
  line-height: 34px;
  margin-bottom: 1rem;
}

.product-question h5 {
  background: #f7f7f7;
  padding: 15px;
  border-radius: 10px;
  font-weight: 700;
  margin-bottom: 2%;
}

.product-question ul,
.product-page3 ul,
.product-page ul,
.product-page ol {
  margin-bottom: 3%;
}

.pt-20 {
  padding-top: 20%;
}

.pt-15 {
  padding-top: 15%;
}

.pt-10 {
  padding-top: 10%;
}

.product-question h6,
.product-page h6 {
  margin-top: 2%;
}

.nav-template7 > li {
  border: none;
  padding: 0;
  margin-bottom: 1%;
  background: transparent;
  border-radius: 10px;
}

.nav-template7 li .fa-plus:before {
  content: "？";
  color: #0071e3;
}

.nav-template7 li > a {
  font-size: 18px !important;
  width: 100%;
  padding: 1.5rem;
}

.nav-template7 li > a > strong {
  font-weight: 400;
}

.question-page img {
  width: 50% !important;
  margin-bottom: 3%;
}

.question-page ol > li {
  list-style: auto;
  border: none;
}

.nav-template7 li:hover {
  background-color: transparent;
}

.question-page ul > li,
.join-us ul > li {
  list-style: disc;
  border: none;
}

div#formdisplay66825bc72a0ae10013312976 .form-control,
div#formdisplay6685064e9e47310013f0313f .form-control {
  box-shadow: none;
  border: 1px solid #ddd;
  margin-bottom: 1.5rem;
  margin-top: 5px;
}

.form-quatation h6 {
  margin: 0;
  margin-top: 3%;
  font-weight: 600;
}

div#Component66825bc72a0ae10013312976 .col-md-offset-5,
div#Component6685064e9e47310013f0313f .col-md-offset-5,
div#Component66851b542d6be400133e6336 .col-md-offset-3 {
  margin-left: 0;
  width: 100%;
  text-align: center;
}

div#Component66825bc72a0ae10013312976 button,
div#Component6685064e9e47310013f0313f button,
div#Component66851b542d6be400133e6336 button {
  background-image: none;
  text-shadow: none;
  border: none;
}

.page-header {
  padding-bottom: 0;
  margin: 3% 0 0;
  border-bottom: none;
}

.post-time,
.fbcomments,
.landingpagemanager {
  display: none;
}

div#Component66824bbfc3321c00130f42ea .img-thumbnail,
div#Component66824bbfc3321c00130f42ea .thumbnail {
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.news-detail {
  padding-top: 4%;
  padding-left: 3%;
}

.news-detail li p,
.news-contact li p {
  margin-bottom: 0.5rem;
}

.news-detail ol {
  margin-bottom: 5%;
}

.news-contact li,
.benefit li {
  background: #f5f5f7;
  padding: 5%;
}

.news-contact ul,
.benefit ul {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.benefit ul {
  grid-template-columns: repeat(3, 1fr);
}

.news-detail .btn-more {
  margin-left: 0;
}

div#Component6684fb9d581f670013ad87a0 .nav-template7 li .fa-plus:before,
div#Component668500a32d6be400133e5f44 .nav-template7 li .fa-plus:before {
  content: "➤";
}

.contact-work li {
  display: grid;
  grid-template-columns: 30px auto;
  align-items: center;
  gap: 10px;
  justify-content: center;
}

.contact-work ul {
  list-style: none;
  padding: 0;
  width: 60%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin: auto;
  margin-bottom: 2%;
}

.contact-work h6 {
  line-height: 30px;
  font-size: 18px;
}

div#formdisplay6685064e9e47310013f0313f .btn-success {
  background-image: none;
  text-shadow: none;
  border-radius: 30px;
  border: none;
  background: #1d1d1d;
  margin-top: 2px;
  padding: 0.5rem 2rem;
}

.pre-contact h6 {
  color: #212121;
  line-height: 26px;
  margin-bottom: 0;
}

.pre-contact {
  text-align: left;
}

.branch-page ul {
  list-style: none;
  padding: 0;
  margin-top: 2%;
}

.branch-page li {
  display: grid;
  grid-template-columns: 28px auto;
  gap: 10px;
  align-items: center;
  margin-bottom: 1rem;
}

.social-share {
  position: absolute;
  top: -85px;
  right: 0;
}

.pe-20 {
  padding-left: 20%;
}

.tab-itp-background {
  padding: 0 !important;
}

.TabItpContentLandingPage2 > ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.TabItpContentLandingPage2 .nav-justified > li {
  width: 24.33% !important;
}

.TabItpContentLandingPage2 > ul > li > a > span {
  font-size: 16px !important;
}

div#Component66850c3f51db950013c3071a .img-thumbnail,
div#Component66850c3f51db950013c3071a .thumbnail {
  padding: 0;
  border: none;
  box-shadow: none;
}

.TabItpContentLandingPage2 > ul > li.active > a,
.TabItpContentLandingPage2 > ul > li > a:hover {
  border-color: #0071e3 !important;
}

div#Component66851b329e47310013f033fe .imgLightbox img {
  height: 500px;
  object-fit: cover;
}

div#Component66851b542d6be400133e6336 .col-xs-12.col-sm-3.col-md-3 {
  display: none !important;
}

div#Component66851b542d6be400133e6336 .col-xs-12.col-sm-6.col-md-6 {
  width: 100%;
}

div#Component66851b542d6be400133e6336 {
  padding: 0 3%;
}

div#Component66851b542d6be400133e6336 input::placeholder,
div#Component66851b542d6be400133e6336 textarea::placeholder {
  color: #fff !important;
}

div#Component66851b542d6be400133e6336 .form-control {
  border: none;
  border-radius: 0;
  background: transparent;
  color: #fff !important;
  border-bottom: 1px solid #fff;
  margin-bottom: 1rem;
  height: 40px;
}

.form-more h5 {
  margin-top: 7%;
}

div#Component66851b542d6be400133e6336 .form-control:focus {
  box-shadow: none;
}

.btn-more:hover,
div#Component6682354fc3321c00130f417e button:hover,
div#Component66825bc72a0ae10013312976 button:hover,
div#Component6685064e9e47310013f0313f button:hover,
div#Component66851b542d6be400133e6336 button:hover,
div#Component66c2a8744200a80013a73304 button:hover,
div#Component67529e5065175c001adf83cf button:hover,
.sect-product:hover .btn-more {
  background: #1d1d1d;
}

.btn-more2:hover,
.sect-product.btn-white:hover .btn-more,
.pdf-more:hover,
.pdf-more2:hover,
div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .btn-more2 {
  background: #0071e3;
}

div#Contentmanager .col-md-4.col-sm-4.col-xs-12,
div#Component6684bb2a9e47310013f020f0 figure img,
div#Component6684b905581f670013ad79f9 figure img,
div#Component6684bea9fcfad5001347894f figure img,
.pdf-more2,
.pdf-more {
  transition: transform 0.2s ease-out;
}

.btn-more:hover,
.btn-more2:hover,
div#Component6682354fc3321c00130f417e button:hover,
div#Component66825bc72a0ae10013312976 button:hover,
div#Component66c2a8744200a80013a73304 button:hover,
div#Component6685064e9e47310013f0313f button:hover,
div#Component66851b542d6be400133e6336 button:hover,
div#Component67529e5065175c001adf83cf button:hover,
div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover,
div#Component6684bb2a9e47310013f020f0 figure:hover img,
div#Component6684b905581f670013ad79f9 figure:hover img,
div#Component6684bea9fcfad5001347894f figure:hover img,
.pdf-more2:hover,
.pdf-more:hover {
  transform: scale(1.05);
}

div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .btn-view {
  color: #1d1d1d;
}

.sect-product.btn-white:hover .btn-more {
  color: #fff;
}

div#Component6684bb2a9e47310013f020f0 .imgLightbox,
div#Component6684b905581f670013ad79f9 .imgLightbox,
div#Component6684bea9fcfad5001347894f .imgLightbox {
  overflow: hidden;
}

.product-detail ul {
  margin-bottom: 3%;
}

.text-justify {
  text-align: left;
}

.ITPcookiebar {
  width: 100% !important;
  background-color: #212121b5 !important;
  color: #fff;
}

.buttonExampleSite {
  border-radius: 10px !important;
  border: 1px solid #171717 !important;
  color: #171717 !important;
}

.buttonExampleSite:hover {
  background: #0071e3 !important;
  color: #ffffff !important;
}

.ITPlinkToCookiepage:hover {
  color: #0071e3 !important;
}

.itpPDPALandingPage,
.ITP-pdpa-template-contentFont {
  font-size: 16px !important;
  margin-bottom: 3% !important;
}

.itpPDPALandingPage {
  margin-top: 3%;
}

.ITP-pdpa-template-titleFont {
  font-size: 20px !important;
  font-weight: 600 !important;
}

.ITP-pdpa-template-contentFont {
  line-height: 28px;
}

div#cookie66851b542d6be400133e6336 {
  color: #fff;
}

.pass-time {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.sect-product.hover-balck:hover .btn-more {
  background: #212121;
}

.sect-product.hover-blue:hover .btn-more {
  background: #448eff;
}

.product-detail .btn-more {
  margin-left: 0;
}

.img-feature {
  width: 90px;
  margin: auto;
  background-color: #fff;
  padding: 1.5rem;
  border-radius: 20px;
  box-shadow: 0 4px 8px rgb(0, 0, 0, 0.1);
  margin-bottom: 8%;
}

.product-page4 h6 {
  line-height: 28px;
}

.product-page4 img {
  width: 60% !important;
  margin-bottom: 3%;
}

div#Component66b04739c5c4d700137fdf45 {
  width: 80%;
  margin: auto;
}

.download-app ul img {
  border-radius: 12px !important;
}

.page-edit-feature li {
  width: 31.33%;
  text-align: center;
}

.page-edit-feature ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px 20px;
}

div#formdisplay66c2a8744200a80013a73304 {
  background: transparent !important;
}

div#Component66c2a8744200a80013a73304 input::placeholder {
  color: #fff;
}

div#Component66c2a8744200a80013a73304 .form-control {
  background: transparent;
  color: #fff !important;
}

div#Component66c2a8744200a80013a73304 option {
  color: #282828;
}

.sect-about li h3 {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.sect-about > ul > li:nth-child(1) h3::after {
  content: "+";
  display: block;
  color: #0071e3;
}

.sect-about > ul > li:nth-child(2) h3::after {
  content: "ปี";
  display: block;
  color: #0071e3;
}

.form-edit {
  padding-top: 8%;
  padding-right: 8%;
}

.img-edit-page {
  padding: 3% 5%;
  background: #fff;
  margin: 3%;
  border-radius: 20px;
  min-height: 685px;
  border-bottom: 3px solid #0071e3;
}

.img-gabana {
  width: 24%;
  position: absolute;
  bottom: 0;
  right: -40px;
}

.img-gabana2 {
  width: 30%;
  position: absolute;
  bottom: 0;
  left: -60px;
}

.img-software {
  position: relative;
}

.img-promaxx2 {
  width: 20%;
  left: -45px;
  bottom: -95px;
  position: absolute;
}

.img-promaxx {
  width: 18%;
  position: absolute;
  bottom: -95px;
  right: -40px;
}

.img-edit-page .product-page h6 {
  font-size: 18px;
  line-height: 26px;
}

.feature-promaxx li {
  width: 23%;
}

.img-mymenu {
  width: 37%;
  position: absolute;
  bottom: 0;
  right: -150px;
}

.img-choco {
  position: absolute;
  width: 30%;
  right: -110px;
  top: -205px;
}

.img-choco2 {
  width: 30%;
  position: absolute;
  left: -110px;
  top: -110px;
}

.download-app {
  margin-top: 3%;
}

.product-question {
  padding-top: 2%;
  padding-bottom: 2%;
}

.nav-template7 > li > a,
.nav-template7 > li .collapse.in {
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 15px;
}

.nav-template7 li {
  border: none !important;
}

.nav-template7 li:hover a {
  background: #ccecff;
}

.product-question li {
  list-style: circle !important;
}

div#Component66c2cb302a161d0013131eca .none-middle-mid div div div div:nth-child(3) {
  justify-content: center;
}

.merg-pasta {
  display: grid;
  grid-template-columns: 35% auto;
  gap: 20px;
  min-height: unset;
}

.page-edit p,
.product-page2 p {
  line-height: 28px;
}

.feature-report {
  min-height: 445px;
}

.pre-product-show ul {
  margin-bottom: 5%;
}

.pre-product-show li {
  margin-bottom: 3%;
  font-weight: 400;
}

.CASS-D-middle-mid .col-md-4 {
  background: #f5f5f7;
  border-radius: 30px;
  padding: 1% 2% 0 !important;
  border-bottom: 3px solid #0071e3;
  width: 31.33%;
  margin: 1%;
}

.CASS-D-middle-mid {
  padding: 0;
}

.service-page h6 {
  line-height: 32px;
}

.service-edit {
  padding: 5%;
}

.table-product > tbody > tr > td,
.table-product > thead > tr > th {
  border: none;
  vertical-align: middle !important;
  padding: 2rem 1rem;
  border-bottom: 1px solid #ededed;
}

.bg-start {
  background: #fe9494;
  text-align: center;
  color: #fff;
}

.bg-business {
  background: #f48244;
  text-align: center;
  color: #fff;
}

.bg-platinum {
  background: #017dc5;
  text-align: center;
  color: #fff;
}

.bg-enterprise {
  background: #a6a6a6;
  text-align: center;
  color: #fff;
}

.bg-wisdom {
  background: #01b051;
  text-align: center;
  color: #fff;
}

.table-product > tbody > tr > td:nth-child(1) {
  background-color: #fff;
  border-bottom: 1px solid #ededed;
  border-left: 3px solid #0071e3;
}

.table-product {
  border-spacing: 1rem 0;
  border-collapse: separate;
  font-family: "DM Sans", "Noto Sans Thai", sans-serif;
}

th.bg-start,
th.bg-business,
th.bg-platinum,
th.bg-enterprise,
th.bg-wisdom {
  border-radius: 10px 10px 0 0;
}

div#Component66da753a78d6f400130bed9c .imgLightbox img,
div#Component66da74d178d6f400130becde .imgLightbox img,
div#Component66da738578d6f400130bebe1 .imgLightbox img,
div#Component66da743fd6034a001348ad12 .imgLightbox img {
  border-radius: 20px;
}

.page-edit-hardware ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  list-style: none;
  padding: 0;
  text-align: center;
}

.product-question h6.mt-0 {
  margin-top: 0;
}

.pre-product-show .btn-more2 {
  margin-left: 0;
}

/*************************responsive***************************/

@media screen and (min-width: 1900px) {
  .navbar-default .navbar-nav > li > a {
    font-size: 20px;
  }

  h1 {
    font-size: 4.825em;
  }

  h2 {
    font-size: 4em;
  }

  h3 {
    font-size: 3.6em;
  }

  h4,
  h3.managerHeader {
    font-size: 2.8em;
  }

  h5 {
    font-size: 2.4em;
  }

  h6 {
    font-size: 1.9em;
  }

  p,
  .pre-news h6,
  .dropdown-menu > li > a,
  .pre-product p,
  .question-page p,
  .form-quatation span,
  .page-agent p,
  .join-us p,
  .form-work span,
  .form-back span,
  .form-file span,
  .product-question p,
  .pre-product-show p,
  .pre-product-show li,
  .table-product > tbody > tr > td {
    font-size: 20px;
  }

  .nav-template7 li a,
  .TabItpContentLandingPage2 > ul > li > a > span {
    font-size: 20px !important;
  }

  .btn-more,
  .btn-more2,
  .pre-news p,
  div#Component6682354fc3321c00130f417e button,
  div#Component66c2a8744200a80013a73304 button,
  div#Component66825bc72a0ae10013312976 button,
  div#Component6685064e9e47310013f0313f button,
  div#Component66851b542d6be400133e6336 button,
  div#Component67529e5065175c001adf83cf button,
  .btn-view,
  .copy-right p,
  div#formdisplay6685064e9e47310013f0313f .btn-success,
  .footer p {
    font-size: 18px;
  }

  .text-product h4 {
    font-size: 42px;
  }

  .text-product p {
    font-size: 22px !important;
  }

  .nav-template7 li > a {
    font-size: 24px !important;
  }

  .contact-work h6,
  .table-product > thead > tr > th {
    font-size: 22px;
  }

  .pre-news h6 {
    line-height: 26px;
  }

  .pre-news p {
    height: 80px;
  }

  .text-product p,
  .about-page p,
  .service-page p,
  .news-detail p {
    line-height: 32px;
  }

  .sect-product {
    padding-top: 45px;
  }

  .form-first h5 {
    margin-bottom: 2%;
  }

  .form-first h6 {
    line-height: 40px;
  }

  .question-page h5 {
    line-height: 36px;
  }

  div#Component6682354fc3321c00130f417e .form-control,
  div#Component67529e5065175c001adf83cf .form-control,
  div#formdisplay66825bc72a0ae10013312976 .form-control,
  div#formdisplay6685064e9e47310013f0313f .form-control,
  div#Component66c2a8744200a80013a73304 .form-control {
    height: 45px;
  }

  .form-first {
    margin-top: 5%;
  }

  div#Component6682354fc3321c00130f417e .form-control,
  div#Component67529e5065175c001adf83cf .form-control,
  div#formdisplay66825bc72a0ae10013312976 .form-control,
  div#formdisplay6685064e9e47310013f0313f .form-control,
  div#Component66851b542d6be400133e6336 .form-control,
  div#Component66c2a8744200a80013a73304 .form-control {
    font-size: 16px !important;
  }

  .product-page h6 {
    line-height: 36px;
    margin-bottom: 2rem;
  }

  .news-detail {
    padding-top: 3rem;
  }

  .product-page2 .btn-more {
    margin-left: 0;
    margin-top: 2rem;
  }

  .ITP-pdpa-template-titleFont {
    font-size: 24px !important;
  }

  .ITP-pdpa-template-contentFont {
    line-height: 32px;
    font-size: 18px !important;
  }

  .product-page4 h6 {
    line-height: 34px;
  }

  .img-edit-page {
    border-radius: 30px;
    min-height: 875px;
  }

  .img-feature {
    width: 120px;
    padding: 2rem;
  }

  .product-page4 img {
    width: 50% !important;
  }

  .img-edit-page .product-page h6 {
    font-size: 26px;
    margin-top: 4%;
    line-height: 32px;
  }

  div#cookie66c2a8744200a80013a73304 {
    font-size: 18px;
  }

  .download-app ul {
    width: 40%;
  }

  .merg-pasta {
    min-height: unset;
  }

  .feature-report {
    min-height: 525px;
  }

  .page-edit p,
  .product-page2 p,
  .product-page p {
    line-height: 34px;
  }

  .pre-product-show h6 {
    font-size: 24px;
    margin-bottom: 3%;
  }

  .service-page h6 {
    line-height: 38px;
  }
}

@media screen and (max-width: 1366px) {
}

@media screen and (max-width: 1200px) {
  h1 {
    font-size: 3.5em;
  }

  h2 {
    font-size: 3em;
  }

  h3 {
    font-size: 2.8em;
  }

  h4,
  h3.managerHeader {
    font-size: 2.2em;
  }

  h5 {
    font-size: 1.7em;
  }

  h6 {
    font-size: 1.4em;
  }

  .nav-template7 li a,
  .TabItpContentLandingPage2 > ul > li > a > span {
    font-size: 14px !important;
  }

  .btn-more,
  .btn-more2,
  .pre-news p,
  div#Component6682354fc3321c00130f417e button,
  div#Component66c2a8744200a80013a73304 button,
  div#Component66825bc72a0ae10013312976 button,
  div#Component6685064e9e47310013f0313f button,
  div#Component66851b542d6be400133e6336 button,
  div#Component67529e5065175c001adf83cf button,
  .btn-view,
  .copy-right p,
  div#formdisplay6685064e9e47310013f0313f .btn-success {
    font-size: 14px;
  }

  .text-product h4 {
    font-size: 32px;
  }

  .text-product p {
    font-size: 16px !important;
  }

  .nav-template7 li > a {
    font-size: 20px !important;
  }

  .contact-work h6 {
    font-size: 18px;
  }

  .sect-hardware h2,
  .question-page h5,
  .form-first h6,
  .text-product p,
  .about-page p,
  .service-page p,
  .news-detail p,
  .pre-news h6,
  .product-page4 h6 {
    line-height: inherit;
  }

  .about-page {
    padding-bottom: 56%;
  }

  .pt-10 {
    padding-top: 6%;
  }

  .pt-20 {
    padding-top: 13%;
  }

  .pt-15 {
    padding-top: 10%;
  }

  .sect-dowload {
    flex-wrap: wrap;
    gap: 10px;
  }

  .TabItpContentLandingPage2 > ul > li > a {
    padding: 5% 1%;
  }
}

@media screen and (max-width: 900px) {
  .social-footer {
    display: none;
  }

  .footer-sub {
    display: block;
  }

  .footer-sub {
    margin-top: 0;
  }

  .copy-right p {
    text-align: center;
  }

  .text-product br {
    display: none;
  }

  .text-product p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .text-product h4 {
    font-size: 26px;
  }

  .sect-product {
    padding: 3%;
    padding-top: 22px;
  }

  h2 {
    font-size: 2.6em;
  }

  h3 {
    font-size: 30px;
  }

  h4,
  h3.managerHeader {
    font-size: 28px;
  }

  h5 {
    font-size: 24px;
  }

  h6 {
    font-size: 18px;
  }

  div#formdisplay6682354fc3321c00130f417e .col-md-6.col-sm-12 {
    padding-right: 0;
  }

  .pre-news p {
    -webkit-line-clamp: 2;
    height: auto;
  }

  .about-page {
    padding-bottom: 68%;
  }

  .pt-10 {
    padding-top: 0;
  }

  .pt-20 {
    padding-top: 5%;
  }

  .pt-15 {
    padding-top: 0;
  }

  .Textmanager {
    display: block;
  }

  .social-share {
    top: -20px;
  }

  .contact-add {
    width: 100%;
  }

  .contact-work ul {
    width: 70%;
  }

  .page-agent {
    padding-top: 0;
  }

  div#contentnewmode66b429cb81e33000130e9996 .pt-20 {
    padding-top: 30%;
  }

  .download-app ul img {
    border-radius: 5px !important;
  }

  .download-app ul {
    width: 60%;
  }

  .img-feature {
    width: 95px;
  }

  .img-edit-page {
    min-height: 740px;
  }

  .img-gabana {
    bottom: unset;
    top: -110px;
    right: -15px;
  }

  .img-gabana2 {
    bottom: unset;
    top: -65px;
    left: 0;
  }

  .img-mymenu {
    width: 37%;
    position: absolute;
    bottom: -55px;
    right: -20px;
  }

  div#Component66c2a8744200a80013a73304 .col-md-6.col-sm-12 .col-md-12.col-sm-12,
  div#Component66c2a8744200a80013a73304 .col-md-12.col-sm-12 .col-md-12.col-sm-12,
  div#Component66c2a8744200a80013a73304 .col-md-12.col-sm-12 .col-md-6.col-sm-12 {
    padding: 0 !important;
  }

  div#Component66c2cb302a161d0013131eca .col-md-4.col-sm-4.col-xs-6.col-sm-5fix {
    width: 25%;
  }

  .nav-template7 li > a > strong {
    font-size: 18px;
  }

  .merg-pasta {
    min-height: unset;
  }

  .feature-report {
    min-height: 355px;
  }

  .service-edit {
    padding: 3%;
  }

  .service-page br {
    display: none;
  }

  .service-page h6 {
    line-height: inherit;
  }

  .table-responsive {
    border: none;
  }
}

@media screen and (max-width: 480px) {
  div#imagesControl66820fd405f177001372d2c7 {
    padding: 0 !important;
    margin-bottom: -7px;
  }

  .sect-about li {
    display: flex;
    gap: 10px;
    margin-bottom: 2%;
    justify-content: center;
  }

  .sect-about ul {
    display: block;
  }

  .sect-about h2 {
    margin-bottom: 7%;
  }

  .sect-about {
    padding-bottom: 100%;
  }

  .sect-product {
    top: 0;
  }

  h2 {
    font-size: 20px;
  }

  h3 {
    font-size: 28px;
  }

  h4,
  h3.managerHeader {
    font-size: 24px;
  }

  h5 {
    font-size: 20px;
  }

  br {
    display: none;
  }

  div#formdisplay6682354fc3321c00130f417e .col-md-12.col-sm-12,
  .service-edit {
    padding: 0;
  }

  div#Component6682354fc3321c00130f417e select.form-control,
  div#Component66c2a8744200a80013a73304 select.form-control,
  div#Component67529e5065175c001adf83cf select.form-control {
    margin-bottom: -20px;
  }

  .about-page {
    padding-bottom: 0;
  }

  .about-page p {
    margin-bottom: 5%;
  }

  .pt-20 {
    padding-top: 0;
  }

  .pt-15 {
    padding-top: 0;
  }

  .pt-10 {
    padding-top: 0;
  }

  .btn-merg {
    display: block;
  }

  .pdf-more2 {
    margin-bottom: 5%;
  }

  .btn-merg .btn-more {
    margin-left: 0;
  }

  div#imagesControl6683ce922125a40012073fcc,
  div#imagesControl6683dd6051db950013c2eeac,
  div#imagesControl6684b3d42d6be400133e50cc,
  div#imagesControl6684c14e581f670013ad7de9,
  div#imagesControl6684c7c351db950013c2f821,
  div#imagesControl6684cc862d6be400133e5825,
  div#imagesControl6684c4f5fcfad50013478aa7,
  div#imagesControl6684c4f5fcfad50013478aa7,
  div#imagesControl6684d13a51db950013c2fad9,
  div#imagesControl6684d34951db950013c2fbf4,
  div#imagesControl6684d39b2d6be400133e591c,
  div#imagesControl6684d533fcfad50013479049,
  div#imagesControl6684d90efcfad5001347910d,
  div#formdisplay6685064e9e47310013f0313f .col-md-12.col-sm-12,
  div#formdisplay66825bc72a0ae10013312976 .col-md-12.col-sm-12,
  div#imagesControl66822c25ccb8ee0013d8f76f,
  div#mainmenu66b03d36aa89500013c499a9 > div,
  div#mainmenu66b03e0b66bc6400130910d1 > div,
  div#mainmenu66b0414c375afe001351c008 > div,
  div#mainmenu66b0422eaa89500013c49a0e > div,
  div#mainmenu66b0432b375afe001351c060 > div,
  div#mainmenu66b043c09ae0a10013ef9ec4 > div,
  div#Component66c2a8744200a80013a73304 .col-md-6.col-sm-12 .col-md-12.col-sm-12,
  div#Component66c2a8744200a80013a73304 .col-md-12.col-sm-12 .col-md-12.col-sm-12,
  div#Component66c2a8744200a80013a73304 .col-md-12.col-sm-12 .col-md-6.col-sm-12,
  div#mainmenu66b44a2156bf3a0013f761b4 > div,
  div#mainmenu66b44a1a8d7a200013167cc2 > div,
  div#imagesControl6682665eccb8ee0013d8ffab,
  div#imagesControl66da738578d6f400130bebe1,
  div#imagesControl66da74d178d6f400130becde,
  div#imagesControl66da753a78d6f400130bed9c,
  div#contentnewmode66da77bf4f233b001384db87,
  div#mainmenu66e39d825b40ff001338fb1e > div {
    padding: 0 !important;
  }

  .social-share,
  div#contentnewmode66b03e99c5c4d700137fdd70,
  div#contentnewmode66b041f79ae0a10013ef9e7a,
  div#contentnewmode66b043b29ae0a10013ef9eaa,
  div#contentnewmode66b047a0c5c4d700137fdf96,
  div#contentnewmode66e39d825b40ff001338fb40 {
    display: none;
  }

  div#Component66824bbfc3321c00130f42ea .col-md-12.text-justify {
    padding: 0 2%;
  }

  .product-detail ul {
    margin-bottom: 8%;
  }

  .service-page p,
  .news-detail p {
    margin-bottom: 7%;
  }

  .contact-add {
    display: block;
    padding: 5%;
    margin-top: 5%;
  }

  .contact-add img {
    margin-bottom: 5%;
  }

  .contact-add ul {
    display: block;
    margin-bottom: 6%;
  }

  .text-product p,
  .sect-follow,
  .news-detail img,
  .news-contact h6,
  .head-page h4 {
    margin-bottom: 5%;
  }

  .news-contact ul,
  .benefit ul,
  .branch-page ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
  }

  .news-detail {
    padding-top: 0;
    padding-left: 0;
  }

  .TabItpContentLandingPage2 .nav-justified > li,
  div#Component66b04739c5c4d700137fdf45 {
    width: 100% !important;
  }

  .pe-20 {
    padding-left: 0;
  }

  .branch-page li {
    margin-bottom: 4%;
  }

  .nav-template7 > li,
  .contact-work li {
    margin-bottom: 5%;
  }

  ul.nav-template7 .col-md-12,
  .TabItpContentLandingPage2 .col-md-12.text-justify {
    padding: 0 2%;
  }

  .text-justify {
    text-align: left;
  }

  .contact-work ul {
    width: 100%;
    display: block;
  }

  div#formdisplay6685064e9e47310013f0313f .col-md-6.col-sm-12,
  div#formdisplay66825bc72a0ae10013312976 .col-md-6.col-sm-12 {
    padding-right: 0;
  }

  .question-page img {
    width: 100% !important;
    margin-bottom: 6%;
  }

  div#Component66851b329e47310013f033fe .imgLightbox img {
    height: auto;
  }

  div#Component66822c25ccb8ee0013d8f76f {
    padding-right: 0;
  }

  .ITPcookiebar {
    padding: 3%;
    display: flex !important;
  }

  .ITPcookieLeftText {
    /* color: white; */
    float: unset !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
  }

  .ITPcookieButton {
    float: unset !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
  }

  .ITPcookieLeftText span {
    font-size: 14px;
  }

  .pass-time {
    grid-template-columns: repeat(1, 1fr);
  }

  .branch-page li {
    grid-template-columns: 25px auto;
  }

  div#mainmenu66b03e0b66bc6400130910d1 .none-middle-mid,
  div#mainmenu66b0422eaa89500013c49a0e .none-middle-mid,
  div#mainmenu66b043c09ae0a10013ef9ec4 .none-middle-mid,
  div#mainmenu66b43cc207c2660013bb8ef6 .none-middle-mid,
  div#mainmenu66b43d6e56bf3a0013f75ff2 .none-middle-mid,
  div#mainmenu66b43dfc8d7a2000131679f3 .none-middle-mid,
  div#mainmenu6683e54c2d6be400133e4f32 .none-middle-mid,
  div#mainmenu6683e54c2d6be400133e4f44 .none-middle-mid,
  div#mainmenu6684b3d42d6be400133e50e0 .none-middle-mid,
  div#mainmenu6684b3d52d6be400133e50f2 .none-middle-mid,
  div#mainmenu66b434b4e4c1870013d9af56 .none-middle-mid,
  div#mainmenu66c2a826e402200013ffe89d .none-middle-mid,
  div#mainmenu66da7424ca7bcc00129e1473 .none-middle-mid,
  div#mainmenu66da753078d6f400130bed92 .none-middle-mid {
    display: flex;
    flex-wrap: wrap-reverse;
  }

  div#mainmenu66b03e0b66bc6400130910d1 .none-middle-mid .none-middle-mid,
  div#mainmenu66b0422eaa89500013c49a0e .none-middle-mid .none-middle-mid,
  div#mainmenu66b043c09ae0a10013ef9ec4 .none-middle-mid .none-middle-mid,
  div#mainmenu66b43cc207c2660013bb8ef6 .none-middle-mid .none-middle-mid,
  div#mainmenu66b43d6e56bf3a0013f75ff2 .none-middle-mid .none-middle-mid,
  div#mainmenu66b43dfc8d7a2000131679f3 .none-middle-mid .none-middle-mid,
  div#mainmenu6683e54c2d6be400133e4f32 .none-middle-mid .none-middle-mid,
  div#mainmenu6683e54c2d6be400133e4f44 .none-middle-mid .none-middle-mid,
  div#mainmenu6684b3d42d6be400133e50e0 .none-middle-mid .none-middle-mid,
  div#mainmenu6684b3d52d6be400133e50f2 .none-middle-mid .none-middle-mid,
  div#mainmenu66b434b4e4c1870013d9af56 .none-middle-mid .none-middle-mid,
  div#mainmenu66c2a826e402200013ffe89d .none-middle-mid .none-middle-mid,
  div#mainmenu66da7424ca7bcc00129e1473 .none-middle-mid .none-middle-mid,
  div#mainmenu66da753078d6f400130bed92 .none-middle-mid .none-middle-mid {
    display: block;
  }

  .product-page.page-edit h2 {
    font-size: 30px;
  }

  .download-app ul {
    width: 100%;
  }

  .page-edit-feature li {
    width: 50%;
    margin-top: 5%;
    margin-bottom: 5%;
  }

  .img-feature {
    width: 50%;
    padding: 9%;
  }

  .page-edit-feature ul {
    justify-content: start;
    gap: 0;
  }

  div#contentnewmode66b429cb81e33000130e9996 .pt-20 {
    padding-top: 85%;
  }

  .img-edit-page {
    height: auto;
    min-height: auto;
  }

  div#contentnewmode66b44a2928d0760013ce13b0,
  .img-gabana,
  .img-gabana2,
  .img-promaxx,
  .img-promaxx2,
  div#contentnewmode66c2aa0ce402200013ffe8fd,
  div#contentnewmode66c2ba274200a80013a73547,
  .img-software,
  div#contentnewmode66da735c4f233b001384d860,
  div#contentnewmode66da73334f233b001384d80c,
  div#contentnewmode66da7435ca7bcc00129e14ad,
  div#contentnewmode66da74b578d6f400130bec6a {
    display: none;
  }

  .logo-product {
    width: 13%;
    bottom: 30px;
    right: 10px;
  }

  .product-page h6,
  .page-edit p,
  .product-page2 p {
    line-height: inherit;
  }

  .img-edit-page.merg-pasta {
    display: block;
  }

  .CASS-D-middle-mid .col-md-4 {
    width: 100%;
    margin-bottom: 5%;
  }

  .page-edit-hardware ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 10px;
  }

  .product-question {
    padding: 5% 3%;
  }

  .product-question ul {
    padding-left: 8%;
  }
}

#form67529e5065175c001adf83cf #form1,
#form67529e5065175c001adf83cf #form3 {
  padding-right: 0px;
}

body {
  font-family: "Noto Sans Thai", sans-serif;
  color: #212121;
}

.itopplus-bg {
  background-repeat: no-repeat;
  background-size: cover;
}

.itopplus-bg2 {
  background-repeat: no-repeat;
  background-size: cover;
}

.itopplus-bg3 {
  background-color: #f1f1f3;
  color: #5b5b5b;
}


.CASS-D-border {
  background-image: none;
  border-radius: 10px;
  overflow: hidden;
}

.CASS-D-border .FormPreview .col-md-12 > div {
  width: 100% !important;
  padding: 0 !important;
}

.CASS-D-border .ITPcheckboxAuthen .ITPcheckboxAuthen {
  position: relative;
  top: -25px;
  width: 100%;
  padding: 0 20px !important;
}

.CASS-D-border input,
.CASS-D-border select {
  border-radius: 10px;
}

.CASS-D-border .col-md-offset-5 {
  display: grid;
  place-items: center;
  width: 100%;
  margin: 0 auto;
}

.CASS-D-border span:not(.glyphicon) {
  font-size: 13px !important;
  color: #5b5b5b !important;
}

.CASS-D-border .form-group .row {
  height: 70px;
}

.CASS-B-border {
  background-image: none;
  border-radius: 10px;
  overflow: hidden;
}

.CASS-B-border .FormPreview .col-md-12 > div {
  width: 100% !important;
  padding: 0 !important;
}

.CASS-B-border .ITPcheckboxAuthen .ITPcheckboxAuthen {
  position: relative;
  top: -25px;
  width: 100%;
  padding: 0 20px !important;
}

.CASS-B-border input,
.CASS-B-border select {
  border-radius: 10px;
}

.CASS-B-border .col-md-offset-5 {
  display: grid;
  place-items: center;
  width: 100%;
  margin: 0 auto;
}

.CASS-B-border span:not(.glyphicon) {
  font-size: 13px !important;
  color: #5b5b5b !important;
}

.CASS-B-border .form-group .row {
  height: 70px;
}