* {
  font-family: "微软雅黑", "微软雅黑", "微软雅黑", "微软雅黑";
}

html, body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
body{
  background-color: #fff6e9;
}
a {
  display: inline-block;
  cursor: pointer;
      color: #000;
}

a:hover,
a:focus {
  text-decoration: none;
  outline: none;
  color: #dea56a;
}

input,
input:focus,
textarea,
textarea:focus {
  border: none;
  outline: none;
  background-color: rgba(255, 255, 255, 0);
}

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

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

ul {
  padding-left: 0;
}

button,
button:focus,
button:active {
  outline: none;
  border: none;
  background-color: rgba(255, 255, 255, 0);
}

textarea {
  resize: none;
}

ul {
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}

li {
  list-style-type: none;
}

.style_btn {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 25px;
  width: 330px;
  padding: 10px 0;
  border-radius: 3px;
  background-color: #DEA56A;
}

.style_btn:focus,
.style_btn:hover {
  background-color: #C98D4F;
}

.style_btn_shadow {
  padding: 10px 0;
  color: #DEA56A;
  background-color: #fff;
  background-color-filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.15));
  background-color--webkit-filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.15));
}

.style_btn_shadow:hover {
  color: #fff;
  background-color: #DEA56A;
}

.style_btn_close {
  position: absolute;
  top: 26px;
  right: 25px;
  width: 45px;
  height: 45px;
  padding: 0;
}
.style_btn_close .animation_close {
  width: 15px;
  height: 15px;
  margin: 0 auto 6px auto;
}
.style_btn_close .animation_close hr {
  transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  position: absolute;
  width: 15px;
  border: 1px solid #DEA56A;
  margin: 0;
}
.style_btn_close .animation_close hr:first-child {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.style_btn_close .animation_close hr:last-child {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.style_btn_close span {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 20px;
}

.style_btn_yellow {
  width: 170px;
  height: 45px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 45px;
  color: #fff;
  background-color: #DEA56A;
}

.style_btn_yellow:active,
.style_btn_yellow:focus {
  background-color: #DEA56A;
}

.btn_fb {
  background-color: #3B5998;
  color: #fff;
}

.btn_fb:hover {
  background-color: #2F4D8A;
}

@media all and (max-width: 768px) {
  .style_btn {
    width: 100%;
  }
}
.form_container {
  text-align: left;
}
.form_container .selectric-wrapper {
  width: 100%;
}
.form_container h5 {
  width: 100%;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 2.5px;
  line-height: 30px;
}
.form_container span {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 35px;
}
.form_container p {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1.5px;
  line-height: 35px;
  margin: 0;
}
.form_container .form_section .margin_bottom {
  margin-bottom: 25px;
}
.form_container .form_section::after {
  content: "....................................................................................................................................................................................................................................................................";
  font-size: 8px;
  height: 10px;
  line-height: 3px;
  letter-spacing: 3px;
  display: block;
  overflow: hidden;
  margin: 0;
  margin-top: 15px;
}
.form_container .input_radio_text {
  width: calc(100% - 50px);
  display: inline-block;
  margin-left: 15px;
}
.form_container .input_radio_text a {
  margin-left: 10px;
  color: #B7844F;
  text-decoration: underline;
}
.form_container .form_radio_wrap .form_radio_item {
  display: inline-block;
  padding-right: 20px;
}
.form_container .form_radio_wrap div:last-child {
  margin-right: 0;
}
.form_container .form_col_2,
.form_container .form_col_3 {
  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;
}
.form_container .form_col_2 select,
.form_container .form_col_2 .selectric-wrapper {
  width: 49%;
}
.form_container .form_col_3 select,
.form_container .form_col_3 input,
.form_container .form_col_3 .selectric-wrapper {
  width: calc(33% - 1.5px);
}
.form_container textarea {
  height: 160px;
}

.form_radio_item {
  position: relative;
  text-align: left;
}
.form_radio_item label + span {
  width: calc(100% - 40px);
  margin-top: 7px;
}

input[type=checkbox],
input[type=radio] {
  width: 20px;
  height: 20px;
  opacity: 0;
  margin-top: 7px;
  margin-left: 5px;
}

label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  cursor: pointer;
}

label::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 7px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #000;
}

.form_container label + p,
label + p,
label + span {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1.5px;
  line-height: 21px;
  margin-left: 10px;
  display: inline-block;
}

input:checked + label::after {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  top: 11px;
  left: 9px;
  border: 1px solid black;
  border-radius: 50%;
  -ms-transform: rotate(45deg);
}

.style_select_black {
  border: none;
  background-position: 95% center;
  font-family: "微软雅黑";
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active {
  background-color: #DEA56A;
  border-color: #DEA56A;
}

.datepicker table tr td,
.datepicker table tr th {
  letter-spacing: 1px;
  padding: 5px 10px;
}

.navigation-style {
  text-align: right;
}

.pagination {
  margin: 22px 0 0 0;
}

.pagination > li > a,
.pagination > li > span {
  width: 35px;
  height: 35px;
  color: #000;
  margin: 0;
  padding: 0;
  line-height: 35px;
  border: 1px solid rgba(255, 255, 255, 0);
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0);
  text-align: center;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  border-radius: 50%;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: #DEA56A;
  border-color: #DEA56A;
  color: #fff;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  color: #000;
}

@media all and (max-width: 992px) {
  .navigation-style {
    margin-top: 20px;
    margin-bottom: 0px;
  }
}
.img_cover {
  transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
}

.img_white::before,
.img_black::before {
  content: "";
  transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.img_white::before {
  background-color: rgba(255, 255, 255, 0.3);
}

.img_black::before {
  background-color: rgba(0, 0, 0, 0.3);
}

.swiper-pagination-bullet {
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid #DEA56A;
  opacity: 1;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #DEA56A;
}

@media only screen and (max-width: 992px) {
  table.two-axis tr td:first-of-type,
table.two-axis tr:nth-of-type(2n+2) td:first-of-type,
table.two-axis tr td:first-of-type:before {
    background-color: rgba(255, 255, 255, 0);
    color: #000;
  }

  table.two-axis tr td:first-of-type {
    border-bottom: 1px solid #000;
  }
}
.pop-up_container {
  display: none;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.5);
}

.pop-up_window {
  padding: 50px 80px 40px 80px;
  width: 30%;
  background-color: #fff6e9;
  border-radius: 5px;
  position: relative;
}
.pop-up_window img {
  width: 80px;
}
.pop-up_window h5 {
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 4px;
  line-height: 30px;
  margin: 35px 0 20px 0;
}
.pop-up_window h6 {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 25px;
  margin: 0 0 5px 0;
  text-align: left;
}
.pop-up_window p {
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 3px;
  line-height: 25px;
  margin: 0 0 24px 0;
  padding: 0;
}
.pop-up_window button {
  width: 100%;
}
.pop-up_window .style_btn_close {
  width: 45px;
}

.pop-up_text {
  padding: 30px;
  width: 50%;
  max-height: 90vh;
  overflow: hidden;
}
.pop-up_text h5 {
  margin-top: 0;
  margin-bottom: 40px;
}
.pop-up_text .margin_bottom {
  margin-bottom: 20px;
}

.pop-up_text_inner {
  text-align: left;
  letter-spacing: 1px;
  line-height: 20px;
  max-height: 60vh;
  overflow: auto;
  padding: 0 10px;
}

