.itopplus-background {

}
.type8ImageCenterBottom {
  position: relative !important;
  display: flex;
  justify-content: space-between;
}

.type8ImageCenterBottom img {
  width: 150px;
  object-fit: cover;
}

div.type8ImageCenterBottom > img:nth-child(1) {
  content: url("https://itp1.itopfile.com/ImageServer/z_itp_23072022zfvh/0/0/3mz-z1245521206055.webp") !important;
  order: 1;
}

div.type8ImageCenterBottom > img:nth-child(2) {
  display: none !important;
}

div.type8ImageCenterBottom > img:nth-child(3) {
  content: url("https://itp1.itopfile.com/ImageServer/z_itp_23072022zfvh/0/0/2kleanz-z598647035020.webp") !important;
  order: 4;
}

div.type8ImageCenterBottom > img:nth-child(4) {
  content: url("https://itp1.itopfile.com/ImageServer/z_itp_23072022zfvh/0/0/ecolabz-z885741441277.webp") !important;
  order: 3;
}

div.type8ImageCenterBottom > img:nth-child(5) {
  content: url("https://itp1.itopfile.com/ImageServer/z_itp_23072022zfvh/0/0/diverseyz-z387377475341.webp") !important;
  order: 2;
}

div.type8ImageCenterBottom > img:nth-child(6) {
  content: url("https://itp1.itopfile.com/ImageServer/z_itp_23072022zfvh/0/0/แซมz-z1317560605119.webp") !important;
  order: 6;
}

/*
div.type8ImageCenterBottom > img:nth-child(1) {
content: url('http://itp1.itopfile.com/ImageServer/z_itp_23072022zfvh/70/0/ISO45001URSGreen1696256621854z-z733336715378.webp')!important;
}

div.type8ImageCenterBottom > img:nth-child(5) {
content: url('http://itp1.itopfile.com/ImageServer/z_itp_23072022zfvh/70/0/อนุรักษ์สิ่งแวดล้อมz-z773423761351.webp')!important;
}

*/

span.langChar54eecc58424b1e0a30f312e4 {
  font-size: 0;
}

span.langChar54eecc58424b1e0a30f312e4::before {
  content: "Chinese (CN)";
  font-size: 14px;
  white-space: nowrap;
}

.eapps-widget-toolbar {
  display: none;
}

.itopplus-background {
}

body {
  overflow-x: hidden;
}

.itopplus-footer {
  color: #676767;
}

.itopplus-footer a {
  color: #676767;
}

.itopplus-footer a:hover {
  color: #ef4923;
}

.itopplus-slide {
  padding: 0 !important;
}

/*a {
color: #676767 ;
transition: 0.35s;
}
a:hover {
color: #ef4923;
}*/

.megaMenuType2itopplus {
  display: block !important;
}

.itopplus-bg {
  background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_23072022zfvh/0/0/1z-z1117361055387.webp");
}

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

.itopplus-bg4 {
  background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_23072022zfvh/0/0/4z-z390654698439.webp");
}

.itopplus-bg5 {
  background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_23072022zfvh/0/0/5z-z1034872373231.webp");
}

.itopplus-bg6 {
  background-image: url("http://itp1.itopfile.com/ImageServer/z_itp_23072022zfvh/0/0/bg-owatz-z1222884743753.webp");
}

.itopplus-bg7 {
  background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_23072022zfvh/0/0/7z-z1045435075608.webp");
}

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

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

.itopplus-footer {
  background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_23072022zfvh/0/0/fz-z1103911125112.webp");
  background-size: cover;
  background-position: center;
}

.navbar-default .navbar-nav > li > a {
  color: #000;
  margin: 0 5px;
  padding: 7px 10px;
  font-size: 16px;
  border-radius: 30px;
}

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:active {
  color: #fff !important;
  box-shadow: none;
  border-radius: 30px;
  background: transparent;
  background-color: #ef4923;
}

.dropdown-menu > li > a {
  color: #000;
  font-size: 16px;
}

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

@media screen and (min-width: 1024px) {
  .itopplus-banner > .container {
    display: grid;
    grid-template-columns: 20% auto;
    align-items: center;
  }

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

  .itopplus-banner {
    background: #fff;
    transition: 0.3s;
  }

  .itopplus-sticky {
    background: #fff !important;
  }

  #controlBanner {
    object-fit: contain;
    padding: 15px;
    width: clamp(140px, 100%, 20vw);
    margin: 0 auto;
  }

  #itopplus-nav-bar {
    display: flex;
    width: 100%;
    justify-content: end;
  }
}

@media screen and (min-width: 1024px) {
  .icontel-mobile {
    visibility: hidden;
  }

  .padsocial-footer img {
    width: 12% !important;
  }

  .padspce-sectionproject {
    padding: 16% 0%;
  }

  .textfooter2 {
    margin-bottom: 8%;
  }

  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
    margin: 0;
  }

  #background6445f8959eefde00135c7a9a {
    width: 50%;
    margin: 0 auto;
  }

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

  #background65b9bc695e57d900149d8a0f .col-md-4.col-sm-4.col-xs-6.col-sm-5fix,
  #background64bf8925f68686001a6aff2e .col-md-4.col-sm-4.col-xs-6.col-sm-5fix {
    width: 20% !important;
  }

  .bghuman {
    width: 135%;
    margin-top: -1px;
  }

  .shopcart {
    -webkit-border-radius: 20px 0px 0px 20px !important;
    width: 65px !important;
    height: 65px !important;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_22072022zsx5/35/0/cartz-z1679865104044.webp);
    background-position: 42% 50%;
    background-color: #ef4923;
    right: 1.5%;
    border-radius: 150px !important;
    top: 10%;
    transition: width 0.3s, height 0.3s;
    animation: pulse 7s infinite 7s;
  }

  #background6440a9f009cc57001244a812 .col-md-3.col-sm-4.col-xs-4 {
    width: 25%;
  }

  #background64ae23f3fd19ae0013d62692 .row-fluid [class*="col-sm-5fix"] {
    width: 12.5% !important;
  }

  .col-md-10.col-md-offset-0.padding.zIndex-menu {
    height: 0;
  }

  .unknown_prf .btn-main {
    margin-bottom: 90%;
  }

  .unknown_prf .btn-main:hover {
    margin-bottom: 90%;
  }
  #background65cb24af7b20550013b57063 .row-fluid [class*="col-sm-5fix"] {
    width: 12.5% !important;
  }
  #background65caea2ee7b7b300133ce6b3 .col-md-4.col-sm-4.col-xs-6.col-sm-5fix {
    width: 16.5% !important;
  }
  .padtextmapo h2 {
    font-size: 2em;
  }
}

/* oscar*/
figure.effect-oscar {
  background: transparent;
}

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

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

figure.effect-oscar figcaption::before {
  border: 0px solid #fff;
}

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

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

figure.effect-oscar h2 {
  margin: 0% 0 0px 0;
  -webkit-transition: -webkit-transform 0.32s;
  transition: transform 0.32s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

figure.effect-oscar:hover h2 {
  opacity: 1;
  transition: 0.32s;
  transform: none !important;
}

.grid figure h2 {
  word-spacing: 0em;
  font-weight: 300;
  text-transform: none;
}

figure.effect-oscar img {
  max-width: none;
  -webkit-transition: opacity 0.32s, -webkit-transform 0.32s;
  transition: opacity 0.32s, transform 0.32s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

figure.effect-oscar:hover img {
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.03, 1.03, 1);
}

/* oscar */

/*เฉพาะรูปแบบมีขอบ*/
.thumbnail img.imageGallery:hover {
  -webkit-transform: scale(1.1);
  transform: scale(0.98);
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.thumbnail .imageWidth.imageGallery {
  transform: scale(1);
  transition: 0.32s;
}

.thumbnail .imageWidth.imageGallery:hover {
  transform: scale(1.05);
  transition: 0.32s;
}

/**ห้ามเกินกรอบ**/
.thumbnail .imgLightbox {
  position: relative !important;
  overflow: hidden !important;
  width: 100.1% !important;
}

#background65b9bc695e57d900149d8a0f .thumbnail,
#background64bf8925f68686001a6aff2e .thumbnail {
  border: solid 0px #dadada;
  background: transparent;
  color: #000;
  border-radius: 0px;
  padding: 15% 15% 0% 15% !important;
  transition: 0.5s;
  box-shadow: 3px 3px 15px 1px rgba(225, 149, 145, 0);
  margin-bottom: 10%;
}

#background65b9bc695e57d900149d8a0f .thumbnail:hover,
#background64bf8925f68686001a6aff2e .thumbnail:hover {
  box-shadow: 3px 3px 15px 1px rgba(225, 149, 145, 0);
  background: transparent;
  border-radius: 0px;
  color: #000;
}

#background65b9bc695e57d900149d8a0f .imgLightbox,
#background64bf8925f68686001a6aff2e .imgLightbox {
  padding-bottom: 20%;
}

#background65b9bc695e57d900149d8a0f,
#background64bf8925f68686001a6aff2e {
  border: 4px solid #e87860;
  border-radius: 30px;
  background: #fff !important;
  margin-top: -8%;
  box-shadow: 3px 3px 20px 3px rgb(120 120 120 / 25%);
}

/**ห้ามเกินกรอบ**/

/**maidservice**/
#background6440a5389eefde00135c58a0 .thumbs {
  margin-bottom: 0px;
}

#background6440a53a9eefde00135c58a5 .thumbs {
  margin-bottom: 0px;
}

#background6440a5389eefde00135c58a0 {
  background: #ef4923;
}

#background6440a53a9eefde00135c58a5 {
  background: #ef4923;
}

#background6476fc7c7dc1240013f33358 .thumbs {
  margin-bottom: 0px;
}

#background6440a5389eefde00135c58a0 .boderedlayoutClient {
  border-top: 0px dashed transparent;
  border-left: 0px dashed transparent;
  border-right: 0px dashed transparent;
  border-bottom: 0px dashed transparent;
}

#background6440a53a9eefde00135c58a5 .boderedlayoutClient {
  border-top: 0px dashed transparent;
  border-left: 0px dashed transparent;
  border-right: 0px dashed transparent;
  border-bottom: 0px dashed transparent;
}

#background6476fc3308e256001aa0483c .boderedlayoutClient {
  border-top: 0px dashed transparent;
  border-left: 0px dashed transparent;
  border-right: 0px dashed transparent;
  border-bottom: 0px dashed transparent;
}

#background6476fc3308e256001aa0483c {
  background: #ef4923 !important;
}

.padiconourmaidservice {
  color: #fff;
  text-align: center;
  padding: 23% 0%;
}

.iconourmaidservice {
  width: 25%;
  margin: 0 auto;
  margin-bottom: 8%;
}

/**maidservice**/

/**ourservice**/
#background6440a9f009cc57001244a812 .thumbnail {
  border: solid 0px #dadada;
  background: transparent;
  color: #000;
  border-radius: 0px;
  padding: 0% !important;
  transition: 0.5s;
  box-shadow: 3px 3px 15px 1px rgba(225, 149, 145, 0);
  margin-bottom: 0%;
}

#background6440a9f009cc57001244a812 .thumbnail:hover {
  box-shadow: 3px 3px 15px 1px rgba(225, 149, 145, 0);
  background: transparent;
  border-radius: 0px;
  color: #000;
}

#background6440a9f009cc57001244a812 .imgLightbox {
  border-radius: 35px 35px 0px 0px;
}

#background6440aa309eefde00135c59a5 .thumbnail {
  border: solid 0px #dadada;
  background: transparent;
  color: #000;
  border-radius: 0px;
  padding: 0% !important;
  transition: 0.5s;
  box-shadow: 3px 3px 15px 1px rgba(225, 149, 145, 0);
  margin-bottom: 10%;
}

