@charset "utf-8";
/* CSS Document */
html {max-width: 1920px; margin: 0 auto;}
body {font-size: 16px; position: relative; color: #000000; max-width: 1920px; font-family: 'IBM Plex Sans Thai', sans-serif;
margin: 0 auto;overflow-x: hidden;font-weight: 300;}
.row {font-size: 16px;}
div {font-family: 'IBM Plex Sans Thai', sans-serif;}
p {font-size: 16px; font-family: 'IBM Plex Sans Thai', sans-serif; color: #000;font-weight: 300;}
*, *:before, *:after {box-sizing: border-box;}
*:before, *:after {-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
img,svg {max-width: 100%;height: auto;}
ul,ol {font-family: 'IBM Plex Sans Thai', sans-serif;}
a * {-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
a, div a, p a {color: #000; text-decoration: none!important;outline: none;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
a:hover, div a:hover, p a:hover {color: #1967B2;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.header-fixed {position: fixed;z-index: 999;top: 0;left: 50%; width: 100%;max-width:1920px; transform: translate(-50%, 0) !important;}
header {position: relative;z-index: 999;width: 100%;max-width:1920px;}
h1,h2,h3,h4,h5,h6 {margin-bottom: 0!important;font-family: 'IBM Plex Sans Thai', sans-serif;color: #000;}
.clear {clear: both;}
.header-wrap {background:#fff;border-bottom: 1px solid #E2E2E2;}
.header-top {background: #fff;}
.content-wrap {width:75%; margin: 0 auto; max-width: 1080px;position: relative;overflow: hidden;}
.content-wrap-head {width:98%; margin: 0 auto; max-width: 1360px;position: relative;}
.content-wrap-menu {width:100%;}
.menu-wrap-main {width: 100%;display: flex;border-right: 1px solid #E2E2E2;border-left: 1px solid #E2E2E2;}
.menu-wrap-main-product {position: relative;width: 100%;z-index: 2;background: #fff;}
.wrap-menu-main-highlight {width: 80%;}
.menu-main-tab ul {list-style: none;width: 80%;display: flex;padding-left: 0;margin: 0;flex-wrap: nowrap;}
.menu-main-tab ul li {display: inline-block;border-right: 1px solid #fff;width: 33.4%;display: flex;text-align: center;justify-content: center;
align-items: center;}
.menu-main-tab ul li a {color:#fff;font-size: 18px;font-weight: 300;font-family: 'IBM Plex Sans Thai', sans-serif;padding: 10px 0;
  display: block;text-align: center;width: 100%;height: 100%;}
.menu-main-tab ul li a:hover {background: #001c43;}
.menu-wrapmain * {transition:visibility 0s;}
.menu-wrapmain {display: flex;width: 100%;position: absolute;top: 0;left: 0;padding: 35px 0 0 0;background: #F9F9FA;}
.menu-wrapmain-list {display: block;width: 100%;}
.menu-wrapmain-dropdown {list-style: none;padding: 0;margin: 0;}
.menu-wrapmain-dropdown {display: block;}
.menu-wrapmain-dropdown a {display: block;padding: 7px 25px 7px 15px;color: #fff!important;font-weight: 300;font-size: 18px;
  background: url(../images/icon/arrow-menu-product.svg) no-repeat right 15px center;}
.menu-wrapmain-dropdown a:hover {background: url(../images/icon/arrow-menu-product.svg) no-repeat right 15px center #1967B2;}
.menu-label-product {background: #001C43;padding: 10px 15px;font-weight: 300;font-size: 18px;}
.menu-label-product img {height: 14px;}
.menu-label-product span {padding-left: 20px;vertical-align: middle;display: inline-block;color: #fff;}
.menu-main-tab {display: flex;}
.menu-contact {width: 24%;position: relative;background: #001C43;border-right: 1px solid #fff;z-index: 1;}
.menu-contact a {display: flex;color: #fff!important;align-items: center;padding: 7px 35px 7px 15px;width: 100%;
  background: url(../images/icon/menu-contact.svg) no-repeat right 10px center #001c43;position: relative;z-index: 2;}
.menu-contact-list {list-style: none;margin: 0;padding: 20px 0 15px 0;position: absolute;top: 35px;left: 0px;background: #fff;
  width: 100%;visibility: hidden;opacity: 0;font-size: 15px;text-align: center;color: #000000;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.menu-contact-list a {color: #000000!important;font-size: 18px;display: block;text-align: center;background: none!important;padding: 0!important;margin: 5px 0;}
.menu-contact-list a:hover {color: #1967B2!important;}
.menu-contact-list span {font-weight: 300;}
.menu-contact-label { font-size: 15px;line-height: 15px;}
.menu-contact-detail-tel { font-size: 18px;line-height: 18px;}
.menu-contact-detail-date { font-size: 15px;line-height: 15px;font-weight: 300;}
.menu-contact-detail {padding-left: 10px;}
.menu-contact:hover .menu-contact-list {opacity: 1;visibility: visible;}
.wrap-menumain {display: flex;height: 100%;align-items: center;width: 100%;border-right: 1px solid #E2E2E2;justify-content: center;}
.logo-box {text-align: left;display: inline-block;width: 15%;vertical-align: middle;}
.logo-box a {display: inline-block;}
.search-head {position: relative;display: flex;width: 45%;border-right: 1px solid #E2E2E2;justify-content: center;align-items: center;padding: 0 20px;}
.search-head form {width: 100%;}
.widget-top {background: #F2F2F2;padding: 10px 0;}
.widget-top-menu {list-style: none;padding: 0;margin: 0;display: flex;align-items: center;border-right: 1px solid #E2E2E2;}
.widget-top-menu li {display: inline-block;}
.widget-top-menu li a {font-size: 15px;margin-right: 30px;font-weight: 300;}
.widget-top-social {list-style: none;padding: 0 0 0 20px;margin: 0;display: flex;justify-content: end;align-items: center;border-left: 1px solid #E2E2E2;}
.widget-top-social li {display: inline-block;margin-left: 10px;font-weight: 300;font-size: 15px;}
.link-simple {margin-left: 20px!important;}
.form-control {border: 1px solid #CBCBCB!important;padding: 5px 10px 5px 10px!important;color: #505050!important;font-size: 14px!important;}
::placeholder {color: #505050!important;opacity: 1;}
:-ms-input-placeholder {color: #505050!important;}
::-ms-input-placeholder {color: #505050!important;}
.search-input {position: relative;}
.search-input input {border-radius: 30px;}
.btn-form-search {position: absolute;z-index: 9;padding: 5px 15px;right: 0;top: 50%;transform: translate(0, -50%);background: unset;
border: none;}
.member-menu-register {border-left: 1px solid #C4C4C4;}
.member-menu-cart {display: flex;padding: 0;align-items: center;}
.member-menu-main {display: flex;justify-content: space-between;padding-left: 10px;}
.menu-cart-icon {width: 26px;}
.menu-cart-detail {padding-left: 5px;}
.menu-cart-label,.member-menu-login-name {font-size: 16px;line-height: 16px;font-weight: 300;}
.menu-cart-amount,.member-login-link a {font-size: 18px;line-height: 16px;font-weight: 300;}
.member-menu-login {display: flex;align-items: center;}
.member-menu-icon {width: 19px;}
.member-menu-login-menu {padding: 0 15px;}
.section-banner-index {display: flex;flex-wrap: wrap;align-items: end;}
.section-banner {width: 100%;position: relative;}
.banner-mb {display: none!important;}
.txt-center {text-align: center!important;}
#banner-main .owl-dots, #banner-service .owl-dots {position: absolute;left: 50%;bottom: 15px;transform: translate(-50%, 0);}
.owl-dots .owl-dot span {margin: 5px!important;background: #fff!important;}
.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {background: #1967B2!important;}
.show-mobile,.menu-top-mobile,.show-filter-mb-wrap {display: none!important;}
#navbreadcrumbs {font-size: 14px;text-align: right; padding: 0 0 35px 0;font-weight: 400;}
#navbreadcrumbs a {display: inline-block; color: #8B8B8B;}
#navbreadcrumbs a:hover {color: #1967B2;}
#navbreadcrumbs span {color: #000000;padding: 0 5px;font-weight: 300;}
.breadcrumbsdefault {font-size: 14px!important; display: inline-block; margin: 0;color:#000000!important;font-weight: 500;}
input[type="number"] {-moz-appearance: textfield;}
button {-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.btn-shop-default {min-width: 172px;padding: 7px 10px;text-align: center;color: #fff!important;border: none;border-radius: 5px;display: flex;
justify-content: center;align-items: center;font-size: 14px;}
.btn-shop-default span {color: #fff!important;vertical-align: middle;display: inline-block;padding-left: 10px;font-size: 18px;}
.btn-default {padding: 7px 10px;text-align: center;color: #fff!important;border: none;border-radius: 5px;font-size: 18px;display: block;}
.dropdown-menu-selectsubcate-wrap {
  text-align: left;
  display: flex;
  justify-content: center;
  width: 100%;
}
.dropdown-menu-selectsubcate {
  display: inline-block;
  width: 100%;
  margin: 0;
}
.dropdown-menu-selectsubcate-model {
  display: inline-block;
  width: 100%;
}
.wrapper-dropdown, .wrapper-dropdown-project {
  position: relative;
  margin: 10px auto 10px auto;
  padding: 7px 15px;
  position: relative;
  cursor: pointer;
  outline: none;
  text-transform: uppercase;
  font-size: 16px;
  color: #000;
  background: #fff;
  background-size: 10px;
  border-radius: 5px;
border: 1px solid #ccc;
}
.wrapper-dropdown:after, .wrapper-dropdown-project:after {
  position: absolute;
  display: block;
  content: '';
  width: 10px;
  height: 10px;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  border-bottom: 2px solid #29348F;
  border-right: 2px solid #29348F;
  transform: rotate(45deg) translateY(-50%);
transition: all .4s ease-in-out;
  transform-origin: 50% 0;
}
.wrapper-dropdown .dropd, .wrapper-dropdown-project .dropd {
  text-align: center;
  z-index: 9;
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  right: 0;
  min-width: 100%;
  margin: 15px 0;
  padding: 0;
  border: 1px solid #cccccc;
  box-sizing: border-box;
  box-shadow: 0 2px 1px rgba(0, 0, 0, .07);
  background: #fff;
transition: all .4s ease-in-out;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-15px);
}
.wrapper-dropdown .dropd li, .wrapper-dropdown-project .dropd li {
  display: block;
  text-decoration: none;
  width:100%;
  padding: 10px;
  font-size: 13px;
  color: #000000;
  line-height: 20px;
  font-weight: normal;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.wrapper-dropdown .dropd li a, .wrapper-dropdown-project .dropd li a {
  display: block;
}
.wrapper-dropdown .dropd li i, .wrapper-dropdown-project .dropd li  {
  margin-right: 5px;
  color: inherit;
  vertical-align: middle;
}
.wrapper-dropdown .dropd li:hover a, .wrapper-dropdown-project .dropd li:hover a {
  color: grey;
}
.wrapper-dropdown.active:after, .wrapper-dropdown-project.active:after {
  margin-top: 3px;
  transform: rotate(-135deg) translateY(-50%);
}
.wrapper-dropdown.active .dropd, .wrapper-dropdown-project.active .dropd {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transform: translateY(0);
}
.wrapper-dropdown.active .dropd::before, .wrapper-dropdown-project.active .dropd::before {
 position: absolute;
 display: block;
 content: '';
 bottom: 100%;
 right: 22px;
 width: 12px;
 height: 12px;
 margin-bottom: -4px;
 border-top: 1px solid #b5b5b5;
 border-left: 1px solid #b5b5b5;
 background: #fff;
 transform: rotate(45deg);
 transition: all .4s ease-in-out;
}
.no-opacity .wrapper-dropdown .dropd, .no-pointerevents .wrapper-dropdown .dropd,.no-opacity .wrapper-dropdown-project, .no-pointerevents .wrapper-dropdown-project {
  display: none;
  pointer-events: auto;
}
.no-opacity .wrapper-dropdown.active .dropd, .no-pointerevents .wrapper-dropdown.active .dropd,.no-opacity .wrapper-dropdown-project, .no-pointerevents .wrapper-dropdown-project {
  display: block;
}

.menu-wrap {width: 40%;display: inline-block;}
.member-login-img {position: relative;text-align: center;height: 100%;overflow: hidden;border-radius: 5px;}
.member-login-img img {position: absolute;left: 0%;top: auto;right: 0%;bottom: 0%;z-index: 1;width: 100%;
  height: 100%;max-width: 100%;-o-object-fit: cover;object-fit: cover;}
.label-cart-mb {display: none;}
.wrap-menu-btn {position: relative;display: flex;width: auto;vertical-align: middle;align-items: center;
height: auto;border-radius: 100%; padding: 0;}
#mainmenu-button-pd {border-left: 1px solid #E2E2E2;}
#mainmenu-button-other,#mainmenu-button-pd {cursor: pointer;padding: 15px;width: 100%;display: flex;height: 100%;}

#main-menulist-other-mb {width: 600%;padding: 0;color:#707070;display: none;position: absolute; overflow: hidden;
  z-index: -2;overflow-y: auto;top: 50px;left: -1%;height: 100vh;border-top: 1px solid #ccc;}
#main-menulist-other-mb ul {padding: 0 0 25px 0; display: block;width: 40%;border-right: 1px solid #E5E5E5;}
#main-menulist-other-mb ul li {text-align: left;width: 100%;margin: 0;padding: 0;line-height: initial;}
#main-menulist-other-mb ul li a {padding: 10px 3% 5px 0;margin: 0; display: block;color: #000!important;
  border: unset !important;font-size: 16px;}
#main-menulist-other-mb ul li a:hover {color: #1967B2!important;font-weight: 500;}
#main-menulist-other-mb .submenu-button-mb {display: none!important;position: absolute;z-index: 99;right: 0;top: 0;display: block;height: 46px;width: 70%;cursor: pointer;}
#main-menulist-other-mb .submenu-button-mb:before {position: absolute;top: 15px;right: 15px;display: block;
  background: url(../images/icon/arrow-select.svg) no-repeat right 10px center;content: '';width: 100%;height: 15px;background-size: 14px}
#main-menulist-other-mb ul ul {position: absolute;display: none;margin: 0;
  padding: 0 0 10px 80px;
right: 0;
width: 65%;
list-style: none;
top: 10px;
border: none;}
.submenu-opened:before {background: url(../images/icon/arrow-menu-up.svg) no-repeat right 10px center!important;}
#main-menulist-other-mb ul li li {padding-left: 0;}
#main-menulist-other-mb ul li li a {color: #000;padding: 0 0 5px 0;border-bottom: unset !important;font-size: 16px;}
#main-menulist-other-mb ul li a:hover {color: #BCA95D}
#main-menulist-other-mb .dropdown-main {background: url(../images/icon/menu-arrow.svg) no-repeat right 25px center;}
#main-menulist-other-mb .dropdown-main:hover {background: url(../images/icon/menu-arrow-active.svg) no-repeat right 10px center;}
#main-menulist-other-mb .dropdown-main:hover .submenu-list {display: block;}


#main-menulist-other {width: 600%;padding: 0;color:#707070;display: none;position: absolute; overflow: hidden;
  z-index: -2;overflow-y: auto;top: 50px;left: -1%;height: 100vh;border-top: 1px solid #ccc;}
#main-menulist-pd  {width: 103%;padding: 0;color:#707070;display: none;position: absolute; overflow: hidden;
  z-index: -1;overflow-y: auto;top: 50px;left: -1%;min-height: 500px;max-height: 100vh;border-top: 1px solid #ccc;}
#main-menulist-other ul {padding: 0 0 25px 0; display: block;width: 40%;border-right: 1px solid #E5E5E5;}
#main-menulist-other ul li {text-align: left;width: 100%;margin: 0;padding: 0;line-height: initial;}
#main-menulist-other ul li a {padding: 10px 3% 10px 0;margin: 0; display: block;color: #000!important;
  border: unset !important;font-size: 18px;}
#main-menulist-other ul li a:hover {color: #1967B2!important;font-weight: 500;}
#main-menulist-other .submenu-button-mb {display: none!important;position: absolute;z-index: 99;right: 0;top: 0;display: block;height: 46px;width: 70%;cursor: pointer;}
#main-menulist-other .submenu-button-mb:before {position: absolute;top: 15px;right: 15px;display: block;
  background: url(../images/icon/arrow-select.svg) no-repeat right 10px center;content: '';width: 100%;height: 15px;background-size: 14px}
#main-menulist-other ul ul {position: absolute;display: none;margin: 0;
  padding: 0 0 10px 80px;
right: 0;
width: 65%;
list-style: none;
top: 10px;
border: none;}
.submenu-opened:before {background: url(../images/icon/arrow-menu-up.svg) no-repeat right 10px center!important;}
#main-menulist-other ul li li {padding-left: 0;}
#main-menulist-other ul li li a {color: #000;padding: 0 0 5px 0;border-bottom: unset !important;font-size: 18px;}
#main-menulist-other ul li a:hover {color: #BCA95D}
#main-menulist-other .dropdown-main {background: url(../images/icon/menu-arrow.svg) no-repeat right 25px center;}
#main-menulist-other .dropdown-main:hover {background: url(../images/icon/menu-arrow-active.svg) no-repeat right 10px center;}
#main-menulist-other .dropdown-main:hover .submenu-list {display: block;}
#main-menulist-pd ul ul.submenu-list li {min-height: 60px;}
.error{ color:red}

#main-menulist-pd ul {padding: 0 20px 20px 0; display: block;width: 20%;border-right: 1px solid #E5E5E5;list-style: none;}
#main-menulist-pd ul li {text-align: left;width: 100%;margin: 0;padding: 0;line-height: initial;}
#main-menulist-pd ul li a {padding: 10px 3% 5px 0;margin: 0; display: block;color: #000!important;
  border: unset !important;font-size: 16px;}
#main-menulist-pd ul li a:hover {color: #1967B2!important;font-weight: 500;}
#main-menulist-pd .submenu-button-mb {position: absolute;z-index: 99;right: 0;top: 0;display: block;height: 46px;width: 70%;cursor: pointer;}
#main-menulist-pd .submenu-button-mb:before {position: absolute;top: 15px;right: 15px;display: block;
  background: url(../images/icon/arrow-select.svg) no-repeat right 10px center;content: '';width: 100%;height: 15px;background-size: 14px}
#main-menulist-pd ul ul {position: absolute;display: none;margin: 0;padding: 0 0 10px 50px;background: #F9F9FA;
left: 18%;top: 0;width: 85%;border: none;list-style: none;flex-wrap: wrap;align-content: start;}
.submenu-opened:before {background: url(../images/icon/arrow-select.svg) no-repeat right 10px center!important;}
#main-menulist-pd ul li li {padding-left: 0;width: 25%;padding-right: 25px;}
#main-menulist-pd ul li li a {color: #000;padding: 0;border-bottom: unset !important;font-weight: 500;font-size: 16px;}
#main-menulist-pd ul li a:hover {color: #BCA95D}
#main-menulist-pd .dropdown-main {background: url(../images/icon/menu-arrow.svg) no-repeat right 10px center;}
#main-menulist-pd .dropdown-main:hover {background: url(../images/icon/menu-arrow-active.svg) no-repeat right 10px center;}
#main-menulist-pd .dropdown-main:hover .submenu-list {display: flex;}
.active-default-menu .submenu-list {display: flex!important;}
#main-menulist-pd .wrap-content-menu {position: relative;}
.sub-all-item {width: 100%!important;display: block;margin-bottom: 25px !important;min-height: unset!important;}
#main-menulist-pd ul ul ul {position: relative!important;top: unset;left: unset;width: 100%;list-style: disc;border-bottom: none!important;
padding-left: 20px;padding-bottom: 30px;display: block !important;height: auto !important;}
#main-menulist-pd ul li li li {width: 100%;min-height: unset!important;}
#main-menulist-pd ul li li li a {font-weight: 300;font-size: 16px;}
#main-menulist-pd .active-default-menu > a {color: #1967B2!important;font-weight: 500!important;}
.active-default-menu {background: url(../images/icon/menu-arrow-active.svg) no-repeat right 10px center!important;}

.main-menu-wrap {position: relative;}
.txt-blue {color: #1967B2!important}


.menu-line {display: inline-block;width: 30px;}
.menu-txt {display: inline-block; padding-left: 5px;color: #707070;font-size: 16px;font-weight: 300;}
.menu-icon {width: 30px;}
.line {
  fill: none;
  stroke: #707070;
  stroke-width: 6;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.line1 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.line2 {
  stroke-dasharray: 60 60;
  stroke-width: 6;
}
.line3 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.opened .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}
.opened .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 6;
}
.opened .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}
#mainmenu-button-other.active,#mainmenu-button-other:hover {background: #1967B2!important;}
#mainmenu-button-other.active .line,#mainmenu-button-other:hover .line {stroke: #fff!important;}
#mainmenu-button-other.active .menu-txt,#mainmenu-button-other:hover .menu-txt {color: #fff!important;}

#mainmenu-button-pd.active,#mainmenu-button-pd:hover {background: #1967B2!important;}
#mainmenu-button-pd.active .line,#mainmenu-button-pd:hover .line {stroke: #fff!important;}
#mainmenu-button-pd.active .menu-txt,#mainmenu-button-pd:hover .menu-txt {color: #fff!important;}
.wrap-menu-left {display: flex;flex-wrap: wrap;align-items: center;}
.header-top .col-lg-9 {width: 74%;}
.header-top .col-lg-3 {width: 26%;}
.main-section {margin-top: 55px;}
.banner-main-wrap {position: relative;}
.banner-txt-wrap {position: absolute;top: 50%;left: 10%;transform: translate(0, -50%);z-index: 9;width: 34%;
  text-align: center;display: flex;flex-wrap: wrap;justify-content: center;align-content: end;}
.banner-txt-head {color: #000000;font-size: 40px;line-height: 50px;font-weight: 300;text-transform: uppercase;}
.banner-txt-subhead {color: #000000;font-size: 31px;line-height: 40px;font-weight: 300;padding-bottom: 15px;text-transform: uppercase;}
.banner-txt-brief {color: #000000;font-size: 20px;line-height: 25px;font-weight: 300;}
.btn-view-banner {display: flex;justify-content: center;margin-top: 20px;}
.btn-view-banner a {display: block;padding: 7px 25px;  background: #1967B2;color: #fff!important;text-align: center;font-size: 18px;font-weight: 400;border-radius: 30px;}
.btn-view-banner a:hover {background: #001C43;}
.main-title {font-size: 30px;text-align: center; text-transform: uppercase;line-height: normal;}
.section-content {padding: 70px 0;}
.btn-view-default {display: flex;margin-top: 35px;}
.btn-view-default a {display: block;padding: 5px 15px;  background: #1967B2;color: #fff!important;text-align: center;font-size: 14px;font-weight: 400;border-radius: 30px;}
.btn-view-default a:hover {background: #001C43;}
.main-title-sub {font-size: 30px;font-weight: 300; text-transform: uppercase;}
.section-about-home {background: #EDF3F6;margin-top: 35px;}
.about-index-txt-wrap {padding: 7%;}
.about-index-txt-wrap p {margin-top: 20px;}
.bg-pd-type-home {background: url(../images/home/pd-index-bg.webp) no-repeat top center; background-size: cover;}
.blog-mt {
  margin-top: 25px;
  padding-bottom:8px;
}
.pb8 {
  padding-bottom: 8px;
}
.bg-pd-service-home {background: url(../images/home/servic-index-bg.webp) no-repeat center right;position: relative;}
.section-product-set {background: #fff;margin-top: 35px; border: 1px solid #9F9B86; border-radius: 20px;padding: 35px;}
.main-title-pdset-h {font-size: 24px;font-weight: 400; text-transform: uppercase;}
.main-title-pdset {font-size: 40px;font-weight: 500; text-transform: uppercase;color: #8FC7D5;}
.txt-center {text-align: center;}
.txt-left {text-align: left;}
.txt-right {text-align: right;}
.bg-sky {background: #EDF4F4;}
.box-list-wrap {padding-top: 35px;width: 100%;margin: 0;}
.box-list {position: relative; border-radius: 5px; overflow: hidden;background: #fff;}
.box-list-cover {width: 100%;position: relative;z-index: 3}
a:hover .box-list-content .title-listbox {color: #1967B2}
.box-list-content {position: relative;padding: 20px; z-index: 3;height: 100%;text-align: center;}
.title-listbox {font-size: 18px; color: #000000;font-weight: 500;z-index: 3;position: relative;}
.title-listbox a {color: #FFFFFF;}
.box-list-content p {color: #fff; font-size: 20px; font-weight: 300}
.icon-listbox {padding-bottom: 15px;}
.box-list-link {position: absolute; top: 60px; left: 0;z-index: 4;background: rgba(255, 255, 255, 0.7);width: 100%;
  height: 100%;opacity: 0; visibility: hidden;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.box-wrap {position: relative;}
.box-list:hover .box-list-link {opacity: 1; visibility: visible;}
.box-list-link:hover {cursor: pointer;}
.box-list-link * {-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.box-list-dropdown {padding: 0 20px 20px 20px; list-style: none;width: 100%;}
.box-list-dropdown li {margin-bottom: 8px;}
.box-list-dropdown li a {display: block; background: url(../images/icon/arrow-list.svg) no-repeat center right;font-size: 16px;color: #000000;}
.box-list-dropdown li a:hover {color: #1967B2!important}
.product-list-item-wrap {margin: 0;}
.product-list-item-box {background: #fff;border-radius: 6px;overflow: hidden;position: relative;border: 1px solid #ECECEC;margin-top: 25px;}
.product-list-item-box a {display: block;}
.product-list-item-title-wrap {padding: 10px 10px;}
.product-list-item-title-wrap .col-sm-9 {width: 65%}
.product-list-item-title-wrap .col-sm-3 {width: 35%;}
.product-list-item-title {font-size: 16px;line-height: 150%;font-weight: 400;min-height:87px;margin-bottom: 15px !important;color: #000000;}
.product-list-item-cover {position: relative;overflow: hidden;}
.product-list-item-cover:after {opacity: 0;position: absolute;width: 100%;height: 100%;content: "";top: 0;left: 0;
  background: url(../images/icon/icn-overlay.svg) no-repeat center rgba(25, 105, 179, 0.6);z-index: 2;}
.product-list-item-box a:hover .product-list-item-cover:after {opacity: 1;}
.label-status-wrap {position: absolute;top: 10px;right: -15px;display: flex;z-index: 2;flex-wrap: wrap;
width: 70px;}
.label-status-list {border-radius: 20px;padding: 2px 10px 1px 0;text-align: center;color: #fff;font-size: 13px;
  margin-bottom: 5px;width: 100%;}
.label-status-new {background: #B3E5F7;color: #1967b2!important;}
.label-status-bestsell {background: #1967B2;}
.label-status-promotion {background: #FFAD43;}
.product-list-price {position: relative;padding-top: 5px;display: flex;align-items: center;}
.product-content-box .product-list-price {align-items: baseline;}
.sale-count {font-size: 18px;text-align: right;color: #000000!important;}
.list-price-normal {font-size: 30px;font-weight: 500;color: #000000!important;}
.label-price {font-size: 16px;color: #000000!important;position: absolute;top: -10px;left: 0;}
.list-price-discount {font-size: 20px;font-weight: 500;color: #D20001!important;}
.list-price-price-old {font-size: 16px;color: #AEAEAE!important;text-decoration: line-through;margin-left: 5px;font-weight: 500;}
.pd-type-tabs {padding: 25px 0 15px 0;width: 100%;}
#pd-st-tab {width: 100%;display: flex;flex-wrap: wrap;justify-content: center;}
#pd-st-tab .nav-item {margin: 0 5px;}
#pd-st-tab .nav-link {background-color: #F2F2F2!important;color: #000000!important;min-width: 125px;font-size: 14px;padding: 5px 15px;height: auto;}
#pd-st-tab .nav-link.active, #pd-st-tab .show > .nav-link {color: #fff!important;background-color: #1967B2!important;}
.txt-black {color: #000!important;}
.service-list-clc a {background: #fff; border-radius: 100%; width: 200px; height: 200px; text-align: center;
  box-shadow: 2px 3px 10px -4px rgba(0,0,0,0.17); margin: 0 auto; position: relative;display: block;overflow: hidden;
border: 2px solid rgba(255,255,255,0);text-align: center;}
.service-list-clc a h3 {display: block;width: 100%;font-size: 16px;color: #000;padding: 0;margin: 0;font-weight: normal;}
.service-list-clc a:hover {border: 2px solid #1967B2}
.service-list-clc img {position: relative;display: block;margin: 50px auto 12px auto;height: 55px;}
.service-list-clc-box {text-align: center; padding: 10px 0 50px 0;;}
.service-list-clc-box .col-sm-4 {width: 25%;margin-top: 35px;}
.content-list-inner {padding-top: 10px;}
.content-list-item-box {background: #fff;border-radius: 6px;overflow: hidden;position: relative;border: 1px solid #ECECEC;margin-top: 25px;}
.content-list-item-box a {display: block;}
.content-list-item-title-wrap {padding: 10px 15px;}
.content-list-item-title {font-size: 16px;line-height: 150%;font-weight: 500;min-height: 70px;margin-bottom: 5px!important;}
.content-list-item-date {font-size: 14px;}
.content-list-item-cover {position: relative;overflow: hidden;}
.content-list-item-cover:after {opacity: 0;position: absolute;width: 100%;height: 100%;content: "";top: 0;left: 0;
  background: url(../images/icon/icn-overlay.svg) no-repeat center rgba(25, 105, 179, 0.6);z-index: 1;}
.content-list-item-box a:hover .content-list-item-cover:after {opacity: 1;}
footer {background: #263B4E;padding: 70px 0 15px 0;
  box-shadow: 0 15px 45px 0 rgba(0,0,0,0.2);position: relative;z-index: 2;}
.footer-menuwrap {display: flex; flex-wrap: wrap;width: 100%;}
.menu-footer {width: 20%; list-style: none; padding: 0; margin: 0 0 35px 0;}
.menu-footer li a {font-size: 16px;color: #fff; font-weight: 500;margin-bottom: 10px;display: block;}
.menu-footer li ol {list-style: disc;color: #fff;padding-left: 21px;}
.menu-footer li ol li a {color: #fff; font-weight: 300;margin-bottom: 0;display: inline-block;font-size: 14px;vertical-align: top;}
.menu-footer li a:hover {color: #B3E5F7}
.menu-footer li ol li a:hover {color: #B3E5F7}
#mainmenu-button:hover #main-menulist { visibility: visible; opacity: 1;}
.nolink {color: #6A6A6A!important; cursor: auto;}
.footer-wrap {position: relative;}
.footer-address {position: relative; width: 100%;}
.footer-company a {font-size: 16px;font-weight: 500; color: #fff;}
.footer-contact a {width: 100%; display: inline-block; margin-bottom: 10px;color: #fff;}
.footer-contact label {display: block;font-size: 14px;text-transform: uppercase;color: #fff;}
.footer-address p {font-size: 14px; font-weight: 300;margin: 10px 0 15px 0;color: #fff;}
.footer-contact span {font-size: 14px;vertical-align: middle; display: inline-block;}
.footer-contact img {font-size: 16px; vertical-align: middle; display: inline-block; margin-right: 5px;}
.copyright-box p {font-size: 14px; text-transform: uppercase; color: #fff;font-weight: 300;}
.copyright-box p a {color: #fff;}
footer a:hover {color: #B3E5F7!important;}
.footer-last {position: relative;width: 100%;}
.foot-short {width: 10%;}
.foot-mid {width: 18%;}
.section-wrap-inner {padding: 25px 0 70px 0;}
.title-main {font-size: 30px;line-height: 40px;color: #000;display: block;position: relative;}
.product-menu-box-wrap-all {width: 25%;float: left;margin-top: 30px;padding-right: 3%;}
.product-list-item-inner {width: 75%;float: right;margin-top: 30px;}
.product-menu-box {padding: 20px 25px;border-radius: 5px;border: 1px solid #ECECEC;}
.product-menu-box-head {font-size: 18px;color: #000000;line-height: 30px;}
.product-menu-box ul {padding: 0;margin: 0;}
.product-menu-box ul li {display: block;margin-top: 10px;}
.product-menu-box ul li a {color: #000000;font-size: 20px;font-weight: 300;}
.menu-product-active a {color: #1967B2!important;}
.product-show-amount {font-size: 14px;color: #000000;}
.product-show-amount-select {display: flex;align-items: center;justify-content: end;}
.product-show-amount-select label {font-size: 14px;color: #000000;padding-right: 10px;}
.grey-border {border-color: #C9C9C9!important;}
.product-show-amount-select select {width: 135px;}
.product-show-amount-select select.showamountbox {width: 75px;}
.page-list svg .a{fill:none;stroke:#1967B2;}
.page-list-wrap {text-align: center;margin: 35px auto 0 auto;}
.page-list {display: inline-block;}
.page-list a {padding: 5px 0;margin: 0 10px;text-align: center;color: #000000;display: block;font-weight: 500;font-size: 18px;}
.page-list a:hover {color: #1967B2;}
.page-list a:hover svg .a {stroke:#1967B2;}
.page-active a {color: #1967B2!important;}
.select-form {background: url(../images/icon/arrow-select.svg) no-repeat right 10px center;color: #505050;font-size: 18px;border-radius: 20px !important;}
::placeholder {color: #A4A4A4!important;opacity: 1;}
:-ms-input-placeholder {color: #A4A4A4!important;}
::-ms-input-placeholder {color: #A4A4A4!important;}
/*.pd-main-bg {background: url(../images/product/product-bg.webp) fixed no-repeat top 10% center;}*/
.data-other-box {padding: 70px 0;}
.data-other-box-detail {padding-top: 35px;}
.product-detail-img-gall {float: left;width: 40%;}
.product-detail-detail-main {float: right;width: 58%;margin-left: 2%;border: 1px solid #ECECEC;padding: 35px 40px;
  border-radius: 10px;position: relative;}
.flexslider {margin: 0!important;}
.flex-direction-nav a {height: 50px!important;}
.flex-direction-nav a.flex-next::before {content: '\276F'!important;color: #1967B2!important;}
.flex-direction-nav a::before {content: '\276E'!important;color: #1967B2!important;}
.product-detail-label {display: flex;margin-bottom: 20px;}
.product-detail-name {font-size: 20px;font-weight: 500;color: #000000;margin-bottom: 15px!important;width: 90%;}
.product-sku {font-size: 16px;margin-bottom: 15px}
.product-short-detail {font-size: 16px;color: #707070;}
.pd-option-box {padding: 25px 0 0 0;}
.pd-option-label {font-weight: 500;font-size: 16px;}
.pd-option-label span {float: right;}
.pd-option-detail {color: #707070;font-size: 16px;}
.pd-option-box .row {margin-bottom: 5px;}
.pd-option-box .col-2 {width: 30%;}
.pd-option-box .col-10 {width: 70%;}
.sale-count {padding: 0 0 0 10px;font-size: 16px;font-weight: 300; color: #000000!important;}
.sale-count span {color: #C2C2C2;padding-right: 6px;}
.product-tabs .nav-tabs .nav-link {color: #000000;background: #F2F2F2!important;border-bottom: 1px solid #dee2e6;border-radius: unset;font-size: 14px;}
.product-tabs .nav-tabs .nav-item.show .nav-link,
.product-tabs .nav-tabs .nav-link.active {color: #fff;background-color: #1967B2!important;border: 1px solid #1967B2;}
.product-tabs .nav-item {margin-right: 1px;}
.product-content-box {padding-top: 20px;}
.product-content-label {font-size: 16px;color: #000000;display: block;}
.product-content-price {font-size: 70px;line-height: 75px;color: #1967B2;}
.product-content-promotion {background: url(../images/icon/label-bow-promotion.svg) no-repeat center right;background-size: contain;
  padding: 7px 20px 7px 7px;color: #fff;font-size: 18px;font-weight: 300;display: inline-block;margin-top: 10px;}
.product-content-color {list-style: none;padding: 10px 0 0 0;margin: 0;display: flex;flex-wrap: wrap;}
.product-content-color li {text-align: center;font-size: 16px;color: #000000;margin-right: 10px;margin-bottom: 10px;cursor: pointer;width: 200px;overflow: hidden;}
.product-content-color li a {display: flex;border-radius: 5px;border: 1px solid #ECECEC;flex-wrap: wrap;align-items: center;overflow: hidden;
width: 100%;}
.product-content-color li a:hover, .select-color-active {border: 1px solid #1967B2!important;}
.product-content-color li a img {width: 28%;}
.product-content-color li a .color-title {width: 72%;padding: 7px;display: flex;justify-content: center;align-items: center;font-size: 18px;color: #000;}
.product-content-size {list-style: none;padding: 10px 0 0 0;margin: 0;display: flex;flex-wrap: wrap;}
.product-content-size li {text-align: center;font-size: 16px;color: #000000;margin-right: 10px;cursor: pointer;
  padding: 7px 10px;background: #F2F2F2;border-radius: 5px;margin-bottom: 10px;}
.product-content-size li:hover, .select-size-active {color: #fff!important;background: #1967B2!important;}
.quantity-product-detail button {border:none !important;background: none;line-height: 34px;font-size: 30px;padding: 0;}
.quantity-product-detail button, .quantity-product-detail input {display: inline-block;vertical-align: middle;font-size: 18px;}
.product-quantity {width: 65px!important;padding: 5px !important;text-align: center; background: unset !important;margin: 0;border: none!important;font-size: 20px;}
.btn-close-back {position: absolute;right: 0;top: 20px;z-index: 3;}
.btn-close-back a svg .a {fill:none;stroke:#707070;stroke-width:2px;}
.btn-close-back a:hover svg .a {stroke:#1967B2;}
.quantity-product-detail {margin-top: 10px;border: 1px solid #CBCBCB;border-radius: 20px;padding: 0 10px;display: inline-block;}
.quantity-product-detail svg .a{fill:none;stroke:#000;}
.quantity-product-detail button:hover svg .a{stroke:#1967B2!important;}
input[type="number"] {-moz-appearance: textfield;}
button {-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.btn-shop-default {min-width: 172px;padding: 7px 20px;text-align: center;color: #fff!important;border: none;border-radius: 20px;display: flex;
justify-content: center;align-items: center;}
.btn-shop-default span {color: #fff!important;vertical-align: middle;display: inline-block;padding-left: 10px;font-size: 14px;}
.btn-default {padding: 7px 10px;text-align: center;color: #fff!important;border: none;border-radius: 5px;font-size: 14px;display: block;}
.btn-shop-default img {width: 20px;}
.btn-red {background: #1967B2;}
.btn-grey {background: #8A8A8A;}
.btn-blue {background: #1967B2;}
.btn-red:hover,.btn-grey:hover {background: #001C43;}
.btn-blue:hover {background: #001C43;}
.btn-fav-active {background: #001C43!important;}
.product-txteditor-content {padding: 25px 0;}
.product-txteditor-content p,.product-txteditor-content p * {font-size: 16px!important;color: #616161!important;}
.product-txteditor-content img {margin: 20px 0;}
.product-txteditor-content iframe {margin: 15px 0;}
#otherdetailTabContent {min-height: 300px;}
.product-gall-big {position: relative;overflow: hidden;border-radius: 10px;border: 1px solid #ECECEC;}
.section-product-detail {padding-top: 25px;}

.quantity {
  display: inline-block; 
  margin-top: 10px;
  border: 1px solid #CBCBCB;
  border-radius: 20px;
  padding: 0 10px;
}
 
 .quantity .input-text.qty {
  width: 35px;
  height: 39px;
  padding: 0 5px;
  text-align: center;
  background-color: transparent;
  /*border: 1px solid #efefef;*/
 }
 
 .quantity.buttons_added {
  text-align: left;
  position: relative;
  white-space: nowrap;
  vertical-align: top; 
}
 
 .quantity.buttons_added input {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  box-shadow: none;
  background: none;
  border:none!important;
 }
 
 .quantity.buttons_added .minus,
 .quantity.buttons_added .plus {
  padding: 7px 10px 8px;
  height: 41px;
  /*background-color: #ffffff;
  border: 1px solid #efefef;*/
  cursor:pointer;
  font-size: 20px;
  }
 
 .quantity.buttons_added .minus {
  border-right: 0; }
 
 .quantity.buttons_added .plus {
  border-left: 0; }
 
 .quantity.buttons_added .minus:hover,
 .quantity.buttons_added .plus:hover {
  background: #eeeeee; }
 
 .quantity input::-webkit-outer-spin-button,
 .quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0; }
  
.quantity.buttons_added .minus:focus,
 .quantity.buttons_added .plus:focus {
  outline: none; }

.member-menu-box-wrap {width: 25%;float: left;margin-top: 30px;padding-right: 3%;}
.member-detail-inner {width: 75%;float: right;margin-top: 30px;}
.member-menu-box {padding: 10px 25px 25px 25px;border-radius: 5px;border: 1px solid #ECECEC;}
.member-menu-box ul {padding: 0;margin: 0;}
.member-menu-box ul li {display: block;margin-top: 15px;}
.member-menu-box ul li a {color: #000000;font-size: 18px;font-weight: 300;}
.member-menu-box ul li a:hover,.member-menu-active a {color: #1967B2!important;}
.member-menu-active a {font-weight: 500!important;}
.member-card {background: url(../images/member/member-card-bg.webp) no-repeat center;background-size: cover;
  padding: 25px;border-radius: 5px;height: 100%;}
.member-card > .row {height: 100%;}
.member-card-welcom {display: flex;}
.member-card-welcom img {margin-right: 5px;}
.member-card-name {font-size: 18px;color: #000;line-height: 21px;}
.member-card-name span {font-size: 16px;line-height: 14px;display: block;}
.member-card-logout {font-size: 18px;line-height: 21px;color: #000;text-align: right;}
.txt-right {text-align: right!important;}
.member-card-detail {margin: 15px 0 35px 0;}
.member-card-detail-list {color: #fff; padding: 15px 0;border-right: 1px solid rgba(255, 255, 255, 0.29);
  display: flex;flex-wrap: wrap;justify-content: center;align-items: center;text-align: center;font-size: 18px;}
.member-card-detail-list label {display: block;width: 100%;padding-bottom: 5px;}
.member-card-detail-list a {color: #fff;}
.no-border {border: unset!important;}
.member-card-point-label {font-size: 20px;line-height: 30px;color: #fff;}
.member-card-point {font-size: 30px;color: #fff;line-height: 30px;}
.member-card-point span {font-size: 20px;line-height: 20px;}
.member-data-info {padding: 20px 20px 60px 20px;border-radius: 5px;border: 1px solid #ECECEC;height: 100%;position: relative;}
.member-data {padding: 0;}
.data-group {display: flex;flex-wrap: wrap;font-size: 14px;padding-bottom: 5px;}
.data-group label {color: #000000;width: 100%;display: flex;justify-content: space-between;}
.data-group label span {text-align: right;display: inline-block;}
.data-info {width: 100%;padding-bottom: 0;color: #444;font-weight: 300;}
label.label-long {width: 100%;}
.info-long {width: 100%;}
.btn-form-edit-wrap {position: absolute;left: 25px;bottom: 25px;}
.btn-form-edit {padding: 0;text-align: center;color: #828282!important;border: none;border-radius: 20px;font-size: 14px;display: block;}
.btn-form-edit svg {margin-right: 5px;}
.btn-form-edit svg .a{fill:#828282;}
.btn-form-edit:hover {color:#1967B2!important;}
.btn-form-edit:hover svg .a{fill:#1967B2;}
.member-detail-inner .col-xl-6 {margin-bottom: 25px;}
.tab-welcom-member {background: #EDF4F4;padding: 20px 25px;border-radius: 5px;margin-bottom: 15px;}
.member-data-add-new {border-radius: 5px;border: 1px solid #ECECEC;height: 100%;position: relative;min-height: 316px;overflow: hidden;}
.member-data-add-new a {display: flex;height: 100%;justify-content: center;align-items: center;flex-wrap: wrap;padding: 25px;}
.add-new-icn {display: block;width: 100%;text-align: center;}
.add-new-icn svg .a{fill:none;stroke:#686868;stroke-width:2px;}
.add-new-txt {display: block;padding-top: 10px;font-size: 16px;color: #636363;text-align: center;}
.defult-address {background: #F8F8F8!important;}
.member-data-add-new a:hover {background: #1967B2;}
.member-data-add-new a:hover svg .a {stroke: #fff;}
.member-data-add-new a:hover .add-new-txt {color: #fff!important;}
.popup-edit {display: none;width: 60%;padding: 20px 25px!important;}
.wishlist-table-head {font-size: 18px;color: #000;border-bottom: 1px solid #ECECEC;padding-bottom: 10px;}
.cart-list-product-detail-wrap {display: flex;flex-wrap: wrap;}
.wishlist-table-list-row {padding: 15px 0;border-bottom: 1px solid #ECECEC;position: relative;}
.cart-list-product-img {width: 20%;}
.cart-list-product-img img {border: 1px solid #ECECEC;border-radius: 5px;}
.cart-list-product-detail {width: 80%;padding: 0 15px;}
.cart-list-product-detail-name {font-size: 16px;color: #000000;font-weight: 300;padding-bottom: 5px;}
.cart-list-product-detail-sku {font-size: 14px;color: #616161;font-weight: 300;padding-bottom: 15px;}
.cart-list-product-detail-otherdetail {font-size: 14px;color: #616161;font-weight: 300;}
.cart-list-product-detail-status {font-size: 14px;color: #000000;font-weight: 300;display: block;margin-top: 10px;}
.cart-list-product-detail-status span {padding-left: 10px;}
.cart-list-product-detail-cut {font-size: 14px;color: #000000;font-weight: 300;display: block;margin-top: 5px;}
.cart-list-product-detail-cut span {padding-left: 10px;color: #D20001;}
.status-instrock {color: #00B71D!important;}
.wishlist-product-price-other {display: flex;flex-wrap: wrap;justify-content: center;}
.wishlist-product-price-color {display: flex;flex-wrap: wrap;justify-content: end;}
.wishlist-product-price {display: flex;flex-wrap: wrap;}
.price-discount {font-size: 16px;color: #D20001;line-height: 20px;text-align: center;}
.price-discount span {color: #AEAEAE;text-decoration: line-through;margin-left: 5px;display: block;}
.price-nodiscount {font-size: 16px;color: #000000;}
.wishlist-product-other {display: flex;}
.remove-wishlist {position: absolute;right: 0;bottom: 20px;color: #464646;font-size: 16px;}
.quotation-table {position: relative;
padding: 15px 30px 20px 30px;
border: 1px solid #ECECEC;
border-radius: 10px;}
.quotation-table-head {display: flex;flex-wrap: wrap; padding: 10px 0;font-size: 18px;color: #000000;}
.quotation-head-num,.quotation-head-date,.quotation-head-totalprice,.quotation-head-view-pay {font-size: 15px;}
.quotation-num,.quotation-date,.quotation-totalprice,.quotation-view-pay {font-size: 14px;}
.quotation-head-num,.quotation-num {width: 25%;}
.quotation-head-date,.quotation-date {width: 31%;text-align: center;}
.quotation-head-totalprice,.quotation-totalprice {width: 32%;padding-right: 40px;text-align: center;}
.quotation-head-view-pay,.quotation-view-pay {width: 12%;text-align: right;}
.quotation-head-date span {display: block;font-size: 14px;color: #676767;line-height: 10px;}
.quotation-table-row {display: flex;flex-wrap: wrap;align-items: center;border-top: 1px solid #ECECEC;padding: 10px 0;
  color: #444444;font-weight: 300;}
.w-auto {min-width: unset!important;}
.b-inline {display: inline-block!important;}
.cart-table {position: relative;padding: 15px 30px 20px 30px;border: 1px solid #ECECEC;border-radius: 10px;}
.cart-table-head {display: flex;flex-wrap: wrap; padding: 10px 0;font-size: 16px;color: #000000;}
.cart-head-product-list,.cart-product-list {width:32%;}
 

#complete-wrap .cart-head-product-list, #complete-wrap .cart-product-list {width: 40%;}
#complete-wrap .cart-head-product-list-photo, #complete-wrap .cart-product-list-photo {width: 15%;}


.cart-head-product-list-no,.cart-head-product-list-no {width: 4%;text-align: center;}
.cart-head-price,.cart-price {width: 19%;text-align: center;}
.cart-head-color,.cart-color {width: 19%;text-align: center;}
.cart-head-totalprice,.cart-totalprice {width: 12%;text-align: right;}
.cart-head-amount,.cart-amount {width: 18%;text-align: center;}
.cart-table-row {display: flex;flex-wrap: wrap;border-top: 1px solid #D1D1D1;padding: 15px 0;
  color: #444444;font-weight: 300;position: relative;min-height: 135px;}
.color-name {font-size: 16px;color: #000000;font-weight: 300;}
.red-txt {color: #D20001!important;}
.total-price-wrap {display: flex;flex-wrap: wrap;
  margin-bottom: 30px;justify-content: space-between;}
.cart-head-product-list-no-txt {font-size: 18px;}
.cart-promotion {width: 56%;}
.cart-total-detail {width: 33%;}
.subsub-tiltemain {font-size: 18px;color: #000;margin-bottom: 10px!important;}
.promotion-remark {padding: 15px 0 0 0;}
.promotion-remark h4 {font-size: 16px;color: #000000;}
.promotion-remark p {font-size: 16px;color: #545454;font-weight: 300;}
.cart-total-detail-row {display: flex;flex-wrap: wrap;padding-bottom: 10px;}
.cart-total-label {width: 60%;font-weight: 16px;color: #000000;}
.cart-total-price {width: 40%;font-weight: 16px;color: #444444;font-weight: 300;text-align: right;}
.cart-grand-red {font-size: 16px;font-weight: 500;color: #D20001;}
.cart-step {display: flex;flex-wrap: wrap;align-items: center;}
.step-box {display: flex;flex-wrap: wrap;align-items: center;}
.step-box-num {padding: 6px;background: #BCB9AA;border-radius: 5px;color: #fff;font-size: 18px;line-height: 27px;
  width: 40px;text-align: center;border-radius: 100%;}
.step-box-txt {padding-left: 15px;color: #9B9B9B;font-size: 18px;}
.step-box-dash {padding: 0 25px;}
.step-active .step-box-txt {color: #1967B3!important;}
.step-active .step-box-num {background: #1967B3!important;}
.cart-head-top {display: flex;flex-wrap: wrap;justify-content: space-between;}
.cart-head-top-order-wrap {width: 50%;text-align: right;}
.cart-head-top-order-company {width: 50%;}
.cart-head-top-order {font-size: 18px;color: #000000;}
.cart-head-top-order span {padding-left: 10px;}
.cart-head-top-order-company p {font-size: 18px;color: #000000;}
.cart-detail-inner {padding-top: 35px;}
.cart-data-info {display: flex;flex-wrap: nowrap;padding: 25px 0;}
.cart-data-info-personal {width: 30%;border: 1px solid #ECECEC; border-radius: 5px;padding: 15px 25px 0 25px;margin-right: 13px;}
.cart-data-info-address {position: relative;width: 34%;border: 1px solid #ECECEC; border-radius: 5px;padding: 15px 25px 0 25px;margin-right: 13px;}
.cart-data-info-tax {position: relative;width: 34%;border: 1px solid #ECECEC; border-radius: 5px;padding: 15px 25px 0 25px;}
.cart-remark {font-size: 20px;text-align: center;color: #B10104;}
.cart-head-project-name {background: #F8F8F8;border: 1px solid #ECECEC;padding: 10px 25px;font-size: 20px;color: #000000;margin: 25px 0 10px 0;border-radius: 5px;}
.cart-promotion-confirm {width: 39%;padding-right: 50px;}
.cart-total-detail-confirm {width: 100%;padding-top: 25px;}
.cart-delivery-confirm {width: 13%;}
.cart-paymentmethode-confirm {width: 13%;}
.payment-img {padding-top: 10px;}
.complete-show {position: relative;padding-top: 35px;}
/*.complete-show-txt {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;text-align: center;}
*/
.complete-show-txt {position: relative;width: 100%;padding: 50px;
  background: url(../images/product/complete-bg.webp) no-repeat center;background-size: cover;}
.complete-show-txt * {text-align: center;}
.complete-show-txt h2 {font-size: 34px;color: #000!important;padding-bottom: 15px;}
.complete-show-txt p {margin: 0;font-size: 21px;color: #000!important;}
.remark-qr {color: #1967B2;font-size: 18px;margin-top: 25px;}
.quantity-product-detail-confirm {font-size: 18px;color: #000;}
.info-cart-edit {padding-bottom: 60px;}
.delivery-payment-choice {display: flex;flex-wrap: wrap;justify-content: space-between;}
.delivery-choice {width: 40%;border: 1px solid #ECECEC;border-radius: 5px;padding: 15px 25px;}
.payment-choice {width: 58%;border: 1px solid #ECECEC;border-radius: 5px;padding: 15px 25px;}
.delivery-choice .form-check {display: flex;align-items: center;margin-bottom: 35px;}
.delivery-choice .form-check-label {padding-left: 10px;}
.delivery-choice .form-check-label img {max-height: 68px;width: auto;}
.payment-choice .form-check {padding-top: 20px;display: flex;align-items: center;}
.payment-choice .form-check-label {padding-left: 15px;}
.bank-detail-table {border-radius: 5px;border: 1px solid #CECECE;padding: 5px 20px;margin: 10px 0 15px 0;}
.bank-detail-head {display: flex;flex-wrap: wrap;border-bottom: 1px solid #CECECE;padding: 5px 0;}
.bank-detail-list {display: flex;flex-wrap: wrap;padding: 10px 0;}
.bank-detail-head-bank,.bank-detail-bank {width: 30%;}
.bank-detail-head-account,.bank-detail-account {width: 20%;}
.bank-detail-head-acc-name,.bank-detail-acc-name {width: 30%;}
.bank-detail-head-branch,.bank-detail-branch {width: 20%;}
.bank-detail-bank span {padding-left: 10px;}
.total-shipping-cost {border: 1px solid #C5C5C5;padding: 10px;display: inline-block;border-radius: 5px;}
.box-login,.box-regis {padding-top: 30px;}
.sub-tiltemain {font-size: 16px;color: #000;margin-bottom: 10px!important;font-weight: 400;}
.form-btn-row {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;margin-top: 25px;}
.form-btn-row span {padding: 0 5px;font-size: 14px;}
.btn-login-face {display: flex;align-items: center;background: #3A559F;padding: 7px 15px;
width: 100%;
text-align: center;
justify-content: center;
border-radius: 20px;}
.btn-login-face span {display: inline-block;padding: 0 0 0 5px!important;}
.btn-login-face svg .a{fill:#fff;}
.btn-login-gmail {display: flex;align-items: center;background: #fff;padding: 3px 5px;
width: 100%;border: 1px solid #E1E1E1;
text-align: center;
justify-content: center;
border-radius: 20px;max-width: 182px;}
.btn-login-gmail img {width: 16px;}
.btn-login-gmail span {display: inline-block;padding: 0 0 0 5px!important;color: #000;}
.btn-login-gmail:hover span {color: #fff;}
.link-forgot {display: inline-block;text-decoration: underline;color: #1967B3;}
.box-login-form label {padding: 10px 0 5px 0;font-size: 14px;}
.txt-link-inline {font-size: 14px;}
.box-login-form .form-check {margin-top: 20px;}
.box-login-form {border: 1px solid #ECECEC;border-radius: 5px;padding: 25px;height: 100%;}
.regis-txt {font-size: 18px;font-weight: 300;color: #545454;padding-bottom: 25px;}
.box-login .col-md-5 {width: 36%;}
.box-login .col-md-2 {width: 28%;}
.box-regis .col-md-5 {width: 37%;}
.box-regis .col-md-2 {width: 26%;}
.content-list-inner {padding-top: 10px;}
.content-list-item-box {background: #fff;border-radius: 6px;overflow: hidden;position: relative;border: 1px solid #ECECEC;margin-top: 25px;}
.content-list-item-box a {display: block;}
.content-list-item-title-wrap {padding: 10px 15px;}
.content-list-item-title {font-size: 16px;line-height: 150%;font-weight: 300;min-height: 70px;margin-bottom: 5px!important;}
.content-list-item-date {font-size: 14px;font-weight: 300;}
.content-list-item-cover {position: relative;overflow: hidden;}
.content-list-item-cover:after {opacity: 0;position: absolute;width: 100%;height: 100%;content: "";top: 0;left: 0;
  background: url(../images/icon/icn-overlay.svg) no-repeat center rgba(0, 28, 66, 0.69);z-index: 1;}
.content-list-item-box a:hover .content-list-item-cover:after {opacity: 1;}
.menumain-active {background: #F2F2F2!important;color: #D20001!important;}
.title-content {font-size: 25px;font-weight: 300;padding-bottom: 15px;}
.content-img-main {padding: 20px 0 30px 0;}
.content-txt-area * {font-size: 16px!important;}
.content-txt-area p,.content-txt-area ul li,.content-txt-area ol li {font-weight: 300!important}
.btn-share {padding: 10px 0;}
.select-absolute {position: absolute;top: 50%;right: 0;transform: translate(0, -50%);padding-left: 35px;z-index: 2;}
#selectfiltercate {min-width: 233px;}
.blog-cate {font-size: 15px;color: #D20001;font-weight: 300;padding-bottom: 5px;display: block;}
.titlemain-pagemenu {font-size: 18px;padding-bottom: 15px;}
.article-box-L {padding-right: 10%!important;border-right: 1px solid #D8D8D8;width: 73%!important;}
.article-box-R {width: 27%!important;}
.blog-cate-date {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 15px;}
.blog-cate-date-cate {font-size: 16px;font-weight: 300;color: #D20001;}
.blog-cate-date-date {font-size: 16px;font-weight: 300;color: #000000;text-align: right;}
.blog-lastest-img {border-radius: 5px;overflow: hidden;}
.blog-lastest-txt {font-size: 14px;color: #000;min-height: 55px;font-weight: 500;}
.blog-lastest-date {font-size: 11px;color: #000000;}
.blog-lastest-list {margin-bottom: 15px;}
.tag-wrap {padding: 15px 0 0 0;}
.tag-wrap label {font-size: 18px;color: #7A7A7A;font-weight: 500;display: inline-block;padding-right: 5px;}
.tag-list {display: inline-block;}
.tag-list ul {list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.tag-list ul li {display: inline-block;padding-right: 5px;}
.tag-list ul li a {font-size: 18px;color: #7A7A7A;}
.content-detail-inner {padding-bottom: 50px;padding-top: 25px;}
.stroe-data .contact-img {margin-bottom: 35px;}
.stroe-data p {font-size: 16px;color: #545454;margin: 0;}
.contact-data-wrap {display: flex;flex-wrap: wrap;padding-bottom: 15px;}
.contact-data-icon {width: 15px;}
.contact-data-icon img {vertical-align: top;}
.contact-data-txt {width: 85%;padding-left: 10px;}
.contact-data-txt-head {font-size: 18px;color: #000000;font-weight: 400;}
.contact-social {list-style: none;padding: 0;margin: 0;display: flex;align-items: center;flex-wrap: wrap;}
.contact-social li {display: inline-block;margin-right: 10px;font-weight: 300;font-size: 15px;}
.content-inner {padding-top: 25px;}
.store-map-img {display: block;width: 100%;padding: 15px 0;}
.store-howtogo-img {position: relative;text-align: center;height: 100%;overflow: hidden;border-radius: 5px;}
.store-howtogo-img img {position: absolute;left: 0%;top: auto;right: 0%;bottom: 0%;z-index: 1;width: 100%;
  height: 100%;max-width: 100%;-o-object-fit: cover;object-fit: cover;}
.store-howtogo-data{border: 1px solid #ECECEC; padding: 25px;border-radius: 5px;}
.store-howtogo-data p {margin-bottom: 15px;font-size: 18px;font-family: Tahoma;color: #686868;}
.box-contact {border: 1px solid #ECECEC; padding: 50px;border-radius: 5px;margin-top: 30px;}
.contact-list-wrap {display: flex;flex-wrap: wrap;justify-content: center;}
.contact-brief {font-size: 25px;font-weight: 300;text-align: center;}
.contact-list {text-align: center;margin-top: 50px;width: 25%;}
.contact-list-txt {padding-top: 10px;}
.contact-list-txt h2 {font-size: 18px;color: #000000;}
.contact-list-txt p {font-size: 18px;color: #545454;font-weight: 300;margin: 0;}
.contact-list-img {text-align: center;}
.content-inner {padding-top: 30px;}
.news-lastest-txt {font-size: 16px;min-height: 45px;}
.news-lastest-list {border: 1px solid #ECECEC;border-radius: 5px;padding: 15px;margin-bottom: 15px;width: 97%;}
.news-lastest-date {font-size: 16px;color: #777777;font-weight: 300;}
.box-relative {position: relative;}
.faq-question {padding: 20px 25px;border-radius: 5px;background: #F8F8F8;border: 1px solid #ECECEC;margin-bottom: 20px;}
.faq-question h1{font-size: 20px;color: #000000;}
.faq-answer {padding: 20px 25px 5px 25px;border-radius: 5px;border: 1px solid #ECECEC;}
.faq-answer p {font-size: 18px;font-family: Tahoma;}
.search-result-page {width: 100%;display: block;margin-bottom: 35px;}
.serch-result-list {padding-top: 25px;}
#carousel.flexslider img {border: 1px solid #ECECEC;}
#carousel.flexslider .flex-active-slide img {border: 2px solid #1967B2 !important;}
textarea {border-radius: 20px !important;}
.btn-dp-fav {position: absolute;width: 30px;height: 30px;border-radius: 100%;top: 25px;right: 25px;
  background: #FF5859;display: flex;justify-content: center;align-items: center;}
.btn-dp-fav2 {position: absolute;width: 30px;height: 30px;border-radius: 100%;top: 25px;right: 25px;
    background: #001C43;display: flex;justify-content: center;align-items: center;}
.btn-dp-fav img,.btn-dp-fav2 img {width: 50%;}
.other-detail-wrap {padding-top: 70px;}
.btn-askmore {border-radius: 20px;display: flex;justify-content: center;align-items: center;padding: 5px 15px;text-align: center;color: #fff!important;font-size: 14px;}
.ask-tel {background: #9F9B86;}
.ask-face {background: #3A559F;}
.ask-line {background: #00C200;}
.btn-askmore img {max-width: 20px;}
.btn-askmore span {padding-left: 5px;}
.btn-askmore:hover {background: #001C43!important;}
.section-product-reference {padding-top: 70px}
.quotation-list {width: 72%;float: left;margin-right: 3%;}
.quotation-total-wrap {width: 25%;float: right;padding: 20px 25px;border: 1px solid #ECECEC;border-radius: 10px;}
.btn-delete {position: absolute;bottom: 15px;right: 0;}
.cart-amount .quantity-product-detail {margin-top: 0!important;}
.btn-quotation {
  width: 100%;
  padding: 7px 20px;
  text-align: center;
  color: #fff !important;
  border: none;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}
.btn-gray {
  background: #D2D2D2;
}
.btn-orange {
  background: #FFAD43;
}
.btn-quotation:hover {background: #001C43!important;}
.cart-add-data {position: relative;padding: 15px 30px 20px 30px;border: 1px solid #ECECEC;border-radius: 10px;margin-top: 25px;}
.box-login-form input {border-radius: 20px;}
.cart-add-data .box-login-form {border-top: 1px solid #ECECEC!important;margin-top: 10px;
padding: 20px 0 10px 0;}
.collapse-cart-address .accordion-item {position: relative;padding: 15px 30px 20px 30px;border: 1px solid #ECECEC;border-radius: 10px;margin-top: 25px;}
.collapse-cart-address .box-login-form {margin-top: 10px;border-top: 1px solid #ECECEC!important;
padding: 20px 0 10px 0;}
.collapse-cart-address .accordion-button {padding: 0;font-size: 20px!important;
color: #000!important;}
.collapse-cart-address .accordion-button::after {background: url(../images/icon/plus-add.png) no-repeat right center!important;background-size: contain !important;}
.collapse-cart-address .accordion-button:not(.collapsed),.collapse-cart-address .accordion-button:focus {background: #fff!important;box-shadow: unset!important;}
.collapse-cart-address .accordion-button {position: relative;}
.check-address {margin-left: 20px;}
.check-address label {margin-top: 5px;font-size: 16px;color: #686868;}
.collapse-cart-address .accordion-body {padding: 0;}
.cart-table-cf .cart-table-row {min-height: unset;}
.box-askmore {padding-top: 35px;}
.other-contact {margin-top: 20px;}
.other-contact div {width: 100%; display: inline-block; margin-bottom: 10px;color: #444444;}
.other-contact span {font-size: 16px;vertical-align: middle; display: inline-block;}
.other-contact img {font-size: 17px; vertical-align: middle; display: inline-block; margin-right: 5px;}
.tiltemain-mail {font-size: 30px;color: #000;margin-bottom: 10px!important;}

/*#complete-wrap * {font-family: tahoma!important;}*/
#complete-wrap * {font-family: tahoma;}
#complete-wrap .cart-data-info-personal,#complete-wrap .cart-data-info-address,#complete-wrap .cart-data-info-tax {padding: 0 50px 0 0;border: none;}
#complete-wrap .cart-data-info {border-top: 1px solid #BBBBBB;padding: 15px 0;
margin-top: 15px;}
#complete-wrap .data-info {width: auto;color: #444444;}
#complete-wrap .data-group label {width: auto;padding-right: 5px;}
#complete-wrap .cart-data-info-personal {width: 25%;}
#complete-wrap .cart-data-info-address,.cart-data-info-tax {width: 38%;}
#complete-wrap .cart-table {border-top: 1px solid #BBBBBB;border-radius: unset;}
#complete-wrap .cart-list-product-detail {
  width: 100%;
  padding: 0 35px 0 0;
}
#complete-wrap .cart-table {border: unset;padding: 15px 0 0 0;border-top: 1px solid #ECECEC;}
#complete-wrap .cart-table-row {border-top: 1px solid #ECECEC;min-height: unset;}
#complete-wrap .total-price-wrap {border-top: 1px solid #ECECEC;justify-content: end;}
#complete-wrap .cart-total-detail-confirm {width: 30%;}
.login-regis-fogot {
  text-align: center;
  margin-top: 25px;
  color: #7E7E7E;
}
.login-regis-fogot a {
  margin: 0 10px;
  color: #7E7E7E;
  font-size: 14px;
}
.box-login-form .form-check label {
  padding-top: 0;
}
.txt-link {text-decoration: underline!important;color: #CA0103;}
.member-detail-inner .sub-tiltemain,.member-detail-inner .data-group label {font-weight: 500;}
.add-default {color: #1967B3!important;}
.wishlist-table {position: relative;
padding: 15px 30px 20px 30px;
border: 1px solid #ECECEC;
border-radius: 10px;}
.btn-form-qt {padding: 0;text-align: center;color: #828282!important;border: none;border-radius: 20px;font-size: 18px;display: block;}
.btn-form-qt svg .a,.btn-form-qt svg .b{fill:none;stroke:#000;stroke-width:1.5px;}
.btn-form-qt svg .a{stroke-miterlimit:10;}
.btn-form-qt svg .b{stroke-linecap:round;stroke-linejoin:round;}
.btn-form-qt:hover {color:#1967B2!important;}
.btn-form-qt:hover svg .a,.btn-form-qt:hover svg .b{stroke:#1967B2;}
.customer-list {
  background: #fff;
  border-radius: 100%;
  width: 180px;
  height: 180px;
  text-align: center;
  border: 2px solid #F2F2F2;
  margin: 0 auto;
  position: relative;
  display: block;
  overflow: hidden;
}
.customer-list img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 105%;
max-width: unset;
}
.customer-list:hover {
  border: 2px solid #1967B3;
}
.customer-box-list {padding-top: 50px;}
.customer-box-list .col-sm-2 {width: 20%;}
.customer-box-wrap {margin-top: 50px;}
.menu-service-list a svg .a{fill:#1967b2;}
.menu-service-list a {width: 130px;height: 130px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;
  text-align: center;position: relative;  border: 1px solid #F2F2F2;border-radius: 100%;font-size: 13px;font-weight: 500;
  color: #5E5E5E;line-height: 15px;align-content: center;}
.menu-service-list a span {display: block;margin-top: 5px;display: block;width: 100%}
.menu-service-list a:hover,.mnsv-active {color: #fff!important;background: #1967B3!important; border: 1px solid #1967B3!important;}
.menu-service-list a:hover svg .a,.mnsv-active svg .a {fill:#fff!important;}
.menu-service-box .col-2 {width: 16.6%;}
.menu-service-list svg {height: 35px;}
.sv-line-mn {position: absolute;right: -42px;top: 50%;transform: translate(0, -50%);}
.menu-service-box {margin: 50px 0 0 0;}
.box-content-main {
  float: left;
  width: 100%;
  padding-right: 45px;
  border-right: 1px solid #D8D8D8;
}
.sidebar-fix-style .content-wrap {overflow: unset;}
.sidebar-fix-style .box-content-main, .sidebar-fix-style .box-content-menu {width: 100%;}
.sidebar-section {position: absolute;height: 100%;width: 100%;}
.sidebar-item {position: absolute;top: 15px;left: 0;width: 100%;padding-left: 45px!important;}
.has-2-items {position: relative;margin-bottom: 200px;}
.has-2-items .sidebar-item {height: 90%;}
.make-me-sticky {position: -webkit-sticky;position: sticky;top: 0;}
.sticky-blog .box-content-menu {padding-top: 80px;}
.show-mb {display: none;}
.menugroup-list-wrap {list-style: none;padding-left: 0}
.menugroup-list-wrap li {background: url(../images/icon/menugroup-list-circle.svg) no-repeat left center;
  padding-left: 25px;margin-bottom: 10px; font-size: 14px;}
.menugroup-active {background: url(../images/icon/menugroup-list-active-circle.svg) no-repeat left center!important;}
.list-with-filter {margin-top:20px;}
.first-pharagraph p {font-size: 16px; color: #707070;font-weight: 400;}
.blog-index-title {font-size: 18px; color: #1967B2; font-weight: 500;}
.blog-index-title img {padding-right: 10px}
.blog-index-content {padding: 45px;margin: 40px 0 30px 0;background: #EDF4F4;}
.blog-index-list {padding: 0 60px 0 60px;margin: 0;}
.blog-index-list li {margin-top: 5px;}
.blog-index-list li::marker {color: #29348F!important}
.blog-index-list li a {display: inline-block; font-size: 16px; vertical-align: top;color: #000!important;}
.content-txt-area-blog p, .content-txt-area-blog ol, .content-txt-area-blog ul,
.content-txt-area-blog p *, .content-txt-area-blog ol *, .content-txt-area-blog ul * {font-size: 16px;color: #707070;font-weight: 400;}
.blog-paragraph-head {font-size: 20px !important;color: #000000 !important;}
.section-blog-content {margin-top: 35px;}
.content-txt-area-blog h3,.content-txt-area-blog h4 {font-size: 18px;color: #000;margin-top: 35px;font-weight: 400;padding-bottom: 15px}
.section-banner-blog {padding: 100px 35px 60px 35px;text-align: center;display: flex;width: 100%;flex-wrap: wrap;
  justify-content: center;align-items: center;}
.section-banner-blog span {font-size: 20px;font-weight: 500;color: #000000;display: block;width: 100%;padding-bottom: 25px;}
#main-menulist-pd .content-wrap {
  width: 94%;
  max-width: 1600px;
  overflow: visible;
}
.show-menu-mb {display: none;}
.main-filter {padding: 15px 15px 0 15px;background: #fff;
border: 1px solid #ECECEC;
border-radius: 10px;margin-bottom: 20px;}
.other-tag-filter {padding: 15px 15px 0 15px;background: #fff;
border: 1px solid #ECECEC;
border-radius: 10px;margin-bottom: 20px;}
[hidden] {
   display: none;
   visibility: hidden;
}
#nav-filter .nav a, .nav label {
   display: block;
   padding: 0.85rem;
   color: #fff;
   background-color: #151515;
   box-shadow: inset 0 -1px #1d1d1d;
   transition: all 0.25s ease-in;
}
#nav-filter  .nav a:focus, #nav-filter .nav label:focus, #nav-filter .nav a:hover, #nav-filter .nav label:hover {
   color: rgba(255, 255, 255, .5);
   background: #030303;
}
#nav-filter  .nav label {
   cursor: pointer;
}
.nav__list {margin-top: 10px;}
.nav__list > li {border-top: 1px solid #ECECEC;padding: 10px 0;font-size: 14px;font-weight: 500;}
.nav__list > li:first-child {border-top: none!important;}
.group-list {padding-left: 15px;}
.group-list > li:last-child {border-bottom: 1px solid #ECECEC!important;padding-bottom: 20px!important;}
/** * Styling first level lists items */
.group-list > li {padding: 10px 0 0 0;cursor: pointer;font-weight: 400;font-size: 14px;}
.nav__list > li label {cursor: pointer;position: relative;
width: 100%;}
 .group-list a, .group-list label {
   background: #fff;
}
 .group-list a:focus, .group-list label:focus, .group-list a:hover, .group-list label:hover {
   color: #1967B3;
}
/** * Styling second level list items */
 .sub-group-list a, .sub-group-list label {
   padding-left: 0;
}
 .sub-group-list a:focus, .sub-group-list label:focus, .sub-group-list a:hover, .sub-group-list label:hover {
   color: #1967B3;
}
/** * Styling third level list items */
 .sub-sub-group-list a, .sub-sub-group-list label {
   padding-left: 0;
   background: #454545;
   box-shadow: inset 0 -1px #575757;
}
 .sub-sub-group-list a:focus, .sub-sub-group-list label:focus, .sub-sub-group-list a:hover, .sub-sub-group-list label:hover {
   background: #333;
}
/** * Hide nested lists */
 .group-list, .sub-group-list, .sub-sub-group-list {
   transition: max-height 0.5s ease-in-out;
   list-style: none;
   padding-left: 15px;
}
.sub-group-list {margin-bottom: 5px;}
.nav__list {list-style: none;padding: 0;margin: 10px 0 0 0;}
.nav__list li a {font-weight: 500;}
.nav__list li ul li a {color: #747474;font-weight: 400;margin-top: 7px;display: inline-block;margin-right: 15px;}
 .nav__list input[type=checkbox]:checked + label + ul {
  /* reset the height when checkbox is checked */
   max-height: 1000px;
}
.subcategroup-list {list-style: none;padding-left: 15px;}
/** * Rotating chevron icon */
 label > span {
   float: right;
   transition: transform 0.65s ease;
}
 .nav__list input[type=checkbox]:checked + label > span {
   transform: rotate(90deg);
}
 .soc-media {
   display: flex;
   justify-content: center;
}
 .soc-media li:nth-child(n+2) {
   margin-left: 1rem;
}
 .soc-media a {
   font-size: 1.25rem;
   color: rgba(255, 255, 255, .65);
   transition: color 0.25s ease-in;
}
 .soc-media a:focus, .soc-media a:hover {
   color: rgba(255, 255, 255, .2);
}
.cross {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  content: "";
}
.cross::before, .cross::after {
  content: '';
  border-top: 2px solid #1967B3;
  width: 10px;
  display: block;
  transition: 0.3s;
}
.cross::after {

    transform: rotate(90deg);
    margin-top: -2px;
}
.pdcate-list-active .cross::before {
  transform: rotate(180deg);
}
.pdcate-list-active .cross::after {
  transform: rotate(0deg);
}
.active-filter {color: #1967B3!important;}
.other-tag-filter .nav__list {margin: 0;border-bottom: 1px solid #ECECEC;}
.other-tag-filter .nav__list:last-child {border-bottom: none !important;}
.other-tag-filter .group-list > li:last-child {border-bottom: none!important;padding-bottom: 0 !important;}
.product-menu-box-wrap-mobile {display: none;}
.filter-mb-wrap {display: none;}
#banner-service {position: relative;}
#banner-service .owl-dots {margin-top: -50px;position: relative;z-index: 9;}
#banner-service .owl-nav {position: absolute;left: 50%; top: 50%; transform: translate(-50%, -50%);width: 100%;z-index: -1;}
#banner-service button.owl-prev {float: left;margin-left: 20px}
#banner-service button.owl-next {float: right;margin-right: 20px;}
.service-mb-wrap {position: relative;width: 100%;}
.nondis {display: none!important;}
.subcategroup-list,.subsubcategroup-list {display: none;}
.active-product-color {border: 1px solid #1967B3!important;}
.pdcate-list-active {color: #1967B3!important;}
.filter__listgroup {margin-top: 0;border-top: 1px solid #ECECEC;padding: 15px 0;font-size: 14px;font-weight: 400;}
#accordionfilter .accordion-button {color: #000;
background-color: unset;
box-shadow: unset;
padding: 0;
font-size: 14px;
font-weight: 500;}
#accordionfilter .accordion-item {border: unset;}
#accordionfilter .accordion-button::before, #accordionfilter .accordion-button::after {
  content: '';
  border-top: 2px solid #1967B3;
  width: 10px;
  display: block;
  transition: 0.3s;
  background-image: none!important;
  position: absolute;
}
#accordionfilter .accordion-button::after {transform: rotate(90deg);right: 9px;}
#accordionfilter .accordion-button::before {right: 0;}
#accordionfilter .accordion-button:not(.collapsed)::before {
  transform: rotate(180deg);
}
#accordionfilter .accordion-button:not(.collapsed)::after {transform: rotate(0deg);display: none;}
#accordionfilter .accordion-body {
  padding: 0 0 0 20px;
  height: 125px;overflow: auto;
}
#price-range-box {position: relative;overflow: hidden;padding-top: 40px;}
#price-range-bar {padding: 0!important;height: unset!important;}
.rs-container {width: 75%;margin: 0 auto;}
.rs-container .rs-scale {display: none!important;}
.rs-container .rs-selected {background-color: #1967B2!important;
border: 1px solid #1967B2!important;}
.box-login-form .check-address {margin-left: 0;}
.search-relate-box {display: none;position: absolute;top: 52px;left: 0;width: 100%;background: #F9F9FA;
padding: 25px;}
.searchkeyword-head {font-size: 18px;font-weight: 500;}
.search-keyword-list {list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.search-keyword-list li a {padding: 10px;background: #fff;text-align: center;margin: 10px 10px 0 0;display: block;
border: 1px solid #ECECEC;border-radius: 6px;color: #9B9B9B;font-size: 16px;}
.catalog-list-item-box {margin-bottom: 60px;}
.catalog-list-item-title {font-size: 18px;font-weight: 500;margin: 15px 0 !important;
color: #000000;}
.catalog-list-item-box a {min-width: unset;width: 100%;}
.catalog-list-item-box a img {height: 17px;}
.main-menu-wrap-pc:hover,.main-menupd-wrap-pc:hover {background: #1967b2;cursor: pointer;}
.main-menu-wrap-pc:hover svg .line,.main-menupd-wrap-pc:hover svg .line {stroke: #fff;}
.main-menu-wrap-pc:hover .menu-txt,.main-menupd-wrap-pc:hover .menu-txt {color: #fff!important;}
.main-menu-wrap-pc:hover #main-menulist-other-mb,.main-menupd-wrap-pc:hover #main-menulist-pd {display: block;}
.menu-wrapmain .content-wrap {width: 90%;}
.slick-slide .item{
    padding-left:  15px;
    padding-right:  15px;
    margin-bottom: 35px;
  }
.slide-close-button {display: none;}
/*.product-list-item-slide .slick-slide,.product-list-item-slide .slick-track {width: 100%!important;}*/
.product-list-item-slide-best .slick-slide,.product-list-item-slide-best .slick-track {width: 100%!important;}
.product-list-item-slide-pro .slick-slide,.product-list-item-slide-pro .slick-track {width: 100%!important;}
.no-data-box {min-height: 300px;align-items: center;}
.slick-prev {left: -50px!important;z-index: 9;}
.slick-next {right: -50px!important;z-index: 9;}
.slick-prev::before {content: '\2039'!important;font-family: 'Open Sans'!important;
  font-size: 50px!important;color: #fff!important;background: #1967B2;padding:7px 15px 17px 15px;
line-height: 25px !important;float: left;margin-top: -25px;}
.slick-next::before {content: '\203A'!important;font-family: 'Open Sans'!important;
  font-size: 50px!important;color: #fff!important;background: #1967B2;padding: 7px 15px 17px 15px;
line-height: 25px !important;float: right;margin-top: -25px;}
.overflow-unset {overflow: visible;}
.product-list-item-wrap,.blog-list-item-slide {
  width: 102.5%;
  margin-left: -15px;
}
.img-home-pdset {width: 80%;}
.rs-tooltip {min-width: 50px!important;}
#read-more-text,#read-more-text-2 {display: none;}
.box-list-overlay {position: relative;cursor: pointer;}
.box-list-overlay .box-list-content {padding: 0}
.box-list-overlay .box-list-content a {padding: 20px;}
.box-list-overlay .box-list-content a:after {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  top: 0;
  left: 0;
  background: rgba(25, 105, 179, 0.6);
  background-size: cover;
  z-index: 2;
}
.box-list-overlay:hover .box-list-content a:after {opacity: 1}
.box-index-about-img {position: relative;height: 100%}
.box-index-about-img img {position: absolute;
left: 0%;
top: auto;
right: 0%;
bottom: 0%;
z-index: 1;
width: 100%;
height: 100%;
max-width: 100%;
background-color: rgba(0, 0, 0, 0.5);
-o-object-fit: cover;
object-fit: cover;}
.box-list-product-slide-recomment .box-list a:hover .title-listbox {
  color: #fff;
}
.box-list-product-slide-recomment .box-list-cover {width: 70%;padding: 15px 0 0 0;margin: 0 auto;display: block;}
.btn-viewall-banner {position: absolute;bottom: 50px;left: 50%; transform: translate(-50%, 0);display: flex;
  justify-content: center;z-index: 2}
.btn-viewall-banner a {display: block;padding: 7px 25px;  background: #1967B2;color: #fff!important;text-align: center;font-size: 18px;font-weight: 400;border-radius: 30px;}
.btn-viewall-banner a:hover {background: #001C43;}
.about-service-wrap {position: relative;}
.txtbtn-quotation {font-size: 16px;color: #AEAEAE !important;font-weight: 500;}
.sub-howto {margin: 10px 0 10px 0;padding-left: 30px;}
.how-to-num {width: 30px;height: 30px;color: #fff;text-align: center;display: inline-block;font-size: 20px!important;background: #1967B3;
border-radius: 100%;list-style: 30px; margin-right: 8px}
.noprice {display: block;}
.about-gall-big {
  position: relative;
}
#about-detail-img-gall {position: relative;}
#about-detail-img-gall .flexslider {background: unset;border: unset;border-radius: unset;}
.about-gall-big {width: 70%;margin:0 auto;}
#about-detail-img-gall .flex-direction-nav a {opacity: .75;width: 45px;}
#about-detail-img-gall .flex-direction-nav .flex-next {right: -65px!important;}
#about-detail-img-gall .flex-direction-nav .flex-prev {left: -65px!important;}
#about-detail-img-gall .flex-direction-nav a::before {font-size: 30px;line-height: 40px;padding: 5px 15px;}
#about-detail-img-gall .flex-direction-nav a.flex-next::before,
#about-detail-img-gall .flex-direction-nav a.flex-prev::before {color: #fff !important;background: #1967B2 !important;}
#about-detail-img-gall .flex-direction-nav a:hover {opacity: 1;}

#read-more-text-2{
  font-size: 14px;
  display: none;
  color: #000;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  padding: 100px 0 15px 0;
  text-align: center;
  width: 100%;
  left: 0;
}
.truncatewrap-product {height: 340px;overflow: hidden;}
.btn-view-product  { width: 125px; padding: 5px 15px; 
 background: #1967B2;color: #fff!important;text-align: center;
 font-size: 14px;font-weight: 400;border-radius: 30px; margin: 25px auto; }
.data-other-box-detail h2  {
      font-size: 20px !important;
    color: #000000 !important;
    padding-bottom: 15px;
/*     margin-top: 35px;*/
}
.data-other-box-detail h3, .data-other-box-detail h4{
    font-size: 18px;
    color: #000;
    margin-top: 35px;
    font-weight: 500;
    padding-bottom: 15px;
}
.blog-list-item-slide .content-list-item-box {
  margin: 0 10px;
}
.sliderthumb,.sliderbig {padding: 0}
.sliderthumb li {padding: 0 5px}
.sliderthumb li img {border: 4px solid rgba(255, 255, 255, 0)}
.sliderthumb .slick-current li img {border: 4px solid #1967b2;}
.checkboximg {padding: 0!important;list-style: none;display: flex!important;align-items: center;flex-wrap: wrap;}
.checkboximg li {padding: 0 5px 10px 0;width: 20%;display: inline-block;}
.checkboximg input[type="checkbox"] {display: none;}
.checkboximg input:checked + label {
  border: 2px solid #1967B2;
}
.checkboximg label {position: relative;}
.checkboximg input:checked + label:after {content: "";position: absolute;width: 100%;height: 100%;
  top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 7;
}
.checkboximg input:checked + label img {
  transform: scale(0.9);
  /* box-shadow: 0 0 5px #333; */
  z-index: -1;
}
#accordionfilter .accordion-body.nohight {height: unset!important;overflow: hidden;}
.form-control:focus {box-shadow:unset!important;}
.quotation-wrap {display: flex;align-items: end;flex-wrap: wrap;}
.fancybox-type-html {min-width: 300px;}
.fancybox-type-html .fancybox-inner {width: 100%!important;display: flex;justify-content: center;
align-items: center;align-content: center;}
.fancybox-type-html .message {font-size: 20px;}
.checkboximg.checkimg-pump li {width: 25%}
.filter-top-label {list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;align-items: center;}
.filter-top-label li {border-radius: 50px;padding: 3px 4px 3px 10px;display: flex;align-items: center;
  border: 1px solid #1967B2;color: #000;margin: 7px 12px 0 0;font-size: 14px;}
.filter-top-label li span {padding-right: 5px;}
.filter-top-label li a {border-radius: 100%;width: 22px;height: 22px;display: flex;font-size: 14px;
  justify-content: center;align-items: center;border: 1px solid #1967B2;color: #fff;background: #1967B2}
.filter-top-label li a:hover {opacity: 1}
.filter-top-label li a i {font-size: 14px;line-height: 14px;}
.top_searchbg {padding: 10px 5px;background: #f0f8ff;}
.fb-login-button > span {padding: 0!important}
.box-login-form .btn-quotation {max-width: 182px;}
.adminActions {
  position: fixed;
  bottom: 35px; right: 35px;z-index: 999;
}

  .adminButton {
    height: 60px;
    width: 60px;
    background-color: #1967B2;
    border-radius: 50%;
    display: flex;
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 1;
    justify-content: center;
align-content: center;
align-items: center;
  }

    .adminButton i {
      font-size: 22px;
    }

  .adminButtons {
    position: absolute;
    width: 100%;
    bottom: 120%;
    text-align: center;

  }
  .adminButton img {width: 40px}

    .adminButtons a {
      display: block;
      width: 45px;
      height: 45px;
      border-radius: 50%;
      text-decoration: none;
      margin: 10px auto 0;
      line-height: 1.15;
      color: #fff;
      opacity: 0;
      visibility: hidden;
      position: relative;
      box-shadow: 0 0 5px 1px rgba(51, 51, 51, .3);
    }

      .adminButtons a:hover {
        transform: scale(1.05);
      }
      .adminActions a i {
        position: absolute;
        top: 50%; left: 50%;
        transform: translate(-50%, -50%);
      }

  .adminToggle {
    -webkit-appearance: none;
    position: absolute;
    border-radius: 50%;
    top: 0; left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: none;
    z-index: 2;
    transition: box-shadow .2s ease-in-out;
    box-shadow: 0 3px 5px 1px rgba(51, 51, 51, .3);
  }

    .adminToggle:hover {
      box-shadow: 0 3px 6px 2px rgba(51, 51, 51, .3);
    }

    .adminToggle:checked ~ .adminButtons a {
      opacity: 1;
      visibility: visible;
    }
.qr-footer img {max-height:227px; }
.btn-line-mb {display: none;}
.filter-insert .col-5 {width: 36%!important}
.filter-insert .col-auto {width: 6%!important}
.filter-insert .col-2 {width: 21%!important;text-align: right;}
.btn-form-search-filter {background: unset;border: unset;}
.clearallfilter {border: unset!important;border-radius: unset!important;}
.clearallfilter a {border: unset!important;border-radius: unset!important;
  background:unset!important;border: unset!important;color: #000!important;
  width: unset!important;height: unset!important;}
.clearallfilter a:hover {
  color: #1967B2 !important;
}
.qr-complete {display: flex;margin: 35px auto;text-align: center;justify-content: center}
.qr-complete a {display: block;}
.qr-complete img {max-width: 100px;border-radius: 6px;}
.see-quotation {border-radius: 20px;
display: flex;
justify-content: center;
align-items: center;
padding: 5px 15px;
text-align: center;
color: #fff !important;
font-size: 18px;background: #3A559F;}
.btn-copy {background: #1967B3;color: #fff!important;font-size: 16px;
  font-family: 'IBM Plex Sans Thai', sans-serif;
  width: 100%;display: flex;padding: 10px;height: 100%;justify-content: center;align-items: center;}
.btn-copy-txt {font-size: 20px;font-family: 'IBM Plex Sans Thai', sans-serif;}
.btn-send-linl {display: flex;justify-content: center;align-items: center;}
.btn-copy-txt-box {
  color: #1967B2;
  background: rgba(255, 255, 255, 0.7);
  display: flex;
  align-items: center;
  padding: 10px;
  font-size: 16px;
  text-align: left;
}
.txt-cut {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.box-relative {position: relative;}
.notify{
  position:absolute;
  bottom:0px;
  width:100%;
  height:0;
  box-sizing:border-box;
  color:white;
  text-align:center;
  overflow:hidden;
  box-sizing:border-box;
  transition:height .2s;
  background-color: rgba(227, 253, 235, 1);
color: rgba(60, 118, 61, 1);
}
#notifyType:before{
  display:block;
  margin-top:15px;

}

.notify.active{
  height:50px;
}

.success:before{
  Content:"✔ คัดลอก Link สำเร็จ!";
}
.box-order-1 {order: 1!important}
.box-order-2 {order: 2!important}
.box-order-3 {order: 3!important}
.box-order-4 {order: 4!important}
.policy-area h2 {font-size: 20px!important;}








@media only screen and (max-width: 1800px) {
.menu-txt {
  display: inline-block;
  padding-left: 5px;
  color: #707070;
  font-size: 16px;
  font-weight: 300;
}
.logo-box {width: 15%;}
.menu-wrap {width: 35%;}
.search-head {width: 50%;}
.member-menu-main {padding-left: 0;}
.member-menu-cart {padding: 0 10px 0 0;}
}



@media only screen and (max-width: 1440px) {
.menu-main-tab ul {width: 74%;}
.menu-contact {width: 26%;}
.section-banner-top-index-list {margin-top: 19px;}
.megamenu-cate {padding: 20px 30px !important;}
#carousel.flexslider .slides > li {width: 100px!important;}
.logo-box {width: 15%;}
#mainmenu-button-other, #mainmenu-button-pd {padding: 15px 10px;}
.header-top .col-lg-9 {width: 70%;}
.menu-wrap {width: 45%;}
.search-head {width: 40%;}
.header-top .col-lg-3 {width: 30%;}
.member-menu-main {justify-content: end;}
.member-menu-login {padding-right: 30px;}
.member-menu-cart {margin-right: 15px;}
#main-menulist-pd ul li a,#main-menulist-pd ul li li a,#main-menulist-other ul li a,#main-menulist-other ul li li a {font-size: 16px;}
#main-menulist-pd ul li li li a {font-size: 16px;}
.menu-cart-label, .member-menu-login-name {font-size: 16px;line-height: 16px;}
.box-list-content {padding: 35px 25px;}
.content-wrap {width: 67%;}
.box-list-dropdown li {
  margin-bottom: 5px;
}
.content-wrap-head {
  width: 85%;}
.btn-shop-default {
  padding: 7px 10px;}
.cart-table {padding: 15px 20px 20px 20px;}
.quantity-product-detail {padding: 0 5px;}
.step-box-dash {
  padding: 0 12px;
}
.txtbtn-quotation,.cart-list-product-detail-name,.color-name,.noprice,.cart-totalprice {
  font-size: 14px;}
}

@media only screen and (max-width: 1366px) {
.section-banner-top-index-list {margin-top: 19px;}
.cd-dropdown-content a, .cd-dropdown-content ul a {padding: 10px 15px!important;}
.box-login .col-md-2,.box-regis .col-md-2 {width: 20%;}
.box-login .col-md-5,.box-regis .col-md-5 {width: 40%;}
.delete-list {min-width: auto;}
.menu-wrap {
  width: 45%;
}
.logo-box {
  width: 15%;
}
.search-head {
  width: 40%;
}
.header-top .col-lg-9 {
  width: 70%;
}
.content-wrap-menu .col-lg-8 {width: width: 60%;}
.content-wrap-menu .col-lg-4 {width: width: 40%;}
.header-top .col-lg-3 {
  width: 30%;
}
.widget-top-social {padding: 0 0 0 5px;}
#main-menulist-pd ul li a,#main-menulist-pd ul li li a,#main-menulist-other ul li a,.menu-cart-label,
#main-menulist-other ul li li a {font-size: 18px;}
#main-menulist-pd ul li li li a {font-size: 16px;}
.banner-txt-brief {font-size: 18px;}
.banner-txt-subhead {font-size: 25px;}
.banner-txt-head {font-size: 30px;}
.main-title {
  font-size: 30px;}
.main-title-sub {
  font-size: 30px;}
.about-index-txt-wrap {
  padding: 5%;
}
.title-listbox {
  font-size: 18px;}
.box-list-dropdown {
  padding: 0 25px 40px 25px;}
.box-list-dropdown li {
  margin-bottom: 5px;
}
.section-product-set .about-index-txt-wrap {
  padding: 35px 0 0 0;
}
.main-title-pdset {font-size: 40px;}
.product-quantity {margin: 0 5px;}
.member-menu-login {padding-right: 10px;}
.member-menu-cart {margin-right: 10px;}
.box-list-link {top: 75px;}
.content-wrap {
  width: 74%;
}
}

@media only screen and (max-width: 1280px) {
.menu-contact {width: 30%;}
.menu-wrapmain-dropdown a {padding: 5px 25px 6px 15px;}
.section-banner-top-index-list {margin-top: 15px;}
.bottom-bar {padding-top: 35px;}
.search-head {padding-left: 20px;}
.search-head .col-4 {width: 40%;}
.search-head .col-8 {width: 60%;}
.cd-dropdown-content a, .cd-dropdown-content ul a {padding: 9px 15px !important;}
#main-menulist-pd ul li a, #main-menulist-pd ul li li a, #main-menulist-other ul li a, .menu-cart-label, .member-menu-login-name,
#main-menulist-other ul li li a,.menu-txt {font-size: 16px;}
}


@media only screen and (max-width: 1250px) {
.menu-wrap-main-product {width: 22%;}
footer .col-md-10 {width: 75%;}
footer .col-md-2 {width: 25%;}
.footer-payment-wrap {flex-wrap: wrap;}
.footer-payment-img li {width: 80px;}
.footer-payment-box {margin-bottom: 25px;}
.footer-delivery {padding-top: 0;}
.megamenu-cate {padding: 20px !important;}
.menu-contact {width: 35%;}
.product-detail-img-gall {width: 50%;float: unset;margin: 0 auto;}
.product-detail-detail-main {width: 100%;padding: 25px;
margin: 35px 0 0 0;}
.product-detail-name {font-size: 20px;}
.product-content-price {font-size: 40px;}
.cut-price {font-size: 15px;}
.cut-price span {font-size: 18px;}
.box-login .col-md-2,.box-regis .col-md-2 {display: none;}
.box-login .col-md-5,.box-regis .col-md-5 {width: 50%;}
.member-menu-box ul li a {font-size: 18px;}
.member-menu-box {padding: 10px 20px 25px 20px;}
.member-card-point-label {font-size: 17px;}
label.label-long {width: 32%;}
.info-long {width: 68%;}
.member-detail-inner .col-xl-6 {width: 100%;}
.quotation-table-head {
  font-size: 15px;}
.complete-show-txt h2 {font-size: 25px;}
.complete-show-txt p {font-size: 18px;}
.cart-head-top-order-company {width: 50%;}
.logo-box {
  width: 20%;
}
.menu-wrap {
  width: 50%;
}
.search-head {
  width: 30%;
}
.header-top .col-lg-3 {
  width: 33%;
}
.header-top .col-lg-9 {
  width: 67%;
}
.service-list-clc a {
  width: 215px;
  height: 215px;}
.service-list-clc img {
margin: 17% auto 20px auto;
  height: 60px;
}
.content-wrap-head {
  width: 95%;
}
.sliderbig .slick-prev::before,.sliderthumb .slick-prev::before,
.sliderbig .slick-next::before,.sliderthumb .slick-next::before {
  margin-top: 0;
}


.cd-dropdown-content .cd-secondary-dropdown {
  width: 100% !important;
}
.no-touch .cd-dropdown-trigger:hover .line,.cd-dropdown-trigger.dropdown-is-active .line {stroke: #fff !important;}
.cd-dropdown-trigger.dropdown-is-active {background-color: #1967B2!important;color: #fff!important;}
.cd-dropdown-content li:first-of-type {padding: 0 0 15px 0;}
.cd-dropdown-content .go-back {border-bottom: 1px solid #E2E2E2;margin-bottom: 20px;}
.cd-secondary-dropdown li {padding-bottom: 15px;}
.cd-dropdown-content ul {top: 0 !important;}
.content-wrap {width: 90%;}
.fadeIn, .fadeInUp, .fadeInDown, .bounceInUp, .bounceIn, .bounceInDown, .slideIn, .slideInUp, .slideInDown, .slideInRight, .slideInLeft, .fadeInRight,
[data-aos="fade-right"], [data-aos="fade"], [data-aos="fade-left"], [data-aos="fade-up"] {
  animation-name: none !important;animation-duration: unset!important;transform: unset!important;transition-duration: unset!important;
  transition-timing-function: unset!important;transition-property: unset!important;opacity: 1!important;transform: unset!important;}
.menu-wrap-main-product,.wrap-menu-main-highlight {width: 100%;}
.header-top {padding: 10px 0 8px 0;}
.member-menu-main {padding-top: 10px;}
.show-mobile {display: inline-block!important;}
.show-filter-mb-wrap {display: flex!important;}
.hide-mobile {display: none!important;}
.btn-line-mb {display: block;margin-top: 15px;}
.btn-line-mb a {
  border-radius: 50px;
display: flex;
justify-content: center;
align-items: center;
padding: 10px 47px;
text-align: center;
color: #fff !important;
font-size: 18px;
background: #06c755!important;
}
.btn-line-mb a:hover {background: #06c755!important;}
.btn-line-mb a span {color: #fff!important;padding-left: 10px;}
.btn-line-mb a img {max-width: 35px !important;}
.menu-top-mobile {display: flex!important;width: 60%;justify-content: end;float: right;}
#navbreadcrumbs {padding: 0 0 30px 0;}
.mb-top-shopping {margin-left: 10px;}
.mb-top-shopping a {margin-left: 10px;}
.menu-contact {display: none!important;}
.content-wrap-menu .col-12 {display: flex;flex-wrap: wrap;}
.wrap-menumain {display: inline-block;width: 100%;}
.wrap-menumain-product-cate  {display: inline-block;width: 50%;background: #001c43;}
#main-menulist-other {max-width: 100%;width: 100%;padding: 35px 0 20px 0;color:#fff;display: none;position: fixed; overflow: hidden;
  z-index: -1;overflow-y: auto;top: 50px;left: 0;height: 100vh;background: #fff; border-top: 1px solid #ccc;top: 120px;}
#main-menulist-other ul {padding: 0 0 145px 0 !important; display: block;border: none;width: 100%;}
#main-menulist-other ul li {text-align: left;width: 100%;margin: 0;padding: 0;line-height: initial; position: relative;font-size: 19px;font-weight: 400;}
#main-menulist-other ul li a {padding: 10px 0!important;margin: 0; display: block;color: #404040!important;border: unset !important;}
#main-menulist-other .submenu-button-mb {position: absolute;z-index: 99;right: 0;top: 0;display: block!important;height: 46px;width: 100%;cursor: pointer;}
#main-menulist-other .submenu-button-mb:before {position: absolute;top: 15px;right: 15px;display: block;
  background: url(../images/icon/arrow-select.svg) no-repeat right 10px center;content: '';width: 100%;height: 15px;background-size: 14px}
#main-menulist-other ul ul {position: relative !important;display: none;margin: 0;padding: 0 0 10px 0!important;width: 100%;top: unset;}
.submenu-opened:before {background: url(../images/icon/arrow-select-down.svg) no-repeat right 10px center!important;}
#main-menulist-other ul li li {padding-left: 0;}
#main-menulist-other ul li li a {color: #888888;padding: 0 0 5px 0!important;border-bottom: unset !important;font-weight: 300;}
#main-menulist-other ul li a:hover {color: #BCA95D}
#main-menulist-other .dropdown-main {background: none!important;}
#main-menulist-other .dropdown-main:hover .submenu-list {display: none;}
.menu-wrapmain {background: #fff;top: 0;}
.show-mb {display: block;}
.hide-menu-mb {display: none;}
.show-menu-mb {display: block;}
.logo-box {width: 20%;}
.content-wrap-head {width: 100%;padding: 0 2%;}
.menu-wrap {
  width: 100%;
  display: inline-block;
  position: absolute;
  top: 42px;
  left: 0;
  background: #fff;
}
.main-menu-wrap {
  position: static;
}
.menu-wrap .content-wrap-menu {position: relative;}
#mainmenu-button-other {background: #F8F8F8;padding: 7px 15px;z-index: 2;position: relative;}
.menu-txt {font-weight: 400;}
.main-section {margin-top: 105px;}
.banner-txt-subhead {
  font-size: 20px;
  line-height: 25px;
  padding-bottom: 5px;
}
.banner-txt-head {
  font-size: 25px;
  line-height: 30px;
}
.banner-txt-brief {
  font-size: 18px;
  line-height: 25px;
}
.btn-view-banner {
  margin-top: 10px;
}
.cd-dropdown-content > li {padding-bottom: 15px;}
.product-menu-box-wrap-all {
  width: 100%;
  float: unset;
  margin-top: 0;
  padding-right: 0;
  position: absolute;
  z-index: 3;
  background: #fff;
}
.product-menu-box-wrap-pc {display: none;}
.product-list-item-inner {
  width: 100%;}
.filter-mb-wrap {display: block;position: relative;}
.btn-filter-show {width: 100%;display: flex;align-items: center;color: #fff;padding: 10px;border-radius: 10px;
  background: url(../images/icon/fillter-arrow.svg) no-repeat right 5px center #1967B2;border: none;margin: 0 0 15px 0;}
.btn-filter-show img {margin-right: 10px;}
.header-top .col-lg-3 {
  width: 80%;
}
.header-top .col-lg-9 {
  width: 20%;
}
.logo-box {
  width: 100%;
}
.member-menu-main {justify-content: end;align-items: center;padding: 0;}
.cd-dropdown,#main-menulist-other {top: unset!important;}
#main-menulist-pd ul li a, #main-menulist-pd ul li li a, #main-menulist-other ul li a, .menu-cart-label, .member-menu-login-name, #main-menulist-other ul li li a {
  font-size: 19px;
}
.menu-wrapmain {padding: 25px 0 0 0;}
.member-menu-cart {
  padding: 0 15px 0 0;
}
.member-menu-login,.search-mobile {padding: 0 15px;}
.menu-footer {
  width: 33% !important;}
.footer-address {position: relative;}
.footer-last {width: 100% !important;}
.section-product-set .about-index-txt-wrap {text-align: center;}
.section-product-set .btn-view-default {justify-content: center;}
.section-content {
  padding: 50px 0;
}
.boxicon-touch-slide {text-align: center;padding: 0 0 35px 0;}
.boxicon-touch-slide img {display: block;width: 50px;
margin: 0 auto;}
.bg-pd-type-home {
  background-size: cover;
}
.article-box-L {
  padding-right: 15px !important;
  border-right: unset;
  width: 100% !important;
}
.sticky-blog .box-content-menu {
  padding-top: 0;
}
.article-box-R {width: 100% !important;}
.sidebar-item {position: relative;padding-left: 0 !important;}
.news-lastest-list {width: 100%;}
.title-content {font-size: 22px;}
.stroe-data {margin-bottom: 15px;}
.contact-list {width: 33%;}
.box-contact {padding: 20px;}
.box-login .col-md-2,.box-regis .col-md-2 {display: none;}
.box-login .col-md-5,.box-regis .col-md-5 {width: 100%;margin-bottom: 15px;}
.member-menu-box-wrap {width: 100%;padding-right: 0;margin-top: 15px;}
.member-detail-inner {width: 100%;margin-top: 15px;}
.btn-form-edit-wrap {position: relative;left: unset;bottom: unset;}
.member-data-info,.cart-data-info-personal {padding: 15px 20px;}
.cart-data-info-personal,.cart-data-info-address,.cart-data-info-tax {width: 100%;margin-right: 0;margin-bottom: 15px;}
.cart-data-info {flex-wrap: wrap;}
.cart-remark {font-size: 17px;}
.complete-show {margin-top: 25px;}
.cart-head-top-order-company {
  width: 100%;
  padding-top: 20px;
}
.cart-step {display: none;}
.cart-head-top-order-wrap {
  width: 100%;
}
.quotation-table-row {font-size: 16px;}
.popup-review {width: 80%;}
.popup-review .box-login-form {
  padding: 0;
}
.blog-lastest-list-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.blog-lastest-list {
  margin-bottom: 15px;
  width: 48%;
}
.has-2-items {
  margin-bottom: 0;
}
.quotation-list {
  width: 100%;margin-right: 0;}
.cart-table {
  padding: 15px 20px 20px 20px;}
.product-quantity {padding: 0!important;}
.cart-list-product-detail {
  padding: 0 15px;
}
.cart-head-totalprice, .cart-totalprice {
  width: 14%;
}
.quotation-total-wrap {
  width: 100%;
  margin-top: 25px;
}
.cart-head-amount, .cart-amount {
  width: 18%;
}
.cart-head-price, .cart-price {
  width: 13%;
}
.complete-show .btn-askmore img {width: auto;position: relative;}
.cart-head-top-order-wrap {
  width: 100%;
  text-align: left;
  margin-top: 25px;
}
.customer-box-list .col-sm-2 {
  width: 20%;
}
.customer-list {width: 140px;
  height: 140px;}
.box-content-main {padding-right: 0;border-right: none;}
.p-relative {position: relative;}
.pd-all-mobile {position: absolute;bottom: 25px;left: 50%;transform: translate(-50%, 0);display: flex;
  z-index: 3;width: 100%;justify-content: center;}
.pd-all-mobile a {
  display: block;
  padding: 7px 25px;
  background: #1967B2;
  color: #fff !important;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  border-radius: 30px;
}
.slick-prev {left: -5px!important;z-index: 9;}
.slick-next {right: -5px!important;z-index: 9;}
.slick-prev::before {content: '\2039'!important;font-family: 'Open Sans'!important;
  font-size: 50px!important;color: #fff!important;background: #1967B2;padding:7px 15px 17px 15px;
line-height: 25px !important;float: left;margin-top: -25px;}
.slick-next::before {content: '\203A'!important;font-family: 'Open Sans'!important;
  font-size: 50px!important;color: #fff!important;background: #1967B2;padding: 7px 15px 17px 15px;
line-height: 25px !important;float: right;margin-top: -25px;}
.overflow-unset {overflow: visible;}
#banner-service button.owl-prev span,#banner-service button.owl-next span {
  font-size: 50px !important;
  color: #fff !important;
  background: #1967B2;
  padding: 15px 15px 0 15px;
  opacity: 0.8;line-height: 25px !important;
  height: 55px !important;
display: block;
width: 50px;
}
#banner-service .owl-nav {width: 105%;z-index: 9;}
#banner-service button.owl-next span {float: right;}
#banner-service button.owl-prev span {float: left;}
.product-menu-box-wrap-all {position: fixed;left: 0;top: 0;z-index: 9999;}
.product-menu-box-wrap,.product-menu-box-wrap-other {
  position: absolute;
    -webkit-transform: translateX(-360px);
    -ms-transform: translateX(-360px);
    transform: translateX(-360px);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    will-change: transform;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
  background: #fff;
  top:0;
  bottom: 0;
  color: #333;
  z-index: 9999;
  width: 325px;
  padding: 20px 20px 50px 20px;
  height: 100vh;
overflow: visible;
    -webkit-box-shadow: 3px 0px 7px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 3px 0px 7px 0px rgba(0,0,0,0.25);
    box-shadow: 3px 0px 7px 0px rgba(0,0,0,0.25);
    left: 20px;
}
.slide-close-button {display: block;position: absolute;right:0;top: 20%;}
.slide-left .slide-close-button {right:-35px;}
.slide-close-button button:hover{
  background-color: #a1a1a1
}
.slide-close-button button:active {
  background-color: #bbb
}
.slide-close-button button {
  background: #1967B2;
  border: 0;
  font-size: 23px;
  border-radius: 3px;
  width: 35px;
  height: 35px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  outline: none;
  right: 0px;
  z-index: 99999;
  border: 1px solid #ECECEC;
  border-left: unset;
}
.slide-left {
      -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
    z-index: 99999;
}
.product-list-item-wrap {
  width: 100%;
  margin-left: 0;
}
.btn-askmore img {
  max-width: 20px !important;
}
.slick-prev::before,.slick-next::before {
  font-size: 30px !important;
  padding: 3px 10px 7px 10px;
}
#banner-service button.owl-prev span, #banner-service button.owl-next span {
  font-size: 35px !important;
  padding: 3px 10px 7px 10px;
  height: 35px !important;
  width: 30px;
}
.box-list-link {display: none!important;}
.box-list-content,.box-list-product-slide-recomment .box-list-content a {
  padding: 10px;
  display: flex;
flex-wrap: wrap;
justify-content: center;
}
.title-listbox {
  order: 2;
  min-height: 40px;
}
.box-list-cover {
  order: 1;
}
.box-list-product-slide .box-list a:after {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  top: 0;
  left: 0;
  background: rgba(25, 105, 179, 0.6);
  background-size: cover;
  z-index: 2;
}
.box-list-product-slide .box-list a:hover:after {
  opacity: 1;
}
.box-list-product-slide .box-list a:hover .box-list-content .title-listbox {
  color: #fff;
}
.title-listbox {
  font-size: 16px;
  width: 100%;
}
.content-list-item-box {margin-top: 0;}
.list-with-filter {
  margin-top: 0;
}
.product-list-price {flex-wrap: wrap;}
.product-list-item-title-wrap .col-sm-9 {width: 100%;}
.product-list-item-title-wrap .col-sm-3 {width: 100%;}
.list-price-discount {width: 55%;font-size: 18px;line-height: 130%;}
.list-price-price-old {width: 45%;margin: 0;text-align: right;}
.sale-count {margin-top: -45px;}
.product-list-item-title {min-height: 100px;}
.wrapper-dropdown {font-size: 14px;}
.popup-edit-project, .popup-edit, .popup-edit-delete {width: 80%;}
.popup-edit-project .box-login-form, .popup-edit .box-login-form, .popup-edit-delete .box-login-form {padding: 0;}
.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content {max-width: 100%;padding: 25px 15px!important;}
.cart-add-data,.collapse-cart-address .accordion-item {padding: 15px 20px 20px 20px;}
#about-detail-img-gall .flex-direction-nav a {width: 30px;height: 35px!important;}
#about-detail-img-gall .flexslider {max-width: 85%;margin: 0 auto !important;}
#about-detail-img-gall .flex-direction-nav a::before {font-size: 18px;line-height: 27px;padding: 5px 12px;}
#about-detail-img-gall .flex-direction-nav .flex-prev {left: -40px !important;}
#about-detail-img-gall .flex-direction-nav .flex-next {right: -40px !important;}
.filter-mb-wrap-inner {position: relative;height: 100vh;overflow-y: auto;}
.complete-show-txt {padding: 25px;}
.select-subcate-pd #selectfiltercate {width: 100%;background: #1967b2;color: #fff;
padding: 10px;border-radius: 10px;margin: 0 0 15px 0;}
.select-subcate-pd .wrapper-dropdown {
  font-size: 16px!important;
}
.select-subcate-pd .wrapper-dropdown::after, .select-subcate-pd .wrapper-dropdown-project::after {border-color: #fff!important}
.select-subcate-pd .wrapper-dropdown .dropd li {color: #747474;border-bottom: 1px solid #ECECEC!important;text-align: left!important;}
.select-subcate-pd .wrapper-dropdown .dropd li:last-child {border-bottom: unset!important;}
.select-subcate-pd #show-cate-name img {margin-right: 10px;}
.select-subcate-pd #selectfiltercate {min-width: unset!important;}
.box-list-product-slide-recomment .box-list-cover {padding: 15px 0 7px 0;}
}

@media only screen and (max-width: 1000px) {
.box-order-3 {order: 2!important}
.box-order-4 {order: 1!important}
}



@media only screen and (max-width: 690px) {
.title-main span {font-size: 20px;line-height: 25px;}
.title-main {font-size: 30px;line-height: 35px;}
.list-5-box .col-lg-3 {width: 33%;}
.list-item-title {font-size: 18px;}
.product-detail-img-gall {width: 100%;}
.dropdown-menu-selectsubcate-wrap {width: 100%;}
.popup-edit-project, .popup-edit, .popup-edit-delete {width: 100%;}
.wishlist-product-price-other {justify-content: start;}
.wishlist-product-price {width: 100%;}
.label-cart-mb {display: inline-block;padding-right: 15px;font-weight: 400;min-width: 90px;}
.remove-wishlist {position: relative;right: unset;bottom: unset;width: 100%;}
.wishlist-product-other {display: block;padding: 10px 0;}
.cart-list-product-detail {
  width: 100%;
  padding: 15px 0 10px 0;
}
#complete-wrap .cart-head-product-list, #complete-wrap .cart-product-list {width: 100%;}
#complete-wrap .cart-head-product-list-photo, #complete-wrap .cart-product-list-photo {width: 100%;}

.hide-head-mb,.quotation-table-head {display: none!important;}
.quotation-table-row {border-top: unset;border-bottom: 1px solid #D1D1D1;}
.quotation-num,.quotation-date,.quotation-totalprice,.quotation-deadline,.quotation-view-pay {width: 100%;text-align: left;padding-bottom: 5px;}
.cart-product-list {width: 100%;}
.cart-price, .cart-amount, .cart-totalprice {width: 100%;display: flex;text-align: left;align-items: center;padding-bottom: 5px;}
.quantity-product-detail {margin-top: 0;}
.cart-promotion-confirm,.cart-promotion {width: 100%;padding-right: 0;}
.cart-delivery-confirm,.cart-paymentmethode-confirm {
  width: 30%;
}
.cart-total-detail-confirm,.cart-total-detail {
  width: 100%;
  padding-top: 15px;
  border-top: 1px solid #ccc;
  margin-top: 15px;
}
.total-price-wrap {justify-content: start;}
.info-cart-edit {
  padding-bottom: 20px;
}
.delivery-choice,.payment-choice {width: 100%;margin-bottom: 15px;}
.bank-detail-bank, .bank-detail-account, .bank-detail-acc-name, .bank-detail-branch {
  width: 100%;margin-bottom: 10px;}
.order-num, .order-status, .order-delivery-company,
.order-delivery-trac, .order-view-order, .order-delivery-track, .history-num,
.history-date, .history-totalprice, .history-payment-status {width: 100%;text-align: left;margin-bottom: 10px;}
.history-review, .history-view-order {
  width: auto;margin-right: 10px;
  text-align: left;
}
input.w-50 {
  width: 100% !important;
}
#banner-service button.owl-prev {margin-left: 5px;height: 30px;width: 30px;}
#banner-service button.owl-next {margin-right: 5px;height: 30px;width: 30px;}
}

@media only screen and (max-width: 576px) {
.list-5-box .col-lg-3 {width: 50%;}
.list-item-cover {height: 220px;}
.list-item-cover img {position: absolute;left: 0%;top: auto;right: 0%;bottom: 0%;z-index: 1;
  width: 100%;height: 100%;max-width: 100%;-o-object-fit: cover;object-fit: cover;}
.news-list-date {text-align: left;padding-top: 5px;}
footer .col-md-10,footer .col-md-2 {width: 100%;}
footer .col-md-2 {padding-left: 15px;}
.footer-payment-img li {width: 11.5%;}
.footer-payment-box {padding-right: 0;width: 100%;}
.bottom-bar {padding-top: 25px;}
.copyright-box {text-align: center; margin-top: 0;}
.copyright-box p {text-align: center;}
.footer-social {margin-bottom: 25px;}
.footer-menu li {padding-top: 10px;}
.product-list-item-wrap .row,.list-item-wrap .row,.product-list-item-inner .row,.product-list-item-reference .row {--bs-gutter-x: 10px;}
.product-list-item-box {margin-top: 10px;}
.product-list-item-wrap .product-list-item-box {margin-top: 0;}
.menu-contact {width: 55%;}
.error-txt-label {font-size: 16px;}
.labe-cut-input {font-size: 16px;}
.title-main span {line-height: 33px;}
.btn-close-back {display: none;}
.content-detail-inner {padding-top: 0;}
.contact-list {width: 50%;}
.btn-shop-default {min-width: auto;}
.box-login-form {padding: 15px 20px;}
.project-list-row .col-sm-4 {padding-top: 15px;}
.blog-lastest-img {margin-bottom: 10px;}
.input-length, .input-length.select-form {width: 55px !important;}
.header-top .col-lg-9 {
  width: 30%;
}
.header-top .col-lg-3 {
  width: 70%;
}
.section-content {
  padding: 35px 0;
}
.cart-head-color, .cart-color {
  width: 100%;
  text-align: left;
}
.cart-product-list {
  padding-left: 0;
}
.price-discount span {display: inline-block;}
.cart-head-product-list {
  width: 100%;
  padding-left: 0;
}
#complete-wrap .cart-total-detail-confirm {
  width: 100%;
}
#complete-wrap .cart-data-info-personal,#complete-wrap .cart-data-info-address, .cart-data-info-tax,#complete-wrap .cart-data-info-personal, #complete-wrap .cart-data-info-address, #complete-wrap .cart-data-info-tax {
  width: 100%;padding-right: 0;
}
#complete-wrap .cart-table {padding: 0;}
.tiltemain-mail {font-size: 20px;}
.cart-head-top-order-company p {font-size: 18px;}
.customer-box-list .col-sm-2 {width: 33%;}
.customer-list {width: 120px;height: 120px;}
.product-detail-name {width: 83%;}
#filter-mb {display: block;}
.product-show-amount-select select {
  width: 120px;
  font-size: 14px !important;
  padding: 3px 10px !important;
  background-size: 7px;
}
#navbreadcrumbs {
  padding: 0 0 20px 0;
}
.box-askmore {
  padding-top: 35px;
}
.catalog-list-item-box a {
  margin-top: 10px;
}
.box-list-content,.box-list-overlay .box-list-content a {
  padding: 5px;}
.title-listbox {
  font-size: 18px;font-weight: 400;
line-height: 140%;min-height: 50px;
}
.product-list-item-title,.content-list-item-title {
  height: 63px;min-height: unset;
  overflow: hidden;
}
.box-list-product-slide-recomment .box-list-cover {padding: 15px 0 7px 0;}
.product-show-amount-select.txt-right {text-align: left!important;justify-content: start;}
.btn-filter-show img,.select-subcate-pd #show-cate-name img {
  margin-right: 5px!important;
}
.btn-filter-show {background-size: 14px;}
.select-subcate-pd .wrapper-dropdown::after, .select-subcate-pd .wrapper-dropdown-project::after {right: 7px;}
}

@media only screen and (max-width: 500px) {
body,p,.content-txt-area *,.product-sku,.product-short-detail,.box-list-dropdown li a,
 .product-txteditor-content p, .product-txteditor-content p *,.catalog-list-item-title,
 .wrapper-dropdown-project,.cart-list-product-detail-name,.cart-table-row,
 .color-name,.price-discount,.remark-qr {font-size: 16px!important;}
 .btn-copy-txt-box,.btn-copy {font-size: 14px;}
.banner-mb, .img-mobile{display: block!important;}
.banner-mb img {vertical-align: top;}
.banner-pc, .img-pc {display: none!important;}
.list-item-cover,.invention-list-box .list-item-cover {height: 135px;}
.section-index-wrap {padding-bottom: 10px;}
.label-status-list {font-size: 10px;padding: 1px;margin-bottom: 2px;}
.label-status-wrap {
  top: 5px;
  right: -7px;
  width: 55px;
}
.btn-view-default a,.btn-login-face,.pd-all-mobile a {font-size: 14px}
.complete-show-txt h2,.btn-copy-txt {
  font-size: 18px;
}
.cart-color {display: flex;}
.product-list-item-inner {
  margin-top: 10px;
}
.section-banner-blog {
  padding: 35px 0;}
.btn-filter-show {font-size: 14px;
padding: 7px;}
.product-list-item-title,.list-item-title,.news-list-name,.footer-title,.content-list-item-title {font-size: 16px;line-height: 130%;}
.list-price-discount,.list-price-normal {font-size: 16px;}
.sale-count {padding-top: 0;text-align: left;font-size: 14px;}
.news-list-date,.footer-sub-title,.footer-menu li a,.cookie-menu li a {font-size: 16px;}
#pd-st-tab .nav-item {margin: 0 3px;}
.footer-payment-img li {width: 15%;}
.cookie-menu li {padding: 5px 10px 5px 0;margin-right: 10px;}
.news-list-row a {padding: 10px;}
.list-item-title-wrap {padding: 10px 0;}
.btn-view-all-index a {padding: 5px 15px;}
.menu-main-tab {flex-wrap: wrap;}
.menu-main-tab ul,.menu-contact {width: 100%;}
.menu-main-tab ul li a {padding: 7px 0;}
.menu-contact {border-top: 1px solid #fff;}
.menu-contact-label {padding-right: 15px;}
.widget-top-menu li a,.link-simple a {font-size: 14px;}
.widget-top-social img {width: 30px;}
.widget-top-menu {justify-content: space-between;}
.widget-top-menu li a {margin: 0;}
.widget-top {padding: 0 0 10px 0;}
.widget-top-social {padding: 0 0 0 15px;}
.widget-top-social li {margin: 0 10px 0 0;}
.link-simple {margin: 0 0 0 5px !important;}
.logo-box {display: block;width: auto;margin: 0 auto;text-align: center;}
.member-menu-login-menu .col-auto,.member-menu-login-menu .col-12 {padding: 0 5px;}
.menu-cart-amount, .member-login-link a {font-size: 18px;line-height: 16px;}
.form-control {padding: 5px 10px !important;}
.search-head {width: 100%;padding-left: 0;}
.mb-top-shopping {margin-left: 5px;}
.mb-top-shopping a {margin-left: 5px;width: 25px;display: inline-block;}
.contact-list {width: 100%;}
.member-card-detail-list {font-size: 16px;}
.member-card-nam,.member-card-logout,.member-card-name {font-size: 18px;}
.data-info {width: 73%;}
.data-group label {width: 27%;}
.input-length, .input-length.select-form {width: 80px !important;}
.check-option-row .row .row {padding-bottom: 10px;}
.input-length.w-135 {width: 85px !important;}
.product-quantity.input-length {width: 35px !important;}
.member-menu-cart {padding: 0 15px 0 10px;}
.cd-dropdown-content a, .cd-dropdown-content ul a {
  padding: 0 15px !important;
}
.menu-wrapmain {
  padding: 12px 0 0 0;
}
#pd-st-tab .nav-link {
  min-width: 100px;
}
.service-list-clc a {
  width: 170px;
  height: 170px;
  display: flex;
  justify-content: center;
align-content: center;
align-items: center;
flex-wrap: wrap;
}
.service-list-clc img {
  margin: 0 auto 15px auto;}
.service-list-clc a span {font-size: 19px;line-height: 22px;}
footer {padding: 35px 0 15px 0;}
.menu-footer {
  width: 50% !important;padding-right: 20px;
}
.menu-footer li a {
  font-size: 14px;}
.footer-last {
  width: 100% !important;
}
.menu-footer li ol {
    padding-left: 20px;
}
.service-list-clc-box {
  text-align: center;
  padding: 35px 0 50px 0;
}
.banner-txt-wrap {
  bottom: 65px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 90%;
  text-align: center;
}
.banner-txt-head {
  font-size: 30px;line-height: 35px;padding-bottom: 10px;width: 100%}
.banner-txt-subhead {
  font-size: 20px;line-height: 20px;padding-bottom: 10px;text-transform: uppercase;width: 100%
}
.banner-txt-brief {
  font-size: 16px;
  line-height: 25px;
}
.btn-view-banner a,.btn-viewall-banner a {font-size: 14px;}
.product-detail-detail-main .list-price-discount, .product-detail-detail-main .list-price-normal {
  width: auto;}
.product-detail-detail-main .sale-count {
  position: relative;
  bottom: unset;
}
.product-content-box .quantity  {margin-bottom: 5px;}
.product-list-item-title-wrap {
  padding: 10px 10px;
}
.list-price-price-old,.label-price {
  font-size: 14px;line-height: 14px;}
.list-price-price-old {margin-left: 0}
.sale-count {padding-left: 0;position: absolute;
bottom: 10px;}
.btn-askmore {margin-bottom: 10px;}
.pd-option-box .col-2 {
  width: 50%;
}
.pd-option-box .col-10 {
  width: 50%;
}
.data-info {width: 100%;}
.data-group label {width: 100%;}
.input-length, .input-length.select-form {width: 80px !important;}
.check-option-row .row .row {padding-bottom: 10px;}
.input-length.w-135 {width: 85px !important;}
.product-quantity.input-length {width: 35px !important;}
.box-login-form {
  padding: 15px;
}
.price-discount {
  text-align: left;
  width: 100%;
}
.price-discount span {display: inline-block;}
.wishlist-product-other {width: 100%;}
.quotation-view-pay .btn-form-qt {text-align: left;}
.header-top .col-lg-9 {
  width: 100%;
}
.header-top .col-lg-3 {
  width: 100%;
}
.menu-wrap {top: 83px;}
.member-menu-main {padding: 10px 0 0 0;display: block;}
.search-mobile,.member-menu-login,.member-menu-cart {float: left;}
.widget-top-social {
  border-left: unset;
}
.member-menu-icon,.search-mobile img {
  width: 22px;
}
.menu-cart-icon {width: 30px;}
.menu-cart-icon img,.member-menu-icon img {width: 100%;}
.main-section {
  margin-top: 145px;
}
.slick-prev {left: -5% !important;}
.slick-next {right: -5% !important;}
#banner-service .owl-nav {width: 113%;margin-top: 0;}
.sale-count {
  position: relative;
  bottom: unset;text-align: right;
}
.btn-shop-default {padding: 7px 10px;}
.product-show-amount,.product-show-amount-select label {
  font-size: 14px;}
.cd-dropdown-trigger span,.menu-txt,.cd-dropdown-content a, .cd-dropdown-content ul a {font-size: 14px!important;}
#main-menulist-pd ul li a, #main-menulist-pd ul li li a, #main-menulist-other ul li a, .menu-cart-label, .member-menu-login-name, #main-menulist-other ul li li a {
  font-size: 16px;
}
.main-title,.main-title-pdset-h,.main-title-sub,.title-main {
  font-size: 20px;line-height: 28px;
}
.blog-cate-date-date {
  font-size: 14px;}
.main-title-pdset {
  font-size: 30px;
}
.about-index-txt-wrap p {
  margin-top: 10px;
}
.btn-view-default {
  margin-top: 25px;
}
.img-home-pdset {
  width: 75%;
}
.section-product-set {
  padding: 35px 20px;
}
.service-list-clc img {
  height: 45px;
}
.service-list-clc a h3 {
  font-size: 16px;}
.content-list-item-date {
  font-size: 12px;}
.product-list-item-cover::after,.content-list-item-cover::after {background-size: 40px;}
.product-detail-name {
  font-size: 18px;
}
.blog-index-content {
  padding: 15px;
  margin: 25px 0 0 0;}
.blog-index-list {
  padding: 0 15px;
}
.blog-index-list li a {font-size: 13px;}
.blog-paragraph-head {
  font-size: 16px !important;}
  .content-txt-area-blog h3, .content-txt-area-blog h4 {
  font-size: 16px;}
.truncatewrap {height: 160px;overflow: hidden;}
.truncatewrap-2 {height: 155px;overflow: hidden;}
#read-more-text {
  font-size: 14px;
  display: block;
  background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(237,243,246,1) 70%);
  color: #000;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  padding: 100px 0 15px 0;
  text-align: center;
  width: 100%;
  left: 0;
}
#read-more-text-2 {
  font-size: 14px;
  display: block;
  color: #000;
  cursor: pointer;
  position: absolute;
  bottom: -7px;
  padding: 100px 0 0 0;
  text-align: center;
  width: 100%;
  left: 0;
}
.about-index-txt-wrap {position: relative;}
.slick-slide .item{
    padding-left:  5px;
    padding-right: 5px;
  }
.hide-480 {display: none!important;}
.jus-center {justify-content: center;}
.about-index-txt-wrap .main-title-sub {text-align: center;}
.copyright-box p {
  font-size: 14px!important;}
.footer-address p {font-size: 14px!important}
.content-list-inner {
    padding-top: 20px;
}

.blog-list-item-slide .content-list-item-box {
  margin: 0 5px;
}
.box-list-product-slide-recomment .title-listbox {
  font-size: 14px;}
.about-gall-big {
  width: 100%;
}

}


@media only screen and (max-width: 395px) {
.member-menu-main {justify-content: space-between;}
.input-length {
  width: 50px !important;
}
.input-length.select-form {
  width: 90px !important;
}
.truncatewrap-2 {height: 195px;}
.sale-count {margin-top: -40px;}
}

@media only screen and (max-width: 390px) {
.product-list-item-title-wrap {padding: 10px 5px;}
.cookie-menu {flex-wrap: wrap;}
.cookie-menu li {padding: 5px 0;margin-right: 0;border-right: unset;width: 100%;}
.bottom-bar {padding-top: 0;}
.mb-top-shopping a {width: 22px;}
.btn-shop-default {min-width: 140px;}
.cart-list-product-img {width: 25%;}
.widget-top-social {
  padding: 0 0 0 10px;
}
.member-menu-cart {
  padding: 0 10px 0 7px;
}
.member-menu-login, .search-mobile {
  padding: 0 7px;
}
.header-top {
  padding: 11px 0 11px 0;
}
.service-list-clc a {
  width: 155px;
  height: 155px;
}
.customer-list {width: 100px;
  height: 100px;}
.product-show-amount, .product-show-amount-select label {
  font-size: 14px;
}
.product-show-amount {
  margin-top: 15px;
}
.product-show-amount-select {
  justify-content: start;
  margin-top: 10px;margin-bottom: 15px;
}
.title-listbox {font-size: 16px;}
}
@media only screen and (max-width: 375px){
.truncatewrap-2 {height: 175px;}
.product-show-amount-select select.showamountbox {
  width: 55px;
}
}
@media only screen and (max-width: 360px) {
.btn-shop-default span {padding-left: 5px;font-size: 16px;}
.product-list-item-title,.list-item-title,.news-list-name,.footer-title,.content-list-item-title {font-size: 14px;line-height: 130%;}
#pd-st-tab .nav-item {
  margin: 0 1px;
}
}