@charset "UTF-8";
/* 變數: */
/* test yoyo2*/
/* responsive */
/* setting */
.test_content {
  width: 1200px;
  margin: 0 auto;
}

::-moz-selection {
  background: #ccc;
  color: #333;
}

::selection {
  background: #ccc;
  color: #333;
}

::-moz-selection {
  background: #ccc;
  color: #333;
}

html {
  font-family: "Open Sans", "Myriad Pro", "微軟正黑體", 微軟正黑體, sans-serif;
}

body {
  font-family: "Open Sans", "Myriad Pro", "微軟正黑體", 微軟正黑體, sans-serif;
  width: 100%;
  height: 100%;
  font-size: 16px;
}

.font_yumincho {
  font-family: YuMincho, "游明朝", serif !important;
}

a {
  color: #c69c6d;
  transition: ease 0.3s;
}
a:hover {
  color: #ffba00;
}
a:active {
  text-decoration: none;
}

strong {
  font-weight: bold;
}

input {
  max-width: 100%;
}

textarea {
  max-width: 100%;
}

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

img {
  max-width: 100%;
}

.main_wrapper {
  width: 100%;
  min-height: 100%;
}

.a-555 {
  color: #555;
}
.a-555:hover {
  color: #ffba00;
}

.a-blue {
  color: #00a0e8;
}
.a-blue:hover {
  color: #ffba00;
}

a.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}

.pace-progress {
  background: #433b39 !important;
}

.white_color {
  color: #fff !important;
}

.main_color {
  color: #c69c6d !important;
}

.light_color {
  color: #e4e4e4 !important;
}

.sup_color {
  color: #433b39 !important;
}

.strong_color {
  color: #090a0a !important;
}

.main_text {
  width: 100%;
  float: left;
  font-size: 1em;
  color: #333;
  line-height: 1.6em;
  margin-bottom: 40px;
}
.main_text textarea {
  width: 100%;
}

.btn_wrapper {
  width: 100%;
  float: left;
  text-align: center;
}

.wrapper {
  width: 100%;
}

.wrapper-float {
  width: 100%;
  float: left;
}

.ffleft {
  float: left;
}

.ffright {
  float: right;
}

.loading_icon {
  width: 100%;
  float: left;
  text-align: center;
}

.page_content {
  width: 100%;
  float: left;
}
@media (min-width: 1200px), (min-width: 992px) and (max-width: 1199px) {
  .page_content {
    min-height: 500px;
  }
}

.page_header {
  position: relative;
  width: 100%;
  float: left;
  padding: 10vw 0 5vw 0;
  color: #fff;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  text-align: center;
  background-size: cover;
  background-position: center;
}
.page_header:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(to bottom, rgba(43, 11, 40, 0) 0%, rgba(43, 11, 40, 0) 29%, rgba(43, 11, 40, 0.32) 100%);
  top: 0;
  left: 0;
}
.page_header .page_header_tit {
  position: relative;
  width: 100%;
  float: left;
  font-size: 2.8em;
  padding: 0.5em 0;
  z-index: 1;
}
.page_header .page_header_des {
  position: relative;
  width: 100%;
  float: left;
  font-size: 1.8em;
  z-index: 1;
}

.iframe-rwd {
  position: relative;
  padding-bottom: 40%;
  padding-top: 0;
  height: 0;
  overflow: hidden;
}
.iframe-rwd iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .iframe-rwd {
    padding-bottom: 40%;
  }
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .iframe-rwd {
    padding-bottom: 50%;
  }
}

.bg_wrapper {
  width: 100%;
  height: 100%;
  background-position: top center;
  background-size: cover;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}

.content_wrapper {
  width: 100%;
  float: left;
  padding: 3em 0;
}
@media (min-width: 481px) and (max-width: 767px) {
  .content_wrapper {
    padding: 10vw 0;
  }
}
@media (max-width: 480px) {
  .content_wrapper {
    padding: 10vw 0;
  }
}
.content_wrapper img {
  max-width: 100%;
}

.content_title {
  width: 100%;
  float: left;
  font-size: 2em;
  font-family: "Open Sans", "微軟正黑體";
  margin-bottom: 3vw;
  text-align: center;
}
@media (max-width: 480px) {
  .content_title {
    font-size: 1.6em;
  }
}
.content_title img {
  height: 1.3em;
  margin-right: 10px;
  margin-top: -0.3em;
}
@media (max-width: 480px) {
  .content_title img {
    height: 1em;
  }
}

.content_title_img {
  width: 100%;
  float: left;
  margin-bottom: 3vw;
}
.content_title_img img {
  max-width: 100%;
}

.content_more_btn {
  width: 100%;
  float: left;
  padding: 4.2vw 0;
  line-height: 1.6em;
  text-align: center;
}
.content_more_btn a {
  display: inline-block;
  padding: 0.6em 2em;
  background: #c69c6d;
  color: #fff;
  min-width: 200px;
  border-radius: 5px;
}
.content_more_btn a:hover {
  background: #433b39;
  text-decoration: none;
}
.content_more_btn a i {
  margin-left: 10px;
}

.main_btn {
  width: 100%;
  display: block;
  padding: 0.2em 0;
  line-height: 1.8em;
  color: #fff;
  text-align: center;
  text-decoration: none;
  border: none;
}

main#panel .main_btn {
  background: #c69c6d;
  border-radius: 5px;
  transition: all 0.3s;
}
main#panel .main_btn:hover {
  background: #433b39;
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  main#panel {
    overflow-x: hidden;
  }
}

.main_color_bg {
  background: #c69c6d;
}

@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .hidden_xs {
    display: none !important;
  }
}

@media (max-width: 480px) {
  .hidden_xxs {
    display: none !important;
  }
}

.show_xs {
  display: none !important;
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .show_xs {
    display: block !important;
  }
}

.show_xxs {
  display: none;
}
@media (max-width: 480px) {
  .show_xxs {
    display: block !important;
  }
}

/* primary */
#panel {
  background: #fff;
  margin: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  #panel {
    clear: both;
  }
}

#menu {
  background: #c69c6d;
  color: #fff;
}
@media (min-width: 1200px), (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  #menu {
    display: none !important;
  }
}

#header {
  background: #fff;
  width: 100%;
  float: left;
  position: relative;
  height: 115px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  #header {
    height: 95px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #header {
    height: 75px;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  #header {
    height: 50px;
  }
}
@media (max-width: 480px) {
  #header {
    height: auto;
  }
}
#header .container {
  height: 100%;
}

.main_sub_menu {
  width: 100%;
  float: left;
  position: absolute;
  bottom: -40px;
  left: 0;
  height: 40px;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  overflow: hidden;
  transition: ease 0.3s;
}
.main_sub_menu li {
  position: absolute;
  top: 0;
  left: 30%;
  height: 100%;
  padding: 0;
  margin: 0;
  list-style-type: none;
  opacity: 0;
  z-index: -1;
  transition: ease 0.3s;
}
@media (min-width: 768px) and (max-width: 991px) {
  .main_sub_menu li {
    font-size: 0.8em;
  }
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .main_sub_menu li {
    display: none;
  }
}
.main_sub_menu li.open {
  opacity: 1;
  z-index: 1;
}
.main_sub_menu li a {
  font-size: 0.9em;
  height: 100%;
  float: left;
  color: #fff;
  border-right: solid 1px #333;
  padding: 10px 20px;
  text-decoration: none;
  pointer-events: none;
}
.main_sub_menu li a:hover {
  color: #c69c6d;
  background: rgba(0, 0, 0, 0.3);
}
.main_sub_menu li a:last-child {
  border: none;
}
.main_sub_menu.open {
  opacity: 1;
}
.main_sub_menu.open a {
  pointer-events: auto;
}