#background6440aa309eefde00135c59a5 .thumbnail:hover {
  box-shadow: 3px 3px 15px 1px rgba(225, 149, 145, 0);
  background: transparent;
  border-radius: 0px;
  color: #000;
}

#background6440aa309eefde00135c59a5 .imgLightbox {
  border-radius: 35px 35px 0px 0px;
}

.padbgourservice {
  background: #ef4923;
  color: #fff;
  text-align: center;
  padding: 5% 0% 0%;
  height: 70px;
  border-radius: 0px 0px 35px 35px;
}

#background6445e702b70cae0012c3d22b .imgLightbox {
  border-radius: 35px 35px 0px 0px;
}

#background6445f36cd6c5df001357286e .imgLightbox {
  border-radius: 35px 35px 0px 0px;
}

/**ourservice**/

/**slide**/
#carousel6440b7af9eefde00135c5c49 .hidden {
  display: block !important;
  visibility: inherit !important;
  pointer-events: none;
}

.carousel-indicators li {
  border: 1px solid #f58320;
}

.carousel-indicators .active {
  background-color: #f58320;
  border-color: #f58320;
}

.glyphicon-chevron-left:before,
.glyphicon-chevron-right:before {
  display: none;
}

#carousel6440b7af9eefde00135c5c49 .carousel-indicators {
  bottom: -45px;
}

#carousel6440b7af9eefde00135c5c49 {
  margin-bottom: 15%;
}

/**slide**/

/**slide**/
#carousel6476f9c89e3c95001a287b2b .hidden {
  display: block !important;
  visibility: inherit !important;
  pointer-events: none;
}

.carousel-indicators li {
  border: 1px solid #f58320;
}

.carousel-indicators .active {
  background-color: #f58320;
  border-color: #f58320;
}

.glyphicon-chevron-left:before,
.glyphicon-chevron-right:before {
  display: none;
}

#carousel6476f9c89e3c95001a287b2b .carousel-indicators {
  bottom: -45px;
}

#carousel6476f9c89e3c95001a287b2b {
  margin-bottom: 15%;
}

/**slide**/

/**slide-ourservice**/
#carousel6445f1589eefde00135c79d6 .hidden {
  display: block !important;
  visibility: inherit !important;
  pointer-events: none;
}

#carousel6445f1589eefde00135c79d6 .carousel-indicators {
  bottom: -45px;
}

#carousel6445f1589eefde00135c79d6 {
  margin-bottom: 8%;
}

/**slide-ourservice**/

/**slide-maidservice**/
#carousel6445f36cd6c5df001357287d .hidden {
  display: block !important;
  visibility: inherit !important;
  pointer-events: none;
}

#carousel6445f36cd6c5df001357287d .carousel-indicators {
  bottom: -45px;
}

#carousel6445f36cd6c5df001357287d {
  margin-bottom: 8%;
}

/**slide-maidservice**/

/**slide-maidservice**/
#carousel6476fed59e3c95001a287cf9 .hidden {
  display: block !important;
  visibility: inherit !important;
  pointer-events: none;
}

#carousel6476fed59e3c95001a287cf9 .carousel-indicators {
  bottom: -45px;
}

#carousel6476fed59e3c95001a287cf9 {
  margin-bottom: 8%;
}

/**slide-maidservice**/

/**product-page**/
#background644106835139ed00136f4f88 .thumbnail {
  border: solid 0px #dadada;
  background: transparent;
  color: #000;
  border-radius: 0px;
  padding: 0% !important;
  transition: 0.5s;
  box-shadow: 3px 3px 15px 1px rgba(225, 149, 145, 0);
  margin-bottom: 10%;
}

#background644106835139ed00136f4f88 .thumbnail:hover {
  box-shadow: 3px 3px 15px 1px rgba(225, 149, 145, 0);
  background: transparent;
  border-radius: 0px;
  color: #000;
}

#background644106835139ed00136f4f88 .imgLightbox {
  border-radius: 35px 35px 0px 0px;
}

/**product-page**/

/**DUST-TRAPPING CARPET**/
#background649a97f80ce182001351cf47 .imgLightbox {
  border-radius: 35px 35px 0px 0px;
}

/**DUST-TRAPPING CARPET**/

/**พรมแผ่น**/
.product-detail {
  text-align: center;
  font-size: 16px;
}

.product-detail .row {
  margin: 20px 0;
}

.product-detail img {
  padding: 20px;
}

.product-head-detail {
  padding: 20px 0px;
}

.product-head-detail h2 {
  font-size: 26px;
  font-weight: 600;
}

.product-head-detail h4 {
  font-size: 20px;
  font-weight: 500;
}

/**พรมแผ่น**/

/*contenemanager*/
h3.managerHeader {
  font-size: 18px;
}

#Contentmanager .post-time {
  display: none;
}

.page-header {
  margin: 30px 0 20px;
  border-bottom: 1px solid #ef4923;
}

.landingpagemanager {
  display: none;
}

.Contentmanager .site .col-section .item.-micro a .caption .title {
  text-align: center;
  font-size: 16px;
  padding: 5% 5% 0%;
  color: #000;
  display: none;
}

.Contentmanager .site .col-section .item.-micro a:hover .caption .title {
  color: #000;
}

.Contentmanager .site .col-section .item.-micro a .caption .time {
  display: inherit;
  color: #000;
}

article.col-md-6.item.-micro {
  width: 25%;
}

.Contentmanager .site .col-section .item.-micro {
  padding: 10px 10px 10px 15px;
}

.Contentmanager .site .col-section .item.-micro a .image {
  width: 100%;
  margin-bottom: 0px;
}

.Contentmanager .site .col-section .item.-micro a .caption {
  width: 100%;
  background: transparent;
  padding-left: 0;
}

.Contentmanager .site .col-section .item.-micro:nth-child(odd) {
  border-right: none;
  border-bottom: none;
}

.Contentmanager .site .col-section .item.-micro:nth-child(even) {
  border-bottom: none;
}

.Contentmanager .site .col-section .item.-micro a .post {
  display: none;
}

.contenemanager-gallery .col-xs-12.col-md-3 {
  padding-left: 10px;
  padding-right: 10px;
  width: 25%;
}

.Contenemanager-gallery .col-xs-6.col-md-3 {
  padding-left: 10px;
  padding-right: 10px;
  width: 25%;
}

.contenemanager-gallery .thumbnail {
  padding: 0px;
  border: 0px solid #fff;
  border-radius: 0px;
  transition: 0.3s;
}

.Contenemanager-gallery .thumbnail {
  padding: 0px;
  border: 0px solid #fff;
  border-radius: 0px;
  transition: 0.3s;
}

.Contenemanager-gallery .thumbnail:hover {
  transition: 0.3s;
  border: 0px solid #fff;
  background-color: white;
}

.contenemanager-gallery .thumbnail:hover {
  transition: 0.3s;
  border: 0px solid #fff;
  background-color: white;
}

.contenemanager-gallery .thumbnail,
.img-thumbnail {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  box-shadow: 0px 0px 20px 5px rgb(217 217 217 / 40%);
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: transparent;
}

.fbcomments,
.fbcomments {
  display: none;
}

.thumbnail {
  border: 0px solid #ddd;
}

.img-thumbnail,
.thumbnail {
  box-shadow: 0 0px 0px rgb(0 0 0 / 8%);
}

.Contentmanager .img-thumbnail {
  border: 0px solid #ddd;
}

.Contentmanager p {
  white-space: break-spaces;
  font-size: 16px;
}

.Contentmanager .thumbnail {
  background-color: transparent;
}

.img-thumbnail {
  background-color: transparent;
}

.Contentmanager .site .col-section .item.-micro a .img-zoom img:hover {
  transform: scale3d(1.05, 1.05, 1) !important;
}

.Contentmanager .site .col-section .item.-micro a:hover .img-zoom img {
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale3d(1.05, 1.05, 1) !important;
}

.padnewabdupdates {
  border-bottom: 4px solid #ef4923;
  padding: 5% 5%;
  border-left: 1px solid #d3d4d4;
  border-right: 1px solid #d3d4d4;
  background: #fff;
}

.readmore {
  color: #ef4923;
  margin-top: 15%;
}

.padnewabdupdates p {
  height: 25px;
}

/*contenemanager*/

/*from home*/
#formdisplay64410a77d6c5df001357112e {
  padding: 0 !important;
}

#formdisplay64410a77d6c5df001357112e .form-control,
#formdisplay64410a77d6c5df001357112e .form-control {
  border: none;
  border: 1px solid #dadada;
  border-radius: 0px !important;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  height: 42px;
  color: #fff !important;
}

#formdisplay64410a77d6c5df001357112e .btn-default:hover,
#formdisplay64410a77d6c5df001357112e .btn-default:focus {
  background-position: 0 0px;
  background: linear-gradient(to right, #dd4b2a 0%, #dd4b2a 100%);
}

#formdisplay64410a77d6c5df001357112e .btn-default {
  background-repeat: repeat-x;
  border-color: #0000;
  box-shadow: 0 0 0 0 rgb(179 179 179);
  padding: 10px 25px;
  font-size: 16px;
  width: 95%;
  border: 0px solid transparent;
  color: #fff;
  text-shadow: none;
  border-radius: 0px;
  background: linear-gradient(to right, #dd4b2a 0%, #dd4b2a 100%);
}

#formdisplay64410a77d6c5df001357112e {
  background: #dd4b2a !important;
}

#formdisplay64410a77d6c5df001357112e .input-group a {
  color: #fff;
}

.no-js #formdisplay64410a77d6c5df001357112e ::placeholder {
  color: #fff !important;
  font-weight: 300;
}

#capcha0 span {
  color: #fff0 !important;
}

a#capchatxt {
  color: #fff !important;
  font-weight: 300;
}

#formdisplay64410a77d6c5df001357112e .form-control {
  border: none;
  border-bottom: 1px solid #dadada;
  border-radius: 0px !important;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  background-color: #dd4b2a;
  height: 45px;
  padding: 0px 0px !important;
  color: #fff !important;
}

#formdisplay64410a77d6c5df001357112e .form-control:focus {
  border-bottom: 1px solid #dadada;
  color: #fff !important;
}

#formdisplay64410a77d6c5df001357112e .btn-default:hover,
#formdisplay64410a77d6c5df001357112e .btn-default:focus {
  background-position: 0 0px;
  background: linear-gradient(to right, #dd4b2a 0%, #dd4b2a 100%);
}

#formdisplay64410a77d6c5df001357112e .btn-default {
  background-repeat: repeat-x;
  border-color: #fff;
  border: 1px solid #fff !important;
  box-shadow: 0 0 0 0 rgb(179 179 179);
  padding: 8px 25px;
  font-size: 16px;
  border: 0px solid transparent;
  color: #fff !important;
  text-shadow: none;
  background: linear-gradient(to right, #dd4b2a 0%, #dd4b2a 100%);
}

#formdisplay64410a77d6c5df001357112e .glyphicon-ok-circle:before {
  display: none;
}

#background64410a77d6c5df001357112e {
  background: #dd4b2a !important;
  border-radius: 20px;
  padding: 7% 3% 3% !important;
}

.padfrom {
  font-family: "Noto Sans Thai", sans-serif;
  text-align: center;
  font-weight: 400;
  font-size: 32px;
}

#form64410a77d6c5df001357112e {
  padding: 0px 15px 0px 15px !important;
}

/*from home*/