.pop-up_container.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media all and (max-width: 1300px) {
  .pop-up_text {
    width: 70%;
  }

  .pop-up_window {
    width: 50%;
  }
}
@media all and (max-width: 768px) {
  .pop-up_container {
    z-index: 30;
  }

  .pop-up_text {
    width: 90%;
    padding: 75px 50px;
  }
  .pop-up_text h5 {
    margin-bottom: 20px;
  }

  .pop-up_window {
    width: 90%;
    padding: 50px 40px 40px 40px;
  }
  .pop-up_window h5 {
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .pop-up_window h6 {
    font-size: 14px;
  }
  .pop-up_window p {
    font-size: 12px;
  }

  .style_btn_close .animation_close {
    margin-bottom: 0;
  }
}
.style_circle {
  transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  border-radius: 50%;
  border: 1px solid #f0ad4e;
  padding: 1px;
}
.style_circle > div {
  width: 100%;
  height: 100%;
  transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  border: 1px solid #f0ad4e;
  border-radius: 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: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.form_container input[type=text],
textarea,
textarea:focus,
.style_select_black,
.style_select_black:focus {
  width: 100%;
  padding: 12px 13px;
  color: #fff;
  background-color: rgba(253, 220, 158, 0.3);
  border-radius: 1px;
  margin-bottom: 5px;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #fff;
  font-family: "微软雅黑";
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #fff;
  font-family: "微软雅黑";
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #fff;
  font-family: "微软雅黑";
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: #fff;
  font-family: "微软雅黑";
}

input::placeholder,
textarea::placeholder {
  color: #fff;
  font-family: "微软雅黑";
}

.fix_bg {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}
.fix_bg .bg_right {
  width: 300px;
  height: 100%;
  position: absolute;
  right: 0;
  background-image: url(../fonts/792d7977e571462a879cd1f808481d33.svg);
  background-color: #DEA56A;
  border-color: #DEA56A;
}

.keep_icon_container {
  position: absolute;
  top: 70px;
  right: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  pointer-events: auto;
}
.keep_icon_container .header_icon {
  width: 38px;
  height: 38px;
  margin-left: 40px;
}
.keep_icon_container .header_icon a {
  width: 100%;
  height: 100%;
}
.keep_icon_container .keep_member {
  background-image: url(../fonts/icon_member.svg);
}
.keep_icon_container .keep_member_list {
  transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  position: absolute;
  top: 60px;
  right: 70px;
  width: 180px;
  height: auto;
  background-color: rgba(0, 0, 0, 0.8);
  overflow: hidden;
  max-height: 0;
}
.keep_icon_container .keep_member_list ul {
  text-align: right;
  margin: 0;
}
.keep_icon_container .keep_member_list li {
  padding: 0 12px;
  position: relative;
}
.keep_icon_container .keep_member_list li a {
  transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  -webkit-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 3px;
  line-height: 55px;
  color: #fff;
  position: relative;
  z-index: 1;
  margin-bottom: 0;
}
.keep_icon_container .keep_member_list .keep_member_line::after {
  content: "....................................................................................................................................................................................................................................................................";
  font-size: 8px;
  height: 10px;
  line-height: 3px;
  letter-spacing: 3px;
  display: block;
  overflow: hidden;
  margin: 0;
  font-size: 1px;
  color: #fff;
  margin: -2px -12px 0 -12px;
}
.keep_icon_container .keep_member_list li:hover a {
  color: #DEA56A;
}
.keep_icon_container .keep_member:hover .keep_member_list {
  max-height: 400px;
}
.keep_icon_container .keep_cart {
  position: relative;
  background-image: url(../fonts/icon_cart.svg);
}
.keep_icon_container .red_point {
  width: 8px;
  height: 8px;
  background-color: #C62423;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  margin: -2px -2px 0 0;
}
.keep_icon_container .selectric {
  border: none;
  border-bottom: 2px solid #000;
}
.keep_icon_container .selectric .label {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 2px;
}
.keep_icon_container .selectric .button {
  width: 15px;
}
.keep_icon_container .selectric .button:after {
  border-top-color: #000;
}

.language_l.opacity {
  opacity: 0;
  pointer-events: none;
}

.language_l option {
  color: #000;
}

.keep_icon_container.white .selectric {
  border-bottom: 2px solid #fff;
}
.keep_icon_container.white .selectric .label {
  color: #fff;
}
.keep_icon_container.white .selectric .button:after {
  border-top-color: #fff;
}
.keep_icon_container.white .keep_member {
  background-image: url(../images/icon_member_w@2x.png);
}
.keep_icon_container.white .keep_cart {
  background-image: url(../images/icon_cart_w@2x.png);
}

.nav_l {
  transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  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;
  pointer-events: none;
  opacity: 0;
}

.nav_l.active {
  opacity: 1;
  pointer-events: auto;
}

.nav_l_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 100px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: 50px;
}
.nav_l_container .nav_l_home,
.nav_l_container .menu_l_left,
.nav_l_container .menu_l_right {
  display: inline-block;
}
.nav_l_container .nav_l_home {
  width: 145px;
}
.nav_l_container .nav_l_home a {
  width: 100%;
  height: 100%;
  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: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.nav_l_container .nav_l_home img:first-child {
  width: 50px;
  height: 50px;
  margin-bottom: 40px;
}
.nav_l_container .nav_l_home .nav_logo {
  width: 63px;
  height: auto;
  margin-bottom: 80px;
}
.nav_l_container .nav_l_home .nav_icon_home {
  width: 30px;
  height: 30px;
  margin: 0 50px 10px 50px;
}
.nav_l_container .nav_l_home span {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 2px;
  line-height: 30px;
  color: #fff;
}

.menu_l_left hr {
  width: 27px;
  display: inline-block;
  border-color: #DEA56A;
  margin-right: 10px;
}

.menu_l_left,
.menu_l_right {
  margin-left: 80px;
}
.menu_l_left > ul > li,
.menu_l_right > ul > li {
  padding: 35px 0;
}

.menu_l_inner {
  width: 700px;
  display: inline-block;
  margin-left: 10px;
}
.menu_l_inner li {
  display: inline-block;
}
.menu_l_inner li::after {
  content: "|";
  margin: 0 15px;
  font-size: 25px;
  color: #DEA56A;
}
.menu_l_inner li:last-child::after {
  content: "";
  margin: 0;
}
.menu_l_inner a {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 3px;
  line-height: 40px;
  display: inline-block;
  color: #DEA56A;
}

.menu_l_title {
  display: inline-block;
  width: 60px;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 10px;
  line-height: 30px;
  color: #fff;
  margin: 0 20px 0 30px;
}
.menu_l_title span {
  color: #DEA56A;
}

.menu_l_title:focus,
.menu_l_title:hover {
  color: #fff;
}

.menu_l_number {
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #DEA56A;
  padding: 2px;
}
.menu_l_number span {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 3px;
  line-height: 56px;
  display: inline-block;
  text-align: center;
  color: #DEA56A;
}

.menu_l_title,
.menu_l_number,
.menu_l_inner,
.nav_l_container hr {
  vertical-align: middle;
}

.nav_language {
  width: 100%;
  padding-left: 20px;
  display: none;
}

.nav_language p,
.nav_language select {
  color: white;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 7px;
  line-height: 45px;
  display: inline-block;
  width: 100px;
}

header.white .keep_icon_container .selectric {
  border-bottom: 2px solid #fff;
}
header.white .keep_icon_container .selectric .label {
  color: #fff;
}
header.white .keep_icon_container .selectric .button:after {
  border-top-color: #fff;
}
/* header.white .menu_l_button,
header.white .menu_l_button hr,
header.white .style_circle > div {
  border-color: #fff;
} */
header.white .keep_icon_container .keep_member {
  background-image: url(../images/icon_member_w.svg);
}
header.white .keep_icon_container .keep_cart {
  background-image: url(../fonts/icon_cart_w.svg);
}

@media all and (max-width: 1600px) {
  .menu_l_inner {
    width: 400px;
  }

  .nav_l_container {
    margin-left: 0;
    margin-right: 0;
  }
}
@media all and (max-width: 1200px) {
  .nav_l {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }

  .nav_l_content {
    width: calc( 100% - 150px);
    height: 90vh;
    overflow: auto;
  }

  .menu_l_title {
    width: 120px;
  }

  .nav_l_container {
    margin-left: 50px;
  }

  .menu_l_left hr {
    display: none;
  }

  .nav_l_content {
    width: calc(100% - 150px);
  }
}
@media all and (max-width: 940px) {
  .nav_l_container {
    width: 70%;
    margin-left: 0;
  }
  .nav_l_container .nav_l_home {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .nav_l_container .nav_l_home img:first-child,
.nav_l_container .nav_l_home .nav_logo {
    display: none;
  }
  .nav_l_container .nav_l_home a {
    width: 200px;
    height: 50px;
    float: right;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .nav_l_container .nav_l_home a .nav_icon_home {
    margin: 0 10px;
  }

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

  .nav_l_content {
    width: 100%;
  }

  .menu_inner_a {
    position: relative;
  }

  .menu_l_inner a {
    letter-spacing: 6.8px;
  }

  .menu_inner_a::after {
    content: "";
    background-image: url(../fonts/icon_select_y.svg);
    width: 10px;
    height: 6px;
    background-size: cover;
    position: absolute;
    top: 35px;
    right: 50px;
  }

  .nav_l {
    overflow: auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-bottom: 50px;
  }

  .nav_l_home,
.menu_l_left,
.menu_l_right {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .menu_l_number,
.menu_l_left hr {
    display: none;
  }

  .menu_l_left > ul > li,
.menu_l_right > ul > li {
    padding: 0;
  }
  .menu_l_left > ul > li::after,
.menu_l_right > ul > li::after {
    content: "....................................................................................................................................................................................................................................................................";
    font-size: 8px;
    height: 10px;
    line-height: 3px;
    letter-spacing: 3px;
    display: block;
    overflow: hidden;
    margin: 0;
    color: #DEA56A;
  }

  .menu_l_title {
    width: 100%;
    line-height: 70px;
    margin: 0;
    padding: 0 20px;
  }

  .menu_l_inner {
    width: 100%;
    padding-bottom: 0;
    display: none;
    padding-bottom: 20px;
  }
  .menu_l_inner li {
    width: 45%;
    line-height: 55px;
    margin: 0 0 0 10px;
    display: block;
  }
  .menu_l_inner li::after {
    content: "";
  }
}
@media all and (max-width: 768px) {
  header .menu_l_button {
    width: 30px;
    height: 30px;
    top: 20px;
    left: 15px;
  }
  header .menu_l_button hr {
    width: 8px;
    margin: 2px 0;
  }
  header .menu_l_button.active hr:last-child,
header .menu_l_button.active hr:first-child {
    width: 10px;
  }

  .style_circle {
    padding: 1px;
    z-index: 10;
  }

  .keep_icon_container {
    top: 15px;
    right: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .keep_icon_container .selectric-wrapper {
    display: none;
  }
  .keep_icon_container .header_icon {
    width: 45px;
    height: 45px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
  }
  .keep_icon_container .red_point {
    margin: 5px;
  }

  .keep_member_list {
    display: none;
  }

  .nav_l {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

  .nav_l_container {
    width: 90%;
    margin-left: 10%;
    margin-top: 35px;
  }
  .nav_l_container .nav_l_home a {
    margin-right: 20px;
  }
  .nav_l_container .nav_l_home button {
    color: white;
    border: 1px solid white;
    border-radius: 15px;
    height: 30px;
    width: 100px;
    font-weight: 900;
  }

  .menu_inner_a::after {
    right: 15%;
    top: 25px;
  }

  .nav_language .selectric-wrapper {
    display: inline-block;
    vertical-align: top;
  }
  .nav_language .selectric-wrapper .selectric {
    border: none;
  }
  .nav_language .selectric-wrapper .selectric .label {
    color: #fff;
  }

  .menu_l_title {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 7px;
    line-height: 55px;
  }

  .menu_l_right {
    margin-top: -10px;
  }

  .menu_l_inner a {
    font-size: 14px;
    line-height: 35px;
  }

  .nav_l_content {
    height: auto;
  }
}
.cart_container {
  padding-top: 200px;
  padding-bottom: 120px;
}

.cart_step_01 {
  text-align: right;
}
.cart_step_01 .style_btn {
  margin: 25px 65px 0 0;
}
.cart_step_01 .cart_count button {
  width: 35px;
}
.cart_step_01 .cart_count input {
  width: calc(100% - 70px);
}

.cart_step_01 .product_content::after,
.cart_step_02 .product_content::after,
.cart_step_03 .product_content::after,
.member_order .product_content::after {
  display: block;
  content: "....................................................................................................................................................................................................................................................................";
  font-size: 8px;
  height: 10px;
  line-height: 3px;
  letter-spacing: 3px;
  display: block;
  overflow: hidden;
  margin: 0;
  margin: 25px 0;
}

.cart_title {
  padding-right: 30px;
}
.cart_title h1 {
  font-size: 24px;
  font-weight: 900;
  letter-spacing: 6px;
  line-height: 25px;
  margin-top: 0;
  vertical-align: middle;
}
.cart_title .cart_title_en {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 30px;
  margin-bottom: 10px;
  vertical-align: middle;
  display: inline-block;
}
.cart_title .cart_title_en span {
  display: block;
}
.cart_title .cart_title_en + hr {
  margin: 15px 0 20px 0;
  border-color: #000;
}
.cart_title .tab_mobile {
  display: none;
  padding: 0;
}
.cart_title .tab_mobile .product_list_select {
  width: 100%;
  margin-left: 0;
}

.cart_content_wrap {
  width: 100%;
  margin-top: 65px;
  padding: 35px 65px 35px 45px;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 10px;
}

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

.product_img {
  width: 150px;
  height: 150px;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
}

.product_content {
  width: calc(100% - 190px);
  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;
}
.product_content .product_title {
  width: 200px;
  margin-right: 25px;
  display: inline-block;
  color: #000;
}
.product_content .product_title h4 {
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 3.5px;
  line-height: 25px;
  margin: 0;
}
.product_content .product_title h3 {
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 5px;
  line-height: 35px;
  margin: 5px 0 10px 0;
}
.product_content .product_title p:first-child {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 15px;
  margin: 15px 0 20px 0;
}
.product_content .product_title p:last-child {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 3.5px;
  line-height: 35px;
  margin-bottom: 0;
}
.product_content .product_count {
  width: 20%;
  margin-right: 55px;
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 15px;
}
.product_content .product_price {
  width: 100px;
  margin-right: 20px;
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 15px;
}
.product_content .product_price p {
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 1px;
  line-height: 30px;
  margin-bottom: 0;
}

.product_empty {
  display: inline-block;
}
.product_empty button {
  width: 45px;
  height: 45px;
  border: none;
  background-color: rgba(255, 255, 255, 0);
  background-image: url(../fonts/icon_empty.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
}

.cart_total {
  text-align: right;
}
.cart_total div {
  margin: 10px 0;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 2.5px;
  line-height: 16px;
}
.cart_total div:first-child {
  margin-right: 50px;
}

.cart_tab a,
.cart_tab a:hover {
  width: 100%;
  height: 100%;
  color: #000;
}
.cart_tab a.active,
.cart_tab a.active:hover {
  color: #DEA56A;
}
.cart_tab h2 {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 5px;
  line-height: 18px;
  margin: 0;
  padding: 20px 0;
}
.cart_tab li {
  width: 100%;
}
.cart_tab li::after {
  content: "....................................................................................................................................................................................................................................................................";
  font-size: 8px;
  height: 10px;
  line-height: 3px;
  letter-spacing: 3px;
  display: block;
  overflow: hidden;
  margin: 0;
}

.cart_step_02 .form_container,
.cart_step_03 .form_container {
  padding-left: 190px;
}
@media(max-width:1000px){
  .cart_step_03 .form_container{
    padding-left: 0 ; 
  }
}
.cart_step_02 .button_col_2,
.cart_step_03 .button_col_2 {
  padding-left: 235px;
  margin-top: 25px;
}

.cart_step_02 .product_title {
  width: 300px;
}
.cart_step_02 .product_price p {
  font-size: 16px;
}
.cart_step_02 p > span,
.cart_step_02 h5 > span {
  margin-left: 15px;
}
.cart_step_02 .form_col_3 input {
  width: 33%;
}
.cart_step_02 .form_col_2.margin_bottom {
  margin-bottom: 15px;
}
.cart_step_02 .form_container .margin_bottom {
  margin-bottom: 15px;
}
.cart_step_02 .form_radio_item .text-weight {
  font-weight: 700;
}
.cart_step_02 .form_radio_item label + span {
  margin-top: 0;
  margin-bottom: 0;
  width: auto;
}
.cart_step_02 .form_radio_item.form_radio_last {
  width: 100%;
}
.cart_step_02 .cart_item_container {
  margin-bottom: 25px;
}
.cart_step_02 .cart_commonly {
  margin-bottom: 15px;
}

.button_col_2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.button_col_2 button {
  width: 49%;
}

.form_container .cart_invoice label {
  height: 30px;
}
.form_container .cart_invoice .form_radio_item {
  display: block;
}
.form_container .cart_invoice .cart_invoice_inner {
  display: none;
}
.form_container .cart_invoice .cart_invoice_inner .input_box {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}
.form_container .cart_invoice .cart_invoice_inner .input_box .form_span {
  line-height: 14px;
  margin-bottom: 10px;
}
.form_container .cart_invoice .cart_invoice_inner p {
  display: inline-block;
  vertical-align: top;
}
.form_container .cart_invoice .cart_invoice_inner img {
  display: inline-block;
  width: 250px;
  vertical-align: top;
}
.form_container .cart_invoice .cart_invoice_inner[data-invoice="3"] .input_box {
  width: 100%;
}
.form_container .cart_invoice .form_radio_last select {
  display: block;
}

.cart_form_total {
  text-align: right;
}
.cart_form_total div {
  width: 250px;
  display: inline-block;
}
.cart_form_total div p {
  width: 95px;
  display: inline-block;
  text-align: left;
}
.cart_form_total div span {
  width: 150px;
  display: inline-block;
}
.cart_form_total div .text-weight {
  font-weight: 700;
}
.cart_form_total .preferential_wrap {
  width: 100%;
}
.cart_form_total .preferential_wrap p {
  width: 100%;
  text-align: right;
}

.cart_step_03 p {
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 30px;
}
.cart_step_03 .li_col_2 {
  display: inline-block;
  text-align: left;
  margin-bottom: 10px;
}
.cart_step_03 .li_col_2 p, .cart_step_03 .li_col_2 h5 {
  padding: 0 60px 0 0;
  position: relative;
}
.cart_step_03 .li_col_2 h5 span {
  display: inline-block;
  position: absolute;
  right: 25px;
  top: 0;
  margin-top: -4px;
  font-size: 20px;
}

.delivery_input,
.in_store_input {
  display: none;
}

@media all and (max-width: 1200px) {
  .cart_container .cart_title {
    padding-right: 15px;
  }
  .cart_container .cart_title h1 {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 0;
  }
  .cart_container .cart_title .cart_title_en {
    margin-bottom: 0;
  }
  .cart_container .cart_title .cart_title_en span {
    display: inline-block;
  }
  .cart_container .cart_tab {
    display: none;
  }
  .cart_container .cart_title .tab_mobile {
    display: block;
  }

  .cart_content_wrap {
    margin-top: 30px;
  }

  .product_content .product_count {
    width: 150px;
  }

  .form_container .cart_invoice .form_radio_item {
    display: block;
  }
  .form_container .cart_invoice .cart_invoice_inner .input_box {
    width: 100%;
  }
  .form_container .cart_invoice .cart_invoice_inner .input_box .form_span {
    margin-bottom: 5px;
  }
  .form_container .cart_invoice .cart_invoice_inner img {
    margin-bottom: 10px;
  }
}
@media all and (max-width: 992px) {
  .product_title {
    width: 100%;
  }

  .product_content {
    position: relative;
  }
  .product_content .product_count,
.product_content .product_price {
    width: 100%;
  }
  .product_content .product_count p,
.product_content .product_count select,
.product_content .product_price p,
.product_content .product_price select {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 3.5px;
    line-height: 35px;
    display: inline-block;
  }
  .product_content .product_count select,
.product_content .product_price select {
    padding: 0;
    width: 120px;
  }
  .product_content .product_empty {
    position: absolute;
    top: 0;
    right: 0;
  }

  .form_container.cart_invoice .cart_invoice_inner img {
    width: 220px;
  }
}
@media all and (max-width: 768px) {
  .cart_container {
    padding-top: 130px;
    padding-bottom: 0;
  }
  .cart_container .container {
    margin-bottom: 50px;
  }
  .cart_container .cart_title .cart_title_en {
    margin-bottom: 0;
    display: block;
  }
  .cart_container .cart_title span + hr {
    margin-bottom: 10px;
  }

  .cart_content_wrap {
    padding: 10px 20px 50px 20px;
  }

  .cart_content_wrap.padding_0 {
    padding-right: 0;
    padding-left: 0;
  }

  .cart_item_container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 90%;
    margin-left: 10%;
  }

  .product_content {
    width: 100%;
  }
  .product_content .product_empty {
    bottom: 55px;
    top: auto;
  }
  .product_content .product_title p:first-child {
    margin: 0 0 15px 0;
  }
  .product_content .product_title h3 {
    margin: 0 0 15px 0;
  }

  .product_img {
    margin-bottom: 25px;
  }

  .cart_step_02 .form_container,
.cart_step_03 .form_container {
    padding-left: 0;
  }
  .cart_step_02 .form_container .form_col_2 select,
.cart_step_03 .form_container .form_col_2 select {
    width: 100%;
    padding-bottom: 5px;
  }
  .cart_step_02 .form_container .form_col_3 select,
.cart_step_02 .form_container .form_col_3 input,
.cart_step_02 .form_container .form_col_3 .selectric-wrapper,
.cart_step_03 .form_container .form_col_3 select,
.cart_step_03 .form_container .form_col_3 input,
.cart_step_03 .form_container .form_col_3 .selectric-wrapper {
    width: 100%;
    padding-bottom: 5px;
  }
  .cart_step_02 .button_col_2,
.cart_step_03 .button_col_2 {
    padding-left: 0;
  }

  .fix_bg .bg_right,
.fix_bg .bg_left {
    display: none;
  }

  .cart_step_02 p .span_block,
.cart_step_02 h5 .span_block {
    display: block;
    margin-left: 0;
  }

  .cart_step_03 .li_col_2 {
    display: block;
  }
  .cart_step_03 .li_col_2 h5 {
    width: auto;
    display: inline-block;
    padding-right: 50px;
    margin: 0;
  }
  .cart_step_03 .li_col_2 p {
    display: inline-block;
  }
}
@media all and (max-width: 471px) {
  .cart_step_02 .form_container .form_radio_wrap .form_radio_item {
    display: block;
  }
}
.member_profile_container li {
  margin-bottom: 22px;
  position: relative;
}
.member_profile_container h3 {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 2.7px;
  line-height: 25px;
  margin-bottom: 10px;
  color: #000;
}
.member_profile_container p {
  font-size: 16px;
  font-weight: 300;
}
.member_profile_container p li {
  margin-bottom: 0;
}
.member_profile_container .cart_content_wrap {
  background-color: rgba(255, 255, 255, 0);
  padding-top: 0;
}
.member_profile_container .form_col_3 {
  width: 100%;
  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;
}
.member_profile_container .form_col_3 .style_select_black,
.member_profile_container .form_col_3 .selectric-wrapper {
  width: 32.5%;
}

.member_profile_content {
  width: 100%;
  max-width: 525px;
  margin: 0 auto;
}
.member_profile_content button {
  width: 100%;
}
.member_profile_content .button_col_2 button {
  width: 49%;
}
.member_profile_content .form_radio_item {
  margin-top: 20px;
  margin-bottom: 30px;
}
.member_profile_content .form_radio_item input[type=checkbox] {
  width: 20px;
  height: 20px;
  opacity: 0;
}

.member_bonus_container,
.member_recipient_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.member_bonus_container .style_btn,
.member_recipient_container .style_btn {
  margin-top: 25px;
}

.point_span {
  display: block;
  font-size: 12px;
  letter-spacing: 0;
  margin-top: 10px;
  color: #656565;
}

.member_table_wrap {
  width: 117%;
  margin-right: -17%;
}
.member_table_wrap + .style_btn {
  margin-right: -100px;
}

.style_table {
  width: 100%;
}
.style_table th,
.style_table .member_note {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 2.5px;
  line-height: 50px;
}
.style_table thead tr {
  border-bottom: 1px solid #000;
}
.style_table tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.style_table tr td {
  font-size: 16px;
  font-weight: 100;
  letter-spacing: 1px;
  line-height: 16px;
  padding: 20px 0;
}
.style_table .text_center {
  text-align: center;
}

.style_a_border {
  text-decoration: underline;
  color: #000;
}

.style_a_border:hover {
  color: #DEA56A;
}

.style_a_border_y {
  text-decoration: underline;
  color: #DEA56A;
}

.style_a_border_y:hover {
  color: #000;
}

.table_reciplent tr td {
  padding: 6px 0;
}
.table_reciplent tr td:first-child {
  width: 130px;
}
.table_reciplent tr td:last-child {
  width: 100px;
}

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

.table_edit,
.table_empty {
  width: 45px;
  height: 45px;
  background-size: 21px 21px;
  background-repeat: no-repeat;
  background-position: center;
}

.table_edit {
  background-image: url(../fonts/icon_edit.svg);
}

.table_empty {
  background-image: url(../fonts/icon_empty.svg);
}

.member_order p {
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 35px;
}
.member_order .li_col_5 {
  display: inline-block;
  text-align: center;
  margin-bottom: 10px;
  padding: 0 20px;
  position: relative;
}
.member_order .li_col_5 h5 {
  margin-top: 0;
}
.member_order .li_col_5 span {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  margin-top: -4px;
  margin-right: -10px;
  font-size: 20px;
}
.member_order .form_section ul li:first-child {
  padding-left: 0;
}

.button_inner {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 30px;
  width: 90px;
  height: 30px;
  background-color: #DEA56A;
  border-radius: 3px;
  margin-left: 20px;
}

.button_inner:hover,
.button_inner:focus {
  background-color: #C98D4F;
}

.member_bonus_container h5 {
  width: 100%;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 3px;
  line-height: 35px;
  padding-bottom: 10px;
}
.member_bonus_container h5 span {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 35px;
  margin: 0 15px;
}

.recipient_pop-up p {
  margin-bottom: 10px;
}
.recipient_pop-up .form_radio_item {
  margin-bottom: 25px;
}
.recipient_pop-up .form_radio_item span {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 3px;
  line-height: 25px;
}

.cart_step_03 .li_col_2 h5 .span_last,
.member_order .li_col_5 .span_last {
  display: none;
}

.cart_container .selectric-wrapper,
.member_profile_container .selectric-wrapper {
  width: 100%;
}
.cart_container .selectric-wrapper li,
.member_profile_container .selectric-wrapper li {
  margin-bottom: 0;
}
.cart_container .form_col_3 .selectric-wrapper,
.member_profile_container .form_col_3 .selectric-wrapper {
  width: 32.5%;
}
.cart_container .selectric,
.member_profile_container .selectric {
  border: none;
  background-color: rgba(0, 0, 0, 0.3);
}
.cart_container .selectric .label,
.member_profile_container .selectric .label {
  color: #fff;
  text-align: left;
}
.cart_container .selectric .button:after,
.member_profile_container .selectric .button:after {
  border-top-color: white;
}

@media all and (max-width: 1200px) {
  .member_table_wrap {
    width: 100%;
    margin-right: 0;
  }
  .member_table_wrap + .style_btn {
    margin-right: 70px;
  }

  .style_table tr td {
    padding: 20px 5px;
  }
}
@media all and (max-width: 992px) {
  .style_table tr {
    border: none;
  }
  .style_table tr td:first-child {
    margin-top: 30px;
    width: 100%;
    margin-bottom: 15px;
  }
  .style_table tr td:last-child {
    width: 100%;
  }
  .style_table tr td {
    line-height: 35px;
    padding: 0 15px;
  }
  .style_table tr .text_center {
    text-align: left;
  }
  .style_table tr .member_note::before {
    opacity: 0;
  }

  .table_reciplent tr td:last-child::before {
    display: none;
  }

  .member_bonus_container table.bt tbody td::before {
    width: 120px;
  }

  .point_span {
    line-height: 12px;
    margin-top: 0;
    margin-bottom: 15px;
  }
}
@media all and (max-width: 768px) {
  .member_table_wrap + .style_btn {
    margin-right: 0;
  }

  .td_button {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

  .button_inner {
    font-size: 12px;
    letter-spacing: 0;
  }

  .member_recipient_container {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .member_order .li_col_5 {
    display: block;
    text-align: left;
    margin-bottom: 0;
    padding-left: 0;
  }
  .member_order .li_col_5 h5 {
    width: auto;
    display: inline-block;
    margin-bottom: 0;
  }
  .member_order .li_col_5 h5 span {
    position: relative;
    margin: 0 10px;
  }
  .member_order .li_col_5 p {
    display: inline-block;
  }

  .cart_step_03 .li_col_2 h5 .span_last,
.member_order .li_col_5 .span_last {
    display: inline-block;
  }

  .member_profile_container .form_col_3 .style_select_black {
    width: 100%;
  }
}
.sign_in_forget {
  text-align: right;
  padding-top: 20px;
}
.sign_in_forget a {
  margin-left: 5px;
}
.sign_in_forget img {
  margin-bottom: 2px;
}

.sign_in_forget::after {
  content: "....................................................................................................................................................................................................................................................................";
  font-size: 8px;
  height: 10px;
  line-height: 3px;
  letter-spacing: 3px;
  display: block;
  overflow: hidden;
  margin: 0;
  margin: 15px 0 20px 0;
}

.forget_container p {
  font-weight: 600;
}
.forget_container form::after {
  margin-bottom: 5px;
}
.forget_container button {
  margin-bottom: 10px;
}
.forget_container .cart_content_wrap {
  padding-right: 0;
  padding-left: 0;
}

.forget_form::before,
.forget_form::after {
  content: "....................................................................................................................................................................................................................................................................";
  font-size: 8px;
  height: 10px;
  line-height: 3px;
  letter-spacing: 3px;
  display: block;
  overflow: hidden;
  margin: 0;
}

.forget_form::before {
  margin-top: 5px;
  margin-bottom: 20px;
}

.forget_form::after {
  margin-top: 15px;
  margin-bottom: 20px;
}

.forget_p {
  padding-left: 20px;
}

.sign_up_label {
  width: 50px;
}

.form_span {
  font-size: 12px;
  font-weight: 100;
  letter-spacing: 2px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.7);
  display: block;
}

.form_span.red {
  color: #C62423;
}

@media all and (max-width: 625px) {
  .forget_p {
    padding-left: 0;
  }
}
@media all and (max-width: 768px) {
  .fix_bg.android_bg .img_cover {
    background-attachment: fixed;
    background-size: 280% auto;
    background-position: center top;
  }
}
.index_container {
  padding-bottom: 130px;
  overflow: hidden;
  position: relative;
  z-index: 0;
  background-color: #fff6e9;
}

@media(max-width: 576px){
  .index_container{
    padding-bottom: 40px;
  }
}
.cut01_container {
  padding: 0;
}
.cut01_container .swiper-slide {
  height: 100vh;
  width: 100%;
}
.cut01_container .swiper-slide a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.cut01_container .swiper-slide div:last-child {
  display: none;
}
.cut01_container .swiper-slide div {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 10s;
  -o-transition: 10s;
  transition: 10s;
}
.cut01_container .cut01_slide.animation div {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.straight_p {
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 25px;
  display: flex;
  justify-content: center;
  word-break: break-word;
}

.cut02_container {
  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;
      height: 1080px;
}

.index_dotted_line::after {
  content: "....................................................................................................................................................................................................................................................................";
  font-size: 8px;
  height: 10px;
  line-height: 3px;
  letter-spacing: 3px;
  display: block;
  overflow: hidden;
  margin: 0;
  color: #DEA56A;
  letter-spacing: 5px;
  font-size: 18px;
  width: 100%;
  padding-left: 100px;
  margin: -70px 0;
}

.cut02_left,
.cut02_right {
  display: inline-block;
  margin-top: 140px;
}
.cut02_left p,
.cut02_right p {
  margin: 25px auto;
  font-family: "微软雅黑";
}
.cut02_left img,
.cut02_right img {
  width: 360px;
  height: 347px;
}

.cut02_center {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items:center;
          justify-content: center;
  width: 775px;
  padding-top: 140px;
  margin: 0 80px;
}
.cut02_center .straight_p {
  margin-top: 40px;
}
.cut02_center .logo_s {
  width: 500px;
    height: 140px;
    margin-right: 20px;
    margin-top: 480px;
}
.cut02_center .index_bg {
  width: 750px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.cut02_center p {
  display: inline-block;
  margin-left: 25px;
  font-weight: 300;
}
.cut02_center p .font-w {
  font-weight: 900;
}
.cut02_center .cut02_slogan {
  font-size: 17px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 25px;
  width: 17px;
}
.cut02_center .cut02_p_left {
  margin-left: 60px;
}

.cut02_center_title {
  margin-left: 90px;
}
.cut02_center_title h3 {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 55px;
  width: 30px;
  margin: 0 auto;
  text-align: center;
}
.cut02_center_title h3 span {
  font-size: 30px;
  font-weight: 900;
  letter-spacing: 1.5px;
  line-height: 65px;
  color: #DEA56A;
}
.cut02_center_title img {
  width: 50px;
  height: 50px;
  margin: 20px 0;
}

.cut02_bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.cut02_bg img:first-child {
  width: 300px;
  height: 300px;
  position: absolute;
  top: 20px;
  right: 0;
  margin-right: 5px;
}
.cut02_bg img:last-child {
  width: 312px;
  height: 312px;
  position: relative;
  margin-top: 700px;
  margin-left: 83px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.cut02_center_mobile {
  display: none;
  text-align: center;
  margin-top: -30px;
  z-index: 2;
}

.cut02_line_mobile {
  width: 1px;
  height: 70px;
  background-color: #DEA56A;
  margin: 0 auto;
}

.cut02_title_mobile p {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 25px;
  width: 13px;
  margin: 15px 7px;
  display: inline-block;
}

.cut02_text {
  margin-top: 40px;
  margin-bottom: 50px;
}
.cut02_text p {
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 35px;
  margin-bottom: 0;
}
.cut02_text span {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 35px;
}
.cut02_text .logo_s {
  width: 54px;
  margin-top: 38px;
}

.index_bg_mobile {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto 70px auto;
  width: 450px;
  z-index: -1;
}

.cut03_container > div {
  padding: 20px;
}
.cut03_container .swiper-wrapper {
  height: 600px;
}
.cut03_container .swiper-wrapper a {
  width: 100%;
  height: 100%;
  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;
}
.cut03_container .swiper-slide:hover .cut03_bg::before {
  opacity: 0;
}
.cut03_container .swiper-button-next.swiper-button-disabled,
.cut03_container .swiper-button-prev.swiper-button-disabled,
.cut03_container .swiper-button-next,
.cut03_container .swiper-button-prev,
.cut03_container .swiper-container-rtl .swiper-button-prev,
.cut03_container .swiper-container-rtl .swiper-button-next {
  background-color: rgba(0, 0, 0, 0.3);
}

.cut03_logo,
.cut03_bg,
.cut03_bg::before {
  width: 100%;
  height: 100%;
}

.cut03_logo {
  width: 200px;
  height: 200px;
  position: relative;
  z-index: 2;
  margin-bottom: 310px;
}

.cut03_bg {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.cut03_bg::before {
  transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  content: "";
  background-color: rgba(255, 255, 255, 0.5);
  display: inline-block;
  position: relative;
  z-index: 1;
}

.index_title_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 85px;
}
.index_title_container img {
  display: inline-block;
  width: 50px;
  height: 50px;
}
.index_title_container img:first-child {
  width: 48px;
  /*height: 77px;*/
  margin-right: 25px;
}
.index_title_container h2 {
  font-size: 21px;
  font-weight: 900;
  letter-spacing: 10px;
  line-height: 21px;
  color: #DEA56A;
  margin: 0 20px 0 30px;
}
.index_title_container .button_animation {
  position: relative;
  width: 32px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
}
.index_title_container .button_animation hr {
  border-color: #DEA56A;
  margin: 6px 0;
}
.index_title_container .button_animation .button_circle {
  transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  width: 12px;
  height: 12px;
  border: 1px solid #000;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 10px;
}
.index_title_container span {
  transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 16px;
  vertical-align: middle;
  margin-left: 30px;
}
.index_title_container button:hover .button_circle {
  left: 25px;
  border-color: #DEA56A;
}
.index_title_container button:hover span {
  color: #DEA56A;
}

.index_product_container {
  width: 1290px;
  margin: 35px auto 0 auto;
  padding-left: 30px;
  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;
}

.index_product_wrap {
  position: relative;
  padding-top: 35px;
  width: 335px;
}
.index_product_wrap .sold_out_img {
  display: none;
}

.product_information_container .sold_out_img {
  display: none;
}

.index_product_img_wrap {
  position: relative;
}
.index_product_img_wrap svg {
  width: 180px;
  height: 180px;
  position: absolute;
  top: 0;
  left: 0;
  margin: -45px;
}
.index_product_img_wrap svg textPath {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 3px;
  line-height: 16px;
}
.index_product_img_wrap svg textPath tspan {
  font-size: 23px;
  color: #DEA56A;
}

.index_product_img_wrap:hover .img_cover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.sold_out_img {
  width: 100%;
  height: 100%;
  position: absolute ;
  left: 0 ; 
  top: 0 ;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.3);
}
.sold_out_img p {
  font-size: 26px;
  font-weight: 900;
  letter-spacing: 12px;
  line-height: 26px;
  margin: 0;
  color: #fff;
}

.index_product_img {
  width: 335px;
  height: 335px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}

.index_product_text {
  width: 75%;
  margin: 30px auto 0 auto;
}
.index_product_text h4 {
  text-align: center;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 5px;
  line-height: 35px;
  margin: 0 0 20px 0;
}
.index_product_text div:last-child {
  font-size: 0;
}

.amount_col_2,
.amount_col_1 {
  width: 100%;
  margin-bottom: 20px;
  position: relative;
  height: 45px;
}

.amount_col_1 .selectric {
  display: none;
}

.amount_col_2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.amount_col_2 .selectric-wrapper {
  width: 49%;
}
.amount_col_2 .cart_count {
  width: 49%;
}

.add_cart,
.add_cart_price {
  display: inline-block;
  border: 1px solid #DEA56A;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 4px;
  line-height: 43px;
  text-align: center;
  background-color: #fff;
}

.add_cart {
  width: 150px;
  height: 45px;
  background-color: #DEA56A;
  color: #fff;
}

.add_cart:hover,
.add_cart:focus {
  background-color: #C98D4F;
}

.add_cart_price {
  width: calc(100% - 150px);
  color: #000;
  vertical-align: top;
}

.index_product_wrap.sold_out .sold_out_img,
.product_information_container.sold_out .sold_out_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.index_product_wrap.sold_out select,
.index_product_wrap.sold_out .add_cart_price,
.index_product_wrap.sold_out .cart_count,
.index_product_wrap.sold_out .selectric,
.product_information_container.sold_out select,
.product_information_container.sold_out .add_cart_price,
.product_information_container.sold_out .cart_count,
.product_information_container.sold_out .selectric {
  border-color: #D3D3D3;
}
.index_product_wrap.sold_out .add_cart,
.product_information_container.sold_out .add_cart {
  background-color: #D3D3D3;
  border-color: #D3D3D3;
}

.index_news_container {
  width: 90%;
  margin: 50px auto 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;
}
.index_news_container .index_news_item {
  position: relative;
  width: 49%;
  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;
  background-color: #DEA56A;
  border-radius: 0 20px 0 0;
}
.index_news_container .index_news_img {
  position: relative;
  width: 343px;
  height: 100%;
  display: inline-block;
}
.index_news_container .index_news_text {
  display: inline-block;
  padding: 45px 0 45px 30px;
  width: calc(100% - 390px);
}
.index_news_container .index_news_text h4 {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 5px;
  line-height: 16px;
}
.index_news_container .index_news_text h4 span {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 16px;
}
.index_news_container .index_news_text p {
  margin-top: 15px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 24px;
  color: #fff;
}
.index_news_container .index_news_text hr {
  margin-top: 15px;
  margin-bottom: 0;
}
.index_news_container button {
  width: 72px;
  height: 72px;
  position: absolute;
  right: 35px;
  bottom: 0;
  margin-bottom: -36px;
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid #000;
  border-radius: 50%;
  padding: 2px;
}
.index_news_container button span {
  width: 100%;
  height: 100%;
  display: inline-block;
  border: 1px solid #000;
  border-radius: 50%;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 68px;
}

.index_more_mobile {
  display: none;
  width: 160px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.index_more_mobile p {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.5px;
  line-height: 45px;
  color: #000;
}
.index_more_mobile div {
  width: 50px;
  height: 50px;
  border: 1px solid #DEA56A;
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 30px;
  color: #DEA56A;
  border-radius: 50%;
  text-align: center;
}

.index_news_mobile {
  display: none;
}

.punctuation {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  display: inline-block;
  width: 100%;
  margin-top: 10px;
}

.punctuation.mt {
  margin-top: 0;
  margin-bottom: 10px;
}

.index_cut01_text_container {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 5;
  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;
  text-align: center;
  padding-top: 80px ;
}
@media(max-width: 1440px){
  .index_cut01_text_container{
    -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  }
}
@media(max-width: 576px){
  .index_cut01_text_container{
    padding-top: 50px ;
  }
}

.index_cut01_text_container .index_cut01_slogan {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  opacity: 0;
}
.index_cut01_text_container img {
  display: block;
  /* width: 25%; */
  margin: 0 auto;
  width: 10.41vw ;
}
.index_cut01_text_container h6 {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0px;
  line-height: 40px;
  color: #fff;
}
.index_cut01_text_container h6.left,
.index_cut01_text_container h6.right {
  width: 15px;
  display: inline-block;
}
.index_cut01_text_container h6.bottom {
  margin-top: 10%;
  letter-spacing: 15px;
}
.index_cut01_text_container h6.bottom span {
  display: none;
}

.index_pop-up button {
  width: 65px;
  top: 20px;
  right: 20px;
}
.index_pop-up img {
  width: 100%;
}

.index_pop-up .modal-img-link{
  transition: opacity .4s ease;
}

.index_pop-up .modal-img-link:hover{
  opacity: .7;
}

.index_pop-up .swiper-button-prev , .index_pop-up .swiper-button-next{
  background-color: rgba(1, 1 , 1, .3);
}

.index_pop-up .swiper-button-prev.swiper-button-disabled ,.index_pop-up .swiper-button-next.swiper-button-disabled{
  background-color: rgba(1, 1, 1, .3);
}

.cart_count {
  border: 1px solid #DEA56B;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cart_count button {
  width: 40px;
  height: 100%;
  font-size: 24px;
}
.cart_count input {
  width: calc(100% - 80px);
  font-size: 18px;
  text-align: center;
}

@media all and (max-width: 1700px) {
  .cut02_left,
.cut02_right {
    margin-top: 230px;
  }
  .cut02_left img,
.cut02_right img {
    width: 250px;
    height: auto;
  }

  .cut02_center {
    margin: 0 50px;
  }
}
@media all and (max-width: 1600px) {
  .cut03_container .swiper-wrapper {
    height: 480px;
  }

  .index_news_container .index_news_img {
    width: 250px;
    height: 100%;
  }
  .index_news_container .index_news_text {
    width: calc(100% - 300px);
  }
}
@media all and (max-width: 1440px) {
  .index_cut01_text_container img {
    width: 12vw;
  }
  .index_cut01_text_container h6.left,
.index_cut01_text_container h6.right {
    line-height: 35px;
  }
  .index_cut01_text_container h6.bottom {
    margin-top: 5%;
  }
}
@media all and (max-width: 1410px) {
  .cut02_left,
.cut02_right {
    display: none;
  }

  .cut02_bg img {
    display: none;
  }

  .index_product_container {
    width: 100%;
    padding: 0 50px;
  }
}
@media all and (max-width: 1200px) {
  .index_cut01_text_container img {
    width: 150px;
  }
  .cut03_container .swiper-wrapper {
    height: 350px;
  }

  .cut03_logo {
    width: 160px;
    height: 160px;
    margin-bottom: 200px;
  }

  .index_product_container {
    width: 90%;
  }
  .index_product_container .index_product_wrap {
    width: 200px;
  }
  .index_product_container .index_product_wrap .amount_col_2 {
    margin-bottom: 40px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .index_product_container .index_product_wrap .amount_col_2 select,
.index_product_container .index_product_wrap .amount_col_2 .cart_count,
.index_product_container .index_product_wrap .amount_col_2 .selectric-wrapper {
    width: 100%;
  }
  .index_product_container .index_product_img_wrap .index_product_img {
    width: 200px;
    height: 200px;
  }
  .index_product_container .index_product_img_wrap svg {
    width: 120px;
    height: 120px;
    margin: -30px;
  }
  .index_product_container .index_product_text {
    width: 100%;
  }
  .index_product_container .index_product_text h4 {
    font-size: 18px;
    letter-spacing: 1px;
  }
  .index_product_container .add_cart {
    width: 100px;
    font-size: 12px;
    letter-spacing: 1px;
  }
  .index_product_container .add_cart_price {
    width: calc(100% - 100px);
  }

  .index_news_container .index_news_item {
    width: 100%;
    margin-bottom: 50px;
  }
  .index_news_container .index_news_img {
    width: 35%;
  }
  .index_news_container .index_news_text {
    width: 60%;
  }
}
@media all and (max-width: 900px) {
  .cut02_center {
    display: none;
  }

  .cut02_center_mobile {
    display: block;
  }

  .index_dotted_line::after {
    font-size: 12px;
    letter-spacing: 3px;
    margin: 30px 0;
    padding: 0 15px;
  }

  .cut02_bg img {
    display: block;
  }
  .cut02_bg img:last-child {
    width: 200px;
    height: auto;
    margin-top: 20px;
    margin-left: -20px;
  }
  .cut02_bg img:first-child {
    width: 200px;
    height: auto;
  }

  .cut03_logo {
    width: 160px;
    height: 160px;
  }

  .index_product_container .index_product_wrap {
    width: 150px;
  }
  .index_product_container .index_product_img_wrap .index_product_img {
    width: 150px;
    height: 150px;
  }
  .index_product_container .index_product_img_wrap svg {
    width: 100px;
    height: 100px;
    margin: -25px;
  }
  .index_product_container .index_product_text {
    width: 100%;
  }
  .index_product_container .index_product_text h4 {
    font-size: 14px;
    letter-spacing: 1px;
    margin: 0;
  }
  .index_product_container .amount_col_2,
.index_product_container .amount_col_1 {
    margin-bottom: 10px;
  }
  .index_product_container .add_cart_price {
    font-size: 12px;
    letter-spacing: 1px;
  }
  .index_product_container .add_cart {
    width: 85px;
    padding: 0;
  }
  .index_product_container .add_cart_price {
    width: calc(100% - 85px);
  }

  .index_cut01_text_container .index_cut01_slogan {
    opacity: 0;
  }

  .index_pop-up button {
    width: 35px;
  }
}
@media all and (max-width: 768px) {
  .index_product_container {
    width: 100%;
  }

  .index_news_mobile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    z-index: 3;
  }

  .index_news_container {
    margin-top: 30px;
  }
  .index_news_container .index_news_item {
    width: 100%;
    margin-bottom: 20px;
    background-color: rgba(255, 255, 255, 0);
  }
  .index_news_container .index_news_img {
    width: 100%;
    height: 120px;
  }
  .index_news_container .index_news_text {
    width: 100%;
    padding: 0;
  }
  .index_news_container .index_news_text h4 {
    letter-spacing: 1px;
    margin: 20px 0 5px 0;
    line-height: 20px;
  }
  .index_news_container .index_news_text h4 span {
    float: right;
  }
  .index_news_container .index_news_text p {
    color: #000;
  }
  .index_news_container .style_btn_news {
    display: none;
  }
  .index_news_container .add_cart {
    width: 85px;
    padding: 0;
  }
  .index_news_container .add_cart_price {
    width: calc(100% - 85px);
  }

  .cut01_container .swiper-slide div {
    display: none;
  }
  .cut01_container .swiper-slide div:last-child {
    display: block;
  }

  .index_cut01_text_container .index_cut01_text_wrap {
    width: 100%;
  }
  .index_cut01_text_container .index_cut01_slogan {
    display: none;
  }
  .index_cut01_text_container h6.bottom {
    font-size: 12px;
    letter-spacing: 8px;
    line-height: 25px;
  }
  .index_cut01_text_container h6.bottom span {
    display: block;
  }
  .index_cut01_text_container img {
    width: 110px;
    /* margin: 20% auto 70% auto; */
  }

  .index_pop-up .pop-up_window,
.index_pop-up .pop-up_text_inner {
    padding: 0;
  }
}
@media all and (max-width: 700px) {
  .cut03_container .swiper-wrapper {
    height: 300px;
  }

  .cut03_logo {
    width: 120px;
    height: 120px;
  }

  .index_product_container {
    width: 340px;
    padding: 0;
    margin-top: 0;
  }
  .index_product_container .index_product_img_wrap svg {
    width: 100px;
    height: 100px;
    margin: -23px;
  }
  .index_product_container .index_product_text {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .index_title_container {
    margin-left: 0;
  }
  .index_title_container img, .index_title_container button {
    display: none;
  }

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

  .index_news_container .index_more_mobile {
    margin: 0 auto;
  }
}
@media all and (max-width: 480px) {
  .index_bg_mobile {
    width: 100%;
  }

  .cut02_bg img:last-child {
    width: 115px;
    margin-top: 80px;
    margin-left: -15px;
  }
  .cut02_bg img:first-child {
    width: 115px;
    top: 80px;
    margin-right: 0;
  }

  .cut03_container .swiper-wrapper {
    height: 200px;
  }

  .cut03_logo {
    width: 90px;
    height: 90px;
    margin-bottom: 100px;
  }

  .index_title_container {
    margin-left: 0;
    margin-top: 10px;
  }
}
@media all and (max-width: 440px) {
  .index_bg_mobile {
    margin: 0 0 70px -10%;
    width: 120%;
  }
}
.about_container {
  background-color: #fff6e9;
  position: relative;
  z-index: -3;
}

.about_kv {
  width: 100%;
  height: 946px;
  padding-top: 275px;
  background-image: url(../images/img_about_c3_kv2@2x.jpg);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  position: relative;
}
.about_kv h1 {
  font-size: 30px;
  font-weight: 900;
  letter-spacing: 25px;
  line-height: 50px;
  width: 30px;
  margin: 0 auto 75px auto;
  color:white;
}
.about_kv div:last-child {
  width: 100%;
  height: 120px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: -o-linear-gradient(rgba(255, 255, 255, 0), #fff6e9);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff6e9));
  background: linear-gradient(rgba(255, 255, 255, 0), #fff6e9);
}

.about_kv_img {
  width: 328px;
  height: 328px;
  margin: 0 auto;
  position: relative;
}
.about_kv_img img:first-child {
  position: absolute;
  top: 98px;
  left: 104px;
  width: 114px;
  height: 125px;
  z-index: 1;
  margin-bottom: 15px;
}
.about_kv_img img:last-child {
  width: 100%;
  height: 100%;
  opacity: 0.5;
}

.about_content {
  margin-top: -95px;
  width: 100%;
  position: relative;
  z-index: 1;
}

.about_content_text {
  width: 100%;
  margin: 0 auto 45px auto;
  text-align: center;
  position: relative;
}
.about_content_text img:first-child {
  width: 247px;
  /* height: 177px; */
}
.about_content_text p {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 40px;
}
.about_content_text span {
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 2px;
  line-height: 35px;
}
.about_content_text img:last-child {
  width: 20vw;
  position: absolute;
  top: 190px;
right: 0;
}

.about_content_text .bj2 .bjt {
  width: 20vw;
  position: absolute;
  top: 190px;
}
.about_content_text .bj2 .bjt.left {

left: 0;top: 210px;
}
.about_content_text .bj2 .bjt.right {

right: 0;
}


.about_icon_container {
  text-align: center;
}

.about_icon_item {
  display: inline-block;
  width: 160px;
  margin: 0 12px;
}
.about_icon_item img {
  width: 100%;
}
.about_icon_item p {
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 2px;
  line-height: 35px;
}

.about_join_container {
  text-align: center;
  margin-top: 100px;
  position: relative;
  padding-bottom: 350px;
  /* margin-bottom: -260px; */
}
.about_join_container .about_logo {
    width: 135px;
    height: 143px;
    margin-bottom: 50px;
    margin-top: 50px;
    position: relative;
    z-index: 2;
}
.about_join_container p {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 3.5px;
  line-height: 40px;
  color: #fff;
  margin-bottom: 30px;
  position: relative;
  z-index: 2;
}
.about_join_container p span {
  font-weight: 700;
}

.style_button_join {
  transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  width: 260px;
  height: 69px;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 1px;
  line-height: 69px;
  background-color: #fff;
  color: #DEA56A;
  border-radius: 40px;
  position: relative;
  z-index: 2;
}

.style_button_join:hover,
.style_button_join:active,
.style_button_join:focus {
  background-color: #DEA56A;
  color: #fff;
}

.about_join_bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  margin-bottom: 0;
}
.about_join_bg .about_gradient {
  width: 100%;
  height: 120px;
  position: absolute;
  top: 0;
  left: 0;
  background: -o-linear-gradient(#fff6e9, rgba(255, 255, 255, 0));
  background: -webkit-gradient(linear, left top, left bottom, from(#fff6e9), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(#fff6e9, rgba(255, 255, 255, 0));
  z-index: 1;
}
.about_join_bg .img_cover {
  background-attachment: fixed;
}

.about_join_title {
  text-align: center;
  width: 328px;
  height: 483px;
  position: relative;
  margin: -20px auto 40px auto;
  z-index: 2;
}
.about_join_title img:first-child {
  width: 342px;
  height: 284px;
  position: relative;
  z-index: 1;
  right: 9px;
}
.about_join_title img:last-child {
  width: 328px;
  height: 328px;
  position: absolute;
  bottom: -320px;
  left: 0px;
}
.about_join_title h2 {
  font-size: 30px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 50px;
  width: 30px;
  margin: 0 auto;
  color: #fff;
  position: relative;
  z-index: 1;
}

@media all and (max-width: 1200px) {
  .about_icon_container {
    width: 560px;
    margin: 0 auto;
  }

  .about_kv {
    padding-top: 200px;
  }

  .about_join_bg {
    height: 80%;
  }
}
@media all and (max-width: 600px) {
  .about_kv {
    padding-top: 70px;
    height: 520px;
    background-attachment: scroll;
  }
  .about_kv h1 {
    font-size: 14px;
    line-height: 25px;
    width: 25px;
    margin-bottom: 10px;
  }

  .about_kv_img {
    width: 150px;
    height: 150px;
  }
  .about_kv_img img:first-child {
    width: 70px;
    height: 90px;
    top: 30px;
    left: 38px;
  }

  .about_content_text {
    width: 100%;
  }
  .about_content_text img:first-child {
    width: 150px;
    height: auto;
  }
  .about_content_text p {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 24px;
  }
  .about_content_text p span {
    font-size: 16px;
  }
  .about_content_text img:last-child {
    width: 240px;
    height: auto;
    right: 0;
    margin: 0 auto;
  }

  .about_icon_container {
    width: 400px;
  }

  .about_icon_item {
    width: 107px;
    margin: 0 3px;
  }
  .about_icon_item p {
    font-size: 12px;
    line-height: 12px;
  }

  .about_join_title {
    width: 150px;
    height: 220px;
    margin-bottom: 20px;
  }
  .about_join_title h2 {
    font-size: 14px;
    display: none;
    width: 14px;
    line-height: 25px;
  }
  .about_join_title img:first-child {
    width: 100%;
    height: auto;
  }
  .about_join_title img:last-child {
    width: 150px;
    height: auto;
    position: absolute;
    bottom: -172px;
    left: 0px;
  }

  .about_join_container {
    padding-bottom: 80px;
    margin-bottom: 0;
    margin-top: 70px;
  }
  .about_join_container .about_logo {
    width: 55px;
    height: auto;
    margin-bottom: 10px;
  }
  .about_join_container p, .about_join_container span {
    font-size: 14px;

    font-weight: 500;
    letter-spacing: 2px;
    line-height: 20px;
  }
  .about_join_container .about_join_bg {
    height: 400px;
    margin-bottom: 50px;
  }

  .style_button_join {
    width: 190px;
    height: 50px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 50px;
  }

  .about_join_bg .img_cover {
    background-attachment: scroll;
    background-position: 40%;
  }
}
@media all and (max-width: 400px) {
  .about_icon_container {
    width: 100%;
  }
}
.company_container {
  position: relative;
  background-color: #fff6e9;
}

.company_kv {
  width: 100%;
  height: 960px;
  padding-top: 240px;
  background-image: url(../images/img_b_kv@2x.png);
  background-size: cover;
  background-position: center;
}

.company_kv::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  display: none;
}

.company_kb_text {
  width: 686px;
  margin-left: 160px;
  position: relative;
  z-index: 1;
}
.company_kb_text img {
  width: 100px;
  height: 160px;
}
.company_kb_text h1 {
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 25px;
  margin: 50px 0 35px 0;
  color: #fff;
}
.company_kb_text p {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 25px;
  color: #fff;
}
.company_kb_text p span {
  font-weight: 700;
}

.company_content {
  position: relative;
  padding: 60px 0 300px 0;
  text-align: center;
  background-color: #fff6e9;
  margin-bottom: -260px;
}

.company_content_text {
  width: 900px;
  margin: 0 auto 75px auto;
}
.company_content_text img {
  width: 80px;
  height: 133px;
}
.company_content_text h2 {
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 3px;
  line-height: 35px;
  margin: 30px 0 10px 0;
}
.company_content_text h2 span {
  color: #DEA56A;
}
.company_content_text p {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 25px;
  line-height: 35px;
}
.company_content_text p span {
  font-weight: 700;
}

.company_high_light {
  text-align: center;
}
.company_high_light img {
  width: 273px;
  height: 279px;
  margin: 0 40px;
}

.company_bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 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;
}
.company_bg img {
  width: 380px;
}

@media all and (max-width: 1750px) {
  .company_container .company_bg img {
    width: 15%;
  }
}
@media all and (max-width: 1400px) {
  .company_container .company_bg {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .company_container .company_bg img {
    width: 15%;
    margin-top: 40px;
  }
}
@media all and (max-width: 1200px) {
  .company_kb_text {
    width: 500px;
  }
}
@media all and (max-width: 900px) {
  .company_content_text {
    width: 90%;
  }
  .company_content_text h2, .company_content_text p {
    text-align: left;
  }
}
@media all and (max-width: 768px) {
  .company_kv {
    height: 500px;
    padding-top: 140px;
  }

  .company_kv::after {
    display: block;
  }

  .company_kb_text {
    width: 90%;
    margin: 0 auto;
  }
  .company_kb_text img {
    width: 55px;
    height: auto;
  }
  .company_kb_text h1 {
    margin-top: 20px;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 20px;
  }
  .company_kb_text p {
    font-size: 12px;
    line-height: 21px;
    font-weight: 300;
  }

  .company_high_light img {
    width: 160px;
    height: auto;
    margin: 0 10px;
  }

  .company_container .company_bg img {
    width: 100px;
  }

  .company_content_text {
    margin-bottom: 25px;
  }
}
.list_container {
  width: 100%;
  background-color: #fff6e9;
  padding-top: 200px;
  padding-bottom: 70px ;
  /* padding-bottom: 315px;
  margin-bottom: -260px; */
}
.list_container .container {
  position: relative;
  z-index: 1;
}
.list_container .navigation-style {
  padding-right: 30px;
}
.list_container .style_button_join {
  font-size: 18px;
  letter-spacing: 2.5px;
  font-weight: 700;
  margin-top: 20px;
}
.list_container .list_bg {
  position: fixed;
}

.list_title {
  width: 150px;
  display: inline-block;
}

.list_item {
  transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  width: 100%;
  height: auto;
  max-width: 530px;
  -webkit-box-shadow: 30px 30px 18px -20px rgba(0, 0, 0, 0.3);
          box-shadow: 30px 30px 18px -20px rgba(0, 0, 0, 0.3);
  position: relative;
  overflow: hidden;
  margin-bottom: 60px;
}

.list_item:hover {
  -webkit-transform: translate(-2px, -2px);
      -ms-transform: translate(-2px, -2px);
          transform: translate(-2px, -2px);
  -webkit-box-shadow: 40px 40px 25px -20px rgba(0, 0, 0, 0.2);
          box-shadow: 40px 40px 25px -20px rgba(0, 0, 0, 0.2);
}

.list_item_img {
  width: 100%;
  height: 367px;
  position: relative;
}

.list_title_wrap {
  width: 275px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  background-color: #000;
  padding: 0 13px;
}
.list_title_wrap h2, .list_title_wrap h3 {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 25px;
  color: #fff;
}
.list_title_wrap h2 {
  margin: 10px 0;
}
.list_title_wrap h3 {
  margin: 0;
  height: 45px;
  overflow: hidden;
}
.list_title_wrap h4 {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1.5px;
  line-height: 16px;
  margin-bottom: 15px;
  color: #fff;
  text-align: right;
}

.list_container .list_bg img:first-child {
  width: 20%;
}
.list_container .list_bg img:last-child {
  width: 18%;
}

.list_container .index_product_container {
  width: 100%;
}
.list_container .index_product_wrap {
  margin-bottom: 70px;
}
.list_container .pagination {
  margin-top: 0;
}
.list_container .list_title {
  position: relative;
}
.list_container .list_title_container {
  position: relative;
}
.list_container .list_title_container .style_button_join {
  position: absolute;
  top: 140px;
  right: 40px;
}

.lish-min-height {
  min-height: calc(100vh - 260px);
}

.qa_h3 {
  font-size: 24px;
  font-weight: 900;
  letter-spacing: 10px;
  line-height: 25px;
  margin-bottom: 35px;
}

.qa_card {
  transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  width: 98%;
  height: 280px;
  text-align: center;
  background-color: #fff;
  border-radius: 0 50px 50px 50px;
  -webkit-box-shadow: 30px 30px 18px -20px rgba(0, 0, 0, 0.05);
          box-shadow: 30px 30px 18px -20px rgba(0, 0, 0, 0.05);
  position: relative;
  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: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 40px;
}
.qa_card div:first-child {
  width: 26px;
  height: 26px;
  position: absolute;
  top: 25px;
  left: 25px;
  border-radius: 50%;
  background: -o-linear-gradient(to top left, #fff6e9, rgba(0, 0, 0, 0.02));
  background: -webkit-gradient(linear, right bottom, left top, from(#fff6e9), to(rgba(0, 0, 0, 0.02)));
  background: -o-linear-gradient(bottom right, #fff6e9, rgba(0, 0, 0, 0.02));
  background: linear-gradient(to top left, #fff6e9, rgba(0, 0, 0, 0.02));
}
.qa_card img {
  width: 100px;
  height: 100px;
}
.qa_card h4 {
  font-size: 24px;
  font-weight: 900;
  letter-spacing: 6px;
  line-height: 24px;
  margin: 30px 0 0 0;
  width: 100%;
  color: #000;
}

.qa_card:hover {
  -webkit-transform: translate(-3px, -3px);
      -ms-transform: translate(-3px, -3px);
          transform: translate(-3px, -3px);
  -webkit-box-shadow: 50px 50px 25px -20px rgba(0, 0, 0, 0.01);
          box-shadow: 50px 50px 25px -20px rgba(0, 0, 0, 0.01);
}

.product_list_container .company_bg {
  padding-top: 300px;
  opacity: 0.4;
  position: fixed;
}
.product_list_container .company_bg img {
  width: 280px;
  height: auto;
}
.product_list_container .company_bg img:first-child {
  width: 330px;
}
.product_list_container .list_title {
  display: inline-block;
}

.product_list_tab {
  width: calc(100% - 160px);
  display: inline-block;
  vertical-align: top;
  margin-top: 30px;
}
.product_list_tab ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.product_list_tab ul li a {
  color: #fff;
}
.product_list_tab li {
  display: inline-block;
  margin-left: 40px;
  margin-bottom: 30px;
}
.product_list_tab li h6 {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 3px;
  line-height: 25px;
  margin: 0 0 5px 0;
  color: #C1AF9C;
  transition: all .3s ease;
}

.product_list_tab li:hover h6{
  color:  #DEA56A;
}
.product_list_tab li:hover span{
  color:  #DEA56A;
}

.product_list_tab li span {
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 2px;
  line-height: 20px;
  color: #C1AF9C;
  padding-bottom: 20px;
  display: inline-block;
  width: 100%;
}
.product_list_tab li a {
  display: block;
}

.product_list_tab .active h6,
.product_list_tab .active span {
  color: #000;
}

.product_list_tab ul li a:hover{
  color:  #DEA56A ; 
}

.product_list_yiiho {
  position: relative;
}
.product_list_yiiho ul {
  width: 360px;
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 75px;
  z-index: 5;
  display: none;
}
.product_list_yiiho li {
  width: 49.5%;
  padding: 0 13px;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 3px;
  line-height: 60px;
  color: #fff;
  display: inline-block;
  margin: 0;
  cursor: pointer;
}
.product_list_yiiho li:hover {
  color: #DEA56A;
}
.product_list_yiiho li::after {
  content: "....................................................................................................................................................................................................................................................................";
  font-size: 8px;
  height: 10px;
  line-height: 3px;
  letter-spacing: 3px;
  display: block;
  overflow: hidden;
  margin: 0;
  color: #DEA56A;
}
.product_list_yiiho .last_item::after {
  content: "";
}

.product_list_yiiho:hover ul {
  display: block;
}

.product_list_tab .product_list_yiiho_mobile {
  transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  margin: 10px 0;
  padding: 0;
  max-height: 0;
  display: none;
  overflow: hidden;
}
.product_list_tab .product_list_yiiho_mobile ul {
  width: 100%;
  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;
  border-top: 1px solid #C1AF9C;
  border-bottom: 1px solid #C1AF9C;
  padding: 12px 0;
  margin: 10px 0;
}
.product_list_tab .product_list_yiiho_mobile ul li {
  width: 48%;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 24px;
  color: #000;
}

.life_list_tab li h6 {
  color: #7C7C7C;
}

.list_introduction {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 2.5px;
  line-height: 20px;
  padding: 35px 0 25px 0;
}
.list_introduction p {
  vertical-align: middle;
}
.list_introduction hr {
  border: 1px solid #DEA56A;
  width: 33px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px 0 0;
}

@media all and (max-width: 1200px) {
  .list_item_img {
    height: 300px;
  }

  .list_container .list_bg {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 50px;
  }
  .list_container .list_bg img {
    opacity: 0.2;
  }
  .list_container .tab_mobile {
    padding: 0;
  }

  .list_title {
    width: 100%;
  }
  .list_title .cart_title_en span {
    display: inline-block;
  }

  .product_list_container .index_product_container {
    width: 800px;
  }
  .product_list_container .list_title {
    padding: 0 15px;
  }

  .list_container .list_title_container .style_button_join {
    display: inline-block;
    top: 0;
    right: 0;
    margin-top: 0;
  }
}
@media all and (max-width: 900px) {
  .product_list_container .index_product_container {
    width: 650px;
  }

  .product_list_container .company_bg img {
    width: 20%;
  }
}
@media all and (max-width: 768px) {
  .list_item_img {
    margin-bottom: 96px;
  }

  .list_title_wrap {
    width: 100%;
  }

  .list_item {
    margin-bottom: 30px;
  }

  .list_container {
    padding-top: 100px;
  }
  .list_container .style_button_join {
    display: none;
  }
  .list_container .list_title {
    padding: 0;
  }
  .list_container .list_bg {
    padding-top: 50px;
  }
  .list_container .list_bg img:last-child {
    width: 35%;
    padding-top: 60px;
  }
  .list_container .list_bg img:first-child {
    width: 50%;
  }
  .list_container .index_product_wrap {
    margin-bottom: 10px;
  }

  .list_container .list_title_container .style_button_join {
    width: 150px;
    margin-right: 10%;
  }

  .product_list_container .index_product_container {
    width: 90%;
  }

  .sold_out_img p {
    font-size: 20px;
    letter-spacing: 10px;
  }

  .qa_card {
    height: 150px;
    border-radius: 0 30px 30px 30px;
    margin-bottom: 30px;
    width: 100%;
  }
  .qa_card img {
    width: 50px;
    height: auto;
  }
  .qa_card h4 {
    font-size: 14px;
    margin-top: 10px;
  }

  .qa_card div:first-child {
    width: 20px;
    height: 20px;
    top: 15px;
    left: 15px;
  }

  .product_list_container .company_bg {
    display: none;
  }

  .product_list_tab {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 30px;
  }
  .product_list_tab ul {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .product_list_tab li {
    margin: 3px 0;
    width: 48%;
  }
  .product_list_tab li span {
    display: none;
  }
  .product_list_tab h6 {
    margin: 0;
    font-size: 14px;
  }
  .product_list_tab .product_list_yiiho ul {
    display: none;
  }
  .product_list_tab .product_list_yiiho_mobile {
    width: 100%;
    display: block;
    margin-top: 0;
    margin-bottom: 0;
  }
  .product_list_tab .product_list_yiiho_mobile.active {
    max-height: 500px;
  }
  .product_list_tab .list_container .index_product_wrap {
    margin-bottom: 0;
  }

  .list_introduction {
    width: 80%;
    margin-left: 10%;
    font-size: 12px;
    padding: 0 0 10px 0;
  }
  .list_introduction hr {
    display: block;
    margin-bottom: 15px;
  }

  .list_container .list_bg img {
    opacity: 0.2;
  }
  .list_container .style_button_join {
    width: 190px;
    height: 45px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 45px;
    margin-top: 0;
    margin-bottom: 20px;
    float: right;
  }
  .list_container .list_introduction {
    padding-bottom: 0;
  }
}
@media all and (max-width: 600px) {
  .product_list_container .index_product_container {
    width: 340px;
    padding: 0 10px;
  }
}
@media all and (max-width: 500px) {
  .list_item_img {
    height: 250px;
  }

  .list_container .list_title_container .style_button_join {
    width: 150px;
    margin-right: 15px;
  }
}
.article_container {
  background-color: #fff6e9;
}
.article_container .container {
  padding-top: 150px;
  position: relative;
  z-index: 1;
}
.article_container .row {
  margin: 0 50px;
}
.article_container hr {
  border-color: #000;
}
.article_container .company_bg {
  position: fixed;
  opacity: 0.2;
}
.article_container .company_bg img {
  width: 20%;
}
.article_container .button_wrap {
  margin-top: 0;
  margin-bottom: 30px;
}
.article_container .button_wrap a {
  width: 35px;
  height: 35px;
}
.article_container .button_wrap a img {
  width: 20px;
  height: 20px;
  margin: 7.5px;
}
.article_container .button_wrap .share_button_line {
  background-color: rgba(255, 255, 255, 0);
}
.article_container .button_wrap .share_button_line img {
  width: 100%;
  height: 100%;
  margin: 0;
}

.article_title {
  margin-top: 10px;
}
.article_title h2, .article_title h1 {
  font-size: 24px;
  font-weight: 900;
  letter-spacing: 5px;
  line-height: 40px;
}
.article_title h2 {
  margin: 0;
}
.article_title h1 {
  margin: 0 0 40px 0;
}

.article_date {
  width: 100%;
  height: 100%;
  max-width: 85px;
  text-align: center;
  background-color: #DEA56A;
  float: right;
}
.article_date .year,
.article_date .month {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 3px;
  line-height: 18px;
  color: #fff;
}
.article_date .day {
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 6px;
  line-height: 40px;
  margin: 8px 0;
}

.article_img_top {
  width: 100%;
  height: 370px;
  position: relative;
  margin-bottom: 25px;
}

.article_p_w,
.article_p {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 30px;
}

.article_p_w {
  font-weight: 600;
}

.article_content h4 {
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 4px;
  line-height: 40px;
  margin-bottom: 20px;
}

.article_content {
  padding-bottom: 80px;
}
.article_content h1 {
  font-size: 24px;
  font-weight: 800;
  letter-spacing: 1px;
  line-height: 55px;
}
.article_content h2 {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 1px;
  line-height: 30px;
}
.article_content h3, .article_content h4 {
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 1px;
  line-height: 30px;
}
.article_content p {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 33px;
}
.article_content h5 {
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 24px;
  margin-top: 0;
  margin-bottom: 15px;
}
.article_content h6 {
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 30px;
  color: #999;
}
.article_content img {
  max-width: 100%;
  margin: 5px 0;
}

.article_back .back_circle, .article_back p {
  display: inline-block;
  transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
}
.article_back p {
  color: #000;
  line-height: 40px;
  vertical-align: top;
  margin: 0 0 20px 10px;
}

.back_circle {
  width: 40px;
  height: 40px;
  border: 1px solid #000;
  border-radius: 50%;
  text-align: center;
  background-image: url(../images/icon_back.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 17px 12px;
}

.article_back:hover .back_circle {
  background-image: url(../fonts/icon_back_w.svg);
  background-color: #DEA56A;
  border-color: #DEA56A;
}
.article_back:hover p {
  margin-left: 15px;
}

@media all and (max-width: 768px) {
  .article_container .container {
    padding-top: 100px;
  }
  .article_container .row {
    margin: 0;
  }
  .article_container .company_bg {
    display: none;
  }
  .article_container .button_wrap {
    margin-bottom: 20px;
  }
  .article_container .button_wrap a {
    width: 30px;
    height: 30px;
  }
  .article_container .button_wrap a img {
    width: 18px;
    height: 18px;
    margin: 6px;
  }

  .article_title {
    margin-top: 0;
  }
  .article_title h2, .article_title h1 {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 3px;
  }
  .article_title h1 {
    margin-bottom: 30px;
  }

  .article_date .year,
.article_date .month {
    font-size: 14px;
  }

  .article_date .day {
    font-size: 30px;
    letter-spacing: 3px;
    margin: 0;
  }
}
.product_information h3 {
  font-size: 24px;
  font-weight: 900;
  letter-spacing: 10px;
  line-height: 25px;
  margin: 40px 14px;
  width: 100%;
  vertical-align: middle;
}
.product_information h3 span {
  width: 40px;
  height: 40px;
  margin-right: 15px;
  display: inline-block;
  background-image: url(../images/icon_q&a_sp@2x.png);
  background-size: cover;
  vertical-align: middle;
}
.product_information .index_product_container h3 {
  margin-left: -30px;
}
.product_information .product_qa {
  margin-top: 20px;
}

.product_information_container {
  padding-top: 70px;
}
.product_information_container .index_product_img_wrap {
  display: inline-block;
  margin-left: 45px;
}
.product_information_container .amount_col_1,
.product_information_container .amount_col_2 {
  width: 332px;
}
.product_information_container .amount_col_1 select,
.product_information_container .amount_col_2 select {
  padding: 12px 10px;
}
.product_information_container .product_amount {
  margin-top: 25px;
  width: 100%;
  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;
}
.product_information_container .product_amount div:last-child {
  font-size: 0;
}
.product_information_container .product_amount .add_cart_price {
  display: inline-block;
  padding: 0 20px;
  background-color: #fff;
}
.product_information_container .product_amount .add_cart {
  display: inline-block;
}
.product_information_container .top {
  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;
}
.product_information_container .buttom {
  margin-top: 50px;
  width: 100%;
  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;
}
.product_information_container .buttom .product_information_img {
  width: 48.5%;
  height: 340px;
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: 30px 30px 18px -20px rgba(0, 0, 0, 0.05);
          box-shadow: 30px 30px 18px -20px rgba(0, 0, 0, 0.05);
}

.product_content_text {
  display: inline-block;
  width: calc(100% - 460px);
  vertical-align: top;
}
.product_content_text p {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 30px;
  margin: 0;
}
.product_content_text h2 {
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 5px;
  line-height: 20px;
  margin-bottom: 20px;
}
.product_content_text h2 + p {
  margin-bottom: 20px;
}
.product_content_text .product_active {
  color: #DEA56A;
  font-weight: 600;
}

.product_content_text .slide-block{
  margin-top: 35px ; 
  margin-bottom: 25px;
  border: 1px solid #DEA56A;
}

.product_content_text .slide-title{
  padding: 10px 20px ; 
  cursor: pointer;
  transition: all .4s ease ; 
}
.product_content_text .slide-title:hover{
  opacity: .7;
}

.product_content_text .slide-title strong{
  display: block ; 
  position: relative ; 
}
.product_content_text .icon-arrow-down{
  display: block ; 
  position: absolute ; 
  top: 50% ; 
  transform: translateY(-50%) rotate(0deg); 
  right: 0 ; 
  transition: all .2s ease ; 
}
.product_content_text .icon-arrow-down.active{
  transform: translateY(-50%) rotate(-180deg); 
}
.product_content_text .slide-wrapper{
  display: none ; 
  padding: 20px ; 
  border-top: 1px solid #DEA56A;
}
.product_content_text .slide-content{
  margin-bottom: 30px ; 
}
.product_content_text .slide-content ol{
  padding-left: 14px ; 
}
.product_content_text .slide-content ol span{
  display: flex ; 
}
.product_content_text .slide-content ol span::before{
  content: "※" ;
  display: block ; 
  color: #333333 ; 
  margin-right: 8px ; 
}
.product_content_text .slide-content ol li{
  list-style-type: inherit;
  line-height: 30px ; 
  font-weight: 400 ; 
  font-size: 16px ; 
}
.product_content_text .slide-content:nth-last-of-type(1){
  margin-bottom: 0 ; 
}
.product_content_text .slide-content-title{
  margin-top: 0 ; 
  margin-left: 0 ; 
  margin-bottom: 5px ; 
  font-size: 16px ; 
  font-weight: 900 ; 
  letter-spacing: 1px;
}
.product_content_text .icon-cheveron-down{
  cursor: pointer;
  transition: all .4s ease;
  display: inline-block
}

.product_content_text .icon-cheveron-down:hover{
  opacity: .7;
}

.product_content_text .icon-cheveron-down.active{
  transform: rotate(-180deg);
}


@media(max-width: 576px){
  .product_content_text .slide-block{
    margin-bottom: 20px;
  }
}

.product_note p {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 30px;
  margin-left: 14px;
}

.tab_mobile {
  display: none;
}
.tab_mobile .selectric {
  border: none;
  background-color: #d8d8d8;
  margin-bottom: 10px;
}
.tab_mobile .selectric .label {
  text-align: left;
}
.tab_mobile .selectric .button:after {
  border-top-color: #000;
}

.product_list_select {
  margin-bottom: 10px;
  border: none;
  background-color: #D8D8D8;
  background-position: 97% 50%;
  padding: 8px 10px;
  font-weight: 700;
  letter-spacing: 1px;
}

#product_list_select_02 {
  display: none;
}

.brand_note_p {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 20px;
  color: #C1AF9C;
  display: none;
}

.brand_note_p.active {
  display: block;
}



@media all and (max-width: 1200px) {
  .product_information_container {
    padding-top: 30px;
  }

  .product_list_tab {
    display: none;
  }

  .tab_mobile {
    display: block;
  }
}
@media all and (max-width: 1000px) {
  .index_product_img {
    width: 250px;
    height: 250px;
  }

  .product_conte {
    width: calc(100% - 350px);
  }
}
@media all and (max-width: 768px) {
  .cart_title {
    width: 100%;
  }
  .cart_title h1 {
    font-size: 20px;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 0;
  }
  .cart_title .cart_title_en {
    font-size: 14px;
    display: block;
  }
  .cart_title .cart_title_en span {
    display: inline-block;
  }
  .cart_title hr {
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .product_information_container {
    width: 80%;
    margin-left: 10%;
  }
  .product_information_container .top {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .product_information_container .index_product_img_wrap {
    margin-left: 30px;
  }
  .product_information_container .amount_col_1,
.product_information_container .amount_col_2 {
    width: 200px;
  }

  .product_information h3 {
    font-size: 18px;
    letter-spacing: 3px;
    margin: 20px 0;
  }
  .product_information p {
    font-size: 12px;
    line-height: 22px;
    margin-left: 0;
  }

  .product_information_container .buttom .product_information_img {
    width: 100%;
    height: 0;
    padding-top: 66%;
    margin-bottom: 10px;
  }

  .product_content_text {
    width: 100%;
    margin-top: 30px;
  }
  .product_content_text h2 {
    font-size: 18px;
    letter-spacing: 3px;
  }
  .product_content_text p {
    font-size: 12px;
    line-height: 22px;
  }

  .tab_mobile {
    display: block;
    padding: 0;
  }

  .product_list_tab {
    display: none;
    margin-top: 0;
    margin-bottom: 0;
  }
  .product_list_tab li {
    margin: 0;
  }
  .product_list_tab li h6 {
    font-size: 14px;
    margin-bottom: 2px;
  }
}
@media all and (max-width: 400px) {
  .product_list_select {
    width: 100%;
    margin-left: 0;
  }

  .cart_title {
    padding-right: 0;
  }

  .list_item_img {
    height: 200px;
  }

  .list_title_wrap h2, .list_title_wrap h3 {
    font-size: 16px;
  }

  .product_information_container .amount_col_1 {
    width: 256px;
  }
  .product_information_container .product_amount {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.qa_container p {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 30px;
}
.qa_container p span {
  font-weight: 600;
}
.qa_container h3 {
  margin-top: 50px;
}

.qa_step {
  margin-bottom: 40px;
}
.qa_step li {
  width: 200px;
  height: 200px;
  text-align: center;
  background-color: #fff;
  border-radius: 50%;
  padding-top: 20px;
  margin: 35px 50px 0 0;
  display: inline-block;
  vertical-align: top;
}
.qa_step li h5 {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 10px;
}
.qa_step li img {
  width: 60px;
}
.qa_step li p {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 2.4px;
  line-height: 23px;
  margin-top: 15px;
}

.qa_text_li {
  transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  padding: 10px 65px;
  border-radius: 0 50px 0 50px;
  -webkit-box-shadow: 30px 30px 18px -20px rgba(0, 0, 0, 0.05);
          box-shadow: 30px 30px 18px -20px rgba(0, 0, 0, 0.05);
  background-color: #fff;
  margin-bottom: 20px;
  cursor: pointer;
}
.qa_text_li h5 {
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 8px;
  line-height: 25px;
  margin-bottom: 5px;
}
.qa_text_li .qa_step_p {
  transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  max-height: 0;
  overflow: hidden;
}

.qa_text_li.active {
  padding: 50px 65px;
  border-radius: 0 100px 0 100px;
  margin-bottom: 35px;
}
.qa_text_li.active .qa_step_p {
  max-height: 900px;
}
.qa_text_li.active h5 {
  margin-bottom: 15px;
}

@media all and (max-width: 1200px) {
  .qa_step li {
    margin-right: 20px;
  }
}
@media all and (max-width: 768px) {
  .qa_step li {
    width: 140px;
    height: 140px;
    margin: 15px 15px 15px 0;
    padding-top: 15px;
  }
  .qa_step li h5 {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .qa_step li img {
    width: 30px;
  }
  .qa_step li p {
    font-size: 12px;
    line-height: 16px;
    margin-top: 7px;
  }

  .qa_text_li {
    border-radius: 0 30px 0 30px;
    padding: 10px 35px;
    margin-bottom: 15px;
  }
  .qa_text_li h5 {
    font-size: 16px;
    letter-spacing: 2px;
  }
  .qa_text_li p {
    font-size: 12px;
    line-height: 24px;
  }

  .qa_text_li.active {
    padding: 25px 35px;
    border-radius: 0 30px 0 30px;
  }

  .qa_h3 {
    font-size: 18px;
    letter-spacing: 5px;
    margin-bottom: 20px;
  }

  .qa_container h3 {
    margin-top: 20px;
  }
}
.brand_container {
  background-color: #fff6e9;
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.brand_kv_container {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.swiper-container-brand {
  height: 100%;
}

.brand_item {
  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-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}
.brand_item .brand_logo_container {
  width: 90px;
  height: 375px;
  position: relative;
}
.brand_item .brand_logo_container img {
  transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  width: 100%;
  height: 100%;
}
.brand_item .brand_logo_container .brand_logo_bl {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.brand_item a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  margin-top: 0;
}
.brand_item a img {
  display: none;
  width: 36px;
  height: 48px;
  margin: 0 auto;
  margin-bottom: 13px;
}
.brand_item a p {
  display: none;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 5px;
  line-height: 10px;
  color: #fff;
}

.brand_item:hover .brand_logo_container .brand_logo_wh {
  opacity: 0;
}
.brand_item:hover .brand_logo_container .brand_logo_bl {
  opacity: 1;
}

.brand_kv_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.brand_kv_bg div:first-child {
  position: absolute;
  width: 100%;
  height: 120px;
  bottom: 0;
  left: 0;
  background: -o-linear-gradient(rgba(255, 255, 255, 0), #fff6e9);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff6e9));
  background: linear-gradient(rgba(255, 255, 255, 0), #fff6e9);
}
.brand_kv_bg .brand_kv_img {
  transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -1;
}
.brand_kv_bg .brand_kv_img.active {
  opacity: 1;
}

.brand_slide_img {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.brand_slide_img div:first-child {
  position: absolute;
  width: 100%;
  height: 50px;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: -o-linear-gradient(rgba(255, 255, 255, 0), #fff6e9);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff6e9));
  background: linear-gradient(rgba(255, 255, 255, 0), #fff6e9);
}

.brand_content_container {
  width: 100%;
  height: 100%;
  min-height: 910px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 70px;
  background-color: #fff6e9;
  z-index: 0;
  margin-top: 100px;
}

.brand_content_left {
  width: 757px;
  position: relative;
  display: inline-block;
  padding-right: 70px;
}

.diamond_container {
  height: 500px;
  position: absolute;
  top: 100px;
  left: 50px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.diamond_container > img {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 2;
  margin: -40px 0 0 -20px;
  width: 50%;
}

.diamond_wrap {
  width: 500px;
  height: 500px;
  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;
}

.diamond_item {
  width: 48%;
  height: 48%;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  margin-bottom: 4%;
  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;
  cursor: pointer;
}
.diamond_item .img_cover {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 140%;
  height: 140%;
  margin-top: -50px;
  margin-left: -50px;
}
.diamond_item p {
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 30px;
  width: 20px;
  margin: 0 12px;
}
.diamond_item .diamond_title {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: relative;
  z-index: 2;
  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;
}
.diamond_item > p {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: relative;
  z-index: 2;
  color: #fff;
}

.diamond_spoon {
  width: 108px;
  height: 285px;
  display: inline-block;
  margin-left: 40px;
  position: relative;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.diamond_spoon img {
  width: 100%;
  height: 100%;
}

.diamond_bg_01 {
  position: absolute;
  top: 0;
  right: 50px;
  width: 600px;
  height: 0;
  margin-top: 500px;
  padding-top: 450px;
  z-index: -1;
  pointer-events: none;
}
.diamond_bg_01 img {
  width: 100%;
  height: 100%;
}

.brand_content_center {
  width: 500px;
  padding-top: 150px;
  padding-bottom: 80px;
  pointer-events: none;
}
.brand_content_center > p {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 3px;
  line-height: 40px;
  margin-bottom: 70px;
}
.brand_content_center > p span {
  display: inline-block;
  width: 100%;
}
.brand_content_center > img {
  width: 107px;
  height: 195px;
  float: right;
}

.brand_content_center.aos-animate {
  pointer-events: auto;
}

.brand_store {
  margin-top: 40px;
}
.brand_store h4, .brand_store a, .brand_store p {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 22px;
  margin: 0;
}
.brand_store h4, .brand_store a {
  display: inline-block;
  margin-right: 15px;
}

.button_wrap {
  margin-top: 30px;
}
.button_wrap button {
  margin-right: 25px;
  border-radius: 25px;
}
.button_wrap a {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: #DEA56A;
  vertical-align: top;
  margin-right: 15px;
}
.button_wrap a img {
  width: 25px;
  height: 25px;
  margin: 10px;
}

.brand_content_title {
  position: absolute;
  top: 0;
  right: 0;
  height: 910px;
  width: calc(100% - 1257px);
}

.brand_title_wrap,
.brand_title_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.brand_bg_food_01 {
  position: absolute;
  top: 75px;
  left: 230px;
  width: 60%;
  height: 0;
  padding-top: 36%;
}

.brand_bg_food_02 {
  position: absolute;
  bottom: 0;
  left: 175px;
  width: 55%;
  height: 0;
  padding-top: 48%;
}

.brand_bg_right {
  position: absolute;
  top: 623px;
  right: 0;
  width: 48%;
  height: 0;
  padding-top: 40%;
}

.brand_title_wrap .brand_title {
  width: 90px;
  height: 375px;
  position: absolute;
  top: 216px;
  right: 35%;
}
.brand_title_wrap .brand_slogan_wrap {
  height: 515px;
  position: absolute;
  bottom: 110px;
  left: 0;
}
.brand_title_wrap .brand_slogan_wrap .slogan_03 {
  margin-top: 160px;
}
.brand_title_wrap .brand_slogan_wrap .slogan_02 {
  margin-top: 80px;
}
.brand_title_wrap .brand_slogan_wrap p {
  font-size: 20px;
 
  letter-spacing: 10px;
  line-height: 40px;
  width: 20px;
  margin: 0 10px;
  display: inline-block;
  vertical-align: top;
}

.brand_pop_up {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 30;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.brand_pop_up .brand_img_container {
  width: 60%;
  height: 80%;
  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;
}
.brand_pop_up .brand_img_container .store_photo_wrap,
.brand_pop_up .brand_img_container .brand_store_photo,
.brand_pop_up .brand_img_container .menu_photo_wrap,
.brand_pop_up .brand_img_container .brand_menu_photo {
  width: 100%;
  height: 100%;
  margin: 0;
}
.brand_pop_up .brand_img_container img {
  max-height: 100%;
  max-width: 100%;
  display: inline-block;
  margin: 0;
}
.brand_pop_up .brand_store_img {
  width: 50%;
  height: 70%;
}
.brand_pop_up .brand_store_img img {
  max-width: 100%;
}
.brand_pop_up .brand_menu_photo {
  height: 100%;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.menu_photo_wrap {
  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;
}
.menu_photo_wrap img {
  max-width: 100%;
}

.brand_store_photo,
.brand_menu_photo {
  width: 100%;
  height: 100%;
  display: none;
}

.brand_store_photo.active,
.brand_menu_photo.active {
  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;
}

.pop-up_store_photo {
  display: none;
}

.pop-up_store_photo.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.style_btn_pop_close,
.style_btn_pop_close:focus,
.style_btn_pop_close div,
.style_btn_pop_close hr {
  border: 1px solid #fff;
}

.style_btn_pop_close {
  width: 65px;
  height: 65px;
  padding: 2px;
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  top: 50px;
  right: 50px;
}
.style_btn_pop_close div {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  padding-top: 28px;
}
.style_btn_pop_close hr {
  transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  width: 20px;
  margin: 0 auto;
}
.style_btn_pop_close hr:first-child {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
.style_btn_pop_close hr:last-child {
  margin-top: -2px;
  -webkit-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  transform: rotate(-30deg);
}

.style_btn_pop_close:hover hr:first-child {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.style_btn_pop_close:hover hr:last-child {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.style_btn_menu {
  width: 100px;
  border-bottom: 1px solid #DEA56A;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 2.5px;
  line-height: 22px;
  transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  color: #DEA56A;
}

.style_btn_menu:focus {
  border-bottom: 1px solid #DEA56A;
}

.brand_pop_up {
  display: none;
}
.brand_pop_up .text_right {
  text-align: right;
  margin-left: 45px;
}
.brand_pop_up .text_left {
  text-align: left;
  margin-right: 45px;
}
.brand_pop_up .text_left:hover {
  padding-left: 30px;
}
.brand_pop_up .text_right:hover {
  padding-right: 30px;
}

.button_brand_s {
  display: none;
}

.button_brand_l {
  display: inline-block;
  vertical-align: top;
}

.brand_top {
  position: absolute;
  right: 85px;
  bottom: 130px;
}
.brand_top .top_line {
  width: 1px;
  height: 90px;
  background-color: #DEA56A;
  margin: 0 auto;
}
.brand_top .top_circle {
  transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  width: 17px;
  height: 17px;
  border: 1px solid #DEA56A;
  border-radius: 50%;
  position: absolute;
  top: 37px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.brand_top p {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 40px;
  color: #DEA56A;
  margin-top: 15px;
}

.brand_top:hover .top_circle {
  top: 20px;
}

.brand_pop_up .photo_zoomIz {
  overflow: auto;
  position: relative;
}
.brand_pop_up .photo_zoomIz img {
  max-width: none;
  max-height: none;
  width: 150%;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next,
.swiper-button-prev,
.swiper-container-rtl .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  width: 35px;
  height: 48px;
  background-color: rgba(255, 255, 255, 0.3);
  background-image: none;
  opacity: 1;
  cursor: pointer;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  pointer-events: auto;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-prev {
  left: 0;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev,
.swiper-button-next.swiper-button-disabled {
  right: 0;
}

.swiper-button-prev::before,
.swiper-button-next::before {
  content: "";
  width: 14px;
  height: 24px;
  background-size: cover;
  display: inline-block;
}

.swiper-button-prev::before {
  background-image: url(../images/icon_prev.svg);
  margin: 12px 0 0 5px;
}

.swiper-button-next::before {
  background-image: url(../images/icon_next.svg);
  margin: 12px 5px 0 15px;
}

@media all and (max-width: 1800px) {
  .brand_title_wrap .brand_title {
    top: 260px;
  }

  .brand_top {
    right: auto;
    left: 3%;
  }
}
@media all and (max-width: 1700px) {
  .brand_content_title {
    width: 443px;
  }

  .brand_content_left {
    width: 650px;
  }

  .diamond_wrap {
    width: 450px;
    height: 450px;
  }

  .diamond_item .img_cover {
    margin-top: -42px;
    margin-left: -42px;
  }

  .brand_content_center {
    width: 400px;
  }
}
@media all and (max-width: 1500px) {
  .diamond_wrap {
    width: 350px;
    height: 350px;
  }

  .brand_content_left {
    width: 520px;
  }

  .diamond_item p {
    font-size: 16px;
    line-height: 23px;
    margin: 0 6px;
  }
  .diamond_item .img_cover {
    margin-top: -35px;
    margin-left: -35px;
  }

  .diamond_bg_01 {
    width: 400px;
    height: 300px;
    padding-top: 0;
  }

  .brand_kv_container {
    height: 600px;
  }

  .brand_item .brand_logo_container {
    width: 60px;
    height: 250px;
  }

  .brand_pop_up {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .brand_pop_up .brand_img_container {
    width: 90%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 30px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .style_btn_menu.text_left {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 20%;
  }

  .style_btn_menu.text_right {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    width: 20%;
  }
}
@media all and (max-width: 1370px) {
  .brand_content_title {
    width: calc(100% - 920px);
    min-width: 270px;
  }

  .brand_title_wrap .brand_title {
    right: 20%;
  }
}
@media all and (max-width: 1300px) {
  .brand_bg_right {
    width: 150px;
    height: 150px;
  }

  .brand_bg_food_02 {
    right: 15px;
    left: auto;
    width: 160px;
    height: 160px;
    padding-top: 0;
  }

  .brand_bg_food_01 {
    top: auto;
    left: auto;
    right: 15px;
    bottom: 180px;
    width: 200px;
    height: 120px;
  }

  .brand_title_wrap .brand_title {
    width: 72px;
    height: 300px;
    top: 140px;
  }
  .brand_title_wrap .brand_slogan_wrap {
    bottom: auto;
    top: 200px;
  }
  .brand_title_wrap .brand_slogan_wrap p {
    font-size: 16px;
    line-height: 28px;
    margin: 0 5px;
  }
  .brand_title_wrap .brand_slogan_wrap .slogan_02 {
    margin-top: 50px;
  }
  .brand_title_wrap .brand_slogan_wrap .slogan_03 {
    margin-top: 100px;
  }

  .diamond_item p {
    font-size: 14px;
    line-height: 18px;
  }
}
@media all and (max-width: 1200px) {
  .diamond_wrap {
    width: 250px;
    height: 250px;
  }

  .diamond_item .img_cover {
    margin-top: -22px;
    margin-left: -22px;
  }

  .diamond_spoon {
    width: 54px;
    height: 142px;
    margin-left: 10px;
  }

  .brand_content_left {
    width: 380px;
  }
}
@media all and (max-width: 1050px) {
  .brand_content_center {
    width: 340px;
  }
  .brand_content_center > p {
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 30px;
  }

  .brand_store h4, .brand_store a, .brand_store p {
    font-size: 14px;
  }

  .diamond_wrap {
    width: 190px;
    height: 190px;
  }

  .diamond_item p {
    font-size: 12px;
    line-height: 14px;
    margin: 0 2px;
    width: 12px;
  }

  .brand_content_left {
    width: 310px;
  }

  .brand_content_container {
    min-height: 750px;
    padding-bottom: 0;
  }

  .brand_content_title {
    height: 750px;
  }
}
@media all and (max-width: 920px) {
  .brand_container {
    padding-bottom: 70px;
  }

  .button_brand_s {
    display: block;
    margin-bottom: 25px;
  }
  .button_brand_s a {
    width: 40px;
    height: 40px;
  }
  .button_brand_s a img {
    width: 20px;
    height: 20px;
  }

  .button_brand_l {
    display: none;
  }

  .brand_content_center {
    padding: 360px 10px 0 10px;
    width: 340px;
  }
  .brand_content_center > img {
    display: none;
  }
  .brand_content_center > ul {
    margin-bottom: 50px;
  }
  .brand_content_center .button_wrap {
    margin-top: -30px;
  }

  .brand_content_left {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
  }

  .brand_content_title {
    left: 0;
    width: 340px;
    height: 100%;
    min-width: 340px;
    z-index: -1;
  }

  .brand_content_center,
.brand_content_left,
.brand_content_title {
    margin: 0 auto;
  }

  .diamond_container {
    height: 200px;
    top: 40px;
    left: 0;
    margin-left: -20px;
  }

  .brand_title_wrap .brand_title {
   width: 50px;
    top: 40px;
    height: 208px;
    right: 30px;
  }
  .brand_title_wrap .brand_slogan_wrap {
   top: 60px;
    left: auto;
    right: 100px;
  }
  .brand_title_wrap .brand_slogan_wrap p {
    font-size: 16px;
    line-height: 24px;
    margin: 0 1px;
  }
  .brand_title_wrap .brand_slogan_wrap .slogan_03,
.brand_title_wrap .brand_slogan_wrap .slogan_02 {
    margin-top: 0;
  }

  .brand_bg_right {
    width: 100px;
    height: 100px;
    padding-top: 0;
    margin: 40px -20px 0 0;
  }

  .brand_bg_food_01 {
    width: 120px;
    padding-top: 0;
    height: 65px;
    right: 95px;
    margin-right: 0;
    bottom: 15px;
    display: none;
  }

  .brand_bg_food_02 {
    width: 90px;
    height: 90px;
    right: 0;
    display: none;
  }

  .diamond_bg_01 {
    width: 300px;
    height: 230px;
    right: 130px;
    margin-top: 150px;
    z-index: -1;
  }

  .brand_kv_container {
    height: 517px;
  }

  .brand_item a {
    position: relative;
    width: auto;
    height: auto;
    margin-top: 30px;
  }
  .brand_item a img, .brand_item a p {
    display: block;
  }

  .brand_slide_img {
    display: block;
  }

  .brand_pop_up {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .brand_pop_up .brand_img_container {
    overflow: auto;
    height: 70%;
  }
  .brand_pop_up .brand_img_container img {
    width: 100%;
    max-width: 100%;
    max-height: none;
  }

  .brand_top {
    display: none;
  }

  .brand_content_container {
    padding-bottom: 50px;
    min-height: 0;
  }

  .style_btn_yellow {
    width: 115px;
    height: 25px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 25px;
  }

  .brand_item .brand_logo_container .brand_logo_bl {
    opacity: 1;
  }

  .brand_logo_container .brand_logo_wh {
    opacity: 0;
  }

  .style_btn_pop_close {
    width: 35px;
    height: 35px;
    top: 20px;
    right: 20px;
  }
  .style_btn_pop_close div {
    padding-top: 12.5px;
  }
  .style_btn_pop_close hr {
    width: 10px;
  }

  .brand_menu_photo.active {
    display: block;
  }
}
footer {
  width: 100%;
  height: 260px;
  position: relative;
  padding-top: 25px;
  padding-bottom: 50px  ;
  margin-top: 50px ;
}
/* @media(max-width:576px){
  footer.index{
    background-color: #fff6e9 ; 
  }
} */

.footer_wrap {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  z-index: 1;
}

.footer_text {
  width: auto;
  margin-right: 10px ;
  display: flex ;
}
.footer_text p {
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 25px;
  vertical-align: middle;
  margin-bottom: 0;
}
.footer_text > .text-content {
  position: relative;
  width: 188px;
  height: 75px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  margin-right: 10px ;
}
@media(max-width: 1200px){
  .footer_text{
    flex-direction: column;
  }
}
@media(max-width: 1000px){
  .footer_text{
    align-items: center;
  }
}

.footer_text .text-content .img_cover{
  margin-top: -13px ;
}

.footer_text > div + p {
  font-size: 14px;
  display: inline-block;
  letter-spacing: 0;
  margin: 0 0 0 10px;
  vertical-align: bottom;
}

.footer_brand {
  width: 520px;
  padding-bottom: 0;
}
.footer_brand > div {
  width: 85px;
  height: 85px;
  position: relative;
  display: inline-block;
  margin-right: 15px;
}

.footer-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(../images/footer-bg.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom center;
}

.footer-bg-gray {
  background-color: #fff6e9;
}

@media all and (max-width: 1200px) {
  .footer_wrap {
    margin: 0 auto;
    width: 90%;
  }

  .footer_brand {
    width: auto;
  }
  .footer_brand > div {
    width: 50px;
    height: 50px;
    margin-top: 5px;
  }
}
@media all and (max-width: 992px) {
  footer {
    padding-bottom: 15px;
  }

  .footer_wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
    max-width: 400px;
  }

  .footer_text {
    text-align: center;
  }
  .footer_text p {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 20px;
  }
  .footer_text > div + p {
    display: block;
    line-height: 45px;
  }
  .footer_text span {
    display: none;
  }
}
@media all and (max-width: 768px) {
  .footer_text {
    width: 80%;
  }
  .footer_text p {
    font-size: 12px;
  }

  .footer-bg {
    background-size: 1500px;
    background-position: top center;
    background-image: url(../images/footer-bg.png);
  }
}
@media all and (max-width: 768px) {
  .product_list_tab,
.cart_title,
.product_note,
.product_similar,
.list_item,
.list_introduction,
.mobile_width {
    width: 100%;
    margin-left: 0;
  }
}
@media all and (max-width: 400px) {
  .product_information_container,
.product_list_tab,
.cart_title,
.product_note,
.product_similar,
.list_item,
.list_introduction,
.mobile_width {
    width: 100%;
    margin-left: 0;
  }
}
.loading_container {
  width: 100vw;
  height: 100vh;
  z-index: 100;
  background-color: #F5F5F5;
  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: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: fixed;
}

.loading_wrap {
  width: 100%;
  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;
}
.loading_wrap p {
  font-size: 18px;
  color: #DEA56A;
}

.loading_animation_box {
  position: relative;
  width: 170px;
}

.animation_img_01 {
  margin-left: -5px;
  margin-top: -2px;
  width: 100%;
}

.animation_img_02 {
  width: 170px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: 6s loading normal infinite linear;
  animation: 6s loading normal infinite linear;
}

.loading_line_box {
  width: 100%;
  height: 2px;
  background-color: #DCDCDC;
}

.loading_line {
  width: 0%;
  height: 2px;
  background-color: #DEA56A;
}

.loading_text {
  width: 100%;
  text-align: center;
  margin: 20px 0 80px 0;
}

@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.coming_soon_container {
  height: 60vh;
  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;
}
.coming_soon_container .coming_soon_text {
  text-align: center;
}
.coming_soon_container h1 {
  letter-spacing: 20px;
  font-weight: 600;
}
.coming_soon_container h2 {
  letter-spacing: 10px;
  font-size: 20px;
}

@media all and (max-width: 768px) {
  .coming_soon_container h1 {
    letter-spacing: 15px;
    font-weight: 600;
    font-size: 30px;
    text-align: center;
    line-height: 60px;
  }
}


/* TODO: */




@keyframes fadeIn{
  0%{
    opacity: 0 ;
  }

  100%{
    opacity: 1 ;
  }
}



header{
  height: 100px;
  background-color: #fff; 
  color: #000000 ; 
  display: flex;align-items: center;
  align-items: center ;
  position: fixed ; 
  z-index: 9 ; 
  left: 0 ; 
  top: 0 ; 
  width: 100% ; 
  box-shadow: 0px 3px 20px rgba(153, 153, 153, 0.1);
  padding: 10px 60px;
  border-bottom: 4px solid #daac7a;
}

header a{
  transition: all .4s ease ; 
  font-size: 18px ; 
  color: #000000 ; 
  line-height: 30px ; 
  /* letter-spacing: 10px ;  */
  font-weight: 600 ; 
  width: 100%;
  height: 100%;display: flex;align-items: center;
}


header .menu_l_button{
  display: none ; 
  position: relative ; 
  z-index: 1001 ; 
}

header .logo-block {
  width: 180px ; 
}
header .logo-block img {
  max-width: 100% ; 
  height: 80px;
}
header .selectric-items{
  border: none ; 
}
header .icon-wrapper{
  display: flex ; 
  align-items: center;
  /* margin: 0 -20px ;  */
  margin-left: auto ; 
  margin-right: -20px ; 
}

.icon-block{
  padding: 0 20px ; 
  padding: 0 1vw ; 
  position: relative ; 
}

.icon-block:hover .icon-badge{
  opacity: 1;
}

.member-block{
  width: 150px ; 
  padding: 15px 30px ; 
  background-color: rgba(0, 0, 0, 0.8) ;
  position: absolute ; 
  z-index: 2 ; 
  right: 0 ; 
  bottom: 0 ; 
  transform: translateY(130%) ; 
  display: none ; 
}
.member-block::before{
  content: "" ;
  position: absolute ; 
  z-index: 100; 
  left: 0 ; 
  right: 0 ; 
  height: 30% ; 
  top: 0 ; 
  transform: translateY(-100%)
}
.member-block a {
  color: white ; 
  font-size: 16px ; 
}
.member-block a:hover{
  color: #DEA56A ; 
  opacity: 1 ; 
}

@media(min-width: 1200px){
  .icon-block:hover .member-block{
    display: block;
  }
}

.icon-badge{
  background-color:  #DEA56A ; 
  border-radius: 20px ; 
  padding: 5px 15px ; 
  text-align: center ; 
  color: #ffffff ; 
  font-size: 12px ; 
  line-height: 18px ; 
  font-weight: 700 ;
  position: absolute ; 
  z-index: 0; 
  bottom: 0 ; 
  transform: translate(-50%,calc(100% + 15px));
  left: 50%;
  white-space: nowrap;
  transition: all .4s ease ; 
  opacity: 0 ; 
}
.icon-badge::before{
  content: "" ; 
  width: 15px ; 
  height: 15px ; 
  background-image: url("../images/badge-tri.svg") ; 
  background-size: contain ; 
  position: absolute ; 
  z-index: 1 ; 
  left: 50% ; 
  top: -7px ; 
  transform: translateX(-50%);
}
.icon-block.keep_cart .icon-badge{
  left: unset ; 
  right: 1vw ; 
  transform: translate(0%,calc(100% + 15px));
}
.icon-block.keep_cart .icon-badge::before{
  left: unset ; 
  transform: unset ; 
  right: 10px ; 
}
.icon-block .cart-count{
  background-color: #DEA56A; 
  color: #fff; 
  border-radius: 10px;
  padding: 4px 5px;
  min-width: 30px;
  text-align: center;
  position: absolute;
  right: 1.4vw ;
  top: -10px;
  transform: translateX(80%);
  font-weight: 700 ; 
  font-size: 12px ; 
}
.header-list{
  list-style: none ; 
  display: flex ; 
  padding-left: 0 ; 
  height: 100%;
  margin-bottom: 0 ; 
  margin-left: 24.6vw; 
  /* position: absolute ; 
  left: 50% ; 
  top: 50% ; 
  transform: translate(-50% , -50%) ; */
}

.header-list .list-link:hover{
  color: #DEA56A ; 
}
.header-list>li {
  padding: 0 30px ; 
}

.header-menu a {
  text-align: center;
  letter-spacing: .4em;

}
.header-list li {
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
}

/* .header-list li::after{
  content: "";
  position: absolute ; 
  left: 0 ; 
  right: 0 ; 
  bottom: -15px ; 
  height: 15px ; 
} */

.header-menu{
  background-color: #000000 ; 
  color: #ffffff ; 
  position: absolute ; 
  left: 0 ;
  width: 100%; 
  top: 100%;


  display: none ; 
}
.header-menu a {transition: all .5s;}
.header-menu a:hover {background-color: #daac7a;}

.header-menu .menu-link{
  display: block ; 
  color: #ffffff ; 
  font-size: 16px ; 
  font-weight: 600 ; 

  position: relative ; 
 font-family: "微软雅黑";
  padding: 20px 0;
  border-bottom: 1px dashed #daac7a;
  
}
.header-menu .menu-link::after{
  content: "" ;
  position: absolute ; 
  width: 100% ; 
  height: 1px ; 
  bottom: 0 ; 
  left: 0 ; 
  background-image: linear-gradient(to right, #DEA56A 0%, #DEA56A 60%, transparent 50%);
  background-size: 12px 100%;
  background-repeat: repeat-x ;
}

.header-menu .menu-link:nth-last-of-type(1)::after{
  display: none ; 
}

/* .header-menu .menu-link:hover{
  opacity: 1; 
}

.header-menu .menu-link:hover::before{
  opacity: 1 ; 
} */

/* .header-menu .menu-link::before{
  content: "" ; 
  position: absolute ; 
  z-index: -1 ; 
  left: -12px ; 
  top: 0 ; 
  right: 0 ; 
  bottom: 0 ;  
  background-color: #DEA56A ; 
  opacity: 0 ; 
  transition: opacity .4s ease ; 
} */

/*.header-menu a:nth-last-of-type(1){*/
/*  border-bottom: none ; */
  
/*}*/

.selectric-lang-select .selectric{
  border: none ; 
}

.selectric-lang-select .selectric .label{
  font-size: 18px; 
  font-weight: 600 ; 
  color: #000000 ; 
  margin: 0px 24px 0 10px;
}

.selectric-lang-select .selectric .button{
  color: #000000 ; 
  width: 15px ; 
}

.selectric-lang-select .selectric .button:after{
  border-top-color: #000000 ; 
}

header .member-icon,header .cart-icon, header .search-icon{
  display: block ;
  width: 38px ; 
  height: 38px ; 
  background-size: contain ; 
  background-repeat: no-repeat ; 
}
header .member-icon{
  background-image: url("../fonts/icon_member.svg");
}

header .member-icon.active{
  background-image: url("../fonts/icon_member_active.svg");
}

header .cart-icon{
  background-image: url("../fonts/icon_cart.svg");
}
header .search-icon{
  background-image: url("../fonts/icon_search.svg");
}

header .search-block{
  position: relative ; 
}

header .input-block{
  position: absolute;
  z-index: 1 ; 
  top: 50% ; 
  transform: translateY(-50%) ; 
  right: -2px ; 
  background-color: #ffffff;
  border-radius: 50px ;  
  overflow-x: hidden;
  width: 0 ; 
  transition: all .5s ease ; 
}


header .input-block.active{
  width: 200px ; 
}

header .icon-search:hover{
  cursor: pointer ; 
  opacity: .7 ; 
}

header .cancel-btn{
  width: 24px ; 
  height: 24px ; 
  background-image: url("../fonts/close.svg") ; 
  background-size: contain ; 
  background-repeat: no-repeat ; 
  position: absolute ; 
  right: 15px;
  top: 50% ; 
  transform: translateY(-50%) ; 
}

header input{
  height: 100% ; 
  border-radius: 50px ; 
  padding: 15px 40px 15px 12px ; 
  width: 200px ; 
  font-size: 16px ; 
}

header input::placeholder{
  transition: all .3s ease ; 
  color: rgba(0,0,0,0) ; 
}

header input:focus{
  border: 1px solid #DEA56A; 
}

/* header white */
/* header.white input{
  border: 1px solid #fff ; 
  color: #fff ; 
}

header.white input::placeholder{
  color: rgba(255 , 255 , 255 , 1) ;
  font-family: "Noto Serif", "Noto Serif TC", "Noto Serif JP", "sans-serif";
} */

header .input-block.active input::placeholder{
  color: rgba(0,0,0,.6) ;
}

.header-mobile-menu{
  position: fixed; 
  z-index: 1000 ; 
  left: 0 ; 
  top: 0 ; 
  width: 100% ; 
  height: 100vh ; 
  background-color: rgba(0,0,0,0.8) ; 
  display: none ; 
  color: #ffffff ; 
  overflow-y: scroll;
}
.top-block{
  position: absolute ; 
  top: 15px ; 
  left: 4.7vw; 
  display: flex ; 
  align-items: center;
}

.header-mobile-menu .nav-btn{
  display: flex ; 
  align-items: center;
  margin-right: 10px ; 
}

.header-mobile-menu .nav-btn span{
  color: #ffffff ; 
}

.header-mobile-menu .nav-btn span{
  font-size: 20px ; 
  display: block ;
}

.header-mobile-menu .mobile-btn{
  color: white;
  border: 1px solid white;
  border-radius: 15px;
  height: 30px;
  width: 80px;
  font-weight: 900;
}

.header-mobile-menu .go-index-icon{
  width: 52px ; 
  height: 52px ; 
  /* background-image: url("../fonts/icon_menu_home.svg") ; 
  background-size: contain ;   */
  background-repeat: no-repeat ; 
  display: block ; 
  margin-right: 10px ; 
}

.header-mobile-menu .list-link{
  position: relative ; display: flex;justify-content: space-between;align-items: center;font-family: "微软雅黑";
}
.header-mobile-menu .list-link i {font-style: initial;}

.header-mobile-menu .list-link.drop-down-btn::after{
  content: "" ; 
  background-image: url(../fonts/icon_select_y.svg);
  width: 10px;
  height: 6px;
  background-size: cover;
  position: absolute;
  right: -20px ; 
  top: 50% ; 
  transform: translateY(-50%) ; 
}


.header-mobile-menu li {
  padding: 25px 0 ; 
  display: flex ; 
  flex-direction: column;
  align-items: center ;
}

.header-mobile-menu a {
  color: #ffffff ; 
  font-size: 28px ; 
  letter-spacing: 10px;
}

.header-mobile-menu a span{
  color: #DEA56A ; 
}

.header-mobile-menu .mobile-wrapper{
  width: 100% ; 
  height: 100% ; 
  display: flex ; 
  justify-content: center ; 
  align-items: center ; 
}

.header-menu-m{
  margin-bottom: -25px ; 
  display: none ;
}


.header-menu-m a {
  display: block  ;
  font-size: 18px ; 
  font-weight: 500 ; 
  text-align: center ; 
  margin-bottom: 10px ; 
  position: relative ; 
}

.header-menu-m a:nth-of-type(1){
  margin-top: 25px ; 
}

.header-menu-m a:nth-last-of-type(1){
  margin-bottom: 0 ; 
}

header.white .icon-search{
  color: #fff ; 
}




@media(max-width: 576px){
  .mobile-list {
      width: 100%;
  }
  .header-mobile-menu li{
    display: block ; 
  }
}

/* header end */

/* header en */
.en .header-list{
  margin-left: auto ; 
  margin-right: 1vw ; 
}

.en header a{
  /* letter-spacing: 5px; */
  font-size: 16px ;

}

.en .header-menu .menu-link{
  font-size: 14px ; 
  letter-spacing: 3px;
}

.en .header-list li a{
  padding: 0 2.56vw ; 
}
.en .header-menu{
  width: auto ; 
  right: -0.78vw
}
@media(max-width: 1600px){
  .en .header-list{
    margin-left: 0;
  }
}
@media(max-width: 1200px){
  .en header .menu_l_button{
    display: block ;
  }
  
  .en .header-list{
    display: none; 
  }
}


/* header en  end*/



/* index */
.cut02_center .index_bg{
  top: 25px ; 
}
.index_dotted_line::after{
  margin-top: 154px ; 
}

.cut02_center_title{
  margin-top: 24px ; 
}

.cut02_center_title img{
  width: 54px ;
  height: 54px ; 
}

/* .text-block{
  padding-top: 15px ; 
  writing-mode: vertical-rl ;
} */

.cut02_center p{
  font-size: 20px ; 
  font-weight: 400 ; 
  letter-spacing: 7px;
  position: relative ; 
}

.cut02_center .quotation-text::before ,.cut02_center .quotation-text::after{
  content: "" ; 
  display: block ;
  position: absolute ; 
  width: 11px ; 
  height: 7px ; 
}
.cut02_center .quotation-text::before{
  top: -15px;
  right: 0px;
  transform: translateX(100%);
  border-top: 3px solid #333333;  
  border-right: 3px solid #333333;  
}

.cut02_center .quotation-text::after{
  bottom: -5px;
  left: 0px;
  transform: translateX(-15%);
  border-bottom: 3px solid #333333;  
  border-left: 3px solid #333333;  
}

.cut02_center span{
  position: relative ; 
  display: inline-block ; 
}

/* .cut02_center p:nth-last-of-type(2){
  margin-left: 42px ; 
}
.cut02_center p:nth-last-of-type(1){
  margin-left: 0 ; 
} */

/* .cut02_center p.ml-60{
  margin-left: 60px ; 
} */

/* .cut02_center p.ml-100{
  margin-left: 100px ; 
} */

/* .cut02_center .down-text{
  margin-top: 126px ; 
} */

.cut02_center p .mark-text{
  font-weight: 900 ; 
   
}
.cut02_center p .mark-text.mb-15{
  margin-bottom: 15px ; 
}
.cut02_center_title h3{
  font-weight: 400 ; 
}

.cut02_center_title{
  margin-left: 118px;
    width: 210px;
}
.index_bg_mobile{
  margin: 0 auto ; 
}
.mobile-logo-block{
  display: none ; 
}
.index_bg_mobile{
  display: none ; 
}
.cut03_container .index_dotted_line::after{
  margin-top: 50px ; 
}



@media(max-width: 900px){

 
  .cut02_center{
    display: block ;
    padding-top: 0 ; 
    position: relative ; 
    z-index: 1 ; 
  }
  .index_bg{
    display: none ; 
  }
  .cut02_center .logo_s{
    display: none ; 
  }
  .cut02_center .cut02_title_mobile p {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 25px;
    width: 13px;
    margin: 15px 7px;
    display: inline-block;
  }
  .cut02_center_title{
    display: none ; 
  }
  .text-block{
    writing-mode: unset;
    padding-top: 40px ; 
    text-align: center ; 
  }
  .cut02_center span{
    display: block ; 
  }
  .cut02_center .quotation-text{
    display: inline-block ; 
  }
  .cut02_center p{
    margin-left: 0 ; 
    padding-top: 0 ; 
    font-size: 14px ; 
    line-height: 35px ; 
    letter-spacing: 1px;
    margin-bottom: 0 ; 
  }
  .cut02_center p .mark-text{
    margin-bottom: 15px ; 
    font-size: 16px ; 
    font-weight: 700 ; 
  }
  .cut02_center .down-text{
    margin-top: 0 ; 
  }
  .cut02_center p.ml-60{
    margin-left: 0 ; 
  }
  .cut02_center p.ml-100{
    margin-left: 0 ; 
  }

  .cut02_center .mb-lg-15{
    margin-bottom: 15px ; 
  }
  .cut02_center .mb-lg-30{
    margin-bottom: 30px ; 
  }
  .cut02_center .mb-lg-45{
    margin-bottom: 45px ; 
  }
  .cut02_center .quotation-text::before, .cut02_center .quotation-text::after{
    width: 7px;
    height: 11px;
  }

  .cut02_center .quotation-text::after{
    bottom: unset;
    left: 0px;
    top: 11px;
    transform: translateX(-200%);
    border-top: 1px solid #333333;
    border-left: 1px solid #333333;
    border-bottom: none ; 
  }
  .cut02_center .quotation-text::before{
    bottom: 7px;
    right: -2px;
    top: unset;
    transform: translateX(100%);
    border-bottom: 1px solid #333333;
    border-right: 1px solid #333333;
    border-top: none ; 
  }
  .cut02_center .mobile-logo-block{
    display: block ; 
    text-align: center ; 
    margin-top: 14px ; 
    margin-bottom: 10px ; 
  }
  .cut02_center .mobile-logo{
    width: 54px ; 
    display: none;
  }
  .index_dotted_line::after{
    margin-top: 77px; 
  }
}

@media(max-width: 576px){
  
  .cut02_center{
    margin: 0 ; 
  }
  .cut02_center p{
    font-size: 12px ; 
  }
  .cut02_center p .mark-text{
    font-size: 16px ; 
  }
  .index_bg_mobile{
    display: block ; 
    width: 130% ; 
    left: -15% ;
  }
  .cut02_center p:nth-last-of-type(2){
    margin-left: 0 ; 
  }
}
@media(max-width: 440px){
  .index_bg_mobile{
    width: 150%;
    left: 0%;

  }
}

/* index end*/


/* index en */
.en .text-block{
  writing-mode: unset;
  padding-top: 40px;
  text-align: center;
  margin: 0 auto ; 
}

.en .cut02_center p{
  margin-left: 0;
  padding-top: 0;
  line-height: 35px;
  letter-spacing: 1px;
  margin-bottom: 0;
  margin-top: 0 ; 
}

/* index en */




.free-img-block{
  text-align: center;
}

.free-img-block img{
  max-width: 100%;
}


/* 菜單彈窗 */
.menu-modal{
  position: fixed; 
  z-index: 1041;
  left: 0 ;
  top: 0 ;
  right: 0 ;
  bottom: 0;
  width: 100%; 
  /* height: 100vh; */
  background-color: rgba(0,0,0,0.9);
  display: none ; 
}

.menu-modal.active{
  display: block ; 
}

.menu-wrapper{
  display: flex; 
  justify-content: center;
  overflow-x: hidden;
}

.menu-img-item{
  max-width: 80% ;
  text-align: center ;
  display: none ;
  flex-shrink: 0;
}

.menu-img-item.active{
  display: block ;
  animation: fadeIn .4s ease ; 
}

.menu-img-item img{
  max-width: 100%;
  height: 100vh;
}


.menu-img-item .zoomImg:hover{
  cursor: zoom-in ; 
}

.menu-img-item .zoomImg.active:hover{
  cursor: zoom-out ; 
}


.menu-pagination {
  display: flex ; 
  justify-content: center ; 
  align-items: center ; 
  position: absolute ; 
  left: 0 ; 
  right: 0 ; 
  width: 100% ;
  bottom: 15px ; 
}

@media(max-width:576px){
  .menu-pagination{
    display: none ; 
  }
}

.menu-pagination .bullet-btn{
  display: block ; 
  margin-right: 20px ;
  text-align: center ; 
  overflow: hidden ;
  border-radius: 5px ;
  box-sizing: border-box ; 
}



.menu-pagination .bullet-btn.active{
  border: 2px solid #DEA56A ;
}

.menu-pagination .bullet-btn:nth-last-of-type(1){
  margin-right: 0 ;
}

.menu-pagination .bullet-btn img{
  max-width: 100% ; 
  width: 60px ; 
  height: 60px ; 
}

.menu-modal .menu_btn_back,.menu-modal .menu_btn_next{
  position: absolute; 
  top: 50%;
  transition: all .4s ease;
}

.menu-modal .menu_btn_back{
  left: 10%;
}

.menu-modal .menu_btn_back:hover{
  padding-right: 30px;
  opacity: .8;
}

.menu-modal .menu_btn_next{
  right: 10%;
}

.menu-modal .menu_btn_next:hover{
  padding-left: 30px;
  opacity: .8;
}


@media(max-width:1600px){
  /* header a{
    letter-spacing: 8px;
  } */
  header{
    justify-content: space-between;
  }
  .header-list{
    margin-left: 0 
  }
  .header-menu a{
    padding: 0 1.5vw ;  
  }
  header .icon-wrapper{
    margin-left: 0; 
  }
}


@media(max-width:1440px){
  .header-menu li a{
    padding: 0 1.5vw ;  
  }
}

@media(max-width: 1200px){
  header{
    padding-left: 2.7vw ; 
    padding-right: 2.7vw ; 
    justify-content: flex-start;
  }
  .menu-wrapper{
    height: 100vh ; 
    display: flex ; 
    align-items: center ; 
  }
  .menu-img-item{
    max-width: 90% ;
  }
  .menu-modal .menu_btn_back{
    left: 1%;
  }
  .menu-modal .menu_btn_next{
    right: 1%;
  }
  .menu-img-item img{
    height: unset ; 
    max-height: 100vh ; 
    height: auto ; 
  }
  .menu-pagination{
    bottom: 30px ; 
  }
  .header-menu-m a{
    color: #DEA56A ;
  }
  header .icon-wrapper{
    margin-left: auto ;
  }
  header .menu_l_button{
    display: block ;
    margin-left: 40px;
  }
  /* header .logo-block{
    display: none ; 
  } */
  .header-list{
    display: none ;
  }
  header input {
    padding: 8px 40px 10px 8px;
  }
}

@media(max-width:768px){
  header .menu_l_button{
    width: 42px ; 
    height: 42px ; 
    top: unset ; 
    left: unset ; 
  }
}

@media(max-width:576px){
  header{
    padding-right: 21px ; 
    padding-left: 15px ; 
    padding-top: 10px ; 
    padding-bottom: 10px ; 
  }

  header .menu_l_button{
    width: 50px;
    height: 50px;
  }
  header .icon-wrapper{
    margin-left: auto ;  
    margin-right: -10px ; 
  }

  header .logo-block{
    width: 375px;
  }
  header .menu_l_button{
    margin-left: -75px;
  }
  .icon-block{
    padding: 0 10px ; 
  }

  .icon-block:nth-of-type(1){
    display: none ; 
  }
  header .member-icon, header .cart-icon, header .search-icon{
    width: 20px ; 
    height: 20px ; 
  }
  .icon-block .cart-count{
    padding: 5px 4px ; 
    transform: translateX(80%) scale(.8);
    right: 4vw ; 
    top: -13px ; 
    min-width: 23px ; 
  }
  .menu-wrapper{
    height: 100vh ; 
    display: flex ; 
    align-items: center ; 
  }

  .header-mobile-menu .mobile-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 100px ; 
    padding-left: 28px ; 
    padding-bottom: 25px ; 
    flex-direction: column;
  }

  .nav_language {
    display: block;
    vertical-align: top;
  }

  .header-mobile-menu .go-index-icon{
    width: 30px ; 
    height: 30px ; 
  }
  .header-mobile-menu .nav-btn span{
    font-size: 14px ; 
    line-height: 1 ; 
  }

  .mobile-list{
    width: 80% ; 
  }

  .header-mobile-menu a{
    font-size: 14px ; 
    display: block ;
    text-align: left ; 
  }
  .header-mobile-menu li{
    padding: 14px 0 ; 
    position: relative ; 
  }
  .header-mobile-menu .list-link.drop-down-btn::after{
    right: 30px ; 
  }
  .header-mobile-menu li::after{
    content: "" ; 
    position: absolute ; 
    left: 0  ; 
    right: 0 ; 
    height: 1px ; 
    bottom: 0 ; 
    background-image: linear-gradient(to right, #DEA56A 0%, #DEA56A 60%, transparent 50%);
    background-size: 12px 100%;
    background-repeat: repeat-x ;
  }
  .header-menu-m{
    padding-bottom: 30px ; 
  }
  .header-menu-m a:nth-of-type(1){
    margin-top: 20px ; 
  }
  .header-mobile-menu a {
    font-weight: 900 ; 
  }
  .nav_language{
    margin-top: auto ; 
  }
}





/* TODO:相關產品輪播 */
.product_note{
  line-height: 2.1 ; 
  margin-bottom: 30px ; 
}

.product-swiper-block{
  position: relative ; 
  width: calc(100% + 200px) ; 
  margin: 0 -100px;
  padding: 0 100px ;
}
.product-swiper{
  position: relative ; 
  padding-left: 30px;
  /* margin-right: -33px ;
  width: calc(100% + 33px); */
}


.list_container .product-swiper .index_product_wrap{
  width: 100% ; 
}

.product-swiper .index_product_img_wrap{
  width: 100% ; 
}

.product-swiper .index_product_img{
  width: 100% ; 
  padding-top: calc(100% / 335 * 335) ; 
  height: unset ; 
}



.product-swiper-block .swiper-button-prev ,.product-swiper-block .swiper-button-next{
  width: 50px ; 
  height: 50px ; 
  background-color: transparent ; 
  border: 2px solid #DEA56A ; 
  border-radius: 50px ; 
  display: flex ; 
  justify-content: center ; 
  align-items: center ; 
  font-size: 24px ; 
  transition: all .4s ease ; 
}
.product-swiper-block .swiper-button-prev:hover,.product-swiper-block .swiper-button-next:hover{
  opacity: .7 ; 
}


.product-swiper-block .swiper-button-prev{
  transform: translate(0% , 0%) ; 
  top: 33% ;
  left: 35px ; 
}

.product-swiper-block .swiper-button-next{
  transform: translate(0% , 0%) ; 
  top: 33% ;
  right: 35px ;
}

.product-swiper-block .swiper-button-prev::before ,.product-swiper-block .swiper-button-next::before{
  display: none ; 
}

.product-swiper-block .icon-cheveron-down{
  color: #DEA56A ; 
}

.product-swiper-block .swiper-button-prev .icon-cheveron-down{
  transform: rotate(90deg) ; 
}

.product-swiper-block .swiper-button-next .icon-cheveron-down{
  transform: rotate(-90deg) ;
}

@media(max-width: 1440px){
  .product-swiper-block{
    width: 100% ; 
    margin: 0 ; 
    padding: 0 ;
  }
  .product-swiper-block .swiper-button-prev{
    left: -60px ;
  }
  
  .product-swiper-block .swiper-button-next{
    right: -60px ;
  }
}
@media(max-width: 1200px){
  .index_product_container.about-container{
    width: 100% ;    
  }
  .product-swiper-block .swiper-button-prev{
    transform: translate(0% , 100%) ; 
  }
  
  .product-swiper-block .swiper-button-next{
    transform: translate(0% , 100%) ; 
  }
  .index_product_container.about-container .index_product_img_wrap .index_product_img{
    width: 100% ; 
    height: auto ; 
  }
}
@media(max-width: 576px){
  .product-swiper{
    overflow: hidden;
    padding-left: 0 ;
  }

  .product-swiper .index_product_img_wrap{
    display: flex ; 
    justify-content: center ; 
  }

  .index_product_container .product-swiper .index_product_img_wrap .index_product_img{
    width: 80% ; 
    padding-top: calc(80% / 335 * 335) ; 
    height: unset ; 
    overflow: hidden ; 
  }

  .index_product_container .product-swiper .index_product_img_wrap svg{
    width: 150px ; 
    height: 150px ; 
    top: -29px ; 
    left: 16px ; 
  }

  .product-swiper .swiper-button-prev{
    width: 30px ; 
    height: 30px ; 
    font-size: 18px ;
    transform: translate(0% , 150%) ; 
  }
  
  .product-swiper .swiper-button-next{
    width: 30px ; 
    height: 30px ; 
    font-size: 18px ;
    transform: translate(0% , 150%) ; 
  }

  .product-swiper-block .swiper-button-prev{
    top: 42% ;
    left: -10px ;
  }
  
  .product-swiper-block .swiper-button-next{
    top: 42% ;
    right: -10px ;
  }

  .product-swiper .index_product_wrap{
    padding-top: 55px ;
  }

  .product-swiper-block .swiper-button-prev{
    transform: translate(0% , 100%) ; 
  }
  
  .product-swiper-block .swiper-button-next{
    transform: translate(0% , 100%) ; 
  }

}

/* TODO: cart */
.cart_step_02 .form_container .selectric-wrapper{
  margin-bottom: 15px ;
}
.cart-add-purchase{
  padding: 50px 65px 20px 45px ; 
  background: rgba(255, 255, 255, 0.4);
  margin-bottom: 25px ; 
  margin-left: -45px;
  margin-right: -65px;
}
.cart-add-purchase .cart_item_container{
  justify-content: flex-end;
}

.cart-add-purchase .btn_minus{
  line-height: 1 ; 
}
.cart_step_02 .form_container .colo-2-block{
  width: 49% ;
}
.purchase-title{
  text-align: left ; 
  font-weight: 900 ; 
  font-size: 24px ; 
  margin-top: 0  ; 
  margin-bottom: 30px ; 
  letter-spacing: 10px;
}
.purchase-title.order-title{
  font-size: 16px ; 
  letter-spacing: 2.67px;
  margin-bottom: 15px ; 
}

.purchase-list{
  margin-bottom: 0 ; 
}

.purchase-list li{
  padding: 15px 0  20px 0 ; 
}

.cart-add-purchase .product_content{
  position: relative ; 
}

.cart-add-purchase .product_content::after{
  position: absolute ; 
  left: 0 ; 
  right: 0 ; 
  bottom: -22px ; 
  margin: 0 ; 
}

.cart-add-purchase input[type=checkbox]{
  opacity: 0 ; 
  margin: 0; 
}
/* .cart-add-purchase .product_title::before{
  display: none ; 
} */
.product_content .product_title.mr-100{
  margin-right: 5vw
}
.cart-add-purchase input:checked + label::after{
  display: none ; 
}
.pretty{
  white-space: unset ;
  margin-right: 0 ; 
  padding-right: 5vw ; 
}
.pretty .state label{
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 5px;
  line-height: 35px;
  margin: 0 0 0 0;
  position: relative ; 
  left: unset ; 
  right: unset ; 
  height: unset ; 
  text-indent: 0;
  padding-left: 52px ; 
  transition: all .4s ease ; 
}

.pretty .state label:hover{
  opacity: .8 ; 
}

.pretty .state label:after, .pretty .state label:before{
  top: 50% ; 
  transform: translateY(-50%) ;
}

.pretty.p-default .state label:after {
  transform: scale(.6) translateY(-80%);
}

.pretty input{
  top: 50% ; 
  transform: translateY(-50%) ;
}

.pretty .state label:before{
  border-color: #000000 ; 
  width: 22px;
  height: 22px;
}

.pretty.p-default input:checked~.state label:after{
  background-color: #000000 !important ; 
}
.pretty .count{
  margin-left: 0 ; 
  line-height: 35px ; 
  margin-bottom: 0 ; 
}

.pretty.disabled .cart-add-purchase input[type=checkbox]{
  display: none ; 
}
.pretty.disabled .state label:before{
  display: none ; 
}
.pretty.disabled .state label:after{
  display: none ; 
}
.pretty.disabled .state label{
  padding-left: 0 ; 
  cursor: auto ; 
  display: block ;
  margin-bottom: 15px ; 
}

.cart-add-purchase .product_img{
  width: 90px ; 
  height: 90px ; 
  margin-right: 45px ; 
}

.cart-add-purchase .product_content .product_price{
  margin-left: auto ; 
  margin-right: 0 ; 
  width: auto ; 
  max-width: 200px ; 
}
.cart-add-purchase .product_content .product_price.ml-0{
  margin-left: 0 ; 
}

.cart_step_02 .form_container .delivery_input .selectric-wrapper{
  margin-bottom: 5px ; 
}

.datepicker--cell.-selected-, .datepicker--cell.-selected-.-current-{
  background: #DEA56A;
}

.datepicker--cell.-disabled-{
  opacity: .5 ; 
}

.order-wrapper{
  display: flex ; 
  margin: 0 -35px ; 
}
.order-wrapper .item{
  padding: 0 35px ; 
  position: relative ; 
}
.order-wrapper .item::after{
  content: "" ; 
  position: absolute ; 
  top: 18px ; 
  right: 0 ; 
  transform: translateX(50%) ; 
  display: block ; 
  width: 2px ; 
  height: 18px ; 
  background-color: #333333 ; 
}
.order-wrapper .item:nth-last-of-type(1)::after{
  display: none ; 
}
.order-wrapper h5{
  letter-spacing: 3px;
  text-align: center ; 
  margin-top: 0 ; 
  margin-bottom: 5px ; 
}
.order-wrapper p{
  text-align: center ; 
  letter-spacing: 0.84px;
  word-break: break-all;
}

.form_container .form-list{
  margin-bottom: 8px ; 
}

@media(max-width: 1200px){
  .cart-add-purchase .product_content .product_price{
    max-width: 100% ; 
    width: 100% ; 
    margin-left: 0 ; 
    margin-top: 15px ; 
  }
  .product_content .product_title.mr-100{
    margin-right: 0
  }
  .pretty{
    padding-right: 0 ; 
  }
}
@media(max-width: 1000px){
  .pretty{
    margin-bottom: 20px ; 
  }
}
@media(max-width:768px){
  .cart-add-purchase .cart_item_container{
    justify-content: flex-start ; 
  }
  .cart-add-purchase{
    margin-left: -20px ; 
    margin-right: -20px ; 
  }
  .pretty{
    width: 100% ; 
  }
  .product_content .product_title{
    width: 100% ; 
  }
}
@media(max-width:576px){
  .pretty{
    margin-bottom: 0 ; 
  }
  .purchase-title{
    font-size: 18px ; 
  }
  .cart-add-purchase .product_content .product_price{
    margin-top: 0 ; 
  }
  .pretty .state label{
    margin-bottom: 15px ; 
  }
  .purchase-list .product_count{
    margin-bottom: 15px ; 
  }
  .order-wrapper{
    flex-wrap: wrap;
    margin: 0 -10px ;
  }
  .order-wrapper .item{
    width: 50% ; 
    padding: 0  10px ; 
    margin-bottom: 10px ; 
  }
  .order-wrapper .item::after{
    display: none ; 
  }
  .order-wrapper h5{
    text-align: left ; 
  }
  .order-wrapper p{
    text-align: left ; 
  }
}

/* index-modal */
.index-img.mobile{
  display: none ; 
}
@media(max-width: 768px){
  .index_pop-up button{
    top: 10px ; 
    right: 10px ; 
  }
  .pop-up_window{
    width: 93% ; 
  } 
}
@media(max-width: 576px){
  .index-img{
    display: none
  }
  .index-img.mobile{
    display: block ; 
  }
}


/* 商品內頁 */
.product_information_container .amount_col_2.big-amount{
  width: 377px;
}
.amount_col_2.big-amount .selectric-wrapper{
  width: 66%;
}
.big-amount.selectric .label{
  margin: 0 38px 0 10px;
}
.big-amount .cart_count{
  width: 31%;
}

@media(max-width: 800px){
  .amount_col_2.big-amount{
    flex-wrap: wrap ; 
    justify-content: center ; 
    width: 100% ; 
    height: auto ;
  }
  .amount_col_2.big-amount .selectric-wrapper{
    width: 90% ;
    margin-bottom: 20px ; 
  }
  .big-amount .selectric .label{
    margin: 0px 13px 0 10px;
  }

  .big-amount .cart_count{
    width: 90%;
  }
}

/* modal-btn */
.modal-btn-wrapper{
  display: flex ; 
  align-items: center; 
  justify-content: space-around;
}

.pop-up_window .modal-btn-wrapper button{
  width: 40% ; 
}

.modal-btn-wrapper a {
  display: block ; 
  width: 40% ; 
}


/* 商品搜尋頁 */
.search-container.list_container{
  padding-top: 197px ; 
}
.search-page-block{
  padding-bottom: 70px ; 
  margin-bottom: 35px ; 
  border-bottom: 1px solid #DEA56A ;
}

.search-title-wrapper{
  display: flex ; 
  align-items: center ; 
  margin-bottom: 30px ; 
}
.search-page-block .search-icon{
    display: block;
    width: 38px;
    height: 38px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../fonts/icon_search.svg");
    margin-right: 20px ; 
}
.search-title{
  font-size: 24px ; 
  font-weight: 900 ; 
  letter-spacing: 10px;
  color: #000000 ; 
  margin-bottom: 0 ; 
  margin-top: 0 ; 
  margin-right: 20px ; 
}
.search-len{
  font-weight: 400 ; 
  font-size: 16px ; 
  letter-spacing: 1px;
  margin-bottom: 0 ; 
  color: #000000 ; 
  opacity: .5 ; 
}

.search-page-block input{
  background-color: #FFFFFF;
  box-shadow: 0px 3px 20px rgba(153, 153, 153, 0.1);
  border-radius: 30px;
  width: 100% ; 
  padding: 17px 45px 17px 25px ; 
  height: 62px ; 
}

.search-page-block input:focus{
  border: 1px solid #DEA56A ; 
}

.search-container .search-input-block {
  position: relative ; 
}
.search-page-block .cancel-btn{
  width: 24px;
  height: 24px;
  background-image: url(../fonts/close.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  display: block ; 
  cursor: pointer;
  transition: all .3s ease ; 
}
.search-page-block .cancel-btn:hover{
  opacity:.7 ; 
}
@media(max-width: 1200px){
  .search-container.list_container{
    padding-top: 140px ; 
  }
}
@media(max-width: 768px){
  .search-page-block{
    padding-bottom: 40px ; 
    margin-bottom: 5px ; 
  }
}
@media(max-width: 576px){
  .search-container.list_container{
    padding-top: 80px ; 
  }
  .search-page-block{
    padding-bottom: 20px ; 
    margin-bottom: 5px ; 
  }
  .search-page-block input{
    padding: 10px 45px 10px 25px ; 
    height: 50px ; 
  }
}
/* 商品搜尋頁 end*/
.index_product_text .amount_col_2{
  height: auto ; 
}
@media(max-width: 1200px){
  .index_product_container .index_product_wrap .amount_col_2{
    margin-bottom: 0 ; 
  }
}
@media(max-width: 900px){
  .index_product_text .selectric-wrapper{
    margin-bottom: 10px ; 
  }
  .index_product_text .cart_count{
    margin-bottom: 10px ; 
  }
}

@media (max-width: 920px){
  .brand_container {
      padding-bottom: 0px;
  }
}

/* 品牌故事 */
[data-page="brand-story"]{
  background: #fff6e9;
}

.brand-container{
  padding-top: 70px ; 
}

.brand-header{
  width: 100% ; 
  height: 100vh ; 
  background-position: center center; 
  background-size: cover ; 
  display: flex ; 
  justify-content: center ; 
  align-items: center ; 
  position: relative ; 
}
.brand-header img {
  width: 132px ;
}

@media(max-width: 600px){
  .brand-header h1 {
    margin-top: 0 ;
  }
  .brand-header img {
    width: 80px ;
  } 
}

.brand-header h1{
  margin-bottom: 0 ; 
}
.brand-header::after{
  content: ""; 
  position: absolute ; 
  z-index: 1;
  left: 0 ; 
  right: 0 ; 
  bottom: 0 ; 
  padding-top: calc(100% / 1920 * 322);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.0001) 0%, #fff6e9 97.42%)
}
.brand-content-wrapper{
  display: flex ;
  align-items: flex-start;
}
.brand-content-wrapper img{
  max-width: 100% ; 
}
.brand-content-wrapper .brand-content{
  writing-mode: vertical-rl;
}

.brand-content-wrapper .brand-title{
  font-size: 20px ; 
  font-weight: 900 ; 
  line-height: 2 ; 
  letter-spacing: 20px;
  margin: 0 ;
  position: relative ; 
}

.brand-content-wrapper .brand-title.skin{
  font-weight: 400 ; 
}

.brand-title-block{
  margin-left: 100px ; 
}

.brand-content-wrapper .brand-title.line-top::before{
  content: "" ; 
  display: block ; 
  width: 2px ; 
  height: 114px ; 
  background-color: #DEA56A;
  position: absolute ; 
  top: 0 ; 
  left: 50% ;
  transform: translate(-50%,0%) ; 
  opacity: .7 ;
}

.brand-content-wrapper .brand-title.line-bottom::before{
  content: "" ; 
  display: block ; 
  width: 2px ; 
  height: 114px ; 
  background-color: #DEA56A;
  position: absolute ; 
  bottom: -15px ;
  left: 50% ;
  transform: translate(-50%,100%) ; 
  opacity: .7 ;
}

.brand-content-wrapper .brand-title.line-top{
  margin-left: 37px ;
  padding-top: 137px ;
}
.brand-content-wrapper .brand-title.line-bottom{
  padding-top: 188px ;
  display: inline-block ; 
}

.brand-content-wrapper .brand-text{
  font-weight: 600 ; 
  font-size: 17px ; 
  line-height: 3.52 ;
  color: #333333 ; 
  letter-spacing: 14px;
  padding-top: 223px ; 
}
.brand-content-wrapper .left-bg , .brand-content-wrapper .right-bg{
  background-position: center center ; 
  background-size: cover ; 
  position: sticky ; 
  top: 100px ; 
}
.brand-content-wrapper .left-bg{
  max-width: 25.6% ;
  flex-basis: 25.6% ;
  transform: translateX(0%) ; 
}
.brand-content-wrapper .right-bg{
  width: 21% ;
  flex-basis: 21% ;
  padding-top: 75px ; 
}

.brand-content-wrapper.cut-1{
  flex-wrap: wrap ; 
}

.brand-content-wrapper.cut-1 .brand-content{
  max-width: calc(100% - 26.4% - 21%) ;
  flex-basis: calc(100% - 26.4% - 21%) ;
  padding-right: 7.8vw ; 
  margin-bottom: 80px ;
  padding-top: 32px ; 
}
.story-wrapper{
  display: flex ; 
  align-items: center;
  flex-basis: 100% ; 
  max-width: 100% ;
  flex-direction: column;
  padding-bottom: 80px ; 
}
.story-card{
  display: flex ; 
  justify-content: center ; 
  align-items: center ;
  width: 1112px ;
  margin-bottom: 30px ;
}

.story-card:nth-of-type(even){
  flex-direction: row-reverse;
  margin-left: 222px ;
}

/* .story-card:nth-of-type(even) .story-title-block{
  order: 2 ;
} */
.story-card .story-img{
  width: 44.96% ;
}
.story-card:nth-of-type(even) .story-img{
  /* order: 3 ; */
  margin-right: 0 ; 
}

.story-card:nth-of-type(even) .story-text{
  margin-right: 90px ; 
}

.story-title-block{
  writing-mode: vertical-lr;
  margin-right: 100px ; 
  align-self: flex-start ;
}
.story-bold-title , .story-title{
  margin: 0 ;
}
.story-img{
  margin-right: 30px ;
}
.story-bold-title{
  font-weight: 900 ; 
  font-size: 30px ; 
  letter-spacing: 35px;
  color: #DEA56A ; 
  padding-top: 60px ;
  margin-right: 30px ;
}

.story-title{
  font-size: 20px ; 
  font-weight: 400 ; 
  line-height: 1 ;
  color: #333333 ;
  letter-spacing: 20px;
}

.story-text{
  font-weight: 400 ; 
  font-size: 16px ; 
  line-height: 2.5 ;
  width: 35.97% ;
}

@media(max-width: 1750px){
  .brand-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .brand-content-wrapper .left-bg{
    max-width: 15.6% ;
    flex-basis: 15.6% ;
  }
  .brand-content-wrapper .right-bg{
    width: 11% ;
    flex-basis: 11% ;
  }
  
  .brand-content-wrapper.cut-1 .brand-content{
    max-width: calc(100% - 15.6% - 11%) ;
    flex-basis: calc(100% - 15.6% - 11%) ;
    padding-right: 7.8vw ; 
  }
}
@media(max-width: 1440px){
  .story-card:nth-of-type(even){
    margin-left: 174px ;
  }
  .story-card{
    width: 900px ;
  }
  .story-bold-title{
    font-size: 25px ; 
  }
  .story-title{
    font-size: 16px ;
  }
  .brand-content-wrapper.cut-4 .brand-title-block{
    padding-top: 25px ;
  }
  .story-title-block{
    margin-right: 50px ;
  }
  .story-card:nth-of-type(even) .story-text{
    margin-right: 60px ;
  }
}
@media(max-width: 1200px){
  .brand-title-block{
    margin-left: 50px ; 
  }
  .brand-content-wrapper.cut-4 .brand-title-block{
    padding-top: 0px ;
  }
  .brand-content-wrapper .brand-text{
    line-height: 2.5 ; 
  }
  .story-card{
    width: 100% ;
    flex-wrap: wrap ; 
    margin-bottom: 60px ;
  }
  .story-card:nth-of-type(even){
    margin-left: 0 ; 
  }
  .story-text{
    width: 100% ; 
    text-align: center ; 
  }
  .story-wrapper{
    padding-bottom: 0 ; 
  }
}
@media(max-width: 900px){
  .brand-content-wrapper .left-bg{
    max-width: 25.6% ;
    flex-basis: 25.6% ;
    transform: translateX(0%) ; 
    padding-top: 56px ;
  }
  .brand-content-wrapper .right-bg{
    width: 21% ;
    flex-basis: 21% ;
  }
  .brand-content-wrapper{
    flex-wrap: wrap ; 
    justify-content: space-between;
  }
  .brand-content-wrapper.cut-1 .brand-content{
    max-width: 100% ; 
    flex-basis: 100% ;
    order: 3 ;
    flex-wrap: wrap ; 
    padding-right: 0 ; 
    writing-mode: unset ; 
    transform: translateY(-44%);
    margin-bottom: -50%;
  }
  .brand-content-wrapper .brand-title:nth-of-type(1){
    order: 2 ;
    margin-left: 0 ; 
  }
  .brand-content-wrapper .brand-title:nth-of-type(2)::before{
    height: 93px ; 
  }
  .brand-title-block{
    max-width: 100% ; 
    flex-basis: 100% ;
    margin-left: 0 ; 
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 118px ;
  }
  .brand-content-wrapper .brand-title{
    writing-mode: vertical-lr ; 
  }
  .brand-content-wrapper .brand-text{
    padding-top: 0 ; 
    text-align: center ; 
    line-height: 3; 
  }
  .story-wrapper{
    order: 4 ; 
  }
}
@media(max-width: 576px){
  .brand-container{
    padding-top: 50px ;
  }
  .brand-content-wrapper .brand-title{
    font-size: 13px ;
  }
  .brand-header{
    height: 518px ;
  }
  .brand-content-wrapper .brand-text{
    font-size: 12px ;
    letter-spacing: 1px;
    line-height: 35px ;
  }
  .brand-content-wrapper .brand-title{
    font-weight: 600 ;
    letter-spacing: 12px;
  }
  .brand-content-wrapper.cut-1 .brand-content{
    transform: translateY(-31%);
    padding-top: 0 ;
  }
  .brand-content-wrapper .brand-title.line-top{
    padding-top: 93px ;
  }
  .brand-content-wrapper .brand-title.line-bottom{
    padding-top: 127px ;
  }
  .brand-content-wrapper .brand-title.line-top::before{
    left: 0%;
    transform: translate(-100%,0%);
    height: 70px ;
  }
  .brand-content-wrapper .brand-title.line-bottom::before{
    left: 100%;
    transform: translate(0%,100%);
  }
  .story-card{
    margin-bottom: 50px ; 
  }
  .story-title-block{
    width: 100% ;
    margin-right: 0 ; 
    writing-mode: unset;
  }
  .story-title{
    font-size: 12px ;
    text-align: center ;
    letter-spacing: 10px;
  }
  .story-bold-title{
    font-size: 14px ;
    margin-bottom: 25px ;
    text-align: center ; 
    margin-right: 0 ;
    letter-spacing: 10px;
    padding-top: 0 ; 
  }
  .story-card .story-img{
    margin-right: 15px ;
    width: 260px ;
    order: 2 ;
  }
  .story-text{
    font-weight: 400 ; 
    font-size: 12px ; 
    line-height: 30px ; 
    order: 3 ;
  }
  .story-card:nth-of-type(even) .story-img{
    order: 1 ; 
    margin-right: 15px ;
  }
  .story-card:nth-of-type(even) .story-text{
    order: 3 ; 
    margin-right: 0 ; 
  }
}

.brand-banner{
  width: 100% ; 
  padding-top: calc(100% / 1920 * 700);
  background-position: center center ;
  background-size: cover ; 
  position: relative ; 
  margin-bottom: 105px ; 
}
.brand-banner::after{
  content: "" ;
  position: absolute ; 
  left: 0 ; 
  top: -2px ; 
  right: 0 ; 
  padding-top: calc(100% / 1920 * 150) ; 
  background: linear-gradient(0deg, #fff6e9 26.09%, rgba(243, 243, 243, 0.0001) 100%);
  transform: rotate(-180deg);
}


.brand-content-wrapper.cut-3{
  justify-content: center;
  padding-bottom: 105px ; 
}

.brand-content-wrapper.cut-3 .brand-title{
  display: block ; 
}
.brand-content-wrapper.cut-3 .brand-title:nth-of-type(1){
  padding-top: 45px ; 
}
.brand-content-wrapper.cut-3 .brand-title:nth-of-type(2){
  padding-top: 79px ; 
}

.brand-content-wrapper.cut-3 .brand-title:nth-of-type(1)::before{
  display: none ; 
}

.brand-content-wrapper.cut-3 .brand-title:nth-of-type(2)::before{
  display: none ; 
}

.brand-content-wrapper.cut-3 .brand-text{
  padding-top: 100px ; 
}
.brand-content-wrapper.cut-3 .img-block{
  margin-right: 126px ;
  width: 26% ; 
}
@media(max-width: 1440px){
  .brand-content-wrapper.cut-3 .img-block{
    margin-right: 50px ; 
  }
}
@media(max-width: 1000px){
  .brand-content-wrapper.cut-3{
    flex-wrap: wrap ; 
  }
  .brand-content-wrapper.cut-3 .img-block{
    width: 35% ; 
    margin-right: 0 ; 
  }
  .brand-content-wrapper.cut-3 .brand-content{
      width: 100% ;
      writing-mode: unset;
  }
  .brand-content-wrapper.cut-3 .brand-title:nth-of-type(1){
    margin-left: 0 ; 
    padding-top: 0 ; 
    margin-top: 25px ; 
  }
  .brand-content-wrapper.cut-3 .brand-title:nth-of-type(2){
    padding-top: 0  ; 
    margin-top: 15px ; 
  }
  .brand-content-wrapper.cut-3 .brand-title-block{
    margin-left: 0 ; 
    text-align: center ; 
    margin-bottom: 25px ; 
    flex-direction: column-reverse;
    align-items: center;
  }
  .brand-content-wrapper.cut-3 .brand-title{
    writing-mode: unset;
  }
  .brand-content-wrapper.cut-3 .brand-text{
    text-align: center ; 
    padding-top: 0px ;
  }
}

@media(max-width: 576px){
  .brand-banner{
    margin-bottom: 80px ; 
    padding-top: calc(100% / 375 * 375)
  }
  .brand-content-wrapper.cut-3 .img-block{
    width: 70.6% ;
  }
  .brand-content-wrapper.cut-3 .brand-title-block{
    margin-bottom: 10px ; 
  }
  .brand-content-wrapper.cut-3 .brand-title{
    font-weight: 400 ; 
    font-size: 12px ; 
    letter-spacing: 3px;
  }
  .brand-content-wrapper.cut-3 .brand-title:nth-of-type(2){
    margin-top: 5px ; 
    font-weight: 700 ; 
    font-size: 14px ; 
  }
  .brand-content-wrapper.cut-3{
    padding-bottom: 80px ;
  }
}


.brand-content-wrapper.cut-4{
  width: 100% ; 
  position: relative ; 
  padding-top: calc(100% / 1920 * 960) ; 
}
.cut-4-bg{
  background-size: cover ; 
  background-position: center center ; 
  position: absolute ; 
  left: 0 ; 
  top: 0 ; 
  right: 0 ; 
  bottom: 0; 
}
.brand-content-wrapper.cut-4 .brand-content{
  position: absolute;
  left: 18.75% ; 
  top: 15.62% ; 
  left: 13.75% ; 
  top: 10.62% ; 
  color: #ffffff ; 
}
.brand-content-wrapper.cut-4 .brand-text{
  color: #ffffff ; 
}
.brand-content-wrapper.cut-4 .brand-title:nth-of-type(1){
  margin-left: 30px ; 
}
.brand-content-wrapper.cut-4 .brand-title:nth-of-type(2){
  padding-top: 30px ; 
}
.brand-content-wrapper.cut-4 .brand-text{
  padding-top: 58px ;
}

@media(max-width: 1440px){
  .brand-content-wrapper.cut-4 .brand-content{
    top: 5% ;
    left: 6% ;
  }
}
@media(max-width: 1200px){
  .brand-content-wrapper.cut-4{
    display: flex ; 
    flex-wrap: wrap ; 
    justify-content: center;
    padding-top: 0 ; 
    margin-bottom: 50px ;
  }
  .cut-4-bg{
    width: 100%;
    padding-top: calc(100% / 1920 * 960);
    right: unset ; 
    bottom: unset ; 
    margin-bottom: 40px ;
    position: relative ; 
  }
  .brand-content-wrapper.cut-4 .brand-content{
    position: relative ; 
    left: 0 ; 
    top: 0 ; 
    color: #000000 ;
  }
  .brand-content-wrapper.cut-4 .brand-text{
    color: #000000 ;
  }
}
@media(max-width: 900px){
  .brand-content-wrapper.cut-4 .brand-content{
    writing-mode: unset;
  }
  .brand-content-wrapper.cut-4 .brand-title-block{
    flex-wrap: wrap ; 
    margin-bottom: 25px ;
  }
  .brand-content-wrapper.cut-4 .brand-title{
    writing-mode: unset;
    width: 100% ;
    text-align: center ; 
  }
  .brand-content-wrapper.cut-4 .brand-title:nth-of-type(1){
    margin-left: 0 ;
  }
  .brand-content-wrapper.cut-4 .brand-title:nth-of-type(2){
    order: 2 ;
  }
  .brand-content-wrapper.cut-4 .brand-text{
    padding-top: 0 ;
  }
}
@media(max-width: 576px){
  .brand-content-wrapper.cut-4{
    margin-bottom: 80px ;
  }
  .cut-4-bg{
      padding-top: calc(100% / 375 * 375);
      background-position: center right;
      margin-bottom: 25px ; 
    }
    .brand-content-wrapper.cut-4 .brand-title-block{
      margin-bottom: 10px ;
    }
  .brand-content-wrapper.cut-4 .brand-title:nth-of-type(1){
    padding-top: 0 ; 
    font-size: 12px ; 
    letter-spacing: 3px;
  }
  .brand-content-wrapper.cut-4 .brand-title:nth-of-type(2){
    padding-top: 5px ;
    font-weight: 700 ;
    letter-spacing: 5px;
    font-size: 14px ;
  }
  .brand-content-wrapper.cut-4 .brand-text{
    font-size: 12px ; 
    line-height: 30px ;
  }

}
.store-section{
  padding-bottom: 116px ; 
}
.store-wrapper{
  display: flex ; 
  padding-left: 4.4vw ;
  position: relative;
  width: 100%;
  padding-top: 47px; 
}
.store-right-bg{
  width: 16.5%;
  padding-top: calc(16.5% / 317 * 808);
  background-size: cover ; 
  background-position: center ; 
  background-image: url("../images/bg_bottom@2x.png"); 
  position: absolute ; 
  top: 0 ; 
  right: 0 ; 
}
.store-img-block{
  display: flex ; 
  width: 58.17% ;
  margin: 0 -0.6vw ;
}
.store-img-block .item{
  max-width: 33.33% ;
  flex-basis: 33.33% ;
  padding: 0 0.6vw ;
}
.store-img{
  width: 100% ; 
  padding-top: calc(100% / 328 * 547);
  background-size: cover ; 
  background-position: center center;
}
.store-content-block h5{
  background-color: #DEA56A; 
  font-size: 14px ; 
  line-height: 22px ; 
  padding: 3px ;
  display: inline-block ; 
  color: #ffffff ;
  border-radius: 16px ;
  font-weight: 900 ; 
  letter-spacing: 1px;
}

.store-content-block p {
  font-size: 14px ; 
  font-weight: 400 ; 
  letter-spacing: 1px;
  line-height: 22px ;
  color: #000000 ;
}

.store-content-block hr{
  border-top: 1px solid #DEA56A;
  margin-top: 5px ; 
  margin-bottom: 5px ;
}

.store-content-block{
  margin-left: 3.125vw ;
}


@media(max-width:1200px){
  .store-section{
    padding-bottom: 50px ;
  }
  .store-wrapper{
    flex-wrap: wrap ;
  }
  .store-img-block{
    width: 80% ;
    margin-bottom: 40px ;
  }
}

@media(max-width:576px){
  .store-content-block{
    margin-left: 0 ; 
  }
  .store-right-bg{
    display: none ; 
  }
  .store-wrapper{
    padding: 0 30px ;
  }
  .store-img-block{
    width: 100% ;
    display: block ; 
    margin: 0 -7px 25px -7px;
  }
  .store-img-block .item{
    max-width: unset;
    flex-basis: unset;
    float: left;
    width: calc(100% - 45.71%);
    margin-top: 20px ; 
    padding: 0 7px ;
  }
  .store-img-block .item .store-img{
    padding-top: calc(100% / 170 * 102)
  }
  .store-img-block .item:nth-of-type(3n+1){
    max-width: unset;
    flex-basis: unset;
    width: 45.71%;
    margin-top: 0 ; 
  }
  .store-img-block .item:nth-of-type(3n+1) .store-img{
    padding-top: calc(100% / 130 * 217)
  }
}

.qr-section{
  display: flex ; 
  flex-direction: column;
  justify-content: center;
  align-items: center ; 
  padding-bottom: 100px ;
}
.qr-section .qr-block{
  width: 328px ; 
  height: 328px ; 
  background: rgba(39, 39, 39, 0.1);
  border-radius: 100%;
  display: flex ; 
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 60px ;
}
.qr-link{
  display: block;
  width: 36.5% ;
}
.qr-img{
  max-width: 100% ;
  margin-bottom: 20px ;
}

.qr-block p{
  font-size: 16px ; 
  font-weight: 900 ; 
}

.qr-section .border-btn{
  min-width: 240px ; 
  padding: 15px 10px ; 
  text-align: center ; 
  background-color: #DEA56A ;
  color: white ; 
  border-radius: 35px;
  font-weight: 900 ; 
  font-size: 20px ; 
  letter-spacing: 1px;
  transition: all .4s ease;
}

.qr-section .border-btn:hover{
  opacity: .9 ; 
}
@media(max-width: 576px){
  .qr-section{
    padding-bottom: 50px ; 
  }
  .qr-section .qr-block{
    width: 250px ; 
    height: 250px ; 
    margin-bottom: 30px;
  }

  .qr-section .border-btn{
    min-width: 192px ; 
    padding: 15px 10px ; 
    border-radius: 35px;
    font-weight: 900 ; 
    font-size: 14px ; 
    letter-spacing: 0.7px;
  }
}

/*  品牌故事英文版 */
.en .brand-container{
  overflow-x: hidden;
}
.en .brand-title-block{
  margin-left: 0 ; 
}

.en .brand-content-wrapper .brand-content{
  writing-mode: unset ; 
  text-align: center ; 
  padding-right: 0 ; 
}

.en .brand-content-wrapper .brand-title.line-top{
  padding-top: 0 ; 
  margin-left: 0 ; 
  transform: translateX(-114px);
}
.en .brand-content-wrapper.cut-1 .brand-title:nth-of-type(1){
  margin-bottom: 30px ; 
}
.en .brand-content-wrapper .brand-title.line-top::before{
  display: inline-block ; 
  vertical-align: middle;
  margin-right: 60px;
  transform: unset ;
  left: 0 ; 
  width: 114px ; 
  height: 2px ; 
  position: relative ; 
}
.en .brand-content-wrapper .brand-title.line-bottom{
  padding-top: 0 ; 
  transform: translateX(70px);
}
.en .brand-content-wrapper .brand-title.line-bottom::before{
  display: none ; 
}
.en .brand-content-wrapper .brand-title.line-bottom::after{
  content: "" ; 
  display: inline-block ; 
  vertical-align: middle;
  margin-left: 60px ; 
  width: 114px ; 
  height: 2px ; 
  background-color: #DEA56A ; 
}

.en .brand-content-wrapper.cut-1{
  padding-top: 100px ; 
}

.en .brand-content-wrapper.cut-1 .brand-text{
  padding-top: 100px ;
  line-height: 2.7 ; 
}

.en .brand-content-wrapper.cut-3 .brand-title:nth-of-type(1){
  padding-top: 0 ; 
}
.en .brand-content-wrapper.cut-3 .brand-title:nth-of-type(2){
  padding-top: 50px ; 
}
.en .brand-content-wrapper.cut-3 .brand-text{
  padding-top: 50px ; 
}

.en .brand-content-wrapper.cut-4 .brand-content{
  position: relative ; 
  left: 0 ; 
  top: 0 ; 
  color: #333333;
  margin-bottom: 70px; 
}
.en .brand-content-wrapper.cut-4{
  padding-top: 0 ; 
  display: block ; 
}
.en .cut-4-bg{
  position: relative ; 
  left: 0 ; 
  top: 0  ; 
  right: unset ; 
  bottom: unset ;
  padding-top: calc(100% / 1920 * 960) ; 
  width: 100% ;
}
.brand-content-wrapper.cut-4 .brand-title:nth-of-type(1){
  margin-left: 0 ; 
}
.en .brand-content-wrapper.cut-4 .brand-text{
  color: #333333;
}
@media(max-width: 900px){
  .en .brand-title-block{
    display: block ; 
  }
  .en .brand-content-wrapper.cut-1 .brand-content{
    padding-bottom: 200px ;
  }
  .en .brand-content-wrapper .brand-title{
    writing-mode: unset ; 
  }
  .en .brand-content-wrapper .brand-title.line-top{
    transform: translateX(-74px);
  }
  .en .brand-content-wrapper .brand-title.line-top::before{
    width: 70px ; 
    margin-right: 30px ; 
  }
  .en .brand-content-wrapper .brand-title.line-bottom{
    display: block ; 
  }
  .en .brand-content-wrapper .brand-title.line-bottom::after{
    margin-left: 30px ; 
    width: 70px ;
  }
  .en .brand-content-wrapper.cut-1 .brand-title-block{
    margin-bottom: 50px ; 
  }
  .en .brand-content-wrapper.cut-1 .brand-text{
    padding-top: 0 ; 
  }
}

@media(max-width: 576px){
  .en .brand-content-wrapper .brand-content{
    padding-bottom: 0px ; 
  }
  .en .brand-content-wrapper.cut-1 .brand-content{
    padding-bottom: 100px ;
  }
  .en .brand-content-wrapper.cut-3 .brand-title:nth-of-type(2){
    padding-top: 15px ; 
  }
  .en .brand-content-wrapper.cut-3 .brand-text{
    padding-top: 10px ; 
  }
}
.col-lg-12  h2  {
     font-size: 26px;
    text-align: center;
    font-weight: 900;
    letter-spacing: 6px;
    line-height: 35px;
    color: #36312c;
    background: rgba(255,255,255,0.5);
    border-radius: 100px;
    padding: 10px;}

 

/* 7.29修改 */
.mendian {width: 440px;
  height: 310px;
  overflow: auto;}
  
  .mendimg{    width: 10%;
    height: 100%;
    position: absolute;
    top: 82%;
      right: 7%;
  }
    
    .mendimg:hover{opacity:0.7;  transform: translateY(0px);
  pointer-events: auto;
  transition-delay: 0.3s;}
  
    .mendimg img{width:100%}
    
  @media(max-width: 1800px){      .mendimg{  
      width: 10%;
    height: 100%;
    position: absolute;
    top: 82%;
     right: -13%;
  }}
@media(max-width: 1600px){
      .mendimg{    width: 10%;
    height: 100%;
    position: absolute;
    top: 82%;
      right: -56px;
  }
}
@media(max-width: 1300px){}  
@media(max-width: 1024px){
    .mendimg {
    width: 10%;
    height: 100%;
    position: absolute;
    top: 102%;
    right: -5px;
}
}    
    
    .zhaopin {width: 440px;
  height: 310px;
  overflow: auto;}
  
  .zhaopimg{    width: 5%;
    height: 100%;
    position: absolute;
    top: 88%;
      right: 14px;
  }
    
    
    .zhaopimg:hover{opacity:0.7;  transform: translateY(0px);
  pointer-events: auto;
  transition-delay: 0.3s;}
  
    .zhaopimg img{width:100%}
    
    @media(max-width: 1024px){
    .zhaopimg {
    width: 10%;
    height: 100%;
    position: absolute;
     top: 92%;
    right: 12px;
}
}
    
    
  
  

  .mendian::-webkit-scrollbar {/*滚动条整体样式*/

    width: 6px;     /*高宽分别对应横竖滚动条的尺寸*/

    height: 2px;

}

.mendian::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
         width: 4px;
          border-radius: 10px;
  
           /*-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
  
          background: #DEA56A;
  
      }
      .mendian::-webkit-scrollbar-track {/*滚动条里面轨道*/

        /*-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/

        border-radius: 10px;

        background:#524d3c69;

}

.text-block {position: relative;
  left: 80px;
    text-align: center;
}

 .aboutItem.Iscover{    background-position: center;
  background-repeat: no-repeat;
  background-size: auto;}

 .yhlc{text-align: center;
  font-size: 40px;
  line-height: 2;
  font-weight: bold;
  color: #333;
     padding-bottom: 30px;
 }


  /* 产品详情 */
  .yx {
    width: 1300px;
    margin: 0 auto;
    padding-top: 10vw;
  }
  .productpage {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  
  .productpage>i {
    width: 100%;
    display: block;
    border-bottom: 1px dashed #333;
    margin: 20px 0 40px 0;
  }
  
  .productpage .lr-more {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 60px;
  }
  
  .productpage .lr-more a {
    display: flex;
    align-items: center;
    width: 100%;
    background-color: rgba(255, 255, 255, .5);
    box-shadow: 2px 2px 20px rgba(0, 0, 0, .06);
    border-radius: 10px;
    overflow: hidden;
    transition: all .5s;
  }
  
  .productpage .lr-more a:hover {
    background-color: #fff;
    transform: translateY(-10px);
  }
  
  .productpage .lr-more a div {
    margin-left: 20px;
  }
  
  .productpage .lr-more>div {
    display: flex;
    width: 40%;
    flex-direction: column;
    padding: 10px;
  }
  
  .productpage .lr-more>div:last-child {
    align-items: flex-end;
  }
  
  .productpage .lr-more img {
    width: 140px;
    height: 140px;
    object-fit: cover;
  }
  
  .productpage .lr-more .t {
    font-size: 20px;
    margin-bottom: 40px;
    font-family: "微软雅黑"
  }
  
  .productpage .lr-more a.nopage {
    background: unset;
    box-shadow: unset;
    pointer-events: none;
    justify-content: space-between;
  }
  
  .productpage .lr-more a.nopage div {
    color: rgba(0, 0, 0, .5);
    margin: unset;
  }
  
  .productpage .lr-more a.nopage img {
    display: none;
  }
  
  .productpage .top .img {
    width: 40%;
    height: 26vw;
    object-fit: cover;
    border-radius: 10px;
  }
  
  .productpage .top {
    display: flex;
    justify-content: space-between;
  }
  
  .productpage .top .info {
    width: 55%;
    padding-top: 50px;
    box-sizing: border-box;
  }
  
  .productpage .top .info ul {
    width: 100%;
  }
  
  .productpage .top .info li {
    line-height: 3em;
    width: 100%;
    border-bottom: 1px dashed rgba(0, 0, 0, .3);
    display: flex;
    align-items: center;
  }
  
  .productpage .top .info li div {
    font-size: 16px;
    font-weight: bold;
    width: 100px;
  }
  
  .productpage .top .name {
    font-size: 36px;
  }
  
  .productpage .top .info i {
    display: block;
    width: 40px;
    height: 6px;
    border-radius: 3px;
    background-color: #daac7a;
    margin-bottom: 50px;
    margin-top: 10px;
  }
  
  .productpage .bgyuan {
    background-image: url(../img/button-yuan.png);
    animation: zhuanquanpro 60s linear 0s infinite normal;
    position: absolute;
    width: 40vw;
    height: 40vw;
    background-size: contain;
    z-index: -1;
    opacity: 0.04;
    right: -20vw;
    top: 6vw;
  }
  
  @keyframes zhuanquanpro {
    0% {
      transform: rotate(0deg);
    }
  
    100% {
      transform: rotate(360deg);
    }
  }
  
  .productpage .cout .content .ti {
    font-size: 24px;
    font-weight: bold;
    display: flex;
    align-items: center;
    margin-bottom: 40px;
  }
  
  .productpage .cout .content {
    margin: 60px 0;
  }
  
  .productpage .cout .content i {
    height: 24px;
    display: block;
    width: 6px;
    border-radius: 3px;
    background-color: #daac7a;
    margin-right: 16px;
  }
  .two-title>div>div {
    font-size: 40px;
    letter-spacing: .2em;
    margin: 0 1vw;
    font-family: "微软雅黑";
  }
  .two-title>div>span{
    display: block;
    text-align: center;
    padding: 10px 0 0 0;
  }
  
  .two-title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5vw;
    margin-bottom: 5vw;
  }
  
  .two-title>i:last-child {
    display: block;
    width: 10vw;
    height: 2px;
    background: linear-gradient(to right, #daac7a, transparent);
  }
  
  .two-title>i:first-child {
    display: block;
    width: 10vw;
    height: 2px;
    background: linear-gradient(to right, transparent, #daac7a);
  }
  
  
  
  /* 产品详情 */
  
  .two-contact .form {
    width: 100%;
    padding: 80px;
    box-sizing: border-box;
    background-color: #fff;
  }
  
  .two-contact form {
    width: 1000px;
    margin: 0 auto;
    box-sizing: border-box;
  }
  
  .two-contact .input {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
  }
  
  .two-contact .input span {
    font-size: 18px;
    font-weight: bold;
    width: 20%;
    display: block;
    transition: all .5s ease
  }
  
  .two-contact input {
    width: 80%;
    height: 40px;
    padding-left: 20px;
    box-sizing: border-box;
    color: #333;
    border-radius: 4px;
    background-color: #daac7aa6;
    transition: all .5s ease;
  }
  
  .two-contact textarea {
    width: 80%;
    height: 100px;
    padding: 10px 20px;
    box-sizing: border-box;
    color: #333;
    outline: none;
    border: unset;
    border-radius: 4px;
    transition: all .5s ease;
    resize: none;
    background-color: #daac7aa6;
  }
  
  .two-contact input:focus {
    border-color: #fff;
    box-shadow: 0px 0px 20px rgba(245, 222, 173, 0.4)
  }
  
  .two-contact input:focus+span {
    color: #dea56a
  }
  
  .two-contact textarea:focus {
    border-color: #fff;
    box-shadow: 0px 0px 20px rgb(245, 222, 173, 0.4)
  }
  
  .two-contact textarea:focus+span {
    color: #dea56a
  }
  
  .two-contact form button {
    display: block;
    margin: 0 auto;
    width: 200px;
    height: 40px;
    border-radius: 4px;
    background-color: #dea56a;
    color: #fff;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    margin-top: 60px
  }
  
  .two-contact .title {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 60px
  }
  
  .two-contact .title h1 {
    font-size: 28px;
    color: #dea56a;
    font-family: "微软雅黑";
  }
  
  
  .map #allmap {
    height: 400px;
    width: 80%;
    border-radius: 20px;
    margin: 0 auto;
  }
  
  @font-face {
    font-family: "flaticon";
    src:
      url("../font/flaticon.ttf") format("truetype"),
      url("../font/flaticon.woff") format("woff"),
      url("../font/flaticon.woff2") format("woff2"),
      url("../font/flaticon.eot") format("embedded-opentype"),
      url("..//font/flaticon.svg") format("svg");
  }
  
  i[class^="flaticon-"]:before,
  i[class*=" flaticon-"]:before {
    font-family: flaticon !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    font-size: 30px;
    text-transform: none;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .flaticon-address:before {
    content: "\f101";
  }
  
  .flaticon-landline:before {
    content: "\f113";
  }
  
  .flaticon-doctor-1:before {
    content: "\f10b";
  }
  
  /* 联系我们 */
  
  .two-contact .cout .lianxi-three {
    display: flex;
    margin: 0 auto;
    margin-bottom: 60px;
    width: 1000px;
  }
  
  .two-contact .cout .lianxi-three li {
    width: 33.33333%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .two-contact .cout .lianxi-three .ico {
    width: 60px;
    height: 60px;
    border: 1px dashed #910000;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  
  .two-contact .cout .lianxi-three i {
    color: #910000;
  }
  
  .two-contact .cout .lianxi-three h3 {
    font-size: 18px;
    margin: 20px 0 10px 0
  }
  
  

  .newspage .title {font-size: 16px;text-align: center;width: 100%;}
.newspage .coutBox {display: flex;flex-direction: column;width: 60%;margin: 0 auto;padding:120px 0;}
.newspage .info {width: 100%;background-color: #f3f3f3;border: 1px solid #ccc;padding: 10px 30px;display: flex;align-items: center;justify-content: center;width: 100%;margin: 20px 0 40px;}

.newspage .info span {margin: 0 40px;color: #848484;font-size: 14px;}
.newspage .cout p{font-size: 15px;
    line-height: 2em;}
   
.ytable .tabList{width: 90%;
    font-size: 17px;}
    
    .footer .footer_title a{color: white;}

    .xianD {width: 100%;background-image: url(../img/xianD.png);background-repeat: repeat;height: 6px;opacity: .5;margin: 40px 0;}


.newsTJ {width: 100%;margin: 0 auto;}
.newsTJ ul h1 {margin-bottom: 6px;line-height: 1.5em;transition: all .5s;overflow: hidden; font-size:1vw;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
.newsTJ ul a:hover h1 {color: #daac7a;}
.newsTJ ul span {margin-bottom: 12px;
  font-size: 23px;
  color: #daac7a;
  font-weight: bold;
  display: flex;}
.newsTJ ul p {overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;color: #b5b5b5;line-height: 2em;font-size: 14px;text-indent: 2em;}
  
.newsTJ li {width: 20%;box-sizing: border-box;}
.newsTJ i {height: 180px;width: 1px;background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.2),rgba(0,0,0,.2),rgba(0,0,0,0));display: block;}
.newsTJ ul {display: flex;justify-content: space-between;width: 100%;align-items: center;margin-top: 40px;}

.titleTJ {font-size: 26px;display: flex;flex-direction: column;align-items: center;}
.titleTJ span {font-size: 62px;font-weight: bold;font-family: -webkit-pictograph;color: #daac7a4d;}
.titleTJ h1 {font-size: 30px;margin-top: -30px;}




/* 招聘 */

.bg8 {
 
  background-size: cover;
}

.joinIcon ul li:last-child::after {
  display: none;
}

.hotTle {
  width: 35px;
  height: 35px;
  position: relative;
  margin-left: 15px;
  color: #fff;
  text-align: center;
  line-height: 35px;
  border-radius: 50px;
  cursor: pointer;
  -webkit-transition: all .35s;

  background: linear-gradient(135deg, #fff4c3, #f1bd8c) center center no-repeat;
}

.hotTle .icon {
  width: 35px;
  height: 35px;
  position: absolute;
  right: 0%;
  border-radius: 50%;
  font-size: 20px;
  z-index: 5;
}

.hotTle .txt {
  width: 0px;
  height: 35px;

  position: absolute;
  right: 10px;
  top: 0px;
  border-radius: 35px 0px 0px 35px;
  -webkit-transition: all .35s;
  overflow: hidden;
}

.hotTle .txt span {
  display: block;
  position: absolute;
  width: 140px;
  left: 0px;
  top: 0px;
}

.hotTle:hover {
  width: 140px;
}

.hotTle:hover .txt {
  width: 140px;
}

.soDiv {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.soDiv .so {
  width: 45%;
}

.soDiv .so img {
  width: 100%;
}

.soDiv .so p {
  display: block;
  width: 100%;
}

.jjGerlly .jjGerllyThum .pic::after {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0%;
  top: 0%;
  background: rgba(0, 0, 0, .4);
  content: '';
}

.nro {
  width: 100%;
  height: 250px;
  position: absolute;
  top: 55%;
  -webkit-transform: translateY(-50%);
}

.nro ul li {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  text-align: center;
  color: #fff;
  min-height: 250px;
  -webkit-transition: all .35s .5s;

}

.nro ul li.active {
  opacity: 1;
  visibility: visible;
}

.nro ul li .name {
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 35px;
}

.nro ul li .des {
  width: 100%;
  height: auto;
  display: block;
  min-height: 175px;
}

.nro ul li .des a {
  width: 220px;
  height: auto;
  line-height: 45px;
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  border-radius: 50px;
  display: block;
  font-size: 16px;
  margin: 0px auto;
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
  -webkit-transition: all .5s;
}

.nro ul li .des a p {
  position: relative;
}

.nro ul li .des a::before {
  width: 0px;
  height: 50px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  content: '';
  background: #fff;
  opacity: 0;
  border-radius: 50px;
  -webkit-transition: all 1s cubic-bezier(.23, 1, .32, 1)
}

.nro ul li .des a:hover {
  color: #a35413;
}

.nro ul li .des a:hover::before {
  /* background: #fff;
	color: #063979; */
  opacity: 1;
  width: 100%;
  -webkit-transform: translate(-50%, -50%) scale(1.2);
}

.subTitle b {
  font-size: 42px;
  display: block;
  padding: 3vw;
  text-align: center;
  width: 100%;
}

.subTitle p {
  font-size: 14px;
  letter-spacing: 2px;
}









.joinIcon ul li::after {
	width: 1px;
	height: 100%;
	position: absolute;
	right: 0px;
	bottom: 0%;
	background-color: rgba(255, 255, 255, .1);
	content: '';
	display: block;
}

.joinIcon ul li .txt {
	width: 100%;
	font-size: 16px;
	margin-top: 10px;
}
.joinList .swiper-slide {
	width: 32%;
    position: relative;
    height: 550px;
    margin-right: 2%;
    margin-bottom: 35px;
    background: #fff;
    cursor: pointer;
    padding: 50px 25px;
    border-radius: 30px 0px 30px 0px;
}

.joinList .swiper-slide:nth-child(3n){
	margin-right: 0%;
}

.joinList{
	height: 0px;
	overflow: hidden;
}
.joinList .swiper-wrapper{
	flex-wrap: wrap;
}
.joinList.active{
	height: auto;
  padding: 50px;
}
.jboxs{
	padding-bottom: 50px;
}

.joinList .swiper-slide .title {
	font-size: 22px;
	line-height: 1.4;
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 10px;
	min-height: 46px;
	font-weight: bold;
	
}

.joinList .swiper-slide .title::after {
	width: 15%;
	height: 2px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	content: '';
	background: #daac7a;
	-webkit-transition: all .5s;
}
.joinList .swiper-slide:hover .title{
	color: #daac7a;
}
.joinList .swiper-slide:hover .title::after{
	width: 100%;
}
.joinList .swiper-slide .des {
  width: 100%;
    height: auto;
    position: relative;
    text-align: left;
    font-size: 15px;
    line-height: 2;
    height: 364px;
    overflow: auto;
}
.joinList .swiper-slide .des::-webkit-scrollbar {/*滚动条整体样式*/

        width: 8px;     /*高宽分别对应横竖滚动条的尺寸*/

        height: 2px;

    }

.joinList .swiper-slide .des::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
width: 4px;
        border-radius: 10px;

         /*-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/

        background: #daac7a;

    }

.joinList .swiper-slide .des::-webkit-scrollbar-track {/*滚动条里面轨道*/

        /*-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/

        border-radius: 10px;

        background: #524d3c69;

}

.joinIcon ul li:last-child::after{
	display: none;
}

.hotTle{
	width: 35px;
	height: 35px;
	position: relative;
	margin-left: 15px;
	color: #fff;
	text-align: center;
	line-height: 35px;
	border-radius: 50px;
	cursor: pointer;
	-webkit-transition: all .35s;

	background: linear-gradient( 135deg, #fff1d8, #daac7a) center center no-repeat;
}


.pic1.bg_contain img { background-image: url(../static/picture/yaohua3.png);} 


.shouji{display: none;}






  .twoLi {
      position: relative;
  }

  .twoLi ul {
    position: absolute;
    top: 0;left: 100%;width: 100%;
    flex-direction: column;
    background-color: #000;
  }
  
  
  .videoMod-2 {
    position: relative;
    width: 100%;
    padding: 0 0 100px 0;
    background-size: cover;
    background-position: center;
    background-repeat: repeat;
    background-image: unset;
    background-position: left
}

@media (max-width:1600px) {
    .videoMod-2 {
        padding: 0 0 80px 0
    }
}

@media (max-width:1300px) {
    .videoMod-2 {
        padding: 0 0 6vw 0
    }
}

@media (max-width:1024px) {
    .videoMod-2 {
        padding: 12vw 0
    }
}
.videoMod-2 .videoBox {
    width: 90%;
    margin: 0 auto;
    display: flex;
    height: 30vw;
}

@media (max-width:1600px) {
    .videoMod-2 .videoBox {
        width: 80%
    }
}

@media (max-width:1300px) {
    .videoMod-2 .videoBox {
        width: 90%
    }
}

@media (max-width:1024px) {
    .videoMod-2 .videoBox {
        width: 84%
    }
}

@media (max-width:1024px) {
    .videoMod-2 .videoBox {
        width: 100%;
         height:60vw;
    }
}

.videoMod-2 .videoBox #inxVideo {
    display: block;
    height: 100%;
    background-color: black;
    width: 80%;
    margin: 0 auto
}

@media (max-width:1600px) {
    .videoMod-2 .videoBox #inxVideo {
        width: 90%
    }
}

@media (max-width:1300px) {
    .videoMod-2 .videoBox #inxVideo {
        width: 90%
    }
}

@media (max-width:1024px) {
    .videoMod-2 .videoBox #inxVideo {
        width: 84%
    }
}

@media (max-width:1024px) {
    .videoMod-2 .videoBox #inxVideo {
        width: 100%
    }
}