.mobile_header {
  width: 100%;
  float: left;
  text-align: center;
  padding: 11px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mobile_header .slideout-toggle-m {
  color: #c69c6d;
  font-size: 1.6em;
}
.mobile_header .slideout-toggle-m .open_icon {
  display: inline-block;
}
.mobile_header .slideout-toggle-m .close_icon {
  display: none;
}
.mobile_header .slideout-toggle-m.opened .open_icon {
  display: none;
}
.mobile_header .slideout-toggle-m.opened .close_icon {
  display: inline-block;
}
.mobile_header .cart_btn_m {
  color: #c69c6d;
  font-size: 1.3em;
}

.mobile_logo {
  width: 110px;
  display: none;
}
.mobile_logo img {
  max-width: 100%;
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .mobile_logo {
    display: inline-block;
  }
  .mobile_logo img {
    max-height: 100%;
  }
}

.mobile_menu {
  width: 100%;
  float: left;
  display: none;
  opacity: 0;
}
.mobile_menu.loaded {
  display: block;
  opacity: 1;
}
.mobile_menu .mobile_info {
  width: 100%;
  float: left;
  text-decoration: none;
  line-height: 1.6em;
  border-top: solid 2px #433b39;
  text-align: center;
  padding: 10px 0;
}
.mobile_menu .mobile_info a {
  color: #c69c6d;
  text-decoration: none;
  text-align: center;
}
.mobile_menu .mobile_info a:hover {
  background: #fff;
  color: #c69c6d;
}
.mobile_menu .mobile_info .mobile_info_btn {
  width: 76%;
  display: inline-block;
  padding: 5px 20px;
  border-radius: 20px;
  background: #433b39;
  margin: 6px 0;
}
.mobile_menu .mobile_btn {
  width: 100%;
  float: left;
  padding: 15px;
  color: #fff;
  font-size: 1em;
  text-decoration: none;
  line-height: 1.6em;
  border-top: solid 1px #b58f65;
}
.mobile_menu .mobile_btn .open_icon {
  display: inline-block;
}
.mobile_menu .mobile_btn .close_icon {
  display: none;
}
.mobile_menu .mobile_btn.open .open_icon {
  display: none;
}
.mobile_menu .mobile_btn.open .close_icon {
  display: inline-block;
}
.mobile_menu .mobile_btn span {
  float: right;
  font-size: 0.9em;
  color: #433b39;
}
.mobile_menu .mobile_btn:hover {
  background: #c69c6d;
}
.mobile_menu ul.sub_list {
  float: left;
  background: #433b39;
  width: 100%;
  margin: 0;
  list-style-type: none;
  overflow: hidden;
  max-height: 0;
  transition: ease 0.3s;
}
.mobile_menu ul.sub_list a {
  width: 100%;
  float: left;
  color: #fff;
  padding: 8px 0;
}
.mobile_menu ul.sub_list.open {
  max-height: 300px;
  padding-bottom: 15px;
  padding-top: 15px;
}
.mobile_menu .mobile_search {
  width: 100%;
  padding: 0px 20px 20px 20px;
  float: left;
}
.mobile_menu .mobile_search .search_panel {
  float: left;
  position: relative;
  width: 100%;
}
.mobile_menu .mobile_search .search_panel input.search_input {
  width: 100%;
  padding: 3px 30px 3px 3px;
  height: 2em;
  border: solid 1px #433b39;
  color: #fff;
  background: transparent;
}
@media (min-width: 481px) and (max-width: 767px) {
  .mobile_menu .mobile_search .search_panel input.search_input {
    width: 160px;
  }
}
.mobile_menu .mobile_search .search_panel .input_icon {
  position: absolute;
  top: 6px;
  right: 8px;
}

.header_menu {
  width: 100%;
  float: right;
  height: 100%;
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .header_menu {
    width: 100%;
  }
  .header_menu .open_icon {
    display: inline-block;
  }
  .header_menu .close_icon {
    display: none;
  }
  .header_menu .opened .open_icon {
    display: none;
  }
  .header_menu .opened .close_icon {
    display: inline-block;
  }
}
@media (max-width: 480px) {
  .header_menu {
    padding: 10px 0 0 0;
  }
}
.header_menu .sub_menu {
  width: 100%;
  float: right;
  padding: 5px 0 15px 0;
  text-align: right;
  color: #433b39;
}
@media (max-width: 480px) {
  .header_menu .sub_menu {
    padding: 0;
  }
}
.header_menu .sub_menu a {
  color: #433b39;
  text-decoration: none;
}
.header_menu .sub_menu a:hover {
  color: #fff;
}
.header_menu .sub_menu .padding_border {
  margin: 0 30px;
}
.header_menu .sub_menu .search_panel {
  display: inline-block;
  margin-right: 30px;
  position: relative;
}
.header_menu .sub_menu .search_panel input.search_input {
  width: 180px;
  padding: 3px 30px 3px 3px;
  height: 2em;
  border: solid 1px #433b39;
  color: #fff;
  background: transparent;
}
@media (min-width: 481px) and (max-width: 767px) {
  .header_menu .sub_menu .search_panel input.search_input {
    width: 160px;
  }
}
.header_menu .sub_menu .search_panel .input_icon {
  position: absolute;
  top: 6px;
  right: 8px;
}
.header_menu .main_menu {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  display: flex;
  -ms-justify-content: space-between;
  -ms-flex-wrap: nowrap;
  -ms-flex-shrink: 1;
  -ms-align-items: stretch;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-shrink: 1;
  align-items: stretch;
  font-family: "Open Sans", "微軟正黑體";
  font-weight: 400;
}
.header_menu .main_menu .menu_box {
  display: flex;
  position: relative;
  -ms-align-items: center;
  -ms-justify-content: center;
  align-items: center;
  justify-content: center;
  width: 20%;
  list-style-type: none;
  color: #000;
  text-decoration: none;
  text-align: center;
  padding: 10px;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
}
.header_menu .main_menu .menu_box:after {
  content: "";
  position: absolute;
  width: 2px;
  height: 20px;
  background: #c69c6d;
  right: 0;
  top: 50%;
  margin-top: -10px;
}
.header_menu .main_menu .menu_box:first-child:before {
  content: "";
  position: absolute;
  width: 2px;
  height: 20px;
  background: #c69c6d;
  left: 0;
  top: 50%;
  margin-top: -10px;
}
.header_menu .main_menu .menu_box:hover {
  color: #c69c6d;
}
.header_menu .main_menu .language_btn a {
  margin: 0 10px;
  color: #fff;
}
.header_menu .main_menu .logo {
  width: 40%;
  -ms-justify-content: center;
  justify-content: center;
  text-align: center;
}
.header_menu .main_menu .logo img {
  width: 82%;
}
.header_menu .main_menu .search_icon {
  position: relative;
  top: -3px;
  margin-right: 5px;
}
.header_menu .main_menu .menu_inbox {
  position: absolute;
  z-index: 2;
  display: flex;
  -ms-align-items: center;
  -ms-justify-content: center;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  overflow: hidden;
  background: #c69c6d;
  opacity: 0;
  transition: ease 0.3s;
}
.header_menu .main_menu .menu_inbox.open {
  width: 200%;
  opacity: 1;
}
.header_menu .main_menu .menu_inbox .inbox_close {
  position: absolute;
  top: 6px;
  right: 6px;
  color: #fff;
  font-size: 1.3em;
}
.header_menu .main_menu .menu_inbox .search_wrapper {
  position: relative;
  width: 80%;
  background: #efefef;
}
.header_menu .main_menu .menu_inbox .search_input {
  width: 100%;
  padding: 4px;
  border: none;
  color: #333;
}
.header_menu .main_menu .menu_inbox .input_icon {
  position: absolute;
  top: 7px;
  right: 8px;
  color: #c69c6d;
}

.carousel_wrapper {
  width: 100%;
  float: left;
  position: relative;
}
.carousel_wrapper > div {
  display: inline-block;
}
.carousel_wrapper a {
  cursor: pointer;
}
.carousel_wrapper .carousel_next {
  position: absolute;
  right: 2%;
  top: 40%;
  height: 26%;
  z-index: 2;
  max-height: 72px;
}
.carousel_wrapper .carousel_next img {
  height: 100%;
}
.carousel_wrapper .carousel_next:hover {
  right: 3%;
}
.carousel_wrapper .carousel_prev {
  position: absolute;
  left: 2%;
  top: 40%;
  height: 26%;
  z-index: 2;
  max-height: 72px;
}
.carousel_wrapper .carousel_prev img {
  height: 100%;
}
.carousel_wrapper .carousel_prev:hover {
  left: 3%;
}
.carousel_wrapper.index_pro {
  padding: 0 5%;
}
.carousel_wrapper.index_pro .carousel_next {
  right: 1%;
}
.carousel_wrapper.index_pro .carousel_prev {
  left: 1%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .carousel_wrapper.index_pro {
    padding: 0 9%;
  }
  .carousel_wrapper.index_pro .carousel_next {
    right: 2%;
  }
  .carousel_wrapper.index_pro .carousel_prev {
    left: 2%;
  }
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .carousel_wrapper.index_pro {
    padding: 0 9%;
  }
  .carousel_wrapper.index_pro .carousel_next {
    right: 2%;
  }
  .carousel_wrapper.index_pro .carousel_prev {
    left: 2%;
  }
}

.main_carousel {
  width: 100%;
  position: relative;
  float: left;
}
.main_carousel img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main_carousel .owl-controls {
  width: 100%;
  position: absolute;
  bottom: 2%;
}
.main_carousel .owl-dots .owl-dot span {
  background: #666;
  width: 8px;
  height: 8px;
  margin: 5px 4px;
}
.main_carousel .owl-dots .owl-dot.active span {
  background: #433b39;
}
.main_carousel .carousel_prev {
  padding: 1em;
  box-sizing: content-box;
}
.main_carousel .carousel_next {
  padding: 1em;
  box-sizing: content-box;
}

#footer {
  width: 100%;
  float: left;
  padding: 40px 0;
  background: #433b39;
}
@media (max-width: 480px) {
  #footer {
    padding: 30px 0;
  }
}
#footer .footer_wrapper {
  width: 100%;
  float: left;
  display: -ms-flexbox;
  -ms-justify-content: space-between;
  -ms-flex-wrap: nowrap;
  -ms-flex-shrink: 1;
  -ms-align-items: stretch;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-shrink: 1;
  align-items: stretch;
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  #footer .footer_wrapper {
    flex-wrap: wrap;
  }
}
#footer .footer_wrapper .footer_about {
  width: 64%;
  color: #fff;
}
@media (min-width: 768px) and (max-width: 991px) {
  #footer .footer_wrapper .footer_about {
    width: 54%;
  }
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  #footer .footer_wrapper .footer_about {
    width: 100%;
    padding: 10px;
  }
}
#footer .footer_wrapper .footer_about .footer_logo {
  float: left;
  padding: 15px 0;
  width: 30%;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  #footer .footer_wrapper .footer_about .footer_logo {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
}
#footer .footer_wrapper .footer_about .footer_logo img {
  max-width: 90%;
}
#footer .footer_wrapper .footer_about .footer_info {
  float: left;
  padding: 15px 0;
  font-size: 1.1em;
  letter-spacing: 0.1em;
  line-height: 1.8em;
  width: 70%;
  display: flex;
}
@media (min-width: 768px) and (max-width: 991px) {
  #footer .footer_wrapper .footer_about .footer_info {
    width: 100%;
    text-align: center;
    font-size: 0.9em;
    flex-wrap: wrap;
  }
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  #footer .footer_wrapper .footer_about .footer_info {
    width: 100%;
    text-align: center;
    font-size: 1em;
    flex-wrap: wrap;
  }
}
#footer .footer_wrapper .footer_about .footer_info img {
  max-width: 100%;
}
#footer .footer_wrapper .footer_about .footer_info .footer_info_tit {
  width: 100%;
  float: left;
  color: #c69c6d;
  font-size: 2em;
  font-weight: bold;
  border-bottom: solid 1px #fff;
  padding-bottom: 15px;
}
#footer .footer_wrapper .footer_about .footer_info .footer_info_des {
  width: 100%;
  float: left;
  padding: 15px 0;
  font-size: 0.92em;
  color: #fff;
}
@media (min-width: 992px) and (max-width: 1199px) {
  #footer .footer_wrapper .footer_about .footer_info .footer_info_des {
    font-size: 1em;
    width: auto;
    margin-right: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #footer .footer_wrapper .footer_about .footer_info .footer_info_des {
    font-weight: normal;
    width: 100%;
    padding: 0;
  }
}
#footer .footer_wrapper .footer_about .footer_info .footer_info_des p {
  margin: 0 0 0.5em 0;
}
#footer .footer_wrapper .footer_about .footer_info .footer_info_des a {
  color: #fff;
}
#footer .footer_wrapper .footer_about .footer_info .footer_info_des a:hover {
  color: #c69c6d;
}
#footer .footer_wrapper .footer_about .footer_info .footer_info_des i {
  color: #c69c6d;
  min-width: 1em;
  display: inline-block;
  text-align: center;
  margin-right: 0.2em;
}
#footer .footer_wrapper .footer_about .footer_info .footer_info_des .line-icon {
  width: 1em;
}
#footer .footer_wrapper .footer_menu {
  width: 36%;
  padding-left: 2%;
  display: -ms-flexbox;
  -ms-justify-content: space-between;
  -ms-flex-wrap: nowrap;
  -ms-flex-shrink: 1;
  -ms-align-items: stretch;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-shrink: 1;
  align-items: stretch;
}
@media (min-width: 768px) and (max-width: 991px) {
  #footer .footer_wrapper .footer_menu {
    width: 46%;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  #footer .footer_wrapper .footer_menu {
    width: 100%;
  }
}
@media (max-width: 480px) {
  #footer .footer_wrapper .footer_menu {
    flex-wrap: wrap;
    width: 100%;
  }
}
#footer .footer_wrapper .footer_menu .footer_sub_menu {
  padding: 10px;
  color: #fff;
  line-height: 1.8em;
}
@media (max-width: 480px) {
  #footer .footer_wrapper .footer_menu .footer_sub_menu {
    width: 100%;
  }
}
#footer .footer_wrapper .footer_menu .footer_sub_menu a {
  display: block;
  color: #fff;
  font-weight: 400;
  padding: 0.2em 0;
}
#footer .footer_wrapper .footer_menu .footer_sub_menu .sub_menu_tit {
  color: #c69c6d;
}
@media (max-width: 480px) {
  #footer .footer_wrapper .footer_menu .footer_sub_menu .sub_menu_tit {
    padding-bottom: 2px;
    margin-bottom: 5px;
  }
}
#footer .go_top_btn {
  position: fixed;
  width: 60px;
  height: 60px;
  color: #fff;
  text-align: center;
  right: 10px;
  bottom: 10px;
  z-index: 99;
}
#footer .go_top_btn a {
  float: left;
  width: 100%;
  height: 100%;
  background: #c69c6d;
  color: #fff;
  text-decoration: none;
  visibility: hidden;
  opacity: 0;
  border-radius: 5px;
  padding: 6px;
}
#footer .go_top_btn a:hover {
  background: #433b39;
  color: #fff;
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  #footer .go_top_btn a:hover {
    background: #c69c6d;
    color: #fff;
  }
}
#footer .go_top_btn.visible a {
  visibility: visible;
  opacity: 1;
}