/*from product*/
#formdisplay6441178dd42c2c00125a9e81 {
  padding: 0 !important;
}

#formdisplay6441178dd42c2c00125a9e81 .form-control,
#formdisplay6441178dd42c2c00125a9e81 .form-control {
  border: none;
  border: 1px solid #dadada;
  border-radius: 0px !important;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  height: 42px;
  color: #fff !important;
}

#formdisplay6441178dd42c2c00125a9e81 .btn-default:hover,
#formdisplay6441178dd42c2c00125a9e81 .btn-default:focus {
  background-position: 0 0px;
  background: linear-gradient(to right, #dd4b2a 0%, #dd4b2a 100%);
}

#formdisplay6441178dd42c2c00125a9e81 .btn-default {
  background-repeat: repeat-x;
  border-color: #0000;
  box-shadow: 0 0 0 0 rgb(179 179 179);
  padding: 10px 25px;
  font-size: 16px;
  width: 95%;
  border: 0px solid transparent;
  color: #fff;
  text-shadow: none;
  border-radius: 0px;
  background: linear-gradient(to right, #dd4b2a 0%, #dd4b2a 100%);
}

#formdisplay6441178dd42c2c00125a9e81 {
  background: #dd4b2a !important;
}

#formdisplay6441178dd42c2c00125a9e81 .input-group a {
  color: #fff;
}

.no-js #formdisplay6441178dd42c2c00125a9e81 ::placeholder {
  color: #fff !important;
  font-weight: 300;
}

#capcha0 span {
  color: #fff0 !important;
}

a#capchatxt {
  color: #fff !important;
  font-weight: 300;
}

#formdisplay6441178dd42c2c00125a9e81 .form-control {
  border: none;
  border-bottom: 1px solid #dadada;
  border-radius: 0px !important;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  background-color: #dd4b2a;
  height: 45px;
  padding: 0px 0px !important;
  color: #fff !important;
}

#formdisplay6441178dd42c2c00125a9e81 .form-control:focus {
  border-bottom: 1px solid #dadada;
  color: #fff !important;
}

#formdisplay6441178dd42c2c00125a9e81 .btn-default:hover,
#formdisplay6441178dd42c2c00125a9e81 .btn-default:focus {
  background-position: 0 0px;
  background: linear-gradient(to right, #dd4b2a 0%, #dd4b2a 100%);
}

#formdisplay6441178dd42c2c00125a9e81 .btn-default {
  background-repeat: repeat-x;
  border-color: #fff;
  border: 1px solid #fff !important;
  box-shadow: 0 0 0 0 rgb(179 179 179);
  padding: 8px 25px;
  font-size: 16px;
  border: 0px solid transparent;
  color: #fff !important;
  text-shadow: none;
  background: linear-gradient(to right, #dd4b2a 0%, #dd4b2a 100%);
}

#formdisplay6441178dd42c2c00125a9e81 #capcha0 {
  margin-left: -16px;
  margin-right: -25px;
}

#formdisplay6441178dd42c2c00125a9e81 #capcha0 .col-md-12.col-sm-12 {
  width: 100.7% !important;
  margin-left: 1% !important;
  margin-bottom: -2%;
}

#formdisplay6441178dd42c2c00125a9e81 .col-md-9.col-sm-12 {
  margin-top: 5%;
}

#formdisplay6441178dd42c2c00125a9e81 .btn-success {
  background-image: linear-gradient(to bottom, #676767 0, #676767 100%);
  border-color: #676767;
  width: 540%;
  border-radius: 25px !important;
  margin-top: 60% !important;
}

#selectbox5 {
  margin-bottom: -5%;
}

#formdisplay6441178dd42c2c00125a9e81 .glyphicon-ok-circle:before {
  display: none;
}

#btnview6441178dd42c2c00125a9e81 {
  margin-left: 2%;
  width: 100%;
  margin-top: 3%;
}

#progress6441178dd42c2c00125a9e810 {
  width: 85%;
  border-radius: 25px;
  margin-top: 10% !important;
  margin-left: 57%;
}

.btn-success:focus,
.btn-success:hover {
  background-color: #676767;
  background-position: 0 -15px;
}

#formdisplay6441178dd42c2c00125a9e81 .form-group.col-md-6.col-sm-12 {
  width: 150px !important;
}

#background6441178dd42c2c00125a9e81 {
  background: #dd4b2a !important;
  border-radius: 20px;
  padding: 7% 3% 3% !important;
}

.padfrom {
  font-family: "Noto Sans Thai", sans-serif;
  text-align: center;
  font-weight: 400;
  font-size: 32px;
}

#form6441178dd42c2c00125a9e81 {
  padding: 0px 15px 0px 15px !important;
}

/*from product*/

/*ร่วมงานกับเรา*/
table.tj2 {
  width: 100%;
}

table.tj2 td {
  border: 0px solid #eee;
  padding: 5px;
  font-size: 16px;
  width: 33.33%;
}

table.tj2 td h4 {
  font-size: 20px;
  font-weight: 600;
  color: #ef4923;
  margin: 0 0 5px;
}

.padding-dealer {
  padding: 7px 0 0;
}

.border-dealer {
  border: 1px solid #dfdfdf;
  border-radius: 20px;
  padding: 5%;
}

.media-body {
  margin-left: 5px;
}

/*ร่วมงานกับเรา*/

/*ประวัติ*/
.CASS-A-middle-mid {
  position: relative;
  padding: 15px;
  height: 420px;
}

/****/

/*fromcontact*/
#formdisplay644604195139ed00136f6809 {
  padding: 0 !important;
}

#formdisplay644604195139ed00136f6809 .btn-default:hover,
#formdisplay644604195139ed00136f6809 .btn-default:focus {
  background-position: 0 0px;
  background: linear-gradient(to right, #dd4b2a 0%, #dd4b2a 100%);
}

#formdisplay644604195139ed00136f6809 .btn-default {
  background-repeat: repeat-x;
  border-color: #0000;
  box-shadow: 0 0 0 0 rgb(179 179 179);
  padding: 10px 25px;
  font-size: 16px;
  width: 95%;
  border: 0px solid transparent;
  color: #676767;
  text-shadow: none;
  border-radius: 0px;
  background: linear-gradient(to right, #dd4b2a 0%, #dd4b2a 100%);
}

#formdisplay644604195139ed00136f6809 {
  background: transparent !important;
}

#formdisplay644604195139ed00136f6809 .input-group a {
  color: #676767;
  font-weight: 400;
}

.no-js #formdisplay644604195139ed00136f6809 ::placeholder {
  color: #676767 !important;
  font-weight: 400;
}

#capcha0 span {
  color: #fff0 !important;
}

a#capchatxt {
  color: #676767 !important;
  font-weight: 300;
}

#formdisplay644604195139ed00136f6809 .form-control {
  border: none;
  border-bottom: 1px solid #dadada;
  border-radius: 0px !important;
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  background-color: transparent;
  height: auto;
  padding: 30px 10px 10px 5px !important;
  color: #676767 !important;
  font-size: 15px;
}

#formdisplay644604195139ed00136f6809 .form-control:focus {
  border-bottom: 1px solid #dadada;
  color: #676767 !important;
}

#formdisplay644604195139ed00136f6809 .btn-default:hover,
#formdisplay644604195139ed00136f6809 .btn-default:focus {
  background-position: 0 0px;
  background: linear-gradient(to right, #dd4b2a 0%, #dd4b2a 100%);
}

#formdisplay644604195139ed00136f6809 .btn-default {
  background-repeat: repeat-x;
  border-color: #fff;
  border: 1px solid #fff !important;
  box-shadow: 0 0 0 0 rgb(179 179 179);
  padding: 8px 25px;
  font-size: 16px;
  border: 0px solid transparent;
  color: #fff !important;
  text-shadow: none;
  background: linear-gradient(to right, #dd4b2a 0%, #dd4b2a 100%);
  width: auto;
}

#formdisplay644604195139ed00136f6809 #capcha0 {
  margin-left: -16px;
  margin-right: -25px;
}

#formdisplay644604195139ed00136f6809 #capcha0 .col-md-12.col-sm-12 {
  width: 100.7% !important;
  margin-left: 1% !important;
  margin-bottom: -2%;
}

#formdisplay644604195139ed00136f6809 .col-md-9.col-sm-12 {
  margin-top: 5%;
}

#formdisplay644604195139ed00136f6809 .btn-success {
  background-image: linear-gradient(to bottom, #676767 0, #676767 100%);
  border-color: #676767;
  width: 540%;
  border-radius: 25px !important;
  margin-top: 60% !important;
}

#selectbox5 {
  margin-bottom: -5%;
}

#formdisplay644604195139ed00136f6809 .glyphicon-ok-circle:before {
  display: none;
}

#btnview64410a77d6c5df001357112e {
  margin-left: 2%;
  width: 100%;
  margin-top: 3%;
}

.btn-success:focus,
.btn-success:hover {
  background-color: #676767;
  background-position: 0 -15px;
}

#formdisplay644604195139ed00136f6809 .form-group.col-md-6.col-sm-12 {
  width: 150px !important;
}

#background644604195139ed00136f6809,
#background64bfa506f68686001a6b0406,
#background65cb22ae61e5df00133f637b {
  background: #f0f1f08a !important;
  border-radius: 20px;
  padding: 1% 3% 3% !important;
}

.padfrom {
  font-family: "Noto Sans Thai", sans-serif;
  text-align: center;
  font-weight: 400;
  font-size: 32px;
}

#form644604195139ed00136f6809 {
  padding: 0px 5px 0px 5px !important;
}

#editor8 {
  display: none;
}

/*fromcontact*/

/*tab*/
.TabItpContentLandingPage6 > ul {
  width: 100% !important;
  background-color: #fff !important;
}

.TabItpContentLandingPage6 > ul > li > a:hover {
  background-color: #ef4923 !important;
}

.TabItpContentLandingPage6 > ul > li.active > a {
  background-color: #ef4923 !important;
}

.tab-itp-background {
  padding: 0% !important;
  margin-top: 1% !important;
  margin-bottom: 0% !important;
}

.TabItpContentLandingPage6 {
  background-color: #f0f1f08a !important;
  padding: 10px 10px 0px 10px !important;
  border-radius: 25px !important;
}

.tab-content {
  padding: 0px !important;
}

/*tab*/

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: inherit;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

h1 {
  font-size: 2em;
}

h2 {
  font-size: 3em;
}

h3 {
  font-size: 18px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 24px;
}

h6 {
  font-size: 32px;
}

p {
  font-size: 16px;
}

b,
strong {
  font-weight: 600;
}

#background643fb8a3be66db0013fa3012 .boderedlayoutClient {
  border-top: 0px dashed transparent;
  border-left: 0px dashed transparent;
  border-right: 0px dashed transparent;
  border-bottom: 0px dashed transparent;
}

.btnintro {
  background: #ef4923;
  color: #fff;
  width: fit-content;
  margin: 0 auto;
  padding: 8px 20px;
  font-size: 16px;
  border-radius: 25px;
  box-shadow: 2px 3px 13px 0px #ef4923e0;
  position: relative;
  transition: 0.35s;
}

.no-js .btnintro {
  margin-top: -13%;
}

.btnintro:hover {
  background: #808080;
  transition: 0.35s;
  box-shadow: 2px 3px 13px 0px #808080;
}

#contentnewmode643fba6bbe66db0013fa315f {
  padding: 0px !important;
}

#contentnewmode643fc00157403600133b7c3e {
  padding: 0px !important;
}

.slidevdo {
  margin-bottom: -7px;
}

.white-space {
  white-space: break-spaces;
}

