@charset "UTF-8";
@import url("scss/plugins/bootstrap.min.css");
@import url("scss/plugins/swiper-bundle.min.css");
@import url("font/css/fontello.css");
@import url("scss/plugins/bootstrap-select.min.css");
@import url("scss/plugins/vue-select.css");
@import url("scss/plugins/jquery.fancybox.min.css");
@import url("scss/plugins/slick.css");
@import url("scss/plugins/slick-theme.css");
@import url("scss/plugins/slick-lightbox.css");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.0/font/bootstrap-icons.css");
.lato {
  font-family: "Lato", sans-serif;
}

.kanit {
  font-family: 'Kanit', sans-serif;
}

.oswald {
  font-family: "Oswald", sans-serif;
}

.roboto {
  font-family: 'Roboto', sans-serif;
}

.notoSansTC {
  font-family: "Noto Sans TC", sans-serif;
}

.staatliches {
  font-family: "Staatliches", sans-serif;
}

.poppins {
  font-family: "Poppins", sans-serif;
}

.hindSiliguri {
  font-family: 'Hind Siliguri', sans-serif;
}

.montserrat {
  font-family: 'Montserrat', sans-serif;
}

.Karla {
  font-family: 'Karla', sans-serif;
}

.font-weight-300 {
  font-weight: 300;
}

.font-weight-400 {
  font-weight: 400;
}

.font-weight-500 {
  font-weight: 500;
}

.font-weight-600 {
  font-weight: 600;
}

.font-weight-700 {
  font-weight: 700;
}

.font-weight-800 {
  font-weight: 800;
}

.w100 {
  width: 100%;
}

.max860 {
  max-width: 860px;
  margin: 0 auto;
}

.max1000 {
  max-width: 1000px;
  margin: 0 auto;
}

.max1100 {
  max-width: 1100px;
  margin: 0 auto;
}

.max1120 {
  max-width: 1120px;
  margin: 0 auto;
}

.max1200 {
  max-width: 1200px;
  margin: 0 auto;
}

.max1260 {
  max-width: 1260px;
  margin: 0 auto;
}

.max1300 {
  max-width: 1300px;
  margin: 0 auto;
}

.max1350 {
  max-width: 1350px;
  margin: 0 auto;
}

.max1380 {
  max-width: 1380px;
  margin: 0 auto;
}

.max1500 {
  max-width: 1500px;
  margin: 0 auto;
}

.max1600 {
  max-width: 1600px;
  margin: 0 auto;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-18 {
  margin-bottom: 18px;
}

.mb-36 {
  margin-bottom: 36px;
}

.mb-48 {
  margin-bottom: 48px;
}

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

.lh1 {
  line-height: 1;
}

.lh11 {
  line-height: 1.1;
}

.lh12 {
  line-height: 1.2;
}

.lh14 {
  line-height: 1.4;
}

.lh16 {
  line-height: 1.6;
}

.z-1 {
  z-index: 1;
}

.z-2 {
  z-index: 2;
}

.text-000 {
  color: #000000;
}

.text-262626 {
  color: #262626;
}

.text-2c2c2c {
  color: #2C2C2C;
}

.text-323232 {
  color: #323232;
}

.text-333333 {
  color: #333333;
}

.text-646464 {
  color: #646464;
}

.text-6B6B6B {
  color: #6B6B6B;
}

.text-5C5C5C {
  color: #5C5C5C;
}

.text-707070 {
  color: #707070;
}

.text-8A8A8A {
  color: #8A8A8A;
}

.text-B0B0B0 {
  color: #B0B0B0;
}

.text-fff {
  color: #fff;
}

.text-BFBFBF {
  color: #BFBFBF;
}

.text-2F2F2F {
  color: #2F2F2F;
}

.text-D3A51C {
  color: #D3A51C;
}

.text-3E3A39 {
  color: #3E3A39;
}

.text-mainYellow {
  color: #D3A61D;
}

.text-hover {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.text-hover:hover {
  color: #D3A61D;
}

.bg-fff {
  background-color: #fff;
}

.bg-F9F8F8 {
  background: #F9F8F8;
}

.bg-EFEEEA {
  background: #EFEEEA;
}

.bg-F2EFEA {
  background: #F2EFEA;
}

.absolute-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.top-0 {
  top: 0;
}

.bottom-0 {
  bottom: 0;
}

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

.text-align-center {
  text-align: center;
}

.flex-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}

.flex-grow {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex-align-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex-align-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.flex-justify-space-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex-justify-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.object-fit {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.blank {
  padding-right: 30px;
  padding-left: 30px;
}

@media (max-width: 767px) {
  .blank {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.unblank {
  margin-right: -30px;
  margin-left: -30px;
}

@media (max-width: 767px) {
  .unblank {
    margin-right: -20px;
    margin-left: -20px;
  }
}

.cursor {
  cursor: pointer;
}

.les05 {
  letter-spacing: 0.5px;
}

.les1 {
  letter-spacing: 1px;
}

.les15 {
  letter-spacing: 1.5px;
}

.les2 {
  letter-spacing: 2px;
}

.les5 {
  letter-spacing: 5px;
}

.les65 {
  letter-spacing: 6.5px;
}

.les-e2 {
  letter-spacing: 0.02em;
}

.les-e5 {
  letter-spacing: 0.05em;
}

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

.line1 {
  display: -webkit-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

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

.line3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-uppercase {
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .overflow-hidden {
    overflow: hidden;
  }
}

.font-0 {
  font-size: 0;
}

.font-150 {
  font-size: 150px;
}

.font-130 {
  font-size: 130px;
}

.font-120 {
  font-size: 120px;
}

.font-100 {
  font-size: 100px;
}

.font-90 {
  font-size: 90px;
}

.font-88 {
  font-size: 88px;
}

.font-80 {
  font-size: 80px;
}

.font-72 {
  font-size: 72px;
}

.font-70 {
  font-size: 70px;
}

.font-65 {
  font-size: 65px;
}

.font-64 {
  font-size: 64px;
}

.font-60 {
  font-size: 60px;
}

.font-55 {
  font-size: 55px;
}

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

.font-48 {
  font-size: 48px;
}

.font-44 {
  font-size: 44px;
}

.font-42 {
  font-size: 42px;
}

.font-40 {
  font-size: 40px;
}

.font-36 {
  font-size: 36px;
}

.font-35 {
  font-size: 35px;
}

.font-34 {
  font-size: 34px;
}

.font-32 {
  font-size: 32px;
}

.font-31 {
  font-size: 31px;
}

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

.font-28 {
  font-size: 28px;
}

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

.font-25 {
  font-size: 25px;
}

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

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

.font-21 {
  font-size: 21px;
}

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

.font-19 {
  font-size: 19px;
}

.font-18 {
  font-size: 18px;
}

.font-17 {
  font-size: 17px;
}

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

.font-15 {
  font-size: 15px;
}

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

.font-13 {
  font-size: 13px;
}

.font-12 {
  font-size: 12px;
}

@media (max-width: 1600px) {
  .font-100 {
    font-size: 90px;
  }
  .font-80 {
    font-size: 72px;
  }
  .font-72 {
    font-size: 65px;
  }
  .font-70 {
    font-size: 65px;
  }
  .font-64 {
    font-size: 40px;
  }
  .font-55 {
    font-size: 50px;
  }
  .font-40 {
    font-size: 36px;
  }
  .font-36 {
    font-size: 34px;
  }
  .font-32 {
    font-size: 30px;
  }
  .font-22 {
    font-size: 20px;
  }
}

@media (max-width: 1399px) {
  .font-100 {
    font-size: 80px;
  }
  .font-80 {
    font-size: 68px;
  }
  .font-36 {
    font-size: 32px;
  }
  .font-26 {
    font-size: 24px;
  }
  .font-22 {
    font-size: 19px;
  }
}

@media (max-width: 1199px) {
  .font-120 {
    font-size: 100px;
  }
  .font-130 {
    font-size: 80px;
  }
  .font-100 {
    font-size: 70px;
  }
  .font-90 {
    font-size: 70px;
  }
  .font-88 {
    font-size: 70px;
  }
  .font-80 {
    font-size: 64px;
  }
  .font-72 {
    font-size: 60px;
  }
  .font-70 {
    font-size: 60px;
  }
  .font-65 {
    font-size: 46px;
  }
  .font-60 {
    font-size: 50px;
  }
  .font-55 {
    font-size: 46px;
  }
  .font-50 {
    font-size: 44px;
  }
  .font-48 {
    font-size: 42px;
  }
  .font-44 {
    font-size: 40px;
  }
  .font-42 {
    font-size: 38px;
  }
  .font-40 {
    font-size: 32px;
  }
  .font-36 {
    font-size: 30px;
  }
  .font-32 {
    font-size: 30px;
  }
  .font-34 {
    font-size: 30px;
  }
  .font-32 {
    font-size: 28px;
  }
  .font-31 {
    font-size: 28px;
  }
  .font-30 {
    font-size: 24px;
  }
  .font-28 {
    font-size: 22px;
  }
  .font-26 {
    font-size: 20px;
  }
  .font-25 {
    font-size: 20px;
  }
  .font-24 {
    font-size: 20px;
  }
  .font-22 {
    font-size: 18px;
  }
  .font-20 {
    font-size: 18px;
  }
  .font-18 {
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .font-165 {
    font-size: 80px;
  }
  .font-130 {
    font-size: 60px;
  }
  .font-120 {
    font-size: 80px;
  }
  .font-100 {
    font-size: 60px;
  }
  .font-90 {
    font-size: 60px;
  }
  .font-88 {
    font-size: 60px;
  }
  .font-80 {
    font-size: 56px;
  }
  .font-55 {
    font-size: 42px;
  }
  .font-50 {
    font-size: 38px;
  }
  .font-42 {
    font-size: 36px;
  }
  .font-40 {
    font-size: 32px;
  }
  .font-36 {
    font-size: 30px;
  }
  .font-32 {
    font-size: 28px;
  }
  .font-34 {
    font-size: 28px;
  }
  .font-31 {
    font-size: 24px;
  }
  .font-30 {
    font-size: 24px;
  }
  .font-24 {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .font-165 {
    font-size: 60px;
  }
  .font-130 {
    font-size: 60px;
  }
  .font-120 {
    font-size: 60px;
  }
  .font-100 {
    font-size: 55px;
  }
  .font-90 {
    font-size: 50px;
  }
  .font-88 {
    font-size: 50px;
  }
  .font-80 {
    font-size: 50px;
  }
  .font-72 {
    font-size: 50px;
  }
  .font-70 {
    font-size: 50px;
  }
  .font-60 {
    font-size: 40px;
  }
  .font-55 {
    font-size: 38px;
  }
  .font-50 {
    font-size: 36px;
  }
  .font-48 {
    font-size: 34px;
  }
  .font-44 {
    font-size: 32px;
  }
  .font-42 {
    font-size: 32px;
  }
  .font-40 {
    font-size: 30px;
  }
  .font-36 {
    font-size: 28px;
  }
  .font-32 {
    font-size: 26px;
  }
  .font-30 {
    font-size: 24px;
  }
  .font-26 {
    font-size: 22px;
  }
  .font-25 {
    font-size: 18px;
  }
  .font-24 {
    font-size: 18px;
  }
}

@media (max-width: 575px) {
  .font-165 {
    font-size: 44px;
  }
  .font-100 {
    font-size: 45px;
  }
  .font-90 {
    font-size: 35px;
  }
  .font-80 {
    font-size: 35px;
  }
  .font-72 {
    font-size: 30px;
  }
  .font-70 {
    font-size: 30px;
  }
  .font-60 {
    font-size: 30px;
  }
  .font-50 {
    font-size: 30px;
  }
  .font-42 {
    font-size: 30px;
  }
  .font-40 {
    font-size: 26px;
  }
  .font-36 {
    font-size: 24px;
  }
  .font-34 {
    font-size: 22px;
  }
  .font-32 {
    font-size: 20px;
  }
  .font-30 {
    font-size: 20px;
  }
  .font-24 {
    font-size: 18px;
  }
  .font-22 {
    font-size: 20px;
  }
  .font-18 {
    font-size: 16px;
  }
  .font-17 {
    font-size: 16px;
  }
  .font-16 {
    font-size: 16px;
  }
  .font-15 {
    font-size: 14px;
  }
}

/* ==========================================================================
	clear
 ========================================================================== */
label {
  margin-bottom: 0;
  line-height: normal;
}

textarea {
  -webkit-appearance: none;
}

button,
input, textarea {
  line-height: normal;
  outline: 0;
  background: transparent;
  border: 0;
}

button,
select {
  text-transform: none;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
input[disabled] {
  cursor: default;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  nowhitespace: afterproperty;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  display: inline-block;
}

figure,
address {
  padding: 0;
  margin: 0;
}

* {
  outline: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* ==========================================================================
    public
 ========================================================================== */
body {
  margin: 0;
  font-family: "Noto Sans TC","Poppins";
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  color: black;
  overflow-x: hidden;
  line-height: normal;
}

.wp {
  position: relative;
  overflow: hidden;
}

.safari body {
  -webkit-text-size-adjust: none;
}

/* ==========================================================================
    public
 ========================================================================== */
/*不顯示外虛線*/
button, a {
  outline: none !important;
}

a, a:active {
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: inherit;
}

a {
  -webkit-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
  line-height: normal;
}

img {
  max-height: 100%;
  max-width: 100%;
  height: auto;
  border: none;
  -o-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  image-rendering: -webkit-optimize-contrast;
}

.clearfix:after {
  display: block;
  content: '';
  clear: both;
}

.hidden {
  display: none;
}

ul.noneStyle {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.noneStyle > li {
  list-style: none;
}

textarea {
  resize: none;
}

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #969696;
}

::-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #969696;
}

::-o-placeholder {
  /* Mozilla Firefox 19+ */
  color: #969696;
}

::-ms-placeholder {
  /* Internet Explorer 10+ */
  color: #969696;
}

::-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #969696;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-text-fill-color: black;
  /*字體顏色*/
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  /*透明*/
}

/**/
.scrollbar,
.scrollbarX,
.scrollbarY {
  -webkit-overflow-scrolling: touch;
}

.scrollbarX {
  overflow-x: auto;
}

table {
  -webkit-backface-visibility: visible;
}

.table {
  width: 100%;
  border-collapse: collapse;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

.modal-content {
  border: 0;
}

.modal-content .modal-dialog {
  margin: 0;
}

.modal-content .close {
  text-shadow: none;
  opacity: 1;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
  width: auto;
  margin: 0;
  line-height: inherit;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  display: none;
}

.videoWrap {
  max-width: 1100px;
  margin: 0 auto;
  padding-bottom: 30px;
}

.videoWrap .videoPlayer {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

.videoWrap .videoPlayer .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.videoWrap .videoPlayer .playBtnBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.videoWrap .videoPlayer .playBtnBox .playBtn {
  width: 100px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.videoWrap .videoPlayer .playBtnBox .playBtn:hover {
  -webkit-filter: brightness(120%);
          filter: brightness(120%);
}

@media (max-width: 991px) {
  .videoWrap .videoPlayer {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .videoWrap .videoPlayer {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

.thumbnailWrap {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: 1100px;
  padding-bottom: 56.25%;
  height: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity .1s;
  transition: opacity .1s;
}

.thumbnailWrap img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.angle-arrows {
  pointer-events: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.angle-arrows .arrow-btn {
  pointer-events: auto;
  cursor: pointer;
  width: 60px;
  height: 60px;
  font-size: 24px;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  color: #B2B2B2;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media (max-width: 1199px) {
  .angle-arrows .arrow-btn {
    width: 50px;
    height: 50px;
  }
}

@media (max-width: 575px) {
  .angle-arrows .arrow-btn {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }
}

.angle-arrows .arrow-btn .icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}

.angle-arrows .arrow-btn:hover {
  opacity: 0.8;
}

.angle-arrows .arrow-btn.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}

.angle-arrows .arrow-btn.style-outline {
  width: 55px;
  height: 55px;
  border: 1px solid #BFBFBF;
  color: #BFBFBF;
  font-size: 15px;
}

.angle-arrows .arrow-btn.style-outline:hover {
  background: #D3A61D;
  border-color: #D3A61D;
  color: #fff;
  opacity: 1;
}

@media (max-width: 767px) {
  .angle-arrows .arrow-btn.style-outline {
    width: 50px;
    height: 50px;
  }
  .angle-arrows .arrow-btn.style-outline:hover {
    background: #fff;
    border-color: #BFBFBF;
    color: #BFBFBF;
  }
}

.slickPage {
  position: absolute;
  bottom: 92px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 298px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.slickPage .number {
  width: 76px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.slickPage .number .current, .slickPage .number .total {
  -ms-flex-preferred-size: 34%;
      flex-basis: 34%;
}

.slickPage .number .slash {
  display: inline-block;
  width: 20px;
  height: 2px;
  background-color: #000;
  -webkit-transform: translateY(9px) rotate(-45deg);
          transform: translateY(9px) rotate(-45deg);
}

.slickPage .number .total {
  text-align: right;
}

.slickPage .bar {
  width: 100px;
  border-top: 1px solid #D8D8D8;
}

.slickPage .bar .currentW {
  border-top: 1px solid #000;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.slickPage .arrow {
  width: 62px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: 14px;
}

.slickPage .arrow .slickBtn {
  font-size: 15px;
  color: #ACACAC;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.slickPage .arrow .slickBtn:hover {
  color: #4C4C4C;
}

.slickBtnO {
  width: 60px;
  height: 60px;
  background-color: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 5px 5px 19px rgba(0, 0, 0, 0.2);
          box-shadow: 5px 5px 19px rgba(0, 0, 0, 0.2);
  padding-bottom: 2px;
  font-size: 16px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #ACACAC;
}

.slickBtnO:hover {
  color: #000;
}

.learnMoreLink_ub {
  color: #D3A61D;
  border-bottom: 1px solid #D3A61D;
  width: 110px;
  padding-left: 4px;
  padding-bottom: 12px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.learnMoreLink_ub .icon-right {
  margin-left: 16px;
  display: inline-block;
}

.learnMoreLink_ub:hover {
  color: #D3A61D;
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}

.learnMoreLink_ub:hover .icon-right {
  -webkit-animation: fadeRight 1.5s infinite;
          animation: fadeRight 1.5s infinite;
}

.learn-more-white {
  color: #fff;
  border-bottom: 1px solid #fff;
  padding-bottom: 8px;
  display: inline-block;
  margin-bottom: 0;
  line-height: 1.75;
}

.learn-more-white > .icon-right {
  margin-left: 16px;
  display: inline-block;
}

.breadcrumbBlock {
  height: 70px;
  border-top: 1px solid #e4e4e4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
}

.breadcrumbBlock .breadcrumb {
  background-color: transparent;
  padding: 6px;
  width: 100%;
}

.breadcrumbBlock .breadcrumb .breadcrumb-item {
  font-size: 15px;
  color: #4C4C4C;
  letter-spacing: 0.5px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.breadcrumbBlock .breadcrumb .breadcrumb-item a {
  color: #4C4C4C;
}

.breadcrumbBlock .breadcrumb .breadcrumb-item:hover a {
  color: #D3A61D;
}

.breadcrumbBlock .breadcrumb .breadcrumb-item::before {
  content: '';
  background-image: url(images/layout/breadArrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  height: 7px;
  width: 27px;
  padding-bottom: 4px;
  margin-bottom: 2px;
}

.pageBanner {
  height: 465px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pageBanner .mainTitle {
  padding-bottom: 10px;
  margin-top: 20px;
  letter-spacing: 2px;
  position: relative;
}

.pageBanner .mainTitle::after {
  content: '';
  width: 70px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  bottom: -12px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media (max-width: 1199px) {
  .pageBanner {
    height: 300px;
  }
  .pageBanner .mainTitle {
    margin-top: 0px;
  }
}

@media (max-width: 575px) {
  .pageBanner {
    height: 240px;
  }
}

.pageBackgroundImg {
  position: fixed;
  width: 100%;
  height: 700px;
  top: 0px;
  z-index: -50;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 1199px) {
  .pageBackgroundImg {
    height: 430px;
  }
}

@media (max-width: 575px) {
  .pageBackgroundImg {
    height: 380px;
  }
}

.pagination {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pagination .arrow {
  font-size: 15px;
  margin: 0 60px;
  padding-bottom: 4px;
  color: #4C4C4C;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.pagination .arrow:hover {
  color: #D3A61D;
}

.pagination .arrow.disable {
  opacity: 0.46;
  cursor: auto;
  pointer-events: none;
}

.pagination .arrow.disable:hover {
  color: #4C4C4C;
}

.pagination .page {
  width: 45px;
  height: 45px;
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  background: #fff;
  border: 1px solid #c2c2c2;
  border-radius: 5%;
  line-height: 43px;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin: 0 6px;
}

.pagination .page:hover, .pagination .page.active {
  color: #fff;
  background-color: #D3A61D;
  border: 1px solid #D3A61D;
}

@media (max-width: 767px) {
  .pagination .arrow {
    margin: 0 10px;
  }
  .pagination .page {
    margin: 0 5px;
    height: 42px;
    width: 42px;
    line-height: 40px;
  }
}

.tagsWrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.tagsWrap .tag {
  font-size: 14px;
  color: #333333;
  border: 1px solid #BFBFBF;
  border-radius: 5px;
  padding: 4px 14.5px;
  margin-right: 5px;
  margin-bottom: 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.tagsWrap .tag:hover {
  background-color: #BFBFBF;
}

@media (max-width: 991px) {
  .tagsWrap .tag {
    font-size: 12px;
    padding: 3px 8px;
    margin-bottom: 8px;
  }
}

.whiteBtn {
  width: 196px;
  height: 56px;
  border: 1px solid #D3A61D;
  border-radius: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin: 0 11px;
  font-size: 16px;
  font-weight: 500;
  background-color: #fff;
}

.whiteBtn:hover {
  background-color: #D3A61D;
  color: #fff;
}

.greyBtn {
  width: 196px;
  height: 56px;
  background-color: #ECEDEE;
  border: 1px solid #ECEDEE;
  border-radius: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin: 0 11px;
  font-size: 16px;
  font-weight: 400;
}

.greyBtn:hover {
  background-color: #afafaf;
  border: 1px solid #afafaf;
  color: #fff;
}

.editor table tr, .specificationInner table tr {
  line-height: 1.9;
}

.editor table tr th, .specificationInner table tr th {
  text-align: center;
  text-align: justify;
  text-align-last: justify;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1px;
  padding-right: 12px;
}

.editor table tr td, .specificationInner table tr td {
  font-size: 16px;
  color: #6B6B6B;
  letter-spacing: 1px;
}

@media (max-width: 991px) {
  .editor table tr td, .specificationInner table tr td {
    max-width: 240px;
  }
}

.editor ul, .specificationInner ul {
  padding-left: 23px;
}

.editor ul li, .specificationInner ul li {
  font-size: 16px;
  letter-spacing: 0.8px;
  line-height: 2.25;
}

.editor ul li::marker, .specificationInner ul li::marker {
  color: #D3A61D;
}

.radioWrap {
  margin-bottom: 34px;
}

.radioWrap label {
  font-size: 16px;
  color: #3a3a3a;
  margin-right: 18px;
  letter-spacing: 1px;
}

.radioWrap input[type="radio"] {
  cursor: pointer;
  width: 16px;
  height: 16px;
  position: relative;
  border: none;
  margin-right: 5px;
  padding-top: 2px;
}

.radioWrap input[type="radio"]::before {
  content: '';
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #C0C0C0;
  border-radius: 50%;
  position: absolute;
}

.radioWrap input[type="radio"]:checked::after {
  content: '';
  width: 16px;
  height: 16px;
  background-color: #D3A61D;
  border: 3px double #fff;
  border-radius: 50%;
  position: absolute;
}

.selectWrap .bootstrap-select {
  height: 50px;
  margin-right: 8px;
  margin-bottom: 13px;
  width: 340px !important;
}

.selectWrap .bootstrap-select .dropdown-toggle {
  background-color: #fff;
  border: 1px solid #C0C0C0;
  padding-left: 19px;
  padding-right: 19px;
  outline: 0 !important;
}

.selectWrap .bootstrap-select .dropdown-toggle::after {
  border: none;
  height: 10px;
  width: 10px;
  background-image: url(images/layout/breadArrow.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  opacity: 0.8;
}

.selectWrap .bootstrap-select .dropdown-toggle .filter-option {
  color: #3a3a3a;
}

.selectWrap .bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
  line-height: 36px;
}

.selectWrap .bootstrap-select .dropdown-toggle:hover {
  border: 1px solid #D3A61D;
}

.selectWrap .bootstrap-select .dropdown-toggle[aria-expanded=true] {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border: 1px solid #D3A61D;
}

.selectWrap .bootstrap-select > .dropdown-menu {
  position: absolute !important;
  -webkit-transform: none !important;
          transform: none !important;
  top: 47px !important;
  border: 1px solid #D3A61D;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  padding: 0;
}

.selectWrap .bootstrap-select > .dropdown-menu .dropdown-divider {
  display: none;
}

.selectWrap .bootstrap-select > .dropdown-menu li {
  font-size: 16px;
  color: #3a3a3a;
}

.selectWrap .bootstrap-select > .dropdown-menu li .dropdown-item {
  position: relative;
  -webkit-transition: all 0s;
  transition: all 0s;
  padding: 13px 20px 13px 40px;
  color: #3a3a3a;
}

.selectWrap .bootstrap-select > .dropdown-menu li .dropdown-item::before {
  content: '';
  position: absolute;
  width: 11px;
  height: 1px;
  background-color: #3a3a3a;
  left: 20px;
  top: 25px;
}

.selectWrap .bootstrap-select > .dropdown-menu li .dropdown-item.active, .selectWrap .bootstrap-select > .dropdown-menu li .dropdown-item:active {
  color: #000;
  background-color: #F8F9FA;
}

.selectWrap .bootstrap-select > .dropdown-menu li .dropdown-item.active::before, .selectWrap .bootstrap-select > .dropdown-menu li .dropdown-item:active::before {
  background-color: #000;
}

.selectWrap .bootstrap-select > .dropdown-menu li.dropdown-header {
  padding: 13px 20px;
}

@media (max-width: 1199px) {
  .selectWrap {
    width: 340px;
  }
}

.shareIconWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.shareIconWrap .shareIcon {
  width: 36px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #DDDDDD;
  border-radius: 50%;
  background-color: #DDDDDD;
  color: #fff;
  font-size: 17px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin: 0 3px;
}

.shareIconWrap .shareIcon.share {
  color: #B4B4B4;
  background-color: #fff;
  border: 1px solid transparent;
  font-size: 20px;
}

.shareIconWrap .shareIcon.share i {
  margin-bottom: 2px;
  margin-right: 2px;
}

.shareIconWrap .shareIcon.share:hover {
  color: #fff;
  border: 1px solid #D3A61D;
  background-color: #D3A61D;
}

.shareIconWrap .shareIcon.getLink i {
  margin-bottom: 2px;
}

.shareIconWrap .shareIcon.getLink:hover {
  color: #5770ff;
  background-color: #fff;
  border: 1px solid #5770ff;
}

.shareIconWrap .shareIcon.line {
  font-size: 15px;
  padding-bottom: 1px;
}

.shareIconWrap .shareIcon.line:hover {
  color: #00C100;
  background-color: #fff;
  border: 1px solid #00C100;
}

.shareIconWrap .shareIcon.facebook {
  font-size: 15px;
}

.shareIconWrap .shareIcon.facebook i {
  margin-bottom: 2px;
}

.shareIconWrap .shareIcon.facebook:hover {
  color: #1778F2;
  background-color: #fff;
  border: 1px solid #1778F2;
}

.shareIconWrap .shareIcon.book {
  margin-right: 0;
  margin-left: 11px;
  color: #777777;
  background-color: #fff;
  border: 1px solid #777777;
  font-size: 15px;
}

.shareIconWrap .shareIcon.book:hover {
  color: #fff;
  border: 1px solid #D3A61D;
  background-color: #D3A61D;
}

.videoModal {
  padding-right: 0 !important;
}

.videoModal .modal-dialog {
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.videoModal .modal-dialog .modal-content {
  border-radius: 0;
  margin: auto;
  padding: 0;
}

.videoModal .modal-dialog .modal-content .close {
  position: absolute;
  top: -25px;
  right: -36px;
  font-size: 32px;
  color: #fff;
  text-shadow: none;
  font-weight: lighter;
  z-index: 1600;
}

.videoModal .modal-dialog .modal-content .modal-body {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 60px;
  height: 0;
  overflow: hidden;
}

.videoModal .modal-dialog .modal-content .modal-body iframe, .videoModal .modal-dialog .modal-content .modal-body object, .videoModal .modal-dialog .modal-content .modal-body embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 1500px) {
  .videoModal .modal-dialog .container {
    max-width: 1150px;
  }
}

@media screen and (max-width: 1199px) {
  .videoModal .modal-dialog .modal-content .close {
    top: -35px;
    right: -5px;
  }
}

.tabsBlock {
  height: 70px;
  border-bottom: 1px solid #D9D9D9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.tabsBlock .tabItem {
  height: 100%;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 24px;
  border-bottom: 2px solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  letter-spacing: 0.5px;
}

.tabsBlock .tabItem.active, .tabsBlock .tabItem:hover {
  border-bottom: 2px solid #D3A61D;
  font-weight: 700;
}

@media (max-width: 575px) {
  .tabsBlock .tabItem {
    font-size: 16px;
    margin: 0 8px;
  }
}

.productSelect {
  margin-top: 16px;
  margin-bottom: 15px;
}

.productSelect .productSelected {
  width: 260px;
  height: 50px;
  border-radius: 5px;
  border: 1px solid #C0C0C0;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 4px;
  padding-left: 21px;
  padding-right: 26px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
  transition: all 0.3s;
}

.productSelect .productSelected:hover {
  border: 1px solid #D3A61D;
}

.productSelect .productSelected.active {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border: 1px solid #D3A61D;
}

.productSelect .productSelectDropdown {
  display: none;
  position: absolute;
  width: 260px;
  font-size: 16px;
  background-color: #fff;
  z-index: 5;
  border: 1px solid #D3A61D;
  border-top: 0;
  height: 400px;
  overflow-y: auto;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.productSelect .productSelectDropdown ul li a {
  display: block;
  width: 100%;
  height: 100%;
  padding-left: 21px;
  padding-bottom: 12px;
  padding-top: 12px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.productSelect .productSelectDropdown ul li a:hover, .productSelect .productSelectDropdown ul li a.active {
  background-color: #F8F9FA;
}

@media (max-width: 991px) {
  .productSelect {
    position: relative;
  }
  .productSelect .productSelected {
    width: 100%;
  }
  .productSelect .productSelectDropdown {
    width: 100%;
  }
}

.contactForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.contactForm .field-group {
  width: 100%;
  height: 50px;
  position: relative;
  border: 1px solid #C7C6C6;
  border-radius: 5px;
  font-size: 16px;
  color: #262626;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 17px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.contactForm .field-group:hover, .contactForm .field-group.active {
  border: 1px solid #D3A61D;
}

.contactForm .field-group.half {
  width: 49.2%;
}

.contactForm .field-group.oneThird {
  width: 32.4%;
}

.contactForm .field-group.textarea {
  height: 120px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  padding-top: 12px;
  padding-bottom: 12px;
}

.contactForm .field-group.textarea textarea {
  height: 100%;
}

.contactForm .field-group.wideLabel .label {
  width: 138px;
}

.contactForm .field-group.wideLabel .bootstrap-select {
  padding-left: 162px;
}

.contactForm .field-group.wideLabel .bootstrap-select > .dropdown-menu .dropdown-item {
  padding-left: 174px;
}

.contactForm .field-group .label {
  width: 86px;
  letter-spacing: 1px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer;
  margin-left: 20px;
}

.contactForm .field-group .label .star {
  color: #D3A61D;
}

.contactForm .field-group .input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-left: 16px;
  width: 0;
}

.contactForm .field-group .bootstrap-select {
  height: 100%;
  position: absolute;
  left: -1px;
  top: -1px;
  width: calc(100% + 2px) !important;
  padding: 6px 0px;
  padding-left: 106px;
  padding-right: 20px;
  border-radius: 5px;
  border: 1px solid transparent;
}

.contactForm .field-group .bootstrap-select.show {
  border: 1px solid #D3A61D;
}

.contactForm .field-group .bootstrap-select .dropdown-toggle {
  height: 100%;
  background-color: transparent;
  font-size: 16px;
  border: none;
  outline: none !important;
  padding-right: 2px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.contactForm .field-group .bootstrap-select .dropdown-toggle::after {
  border: none;
  height: 10px;
  width: 10px;
  background-image: url(images/layout/breadArrow.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  opacity: 0.8;
}

.contactForm .field-group .bootstrap-select > .dropdown-menu {
  width: calc(100% + 2px);
  left: -1px !important;
  border: 1px solid #D3A61D;
  border-radius: 5px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  -webkit-transform: translate3d(0px, 36px, 0px) !important;
          transform: translate3d(0px, 36px, 0px) !important;
  margin-top: 8px;
}

.contactForm .field-group .bootstrap-select > .dropdown-menu .dropdown-item {
  padding-left: 118px;
  letter-spacing: 1px;
  line-height: 2.6;
}

.contactForm .field-group .bootstrap-select > .dropdown-menu .dropdown-item.active, .contactForm .field-group .bootstrap-select > .dropdown-menu .dropdown-item:active, .contactForm .field-group .bootstrap-select > .dropdown-menu .dropdown-item:hover, .contactForm .field-group .bootstrap-select > .dropdown-menu .dropdown-item:focus {
  background-color: #F8F9FA;
}

.contactForm .field-group .bootstrap-select > .dropdown-menu .dropdown-item.active span, .contactForm .field-group .bootstrap-select > .dropdown-menu .dropdown-item:active span, .contactForm .field-group .bootstrap-select > .dropdown-menu .dropdown-item:hover span, .contactForm .field-group .bootstrap-select > .dropdown-menu .dropdown-item:focus span {
  color: #000;
}

.contactForm .field-group .vcode {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 10px;
}

.contactForm .submit {
  display: block;
  margin: 0 auto;
  margin-top: 70px;
}

.contactForm .formCheckItem {
  position: relative;
  padding-left: 27px;
  font-size: 16px;
  line-height: 1;
  color: #262626;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  letter-spacing: 0.7px;
  margin: 19px 0;
  margin-left: 6px;
  margin-right: 38px;
}

.contactForm .formCheckItem:hover {
  color: #D3A61D;
}

.contactForm .formCheckItem::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  width: 17px;
  height: 17px;
  border: 1px solid #C0C0C0;
  border-radius: 3px;
}

.contactForm .formCheckItem::after {
  content: '';
  display: block;
  width: 17px;
  height: 17px;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(images/product/filterCheck.svg);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  opacity: 0;
}

.contactForm .formCheckItem.active::after {
  opacity: 1;
}

@media (max-width: 767px) {
  .contactForm .formCheckItem {
    margin-right: 28px;
  }
}

@media (max-width: 575px) {
  .contactForm .formCheckItem {
    margin: 8px 0;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}

@media (max-width: 767px) {
  .contactForm .field-group.half {
    width: 100%;
  }
  .contactForm .field-group.oneThird {
    width: 100%;
  }
  .contactForm .submit {
    margin-top: 30px;
  }
}

@media (max-width: 575px) {
  .contactForm .field-group .bootstrap-select {
    padding-left: 92px;
  }
  .contactForm .field-group .bootstrap-select > .dropdown-menu .dropdown-item {
    padding-left: 106px;
  }
  .contactForm .field-group.wideLabel .bootstrap-select {
    padding-left: 154px;
  }
  .contactForm .field-group.wideLabel .bootstrap-select > .dropdown-menu .dropdown-item {
    padding-left: 166px;
  }
  .contactForm .field-group .label {
    width: 78px;
    margin-left: 10px;
  }
  .contactForm .field-group .input::-webkit-input-placeholder {
    font-size: 13px;
  }
  .contactForm .field-group .input:-ms-input-placeholder {
    font-size: 13px;
  }
  .contactForm .field-group .input::-ms-input-placeholder {
    font-size: 13px;
  }
  .contactForm .field-group .input::placeholder {
    font-size: 13px;
  }
  .contactForm .field-group .vcodeInput {
    padding-left: 8px;
  }
  .contactForm .field-group .vcode {
    margin-right: 0;
  }
}

.indexQAWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  margin-top: 108px;
  max-width: 1270px;
}

.indexQAWrap .QALink {
  max-width: 231px;
  text-align: center;
  margin: 0 10px;
}

.indexQAWrap .QALink .QALinkImgBox {
  width: 162px;
  height: 162px;
  background-color: #F7F7F7;
  border: 2px solid #F7F7F7;
  border-radius: 50%;
  margin: 0 auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.indexQAWrap .QALink .QALinkImgBox img {
  height: 50px;
}

.indexQAWrap .QALink .title {
  position: relative;
  padding-top: 26px;
  padding-bottom: 23px;
  margin-bottom: 24px;
  letter-spacing: 1px;
}

.indexQAWrap .QALink .title::before {
  content: '';
  width: 51px;
  height: 1px;
  background-color: #D3A61D;
  position: absolute;
  bottom: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.indexQAWrap .QALink .text {
  line-height: 1.9;
  letter-spacing: 0.4px;
}

.indexQAWrap .QALink:hover .QALinkImgBox {
  background-color: #ffffff;
  border: 2px solid #D3A61D;
}

@media (max-width: 991px) {
  .indexQAWrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 12px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .indexQAWrap .QALink {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    padding: 0 4px;
    max-width: 500px;
    margin: 0;
    margin-bottom: 60px;
  }
  .indexQAWrap .QALink span {
    max-width: 230px;
    margin: 0 auto;
  }
  .indexQAWrap .QALink .text {
    letter-spacing: 0;
    line-height: 1.5;
    font-size: 15px;
  }
  .indexQAWrap .QALink .title {
    font-size: 20px;
  }
}

@media (max-width: 575px) {
  .indexQAWrap {
    margin-left: -10px;
    margin-right: -10px;
  }
  .indexQAWrap .QALink {
    margin-bottom: 50px;
  }
  .indexQAWrap .QALink .QALinkImgBox {
    width: 113px;
    height: 113px;
  }
  .indexQAWrap .QALink .QALinkImgBox img {
    height: 35px;
  }
  .indexQAWrap .QALink .title {
    padding-top: 12px;
    padding-bottom: 12px;
    margin-bottom: 12px;
  }
  .indexQAWrap .QALink .title::before {
    width: 35px;
  }
}

@media (min-width: 768px) {
  .modal-open header {
    padding-right: 47px;
  }
  .modal-open header .quotationMenu, .modal-open header .examineMenu {
    padding-right: 17px;
  }
  .modal-open header .sideList {
    width: 487px;
  }
}

.main {
  padding-top: 60px;
}

.header {
  width: 100%;
  background-color: #fff;
  position: fixed;
  top: 0;
  z-index: 100;
}

.header .headerWrap {
  height: 60px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.header .headerWrap .logoWrap {
  width: 135px;
}

.header .headerWrap .mainMenuWrap {
  margin-left: 60px;
  height: 100%;
}

.header .headerWrap .mainMenuWrap .mainMenu {
  height: 100%;
}

.header .headerWrap .mainMenuWrap .mainMenu .mainMenuItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 23px;
  height: 100%;
}

.header .headerWrap .mainMenuWrap .mainMenu .mainMenuItem > a {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.header .headerWrap .mainMenuWrap .mainMenu .mainMenuItem:hover > a {
  color: #D3A61D;
}

.header .headerWrap .mainMenuWrap .mainMenu .mainMenuItem.active > a {
  color: #D3A61D;
}

.header .headerWrap .mainMenuWrap .mainMenu .mainMenuItem .hoverMenu {
  position: fixed;
  left: 0;
  top: 60px;
  width: 100%;
  background-color: #fff;
  border-top: 1px solid #dddddd;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.header .headerWrap .mainMenuWrap .mainMenu .mainMenuItem .hoverMenu.show {
  pointer-events: auto;
  opacity: 1;
}

.header .headerWrap .mainMenuWrap .mainMenu .mainMenuItem .hoverMenu .subMenuTitle {
  line-height: 1;
  color: #292929;
  border-left: 2px solid #D3A61D;
  padding-left: 13px;
  margin-left: -15px;
  margin-bottom: 18px;
  letter-spacing: 1px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.header .headerWrap .mainMenuWrap .mainMenu .mainMenuItem .hoverMenu .subMenuTitle:hover {
  font-weight: 700;
}

.header .headerWrap .mainMenuWrap .mainMenu .mainMenuItem .hoverMenu .subMenuItem {
  opacity: 0.9;
  line-height: 2.6;
  letter-spacing: 1px;
}

.header .headerWrap .mainMenuWrap .mainMenu .mainMenuItem .hoverMenu .hoverProduct {
  max-width: 1278px;
  padding-left: 138px;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 23px;
  max-height: 400px;
  overflow-y: auto;
}

.header .headerWrap .mainMenuWrap .mainMenu .mainMenuItem .hoverMenu .hoverProduct .hoverProductLeft {
  -ms-flex-preferred-size: 61%;
      flex-basis: 61%;
}

.header .headerWrap .mainMenuWrap .mainMenu .mainMenuItem .hoverMenu .hoverProduct .hoverProductLeft ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.header .headerWrap .mainMenuWrap .mainMenu .mainMenuItem .hoverMenu .hoverProduct .hoverProductLeft ul li {
  -ms-flex-preferred-size: 33%;
      flex-basis: 33%;
}

.header .headerWrap .mainMenuWrap .mainMenu .mainMenuItem .hoverMenu .hoverProduct .hoverProductRight {
  -ms-flex-preferred-size: 39%;
      flex-basis: 39%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.header .headerWrap .mainMenuWrap .mainMenu .mainMenuItem .hoverMenu .hoverProduct .hoverProductRight .subMenuInner {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  padding-bottom: 25px;
}

.header .headerWrap .mainMenuWrap .mainMenu .mainMenuItem .hoverMenu .hoverInner {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 62px;
  padding-bottom: 87px;
  height: 259px;
}

.header .headerWrap .mainMenuWrap .mainMenu .mainMenuItem .hoverMenu .hoverInner .subMenuTitle {
  margin-bottom: 39px;
  margin-right: 77px;
}

.header .headerWrap .mainMenuWrap .mainMenu .mainMenuItem .hoverMenu .hoverInner.hoverSale {
  padding-left: 38px;
}

.header .headerWrap .mainMenuWrap .mainMenu .mainMenuItem .hoverMenu .hoverInner.hoverAbout {
  padding-left: 96px;
}

.header .headerWrap .mainMenuWrap .mainMenu .mainMenuItem .hoverMenu .hoverInner.hoverService {
  padding-bottom: 32px;
  padding-left: 90px;
}

.header .headerWrap .loginWrap {
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header .headerWrap .loginWrap .login {
  margin: 0 20px;
}

.header .headerWrap .loginWrap .login a {
  opacity: 0.7;
}

.header .headerWrap .loginWrap .login a:hover {
  opacity: 1;
}

.header .headerWrap .loginWrap .login .icon-user {
  font-size: 20px;
  margin-right: 6px;
}

.header .headerWrap .loginWrap .searchBtn {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 19px;
  color: unset;
  cursor: pointer;
}

.header .headerWrap .loginWrap .searchBtn .icon-search, .header .headerWrap .loginWrap .searchBtn .icon-review, .header .headerWrap .loginWrap .searchBtn .icon-quotation {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.header .headerWrap .loginWrap .searchBtn .icon-search.active, .header .headerWrap .loginWrap .searchBtn .icon-search:hover, .header .headerWrap .loginWrap .searchBtn .icon-review.active, .header .headerWrap .loginWrap .searchBtn .icon-review:hover, .header .headerWrap .loginWrap .searchBtn .icon-quotation.active, .header .headerWrap .loginWrap .searchBtn .icon-quotation:hover {
  opacity: 1;
  color: #D3A61D;
}

.header .headerWrap .loginWrap .searchBtn .icon-quotation {
  font-size: 20px;
}

.header .headerWrap .loginWrap .searchBtn .hoverMenu {
  position: fixed;
  left: 0;
  top: 60px;
  width: 100%;
  background-color: #fff;
  border-top: 1px solid #dddddd;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  max-height: calc(100% - 60px);
  overflow-y: scroll;
  cursor: auto;
  z-index: 100;
}

.header .headerWrap .loginWrap .searchBtn .hoverMenu .subMenuTitle {
  line-height: 1;
  color: #292929;
  border-left: 2px solid #D3A61D;
  padding-left: 13px;
  margin-bottom: 18px;
  letter-spacing: 1px;
  font-weight: 700;
}

.header .headerWrap .loginWrap .searchBtn .hoverMenu .hoverMenuInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 70px;
}

.header .headerWrap .loginWrap .searchBtn .hoverMenu .hoverMenuInner .hoverSearchLeft {
  margin-right: 103px;
}

.header .headerWrap .loginWrap .searchBtn .hoverMenu .hoverMenuInner .hoverSearchRight .searchInput {
  width: 340px;
  height: 50px;
  border: 1px solid silver;
  border-radius: 4px;
  font-size: 16px;
  padding-left: 19px;
  padding-right: 19px;
  margin-bottom: 13px;
}

.header .headerWrap .loginWrap .searchBtn .hoverMenu .hoverMenuInner .hoverSearchRight .searchInput:focus, .header .headerWrap .loginWrap .searchBtn .hoverMenu .hoverMenuInner .hoverSearchRight .searchInput:hover {
  border: 1px solid #D3A61D;
}

.header .headerWrap .loginWrap .mainMenuToogle {
  width: 20px;
  height: 17px;
  margin-top: 4px;
  position: relative;
}

.header .headerWrap .loginWrap .mainMenuToogle .bar {
  height: 3px;
  width: 100%;
  background-color: #D3A61D;
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.header .headerWrap .loginWrap .mainMenuToogle .bar.bar1 {
  top: 0;
}

.header .headerWrap .loginWrap .mainMenuToogle .bar.bar2 {
  top: 7px;
}

.header .headerWrap .loginWrap .mainMenuToogle .bar.bar3 {
  bottom: 0;
}

.header .mobileMenu {
  position: fixed;
  top: 60px;
  left: 101%;
  width: 100%;
  height: calc(100% - 59px);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background-color: #fff;
  border-top: 1px solid #CBCBCB;
  -webkit-box-shadow: inset 0px 30px 30px -32px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0px 30px 30px -32px rgba(0, 0, 0, 0.2);
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 100;
}

.header .mobileMenu .mobileMenuTitle {
  height: 50px;
  border-bottom: 1px solid #CBCBCB;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #191919;
  padding-left: 21px;
}

.header .mobileMenu .mobileMenuTitle .subMenuArrow {
  width: 57px;
  height: 40px;
  background-image: url(images/layout/breadArrow.svg);
  background-repeat: no-repeat;
  background-size: 7px;
  background-position: center center;
}

.header .mobileMenu .mobileMenuTitle .mobileMenuLink {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-bottom: 2px;
}

.header .mobileMenu .mobileMenuTitle > ul {
  position: absolute;
  top: 0px;
  left: 101%;
  width: 100%;
  height: calc(100vh - 60px);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background-color: #fff;
  min-height: 440px;
}

.header .mobileMenu .mobileMenuTitle > ul.active {
  left: 0;
}

.header .mobileMenu .mobileMenuTitle > ul .mobileMenuItem {
  height: 50px;
  border-bottom: 1px solid #CBCBCB;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #191919;
  padding-left: 21px;
}

.header .mobileMenu .mobileMenuTitle > ul .mobileMenuItem.mobileSubMenuHead {
  -webkit-box-shadow: inset 0px 30px 30px -32px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0px 30px 30px -32px rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 0, 0, 0.05);
}

.header .mobileMenu .mobileMenuTitle > ul .mobileMenuItem.mobileSubMenuHead .itemName {
  margin: 0 auto;
  padding-right: 21px;
}

.header .mobileMenu .mobileMenuTitle > ul .mobileMenuItem.mobileSubMenuHead .backArrow {
  width: 47px;
  height: 40px;
  position: absolute;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background-image: url(images/layout/breadArrow.svg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 7px;
}

.header .mobileMenu .mobileMenuTitle > ul .mobileMenuItem a {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.header .mobileMenu .mobileMenuTitle > ul .moileProductDropdown {
  border-bottom: 1px solid #CBCBCB;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #191919;
  padding-top: 12px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.header .mobileMenu .mobileMenuTitle > ul .moileProductDropdown .itemName {
  padding-left: 21px;
  height: 100%;
  padding-bottom: 11px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-right: 24px;
}

.header .mobileMenu .mobileMenuTitle > ul .moileProductDropdown .itemName i {
  font-size: 12px;
  padding-top: 2px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.header .mobileMenu .mobileMenuTitle > ul .moileProductDropdown ul {
  display: none;
  border-top: 1px solid #CBCBCB;
  background-color: #fff;
  color: #191919;
}

.header .mobileMenu .mobileMenuTitle > ul .moileProductDropdown ul li {
  border-bottom: 1px solid #CBCBCB;
}

.header .mobileMenu .mobileMenuTitle > ul .moileProductDropdown ul li a {
  padding-top: 12px;
  padding-bottom: 11px;
  padding-left: 21px;
  display: inline-block;
  width: 100%;
}

.header .mobileMenu .mobileMenuTitle > ul .moileProductDropdown ul li a::before {
  content: '';
  display: inline-block;
  height: 16px;
  width: 28px;
  background-image: url(images/layout/breadArrow.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 7px;
}

.header .mobileMenu .mobileMenuTitle > ul .moileProductDropdown.active {
  background-color: #D3A61D;
  color: #fff;
  border-bottom: none;
}

.header .mobileMenu .mobileMenuTitle > ul .moileProductDropdown.active ul {
  display: block;
}

.header .mobileMenu .mobileMenuTitle > ul .moileProductDropdown.active i {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}

.header .mobileMenu .mobileMenuBtns {
  margin: 0 auto;
  margin-top: 40px;
  padding-bottom: 66px;
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.header .mobileMenu .mobileMenuBtns .loginBox {
  width: 140px;
  height: 40px;
  border: 1px solid #B2B2B2;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 14px;
}

.header .mobileMenu .mobileMenuBtns .loginBox span {
  margin: 0 12px;
  color: #2c2c2c;
}

.header .mobileMenu .mobileMenuBtns .webshop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  width: 140px;
  height: 40px;
  background-color: #E5E5E5;
}

.header .sideList {
  position: fixed;
  right: -580px;
  top: 60px;
  width: 470px;
  height: calc( 100% - 60px);
  background-color: #fff;
  border-top: 1px solid #E4E4E4;
  -webkit-transition: right 0.5s;
  transition: right 0.5s;
  overflow-y: auto;
  z-index: 100;
}

.header .sideList .menuHead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 78px;
  padding: 0 18px;
}

.header .sideList .menuHead .titleWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  letter-spacing: 1px;
  margin-right: auto;
}

.header .sideList .menuHead .titleWrap .icon-book {
  font-size: 20px;
  margin: 0 12px 0 10px;
}

.header .sideList .menuHead .titleWrap .icon-text {
  width: 21px;
  margin-left: 6px;
  margin-right: 15px;
}

.header .sideList .menuHead .menuBtnGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header .sideList .menuHead .menuBtnGroup .menuBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.header .sideList .menuHead .menuBtnGroup .menuBtn:hover {
  -webkit-filter: brightness(1.05);
          filter: brightness(1.05);
}

.header .sideList .menuHead .menuBtnGroup .btn-add, .header .sideList .menuHead .menuBtnGroup .btn-fold {
  background-color: #D3A61D;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-right: 16px;
  margin-top: 2px;
}

.header .sideList .menuHead .menuBtnGroup .btn-add span, .header .sideList .menuHead .menuBtnGroup .btn-fold span {
  color: #fff;
  font-weight: 700;
  line-height: 4px;
  font-size: 16px;
}

.header .sideList .menuHead .menuBtnGroup .btn-close span {
  color: #D3A61D;
  font-size: 36px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.header .sideList .listGroup {
  background-color: #fff;
}

.header .sideList .listGroup .listWrap {
  background-color: #F4F1EA;
  margin-bottom: 4px;
}

.header .sideList .listGroup .listWrap .listHead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 21px 30px 13px 22px;
}

.header .sideList .listGroup .listWrap .listHead .listName {
  height: 35px;
  cursor: pointer;
  margin-top: -4px;
  margin-bottom: 4px;
  width: 160px;
}

.header .sideList .listGroup .listWrap .listHead .listName.focus {
  background-color: #fff;
  border: 1px solid #D3A61D;
  border-radius: 5px;
  font-size: 16px;
  padding: 4px 12px;
}

.header .sideList .listGroup .listWrap .listHead .listBtnGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header .sideList .listGroup .listWrap .listHead .listBtnGroup div {
  margin-left: 30px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.header .sideList .listGroup .listWrap .listHead .listBtnGroup div i {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.header .sideList .listGroup .listWrap .listHead .listBtnGroup div:hover i {
  color: #D3A61D;
}

.header .sideList .listGroup .listWrap .listHead .listBtnGroup .icon-save {
  display: none;
}

.header .sideList .listGroup .listWrap .listHead .listBtnGroup .icon-edit {
  display: block;
}

.header .sideList .listGroup .listWrap .listHead .listBtnGroup .btn-edit.isedit {
  font-size: 19px;
}

.header .sideList .listGroup .listWrap .listHead .listBtnGroup .btn-edit.isedit .icon-save {
  display: block;
}

.header .sideList .listGroup .listWrap .listHead .listBtnGroup .btn-edit.isedit .icon-edit {
  display: none;
}

.header .sideList .listGroup .listWrap .listHead .listBtnGroup .btn-dl {
  font-size: 17px;
}

.header .sideList .listGroup .listWrap .listHead .listBtnGroup .btn-save .icon-save {
  display: block;
}

.header .sideList .listGroup .listWrap .listMain {
  padding-bottom: 10px;
}

.header .sideList .listGroup .listWrap .listMain .item {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 18px 26px 9px 9px;
  margin: 0 12px 16px 12px;
  border-radius: 5px;
}

.header .sideList .listGroup .listWrap .listMain .item .item-del {
  width: 22px;
  height: 22px;
  border: 1px solid #C29D14;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-right: 2px;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.header .sideList .listGroup .listWrap .listMain .item .item-del span {
  color: #C29D14;
  line-height: 4px;
  padding-bottom: 6px;
  font-weight: 500;
  font-size: 24px;
}

.header .sideList .listGroup .listWrap .listMain .item .imgBox {
  width: 75px;
  height: 73px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.header .sideList .listGroup .listWrap .listMain .item .imgBox img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}

.header .sideList .listGroup .listWrap .listMain .item .itemName {
  margin-bottom: 18px;
  margin-left: 18px;
}

.header .sideList .listGroup .listWrap .listMain .item .qtyBox {
  margin-left: auto;
  margin-bottom: 10px;
}

.header .sideList .listGroup .listWrap .listMain .item .qtyWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 7px;
}

.header .sideList .listGroup .listWrap .listMain .item .qtyWrap input, .header .sideList .listGroup .listWrap .listMain .item .qtyWrap button {
  border: 1px solid #D9D9D9;
  height: 35px;
  width: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 0.5;
}

.header .sideList .listGroup .listWrap .listMain .item .qtyWrap button {
  cursor: pointer;
}

.header .sideList .listGroup .listWrap .listMain .item .qtyWrap input {
  width: 49px;
  border-right: 0;
  border-left: 0;
  text-align: center;
}

.header .sideList .listGroup .listWrap .listMain .item .qtyInput input {
  max-width: 119px;
  height: 35px;
  border: 1px solid #D9D9D9;
  border-radius: 5px;
  line-height: 1;
  padding: 1px 12px;
  font-size: 14px;
}

.header .sideList .listGroup .listWrap .listMain .item .qtyInput input::-webkit-input-placeholder {
  font-size: 12px;
  color: #6A6A6A;
}

.header .sideList .listGroup .listWrap .listMain .item .qtyInput input:-ms-input-placeholder {
  font-size: 12px;
  color: #6A6A6A;
}

.header .sideList .listGroup .listWrap .listMain .item .qtyInput input::-ms-input-placeholder {
  font-size: 12px;
  color: #6A6A6A;
}

.header .sideList .listGroup .listWrap .listMain .item .qtyInput input::placeholder {
  font-size: 12px;
  color: #6A6A6A;
}

.header .sideList .quotationNote {
  display: none;
  min-height: 450px;
}

.header .sideList .quotationNote .listWrap {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.header .sideList .quotationNote .listWrap .noteWrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 12px 15px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.header .sideList .quotationNote .listWrap .noteWrap .noteInner {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #fff;
  border-radius: 5px;
  padding: 32px 20px;
}

.header .sideList .quotationNote .listWrap .noteWrap .noteInner .font-weight-700 {
  letter-spacing: 1px;
}

.header .sideList .quotationNote .listWrap .noteWrap .noteInner .font-15 {
  color: #5C5C5C;
  margin-bottom: 30px;
}

.header .sideList .quotationNote .listWrap .noteWrap .noteInner textarea {
  width: 100%;
  height: 200px;
  border: 1px solid #D9D9D9;
  border-radius: 5px;
  padding: 18px 20px;
}

.header .sideList .quotationNote .listWrap .noteWrap .noteInner textarea::-webkit-input-placeholder {
  font-size: 14px;
  color: #6A6A6A;
}

.header .sideList .quotationNote .listWrap .noteWrap .noteInner textarea:-ms-input-placeholder {
  font-size: 14px;
  color: #6A6A6A;
}

.header .sideList .quotationNote .listWrap .noteWrap .noteInner textarea::-ms-input-placeholder {
  font-size: 14px;
  color: #6A6A6A;
}

.header .sideList .quotationNote .listWrap .noteWrap .noteInner textarea::placeholder {
  font-size: 14px;
  color: #6A6A6A;
}

.header .sideList .quotationNote.active {
  display: block;
}

.header .sideList.examineMenu .listGroup .listWrap {
  background-color: #F2F2F2;
}

.header .navBg {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background-color: transparent;
  pointer-events: none;
}

.header.menuOpen .mainMenuItem .hoverMenu {
  pointer-events: none !important;
  opacity: 0 !important;
}

.header.menuOpen .loginWrap .mainMenuToogle .bar.bar1 {
  top: 7px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.header.menuOpen .loginWrap .mainMenuToogle .bar.bar2 {
  opacity: 0;
}

.header.menuOpen .loginWrap .mainMenuToogle .bar.bar3 {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  bottom: 7px;
}

.header.menuOpen .mobileMenu {
  left: 0;
}

.header.menuOpen .navBg {
  background-color: rgba(0, 0, 0, 0.2);
  pointer-events: auto;
}

.header.searchOpen .mainMenuItem .hoverMenu {
  pointer-events: none !important;
  opacity: 0 !important;
}

.header.searchOpen .searchBtn .hoverMenu {
  pointer-events: auto !important;
  opacity: 1 !important;
}

.header.searchOpen .searchBtn .icon-search {
  color: #D3A61D;
  opacity: 1 !important;
}

.header.searchOpen .navBg {
  background-color: rgba(0, 0, 0, 0.2);
  pointer-events: auto;
}

.header.quotationMenuOpen .mainMenuItem .hoverMenu {
  pointer-events: none !important;
  opacity: 0 !important;
}

.header.quotationMenuOpen .loginWrap .icon-quotation {
  color: #D3A61D;
  opacity: 1 !important;
}

.header.quotationMenuOpen .quotationMenu {
  right: 0;
}

.header.quotationMenuOpen .navBg {
  background-color: rgba(0, 0, 0, 0.2);
  pointer-events: auto;
}

.header.examineMenuOpen .mainMenuItem .hoverMenu {
  pointer-events: none !important;
  opacity: 0 !important;
}

.header.examineMenuOpen .loginWrap .icon-review {
  color: #D3A61D;
  opacity: 1 !important;
}

.header.examineMenuOpen .examineMenu {
  right: 0;
}

.header.examineMenuOpen .navBg {
  background-color: rgba(0, 0, 0, 0.2);
  pointer-events: auto;
}

.header .quotationNote {
  position: absolute;
  top: 78px;
  right: 0;
  width: 100%;
  height: calc(100% - 78px);
}

.footer {
  background-color: #323237;
  overflow: hidden;
}

.footer .topSection .footerNav {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
}

.footer .topSection .footerNav .footerNavTitle {
  min-width: 78px;
  margin-right: 40px;
  margin-bottom: 29px;
}

.footer .topSection .footerNav .footerNavTitle ul {
  margin-top: 27px;
}

.footer .topSection .footerNav .footerNavTitle a:hover {
  opacity: 1;
  color: #D3A61D;
}

.footer .topSection .footerNav .footerNavTitle .footerNavItem a {
  color: #fff;
  opacity: 0.4;
  font-weight: 400;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  line-height: 2.65;
}

.footer .topSection .footerNav .footerNavTitle .footerNavItem a:hover {
  opacity: 1;
  color: #D3A61D;
}

.footer .topSection .footerNav .none1400 {
  display: none;
}

.footer .topSection .footerNav1 {
  margin-bottom: 44px;
  padding-top: 115px;
}

.footer .topSection .footerNav2 {
  padding-top: 40px;
}

.footer .topSection .footerNav2 .footerNav2Inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 133px;
  width: 382px;
}

.footer .topSection .footerNav2 .footerNav2Inner .footerNavTitle {
  margin-right: 97px;
}

.footer .topSection .footerNav2 .socialWrap .follow {
  opacity: 76%;
  margin-right: 13px;
}

.footer .topSection .footerNav2 .socialWrap .socialBtn {
  width: 46px;
  height: 46px;
  border: 1px solid #fff;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #fff;
  margin: 0 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: -9px;
}

.footer .topSection .footerNav2 .socialWrap .socialBtn:hover {
  border: 1px solid #D3A61D;
  color: #D3A61D;
}

.footer .topSection .footerNav2 .socialWrap .socialBtn i {
  margin-bottom: 3px;
}

.footer .topSection .footerNav2 .socialWrap .socialBtn .icon-yt {
  font-size: 14px;
}

.footer .topSection .footerNav2 .socialWrap .socialBtn .icon-facebook {
  font-size: 17px;
}

.footer .topSection .footerNav2 .socialWrap .socialBtn .icon-ig {
  font-size: 17px;
}

.footer .topSection .footerNav2 .fbBox {
  margin-top: -40px;
  margin-right: 21px;
  margin-left: auto;
  margin-bottom: 36px;
}

.footer .bottomSection {
  height: 108px;
  border-top: 1px solid #525252;
}

.footer .bottomSection .bottomSectonInner {
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 20px;
}

.footer .bottomSection .bottomSectonInner .copyRight {
  opacity: 0.75;
  margin-right: auto;
}

.footer .bottomSection .bottomSectonInner .copyRight span {
  margin-right: 8px;
}

.footer .bottomSection .bottomSectonInner .minmax {
  border-right: 1px solid #6D6D71;
  padding-right: 26px;
}

.footer .bottomSection .bottomSectonInner .langBox {
  margin: 0 22px;
  width: 63px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  cursor: pointer;
}

.footer .bottomSection .bottomSectonInner .langBox .icon-down-open {
  font-size: 12px;
}

.footer .bottomSection .bottomSectonInner .langBox .langDropdownMenu {
  position: absolute;
  top: -105px;
  left: -7px;
  color: #fff;
  border-radius: 3px;
  border: 1px solid #B2B2B2;
  background-color: #333333;
  padding: 6px;
  width: 72px;
  z-index: 10;
  opacity: 0;
  pointer-events: none;
}

.footer .bottomSection .bottomSectonInner .langBox .langDropdownMenu.show {
  pointer-events: auto;
  opacity: 1;
}

.footer .bottomSection .bottomSectonInner .langBox .langDropdownMenu .langItem {
  line-height: 1.8;
}

.footer .bottomSection .bottomSectonInner .langBox .langDropdownMenu .langItem a {
  width: 100%;
}

.footer .gotopBox {
  position: fixed;
  bottom: 36px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 50;
  right: -100px;
}

.footer .gotopBox img {
  width: 70px;
  margin-top: 13px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.footer .gotopBox img:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}

.footer .gotopBox.show {
  right: 35px;
}

@media (max-width: 1700px) {
  .footer .gotopBox.end {
    bottom: 290px;
  }
}

@media (max-width: 767px) {
  .footer .gotopBox.end {
    bottom: 20px;
  }
  .footer .gotopBox.show {
    right: 20px;
  }
}

.footer .cookiesModal {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 130px;
  background-color: #fff;
  opacity: 0.95;
  -webkit-box-shadow: 0 0 70px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 70px rgba(0, 0, 0, 0.2);
  z-index: 50;
}

.footer .cookiesModal .cookiesInner {
  max-width: 1340px;
  height: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.footer .cookiesModal .cookiesInner .text {
  letter-spacing: 0.5px;
  line-height: 1.9;
  margin-right: 20px;
  max-width: 1130px;
}

.footer .cookiesModal .cookiesInner .text a {
  text-decoration: underline;
}

.footer .cookiesModal .cookiesInner .whiteBtn {
  width: 130px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer;
}

@media (max-width: 767px) {
  .footer .cookiesModal {
    height: auto;
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .footer .cookiesModal .cookiesInner {
    display: block;
  }
  .footer .cookiesModal .cookiesInner .text {
    margin-bottom: 12px;
    margin-right: 0;
  }
  .footer .cookiesModal .cookiesInner .whiteBtn {
    margin: 0 auto;
  }
}

@media (max-width: 1399px) {
  .header .headerWrap .loginWrap .searchBtn .hoverMenu .hoverMenuInner .hoverSearchLeft {
    margin-right: 40px;
  }
  .footer .topSection .footerNav1 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 0;
    padding-top: 80px;
  }
  .footer .topSection .footerNav1 .footerNavTitle {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    margin-right: 0;
  }
  .footer .topSection .footerNav1 .none1400 {
    display: block;
  }
  .footer .topSection .footerNav2 .footerNav2Inner {
    display: none;
  }
}

@media (max-width: 1199px) {
  .header .headerWrap .mainMenuWrap {
    margin-left: 30px;
  }
  .header .headerWrap .mainMenuWrap .mainMenu .mainMenuItem {
    padding: 0 10px;
    font-size: 15px;
  }
  .header .headerWrap .loginWrap .login {
    margin: 0 12px;
  }
  .header .headerWrap .loginWrap .searchBtn .icon-search, .header .headerWrap .loginWrap .searchBtn .icon-review, .header .headerWrap .loginWrap .searchBtn .icon-quotation {
    opacity: 0.5;
  }
  .footer .topSection .footerNav1 {
    padding-top: 60px;
  }
  .footer .bottomSection .bottomSectonInner .copyRight {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .footer .bottomSection .bottomSectonInner .langBox {
    margin-right: 0;
    width: 50px;
  }
}

@media (max-width: 767px) {
  .header .headerWrap .loginWrap .searchBtn .hoverMenu .hoverMenuInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header .headerWrap .loginWrap .searchBtn .hoverMenu .hoverMenuInner .hoverSearchLeft {
    margin-right: 0;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #DBDBDB;
  }
  .footer .topSection .footerNav2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 56px;
  }
  .footer .topSection .footerNav2 .socialWrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 32px;
  }
  .footer .topSection .footerNav2 .socialWrap .follow {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    text-align: center;
    margin-bottom: 24px;
    margin-right: 0;
  }
  .footer .topSection .footerNav2 .fbBox {
    margin: 0;
  }
  .footer .bottomSection {
    border-top: none;
    height: 270px;
  }
  .footer .bottomSection .bottomSectonInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    padding-top: 36px;
    font-size: 13.5px;
  }
  .footer .bottomSection .bottomSectonInner span {
    font-size: 13.5px;
    margin-bottom: 8px;
    letter-spacing: 1px;
  }
  .footer .bottomSection .bottomSectonInner .copyRight {
    padding: 0 8px;
    margin: 0 auto;
  }
  .footer .bottomSection .bottomSectonInner .copyRight .font-mobile-15 {
    font-size: 15px;
  }
  .footer .bottomSection .bottomSectonInner .minmax {
    border-right: none;
    padding-right: 0;
    opacity: 0.75;
    margin-bottom: 8px;
  }
  .footer .bottomSection .bottomSectonInner .mobilePrivacy {
    opacity: 0.75;
    margin-bottom: 36px;
  }
  .footer .bottomSection .bottomSectonInner .langBox {
    margin-left: 0;
    color: #CBCBCB;
  }
  .footer .gotopBox {
    bottom: 20px;
  }
  .footer .gotopBox img {
    width: 48px;
    margin-top: 6px;
  }
}

@media (max-width: 575px) {
  .header .sideList {
    width: 100%;
  }
  .header .sideList .listGroup .listWrap .listHead .listBtnGroup div {
    margin-left: 22px;
  }
  .header .sideList .listGroup .listWrap .listMain .item {
    padding: 16px 8px 8px 8px;
  }
  .header .sideList .listGroup .listWrap .listMain .item .qtyWrap input, .header .sideList .listGroup .listWrap .listMain .item .qtyWrap button {
    width: 30px;
    padding-bottom: 4px !important;
  }
  .header .sideList .listGroup .listWrap .listMain .item .qtyInput input {
    max-width: 90px;
    padding: 0px 2px;
  }
}

@-webkit-keyframes scroll {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@keyframes scroll {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@-webkit-keyframes fadeRight {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0;
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  40% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeRight {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0;
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  40% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes turnLeft {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(-540deg);
            transform: rotate(-540deg);
  }
}

@keyframes turnLeft {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(-540deg);
            transform: rotate(-540deg);
  }
}

@-webkit-keyframes reserveBtn {
  0% {
    width: 110px;
    height: 110px;
    opacity: 1;
  }
  33% {
    width: 130px;
    height: 130px;
    opacity: 0;
  }
  100% {
    width: 110px;
    height: 110px;
    opacity: 0;
  }
}

@keyframes reserveBtn {
  0% {
    width: 110px;
    height: 110px;
    opacity: 1;
  }
  33% {
    width: 130px;
    height: 130px;
    opacity: 0;
  }
  100% {
    width: 110px;
    height: 110px;
    opacity: 0;
  }
}

.indexBannerBlock {
  height: calc( 100vh - 60px);
  position: relative;
}

.indexBannerBlock .indexBanner {
  height: 100%;
}

.indexBannerBlock .indexBanner div {
  height: 100%;
}

.indexBannerBlock .indexBanner .indexBannerItem {
  position: relative;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.indexBannerBlock .indexBanner .indexBannerItem .indexBannerBg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.indexBannerBlock .indexBanner .indexBannerItem .indexBannerInner {
  text-align: center;
  position: relative;
  display: block;
  max-width: calc(100% - 160px);
}

.indexBannerBlock .indexBanner .indexBannerItem .indexBannerInner .title {
  letter-spacing: 4px;
  margin-top: 12px;
  margin-bottom: 6px;
}

.indexBannerBlock .indexBanner .indexBannerItem .indexBannerInner:after {
  content: '';
  position: absolute;
  width: 70px;
  height: 1px;
  background-color: #D3A61D;
  bottom: -37px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.indexBannerBlock .angle-arrows {
  left: 24px;
  right: 24px;
}

@media (max-width: 575px) {
  .indexBannerBlock .angle-arrows {
    left: 12px;
    right: 12px;
  }
}

.indexBannerBlock .angle-arrows .arrow-btn {
  background: transparent;
  color: #fff;
}

.indexNewsBlock {
  text-align: center;
  padding-top: 115px;
  padding-bottom: 108px;
  background-color: #fff;
}

.indexNewsBlock .newsSlick {
  max-width: 1560px;
  margin: 0 auto;
  margin-top: 64px;
}

.indexNewsBlock .newsSlick .newsSlickItem {
  padding: 0 30px;
}

.indexNewsBlock .newsSlick .newsSlickItem .newsSlickImgBox {
  overflow: hidden;
}

.indexNewsBlock .newsSlick .newsSlickItem .newsSlickImg {
  padding-top: 65.2174%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.indexNewsBlock .newsSlick .newsSlickItem .newsSlickContent {
  text-align: left;
  margin: 40px 30px 40px 5px;
  border-left: 1px solid #dadada;
}

.indexNewsBlock .newsSlick .newsSlickItem .newsSlickContent .date {
  margin-left: -2px;
  padding-left: 37px;
  padding-bottom: 10px;
  border-left: 3px solid #D3A61D;
}

.indexNewsBlock .newsSlick .newsSlickItem .newsSlickContent .title {
  padding-left: 37px;
  letter-spacing: 1.05px;
  margin-bottom: 14px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.indexNewsBlock .newsSlick .newsSlickItem .newsSlickContent .text {
  padding-left: 37px;
  letter-spacing: 0.5px;
  line-height: 1.9;
}

.indexNewsBlock .newsSlick .newsSlickItem:hover .newsSlickImg {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

.indexNewsBlock .newsSlick .newsSlickItem:hover .newsSlickContent .title {
  color: #D3A61D;
}

.indexNewsBlock .newsSlick .slick-arrow {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 14px;
  opacity: 0.2;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  top: 39%;
}

.indexNewsBlock .newsSlick .slick-arrow:hover {
  opacity: 0.7;
}

.indexNewsBlock .newsSlick .slick-arrow::before {
  content: '';
}

.indexNewsBlock .newsSlick .slick-arrow.slick-prev {
  background-image: url(images/layout/arrowLeft.svg);
  left: -14px;
}

.indexNewsBlock .newsSlick .slick-arrow.slick-next {
  background-image: url(images/layout/arrowRight.svg);
  right: -14px;
}

.indexNewsBlock .indexNewsSale {
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #DBDBDB;
  border-radius: 5px;
  margin-top: 64px;
  padding: 0 44px;
}

.indexNewsBlock .indexNewsSale .title {
  border-right: 3px solid #D3A61D;
  padding-right: 37px;
  margin-right: 48px;
}

.indexNewsBlock .indexNewsSale .date {
  margin-right: 20px;
  margin-top: 2px;
}

.indexNewsBlock .indexNewsSale .learnMoreLink {
  margin-left: auto;
  color: #D3A61D;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.indexNewsBlock .indexNewsSale .learnMoreLink .icon-right {
  margin-left: 16px;
  display: inline-block;
}

.indexNewsBlock .indexNewsSale .learnMoreLink:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}

.indexNewsBlock .indexNewsSale .learnMoreLink:hover .icon-right {
  -webkit-animation: fadeRight 1.5s infinite;
          animation: fadeRight 1.5s infinite;
}

.indexProductBlock {
  text-align: center;
  background-color: #F9F8F8;
  padding-top: 84px;
  position: relative;
}

.productSlick {
  max-width: 1680px;
  margin: 0 auto;
}

.productSlick .slick-list {
  padding-top: 50px;
  padding-bottom: 205px;
  padding-left: 40px;
  padding-right: 40px;
}

.productSlick .productSlickItem {
  position: relative;
  height: 250px;
}

.productSlick .productSlickItem .imgBox {
  height: 90px;
  width: 104px;
  margin: 0 auto;
}

.productSlick .productSlickItem .imgBox img {
  margin: 0 auto;
  margin-top: 57px;
}

.productSlick .productSlickItem::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  height: 54px;
  width: 54px;
  border-radius: 50%;
  background-image: url(images/index/arrowYellow.svg);
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.productSlick .productSlickItem::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 200px;
  height: 250px;
  background-color: #fff;
  border-radius: 15px;
  z-index: -1;
  -webkit-box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.05);
          box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.05);
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.productSlick .productSlickItem:hover::before, .productSlick .productSlickItem:hover::after {
  opacity: 1;
}

.indexAdBlock {
  text-align: center;
  padding-top: 116px;
  padding-bottom: 160px;
  background-color: #fff;
}

.indexAdBlock .swiperBox {
  position: relative;
}

.indexAdBlock .arrowsBox {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 9;
}

.indexAdBlock .angle-arrows {
  width: calc(50% + 80px);
  max-width: 1100px;
  z-index: 10;
  left: 50%;
  right: unset;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.indexAdBlock .angle-arrows .arrow-btn {
  background: #fff;
  -webkit-box-shadow: 5px 5px 19px rgba(0, 0, 0, 0.06);
          box-shadow: 5px 5px 19px rgba(0, 0, 0, 0.06);
}

.indexAdBlock .slideItem .itemContainer {
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  height: 0;
  padding-bottom: 56.25%;
}

.indexAdBlock .slideItem .videoWrap {
  padding: 0;
  cursor: pointer;
}

.indexAdBlock .slideItem .videoWrap::-moz-selection {
  background-color: transparent;
}

.indexAdBlock .slideItem .videoWrap::selection {
  background-color: transparent;
}

.indexAdBlock .slideItem .videoWrap .videoPlayer {
  margin: 0 auto;
}

.indexAdBlock .swiper-slide .videoWrap {
  pointer-events: none;
}

.indexAdBlock .swiper-slide .playBtnBox {
  will-change: opacity, transform;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  padding-left: 2px;
}

.indexAdBlock .swiper-slide.swiper-slide-active .videoWrap {
  pointer-events: auto;
}

.indexAdBlock .swiper-container-initialized .swiper-slide:not(.swiper-slide-active) .thumbnailWrap {
  opacity: 100;
  pointer-events: auto;
}

.indexCataBlock {
  height: 600px;
  background-color: transparent;
}

.indexCataBlock .cataWrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.indexCataBlock .cataWrap .cataInner {
  width: 368px;
  margin-top: 108px;
  margin-left: 324px;
}

.indexCataBlock .cataWrap .cataInner .vol {
  position: relative;
  padding-bottom: 9px;
  margin-bottom: 39px;
}

.indexCataBlock .cataWrap .cataInner .vol .hindSiliguri {
  position: relative;
}

.indexCataBlock .cataWrap .cataInner .vol .hindSiliguri::before {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #000;
  opacity: 0.3;
  position: absolute;
  bottom: -9px;
}

.indexCataBlock .cataWrap .cataInner .text {
  line-height: 1.9;
  margin-bottom: 83px;
  letter-spacing: 0.8px;
}

.indexCataBlock .cataWrap .swiper-container {
  width: 688px;
  position: relative;
  margin: 0;
  margin-right: 322px;
  margin-top: 92px;
}

.indexCataBlock .cataWrap .swiper-container .swiper-slide {
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.indexCataBlock .cataWrap .swiper-container .swiper-slide.swiper-slide-active {
  pointer-events: all;
  opacity: 1;
  margin-top: 58px;
  z-index: 1;
}

.indexCataBlock .cataWrap .swiper-container .swiper-slide.swiper-slide-next {
  pointer-events: all;
  opacity: 1;
}

.indexCataBlock .cataWrap .swiper-container .swiper-slide div {
  padding: 70px;
}

.indexCataBlock .cataWrap .swiper-container .swiper-slide div img {
  -webkit-box-shadow: 25px 25px 70px rgba(0, 0, 0, 0.14);
          box-shadow: 25px 25px 70px rgba(0, 0, 0, 0.14);
}

.indexCataBlock .cataWrap .swiper-container .active {
  opacity: 1;
}

.indexCataBlock .cataWrap .swiper-container .swiper-buttons {
  position: absolute;
  top: 270px;
  right: 0px;
  z-index: 10;
}

.indexCataBlock .cataWrap .swiper-container .swiper-button {
  position: static;
  background: white;
  width: 61px;
  height: 61px;
  margin-top: 0;
  border-radius: 50%;
  font-size: 15px;
  color: #000;
}

.indexCataBlock .cataWrap .swiper-container .swiper-button.swiper-button-disabled {
  opacity: 0.8;
  color: gray;
}

.indexCataBlock .cataWrap .swiper-container .swiper-button::after {
  display: none;
}

.indexServiceBlock {
  background-color: #fff;
  padding-top: 237px;
  padding-bottom: 150px;
}

.indexServiceBlock .serviceWrap {
  background-color: #fff;
  max-width: 1472px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.indexServiceBlock .serviceWrap .serviceItem {
  width: 711px;
  height: 337px;
  position: relative;
  overflow: hidden;
}

.indexServiceBlock .serviceWrap .serviceItem .serviceItemDoc {
  position: absolute;
  height: 100%;
  width: 100%;
  padding-left: 43px;
  padding-top: 85px;
}

.indexServiceBlock .serviceWrap .serviceItem .serviceItemDoc .title {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 27px;
  letter-spacing: 1.2px;
}

.indexServiceBlock .serviceWrap .serviceItem .serviceItemDoc .title::before {
  content: '';
  height: 1px;
  width: 70px;
  background-color: #D3A61D;
  position: absolute;
  bottom: 0;
}

.indexServiceBlock .serviceWrap .serviceItem .serviceItemDoc .text {
  width: 200px;
  letter-spacing: 0.7px;
  line-height: 1.9;
}

.indexServiceBlock .serviceWrap .serviceItem .serviceItemBg {
  height: 100%;
  width: 100%;
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.indexServiceBlock .serviceWrap .serviceItem:hover .serviceItemBg {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

.indexAboutBlock {
  text-align: center;
  background-color: #fff;
  padding-bottom: 180px;
}

.indexAboutBlock .aboutWrap .subTitle {
  max-width: 940px;
  margin: 0 auto;
  padding-top: 5px;
  letter-spacing: 0.9px;
  line-height: 1.7;
}

.indexAboutBlock .aboutWrap .awardWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1320px;
  margin: 0 auto;
  margin-top: 81px;
}

.indexAboutBlock .aboutWrap .awardWrap .awardItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.indexAboutBlock .aboutWrap .awardWrap .awardItem .awardImg {
  width: 100px;
  height: 80px;
  margin-top: 8px;
}

.indexAboutBlock .aboutWrap .awardWrap .awardItem .awardContent {
  text-align: left;
  margin-left: 26px;
}

.indexAboutBlock .aboutWrap .awardWrap .awardItem .awardContent .qty {
  margin-right: 14px;
}

.indexAboutBlock .aboutWrap .awardWrap .awardItem .awardContent .name {
  letter-spacing: 1px;
}

.indexAboutBlock .aboutWrap .awardWrap .awardItem .awardContent .text {
  letter-spacing: 1px;
  margin-top: 4px;
}

.indexBrandBlock {
  height: 797px;
  background-color: #F5F5F5;
  position: relative;
}

.indexBrandBlock .brandImgBox {
  height: 100%;
  width: 1236px;
}

.indexBrandBlock .brandImgBox div {
  height: 100%;
}

.indexBrandBlock .brandImgBox .brandImg {
  width: 100%;
  height: 100%;
}

.indexBrandBlock .indexBrandInner {
  position: absolute;
  left: 50%;
  top: 104px;
}

.indexBrandBlock .indexBrandInner .brandInfo {
  width: 750px;
  height: 590px;
  background-color: #fff;
  padding: 90px 110px 100px 102px;
}

.indexBrandBlock .indexBrandInner .brandInfo .brandInfoItem {
  padding-bottom: 16px;
}

.indexBrandBlock .indexBrandInner .brandInfo .brandInfoItem .mainTitle {
  letter-spacing: 1px;
  margin-top: 14px;
  margin-bottom: 25px;
}

.indexBrandBlock .indexBrandInner .brandInfo .brandInfoItem .text {
  line-height: 1.9;
  letter-spacing: 0.5px;
  margin-bottom: 66px;
}

.indexBrandBlock .indexBrandInner .brandSlickPage {
  margin-right: 17px;
  bottom: -66px;
}

.pageBackgroundImg.indexBackgroundImg {
  height: 100%;
}

@media (max-width: 1799px) {
  .indexBrandBlock .indexBrandInner .brandInfo {
    width: 680px;
    height: 560px;
    padding: 70px 66px 100px 72px;
  }
}

@media (max-width: 1599px) {
  .indexCataBlock .cataWrap .cataInner {
    margin-left: 200px;
  }
  .indexCataBlock .cataWrap .swiper-container {
    margin-right: 170px;
  }
  .indexBrandBlock .brandImgBox {
    width: 1000px;
  }
  .indexBrandBlock .indexBrandInner .brandInfo {
    width: 600px;
    height: 560px;
    padding: 70px 66px 100px 72px;
  }
}

@media (max-width: 1399px) {
  .indexNewsBlock .indexNewsSale {
    text-align: left;
    padding: 0 20px;
  }
  .indexNewsBlock .indexNewsSale .title {
    margin-right: 20px;
    padding-right: 10px;
  }
  .indexCataBlock .cataWrap .cataInner {
    margin-left: 100px;
  }
  .indexCataBlock .cataWrap .swiper-container {
    margin-right: 90px;
  }
  .indexBrandBlock {
    height: 700px;
  }
  .indexBrandBlock .brandImgBox {
    width: 800px;
  }
  .indexBrandBlock .indexBrandInner .brandInfo {
    width: 480px;
    height: 520px;
    padding: 40px 40px;
  }
  .indexBrandBlock .indexBrandInner .brandInfo .brandInfoItem .text {
    line-height: 1.6;
  }
}

@media (max-width: 1199px) {
  .indexAdBlock .angle-arrows {
    width: calc(50% + 100px);
  }
  .indexCataBlock .cataWrap .cataInner {
    margin-left: 60px;
  }
  .indexCataBlock .cataWrap .swiper-container {
    margin-right: 40px;
  }
  .indexAboutBlock .aboutWrap .awardWrap .awardItem .awardContent {
    margin-left: 12px;
  }
  .indexBrandBlock {
    height: 600px;
  }
  .indexBrandBlock .brandImgBox {
    width: 600px;
  }
  .indexBrandBlock .indexBrandInner {
    top: 40px;
  }
  .indexBrandBlock .indexBrandInner .brandInfo {
    width: 460px;
    height: 460px;
    padding: 30px 30px;
  }
  .indexBrandBlock .indexBrandInner .brandInfo .brandInfoItem .text {
    margin-bottom: 40px;
  }
}

@media (max-width: 991px) {
  .indexBannerBlock .angle-arrows {
    left: 4px;
    right: 4px;
  }
  .indexNewsBlock {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .indexNewsBlock .newsSlick .newsSlickItem {
    padding: 0 15px;
  }
  .indexNewsBlock .newsSlick .newsSlickItem .newsSlickContent {
    margin: 20px 10px 20px 5px;
  }
  .indexNewsBlock .newsSlick .newsSlickItem .newsSlickContent .date, .indexNewsBlock .newsSlick .newsSlickItem .newsSlickContent .title, .indexNewsBlock .newsSlick .newsSlickItem .newsSlickContent .text {
    padding-left: 20px;
  }
  .indexNewsBlock .indexNewsSale {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .indexNewsBlock .indexNewsSale .title {
    border: none;
    margin-bottom: 16px;
    margin-right: 0;
    padding-right: 0;
    font-size: 20px;
  }
  .indexNewsBlock .indexNewsSale .date {
    margin-bottom: 16px;
    margin-right: 0;
    font-size: 15px;
  }
  .indexNewsBlock .indexNewsSale .text {
    line-height: 2;
    margin-bottom: 16px;
  }
  .indexNewsBlock .indexNewsSale .learnMoreLink {
    margin-left: 0;
  }
  .indexAdBlock {
    margin-bottom: 0px;
    padding-bottom: 30px;
  }
  .indexAdBlock .swiperBox {
    margin-bottom: 70px;
  }
  .indexServiceBlock {
    padding-top: 160px;
    padding-bottom: 80px;
  }
  .indexServiceBlock .serviceWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .indexServiceBlock .serviceWrap .serviceItem {
    width: 100%;
  }
  .indexCataBlock {
    height: 530px;
  }
  .indexCataBlock .cataWrap .cataInner {
    width: 260px;
    margin-left: 20px;
    margin-right: -40px;
    margin-top: 68px;
  }
  .indexCataBlock .cataWrap .swiper-container {
    width: 540px;
    margin-right: 0px;
    margin-top: 20px;
  }
  .indexCataBlock .cataWrap .swiper-container .swiper-slide div img {
    width: 280px;
  }
  .indexCataBlock .cataWrap .swiper-container .swiper-buttons {
    top: 220px;
  }
  .indexServiceBlock {
    padding-left: 0;
    padding-right: 0;
  }
  .indexAboutBlock {
    padding-bottom: 20px;
  }
  .indexAboutBlock .aboutWrap .awardWrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    margin-top: 60px;
  }
  .indexAboutBlock .aboutWrap .awardWrap .awardItem {
    margin-bottom: 50px;
  }
  .indexAboutBlock .aboutWrap .awardWrap .awardItem .awardContent .font-60 {
    font-size: 60px;
  }
  .indexAboutBlock .aboutWrap .awardWrap .awardItem .awardContent .font-18 {
    font-size: 18px;
  }
  .indexBrandBlock {
    height: 500px;
  }
  .indexBrandBlock .brandImgBox {
    width: 500px;
  }
  .indexBrandBlock .indexBrandInner {
    top: 40px;
    left: 45%;
  }
  .indexBrandBlock .indexBrandInner .brandInfo {
    width: 400px;
    height: 380px;
    padding: 30px 25px;
  }
  .indexBrandBlock .indexBrandInner .brandInfo .brandInfoItem .mainTitle {
    letter-spacing: 0.5px;
    margin-top: 4px;
    margin-bottom: 12px;
    line-height: 1.3;
  }
  .indexBrandBlock .indexBrandInner .brandInfo .brandInfoItem .text {
    margin-bottom: 24px;
    line-height: 1.4;
  }
}

@media (max-width: 767px) {
  .indexNewsBlock .newsSlick {
    padding-bottom: 25px;
  }
  .indexNewsBlock .newsSlick .newsSlickItem .newsSlickContent .text {
    -webkit-line-clamp: 3;
  }
  .indexNewsBlock .newsSlick .slick-arrow {
    top: 100%;
  }
  .indexNewsBlock .newsSlick .slick-arrow.slick-prev {
    left: 41%;
  }
  .indexNewsBlock .newsSlick .slick-arrow.slick-next {
    right: 41%;
  }
  .indexAdBlock .swiperBox {
    margin-top: 15px;
  }
  .indexAdBlock .angle-arrows {
    width: calc(50% + 180px);
  }
  .indexCataBlock {
    height: 850px;
  }
  .indexCataBlock .cataWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .indexCataBlock .cataWrap .cataInner {
    max-width: 500px;
    width: auto;
    margin: 0 auto;
    margin-top: 60px;
    text-align: center;
  }
  .indexCataBlock .cataWrap .cataInner .vol {
    margin-bottom: 16px;
  }
  .indexCataBlock .cataWrap .cataInner .vol .hindSiliguri {
    line-height: 1;
  }
  .indexCataBlock .cataWrap .cataInner .vol .hindSiliguri::before {
    bottom: 0;
  }
  .indexCataBlock .cataWrap .cataInner .text {
    opacity: 0.8;
    margin-bottom: 34px;
  }
  .indexCataBlock .cataWrap .swiper-container {
    margin: 0 auto;
    margin-top: 32px;
  }
  .indexCataBlock .cataWrap .swiper-container .swiper-slide div {
    padding: 30px;
  }
  .indexCataBlock .cataWrap .swiper-container .swiper-slide div img {
    -webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.12);
            box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.12);
  }
  .indexCataBlock .cataWrap .swiper-container .swiper-buttons {
    top: 180px;
    right: 20px;
  }
  .indexBrandBlock {
    height: 760px;
  }
  .indexBrandBlock .brandImgBox {
    height: 400px;
    width: 100%;
  }
  .indexBrandBlock .indexBrandInner {
    top: 320px;
    width: 100%;
    left: 0;
  }
  .indexBrandBlock .indexBrandInner .brandInfo {
    width: calc( 100% - 48px);
    margin: 0 auto;
    padding: 45px 38px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .indexBrandBlock .indexBrandInner .brandInfo .brandInfoItem .mainTitle {
    font-size: 30px;
  }
  .indexBrandBlock .indexBrandInner .brandInfo .brandInfoItem .text {
    margin-bottom: 20px;
  }
  .indexBrandBlock .indexBrandInner .brandSlickPage {
    margin: 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    bottom: -76px;
  }
  .indexBrandBlock .indexBrandInner .brandSlickPage .bar {
    display: none;
  }
  .indexBrandBlock .indexBrandInner .brandSlickPage .arrow {
    margin-left: 0;
    width: 207px;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

@media (max-width: 575px) {
  .indexBannerBlock {
    height: 720px;
  }
  .indexBannerBlock .indexBanner .indexBannerItem {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .indexBannerBlock .indexBanner .indexBannerItem .indexBannerInner {
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .indexBannerBlock .indexBanner .indexBannerItem .indexBannerInner .mainTitle {
    font-weight: 400;
  }
  .indexBannerBlock .indexBanner .indexBannerItem .indexBannerInner .title {
    margin-top: 6px;
    margin-bottom: 0;
  }
  .indexBannerBlock .indexBanner .indexBannerItem .indexBannerInner::after {
    left: 50%;
    width: 50px;
  }
  .indexBannerBlock .angle-arrows {
    left: 0;
    right: 0;
  }
  .indexAdBlock .swiperBox {
    margin-bottom: 40px;
  }
  .indexAdBlock .angle-arrows {
    width: calc(100% - 10px);
  }
  .indexNewsBlock {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .indexNewsBlock .newsSlick {
    margin-top: 40px;
  }
  .indexProductBlock {
    padding-top: 60px;
  }
  .indexProductBlock .productSlick .slick-list {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    padding-bottom: 160px;
  }
  .indexProductBlock .productSlickPage {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .indexProductBlock .productSlickPage .bar {
    display: none;
  }
  .indexProductBlock .productSlickPage .arrow {
    margin-left: 0;
    width: 207px;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  .productSlick .productSlickItem:hover::before, .productSlick .productSlickItem:hover::after {
    opacity: 0;
  }
  .indexAdBlock {
    padding-top: 80px;
  }
  .indexCataBlock {
    height: 720px;
  }
  .indexCataBlock .cataWrap .swiper-container {
    width: 340px;
    padding-bottom: 100px;
  }
  .indexCataBlock .cataWrap .swiper-container .swiper-slide.swiper-slide-active {
    margin-top: 38px;
  }
  .indexCataBlock .cataWrap .swiper-container .swiper-slide div img {
    width: 200px;
  }
  .indexCataBlock .cataWrap .swiper-container .swiper-buttons {
    top: 390px;
    width: 137px;
    right: 0px;
    left: 0;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .indexCataBlock .cataWrap .swiper-container .swiper-buttons .swiper-button {
    -webkit-box-shadow: 5px 5px 19px rgba(0, 0, 0, 0.06);
            box-shadow: 5px 5px 19px rgba(0, 0, 0, 0.06);
  }
  .indexCataBlock .cataWrap .swiper-container .swiper-buttons .swiper-button.swiper-button-next {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-left: 30px;
  }
  .indexServiceBlock {
    padding-top: 236px;
  }
  .indexServiceBlock .serviceWrap .serviceItem {
    height: 200px;
  }
  .indexServiceBlock .serviceWrap .serviceItem .serviceItemBg {
    opacity: 0.9;
  }
  .indexServiceBlock .serviceWrap .serviceItem .serviceItemDoc {
    padding-top: 45px;
    padding-left: 20px;
  }
  .indexServiceBlock .serviceWrap .serviceItem .serviceItemDoc .title {
    padding-bottom: 12px;
    margin-bottom: 12px;
  }
  .indexAboutBlock .aboutWrap .subTitle {
    line-height: 2;
    opacity: 0.75;
  }
  .indexBrandBlock {
    height: 840px;
  }
  .indexBrandBlock .brandImgBox {
    height: 300px;
  }
  .indexBrandBlock .indexBrandInner {
    top: 230px;
  }
  .indexBrandBlock .indexBrandInner .brandInfo .brandInfoItem .mainTitle {
    margin-top: 4px;
  }
  .indexBrandBlock .indexBrandInner .brandInfo .brandInfoItem .text {
    margin-bottom: 20px;
  }
}

.productBanner {
  height: 700px;
  position: relative;
}

.productBanner .productBannerBg {
  height: 100%;
}

.productBanner .productBannerInner {
  position: absolute;
  left: 24.5%;
  top: 236px;
  width: 400px;
}

.productBanner .productBannerInner .mainTitle {
  letter-spacing: 1.6px;
}

.productBanner .productBannerInner .text {
  line-height: 2;
}

.productBlocks {
  padding: 10px 0 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.productBlocks .productBlock {
  border-right: 10px solid #fff;
  margin-bottom: 10px;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  position: relative;
  overflow: hidden;
}

.productBlocks .productBlock .productBlockBg {
  padding-top: 52.91%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.productBlocks .productBlock .productBlockInner {
  position: absolute;
  top: 35.5%;
  left: 60.5%;
}

.productBlocks .productBlock.productBlock-last {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.productBlocks .productBlock.productBlock-last .productBlockBg {
  padding-top: 26.3158%;
}

.productBlocks .productBlock.productBlock-last .productBlockInner {
  right: 0;
  left: 0;
  text-align: center;
}

.productBlocks .productBlock:hover .productBlockBg {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.allProductBtnWrap {
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 50px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media (max-width: 1599px) {
  .productBanner .productBannerInner {
    left: 20%;
  }
  .productBlocks .productBlock .productBlockInner {
    top: 25%;
  }
}

@media (max-width: 1399px) {
  .productBanner {
    height: 600px;
  }
  .productBanner .productBannerInner {
    top: 180px;
    left: 16%;
  }
  .productBlocks .productBlock .productBlockInner {
    top: 20%;
  }
}

@media (max-width: 1199px) {
  .productBanner .productBannerInner {
    width: 360px;
    left: 12%;
  }
  .productBlocks .productBlock .productBlockInner {
    top: 16%;
  }
}

@media (max-width: 991px) {
  .productBanner {
    height: 500px;
  }
  .productBanner .productBannerInner {
    width: 320px;
    top: 150px;
    left: 10%;
  }
}

@media (max-width: 767px) {
  .productBanner {
    height: 400px;
  }
  .productBanner .productBannerInner {
    width: 300px;
    top: 180px;
    left: 18%;
  }
  .productBlocks .productBlock {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .productBlocks .productBlock .productBlockInner {
    top: 36%;
  }
  .productBlocks .productBlock.productBlock-last .productBlockInner {
    left: 60.5%;
    right: auto;
    text-align: left;
  }
  .productBlocks .productBlock.productBlock-last .productBlockBg {
    padding-top: 52.91%;
  }
}

@media (max-width: 575px) {
  .productBanner {
    height: 300px;
  }
  .productBanner .productBannerInner {
    width: 300px;
    top: 130px;
    left: 13%;
  }
  .productBlocks .productBlock .productBlockInner {
    top: 20%;
  }
}

.anchorBlock {
  position: relative;
}

.anchorBlock .anchor {
  position: absolute;
  top: -60px;
}

.productsPageBanner {
  max-height: 280px;
}

#products .pageBackgroundImg {
  max-height: 340px;
}

.productListBlock {
  background-color: #fff;
}

.productListBlock .productListMainWrap {
  max-width: 1500px;
  margin: 0 auto;
  padding-top: 40px;
}

.productListBlock .productListMainWrap .productListSideNav {
  width: 260px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 5px;
  margin-bottom: 40px;
  margin-right: 65px;
}

.productListBlock .productListMainWrap .productListSideNav .productFilterWrap .productFilter .filterGroup {
  border-bottom: 1px solid #CFCFCF;
}

.productListBlock .productListMainWrap .productListSideNav .productFilterWrap .productFilter .filterGroup .groupName {
  font-size: 16px;
  font-weight: 700;
  position: relative;
  padding-top: 24px;
  padding-bottom: 24px;
  letter-spacing: 1px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.productListBlock .productListMainWrap .productListSideNav .productFilterWrap .productFilter .filterGroup .groupName:hover {
  color: #D3A61D;
}

.productListBlock .productListMainWrap .productListSideNav .productFilterWrap .productFilter .filterGroup .groupName::before, .productListBlock .productListMainWrap .productListSideNav .productFilterWrap .productFilter .filterGroup .groupName::after {
  content: '';
  width: 10px;
  height: 2px;
  background-color: #D3A61D;
  position: absolute;
  right: 25px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  top: 35px;
}

.productListBlock .productListMainWrap .productListSideNav .productFilterWrap .productFilter .filterGroup .groupName::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.productListBlock .productListMainWrap .productListSideNav .productFilterWrap .productFilter .filterGroup .groupName.active::after {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.productListBlock .productListMainWrap .productListSideNav .productFilterWrap .productFilter .filterGroup ul {
  padding-bottom: 11px;
  display: none;
}

.productListBlock .productListMainWrap .productListSideNav .productFilterWrap .productFilter .filterGroup ul .filterItem {
  position: relative;
  padding-left: 35px;
  font-size: 16px;
  line-height: 1;
  margin-bottom: 20px;
  cursor: pointer;
}

.productListBlock .productListMainWrap .productListSideNav .productFilterWrap .productFilter .filterGroup ul .filterItem:hover {
  color: #D3A61D;
}

.productListBlock .productListMainWrap .productListSideNav .productFilterWrap .productFilter .filterGroup ul .filterItem::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  width: 17px;
  height: 17px;
  border: 1px solid #C0C0C0;
  border-radius: 3px;
}

.productListBlock .productListMainWrap .productListSideNav .productFilterWrap .productFilter .filterGroup ul .filterItem::after {
  content: '';
  display: block;
  width: 17px;
  height: 17px;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(images/product/filterCheck.svg);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  opacity: 0;
}

.productListBlock .productListMainWrap .productListSideNav .productFilterWrap .productFilter .filterGroup ul .filterItem.active::after {
  opacity: 1;
}

.productListBlock .productListMainWrap .productListMain {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.productListBlock .productListMainWrap .productListMain .productListTitle {
  margin-bottom: 42px;
}

.productListBlock .productListMainWrap .productListMain .productList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 42px;
  border-bottom: 1px solid #1919192d;
}

.productListBlock .productListMainWrap .productListMain .productList .productItemBox {
  -ms-flex-preferred-size: 22.65%;
      flex-basis: 22.65%;
  text-align: center;
  margin-bottom: 48px;
}

.productListBlock .productListMainWrap .productListMain .productList .productItemBox .productImgBox {
  position: relative;
}

.productListBlock .productListMainWrap .productListMain .productList .productItemBox .productImgBox .bg {
  padding-top: 94.3397%;
}

.productListBlock .productListMainWrap .productListMain .productList .productItemBox .productImgBox .productImg {
  width: 100%;
  padding-top: 94.3397%;
  position: absolute;
  top: 0;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.productListBlock .productListMainWrap .productListMain .productList .productItemBox .productImgBox .productImg::before, .productListBlock .productListMainWrap .productListMain .productList .productItemBox .productImgBox .productImg::after {
  content: '';
  width: 55px;
  height: 55px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.productListBlock .productListMainWrap .productListMain .productList .productItemBox .productImgBox .productImg::before {
  background-color: #D3A61D;
}

.productListBlock .productListMainWrap .productListMain .productList .productItemBox .productImgBox .productImg::after {
  background-image: url(images/layout/arrowWhite.svg);
  background-repeat: no-repeat;
  background-position: center center;
  width: 15px;
}

.productListBlock .productListMainWrap .productListMain .productList .productItemBox .productImgBox:hover .bg::before {
  background-color: #F2F2F2;
}

.productListBlock .productListMainWrap .productListMain .productList .productItemBox .productImgBox:hover .productImg::before {
  opacity: 0.85;
}

.productListBlock .productListMainWrap .productListMain .productList .productItemBox .productImgBox:hover .productImg::after {
  opacity: 1;
}

.productListBlock .productListMainWrap .productListMain .productList .productItemBox > a.font-20 {
  max-width: 194px;
  word-wrap: break-word;
  margin: 0 auto;
}

.productListBlock .productListMainWrap .productListMain .productList i {
  -ms-flex-preferred-size: 22.65%;
      flex-basis: 22.65%;
}

.productListBlock .productListMainWrap .productListMain .pagination {
  margin-top: 79px;
  margin-bottom: 135px;
}

@media (max-width: 1399px) {
  .productListBlock .productListMainWrap .productListSideNav {
    margin-right: 40px;
  }
  .productListBlock .productListMainWrap .productListMain .productList .productItemBox {
    -ms-flex-preferred-size: 31%;
        flex-basis: 31%;
  }
  .productListBlock .productListMainWrap .productListMain .productList i {
    -ms-flex-preferred-size: 31%;
        flex-basis: 31%;
  }
}

@media (max-width: 991px) {
  .productListBlock .productListMainWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 0px;
  }
  .productListBlock .productListMainWrap .productMobileBtn {
    cursor: pointer;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .productListBlock .productListMainWrap .productMobileBtn:hover {
    background: #fff;
    color: #000;
  }
  .productListBlock .productListMainWrap .productListSideNav {
    margin: 0 auto;
    margin-bottom: 40px;
    width: 80%;
    display: none;
  }
}

@media (max-width: 767px) {
  .productListBlock .productListMainWrap .productListSideNav .productFilterWrap .productFilter .filterGroup .groupName {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .productListBlock .productListMainWrap .productListSideNav .productFilterWrap .productFilter .filterGroup .groupName::before, .productListBlock .productListMainWrap .productListSideNav .productFilterWrap .productFilter .filterGroup .groupName::after {
    top: 28px;
  }
  .productListBlock .productListMainWrap .productListMain .productList .productItemBox > a.font-20 {
    max-width: 160px;
    font-size: 16px;
  }
  .productRecommendBlock .productRecommendInner .productRecommend .productItemBox a.font-20 {
    font-size: 16px;
  }
}

@media (max-width: 575px) {
  .productListBlock .productListMainWrap .productListSideNav {
    width: 100%;
  }
  .productListBlock .productListMainWrap .productListMain .productList .productItemBox {
    -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
  }
  .productListBlock .productListMainWrap .productListMain .productList i {
    -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
  }
  .productRecommendBlock .productRecommendInner .productRecommend .productItemBox a.font-20 {
    max-width: 157px !important;
  }
}

.productDetailMainBlock .productDetailMainInner {
  max-width: 1300px;
  margin: 0 auto;
  margin-top: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.productDetailMainBlock .productDetailMainInner .productDetailImgBlock {
  width: 53.078%;
  padding-right: 50px;
  padding-top: 9px;
}

.productDetailMainBlock .productDetailMainInner .productDetailImgBlock .slickMain {
  padding-left: 5px;
  padding-right: 5px;
}

.productDetailMainBlock .productDetailMainInner .productDetailImgBlock .slickMain .slickMainItem .productMainImg {
  -o-object-fit: contain;
     object-fit: contain;
  cursor: pointer;
}

.productDetailMainBlock .productDetailMainInner .productDetailImgBlock .slickSub {
  width: 100%;
  margin-top: 38px;
  padding-left: 56px;
  padding-right: 56px;
}

.productDetailMainBlock .productDetailMainInner .productDetailImgBlock .slickSub .slickSubItem {
  padding: 0 11px;
}

.productDetailMainBlock .productDetailMainInner .productDetailImgBlock .slickSub .slickSubItem .productSubImg {
  width: 110px;
  height: 110px;
  border: 1px solid #fff;
  border-radius: 5px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}

.productDetailMainBlock .productDetailMainInner .productDetailImgBlock .slickSub .slickSubItem .productSubImg:hover {
  border: 1px solid #D3A61D;
}

.productDetailMainBlock .productDetailMainInner .productDetailImgBlock .tagsWrap {
  padding-left: 67px;
  padding-right: 67px;
}

.productDetailMainBlock .productDetailMainInner .productDetailImgBlock .tagsWrap .tag {
  display: inline-block;
}

.productDetailMainBlock .productDetailMainInner .productDetailInfoBlock {
  width: 46.92%;
  margin-right: 10px;
}

.productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .productNameWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 19px;
  padding-bottom: 9px;
  border-bottom: 1px solid #DDDDDD;
}

.productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .shareIconWrap .shareIcon {
  width: 48px;
  height: 48px;
  font-size: 24px;
  padding-bottom: 4px;
  position: relative;
}

.productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .shareIconWrap .shareIcon .hoverHint {
  position: absolute;
  display: none;
  top: 52px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 120px;
  background-color: #fff;
  -webkit-box-shadow: 0 5px 19px rgba(0, 0, 0, 0.123);
          box-shadow: 0 5px 19px rgba(0, 0, 0, 0.123);
  border-radius: 5px;
  padding: 6px;
  color: #262626;
  font-size: 16px;
}

.productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .shareIconWrap .shareIcon:hover .hoverHint {
  display: block;
}

.productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .shareIconWrap .shareIcon .icon-quotation {
  font-size: 26px;
}

.productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .shareIconWrap .shareIconBtn {
  position: relative;
  cursor: pointer;
}

.productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .shareIconWrap .shareIconBtn .shareDropdown {
  position: absolute;
  display: none;
  top: 52px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #fff;
  -webkit-box-shadow: 0 5px 19px rgba(0, 0, 0, 0.123);
          box-shadow: 0 5px 19px rgba(0, 0, 0, 0.123);
  border-radius: 5px;
  padding: 10px;
}

.productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .shareIconWrap .shareIconBtn .shareDropdown a {
  margin: 8px 0;
}

.productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .shareIconWrap .shareIconBtn .shareDropdown a .icon-line {
  margin: 0;
}

.productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .productBtnWrap {
  margin-top: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .productBtnWrap .productBtn {
  width: 190px;
  height: 50px;
  background-color: #B2B2B2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 5px;
  color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-bottom: 12px;
  margin-right: 14px;
}

.productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .productBtnWrap .productBtn:hover {
  background-color: #D3A61D;
}

.productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .productBtnWrap .productBtn i {
  margin-right: 7px;
  margin-bottom: 2px;
  font-size: 16px;
}

.productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .bookmarkWrap {
  margin-top: 26px;
  /* .content1{display:block;} */
  /* .tab-group .active {
          position:relative;
          background-color: #fff;
        } */
  /* #radio2:checked~ .content-group .content1{display:none}
        #radio3:checked~ .content-group .content1{display:none} */
}

.productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .bookmarkWrap .panel-control {
  position: absolute;
  opacity: 0;
}

.productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .bookmarkWrap .tab-group {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .bookmarkWrap .tab-group label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 13px 30px;
  font-size: 16px;
  border: 1px solid transparent;
  border-bottom: 1px solid #D3A61D;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  background-color: #F2F2F2;
  bottom: -1px;
  position: relative;
  text-align: center;
  cursor: pointer;
}

.productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .bookmarkWrap .content-group {
  border-top: 1px solid #D3A61D;
  padding-top: 36px;
  padding-bottom: 57px;
  background-color: #fff;
}

.productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .bookmarkWrap .content {
  display: none;
  margin: 0 auto;
}

.productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .bookmarkWrap .content1 {
  padding-top: 10px;
  padding-bottom: 30px;
}

.productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .bookmarkWrap .content1 .editor {
  /*table{
              width: 100%;
              tr{
                td{
                  font-size: 14px;
                  padding-top: 8px;
                  padding-bottom: 8px;
                  letter-spacing: 1px;
                  img{
                    width: 40px;
                    margin-right: 10px;
                  }
                }
              }
            }*/
}

.productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .bookmarkWrap .content1 .editor > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .bookmarkWrap .content1 .editor > div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #3399BF;
  font-size: 14px;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  margin-bottom: 15px;
  letter-spacing: 1px;
  padding-right: 4px;
}

.productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .bookmarkWrap .content1 .editor > div > div img {
  width: 40px;
  max-height: 40px;
  margin-right: 10px;
}

@media (max-width: 1199px) {
  .productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .bookmarkWrap .content1 .editor > div > div {
    -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
  }
}

@media (max-width: 767px) {
  .productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .bookmarkWrap .content1 .editor > div > div {
    -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
  }
}

@media (max-width: 575px) {
  .productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .bookmarkWrap .content1 .editor > div > div {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}

.productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .bookmarkWrap .content2 .fileTitle {
  margin-left: 11px;
}

.productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .bookmarkWrap .content2 .fileBtnWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 11px;
  margin-bottom: 12px;
}

.productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .bookmarkWrap .content2 .fileBtnWrap .fileBtn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 2px 18px 5px 18px;
  margin-right: 12px;
  margin-bottom: 8px;
  border: 1px solid #BFBFBF;
  border-radius: 17px;
  color: #6B6B6B;
  letter-spacing: 0.5px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .bookmarkWrap .content2 .fileBtnWrap .fileBtn .icon-download {
  font-size: 16px;
  margin-left: 7px;
  color: #B8B8B8;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .bookmarkWrap .content2 .fileBtnWrap .fileBtn:hover {
  color: #D3A61D;
  border: 1px solid #D3A61D;
}

.productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .bookmarkWrap .content2 .fileBtnWrap .fileBtn:hover .icon-download {
  color: #D3A61D;
}

.productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .bookmarkWrap .content2 .downloadAllWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #DDDDDD;
  padding-top: 29px;
  margin-left: 11px;
  margin-top: 20px;
}

.productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .bookmarkWrap .content2 .downloadAllWrap .loginBtn {
  width: 150px;
  height: 45px;
  border: 1px solid #D3A61D;
  border-radius: 23px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 15px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .bookmarkWrap .content2 .downloadAllWrap .loginBtn i, .productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .bookmarkWrap .content2 .downloadAllWrap .loginBtn span {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .bookmarkWrap .content2 .downloadAllWrap .loginBtn:hover {
  background-color: #D3A61D;
}

.productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .bookmarkWrap .content2 .downloadAllWrap .loginBtn:hover i, .productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .bookmarkWrap .content2 .downloadAllWrap .loginBtn:hover span {
  color: #fff;
}

.productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .bookmarkWrap #radio1:checked ~ .tab-group [for="radio1"],
.productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .bookmarkWrap #radio2:checked ~ .tab-group [for="radio2"] {
  background-color: #fff;
  border: 1px solid #D3A61D;
  border-bottom: 1px solid #fff;
}

.productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .bookmarkWrap #radio1:checked ~ .content-group .content1,
.productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .bookmarkWrap #radio2:checked ~ .content-group .content2 {
  display: block;
}

.productArticleBlock .productArticle {
  max-width: 1300px;
  margin: 0 auto;
  padding-bottom: 52px;
}

.productRecommendBlock {
  margin-bottom: 102px;
}

.productRecommendBlock .productRecommendInner {
  max-width: 1500px;
  margin: 0 auto;
  border-top: 1px solid #DDDDDD;
  text-align: center;
  padding-top: 69px;
}

.productRecommendBlock .productRecommendInner .productRecommend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 74px;
  margin-bottom: 114px;
}

.productRecommendBlock .productRecommendInner .productRecommend .productItemBox {
  -ms-flex-preferred-size: 17.6667%;
      flex-basis: 17.6667%;
  text-align: center;
  margin-bottom: 48px;
}

.productRecommendBlock .productRecommendInner .productRecommend .productItemBox .productImgBox {
  position: relative;
}

.productRecommendBlock .productRecommendInner .productRecommend .productItemBox .productImgBox .bg {
  padding-top: 94.3397%;
}

.productRecommendBlock .productRecommendInner .productRecommend .productItemBox .productImgBox .bg::before {
  content: '';
  width: 100%;
  padding-top: 64.1509%;
  background-color: #F9F9F9;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.productRecommendBlock .productRecommendInner .productRecommend .productItemBox .productImgBox .productImg {
  width: 100%;
  padding-top: 94.3397%;
  position: absolute;
  top: 0;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.productRecommendBlock .productRecommendInner .productRecommend .productItemBox a.font-20 {
  max-width: 200px;
  word-wrap: break-word;
  margin: 0 auto;
}

.productRecommendBlock .productRecommendInner .recommendBtnWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* Modal CSS*/
.addModal .modal-dialog {
  max-width: 550px;
}

.addModal .modal-dialog .modal-content {
  border-radius: 10px;
  min-height: 520px;
}

.addModal .modal-header {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: none;
  padding-top: 56px;
  padding-bottom: 6px;
}

.addModal .modal-header .close {
  position: absolute;
  right: -50px;
  top: -36px;
  color: #fff;
}

.addModal .modal-body .subTitle {
  color: #767676;
  text-align: center;
  letter-spacing: 1px;
  padding-bottom: 27px;
}

.addModal .modal-body .addForm {
  max-width: 400px;
  margin: 0 auto;
}

.addModal .modal-body .addForm .field-group {
  position: relative;
}

.addModal .modal-body .addForm .field-group .bootstrap-select {
  padding-left: 130px;
}

.addModal .modal-body .addForm .field-group .bootstrap-select > .dropdown-menu {
  position: absolute !important;
}

.addModal .modal-body .addForm .field-group .bootstrap-select > .dropdown-menu .dropdown-item {
  padding-left: 142px;
}

.addModal .modal-body .addForm .field-group .label {
  margin-left: 14px;
  width: 112px;
}

.addModal .modal-body .addForm .submit {
  background-color: #D3A61D;
  color: #fff;
  border-radius: 5px;
  width: 100%;
  height: 50px;
  margin-top: 0;
}

.addModal .addOk {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  border-radius: 10px;
  text-align: center;
  padding-top: 75px;
  display: none;
}

.addModal .addOk .addOkIcon {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background-color: #F7F7F7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  margin-bottom: 20px;
}

.addModal .addOk .addOkIcon img {
  width: 40px;
}

.addModal .addOk .whiteBtn {
  margin: 0 auto;
  margin-top: 43px;
  width: 180px;
}

@media (max-width: 767px) {
  .addModal .modal-header .close {
    right: 0;
    top: -40px;
  }
}

/* slick-lightbox CSS*/
.slick-lightbox .slick-lightbox-slick .slick-arrow {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #fff;
}

.slick-lightbox .slick-lightbox-slick .slick-arrow::before {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 15px;
  opacity: 0.5;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.slick-lightbox .slick-lightbox-slick .slick-arrow:hover::before {
  opacity: 1;
}

.slick-lightbox .slick-lightbox-slick .slick-prev {
  left: 18%;
}

.slick-lightbox .slick-lightbox-slick .slick-prev::before {
  background-image: url(images/layout/arrowLeft.svg);
}

.slick-lightbox .slick-lightbox-slick .slick-next {
  right: 18%;
}

.slick-lightbox .slick-lightbox-slick .slick-next::before {
  background-image: url(images/layout/arrowRight.svg);
}

.slick-lightbox .slick-lightbox-close {
  width: 50px;
  height: 50px;
  left: calc(50% + 430px);
  top: calc(50% - 380px);
}

.slick-lightbox .slick-lightbox-close::before {
  opacity: 1;
  font-size: 40px;
  font-family: "Noto Sans TC","Poppins";
}

.slick-lightbox .slick-list {
  max-width: 790px;
  margin: 0 auto;
}

.slick-lightbox .slick-list::before {
  content: '';
  background-color: #fff;
  max-width: 790px;
  height: 660px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 10px;
}

.slick-lightbox .slick-lightbox-slick-img {
  max-width: 100%;
  width: 100%;
}

@media (max-width: 1599px) {
  .slick-lightbox .slick-lightbox-slick .slick-prev {
    left: 10%;
  }
  .slick-lightbox .slick-lightbox-slick .slick-next {
    right: 10%;
  }
}

@media (max-width: 1399px) {
  .slick-lightbox .slick-lightbox-slick .slick-prev {
    left: 8%;
  }
  .slick-lightbox .slick-lightbox-slick .slick-next {
    right: 8%;
  }
  .slick-lightbox .slick-lightbox-close {
    left: calc(50% + 320px);
    top: calc(50% - 340px);
  }
  .slick-lightbox .slick-list {
    max-width: 650px;
  }
  .slick-lightbox .slick-list::before {
    width: 100%;
    height: 550px;
  }
}

@media (max-width: 1199px) {
  .productDetailMainBlock .productDetailMainInner .productDetailImgBlock {
    padding: 0;
  }
  .productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .productNameWrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .productNameWrap .shareIconWrap {
    margin-left: auto;
  }
  .productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .productBtnWrap {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .productBtnWrap .productBtn {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-right: 0;
  }
  .productRecommendBlock .productRecommendInner .productRecommend .productItemBox {
    -ms-flex-preferred-size: 23%;
        flex-basis: 23%;
  }
}

@media (max-width: 991px) {
  .productDetailMainBlock .productDetailMainInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 0;
    max-width: 80%;
  }
  .productDetailMainBlock .productDetailMainInner .productDetailImgBlock {
    width: 100%;
  }
  .productDetailMainBlock .productDetailMainInner .productDetailImgBlock .slickMain {
    margin-top: -40px;
  }
  .productDetailMainBlock .productDetailMainInner .productDetailImgBlock .slickMain .slickMainItem {
    padding: 0 80px;
  }
  .productDetailMainBlock .productDetailMainInner .productDetailImgBlock .slickSub {
    margin-top: 8px;
    margin-bottom: 16px;
  }
  .productDetailMainBlock .productDetailMainInner .productDetailInfoBlock {
    width: 80%;
    margin: 0 auto;
  }
  .productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .bookmarkWrap .content-group {
    padding-top: 20px;
    padding-bottom: 0;
  }
  .productArticleBlock .productArticle {
    max-width: 70%;
    padding-bottom: 40px;
  }
  .productRecommendBlock {
    margin-bottom: 60px;
  }
  .productRecommendBlock .productRecommendInner {
    max-width: 70%;
    padding-top: 40px;
  }
  .productRecommendBlock .productRecommendInner .productRecommend {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    margin-top: 40px;
    margin-bottom: 20px;
  }
  .productRecommendBlock .productRecommendInner .productRecommend .productItemBox {
    -ms-flex-preferred-size: 47%;
        flex-basis: 47%;
  }
  .slick-lightbox .slick-lightbox-slick .slick-prev {
    left: 20px;
  }
  .slick-lightbox .slick-lightbox-slick .slick-next {
    right: 20px;
  }
  .slick-lightbox .slick-lightbox-close {
    left: calc(50% + 280px);
    top: calc(50% - 300px);
  }
  .slick-lightbox .slick-list {
    max-width: 550px;
  }
  .slick-lightbox .slick-list::before {
    height: 500px;
  }
}

@media (max-width: 767px) {
  .productDetailMainBlock .productDetailMainInner {
    max-width: 100%;
  }
  .productArticleBlock .productArticle {
    max-width: 80%;
  }
  .productRecommendBlock .productRecommendInner {
    max-width: 80%;
  }
  .slick-lightbox .slick-lightbox-slick .slick-arrow {
    width: 40px;
    height: 40px;
  }
  .slick-lightbox .slick-lightbox-slick .slick-prev {
    left: 20px;
  }
  .slick-lightbox .slick-lightbox-slick .slick-next {
    right: 20px;
  }
  .slick-lightbox .slick-lightbox-close {
    left: calc(50% + 210px);
    top: calc(50% - 260px);
  }
  .slick-lightbox .slick-list {
    max-width: 420px;
  }
  .slick-lightbox .slick-list::before {
    height: 400px;
  }
}

@media (max-width: 575px) {
  .productDetailMainBlock .productDetailMainInner .productDetailImgBlock .tagsWrap {
    padding: 0;
    text-align: center;
  }
  .productDetailMainBlock .productDetailMainInner .productDetailImgBlock .slickMain {
    margin-top: -20px;
  }
  .productDetailMainBlock .productDetailMainInner .productDetailImgBlock .slickMain .slickMainItem {
    padding: 0 20px;
  }
  .productDetailMainBlock .productDetailMainInner .productDetailImgBlock .slickSub {
    padding: 0;
  }
  .productDetailMainBlock .productDetailMainInner .productDetailInfoBlock {
    width: 100%;
  }
  .productDetailMainBlock .productDetailMainInner .productDetailInfoBlock .productNameWrap .productName {
    margin-bottom: 8px;
  }
  .productArticleBlock .productArticle {
    max-width: 100%;
  }
  .productRecommendBlock {
    margin-bottom: 60px;
  }
  .productRecommendBlock .productRecommendInner {
    max-width: 100%;
    padding-top: 30px;
  }
  .productRecommendBlock .productRecommendInner .productRecommend {
    margin-top: 30px;
    margin-bottom: 10px;
  }
  .productRecommendBlock .productRecommendInner .recommendBtnWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .productRecommendBlock .productRecommendInner .recommendBtnWrap a {
    margin-bottom: 16px;
  }
  .productListBlock .productListMainWrap .productListMain .productList {
    padding-bottom: 0px;
  }
  .productListBlock .productListMainWrap .productListMain .pagination {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .slick-lightbox .slick-lightbox-slick .slick-arrow {
    display: none !important;
  }
  .slick-lightbox .slick-lightbox-close {
    left: auto;
    right: 0;
    top: calc(50% - 240px);
  }
  .slick-lightbox .slick-list {
    max-width: 90%;
  }
  .slick-lightbox .slick-list::before {
    height: 360px;
  }
}

.showroomMainBlock {
  background-color: #fff;
}

.showroomMainBlock .showroomMainWrap {
  max-width: 1500px;
  margin: 0 auto;
  padding-top: 135px;
}

.showroomMainBlock .showroomMainWrap .showroomItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 118px;
}

.showroomMainBlock .showroomMainWrap .showroomItem .showroomImgBox {
  overflow: hidden;
}

.showroomMainBlock .showroomMainWrap .showroomItem .showroomImg {
  max-width: 100%;
  width: 1150px;
  height: 580px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.showroomMainBlock .showroomMainWrap .showroomItem .showroomImg:hover {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

.showroomMainBlock .showroomMainWrap .showroomItem .showroomItemInner {
  width: 430px;
  height: 420px;
  margin-left: -80px;
  background-color: #fff;
  -webkit-box-shadow: 35px 35px 140px rgba(0, 0, 0, 0.09);
          box-shadow: 35px 35px 140px rgba(0, 0, 0, 0.09);
  padding: 74px 45px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  z-index: 2;
}

.showroomMainBlock .showroomMainWrap .showroomItem .showroomItemInner .text {
  line-height: 1.9;
  margin-bottom: 60px;
}

@media (max-width: 1599px) {
  .showroomMainBlock .showroomMainWrap .showroomItem .showroomItemInner {
    margin-left: -120px;
  }
}

@media (max-width: 1399px) {
  .showroomMainBlock .showroomMainWrap .showroomItem .showroomImg {
    height: 520px;
  }
  .showroomMainBlock .showroomMainWrap .showroomItem .showroomItemInner {
    margin-left: -160px;
  }
}

@media (max-width: 1199px) {
  .showroomMainBlock .showroomMainWrap .showroomItem .showroomImg {
    height: 480px;
  }
  .showroomMainBlock .showroomMainWrap .showroomItem .showroomItemInner {
    margin-left: -160px;
    height: 380px;
    width: 400px;
    padding: 54px 30px;
  }
}

@media (max-width: 991px) {
  .showroomMainBlock .showroomMainWrap {
    padding-top: 60px;
  }
  .showroomMainBlock .showroomMainWrap .showroomItem {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 60px;
  }
  .showroomMainBlock .showroomMainWrap .showroomItem .showroomImgBox {
    width: 100%;
  }
  .showroomMainBlock .showroomMainWrap .showroomItem .showroomItemInner {
    padding: 84px 70px;
    margin-left: 0;
    margin-top: -40px;
    width: 80%;
  }
}

@media (max-width: 767px) {
  .showroomMainBlock .showroomMainWrap .showroomItem .showroomImg {
    height: 400px;
  }
  .showroomMainBlock .showroomMainWrap .showroomItem .showroomItemInner {
    padding: 50px 50px;
    height: 360px;
  }
}

@media (max-width: 575px) {
  .showroomMainBlock .showroomMainWrap .showroomItem .showroomImg {
    height: 240px;
  }
  .showroomMainBlock .showroomMainWrap .showroomItem .showroomItemInner {
    padding: 30px 40px;
    margin-top: 0;
    width: 100%;
    height: 340px;
  }
}

.showroomBannerBlock {
  padding-top: 42px;
}

.showroomBannerBlock .mainTitle {
  text-align: center;
  margin-bottom: 33px;
}

.showroomBannerBlock .bannerImgWrap {
  position: relative;
  height: 600px;
}

.showroomBannerBlock .bannerImgWrap .bannerImg {
  height: 100%;
  width: 100%;
}

.showroomBannerBlock .bannerImgWrap .bannerLinksWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 12.2396%;
  bottom: 38px;
}

.showroomBannerBlock .bannerImgWrap .bannerLinksWrap .shareIcon {
  width: 36px;
  height: 36px;
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
  margin-left: 10px;
  padding-bottom: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.showroomBannerBlock .bannerImgWrap .bannerLinksWrap .shareIcon.share {
  border: none !important;
  font-size: 20px;
}

.showroomBannerBlock .bannerImgWrap .bannerLinksWrap .shareIcon.line {
  font-size: 16px;
}

.showroomBannerBlock .bannerImgWrap .bannerLinksWrap .shareIcon.facebook {
  font-size: 14px;
}

.showroomBannerBlock .bannerImgWrap .bannerLinksWrap .shareIcon:hover {
  color: #D3A61D;
  border: 1px solid #D3A61D;
}

.showroomBannerBlock .bannerImgWrap .bannerReserveBtn {
  width: 106px;
  height: 106px;
  border-radius: 50%;
  background-color: #D3A61D;
  position: absolute;
  bottom: -53px;
  left: 50%;
  -webkit-transform: translateX(-53px);
          transform: translateX(-53px);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.showroomBannerBlock .bannerImgWrap .bannerReserveBtn::before {
  content: "";
  width: 110px;
  height: 110px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #D3A61D;
  -webkit-animation: reserveBtn 2s infinite;
          animation: reserveBtn 2s infinite;
  z-index: -1;
}

.showroomInfoBlock {
  margin-top: 84px;
  padding-bottom: 42px;
}

.showroomInfoBlock .showroomInfoWrap {
  max-width: 1500px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.showroomInfoBlock .showroomInfoWrap .showroomInfoLeft {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 5px;
  padding-bottom: 45px;
}

.showroomInfoBlock .showroomInfoWrap .showroomInfoLeft .showroomQR {
  width: 115px;
  margin-right: 58px;
  margin-left: 56px;
  margin-top: 5px;
}

.showroomInfoBlock .showroomInfoWrap .showroomInfoRight {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  padding-left: 68px;
  padding-top: 5px;
  padding-bottom: 45px;
}

.showroomInfoBlock .showroomInfoWrap .infoRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.showroomInfoBlock .showroomInfoWrap .infoRow .icon {
  width: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 4px;
}

.showroomInfoBlock .showroomInfoWrap .infoRow .icon img {
  height: 20px;
}

.showroomInfoBlock .showroomInfoWrap .infoRow .title {
  font-size: 16px;
  font-weight: 700;
  color: #252525;
  text-align-last: justify;
  padding-left: 15px;
  letter-spacing: 0.8px;
  width: 83px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-top: 3px;
}

.showroomInfoBlock .showroomInfoWrap .infoRow .text {
  font-size: 16px;
  color: #5C5C5C;
  padding: 0 27px;
  line-height: 1.9;
  letter-spacing: 0.5px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.showroomInfoBlock .showroomInfoWrap .infoRow .text:hover a {
  color: #D3A61D;
}

.showroomMapBlock {
  background-color: #F7F7F7;
  padding-top: 92px;
  padding-bottom: 94px;
}

.showroomMapBlock .showroomMapInner {
  text-align: center;
}

.showroomMapBlock .showroomMapInner .text {
  position: relative;
  padding-bottom: 18px;
  margin-bottom: 49px;
}

.showroomMapBlock .showroomMapInner .text::before {
  content: '';
  width: 120px;
  height: 1px;
  background-color: #D3A61D;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.showroomMapBlock .showroomMapInner .showroomMapBox {
  max-width: 1500px;
  height: 450px;
  margin: 0 auto;
}

.showroomMapBlock .showroomMapInner .showroomMapBox iframe {
  border: 0;
  width: 100%;
  height: 100%;
}

.showroomViewBlock {
  padding-top: 96px;
  padding-bottom: 83px;
  position: relative;
}

.showroomViewBlock .title {
  text-align: center;
  margin-bottom: 40px;
}

.showroomViewBlock .showroomSlick .showroomSlickItem {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: scale(82.3529%);
          transform: scale(82.3529%);
  padding: 0 20px;
}

.showroomViewBlock .showroomSlick .showroomSlickItem .showroomSlickImg {
  width: 850px;
  height: 530px;
}

.showroomViewBlock .showroomSlick .slick-center .showroomSlickItem {
  -webkit-transform: none;
          transform: none;
  padding-top: 0;
}

.showroomViewBlock .showroomSlickArrow {
  width: 1032px;
  margin: 0 auto;
  position: absolute;
  top: 425px;
  right: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.showroomViewBlock .showroomSlickPage {
  position: relative;
  bottom: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 32px;
  margin-bottom: 60px;
}

.showroomViewBlock .showroomSlickPage .number {
  font-size: 20px;
  width: 96px;
}

.showroomViewBlock .showroomSlickPage .number .slash {
  margin-top: 2px;
}

.showroomViewBlock .whiteBtn {
  margin: 0 auto;
}

@media (max-width: 1399px) {
  .showroomInfoBlock .showroomInfoWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .showroomInfoBlock .showroomInfoWrap .infoRow .icon {
    display: none;
  }
  .showroomInfoBlock .showroomInfoWrap .showroomInfoLeft {
    padding-top: 0;
    padding-bottom: 0;
  }
  .showroomInfoBlock .showroomInfoWrap .showroomInfoRight {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }
}

@media (max-width: 1199px) {
  .showroomViewBlock .showroomSlick .showroomSlickItem .showroomSlickImg {
    width: 510px;
    height: 318px;
  }
  .showroomViewBlock .showroomSlickArrow {
    width: 660px;
    top: 310px;
  }
}

@media (max-width: 991px) {
  .showroomBannerBlock {
    padding-top: 20px;
  }
  .showroomBannerBlock .bannerImgWrap {
    height: 500px;
  }
  .showroomMapBlock {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .showroomMapBlock .showroomMapInner .title {
    font-size: 20px;
  }
  .showroomViewBlock {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .showroomViewBlock .showroomSlickArrow {
    top: 270px;
  }
  .showroomViewBlock .showroomSlickArrow .slickBtnO {
    width: 50px;
    height: 50px;
  }
}

@media (max-width: 767px) {
  .showroomBannerBlock .bannerImgWrap {
    height: 400px;
  }
  .showroomInfoBlock .showroomInfoWrap .infoRow .title {
    padding-left: 0;
  }
  .showroomInfoBlock .showroomInfoWrap .infoRow .text {
    padding-left: 16px;
    padding-right: 0;
  }
  .showroomInfoBlock .showroomInfoWrap .showroomInfoLeft {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .showroomInfoBlock .showroomInfoWrap .showroomInfoLeft .showroomQR {
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .showroomViewBlock .showroomSlick .showroomSlickItem .showroomSlickImg {
    width: 340px;
    height: 212px;
  }
  .showroomViewBlock .showroomSlickPage {
    margin-bottom: 30px;
    margin-top: 10px;
  }
  .showroomViewBlock .showroomSlickArrow {
    width: 450px;
    top: 220px;
  }
  .showroomViewBlock .showroomSlickArrow .slickBtnO {
    width: 40px;
    height: 40px;
  }
  .showroomBannerBlock .bannerImgWrap .bannerLinksWrap {
    right: 20px;
    bottom: 20px;
  }
}

@media (max-width: 575px) {
  .showroomBannerBlock .bannerImgWrap {
    height: 300px;
  }
  .showroomBannerBlock .bannerImgWrap .bannerReserveBtn {
    bottom: -90px;
  }
  .showroomViewBlock .showroomSlickArrow {
    width: 370px;
  }
  .showroomInfoBlock {
    margin-top: 120px;
  }
}

.dealerMain {
  background-color: #fff;
  position: relative;
}

.dealerMain .dealerSelectorBlock {
  max-width: 1500px;
  height: 100px;
  position: absolute;
  top: -32px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 5;
  -webkit-box-shadow: 14px 14px 43px rgba(0, 0, 0, 0.16);
          box-shadow: 14px 14px 43px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.dealerMain .dealerSelectorBlock .title {
  border-right: 3px solid #D3A61D;
  padding-right: 45px;
  margin-right: 36px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dealerMain .dealerSelectorBlock .bootstrap-select {
  margin: 0 8px;
  width: 350px !important;
}

.dealerMain .dealerSelectorBlock .bootstrap-select .dropdown-toggle {
  padding: 11px 20px;
  outline: none !important;
}

.dealerMain .dealerSelectorBlock .bootstrap-select .dropdown-toggle.bs-placeholder {
  color: #262626;
}

.dealerMain .dealerSelectorBlock .bootstrap-select .dropdown-toggle::after {
  border: none;
  background-image: url(images/layout/breadArrow.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  opacity: 0.8;
}

.dealerMain .dealerSelectorBlock .bootstrap-select .dropdown-menu a {
  -webkit-transition: none;
  transition: none;
  padding-top: 8px;
  padding-bottom: 8px;
}

.dealerMain .dealerSelectorBlock .bootstrap-select .dropdown-menu .dropdown-item.active, .dealerMain .dealerSelectorBlock .bootstrap-select .dropdown-menu .dropdown-item:active {
  background-color: #F8F9FA;
  color: #000;
}

.dealerMain .dealerSelectorBlock .learnMoreLink_ub {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dealerMain .dealerListBlock {
  padding-top: 135px;
  text-align: center;
}

.dealerMain .dealerListBlock .tableBlock {
  margin-top: 65px;
  color: #262626;
  text-align: left;
}

.dealerMain .dealerListBlock .tableBlock .tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.dealerMain .dealerListBlock .tableBlock .tr .td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.dealerMain .dealerListBlock .tableBlock .tr .td1 {
  -ms-flex-preferred-size: 18%;
      flex-basis: 18%;
}

.dealerMain .dealerListBlock .tableBlock .tr .td2 {
  -ms-flex-preferred-size: 15%;
      flex-basis: 15%;
}

.dealerMain .dealerListBlock .tableBlock .tr .td3 {
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
}

.dealerMain .dealerListBlock .tableBlock .tr .td4 {
  -ms-flex-preferred-size: 11%;
      flex-basis: 11%;
}

.dealerMain .dealerListBlock .tableBlock .thead {
  max-width: 1500px;
  margin: 0 auto;
  padding-top: 24px;
  padding-bottom: 24px;
  background-color: #F2F2F2;
  font-size: 18px;
  font-weight: 500;
  color: #262626;
  line-height: 1;
}

.dealerMain .dealerListBlock .tableBlock .thead .td {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.dealerMain .dealerListBlock .tableBlock .thead .td1, .dealerMain .dealerListBlock .tableBlock .thead .td2 {
  border-right: 1px solid #B4B4B4;
}

.dealerMain .dealerListBlock .tableBlock .thead .td4 {
  border-left: 1px solid #B4B4B4;
}

.dealerMain .dealerListBlock .tableBlock .tbody {
  max-width: 1500px;
  margin: 0 auto;
  font-size: 16px;
  color: #262626;
  letter-spacing: 1px;
  line-height: 1.7;
}

.dealerMain .dealerListBlock .tableBlock .tbody .tr {
  padding-top: 26px;
  padding-bottom: 26px;
  border-bottom: 1px solid #DEDEDD;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.dealerMain .dealerListBlock .tableBlock .tbody .tr:hover {
  border-bottom: 1px solid transparent;
  border-radius: 5px;
  -webkit-box-shadow: 0px 15px 66px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 15px 66px rgba(0, 0, 0, 0.1);
}

.dealerMain .dealerListBlock .tableBlock .tbody .tr:hover .td2 i {
  color: #D3A61D;
}

.dealerMain .dealerListBlock .tableBlock .tbody .tr:hover .td3 .mapIcon {
  background-color: #D3A61D;
  color: #fff;
}

.dealerMain .dealerListBlock .tableBlock .tbody .td1 {
  padding-left: 29px;
}

.dealerMain .dealerListBlock .tableBlock .tbody .td1 .area {
  font-size: 15px;
  font-weight: 500;
  color: #D3A61D;
  border: 1px solid #D3A61D;
  border-radius: 5px;
  padding: 4px 14px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dealerMain .dealerListBlock .tableBlock .tbody .td1 .dName {
  margin-left: 12px;
  margin-right: 8px;
}

.dealerMain .dealerListBlock .tableBlock .tbody .td2 {
  padding-left: 24px;
}

.dealerMain .dealerListBlock .tableBlock .tbody .td2 .td2Inner {
  text-align: start;
}

.dealerMain .dealerListBlock .tableBlock .tbody .td2 .td2Inner .iconBox {
  width: 24px;
  color: #BEBEBE;
  text-align: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dealerMain .dealerListBlock .tableBlock .tbody .td2 .td2Inner .iconBox i {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.dealerMain .dealerListBlock .tableBlock .tbody .td2 .td2Inner .iconBox .icon-phone {
  font-size: 18px;
}

.dealerMain .dealerListBlock .tableBlock .tbody .td2 .td2Inner .iconBox .icon-fax {
  font-size: 15px;
}

.dealerMain .dealerListBlock .tableBlock .tbody .td3 {
  padding-left: 21px;
}

.dealerMain .dealerListBlock .tableBlock .tbody .td3 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.dealerMain .dealerListBlock .tableBlock .tbody .td3 .mapIcon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid #D3A61D;
  color: #D3A61D;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.dealerMain .dealerListBlock .tableBlock .tbody .td4 {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.dealerMain .dealerListBlock .tableBlock .tbody .td4 img {
  width: 25px;
  opacity: 0;
}

.dealerMain .dealerListBlock .tableBlock .tbody .td4.active img {
  opacity: 1;
}

.dealerMain .dealerListBlock .tableBlock .tbody a:hover {
  color: #D3A61D;
}

.dealerMain .dealerPageBox {
  padding-top: 84px;
  padding-bottom: 120px;
}

@media (max-width: 1599px) {
  .dealerMain .dealerSelectorBlock {
    max-width: 1540px;
    margin: 0 30px;
  }
}

@media (max-width: 1399px) {
  .dealerMain .dealerSelectorBlock .title {
    padding-right: 20px;
    margin-right: 20px;
    margin-left: 24px;
  }
  .dealerMain .dealerListBlock .tableBlock .tr .td1 {
    padding-left: 12px;
    padding-right: 12px;
    -ms-flex-preferred-size: 15%;
        flex-basis: 15%;
  }
  .dealerMain .dealerListBlock .tableBlock .tr .td2 {
    padding-left: 12px;
    padding-right: 0px;
    -ms-flex-preferred-size: 17%;
        flex-basis: 17%;
  }
  .dealerMain .dealerListBlock .tableBlock .tr .td3 {
    -ms-flex-preferred-size: 31%;
        flex-basis: 31%;
    padding-left: 12px;
  }
  .dealerMain .dealerListBlock .tableBlock .tr .td4 {
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
  }
  .dealerMain .dealerListBlock .tableBlock .tbody .td1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .dealerMain .dealerListBlock .tableBlock .tbody .td1 .area {
    padding: 2px 10px;
    margin-bottom: 4px;
  }
  .dealerMain .dealerListBlock .tableBlock .tbody .td1 .dName {
    margin-left: 2px;
    margin-right: 0;
  }
}

@media (max-width: 1199px) {
  .dealerMain .dealerSelectorBlock {
    height: 80px;
    top: -60px;
  }
  .dealerMain .dealerListBlock {
    padding-top: 100px;
  }
}

@media (max-width: 991px) {
  .dealerMain .dealerSelectorBlock {
    height: 220px;
    padding: 12px 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .dealerMain .dealerSelectorBlock .title {
    padding: 0;
    border: 0;
    font-size: 18px;
  }
  .dealerMain .dealerListBlock {
    padding-top: 200px;
  }
  .dealerMain .dealerListBlock .tableBlock {
    margin-top: 20px;
  }
  .dealerMain .dealerListBlock .tableBlock .thead {
    display: none;
  }
  .dealerMain .dealerListBlock .tableBlock .tr {
    display: block;
  }
  .dealerMain .dealerListBlock .tableBlock .tr .td[data-th]::before {
    content: attr(data-th);
    display: inline-block;
    -ms-flex-preferred-size: 120px;
        flex-basis: 120px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .dealerMain .dealerListBlock .tableBlock .tr .td {
    height: 32px;
  }
  .dealerMain .dealerListBlock .tableBlock .tr .td1 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
  }
  .dealerMain .dealerListBlock .tableBlock .tr .td1 .area {
    margin-bottom: 0;
    margin-right: 6px;
  }
  .dealerMain .dealerListBlock .tableBlock .tr .td2 {
    padding-left: 0;
  }
  .dealerMain .dealerListBlock .tableBlock .tr .td2 .td2Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .dealerMain .dealerListBlock .tableBlock .tr .td2 .td2Inner > div {
    margin-right: 16px;
  }
  .dealerMain .dealerListBlock .tableBlock .tr .td3 {
    padding-left: 0;
  }
  .dealerMain .dealerListBlock .tableBlock .tr .td3 .mapIcon {
    display: none;
  }
  .dealerMain .dealerListBlock .tableBlock .tr .td4 {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}

@media (max-width: 767px) {
  .dealerMain .dealerSelectorBlock {
    margin: 0 20px;
  }
}

@media (max-width: 575px) {
  .dealerMain .dealerSelectorBlock .bootstrap-select {
    width: 100% !important;
  }
  .dealerMain .dealerListBlock .tableBlock .tr .td1 .area {
    display: none;
  }
  .dealerMain .dealerListBlock .tableBlock .tr .td2 {
    height: 64px;
  }
  .dealerMain .dealerListBlock .tableBlock .tr .td2 .td2Inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .dealerMain .dealerListBlock .tableBlock .tr .td3 {
    height: 64px;
  }
  .dealerMain .dealerPageBox {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.movieMainBlock .mainMovieBlock {
  background-color: #F9F8F8;
  padding-top: 112px;
  padding-bottom: 88px;
}

.movieMainBlock .mainMovieBlock .mainMovieInner {
  max-width: 1500px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.movieMainBlock .mainMovieBlock .mainMovieInner .mainMovieImgBox {
  width: 945px;
  position: relative;
  cursor: pointer;
}

.movieMainBlock .mainMovieBlock .mainMovieInner .mainMovieImgBox::after {
  content: '';
  width: 105px;
  height: 105px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url(images/layout/play.svg);
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.movieMainBlock .mainMovieBlock .mainMovieInner .mainMovieImgBox:hover::after {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}

.movieMainBlock .mainMovieBlock .mainMovieInner .mainMovieImgBox .movieImg {
  padding-top: 63.4921%;
}

.movieMainBlock .mainMovieBlock .mainMovieInner .mainMovieDoc {
  width: 620px;
  height: 465px;
  padding: 66px 84px;
  background-color: #fff;
  margin-left: -64px;
  z-index: 2;
  -webkit-box-shadow: 36px 36px 140px rgba(0, 0, 0, 0.09);
          box-shadow: 36px 36px 140px rgba(0, 0, 0, 0.09);
}

.movieMainBlock .mainMovieBlock .mainMovieInner .mainMovieDoc .title {
  position: relative;
  padding-bottom: 23px;
  margin-bottom: 34px;
}

.movieMainBlock .mainMovieBlock .mainMovieInner .mainMovieDoc .title::after {
  content: '';
  width: 110px;
  height: 1px;
  background-color: #D3A61D;
  position: absolute;
  left: 0;
  bottom: 0;
}

.movieMainBlock .mainMovieBlock .mainMovieInner .mainMovieDoc .text {
  letter-spacing: 0.7px;
  line-height: 1.9;
  margin-bottom: 14px;
}

.movieMainBlock .mainMovieBlock .mainMovieInner .mainMovieDoc .cataLink {
  margin-bottom: 53px;
}

.movieMainBlock .mainMovieBlock .mainMovieInner .mainMovieDoc .cataLink a {
  text-decoration: underline;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.movieMainBlock .mainMovieBlock .mainMovieInner .mainMovieDoc .cataLink a:hover {
  color: #D3A61D;
}

.movieMainBlock .movieListBlock {
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 24px;
}

.movieMainBlock .movieListBlock .movieListInner {
  max-width: 1500px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.movieMainBlock .movieListBlock .movieListInner .movieListItem {
  -ms-flex-preferred-size: 30.6667%;
      flex-basis: 30.6667%;
  margin-bottom: 108px;
}

.movieMainBlock .movieListBlock .movieListInner .movieListItem .movieImgBox {
  position: relative;
  cursor: pointer;
}

.movieMainBlock .movieListBlock .movieListInner .movieListItem .movieImgBox::after {
  content: '';
  width: 90px;
  height: 90px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url(images/layout/play.svg);
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.movieMainBlock .movieListBlock .movieListInner .movieListItem .movieImgBox:hover::after {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}

.movieMainBlock .movieListBlock .movieListInner .movieListItem .movieImgBox .movieImg {
  padding-top: 56.25%;
}

.movieMainBlock .movieListBlock .movieListInner .movieListItem .date {
  margin-top: 28px;
  margin-bottom: 8px;
}

.movieMainBlock .movieListBlock .movieListInner > i {
  -ms-flex-preferred-size: 30.6667%;
      flex-basis: 30.6667%;
}

@media (max-width: 1399px) {
  .movieMainBlock .mainMovieBlock .mainMovieInner .mainMovieDoc {
    width: 500px;
    height: 380px;
    padding: 35px 40px;
    margin-left: -80px;
  }
  .movieMainBlock .mainMovieBlock .mainMovieInner .mainMovieDoc .title {
    padding-bottom: 16px;
    margin-bottom: 20px;
  }
  .movieMainBlock .mainMovieBlock .mainMovieInner .mainMovieDoc .text {
    line-height: 1.5;
  }
  .movieMainBlock .mainMovieBlock .mainMovieInner .mainMovieDoc .cataLink {
    margin-bottom: 24px;
  }
}

@media (max-width: 991px) {
  .movieMainBlock .mainMovieBlock {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .movieMainBlock .mainMovieBlock .mainMovieInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .movieMainBlock .mainMovieBlock .mainMovieInner .mainMovieImgBox {
    max-width: 100%;
  }
  .movieMainBlock .mainMovieBlock .mainMovieInner .mainMovieDoc {
    margin-left: 0;
    margin-top: -60px;
    width: 80%;
    padding: 60px;
  }
  .movieMainBlock .movieListBlock .movieListInner .movieListItem {
    -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
    margin-bottom: 80px;
  }
  .movieMainBlock .movieListBlock .movieListInner > i {
    -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
  }
}

@media (max-width: 767px) {
  .movieMainBlock .mainMovieBlock .mainMovieInner .mainMovieDoc {
    padding: 40px;
    height: 360px;
  }
  .movieMainBlock .movieListBlock .movieListInner .movieListItem .movieImgBox::after {
    width: 80px;
    height: 80px;
  }
}

@media (max-width: 575px) {
  .movieMainBlock .mainMovieBlock .mainMovieInner .mainMovieImgBox::after {
    width: 80px;
    height: 80px;
  }
  .movieMainBlock .mainMovieBlock .mainMovieInner .mainMovieDoc {
    width: 100%;
    margin-top: 0;
    padding: 20px;
  }
  .movieMainBlock .movieListBlock {
    padding-top: 50px;
  }
  .movieMainBlock .movieListBlock .movieListInner .movieListItem {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-bottom: 40px;
  }
  .movieMainBlock .movieListBlock .movieListInner > i {
    -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
  }
}

.newsMainBlock {
  background-color: #fff;
}

.newsMainBlock .newsMainInner {
  max-width: 1500px;
  margin: 0 auto;
}

.newsMainBlock .newsMainInner .newsList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 70px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.newsMainBlock .newsMainInner .newsList i {
  width: 460px;
}

.newsMainBlock .newsMainInner .newsList .newsSlickItem {
  width: 460px;
  margin-bottom: 64px;
}

.newsMainBlock .newsMainInner .newsList .newsSlickItem .newsSlickImgBox {
  overflow: hidden;
}

.newsMainBlock .newsMainInner .newsList .newsSlickItem .newsSlickImg {
  padding-top: 65.2174%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.newsMainBlock .newsMainInner .newsList .newsSlickItem .newsSlickContent {
  text-align: left;
  margin: 40px 30px 40px 5px;
  border-left: 1px solid #dadada;
}

.newsMainBlock .newsMainInner .newsList .newsSlickItem .newsSlickContent .date {
  margin-left: -2px;
  padding-left: 37px;
  padding-bottom: 10px;
  border-left: 3px solid #D3A61D;
}

.newsMainBlock .newsMainInner .newsList .newsSlickItem .newsSlickContent .title {
  padding-left: 37px;
  letter-spacing: 1.05px;
  margin-bottom: 14px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.newsMainBlock .newsMainInner .newsList .newsSlickItem .newsSlickContent .text {
  padding-left: 37px;
  letter-spacing: 0.5px;
  line-height: 1.9;
}

.newsMainBlock .newsMainInner .newsList .newsSlickItem:hover .newsSlickImg {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

.newsMainBlock .newsMainInner .newsList .newsSlickItem:hover .newsSlickContent .title {
  color: #D3A61D;
}

.newsMainBlock .newsMainInner .newsListPageBox {
  padding-top: 15px;
  padding-bottom: 100px;
}

@media (max-width: 1599px) {
  .newsMainBlock .newsMainInner {
    max-width: 1140px;
  }
  .newsMainBlock .newsMainInner .newsList .newsSlickItem {
    -ms-flex-preferred-size: 47%;
        flex-basis: 47%;
  }
  .newsMainBlock .newsMainInner i {
    -ms-flex-preferred-size: 47%;
        flex-basis: 47%;
  }
}

@media (max-width: 991px) {
  .newsMainBlock .newsMainInner .newsList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .newsMainBlock .newsMainInner .newsList i {
    width: 80%;
  }
  .newsMainBlock .newsMainInner .newsList .newsSlickItem {
    width: 80%;
    padding: 0 15px;
  }
  .newsMainBlock .newsMainInner .newsList .newsSlickItem .newsSlickContent {
    margin: 20px 10px 20px 5px;
  }
  .newsMainBlock .newsMainInner .newsList .newsSlickItem .newsSlickContent .date, .newsMainBlock .newsMainInner .newsList .newsSlickItem .newsSlickContent .title, .newsMainBlock .newsMainInner .newsList .newsSlickItem .newsSlickContent .text {
    padding-left: 20px;
  }
}

@media (max-width: 575px) {
  .newsMainBlock .newsMainInner .newsList .newsSlickItem {
    width: 100%;
    margin-bottom: 30px;
  }
  .newsMainBlock .newsMainInner .newsListPageBox {
    padding-bottom: 60px;
  }
}

.newArticleBlock {
  background-color: #F5F5F5;
  padding-top: 120px;
  padding-bottom: 40px;
}

.newArticleBlock .newArticleInner {
  max-width: 1500px;
  margin: 0 auto;
  background-color: #fff;
  padding: 85px 20px;
}

.newArticleBlock .newArticleInner .articleTitleWrap {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}

.newArticleBlock .newArticleInner .articleTitleWrap .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 18px;
  padding-left: 8px;
}

.newArticleBlock .newArticleInner .articleTitleWrap .mainTitle {
  margin-bottom: 30px;
  letter-spacing: 2px;
}

.newArticleBlock .newArticleInner .articleTitleWrap .shareIconWrap {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 55px;
}

@media (max-width: 991px) {
  .newArticleBlock .newArticleInner .articleTitleWrap .shareIconWrap {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.newArticleBlock .newArticleInner .editor {
  max-width: 1000px;
  margin: 0 auto;
  color: #5C5C5C;
  font-size: 16px;
  letter-spacing: 0.48px;
  line-height: 1.9;
}

.newArticleBlock .backBtn {
  width: 196px;
  height: 56px;
  margin: 0 auto;
  border-radius: 28px;
  border: 1px solid #D3A61D;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 57px;
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: 500;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.newArticleBlock .backBtn:hover {
  background-color: #D3A61D;
  color: #fff;
}

.moreNewsBlock .moreNewsInner {
  max-width: 1500px;
  margin: 0 auto;
  padding-top: 85px;
}

.moreNewsBlock .moreNewsInner .mainTitle {
  text-align: center;
  padding-bottom: 45px;
}

.moreNewsBlock .moreNewsInner .moreNewsList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.moreNewsBlock .moreNewsInner .moreNewsList i {
  width: 32%;
}

.moreNewsBlock .moreNewsInner .moreNewsList .newsSlickItem {
  width: 32%;
  margin-bottom: 45px;
}

.moreNewsBlock .moreNewsInner .moreNewsList .newsSlickItem .newsSlickImgBox {
  overflow: hidden;
}

.moreNewsBlock .moreNewsInner .moreNewsList .newsSlickItem .newsSlickImg {
  padding-top: 65.2174%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.moreNewsBlock .moreNewsInner .moreNewsList .newsSlickItem .newsSlickContent {
  text-align: left;
  margin: 40px 30px 40px 5px;
  border-left: 1px solid #dadada;
}

.moreNewsBlock .moreNewsInner .moreNewsList .newsSlickItem .newsSlickContent .date {
  margin-left: -2px;
  padding-left: 37px;
  padding-bottom: 10px;
  border-left: 3px solid #D3A61D;
}

.moreNewsBlock .moreNewsInner .moreNewsList .newsSlickItem .newsSlickContent .title {
  padding-left: 37px;
  letter-spacing: 1.05px;
  margin-bottom: 14px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.moreNewsBlock .moreNewsInner .moreNewsList .newsSlickItem .newsSlickContent .text {
  padding-left: 37px;
  letter-spacing: 0.5px;
  line-height: 1.9;
}

.moreNewsBlock .moreNewsInner .moreNewsList .newsSlickItem:hover .newsSlickImg {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

.moreNewsBlock .moreNewsInner .moreNewsList .newsSlickItem:hover .newsSlickContent .title {
  color: #D3A61D;
}

@media (max-width: 1399px) {
  .newArticleBlock {
    padding-top: 60px;
  }
  .newArticleBlock .newArticleInner {
    padding-top: 60px;
    padding-bottom: 40px;
  }
}

@media (max-width: 991px) {
  .moreNewsBlock .moreNewsInner .moreNewsList i {
    width: 48%;
  }
  .moreNewsBlock .moreNewsInner .moreNewsList .newsSlickItem {
    width: 48%;
  }
}

@media (max-width: 767px) {
  .moreNewsBlock .moreNewsInner {
    padding-top: 40px;
  }
  .moreNewsBlock .moreNewsInner .moreNewsList {
    display: block;
  }
  .moreNewsBlock .moreNewsInner .moreNewsList .newsSlickItem {
    width: 100%;
  }
}

@media (max-width: 575px) {
  .newArticleBlock {
    padding-top: 40px;
    padding-bottom: 20px;
  }
  .newArticleBlock .newArticleInner {
    padding-top: 40px;
    padding-bottom: 20px;
  }
}

.showroomViewBlock.aboutViewBlock {
  background-color: #F7F7F7;
  padding-top: 76px;
}

.showroomViewBlock.aboutViewBlock .subTitle {
  text-align: center;
  margin-top: 35px;
  margin-bottom: 9px;
}

.showroomViewBlock.aboutViewBlock .text {
  max-width: 870px;
  margin: 0 auto;
  padding: 0 20px;
  line-height: 1.8;
  padding-bottom: 13px;
}

.showroomViewBlock.aboutViewBlock .showroomSlickArrow {
  top: 330px;
}

.showroomViewBlock.aboutViewBlock .showroomSlick2 {
  margin-top: 50px;
}

.caseListBlock {
  background-color: #fff;
}

.caseListBlock .caseListInner {
  max-width: 1500px;
  margin: 0 auto;
  padding-top: 104px;
  padding-bottom: 28px;
}

.caseListBlock .caseListInner .caseListWrap {
  border: 1px solid #DBDBDB;
  border-radius: 5px;
  padding: 74px 18px 58px 158px;
  position: relative;
  margin-bottom: 90px;
}

.caseListBlock .caseListInner .caseListWrap .listTitle {
  font-size: 24px;
  background-color: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 32px;
  position: absolute;
  top: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.caseListBlock .caseListInner .caseListWrap .caseList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.caseListBlock .caseListInner .caseListWrap .caseList .caseItem {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  font-size: 16px;
  color: #191919;
  line-height: 1.6;
  position: relative;
  padding-left: 22px;
  padding-right: 30px;
  padding-bottom: 10px;
}

.caseListBlock .caseListInner .caseListWrap .caseList .caseItem::before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #D3A61D;
  position: absolute;
  left: 0;
  top: 11px;
}

@media (max-width: 1399px) {
  .caseListBlock .caseListInner .caseListWrap {
    padding: 60px 20px 60px 140px;
  }
  .caseListBlock .caseListInner .caseListWrap .caseList .caseItem {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
}

@media (max-width: 1199px) {
  .showroomViewBlock.aboutViewBlock {
    padding-bottom: 1px;
  }
  .showroomViewBlock.aboutViewBlock .showroomSlickArrow {
    top: 210px;
  }
  .caseListBlock .caseListInner .caseListWrap {
    padding: 60px 20px 60px 80px;
  }
  .caseListBlock .caseListInner .caseListWrap .caseList .caseItem {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    padding-right: 8px;
  }
}

@media (max-width: 991px) {
  .caseListBlock .caseListInner .caseListWrap {
    padding: 40px 20px 40px 60px;
  }
  .caseListBlock .caseListInner .caseListWrap .caseList .caseItem {
    -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
  }
  .showroomViewBlock.aboutViewBlock .showroomSlick2 {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .showroomViewBlock.aboutViewBlock {
    padding-top: 40px;
  }
  .showroomViewBlock.aboutViewBlock .showroomSlickArrow {
    top: 160px;
  }
  .showroomViewBlock.aboutViewBlock .subTitle {
    margin-top: 18px;
    margin-bottom: 18px;
  }
  .aboutViewBlock {
    padding-bottom: 2px;
  }
  .caseListBlock .caseListInner {
    padding-top: 80px;
  }
  .caseListBlock .caseListInner .caseListWrap {
    padding: 40px 20px 40px 80px;
    margin-bottom: 60px;
  }
  .caseListBlock .caseListInner .caseListWrap .caseList .caseItem {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}

@media (max-width: 575px) {
  .showroomViewBlock.aboutViewBlock .subTitle {
    margin-top: 22px;
  }
  .caseListBlock .caseListInner {
    padding-bottom: 0;
  }
  .caseListBlock .caseListInner .caseListWrap {
    padding: 40px 10px 40px 10px;
  }
  .caseListBlock .caseListInner .caseListWrap .caseList .caseItem {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    padding-left: 12px;
  }
}

.contactMainBlock {
  background-color: #fff;
}

.contactMainBlock .contactMainInner {
  max-width: 1020px;
  margin: 0 auto;
  padding-top: 105px;
  padding-bottom: 160px;
}

.contactMainBlock .contactMainInner .contactTitleWrap {
  text-align: center;
  padding-bottom: 24px;
}

.contactMainBlock .contactMainInner .contactTitleWrap .text {
  color: #767676;
  margin-bottom: 25px;
}

.contactMainBlock .contactMainInner .contactTitleWrap .infoWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  letter-spacing: 0.6px;
}

.contactMainBlock .contactMainInner .contactTitleWrap .infoWrap .icon {
  margin-right: 12px;
  margin-left: 36px;
}

.contactMainBlock .contactMainInner .contactTitleWrap .infoWrap .icon-phone {
  font-size: 20px;
}

.contactMainBlock .contactMainInner .contactTitleWrap .infoWrap .icon-fax {
  font-size: 15px;
}

.contactMainBlock .contactMainInner .contactTitleWrap .infoWrap .map {
  margin-right: 36px;
}

@media (max-width: 991px) {
  .contactMainBlock .contactMainInner {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .contactMainBlock .contactMainInner .contactTitleWrap .infoWrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .contactMainBlock .contactMainInner .contactTitleWrap .infoWrap .icon {
    margin-left: 12px;
  }
  .contactMainBlock .contactMainInner .contactTitleWrap .infoWrap .tel, .contactMainBlock .contactMainInner .contactTitleWrap .infoWrap .fax {
    margin-right: 56px;
  }
  .contactMainBlock .contactMainInner .contactTitleWrap .infoWrap .map {
    margin-right: 0;
    margin-top: 8px;
  }
}

@media (max-width: 767px) {
  .contactMainBlock .contactMainInner {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .contactMainBlock .contactMainInner .contactTitleWrap .infoWrap .tel, .contactMainBlock .contactMainInner .contactTitleWrap .infoWrap .fax {
    margin-right: 14px;
  }
}

.contactSendBread {
  background-color: #F9F8F8;
}

.contactSendMainBlock {
  background-color: #F9F8F8;
  padding-top: 70px;
  padding-bottom: 230px;
}

.contactSendMainBlock .contactSendInner {
  max-width: 550px;
  height: 520px;
  margin: 0 auto;
  padding-top: 75px;
  padding-bottom: 40px;
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 20px 20px 60px rgba(0, 0, 0, 0.2);
          box-shadow: 20px 20px 60px rgba(0, 0, 0, 0.2);
  text-align: center;
}

.contactSendMainBlock .contactSendInner .sendImgBox {
  width: 120px;
  height: 120px;
  margin: 0 auto;
  background-color: #F7F7F7;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 21px;
}

.contactSendMainBlock .contactSendInner .sendImgBox img {
  width: 50px;
}

.contactSendMainBlock .contactSendInner .text {
  max-width: 408px;
  margin: 0 auto;
  margin-top: 22px;
  margin-bottom: 38px;
  line-height: 1.9;
}

.contactSendMainBlock .contactSendInner .whiteBtn {
  margin: 0 auto;
}

@media (max-width: 767px) {
  .contactSendMainBlock {
    padding-top: 60px;
    padding-bottom: 120px;
  }
}

@media (max-width: 575px) {
  .contactSendMainBlock {
    padding-top: 40px;
    padding-bottom: 80px;
  }
  .contactSendMainBlock .contactSendInner {
    padding-top: 40px;
    height: auto;
  }
}

.faqMainBlock {
  background-color: #fff;
}

.faqMainBlock .faqMainInner {
  max-width: 1500px;
  margin: 0 auto;
  padding-bottom: 100px;
}

.faqMainBlock .faqMainInner .contactText {
  text-align: center;
  padding-top: 56px;
  padding-bottom: 74px;
}

.faqMainBlock .faqMainInner .contactText a {
  text-decoration: underline;
}

.faqMainBlock .faqMainInner .contactText a:hover {
  color: #D3A61D;
}

.faqMainBlock .faqMainInner .faqList {
  padding: 0 10px;
  padding-bottom: 80px;
}

.faqMainBlock .faqMainInner .faqList .faqItemWrap {
  border-radius: 10px;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-bottom: 35px;
}

.faqMainBlock .faqMainInner .faqList .faqItemWrap .qaMark {
  width: 76px;
  font-family: "Poppins", sans-serif;
  color: #D3A61D;
  font-size: 28px;
  text-align: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.faqMainBlock .faqMainInner .faqList .faqItemWrap .faq-q {
  height: 70px;
  background-color: #EFEFEF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 38px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.faqMainBlock .faqMainInner .faqList .faqItemWrap .faq-q .qContent {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-weight: 500;
  color: #0D0D0D;
  letter-spacing: 1px;
}

.faqMainBlock .faqMainInner .faqList .faqItemWrap .faq-q .qArrow {
  font-size: 12px;
  color: #818181;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-left: 8px;
}

.faqMainBlock .faqMainInner .faqList .faqItemWrap .faq-q:hover {
  -webkit-filter: brightness(0.95);
          filter: brightness(0.95);
}

.faqMainBlock .faqMainInner .faqList .faqItemWrap .faq-a-wrap {
  display: none;
}

.faqMainBlock .faqMainInner .faqList .faqItemWrap .faq-a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 38px;
  padding-top: 22px;
}

.faqMainBlock .faqMainInner .faqList .faqItemWrap .faq-a .aContent {
  color: #585858;
  max-width: 1290px;
  letter-spacing: 0.5px;
  line-height: 1.9;
  padding-bottom: 20px;
  padding-top: 4px;
}

.faqMainBlock .faqMainInner .faqList .faqItemWrap.active {
  -webkit-box-shadow: 0px 15px 64px rgba(0, 0, 0, 0.13);
          box-shadow: 0px 15px 64px rgba(0, 0, 0, 0.13);
}

.faqMainBlock .faqMainInner .faqList .faqItemWrap.active .faq-q .qArrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  color: #D3A61D;
}

@media (max-width: 1399px) {
  .faqMainBlock .faqMainInner .faqList {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 991px) {
  .faqMainBlock .faqMainInner .faqList {
    padding-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .faqMainBlock .faqMainInner .contactText {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media (max-width: 575px) {
  .faqMainBlock .faqMainInner {
    padding-bottom: 60px;
  }
  .faqMainBlock .faqMainInner .faqList .faqItemWrap {
    margin-bottom: 20px;
  }
  .faqMainBlock .faqMainInner .faqList .faqItemWrap .qaMark {
    width: 60px;
  }
  .faqMainBlock .faqMainInner .faqList .faqItemWrap .faq-q {
    padding-right: 16px;
  }
  .faqMainBlock .faqMainInner .faqList .faqItemWrap .faq-a {
    padding-right: 16px;
  }
}

.cataBread {
  background-color: transparent;
}

.cataBanner {
  height: 177px;
}

.cataBanner .mainTitle {
  margin-top: 0;
}

.cataBanner .mainTitle::after {
  background-color: #000;
  opacity: 28%;
}

.catalogueMainBlock .catalogueMainInner {
  max-width: 1500px;
  margin: 0 auto;
  background-color: #FFF;
  -webkit-box-shadow: 20px 20px 83px rgba(0, 0, 0, 0.11);
          box-shadow: 20px 20px 83px rgba(0, 0, 0, 0.11);
  text-align: center;
  padding-top: 70px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

.catalogueMainBlock .catalogueMainInner .cataList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 86px;
}

.catalogueMainBlock .catalogueMainInner .cataList .cataItem {
  margin: 0 50px;
  width: 320px;
  margin-bottom: 98px;
}

.catalogueMainBlock .catalogueMainInner .cataList .cataItem .img {
  padding-top: 145.3125%;
  -webkit-box-shadow: 27px 27px 60px rgba(0, 0, 0, 0.12);
          box-shadow: 27px 27px 60px rgba(0, 0, 0, 0.12);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.catalogueMainBlock .catalogueMainInner .cataList .cataItem .name {
  color: #141917;
  margin-top: 31px;
  letter-spacing: 1px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.catalogueMainBlock .catalogueMainInner .cataList .cataItem:hover .img {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

.catalogueMainBlock .catalogueMainInner .cataList .cataItem:hover .name {
  color: #D3A61D;
}

@media (max-width: 991px) {
  .cataBanner {
    height: 100px;
    margin-bottom: 20px;
  }
  .catalogueMainBlock .catalogueMainInner {
    padding-top: 40px;
  }
  .catalogueMainBlock .catalogueMainInner .cataList {
    padding-top: 40px;
  }
  .catalogueMainBlock .catalogueMainInner .cataList .cataItem {
    margin-bottom: 60px;
  }
}

.chartMainBlock {
  background-color: #fff;
}

.chartMainBlock .chartMainInner {
  max-width: 1500px;
  margin: 0 auto;
  padding-top: 100px;
  padding-bottom: 118px;
}

.chartMainBlock .chartMainInner .chartMainHead .text {
  text-align: center;
  margin-bottom: 28px;
}

.chartMainBlock .chartMainInner .chartMainHead .text a {
  color: #D3A61D;
  text-decoration: underline;
}

.chartMainBlock .chartMainInner .chartMainHead .text a:hover {
  -webkit-filter: brightness(1.05);
          filter: brightness(1.05);
}

.chartMainBlock .chartMainInner .chartMainHead .productSelect {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

.chartMainBlock .chartMainInner .chartMainHead .productSelect .bootstrap-select {
  margin: 0;
}

.chartMainBlock .chartMainInner .chartMainHead .productSelect .bootstrap-select li a {
  height: 50px;
}

.chartMainBlock .chartMainInner .chartMainHead .dlBtnWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  padding-top: 10px;
  padding-bottom: 24px;
}

.chartMainBlock .chartMainInner .chartMainHead .dlBtnWrap .dlBtn {
  height: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 28px;
  font-size: 16px;
  letter-spacing: 1px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.chartMainBlock .chartMainInner .chartMainHead .dlBtnWrap .cancelAll {
  width: 170px;
  border: 1px solid #BFBFBF;
}

.chartMainBlock .chartMainInner .chartMainHead .dlBtnWrap .cancelAll:hover {
  background-color: #BFBFBF;
  color: #fff;
}

.chartMainBlock .chartMainInner .chartMainHead .dlBtnWrap .downloadAll {
  width: 225px;
  border: 1px solid #D3A61D;
  font-weight: 500;
}

.chartMainBlock .chartMainInner .chartMainHead .dlBtnWrap .downloadAll .icon-download {
  color: #D3A61D;
  font-size: 15px;
  margin-left: 15px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.chartMainBlock .chartMainInner .chartMainHead .dlBtnWrap .downloadAll:hover {
  background-color: #D3A61D;
  color: #fff;
}

.chartMainBlock .chartMainInner .chartMainHead .dlBtnWrap .downloadAll:hover .icon-download {
  color: #fff;
}

.chartMainBlock .chartMainInner .chartItemList {
  padding-bottom: 32px;
}

.chartMainBlock .chartMainInner .chartItemList .chartItem {
  padding-bottom: 80px;
}

.chartMainBlock .chartMainInner .chartItemList .chartItem .productNumber {
  height: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #F2F2F2;
}

.chartMainBlock .chartMainInner .chartItemList .chartItem .filesRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #DEDEDD;
  padding: 18px 0;
}

.chartMainBlock .chartMainInner .chartItemList .chartItem .filesRow .title {
  width: 270px;
  font-size: 18px;
  font-weight: 500;
  margin-right: 30px;
  padding-left: 60px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  letter-spacing: 1px;
}

.chartMainBlock .chartMainInner .chartItemList .chartItem .filesRow .title::after {
  content: '';
  width: 1px;
  height: 16px;
  background-color: #B4B4B4;
}

.chartMainBlock .chartMainInner .chartItemList .chartItem .filesRow .filesList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.chartMainBlock .chartMainInner .chartItemList .chartItem .filesRow .filesList .fileItemBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 2px 30px;
}

.chartMainBlock .chartMainInner .chartItemList .chartItem .filesRow .filesList .fileItemBox .fileItem {
  position: relative;
  padding-left: 35px;
  font-size: 15px;
  line-height: 1;
  color: #5C5C5C;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  letter-spacing: 0.7px;
}

.chartMainBlock .chartMainInner .chartItemList .chartItem .filesRow .filesList .fileItemBox .fileItem:hover {
  color: #D3A61D;
}

.chartMainBlock .chartMainInner .chartItemList .chartItem .filesRow .filesList .fileItemBox .fileItem::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  width: 17px;
  height: 17px;
  border: 1px solid #C0C0C0;
  border-radius: 3px;
}

.chartMainBlock .chartMainInner .chartItemList .chartItem .filesRow .filesList .fileItemBox .fileItem::after {
  content: '';
  display: block;
  width: 17px;
  height: 17px;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(images/product/filterCheck.svg);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  opacity: 0;
}

.chartMainBlock .chartMainInner .chartItemList .chartItem .filesRow .filesList .fileItemBox .fileItem.active::after {
  opacity: 1;
}

.chartMainBlock .chartMainInner .chartItemList .chartItem .filesRow .filesList .fileItemBox a .icon-download {
  font-size: 17px;
  color: #B7B7B7;
  margin-left: 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.chartMainBlock .chartMainInner .chartItemList .chartItem .filesRow .filesList .fileItemBox a:hover .icon-download {
  color: #D3A61D;
}

@media (max-width: 1599px) {
  .chartMainBlock .chartMainInner .chartItemList .chartItem .filesRow .title {
    padding-left: 20px;
    width: 200px;
    margin-right: 20px;
  }
  .chartMainBlock .chartMainInner .chartItemList .chartItem .filesRow .filesList .fileItemBox {
    margin: 2px 22px;
  }
}

@media (max-width: 1399px) {
  .chartMainBlock .chartMainInner {
    padding-top: 60px;
    padding-bottom: 80px;
  }
  .chartMainBlock .chartMainInner .chartItemList {
    padding-bottom: 0;
  }
  .chartMainBlock .chartMainInner .chartMainHead .dlBtnWrap {
    padding-top: 24px;
  }
}

@media (max-width: 991px) {
  .chartMainBlock .chartMainInner .chartMainHead .dlBtnWrap {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media (max-width: 767px) {
  .chartMainBlock .chartMainInner .chartItemList .chartItem .filesRow {
    display: block;
  }
  .chartMainBlock .chartMainInner .chartItemList .chartItem .filesRow .title {
    margin-bottom: 8px;
    padding-left: 0;
    margin-right: 0;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .chartMainBlock .chartMainInner .chartItemList .chartItem .filesRow .title::after {
    content: none;
  }
  .chartMainBlock .chartMainInner .chartItemList .chartItem .filesRow .filesList {
    margin: 0 auto;
  }
  .chartMainBlock .chartMainInner .chartItemList .chartItem .filesRow .filesList .fileItemBox {
    margin: 2px 12px;
  }
}

@media (max-width: 650px) {
  .chartMainBlock .chartMainInner .chartItemList .chartItem .filesRow .filesList {
    width: 410px;
  }
}

@media (max-width: 575px) {
  .chartMainBlock .chartMainInner {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .chartMainBlock .chartMainInner .chartItemList .chartItem {
    padding-bottom: 40px;
  }
  .chartMainBlock .chartMainInner .chartMainHead .dlBtnWrap .downloadAll .icon-download {
    margin-left: 2px;
  }
}

@media (max-width: 450px) {
  .chartMainBlock .chartMainInner .chartItemList .chartItem .filesRow .filesList {
    width: 205px;
  }
}

.formMainBlock {
  background-color: #fff;
}

.formMainBlock .formMainInner {
  max-width: 1020px;
  margin: 0 auto;
  padding-top: 98px;
  padding-bottom: 160px;
}

.formMainBlock .formMainInner .formTitle {
  text-align: center;
  letter-spacing: 1.6px;
  margin-bottom: 20px;
}

.formMainBlock .formMainInner .formText {
  text-align: center;
  color: #767676;
  letter-spacing: 1px;
  line-height: 1.8;
  margin-bottom: 70px;
}

@media (max-width: 991px) {
  .formMainBlock .formMainInner {
    padding-top: 80px;
    padding-bottom: 100px;
  }
}

@media (max-width: 767px) {
  .formMainBlock .formMainInner {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .formMainBlock .formMainInner .formText {
    margin-bottom: 40px;
  }
}

@media (max-width: 575px) {
  .formMainBlock .formMainInner .contactForm .d-flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 8px 0;
  }
}

.registerBg {
  width: 100%;
  height: 350px;
  position: absolute;
  top: 60px;
  z-index: -1;
}

.registerMainBlock .registerIconBox {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  margin-top: 25px;
  margin-bottom: 60px;
}

.registerMainBlock .registerInner {
  -webkit-box-shadow: 0px 20px 82px rgba(0, 0, 0, 0.14);
          box-shadow: 0px 20px 82px rgba(0, 0, 0, 0.14);
  background-color: #fff;
  border-radius: 10px;
  max-width: 750px;
  margin: 0 auto;
  margin-bottom: 109px;
  padding: 67px 20px 94px 20px;
}

.registerMainBlock .registerInner .mainTitle {
  text-align: center;
  letter-spacing: 1.6px;
  margin-bottom: 29px;
}

.registerMainBlock .registerInner .registerForm {
  max-width: 500px;
  margin: 0 auto;
}

.registerMainBlock .registerInner .registerForm .field-group {
  margin-bottom: 14px;
}

.registerMainBlock .registerInner .registerForm .field-group input::-webkit-input-placeholder {
  letter-spacing: 0.8px;
}

.registerMainBlock .registerInner .registerForm .field-group input:-ms-input-placeholder {
  letter-spacing: 0.8px;
}

.registerMainBlock .registerInner .registerForm .field-group input::-ms-input-placeholder {
  letter-spacing: 0.8px;
}

.registerMainBlock .registerInner .registerForm .field-group input::placeholder {
  letter-spacing: 0.8px;
}

.registerMainBlock .registerInner .registerForm .field-group .getCodeBtn {
  position: absolute;
  top: 0;
  right: 0;
  height: 48px;
  font-size: 15px;
  color: #262626;
  background-color: #EFEFEF;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 0 10px;
}

.registerMainBlock .registerInner .registerForm .mailCheckWrap {
  margin-top: -16px;
}

.registerMainBlock .registerInner .registerForm .mailCheckWrap .mailCheckBtn {
  width: 95px;
  height: 40px;
  border-radius: 5px;
  border: 1px solid #D3A61D;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #D3A61D;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-bottom: 15px;
  margin-top: 2px;
}

.registerMainBlock .registerInner .registerForm .mailCheckWrap .mailCheckBtn:hover {
  background-color: #D3A61D;
  color: #fff;
}

.registerMainBlock .registerInner .registerForm .hr {
  width: 100%;
  padding-top: 17px;
  border-bottom: 1px solid #DADADA;
  margin-bottom: 31px;
}

.registerMainBlock .registerInner .registerForm .registerSubmit {
  width: 100%;
  height: 50px;
  border-radius: 5px;
  background-color: #D3A61D;
  color: #fff;
  margin-top: 13px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.registerMainBlock .registerInner .registerForm .registerSubmit:hover {
  -webkit-filter: brightness(1.05);
          filter: brightness(1.05);
}

.registerMainBlock .registerInner .registerForm .formCheckItem .text-262626:hover {
  color: #262626;
}

.registerMainBlock .registerInner .registerForm .formCheckItem.w100 {
  margin-top: 4px;
  line-height: 1.5;
}

.registerMainBlock .registerInner .registerForm .formCheckItem.w100::before {
  margin-top: 4px;
}

.registerMainBlock .registerInner .registerForm .formCheckItem.w100::after {
  margin-top: 4px;
}

@media (max-width: 575px) {
  .registerMainBlock .registerInner {
    padding-top: 40px;
    padding-bottom: 60px;
    margin: 0 -20px;
    margin-bottom: 0px;
    border-radius: 0;
  }
}

.forgetMainBlock {
  background-color: #F9F8F8;
  padding-top: 120px;
  height: 900px;
}

.forgetMainBlock .forgetInner {
  max-width: 550px;
  min-height: 520px;
  margin: 0 auto;
  margin-top: 70px;
  padding-top: 70px;
  padding-bottom: 80px;
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 20px 20px 60px rgba(0, 0, 0, 0.2);
          box-shadow: 20px 20px 60px rgba(0, 0, 0, 0.2);
  text-align: center;
}

.forgetMainBlock .forgetInner .text {
  max-width: 400px;
  margin: 0 auto;
  margin-top: 22px;
  margin-bottom: 26px;
  line-height: 1.9;
}

.forgetMainBlock .forgetInner .forgetForm {
  max-width: 400px;
  margin: 0 auto;
}

.forgetMainBlock .forgetInner .forgetForm .field-group {
  margin-bottom: 14px;
  padding: 6px 14px;
}

.forgetMainBlock .forgetInner .forgetForm .field-group input {
  padding-left: 0;
}

.forgetMainBlock .forgetInner .forgetForm .field-group input::-webkit-input-placeholder {
  letter-spacing: 0.8px;
}

.forgetMainBlock .forgetInner .forgetForm .field-group input:-ms-input-placeholder {
  letter-spacing: 0.8px;
}

.forgetMainBlock .forgetInner .forgetForm .field-group input::-ms-input-placeholder {
  letter-spacing: 0.8px;
}

.forgetMainBlock .forgetInner .forgetForm .field-group input::placeholder {
  letter-spacing: 0.8px;
}

.forgetMainBlock .forgetInner .forgetForm .field-group .getCodeBtn {
  position: absolute;
  top: 0;
  right: 0;
  height: 48px;
  font-size: 15px;
  color: #262626;
  background-color: #EFEFEF;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 0 14px;
}

.forgetMainBlock .forgetInner .forgetForm .mailCheckOK {
  text-align: left;
}

.forgetMainBlock .forgetInner .forgetForm .mailCheckWrap {
  margin-top: -16px;
}

.forgetMainBlock .forgetInner .forgetForm .mailCheckWrap .mailCheckBtn {
  width: 95px;
  height: 40px;
  border-radius: 5px;
  border: 1px solid #D3A61D;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #D3A61D;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-bottom: 15px;
  margin-top: 2px;
}

.forgetMainBlock .forgetInner .forgetForm .mailCheckWrap .mailCheckBtn:hover {
  background-color: #D3A61D;
  color: #fff;
}

.forgetMainBlock .forgetInner .forgetForm .registerSubmit {
  width: 100%;
  height: 50px;
  border-radius: 5px;
  background-color: #D3A61D;
  color: #fff;
  margin-top: 13px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.forgetMainBlock .forgetInner .forgetForm .registerSubmit:hover {
  -webkit-filter: brightness(1.05);
          filter: brightness(1.05);
}

@media (max-width: 991px) {
  .forgetMainBlock {
    padding-top: 80px;
  }
}

@media (max-width: 767px) {
  .forgetMainBlock {
    padding-top: 60px;
    padding-bottom: 60px;
    height: auto;
  }
  .forgetMainBlock .forgetInner {
    padding-top: 40px;
    padding-bottom: 60px;
    min-height: auto;
    margin-top: 0;
  }
}

@media (max-width: 575px) {
  .forgetMainBlock {
    padding-top: 40px;
  }
}

.loginMainBlock {
  background-color: #F9F8F8;
  padding-top: 120px;
  height: 900px;
}

.loginMainBlock .loginInner {
  max-width: 550px;
  min-height: 520px;
  margin: 0 auto;
  margin-top: 30px;
  padding-top: 76px;
  padding-bottom: 53px;
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 20px 20px 60px rgba(0, 0, 0, 0.2);
          box-shadow: 20px 20px 60px rgba(0, 0, 0, 0.2);
  text-align: center;
}

.loginMainBlock .loginInner .loginForm {
  max-width: 400px;
  margin: 0 auto;
  padding-top: 22px;
}

.loginMainBlock .loginInner .loginForm .field-group {
  margin-bottom: 14px;
  padding: 6px 14px;
}

.loginMainBlock .loginInner .loginForm .field-group input {
  padding-left: 0;
}

.loginMainBlock .loginInner .loginForm .field-group input::-webkit-input-placeholder {
  letter-spacing: 0.8px;
}

.loginMainBlock .loginInner .loginForm .field-group input:-ms-input-placeholder {
  letter-spacing: 0.8px;
}

.loginMainBlock .loginInner .loginForm .field-group input::-ms-input-placeholder {
  letter-spacing: 0.8px;
}

.loginMainBlock .loginInner .loginForm .field-group input::placeholder {
  letter-spacing: 0.8px;
}

.loginMainBlock .loginInner .loginForm .formCheckItem {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  margin-top: 21px;
  margin-bottom: 15px;
}

.loginMainBlock .loginInner .loginForm .registerSubmit {
  width: 100%;
  height: 50px;
  border-radius: 5px;
  background-color: #D3A61D;
  color: #fff;
  margin-top: 13px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-bottom: 40px;
}

.loginMainBlock .loginInner .loginForm .registerSubmit:hover {
  -webkit-filter: brightness(1.05);
          filter: brightness(1.05);
}

.loginMainBlock .loginInner .loginForm .loginLink {
  text-decoration: underline;
}

@media (max-width: 991px) {
  .loginMainBlock {
    padding-top: 80px;
  }
}

@media (max-width: 767px) {
  .loginMainBlock {
    padding-top: 60px;
    padding-bottom: 60px;
    height: auto;
  }
  .loginMainBlock .loginInner {
    padding-top: 40px;
    margin-top: 0;
  }
}

@media (max-width: 575px) {
  .loginMainBlock {
    padding-top: 40px;
  }
}

.privacyMainBlock .privacyMainInner {
  max-width: 1400px;
  margin: 0 auto;
  padding-bottom: 94px;
}

.privacyMainBlock .privacyMainInner .mainTitle {
  text-align: center;
  margin-top: 42px;
  padding-bottom: 20px;
  margin-bottom: 67px;
  position: relative;
  letter-spacing: 2px;
}

.privacyMainBlock .privacyMainInner .mainTitle::after {
  content: "";
  width: 70px;
  height: 1px;
  background-color: #B7B7B7;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.privacyMainBlock .privacyMainInner .subTitle {
  margin-bottom: 19px;
  letter-spacing: 1px;
  padding-top: 76px;
}

.privacyMainBlock .privacyMainInner .text {
  line-height: 1.9;
  letter-spacing: 0.45px;
  margin-bottom: 0.75rem;
}

.privacyMainBlock .privacyMainInner ul li {
  line-height: 2.6;
  padding-left: 18px;
  position: relative;
  letter-spacing: 0.45px;
}

.privacyMainBlock .privacyMainInner ul li::before {
  content: '';
  width: 5px;
  height: 5px;
  background-color: #D5AB29;
  border-radius: 50%;
  position: absolute;
  left: 3px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 767px) {
  .privacyMainBlock .privacyMainInner {
    padding-bottom: 40px;
  }
  .privacyMainBlock .privacyMainInner .mainTitle {
    margin-bottom: 30px;
    margin-top: 30px;
  }
  .privacyMainBlock .privacyMainInner .subTitle {
    padding-top: 40px;
  }
  .privacyMainBlock .privacyMainInner ul li {
    line-height: 1.8;
  }
}

.memberBg {
  width: 100%;
  height: 350px;
  position: absolute;
  top: 60px;
  z-index: -1;
}

.memberMainBlock .memberIconBlock {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  margin-top: 25px;
  margin-bottom: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.memberMainBlock .memberIconBlock .memberIconWrap {
  width: 122px;
  height: 122px;
  border-radius: 50%;
  border: 1px solid #fff;
  overflow: hidden;
  margin-right: 34px;
}

.memberMainBlock .memberIconBlock .memberIconWrap .memberIconImg {
  height: 100%;
}

.memberMainBlock .memberIconBlock .memberTextWrap {
  padding-top: 16px;
}

.memberMainBlock .memberInner {
  -webkit-box-shadow: 0px 20px 82px rgba(0, 0, 0, 0.14);
          box-shadow: 0px 20px 82px rgba(0, 0, 0, 0.14);
  background-color: #fff;
  border-radius: 10px;
  max-width: 1000px;
  margin: 0 auto;
  margin-bottom: 109px;
  padding: 7px 20px 91px 20px;
}

.memberMainBlock .memberInner .tabsBlock .tabItem {
  margin: 0 38px;
  letter-spacing: 1px;
}

.memberMainBlock .memberInner .updateHint {
  height: 50px;
  background-color: #FCF8ED;
  max-width: 500px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 50px;
  margin-bottom: -38px;
  display: none;
}

.memberMainBlock .memberInner .updateHint img {
  width: 25px;
  margin-right: 10px;
}

.memberMainBlock .memberInner .mainTitle {
  text-align: center;
  letter-spacing: 1.6px;
  margin-top: 74px;
  margin-bottom: 29px;
}

.memberMainBlock .memberInner .memberForm {
  max-width: 500px;
  margin: 0 auto;
}

.memberMainBlock .memberInner .memberForm .field-group {
  margin-bottom: 15px;
}

.memberMainBlock .memberInner .memberForm .field-group .label {
  margin-left: 16px;
}

.memberMainBlock .memberInner .memberForm .field-group input::-webkit-input-placeholder {
  letter-spacing: 0.8px;
}

.memberMainBlock .memberInner .memberForm .field-group input:-ms-input-placeholder {
  letter-spacing: 0.8px;
}

.memberMainBlock .memberInner .memberForm .field-group input::-ms-input-placeholder {
  letter-spacing: 0.8px;
}

.memberMainBlock .memberInner .memberForm .field-group input::placeholder {
  letter-spacing: 0.8px;
}

.memberMainBlock .memberInner .memberForm .field-group .getCodeBtn {
  position: absolute;
  top: 0;
  right: 0;
  height: 48px;
  font-size: 15px;
  color: #262626;
  background-color: #EFEFEF;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 0 10px;
}

.memberMainBlock .memberInner .memberForm .field-group.oneThird .bootstrap-select {
  padding-left: 4px;
}

.memberMainBlock .memberInner .memberForm .field-group.oneThird .bootstrap-select > .dropdown-menu .dropdown-item {
  padding-left: 16px;
}

.memberMainBlock .memberInner .memberForm .field-group .dateInput {
  padding-right: 14px;
  padding-left: 10px;
}

.memberMainBlock .memberInner .memberForm .field-group .dateInput::-webkit-calendar-picker-indicator {
  background-image: url(images/register/calander.svg);
  cursor: pointer;
}

.memberMainBlock .memberInner .memberForm .field-group .dragUploadText {
  max-width: 300px;
  position: absolute;
  left: 115px;
  overflow: hidden;
}

.memberMainBlock .memberInner .memberForm .field-group .uploadBtn {
  width: 20px;
  margin-right: 18px;
  margin-bottom: 2px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.memberMainBlock .memberInner .memberForm .mailCheckWrap {
  margin-top: -16px;
}

.memberMainBlock .memberInner .memberForm .mailCheckWrap .mailCheckBtn {
  width: 95px;
  height: 40px;
  border-radius: 5px;
  border: 1px solid #D3A61D;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #D3A61D;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-bottom: 15px;
  margin-top: 2px;
}

.memberMainBlock .memberInner .memberForm .mailCheckWrap .mailCheckBtn:hover {
  background-color: #D3A61D;
  color: #fff;
}

.memberMainBlock .memberInner .memberForm .hr {
  width: 100%;
  padding-top: 17px;
  border-bottom: 1px solid #DADADA;
  margin-bottom: 31px;
}

.memberMainBlock .memberInner .memberForm .memberSubmit {
  width: 100%;
  height: 50px;
  border-radius: 5px;
  background-color: #D3A61D;
  color: #fff;
  margin-top: 17px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.memberMainBlock .memberInner .memberForm .memberSubmit:hover {
  -webkit-filter: brightness(1.05);
          filter: brightness(1.05);
}

@media (max-width: 767px) {
  .memberMainBlock .memberInner {
    padding-bottom: 60px;
    margin-bottom: 40px;
  }
  .memberMainBlock .memberInner .mainTitle {
    margin-top: 40px;
  }
}

@media (max-width: 575px) {
  .memberMainBlock .memberInner .tabsBlock .tabItem {
    margin: 0 12px;
  }
  .memberMainBlock .memberInner {
    padding-top: 20px;
    padding-bottom: 60px;
    margin: 0 -20px;
    margin-bottom: 0px;
    border-radius: 0;
  }
}

.resultTitleBlock {
  text-align: center;
}

.resultTitleBlock .resultMainTitle {
  position: relative;
  margin-top: 43px;
  padding-bottom: 20px;
  letter-spacing: 1.3px;
}

.resultTitleBlock .resultMainTitle::after {
  content: '';
  width: 70px;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.28);
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.resultTitleBlock .resultMessage {
  margin-top: 35px;
  margin-bottom: 8px;
  letter-spacing: 0.7px;
}

.resultListBlock .resultListWrap {
  max-width: 1500px;
  margin: 0 auto;
  padding-top: 40px;
}

.resultListBlock .resultListWrap .productList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #1919192d;
  padding-bottom: 40px;
}

.resultListBlock .resultListWrap .productList .productItemBox {
  -ms-flex-preferred-size: 18%;
      flex-basis: 18%;
  text-align: center;
  margin-bottom: 48px;
}

.resultListBlock .resultListWrap .productList .productItemBox .productImgBox {
  position: relative;
}

.resultListBlock .resultListWrap .productList .productItemBox .productImgBox .bg {
  padding-top: 94.3397%;
}

.resultListBlock .resultListWrap .productList .productItemBox .productImgBox .bg::before {
  content: '';
  width: 100%;
  padding-top: 64.1509%;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.resultListBlock .resultListWrap .productList .productItemBox .productImgBox .productImg {
  width: 100%;
  padding-top: 94.3397%;
  position: absolute;
  top: 0;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.resultListBlock .resultListWrap .productList .productItemBox .productImgBox .productImg::before, .resultListBlock .resultListWrap .productList .productItemBox .productImgBox .productImg::after {
  content: '';
  width: 55px;
  height: 55px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.resultListBlock .resultListWrap .productList .productItemBox .productImgBox .productImg::before {
  background-color: #D3A61D;
}

.resultListBlock .resultListWrap .productList .productItemBox .productImgBox .productImg::after {
  background-image: url(images/layout/arrowWhite.svg);
  background-repeat: no-repeat;
  background-position: center center;
  width: 15px;
}

.resultListBlock .resultListWrap .productList .productItemBox .productImgBox:hover .productImg::before {
  opacity: 0.85;
}

.resultListBlock .resultListWrap .productList .productItemBox .productImgBox:hover .productImg::after {
  opacity: 1;
}

.resultListBlock .resultListWrap .productList .productItemBox > a.font-20 {
  max-width: 240px;
  word-wrap: break-word;
  margin: 0 auto;
}

.resultListBlock .resultListWrap .productList i {
  -ms-flex-preferred-size: 18%;
      flex-basis: 18%;
}

.resultListBlock .pagination {
  margin-top: 79px;
  margin-bottom: 117px;
}

@media (max-width: 1399px) {
  .resultListBlock .resultListWrap .productList .productItemBox {
    -ms-flex-preferred-size: 22.65%;
        flex-basis: 22.65%;
  }
  .resultListBlock .resultListWrap .productList i {
    -ms-flex-preferred-size: 22.65%;
        flex-basis: 22.65%;
  }
}

@media (max-width: 1199px) {
  .resultListBlock .resultListWrap .productList {
    padding-bottom: 0px;
  }
  .resultListBlock .resultListWrap .productList .productItemBox {
    -ms-flex-preferred-size: 31%;
        flex-basis: 31%;
  }
  .resultListBlock .resultListWrap .productList i {
    -ms-flex-preferred-size: 31%;
        flex-basis: 31%;
  }
}

@media (max-width: 991px) {
  .resultTitleBlock .resultMainTitle {
    margin-top: 0;
  }
  .resultTitleBlock .resultMessage {
    margin-top: 20px;
    margin-bottom: 0;
  }
  .resultListBlock .resultListWrap .productList .productItemBox > a.font-20 {
    max-width: 219px;
  }
  .resultListBlock .pagination {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .resultListBlock .resultListWrap .productList .productItemBox > a.font-20 {
    max-width: 160px;
    font-size: 16px;
  }
}

@media (max-width: 575px) {
  .resultListBlock .resultListWrap .productList .productItemBox {
    -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
  }
  .resultListBlock .resultListWrap .productList i {
    -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
  }
}

.errorSection {
  margin-top: -60px;
  min-height: 100dvh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.errorSection .txtBg {
  width: 820px;
  max-width: 90%;
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.errorSection .sectionContent {
  margin: auto;
  padding: 36px 24px 48px;
}

.errorInfo {
  max-width: 880px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding-bottom: 60px;
}

.errorInfo .infoText {
  position: relative;
  padding-top: 40px;
  padding-bottom: 5px;
  margin-bottom: 65px;
}

.errorInfo .txtBox {
  max-width: 520px;
  margin: 0 auto;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.errorInfo .title {
  margin-top: 8px;
  margin-bottom: 16px;
}

.errorInfo .des {
  line-height: 1.875;
}

.errorInfo .btnRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  text-align: center;
  gap: 30px;
  padding-bottom: 50px;
}

.errorInfo .btnRow .colMore {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 30px;
}

.errorInfo .errorBtn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  border: 1px solid transparent;
  padding: 12px;
  width: 190px;
  max-width: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.errorInfo .errorBtn .icon {
  margin-right: 6px;
}

.errorInfo .errorBtn:hover {
  background: #D3A61D;
  color: #fff;
}

.errorInfo .primaryBtn {
  background: #fff;
  border-color: #D3A61D;
  color: #000;
}

.errorInfo .moreBtn {
  background: #B2B2B2;
  color: #fff;
}

.errorSearch {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.errorSearch .searchRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 100px;
  max-width: 100%;
}

.errorSearch .searchTitle {
  line-height: 1;
  color: #292929;
  border-left: 2px solid #D3A61D;
  padding-left: 13px;
  margin-bottom: 18px;
  letter-spacing: 1px;
  font-weight: 700;
}

.errorSearch .searchInput {
  width: 340px;
  max-width: 100%;
  height: 50px;
  background: #fff;
  border: 1px solid silver;
  border-radius: 4px;
  font-size: 16px;
  padding-left: 19px;
  padding-right: 19px;
  margin-bottom: 13px;
}

.errorSearch .searchInput:focus, .errorSearch .searchInput:hover {
  border: 1px solid #D3A61D;
}

@media (max-width: 1399px) {
  .errorSection .sectionContent {
    padding: 48px 24px 60px;
  }
  .errorInfo {
    padding-bottom: 40px;
  }
  .errorInfo .btnRow {
    gap: 12px;
    padding-bottom: 24px;
  }
  .errorInfo .btnRow .colMore {
    gap: 12px;
  }
  .errorInfo .infoText {
    padding-top: 20px;
    margin-bottom: 30px;
  }
  .errorInfo .des {
    line-height: normal;
  }
  .errorSearch {
    gap: 24px;
  }
  .errorSearch .searchRow {
    gap: 48px;
  }
}

@media (max-width: 1199px) {
  .errorSearch .selectWrap {
    width: unset;
  }
  .errorSearch .selectWrap .bootstrap-select {
    width: 100% !important;
  }
  .errorSearch .errorSearchCategory {
    width: 100%;
  }
  .errorSearch .errorSearchNumber {
    width: 100%;
  }
  .errorSearch .errorSearchNumber .searchInput {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .errorInfo {
    padding-bottom: 30px;
  }
  .errorInfo .infoText {
    margin-bottom: 20px;
  }
}

@media (max-width: 575px) {
  .errorSection .sectionContent {
    padding: 48px 20px 60px;
  }
}

.recruitMainBlock {
  background-color: #fff;
  position: relative;
}

.recruitMainBlock::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 620px;
  background-color: #F5F5F5;
}

.recruitMainBlock .recruitMainInner {
  padding-top: 115px;
  padding-bottom: 125px;
  margin: 0 auto;
  text-align: center;
}

.recruitMainBlock .recruitMainInner .recruitDoc {
  padding-bottom: 80px;
}

.recruitMainBlock .recruitMainInner .recruitDoc .recruitText {
  max-width: 635px;
  margin: 0 auto;
  line-height: 1.9;
  padding-top: 20px;
}

.recruitMainBlock .recruitMainInner .recruitImgs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 107px;
}

.recruitMainBlock .recruitMainInner .recruitImgs .recruitImgBox {
  -ms-flex-preferred-size: 32.1%;
      flex-basis: 32.1%;
  max-height: 400px;
}

.recruitMainBlock .recruitMainInner .recruitImgs .recruitImgBox img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px;
}

.recruitMainBlock .recruitMainInner .indexQAWrap {
  margin-top: 78px;
  margin-bottom: 108px;
}

.recruitMainBlock .recruitMainInner .whiteBtn {
  margin: 0 auto;
}

@media (max-width: 1599px) {
  .recruitMainBlock::before {
    height: 500px;
  }
  .recruitMainBlock .recruitMainInner {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .recruitMainBlock .recruitMainInner .recruitDoc {
    padding-bottom: 60px;
  }
  .recruitMainBlock .recruitMainInner .recruitImgs {
    margin-bottom: 80px;
  }
  .recruitMainBlock .recruitMainInner .indexQAWrap {
    margin-top: 40px;
    margin-bottom: 60px;
  }
}

@media (max-width: 991px) {
  .recruitMainBlock::before {
    height: 450px;
  }
  .recruitMainBlock .recruitMainInner {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .recruitMainBlock .recruitMainInner .recruitImgs {
    margin-bottom: 60px;
  }
  .recruitMainBlock .recruitMainInner .indexQAWrap {
    margin-top: 40px;
    margin-bottom: 0px;
  }
}

@media (max-width: 575px) {
  .recruitMainBlock .recruitMainInner .recruitImgs {
    display: block;
  }
  .recruitMainBlock .recruitMainInner .recruitImgs .recruitImgBox {
    max-height: none;
    margin-bottom: 20px;
  }
}

.badgeMainBlock {
  background-color: #fff;
}

.badgeMainBlock .badgeMainInner {
  max-width: 1500px;
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 20px;
}

.badgeMainBlock .badgeMainInner .titleBox {
  border-bottom: 1px solid #DCDCDC;
  position: relative;
  margin: 83px 0 78px 0;
}

.badgeMainBlock .badgeMainInner .titleBox h2 {
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  color: #191919;
  margin-bottom: 0;
  width: 170px;
  text-align: center;
}

.badgeMainBlock .badgeMainInner .category {
  background-color: #F2F2F2;
  color: #191919;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 65px;
}

.badgeMainBlock .badgeMainInner .badgeGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 27px;
  margin-bottom: 66px;
}

.badgeMainBlock .badgeMainInner .badgeGroup .badgeItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  padding-left: 30px;
  padding-right: 66px;
  height: 137px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.badgeMainBlock .badgeMainInner .badgeGroup .badgeItem .badgeBox {
  height: 60px;
  width: 120px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.badgeMainBlock .badgeMainInner .badgeGroup .badgeItem .badgeBox img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: 100%;
}

.badgeMainBlock .badgeMainInner .badgeGroup .badgeItem .contentBox {
  color: #585858;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 18px;
  letter-spacing: 0.5px;
  line-height: 1.8;
}

@media (max-width: 1399px) {
  .badgeMainBlock .badgeMainInner {
    padding-top: 20px;
  }
  .badgeMainBlock .badgeMainInner .titleBox {
    margin: 60px 0;
  }
  .badgeMainBlock .badgeMainInner .badgeGroup {
    margin: 20px 0;
  }
  .badgeMainBlock .badgeMainInner .badgeGroup .badgeItem {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 991px) {
  .badgeMainBlock .badgeMainInner {
    padding-top: 1px;
  }
  .badgeMainBlock .badgeMainInner .titleBox {
    margin-bottom: 34px;
  }
  .badgeMainBlock .badgeMainInner .badgeGroup {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .badgeMainBlock .badgeMainInner .badgeGroup .badgeItem {
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
    height: auto;
    margin: 12px 0;
  }
}

@media (max-width: 767px) {
  .badgeMainBlock .badgeMainInner .titleBox h2 {
    width: 120px;
  }
  .badgeMainBlock .badgeMainInner .category {
    font-size: 16px;
    height: 55px;
  }
  .badgeMainBlock .badgeMainInner .badgeGroup .badgeItem {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}

@media (max-width: 575px) {
  .badgeMainBlock .badgeMainInner .badgeGroup .badgeItem .badgeBox {
    width: 80px;
  }
  .badgeMainBlock .badgeMainInner .badgeGroup .badgeItem .contentBox {
    line-height: 1.5;
    padding-right: 0;
    padding-left: 12px;
    font-size: 15px;
  }
}

.aboutBannerBlock {
  height: 750px;
  position: relative;
}

.aboutBannerBlock img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: 100%;
}

.aboutBannerBlock .titleWrap {
  min-width: 400px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  text-shadow: 5px 5px 19px rgba(0, 0, 0, 0.322);
}

.pageBackgroundImg.aboutPageBG {
  height: 900px;
}

.historyBlock {
  padding-top: 1px;
  padding-bottom: 60px;
  background-color: #fff;
}

.historyBlock .historyInner {
  max-width: 1500px;
  margin: 0 auto;
}

.historyBlock .historyInner h2 {
  margin-top: 110px;
  margin-bottom: 48px;
}

.historyBlock .historySlick1Wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 80px;
  margin: 0 auto;
  max-width: 1200px;
}

.historyBlock .historySlick1Wrap .historySlick1 {
  -webkit-box-shadow: 14px 14px 43px rgba(0, 0, 0, 0.1);
          box-shadow: 14px 14px 43px rgba(0, 0, 0, 0.1);
  margin: 0 auto;
  width: 100%;
  max-width: 980px;
  height: 70px;
  border-radius: 35px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 76px;
}

.historyBlock .historySlick1Wrap .historySlick1::before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #fff;
  position: absolute;
  left: 76px;
  z-index: 5;
}

.historyBlock .historySlick1Wrap .historySlick1 .slick-slide {
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.historyBlock .historySlick1Wrap .historySlick1 .slick-slide::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 15px;
  background-color: #ACACAC;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.historyBlock .historySlick1Wrap .historySlick1 .slick-slide.slick-current {
  color: #D3A61D;
}

.historyBlock .historySlick1Wrap .historySlick1 .item {
  font-size: 20px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  text-align: center;
  cursor: pointer;
  line-height: 1;
}

.historyBlock .historySlick1Wrap .slickBtnO {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #262626;
  background-color: transparent;
}

.historyBlock .historySlick1Wrap .slickBtnO.slick-disabled {
  color: #ACACAC;
}

.historyBlock .historySlick1Wrap .slickBtnO.slickLeft {
  left: 0px;
}

.historyBlock .historySlick1Wrap .slickBtnO.slickRight {
  right: 0px;
}

.historyBlock .historySlick2Wrap {
  padding-top: 126px;
}

.historyBlock .historySlick2Wrap .historySlick2 .itemInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.historyBlock .historySlick2Wrap .historySlick2 .itemInner .historyLeft {
  padding-right: 40px;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.historyBlock .historySlick2Wrap .historySlick2 .itemInner .historyLeft .yearBox {
  text-align: right;
  margin-bottom: 30px;
}

.historyBlock .historySlick2Wrap .historySlick2 .itemInner .historyLeft .imgBox {
  max-width: 450px;
  max-height: 400px;
}

.historyBlock .historySlick2Wrap .historySlick2 .itemInner .historyLeft .imgBox img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: 100%;
}

.historyBlock .historySlick2Wrap .historySlick2 .itemInner .historyRight {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  -ms-flex-item-align: strech;
      -ms-grid-row-align: strech;
      align-self: strech;
}

.historyBlock .historySlick2Wrap .historySlick2 .itemInner .historyRight .historyList {
  height: 100%;
  max-width: 550px;
  border-left: 1px solid #DBDBDB;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 40px;
}

.historyBlock .historySlick2Wrap .historySlick2 .itemInner .historyRight .historyList li {
  position: relative;
  padding: 30px 0 30px 62px;
}

.historyBlock .historySlick2Wrap .historySlick2 .itemInner .historyRight .historyList li::before {
  content: "";
  width: 50px;
  height: 1px;
  background-color: #DBDBDB;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.historyBlock .historySlick2Wrap .historySlick2 .itemInner .historyRight .historyList li::after {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #D3A61D;
  position: absolute;
  top: 50%;
  left: 0px;
  -webkit-transform: translate(-60%, -50%);
          transform: translate(-60%, -50%);
}

.worldBlock {
  background-color: #F7F7F7;
  padding-top: 105px;
  padding-bottom: 64px;
}

.worldBlock .worldInner {
  max-width: 1500px;
  margin: 0 auto;
}

.worldBlock .worldInner .worldMapWrap {
  position: relative;
  max-width: 1170px;
  margin: 0 auto;
}

.worldBlock .worldInner .worldMapWrap .loactionWrap {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.worldBlock .worldInner .worldMapWrap .loactionWrap .spot {
  padding: 0 8px;
  min-width: 90px;
  height: 36px;
  border-radius: 18px;
  background-color: #fff;
  border: 1px solid #CAAB31;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  cursor: pointer;
}

.worldBlock .worldInner .worldMapWrap .loactionWrap .spot.tw {
  background-color: #CAAB31;
  color: #fff;
}

.worldBlock .worldInner .worldMapWrap .loactionWrap .spot:hover {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
          transform: translate(-50%, -50%) scale(1.1);
}

.charityBlock {
  padding-top: 100px;
  background-color: #fff;
}

.charityBlock .charityInner p {
  max-width: 1240px;
  margin: 0 auto;
  text-align: center;
  padding: 18px 20px 0 20px;
  line-height: 1.9;
  letter-spacing: 0.5px;
}

.charityBlock .charityInner .showroomViewBlock.aboutViewBlock {
  background-color: transparent;
  padding-top: 70px;
}

.joinBlock {
  background-color: #F7F7F7;
}

.joinBlock .joinInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 500px;
}

.joinBlock .joinInner .joinMain {
  width: 50%;
  max-width: 750px;
  margin-left: auto;
  padding-left: 34px;
  padding-right: 20px;
}

.joinBlock .joinInner .joinMain .titleBox {
  margin-bottom: 30px;
}

.joinBlock .joinInner .joinMain .titleBox .title {
  line-height: 1.8;
  background-image: linear-gradient(transparent calc(100% - 7px), #F4E3AD 7px);
}

.joinBlock .joinInner .joinMain .text {
  line-height: 1.8;
}

.joinBlock .joinInner .joinMain .whiteBtn {
  margin-top: 60px;
  margin-left: 0;
}

.joinBlock .joinInner .joinBgBox {
  width: 50%;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}

.joinBlock .joinInner .joinBgBox img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

@media (max-width: 1599px) {
  .aboutBannerBlock {
    height: 650px;
  }
  .pageBackgroundImg.aboutPageBG {
    height: 800px;
  }
}

@media (max-width: 1399px) {
  .worldBlock {
    padding-top: 60px;
  }
}

@media (max-width: 1199px) {
  .aboutBannerBlock {
    height: 500px;
  }
  .pageBackgroundImg.aboutPageBG {
    height: 650px;
  }
  .historyBlock .historyInner h2 {
    margin-top: 40px;
    margin-bottom: 30px;
  }
  .historyBlock .historySlick2Wrap {
    padding-top: 60px;
  }
  .worldBlock .worldInner .worldMapWrap .loactionWrap .spot {
    padding: 0 6px;
    min-width: 60px;
    height: 24px;
    border-radius: 12px;
    font-size: 14px;
  }
  .charityBlock {
    padding-top: 60px;
    padding-bottom: 20px;
  }
  .joinBlock .joinInner {
    height: 400px;
  }
}

@media (max-width: 991px) {
  .aboutBannerBlock {
    height: 400px;
  }
  .pageBackgroundImg.aboutPageBG {
    height: 550px;
  }
  .historyBlock .historySlick1Wrap .historySlick1 {
    padding: 0 40px;
  }
  .historyBlock .historySlick1Wrap .historySlick1::before {
    left: 40px;
  }
  .historyBlock .historySlick2Wrap .historySlick2 .itemInner {
    display: block;
  }
  .historyBlock .historySlick2Wrap .historySlick2 .itemInner .historyLeft {
    padding-right: 0;
    width: 80%;
    margin: 0 auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .historyBlock .historySlick2Wrap .historySlick2 .itemInner .historyLeft .yearBox {
    text-align: center;
  }
  .historyBlock .historySlick2Wrap .historySlick2 .itemInner .historyLeft .imgBox {
    max-width: 100%;
    width: 100%;
    height: 320px;
  }
  .historyBlock .historySlick2Wrap .historySlick2 .itemInner .historyRight {
    width: 80%;
    margin: 0 auto;
  }
  .historyBlock .historySlick2Wrap .historySlick2 .itemInner .historyRight .historyList {
    padding-top: 20px;
  }
  .joinBlock .joinInner {
    height: 350px;
  }
  .joinBlock .joinInner .joinMain .titleBox {
    margin-bottom: 20px;
  }
  .joinBlock .joinInner .joinMain .whiteBtn {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .aboutBannerBlock {
    height: 300px;
  }
  .pageBackgroundImg.aboutPageBG {
    height: 450px;
  }
  .historyBlock .historySlick2Wrap .historySlick2 .itemInner .historyLeft {
    width: 90%;
  }
  .historyBlock .historySlick2Wrap .historySlick2 .itemInner .historyLeft .imgBox {
    height: 280px;
  }
  .historyBlock .historySlick2Wrap .historySlick2 .itemInner .historyRight {
    width: 90%;
  }
  .historyBlock .historySlick2Wrap .historySlick2 .itemInner .historyRight .historyList li {
    padding: 12px 0 12px 62px;
  }
  .worldBlock {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .worldBlock .worldInner .worldMapWrap .loactionWrap .spot {
    padding: 0 4px;
    min-width: 40px;
    height: 18px;
    border-radius: 9px;
    font-size: 12px;
  }
  .charityBlock {
    padding-top: 40px;
  }
  .joinBlock .joinInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
  }
  .joinBlock .joinInner .joinMain {
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding: 30px 20px 60px 20px;
    text-align: center;
  }
  .joinBlock .joinInner .joinMain .whiteBtn {
    margin: 0 auto;
    margin-top: 30px;
  }
  .joinBlock .joinInner .joinBgBox {
    width: 100%;
  }
}

@media (max-width: 575px) {
  .aboutBannerBlock {
    height: 240px;
  }
  .pageBackgroundImg.aboutPageBG {
    height: 380px;
  }
  .aboutBannerBlock .titleWrap {
    min-width: calc( 100% - 30px);
  }
  .aboutBannerBlock .titleWrap .font-40 {
    font-size: 24px;
  }
  .historyBlock .historySlick1Wrap {
    padding: 0 40px;
  }
  .historyBlock .historySlick1Wrap .slickBtnO.slickLeft {
    left: -20px;
  }
  .historyBlock .historySlick1Wrap .slickBtnO.slickRight {
    right: -20px;
  }
  .historyBlock .historySlick2Wrap {
    padding-top: 40px;
  }
  .historyBlock .historySlick2Wrap .historySlick2 .itemInner .historyLeft {
    width: 99%;
  }
  .historyBlock .historySlick2Wrap .historySlick2 .itemInner .historyLeft .imgBox {
    height: 200px;
  }
  .historyBlock .historySlick2Wrap .historySlick2 .itemInner .historyRight {
    width: 99%;
  }
  .historyBlock .historySlick2Wrap .historySlick2 .itemInner .historyRight .historyList li {
    padding: 8px 0 8px 28px;
  }
  .historyBlock .historySlick2Wrap .historySlick2 .itemInner .historyRight .historyList li::before {
    width: 20px;
  }
  .worldBlock .worldInner .worldMapWrap .loactionWrap .spot {
    display: none;
  }
}

.print {
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  background-color: #525659;
}

@page {
  .print {
    size: A4 portrait;
    margin: 0;
  }
}

.print .print-page {
  width: 1070px;
  height: 1440px;
  position: relative;
  margin: 0 auto;
  background-color: #fff;
}

.print h1, .print h2, .print h3, .print h4, .print h5, .print h6 {
  page-break-after: avoid;
  page-break-inside: avoid;
}

.print h1 + p, .print h2 + p, .print h3 + p {
  page-break-before: avoid;
}

.print a {
  page-break-inside: avoid;
}

.print img {
  page-break-after: avoid;
  page-break-inside: avoid;
}

.print table, .print blockquote {
  page-break-inside: avoid;
}

.print ul, .print ol, .print dl {
  page-break-before: avoid;
}

.print1 .print-header {
  width: 100%;
  height: 100px;
  background-color: #8A8988;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 75px;
  font-size: 18px;
}

.print1 .print-header .logoBox {
  width: 186px;
}

.print1 .print-page {
  page-break-after: always;
}

.print1 .print-page .productWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 48px 75px 0px 75px;
  page-break-inside: avoid;
}

.print1 .print-page .productWrap .info {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-bottom: 20px;
  margin-right: 28px;
}

.print1 .print-page .productWrap .number {
  border-bottom: 1px solid #B2B2B2;
  font-weight: 500;
  font-size: 23px;
  padding-bottom: 16px;
}

.print1 .print-page .productWrap .name {
  font-size: 16px;
  font-weight: 500;
  margin-top: 38px;
  margin-bottom: 34px;
  letter-spacing: 0.5px;
}

.print1 .print-page .productWrap .markWrap .markGroup .markBox {
  font-size: 12px;
  width: 130px;
  height: 40px;
  margin-bottom: 15px;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.print1 .print-page .productWrap .markWrap .markGroup .markBox .imgBox {
  height: 40px;
  width: 36px;
  margin-right: 8px;
}

.print1 .print-page .productWrap .mainImg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 450px;
  height: 400px;
}

.print1 .print-page .drawing {
  width: 920px;
  margin: 0 auto;
  margin-bottom: 40px;
  height: 660px;
}

.print1 .print-page .drawing table {
  width: 100%;
  height: 100%;
}

.print1 .print-page .drawing table tr {
  height: 100%;
}

.print1 .print-footer {
  width: 100%;
  background-color: #fff;
  height: 185px;
}

.print1 .print-footer .footerInner {
  width: 920px;
  margin: 0 auto;
  border-top: 1px solid #DDDDDD;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.print1 .print-footer .footerInner ul {
  margin-top: 40px;
  font-size: 15px;
  padding-left: 20px;
}

.print1 .print-footer .footerInner ul li {
  color: #B2B2B2;
  line-height: 1.7;
}

.print1 .print-footer .footerInner ul li span {
  color: rgba(0, 0, 0, 0.95);
}

.print1 .print-footer .footerInner .stampBox {
  width: 193px;
  height: 132px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 12px;
}

.print2 .print-page {
  height: 1450px;
  page-break-after: always;
  position: relative;
}

.print2 .print-page .cover {
  width: 100%;
}

.print2 .print-page .print-header {
  width: 100%;
  height: 100px;
  background-color: #B2B2B2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 75px;
  font-size: 18px;
}

.print2 .print-page .print-header .logoBox {
  width: 186px;
}

.print2 .print-page .printInner {
  padding: 71px 60px 20px 60px;
  min-height: 920px;
}

.print2 .print-page .printInner .list {
  width: 100%;
}

.print2 .print-page .printInner .list thead {
  background-color: #F2F2F2;
  text-align: center;
  line-height: 50px;
}

.print2 .print-page .printInner .list tbody tr {
  border-bottom: 1px solid #CFCFCF;
}

.print2 .print-page .printInner .list tbody tr td:nth-child(1) {
  line-height: 90px;
}

.print2 .print-page .printInner .list td {
  text-align: center;
  padding: 0 4px;
}

.print2 .print-page .printInner .list td:nth-child(2), .print2 .print-page .printInner .list td:nth-child(6), .print2 .print-page .printInner .list td:nth-child(7), .print2 .print-page .printInner .list td:nth-child(8) {
  width: 14%;
}

.print2 .print-page .printInner .list td:nth-child(1), .print2 .print-page .printInner .list td:nth-child(5) {
  width: 7%;
}

.print2 .print-page .printInner .list img {
  max-height: 70px;
}

.print2 .print-page .printFooter {
  padding: 0px 60px 40px 60px;
}

.print2 .print-page .printFooter .total {
  width: 100%;
}

.print2 .print-page .printFooter .total tr {
  border-top: 1px solid #5C5C5C;
}

.print2 .print-page .printFooter .total tr td {
  text-align: center;
  line-height: 50px;
}

.print2 .print-page .printFooter .total tr td:nth-child(1), .print2 .print-page .printFooter .total tr td:nth-child(6), .print2 .print-page .printFooter .total tr td:nth-child(7), .print2 .print-page .printFooter .total tr td:nth-child(8) {
  width: 14%;
}

.print2 .print-page .printFooter .memoBox {
  page-break-inside: avoid;
}

.print2 .print-page .printFooter .memoBox .memo {
  margin-top: 35px;
  padding: 24px 50px;
  background-color: #F2F2F2;
  line-height: 1.9;
}

.print2 .print-page .printFooter .memoBox .logoWrap {
  text-align: center;
  border-top: 1px solid #CFCFCF;
  margin-top: 32px;
  padding-top: 25px;
  page-break-inside: avoid;
  height: 52px;
}

.print2 .print-page .printFooter .memoBox .logoWrap .imgBox {
  width: 116px;
  margin: 0 auto;
  margin-bottom: 10px;
}

.print2 .print-page .showRooms {
  position: absolute;
  bottom: 0;
  margin: 0 70px 50px 70px;
  width: 920px;
  font-size: 15px;
  color: #5C5C5C;
  table-layout: fixed;
}

.print2 .print-page .showRooms .title {
  color: #000;
  font-weight: 500;
}

.print2 .print-page .showRooms td {
  padding-left: 8px;
}

.print2 .print-page .showRooms div {
  margin-bottom: 8px;
}

.print2 .print-page .showRooms div:last-child {
  font-size: 14px;
}

.print1 .print-page {
  text-rendering: optimize-speed;
  text-rendering: geometricPrecision;
}

.print1 .print-page .page-main .productWrap {
  padding-top: 40px;
}

.print1 .print-page .page-main .productWrap .info {
  margin-right: 0;
  padding-right: 10px;
}

.print1 .print-page .page-main .productWrap .imgMarkWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 520px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.print1 .print-page .page-main .productWrap .imgMarkWrap .mainImg {
  width: 400px;
  margin: 0 auto;
}

.print1 .print-page .page-main .productDataWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 75px;
  margin-bottom: 20px;
  page-break-inside: avoid;
  height: 475px;
  position: relative;
}

.print1 .print-page .page-main .productDataWrap .drawing {
  height: 475px;
  margin-bottom: 0;
  width: auto;
  margin-left: 0;
}

.print1 .print-page .page-main .productDataWrap .drawing img {
  max-width: 100%;
  height: auto;
  max-height: 100%;
  width: auto;
}

.print1 .print-page .page-main .specificationWrap {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-top: 16px;
}

.print1 .print-page .page-main .specificationWrap .editor table tr th, .print1 .print-page .page-main .specificationWrap .specificationInner table tr th {
  padding-top: 0;
  padding-bottom: 0;
  letter-spacing: 0.5px;
  text-align: left;
  text-align-last: unset;
}

.print1 .print-page .page-main .specificationWrap tr td {
  padding: 0;
  letter-spacing: 0.2px;
  font-weight: 400;
}

.print1 .print-page .page-main .specificationWrap .editor table tr, .print1 .print-page .page-main .specificationWrap .specificationInner table tr {
  line-height: 30px;
}

.print1 .print-page .page-main .specificationWrap .editor table tr th, .print1 .print-page .page-main .specificationWrap .specificationInner table tr th {
  vertical-align: baseline;
}

.housekeeperMainBlock {
  background-color: #fff;
}

.housekeeperInfo .housekeeperInfoInner {
  max-width: 1500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  padding: 108px 0px 132px 0px;
}

.housekeeperInfo .housekeeperInfoInner .imgBox {
  -ms-flex-preferred-size: 829px;
      flex-basis: 829px;
  padding-left: 26px;
}

.housekeeperInfo .housekeeperInfoInner .infoWrap {
  -ms-flex-preferred-size: 671px;
      flex-basis: 671px;
  padding-left: 86px;
  padding-right: 35px;
  padding-top: 107px;
}

.housekeeperInfo .housekeeperInfoInner .infoWrap .text {
  max-width: 500px;
  line-height: 2;
  letter-spacing: 0.8px;
}

.housekeeperInfo .housekeeperInfoInner .infoWrap .lineWrap {
  border: 1px solid #D3A61D;
  border-radius: 5px;
  padding: 32px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 34px 0;
}

.housekeeperInfo .housekeeperInfoInner .infoWrap .lineWrap .QRcode {
  width: 116px;
  height: 116px;
}

.housekeeperInfo .housekeeperInfoInner .infoWrap .lineWrap .QRcode img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}

.housekeeperInfo .housekeeperInfoInner .infoWrap .lineWrap .doc {
  margin-left: 30px;
  line-height: 1.8;
  margin-right: 8px;
}

.housekeeperInfo .housekeeperInfoInner .infoWrap .lineWrap .lineBtn {
  width: 100px;
  height: 100px;
  margin-left: auto;
}

.housekeeperInfo .housekeeperInfoInner .infoWrap .lineWrap .lineBtn img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.housekeeperInfo .housekeeperInfoInner .infoWrap .lineWrap .lineBtn img:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}

.housekeeperInfo .housekeeperInfoInner .infoWrap .telWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 22px;
}

.housekeeperInfo .housekeeperInfoInner .infoWrap .telWrap .free {
  border-right: 1px solid #DBDBDB;
  padding-right: 42px;
}

.housekeeperInfo .housekeeperInfoInner .infoWrap .telWrap .free .lh1 {
  color: #B4B4B4;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.housekeeperInfo .housekeeperInfoInner .infoWrap .telWrap .free .lh1 a:hover {
  color: #D3A61D;
}

.housekeeperInfo .housekeeperInfoInner .infoWrap .telWrap .time {
  line-height: 1.8;
  padding-left: 48px;
}

.housekeeperService {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.housekeeperService .imgBox, .housekeeperService .itemBox {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}

.housekeeperService .imgBox {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}

.housekeeperService .imgBox img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.housekeeperService .itemBox {
  padding: 0 20px;
}

.housekeeperService .itemBox .keeperItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.housekeeperService .itemBox .keeperItem:nth-child(1) {
  margin-bottom: 45px;
}

.housekeeperService .itemBox .keeperItem .iconBox {
  width: 164px;
  height: 164px;
  border-radius: 50%;
  background-color: #F9F8F8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.housekeeperService .itemBox .keeperItem .iconBox img {
  max-height: 65px;
  max-width: 55px;
}

.housekeeperService .itemBox .keeperItem .docBox {
  margin-left: 35px;
}

.housekeeperService .itemBox .keeperItem .docBox .title {
  margin-bottom: 19px;
  letter-spacing: 1px;
}

.housekeeperService .itemBox .keeperItem .docBox ul li {
  padding-left: 18px;
  position: relative;
  margin-bottom: 11px;
  letter-spacing: 0.6px;
}

.housekeeperService .itemBox .keeperItem .docBox ul li::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #D5AB29;
  position: absolute;
  left: 2px;
  top: 12px;
}

.housekeeperService.Service1 {
  background-color: #F9F8F8;
}

.housekeeperService.Service1 .itemBox .keeperItem {
  margin-left: 80px;
  margin-right: auto;
}

.housekeeperService.Service1 .itemBox .keeperItem .iconBox {
  background-color: #ffffff;
}

.housekeeperService.Service2 .itemBox .keeperItem {
  max-width: 675px;
  margin-right: 20px;
  margin-left: auto;
}

@media (max-width: 1599px) {
  .housekeeperInfo .housekeeperInfoInner .infoWrap {
    padding-top: 40px;
  }
  .housekeeperInfo .housekeeperInfoInner .infoWrap .telWrap {
    padding: 0;
  }
  .housekeeperInfo .housekeeperInfoInner .infoWrap .telWrap .free {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding-right: 20px;
  }
  .housekeeperInfo .housekeeperInfoInner .infoWrap .telWrap .time {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding-left: 20px;
  }
  .housekeeperService.Service1 .itemBox .keeperItem {
    margin-left: 0;
  }
  .housekeeperService.Service2 .itemBox .keeperItem {
    margin-left: 0;
    margin-right: 0;
    max-width: none;
  }
  .housekeeperService .itemBox {
    padding: 40px 20px;
  }
  .housekeeperService .itemBox .keeperItem:nth-child(1) {
    margin-bottom: 20px;
  }
}

@media (max-width: 1399px) {
  .housekeeperInfo .housekeeperInfoInner {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .housekeeperInfo .housekeeperInfoInner .imgBox {
    padding-left: 20px;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .housekeeperInfo .housekeeperInfoInner .infoWrap {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    padding-top: 0;
    padding-left: 60px;
    padding-right: 40px;
  }
  .housekeeperService .itemBox .keeperItem .iconBox {
    width: 120px;
    height: 120px;
  }
  .housekeeperService .itemBox .keeperItem .iconBox img {
    max-height: 55px;
    max-width: 45px;
  }
  .housekeeperService .itemBox .keeperItem .docBox {
    margin-left: 24px;
  }
  .housekeeperService .itemBox .keeperItem .docBox .title {
    margin-bottom: 8px;
  }
  .housekeeperService .itemBox .keeperItem .docBox ul li {
    margin-bottom: 4px;
  }
}

@media (max-width: 1199px) {
  .housekeeperInfo .housekeeperInfoInner .imgBox {
    padding-left: 0px;
  }
  .housekeeperInfo .housekeeperInfoInner .infoWrap {
    padding-left: 40px;
    padding-right: 0;
  }
  .housekeeperInfo .housekeeperInfoInner .infoWrap .text {
    line-height: 1.5;
  }
  .housekeeperInfo .housekeeperInfoInner .infoWrap .lineWrap {
    margin: 16px 0;
    padding: 16px;
  }
  .housekeeperInfo .housekeeperInfoInner .infoWrap .lineWrap .QRcode {
    width: 80px;
    height: 80px;
  }
  .housekeeperInfo .housekeeperInfoInner .infoWrap .lineWrap .doc {
    margin-left: 8px;
  }
  .housekeeperInfo .housekeeperInfoInner .infoWrap .lineWrap .lineBtn {
    width: 80px;
    height: 80px;
  }
  .housekeeperService .itemBox .keeperItem .iconBox {
    width: 100px;
    height: 100px;
  }
  .housekeeperService .itemBox .keeperItem .iconBox img {
    max-height: 50px;
    max-width: 40px;
  }
}

@media (max-width: 991px) {
  .housekeeperInfo .housekeeperInfoInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .housekeeperInfo .housekeeperInfoInner .imgBox {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    max-width: 70%;
    margin: 0 auto;
  }
  .housekeeperInfo .housekeeperInfoInner .infoWrap {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    padding-left: 0;
    padding-top: 40px;
    margin: 0 auto;
  }
  .housekeeperService {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .housekeeperService .itemBox {
    width: 70%;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .housekeeperService.Service2 .itemBox {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

@media (max-width: 767px) {
  .housekeeperInfo .housekeeperInfoInner .imgBox {
    max-width: 500px;
  }
  .housekeeperInfo .housekeeperInfoInner .infoWrap {
    width: 100%;
  }
  .housekeeperService .itemBox {
    width: 100%;
  }
}

@media (max-width: 575px) {
  .housekeeperInfo .housekeeperInfoInner {
    padding-top: 40px;
  }
  .housekeeperInfo .housekeeperInfoInner .infoWrap .font-40 {
    letter-spacing: 0;
    margin-bottom: 12px;
  }
  .housekeeperInfo .housekeeperInfoInner .infoWrap .telWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .housekeeperInfo .housekeeperInfoInner .infoWrap .telWrap .free {
    border-right: none;
    width: 100%;
    padding-right: 0;
    padding-bottom: 16px;
    text-align: center;
  }
  .housekeeperInfo .housekeeperInfoInner .infoWrap .telWrap .time {
    width: 100%;
    padding-left: 0;
    text-align: center;
  }
  .housekeeperService .itemBox .keeperItem {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .housekeeperService .itemBox .keeperItem .docBox {
    margin-left: 0;
    margin-top: 24px;
    max-width: 500px;
  }
  .housekeeperService .itemBox .keeperItem .docBox .title {
    text-align: center;
  }
}

#product-1 {
  background-color: #fff;
  text-align: center;
  margin-top: -60px;
}

#product-1 .max1150 {
  max-width: 1150px;
  margin: 0 auto;
}

#product-1 .max1200 {
  max-width: 1200px;
  margin: auto;
}

#product-1 .max1320 {
  max-width: 1320px;
  margin: auto;
}

#product-1 .max1400 {
  max-width: 1400px;
  margin: 0 auto;
}

#product-1 .max1600 {
  max-width: 1600px;
  margin: auto;
}

#product-1 .max1500 {
  max-width: 1400px;
  margin: 0 auto;
}

#product-1 .px10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

#product-1 .px30 {
  padding-left: 30px;
  padding-right: 30px;
}

#product-1 .bg-EEEDE9 {
  background: #EEEDE9;
}

#product-1 .bg-46761F {
  background: #46761F;
}

#product-1 .bg-D3A51C {
  background: #D3A51C;
}

#product-1 .bg-DF8E15 {
  background: #DF8E15;
}

#product-1 .bg-46761F {
  background: #46761F;
}

#product-1 .bg-14AA87 {
  background: #14AA87;
}

#product-1 .bg-BED7AA {
  background: #BED7AA;
}

#product-1 .bg-14AA87 {
  background: #14AA87;
}

#product-1 .text-755746 {
  color: #755746;
}

#product-1 .text-917568 {
  color: #917568;
}

#product-1 .text-14AA87 {
  color: #14AA87;
}

#product-1 .les02 {
  letter-spacing: 0.02em;
}

#product-1 .les03 {
  letter-spacing: 0.03em;
}

#product-1 .les05 {
  letter-spacing: 0.05em;
}

#product-1 .les1 {
  letter-spacing: 0.1em;
}

#product-1 .les2 {
  letter-spacing: 0.2em;
}

#product-1 .ws1 {
  word-spacing: 5px;
}

#product-1 .d-1399-mobile {
  display: none;
}

@media screen and (max-width: 1399px) {
  #product-1 .d-1399-mobile {
    display: block;
  }
}

#product-1 .d-1399-pc {
  display: block;
}

@media screen and (max-width: 1399px) {
  #product-1 .d-1399-pc {
    display: none;
  }
}

#product-1 .d-1199-mobile {
  display: none;
}

@media screen and (max-width: 1199px) {
  #product-1 .d-1199-mobile {
    display: block;
  }
}

#product-1 .d-1199-pc {
  display: block;
}

@media screen and (max-width: 1199px) {
  #product-1 .d-1199-pc {
    display: none;
  }
}

#product-1 .d-991-mobile {
  display: none;
}

@media screen and (max-width: 991px) {
  #product-1 .d-991-mobile {
    display: block;
  }
}

#product-1 .d-991-pc {
  display: block;
}

@media screen and (max-width: 991px) {
  #product-1 .d-991-pc {
    display: none;
  }
}

#product-1 .d-767-mobile {
  display: none;
}

@media screen and (max-width: 767px) {
  #product-1 .d-767-mobile {
    display: block;
  }
}

#product-1 .d-767-pc {
  display: block;
}

@media screen and (max-width: 767px) {
  #product-1 .d-767-pc {
    display: none;
  }
}

@media screen and (max-width: 1600px) {
  #product-1 .font-48 {
    font-size: 40px;
  }
}

@media screen and (max-width: 1399px) {
  #product-1 .font-48 {
    font-size: 36px;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .font-48 {
    font-size: 38px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .font-48 {
    font-size: 30px;
  }
}

@media screen and (max-width: 1600px) {
  #product-1 .font-36 {
    font-size: 30px;
  }
}

@media screen and (max-width: 1399px) {
  #product-1 .font-36 {
    font-size: 28px;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .font-36 {
    font-size: 28px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .font-36 {
    font-size: 24px;
  }
}

#product-1 .font-30 {
  font-size: 30px;
}

@media screen and (max-width: 575px) {
  #product-1 .font-24 {
    font-size: 20px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .font-20 {
    font-size: 14px;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .font-16 {
    font-size: 16px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .font-16 {
    font-size: 16px;
  }
}

#product-1 .lh-28 {
  line-height: 28px;
}

#product-1 .lh-30 {
  line-height: 30px;
}

@media screen and (max-width: 575px) {
  #product-1 .lh-30 {
    line-height: 28px;
  }
}

#product-1 .lh-36 {
  line-height: 36px;
}

#product-1 .lh-55 {
  line-height: 55px;
}

@media screen and (max-width: 991px) {
  #product-1 .lh-55 {
    line-height: 40px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .lh-55 {
    line-height: 36px;
  }
}

#product-1 .lh-60 {
  line-height: 60px;
}

@media screen and (max-width: 991px) {
  #product-1 .lh-60 {
    line-height: 42px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .lh-60 {
    line-height: 36px;
  }
}

#product-1 .lh-74 {
  line-height: 74px;
}

@media screen and (max-width: 991px) {
  #product-1 .container {
    max-width: 930px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .container {
    padding-left: 0;
    padding-right: 0;
  }
}

#product-1 .btnOuter {
  position: relative;
}

#product-1 .btnOuter:hover .circle {
  -webkit-animation: stroke 2s ease-out forwards;
          animation: stroke 2s ease-out forwards;
}

#product-1 .btnOuter:hover .slickBtn2 {
  color: #14AA87;
}

#product-1 .btnOuter svg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 60px;
  height: 60px;
}

#product-1 .btnOuter svg .circle {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
}

#product-1 .btnOuter svg .circle:hover {
  -webkit-animation: stroke 2s ease-out forwards;
          animation: stroke 2s ease-out forwards;
}

#product-1 .btnOuter.btnRight svg {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

#product-1 .border-b {
  position: relative;
}

#product-1 .border-b::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -23px;
  width: 100px;
  height: 1px;
  background: #BFBFBF;
}

@media screen and (max-width: 575px) {
  #product-1 .border-b::after {
    width: 55px;
  }
}

#product-1 .border-t {
  position: relative;
}

#product-1 .border-t::before {
  content: '';
  position: absolute;
  left: 0;
  top: -24px;
  width: 100px;
  height: 1px;
  background: #BFBFBF;
}

@media screen and (max-width: 575px) {
  #product-1 .border-t::before {
    width: 55px;
  }
}

#product-1 .text-shadow-f {
  text-shadow: 0 0 1px #fff, 0 0 3px #fff, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff;
}

#product-1 .slickBtn2 {
  width: 60px;
  height: 60px;
  background-color: #fff;
  color: #BFBFBF;
  border-radius: 50%;
  border: 1px solid #E3E3E3;
  padding-bottom: 2px;
  font-size: 16px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

#product-1 .slickPage {
  max-width: 100%;
}

#product-1 .slick-dotted.slick-slider {
  margin-bottom: 0;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}

#product-1 .banner {
  position: relative;
  padding-top: 60px;
}

#product-1 .banner .text-inner {
  position: absolute;
  right: 15%;
  top: 55.1%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: left;
  color: #fff;
  font-family: "Noto Sans TC", sans-serif;
}

@media screen and (max-width: 1199px) {
  #product-1 .banner .text-inner {
    right: 10%;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .banner .text-inner {
    right: auto;
    left: 45%;
  }
}

@media screen and (max-width: 767px) {
  #product-1 .banner .text-inner {
    -webkit-transform: none;
            transform: none;
    top: 15%;
    right: auto;
    left: 15%;
    width: 70%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 650px) {
  #product-1 .banner .text-inner {
    left: 10%;
    width: 80%;
  }
}

@media screen and (max-width: 1600px) {
  #product-1 .banner .text-inner .font-40 {
    font-size: 40px;
  }
}

@media screen and (max-width: 1199px) {
  #product-1 .banner .text-inner .font-40 {
    font-size: 36px;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .banner .text-inner .font-40 {
    font-size: 26px;
  }
}

@media screen and (max-width: 767px) {
  #product-1 .banner .text-inner .font-40 {
    font-size: 36px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .banner .text-inner .font-40 {
    font-size: 32px;
    font-size: 6vw;
    line-height: 6vw;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .banner .text-inner .font-50 {
    font-size: 35px;
  }
}

@media screen and (max-width: 767px) {
  #product-1 .banner .text-inner .font-50 {
    font-size: 45px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .banner .text-inner .font-50 {
    font-size: 36px;
    font-size: 7.1vw;
  }
}

#product-1 .banner .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 10px;
}

@media screen and (max-width: 360px) {
  #product-1 .banner .top {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

@media screen and (max-width: 1199px) {
  #product-1 .banner .top .imgBox {
    max-width: 190px;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .banner .top .imgBox {
    max-width: 160px;
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  #product-1 .banner .top .imgBox {
    max-width: 200px;
    padding-right: 5px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .banner .top .imgBox {
    max-width: 140px;
  }
}

@media screen and (max-width: 399px) {
  #product-1 .banner .top .imgBox {
    max-width: 120px;
  }
}

@media screen and (max-width: 360px) {
  #product-1 .banner .top .imgBox {
    max-width: 100px;
  }
}

#product-1 .banner .bottom {
  padding-top: 32px;
  padding-right: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 1199px) {
  #product-1 .banner .bottom {
    padding-top: 24px;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .banner .bottom {
    padding-top: 18px;
  }
}

@media screen and (max-width: 767px) {
  #product-1 .banner .bottom {
    padding-right: 0;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .banner .bottom {
    padding-top: 3.5vw;
  }
}

#product-1 .banner .bottom .name {
  position: relative;
  width: 100%;
  text-align: justify;
  text-align-last: justify;
}

#product-1 .banner .border-f {
  position: relative;
}

#product-1 .banner .border-f::after {
  content: '';
  position: absolute;
  left: 0;
  top: -6px;
  height: 1px;
  background: #fff;
  width: calc(100% - .75rem);
}

@media screen and (max-width: 1199px) {
  #product-1 .banner .border-f::after {
    top: 0;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .banner .border-f::after {
    top: 0px;
    width: calc(100% - 0.3rem);
  }
}

@media screen and (max-width: 575px) {
  #product-1 .banner .border-f::after {
    width: calc(100% - 0.2em);
  }
}

#product-1 .banner .bn-pc {
  display: block;
}

@media screen and (max-width: 1600px) {
  #product-1 .banner .bn-pc {
    display: none;
  }
}

#product-1 .banner .bn-tablet {
  display: none;
}

@media screen and (max-width: 1600px) {
  #product-1 .banner .bn-tablet {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  #product-1 .banner .bn-tablet {
    display: none;
  }
}

#product-1 .banner .bn-mobile {
  display: none;
}

@media screen and (max-width: 767px) {
  #product-1 .banner .bn-mobile {
    display: block;
    margin-top: -28px;
  }
}

#product-1 .sec1 {
  position: relative;
  padding-top: 120px;
  padding-bottom: 120px;
  background: url(images/product-1/sec1-bg.jpg);
  background-size: contain;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1199px) {
  #product-1 .sec1 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .sec1 {
    padding-top: 85px;
    padding-bottom: 90px;
  }
}

@media screen and (max-width: 767px) {
  #product-1 .sec1 {
    padding-top: 75px;
    padding-bottom: 75px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec1 {
    background: #fff;
    padding-top: 60px;
    padding-bottom: 55px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec1 .container {
    padding-left: 17px;
    padding-right: 17px;
  }
}

#product-1 .sec1 .outer {
  position: relative;
  padding-top: 25px;
}

@media screen and (max-width: 991px) {
  #product-1 .sec1 .outer {
    padding-top: 0;
  }
}

#product-1 .sec1 .mbCustom {
  margin-bottom: 24px;
}

@media screen and (max-width: 575px) {
  #product-1 .sec1 .mbCustom {
    margin-bottom: 32px;
  }
}

#product-1 .sec1 .videoWrap {
  max-width: 1000px;
  margin-bottom: 10px;
}

#product-1 .sec1 .videoWrap::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 30px;
  background: #B9B9B9;
  top: -30px;
}

@media screen and (max-width: 991px) {
  #product-1 .sec1 .videoWrap::before {
    height: 16px;
    top: -16px;
  }
}

#product-1 .sec1 .videoWrap::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 30px;
  background: #fff;
  top: 0px;
}

@media screen and (max-width: 991px) {
  #product-1 .sec1 .videoWrap::after {
    height: 16px;
    top: 0px;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .sec1 .videoWrap .videoPlayer {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec1 .videoWrap .videoPlayer .playBtnBox .playBtn {
    width: 100px;
  }
}

#product-1 .sec1 .bgImgBox {
  position: absolute;
  top: -30px;
  left: 0;
  display: none;
}

#product-1 .sec1 .bottom {
  background: #fff;
  padding: 20px 49px 28px;
  width: 90%;
  margin: 0 auto;
  max-width: 803px;
}

@media screen and (max-width: 1199px) {
  #product-1 .sec1 .bottom {
    padding: 0;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .sec1 .bottom {
    width: 100%;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec1 .bottom {
    padding: 0;
  }
}

@media screen and (max-width: 1199px) {
  #product-1 .sec1 .font-36 {
    font-size: 28px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec1 .font-36 {
    font-size: 24px;
  }
}

#product-1 .sec2 {
  position: relative;
  background: #F9F8F8;
}

#product-1 .sec2 .container {
  max-width: 976px;
}

#product-1 .sec2 .top {
  position: relative;
  padding-top: 115px;
  margin-bottom: -50px;
  padding-bottom: 6px;
}

@media screen and (max-width: 1399px) {
  #product-1 .sec2 .top {
    padding-top: 80px;
  }
}

@media screen and (max-width: 1199px) {
  #product-1 .sec2 .top {
    padding-top: 70px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec2 .top {
    padding-top: 55px;
  }
}

#product-1 .sec2 .centerItem {
  position: relative;
  margin-top: 10px;
}

@media screen and (max-width: 1199px) {
  #product-1 .sec2 .centerItem {
    margin-top: 0px;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .sec2 .centerItem {
    margin-top: 0;
    padding-top: 40px;
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec2 .centerItem {
    padding-top: 15px;
    -ms-flex-line-pack: center;
        align-content: center;
    padding-left: 20px;
    padding-right: 20px;
  }
}

#product-1 .sec2 .centerItem .cross {
  margin-top: 120px;
}

@media screen and (max-width: 991px) {
  #product-1 .sec2 .circle-outer {
    position: relative;
    width: 100%;
    min-height: 1px;
    -webkit-box-flex: 0;
            flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    max-width: 30%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec2 .circle-outer {
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec2 .circle-outer:nth-child(4) {
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    max-width: 100%;
  }
}

#product-1 .sec2 .circle-outer .tooltipCustom {
  display: none;
  opacity: 0;
  -webkit-transition: all .4s;
  transition: all .4s;
  position: absolute;
  z-index: 10;
  height: 55px;
  padding: 12px 14px 0px;
  bottom: 172px;
  left: 80px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 1px 9px 39px 5px rgba(0, 0, 0, 0.05);
          box-shadow: 1px 9px 39px 5px rgba(0, 0, 0, 0.05);
  width: auto;
  white-space: nowrap;
  max-width: 380px;
}

@media screen and (max-width: 1199px) {
  #product-1 .sec2 .circle-outer .tooltipCustom {
    bottom: 152px;
    left: 70px;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .sec2 .circle-outer .tooltipCustom {
    bottom: 152px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

@media screen and (max-width: 767px) {
  #product-1 .sec2 .circle-outer .tooltipCustom {
    bottom: 134px;
  }
}

#product-1 .sec2 .circle-outer .tooltipCustom::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

#product-1 .sec2 .circle-outer:hover .tooltipCustom {
  display: block;
  -webkit-transition: all .4s;
  transition: all .4s;
  -webkit-animation: fadeIn .4s linear forwards;
          animation: fadeIn .4s linear forwards;
}

#product-1 .sec2 .circle {
  position: absolute;
  width: 170px;
  height: 170px;
  background: #F9F9F9;
  border: 5px solid #FFFFFF;
  -webkit-box-shadow: 1px 9px 39px 5px rgba(0, 0, 0, 0.08);
          box-shadow: 1px 9px 39px 5px rgba(0, 0, 0, 0.08);
  z-index: 5;
  border-radius: 50%;
  margin-top: 32px;
}

@media screen and (max-width: 991px) {
  #product-1 .sec2 .circle {
    position: relative;
    margin: 10px 0;
  }
}

@media screen and (max-width: 767px) {
  #product-1 .sec2 .circle {
    width: 150px;
    height: 150px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec2 .circle {
    margin: 0;
  }
}

@media screen and (max-width: 360px) {
  #product-1 .sec2 .circle {
    width: 120px;
    height: 120px;
  }
}

#product-1 .sec2 .circle p {
  font-family: 'Noto Sans TC';
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #5C5C5C;
  margin-top: 14px;
  margin-bottom: 0;
  text-overflow: ellipsis;
  transition: color .4s;
  -webkit-transition: color .4s;
}

@media screen and (max-width: 991px) {
  #product-1 .sec2 .circle p {
    margin-top: 4px;
  }
}

@media screen and (max-width: 767px) {
  #product-1 .sec2 .circle p {
    font-size: 16px;
    line-height: 22px;
    margin-top: 4px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec2 .circle p {
    font-weight: 400;
    font-size: 14px;
    margin-top: 5px;
    line-height: 18px;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .sec2 .circle img {
    -webkit-transform: scale(0.8, 0.8);
            transform: scale(0.8, 0.8);
  }
}

#product-1 .sec2 .circle .beforeHover {
  display: block;
  opacity: 1;
  -webkit-transition: all .4s;
  transition: all .4s;
}

#product-1 .sec2 .circle .afterHover {
  display: none;
  opacity: 0;
  -webkit-transition: all .4s;
  transition: all .4s;
}

#product-1 .sec2 .circle:hover p {
  color: #fff;
  transition: color .4s;
  -webkit-transition: color .4s;
}

#product-1 .sec2 .circle:hover .beforeHover {
  display: none;
  opacity: 0;
  -webkit-transition: all .4s;
  transition: all .4s;
}

#product-1 .sec2 .circle:hover .afterHover {
  display: block;
  opacity: 1;
  -webkit-transition: all .4s;
  transition: all .4s;
}

#product-1 .sec2 .circle:hover .circle-inner {
  border: 5px solid #009D79;
  background: #14AA87;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#product-1 .sec2 .circle:hover .circle-inner .img-box img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

#product-1 .sec2 .circle-inner {
  position: relative;
  width: 160px;
  height: 160px;
  background: #F9F9F9;
  border: 5px solid #F9F9F9;
  z-index: 5;
  border-radius: 50%;
  -webkit-transition: all .4s;
  transition: all .4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 767px) {
  #product-1 .sec2 .circle-inner {
    width: 140px;
    height: 140px;
  }
}

@media screen and (max-width: 360px) {
  #product-1 .sec2 .circle-inner {
    width: 110px;
    height: 110px;
  }
}

#product-1 .sec2 .circle1 {
  left: 0%;
  top: 370px;
}

@media screen and (max-width: 1199px) {
  #product-1 .sec2 .circle1 {
    left: 0%;
    top: 350px;
  }
}

#product-1 .sec2 .circle2 {
  left: 10%;
  top: 128px;
}

@media screen and (max-width: 1199px) {
  #product-1 .sec2 .circle2 {
    left: 13%;
    top: 135px;
  }
}

#product-1 .sec2 .circle3 {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 4px;
}

@media screen and (max-width: 1199px) {
  #product-1 .sec2 .circle3 {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: 12px;
  }
}

#product-1 .sec2 .circle4 {
  left: 70%;
  top: 128px;
}

@media screen and (max-width: 1199px) {
  #product-1 .sec2 .circle4 {
    left: 73%;
    top: 135px;
  }
}

#product-1 .sec2 .circle5 {
  left: 82%;
  top: 370px;
}

@media screen and (max-width: 1199px) {
  #product-1 .sec2 .circle5 {
    left: 84%;
    top: 383.36px;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .sec2 .circle1, #product-1 .sec2 .circle2, #product-1 .sec2 .circle3, #product-1 .sec2 .circle4, #product-1 .sec2 .circle5 {
    left: 0;
    top: 0;
    -webkit-transform: none;
            transform: none;
  }
}

#product-1 .sec2 .centerImg {
  position: absolute;
  bottom: -242px;
  left: 52%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  pointer-events: none;
}

@media screen and (max-width: 1399px) {
  #product-1 .sec2 .centerImg {
    bottom: -120px;
  }
}

@media screen and (max-width: 1199px) {
  #product-1 .sec2 .centerImg {
    bottom: -150px;
    left: 41%;
    -webkit-transform: translateX(-30%);
            transform: translateX(-30%);
  }
}

@media screen and (max-width: 991px) {
  #product-1 .sec2 .centerImg {
    position: relative;
    bottom: -16px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec2 .centerImg {
    padding-bottom: 66px;
    padding-left: 10%;
    padding-right: 8%;
    margin-top: -14px;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .sec2 .centerImg img {
    margin-bottom: -150px;
  }
}

#product-1 .sec2 .bottom {
  padding-top: 326px;
  padding-bottom: 40px;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 1399px) {
  #product-1 .sec2 .bottom {
    padding-top: 150px;
  }
}

@media screen and (max-width: 1199px) {
  #product-1 .sec2 .bottom {
    padding-top: 200px;
    padding-bottom: 100px;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .sec2 .bottom {
    padding-top: 210px;
    padding-bottom: 80px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec2 .bottom {
    padding-top: 170px;
    padding-bottom: 64px;
  }
}

#product-1 .sec2 .bottom p {
  max-width: 788px;
}

#product-1 .sec3 {
  text-align: left;
}

@media screen and (max-width: 1199px) {
  #product-1 .sec3 .font-48 {
    font-size: 32px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec3 .font-48 {
    font-size: 30px;
  }
}

@media screen and (max-width: 1199px) {
  #product-1 .sec3 .font-36 {
    font-size: 24px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec3 .font-36 {
    font-size: 24px;
  }
}

@media screen and (max-width: 1199px) {
  #product-1 .sec3 .lh-60 {
    line-height: 38px;
  }
}

#product-1 .sec3 .row {
  margin: 5px;
  margin-bottom: 0;
}

#product-1 .sec3 .row .col-12 {
  padding: 5px;
}

#product-1 .sec3 .img-inner {
  display: block;
  overflow: hidden;
  height: 100%;
}

#product-1 .sec3 .txt-inner {
  background-color: #F9F9F9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  padding: 20px 5% 60px 90px;
}

@media screen and (max-width: 1900px) {
  #product-1 .sec3 .txt-inner {
    max-height: 620px;
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 1399px) {
  #product-1 .sec3 .txt-inner {
    padding: 20px 2px 20px 40px;
  }
}

@media screen and (max-width: 1199px) {
  #product-1 .sec3 .txt-inner {
    padding: 30px;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .sec3 .txt-inner {
    padding: 8% 4% 8% 8%;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec3 .txt-inner {
    padding: 39px 23px 39px 27px;
  }
}

#product-1 .sec3 .txt-inner.plPlus {
  padding-left: 23%;
}

@media screen and (max-width: 1900px) {
  #product-1 .sec3 .txt-inner.plPlus {
    padding-left: 90px;
  }
}

@media screen and (max-width: 1199px) {
  #product-1 .sec3 .txt-inner.plPlus {
    padding-left: 30px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec3 .txt-inner.plPlus {
    padding-left: 27px;
  }
}

#product-1 .sec3 .txt-inner.plPlus .txt-box .des {
  padding-right: 15%;
}

@media screen and (max-width: 1199px) {
  #product-1 .sec3 .txt-inner.plPlus .txt-box .des {
    padding-right: 0;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec3 .txt-inner.plPlus .txt-box .des {
    padding-right: 1px;
  }
}

#product-1 .sec3 .txt-inner .txt-box {
  position: relative;
  z-index: 5;
}

#product-1 .sec3 .txt-inner .txt-box .title {
  padding-bottom: 24px;
}

#product-1 .sec3 .txt-inner .txt-box .title :last-child {
  margin-bottom: 0;
}

#product-1 .sec3 .txt-inner .txt-box .des {
  padding-top: 24px;
  position: relative;
  padding-right: 28%;
}

@media screen and (max-width: 1199px) {
  #product-1 .sec3 .txt-inner .txt-box .des {
    padding-right: 30px;
  }
}

#product-1 .sec3 .txt-inner .txt-box .des.border-deco::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  height: 1px;
  background: #BFBFBF;
}

@media screen and (max-width: 575px) {
  #product-1 .sec3 .txt-inner .txt-box p {
    padding-right: 1px;
  }
}

#product-1 .sec3 .bg-box {
  position: absolute;
  right: 12.5%;
  bottom: 11%;
  max-width: 100%;
  height: auto;
  z-index: 4;
}

@media screen and (max-width: 1399px) {
  #product-1 .sec3 .bg-box {
    display: none;
  }
}

#product-1 .sec4 .container {
  max-width: 1660px;
  padding-top: 130px;
}

@media screen and (max-width: 1399px) {
  #product-1 .sec4 .container {
    padding-top: 100px;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .sec4 .container {
    padding-top: 90px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec4 .container {
    padding-top: 70px;
    padding-left: 5px;
    padding-right: 5px;
  }
}

#product-1 .sec4 .container .bg-pc {
  width: 100%;
  max-width: 1600px;
  height: 650px;
  margin-top: 57px;
}

@media screen and (max-width: 1399px) {
  #product-1 .sec4 .container .bg-pc {
    height: 100%;
    margin-top: 30px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec4 .container .bg-pc {
    margin-top: 30px;
  }
}

#product-1 .sec4 .container .d-1199-pc img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
}

#product-1 .sec4 .table-wrap {
  padding-top: 90px;
  padding-left: 80px;
}

@media screen and (max-width: 1399px) {
  #product-1 .sec4 .table-wrap {
    padding: 0;
    padding: 50px 20px 50px 50px;
  }
}

@media screen and (max-width: 1199px) {
  #product-1 .sec4 .table-wrap {
    padding-top: 40px;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .sec4 .table-wrap {
    padding: 30px 15px 10px;
  }
}

@media screen and (max-width: 767px) {
  #product-1 .sec4 .table-wrap {
    padding: 30px 5px 10px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec4 .table-wrap {
    padding-top: 35px;
  }
}

#product-1 .sec4 .table-wrap .title {
  margin-bottom: 30px;
}

@media screen and (max-width: 575px) {
  #product-1 .sec4 .table-wrap .title {
    margin-bottom: 16px;
  }
}

#product-1 .sec4 .tableCustom {
  width: 530px;
  margin: 0 auto;
  border-top: 2px solid #000;
  text-align: left;
}

@media screen and (max-width: 1399px) {
  #product-1 .sec4 .tableCustom {
    width: 80%;
    height: auto;
    margin: 10px auto;
  }
}

@media screen and (max-width: 1199px) {
  #product-1 .sec4 .tableCustom {
    width: 90%;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .sec4 .tableCustom {
    width: 100%;
  }
}

#product-1 .sec4 .tableCustom .row {
  background: #F2F2F2;
  border-bottom: 1px solid #919191;
  padding: 14px 0 14px 45px;
}

@media screen and (max-width: 1399px) {
  #product-1 .sec4 .tableCustom .row {
    padding-left: 30px;
  }
}

@media screen and (max-width: 1199px) {
  #product-1 .sec4 .tableCustom .row {
    padding-left: 45px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec4 .tableCustom .row {
    padding: 10px 0 13px 26px;
  }
}

#product-1 .sec4 .tableCustom .row:nth-child(even) {
  background: #F9F9F9;
}

#product-1 .sec4 .tableCustom .row .thc {
  color: #2F2F2F;
  font-size: 16px;
  font-weight: 600;
  font-family: 'Noto Sans TC', sans-serif;
  line-height: 24px;
  padding-right: 10px;
}

@media screen and (max-width: 575px) {
  #product-1 .sec4 .tableCustom .row .thc {
    padding-right: 15px;
  }
}

#product-1 .sec4 .tableCustom .row .tdc {
  color: #2F2F2F;
  font-size: 16px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  padding-right: 15px;
}

@media screen and (max-width: 1199px) {
  #product-1 .sec4 .font-30 {
    font-size: 24px;
  }
}

@media screen and (max-width: 767px) {
  #product-1 .sec4 .lh-60 {
    line-height: 30px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec4 .lh-60 {
    line-height: 20px;
  }
}

#product-1 .sec5 {
  position: relative;
  padding-top: 140px;
  padding-bottom: 160px;
}

@media screen and (max-width: 1399px) {
  #product-1 .sec5 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media screen and (max-width: 1199px) {
  #product-1 .sec5 {
    padding-top: 45px;
    padding-bottom: 90px;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .sec5 {
    padding-top: 55px;
  }
}

@media screen and (max-width: 767px) {
  #product-1 .sec5 {
    padding-bottom: 80px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec5 {
    padding-top: 45px;
    padding-bottom: 60px;
  }
}

#product-1 .sec5 .priceViewBlock {
  background-color: transparent;
  padding-top: 40px;
}

@media screen and (max-width: 991px) {
  #product-1 .sec5 .priceViewBlock {
    padding-top: 30px;
  }
}

#product-1 .sec5 .priceViewBlock .priceSlickArrow {
  margin: 0 auto;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 1600px;
  max-width: calc(100% - 60px);
}

@media screen and (max-width: 767px) {
  #product-1 .sec5 .priceViewBlock .priceSlickArrow {
    max-width: 100%;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec5 .priceViewBlock .priceSlickArrow .btnOuter {
    -webkit-transform: scale(0.6, 0.6);
            transform: scale(0.6, 0.6);
    z-index: 10;
  }
}

#product-1 .sec5 .priceSlick {
  max-width: 1466px;
  margin: 0 auto;
  z-index: 10;
  position: relative;
}

@media screen and (max-width: 1499px) {
  #product-1 .sec5 .priceSlick {
    max-width: 1080px;
  }
}

@media screen and (max-width: 1199px) {
  #product-1 .sec5 .priceSlick {
    max-width: 720px;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .sec5 .priceSlick {
    max-width: 360px;
  }
}

@media screen and (max-width: 767px) {
  #product-1 .sec5 .priceSlick {
    max-width: 350px;
  }
}

#product-1 .sec5 .priceSlick .slick-slide {
  margin: 0 11px;
  width: 350px;
  max-width: calc(100vw - 17px);
}

#product-1 .sec5 .priceSlick .slick-track {
  left: 10px;
  margin-bottom: 40px;
}

@media screen and (max-width: 1399px) {
  #product-1 .sec5 .priceSlick .slick-track {
    left: 12px;
  }
}

@media screen and (max-width: 1199px) {
  #product-1 .sec5 .priceSlick .slick-track {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .sec5 .priceSlick .slick-track {
    left: 20px;
  }
}

@media screen and (max-width: 767px) {
  #product-1 .sec5 .priceSlick .slick-track {
    left: 10px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec5 .priceSlick .slick-track {
    left: 0;
  }
}

#product-1 .sec5 .priceSlick .slick-list {
  margin: 0 -11px;
}

#product-1 .sec5 .priceSlick .slick-dots {
  position: static;
  -webkit-transform: none;
          transform: none;
  margin: 0 auto;
}

@media screen and (max-width: 575px) {
  #product-1 .sec5 .priceSlick .slick-dots {
    margin-bottom: 11px;
  }
}

#product-1 .sec5 .priceSlick .slick-dots li {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 9px;
}

#product-1 .sec5 .priceSlick .slick-dots li button {
  width: 10px;
}

#product-1 .sec5 .priceSlick .slick-dots li button::before {
  content: '';
  opacity: 1;
  background-color: #BED7AA;
  width: 9px;
  height: 9px;
  border-radius: 5px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

#product-1 .sec5 .priceSlick .slick-dots li.slick-active {
  width: 33px;
}

#product-1 .sec5 .priceSlick .slick-dots li.slick-active button::before {
  width: 33px;
  background-color: #14AA87;
}

#product-1 .sec5 .priceItem {
  position: relative;
  width: 350px;
  text-align: center;
}

#product-1 .sec5 .priceItem .center {
  width: 203px;
  margin: 5px auto 0;
}

#product-1 .sec5 .priceItem .center > a:hover {
  color: #14AA87;
}

#product-1 .sec5 .priceItem .tagsWrap .tag {
  font-size: 14px;
  margin-right: 5px;
  margin-bottom: 5px;
}

#product-1 .sec5 .priceItem .txtBox {
  margin-top: 20px;
}

#product-1 .sec5 .priceItem .txtBox .price {
  text-align: left;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#product-1 .sec5 .priceItem .txtBox .price p {
  text-align: left;
  margin-bottom: 0;
}

#product-1 .sec5 .priceItem .txtBox .price p.left {
  font-family: 'Noto Sans TC';
  font-weight: 400;
  font-size: 16px;
  color: #2F2F2F;
  text-align: justify;
  text-align-last: justify;
  width: 70px;
}

#product-1 .sec5 .priceItem .txtBox .price p.right {
  text-align: left;
  font-family: 'Poppins';
  font-weight: 300;
  font-size: 18px;
  color: #2F2F2F;
  width: calc(100% - 70px);
  padding-left: 40px;
  word-break: break-all;
}

#product-1 .sec5 .priceItem .priceImgBox {
  position: relative;
}

#product-1 .sec5 .priceItem .priceImgBox .bg {
  padding-top: 82%;
}

#product-1 .sec5 .priceItem .priceImgBox .bg::before {
  content: '';
  width: 100%;
  padding-top: 64.1509%;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

#product-1 .sec5 .priceItem .priceImgBox .priceImg {
  width: 100%;
  padding-top: 82%;
  position: absolute;
  top: 0;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

#product-1 .sec5 .priceItem .priceImgBox .priceImg::before, #product-1 .sec5 .priceItem .priceImgBox .priceImg::after {
  content: '';
  width: 55px;
  height: 55px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

#product-1 .sec5 .priceItem .priceImgBox .priceImg::before {
  background-color: #14AA87;
}

#product-1 .sec5 .priceItem .priceImgBox .priceImg::after {
  background-image: url(images/layout/arrowWhite.svg);
  background-repeat: no-repeat;
  background-position: center center;
  width: 15px;
}

#product-1 .sec5 .priceItem .priceImgBox:hover .priceImg::before {
  opacity: 0.85;
}

#product-1 .sec5 .priceItem .priceImgBox:hover .priceImg::after {
  opacity: 1;
}

#product-1 .sec5 .priceItem > a.font-20 {
  max-width: 194px;
  word-wrap: break-word;
  margin: 0 auto;
}

@media screen and (max-width: 575px) {
  #product-1 .sec5 .priceItem .font-20 {
    font-size: 20px;
  }
}

@media screen and (max-width: 1199px) {
  #product-1 .sec5 .lh-55 {
    line-height: 40px;
  }
}

#product-1 .sec5 h4 {
  color: #14AA87 !important;
}

#product-1 .sec6 {
  text-align: left;
  position: relative;
  padding-bottom: 300px;
}

@media screen and (max-width: 991px) {
  #product-1 .sec6 {
    padding-bottom: 260px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec6 {
    padding-bottom: 250px;
  }
}

#product-1 .sec6 .bg-pc {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left top;
}

@media screen and (max-width: 991px) {
  #product-1 .sec6 .bg-pc {
    min-height: 0px;
  }
}

#product-1 .sec6 .left-bg img {
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#product-1 .sec6 .right {
  padding-top: 135px;
  padding-left: 0px;
  margin-left: -15px;
}

@media screen and (max-width: 1900px) {
  #product-1 .sec6 .right {
    margin-left: 0;
    padding-left: 30px;
  }
}

@media screen and (max-width: 1399px) {
  #product-1 .sec6 .right {
    padding-top: 80px;
    padding-left: 0px;
  }
}

@media screen and (max-width: 1199px) {
  #product-1 .sec6 .right {
    padding-left: 40px;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .sec6 .right {
    padding-left: 0;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec6 .right {
    padding-top: 54px;
  }
}

#product-1 .sec6 .right .img-inner {
  margin-bottom: -300px;
  margin-left: -48px;
  max-width: 750px;
  padding-top: 40px;
}

@media screen and (max-width: 1399px) {
  #product-1 .sec6 .right .img-inner {
    padding-top: 20px;
  }
}

@media screen and (max-width: 1199px) {
  #product-1 .sec6 .right .img-inner {
    margin-bottom: -240px;
    padding-top: 0;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .sec6 .right .img-inner {
    max-width: 993px;
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 90px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec6 .right .img-inner {
    padding-top: 0;
    margin-top: 0;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .sec6 .right .img-inner img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
  }
}

@media screen and (max-width: 1199px) {
  #product-1 .sec6 .right .text-inner {
    margin-left: -20px;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .sec6 .right .text-inner {
    margin-left: 0px;
    padding-left: 60px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec6 .right .text-inner {
    padding-left: 7%;
  }
}

#product-1 .sec6 .border-t {
  margin-top: 50px;
  margin-bottom: 80px;
}

#product-1 .sec6 .lh-60 {
  line-height: 55px;
}

@media screen and (max-width: 1399px) {
  #product-1 .sec6 .lh-60 {
    line-height: 50px;
  }
}

@media screen and (max-width: 1199px) {
  #product-1 .sec6 .lh-60 {
    line-height: 36px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec6 .lh-60 {
    line-height: 36px;
  }
}

@media screen and (max-width: 1199px) {
  #product-1 .sec6 .font-48 {
    font-size: 34px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec6 .font-48 {
    font-size: 30px;
  }
}

@media screen and (max-width: 1199px) {
  #product-1 .sec6 .font-36 {
    font-size: 26px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec6 .font-36 {
    font-size: 24px;
  }
}

#product-1 .sec7 {
  text-align: left;
  position: relative;
  padding-bottom: 145px;
}

@media screen and (max-width: 1399px) {
  #product-1 .sec7 {
    padding-bottom: 100px;
  }
}

@media screen and (max-width: 1199px) {
  #product-1 .sec7 {
    padding-bottom: 70px;
  }
}

#product-1 .sec7 .container-fluid {
  margin-top: -130px;
  position: relative;
  padding-left: 70px;
}

@media screen and (max-width: 1900px) {
  #product-1 .sec7 .container-fluid {
    padding-left: 0;
  }
}

@media screen and (max-width: 1399px) {
  #product-1 .sec7 .container-fluid {
    padding-left: 6%;
    padding-right: 6%;
  }
}

@media screen and (max-width: 1199px) {
  #product-1 .sec7 .container-fluid {
    margin-top: -180px;
    padding-left: 5%;
    padding-right: 5%;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .sec7 .container-fluid {
    margin-top: -180px;
    padding-left: 5%;
    padding-right: 5%;
  }
}

@media screen and (max-width: 767px) {
  #product-1 .sec7 .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec7 .container-fluid {
    padding-left: 0;
    padding-right: 0;
    margin-top: -190px;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .sec7 .text-inner {
    padding-left: 30px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec7 .text-inner {
    padding-left: 7%;
  }
}

#product-1 .sec7 .outer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 991px) {
  #product-1 .sec7 .outer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 0;
  }
}

#product-1 .sec7 .circles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media screen and (max-width: 1399px) {
  #product-1 .sec7 .circles {
    padding-left: 10px;
  }
}

@media screen and (max-width: 1199px) {
  #product-1 .sec7 .circles {
    padding-top: 100px;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .sec7 .circles {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-top: 40px;
    padding-left: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media screen and (max-width: 767px) {
  #product-1 .sec7 .circles {
    padding-top: 60px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec7 .circles {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 0;
    margin-top: 40px;
  }
}

#product-1 .sec7 .circle-outer {
  position: relative;
}

@media screen and (max-width: 991px) {
  #product-1 .sec7 .circle-outer {
    margin: auto 75px;
  }
}

@media screen and (max-width: 767px) {
  #product-1 .sec7 .circle-outer {
    margin: auto 5px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec7 .circle-outer {
    margin: auto 2px;
  }
}

#product-1 .sec7 .circle {
  width: 155px;
  height: 155px;
  border-radius: 50%;
  background: #FFFFFF;
  border: 1px solid #14AA87;
  position: relative;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 63px;
}

@media screen and (max-width: 991px) {
  #product-1 .sec7 .circle {
    margin: auto 30px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec7 .circle {
    width: 135px;
    height: 135px;
    margin: auto 5px;
  }
}

#product-1 .sec7 .circle .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#product-1 .sec7 .circle .inner p {
  margin-bottom: 0;
}

@media screen and (max-width: 575px) {
  #product-1 .sec7 .circle img {
    -webkit-transform: scale(0.9, 0.9);
            transform: scale(0.9, 0.9);
  }
}

#product-1 .sec7 .circle:hover {
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-box-shadow: 4px 16px 40px 7px rgba(0, 0, 0, 0.1);
          box-shadow: 4px 16px 40px 7px rgba(0, 0, 0, 0.1);
}

#product-1 .sec7 .smallCircle {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  width: 50px;
  height: 50px;
  left: -3px;
  top: -3px;
  background: #14AA87;
  border: 3px solid #FFFFFF;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 991px) {
  #product-1 .sec7 .smallCircle {
    left: 15px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec7 .smallCircle {
    width: 35px;
    height: 35px;
    top: 0;
    left: 5px;
    border: 2px solid #FFF;
  }
}

#product-1 .sec7 .center {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-left: 180px;
}

@media screen and (max-width: 1199px) {
  #product-1 .sec7 .center {
    -ms-flex-negative: 2;
        flex-shrink: 2;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .sec7 .center {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding-left: 0;
    margin-top: 42px;
  }
}

#product-1 .sec7 .side {
  position: absolute;
  right: 12%;
  bottom: 22%;
}

@media screen and (max-width: 1900px) {
  #product-1 .sec7 .side {
    right: 11%;
  }
}

#product-1 .sec7 .img-box {
  padding-left: 50px;
}

@media screen and (max-width: 1199px) {
  #product-1 .sec7 .img-box {
    padding-left: 30px;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .sec7 .img-box {
    padding-top: 40px;
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec7 .img-box {
    padding: 30px 5px 0;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec7 .border-b::after {
    bottom: -15px;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .sec7 .d-991-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media screen and (max-width: 1199px) {
  #product-1 .sec7 .font-18 {
    font-size: 18px;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .sec7 .font-18 {
    font-size: 16px;
  }
}

#product-1 .sec7detail {
  position: relative;
}

@media screen and (max-width: 1399px) {
  #product-1 .sec7detail {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .sec7detail {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

#product-1 .sec7detail .container {
  max-width: 1270px;
}

#product-1 .sec7detail .title p {
  padding: 0 18px;
}

#product-1 .sec7detail .border-b::after {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

#product-1 .sec7detail .mbCustom {
  margin-bottom: 51px;
}

@media screen and (max-width: 575px) {
  #product-1 .sec7detail .mbCustom {
    margin-bottom: 33px;
  }
}

#product-1 .sec7detail .cirecle-outer {
  position: absolute;
  right: 55px;
  top: -45px;
}

@media screen and (max-width: 575px) {
  #product-1 .sec7detail .cirecle-outer {
    top: -35px;
    right: 24px;
  }
}

#product-1 .sec7detail .circle {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 575px) {
  #product-1 .sec7detail .circle {
    width: 65px;
    height: 65px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec7detail .circle img {
    -webkit-transform: scale(0.85, 0.85);
            transform: scale(0.85, 0.85);
  }
}

#product-1 .sec7detail .item-wrap {
  position: relative;
  background: #fff;
  text-align: left;
  width: 600px;
  margin: 0 auto 20px;
}

#product-1 .sec7detail .item-wrap .text-inner {
  position: relative;
  padding: 23px 23px 27px 44px;
}

@media screen and (max-width: 575px) {
  #product-1 .sec7detail .item-wrap .text-inner {
    padding: 18px 22px 24px 22px;
  }
}

#product-1 .sec7detail .item-wrap .img-inner {
  display: block;
  overflow: hidden;
}

#product-1 .sec7detail .item-wrap p {
  margin-bottom: 0;
}

#product-1 .sec7-1 {
  background: #F9F8F8;
  padding-top: 113px;
  padding-bottom: 97px;
}

@media screen and (max-width: 575px) {
  #product-1 .sec7-1 {
    padding-top: 56px;
    padding-bottom: 45px;
  }
}

#product-1 .sec7-2 {
  background: #fff;
  padding-top: 103px;
  padding-bottom: 110px;
}

@media screen and (max-width: 575px) {
  #product-1 .sec7-2 {
    padding-top: 53px;
    padding-bottom: 50px;
  }
}

#product-1 .sec7-2 .item-wrap {
  background: #F9F8F8;
}

#product-1 .sec8 {
  position: relative;
}

#product-1 .sec8 .slickPage {
  position: static;
}

#product-1 .sec8 .slickPage .number {
  font-size: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 575px) {
  #product-1 .sec8 .slickPage .number {
    margin-bottom: -6px;
  }
}

#product-1 .sec8 .slickPage .number .slash {
  background: #2F2F2F;
  margin-top: -20px;
}

#product-1 .sec8 .slickPage .arrow .slickBtn {
  color: #BFBFBF;
}

#product-1 .sec8 .slickPage .arrow .slickBtn:hover {
  color: #000;
}

#product-1 .sec8 .slickPage .bar {
  border-top: 2px solid #BFBFBF;
}

#product-1 .sec8 .slickPage .bar .currentW {
  border-top: 2px solid #2F2F2F;
  margin-top: -2px;
}

#product-1 .sec8 .top {
  background-color: #F9F8F8;
  padding-top: 110px;
  padding-bottom: 10px;
}

@media screen and (max-width: 1600px) {
  #product-1 .sec8 .top {
    padding-top: 90px;
  }
}

@media screen and (max-width: 1399px) {
  #product-1 .sec8 .top {
    padding-top: 90px;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .sec8 .top {
    padding-top: 90px;
  }
}

@media screen and (max-width: 767px) {
  #product-1 .sec8 .top {
    padding-top: 80px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec8 .top {
    padding-top: 70px;
    padding-bottom: 0;
  }
}

#product-1 .sec8 .bottom {
  padding-bottom: 100px;
  position: relative;
}

@media screen and (max-width: 1199px) {
  #product-1 .sec8 .bottom {
    padding-bottom: 90px;
  }
}

@media screen and (max-width: 767px) {
  #product-1 .sec8 .bottom {
    padding-bottom: 70px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec8 .bottom {
    padding-top: 0;
    padding-bottom: 60px;
  }
}

#product-1 .sec8 .bottom::before {
  content: '';
  width: 100%;
  height: 41%;
  background: #F9F8F8;
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}

#product-1 .sec8 .bottom .item {
  background: #fff;
  -webkit-box-shadow: 3px 8px 20px 4px rgba(0, 0, 0, 0.08);
          box-shadow: 3px 8px 20px 4px rgba(0, 0, 0, 0.08);
  padding: 26px 25px;
}

@media screen and (max-width: 575px) {
  #product-1 .sec8 .bottom .item {
    padding: 26px 25px 18px;
  }
}

#product-1 .sec8 .bottom .item .circle {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  border: 1px solid #14AA87;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#product-1 .sec8 .bottom .item-inner .btm {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 16px;
}

#product-1 .sec8 .bottom .item-inner .left p {
  text-align: left;
  word-break: break-all;
}

#product-1 .sec8 .bottom .item-inner .right {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

#product-1 .sec8 .bottom .reportSlick {
  max-width: 1360px;
  margin: 0 auto;
  padding-bottom: 0px;
}

@media screen and (max-width: 575px) {
  #product-1 .sec8 .bottom .reportSlick {
    padding-bottom: 10px;
  }
}

#product-1 .sec8 .bottom .reportSlick .reportSlickItem {
  position: relative;
  min-height: 430px;
  width: 280px;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: scale(92%);
  transform: scale(92%);
}

@media screen and (max-width: 575px) {
  #product-1 .sec8 .bottom .reportSlick .reportSlickItem {
    min-height: 420px;
  }
}

#product-1 .sec8 .bottom .reportSlick .reportSlickItem:hover {
  -webkit-transform: none;
  transform: none;
}

#product-1 .sec8 .bottom .reportSlick .reportSlickItem:hover .circle {
  background: #14AA87;
  -webkit-transition: all .4s;
  transition: all .4s;
}

#product-1 .sec8 .bottom .reportSlick .reportSlickItem:hover .circle .beforeHover {
  display: none;
}

#product-1 .sec8 .bottom .reportSlick .reportSlickItem:hover .circle .afterHover {
  display: inline-block;
}

#product-1 .sec8 .bottom .reportSlick .reportSlickItem .circle .beforeHover {
  display: inline-block;
}

#product-1 .sec8 .bottom .reportSlick .reportSlickItem .circle .afterHover {
  display: none;
}

#product-1 .sec8 .bottom .reportSlick .reportSlickItem .imgBox {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  max-height: 300px;
  width: auto;
}

#product-1 .sec8 .bottom .reportSlick .reportSlickItem .imgBox.grayBorder {
  border: 1px solid #E3E3E3;
}

#product-1 .sec8 .bottom .reportSlick .reportSlickItem .imgBox.object-fit {
  position: relative;
  padding-bottom: 132.9%;
}

#product-1 .sec8 .bottom .reportSlick .reportSlickItem .imgBox.object-fit img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#product-1 .sec8 .bottom .reportSlick .reportSlickItem .imgBox img {
  margin: 0 auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  width: auto;
}

#product-1 .sec8 .bottom .reportSlick .slick-track {
  left: -200px;
  padding: 45px;
}

@media screen and (max-width: 1600px) {
  #product-1 .sec8 .bottom .reportSlick .slick-track {
    left: 0;
  }
}

@media screen and (max-width: 1399px) {
  #product-1 .sec8 .bottom .reportSlick .slick-track {
    padding: 30px 30px 40px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec8 .bottom .reportSlick .slick-track {
    padding: 30px 40px;
  }
}

#product-1 .sec8 .bottom .reportSlick .slick-slide {
  margin: 0 45px;
  width: 280px;
  max-width: 280px;
}

#product-1 .sec8 .bottom .reportSlick .slick-list {
  margin: 0 -45px;
}

@media screen and (max-width: 575px) {
  #product-1 .sec8 .bottom .reportSlick .slick-list {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    padding-bottom: 160px;
  }
}

#product-1 .sec8 .text-inner {
  padding: 0 30px;
  margin-bottom: 20px;
}

@media screen and (max-width: 1199px) {
  #product-1 .sec8 .text-inner .font-20 {
    font-size: 20px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec8 .reportSlickPage {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    bottom: 70px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec8 .reportSlickPage .bar {
    display: none;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec8 .reportSlickPage .arrow {
    margin-left: 0;
    width: 207px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec8 .reportSlickPage .arrow .slickBtn:hover {
    color: #917568;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec8 .font-20 {
    font-size: 20px;
  }
}

#product-1 .sec9 {
  position: relative;
  text-align: center;
  background: #F9F8F8;
  padding-top: 120px;
  padding-bottom: 116px;
}

@media screen and (max-width: 1399px) {
  #product-1 .sec9 {
    padding-bottom: 100px;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .sec9 {
    padding-bottom: 90px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec9 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

#product-1 .sec9 .userViewBlock {
  padding-top: 32px;
}

@media screen and (max-width: 1399px) {
  #product-1 .sec9 .userViewBlock {
    padding-top: 0;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .sec9 .userViewBlock {
    padding-top: 0;
  }
}

#product-1 .sec9 .userViewBlock .userSlickArrow {
  width: 1256px;
  margin: 0 auto;
  position: absolute;
  top: calc(50% + 24px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  pointer-events: none;
}

@media screen and (max-width: 1399px) {
  #product-1 .sec9 .userViewBlock .userSlickArrow {
    width: 640px;
  }
}

@media screen and (max-width: 767px) {
  #product-1 .sec9 .userViewBlock .userSlickArrow {
    width: 410px;
  }
}

@media screen and (max-width: 399px) {
  #product-1 .sec9 .userViewBlock .userSlickArrow {
    width: calc(100% - 20px);
  }
}

#product-1 .sec9 .userViewBlock .userSlickArrow .btnOuter {
  pointer-events: auto;
  cursor: pointer;
}

#product-1 .sec9 .itemRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 54px 70px 79px;
  min-height: 320px;
  height: 100%;
}

@media screen and (max-width: 767px) {
  #product-1 .sec9 .itemRow {
    padding: 31px 40px 46px;
  }
}

#product-1 .sec9 .itemRow::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #14AA87;
  opacity: 0;
  border-radius: 5px;
  -webkit-transition: all .4s;
  transition: all .4s;
}

#product-1 .sec9 .itemRow .itemLeft, #product-1 .sec9 .itemRow .itemRight {
  position: relative;
  width: 100%;
  min-height: 1px;
}

@media screen and (max-width: 767px) {
  #product-1 .sec9 .itemRow .itemLeft {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
  }
}

#product-1 .sec9 .itemRow .itemLeft .imgMask {
  position: relative;
  overflow: hidden;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  -webkit-box-shadow: 4px 7px 17px rgba(0, 0, 0, 0.2);
          box-shadow: 4px 7px 17px rgba(0, 0, 0, 0.2);
  margin: auto;
}

#product-1 .sec9 .itemRow .itemLeft .imgMask img {
  width: 100%;
  height: auto;
}

#product-1 .sec9 .itemRow .itemRight {
  text-align: left;
}

@media screen and (max-width: 767px) {
  #product-1 .sec9 .itemRow .itemRight {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
  }
}

#product-1 .sec9 .itemRow .itemRight .tag {
  background: #14AA87;
  height: 35px;
  border-radius: 50px;
  position: relative;
  display: inline-block;
  width: auto;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 7px 27px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin-bottom: 15px;
}

#product-1 .sec9 .itemRow .itemRight .title {
  margin-bottom: 14px;
}

#product-1 .sec9 .userSlick .userItem {
  width: 570px;
  max-width: calc(100vw - 57px);
  overflow-y: auto;
  background: #FFF;
  -webkit-box-shadow: 4px 16px 40px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 4px 16px 40px 3px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  -webkit-transition: -webkit-transform .4s;
  transition: -webkit-transform .4s;
  transition: transform .4s;
  transition: transform .4s, -webkit-transform .4s;
  border: none;
  position: relative;
  display: block;
  padding: 0;
  height: 320px;
}

@media screen and (max-width: 767px) {
  #product-1 .sec9 .userSlick .userItem {
    width: 350px;
  }
}

@media screen and (max-width: 399px) {
  #product-1 .sec9 .userSlick .userItem {
    min-height: 374px;
  }
}

#product-1 .sec9 .userSlick .userItem:hover {
  -webkit-transform: translateY(-32px);
          transform: translateY(-32px);
  -webkit-transition: all .4s;
  transition: all .4s;
}

@media screen and (max-width: 991px) {
  #product-1 .sec9 .userSlick .userItem:hover {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec9 .userSlick .userItem:hover {
    border: none;
  }
}

#product-1 .sec9 .userSlick .userItem:hover .itemRow::before {
  opacity: 1;
  -webkit-transition: all .4s;
  transition: all .4s;
}

#product-1 .sec9 .userSlick .slick-track {
  left: -310px;
}

@media screen and (max-width: 1399px) {
  #product-1 .sec9 .userSlick .slick-track {
    left: 0;
  }
}

#product-1 .sec9 .userSlick .slick-list {
  margin: 0 -23.5px;
  margin-bottom: 10px;
}

#product-1 .sec9 .userSlick .slick-slide {
  margin: 0 23.5px;
  padding-top: 60px;
  padding-bottom: 60px;
}

@media screen and (max-width: 991px) {
  #product-1 .sec9 .userSlick .slick-slide {
    padding-top: 40px;
    padding-bottom: 50px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec9 .userSlick .slick-slide {
    padding-top: 30px;
  }
}

#product-1 .sec9 .userSlick .slick-dots {
  position: static;
}

#product-1 .sec9 .userSlick .slick-dots li {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 9px;
}

#product-1 .sec9 .userSlick .slick-dots li button {
  width: 10px;
}

#product-1 .sec9 .userSlick .slick-dots li button::before {
  content: '';
  opacity: 1;
  background-color: #BFBFBF;
  width: 9px;
  height: 9px;
  border-radius: 5px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

#product-1 .sec9 .userSlick .slick-dots li.slick-active {
  width: 33px;
}

#product-1 .sec9 .userSlick .slick-dots li.slick-active button::before {
  width: 33px;
  background-color: #14AA87;
}

@media screen and (max-width: 1199px) {
  #product-1 .sec9 .font-24 {
    font-size: 24px;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .sec9 .font-24 {
    font-size: 24px;
  }
}

@media screen and (max-width: 767px) {
  #product-1 .sec9 .font-24 {
    font-size: 24px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec9 .font-24 {
    font-size: 24px;
  }
}

@media screen and (max-width: 767px) {
  #product-1 .sec9 .font-16 {
    font-size: 16px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec9 .font-16 {
    font-size: 16px;
  }
}

#product-1 .sec-customer {
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

@media screen and (max-width: 1399px) {
  #product-1 .sec-customer {
    padding-top: 100px;
    padding-bottom: 110px;
  }
}

@media screen and (max-width: 1199px) {
  #product-1 .sec-customer {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .sec-customer {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

@media screen and (max-width: 767px) {
  #product-1 .sec-customer {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec-customer {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

#product-1 .sec-customer .title-block {
  max-width: 1640px;
  margin: 0 auto;
}

#product-1 .sec-customer .customerViewBlock {
  position: relative;
  max-width: 1560px;
  margin: -40px auto 0;
  pointer-events: none;
}

@media screen and (max-width: 1710px) {
  #product-1 .sec-customer .customerViewBlock {
    margin-top: 0;
  }
}

#product-1 .sec-customer .customerSlick {
  pointer-events: auto;
}

#product-1 .sec-customer .customerSlick .customerItem {
  background: #FFF;
  -webkit-box-shadow: 4px 16px 20px 7px rgba(0, 0, 0, 0.1);
          box-shadow: 4px 16px 20px 7px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-radius: 0 0 5px 5px;
  position: relative;
  min-height: 440px;
  height: 440px;
  overflow-y: auto;
  border: 1px solid #fff;
  -webkit-transition: all .4s;
  transition: all .4s;
}

#product-1 .sec-customer .customerSlick .customerItem .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  min-height: 438px;
}

#product-1 .sec-customer .customerSlick .customerItem:hover {
  -webkit-transform: translateY(-32px);
          transform: translateY(-32px);
  -webkit-transition: all .4s;
  transition: all .4s;
  border-color: #14AA87;
}

#product-1 .sec-customer .customerSlick .customerItem .imgBox {
  width: 100%;
}

#product-1 .sec-customer .customerSlick .customerItem .tag {
  border-radius: 99rem;
  position: relative;
  top: 0;
  left: 0;
  display: inline-block;
  max-width: 100%;
  padding: 7px 19px;
  z-index: 15;
  margin-bottom: 0;
}

#product-1 .sec-customer .customerSlick .customerItem .txtBox {
  text-align: left;
  padding: 0 24px;
  position: relative;
  z-index: 12;
  margin-top: -17.5px;
}

#product-1 .sec-customer .customerSlick .customerItem .txtBox .content {
  overflow-y: auto;
  padding: 20px 0 28px;
}

#product-1 .sec-customer .customerSlick .customerItem .txtBox .content .title {
  margin-bottom: 6px;
}

@media screen and (max-width: 1199px) {
  #product-1 .sec-customer .customerSlick .slick-track {
    left: 0;
  }
}

#product-1 .sec-customer .customerSlick .slick-list {
  overflow: visible;
  margin: 0 -29px;
}

@media screen and (max-width: 1560px) {
  #product-1 .sec-customer .customerSlick .slick-list {
    padding-left: 56px;
  }
}

#product-1 .sec-customer .customerSlick .slick-slide {
  margin: 0 28px;
  padding-top: 40px;
  padding-bottom: 40px;
  width: 356px;
  max-width: calc(100vw - 17px - 28px);
}

@media screen and (max-width: 991px) {
  #product-1 .sec-customer .customerSlick .slick-slide {
    padding-top: 30px;
  }
}

#product-1 .sec-customer .customerSlick .slick-dots {
  position: static;
  padding-top: 30px;
}

@media screen and (max-width: 1399px) {
  #product-1 .sec-customer .customerSlick .slick-dots {
    padding-top: 20px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec-customer .customerSlick .slick-dots {
    padding-top: 0;
  }
}

#product-1 .sec-customer .customerSlick .slick-dots li {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 9px;
}

#product-1 .sec-customer .customerSlick .slick-dots li button {
  width: 10px;
}

#product-1 .sec-customer .customerSlick .slick-dots li button::before {
  content: '';
  opacity: 1;
  background-color: #BFBFBF;
  width: 9px;
  height: 9px;
  border-radius: 5px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

#product-1 .sec-customer .customerSlick .slick-dots li.slick-active {
  width: 33px;
}

#product-1 .sec-customer .customerSlick .slick-dots li.slick-active button::before {
  width: 33px;
  background-color: #14AA87;
}

#product-1 .sec-customer .customerSlickArrow {
  width: 1400px;
  max-width: calc(100% - 56px);
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  pointer-events: none;
}

@media screen and (max-width: 1399px) {
  #product-1 .sec-customer .customerSlickArrow {
    display: none;
  }
}

#product-1 .sec-customer .customerSlickArrow .btnOuter {
  pointer-events: auto;
  cursor: pointer;
}

#product-1 .sec-customer .customerSlickArrow .btnOuter.btnRight {
  margin-left: 17px;
}

#product-1 .sec10 {
  text-align: center;
  background: #DFEBD4;
  padding: 110px 10px 43px 10px;
}

@media screen and (max-width: 1199px) {
  #product-1 .sec10 {
    padding-top: 90px;
    padding-bottom: 30px;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .sec10 {
    padding-top: 70px;
  }
}

@media screen and (max-width: 767px) {
  #product-1 .sec10 {
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec10 {
    padding-top: 60px;
    padding-bottom: 20px;
  }
}

#product-1 .sec10 .container {
  max-width: 1220px;
}

#product-1 .sec10 .faqTitle {
  margin-bottom: 35px;
}

#product-1 .sec10 .faqList {
  text-align: left;
  padding-bottom: 40px;
}

@media screen and (max-width: 991px) {
  #product-1 .sec10 .faqList {
    padding-bottom: 60px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec10 .faqList {
    padding-bottom: 40px;
  }
}

#product-1 .sec10 .faqList .title {
  font-family: 'Noto Sans TC';
  font-size: 24px;
  font-weight: 500;
  color: #2F2F2F;
  margin-bottom: 21px;
  text-align: center;
}

#product-1 .sec10 .faqList .faqItemWrap2 {
  overflow: hidden;
  margin-bottom: 20px;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
}

@media screen and (max-width: 991px) {
  #product-1 .sec10 .faqList .faqItemWrap2 {
    margin-bottom: 1px;
  }
}

#product-1 .sec10 .faqList .faqItemWrap2 .qaMark {
  width: 57px;
  padding-left: 10px;
  font-family: "Poppins", sans-serif;
  color: #14AA87;
  font-size: 24px;
  text-align: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

#product-1 .sec10 .faqList .faqItemWrap2 .faq-q2 {
  border-radius: 10px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-right: 23px;
  cursor: pointer;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
}

@media screen and (max-width: 991px) {
  #product-1 .sec10 .faqList .faqItemWrap2 .faq-q2 {
    margin-bottom: 9px;
  }
}

#product-1 .sec10 .faqList .faqItemWrap2 .faq-q2:hover {
  -webkit-filter: brightness(0.95);
  filter: brightness(0.95);
}

#product-1 .sec10 .faqList .faqItemWrap2 .faq-q2::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  border: 1px solid #BFBFBF;
}

#product-1 .sec10 .faqList .faqItemWrap2 .faq-q2 .qContent {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-family: 'Noto Sans TC';
  font-weight: 400;
  font-size: 16px;
  letter-spacing: .2px;
  line-height: 20px;
  padding-right: 5px;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
}

#product-1 .sec10 .faqList .faqItemWrap2 .faq-q2 .qArrow {
  font-size: 12px;
  color: #818181;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-left: 8px;
}

#product-1 .sec10 .faqList .faqItemWrap2 .faq-q2 .qArrow i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

#product-1 .sec10 .faqList .faqItemWrap2 .faq-a-wrap2 {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
}

#product-1 .sec10 .faqList .faqItemWrap2 .faq-a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 38px;
  padding-top: 30px;
  border-radius: 10px;
  background: #FFFFFF;
  border: 1px solid #BFBFBF;
}

@media screen and (max-width: 991px) {
  #product-1 .sec10 .faqList .faqItemWrap2 .faq-a {
    margin-bottom: 9px;
    padding-right: 12px;
  }
}

#product-1 .sec10 .faqList .faqItemWrap2 .faq-a .aContent {
  color: #2F2F2F;
  font-family: 'Noto Sans TC';
  font-weight: 400;
  font-size: 16px;
  letter-spacing: .2px;
  line-height: 25px;
  text-align: justify;
  padding-top: 4px;
  padding-right: 15px;
  padding-bottom: 20px;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
}

#product-1 .sec10 .faqList .faqItemWrap2.active .faq-q2 {
  border-color: #14AA87;
  position: relative;
}

#product-1 .sec10 .faqList .faqItemWrap2.active .faq-q2::before {
  border: 2px solid #14AA87;
}

#product-1 .sec10 .faqList .faqItemWrap2.active .faq-q2 .qaMark {
  color: #14AA87;
}

#product-1 .sec10 .faqList .faqItemWrap2.active .faq-q2 .qArrow {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  color: #14AA87;
}

#product-1 .sec-compare {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 80px;
  background: #F9F8F8;
}

@media screen and (max-width: 1199px) {
  #product-1 .sec-compare {
    padding-top: 0;
    padding-bottom: 70px;
  }
}

#product-1 .sec-compare .table-box {
  padding: 50px 15px 20px;
  overflow-x: auto;
}

#product-1 .sec-compare .compare-title {
  margin-bottom: 20px;
}

#product-1 .compare-table {
  margin: 0 auto;
  border-top: 2px solid #000;
  border-bottom: 1px solid #000;
  min-width: 1080px;
}

@media screen and (max-width: 1199px) {
  #product-1 .compare-table {
    min-width: 1000px;
  }
}

#product-1 .compare-table tr {
  border-bottom: 1px solid #919191;
  min-width: 220px;
}

#product-1 .compare-table tr:nth-child(odd) {
  background: #F2F2F2;
}

#product-1 .compare-table tr:nth-child(even) {
  background: #F9F9F9;
}

#product-1 .compare-table tr:first-child th:nth-child(2) {
  border: 3px solid #14AA87;
  position: relative;
  background: #14AA87;
  padding-bottom: 16px;
  font-size: 18px;
  color: #fff;
}

#product-1 .compare-table tr:first-child th:nth-child(2)::before {
  content: '';
  height: 14px;
  width: calc(100% + 6px);
  background: #14AA87;
  position: absolute;
  top: -14px;
  left: -3px;
}

#product-1 .compare-table tr:not(:first-child) :first-child, #product-1 .compare-table tr:not(:first-child) :nth-child(2) {
  font-size: 18px;
}

#product-1 .compare-table tr:not(:first-child) td:nth-child(2) {
  border: 3px solid #14AA87;
  border-top: none;
  border-bottom: none;
  background: #fff;
}

#product-1 .compare-table tr:last-child td:nth-child(2) {
  border-bottom: 3px solid #14AA87;
  position: relative;
}

#product-1 .compare-table tr:last-child td:nth-child(2)::before {
  content: '';
  height: 14px;
  width: calc(100% + 6px);
  background: #fff;
  position: absolute;
  bottom: -14px;
  left: -3px;
  border: 3px solid #14AA87;
  border-top: 0;
}

#product-1 .compare-table th, #product-1 .compare-table td {
  min-height: 78px;
  font-weight: 500;
}

#product-1 .compare-table th {
  padding: 5px 25px;
}

#product-1 .compare-table td {
  padding: 25px;
}

#product-1 .compare-table th:first-child, #product-1 .compare-table th:nth-child(2), #product-1 .compare-table tr:not(:first-child), #product-1 .compare-table td:first-child {
  min-width: 220px;
}

@media screen and (max-width: 1199px) {
  #product-1 .compare-table th:first-child, #product-1 .compare-table th:nth-child(2), #product-1 .compare-table tr:not(:first-child), #product-1 .compare-table td:first-child {
    min-width: 200px;
  }
}

#product-1 .compare-table th:not(:first-child):not(:nth-child(2)), #product-1 .compare-table td:not(:first-child) {
  min-width: 200px;
}

@media screen and (max-width: 1199px) {
  #product-1 .compare-table th:not(:first-child):not(:nth-child(2)), #product-1 .compare-table td:not(:first-child) {
    min-width: 180px;
  }
}

#product-1 .compare-table tr:first-child th:nth-child(3), #product-1 .compare-table tr:not(:first-child) td:nth-child(3) {
  padding-left: 70px;
}

#product-1 .compare-table tr th:last-child, #product-1 .compare-table tr td:last-child {
  padding-right: 70px;
}

#product-1 .compare-table .win {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 3px solid #14AA87;
  background: #fff;
  color: #14AA87;
  position: absolute;
  font-size: 20px;
  top: 0;
  left: 14px;
  -webkit-transform: translateY(-75%);
          transform: translateY(-75%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

#product-1 .sec-dismiss {
  padding-bottom: 140px;
  background: #F9F8F8;
}

@media screen and (max-width: 1599px) {
  #product-1 .sec-dismiss {
    padding-bottom: 90px;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .sec-dismiss {
    padding-bottom: 80px;
  }
}

@media screen and (max-width: 767px) {
  #product-1 .sec-dismiss {
    padding-bottom: 70px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec-dismiss {
    padding-bottom: 60px;
  }
}

#product-1 .sec-dismiss .container {
  padding-right: 20px;
  padding-left: 20px;
}

#product-1 .sec-dismiss .cols {
  padding-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#product-1 .sec-dismiss .title-box {
  padding-bottom: 40px;
}

#product-1 .sec-dismiss .text-box {
  text-align: left;
  padding: 5px 23px 0;
}

@media screen and (max-width: 991px) {
  #product-1 .sec-dismiss .text-box {
    text-align: center;
  }
}

#product-1 .ellipse-box {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 38px;
  border-radius: 50rem;
  border: 1px solid #14AA87;
  -webkit-box-shadow: 0 4px 50px rgba(0, 0, 0, 0.05);
          box-shadow: 0 4px 50px rgba(0, 0, 0, 0.05);
  width: 560px;
  max-width: 100%;
}

@media screen and (max-width: 991px) {
  #product-1 .ellipse-box {
    width: auto;
    padding: 20px 40px;
  }
}

@media screen and (max-width: 380px) {
  #product-1 .ellipse-box {
    width: 100%;
    padding: 20px;
  }
}

@media screen and (max-width: 360px) {
  #product-1 .ellipse-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .ellipse-box .font-70 {
    font-size: 50px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .ellipse-box .font-70 {
    font-size: 40px;
  }
}

#product-1 .ellipse-box p {
  margin-bottom: 0;
}

#product-1 .ellipse-box .left {
  padding-right: 20px;
}

@media screen and (max-width: 360px) {
  #product-1 .ellipse-box .left {
    padding-right: 0;
  }
}

#product-1 .ellipse-box .left, #product-1 .ellipse-box .right {
  padding-top: 5px;
  padding-bottom: 5px;
}

#product-1 .ellipse-box .title {
  background: #14AA87;
  color: #fff;
  border-radius: 50rem;
  padding: 10px 20px;
  min-width: 170px;
  max-width: 100%;
  margin-bottom: 10px;
}

@media screen and (max-width: 575px) {
  #product-1 .ellipse-box .title {
    min-width: auto;
  }
}

#product-1 .sec-technical {
  padding-top: 80px;
  padding-bottom: 36px;
}

@media screen and (max-width: 991px) {
  #product-1 .sec-technical {
    padding-bottom: 30px;
  }
}

@media screen and (max-width: 767px) {
  #product-1 .sec-technical {
    padding-top: 70px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec-technical {
    padding-top: 60px;
  }
}

#product-1 .sec-technical .container-fluid {
  padding-right: 20px;
  padding-left: 20px;
}

#product-1 .sec-technical .sec-title {
  padding-bottom: 64px;
}

@media screen and (max-width: 991px) {
  #product-1 .sec-technical .sec-title {
    padding-bottom: 40px;
  }
}

@media screen and (max-width: 991px) {
  #product-1 .tech-caesar {
    padding-bottom: 28px;
  }
}

#product-1 .tech-ways {
  margin-right: -12.5px;
  margin-left: -12.5px;
}

#product-1 .tech-ways .cols {
  padding-right: 12.5px;
  padding-left: 12.5px;
  padding-bottom: 22px;
}

#product-1 .tech-ways .cols-title {
  -ms-flex: 0 0 18.574%;
  -webkit-box-flex: 0;
          flex: 0 0 18.574%;
  max-width: 18.574%;
  padding-right: 22.5px;
}

@media screen and (max-width: 991px) {
  #product-1 .tech-ways .cols-title {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
    padding-right: 12.5px;
  }
}

@media screen and (max-width: 767px) {
  #product-1 .tech-ways .cols-title {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
    font-size: 18px;
  }
}

#product-1 .tech-ways .cols-step {
  -ms-flex: 0 0 27.142%;
  -webkit-box-flex: 0;
          flex: 0 0 27.142%;
  max-width: 27.142%;
}

@media screen and (max-width: 991px) {
  #product-1 .tech-ways .cols-step {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}

@media screen and (max-width: 767px) {
  #product-1 .tech-ways .cols-step {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

#product-1 .tech-ways .col-title, #product-1 .tech-ways .col-step {
  border-radius: 10px;
  height: 100%;
}

#product-1 .tech-ways .col-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  font-size: 20px;
}

#product-1 .tech-ways .col-title p {
  margin-bottom: 0;
}

#product-1 .tech-ways .col-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px 40px;
}

@media screen and (max-width: 767px) {
  #product-1 .tech-ways .col-step {
    padding: 60px 15px;
  }
}

#product-1 .tech-ways .col-step .title-box {
  border-radius: 10px;
  padding: 10px 15px;
  margin-bottom: 13px;
  width: 200px;
  max-width: 100%;
}

#product-1 .tech-ways .col-step .title-box p {
  margin-bottom: 0;
}

#product-1 .tech-ways .col-step .list-box {
  padding-left: 10px;
  padding-top: 6px;
}

#product-1 .tech-ways .img-box {
  margin-bottom: 15px;
}

#product-1 .tech-ways .arrow-box {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  z-index: 10;
  pointer-events: none;
}

@media screen and (max-width: 767px) {
  #product-1 .tech-ways .arrow-box {
    top: auto;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 50%) rotate(90deg);
            transform: translate(-50%, 50%) rotate(90deg);
  }
}

#product-1 .tech-ways .arrow-box img {
  pointer-events: auto;
}

.onepage-technical-list {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
  min-width: 155px;
}

.onepage-technical-list > li {
  list-style: none;
  position: relative;
  padding-left: 16px;
  padding-bottom: 4px;
}

.onepage-technical-list li::before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #BFBFBF;
  position: absolute;
  left: 0;
  top: 12px;
}

.onepage-technical-list.main li::before {
  background: #14AA87;
}

#product-1 .sec-sgs {
  padding-top: 37px;
  padding-bottom: 150px;
}

@media screen and (max-width: 1599px) {
  #product-1 .sec-sgs {
    padding-top: 20px;
    padding-bottom: 90px;
  }
}

@media screen and (max-width: 1199px) {
  #product-1 .sec-sgs {
    padding-top: 10px;
    padding-bottom: 70px;
  }
}

@media screen and (max-width: 575px) {
  #product-1 .sec-sgs {
    padding-top: 0;
    padding-bottom: 40px;
  }
}

#product-1 .sec-sgs .container-fluid {
  padding-right: 20px;
  padding-left: 20px;
}

#product-1 .sec-sgs .title-block {
  padding-bottom: 30px;
}

#product-1 .sgs-block {
  width: auto;
  margin: auto;
  overflow-x: auto;
}

#product-1 .sgs-block::-webkit-scrollbar {
  height: 5px;
}

#product-1 .sgs-block::-webkit-scrollbar-track {
  background: #f1f1f1;
}

#product-1 .sgs-block::-webkit-scrollbar-thumb {
  background: #888;
}

#product-1 .sgs-block::-webkit-scrollbar-thumb:hover {
  background: #555;
}

#product-1 .sgs-table {
  margin: 0 auto;
  /* min-width: 700px; */
}

@media screen and (max-width: 767px) {
  #product-1 .sgs-table {
    padding-top: 10px;
    min-width: 720px;
  }
}

#product-1 .sgs-table tr {
  position: relative;
}

#product-1 .sgs-table tr:not(:first-child) {
  border-bottom: 1px solid #000;
}

#product-1 .sgs-table tr:not(:first-child):not(:nth-child(2)) :first-child {
  position: relative;
}

#product-1 .sgs-table tr:not(:first-child):not(:nth-child(2)) :first-child::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: #fff;
}

#product-1 .sgs-table tr:not(:first-child) :not(:first-child) {
  font-size: 16px;
}

#product-1 .sgs-table tr:not(:first-child) :first-child {
  background: #BED7AA;
  font-size: 16px;
}

#product-1 .sgs-table tr:first-child {
  border: 3px solid #14AA87;
  border-left: 0;
}

#product-1 .sgs-table tr:first-child :first-child {
  background: #14AA87;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}

#product-1 .sgs-table tr:first-child :not(:first-child) {
  background: #fff;
  font-weight: 600;
}

#product-1 .sgs-table tr :first-child {
  padding: 26px;
  min-width: 300px;
}

@media screen and (max-width: 1199px) {
  #product-1 .sgs-table tr :first-child {
    min-width: auto;
  }
}

#product-1 .sgs-table tr :not(:first-child) {
  background: #F9F9F9;
  min-width: 199px;
}

@media screen and (max-width: 1199px) {
  #product-1 .sgs-table tr :not(:first-child) {
    min-width: auto;
  }
}

#product-1 .sgs-table tr :nth-child(2) {
  padding-left: 100px;
  padding-right: 30px;
}

@media screen and (max-width: 991px) {
  #product-1 .sgs-table tr :nth-child(2) {
    padding-left: 52px;
  }
}

#product-1 .sgs-table tr :nth-child(3) {
  padding-left: 40px;
}

#product-1 .sgs-table tr :last-child {
  padding-right: 90px;
}

@media screen and (max-width: 991px) {
  #product-1 .sgs-table tr :last-child {
    padding-right: 52px;
  }
}

@media screen and (max-width: 1199px) {
  #product-1 .sgs-table th, #product-1 .sgs-table td {
    padding: 26px;
  }
}

/* 20230309 加簽 投資人專區(18頁) start */
.investorsPages {
  /*表格控制*/
  /*公司治理*/
  /*股東專區*/
  /*重大消息*/
}

.investorsPages .btnBlockInside {
  position: relative;
  z-index: 5;
}

@media (max-width: 1200px) {
  .investorsPages .btnBlockInside.dateInput {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .investorsPages .btnBlockInside.dateInput .selecttype {
    height: auto;
    position: static;
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
    left: inherit;
    width: 80%;
    top: 0;
    overflow: hidden;
    margin: 0px auto 5px;
  }
}

@media (max-width: 1200px) and (max-width: 769px) {
  .investorsPages .btnBlockInside.dateInput .selecttype.forever a {
    width: 80px;
    padding: 0;
    margin: 0 12px;
  }
}

@media (max-width: 1200px) and (max-width: 650px) {
  .investorsPages .btnBlockInside.dateInput .selecttype.forever a {
    width: 80px;
    padding: 0;
    margin: 0 8px;
  }
}

@media (max-width: 1200px) {
  .investorsPages .btnBlockInside.dateInput .selecttype.forever a:after {
    right: -5px;
  }
}

@media (max-width: 1200px) and (min-width: 768px) and (max-width: 991px) {
  .investorsPages .btnBlockInside.dateInput .selecttype.forever a:after {
    right: -12px;
  }
}

@media (max-width: 1200px) and (max-width: 769px) {
  .investorsPages .btnBlockInside.dateInput .selecttype.forever a:after {
    right: -10px;
  }
}

@media (max-width: 1200px) and (max-width: 650px) {
  .investorsPages .btnBlockInside.dateInput .selecttype.forever a:after {
    right: -2px;
  }
}

@media (max-width: 1200px) and (max-width: 1200px) {
  .investorsPages .btnBlockInside.dateInput .selecttype.forever {
    margin-bottom: 25px;
  }
}

@media (max-width: 1200px) {
  .investorsPages .btnBlockInside.dateInput .selecttype a {
    width: 50%;
    position: relative;
    border-top: none;
    height: 50px;
  }
}

@media (max-width: 1200px) and (max-width: 1200px) {
  .investorsPages .btnBlockInside.dateInput .selecttype a {
    width: 74px;
    margin: 0 15px;
    padding: 0;
  }
}

@media (max-width: 1200px) and (max-width: 650px) {
  .investorsPages .btnBlockInside.dateInput .selecttype a {
    width: 90px;
    padding: 0;
    margin: 0 12px;
  }
}

@media (max-width: 1200px) {
  .investorsPages .btnBlockInside.dateInput .selecttype a:after {
    background-color: #ccc;
    width: 1px;
    height: 20px;
    position: absolute;
    content: "";
    right: -15px;
  }
}

@media (max-width: 1200px) and (max-width: 992px) {
  .investorsPages .btnBlockInside.dateInput .selecttype a:after {
    right: -15px;
  }
}

@media (max-width: 1200px) and (max-width: 650px) {
  .investorsPages .btnBlockInside.dateInput .selecttype a:after {
    right: -12px;
  }
}

@media (max-width: 1200px) {
  .investorsPages .btnBlockInside.dateInput .selecttype.vis {
    border-bottom: none;
    border-left: none;
    border-right: none;
  }
}

@media (max-width: 769px) {
  .investorsPages .btnBlockInside.dateInput {
    margin-bottom: 25px;
  }
}

.investorsPages .btnBlockInside .btnBlock {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  margin-bottom: 50px;
}

@media (max-width: 650px) {
  .investorsPages .btnBlockInside .btnBlock {
    margin-bottom: 30px;
  }
}

.investorsPages .btnBlock {
  text-align: center;
  display: none;
}

.investorsPages .btnBlock button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media (max-width: 992px) {
  .investorsPages .btnBlock {
    display: block;
    -webkit-transform: translateY(-25px);
            transform: translateY(-25px);
    position: relative;
    z-index: 12;
    width: 80%;
    margin: 0 auto;
  }
}

.investorsPages .btnBlock button.btn.btnStyle.btn-lg.btnStyleInside {
  border-color: #c0c0c0;
  color: #000;
}

.investorsPages .btnBlock button.btn.btnStyle.btn-lg.btnStyleInside:after {
  border-color: #c0c0c0 transparent transparent transparent;
}

.investorsPages .btnBlock button.btn.btnStyle.btn-lg.btnStyleInside.vis {
  border-color: #D3A61D;
}

.investorsPages .btnBlock .btnStyle, .investorsPages .btnBlock .btnStyleInside {
  background: #fff;
  height: 60px;
  text-align: center;
  width: 100%;
  border: none;
  font-size: 18px;
  position: relative;
  border: #D3A61D solid 1px;
  color: #D3A61D;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.investorsPages .btnBlock .btnStyle:after, .investorsPages .btnBlock .btnStyleInside:after {
  content: "";
  position: absolute;
  right: 25px;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 5px 0 5px;
  border-color: #D3A61D transparent transparent transparent;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.investorsPages .btnBlock .btnStyle.vis, .investorsPages .btnBlock .btnStyleInside.vis {
  border-radius: 0.3rem 0.3rem 0 0;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.investorsPages .btnBlock .btnStyle.vis:after, .investorsPages .btnBlock .btnStyleInside.vis:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.investorsPages .tabsBlock::-webkit-scrollbar {
  width: 5px;
}

.investorsPages .tabsBlock::-webkit-scrollbar-track {
  background: #fff;
}

.investorsPages .tabsBlock::-webkit-scrollbar-thumb {
  background: #ccc;
}

@media (max-width: 992px) {
  .investorsPages .tabsBlock {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: absolute;
    height: 0;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    overflow-y: scroll;
    width: 80%;
    border-bottom: none;
    top: 35px;
    z-index: 10;
    font-weight: 300;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .investorsPages .tabsBlock.vis {
    height: 252px;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    border: #D3A61D solid 1px;
    border-bottom: #D3A61D solid 1px;
    border-top: none;
    z-index: 10;
    border-top: none;
  }
  .investorsPages .tabsBlock > a {
    width: 100%;
    background-color: #fff;
    margin: 0 auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 50px;
    overflow: hidden;
    border-top: #eee solid 1px;
  }
  .investorsPages .tabsBlock > a.active {
    border-bottom: none;
    background-color: #D5AB29;
    color: #fff;
  }
  .investorsPages .tabsBlock > a.active:hover {
    color: #fff;
    font-weight: 700;
  }
  .investorsPages .tabsBlock > a:first-child {
    border-top: none;
  }
  .investorsPages .tabsBlock > a:hover {
    font-weight: 300;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    color: #D5AB29;
    border-bottom-color: transparent;
  }
}

@media (max-width: 769px) {
  .investorsPages figure.imageStyle {
    overflow: auto;
    margin-bottom: 50px !important;
  }
  .investorsPages figure.imageStyle img {
    width: initial;
    height: auto;
    max-width: initial;
    max-height: initial;
  }
}

.investorsPages .border-t-gray {
  border-top: #DEDEDD solid 1px;
}

.investorsPages .border-b-gray {
  border-bottom: #DEDEDD solid 1px;
}

.investorsPages .pt-0 {
  padding-top: 0 !important;
}

.investorsPages .pb-0 {
  padding-bottom: 0 !important;
}

.investorsPages .pl-25 {
  padding-left: 25px !important;
}

.investorsPages .pr-25 {
  padding-right: 25px !important;
}

.investorsPages .pl-35 {
  padding-left: 35px !important;
}

.investorsPages .pr-35 {
  padding-right: 35px !important;
}

.investorsPages .pt-40 {
  padding-top: 40px !important;
}

.investorsPages .pb-40 {
  padding-bottom: 40px !important;
}

.investorsPages .pt-45 {
  padding-top: 45px !important;
}

.investorsPages .pb-45 {
  padding-bottom: 45px !important;
}

.investorsPages .ps-110 {
  padding-left: 110px !important;
}

@media (max-width: 1200px) {
  .investorsPages .ps-110 {
    padding-left: 35px !important;
  }
}

.investorsPages .pb-50 {
  padding-bottom: 50px !important;
}

.investorsPages .pt-60 {
  padding-top: 60px !important;
}

.investorsPages .pb-60 {
  padding-bottom: 60px !important;
}

.investorsPages .pt-50 {
  padding-top: 50px !important;
}

.investorsPages .borderNone {
  border: none !important;
}

.investorsPages .governanceSelect {
  margin-top: 43px;
}

.investorsPages .governanceSelect .bootstrap-select {
  margin-bottom: 0;
}

.investorsPages .basicSelect {
  text-align: right;
  margin-bottom: 32px;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .investorsPages .basicSelect .selectWrap {
    margin: 0 auto;
    text-align: center;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .basicSelect .selectWrap {
    margin: 0 auto;
    text-align: center;
  }
}

@media (max-width: 769px) {
  .investorsPages .basicSelect .selectWrap {
    margin: 0 auto;
    text-align: center;
  }
}

.investorsPages .basicSelect .selectWrap .bootstrap-select {
  width: 228px !important;
}

.investorsPages .mailLink {
  color: rgba(0, 0, 0, 0.8);
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.investorsPages .mailLink:hover {
  color: #D3A61D;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.investorsPages .mailLink2 {
  color: rgba(0, 0, 0, 0.8);
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.investorsPages .mailLink2:hover {
  color: #D3A61D;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  text-decoration: underline;
}

.investorsPages .mainTitle2 {
  margin-top: 81px;
  margin-bottom: 26px;
}

@media (max-width: 1200px) {
  .investorsPages .mainTitle2 {
    margin-top: 80px;
  }
}

@media (max-width: 992px) {
  .investorsPages .mainTitle2 {
    margin-top: 0px;
  }
}

@media (max-width: 769px) {
  .investorsPages .mainTitle2 {
    margin-top: 20px;
    margin-bottom: 10px;
  }
}

@media (max-width: 769px) {
  .investorsPages h5.mainTitle2.mainTitle.font-24.font-weight-700.les1.text-262626 {
    margin-top: 40px !important;
  }
}

@media (max-width: 650px) {
  .investorsPages h4.mainTitle2 {
    margin-top: 30px !important;
  }
}

.investorsPages .mainTitle3 {
  margin-top: 65px;
  margin-bottom: 73px;
}

@media (max-width: 769px) {
  .investorsPages .mainTitle3 {
    margin-top: 55px;
  }
}

.investorsPages .table-striped tbody tr:nth-of-type(odd) {
  background-color: #f8f8f8;
}

.investorsPages .tableStyle {
  color: rgba(0, 0, 0, 0.8);
  /*股利資訊*/
}

@media (min-width: 992px) and (max-width: 1200px) {
  .investorsPages .tableStyle.bottomTable .wordStyle {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    white-space: normal;
    width: 710px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .tableStyle .wordStyle {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    white-space: normal;
  }
}

@media (max-width: 769px) {
  .investorsPages .tableStyle .wordStyle {
    width: 480px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    white-space: normal;
  }
}

@media (max-width: 650px) {
  .investorsPages .tableStyle .wordStyle {
    width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    white-space: normal;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .tableStyle.investors {
    width: 100%;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .investorsPages .tableStyle.investors {
    width: 100%;
    display: inline-table;
    overflow-x: auto;
    white-space: nowrap;
  }
}

@media (max-width: 769px) {
  .investorsPages .tableStyle {
    width: 100%;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}

.investorsPages .tableStyle thead tr th {
  font-size: 18px;
}

.investorsPages .tableStyle td,
.investorsPages .tableStyle th {
  padding: 1.25rem;
}

.investorsPages .tableStyle th {
  font-weight: 500;
  color: rgba(0, 0, 0, 0.8);
  font-size: 16px;
  border-right: 1px solid #dee2e6;
  text-align: center;
}

.investorsPages .tableStyle td {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8);
  padding-left: 165px;
  font-weight: 300;
}

@media (max-width: 1200px) {
  .investorsPages .tableStyle td {
    padding-left: 5vw;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
  }
}

@media (max-width: 769px) {
  .investorsPages .tableStyle td {
    padding-left: 25px;
    vertical-align: middle;
  }
}

.investorsPages .tableStyle.shareholder-3 thead {
  background-color: #ECEBEB;
  font-size: 18px;
  font-weight: 500;
}

.investorsPages .tableStyle.shareholder-3 thead tr,
.investorsPages .tableStyle.shareholder-3 thead th {
  border: none;
}

.investorsPages .tableStyle.shareholder-3 thead tr th:first-child {
  width: 14.6%;
  vertical-align: middle;
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .tableStyle.shareholder-3 thead tr th:first-child {
    width: 100px;
  }
}

.investorsPages .tableStyle.shareholder-3 thead tr:nth-child(2) td:nth-child(3) {
  padding-left: 2.05rem;
  padding-right: 2.05rem;
}

.investorsPages .tableStyle.shareholder-3 thead tr th:last-child {
  width: 180px;
  vertical-align: middle;
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .tableStyle.shareholder-3 thead tr th:last-child {
    width: 90px;
  }
}

.investorsPages .tableStyle.shareholder-3 thead tr:last-child td {
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  padding: 1.25rem;
  border-right: #fff solid 1px;
}

.investorsPages .tableStyle.shareholder-3 thead tr:last-child td:last-child {
  border-right: none;
}

.investorsPages .tableStyle.shareholder-3 .border-r {
  border-right: #fff solid 1px;
}

.investorsPages .tableStyle.shareholder-3 .border-l {
  border-left: #fff solid 1px;
}

.investorsPages .tableStyle.shareholder-3 .border-b {
  border-bottom: #fff solid 1px;
}

.investorsPages .tableStyle.shareholder-3 tbody tr:nth-of-type(even) {
  background-color: #f8f8f8;
}

.investorsPages .tableStyle.shareholder-3 tbody tr:nth-of-type(odd) {
  background-color: #fff;
}

.investorsPages .tableStyle.shareholder-3 tbody th {
  border-right: none;
  font-weight: 300;
}

.investorsPages .tableStyle.shareholder-3 tbody tr td {
  padding: 1.25rem;
  text-align: center;
}

.investorsPages .tableStyle.shareholder-3 tbody tr:last-child {
  border-bottom: 1px solid #dee2e6;
}

.investorsPages .organizeImages {
  margin-top: 107px;
  text-align: center;
}

.investorsPages .organizeImages h3 {
  margin-bottom: 73px;
}

.investorsPages .team tbody tr:first-child {
  border: none;
}

.investorsPages .team tbody tr:first-child th,
.investorsPages .team tbody tr:first-child td {
  border: none;
}

.investorsPages .team h3 {
  margin-bottom: 55px;
  margin-top: 158px;
}

.investorsPages .team .table-striped tbody tr:nth-of-type(odd) {
  background-color: #fff;
}

.investorsPages .team .table-striped tbody tr:nth-of-type(even) {
  background-color: #F8F8F8;
}

.investorsPages .team .tableStyle tr:last-child {
  border-bottom: #dee2e6 solid 1px;
}

.investorsPages .team .tableStyle .tx-28 {
  -webkit-transform: translateX(28px);
          transform: translateX(28px);
}

@media (max-width: 1200px) {
  .investorsPages .team .tableStyle .tx-28 {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@media (max-width: 769px) {
  .investorsPages .team .tableStyle {
    width: 100%;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}

.investorsPages .team .tableStyle > thead > tr {
  border-bottom: none !important;
}

.investorsPages .team .tableStyle thead th {
  border: none;
  background: #ECEBEB;
  font-weight: 500;
  border-right: none;
  position: relative;
  text-align: center;
  font-size: 18px;
}

.investorsPages .team .tableStyle thead th:after {
  content: "";
  width: 1px;
  height: 20px;
  background-color: #B4B4B4;
  position: absolute;
  right: 0;
}

.investorsPages .team .tableStyle thead th:last-child:after {
  display: none;
}

.investorsPages .team .tableStyle th {
  border-right: none;
}

.investorsPages .team .tableStyle td {
  padding-left: 3vw;
  border-right: none;
}

.investorsPages .team .tableStyle td,
.investorsPages .team .tableStyle tr,
.investorsPages .team .tableStyle th {
  font-size: 16px;
  font-weight: 300;
  vertical-align: middle;
}

.investorsPages .team .tableStyle td p,
.investorsPages .team .tableStyle tr p,
.investorsPages .team .tableStyle th p {
  margin: 0;
}

.investorsPages .team .tableStyle ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.investorsPages .team .tableStyle ul li {
  position: relative;
  padding-left: 20px;
}

.investorsPages .team .tableStyle ul li:not(li:last-child):after {
  content: "";
  height: 6px;
  display: block;
}

.investorsPages .team .tableStyle ul li:before {
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #D5AB29;
  content: "";
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 25px;
}

.investorsPages .team td,
.investorsPages .team tr,
.investorsPages .team th {
  font-size: 16px;
  font-weight: 300;
}

.investorsPages .basic {
  margin-top: 57px;
}

@media (max-width: 769px) {
  .investorsPages .basic .tableStyle {
    width: inherit;
    display: inline-table;
  }
}

.investorsPages .basic tr {
  padding: calc(1.25rem - 2px);
}

.investorsPages .basic tr:last-child {
  border-bottom: #dee2e6 solid 1px;
}

.investorsPages .basic th {
  padding: calc(1.25rem - 2px);
  width: 450px;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.95);
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .basic th {
    width: 300px;
  }
}

@media (max-width: 769px) {
  .investorsPages .basic th {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    width: 300px;
  }
}

.investorsPages .master h3 {
  margin-top: 105px;
  margin-bottom: 55px;
}

.investorsPages .master .table-striped tbody tr:nth-of-type(odd) {
  background-color: #fff;
}

.investorsPages .master .table-striped tbody tr:nth-of-type(even) {
  background-color: #F8F8F8;
}

@media (max-width: 769px) {
  .investorsPages .master .tableStyle {
    width: 100%;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}

.investorsPages .master .tableStyle tbody tr:first-child {
  border: none;
}

.investorsPages .master .tableStyle tbody tr:first-child th,
.investorsPages .master .tableStyle tbody tr:first-child td {
  border: none;
}

.investorsPages .master .tableStyle thead th {
  background: #ECEBEB;
  font-weight: 500;
  border-right: none;
  vertical-align: middle;
  position: relative;
  padding: 1.25rem 5rem;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.95);
  border: none;
}

.investorsPages .master .tableStyle thead th:first-child {
  width: 450px;
}

@media (max-width: 1200px) {
  .investorsPages .master .tableStyle thead th:first-child {
    width: 300px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .master .tableStyle thead th:first-child {
    width: 150px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.investorsPages .master .tableStyle thead th:after {
  content: "";
  width: 1px;
  height: 20px;
  background-color: #B4B4B4;
  position: absolute;
  right: 0;
}

.investorsPages .master .tableStyle thead th:last-child:after {
  display: none;
}

.investorsPages .master .tableStyle thead th p {
  margin: 0;
}

@media (max-width: 769px) {
  .investorsPages .master .tableStyle thead th {
    width: inherit;
  }
}

.investorsPages .master .tableStyle td {
  vertical-align: middle;
  border-right: none;
  font-size: 16px;
  font-weight: 300;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .master .tableStyle td {
    padding-left: 1.25rem;
  }
}

@media (max-width: 769px) {
  .investorsPages .master .tableStyle td {
    padding-left: 1.25rem;
  }
}

@media (min-width: 1201px) and (max-width: 1440px) {
  .investorsPages .master .tableStyle td {
    padding-left: 1.25rem;
  }
}

.investorsPages .master .tableStyle tr:last-child {
  border-bottom: #dee2e6 solid 1px;
}

.investorsPages .master .tableStyle th {
  padding: 2.25rem 1.25rem;
  vertical-align: middle;
  border-right: none;
  font-size: 16px;
  font-weight: 300;
}

.investorsPages .master .tableStyle ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.investorsPages .master .tableStyle ul li {
  position: relative;
  padding-left: 20px;
  font-size: 16px;
  font-weight: 300;
}

.investorsPages .master .tableStyle ul li:not(li:last-child):after {
  content: "";
  height: 6px;
  display: block;
}

.investorsPages .master .tableStyle ul li:before {
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #D5AB29;
  border-radius: 20px;
  content: "";
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 992px) {
  .investorsPages .tabsBlock {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .investorsPages .mobTab {
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    text-align: center;
  }
  .investorsPages .mobTab::-webkit-scrollbar {
    height: 2px;
  }
  .investorsPages .mobTab::-webkit-scrollbar-track {
    background: #fff;
  }
  .investorsPages .mobTab::-webkit-scrollbar-thumb {
    background: #ccc;
  }
  .investorsPages .mobTab a {
    display: inline-block;
    line-height: 69px;
    margin: 0 22px;
  }
}

.investorsPages .insideTab {
  height: 50px;
  position: relative;
  margin-bottom: 27px;
  border-bottom: none;
}

@media (max-width: 992px) {
  .investorsPages .insideTab {
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 0;
    width: 80%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    top: 60px;
    background: #fff;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .investorsPages .insideTab.vis {
    height: 252px;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    border-bottom: #D3A61D solid 1px;
    border-color: #D3A61D;
  }
  .investorsPages .insideTab > a {
    background-color: inherit;
    width: 100%;
    margin: 0;
    position: relative;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .investorsPages .insideTab > a.active:before {
    content: "";
    background-color: #D3A61D;
    height: 1px;
    width: 30%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 0;
  }
}

@media (max-width: 992px) and (max-width: 1200px) {
  .investorsPages .insideTab > a.active:before {
    display: none;
  }
}

@media (max-width: 992px) {
  .investorsPages .insideTab > a.active {
    background-color: #F8F9FA;
    color: #000;
  }
}

@media (max-width: 992px) {
  .investorsPages .insideTab > a:last-child() {
    border-bottom: none;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .investorsPages .insideTab {
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    text-align: center;
  }
  .investorsPages .insideTab::-webkit-scrollbar {
    height: 4px;
  }
  .investorsPages .insideTab::-webkit-scrollbar-track {
    background: #fff;
  }
  .investorsPages .insideTab::-webkit-scrollbar-thumb {
    background: #ccc;
  }
}

.investorsPages .insideTab.selecttype a {
  position: relative;
  overflow: visible;
  height: 50px;
}

.investorsPages .insideTab.selecttype a.active {
  background-color: #fff;
  position: relative;
}

@media (max-width: 992px) {
  .investorsPages .insideTab.selecttype a.active {
    border-bottom: #D3A61D solid 1px;
  }
}

@media (max-width: 1200px) {
  .investorsPages .insideTab.selecttype a.active {
    color: #000;
  }
}

.investorsPages .insideTab .dropdown-menu a {
  padding: 13px 20px 13px 40px;
  background-color: #fff;
  font-weight: 400 !important;
}

.investorsPages .insideTab .dropdown-menu a:hover {
  background-color: #F8F9FA;
  color: inherit;
}

.investorsPages .insideTab a {
  position: relative;
  font-weight: 300;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .investorsPages .insideTab a {
    display: inline-block;
    line-height: 50px;
  }
}

@media (max-width: 769px) {
  .investorsPages .insideTab a {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.investorsPages .insideTab a.active {
  font-weight: 700;
  position: relative;
  border-bottom: none;
}

.investorsPages .insideTab a.active:before {
  content: "";
  background-color: #D3A61D;
  width: 100%;
  height: 1px;
  bottom: 5px;
  left: 0;
  position: absolute;
}

.investorsPages .insideTab a.active:hover {
  font-weight: 700;
  color: #000;
}

@media (max-width: 1200px) {
  .investorsPages .insideTab a.active:hover {
    border-bottom: none;
  }
}

.investorsPages .insideTab a:after {
  background-color: #ccc;
  width: 1px;
  height: 20px;
  position: absolute;
  content: "";
  right: -23px;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .investorsPages .insideTab a:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

.investorsPages .insideTab a:last-child:after {
  display: none;
}

.investorsPages .insideTab a:hover {
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  color: #D3A61D;
  border-bottom-color: transparent;
  font-weight: 300;
}

.investorsPages .form-select-style {
  position: absolute;
  right: 0;
  top: 0;
}

@media (max-width: 1200px) {
  .investorsPages .form-select-style {
    position: static;
    margin: 25px auto 15px;
  }
}

.investorsPages .form-select-style .bootstrap-select {
  width: inherit !important;
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .form-select-style {
    position: relative;
  }
}

@media (max-width: 769px) {
  .investorsPages .form-select-style {
    position: relative;
    margin-top: 15px;
    width: 100%;
    text-align: center;
  }
}

.investorsPages .form-select-style.importNews {
  position: static;
  top: initial;
  -webkit-transform: translate(0);
          transform: translate(0);
  margin-bottom: 30px;
}

.investorsPages .finance tbody tr:first-child {
  border: none;
}

.investorsPages .finance tbody tr:first-child th,
.investorsPages .finance tbody tr:first-child td {
  border: none;
}

.investorsPages .finance tbody tr:nth-of-type(odd) {
  background-color: #fff;
}

.investorsPages .finance tbody tr:nth-of-type(even) {
  background-color: #F8F8F8;
}

.investorsPages .finance tbody tr:last-child {
  border-bottom: 1px solid #dee2e6;
}

.investorsPages .finance tbody tr td:last-child {
  padding-left: 2.25rem !important;
  padding-right: 2.25rem !important;
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .finance tbody tr td:last-child {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

@media (max-width: 769px) {
  .investorsPages .finance tbody tr td:last-child {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

.investorsPages .finance thead th {
  background: #ECEBEB;
  font-weight: 500;
  position: relative;
  border: none;
}

.investorsPages .finance thead th:after {
  content: "";
  width: 1px;
  height: 20px;
  background-color: #B4B4B4;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.investorsPages .finance thead th:last-child:after {
  display: none;
}

.investorsPages .finance td {
  padding-left: 0;
}

.investorsPages .finance tr {
  font-size: 16px;
  font-weight: 300;
  vertical-align: middle;
}

.investorsPages .finance th {
  font-weight: 300;
  border-right: none;
  width: 50%;
}

.investorsPages .finance .downloadIcon2 {
  width: 21px;
  height: 26px;
  display: block;
  margin: 0 auto;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  position: relative;
}

.investorsPages .finance .downloadIcon2 img {
  position: absolute;
  top: 0;
  width: 21px;
  height: 26px;
  left: 0;
}

.investorsPages .finance .downloadIcon2 img:last-child {
  opacity: 0;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.investorsPages .finance .downloadIcon2:hover {
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.investorsPages .finance .downloadIcon2:hover img:first-child {
  opacity: 0;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.investorsPages .finance .downloadIcon2:hover img:last-child {
  opacity: 1;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.investorsPages .finance td {
  text-align: center;
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .finance.governance {
    width: 100%;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}

.investorsPages .finance.governance thead tr th:first-child {
  width: 150px;
}

.investorsPages .finance.governance thead tr th:nth-child(2) {
  width: 140px;
}

.investorsPages .finance.governance thead tr th:nth-last-child(2) {
  width: 310px !important;
}

.investorsPages .finance.finance-revenue th {
  width: 25%;
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .finance.finance-revenue th {
    width: 5%;
  }
}

.investorsPages .finance.finance-revenue tbody tr:last-child {
  border-bottom: #dee2e6 solid 1px;
}

@media (max-width: 769px) {
  .investorsPages .finance.governance-1 {
    width: inherit;
    display: inline-table;
  }
}

.investorsPages .finance.governance-1 tr th:first-child,
.investorsPages .finance.governance-1 tr th:last-child {
  width: 23.3%;
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .finance.governance-1 tr th:first-child,
  .investorsPages .finance.governance-1 tr th:last-child {
    width: 10% !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .finance.governance-1 tr th:nth-child(2) {
    width: 33%;
  }
}

@media (max-width: 769px) {
  .investorsPages .finance.governance-1 tr th:last-child {
    width: 33.33%;
  }
}

.investorsPages .finance.governance-1 td {
  text-align: left;
  padding-left: 1.25rem;
}

.investorsPages .finance.governance-1 td:nth-child(2) {
  padding-left: 14vw;
}

@media (max-width: 1200px) {
  .investorsPages .finance.governance-1 td:nth-child(2) {
    padding-left: 5vw;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .finance.governance-1 td:nth-child(2) {
    padding-left: 2vw;
  }
}

@media (max-width: 769px) {
  .investorsPages .finance.governance-1 td:nth-child(2) {
    padding-left: 1.25rem;
  }
}

.investorsPages .finance.governance-1 th {
  width: initial;
  padding: calc(1.25rem - 0.5px);
}

.investorsPages .finance.governance-3.sustainableInside thead tr th:first-child {
  width: 20.5%;
}

@media (min-width: 1201px) and (max-width: 1440px) {
  .investorsPages .finance.governance-3.sustainableInside thead tr th:first-child {
    width: 20.5%;
    padding: 10px;
    vertical-align: middle;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .investorsPages .finance.governance-3.sustainableInside thead tr th:first-child {
    width: 30%;
    padding: 15px;
    vertical-align: middle;
  }
}

.investorsPages .finance.governance-3.sustainableInside thead tr th:last-child {
  width: 79.5%;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .investorsPages .finance.governance-3.sustainableInside thead tr th:last-child {
    width: 70%;
    padding: 15px;
  }
}

.investorsPages .finance.governance-3.sustainableInside th {
  vertical-align: top;
}

.investorsPages .finance.governance-3 thead th {
  width: 24.3%;
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .finance.governance-3 thead th {
    width: 20%;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .investorsPages .finance.governance-3 thead th {
    width: 15%;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

@media (min-width: 1201px) and (max-width: 1440px) {
  .investorsPages .finance.governance-3 thead th {
    width: 13%;
  }
}

.investorsPages .finance.governance-3 thead th:last-child {
  width: 75.7%;
}

.investorsPages .finance.governance-3 th {
  width: inherit;
  vertical-align: middle;
  font-size: 16px;
}

.investorsPages .finance.governance-3 td {
  padding-left: 1.25rem;
  text-align: left;
}

.investorsPages .finance.governance-3 ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.investorsPages .finance.governance-3 ul li {
  text-align: left;
  line-height: 165%;
}

.investorsPages .finance.governance-3.sustainable tbody td {
  padding-left: 1.7rem !important;
  padding-right: 1.7rem !important;
  padding-top: 45px;
  padding-bottom: 45px;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .investorsPages .finance.governance-3.sustainable tbody td {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .finance.governance-3.sustainable tbody td {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

@media (max-width: 769px) {
  .investorsPages .finance.governance-3.sustainable tbody td {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

.investorsPages .finance.shareholder {
  border: none !important;
}

@media (max-width: 1200px) {
  .investorsPages .finance.shareholder {
    width: 100%;
    display: inline-table;
    overflow-x: auto;
    white-space: nowrap;
  }
}

.investorsPages .finance.shareholder thead th,
.investorsPages .finance.shareholder th {
  width: initial;
}

.investorsPages .finance.shareholder td,
.investorsPages .finance.shareholder th {
  padding-left: 1.25rem;
  border-top: none;
}

@media (max-width: 769px) {
  .investorsPages .finance.shareholder-4 {
    display: inline-table;
  }
}

@media (max-width: 650px) {
  .investorsPages .finance.shareholder-4 {
    width: 100%;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}

.investorsPages .finance.shareholder-4 thead th,
.investorsPages .finance.shareholder-4 th {
  width: 33.33%;
  color: rgba(0, 0, 0, 0.95);
}

.investorsPages .finance.shareholder-4 tr {
  border-left: none !important;
}

.investorsPages .finance.shareholder-4 td {
  padding-left: 1.25rem;
}

@media (max-width: 1200px) {
  .investorsPages .finance.sustainable.bottomTable {
    width: 100%;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}

.investorsPages .finance.sustainable.bottomTable thead th {
  text-align: center;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.95);
  font-weight: 400;
}

.investorsPages .finance.sustainable.bottomTable thead th:first-child {
  width: 10.35%;
  padding-top: 18px;
  padding-bottom: 18px;
}

@media (min-width: 1201px) and (max-width: 1440px) {
  .investorsPages .finance.sustainable.bottomTable thead th:first-child {
    width: 13%;
  }
}

.investorsPages .finance.sustainable.bottomTable thead th:nth-child(2) {
  width: 12.6%;
  padding-top: 18px;
  padding-bottom: 18px;
}

@media (min-width: 1201px) and (max-width: 1440px) {
  .investorsPages .finance.sustainable.bottomTable thead th:nth-child(2) {
    width: 15%;
  }
}

.investorsPages .finance.sustainable.bottomTable thead th:nth-child(3) {
  padding-top: 18px;
  padding-bottom: 18px;
}

.investorsPages .finance.sustainable.bottomTable tbody th {
  padding-left: 2rem;
  padding-right: 2rem;
  font-weight: 300;
}

@media (min-width: 1201px) and (max-width: 1440px) {
  .investorsPages .finance.sustainable.bottomTable tbody th {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.investorsPages .finance.sustainable.bottomTable th {
  width: inherit;
  font-size: 16px;
  text-align: left;
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .investorsPages .finance.sustainable.bottomTable th {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}

.investorsPages .finance.sustainable.bottomTable td {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: left;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .investorsPages .finance.sustainable.bottomTable td {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}

@media (max-width: 769px) {
  .investorsPages .finance.sustainable.bottomTable td {
    vertical-align: top;
  }
}

.investorsPages .finance.sustainable.bottomTable td p:last-child {
  margin-bottom: 0;
}

.investorsPages .finance.sustainable.bottomTable td ul li {
  line-height: 150%;
}

.investorsPages .finance.sustainable.bottomTable td ul li p:last-child {
  margin-bottom: 0;
}

.investorsPages .finance.sustainable.bottomTable td ul li:nth-child(odd) {
  background-color: transparent;
}

.investorsPages .finance.sustainable.bottomTable td ul li:nth-child(even) {
  background-color: transparent;
}

.investorsPages .finance.sustainable.bottomTable tbody tr:nth-of-type(even) {
  background-color: #f8f8f8;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .investorsPages .finance.sustainable tbody tr td {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
}

.investorsPages .finance.sustainable th {
  width: inherit;
  font-size: 16px;
  font-weight: 300;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .investorsPages .finance.sustainable th {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
}

.investorsPages .finance.sustainable th p {
  margin-bottom: 0.5rem;
}

.investorsPages .finance.sustainable tr {
  background-color: #fff;
}

.investorsPages .finance.sustainable tbody tr:nth-of-type(even) {
  background-color: #fff;
}

.investorsPages .finance.sustainable td {
  padding-left: 1.25rem;
}

.investorsPages .finance.sustainable td ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.investorsPages .finance.sustainable td ul li {
  padding-left: 20px;
  text-align: left;
  position: relative;
  font-size: 16px;
  font-weight: 300;
  line-height: 165%;
  border-bottom: none;
  margin-bottom: 0.5rem;
}

.investorsPages .finance.sustainable td ul li:before {
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #D5AB29;
  content: "";
  left: 0;
  top: 12px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 30px;
}

.investorsPages .finance.sustainable td ul li:nth-child(even) {
  background-color: #fff;
}

.investorsPages .finance.sustainable td ul li:last-child {
  margin-bottom: 0;
}

.investorsPages .masterLeftBlock {
  width: 300px;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

@media (min-width: 1201px) and (max-width: 1440px) {
  .investorsPages .masterLeftBlock {
    width: 210px;
  }
}

@media (max-width: 1200px) {
  .investorsPages .masterLeftBlock {
    margin-bottom: 25px;
    width: 100%;
  }
}

.investorsPages .masterLeftBlock .masterTitle {
  font-size: 24px;
  padding-bottom: 19px;
  font-weight: 500;
  border-bottom: #000 solid 1px;
  padding-left: 30px;
}

@media (max-width: 1200px) {
  .investorsPages .masterLeftBlock .masterTitle {
    text-align: center;
    padding-left: 0;
    width: 50%;
    margin: 0 auto;
    position: relative;
    cursor: pointer;
    font-size: 24px;
    border-bottom: #000 solid 1px;
    padding-bottom: 0;
    padding: 10px 0;
  }
  .investorsPages .masterLeftBlock .masterTitle.vis:after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
  }
  .investorsPages .masterLeftBlock .masterTitle:after {
    content: "";
    position: absolute;
    right: 25px;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #000 transparent transparent transparent;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@media (max-width: 650px) {
  .investorsPages .masterLeftBlock .masterTitle {
    font-size: 20px;
  }
}

@media (max-width: 992px) {
  .investorsPages .masterLeftBlock .masterTitle {
    width: 80%;
  }
}

.investorsPages .masterLeftBlock ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

@media (max-width: 1200px) {
  .investorsPages .masterLeftBlock ul {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background-color: #fff;
    z-index: 2;
    height: 0;
    overflow-y: auto;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    width: 50%;
  }
  .investorsPages .masterLeftBlock ul::-webkit-scrollbar {
    width: 5px;
  }
  .investorsPages .masterLeftBlock ul::-webkit-scrollbar-track {
    background: #fff;
  }
  .investorsPages .masterLeftBlock ul::-webkit-scrollbar-thumb {
    background: #ccc;
  }
  .investorsPages .masterLeftBlock ul.show {
    height: 102px;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    overflow-y: auto;
    border: #D3A61D solid 1px;
    border-top: none;
    width: 50%;
  }
  .investorsPages .masterLeftBlock ul.show.long {
    height: 252px;
  }
}

@media (max-width: 1200px) and (max-width: 992px) {
  .investorsPages .masterLeftBlock ul.show {
    width: 80%;
  }
}

@media (max-width: 992px) {
  .investorsPages .masterLeftBlock ul {
    width: 80%;
  }
}

.investorsPages .masterLeftBlock ul li {
  padding: 1.1rem 0;
  border-bottom: #E5E5E5 solid 1px;
  padding-left: 30px;
  position: relative;
}

@media (min-width: 1201px) and (max-width: 1440px) {
  .investorsPages .masterLeftBlock ul li {
    padding: 1.25rem;
  }
}

@media (max-width: 1200px) {
  .investorsPages .masterLeftBlock ul li {
    padding: 0.782rem 1.25rem;
  }
}

@media (max-width: 1200px) {
  .investorsPages .masterLeftBlock ul li.active {
    background-color: #D3A61D;
    color: #fff;
  }
}

.investorsPages .masterLeftBlock ul li.active a {
  color: #D3A61D;
  font-weight: 500;
}

@media (max-width: 1200px) {
  .investorsPages .masterLeftBlock ul li.active a {
    font-weight: 700;
    color: #fff;
  }
}

.investorsPages .masterLeftBlock ul li.active a:hover {
  color: #fff;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.investorsPages .masterLeftBlock ul li a {
  display: block;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  font-weight: 300;
  color: #040404;
  font-size: 16px;
}

.investorsPages .masterLeftBlock ul li a i {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 1200px) {
  .investorsPages .masterLeftBlock ul li a i {
    right: 15px;
  }
}

.investorsPages .masterLeftBlock ul li a:hover {
  color: #D3A61D;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.investorsPages .masterRightBlock {
  padding-left: 71px;
}

@media (min-width: 1201px) and (max-width: 1440px) {
  .investorsPages .masterRightBlock {
    padding-left: 40px;
  }
}

@media (max-width: 1200px) {
  .investorsPages .masterRightBlock {
    padding-left: 15px;
  }
}

@media (max-width: 769px) {
  .investorsPages .masterRightBlock {
    padding-left: 0;
  }
}

.investorsPages .masterRightBlock .yearReport {
  padding: 59px 20px;
}

@media (max-width: 769px) {
  .investorsPages .masterRightBlock .yearReport {
    padding-left: 0;
    padding-right: 0;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
}

.investorsPages .masterRightBlock .yearReport .col-md-auto.col-6.text-center {
  margin-right: 78px;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

@media (max-width: 1601px) {
  .investorsPages .masterRightBlock .yearReport .col-md-auto.col-6.text-center {
    margin-right: 20px;
    width: calc(33.33% - 14px);
  }
}

@media (min-width: 1201px) and (max-width: 1440px) {
  .investorsPages .masterRightBlock .yearReport .col-md-auto.col-6.text-center {
    max-width: 33.33%;
    margin-right: 40px;
    width: calc(33.33% - 27px);
  }
}

@media (max-width: 1200px) {
  .investorsPages .masterRightBlock .yearReport .col-md-auto.col-6.text-center {
    max-width: calc(33.333% - 20px);
    margin-right: 30px;
  }
}

@media (max-width: 769px) {
  .investorsPages .masterRightBlock .yearReport .col-md-auto.col-6.text-center {
    max-width: calc(50% - 8px);
    margin-right: 0;
  }
}

.investorsPages .masterRightBlock .yearReport .col-md-auto.col-6.text-center:nth-child(3n) {
  margin-right: 0;
}

@media (max-width: 769px) {
  .investorsPages .masterRightBlock .yearReport .col-md-auto.col-6.text-center:nth-child(odd) {
    margin-right: 15px;
  }
}

@media (max-width: 769px) {
  .investorsPages .masterRightBlock .subTitle {
    padding-left: 0;
  }
}

.investorsPages .subTitle {
  border-bottom: rgba(0, 0, 0, 0.15) solid 1px;
  padding-bottom: 22px;
}

@media (max-width: 769px) {
  .investorsPages .subTitle {
    margin-top: 34px;
    padding-left: 30px;
  }
}

.investorsPages .desBlock {
  padding-top: 34px;
  font-size: 16px;
  line-height: 165%;
  color: rgba(0, 0, 0, 0.8);
  font-weight: 300;
}

.investorsPages .desBlock.mb-70 {
  margin-bottom: 70px;
}

@media (max-width: 650px) {
  .investorsPages .desBlock.mb-70 {
    margin-bottom: 30px;
  }
}

.investorsPages .desBlock.marginSpace {
  margin-bottom: 75px;
  padding-top: 0;
  color: rgba(0, 0, 0, 0.8);
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .desBlock.marginSpace {
    margin-bottom: 50px;
  }
}

@media (max-width: 769px) {
  .investorsPages .desBlock.marginSpace {
    margin-bottom: 25px;
  }
}

.investorsPages .desBlock p {
  color: #5C5C5C;
}

.investorsPages .desBlock p.font-weight-700 {
  margin-top: 40px;
}

@media (max-width: 650px) {
  .investorsPages .desBlock p.font-weight-700 {
    margin-top: 30px;
  }
}

.investorsPages .desBlock ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.investorsPages .desBlock ul li {
  line-height: 175%;
  font-size: 16px;
  color: #5C5C5C;
}

.investorsPages .desBlock ul.secondUl {
  margin-bottom: 1rem;
}

.investorsPages .desBlock ul.secondUl li {
  padding-left: 20px;
}

.investorsPages .desBlock ul.secondUl li:first-child {
  padding-left: 0;
}

.investorsPages .table-responsive.governance {
  margin-top: 53px;
}

.investorsPages .table-responsive.governance .finance.finance-revenue tr td:last-child, .investorsPages .table-responsive.governance .finance.finance-revenue tr td:nth-last-child(2) {
  text-align: left;
}

@media (max-width: 769px) {
  .investorsPages .table-responsive.governance .finance.finance-revenue tr .pt-45.pb-45 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .investorsPages .table-responsive.governance .finance.finance-revenue tr .pt-45.pb-45 .wordStyle {
    width: 300px;
  }
}

.investorsPages .table-responsive.governance .finance.finance-revenue th {
  width: inherit;
  vertical-align: middle;
  padding: calc(1.25rem - 0.5px);
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .table-responsive.governance .finance.finance-revenue th {
    padding: 0.75rem;
    width: 13%;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .investorsPages .table-responsive.governance .finance.finance-revenue th {
    padding: 0.75rem;
  }
}

@media (min-width: 1201px) and (max-width: 1440px) {
  .investorsPages .table-responsive.governance .finance.finance-revenue th {
    width: 13%;
  }
}

.investorsPages .table-responsive.governance .finance.finance-revenue th:last-child {
  width: 46.8%;
}

.investorsPages .table-responsive.governance .finance.finance-revenue th:nth-last-child(2) {
  width: 30%;
}

.investorsPages .table-responsive.governance .finance.finance-revenue td {
  vertical-align: middle;
  padding-left: 1.25rem;
  line-height: 165%;
}

@media (max-width: 1200px) {
  .investorsPages .table-responsive.governance .finance.finance-revenue td {
    padding: 0.75rem;
  }
}

.investorsPages .desInfo {
  color: #5C5C5C;
  margin: 17px 0 47px 0;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 300;
  line-height: 165%;
}

@media (max-width: 650px) {
  .investorsPages .desInfo {
    margin: 20px 0 20px 0;
  }
}

.investorsPages .desInfo ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  margin-top: 1rem;
  margin-bottom: 35px;
}

.investorsPages .desInfo ul li {
  position: relative;
  padding-left: 20px;
}

.investorsPages .desInfo ul li:before {
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #D5AB29;
  content: "";
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.investorsPages .governance-4-block {
  background-color: #ECEBEB;
  position: relative;
  color: rgba(0, 0, 0, 0.95);
  height: 130px;
}

@media (max-width: 769px) {
  .investorsPages .governance-4-block {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .governance-4-block {
    display: none;
  }
}

.investorsPages .governance-4-block > div:first-child {
  width: 330px;
}

.investorsPages .governance-4-block > div:last-child {
  width: 155px;
}

.investorsPages .governance-4-block.shareholder-3 > div:first-child {
  width: 14.4%;
  padding: 0 1.25rem;
}

.investorsPages .governance-4-block.shareholder-3 > div:last-child {
  width: 11.8%;
}

.investorsPages .governance-4-block.sustainable {
  height: 150px;
}

.investorsPages .governance-4-block.sustainable > div:first-child {
  width: 17%;
  padding: 0;
}

@media (max-width: 769px) {
  .investorsPages .governance-4-block.sustainable > div:first-child {
    width: 100%;
  }
}

.investorsPages .governance-4-block.sustainable > div:last-child {
  width: 13.734%;
}

@media (min-width: 1201px) and (max-width: 1440px) {
  .investorsPages .governance-4-block.sustainable > div:last-child {
    width: 15%;
  }
}

@media (max-width: 1200px) {
  .investorsPages .governance-4-block.sustainable > div:last-child {
    width: 18%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .governance-4-block.sustainable > div:last-child {
    width: 24%;
  }
}

@media (max-width: 769px) {
  .investorsPages .governance-4-block.sustainable > div:last-child {
    width: 100%;
  }
}

.investorsPages .point {
  color: #191919;
}

@media (max-width: 769px) {
  .investorsPages .point {
    padding-left: 0 !important;
    margin-top: 30px !important;
  }
}

.investorsPages .border-none {
  border: none !important;
}

.investorsPages .governance-4-ul {
  /*公司治理*/
  padding: 0;
  margin: 0;
  list-style-type: none;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8);
  line-height: 165%;
  font-weight: 300;
}

.investorsPages .governance-4-ul.sustainable > .row > div:first-child {
  width: 16.8%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .governance-4-ul.sustainable > .row > div:first-child {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%;
  }
}

@media (max-width: 769px) {
  .investorsPages .governance-4-ul.sustainable > .row > div:first-child {
    width: 100%;
    margin-bottom: 1rem;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px !important;
    padding-bottom: 0px !important;
  }
}

.investorsPages .governance-4-ul.sustainable > .row > div:last-child {
  width: 13.5%;
}

@media (max-width: 1200px) {
  .investorsPages .governance-4-ul.sustainable > .row > div:last-child {
    width: 18%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .governance-4-ul.sustainable > .row > div:last-child {
    text-align: left !important;
  }
}

@media (max-width: 769px) {
  .investorsPages .governance-4-ul.sustainable > .row > div:last-child {
    width: 100%;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media (max-width: 769px) {
  .investorsPages .governance-4-ul.sustainable > .row > div:first-child:before {
    content: "推動項目";
    display: block;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 500;
    margin-bottom: 10px;
  }
}

@media (max-width: 769px) {
  .investorsPages .governance-4-ul.sustainable > .row > div:nth-child(2):before {
    content: "執行情形";
    display: block;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 500;
    margin-bottom: 10px;
    padding-left: 15px;
  }
}

@media (max-width: 769px) {
  .investorsPages .governance-4-ul.sustainable > .row > div:nth-child(2) .row .d-flex.w-100 > div:first-child:before {
    content: "是";
    color: rgba(0, 0, 0, 0.8);
  }
  .investorsPages .governance-4-ul.sustainable > .row > div:nth-child(2) .row .d-flex.w-100 > div:last-child:before {
    content: "摘要說明";
    color: rgba(0, 0, 0, 0.8);
    font-weight: 500;
    margin-bottom: 10px;
    display: block;
    margin-top: 25px;
    padding-left: 15px;
  }
}

@media (max-width: 769px) {
  .investorsPages .governance-4-ul.sustainable > .row > div:nth-child(2):before {
    content: "執行情形";
    display: block;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 500;
    margin-bottom: 10px;
  }
}

@media (max-width: 769px) {
  .investorsPages .governance-4-ul.sustainable > .row > div:nth-child(3):before {
    content: "與上市上櫃公司企業社會責任實務守則差異情形及原因";
    display: block;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 500;
    margin-bottom: 15px;
    text-align: left;
    margin-top: 15px;
  }
}

.investorsPages .governance-4-ul.governance-4 .d-flex.w-100 > div:first-child {
  width: 80px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .governance-4-ul.governance-4 .d-flex.w-100 > div:first-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .investorsPages .governance-4-ul.governance-4 .d-flex.w-100 > div:first-child {
    width: 13.1%;
  }
}

@media (min-width: 1201px) and (max-width: 1440px) {
  .investorsPages .governance-4-ul.governance-4 .d-flex.w-100 > div:first-child {
    width: 13.1%;
  }
}

.investorsPages .governance-4-ul.governance-4 .d-flex.w-100 > div:nth-child(2) {
  width: 80px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .governance-4-ul.governance-4 .d-flex.w-100 > div:nth-child(2) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .investorsPages .governance-4-ul.governance-4 .d-flex.w-100 > div:nth-child(2) {
    width: 13.1%;
  }
}

@media (min-width: 1201px) and (max-width: 1440px) {
  .investorsPages .governance-4-ul.governance-4 .d-flex.w-100 > div:nth-child(2) {
    width: 13.1%;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .investorsPages .governance-4-ul.governance-4 .d-flex.w-100 > div:nth-child(3) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 1201px) and (max-width: 1440px) {
  .investorsPages .governance-4-ul.governance-4 .d-flex.w-100 > div:nth-child(3) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .governance-4-ul.governance-4 .d-flex.w-100 > div:nth-child(3) {
    width: 100%;
    padding-left: 15px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    padding-right: 15px;
  }
}

@media (max-width: 769px) {
  .investorsPages .governance-4-ul.governance-4 li.pl-35.pt-45.pb-45.border-none.pr-35 {
    padding: 15px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .governance-4-ul.governance-4 li.pl-35.pt-45.pb-45.border-none.pr-35 {
    padding-bottom: 25px !important;
  }
}

.investorsPages .governance-4-ul.governance-4 li .col-12.pb-3.font-weight-700.pt-0 {
  padding-left: 35px;
}

@media (max-width: 769px) {
  .investorsPages .governance-4-ul li.row.pt-45.pb-45.no-gutters, .investorsPages .governance-4-ul li.row.pt-50.pb-50.no-gutters {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media (max-width: 769px) {
  .investorsPages .governance-4-ul li.row.pt-45.pb-45.border-t-gray.no-gutters {
    padding-top: 0px !important;
    padding-bottom: 25px !important;
  }
  .investorsPages .governance-4-ul li.row.pt-45.pb-45.border-t-gray.no-gutters div:first-child:before, .investorsPages .governance-4-ul li.row.pt-45.pb-45.border-t-gray.no-gutters div:nth-child(2):before {
    display: none;
  }
  .investorsPages .governance-4-ul li.row.pt-45.pb-45.border-t-gray.no-gutters .point {
    margin-top: 0px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .governance-4-ul li.row.pt-45.pb-45.border-t-gray.no-gutters {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .investorsPages .governance-4-ul li.row.pt-45.pb-45.border-t-gray.no-gutters div:first-child:before, .investorsPages .governance-4-ul li.row.pt-45.pb-45.border-t-gray.no-gutters div:nth-child(2):before {
    display: none;
  }
  .investorsPages .governance-4-ul li.row.pt-45.pb-45.border-t-gray.no-gutters .point {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

.investorsPages .governance-4-ul li {
  border-bottom: #DEDEDD solid 1px;
  line-height: 165%;
  letter-spacing: 1px;
}

.investorsPages .governance-4-ul li.no-border-b {
  border-bottom: none;
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .governance-4-ul li.pt-45.pb-45 {
    padding-top: 25px !important;
    padding-bottom: 0px !important;
  }
}

@media (max-width: 769px) {
  .investorsPages .governance-4-ul li.pt-45.pb-45 {
    padding-top: 25px !important;
    padding-bottom: 0px !important;
  }
}

.investorsPages .governance-4-ul li p.mb-75 {
  margin-bottom: 75px !important;
}

@media (max-width: 650px) {
  .investorsPages .governance-4-ul li p.mb-75 {
    margin-bottom: 30px !important;
  }
}

@media (max-width: 769px) {
  .investorsPages .governance-4-ul li {
    padding-left: 0;
  }
}

.investorsPages .governance-4-ul li:nth-child(even) {
  background-color: #F8F8F8;
}

.investorsPages .governance-4-ul li > div:first-child {
  width: 330px;
  padding-left: 35px;
  padding-right: 15px;
}

@media (min-width: 1201px) and (max-width: 1440px) {
  .investorsPages .governance-4-ul li > div:first-child {
    padding-left: 15px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .governance-4-ul li > div:first-child {
    width: 100%;
    padding-left: 15px;
  }
}

@media (max-width: 769px) {
  .investorsPages .governance-4-ul li > div:first-child {
    width: 100%;
    padding-left: 15px;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
}

@media (max-width: 769px) {
  .investorsPages .governance-4-ul li .col-12.pl-35.pr-35,
  .investorsPages .governance-4-ul li .col-md-auto.text-center,
  .investorsPages .governance-4-ul li .col-md.pt-45.pb-45,
  .investorsPages .governance-4-ul li .col-md-2.pt-45.pb-45 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .governance-4-ul li .col-md-auto.pt-45.pb-45 {
    padding-top: 15px !important;
    padding-bottom: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .governance-4-ul li .col-md.pt-45.pb-45 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media (max-width: 769px) {
  .investorsPages .governance-4-ul li .col-md.pt-45.pb-45 {
    padding-top: 0px !important;
    padding-bottom: 15px !important;
  }
}

@media (max-width: 769px) {
  .investorsPages .governance-4-ul li .col-md-2.text-center.pt-45.pb-45 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .governance-4-ul li .col-md-2.text-center.pt-45.pb-45 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media (max-width: 769px) {
  .investorsPages .governance-4-ul li .col-md.pl-25.pr-25 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 769px) {
  .investorsPages .governance-4-ul li .col-md.pl-25.pr-25.elsePadding, .investorsPages .governance-4-ul li .col-md.pl-25.pr-25 p.elsePadding {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

@media (max-width: 769px) {
  .investorsPages .governance-4-ul li .col-md.pl-25.pr-25.elsePadding:before {
    padding-left: 0 !important;
  }
}

@media (max-width: 769px) {
  .investorsPages .governance-4-ul li p.text-left.pl-4.pr-4 {
    padding-left: 0 !important;
  }
}

.investorsPages .governance-4-ul li i.bi.bi-check {
  color: #D3A61D;
}

.investorsPages .governance-4-ul li .insideUl {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.investorsPages .governance-4-ul li .insideUl.governance-4 li {
  border-bottom: none;
}

.investorsPages .governance-4-ul li .insideUl.governance-4 li:before {
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #D5AB29;
  content: "";
  left: 0;
  top: 12px;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.investorsPages .governance-4-ul li .insideUl li {
  position: relative;
  padding-left: 20px;
}

.investorsPages .governance-4-ul li .insideUl li:before {
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #D5AB29;
  content: "";
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 25px;
}

.investorsPages .governance-4-ul li .pl-19 {
  padding-left: 1.9rem;
}

@media (max-width: 769px) {
  .investorsPages .governance-4-ul li .d-flex.w-100 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .governance-4-ul li .d-flex.w-100 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.investorsPages .governance-4-ul li .d-flex.w-100 > div:first-child {
  width: 62px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .governance-4-ul li .d-flex.w-100 > div:first-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    text-align: left !important;
    padding-left: 0 !important;
  }
}

@media (max-width: 769px) {
  .investorsPages .governance-4-ul li .d-flex.w-100 > div:first-child {
    text-align: left !important;
  }
}

.investorsPages .governance-4-ul li .d-flex.w-100 > div:nth-child(2) {
  width: 62px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .governance-4-ul li .d-flex.w-100 > div:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 1200px) {
  .investorsPages .governance-4-ul li .d-flex.w-100 > div:nth-child(3) {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .governance-4-ul li .d-flex.w-100 > div:nth-child(3) {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

@media (max-width: 769px) {
  .investorsPages .governance-4-ul li .d-flex.w-100 > div:nth-child(3) {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

.investorsPages .governance-4-ul li.row > div:first-child, .investorsPages .governance-4-ul li.row > div:nth-child(2), .investorsPages .governance-4-ul li.row > div:nth-child(3) {
  padding-bottom: 25px;
  padding-top: 25px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .governance-4-ul li.row > div:nth-child(2) {
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .governance-4-ul li.row > div:nth-child(3) {
    width: 100%;
    padding-left: 15px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    padding-right: 15px;
    margin-bottom: 25px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .governance-4-ul li.row > div:nth-child(3) {
    margin-bottom: 25px;
    text-align: left !important;
  }
}

@media (max-width: 769px) {
  .investorsPages .governance-4-ul li.row > div:nth-child(3) {
    margin-bottom: 25px;
    text-align: left !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .governance-4-ul li.row > div:first-child:before {
    content: "誠信經營工作計畫";
    display: block;
    font-weight: 500;
    margin-bottom: 10px;
  }
}

@media (max-width: 769px) {
  .investorsPages .governance-4-ul li.row > div:first-child:before {
    content: "誠信經營工作計畫";
    display: block;
    font-weight: 500;
    margin-bottom: 10px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .governance-4-ul li.row > div:nth-child(2):before {
    content: "執行情形";
    display: block;
    margin-bottom: 10px;
    font-weight: 500;
    margin-top: 15px;
  }
}

@media (max-width: 769px) {
  .investorsPages .governance-4-ul li.row > div:nth-child(2):before {
    content: "執行情形";
    display: block;
    margin-bottom: 10px;
    font-weight: 500;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .governance-4-ul li.row > div:nth-child(2) .row .d-flex.w-100 > div:first-child:before {
    content: "是";
  }
  .investorsPages .governance-4-ul li.row > div:nth-child(2) .row .d-flex.w-100 > div:last-child:before {
    content: "摘要說明";
    margin-bottom: 25px;
    display: block;
    margin-top: 25px;
    font-weight: 500;
  }
}

@media (max-width: 769px) and (max-width: 769px) {
  .investorsPages .governance-4-ul li.row > div:nth-child(2) .row .d-flex.w-100 .col-md-auto.col-6.text-center {
    padding-left: 0 !important;
  }
}

@media (max-width: 769px) and (max-width: 769px) {
  .investorsPages .governance-4-ul li.row > div:nth-child(2) .row .d-flex.w-100 .col-md-auto.pt-0.pb-0.col-6.text-center {
    padding-left: 15px !important;
  }
}

@media (max-width: 769px) {
  .investorsPages .governance-4-ul li.row > div:nth-child(2) .row .d-flex.w-100 > div:first-child:before {
    content: "是";
  }
}

@media (max-width: 769px) {
  .investorsPages .governance-4-ul li.row > div:nth-child(2) .row .d-flex.w-100 > div:last-child:before {
    content: "摘要說明";
    margin-bottom: 25px;
    display: block;
    margin-top: 25px;
    font-weight: 500;
  }
}

@media (max-width: 769px) {
  .investorsPages .governance-4-ul li.row > div:nth-child(2):before {
    content: "執行情形";
    display: block;
    margin-bottom: 10px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .governance-4-ul li.row > div:nth-child(3):before {
    content: "執行結果";
    display: block;
    font-weight: 500;
    margin-bottom: 10px;
    text-align: left;
    margin-top: 15px;
  }
}

@media (max-width: 769px) {
  .investorsPages .governance-4-ul li.row > div:nth-child(3):before {
    content: "執行結果";
    display: block;
    font-weight: 500;
    margin-bottom: 10px;
  }
}

.investorsPages .governance-4-ul li p:last-child {
  margin-bottom: 0;
}

.investorsPages .border-t {
  border-top: #fff solid 1px;
}

.investorsPages .border-r2 {
  border-right: #fff solid 1px;
}

.investorsPages .border-l:before {
  background-color: #fff;
  height: 150px;
  width: 1px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  content: "";
}

.investorsPages .border-r:before {
  background-color: #fff;
  height: 150px;
  top: -55px;
  width: 1px;
  position: absolute;
  right: 0;
  content: "";
}

.investorsPages .reorganize {
  color: rgba(0, 0, 0, 0.8);
}

.investorsPages .showdownStyle {
  border-radius: 10px;
  max-width: 1480px;
  margin: 0 auto;
  background: #fff;
  -webkit-box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
          box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.investorsPages .showdownStyle .row .col-sm-auto .shareholderLeft {
  padding-left: 83px;
  padding-top: 40px;
  margin-right: 57px;
}

@media (max-width: 650px) {
  .investorsPages .showdownStyle .row .col-sm-auto .shareholderLeft {
    padding-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  .investorsPages .showdownStyle .row .col-sm-auto .shareholderLeft {
    padding-left: 30px;
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .showdownStyle .row .col-sm-auto .shareholderLeft {
    padding-left: 25px;
    padding-top: 40px;
    margin-right: 25px;
  }
}

.investorsPages .showdownStyle .row .col-sm-auto .shareholderLeft p {
  margin: 28px 0 47px 0;
}

@media (max-width: 650px) {
  .investorsPages .showdownStyle .row .col-sm-auto .shareholderLeft p {
    margin: 25px 0 10px 0;
  }
}

.investorsPages .showdownStyle2 {
  padding: 22px;
  border-radius: 10px;
  background: #fff;
  -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
          box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.investorsPages .shareholderUl {
  padding: 0;
  margin: 0;
  list-style-type: none;
  padding-right: 79px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .shareholderUl {
    padding-right: 30px;
  }
}

@media (max-width: 769px) {
  .investorsPages .shareholderUl {
    padding-right: 30px;
    padding-left: 30px;
  }
}

.investorsPages .shareholderUl li {
  border-bottom: #DEDEDD solid 1px;
  padding: 20.5px 0 20.5px 60px;
  position: relative;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .investorsPages .shareholderUl li {
    padding: 20.5px 0 20.5px 30px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .shareholderUl li {
    padding: 20.5px 0 20.5px 25px;
  }
}

@media (max-width: 769px) {
  .investorsPages .shareholderUl li {
    padding: 20.5px 0 20.5px 30px;
  }
}

@media (max-width: 650px) {
  .investorsPages .shareholderUl li:last-child {
    margin-bottom: 15px;
  }
}

.investorsPages .shareholderUl li .place {
  font-size: 16px;
}

.investorsPages .shareholderUl li .place:before {
  width: 5px;
  height: 5px;
  background-color: #D5AB29;
  border-radius: 20px;
  content: "";
  position: absolute;
  left: 40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (min-width: 992px) and (max-width: 1200px) {
  .investorsPages .shareholderUl li .place:before {
    left: 5px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .shareholderUl li .place:before {
    left: 0px;
  }
}

@media (max-width: 769px) {
  .investorsPages .shareholderUl li .place:before {
    left: 5px;
  }
}

@media (max-width: 769px) {
  .investorsPages .shareholderUl li .place {
    display: block;
  }
}

.investorsPages .shareholderUl li .name {
  margin-left: 63px;
  font-size: 16px;
  color: #5C5C5C;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .investorsPages .shareholderUl li .name {
    margin-left: 40px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .shareholderUl li .name {
    margin-left: 40px;
  }
}

.investorsPages .shareholderUl li .name.five {
  margin-left: 47px;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .investorsPages .shareholderUl li .name.five {
    margin-left: 25px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .shareholderUl li .name.five {
    margin-left: 25px;
  }
}

@media (max-width: 769px) {
  .investorsPages .shareholderUl li .name.five {
    margin-left: 0;
  }
}

.investorsPages .shareholderUl li .name a {
  color: #5C5C5C;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.investorsPages .shareholderUl li .name a:hover {
  color: #D3A61D;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  text-decoration: underline;
}

@media (max-width: 769px) {
  .investorsPages .shareholderUl li .name.ml-4 {
    margin-left: 0 !important;
  }
}

@media (max-width: 769px) {
  .investorsPages .shareholderUl li .name {
    margin-left: 0;
  }
}

.investorsPages .shareholderUl li:last-child {
  border-bottom: none;
}

.investorsPages .downloadIcon {
  display: block;
  margin-top: 30px;
  width: 180px;
  border: #DEDEDD solid 1px;
  border-radius: 25px;
  text-align: center;
  padding: 6px 0;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  color: rgba(70, 70, 70, 0.8);
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 80px;
}

.investorsPages .downloadIcon:hover {
  background-color: #D3A61D;
  color: #fff;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .downloadIcon {
    margin-bottom: 40px;
  }
}

@media (max-width: 769px) {
  .investorsPages .downloadIcon {
    width: 100%;
    margin-bottom: 25px;
    margin-top: 15px;
  }
}

.investorsPages .desBlock2 {
  font-size: 16px;
  color: #5c5c5c;
  margin-bottom: 47px;
}

.investorsPages .shareholder-3-ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.investorsPages .shareholder-3-ul li {
  text-align: center;
  padding: 19px 0;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8);
  border-bottom: #dee2e6 solid 1px;
}

.investorsPages .shareholder-3-ul li:nth-child(even) {
  background-color: #f8f8f8;
}

.investorsPages .shareholder-3-ul li > div:first-child {
  width: 14.4%;
}

.investorsPages .shareholder-3-ul li > div:last-child {
  width: 11.8%;
}

@media (max-width: 1200px) {
  .investorsPages .row.shareholder {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
  .investorsPages .row.shareholder .text-right {
    margin-bottom: 25px;
  }
}

.investorsPages .newsList {
  margin-bottom: 37px;
}

.investorsPages .newsList a .date {
  font-size: 18px;
  text-align: center;
  color: #B0B0B0;
  border-right: #D3A61D solid 2px;
  padding-left: 27px;
  padding-right: 27px;
  font-weight: 300;
}

@media (max-width: 769px) {
  .investorsPages .newsList a .date {
    padding-left: 1.25rem;
    border-right: none;
  }
}

.investorsPages .newsList a .title {
  font-size: 18px;
  font-weight: 300;
  color: #0D0D0D;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  padding-left: 23px;
}

@media (max-width: 769px) {
  .investorsPages .newsList a .title {
    line-height: 165%;
  }
}

.investorsPages .newsList a .link {
  color: #D3A61D;
  font-size: 18px;
  padding-right: 1.5rem;
}

.investorsPages .newsList a:hover .title {
  color: #0D0D0D;
  font-weight: 500;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.investorsPages .newsListPageBox {
  margin-top: 84px;
}

.investorsPages .tx-85 {
  -webkit-transform: translateX(-55px);
          transform: translateX(-55px);
}

@media (min-width: 768px) and (max-width: 991px) {
  .investorsPages .tx-85 {
    -webkit-transform: translateX(-45px);
            transform: translateX(-45px);
  }
}

@media (max-width: 769px) {
  .investorsPages .tx-85 {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

/*消息內頁*/
.importnews .shareIconWrap .shareIcon.line:hover, .importnews .shareIconWrap .shareIcon.facebook:hover {
  color: #D3A61D;
  background-color: #fff;
  border: 1px solid #D3A61D;
}

.importnews .editor p {
  margin-bottom: 0.7rem;
}

.importnews .editor p.point {
  margin-bottom: 0rem;
  line-height: 1.8;
}

.importnews .newArticleInner {
  padding: 85px 20px 172px 20px;
}

@media (min-width: 1201px) and (max-width: 1440px) {
  .importnews .newArticleInner {
    padding: 85px 20px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .importnews .newArticleInner {
    padding: 85px 20px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .importnews .newArticleInner {
    padding: 65px 20px;
  }
}

@media (max-width: 769px) {
  .importnews .newArticleInner {
    padding: 50px 20px;
  }
}

/* 20230309 加簽 投資人專區(18頁) end */
.productRecommendBlock .productRecommendInner .productRecommend .productItemBox .productImgBox .bg::before {
  content: '';
  width: 100%;
  padding-top: 64.1509%;
  background-color: #F9F9F9;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.productRecommendBlock .productRecommendInner .productRecommend .productItemBox .productImgBox .productImg::before, .productRecommendBlock .productRecommendInner .productRecommend .productItemBox .productImgBox .productImg::after {
  content: '';
  width: 55px;
  height: 55px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.productRecommendBlock .productRecommendInner .productRecommend .productItemBox .productImgBox .productImg::before {
  background-color: #D3A61D;
}

.productRecommendBlock .productRecommendInner .productRecommend .productItemBox .productImgBox .productImg::after {
  background-image: url(images/layout/arrowWhite.svg);
  background-repeat: no-repeat;
  background-position: center center;
  width: 15px;
}

.productRecommendBlock .productRecommendInner .productRecommend .productItemBox .productImgBox:hover .bg::before {
  background-color: #F2F2F2;
}

.productRecommendBlock .productRecommendInner .productRecommend .productItemBox .productImgBox:hover .productImg::before {
  opacity: 0.85;
}

.productRecommendBlock .productRecommendInner .productRecommend .productItemBox .productImgBox:hover .productImg::after {
  opacity: 1;
}

.dealerMain .dealerSelectorBlock .learnMoreLink_ub {
  padding-bottom: 10px;
  margin-bottom: -10px;
}

.dealerMain .dealerSelectorBlock .bootstrap-select {
  width: 200px !important;
}

.dealerMain .dealerListBlock .tableBlock .tr .td1 {
  -ms-flex-preferred-size: 19.6%;
  flex-basis: 19.6%;
}

.dealerMain .dealerListBlock .tableBlock .tr .td4 {
  -ms-flex-preferred-size: 6.9%;
  flex-basis: 6.9%;
}

@media (max-width: 1399px) {
  .dealerMain .dealerListBlock .tableBlock .tr .td1 {
    -ms-flex-preferred-size: 19%;
    flex-basis: 19%;
    padding-left: 20px;
    padding-right: 20px;
  }
  .dealerMain .dealerListBlock .tableBlock .tr .td2 {
    -ms-flex-preferred-size: 18%;
    flex-basis: 18%;
  }
  .dealerMain .dealerListBlock .tableBlock .tr .td3 {
    -ms-flex-preferred-size: 25.5%;
    flex-basis: 25.5%;
  }
}

@media (max-width: 1199px) {
  .dealerMain .dealerListBlock .tableBlock .tr .td1 {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (max-width: 991px) {
  .dealerMain .dealerSelectorBlock {
    height: 300px;
    padding: 12px 16px 22px 16px;
  }
  .dealerMain .dealerSelectorBlock .bootstrap-select {
    width: 80% !important;
  }
  .dealerMain .dealerListBlock {
    padding-top: 280px;
  }
}

@media (max-width: 575px) {
  .dealerMain .dealerSelectorBlock .bootstrap-select {
    width: 100% !important;
  }
}

/* 20220927 加簽 經銷據點 end */
.editor table tr th, .specificationInner table tr th {
  /* 產品內頁版面調整 */
  width: 100px;
}

/* 20230325   dealer-recruitment.php start */
.dealerTitle-color::before {
  background-color: #FFFFFF;
}

.dealer-distance {
  margin: 1.25rem 2rem 0;
}

.dealer-distance div:nth-child(2) {
  margin-top: 3.5rem;
}

.recruitIntroduce {
  width: calc(100% - 18px);
  max-width: calc(1920px - 18px);
  margin: auto;
}

.recruitIntroduce-block {
  margin: auto;
  margin-top: 10px;
}

.recruitIntroduce-block:nth-child(2) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.recruitIntroduce-image {
  width: 50%;
  margin-right: 6px;
  overflow: hidden;
}

.recruitIntroduce-block:nth-child(2) .recruitIntroduce-image {
  margin-right: 0px;
  margin-left: 6px;
}

.recruitIntroduce-image img {
  scale: 1;
  -webkit-transition: all .5s linear;
  transition: all .5s linear;
}

.recruitIntroduce-image img:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.recruitIntroduce-text {
  width: 50%;
  margin-left: 6px;
}

.recruitIntroduce-block:nth-child(2) .recruitIntroduce-text {
  margin-right: 6px;
  margin-left: 0px;
}

.recruitIntroduce-content {
  width: 100%;
  height: 100%;
  background-color: #F9F9F9;
}

.recruitIntroduce-block:nth-child(2) .recruitIntroduce-content {
  background-color: #FFFFFF;
}

.recruitIntroduce-icon {
  margin-left: 84px;
  margin-right: 39px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.recruitIntroduce-block:nth-child(2) .recruitIntroduce-icon {
  margin-left: 136px;
  margin-right: 30.5px;
}

.recruitIntroduce-circle {
  width: 175px;
  height: 175px;
  border-radius: 50%;
  position: relative;
  padding: 4rem;
  background-color: #FFFFFF;
}

.recruitIntroduce-block:nth-child(2) .recruitIntroduce-circle {
  background-color: #F9F9F9;
}

.recruitIntroduce-circle img {
  position: absolute;
  top: 50%;
  left: 50%;
  scale: 1;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.recruitIntroduce-list {
  width: 100%;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  margin-left: 39px;
  margin-right: 84px;
}

.recruitIntroduce-block:nth-child(2) .recruitIntroduce-list {
  margin-left: 30.5px;
  margin-right: 136px;
}

.recruitIntroduce-title {
  font-size: 40px;
  color: #2F2F2F;
  text-align: start;
}

.recruitIntroduce-line {
  width: 100px;
  height: 1px;
  background-color: #BFBFBF;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  -webkit-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}

.recruitIntroduce-content:hover .recruitIntroduce-line {
  width: 100%;
  background-color: #D3A61D;
}

.recruitIntroduce-list ul {
  height: auto;
  max-height: 140px;
  overflow-y: auto;
  margin-bottom: 0;
}

.recruitIntroduce-list ul::-webkit-scrollbar {
  width: 5px;
}

.recruitIntroduce-list ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px grey;
          box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

.recruitIntroduce-list ul::-webkit-scrollbar-thumb {
  background: #D3A61D;
  border-radius: 10px;
}

.recruitIntroduce-list ul::-webkit-scrollbar-thumb:hover {
  background: #ffc000;
}

.recruitIntroduce-detail-title {
  text-align: start;
  font-size: 18px;
  margin-top: 1rem;
  margin-bottom: 0rem;
}

.recruitIntroduce-list ul li {
  font-size: 16px;
  color: #2F2F2F;
  margin-top: 0.5rem;
  text-align: left;
  padding-left: 2.5%;
}

.recruitIntroduce-list ul li::marker {
  color: #D3A61D;
  font-size: 12px;
}

.recruitIntroduce-detail-txt {
  text-align: left;
  font-size: 16px;
  color: #2F2F2F;
  margin-left: 1.25rem;
  margin-top: 2.5%;
  margin-bottom: 0;
}

.dealer-join {
  background-color: #FFFFFF;
  padding: 1rem 1rem 7rem;
}

.dealer-join-text {
  text-align: center;
  color: #2F2F2F;
}

.dealer-join-text:nth-child(1) {
  margin-bottom: 2.5rem;
}

.dealerBtn {
  width: 196px;
  height: 56px;
  border: 1px solid #D3A61D;
  border-radius: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin: 0 11px;
  font-size: 16px;
  font-weight: 400;
  background-color: #fff;
}

.dealerBtn:hover {
  background-color: #D3A61D;
  color: #fff;
}

.dealer-join-btn {
  margin: auto;
  margin-top: 3rem;
  color: #2F2F2F;
}

@media screen and (max-width: 1499px) {
  .recruitIntroduce-circle {
    width: 150px;
    height: 150px;
  }
  .recruitIntroduce-icon {
    margin: 1rem 1rem 1rem 3rem;
  }
  .recruitIntroduce-block:nth-child(2) .recruitIntroduce-icon {
    margin: 1rem 1rem 1rem 3rem;
  }
  .recruitIntroduce-title {
    font-size: 24px;
  }
  .recruitIntroduce-line {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .recruitIntroduce-list {
    margin: 1rem 2rem 1rem 1rem;
  }
  .recruitIntroduce-block:nth-child(2) .recruitIntroduce-list {
    margin: 1rem 2rem 1rem 1rem;
  }
  .recruitIntroduce-content:hover .recruitIntroduce-line {
    width: 95%;
  }
}

@media screen and (max-width: 1400px) {
  .recruitIntroduce-list ul {
    height: auto;
    max-height: 67.5px;
  }
  .recruitIntroduce-list ul li {
    font-size: 15px;
  }
  .recruitIntroduce-detail-title {
    font-size: 24px;
  }
  .recruitIntroduce-detail-txt {
    font-size: 15px;
  }
}

@media screen and (max-width: 1200px) {
  .recruitIntroduce-circle {
    width: 125px;
    height: 125px;
    padding: 0;
  }
  .recruitIntroduce-icon {
    margin: 1rem 0.5rem 1rem 2rem;
  }
  .recruitIntroduce-block:nth-child(2) .recruitIntroduce-icon {
    margin: 1rem 0.5rem 1rem 2rem;
  }
  .recruitIntroduce-title {
    font-size: 20px;
    margin-bottom: 0.5rem;
  }
  .recruitIntroduce-list {
    margin: 1rem 1rem 1rem 0.5rem;
  }
  .recruitIntroduce-block:nth-child(2) .recruitIntroduce-list {
    margin: 1rem 1rem 1rem 0.5rem;
  }
  .recruitIntroduce-detail-title {
    font-size: 16px;
    margin-top: 0.5rem;
    margin-bottom: 0.25rem;
  }
  .recruitIntroduce-list ul {
    height: auto;
    max-height: 67.5px;
  }
  .recruitIntroduce-list ul li {
    font-size: 14px;
  }
  .recruitIntroduce-detail-txt {
    font-size: 14px;
  }
}

@media screen and (max-width: 991px) {
  .recruitIntroduce-content {
    padding: 1.5rem;
  }
  .recruitIntroduce-image {
    width: 100%;
  }
  .recruitIntroduce-block:nth-child(2) .recruitIntroduce-image {
    margin-left: 0;
  }
  .recruitIntroduce-image img {
    width: 100%;
  }
  .recruitIntroduce-circle {
    width: 150px;
    height: 150px;
  }
  .recruitIntroduce-icon {
    margin: 1rem 0.5rem 1rem 3rem;
  }
  .recruitIntroduce-block:nth-child(2) .recruitIntroduce-icon {
    margin: 1rem 0.5rem 1rem 3rem;
  }
  .recruitIntroduce-text {
    width: 100%;
    margin-left: 0;
  }
  .recruitIntroduce-title {
    font-size: 28px;
  }
  .recruitIntroduce-line {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
  .recruitIntroduce-detail-title {
    font-size: 18px;
    margin-top: 2rem;
    margin-bottom: 1rem;
  }
  .recruitIntroduce-list {
    margin: 1rem 2rem;
  }
  .recruitIntroduce-block:nth-child(2) .recruitIntroduce-list {
    margin: 1rem 2rem;
  }
  .recruitIntroduce-content:hover .recruitIntroduce-line {
    width: 95%;
  }
  .recruitIntroduce-list ul {
    height: auto;
    max-height: 140px;
    margin: auto;
  }
  .recruitIntroduce-list ul li {
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
  .recruitIntroduce-content {
    display: block !important;
    padding: 1.5rem;
  }
  .recruitIntroduce-block:nth-child(2) .recruitIntroduce-content {
    background-color: #F9F9F9;
  }
  .recruitIntroduce-circle {
    width: 150px;
    height: 150px;
    margin: auto;
  }
  .recruitIntroduce-block:nth-child(2) .recruitIntroduce-circle {
    background-color: #FFFFFF;
  }
  .recruitIntroduce-icon {
    margin: 3rem 0rem;
  }
  .recruitIntroduce-block:nth-child(2) .recruitIntroduce-icon {
    margin: 3rem 0rem;
  }
  .recruitIntroduce-title {
    padding-left: 0;
    text-align: center;
  }
  .recruitIntroduce-line {
    margin: auto;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
  .recruitIntroduce-list {
    margin: 3rem 0rem;
  }
  .recruitIntroduce-block:nth-child(2) .recruitIntroduce-list {
    margin: 3rem 0rem;
  }
  .recruitIntroduce-detail-title {
    margin-left: 4%;
  }
  .recruitIntroduce-list ul li {
    margin-right: 1rem;
  }
}

@media screen and (max-width: 575px) {
  .recruitIntroduce-circle {
    width: 125px;
    height: 125px;
  }
  .recruitIntroduce-icon {
    margin: 1.5rem 0rem;
  }
  .recruitIntroduce-title {
    font-size: 24px;
  }
  .recruitIntroduce-list ul {
    padding: 0 2.5rem;
  }
}

/* */
.productListBlock .productListMainWrap .productListSideNav .productFilterWrap .productFilter .filterGroup:nth-child(1) ul .filterItem {
  padding-left: 0;
}

.productListBlock .productListMainWrap .productListSideNav .productFilterWrap .productFilter .filterGroup:nth-child(1) ul .filterItem:hover {
  color: #D3A61D;
}

.productListBlock .productListMainWrap .productListSideNav .productFilterWrap .productFilter .filterGroup:nth-child(1) ul .filterItem::before {
  display: none;
}

.productListBlock .productListMainWrap .productListSideNav .productFilterWrap .productFilter .filterGroup:nth-child(1) ul .filterItem::after {
  display: none;
}

/* */
.productListBlock .productListMainWrap .productListSideNav .productFilterWrap .productFilter .filterGroup:nth-child(1) ul .filterItem a {
  display: block;
  width: 100%;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.productListBlock .productListMainWrap .productListSideNav .productFilterWrap .productFilter .filterGroup ul .filterItem a:hover {
  color: #D3A61D;
}

.productListContent {
  margin-bottom: 42px;
}

.productListContent p {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.unit-bathroom-pages {
  background-color: #fff;
  text-align: center;
  word-break: break-word;
  font-size: 16px;
  color: #5C5C5C;
}

.unit-bathroom-pages .w-full {
  width: 100%;
}

.unit-bathroom-pages .h-full {
  height: 100%;
}

.unit-bathroom-pages .learn-more-btn {
  border-radius: 50px;
  padding: 12px 20px;
  background: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.unit-bathroom-pages .learn-more-btn .arrow {
  font-size: 8px;
  margin-left: 10px;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

.unit-bathroom-pages hr {
  border-color: #BFBFBF;
}

.unit-bathroom-pages .drop-shadow-custom {
  -webkit-filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.2));
          filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.2));
}

.unit-bathroom-pages .la-swiper-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.la-bathroom-row {
  margin: -10px;
}

.la-bathroom-col {
  padding: 10px;
}

.la-bathroom-item {
  position: relative;
}

.la-bathroom-item > .item-bg {
  position: absolute;
  inset: 0;
}

.la-bathroom-item > .item-content {
  position: relative;
}

.la-bathroom-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

.la-bathroom-link > .link-img {
  position: absolute;
  inset: 0;
}

.la-bathroom-link > .link-cover {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.1);
  opacity: 0;
  -webkit-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;
}

@media (max-width: 991px) {
  .la-bathroom-link > .link-cover {
    opacity: 1;
  }
}

.la-bathroom-link > .link-txt {
  position: relative;
}

.la-bathroom-link .txt-box {
  -webkit-transition: padding-top .3s ease-out;
  transition: padding-top .3s ease-out;
}

.la-bathroom-link .after-hover {
  opacity: 0;
  padding-top: 12px;
  -webkit-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;
}

@media (max-width: 991px) {
  .la-bathroom-link .after-hover {
    opacity: 1;
  }
}

.la-bathroom-link:hover .link-cover {
  opacity: 1;
}

.la-bathroom-link:hover .txt-box {
  padding-top: 2px;
}

.la-bathroom-link:hover .after-hover {
  opacity: 1;
}

.before-bg-F9F8F8 {
  position: relative;
}

.before-bg-F9F8F8::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 220px;
  background: #F9F8F8;
  pointer-events: none;
}

@media (max-width: 1199px) {
  .before-bg-F9F8F8::before {
    height: 100px;
  }
}

.bathroom-section.banner {
  position: relative;
}

.bathroom-section.banner .section-bg {
  position: absolute;
  inset: 0;
}

.bathroom-section.banner .section-content {
  position: relative;
  padding: 60px 0px;
  text-align: left;
  min-height: 730px;
}

@media (max-width: 1199px) {
  .bathroom-section.banner .section-content {
    min-height: 465px;
  }
}

@media (max-width: 575px) {
  .bathroom-section.banner .section-content {
    min-height: 240px;
    padding-bottom: 30px;
  }
}

@media (max-width: 1199px) {
  .bathroom-section.banner .en-title {
    font-size: 42px;
  }
}

@media (max-width: 991px) {
  .bathroom-section.banner .en-title {
    font-size: 38px;
  }
}

@media (max-width: 767px) {
  .bathroom-section.banner .en-title {
    font-size: 36px;
  }
}

@media (max-width: 575px) {
  .bathroom-section.banner .en-title {
    font-size: 28px;
  }
}

.bathroom-section.banner .ch-title {
  letter-spacing: .24em;
}

@media (max-width: 575px) {
  .bathroom-section.banner .ch-title {
    letter-spacing: .18em;
  }
}

.bathroom-section .arrows-box {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  right: 0;
  z-index: 10;
}

.bathroom-section .arrow-blank {
  padding-left: 50px;
  padding-right: 50px;
}

@media (max-width: 767px) {
  .bathroom-section .arrow-blank {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.bathroom-section .arrow-blank .arrows-box {
  left: -25px;
  right: -25px;
}

@media (max-width: 767px) {
  .bathroom-section .arrow-blank .arrows-box {
    left: -35px;
    right: -35px;
  }
}

.bathroom-section .swiper-pagination {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 9px;
}

.bathroom-section .swiper-pagination-bullet {
  width: 9px;
  height: 9px;
  border-radius: 9px;
  margin-right: 4.5px;
  margin-left: 4.5px;
  margin-bottom: 9px;
  background: #BFBFBF;
  opacity: 1;
  -webkit-transition: all .3s;
  transition: all .3s;
  position: relative;
}

.bathroom-section .swiper-pagination-bullet::after {
  content: '';
  position: absolute;
  inset: -4.5px;
}

.bathroom-section .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover {
  background: #5C5C5C;
}

.bathroom-section .swiper-pagination-bullet-active {
  background: #D3A61D;
  width: 32px;
}

.bathroom-event-item {
  overflow: hidden;
}

.bathroom-event-item img {
  -webkit-transition: all .3s;
  transition: all .3s;
}

.bathroom-event-item:hover img {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

.bathroom-retail-row {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.retail-link {
  height: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
}

.retail-link .link-txt {
  aspect-ratio: 1;
  padding: 20px;
}

.retail-link .txt-box {
  padding-top: 40px;
}

@media (max-width: 991px) {
  .retail-link .txt-box {
    padding-top: 2px;
  }
}

.bathroom-counter-row {
  margin: -15px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.bathroom-counter-col {
  padding: 15px;
}

.bathroom-counter-col .qty {
  min-width: 60px;
  max-width: 100%;
  font-size: 60px;
}

.bathroom-counter-col .name {
  font-size: 20px;
}

.bathroom-contact-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.bathroom-contact-link > .link-img {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 160px;
  max-width: 100%;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 2px solid #F9F8F8;
  padding: 12px;
  margin-bottom: 30px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

@media (max-width: 991px) {
  .bathroom-contact-link > .link-img {
    width: 126px;
    margin-bottom: 24px;
  }
}

.bathroom-contact-link:hover > .link-img {
  border-color: #D3A61D;
}

.bathroom-project-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
}

.bathroom-project-item::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.1);
  -webkit-transition: all .3s;
  transition: all .3s;
  opacity: 0;
}

.bathroom-project-item:hover::after {
  opacity: 1;
}

.bathroom-choice-item {
  height: 100%;
}

.bathroom-choice-item > .item-content {
  height: 100%;
  min-height: 330px;
  padding: 36px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

@media (max-width: 1439px) {
  .bathroom-choice-item > .item-content {
    min-height: unset;
    padding: 36px;
  }
}

@media (max-width: 991px) {
  .bathroom-choice-item > .item-content {
    padding: 24px;
  }
}

@media (max-width: 767px) {
  .bathroom-choice-item > .item-content {
    padding: 36px;
  }
}

@media (max-width: 575px) {
  .bathroom-choice-item > .item-content {
    padding: 30px 20px;
  }
}

@media (max-width: 450px) {
  .bathroom-choice-item > .item-content {
    padding: 20px;
    gap: 16px;
  }
}

.bathroom-choice-item > .item-content .img-box {
  aspect-ratio: 100 / 26;
  width: 100%;
}

@media (max-width: 575px) {
  .bathroom-choice-item > .item-content .des {
    font-size: 18px;
  }
}

.bathroom-category-link > .link-txt {
  min-height: 550px;
}

@media (max-width: 1199px) {
  .bathroom-category-link > .link-txt {
    min-height: 250px;
  }
}

@media (max-width: 575px) {
  .bathroom-category-link > .link-txt {
    min-height: 200px;
  }
}

.bathroom-category-link .txt-box {
  padding-top: 50px;
}

@media (max-width: 991px) {
  .bathroom-category-link .txt-box {
    padding-top: 2px;
  }
}

.bathroom-video-block .angle-arrows {
  width: calc(100% - 40px);
  max-width: 1400px;
  left: 50%;
  right: unset;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media (max-width: 1199px) {
  .bathroom-video-block .angle-arrows {
    width: calc(100% - 160px);
  }
}

@media (max-width: 767px) {
  .bathroom-video-block .angle-arrows {
    width: calc(100% - 50px);
  }
}

@media (max-width: 575px) {
  .bathroom-video-block .angle-arrows {
    width: calc(100% - 10px);
  }
}

.bathroom-video-block .slideItem .itemContainer {
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  height: 0;
  padding-bottom: 56.25%;
}

.bathroom-video-block .slideItem .videoWrap {
  padding: 0;
  cursor: pointer;
}

.bathroom-video-block .slideItem .videoWrap::-moz-selection {
  background-color: transparent;
}

.bathroom-video-block .slideItem .videoWrap::selection {
  background-color: transparent;
}

.bathroom-video-block .slideItem .videoWrap .videoPlayer {
  margin: 0 auto;
}

.bathroom-video-block .swiper-slide .videoWrap {
  pointer-events: none;
}

.bathroom-video-block .swiper-slide .playBtnBox {
  will-change: opacity, transform;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

.bathroom-video-block .swiper-slide .playBtnBox .playBtn {
  width: 102px;
}

.bathroom-video-block .swiper-slide.swiper-slide-active .videoWrap {
  pointer-events: auto;
}

.bathroom-video-block .swiper-container-initialized .swiper-slide:not(.swiper-slide-active) .thumbnailWrap {
  opacity: 100;
  pointer-events: auto;
}

.bathroom-professional-item {
  border-radius: 10px;
}

.bathroom-professional-item:not(:last-child) {
  margin-bottom: 30px;
}

.bathroom-professional-item .head-content {
  background: -webkit-gradient(linear, left top, right top, from(#E7F3F9), to(#96BED3));
  background: linear-gradient(to right, #E7F3F9 0%, #96BED3 100%);
  border-radius: 10px;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  -webkit-transition: border-radius .3s;
  transition: border-radius .3s;
  -webkit-transition-delay: .3s;
          transition-delay: .3s;
}

.bathroom-professional-item .head-content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#CBE4F2), to(#63A9CE));
  background: linear-gradient(to right, #CBE4F2 0%, #63A9CE 100%);
  opacity: 0;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

.bathroom-professional-item .head-content .content-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}

@media (max-width: 991px) {
  .bathroom-professional-item .head-content .content-container {
    padding: 32px 0;
  }
}

@media (max-width: 767px) {
  .bathroom-professional-item .head-content .content-container {
    padding: 24px 0;
  }
}

.bathroom-professional-item .head-content .content-container > .col-txt {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  padding: 24px 20px 24px 0;
  position: relative;
  z-index: 10;
}

@media (max-width: 991px) {
  .bathroom-professional-item .head-content .content-container > .col-txt {
    max-width: unset;
    display: block;
    padding: 0 20px 0 0;
  }
}

@media (max-width: 575px) {
  .bathroom-professional-item .head-content .content-container > .col-txt {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0;
    padding-bottom: 16px;
  }
}

.bathroom-professional-item .head-content .content-container > .col-txt .title {
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .bathroom-professional-item .head-content .content-container > .col-txt .title {
    margin-bottom: .5rem;
  }
}

.bathroom-professional-item .head-content .content-container > .col-txt .des-box {
  padding-left: 16px;
}

@media (max-width: 991px) {
  .bathroom-professional-item .head-content .content-container > .col-txt .des-box {
    padding-left: 0;
  }
}

.bathroom-professional-item .head-content .content-container > .col-img {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 35%;
          flex: 0 1 35%;
  max-width: 35%;
  -webkit-filter: drop-shadow(34px 26px 10px rgba(36, 94, 148, 0.25));
          filter: drop-shadow(34px 26px 10px rgba(36, 94, 148, 0.25));
}

@media (max-width: 991px) {
  .bathroom-professional-item .head-content .content-container > .col-img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    opacity: 0.25;
    position: absolute;
    right: 0;
    z-index: 1;
  }
}

@media (max-width: 575px) {
  .bathroom-professional-item .head-content .content-container > .col-img {
    right: -48px;
  }
}

@media (max-width: 991px) {
  .bathroom-professional-item .head-content .content-container > .col-img.top-y-center {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@media (max-width: 575px) {
  .bathroom-professional-item .head-content .content-container > .col-img.top-y-center {
    top: unset;
    -webkit-transform: none;
            transform: none;
    bottom: 0;
  }
}

.bathroom-professional-item .head-content .content-container > .col-btn {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  position: relative;
  z-index: 10;
}

@media (max-width: 991px) {
  .bathroom-professional-item .head-content .content-container > .col-btn {
    max-width: unset;
  }
}

@media (max-width: 575px) {
  .bathroom-professional-item .head-content .content-container > .col-btn {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

.bathroom-professional-item .body-content {
  border-radius: 0 0 10px 10px;
}

.bathroom-professional-item .body-content .content-container {
  padding: 64px 20px 56px;
  max-width: 1340px;
  margin: 0 auto;
}

@media (max-width: 1399px) {
  .bathroom-professional-item .body-content .content-container {
    padding: 40px 20px;
  }
}

@media (max-width: 991px) {
  .bathroom-professional-item .body-content .content-container {
    padding: 24px 20px 36px;
  }
}

@media (max-width: 575px) {
  .bathroom-professional-item .body-content .content-container {
    padding: 20px 16px 28px;
  }
}

.bathroom-professional-item .body-content .img-box {
  border: 1px solid #E3E3E3;
  border-radius: 10px;
  padding: 20px;
  text-align: center;
}

.bathroom-professional-item ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 1.25em;
}

.bathroom-professional-item ul li {
  position: relative;
}

.bathroom-professional-item ul li::before {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #5C5C5C;
  position: absolute;
  left: -.75em;
  top: .75em;
}

.bathroom-professional-item.active .head-content {
  border-radius: 10px 10px 0 0;
  -webkit-transition: border-radius .3s;
  transition: border-radius .3s;
}

.bathroom-professional-item.active .head-content::before {
  opacity: 1;
}

.bathroom-professional-item.active .head-content .learn-more-btn .arrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.bathroom-equipment-block {
  position: relative;
  max-width: 1400px;
  margin: 0 auto;
}

.bathroom-equipment-block .bathroom-eqpt-slick-pag {
  width: 320px;
  bottom: 70px;
}

@media (max-width: 1199px) {
  .bathroom-equipment-block .bathroom-eqpt-slick-pag {
    bottom: 50px;
  }
}

@media (max-width: 575px) {
  .bathroom-equipment-block .bathroom-eqpt-slick-pag {
    width: 270px;
  }
}

.bathroom-equipment-block .bathroom-eqpt-slick-pag .number {
  width: 84px;
  margin-right: 35px;
}

@media (max-width: 575px) {
  .bathroom-equipment-block .bathroom-eqpt-slick-pag .number {
    width: 70px;
    margin-right: 12px;
  }
}

.bathroom-equipment-block .bathroom-eqpt-slick-pag .slash {
  margin-top: 2px;
}

.bathroom-equipment-block .bathroom-eqpt-slick-pag .bar {
  margin-bottom: -2px;
  border-top: 2px solid #D8D8D8;
}

.bathroom-equipment-block .bathroom-eqpt-slick-pag .bar .currentW {
  margin-top: -2px;
  border-top: 2px solid #000;
}

.bathroom-equipment-block .bathroom-eqpt-slick-pag .arrow {
  width: 70px;
  margin-left: 35px;
}

@media (max-width: 575px) {
  .bathroom-equipment-block .bathroom-eqpt-slick-pag .arrow {
    width: 60px;
    margin-left: 12px;
  }
}

.bathroom-equipment-block .bathroom-eqpt-slick-pag .arrow .slickBtn {
  font-size: 16px;
  display: block;
}

.bathroom-equipment-block .bathroom-eqpt-slick-pag .arrow .slickBtn:hover {
  color: #000;
}

.bathroom-equipment-block .bathroom-eqpt-slick-pag .arrow .slickBtn.slick-hidden {
  pointer-events: none;
}

.bathroom-eqpt-slick {
  padding-bottom: 140px;
}

@media (max-width: 575px) {
  .bathroom-eqpt-slick {
    padding-bottom: 120px;
  }
}

.bathroom-eqpt-slick .bathroom-eqpt-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 350px;
  max-width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  position: relative;
  margin: 0 auto;
}

.bathroom-eqpt-slick .bathroom-eqpt-item .img-box {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 250px;
  max-width: 100%;
  margin: 0 auto 20px;
  aspect-ratio: 1;
  position: relative;
}

@media (max-width: 575px) {
  .bathroom-eqpt-slick .bathroom-eqpt-item .img-box {
    margin-bottom: 12px;
  }
}

.bathroom-eqpt-slick .bathroom-eqpt-item .img-box::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 54px;
  width: 54px;
  border-radius: 50%;
  background-image: url(images/index/arrowYellow.svg);
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media (max-width: 767px) {
  .bathroom-eqpt-slick .bathroom-eqpt-item .img-box::after {
    display: none;
  }
}

.bathroom-eqpt-slick .bathroom-eqpt-item img {
  width: auto;
  margin: auto;
}

.bathroom-eqpt-slick .bathroom-eqpt-item:hover .img-box::after {
  opacity: 1;
}

.bathroom-feature-article {
  position: relative;
  margin-bottom: 40px;
}

@media (max-width: 991px) {
  .bathroom-feature-article {
    margin-bottom: 30px;
  }
}

.bathroom-feature-article > .article-bg {
  position: absolute;
  inset: 0;
}

.bathroom-feature-article > .article-bg img {
  -o-object-position: left;
     object-position: left;
}

.bathroom-feature-article > .article-content {
  position: relative;
  min-height: 500px;
  padding: 48px 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 1299px) {
  .bathroom-feature-article > .article-content {
    min-height: 460px;
  }
}

@media (max-width: 991px) {
  .bathroom-feature-article > .article-content {
    min-height: 400px;
    padding: 40px 24px;
  }
}

.bathroom-feature-article > .article-content .content-container {
  max-width: 1300px;
  width: 100%;
  margin: 0 auto;
}

.bathroom-feature-article .article-title {
  text-align: left;
}

@media (max-width: 991px) {
  .bathroom-feature-article .article-title {
    text-align: center;
  }
}

.bathroom-feature-article .feature-items-row {
  gap: 15px;
}

@media (max-width: 991px) {
  .bathroom-feature-article .feature-items-row {
    gap: 24px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media (max-width: 575px) {
  .smc-wall-block > .block-wrapper > .block-content {
    max-width: 450px;
    margin: 0 auto;
  }
}

.smc-wall-row {
  margin: -15px;
}

@media (max-width: 767px) {
  .smc-wall-row {
    margin: -10px;
  }
}

.smc-wall-col {
  padding: 15px;
  position: relative;
  width: 100%;
  min-height: 1px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  max-width: 20%;
}

@media (max-width: 991px) {
  .smc-wall-col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
}

@media (max-width: 767px) {
  .smc-wall-col {
    padding: 10px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333%;
            flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
}

@media (max-width: 575px) {
  .smc-wall-col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

.smc-pd-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (max-width: 1439px) {
  .smc-pd-row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.smc-pd-row > .col-img {
  padding-right: 30px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 54%;
          flex: 0 0 54%;
  max-width: 54%;
}

@media (max-width: 1439px) {
  .smc-pd-row > .col-img {
    padding-right: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

.smc-pd-row > .col-link {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 46%;
          flex: 0 0 46%;
  max-width: 46%;
}

@media (max-width: 1439px) {
  .smc-pd-row > .col-link {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

.smc-pd-imgs-subblock {
  max-width: 670px;
}

@media (max-width: 1439px) {
  .smc-pd-imgs-subblock {
    margin: 0 auto;
    padding-bottom: 8px;
  }
}

.smc-pd-imgs-subblock .main-img-slider {
  padding-bottom: 6px;
}

.smc-pd-imgs-subblock .main-img-item .img-box {
  border-radius: 5px;
  overflow: hidden;
}

@media (max-width: 1439px) {
  .smc-pd-links-subblock {
    max-width: 670px;
    margin: 0 auto;
    position: relative;
  }
}

.smc-pd-links-subblock .arrow-btn {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #BFBFBF;
  color: #BFBFBF;
  font-size: 14px;
  -webkit-transition: all .3s;
  transition: all .3s;
  pointer-events: auto;
}

@media (max-width: 1439px) {
  .smc-pd-links-subblock .arrow-btn {
    background: #fff;
    width: 50px;
    height: 50px;
  }
}

.smc-pd-links-subblock .arrow-btn:hover {
  border-color: #D3A61D;
  background: #D3A61D;
  color: #fff;
}

.smc-pd-links-subblock .arrow-btn.slick-hidden {
  pointer-events: none;
}

.smc-pd-links-subblock .arrow-btn.prev {
  margin-bottom: 18px;
}

@media (max-width: 1439px) {
  .smc-pd-links-subblock .arrow-btn.prev {
    margin-bottom: 0;
  }
}

@media (max-width: 1439px) {
  .smc-pd-links-subblock .slider-desktop-arrows {
    display: none;
  }
}

.smc-pd-links-subblock .slider-mobile-arrows {
  display: none;
  pointer-events: none;
}

@media (max-width: 1439px) {
  .smc-pd-links-subblock .slider-mobile-arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 12px;
    position: absolute;
    left: -32px;
    right: -32px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@media (max-width: 1439px) {
  .smc-pd-links-subblock .link-item-slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}

@media (max-width: 1439px) {
  .smc-pd-links-subblock .link-item-slider .slick-slide {
    height: unset;
  }
}

@media (max-width: 1439px) {
  .smc-pd-links-subblock .link-item-slider .slick-slide > div {
    height: 100%;
  }
}

.smc-pd-links-subblock .link-item-slider .pd-slide {
  padding-bottom: 18px;
}

@media (max-width: 1439px) {
  .smc-pd-links-subblock .link-item-slider .pd-slide {
    height: 100%;
  }
}

.nav-img-slider .slick-list {
  margin: 0 -4.5px;
}

@media (max-width: 1439px) {
  .nav-img-slider .slick-list {
    margin: 0 -6px;
  }
}

.nav-img-slider .slick-slide {
  padding: 0 4.5px;
}

@media (max-width: 1439px) {
  .nav-img-slider .slick-slide {
    padding: 0 7px;
  }
}

.nav-img-slider .slick-current .nav-img-item .img-box::after {
  opacity: 1;
}

.nav-img-slider .nav-img-item .img-box {
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  display: inline-block;
}

.nav-img-slider .nav-img-item .img-box::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 5px;
  border: 2px solid #D3A61D;
  opacity: 0;
  pointer-events: none;
}

.smc-bathroom-pd-item {
  display: block;
  border-radius: 10px;
  text-align: left;
  font-size: 16px;
  position: relative;
}

@media (max-width: 1439px) {
  .smc-bathroom-pd-item {
    height: 100%;
  }
}

.smc-bathroom-pd-item::before {
  content: '';
  position: absolute;
  inset: 0.5px;
  border-radius: 10px;
  border: 1px solid #BFBFBF;
  pointer-events: none;
}

.smc-bathroom-pd-item::after {
  content: '';
  position: absolute;
  inset: 0.5px;
  border-radius: 10px;
  border: 2px solid #D3A61D;
  opacity: 0;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  pointer-events: none;
}

.smc-bathroom-pd-item .item-link {
  display: block;
  padding: 5px 40px 13px 20px;
}

@media (max-width: 1439px) {
  .smc-bathroom-pd-item .item-link {
    padding: 10px 20px 24px;
  }
}

@media (max-width: 639px) {
  .smc-bathroom-pd-item .item-link {
    padding: 10px 24px 24px;
  }
}

.smc-bathroom-pd-item .link-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}

@media (max-width: 639px) {
  .smc-bathroom-pd-item .link-row {
    display: block;
  }
}

.smc-bathroom-pd-item .col-img {
  width: 100%;
  max-width: 200px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 200px;
          flex: 0 0 200px;
}

@media (max-width: 639px) {
  .smc-bathroom-pd-item .col-img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

.smc-bathroom-pd-item .col-img .img-box {
  max-width: 100%;
  width: 200px;
  height: 200px;
  margin: 0 auto;
}

@media (max-width: 450px) {
  .smc-bathroom-pd-item .col-img .img-box {
    width: 150px;
    height: 150px;
  }
}

.smc-bathroom-pd-item .col-img .img-box img {
  width: auto;
}

.smc-bathroom-pd-item .col-txt {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  padding-left: 35px;
  overflow-y: auto;
  height: 181px;
  margin-top: 12px;
  position: relative;
}

@media (max-width: 1439px) {
  .smc-bathroom-pd-item .col-txt {
    padding-left: 20px;
  }
}

@media (max-width: 639px) {
  .smc-bathroom-pd-item .col-txt {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding-left: 0;
    width: 100%;
  }
}

@media (max-width: 450px) {
  .smc-bathroom-pd-item .col-txt {
    margin-top: 0;
    height: 180px;
  }
}

.smc-bathroom-pd-item .col-txt p {
  margin-bottom: 0;
}

.smc-bathroom-pd-item .col-txt hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: 1px solid #BFBFBF;
}

.smc-bathroom-pd-item .col-txt .name {
  margin-bottom: 3px;
}

@media (max-width: 1439px) {
  .smc-bathroom-pd-item .col-deco {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    text-align: center;
    padding-top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

@media (max-width: 639px) {
  .smc-bathroom-pd-item .col-deco {
    padding-top: 16px;
  }
}

.smc-bathroom-pd-item .after-hover {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: 100px;
  width: 70px;
  aspect-ratio: 1;
  border-radius: 50%;
  overflow-y: auto;
  background: #D3A61D;
  padding: 14px;
  opacity: 0;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

@media (max-width: 1439px) {
  .smc-bathroom-pd-item .after-hover {
    position: static;
    opacity: 0.9;
    width: 100%;
    aspect-ratio: unset;
    border-radius: 70px;
    padding: 9px 24px;
    -webkit-transform: none;
            transform: none;
  }
}

.smc-bathroom-pd-item .border-t-custom {
  border-top: 1px solid #BFBFBF;
  margin-top: 10px;
  padding-top: 10px;
}

.smc-bathroom-pd-item .item-table tbody th {
  width: 88px;
  text-align: justify;
  text-align-last: justify;
  padding-right: 20px;
  color: #000;
  font-weight: 500;
  vertical-align: baseline;
}

.smc-bathroom-pd-item:hover::after {
  opacity: 1;
}

.smc-bathroom-pd-item:hover .after-hover {
  opacity: 0.9;
}

.bathroom-layout-block .half-scale-img {
  overflow-x: auto;
}

@media (max-width: 991px) {
  .bathroom-layout-block .half-scale-img img {
    max-width: 700px;
  }
}

.bathroom-layout-block .tab-control-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.bathroom-layout-block .tab-control-list li {
  list-style-type: none;
}

.bathroom-layout-block .tab-control-list .tab-btn {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  height: unset;
}

.bathroom-layout-block .tab-control-list .tab-btn.active .tab-link {
  color: #fff;
  background: #5C5C5C;
  border-color: #5C5C5C;
}

.bathroom-layout-block .tab-control-list .tab-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: .02em;
  font-weight: 500;
  border-radius: 5px;
  border: 1px solid #BFBFBF;
  color: #000;
  padding: 8px;
  min-height: 60px;
  height: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
}

@media (max-width: 1200px) {
  .bathroom-layout-block .tab-control-list .tab-link {
    min-height: 50px;
  }
}

@media (max-width: 575px) {
  .bathroom-layout-block .tab-control-list .tab-link {
    min-height: 40px;
  }
}

.bathroom-layout-block .tab-control-list .tab-link:hover {
  color: #fff;
  background: #5C5C5C;
  border-color: #5C5C5C;
}

.bathroom-layout-block .tab-target:not(.active) {
  display: none;
}

.bathroom-layout-block .tab-content {
  padding-top: 30px;
}

.bathroom-layout-row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #BFBFBF;
  border-radius: 5px;
  padding: 36px;
  min-height: 230px;
}

@media (max-width: 1200px) {
  .bathroom-layout-row {
    min-height: unset;
    padding: 40px 20px;
  }
}

@media (max-width: 575px) {
  .bathroom-layout-row {
    padding: 28px 20px;
  }
}

.bathroom-layout-row:not(:last-child) {
  margin-bottom: 25px;
}

.bathroom-layout-row > .col-txt {
  color: #3E3A39;
  font-weight: 500;
}

@media (max-width: 1200px) {
  .bathroom-layout-row > .col-txt {
    padding-bottom: 16px;
  }
}

@media (max-width: 575px) {
  .bathroom-layout-row > .col-txt {
    padding-bottom: 8px;
  }
}

.bathroom-layout-row > .col-img {
  overflow-x: auto;
  padding-left: 36px;
}

@media (max-width: 991px) {
  .bathroom-layout-row > .col-img {
    padding: 0;
  }
}

.bathroom-layout-row .grid-cols-4 {
  -ms-grid-columns: (minmax(0, 1fr))[4];
      grid-template-columns: repeat(4, minmax(0, 1fr));
}

.bathroom-layout-row .grid-cols-6 {
  -ms-grid-columns: (minmax(0, 1fr))[6];
      grid-template-columns: repeat(6, minmax(0, 1fr));
}

.bathroom-layout-row .img-grid {
  display: -ms-grid;
  display: grid;
  gap: 20px;
}

@media (max-width: 767px) {
  .bathroom-layout-row .img-grid {
    -ms-grid-columns: (minmax(0, 1fr))[2];
        grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px 20px;
    max-width: 60%;
    margin: 0 auto;
  }
}

@media (max-width: 575px) {
  .bathroom-layout-row .img-grid {
    gap: 20px;
    width: 90%;
    max-width: 260px;
  }
}

.bathroom-layout-row .img-grid .img-box {
  width: 200px;
  max-width: 100%;
  text-align: left;
}

@media (max-width: 767px) {
  .bathroom-layout-row .img-grid .img-box:nth-of-type(odd) {
    text-align: left;
  }
}

@media (max-width: 767px) {
  .bathroom-layout-row .img-grid .img-box:nth-of-type(even) {
    text-align: right;
  }
}

@media (max-width: 767px) {
  .bathroom-layout-row .img-grid .img-box.odd {
    text-align: left;
  }
}

@media (max-width: 767px) {
  .bathroom-layout-row .img-grid .img-box.even {
    text-align: right;
  }
}

.bathroom-layout-row .img-grid .img-box.empty {
  display: block;
}

@media (max-width: 767px) {
  .bathroom-layout-row .img-grid .img-box.empty {
    display: none;
  }
}

.expand-more-target.active {
  overflow: hidden;
  -webkit-transition: max-height .3s;
  transition: max-height .3s;
  margin-bottom: 40px;
}

@media (max-width: 1199px) {
  .expand-more-target.active {
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .expand-more-target.active {
    margin-bottom: 0px;
  }
}

.expand-more-control {
  display: none;
}

.expand-more-control.show {
  display: block;
}

.expand-more-btn {
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #D3A61D;
  color: #000;
  padding: 14px 24px;
  letter-spacing: .02em;
  line-height: 1;
  border-radius: 50px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.expand-more-btn .arrow {
  color: #D3A61D;
  font-size: 8px;
  margin-left: 10px;
  margin-top: 1px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.expand-more-btn:hover {
  background: #D3A61D;
  color: #fff;
}

.expand-more-btn:hover .arrow {
  color: #fff;
}

.smc-point-col.pinned .smc-point-item {
  padding-top: 90px;
  padding-bottom: 90px;
}

@media (max-width: 1199px) {
  .smc-point-col.pinned .smc-point-item {
    padding: 28px;
  }
}

@media (max-width: 575px) {
  .smc-point-col.pinned .smc-point-item {
    padding-right: 12px;
    padding-left: 12px;
  }
}

.smc-point-item {
  height: 100%;
  padding: 48px 36px;
}

@media (max-width: 1199px) {
  .smc-point-item {
    padding: 28px;
  }
}

@media (max-width: 575px) {
  .smc-point-item {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.smc-point-item > .item-content {
  height: 100%;
}

@media (max-width: 1199px) {
  .smc-point-item > .item-content .title {
    font-size: 22px;
  }
}

@media (max-width: 991px) {
  .smc-point-item > .item-content .title {
    font-size: 20px;
  }
}

.smc-point-item .txt-box {
  padding-left: 36px;
}

@media (max-width: 1199px) {
  .smc-point-item .txt-box {
    padding-left: 28px;
  }
}

@media (max-width: 575px) {
  .smc-point-item .txt-box {
    padding-left: 0px;
  }
}

.smc-point-item.negative-bottom .img-box {
  margin-bottom: -16px;
}

@media (max-width: 767px) {
  .smc-point-item.negative-bottom .img-box {
    margin-bottom: 0;
  }
}

.smc-point-item.negative-left {
  padding-left: 0;
  padding-right: 0;
}

.smc-point-item.negative-left .img-box {
  text-align: left;
}

@media (max-width: 575px) {
  .smc-point-item.negative-left .img-box {
    text-align: center;
  }
}

.smc-point-item.negative-left .txt-box {
  padding-right: 10px;
  padding-left: 10px;
}

.wp.js-overflow-visible {
  overflow: visible;
}

.repair-pages .pageBanner .mainTitle {
  letter-spacing: 0.235em;
}

@media (max-width: 1199px) {
  .repair-pages .pageBanner .mainTitle {
    letter-spacing: 2px;
  }
}

.repair-main {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.repair-main.mac {
  font-family: -apple-system, BlinkMacSystemFont, "Noto Sans TC", Poppins;
}

.repair-main.mac .pagination .arrow {
  font-family: "Noto Sans TC", "Poppins";
}

.repair-main .mainInner {
  padding-top: 70px;
  word-break: break-word;
}

@media (max-width: 991px) {
  .repair-main .mainInner {
    padding-top: 60px;
  }
}

@media (max-width: 767px) {
  .repair-main .mainInner {
    padding-top: 40px;
  }
}

.repair-main .table-block, .repair-main .pagination-block {
  padding-bottom: 90px;
}

@media (max-width: 1399px) {
  .repair-main .table-block, .repair-main .pagination-block {
    padding-bottom: 60px;
  }
}

.repair-main .detail-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 991px) {
  .repair-main .detail-row {
    display: block;
  }
}

.repair-main .col-aside {
  width: 25%;
  max-width: 300px;
}

@media (max-width: 991px) {
  .repair-main .col-aside {
    width: 100%;
    max-width: 100%;
  }
}

.repair-main .col-article {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}

.repair-container {
  font-size: 16px;
  background-color: #fff;
  border-radius: 15px;
  padding-top: 120px;
  padding-bottom: 110px;
  -webkit-box-shadow: 0 0 66.7px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 66.7px rgba(0, 0, 0, 0.1);
}

@media (max-width: 1499px) {
  .repair-container {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}

@media (max-width: 991px) {
  .repair-container {
    padding-top: 24px;
    padding-bottom: 32px;
  }
}

.repair-container .repair-header .search-form {
  width: 100%;
  max-width: 350px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  border: 1px solid #BFBFBF;
  border-radius: 5px;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #000;
}

@media (max-width: 991px) {
  .repair-container .repair-header .search-form {
    max-width: 240px;
  }
}

@media (max-width: 767px) {
  .repair-container .repair-header .search-form {
    max-width: 100%;
  }
}

.repair-container .repair-header .search-form:hover {
  border-color: #D3A61D;
}

.repair-container .repair-header .search-form.active {
  border-color: #D3A61D;
}

.repair-container .repair-header .search-input {
  padding: 7px 0 7px 20px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.repair-container .repair-header .search-btn {
  color: #000;
  font-size: 20px;
  padding: 7px 18px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.repair-container .repair-header .search-btn:hover {
  color: #D3A61D;
}

.repair-form {
  width: 100%;
}

.repair-form .field-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 24px;
}

@media (max-width: 991px) {
  .repair-form .field-group {
    display: block;
    margin-bottom: 18px;
  }
}

.repair-form .field-group.active .control-item {
  border-color: #D3A61D;
}

.repair-form .group-title {
  min-height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 991px) {
  .repair-form .group-title {
    min-height: unset;
    padding-bottom: 8px;
  }
}

.repair-form .group-control {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}

.repair-form .control-item {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #BFBFBF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.repair-form .control-item:hover {
  border: 1px solid #D3A61D;
}

.repair-form .label {
  color: #000;
  font-size: 18px;
  font-weight: 500;
}

@media (max-width: 991px) {
  .repair-form .label {
    font-size: 16px;
  }
}

.repair-form .input {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  width: 100%;
  font-size: 16px;
  line-height: 1;
  padding: 12px 24px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media (max-width: 991px) {
  .repair-form .input {
    padding: 12px;
  }
}

.repair-form .input::-webkit-input-placeholder {
  font-size: 16px;
  color: #5C5C5C;
}

.repair-form .input:-ms-input-placeholder {
  font-size: 16px;
  color: #5C5C5C;
}

.repair-form .input::-ms-input-placeholder {
  font-size: 16px;
  color: #5C5C5C;
}

.repair-form .input::placeholder {
  font-size: 16px;
  color: #5C5C5C;
}

@media (max-width: 991px) {
  .repair-form .input::-webkit-input-placeholder {
    font-size: 15px;
  }
  .repair-form .input:-ms-input-placeholder {
    font-size: 15px;
  }
  .repair-form .input::-ms-input-placeholder {
    font-size: 15px;
  }
  .repair-form .input::placeholder {
    font-size: 15px;
  }
}

.repair-form .get-code-btn {
  background-color: #EFEFEF;
  color: #5C5C5C;
  padding: 12px;
  width: 176px;
  max-width: 55%;
  text-align: center;
}

@media (max-width: 991px) {
  .repair-form .get-code-btn {
    font-size: 15px;
    width: 150px;
  }
}

.repair-form .get-code-btn.disabled {
  background-color: #5C5C5C;
  color: #fff;
  pointer-events: none;
}

.repair-form .feedback-alert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.8;
  letter-spacing: .02em;
}

.repair-form .feedback-alert .icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 2px;
  margin-right: 7px;
}

.repair-form .feedback-alert .text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}

.repair-form .feedback-alert .text p {
  margin-bottom: 0;
}

.repair-form .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (max-width: 991px) {
  .repair-form .btn-group {
    display: block;
  }
}

@media (max-width: 991px) {
  .repair-form .btn-group .group-title {
    display: none;
  }
}

.repair-form .btn-group .group-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}

@media (max-width: 991px) {
  .repair-form .btn-group .group-control {
    gap: 12px;
  }
}

@media (max-width: 767px) {
  .repair-form .btn-group .btn-box {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}

.repair-form .form-btn {
  border-radius: 5px;
  min-width: 180px;
  max-width: 100%;
  padding: 10.5px 24px;
  color: #fff;
  text-align: center;
  font-weight: 500;
  -webkit-transition: all .3s;
  transition: all .3s;
}

@media (max-width: 767px) {
  .repair-form .form-btn {
    width: 100%;
  }
}

.repair-form .form-btn.primary-style {
  background-color: #D3A61D;
}

.repair-form .form-btn.primary-style:hover {
  background-color: #EBB719;
}

.repair-form .form-btn.secondary-style {
  background-color: #B2B2B2;
}

.repair-form .form-btn.secondary-style:hover {
  background-color: #D3A61D;
}

.repair-form .form-btn.disabled {
  pointer-events: none;
}

#repair-inquiry-Customers .repair-main {
  min-height: calc(100dvh + 10px);
}

@media (max-width: 1399px) {
  #repair-inquiry-Customers .repair-main {
    min-height: unset;
  }
}

.customers-form-block {
  padding-bottom: 90px;
}

@media (max-width: 767px) {
  .customers-form-block {
    padding-bottom: 60px;
  }
}

.customers-form-block .repair-container {
  min-height: 530px;
}

@media (max-width: 1499px) {
  .customers-form-block .repair-container {
    min-height: 420px;
  }
}

@media (max-width: 991px) {
  .customers-form-block .repair-container {
    min-height: unset;
  }
}

.customers-form-block .repair-form .btn-group {
  padding-top: 16px;
}

@media (max-width: 991px) {
  .customers-form-block .repair-form .btn-group {
    padding-top: 6px;
  }
}

.customers-form-block .repair-form.js-sent-code-form .btn-group {
  padding-top: 0;
}

.customers-form-block .group-title {
  width: 115px;
}

.distributors-form-block {
  padding-bottom: 224px;
}

@media (max-width: 1399px) {
  .distributors-form-block {
    padding-bottom: 120px;
  }
}

@media (max-width: 991px) {
  .distributors-form-block {
    padding-bottom: 60px;
  }
}

.distributors-form-block .btn-group {
  padding-top: 6px;
}

.distributors-form-block .group-title {
  width: 170px;
}

.repair-table-block .header-row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

@media (max-width: 767px) {
  .repair-table-block .col-title {
    text-align: center;
    width: 100%;
  }
}

.repair-table-block .col-search {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-left: 32px;
  gap: 16px 32px;
}

@media (max-width: 767px) {
  .repair-table-block .col-search {
    padding-left: 0;
  }
}

.repair-table-block .count {
  min-width: 130px;
  max-width: 100%;
}

@media (max-width: 1599px) {
  .repair-table-block .count {
    min-width: unset;
    text-align: right;
  }
}

.repair-table-block .repair-container {
  padding-top: 56px;
  padding-bottom: 45px;
}

@media (max-width: 1499px) {
  .repair-table-block .repair-container {
    padding-top: 36px;
  }
}

@media (max-width: 991px) {
  .repair-table-block .repair-container {
    padding: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

.repair-table-block .repair-header {
  padding-bottom: 24px;
}

@media (max-width: 991px) {
  .repair-table-block .repair-header {
    padding: 10px 20px 20px 20px;
    margin-bottom: 28px;
    border-bottom: 1px solid #BFBFBF;
  }
}

.repair-list-table {
  display: table;
  border-collapse: collapse;
  width: 100%;
  overflow-wrap: anywhere;
  border-top: 1px solid #BFBFBF;
}

@media (max-width: 991px) {
  .repair-list-table {
    border: none;
  }
}

.repair-list-table a:hover {
  color: #D3A61D;
}

.repair-list-table .tr {
  display: table-row;
  border-bottom: 1px solid #BFBFBF;
}

@media (max-width: 991px) {
  .repair-list-table .tr {
    display: block;
    background: #fff;
    padding: 0 20px;
    border-radius: 15px;
    border: none;
    -webkit-box-shadow: 0 0 66.7px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 66.7px rgba(0, 0, 0, 0.1);
  }
}

@media (max-width: 991px) {
  .repair-list-table .tr:not(:last-child) {
    margin-bottom: 24px;
  }
}

.repair-list-table .th, .repair-list-table .td {
  display: table-cell;
  padding: 10px;
}

.repair-list-table .th1, .repair-list-table .td1 {
  width: 12.5%;
  text-align: center;
}

.repair-list-table .th2, .repair-list-table .td2 {
  width: 12%;
  text-align: center;
}

@media (max-width: 1399px) {
  .repair-list-table .th2, .repair-list-table .td2 {
    width: 15%;
  }
}

.repair-list-table .th3, .repair-list-table .td3 {
  width: 9%;
  text-align: center;
}

.repair-list-table .th4, .repair-list-table .td4 {
  width: 23%;
}

@media (max-width: 1399px) {
  .repair-list-table .th4, .repair-list-table .td4 {
    width: 20%;
  }
}

.repair-list-table .th5, .repair-list-table .td5 {
  width: 9%;
}

@media (max-width: 1399px) {
  .repair-list-table .th5, .repair-list-table .td5 {
    width: 13%;
  }
}

.repair-list-table .th6, .repair-list-table .td6 {
  width: 12.5%;
  text-align: center;
}

.repair-list-table .th6 {
  padding-left: 30px;
}

.repair-list-table .th7, .repair-list-table .td7 {
  width: 8%;
  text-align: center;
}

.repair-list-table .th8, .repair-list-table .td8 {
  width: 14%;
}

@media (max-width: 1599px) {
  .repair-list-table .th8, .repair-list-table .td8 {
    width: 11%;
  }
}

@media (max-width: 1399px) {
  .repair-list-table .th8, .repair-list-table .td8 {
    width: 10%;
    text-align: center;
  }
}

.repair-list-table .thead {
  display: table-header-group;
}

@media (max-width: 991px) {
  .repair-list-table .thead {
    display: none;
  }
}

.repair-list-table .thead > .tr {
  background-color: #ECEBEB;
}

.repair-list-table .thead > .tr > .th {
  padding: 22px 10px;
}

@media (max-width: 991px) {
  .repair-list-table .thead > .tr > .th {
    padding: 8px 0;
  }
}

.repair-list-table .thead > .tr > .th.th8 {
  padding-left: 36px;
}

@media (max-width: 1399px) {
  .repair-list-table .thead > .tr > .th.th8 {
    padding-left: 10px;
  }
}

.repair-list-table .thead > .tr > .th:first-child {
  padding-left: 25px;
}

@media (max-width: 1399px) {
  .repair-list-table .thead > .tr > .th:first-child {
    padding-left: 10px;
  }
}

@media (max-width: 991px) {
  .repair-list-table .thead > .tr > .th:first-child {
    padding: 24px 0 8px;
  }
}

.repair-list-table .thead > .tr > .th:last-child {
  padding-right: 25px;
}

@media (max-width: 1399px) {
  .repair-list-table .thead > .tr > .th:last-child {
    padding-right: 10px;
  }
}

@media (max-width: 991px) {
  .repair-list-table .thead > .tr > .th:last-child {
    padding: 8px 0 24px;
  }
}

.repair-list-table .tbody {
  display: table-row-group;
}

@media (max-width: 991px) {
  .repair-list-table .tbody {
    display: block;
  }
}

.repair-list-table .tbody > .tr {
  -webkit-transition: all .3s;
  transition: all .3s;
}

.repair-list-table .tbody > .tr:hover {
  background-color: #F9F8F8;
}

@media (max-width: 991px) {
  .repair-list-table .tbody > .tr:hover {
    background-color: #fff;
  }
}

.repair-list-table .tbody > .tr > .td {
  padding: 24px 10px;
}

@media (max-width: 991px) {
  .repair-list-table .tbody > .tr > .td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 8px 0;
  }
}

.repair-list-table .tbody > .tr > .td:first-child {
  padding-left: 25px;
}

@media (max-width: 1399px) {
  .repair-list-table .tbody > .tr > .td:first-child {
    padding-left: 10px;
  }
}

@media (max-width: 991px) {
  .repair-list-table .tbody > .tr > .td:first-child {
    padding: 24px 0 8px;
  }
}

.repair-list-table .tbody > .tr > .td:last-child {
  padding-right: 25px;
}

@media (max-width: 1399px) {
  .repair-list-table .tbody > .tr > .td:last-child {
    padding-right: 10px;
  }
}

@media (max-width: 991px) {
  .repair-list-table .tbody > .tr > .td:last-child {
    padding: 8px 0 24px;
  }
}

.repair-list-table .tbody > .tr > .td::before {
  content: attr(data-th);
  width: 120px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: none;
}

@media (max-width: 991px) {
  .repair-list-table .tbody > .tr > .td::before {
    display: block;
    text-align: left;
  }
}

@media (max-width: 991px) {
  .repair-list-table .tbody > .tr > .td.td8 {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media (max-width: 991px) {
  .repair-list-table .tbody > .tr > .td.td8::before {
    opacity: 0;
  }
}

@media (max-width: 991px) {
  .repair-list-table .tbody > .tr > .td.td8 .repair-detail-link {
    background-color: #D3A61D;
    color: #fff;
    padding: 10px 14px 10px 12px;
    border-radius: 5px;
  }
}

@media (max-width: 991px) {
  .repair-list-table .tbody > .tr > .td.td8 .repair-detail-link .icon, .repair-list-table .tbody > .tr > .td.td8 .repair-detail-link .text {
    color: #fff;
  }
}

@media (max-width: 991px) {
  .repair-list-table .tbody > .tr > .td.td8 .repair-detail-link:hover .icon {
    margin-right: 4px;
  }
}

.repair-detail-block {
  padding-bottom: 48px;
}

@media (max-width: 991px) {
  .repair-detail-block .repair-container {
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

.repair-detail-block hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border-top: 1px solid #BFBFBF;
}

.repair-detail-block .section-hr {
  margin-bottom: 25px;
}

@media (max-width: 991px) {
  .repair-detail-block .section-hr {
    margin-bottom: 15px;
  }
}

@media (max-width: 1399px) {
  .repair-detail-block .title {
    font-size: 20px;
  }
}

@media (max-width: 991px) {
  .repair-detail-block .title {
    font-size: 18px;
  }
}

.repair-detail-block .article-header {
  padding-top: 10px;
}

@media (max-width: 991px) {
  .repair-detail-block .article-header {
    padding-top: 0;
  }
}

.repair-detail-block .article-header .title {
  min-height: 28px;
  padding-left: 10px;
}

@media (max-width: 991px) {
  .repair-detail-block .article-header .title {
    padding-left: 5px;
  }
}

.repair-detail-block .article-footer {
  padding-top: 30px;
  padding-bottom: 35px;
}

@media (max-width: 991px) {
  .repair-detail-block .article-footer {
    padding-top: 25px;
    padding-bottom: 15px;
  }
}

@media (max-width: 767px) {
  .repair-detail-block .article-footer {
    padding-top: 15px;
    padding-bottom: 10px;
  }
}

.repair-category-group {
  position: relative;
  width: 100%;
  max-width: 200px;
  margin-left: auto;
  border-radius: 15px 15px 0 0;
  background: #fff;
}

@media (max-width: 1499px) {
  .repair-category-group {
    max-width: 224px;
    margin: 0 auto;
  }
}

@media (max-width: 1399px) {
  .repair-category-group {
    max-width: 100%;
    margin: 0;
  }
}

@media (max-width: 991px) {
  .repair-category-group {
    border-bottom: 1px solid #D3A61D;
    border-radius: 0;
  }
}

.repair-category-title .btn-content {
  border-bottom: 1px solid #BFBFBF;
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left: 10px;
  margin-bottom: 20px;
  line-height: 1.5;
  -webkit-transition: colors .3s, background-color .3s;
  transition: colors .3s, background-color .3s;
}

@media (max-width: 991px) {
  .repair-category-title .btn-content {
    margin-bottom: 0;
    padding: 20px 20px 20px 22px;
    border: none;
    cursor: pointer;
    line-height: 1;
  }
}

.repair-category-title .icon {
  margin-right: 15px;
}

@media (max-width: 991px) {
  .repair-category-title .icon {
    height: 26px;
  }
}

.repair-category-title .arrow {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 8px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding-top: 3px;
  -webkit-transition: color .3s, background-color .3s;
  transition: color .3s, background-color .3s;
  display: none;
}

@media (max-width: 991px) {
  .repair-category-title .arrow {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}

.repair-category-title .arrow i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #D3A61D;
}

.repair-category-title.active .btn-content {
  background-color: #D3A61D;
  color: #fff;
}

.repair-category-title.active .btn-content img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.repair-category-title.active .arrow i {
  color: #fff;
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}

@media (max-width: 991px) {
  .repair-category-nav {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 0 66.7px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 66.7px rgba(0, 0, 0, 0.1);
    opacity: 0;
  }
}

@media (max-width: 991px) {
  .repair-category-nav.js-opacity-in {
    opacity: 1;
  }
}

.repair-category-list {
  list-style: none;
  margin: 0;
  padding: 10px 0 0;
  max-height: calc(100dvh - 100px - var(--titleH));
  overflow-y: auto;
  font-size: 18px;
  font-weight: 500;
}

@media (max-width: 991px) {
  .repair-category-list {
    padding: 12px 0 12px 22px;
    max-height: calc(100dvh - 60px - var(--titleH));
    overflow-y: auto;
    font-weight: 400;
  }
}

.repair-category-list > li {
  list-style: none;
  padding-bottom: 5px;
}

@media (max-width: 991px) {
  .repair-category-list > li {
    padding-bottom: 0;
  }
}

.repair-category-link {
  position: relative;
  display: block;
  padding: 8px 28px;
  -webkit-transition: padding .3s;
  transition: padding .3s;
}

@media (max-width: 991px) {
  .repair-category-link {
    padding: 8px 35px;
  }
}

.repair-category-link::before {
  content: '';
  position: absolute;
  height: 4px;
  width: 4px;
  border-radius: 999px;
  background: #D3A61D;
  top: 20px;
  left: 10px;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

.repair-category-link .text {
  display: inline-block;
  color: #000;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.repair-category-link:hover::before {
  opacity: 0;
}

@media (max-width: 991px) {
  .repair-category-link:hover::before {
    opacity: 1;
  }
}

.repair-category-link:hover .text {
  color: #BFBFBF;
  -webkit-transform: translateX(-18px);
          transform: translateX(-18px);
}

@media (max-width: 991px) {
  .repair-category-link:hover .text {
    -webkit-transform: none;
            transform: none;
    color: #000;
  }
}

.js-sticky-group {
  --titleH: 60px;
}

@media (max-width: 991px) {
  .js-scroll-sticky {
    position: -webkit-sticky;
    position: sticky;
    z-index: 50;
    top: 60px;
  }
}

.js-scroll-sticky .repair-category-group {
  position: -webkit-sticky;
  position: sticky;
  z-index: 50;
  top: 80px;
}

@media (max-width: 991px) {
  .js-scroll-sticky .repair-category-group {
    position: static;
  }
}

.repair-detail-aside {
  border-radius: 15px;
  padding: 60px 30px 80px;
  -webkit-box-shadow: 0 0 66.7px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 66.7px rgba(0, 0, 0, 0.1);
}

@media (max-width: 1499px) {
  .repair-detail-aside {
    padding: 50px 25px 70px;
  }
}

@media (max-width: 991px) {
  .repair-detail-aside {
    padding: 0;
    background-color: #fff;
    border-radius: 0;
  }
}

.repair-detail-aside .detail-nav {
  width: 100%;
  max-width: 200px;
  margin-left: auto;
}

.repair-detail-article {
  padding: 60px 50px 60px 25px;
}

@media (max-width: 1499px) {
  .repair-detail-article {
    padding: 50px 25px;
  }
}

@media (max-width: 991px) {
  .repair-detail-article {
    padding: 26px 16px;
    -webkit-box-shadow: 0 0 66.7px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 66.7px rgba(0, 0, 0, 0.1);
    margin-top: 28px;
    border-radius: 15px;
    background-color: #fff;
  }
}

.repair-detail-article a {
  -webkit-transition: all .3s;
  transition: all .3s;
}

.repair-detail-article a:hover {
  color: #D3A61D;
  -webkit-filter: brightness(1.05);
          filter: brightness(1.05);
}

.repair-detail-section {
  border-bottom: 1px solid #BFBFBF;
  margin-bottom: 25px;
  padding-bottom: 20px;
}

@media (max-width: 991px) {
  .repair-detail-section {
    margin-bottom: 15px;
  }
}

.repair-detail-section .section-anchor {
  position: relative;
}

.repair-detail-section .section-anchor .anchor {
  position: absolute;
  height: 1px;
  top: -70px;
}

@media (max-width: 991px) {
  .repair-detail-section .section-anchor .anchor {
    top: calc(-70px - var(--titleH));
  }
}

.repair-detail-section .section-header {
  padding: 20px 10px;
}

@media (max-width: 991px) {
  .repair-detail-section .section-header {
    padding: 12px 6px;
  }
}

.repair-detail-section .section-header .icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 26px;
  margin-right: 15px;
}

@media (max-width: 991px) {
  .repair-detail-section .section-header .icon {
    width: unset;
    height: 22px;
  }
}

.repair-detail-section .section-content {
  padding-left: 42px;
  padding-bottom: 20;
}

@media (max-width: 991px) {
  .repair-detail-section .section-content {
    padding-left: 0;
  }
}

.repair-detail-table .tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.repair-detail-table .th, .repair-detail-table .td {
  padding: 10px;
}

@media (max-width: 991px) {
  .repair-detail-table .th, .repair-detail-table .td {
    padding: 6px;
  }
}

.repair-detail-table .th {
  width: 154px;
  padding-right: 30px;
  font-weight: 500;
}

@media (max-width: 991px) {
  .repair-detail-table .th {
    width: 106px;
    padding-right: 10px;
  }
}

.repair-detail-table .colspan {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  color: #5C5C5C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.detail-contact-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 5px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .detail-contact-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.detail-contact-row > .col-text {
  width: 52.5%;
  padding: 24px 16px 24px 36px;
}

@media (max-width: 1099px) {
  .detail-contact-row > .col-text {
    padding: 24px;
  }
}

@media (max-width: 767px) {
  .detail-contact-row > .col-text {
    width: 100%;
  }
}

.detail-contact-row > .col-text .col-inner {
  max-width: 420px;
  margin-left: auto;
  margin-right: 20px;
}

@media (max-width: 1099px) {
  .detail-contact-row > .col-text .col-inner {
    max-width: 100%;
    margin-right: 0;
  }
}

.detail-contact-row > .col-img {
  width: 47.5%;
  overflow: hidden;
}

@media (max-width: 767px) {
  .detail-contact-row > .col-img {
    width: 100%;
  }
}

.detail-contact-row img {
  -webkit-transition: all .3s;
  transition: all .3s;
}

.detail-contact-row .title-row {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-bottom: 1px solid #D3A61D;
}

@media (max-width: 991px) {
  .detail-contact-row .title-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 991px) {
  .detail-contact-row .title-row .icon {
    max-width: 28px;
  }
}

.detail-contact-row .method-row {
  gap: 25px;
}

.detail-contact-row:hover > .col-img img {
  -webkit-transform: scale(1.13);
          transform: scale(1.13);
}

@media (max-width: 991px) {
  .detail-contact-row:hover > .col-img img {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.repair-detail-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  font-weight: 400;
}

@media (max-width: 1399px) {
  .repair-detail-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media (max-width: 991px) {
  .repair-detail-link {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.repair-detail-link .icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #5C5C5C;
  font-size: 22px;
  margin-right: 8px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

@media (max-width: 1399px) {
  .repair-detail-link .icon {
    font-size: 20px;
    margin-right: 0;
    margin-bottom: 6px;
  }
}

@media (max-width: 991px) {
  .repair-detail-link .icon {
    margin-right: 4px;
    margin-top: 1px;
    margin-bottom: 0;
  }
}

.repair-detail-link .icon i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.repair-detail-link .text {
  position: relative;
  color: #D3A61D;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.repair-detail-link .text::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 1px;
  background: #D3A61D;
  opacity: 0;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

.repair-detail-link:hover .icon {
  color: #000;
  margin-right: 4px;
}

@media (max-width: 1399px) {
  .repair-detail-link:hover .icon {
    margin-right: 0;
  }
}

.repair-detail-link:hover .text::after {
  opacity: 1;
}

.back-link-block {
  padding-bottom: 55px;
}

.back-list-link {
  display: inline-block;
  border: 1px solid #D3A61D;
  background: #fff;
  border-radius: 50px;
  color: #000;
  padding: 12px 30px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.back-list-link:hover {
  background-color: #D3A61D;
  color: #fff;
}