.footer_rights {
  width: 100%;
  padding: 1.2em 0;
  float: left;
  text-align: center;
  color: #fff;
  background: #574d4a;
  font-size: 15px;
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .footer_rights {
    font-size: 0.8em;
    padding: 2em;
  }
}

.tear_bottom {
  position: relative;
}
.tear_bottom .tear_bottom_img {
  position: absolute;
  width: 100%;
  bottom: -1.5%;
  left: 0;
  z-index: 2;
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .tear_bottom .tear_bottom_img {
    bottom: 0;
    transform: scale(3);
  }
}

.tear_top {
  position: relative;
}
.tear_top .tear_top_img {
  position: absolute;
  width: 100%;
  top: -2.5%;
  left: 0;
  z-index: 2;
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .tear_top .tear_top_img {
    top: 0;
    transform: scale(3);
  }
}

.index_s01 {
  width: 100%;
  float: left;
  background: url("../images/index_01_bg.jpg");
  background-size: cover;
  background-attachment: fixed;
  padding: 10% 0 15%;
}
.index_s01 .s01_text {
  float: left;
  max-width: 76%;
}
.index_s01 .s01_text img {
  max-width: 100%;
}

.index_s02 {
  width: 100%;
  float: left;
  background: url("../images/index_02_bg.jpg");
  background-size: cover;
  background-attachment: fixed;
  padding: 10% 0 15%;
}
.index_s02 .s02_text {
  float: right;
  max-width: 88%;
}
.index_s02 .s02_text img {
  max-width: 100%;
}

.index_tit {
  width: 100%;
  float: left;
  text-align: left;
  margin-bottom: 3vw;
  font-size: 2.8em;
  line-height: 1.2em;
  font-family: YuMincho, "游明朝", serif;
  font-weight: 600;
  color: #c69c6d;
}
.index_tit img {
  margin-top: 0.6em;
  max-width: 100%;
}
.index_tit span {
  font-size: 0.5em;
  font-family: "Open Sans", "Myriad Pro", "微軟正黑體", 微軟正黑體, sans-serif;
  margin-top: 0.3em;
}
@media (min-width: 481px) and (max-width: 767px) {
  .index_tit {
    font-size: 2.4em;
  }
}
@media (max-width: 480px) {
  .index_tit {
    font-size: 2em;
  }
}

.big_title {
  width: 100%;
  float: left;
  position: relative;
  padding: 1em 0;
  text-align: center;
}
.big_title .title_num {
  font-size: 7em;
  color: #464646;
  font-family: YuMincho, "游明朝", serif;
  line-height: 1em;
}
.big_title .title_text {
  font-size: 1em;
  color: #685d5b;
  letter-spacing: 0.1em;
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .big_title:before {
    top: 5.8em;
  }
  .big_title .title_num {
    font-size: 5em;
  }
  .big_title .title_text {
    font-size: 1.4em;
  }
}

.index_feature {
  background: #c69c6d;
  text-align: center;
}
.index_feature img {
  max-width: 100%;
}
.index_feature .feature_img {
  margin-bottom: 4vw;
}
.index_feature .index_icon {
  margin-bottom: 4vw;
}
.index_feature .icon_text {
  display: inline-block;
  max-width: 160px;
  margin-top: 2em;
  color: #fff;
  line-height: 1.6em;
}

.index_adv {
  width: 100%;
  float: left;
  text-align: center;
  line-height: 2.2em;
  color: #484747;
  padding: 5em 0;
  background: url(../images/index_about_bg.jpg) center;
  background-attachment: fixed;
  background-size: cover;
}
.index_adv .index_adv_info {
  display: flex;
  position: relative;
}
.index_adv .index_adv_info > div {
  width: 50%;
  padding: 1.5em;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.index_adv .index_adv_info:before {
  content: url(../images/corner-r.png);
  position: absolute;
  top: -5%;
  right: -5%;
}
.index_adv .index_adv_info:after {
  content: url(../images/corner-l.png);
  position: absolute;
  bottom: -5%;
  left: -5%;
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .index_adv .index_adv_info {
    flex-wrap: wrap;
  }
  .index_adv .index_adv_info > div {
    width: 100%;
  }
}
.index_adv img {
  max-width: 100%;
}
.index_adv .index_adv_text {
  text-align: left;
  line-height: 1.8em;
  font-size: 1.1em;
}
.index_adv .index_adv_text p {
  margin-top: 1.2em;
}
.index_adv .index_adv_text .content_more_btn {
  padding: 2em 0;
}
.index_adv .index_adv_text .content_more_btn a {
  float: right;
}

.index_serve {
  width: 100%;
  float: left;
  text-align: center;
  line-height: 2.2em;
  padding: 4% 0 6%;
  background: url(../images/index_serve_bg.jpg) center;
  background-attachment: fixed;
  background-size: cover;
}
.index_serve .index_serve_info {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4em;
}
.index_serve .index_serve_info > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  text-align: left;
  color: #464646;
  padding: 1em 2em;
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .index_serve .index_serve_info {
    flex-wrap: wrap;
  }
  .index_serve .index_serve_info .index_serve_img {
    margin-bottom: 2em;
  }
}
.index_serve .index_serve_info .about_brand {
  width: 40%;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .index_serve .index_serve_info .about_brand {
    width: 90%;
  }
}
.index_serve .index_serve_feature {
  margin-bottom: 5em;
}
.index_serve .index_serve_feature .index_serve_feature_item {
  background: rgba(255, 255, 255, 0.7);
  text-align: center;
  border-radius: 1.5em;
  padding: 2.5em 2em;
  min-height: 285px;
  margin-bottom: 1.5em;
}
.index_serve .index_serve_feature .index_serve_feature_item img {
  margin: 1em 0 1.6em 0;
}
.index_serve .index_serve_feature .index_serve_feature_item p {
  text-align: left;
  line-height: 1.5em;
  font-size: 1.1em;
}