.btnmore {
  border: 1px solid #ef4923;
  text-align: center;
  width: fit-content;
  padding: 3px 15px;
  border-radius: 25px;
  margin-top: 7%;
  transition: 0.35s;
  background: #ef4923;
}

.btnmore p {
  color: #fff !important;
}

.btnmore:hover {
  transition: 0.35s;
  transform: scale(1.03);
}

.padsevtion-owat {
  margin-top: 15%;
}

.bgowat {
  width: 98%;
  margin-left: -5%;
  margin-top: 8%;
}

.padmenu-owat h5 {
  letter-spacing: 2px;
  font-weight: 400;
}

.padmenu-owat h4 {
  letter-spacing: 2px;
  font-weight: 400;
  text-transform: uppercase;
}

.padmenu-owat {
  padding: 3% 0% 1%;
}

.logoowat-footer {
  width: 80%;
  margin-bottom: 15%;
}

.footercol-1 {
  margin-left: 15%;
  width: 100%;
}

.padiconmap {
  display: flex;
  border-radius: 25px;
  border: 1px solid #ef4923;
  width: 57%;
  padding: 5px 4px;
  margin-top: 15px;
  background: #ef4923;
  color: #fff !important;
}

.iconmap {
  width: 17%;
  margin-left: 9px;
}

.texticonmap {
  align-self: center;
  margin-left: 5px;
}

.footercol-2 {
  margin-left: 25%;
  width: 100%;
}

.footercol-2 p {
  font-size: 15px;
  white-space: break-spaces;
}

.footercol-1 p {
  font-size: 15px;
  white-space: break-spaces;
}

.btnpo {
  background: #f58320;
  color: #fff;
  width: fit-content;
  padding: 5px 30px;
  border-radius: 35px;
  margin-top: 11%;
  transition: 0.35s;
}

.btnpo:hover {
  transition: 0.35s;
  transform: scale(1.03);
}

.padsocial-footer {
  margin-top: 7%;
}

#background6440bebad6c5df0013570bfc .thumbs {
  margin-bottom: 0px;
}

.btndelivert {
  background: #ef4923;
  color: #fff;
  text-align: center;
  border-radius: 25px 25px 0px 0px;
}

.btndelivert h1 {
  font-size: 2.5em;
  padding: 15px 0px 10px;
}

.paddelivery {
  border-radius: 25px;
  box-shadow: 2px 3px 16px 0px #e3e3e3e0;
}

.paddelivery-block {
  padding: 5% 4%;
  white-space: break-spaces;
  text-align: center;
  font-size: 11px;
  height: 928px;
  background: #fff;
  border-radius: 0px 0px 25px 25px;
  text-align: left;
}

.btnorange {
  background: #f58320;
  color: #fff;
  border-radius: 25px;
  text-align: center;
  width: fit-content;
  padding: 3px 20px;
  margin-top: 4%;
  margin-bottom: 3%;
}

#background644105b1d6c5df00135710bc .row-fluid [class*="col-sm-5fix"] {
  width: 16.6% !important;
}

.padbgourservice-2 {
  white-space: break-spaces;
  background: #ef4923;
  color: #fff;
  text-align: center;
  padding: 5% 0% 0%;
  height: 70px;
  border-radius: 0px 0px 35px 35px;
}

.padowatmaid-logo {
  width: 48%;
  margin: 0 auto;
  padding: 3% 0%;
  line-height: 0;
}

.padowatmaid-from {
  white-space: break-spaces;
  text-align: center;
  margin-top: 25%;
}

.padowatmaid-from h1 {
  font-weight: 500;
  font-size: 2.5em;
}

.padprice {
  text-align: center;
  padding: 3% 0% 8%;
}

.itopplus-bg2-2 {
  background-position: bottom;
}

.bordermenu {
  border-bottom: 1px solid #b3b3b3;
}

.comingsoon {
  padding: 5% 8% 15%;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  color: #fff;
  background-color: #ef4923;
  border-radius: 30px;
}

.itopplus-bg4 {
  background-position: bottom;
}

.section-thankyou h1 {
  color: #ef4923;
  font-weight: 500;
  font-size: 3em;
}

.section-thankyou {
  text-align: center;
  margin-left: -20%;
  margin-top: 7%;
}

.btnowat-thankyou {
  background: #ef4923;
  color: #fff;
  border-radius: 35px;
  width: fit-content;
  margin: 0 auto;
  font-size: 32px;
  font-weight: 500;
  margin-top: 2%;
  margin-bottom: 2%;
  padding: 5px 20px;
}

.btnowat-thankyou span {
  font-size: 34px;
}

#background6441f812d42c2c00125aa0cb .boderedlayoutClient {
  border-top: 0px dashed transparent;
  border-left: 0px dashed transparent;
  border-right: 0px dashed transparent;
  border-bottom: 0px dashed transparent;
}

.itopplus-bg3 {
  background-color: transparent;
}

.qrcode-home {
  width: 70%;
  margin: 0 auto;
  margin-top: 35%;
  margin-left: 42%;
}

.padiconsocial-home {
  background: #fff;
  display: flex;
  width: 75%;
  padding: 8px 10px;
  border-radius: 10px;
  margin-bottom: 3%;
}

.iconsocial-home {
  width: 8%;
}

.texticonsocial-home {
  align-self: center;
  font-size: 16px;
  margin-left: 12px;
  white-space: break-spaces;
}

.padiconsocial-homeblock {
  margin-top: 25%;
  margin-left: 10%;
  width: 100%;
}

#background6441f812d42c2c00125aa0cb {
  background: #ef4923;
}

.bgwhite {
  background: #fff;
}

.bghuman {
  margin-right: -30px;
}

.logoowat-contact {
  width: 85%;
  margin-top: 20%;
  line-height: 1;
  margin-left: 10%;
}

.padinformation {
  text-align: center;
  white-space: break-spaces;
  margin-left: 25px;
  width: 100%;
}

.padinformation h1 {
  font-weight: 500;
  font-size: 24px;
}

.padinformation h3 {
  font-size: 20px;
  font-weight: 500;
  margin-top: 10px;
}

.buttonExampleSite {
  border: 0px solid #fff !important;
  color: #fff !important;
  background: #ef4923 !important;
}

.buttonExampleSite:hover {
  background: #ef4923 !important;
  color: #fff !important;
}

.pdpa-text.pdpamg1 {
  padding: 5% 0%;
}

.ITPcookiebar {
  background-color: #000000bd !important;
  color: #fff !important;
}

.ITPlinkToCookiepage:hover {
  color: #fff !important;
}

.ITPcookiebar {
  width: 100% !important;
  font-size: 14px !important;
}

.pdpa-text.pdpamg1 {
  padding: 5% 0%;
}

ul.icon-a {
  font-size: 16px;
}

.itopplus-bg2-1 {
  background-position: bottom;
}

.Template-C-Title label {
  font-weight: 400;
  font-size: 16px;
  color: #676767;
}

.Template-C-Name label {
  font-weight: 400;
  font-size: 16px;
  color: #676767;
}

.Template-C-Name {
  height: 70px;
}

.Template-C-frame {
  padding: 20px 0px 20px 0px;
  margin-bottom: 0%;
}

.Template-C-frame:hover {
  -moz-box-shadow: 0 0 10px #585858;
  -webkit-box-shadow: 0 0 10px #585858;
  box-shadow: 0 0 0px #585858;
  cursor: pointer;
}

.Template-C-pic {
  border: solid 0px #ccc;
  margin-bottom: 8% !important;
}

.priceNoPromotion {
  color: #ef4923;
  font-weight: 600;
  font-size: 16px;
}

.Template-C-button.shopbottom {
  display: none;
}

/*.Template-C-innerPic:hover {
border: 5px solid #f58320;
transition: 0.35s;
}*/
.Template-C-innerPic {
  border: 5px solid transparent;
  transition: 0.35s;
  border-radius: 20px;
}

.Template-C-innerPic img {
  padding: 10px;
}

.col-xs-12.col-sm-12.col-md-12.shopcartDetail-Default.shopcartDetail {
  font-family: "Noto Sans Thai", sans-serif;
  font-size: 16px;
  padding: 1% 0% !important;
  width: 95%;
}

.col-xs-12.col-sm-12.col-md-12.shopcartRelated-Default.shopcartRelated {
  font-family: "Noto Sans Thai", sans-serif;
  font-size: 16px;
  padding: 1% 0% !important;
  width: 95%;
  border-bottom: 1px solid #d8d8d8;
}

.shopcart-Cate {
  font-size: 16px;
}

.Template-C-Big {
  border: solid 0px #ccc;
}

.shopcartID-Head-Default {
  font-size: 20px;
  border-bottom: solid 0px #d8d8d8;
  padding: 10px 0 10px 0;
  font-family: "Noto Sans Thai", sans-serif;
  color: #676767;
  display: none;
}

.row.shopcartName-Default.shopcartName {
  font-size: 20px;
  color: #ef4923;
  border-bottom: solid 0px #d8d8d8;
  padding: 10px 0 10px 0;
  font-family: "Noto Sans Thai", sans-serif;
}

.row.shopcartName-Head-Default.shopcartName {
  font-size: 18px;
  color: #676767;
  border-bottom: solid 0px #d8d8d8;
  padding: 10px 0 10px 0 !important;
  font-family: "Noto Sans Thai", sans-serif;
}

.row.shopcartID-Default.shopcartID {
  font-size: 18px;
  color: #ef4923;
  border-bottom: solid 0px #d8d8d8;
  padding: 10px 0 10px 0;
  font-family: "Noto Sans Thai", sans-serif;
  display: none;
}

.col-md-12.shopcartSize-Default.shopcartSize {
  font-family: "Noto Sans Thai", sans-serif;
  color: #676767;
}

.col-md-12.shopcartSize-Default.shopcartSize label {
  font-weight: 400;
}

.attribute-button-setting {
  font-family: "Noto Sans Thai", sans-serif;
}

.shopcartlinePrice-Default {
  color: #d8d8d8;
}

.Template-C-PricePromotion {
  color: #ef4923;
  font-family: "Noto Sans Thai", sans-serif;
}

.Template-C-Quantity {
  color: #676767;
  font-family: "Noto Sans Thai", sans-serif;
  font-weight: 500;
}

.Template-C-Item {
  color: #676767;
  font-family: "Noto Sans Thai", sans-serif;
  font-weight: 500;
}

.col-xs-4.col-sm-3.col-md-3.ITPquantityWord {
  width: 15%;
}

.col-xs-4.col-sm-2.col-md-2.ITPquantityUnit {
  margin-left: 5%;
}

.col-xs-3.col-sm-2.col-md-2.ITPquantityDetail {
  font-family: "Noto Sans Thai", sans-serif;
}

.Template-C-Icon {
  display: none;
}

.Template-C-buttonDetail {
  width: fit-content;
  background-color: #ef4923;
  font-family: "Noto Sans Thai", sans-serif;
  margin: 5px 0 0 120px;
  color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 25px;
  font-weight: 500;
  padding: 10px 25px 10px 25px;
  margin-top: 2% !important;
  font-size: 16px;
  transition: 0.35s;
}

.Template-C-buttonDetail:hover {
  cursor: pointer;
  width: fit-content;
  background-color: #808080;
  transition: 0.35s;
}

.shopcartlinePrice-Default {
  border-bottom: solid 0px;
}

.Template-C-Price {
  height: auto;
  color: #ef4923;
  font-weight: 600;
  font-size: 16px;
}

.Template-C-Price label {
  font-weight: 600;
}

.Template-C-PriceNormal {
  color: #ef4923;
  font-family: "Noto Sans Thai", sans-serif;
}