.about_equip {
  background: #f5f5f3;
  float: left;
  width: 100%;
  padding: 4em 0;
}
.about_equip .about_equip_info .info_item {
  width: 100%;
  display: flex;
  padding-bottom: 2em;
  font-size: 1.1em;
}
.about_equip .about_equip_info .info_item .info_img {
  width: 55%;
  padding: 1em;
  text-align: center;
}
.about_equip .about_equip_info .info_item .info_text {
  width: 45%;
  padding: 1em;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.about_equip .about_equip_info .info_item .info_text h3 {
  font-size: 1.3em;
  color: #c69c6d;
  font-weight: bold;
}
.about_equip .about_equip_info .info_item .info_text span {
  color: #c69c6d;
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .about_equip .about_equip_info .info_item {
    flex-wrap: wrap;
  }
  .about_equip .about_equip_info .info_item .info_img {
    width: 100%;
    order: 0;
  }
  .about_equip .about_equip_info .info_item .info_text {
    order: 1;
    width: 100%;
  }
}

.index_news {
  background: #fff;
  padding: 2% 0 4%;
}
.index_news .table_list {
  margin-top: 2em;
}

.index_product {
  background: #fff;
  background-size: cover;
  padding: 2% 0 6% 0;
}

.bg-y {
  background: url(../images/index_pro_bg.jpg) center;
  background-size: cover;
}

.table_list {
  width: 100%;
  float: left;
  border-top: solid 1px #ddd;
}
.table_list .table_head {
  width: 100%;
  float: left;
  color: #333;
  line-height: 1.6em;
  padding: 10px 15px;
  text-align: center;
  font-size: 1.6em;
  font-weight: 800;
  background: #eaeaea;
}
.table_list .list_row {
  position: relative;
  width: 100%;
  float: left;
  background: #f2f2f0;
  border-bottom: solid 1px #ddd;
  color: #333;
  line-height: 1.6em;
  transition: ease 0.3s;
}
.table_list .list_row:after {
  content: "\f105";
  position: absolute;
  top: calc(50% - 16px);
  right: 14px;
  color: #555;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 1.6em;
  transition: ease 0.3s;
}
@media (max-width: 480px) {
  .table_list .list_row:after {
    top: 38px;
  }
}
.table_list .list_row > div {
  padding: 20px 15px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .table_list .list_row > div {
    font-size: 0.8em;
  }
}
.table_list .list_row:hover {
  background: #e0e0e0;
}
.table_list .list_row:hover:after {
  right: 10px;
}
.table_list .list_row:hover .table_type > span {
  background: #433b39;
}
.table_list .list_row .table_date {
  width: 15%;
  float: left;
}
@media (min-width: 481px) and (max-width: 767px) {
  .table_list .list_row .table_date {
    width: 22%;
  }
}
@media (max-width: 480px) {
  .table_list .list_row .table_date {
    width: 30%;
    padding-bottom: 10px;
    font-size: 0.8em;
  }
}
.table_list .list_row .table_type {
  width: 15%;
  float: left;
  font-weight: bold;
  font-size: 14px;
}
@media (min-width: 481px) and (max-width: 767px) {
  .table_list .list_row .table_type {
    width: 22%;
  }
}
@media (max-width: 480px) {
  .table_list .list_row .table_type {
    width: 30%;
    padding-bottom: 10px;
    font-size: 0.9em;
  }
}
.table_list .list_row .table_type span {
  display: inline-block;
  text-align: center;
  width: 100%;
  max-width: 100px;
  background: #c69c6d;
  color: #fff;
}
.table_list .list_row .table_title {
  width: 70%;
  padding-right: 44px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #433b39;
}
@media (min-width: 481px) and (max-width: 767px) {
  .table_list .list_row .table_title {
    width: 56%;
  }
}
@media (max-width: 480px) {
  .table_list .list_row .table_title {
    width: 100%;
    padding-top: 0;
  }
}

/* product_category */
.product_category {
  width: 100%;
  float: left;
}
.product_category .product_item {
  float: left;
  margin-bottom: 5%;
}
@media (max-width: 480px) {
  .product_category .product_item {
    width: 100%;
    padding: 0;
    margin-bottom: 10vw;
  }
}
.product_category .product_item .item_wrapper {
  position: relative;
  width: 100%;
  float: left;
  border: solid 5px #433b39;
}
.product_category .product_item .item_img {
  width: 100%;
  height: 0;
  float: left;
  position: relative;
  padding-bottom: 85%;
}
.product_category .product_item .item_img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.product_category .product_item .item_img .item_description {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 1em;
  color: #fff;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  padding: 5%;
  line-height: 2.1em;
  overflow: hidden;
  transition: ease 0.3s;
}
.product_category .product_item .item_img .item_description .item_title {
  font-size: 1.6em;
  font-family: YuMincho, "游明朝", serif;
  padding-bottom: 1em;
  font-weight: 600;
}
.product_category .product_item .item_img .item_description .item_sub_title {
  padding: 0.5em 0;
}
.product_category .product_item .item_img:hover .item_description {
  opacity: 1;
}
.product_category .product_item .item_img:hover .item_name {
  opacity: 1;
}
.product_category .product_item .item_info {
  width: 100%;
  float: left;
  padding: 2% 5%;
  background: #433b39;
  color: #fff;
  text-align: center;
}
.product_category .product_item .item_info .item_name {
  width: 100%;
  height: 1.6em;
  font-size: 1.2em;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: 0.1em;
  transition: all 0.3s;
  opacity: 0;
}
.product_category .product_item .item_info .item_name span {
  padding: 1em;
  border-top: solid 1px #fff;
  border-top: solid 1px #fff;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .product_category .product_item .item_info .item_name {
    font-size: 1.7em;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .product_category .product_item .item_info .item_name {
    font-size: 1.2em;
  }
}
.product_category.category_page .item_img {
  padding-bottom: 100%;
}
.product_category.category_page .item_img:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  z-index: 1;
  transition: ease 0.3s;
}
.product_category.category_page .item_img:before {
  content: "瞭解更多";
  position: absolute;
  color: #fff;
  width: 100%;
  top: 50%;
  left: 0;
  text-align: center;
  opacity: 0;
  z-index: 2;
  transition: ease 0.3s;
}
.product_category.category_page .item_img:hover:after {
  opacity: 1;
}
.product_category.category_page .item_img:hover:before {
  opacity: 1;
}
.product_category.category_page .item_info {
  padding: 0 5%;
}
.product_category.category_page .item_info .item_name {
  font-size: 1.6em;
  margin: 0;
  padding: 5px 0;
  height: 2em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
}
.product_category.category_page .item_wrapper {
  border: none;
}
.product_category.category_page .item_title {
  width: 100%;
  background: #433b39;
  color: #fff;
  font-size: 1.2em;
  border-top: solid 1px #7a6c68;
  padding: 5px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.product_category.category_page .item_price {
  width: 100%;
  float: left;
  color: #555;
  font-size: 1.2em;
  text-align: center;
}
.product_category.category_page .item_price > div {
  float: left;
  width: 100%;
  padding: 4px 0;
}
.product_category.category_page .item_price > div:first-child {
  border-bottom: dashed 1px #ddd;
}
.product_category.category_page .item_price > div .ori_price {
  display: inline-block;
  margin: 0 10px;
  color: #999;
  text-decoration: line-through;
}
.product_category.category_page .item_price > div .sale_price {
  display: inline-block;
  margin: 0 10px;
}
.product_category.category_page .item_price > div .sale_price span {
  color: #be272d;
}

.category_tab {
  width: 100%;
  float: left;
  padding: 1em 0;
}
.category_tab span {
  padding: 0.6em 0;
  color: #e6e6e6;
}
.category_tab span:last-child {
  display: none;
}
.category_tab a {
  display: inline-block;
  position: relative;
  color: #000;
  text-decoration: none;
  padding: 0.6em;
}
.category_tab a:hover {
  color: #c69c6d;
  text-decoration: none;
}
.category_tab a.active {
  color: #c69c6d;
  font-weight: bold;
}

.product_search {
  float: right;
  max-width: 250px;
  position: relative;
}
.product_search input {
  padding-right: 40px;
}
.product_search .product_search_btn {
  position: absolute;
  height: 80%;
  display: flex;
  top: 10%;
  right: 0;
  border: none;
  border-left: solid 1px #eee;
  background: transparent;
  cursor: pointer;
  padding: 0 0.7em;
  align-items: center;
  justify-content: center;
}

.product_category_list {
  width: 100%;
  float: left;
}
.product_category_list .product_item {
  float: left;
  width: 33.33%;
  padding: 10px;
  position: relative;
  overflow: visible;
  text-align: center;
}
.product_category_list .product_item:after {
  position: absolute;
  width: 60%;
  padding-bottom: 20%;
  left: 20%;
  top: -10%;
  z-index: 3;
}
.product_category_list .product_item.index_b:after {
  content: "";
  background: url("../images/store_item_tape.png") no-repeat;
  background-size: contain;
}
.product_category_list .product_item.index_p:after {
  content: "";
  background: url("../images/product_item_tape.png") no-repeat;
  background-size: contain;
}
@media (min-width: 768px) and (max-width: 991px) {
  .product_category_list .product_item {
    width: 50%;
  }
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .product_category_list .product_item {
    width: 100%;
    padding: 15px 30px;
  }
}
.product_category_list .product_item .item_img {
  position: relative;
  width: 100%;
  padding-bottom: 70%;
  float: left;
  overflow: hidden;
  border-bottom: 0;
  border-radius: 2em;
}
.product_category_list .product_item .item_img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: ease 0.4s;
}
.product_category_list .product_item .item_img .product-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  transition: ease 0.4s;
}
.product_category_list .product_item .item_img .product-img.discount:after {
  content: "特價";
  position: absolute;
  top: 0;
  right: 0;
  padding: 6px 8px;
  background: #ff2929;
  color: #fff;
}
.product_category_list .product_item .item_img:after {
  content: "";
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0;
  transition: ease 0.4s;
}
.product_category_list .product_item .item_name {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.2em;
  letter-spacing: 0.1em;
  flex-wrap: wrap;
  border-top: 0;
  padding: 1.5em;
  transition: ease 0.4s;
  opacity: 0;
}
.product_category_list .product_item .item_name span {
  display: inline-block;
  padding: 0.3em 1em;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #fff;
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .product_category_list .product_item .item_name {
    width: calc(100% - 60px);
    height: calc(100% - 30px);
    top: 15px;
    left: 30px;
    padding: 15px;
  }
}
.product_category_list .product_item:hover .item_name {
  opacity: 1;
}
.product_category_list .product_item:hover .item_img:after {
  opacity: 0.5;
}
.product_category_list .product_item:hover .item_img img {
  transform: scale(1.1);
}
.product_category_list .product_item .item_title {
  width: 100%;
  font-size: 1.1em;
  float: left;
  padding: 0.7em 0 0.5em;
}
.product_category_list .product_item .item_title span {
  padding: 0.1em 0.6em;
  background: #c69c6d;
  color: #fff;
  display: inline-block;
  font-size: 0.8em;
  border-radius: 1em;
  margin: -0.2em 0 0 0.5em;
  vertical-align: text-bottom;
}
.product_category_list .product_item .item_info {
  width: 100%;
  float: left;
}
.product_category_list .product_item .item_info > div {
  display: inline-block;
  padding: 0 0.4em;
}
.product_category_list .product_item .item_info .item_price_original {
  color: #ababab;
  text-decoration: line-through;
}
.product_category_list .product_item .item_info .item_price_sale {
  color: #c69c6d;
}
.product_category_list .product_item .product-fn {
  width: 100%;
  float: left;
  padding: 0.5em 0;
}
.product_category_list .product_item .product-fn button {
  width: 100%;
  background: #c69c6d;
}
.product_category_list .product_item .product-fn button:hover {
  background: #433b39;
  color: #fff;
}
.product_category_list.main_category {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 3rem;
}
.product_category_list.main_category .product_item .item_img {
  padding-bottom: 100%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .product_category_list.main_category .product_item {
    width: 50%;
  }
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .product_category_list.main_category .product_item {
    width: 50%;
    padding: 15px 10px;
  }
  .product_category_list.main_category .product_item .item_title, .product_category_list.main_category .product_item .item_info {
    font-size: 1em;
  }
  .product_category_list.main_category .product_item .item_title span, .product_category_list.main_category .product_item .item_info span {
    margin: 4px auto 0;
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .product_category_list.main_category .product_item .item_name {
    font-size: 0.8em;
    width: calc(100% - 20px);
    height: calc(100% - 30px);
    top: 15px;
    left: 10px;
    padding: 10px;
  }
  .product_category_list.main_category .product_item .item_img {
    border-radius: 0.8em;
  }
}

.index_product_carousel {
  width: 100%;
  float: left;
}
.index_product_carousel .product_item {
  width: 100% !important;
  padding: 0 !important;
}
.index_product_carousel .owl-stage {
  padding-top: 4%;
}

/* product_page */
.content_wrapper.product_wrapper {
  padding-bottom: 0;
}

.product_page {
  width: 100%;
  float: left;
  margin-bottom: 2.5vw;
}
.product_page .pro_img {
  position: relative;
  width: 50%;
  float: left;
  padding-bottom: 50%;
  overflow: hidden;
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  .product_page .pro_img {
    width: 100%;
    padding-bottom: 86%;
  }
}
.product_page .pro_img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.product_page .pro_info {
  width: 50%;
  float: left;
  padding-left: 5%;
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  .product_page .pro_info {
    width: 100%;
    padding: 0;
  }
}
.product_page .pro_info .pro_name {
  width: 100%;
  float: left;
  font-size: 1.8em;
  color: #333;
  font-weight: 800;
}
.product_page .pro_info .pro_tag {
  background: #c69c6d;
  color: #fff;
  padding: 0 0.5em;
  font-size: 0.6em;
  margin-left: 0.6em;
  border-radius: 1em;
  vertical-align: middle;
}
.product_page .pro_info .discount-tag {
  color: #c69c6d;
}
.product_page .pro_info .pro_tit {
  width: 100%;
  float: left;
  padding: 0.5em 0;
  font-size: 1.2em;
}
.product_page .pro_info .pro_desc {
  width: 100%;
  float: left;
  padding: 1em 0;
  font-size: 1.1em;
  border-bottom: solid 1px #c69c6d;
}
.product_page .pro_info .pro_desc .desc_tit {
  padding: 0.5em 0;
  font-weight: bold;
}
.product_page .pro_info .pro_desc .desc_text {
  padding: 0.5em 0;
  line-height: 1.8em;
  color: #555;
}
.product_page .pro_info .pro_desc .desc_text span {
  color: #c69c6d;
}
.product_page .pro_info .pro_desc .desc_table {
  border-collapse: collapse;
  border: none;
}
.product_page .pro_info .pro_desc .desc_table th {
  color: #c69c6d;
  padding: 0.2em 0.2em;
  white-space: nowrap;
  vertical-align: text-bottom;
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
}
.product_page .pro_info .pro_desc .desc_table th:after {
  content: "";
  display: inline;
  width: 100%;
}
.product_page .pro_info .pro_desc .desc_table td {
  padding: 0.2em 0.2em;
}
.product_page .pro_info .pro_price {
  width: 100%;
  float: left;
  padding: 1em 0;
  border-top: solid 1px #c69c6d;
  border-bottom: solid 1px #c69c6d;
}
.product_page .pro_info .pro_price .price_tit {
  padding: 0.5em 0;
  font-weight: bold;
  font-size: 1.2em;
  display: block;
}
.product_page .pro_info .pro_price .price_tag {
  display: inline-block;
  margin-bottom: 8px;
}
.product_page .pro_info .pro_price .price_ori {
  color: #999;
  text-decoration: line-through;
  font-size: 1.2em;
  margin-right: 1em;
}
.product_page .pro_info .pro_price .price_special {
  color: #555;
  margin-right: 1em;
}
.product_page .pro_info .pro_price .price_special span {
  color: #be272d;
  font-size: 1.5em;
}
.product_page .pro_buy {
  width: 100%;
  float: left;
  padding: 1em 0;
  font-size: 1.2em;
  border-bottom: solid 1px #c69c6d;
}
.product_page .pro_buy .buy_tit {
  padding: 0.5em 0;
  font-weight: bold;
}
.product_page .pro_buy .buy_btn {
  width: 100%;
  float: left;
  position: relative;
  top: 0;
  padding: 0.2em 0;
  line-height: 1.8em;
  color: #fff;
  text-align: center;
  background: #c69c6d;
  text-decoration: none;
  overflow: hidden;
  border-radius: 5px;
}
.product_page .pro_buy .buy_btn:hover {
  background: #433b39;
}
.product_page .pro_buy .buy_btn.active {
  background: #2db343;
}
.product_page .pro_buy .buy_btn .buy_text {
  opacity: 1;
}
.product_page .pro_buy .buy_btn .buy_check {
  position: absolute;
  left: 50%;
  top: 1.8em;
  padding: 5px;
  border-radius: 50%;
  color: #fff;
  opacity: 1;
  font-size: 1.1em;
  margin-left: -0.7em;
}
.product_page .pro_buy .buy_num {
  width: 100%;
  float: left;
  padding: 0.2em 0;
  line-height: 1.8em;
  height: 40px;
}
.product_page .pro_buy .btn-primary {
  transition: all 0.3s;
  background: linear-gradient(115deg, rgb(208, 173, 106) 0%, rgb(102, 53, 0) 100%);
}
.product_page .pro_buy .btn-primary:hover {
  background: linear-gradient(115deg, rgb(137, 73, 4) 0%, rgb(231, 182, 91) 100%);
}

.product_gallery {
  width: 50%;
  float: left;
}
@media (max-width: 480px) {
  .product_gallery {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }
}
.product_gallery .product_main_pic {
  width: 100%;
  position: relative;
  float: right;
  padding-bottom: 100%;
  overflow: hidden;
  border-radius: 1em;
}
.product_gallery .product_main_pic div {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  transition: ease 0.5s;
}
.product_gallery .product_main_pic div.active {
  opacity: 1;
}
.product_gallery .product_main_pic img {
  width: 100%;
}
.product_gallery .product_side_pic {
  width: 100%;
  padding: 10px 0 0 0;
  margin-top: 1%;
  float: left;
}
.product_gallery .product_side_pic div {
  width: 23%;
  float: left;
  margin-right: 2.6%;
  margin-bottom: 10px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  border-radius: 0.5em;
}
.product_gallery .product_side_pic div img {
  width: 100%;
  opacity: 0.7;
}
.product_gallery .product_side_pic div:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: solid 0px #c69c6d;
  transition: ease 0.3s;
  border-radius: 0.5em;
}
.product_gallery .product_side_pic div.active {
  cursor: default;
}
.product_gallery .product_side_pic div.active:after {
  border: solid 3px #c69c6d;
}
.product_gallery .product_side_pic div.active img {
  opacity: 1;
}
.product_gallery .product_side_pic div:nth-child(4n) {
  margin-right: 0;
}

.pro_detail {
  width: 100%;
  float: left;
  padding: 6vw 0;
  background: #f9f9f9;
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .pro_detail {
    padding: 12vw 4vw;
  }
}
.pro_detail .detail_tit {
  width: 100%;
  float: left;
  border-bottom: solid 1px #ddd;
}
.pro_detail .detail_tit span {
  display: inline-block;
  padding: 2px 15px;
  background: #c69c6d;
  color: #fff;
}
.pro_detail .detail_block {
  width: 100%;
  float: left;
  padding: 4% 0;
  margin-bottom: 30px;
}
.pro_detail .detail_block img {
  max-width: 100%;
}

.news_sidelist {
  width: 30%;
  float: left;
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .news_sidelist {
    width: 100%;
  }
}
.news_sidelist .table_list .list_row:after {
  top: 32px;
}
.news_sidelist .table_list .table_type {
  width: 30%;
  padding: 15px 10px 10px 10px;
  font-size: 0.8em;
}
.news_sidelist .table_list .table_date {
  width: 30%;
  padding: 15px 10px 10px 10px;
  font-size: 0.8em;
}
.news_sidelist .table_list .table_title {
  width: 100%;
  padding: 0 40px 15px 10px;
}
.news_sidelist .news_side_tit {
  width: 100%;
  float: left;
  padding: 10px;
  background: #e4e4e4;
  color: #fff;
  font-size: 1.6em;
  font-weight: 800;
  text-align: center;
}

.news_content {
  width: 100%;
  max-width: 860px;
  margin: 0 auto;
}
.news_content:after {
  content: "";
  display: block;
  clear: both;
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .news_content {
    width: 100%;
    padding-left: 0;
  }
}
.news_content .news_title {
  width: 100%;
  float: left;
  padding-bottom: 15px;
  border-bottom: solid 1px #ddd;
  margin-bottom: 20px;
}
.news_content .news_title .news_name {
  font-size: 1.8em;
  font-weight: 800;
  color: #333;
  display: inline;
}
.news_content .news_title .news_date {
  float: right;
  font-size: 0.8em;
  padding: 3px 10px;
  margin-top: 10px;
}
.news_content .news_title .news_type {
  float: right;
  font-size: 0.8em;
  padding: 3px 10px;
  background: #c69c6d;
  color: #fff;
  margin-top: 10px;
}
.news_content .news_text {
  width: 100%;
  float: left;
  padding: 15px 0;
  line-height: 1.6em;
  color: #333;
}
.news_content .news_text img {
  max-width: 100%;
}

/* contact */
.contact_map {
  width: 100%;
  float: left;
  margin-bottom: 40px;
}

.contact_form {
  float: left;
}
.contact_form p {
  line-height: 1.6em;
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .contact_form {
    width: 100%;
  }
}
.contact_form .contact_form_btn {
  float: left;
  padding: 0.5em 3em;
  background: #c69c6d;
  color: #fff;
  border: none;
  border-radius: 5px;
  transition: ease 0.3s;
}
.contact_form .contact_form_btn:hover {
  background: #433b39;
}
.contact_form span {
  color: #d00;
}

.fa-envelope {
  font-size: 0.9em;
}

.contact_info {
  float: right;
  color: #333;
  margin-bottom: 30px;
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .contact_info {
    width: 100%;
  }
}
.contact_info .contact_name {
  padding: 0 0 15px 0;
  font-size: 1.8em;
  font-weight: 800;
  border-bottom: solid 1px #ddd;
  margin-bottom: 30px;
}
.contact_info p {
  font-size: 1em;
  margin-bottom: 1em;
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .contact_info p {
    font-size: 1em;
  }
}
.contact_info p i {
  color: #c69c6d;
  margin-right: 6px;
}
.contact_info p a {
  color: #333;
}
.contact_info p a:hover {
  color: #433b39;
}
.contact_info .line-icon {
  width: 1em;
}

.contact_path_wrapper {
  width: 100%;
  float: left;
  padding: 2em 0;
}

.contact_path {
  width: 100%;
  float: left;
  padding: 2em;
  border: solid 1px #e9e9e9;
  margin-bottom: 2em;
}
.contact_path .path_title {
  width: 100%;
  padding: 0.5em 0;
  border-bottom: solid 1px #e9e9e9;
  color: #000;
}
.contact_path .path_title span {
  color: #b1b1b1;
  float: right;
  font-style: italic;
  font-weight: 300;
  font-family: arial;
}
.contact_path .path_content {
  width: 100%;
  padding: 2em;
}
.contact_path .path_content span {
  color: #c69c6d;
}
.contact_path .path_content p {
  margin-bottom: 2em;
  line-height: 1.8em;
}
.contact_path.car {
  background: url(../images/contact_car.png) no-repeat right bottom;
}
.contact_path.train {
  background: url(../images/contact_train.png) no-repeat right bottom;
}

.contact_text {
  width: 100%;
  padding: 15px 0;
  border-top: dashed 1px #ddd;
  line-height: 2em;
}