.bgowat-about {
  width: 108%;
  margin-left: -10%;
  margin-top: 20%;
}

.padiconcontact {
  display: flex;
  border-radius: 25px;
  width: 47%;
  margin-bottom: 1.5%;
}

.iconcontact {
  width: 13%;
}

.texticoncontact {
  align-self: center;
  margin-left: 4%;
  width: 88%;
}

.padsocial-contact {
  margin-top: 4%;
}

.padiconstanddard {
  display: flex;
  border: 4px solid #e87860;
  border-radius: 30px;
  background: #fff !important;
  box-shadow: 3px 3px 20px 3px rgb(120 120 120 / 25%);
  padding: 3% 0%;
  margin-bottom: 7%;
  margin-top: 1%;
}

.iconstanddard {
  width: 57%;
  margin: 0 auto;
  margin-bottom: 10%;
}

figure.effect-apollo figcaption::before {
  background: rgb(255 255 255 / 0%);
}

figure.effect-apollo {
  background: transparent;
  border-radius: 15px;
}

.logoowat-service2 {
  width: 23%;
  margin: 0 auto;
  margin-bottom: 2%;
  line-height: 0;
}

.padlogoiso-service {
  display: flex;
  width: 100%;
}

.logoiso-service {
  width: 58%;
  margin: 0 auto;
  padding: 0% 5%;
}

.bgour-service2 {
  border: 4px solid #e87860;
  border-radius: 30px;
  background: #fff !important;
  box-shadow: 3px 3px 20px 3px rgb(181 181 181 / 20%);
  padding: 3%;
  margin-bottom: 5%;
}

.bgour-service {
  border: 4px solid #e87860;
  border-radius: 30px;
  background: #fff !important;
  box-shadow: 3px 3px 20px 3px rgb(181 181 181 / 20%);
  padding: 5%;
  margin-bottom: 2%;
  height: 340px;
}

.section-thankyouservice {
  text-align: center;
  margin-bottom: 6%;
}

.iconwork {
  width: 37%;
  margin: 0 auto;
  margin-bottom: 5%;
  margin-top: 4%;
}

.padiconwork {
  text-align: center;
  border: 3px solid #e87860;
  border-radius: 20px;
  background: #fff !important;
  box-shadow: 3px 3px 20px 3px rgb(181 181 181 / 15%);
  padding-bottom: 7%;
  transition: 0.35s;
}

.padiconwork:hover {
  transition: 0.35s;
  transform: translateY(-7px);
}

.padcleaningpolicy {
  text-align: center;
  border: 3px solid #e87860;
  border-radius: 20px;
  background: #fff !important;
  box-shadow: 3px 3px 20px 3px rgb(181 181 181 / 15%);
  padding-bottom: 7%;
  transition: 0.35s;
}

.padcleaningpolicy:hover {
  transition: 0.35s;
  transform: translateY(-7px);
}
.padowat-bruch {
  text-align: left;
  white-space: break-spaces;
}

.padowat-bruchblock {
  padding: 3% 2%;
}

.padowat-bruchblock .iconcontact {
  width: 7%;
}

.padowat-bruchblock .padiconcontact {
  width: 100%;
}

.padowat-bruchblock .texticoncontact {
  margin-left: 2%;
}

.padowat-bruchblock iframe {
  margin-top: 3%;
}

.qrcode {
  width: 70%;
  margin-top: -10% !important;
  margin: 0 auto;
}

#background644623bfb70cae0012c3d796 .col-md-4.col-sm-4.col-xs-6.col-sm-5fix {
  width: 16.5% !important;
}

.padcsr span {
  color: #ef4923;
  font-size: 22px;
  font-weight: 600;
}

#background64462999d6c5df0013572e44 {
  width: 70%;
  margin: 0 auto;
}

#background644623bfb70cae0012c3d796 {
  border: 4px solid #e87860;
  border-radius: 30px;
  background: #fff !important;
  box-shadow: 3px 3px 20px 3px rgb(120 120 120 / 25%);
  padding: 3% 0%;
  margin-bottom: 4%;
  margin-top: 1%;
}

#background644623bfb70cae0012c3d796 figure.effect-oscar {
  background: transparent;
  padding: 0% 10% !important;
}

#background64462d48d6c5df0013572f6a figure.effect-oscar {
  border-radius: 35px;
}

.pafhistory {
  text-align: center;
  white-space: break-spaces;
}

#background64463075d6c5df00135730f9 {
  border: 4px solid #e87860;
  border-radius: 30px;
  background: #fff !important;
  padding: 2% 0%;
  box-shadow: 3px 3px 20px 3px rgb(120 120 120 / 25%);
  margin-top: -2%;
}

.padiconhistory {
  text-align: center;
}

#background644636f8d42c2c00125abbac .thumbs {
  margin-bottom: 0px;
}

#background644637339eefde00135c83bd .thumbs {
  margin-bottom: 0px;
}

.padabout-3 {
  text-align: center;
  padding: 24% 0%;
}

.padabout-4 {
  text-align: center;
  padding: 18% 0%;
}

.padcleaningpolicy {
  text-align: center;
  margin-bottom: 6%;
}

.cleaningpolicy {
  width: 35%;
  margin: 0 auto;
  padding: 8% 0% 5%;
}

.padtext-owat h6 {
  font-size: 4em;
  font-weight: 600;
  color: #fff !important;
}

.padtext-owat {
  text-align: center;
  padding: 10% 0%;
}

.padaward {
  border: 4px solid #e87860;
  border-radius: 30px;
  background: #fff !important;
  box-shadow: 3px 3px 20px 3px rgb(181 181 181 / 20%);
  padding: 5% 4%;
  text-align: center;
  width: 70%;
  margin: 0 auto;
  margin-top: 5%;
  margin-bottom: 5%;
}

.padaward .logoowat-service2 {
  width: 35%;
  margin: 0 auto;
  margin-bottom: 4%;
  line-height: 0;
}

.padawardwd {
  border: 4px solid #e87860;
  border-radius: 30px;
  background: #fff !important;
  box-shadow: 3px 3px 20px 3px rgb(181 181 181 / 20%);
  padding: 5% 4%;
  text-align: center;
  width: 95%;
  margin: 0 auto;
  margin-top: 5%;
  margin-bottom: 5%;
}

.padawardwd .logoowat-service2 {
  width: 35%;
  margin: 0 auto;
  margin-bottom: 4%;
  line-height: 0;
}
#background6440bea209cc57001244ac08 .grid figure figcaption {
  background: linear-gradient(to bottom, rgba(239, 73, 35, 0) 0%, rgba(239, 73, 35, 0.65) 100%);
  margin-top: 40%;
}

#background6440bea209cc57001244ac08 figure.effect-sadie figcaption::before {
  background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0, rgb(72 76 97 / 0%) 75%);
}

#background6440bebad6c5df0013570bfc .grid figure figcaption {
  background: linear-gradient(to bottom, rgba(239, 73, 35, 0) 0%, rgba(239, 73, 35, 0.65) 100%);
  margin-top: 40%;
}

#background6440bebad6c5df0013570bfc figure.effect-sadie figcaption::before {
  background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0, rgb(72 76 97 / 0%) 75%);
}

#background6440bed49eefde00135c5dfd .grid figure figcaption {
  background: linear-gradient(to bottom, rgba(239, 73, 35, 0) 0%, rgba(239, 73, 35, 0.65) 100%);
  margin-top: 40%;
}

#background6440bed49eefde00135c5dfd figure.effect-sadie figcaption::before {
  background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0, rgb(72 76 97 / 0%) 75%);
}

.Textmanager.font-inherit {
  text-align: left;
}

#background64bf8925f68686001a6aff78 .grid figure figcaption {
  background: linear-gradient(to bottom, rgba(239, 73, 35, 0) 0%, rgba(239, 73, 35, 0.65) 100%);
  margin-top: 30%;
}

#background64bf8925f68686001a6aff78 figure.effect-sadie figcaption::before {
  background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0, rgb(72 76 97 / 0%) 75%);
}

.btnpo-service p {
  font-size: 21px;
}

.btnpo-service {
  background: #ef4923;
  color: #fff;
  width: fit-content;
  padding: 8px 30px;
  border-radius: 35px;
  margin-top: 5%;
  transition: 0.35s;
}
.btnpo-service:hover {
  transition: 0.35s;
  transform: scale(1.03);
}

.btnpo-service2 {
  background: #ef4923;
  color: #fff;
  width: fit-content;
  padding: 50px 25px;
  border-radius: 35px;
  margin-top: 0%;
  transition: 0.35s;
}
.btnpo-service2 p {
  font-size: 18px;
}
.btnpo-service2:hover {
  transition: 0.35s;
  transform: scale(1.03);
}

/* from PAYMENT */
#Component64770454b4211d001af6d37f {
  width: 97%;
  margin: 0 auto;
  border: solid 0px #eaeef5;
}

#Component64770454b4211d001af6d37f .progress {
  width: 138%;
  margin: 15px !important;
}

#Component64770454b4211d001af6d37f .boarder-confirm-payment {
  border: 0px solid transparent !important;
  border-radius: 0px !important;
}

#Component64770454b4211d001af6d37f textarea.form-control {
  height: auto;
  width: 155%;
}

#Component64770454b4211d001af6d37f .btn-success {
  color: #fff;
  background-image: linear-gradient(to bottom, #ef4923 0, #ef4923 100%);
  background-color: transparent;
  border-color: #ffffff00;
  box-shadow: none;
  padding: 5px 10px 5px 10px;
  border-radius: 5px;
  margin-top: 0px;
  margin-left: 4%;
}

#Component64770454b4211d001af6d37f .btn-success:hover {
  background-position: 0px;
  background: #333;
  color: #fff;
}

#Component64770454b4211d001af6d37f .input-group #Component64770454b4211d001af6d37f .form-control {
  height: 50px;
  padding: 0% 2% 0;
  border-radius: 0px;
  font-size: 14px;
  color: #555;
}

#Component64770454b4211d001af6d37f .form-control {
  height: 50px;
  padding: 15px 15px;
  font-size: 14px;
  color: #555;
  background-color: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 0px;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}

#Component64770454b4211d001af6d37f .form-control:hover {
  border: 1px solid #ef4923;
}

#Component64770454b4211d001af6d37f .input-group-addon {
  padding: 10px 15px;
  color: #fff;
  background-color: #ef4923;
  border: 1px solid #ef4923;
  border-radius: 0px;
}

#Component64770454b4211d001af6d37f .btn-default {
  background-image: linear-gradient(to right, #ef4923 0%, #ef4923 100%);
  background-repeat: repeat-x;
  border-color: #ef4923;
  border-radius: 5px;
  padding: 10px 10px;
  font-size: 14px;
  border: 0px solid transparent;
  color: #fff;
  font-weight: 300;
}

#Component64770454b4211d001af6d37f .btn-default:hover,
#Component64770454b4211d001af6d37f .btn-default:focus {
  background-color: #ef4923;
  color: #fff;
  border-color: #ffffff;
  box-shadow: 0 0 5px black;
}

#Component64770454b4211d001af6d37f .col-md-1 {
  margin-top: 3% !important;
}

#Component64770454b4211d001af6d37f .form-horizontal .control-label {
  font-weight: 400;
}

#background64770454b4211d001af6d37f {
  background: #f0f1f08a !important;
  border-radius: 20px;
  padding: 4% 3% 3% !important;
}

/* from PAYMENT */

#searchResultLanding .panel {
  margin: 6% 0;
}

#itp-shopcart-detail {
  padding-left: 0px !important;
}

.itopplus-search-image-flex-item {
  padding: 0px !important;
  width: 213px !important;
  min-height: 300px !important;
  max-height: 430px !important;
  background-color: #fff !important;
  box-shadow: none !important;
}

.itopplus-search-image-flex-item img {
  width: 100% !important;
}

.search_titleText {
  padding: 5px 0px;
  font-size: 16px;
}

.search_text {
  padding: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}

.detail-owat p span {
  color: #ef4923;
  font-size: 18px;
  font-weight: 600;
}

.Textmanager.font-inherit h2 {
  font-size: 20px;
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1900px) {
  .itopplus-search-image-flex-item {
    width: 190px !important;
  }
  .padiconmap {
    padding: 5px 20px;
  }
}

@media only screen and (max-width: 900px) {
  .itopplus-search-image-flex-item {
    margin: 5px 0 !important;
    width: 227px !important;
    min-height: 240px !important;
    max-height: 425px !important;
  }

  .search_titleText {
    padding: 5px 0px;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
  }

  /*ประวัติ*/
  .CASS-A-middle-mid {
    height: 475px;
  }

  img#myImage1700118440534 {
    width: 50% !important;
  }

  img#myImage1700118374308 {
    width: 50% !important;
  }

  img#myImage1700118313362 {
    width: 50% !important;
  }

  img#myImage1700118488023 {
    width: 50% !important;
  }

  img#myImage1700118519191 {
    width: 50% !important;
  }

  img#myImage1700118542233 {
    width: 50% !important;
  }
}

@media only screen and (max-width: 480px) {
  .itopplus-search-image-flex-item {
    width: 100% !important;
    min-height: 210px !important;
    max-height: inherit !important;
  }

  .itopplus-search-image-flex-item img {
    width: 100% !important;
  }

  .search_titleText {
    padding: 5px 0px;
    font-size: 14px;
  }

  .search_text {
    padding: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
  }

  /*ประวัติ*/
  .CASS-A-middle-mid {
    height: 380px;
  }
}

.ui.steps .step.active {
  color: #fff;
  background: #ef4923;
}

.ui.steps .step.active .title {
  color: #ffffff;
  font-family: "Noto Sans Thai", sans-serif;
}

.ui.steps .step .title {
  font-family: "Noto Sans Thai", sans-serif;
  font-size: 15px;
  font-weight: 300;
  padding: 10px 0px 10px 0px;
  line-height: 1.3;
}

.step1checkout {
  background: #ef4923;
  border: 5px solid #ef4923;
}

.btnCheckoutprevious {
  background: #ef4923;
  font-weight: 300;
  font-size: 18px;
}

.step5checkout {
  background: #ef4923;
  font-family: "Noto Sans Thai", sans-serif;
}

.shopcart-paymentpage {
  font-size: 18px;
  background: #ef4923;
  width: 30%;
  padding: 2%;
}

.Template-H-PriceMember {
  color: #000;
  font-family: "Noto Sans Thai", sans-serif;
}

.notificationcart {
  color: white;
  background: #ef4923;
  bottom: 30%;
  right: 20%;
}

.img-thumbnail {
  border: 0px solid #ddd;
}

#scrolltoshop .col-xs-3.col-sm-2.col-md-2 {
  margin-top: -2%;
}

.itpproductMenuPadding:hover {
  background: #ef4923;
  border-radius: 10px;
}

.itpproductMenuPadding {
  border: 0px solid #fff !important;
  border-radius: 10px;
}

.itpproductMenuPadding {
  padding: 3% 4%;
}

.topLayerforLevel3 {
  width: 96%;
  margin: 0 auto;
}

.TabItpContentLandingPage6 > ul > li > a {
  background-color: #808080 !important;
}

.TabItpContentLandingPage6 > ul > li > a > span {
  color: #fff !important;
}

.Template-C-frame:hover {
  border: 10px solid #ef4923;
  transition: 0.35s;
  border-radius: 10px;
}

.itpproductMenuPadding:hover p {
  color: #fff !important;
}

/*megamenu*/

.iconstanddard-block:hover {
  transition: 0.35s;
  transform: scale(1.03);
}

.iconstanddard-block {
  transition: 0.35s;
}

.padtextmapo {
  margin-top: 8%;
  margin-bottom: -11%;
  margin-left: 22%;
}

.padtextmapo h5 {
  font-size: 22px;
}

#background645c5571163ff50013844894 {
  background: #ef4923;
  color: #fff;
}

.padmapchonburi {
  margin-top: -2px;
  margin-bottom: -1px;
  width: 101%;
}

.padcontact-chonburi {
  margin-left: -5%;
  margin-top: 2%;
  width: 100%;
}

.padicondelivery {
  display: flex;
  width: 100%;
  height: 40px;
  margin-top: -5px;
}

.padicondelivery2 {
  display: flex;
  width: 100%;
  height: 56px;
  margin-top: 24px;
}

img#myImage1691744044508 {
  width: 55% !important;
}

img#myImage1691743858931 {
  width: 55% !important;
}

img#myImage1691745405889 {
  width: 55% !important;
}

.MainFontBankClass p {
  padding: 2% 0%;
}

.itp-auto-order .AutoOrderBackgroundImageTemplate3 {
  left: 31% !important;
  width: 38%;
}

.title span2 {
  font-weight: 500;
}

.title {
  font-weight: 500;
}

.TabItpContentLandingPage6 > ul > li > a > span {
  font-weight: 500;
}

.texticontel-2 {
  text-align: left;
}

.title span2 {
  font-weight: 500;
}

.title span2 {
  font-size: 16px;
}

.title {
  font-size: 28px;
  margin-top: 2%;
}

.img5 {
  width: 85%;
  margin: 0 auto;
}

/*hvr-backward*/
.hvr-backward:hover,
.hvr-backward:focus,
.hvr-backward:active {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}

.hvr-backward {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
}

.hvr-backward1:hover,
.hvr-backward1:focus,
.hvr-backward1:active {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}

.hvr-backward1 {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
}

/*hvr-backward*/

.PictureOverflow {
  width: 100%;
  max-height: inherit;
}

.Template-C-smallpic {
  height: auto;
}

#tableA {
  width: 100%;
}

#tableA th {
  background-color: #ef4923;
  padding: 10px;
  color: #000;
  font-size: 16px;
  border: 1px solid #000;
}

#tableA td {
  border: 1px solid #000;
  padding: 10px;
  font-size: 16px;
  width: 17%;
}

#background649e5309ef2d2e0013781891 .Template-C-Name {
  height: 100px;
}

.bgone {
  text-align: center;
  margin-top: 20%;
}

.bgone p {
  white-space: break-spaces;
  margin-top: 2%;
}

.bgone h5 {
  white-space: break-spaces;
}

.bgone h2 {
  font-size: 3.5em;
  font-weight: 600;
}

.border-bgone {
  border-top: 2px solid #ead38a;
  width: 40%;
  margin: 0 auto;
  margin-top: 5%;
  margin-bottom: 5%;
}

.bgone h1 {
  font-weight: 600;
}

.bgone h5 {
  font-weight: 600;
}

#background652367178c9ae9001ab9bbab .thumbs {
  margin-bottom: 0px;
}

#background652369776a76aa001aed8267 .thumbs {
  margin-bottom: 0px;
}

.Textmanager.font-inherit {
  font-size: 16px;
}

@media screen and (min-width: 1900px) {
  h1 {
    font-size: 2.5em;
  }

  h2 {
    font-size: 3em;
  }

  h3 {
    font-size: 22px;
  }

  h4 {
    font-size: 24px;
  }

  h5 {
    font-size: 28px;
  }

  h6 {
    font-size: 42px;
  }

  p {
    font-size: 20px;
  }
  .padowatmaid-from h1 {
    font-size: 3.5em !important;
  }
  .btnintro {
    font-size: 20px;
  }

  ul.icon-a {
    font-size: 20px;
  }

  .Contentmanager p {
    white-space: break-spaces;
    font-size: 20px;
  }

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

  .dropdown-menu > li > a {
    font-size: 20px;
  }

  .padbgourservice {
    height: 85px;
  }

  .texticonsocial-home {
    font-size: 20px;
  }

  .padinformation h1 {
    font-size: 30px;
  }

  .section-thankyou h1 {
    font-size: 4em;
  }

  .btnowat-thankyou span {
    font-size: 40px;
  }

  .btnowat-thankyou {
    font-size: 50px;
  }

  .readmore {
    margin-top: 25%;
  }

  .textfooter2 {
    font-size: 16px;
  }

  .footercol-2 p {
    font-size: 18px;
  }

  .footercol-1 p {
    font-size: 18px;
  }

  .texticonmap {
    font-size: 18px;
  }

  .padfrom {
    font-size: 42px;
  }

  #formdisplay64410a77d6c5df001357112e .form-control {
    font-size: 16px;
  }

  .Template-C-Name label {
    font-size: 16px;
  }

  .Template-C-Title label {
    font-size: 20px;
  }

  .priceNoPromotion {
    font-size: 20px;
  }

  .Template-C-Name {
    height: 85px;
    padding: 0% 5%;
  }

  .paddelivery-block {
    font-size: 14px;
  }

  .paddelivery-block {
    height: 1083px;
  }

  #formdisplay6441178dd42c2c00125a9e81 .form-control {
    font-size: 16px;
  }

  #progress6441178dd42c2c00125a9e810 {
    width: 85%;
    border-radius: 25px;
    margin-top: 14% !important;
    margin-left: 86%;
  }

  .col-xs-12.col-sm-12.col-md-12.shopcartDetail-Default.shopcartDetail {
    font-size: 20px;
  }

  .col-xs-12.col-sm-12.col-md-12.shopcartRelated-Default.shopcartRelated {
    font-size: 20px;
  }

  .shopcart-Cate {
    font-size: 20px;
  }

  .shopcartID-Head-Default {
    font-size: 28px;
  }

  .row.shopcartName-Head-Default.shopcartName {
    font-size: 28px;
  }

  .row.shopcartID-Default.shopcartID {
    font-size: 24px;
  }

  .row.shopcartName-Default.shopcartName {
    font-size: 24px;
  }

  .attribute-button-setting {
    font-size: 16px;
  }

  .Template-C-PricePromotion {
    font-size: 36px !important;
  }

  .Template-C-Quantity {
    font-size: 18px !important;
  }

  .Template-C-Item {
    font-size: 18px !important;
  }

  .Template-C-buttonDetail {
    font-size: 20px;
  }

  .Template-C-PriceNormal {
    font-size: 36px !important;
  }

  .padtext-owat h6 {
    font-size: 5em;
  }

  .bgour-service {
    height: 420px;
  }

  .iconwork {
    width: 35%;
  }

  table.tj2 td h4 {
    font-size: 22px;
  }

  .media-body {
    font-size: 20px;
  }

  .border-dealer {
    font-size: 20px;
  }

  .qrcode {
    width: 60%;
  }

  ul.nav.nav-pills.nav-justified span {
    font-size: 22px !important;
  }

  .padowat-bruchblock .iconcontact {
    width: 6%;
  }

  #formdisplay644604195139ed00136f6809 .form-control {
    padding: 35px 10px 10px 5px !important;
    font-size: 17px;
  }

  .btnpo p {
    font-size: 29px !important;
  }

  .btnpo-service p {
    font-size: 26px;
  }

  .padtextmapo h5 {
    font-size: 30px;
  }

  .padiconsocial-homeblock {
    margin-top: 29%;
  }

  .title span2 {
    font-size: 20px;
  }

  .title {
    font-size: 50px;
  }

  .itp-auto-order .TemplateHeaderSize {
    font-size: 28px;
  }

  .img5 {
    width: 80%;
    margin: 0 auto;
  }

  .itp-auto-order .AutoOrderBackgroundImageTemplate3 {
    margin-bottom: 10%;
  }

  #tableA td {
    font-size: 20px;
  }

  .Template-C-Price {
    font-size: 20px;
  }

  .detail-owat p span {
    font-size: 22px;
  }

  .bgone h2 {
    font-size: 4.5em;
    font-weight: 600;
  }

  .Textmanager.font-inherit h2 {
    font-size: 26px;
  }

  .Textmanager.font-inherit {
    font-size: 20px;
  }
  .padtextmapo h2 {
    font-size: 2.5em;
  }
}