.contact_location {
  width: 100%;
  float: left;
  background: #433b39;
}
.contact_location .location_item {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.contact_location .location_info {
  float: right;
  padding-left: 40px;
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .contact_location .location_info {
    width: 100%;
    padding-left: 10px;
  }
}
.contact_location .location_info .contact_info {
  width: 100%;
  margin-bottom: 30px;
}
.contact_location .location_map {
  float: left;
  border: solid 3px #fff;
  padding: 0;
  margin-bottom: 30px;
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .contact_location .location_map {
    width: 100%;
  }
}
.contact_location .location_map > div {
  padding-bottom: 38%;
}

.about_block {
  float: left;
  width: 100%;
}
.about_block .about01 {
  width: 100%;
  position: relative;
}
.about_block .about01 .about01_title {
  position: absolute;
  top: -10%;
  left: 5%;
  z-index: 3;
}
.about_block .about01 .about01_text {
  color: #fff;
  position: relative;
  border-radius: 3em;
  z-index: 2;
  background: url("../images/about_bg.jpg") right bottom;
  background-size: cover;
  padding: 6.5em 0 6.5em 5em;
}
.about_block .about01 .about01_text p {
  max-width: 360px;
  font-size: 1.1em;
  line-height: 1.6em;
}
.about_block .about01:before {
  content: "";
  position: absolute;
  top: 1.8em;
  right: -1.8em;
  width: 100%;
  height: 100%;
  background: #c69c6d;
  border-radius: 3em;
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .about_block .about01 {
    width: 90%;
    margin: 4em 0;
  }
  .about_block .about01 .about01_text {
    color: #484747;
    padding: 3em 2.2em 10em 2.2em;
  }
}

.res-02 {
  width: 100%;
  float: left;
  padding: 8em 0 2em;
  margin-top: 3em;
}
.res-02 .res_item {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 3em 0;
}
.res-02 .res_item div {
  width: 30%;
  padding: 0 1.5%;
  min-width: 220px;
  margin-bottom: 1.2em;
  transition: all 0.3s;
}
.res-02 .res_item div:hover {
  transform: scale(1.1) rotateZ(-5deg) translateY(-5%);
}

.about_history {
  width: 100%;
  float: left;
  position: relative;
  margin-top: 40px;
}
.about_history .history_year {
  width: 100%;
  float: left;
  border-top: dashed 1px #ddd;
  text-align: center;
  margin-bottom: 10px;
}
.about_history .history_year span {
  display: inline-block;
  font-size: 2em;
  color: #777;
  margin-top: -0.8em;
  font-weight: 800;
  background: #fff;
}
.about_history .history_row {
  width: 100%;
  float: left;
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .about_history .history_row {
    font-size: 0.9em;
  }
}
.about_history .history_row .row_item {
  width: 50%;
  position: relative;
  float: left;
  padding: 20px 50px;
  border-right: solid 18px #efefef;
  text-align: right;
  margin-bottom: -50px;
  left: 9px;
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .about_history .history_row .row_item {
    padding-left: 10px;
  }
}
.about_history .history_row .row_item:before {
  content: "";
  position: absolute;
  width: 40px;
  height: 0;
  border-top: solid 1px #ccc;
  right: 0;
  top: 36px;
  z-index: 1;
}
.about_history .history_row .row_item:after {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  background: #efefef;
  border: solid 1px #ccc;
  border-radius: 50%;
  top: 26px;
  right: -20px;
  z-index: 2;
}
.about_history .history_row .row_item .item_year {
  font-size: 1.6em;
  color: #333;
  font-weight: 800;
}
.about_history .history_row .row_item .item_text {
  line-height: 1.8em;
}
.about_history .history_row:nth-child(odd) .row_item {
  float: right;
  border-left: solid 18px #efefef;
  border-right: 0;
  text-align: left;
  left: -9px;
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .about_history .history_row:nth-child(odd) .row_item {
    padding-left: 50px;
    padding-right: 10px;
  }
}
.about_history .history_row:nth-child(odd) .row_item:before {
  left: 0;
  right: auto;
}
.about_history .history_row:nth-child(odd) .row_item:after {
  left: -20px;
  right: auto;
}
.about_history .history_row:last-child .row_item {
  margin-bottom: 0;
}

.about_iso {
  width: 100%;
  background: #090a0a;
  color: #fff;
}
.about_iso .iso_text {
  margin-bottom: 30px;
}
.about_iso .iso_list {
  width: 100%;
  float: left;
}
.about_iso .iso_list .iso_wrapper {
  padding-bottom: 20px;
  float: left;
}
@media (min-width: 481px) and (max-width: 767px) {
  .about_iso .iso_list .iso_wrapper {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .about_iso .iso_list .iso_wrapper {
    width: 100%;
  }
}
.about_iso .iso_list .iso_item {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background: url(../images/iso_bg.jpg) center;
  background-size: cover;
  overflow: hidden;
}
.about_iso .iso_list .iso_item .iso_info {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 30px;
  top: 0;
  left: 0;
  line-height: 1.8em;
  transition: ease 0.3s;
}
.about_iso .iso_list .iso_item .iso_info .iso_name {
  width: 100%;
  font-weight: 800;
  font-size: 1.8em;
  margin-bottom: 10px;
  line-height: 1.6em;
}
@media (max-width: 480px) {
  .about_iso .iso_list .iso_item .iso_info .iso_name {
    font-size: 1.4em;
  }
}
.about_iso .iso_list .iso_item .iso_info .iso_desc {
  width: 100%;
  font-size: 0.8em;
}
.about_iso .iso_list .iso_item .iso_img {
  position: absolute;
  width: 90%;
  height: 90%;
  top: 15%;
  left: 5%;
  opacity: 0;
  transition: ease 0.3s;
}
.about_iso .iso_list .iso_item .iso_img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.about_iso .iso_list .iso_item:hover .iso_info {
  opacity: 0;
}
.about_iso .iso_list .iso_item:hover .iso_img {
  top: 5%;
  opacity: 1;
}

.about_client {
  width: 100%;
  float: left;
  background: #433b39;
}
.about_client .client_wrapper {
  padding-bottom: 20px;
}
@media (max-width: 480px) {
  .about_client .client_wrapper {
    width: 50%;
    float: left;
  }
}
.about_client .client_item {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  background: #fff;
  transition: ease 0.3s;
}
.about_client .client_item img {
  position: absolute;
  width: 90%;
  height: 90%;
  top: 5%;
  left: 5%;
  -o-object-fit: contain;
     object-fit: contain;
}
.about_client .client_item:hover {
  box-shadow: 3px 3px 7px 0 rgba(0, 0, 0, 0.1);
}

.cart_btn {
  width: 130px;
  position: fixed;
  right: 10px;
  top: 165px;
  z-index: 99999;
  text-align: center;
}
@media (min-width: 1500px) {
  .cart_btn {
    top: 20px;
  }
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .cart_btn {
    display: none;
  }
}
.cart_btn .cart_btn_tit {
  width: 100%;
  float: left;
  padding: 8px;
  background: #c69c6d;
  color: #fff;
  border-radius: 5px;
  transition: ease 0.3s;
}
.cart_btn .cart_btn_num {
  width: 100%;
  float: left;
  font-size: 2em;
  color: #c69c6d;
  transition: ease 0.3s;
}
.cart_btn .cart_btn_num.active {
  color: #2db343;
}
.cart_btn:hover .cart_btn_tit {
  background: #433b39;
}
.cart_btn:hover .cart_btn_num {
  color: #433b39;
}
.cart_btn .cart_buy_notice {
  width: 100%;
  position: absolute;
  opacity: 0;
  background: #2db343;
  padding: 0.2em;
  border-radius: 5px;
  color: #fff;
  top: 0;
  padding: 8px;
}

.page_block {
  width: 100%;
  padding: 20px 10px;
  text-align: left;
}
.page_block img {
  max-width: 100%;
}

.page_min_tit {
  width: 100%;
  text-align: left;
  color: #433b39;
  padding: 8px 10px;
  margin-top: 15px;
}

.page_sub_tit {
  text-align: left;
  color: #e4e4e4;
  margin-bottom: 6px;
}

/* member */
.form_tit_icon {
  width: 100%;
  float: left;
  padding: 20px 0;
  text-align: center;
  font-size: 0;
}
.form_tit_icon .tit_icon_item {
  width: 33.3333333333%;
  padding-top: 20px;
  display: inline-block;
  border-bottom: solid 5px #e3ceb6;
  position: relative;
  color: #e4e4e4;
  font-size: 15px;
}
.form_tit_icon .tit_icon_item:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
  border-right: solid 5px transparent;
  border-left: solid 5px transparent;
  border-bottom: solid 5px #e3ceb6;
}
.form_tit_icon .tit_icon_item .icon_circle {
  position: relative;
  display: flex;
  width: 70px;
  height: 70px;
  line-height: 70px;
  vertical-align: middle;
  border: solid 5px #e3ceb6;
  border-radius: 50%;
  font-size: 2em;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  color: #c69c6d;
}
.form_tit_icon .tit_icon_item .icon_text {
  width: 100%;
  font-size: 0.9em;
  padding: 10px 0;
}
.form_tit_icon .tit_icon_item.active {
  border-color: #e3ceb6;
  color: #433b39;
}
.form_tit_icon .tit_icon_item.active:after {
  border-bottom-color: #e3ceb6;
}
.form_tit_icon .tit_icon_item.active .icon_circle {
  border: solid 5px #e3ceb6;
}

.member_trans {
  width: 100%;
  float: left;
  border-bottom: dashed 1px #ccc;
  padding: 0 8px;
  margin-bottom: 20px;
}
.member_trans .trans_item {
  width: calc((100% - 40px) / 3);
  float: left;
  margin-right: 20px;
  text-align: left;
}
.member_trans .trans_item .trans_tit {
  width: 100%;
  padding: 8px 10px;
  background: #c69c6d;
  color: #fff;
}
.member_trans .trans_item .trans_text {
  padding: 10px;
  font-size: 2.6em;
  color: #e4e4e4;
}
.member_trans .trans_item .trans_text span {
  font-size: 0.5em;
}
.member_trans .trans_item:last-child {
  margin: 0;
}

.member_class {
  font-size: 1.2em;
}

.member_form {
  width: 100%;
  max-width: 440px;
  display: inline-block;
  margin: 20px auto;
  padding: 30px 40px;
  vertical-align: top;
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .member_form {
    padding: 30px 0px;
  }
}
.member_form .form_table {
  width: 100%;
  float: left;
  padding: 10px 26px;
}
@media (max-width: 480px), (min-width: 481px) and (max-width: 767px) {
  .member_form .form_table {
    padding: 10px 15px;
  }
}
.member_form .form_table table td {
  padding: 12px 0;
  color: #000;
  text-align: left;
  line-height: 1.4em;
}
.member_form .form_table table td span {
  color: #433b39;
  font-size: 0.9em;
}
.member_form .form_table table td input.form_input {
  width: 100%;
  border: solid 1px #ccc;
  line-height: 1em;
  padding: 4px 4px 0;
  color: #c69c6d;
  border-radius: 3px;
}
.member_form .form_table table td input.form_input.captcha_input {
  width: 74px;
  vertical-align: middle;
  margin-left: 4px;
}
.member_form .form_table table td a {
  color: #433b39;
  text-decoration: none;
}
.member_form .form_table table td a span {
  transition: ease 0.3s;
}
.member_form .form_table table td a:hover {
  color: #433b39;
}
.member_form .form_table table td a:hover span {
  color: #433b39;
}
.member_form .form_btn_wrapper {
  width: 100%;
  float: left;
  padding: 14px 26px;
  border-top: dashed 1px #e4e4e4;
  text-align: left;
}
.member_form .form_btn_wrapper p {
  text-align: center;
  padding-top: 0.5em;
}
.member_form .form_btn {
  width: 100%;
  display: block;
  padding: 10px 0;
  color: #fff;
  background: #c69c6d;
  text-align: center;
  text-decoration: none;
  border: 0;
  border-radius: 5px;
}
.member_form .form_btn span {
  color: #c69c6d;
  transition: ease 0.3s;
}
.member_form .form_btn:hover {
  background: #433b39;
}
.member_form .form_btn:hover span {
  color: #fff;
}
.member_form .form_btn.fb_login {
  background: #3c599b;
}
.member_form .form_btn.fb_login:hover {
  background: #433b39;
}
.member_form .check_box_label {
  color: #c69c6d;
  font-weight: normal;
}

.page_form_tit {
  width: 100%;
  float: left;
  font-size: 1.7em;
  line-height: 1.8em;
  color: #433b39;
  border-bottom: solid 1px #ccc;
  text-align: center;
  margin-bottom: 30px;
  font-family: YuMincho, "游明朝", serif;
  text-indent: -0.55em;
}
@media (min-width: 481px) and (max-width: 767px) {
  .page_form_tit {
    font-size: 1.6em;
  }
}
@media (max-width: 480px) {
  .page_form_tit {
    font-size: 1.4em;
  }
}
.page_form_tit span {
  color: #c69c6d;
}

/*  cart  */
.cart_form {
  width: 100%;
  float: left;
  margin-top: 30px;
}

.cart_text {
  width: 100%;
  float: left;
  padding: 1em 0;
  text-align: left;
  font-size: 0.9em;
}
.cart_text p {
  margin-bottom: 8px;
  line-height: 1.2em;
}
.cart_text span {
  color: #f66;
}

.cart_related {
  width: 100%;
  float: left;
  display: relative;
  padding-bottom: 20px;
}
.cart_related .owl-controls {
  margin: 0;
}
.cart_related .related_item .related_img {
  width: 100%;
  position: relative;
  height: 0;
  padding-bottom: 100%;
  display: block;
}
.cart_related .related_item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.cart_related .pro_info_cart {
  width: 100%;
  float: left;
  padding: 10px 0;
  color: #c69c6d;
}
.cart_related .pro_info_cart .pro_name {
  color: #c69c6d;
  width: 100%;
  float: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1em;
  overflow: hidden;
}
.cart_related .pro_info_cart .pro_name:hover {
  color: #433b39;
}
.cart_related .pro_info_cart .pro_size {
  margin-bottom: 4px;
}
.cart_related .pro_info_cart .pro_size .size_btn {
  display: inline-block;
  line-height: 1em;
  padding: 1px 3px;
  color: #e4e4e4;
  border: solid 1px #e4e4e4;
  font-size: 0.8em;
  text-decoration: none;
  margin: 2px;
}
.cart_related .pro_info_cart .pro_size .size_btn:hover {
  color: #fff;
  background: #e4e4e4;
}
.cart_related .pro_info_cart .pro_size .size_btn.selected {
  color: #fff;
  background: #e4e4e4;
}
.cart_related .pro_info_cart .pro_price span.ori_price {
  font-size: 0.8em;
  color: #e4e4e4;
  text-decoration: line-through;
}
.cart_related .pro_info_cart .pro_price span.sale_price {
  color: #f00;
}
.cart_related .related_buy_btn {
  width: 90%;
  margin: 4px 5%;
  padding: 5px;
  color: #fff;
  background: #c69c6d;
  float: left;
  text-decoration: none;
}
.cart_related .related_buy_btn span {
  color: #e4e4e4;
  transition: ease 0.3s;
}
.cart_related .related_buy_btn:hover {
  background: #433b39;
}
.cart_related .related_buy_btn:hover span {
  color: #fff;
}

.cart_table_wrapper {
  width: 100%;
  float: left;
  overflow: auto;
}

.cart_table {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}
.cart_table td {
  padding: 5px 8px;
}
.cart_table thead tr {
  background: #c69c6d;
}
.cart_table thead td {
  color: #fff;
}
.cart_table tbody td {
  padding: 8px;
  vertical-align: middle;
  border-bottom: solid 1px #ccc;
}
.cart_table tbody td:first-child {
  text-align: left;
  padding-left: 0;
}
.cart_table tbody td a {
  color: #c69c6d;
}
.cart_table tbody td a:hover {
  color: #433b39;
}
.cart_table .fa-times-circle {
  font-size: 1.6em;
}
.cart_table .cart_img {
  width: 80px;
  height: 80px;
  float: left;
  margin-right: 10px;
  vertical-align: middle;
}
.cart_table .cart_img img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.cart_table .cart_pro_name {
  margin: 10px 0 5px;
  display: inline-block;
}
.cart_table .cart_event_name {
  color: #e4e4e4;
  display: inline-block;
}
.cart_table .cart_event_name:hover {
  color: #433b39;
}

.cart_table_sum {
  width: 100%;
  float: left;
  border-bottom: solid 1px #ccc;
  font-size: 0.9em;
}
.cart_table_sum table {
  float: right;
  text-align: left;
}
.cart_table_sum table td {
  min-width: 160px;
  padding: 5px 10px;
}
@media (max-width: 480px) {
  .cart_table_sum table td {
    min-width: auto;
  }
}
.cart_table_sum table tr.sum_total {
  font-size: 1.1em;
}
.cart_table_sum table tr.sum_total span {
  color: #f66;
  font-size: 1.8em;
}
.cart_table_sum table .dp_hint {
  color: #433b39;
  margin-top: 5px;
  display: block;
}

.cart_step {
  width: 50%;
  float: right;
  margin: 1.4em 0;
  display: flex;
  justify-content: space-between;
}
.cart_step a {
  width: 48%;
  text-align: center;
  color: #fff;
  background: #433b39;
  padding: 10px 15px;
  text-decoration: none;
  border-radius: 5px;
}
.cart_step a:hover {
  background: #c69c6d;
}
.cart_step a.main_color_btn {
  background: #c69c6d;
}
.cart_step a.main_color_btn:hover {
  background: #433b39;
}
.cart_step button {
  width: 48%;
  text-align: center;
  min-width: 200px;
  color: #fff;
  background: #433b39;
  padding: 10px 15px;
  text-decoration: none;
  border-radius: 5px;
  border: none;
  transition: all 0.3s;
}
.cart_step button:hover {
  background: #c69c6d;
}
.cart_step button.main_color_btn {
  background: #c69c6d;
}
.cart_step button.main_color_btn:hover {
  background: #433b39;
}
.cart_step .back_btn {
  float: left;
}
@media (max-width: 480px) {
  .cart_step .back_btn {
    float: none;
    display: inline-block;
    width: 60%;
    margin: 0 0 20px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cart_step a, .cart_step button {
    width: auto;
  }
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .cart_step {
    width: 100%;
    flex-wrap: wrap;
  }
  .cart_step a, .cart_step button {
    width: 100%;
    margin-bottom: 1em;
  }
}

.cart_payment {
  width: 100%;
  float: left;
  text-align: center;
  margin-bottom: 20px;
}
.cart_payment .payment_btn_wrapper {
  width: 260px;
  max-width: 100%;
  display: inline-block;
  margin: 20px 3%;
  vertical-align: top;
}
.cart_payment .payment_btn {
  width: 100%;
  position: relative;
}
.cart_payment .payment_btn input {
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -5px;
}
.cart_payment .payment_btn label {
  width: 100%;
  padding: 25px 0 40px 0;
  display: inline-block;
  background: #c69c6d;
  color: #fff;
  text-decoration: none;
  font-weight: normal;
  transition: ease 0.3s;
}
.cart_payment .payment_btn label:hover {
  background: #433b39;
}
.cart_payment .payment_btn label i {
  font-size: 4em;
  margin-bottom: 10px;
}
.cart_payment p {
  text-align: left;
  margin-top: 10px;
  padding-left: 10px;
}
.cart_payment p i {
  margin-left: -10px;
}

.cart_bill_table_title {
  width: 100%;
  padding: 10px 8px;
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  float: left;
  margin-top: 20px;
}

.cart_bill_table {
  width: 100%;
  float: left;
  padding: 2vw;
  text-align: left;
}
.cart_bill_table.member_table {
  border-top: none;
}
.cart_bill_table label.checkbox {
  margin: 0 0 0 20px;
}
.cart_bill_table table {
  width: 100%;
}
.cart_bill_table table td {
  padding: 10px 8px;
  vertical-align: baseline;
}
.cart_bill_table table td:first-child {
  width: 120px;
  vertical-align: top;
}
.cart_bill_table table td:first-child span {
  display: inline-block;
  padding: 4px 15px;
  background: #c69c6d;
  color: #fff;
  min-width: 90px;
}
.cart_bill_table table td input[type=checkbox] {
  margin-right: 3px;
}
.cart_bill_table table td label {
  margin-right: 14px;
  font-weight: normal;
}
.cart_bill_table table td .input_text {
  max-width: 260px;
  border: solid 1px #ccc;
  border-radius: 3px;
  margin-right: 3px;
  padding: 2px 6px;
}
.cart_bill_table table td select {
  margin-right: 4px;
}
.cart_bill_table table td .textarea_text {
  max-width: 360px;
  width: 100%;
  border: solid 1px #ccc;
  border-radius: 3px;
  margin-right: 3px;
}

.bill_text {
  width: 100%;
  float: left;
  padding: 20px 0;
  text-align: left;
  font-size: 0.9em;
  margin-bottom: 30px;
  border-top: dashed 1px #ccc;
  border-bottom: solid 1px #ccc;
}
.bill_text p {
  margin-bottom: 8px;
  line-height: 1em;
}
.bill_text span {
  color: #f66;
}

.finished_order_block {
  margin: 2vw 0;
}

.finished_order {
  width: 100%;
  float: left;
  text-align: center;
}
.finished_order .page_form_tit {
  display: inline-block;
  float: none;
  max-width: 500px;
  margin: 20px auto;
  text-align: center;
  padding-bottom: 10px;
}
.finished_order .finish_text {
  width: 100%;
}
.finished_order a.finish_btn {
  display: inline-block;
  min-width: 200px;
  background: #c69c6d;
  padding: 4px 15px;
  color: #fff;
  padding: 10px 20px;
  text-decoration: none;
  margin-top: 10px;
}
.finished_order a.finish_btn:hover {
  background: #433b39;
}

.finish_order_info {
  width: 100%;
  max-width: 480px;
  margin: 0 auto 20px auto;
  background: #f1f1f1;
  color: #333;
  padding: 15px 10%;
  text-align: left;
}
.finish_order_info .bank_account {
  font-size: 1.6em;
  color: #c69c6d;
}
.finish_order_info b {
  font-size: 1.2em;
}

.payment_tit {
  width: 100%;
  float: left;
  text-align: center;
  margin: 2vw 0;
}
.payment_tit span {
  display: inline-block;
  width: 100%;
  max-width: 480px;
  font-size: 2em;
  border-bottom: solid 1px #ddd;
  padding-bottom: 5px;
}

.order_table_wrapper {
  width: 100%;
  float: left;
  overflow: auto;
}

.order_table {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}
.order_table td {
  padding: 5px 8px;
}
.order_table thead tr {
  background: #c69c6d;
}
.order_table thead td {
  color: #fff;
}
.order_table tbody tr:last-child td {
  border-bottom: none;
}
.order_table tbody td {
  padding: 8px;
  vertical-align: middle;
  border-bottom: solid 1px #ccc;
}
.order_table tbody td a {
  color: #c69c6d;
  text-decoration: none;
  border-bottom: dashed 1px;
}
.order_table tbody td a:hover {
  color: #433b39;
}

.order_table_num {
  background: #c69c6d;
  color: #fff;
  padding: 0.5em;
  border-radius: 0.3em;
}

.order_form {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
  padding: 3vw 0;
}
.order_form .order_hint {
  color: #999;
}

.order_search_btn {
  margin-top: 2vw;
}

.order_hint_bot {
  width: 100%;
  padding: 2vw 0;
  margin-top: 2vw;
  border-top: solid 1px #ddd;
  color: #999;
}
.order_hint_bot a {
  color: #c69c6d;
}

/* about */
.about_block {
  width: 100%;
  float: left;
  padding-top: 4em;
}
.about_block img {
  max-width: 100%;
}
.about_block .container {
  padding: 5vw 15px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .about_block .container {
    padding: 7vw 15px;
  }
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .about_block .container {
    padding: 10vw 15px;
  }
}

.about_location {
  width: 100%;
}
.about_location > div {
  width: 100%;
  padding: 1.5em;
  border-bottom: solid 1px #ddd;
}
.about_location > div h3 {
  color: #c69c6d;
  font-size: 1.6em;
  display: inline-block;
  margin: 0 0.5em 0.3em 0;
}
.about_location > div span {
  display: inline-block;
  background: #c69c6d;
  color: #fff;
  padding: 0em 0.5em;
  border-radius: 2em;
  font-size: 0.9em;
  margin-top: 0.1em;
  line-height: 1.7em;
  vertical-align: top;
}
.about_location > div:last-child {
  border-bottom: none;
}

.brand_banner {
  float: left;
  width: 100%;
  margin-bottom: -1px;
}
.brand_banner img {
  width: 100%;
}

.feature_rose {
  border: solid 1px #e4e4e4;
}
.feature_rose span {
  background: #e4e4e4;
  color: #fff;
  display: inline-block;
  padding: 0 5px;
}
.feature_rose .item_img {
  background-image: url(../images/brand_feature_img.jpg);
  background-position: center;
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .feature_rose .item_img {
    height: 65vw;
  }
}
.feature_rose .item_img.img2 {
  background-image: url(../images/brand_feature_img-02.jpg);
  background-position: center;
}

.feature_tea {
  border: solid 1px #8abf1f;
}
.feature_tea span {
  background: #8abf1f;
  color: #fff;
  display: inline-block;
  padding: 0 5px;
}
.feature_tea .item_img {
  background-image: url(../images/brand_feature_img-03.jpg);
  background-position: center;
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .feature_tea .item_img {
    height: 65vw;
  }
}
.feature_tea .item_img.img2 {
  background-image: url(../images/brand_feature_img-04.jpg);
  background-position: center;
}

.feature_brand_img {
  width: 100%;
  float: left;
  padding: 1em 0;
  text-align: center;
}
.feature_brand_img img {
  max-width: 100%;
}

.tea_brand_img {
  display: flex;
  -ms-justify-content: space-between;
  -ms-flex-wrap: wrap;
  -ms-flex-shrink: 1;
  -ms-align-items: stretch;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.tea_brand_img > div {
  width: 30%;
  margin-bottom: 0.5em;
}
.tea_brand_img img {
  max-width: 100%;
  margin-bottom: 1.5em;
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .tea_brand_img > div {
    width: 100%;
  }
  .tea_brand_img > div img {
    max-width: 60%;
  }
}

.brand_feature {
  display: flex;
  width: 100%;
  float: left;
  height: auto;
  display: flex;
  -ms-justify-content: space-between;
  -ms-flex-wrap: nowrap;
  -ms-flex-shrink: 1;
  -ms-align-items: stretch;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-shrink: 1;
  align-items: stretch;
  margin: 2em 0;
}
.brand_feature .flex_item {
  width: 50%;
  padding: 2em;
  line-height: 1.8em;
}
.brand_feature .flex_item p {
  margin-bottom: 2.2em;
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .brand_feature .flex_item {
    width: 100%;
  }
}
.brand_feature .item_img {
  background-size: cover;
}
.brand_feature .feature_icon {
  display: flex;
  -ms-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .brand_feature .feature_icon {
    padding: 2em 0.5em;
  }
}
.brand_feature .feature_icon > div {
  width: 50%;
  text-align: center;
  padding: 5%;
}
.brand_feature .feature_icon img {
  max-width: 100%;
}

#cart-popup {
  z-index: 99999999;
}
#cart-popup .c-btn-cart {
  background: #c69c6d;
  color: #fff;
}
#cart-popup .c-btn-cart:hover {
  background: #433b39;
}