@media screen and (max-width: 1191px) {
  .navbar-default .navbar-nav > li > a {
    padding: 7px 7px;
    font-size: 14px;
  }

  .dropdown-menu > li > a {
    color: #000;
    font-size: 14px;
  }

  .white-space {
    white-space: inherit;
  }

  .padsevtion-owat {
    margin-top: 3%;
  }

  .padiconsocial-homeblock {
    margin-top: 10%;
  }

  .section-thankyou {
    margin-top: 3%;
  }

  .Contentmanager p {
    white-space: inherit;
  }

  .readmore {
    margin-top: 35%;
  }

  .padiconmap {
    width: 55%;
  }

  .itopplus-bg7 {
    background-size: cover;
  }

  #formdisplay64410a77d6c5df001357112e .btn-success {
    width: fit-content;
  }

  #progress64410a77d6c5df001357112e0,
  #progress64bf8925f68686001a6aff8d0 {
    margin-top: 0% !important;
    margin-left: 0%;
  }

  .iconsocial-home {
    width: 10%;
  }

  #background64463075d6c5df00135730f9 {
    margin-top: 3%;
  }

  #formdisplay6441178dd42c2c00125a9e81 .btn-success {
    width: fit-content;
  }

  #progress6441178dd42c2c00125a9e810 {
    margin-top: 0% !important;
    margin-left: 0%;
  }

  .border-dealer .col-md-6.col-sm-6.padding-col {
    width: 100%;
  }

  .border-dealer img {
    width: 65% !important;
  }

  .qrcode {
    width: 70%;
    margin-top: 0% !important;
    margin: 0 auto;
  }

  .shopcart {
    -webkit-border-radius: 20px 0px 0px 20px !important;
    width: 65px !important;
    height: 65px !important;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_22072022zsx5/35/0/cartz-z1679865104044.webp);
    background-position: 42% 50%;
    background-color: #ef4923;
    right: 1.5%;
    border-radius: 150px !important;
    top: 10%;
    transition: width 0.3s, height 0.3s;
    animation: pulse 7s infinite 7s;
  }
}

@media only screen and (max-width: 900px) {
  h4 {
    font-size: 20px;
  }

  h6 {
    font-size: 26px;
  }

  .padiconourmaidservice {
    padding: 20% 0% 0%;
  }

  .padinformation img {
    width: 16% !important;
  }

  .bghuman {
    margin-right: -120px;
  }

  .qrcode-home {
    width: 100%;
    margin: 0 auto;
    margin-top: 65%;
  }

  .padiconsocial-home {
    width: 95%;
  }

  .logoowat-contact {
    display: none;
  }

  .padinformation {
    margin-top: 35%;
  }

  .padfrom {
    font-size: 20px;
  }

  #display1,
  #display3 {
    width: 108%;
  }

  #selectbox5 {
    width: 108%;
  }

  .section-thankyou h1 {
    font-size: 2em;
  }

  .btnowat-thankyou span {
    font-size: 24px;
  }

  .btnowat-thankyou {
    font-size: 26px;
  }

  .padabout-3 {
    padding: 15% 0% 0%;
  }

  .padaward {
    width: 100%;
  }

  .padaward2 {
    width: 100%;
  }

  .iconwork {
    width: 30%;
  }

  table.tj2 td h4 {
    font-size: 18px;
    font-weight: 600;
    color: #ef4923;
    margin: 0 0 5px;
  }

  .table-responsive {
    border: 1px solid #ddd !important;
  }

  .iconcontact {
    width: 20%;
  }

  .bgour-service {
    height: 470px;
  }

  .bordermenu {
    border-bottom: 0px solid #b3b3b3;
  }

  .padtextmapo {
    margin-top: 0%;
    margin-bottom: -11%;
    margin-left: 8%;
  }

  #background6441f812d42c2c00125aa0cb {
    display: none;
  }

  #background645c5571163ff50013844894 {
    display: none;
  }

  i.fab.fa-line.ITPsizeLine {
    margin-top: -2px;
  }

  .fa-phone:before {
    content: "\f095";
    font-size: 18px;
  }

  i.fas.fa-phone {
    margin-top: 1px;
  }

  .paddelivery-block {
    height: 600px;
  }

  .itp-auto-order .AutoOrderBackgroundImageTemplate3 {
    left: 20% !important;
    width: 55%;
    margin-bottom: -5%;
  }

  .row.row-col.MainBankClass1 {
    height: 300px;
  }

  .manage-form-confirm-payment {
    padding: 0px 5% 0px 5% !important;
  }

  .zIndex-menu {
    height: 0;
  }

  .padmenu-owat {
    padding: 5% 0% 1%;
  }

  .itopplus-slide {
    padding-top: 5px !important;
  }

  #background64ae23f3fd19ae0013d62692 .row-fluid [class*="col-sm-5fix"] {
    width: 14% !important;
  }
}

@media only screen and (max-width: 480px) {
  .bgone {
    margin-top: 10%;
    margin-bottom: 10%;
  }

  table.tj2 td {
    display: block;
    width: 100%;
  }

  .padding-dealer.row.row-col img {
    width: 100% !important;
  }

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

  #background6440a5389eefde00135c58a0 .col-md-3.col-sm-6.col-xs-12.padding {
    width: 50%;
    min-height: 160px;
  }

  #background6476fc3308e256001aa0483c .col-md-3.col-sm-6.col-xs-12.padding {
    width: 50%;
  }

  #background6440a53a9eefde00135c58a5 .col-md-3.col-sm-6.col-xs-12.padding {
    width: 100%;
  }

  #imagesControl6440a57db70cae0012c3b0e9 {
    padding: 0px !important;
  }

  #imagesControl6440a56b5139ed00136f4677 {
    padding: 0px !important;
  }

  #imagesControl6440a59db70cae0012c3b119 {
    padding: 0px !important;
  }

  #imagesControl6440a54e9eefde00135c58c1 {
    padding: 0px !important;
  }

  .padiconourmaidservice {
    padding: 15% 0% 15%;
  }

  .padbgourservice {
    margin-bottom: 10%;
  }

  #background6440aa309eefde00135c59a5 {
    width: 100%;
  }

  .padinformation {
    margin-top: 0%;
    margin-left: 0px;
  }

  .padinformation img {
    width: 10% !important;
    margin-bottom: 8%;
  }

  .qrcode-home {
    width: 50%;
    margin: 0 auto;
    margin-top: 5%;
  }

  .padiconsocial-homeblock {
    margin-left: 0%;
    margin-top: 10%;
  }

  #background6441f812d42c2c00125aa0cb {
    background: transparent;
  }

  .section-thankyou {
    margin-top: 3%;
    margin-left: 0%;
  }

  article.col-md-6.item.-micro {
    width: 100%;
  }

  .readmore {
    margin-top: 42%;
  }

  #imagesControl644636f8d42c2c00125abbac {
    padding: 0px !important;
  }

  #mainmenu644636f1d42c2c00125abba2 {
    margin: -12px;
  }

  #imagesControl644637339eefde00135c83bd {
    padding: 0px !important;
  }

  #mainmenu644636f3d42c2c00125abba7 {
    margin: -12px;
  }

  .padaward .logoowat-service2 {
    width: 55%;
    margin: 0 auto;
    margin-bottom: 7%;
    line-height: 0;
  }

  .logoowat-service2 {
    width: 55%;
    margin: 0 auto;
    margin-bottom: 6%;
    line-height: 0;
  }

  .padiconstanddard {
    display: block;
  }

  .iconstanddard {
    width: 30%;
  }

  .iconstanddard-block {
    margin-top: 10%;
    width: 50%;
    display: inline-grid;
  }

  .padowat-bruchblock .iconcontact {
    width: 12%;
  }

  .table-responsive {
    border: 0px solid #ddd !important;
  }

  .Contenemanager-gallery .col-xs-6.col-md-3 {
    width: 100%;
  }

  #background65b9bc695e57d900149d8a0f .imgLightbox {
    margin: 0 auto;
    padding-bottom: 20%;
    width: 55% !important;
  }

  #background644623bfb70cae0012c3d796 .imgLightbox {
    margin: 0 auto;
    padding-bottom: 20%;
    width: 55% !important;
  }

  .bgour-service {
    height: 450px;
  }

  #mainmenu643fb8a3be66db0013fa3012 {
    margin: -10px !important;
  }

  .row.margin.Shopcart-Related-Main {
    display: none;
  }

  .contenemanager-gallery .col-xs-12.col-md-3 {
    width: 100%;
  }

  .bghuman {
    margin-right: -120px;
    width: 151%;
    margin-left: -10%;
  }

  .padmapchonburi {
    margin-top: -2px;
    margin-bottom: -3px;
    margin-left: -17%;
    width: 130%;
  }

  #contentnewmode644206db9eefde00135c67f3 {
    background: #ef4923;
  }

  .padtextmapo {
    margin-top: 7%;
    margin-bottom: 0%;
    margin-left: 0%;
    text-align: center;
  }

  #mainmenu6441f812d42c2c00125aa0cb {
    margin: -10px;
  }

  #mainmenu645c5571163ff50013844894 {
    margin: -10px;
  }

  .padtextmapo {
    text-align: center;
    padding: 0% 5%;
  }

  .padiconsocial-homeblock {
    margin-left: 8%;
    margin-top: 10%;
    margin-bottom: 10%;
  }

  .padiconsocial-homeblock {
    margin-left: 2%;
    margin-top: 10%;
    margin-bottom: 10%;
  }

  .padcontact-chonburi .padiconsocial-homeblock {
    margin-left: 8%;
  }

  #background6441f812d42c2c00125aa0cb {
    display: inherit;
  }

  #background645c5571163ff50013844894 {
    display: inherit;
  }

  #imagesControl644216319eefde00135c6a23 {
    padding: 0px !important;
  }

  #background65b9bc695e57d900149d8a0f {
    margin-top: 8%;
  }

  .padbgourservice {
    border-radius: 0px 0px 25px 25px;
  }

  article.col-md-6.item.-micro {
    width: 50%;
  }

  .padowatmaid-from h1 {
    font-size: 2em;
  }

  .btnorange h4 {
    font-size: 16px;
  }

  .paddelivery-block h4 {
    font-size: 16px;
  }

  .btndelivert h1 {
    font-size: 24px;
  }

  .paddelivery-block {
    padding: 5% 4% 7%;
    height: auto;
  }

  .padicondelivery {
    margin-top: 0px;
    margin-top: 5%;
  }

  #background644106835139ed00136f4f88 .col-md-3.col-sm-4.col-xs-12 {
    width: 50%;
    float: right;
  }

  .col-xs-12.col-sm-3 {
    width: 50%;
  }

  #background64462a885139ed00136f6d0a .col-md-4.col-sm-4.col-xs-12 {
    width: 50%;
  }

  #imagesControl6476fc7c7dc1240013f33358 {
    padding: 0px !important;
  }

  #imagesControl6476fc5908e256001aa04851 {
    padding: 0px !important;
  }

  #background6476fc5908e256001aa04851 .thumbs {
    margin-bottom: 0px;
  }

  .col-md-3.col-sm-4.col-xs-12 {
    width: 50%;
  }

  .iconcontact {
    width: 26%;
  }

  #Component64770454b4211d001af6d37f textarea.form-control {
    width: 100%;
  }

  #Component64770454b4211d001af6d37f .progress {
    width: 85%;
  }

  i.fab.fa-youtube {
    font-size: 26px !important;
    margin-top: -2px;
  }

  .ITPcookieButton {
    float: left !important;
    padding-left: 5% !important;
  }

  .padallproduct h4 {
    font-size: 16px;
  }

  .padallproduct {
    padding: 10% 0% 2% !important;
  }

  .itopplus-bg6 {
    background-image: url("http://itp1.itopfile.com/ImageServer/z_itp_23072022zfvh/0/0/61372548467557z-z612303254171.webp");
  }

  .shopcart {
    top: 15% !important;
  }
  #background65b9bc695e57d900149d8a0f .imgLightbox {
    margin: 0 auto;
    padding-bottom: 20%;
    width: 55% !important;
  }
  #imagesControl64bf8925f68686001a6aff44 {
    padding: 0px !important;
  }
  #imagesControl64bf8925f68686001a6aff49 {
    padding: 0px !important;
  }

  #background65e15b14c798ce00130cb0ac .boderedlayoutClient,
  #background65e15b14c798ce00130cb0ff .boderedlayoutClient,
  #background65cad950e7b7b300133cd829 .boderedlayoutClient {
    border-top: 0px dashed transparent;
    border-left: 0px dashed transparent;
    border-right: 0px dashed transparent;
    border-bottom: 0px dashed transparent;
  }
  #imagesControl65e15b14c798ce00130cb0b0,
  #imagesControl65e15b14c798ce00130cb0b5,
  #imagesControl65e15b14c798ce00130cb102,
  #imagesControl65e15b14c798ce00130cb100,
  #imagesControl65cad950e7b7b300133cd82d,
  #imagesControl65cad950e7b7b300133cd832 {
    padding: 0px !important;
  }
  #background65e15b14c798ce00130cb0ac .col-md-3.col-sm-6.col-xs-12.padding,
  #background65e15b14c798ce00130cb0ff .col-md-3.col-sm-6.col-xs-12.padding,
  #background65cad950e7b7b300133cd829 .col-md-3.col-sm-6.col-xs-12.padding {
    width: 50%;
  }
  #background65e15b14c798ce00130cb0ff .thumbs {
    margin-bottom: 0px;
  }
  #background65e15b14c798ce00130cb0ff {
    background: #ef4923 !important;
  }
  #background64bf8925f68686001a6aff40 .none-middle-mid {
    display: inherit;
    max-height: auto;
  }
  #formdisplay65cad951e7b7b300133cd873 .btn-success {
    width: 100%;
  }
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #ef4923 !important;
  border-color: #ef4923 !important;
  color: #fff !important;
}