.btn-primary {
  font-size: 1em;
  background: #c69c6d;
  border: none;
  padding: 8px;
}
.btn-primary:hover {
  background: #433b39;
}
.btn-primary:focus {
  background: #433b39;
}
.btn-primary:active {
  background: #433b39;
}

.number-input .minus-icon:hover {
  background: #c69c6d;
}
.number-input .plus-icon:hover {
  background: #c69c6d;
}

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

.article-item {
  width: calc(33% - 1em);
  float: left;
  background: #fff;
  margin-bottom: 2em;
  height: auto;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0px 2px 8px #e4e4e4;
  transition: all 0.3s;
}
.article-item:hover {
  transform: translateY(-1%);
  box-shadow: 0px 5px 12px #e4e4e4;
}
.article-item:hover .article-info .article-title {
  color: #c69c6d;
}
.article-item .article-link {
  display: block;
}
.article-item .article-img {
  width: 100%;
  padding-bottom: 60%;
}
.article-item .article-info {
  color: #433b39;
  width: 100%;
  float: left;
  padding: 1em 1em 3.2em;
}
.article-item .article-info .article-title {
  font-size: 1.4em;
  font-weight: bold;
  color: #000;
  line-height: 1.4em;
  margin: 0.6em 0;
  transition: all 0.3s;
}
.article-item .article-info .article-date {
  font-size: 0.8em;
  font-weight: 400;
  position: absolute;
  bottom: 1.2em;
}
.article-item .article-info .article-content {
  font-size: 1em;
  height: 2.8em;
  overflow: hidden;
}