.pagination > li > a,
.pagination > li > span {
  color: #ef4923 !important;
}

/*mod*/
@media only screen and (min-width: 676px) and (max-width: 992px) {
  /*จัดหาแม่บ้าน*/
  #background6440a5389eefde00135c58a0 .none-middle-mid,
  #background6440a53a9eefde00135c58a5 .none-middle-mid,
  #background6476fc3308e256001aa0483c .none-middle-mid {
    display: flex;
    max-height: 175px;
  }

  /*EN*/
  #background64bf8925f68686001a6aff40 .none-middle-mid,
  #background64bf8925f68686001a6aff4b .none-middle-mid,
  #background6476fc3308e256001aa0483c .none-middle-mid {
    display: flex;
    max-height: 175px;
  }

  /*logo brand*/
  #background65b9bc695e57d900149d8a0f .row-fluid,
  #background64bf8925f68686001a6aff2e .row-fluid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    place-items: center;
  }

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

  /*ระยะ*/
  #background6440a9f009cc57001244a812 .col-sm-4,
  #background6440aa309eefde00135c59a5 .col-sm-4 {
    margin-top: 20px !important;
    width: 50% !important;
  }

  /*EN*/
  #background64bf8925f68686001a6aff59 .col-sm-4,
  #background64bf8925f68686001a6aff5b .col-sm-4 {
    margin-top: 20px !important;
    width: 50% !important;
  }

  #background643fb8a3be66db0013fa3012 .col-sm-6 {
    width: 100% !important;
  }

  #background6476fc3308e256001aa0483c {
    display: none;
  }

  #background6440aa309eefde00135c59a5 {
    width: 100%;
  }
}

@media only screen and (max-width: 480px) {
  /*logo brand*/
  #background65b9bc695e57d900149d8a0f .row-fluid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }

  /*บริการทำความสะอาก*/
  #background6440a9f009cc57001244a812 .col-xs-12,
  #background6440aa309eefde00135c59a5 .col-xs-12 {
    width: 50% !important;
    padding: 0 5px !important;
  }

  #background64bf8925f68686001a6aff59 .col-xs-12,
  #background64bf8925f68686001a6aff5b .col-xs-12 {
    width: 50% !important;
    padding: 0 5px !important;
  }

  .padbgourservice {
    height: 90px;
  }

  .btnowat-thankyou {
    font-size: 24px;
  }

  i.fab.fa-instagram.ITPsizeInstragram {
    margin-top: -2px;
  }

  .zIndex-menu {
    height: 0;
  }

  .padmenu-owat {
    padding: 5% 0% 1%;
  }

  #background64ae23f3fd19ae0013d62692 .col-md-4.col-sm-4.col-xs-6.col-sm {
    width: 24.3%;
  }
}

.Template-C-frame {
  border-radius: 10px !important;
}

.Template-C-frame {
  border: 10px solid #ef492300 !important;
}

.Template-C-frame:hover {
  border: 10px solid #ef4923 !important;
}

.padallproduct {
  white-space: break-spaces;
  padding: 2% 0%;
  line-height: 1.5;
}

.table-responsive {
  margin-top: 2%;
}

#background64bf8925f68686001a6aff5b .imgLightbox {
  border-radius: 35px 35px 0px 0px;
}

#background64bf8925f68686001a6aff40,
#background64bf8925f68686001a6aff4b,
#background64bf8925f68686001a6aff64 {
  background: #ef4923;
}

.row.margin.Shopcart-Related-Main {
  padding-bottom: 3%;
}

/*อันตรายห้ามขยับ*/
.home_image,
.home_image_en {
  position: relative;
  object-fit: contain;
  max-width: 260px;
  float: right;
}

@media screen and (min-width: 1366px) {
  .home_image {
    max-width: 260px;
    margin-top: -33%;
    right: -10%;
  }

  .home_image_en {
    max-width: 260px;
    margin-top: -18%;
    right: -10%;
  }
}

@media screen and (min-width: 1600px) {
  .home_image {
    max-width: 280px;
    margin-top: -33%;
    right: -18%;
  }

  .home_image_en {
    max-width: 280px;
    margin-top: -18%;
    right: -20%;
  }
}

@media screen and (min-width: 1900px) {
  .home_image {
    max-width: 350px;
    margin-top: -33%;
    right: -17%;
  }

  .home_image_en {
    max-width: 350px;
    margin-top: -20%;
    right: -17%;
  }
}

@media screen and (min-width: 2400px) {
  .home_image {
    max-width: 350px;
    margin-top: -33%;
    right: -17%;
  }

  .home_image_en {
    max-width: 350px;
    margin-top: -20%;
    right: -17%;
  }
}

/**/

.home_image_en {
  display: none;
}

#background644636f1d42c2c00125abba2 .boderedlayoutClient,
#background64bf89a8f68686001a6b001c .boderedlayoutClient {
  border-top: 0px dashed transparent;
  border-left: 0px dashed transparent;
  border-right: 0px dashed transparent;
  border-bottom: 0px dashed transparent;
}

#main-navbar-flag .row::before,
#main-navbar-flag .row::after {
  display: none;
}

#main-navbar-flag .row {
  display: grid;
  grid-template-columns: 20% auto;
  align-items: center;
}

#main-navbar-flag .row div {
  width: fit-content !important;
}

.fa-line:before {
  color: #03c755 !important;
}
.fa-youtube:before {
  color: #ff0000 !important;
}
.fa-facebook-f:before {
  color: #4267b2;
}
.fa-instagram:before {
  color: #e1306c !important;
}
.padaward .col-md-2.col-sm-2.col-xs-2.padding-col {
  width: 20%;
}

.padawardwd .col-md-2.col-sm-2.col-xs-2.padding-col {
  width: 40%;
}
.padfrom {
  margin-top: 6%;
}

.itpPDPALandingPage {
  font-size: 18px;
  line-height: 1.5;
}

.itpPDPALandingPage h1 {
  font-weight: 600;
}

.itpPDPALandingPage h3 {
  font-weight: 600;
}

#MenuContentmanager666a7d902df1ca001374307c {
  display: none;
}

.flexImageMenuType8 {
  justify-content: center !important;
}

.hideImageType7 {
  height: 100vh;
  width: 75vw !important;
  max-width: unset !important;
}

#imageMenu64411375d42c2c00125a9d91 {
  margin: auto;
  width: 70%;
}

#imageMenu64411375d42c2c00125a9d91 > div {
  flex: 0 30%;
  width: auto !important;
  max-width: 370px;
}

#imageMenu6441137cd42c2c00125a9d9f > div {
  flex: 0 25%;
  width: auto !important;
  max-width: 300px;
}

.open .grid-container-3 {
  display: block;
}

.grid-container-3 {
  display: none;
  height: 100% !important;
}

.flexSmallImage {
  width: auto !important;
}

.type8ImageCenterBottom {
  display: none;
}

#display6 {
  position: relative;
  display: grid;
  grid-template-columns: 45% auto;
  align-items: center;
  margin-top: 5%;
  gap: 10px;
}

#display6 > div {
  width: 100% !important;
  padding: 0 !important;
}

#display6 .progress {
  width: 100%;
  margin: 0 !important;
}

#display6 .btn-success {
  background: #676767 !important;
  border-color: transparent;
  border-radius: 30px;
  padding: 5px;
}

.container::before,
.container::after {
  display: none;
}

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

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

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

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

  .navbar-header > a::before {
    background-size: 35px;
    background-position: center;
  }

  .navbar-header > a::after {
    background: transparent;
  }

  #itpphonemobile::before {
    background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/telz-z77323662137.png) !important;
  }

  #itpsearchmobile::before {
    background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/searchz-z1134319420589.png) !important;
  }

  .old-image-icon-facebook::before {
    background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/facebookz-z1318628404704.png) !important;
  }

  .old-image-icon-line::before {
    background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/linez-z1655517020729.png) !important;
  }

  .old-image-icon-instragram::before {
    background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/instagramz-z1066049211157.png) !important;
  }

  .old-image-icon-youtube::before {
    background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/youtubez-z1416596488876.png) !important;
  }

  .new-image-icon-twitter::before {
    background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/cf-twitterz-z1322532545693.png) !important;
  }

  .navbar-header {
    flex-direction: row-reverse;
  }

  .icontel-mobile {
    position: fixed;
    top: 55px;
    right: 10px;
  }
}

.icontel-mobile {
  display: grid;
  grid-template-columns: 20px auto;
  align-items: center;
  gap: 5px;
  background: #ef4923;
  border-radius: 30px;
  padding: 5px 10px;
}




a {
  color: #7c7c7c;
  text-decoration: none;
}

.shopcart {
    position: relative;
    background-color: transparent;
} 