.page_block table td, .page_block table th {
  padding: 0.4em;
  border: solid 1px #433b39;
}

.h-captcha iframe {
  display: block;
  margin: 0 auto;
}

.flash-message {
  position: absolute;
  top: 140px;
  width: 100%;
  left: 0;
  z-index: 9999999999999;
}
.flash-message.fixed {
  position: fixed;
  top: 25px;
}
.flash-message .alert {
  box-shadow: 2px 0px 15px rgba(255, 255, 255, 0.6);
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .flash-message {
    top: 20px;
  }
  .flash-message.fixed {
    top: 20px;
  }
}

.cart-table {
  margin: 0;
}
.cart-table thead th {
  background: #c69c6d;
  color: #fff;
}
.cart-table .pro_img {
  width: 80px;
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 1em;
}
.cart-table tbody > tr > td {
  vertical-align: middle;
}

.cart-sum {
  width: 100%;
  float: left;
  padding-bottom: 1.4em;
  border-bottom: solid 1px #ddd;
}
.cart-sum .cart-sum-table {
  float: right;
}
.cart-sum .cart-info > div > div {
  border: none;
}
.cart-sum .cart-info-btn {
  width: 100%;
}

#checkout-app .cart-table th {
  background: #c69c6d;
}

.oem01 {
  width: 100%;
  float: left;
  padding: 4em 0;
  background: #fff;
  text-align: center;
}

.oem02 {
  width: 100%;
  float: left;
  padding: 4em 0;
  background: #f5f5f3;
}
.oem02 .oem_info {
  width: 100%;
}
.oem02 .oem_info_item {
  width: 50%;
  padding: 1em 2em;
  float: left;
}
.oem02 .oem_info_item p {
  font-size: 1.1em;
  border-bottom: solid 1px #e6e6e6;
  line-height: 1.6em;
  padding: 1em;
  min-height: 230px;
}
.oem02 .oem_info_item p b {
  font-size: 1.3em;
  color: #c69c6d;
  display: block;
  margin: 0.6em 0;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .oem02 .oem_info_item p {
    min-height: 288px;
  }
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .oem02 .oem_info_item {
    width: 100%;
  }
  .oem02 .oem_info_item p {
    min-height: auto;
  }
}

.policy_content {
  padding: 5em 0;
}

.pager {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 1.2em;
  margin: 1em 0 2em;
  letter-spacing: normal;
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .pager {
    font-size: 1em;
  }
}
.pager a {
  display: inline-block;
  padding: 0.2em 0.6em;
  min-width: 1.8em;
  border-radius: 1em;
  color: #333;
  margin: 0 0.2em;
}
.pager a:hover {
  background: #f2f2f2;
}
.pager a.active {
  background: #433b39;
  color: #fff;
}
.pager span {
  display: inline-block;
  padding: 0.2em 0.6em;
  min-width: 1.8em;
  color: #333;
  margin: 0 0.2em;
}

.page_side {
  width: 25%;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .page_side {
    width: 30%;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .page_side {
    width: 100%;
  }
}

.page_main {
  width: 75%;
  padding-left: 3em;
  float: right;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .page_main {
    width: 70%;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .page_main {
    width: 100%;
    padding-left: 0;
  }
}

.side_menu {
  width: 100%;
  float: left;
  margin-bottom: 4em;
}
.side_menu .side_menu_title {
  width: 100%;
  float: left;
  font-size: 1.6em;
  padding-bottom: 15px;
  border-bottom: solid 1px #ddd;
}
.side_menu .side_menu_title span {
  display: inline-block;
  border-left: solid 8px #c69c6d;
  padding-left: 8px;
}
.side_menu .side_menu_list {
  width: 100%;
  float: left;
}
.side_menu .side_menu_list .list_item {
  width: 100%;
  float: left;
  padding: 15px;
  background: #fff;
  color: #333;
  border-bottom: solid 1px #ddd;
  font-size: 1.1em;
  letter-spacing: 0.1em;
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .side_menu .side_menu_list .list_item {
    font-size: 1em;
  }
}
.side_menu .side_menu_list .list_item:hover {
  background: #f5f5f5;
}
.side_menu .side_menu_list .list_item:hover .list_type, .side_menu .side_menu_list .list_item:hover .list_num {
  background: #c69c6d;
  color: #fff;
}
.side_menu .side_menu_list .list_item.active {
  background: #f5f5f5;
}
.side_menu .side_menu_list .list_item.active .list_num {
  background: #c69c6d;
  color: #fff;
}
.side_menu .side_menu_list .list_item.locked .list_info:after {
  content: url(../images/primary/article_lock_icon.png);
  display: inline-block;
  margin-left: 8px;
  margin-top: -3px;
  vertical-align: middle;
}
.side_menu .side_menu_list .list_item .list_num {
  display: inline-block;
  float: right;
  padding: 2px 6px;
  border-radius: 5px;
  margin-top: -3px;
  transition: ease 0.3s;
}
.side_menu .side_menu_list .list_item .list_info {
  width: 100%;
  display: inline-block;
  font-size: 0.8em;
  margin-bottom: 0.75em;
}
.side_menu .side_menu_list .list_item .list_type {
  padding: 0.2em 1em;
  background: #c69c6d;
  color: #fff;
  font-weight: bold;
  transition: ease 0.3s;
}
.side_menu .side_menu_list .list_item .list_text {
  width: 100%;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.article_list {
  width: 100%;
  float: left;
}
.article_list .article_list_item {
  width: 100%;
  float: left;
  margin-bottom: 2.5em;
  padding-bottom: 2.5em;
  border-bottom: solid 1px #ddd;
}
.article_list .article_list_item .item_img {
  position: relative;
  width: 40%;
  padding-bottom: 25%;
  float: left;
}
.article_list .article_list_item .item_img:hover {
  opacity: 0.9;
}
.article_list .article_list_item .item_img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.article_list .article_list_item .item_content {
  width: 60%;
  float: left;
  padding-left: 20px;
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .article_list .article_list_item .item_content {
    font-size: 0.7em;
  }
}
.article_list .article_list_item .item_content .list_info {
  width: 100%;
  display: inline-block;
  margin-bottom: 0.6em;
}
.article_list .article_list_item .item_content .list_type {
  padding: 0.2em 1em;
  background: #c69c6d;
  color: #fff;
  font-weight: bold;
  margin-right: 0.4em;
}
.article_list .article_list_item .item_content .list_title {
  width: 100%;
  height: 2em;
  float: left;
  font-size: 1.8em;
  line-height: 2em;
  color: #c69c6d;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.article_list .article_list_item .item_content .list_title:hover {
  color: #433b39;
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .article_list .article_list_item .item_content .list_title {
    font-size: 1.6em;
  }
}
.article_list .article_list_item .item_content .list_text {
  width: 100%;
  float: left;
  line-height: 2em;
  font-size: 1.2em;
  color: #333;
  max-height: 8em;
  overflow: hidden;
}
@media (min-width: 481px) and (max-width: 767px), (max-width: 480px) {
  .article_list .article_list_item .item_content .list_text {
    line-height: 1.6em;
    max-height: 6.5em;
  }
}
.article_list .article_list_item.locked .list_info:after {
  content: url(../images/primary/article_lock_icon.png);
  display: inline-block;
  margin-left: 8px;
  margin-top: -5px;
  vertical-align: middle;
}/*# sourceMappingURL=primary.css.map */