@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: "";
  content: none;
}

q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input, button, textarea {
  outline: none;
}

* {
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

a {
  color: #666;
}

* {
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 1.2px;
}

button, input, select, textarea {
  font-size: 16px;
  color: #313131;
}

body {
  color: #313131;
  font-family: "Noto serif TC", sans-serif;
  font-weight: 500;
}

.row {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 960px) {
  .row {
    margin: 0;
  }
}

.homeTitles {
  font-size: 96px;
  color: #8d7465;
  margin-bottom: 30px;
  font-family: "Arapey", serif;
  position: relative;
  font-weight: 500;
}
@media (max-width: 1292px) {
  .homeTitles {
    padding: 0 30px;
    line-height: 1.2;
  }
}
@media (max-width: 960px) {
  .homeTitles {
    max-width: 600px;
    margin: auto;
    padding: 0;
    font-size: 76px;
    margin-bottom: 30px;
    text-align: center;
  }
}
@media (max-width: 576px) {
  .homeTitles {
    font-size: 50px;
    padding: 0;
    margin-bottom: 24px;
  }
}
.homeTitles span {
  font-family: "Noto Serif TC", serif;
  font-size: 24px;
  color: #8d7465;
  font-weight: 600;
  padding-left: 24px;
}
@media (max-width: 960px) {
  .homeTitles span {
    text-align: center;
    display: block;
    padding-left: 0;
    font-size: 20px;
  }
}
@media (max-width: 576px) {
  .homeTitles span {
    display: block;
    font-size: 20px;
  }
}

.homeTitle {
  padding: 28px 0;
  position: relative;
  margin-bottom: 28px;
}
@media (max-width: 576px) {
  .homeTitle {
    padding: 12px 0;
    margin-bottom: 12px;
  }
}
.homeTitle .en {
  font-size: 64px;
  font-weight: 500;
  font-family: "Noto serif TC", sans-serif;
  color: rgba(255, 255, 255, 0.25);
  letter-spacing: 8px;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 576px) {
  .homeTitle .en {
    font-size: 7.2vw;
  }
}
.homeTitle .ch {
  font-size: 32px;
  font-weight: bold;
  font-family: "Noto serif TC", sans-serif;
  color: #463325;
  position: relative;
  z-index: 3;
}
@media (max-width: 320px) {
  .homeTitle .ch {
    font-size: 24px;
  }
}

.zoomImg {
  position: relative;
  overflow: hidden;
}
.zoomImg img {
  display: block;
  transform: scale(1);
  transition: 0.8s transform;
}
.zoomImg:hover img {
  transform: scale(1.2);
  transition: 0.8s transform;
}

.homeMore, .homeMoreGreen {
  margin: 36px 0 0;
  font-weight: bold;
}
.homeMore a, .homeMoreGreen a {
  padding: 12px 24px;
  border: solid 1px #463325;
  border-radius: 3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  font-weight: bold;
}
.homeMore a span, .homeMoreGreen a span {
  font-weight: bold;
}
.homeMore a:hover, .homeMoreGreen a:hover {
  background-color: rgba(70, 51, 37, 0.75);
  border: solid 1px #b4926a;
}
.homeMore a:hover span, .homeMoreGreen a:hover span {
  color: #fff;
}
.homeMore svg, .homeMore img, .homeMoreGreen svg, .homeMoreGreen img {
  width: 41px;
  display: inline-block;
}

.homeMoreGreen a {
  border: solid 1px #1e402f;
  color: #1e402f;
  margin-left: 12px;
}
.homeMoreGreen a:hover {
  background-color: rgba(30, 64, 47, 0.75);
  border: solid 1px #1e402f;
  color: #fff;
}

#c header {
  width: 200px;
  height: 100vh;
  top: 0%;
  left: 0;
  z-index: 99;
  background-color: #f4eee3;
  position: fixed;
}
@media (max-width: 1024px) {
  #c header {
    width: 100%;
    height: initial;
  }
}
#c header .menuBox {
  display: none;
}
@media (max-width: 1024px) {
  #c header .menuBox {
    display: block;
    position: absolute;
    top: 12px;
    right: 24px;
  }
}
#c header .menuBox p {
  font-size: 12px;
  color: #463325;
  font-family: "Barlow Condensed", sans-serif;
  padding-top: 38px;
  padding-left: 4px;
}
#c header .menuBox .menuBtn {
  border: solid 1px #463325;
  width: 36px;
  height: 36px;
  position: relative;
}
#c header .menuBox .menuBtn::before, #c header .menuBox .menuBtn::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 1px;
  background-color: #463325;
  left: 8px;
  transform: rotate(0deg);
  transition: 0.6s all;
}
#c header .menuBox .menuBtn::before {
  top: 8px;
}
#c header .menuBox .menuBtn::after {
  top: 24px;
}
#c header .menuBox .menuBtn span {
  position: absolute;
  width: 10px;
  height: 1px;
  background-color: #463325;
  left: 8px;
  top: 16px;
  opacity: 1;
  transition: 0.6s all;
}
#c header .menuBox .menuBtn p strong {
  display: block;
}
#c header .menuBox .menuBtn p i {
  display: none;
}
#c header .menuToggle .menuBtn {
  border-radius: 100%;
}
#c header .menuToggle .menuBtn span {
  opacity: 0;
  left: 24px;
}
#c header .menuToggle .menuBtn::before {
  transform: rotate(45deg);
  top: 16px;
}
#c header .menuToggle .menuBtn::after {
  transform: rotate(-45deg);
  top: 16px;
}
#c header .menuToggle p strong {
  display: none;
}
#c header .menuToggle p i {
  display: block;
}
#c header .content {
  overflow-y: auto;
}
@media (max-width: 1024px) {
  #c header .content {
    height: initial;
    padding: 24px 18px;
  }
}
@media (max-width: 576px) {
  #c header .content {
    padding: 16px 8px;
  }
}
#c header .content .menuClose {
  display: none;
}
#c header .content .row {
  align-content: space-between;
  height: 100vh;
  padding-bottom: 4vh;
}
@media (max-width: 1440px) {
  #c header .content .row {
    height: 100vh;
    align-content: center;
  }
}
@media (max-width: 1024px) {
  #c header .content .row {
    align-content: center;
    align-items: center;
    height: initial;
    padding-bottom: 0;
  }
}
#c header .content .row .logo {
  margin-bottom: 52px;
  width: 100%;
  display: none;
}
@media (max-width: 1440px) {
  #c header .content .row .logo {
    margin-top: 0;
  }
}
@media (max-width: 1024px) {
  #c header .content .row .logo {
    order: -2;
    flex: 0 0 50%;
    padding: 0;
    display: block;
    margin-bottom: 0;
  }
}
@media (max-width: 576px) {
  #c header .content .row .logo {
    padding-left: 18px;
    flex: 0 0 64%;
  }
}
#c header .content .row .logo img {
  max-width: 168px;
  margin: auto;
}
@media (max-width: 1024px) {
  #c header .content .row .logo img {
    max-width: 220px;
    margin: 0;
  }
}
@media (max-width: 576px) {
  #c header .content .row .logo img {
    max-width: 100%;
  }
}
@media (max-width: 1024px) {
  #c header .content .row .logo .pc {
    display: none;
  }
}
#c header .content .row .logo .xl {
  display: none;
}
@media (max-width: 1024px) {
  #c header .content .row .logo .xl {
    display: block;
  }
}
#c header .content .row .xs_search {
  display: none;
}
@media (max-width: 576px) {
  #c header .content .row .xs_search {
    display: block;
    position: relative;
    margin-bottom: 36px;
  }
}
#c header .content .row .xs_search .logo {
  display: none;
}
#c header .content .row .xs_search input {
  width: 100%;
  border: none;
  border-bottom: solid 1px #463325;
  height: 38px;
  background-color: transparent;
}
#c header .content .row .xs_search input::-moz-placeholder {
  color: #463325;
}
#c header .content .row .xs_search input::placeholder {
  color: #463325;
}
#c header .content .row .xs_search a {
  position: absolute;
  bottom: 12px;
  right: 8px;
  color: #463325;
}
#c header .content .row nav {
  width: 100%;
  max-height: 668px;
  overflow-y: auto;
  margin-top: 64px;
}
#c header .content .row nav .logo {
  margin-bottom: 52px;
  width: 100%;
  display: block;
}
@media (max-width: 1440px) {
  #c header .content .row nav .logo {
    margin-top: 0;
  }
}
@media (max-width: 1024px) {
  #c header .content .row nav .logo {
    order: -2;
    flex: 0 0 50%;
    padding: 0;
    display: none;
  }
}
@media (max-width: 576px) {
  #c header .content .row nav .logo {
    padding-left: 18px;
    flex: 0 0 64%;
  }
}
#c header .content .row nav .logo img {
  max-width: 168px;
  margin: auto;
}
@media (max-width: 1024px) {
  #c header .content .row nav .logo img {
    max-width: 100%;
    margin: 0;
  }
}
@media (max-width: 1024px) {
  #c header .content .row nav .logo .pc {
    display: none;
  }
}
#c header .content .row nav .logo .xl {
  display: none;
}
@media (max-width: 1024px) {
  #c header .content .row nav .logo .xl {
    display: block;
  }
}
@media (max-width: 1024px) {
  #c header .content .row nav {
    display: none;
    max-height: 100vh;
    height: 100vh;
  }
}
@media (max-width: 576px) {
  #c header .content .row nav {
    padding: 0;
    margin-top: 24px;
  }
}
#c header .content .row nav ul {
  padding: 0 16px;
  text-align: center;
}
@media (max-width: 1024px) {
  #c header .content .row nav ul {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (max-width: 576px) {
  #c header .content .row nav ul {
    padding: 0;
  }
}
#c header .content .row nav ul li {
  padding: 12px 0;
}
@media (max-width: 1024px) {
  #c header .content .row nav ul li {
    flex: 0 0 33.33%;
  }
}
@media (max-width: 576px) {
  #c header .content .row nav ul li {
    flex: 0 0 50%;
  }
}
#c header .content .row nav ul li a {
  display: inline-flex;
  align-items: center;
  color: #463325;
  border-bottom: solid 1px transparent;
  font-family: "Noto serif TC", sans-serif;
  font-weight: bold;
  position: relative;
}
@media (max-width: 576px) {
  #c header .content .row nav ul li a {
    display: block;
    text-align: center;
    padding: 12px 0;
  }
}
#c header .content .row nav ul li a p {
  padding-left: 13px;
  font-size: 12px;
  position: absolute;
  opacity: 0;
  transition: 0.5s all;
}
@media (max-width: 576px) {
  #c header .content .row nav ul li a p {
    padding: 0;
    font-size: 12px;
  }
}
#c header .content .row nav ul li a:hover {
  border-bottom: solid 1px #463325;
}
#c header .content .row nav ul li a:hover p {
  position: relative;
  opacity: 1;
}
#c header .content .row nav ul li .active {
  border-bottom: solid 1px #463325;
}
#c header .content .row nav ul li:first-child {
  display: none;
}
#c header .content .menu_icon {
  padding: 16px 0px;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
}
@media (max-width: 1024px) {
  #c header .content .menu_icon {
    order: -1;
    flex: 0 0 50%;
    border-top: none;
    text-align: right;
    padding: 0;
    padding-right: 80px;
    max-width: 210px;
    margin-left: auto;
  }
}
@media (max-width: 576px) {
  #c header .content .menu_icon {
    display: none;
  }
}
#c header .content .menu_icon .search_row {
  border-bottom: solid 1px #463325;
  width: 140px;
}
#c header .content .menu_icon input {
  border: none;
  background-color: transparent;
  color: #463325;
  width: 110px;
  margin: auto;
  text-align: center;
  margin-left: 18px;
  font-size: 14px;
  font-family: "Noto serif TC", sans-serif;
}
#c header .content .menu_icon input::-moz-placeholder {
  color: #463325;
}
#c header .content .menu_icon input::placeholder {
  color: #463325;
}
#c header .content .menu_icon .openSearchBox {
  position: absolute;
  left: 30px;
  display: none;
}
#c header .content .menu_icon .searchBtn {
  color: #463325;
  position: absolute;
  left: 24px;
  cursor: pointer;
}
@media (max-width: 1024px) {
  #c header .content .menu_icon .searchBtn {
    left: 0;
  }
}
@media (max-width: 1024px) {
  #c .fixed {
    position: fixed;
  }
}
#c .wrap {
  max-width: calc(100% - 200px);
  margin-left: auto;
}
@media (max-width: 1024px) {
  #c .wrap {
    max-width: 100%;
  }
}
#c footer {
  max-width: calc(100% - 200px);
  margin-left: auto;
  padding-top: 60px;
  position: relative;
  background-image: url("../img/footerBg.jpg");
  background-position: center;
  background-size: 60%;
}
@media (max-width: 1024px) {
  #c footer {
    max-width: 100%;
  }
}
@media (max-width: 576px) {
  #c footer {
    padding-bottom: 64px;
  }
}
#c footer .content {
  position: relative;
  z-index: 3;
}
@media (max-width: 576px) {
  #c footer .content {
    padding: 0 32px;
  }
}
#c footer .content .row_none .logo img {
  max-width: 240px;
  text-align: center;
  margin: auto;
}
#c footer .content .row_none .menu {
  max-width: 80%;
  margin: auto;
  margin: 36px auto;
}
@media (max-width: 425px) {
  #c footer .content .row_none .menu {
    max-width: 100%;
    margin: 24px auto;
  }
}
#c footer .content .row_none .menu ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#c footer .content .row_none .menu ul li:first-child {
  display: none;
}
#c footer .content .row_none .menu ul li {
  flex: 0 0 11.1111111111%;
  text-align: center;
}
@media (max-width: 768px) {
  #c footer .content .row_none .menu ul li {
    flex: 0 0 20%;
    padding: 4px 0;
  }
}
@media (max-width: 480px) {
  #c footer .content .row_none .menu ul li {
    flex: 0 0 33.3333333333%;
  }
}
#c footer .content .row_none .menu ul li a {
  color: #463325;
  font-family: "Noto serif TC", sans-serif;
  font-weight: 500;
  font-size: 16px;
}
#c footer .content .row_none .data {
  max-width: 80%;
  margin: auto;
  border-top: solid 1px #463325;
  border-bottom: solid 1px #463325;
  padding: 52px 36px;
  padding-right: 0;
}
@media (max-width: 425px) {
  #c footer .content .row_none .data {
    max-width: 100%;
    margin: 24px auto;
    padding: 32px 0;
  }
}
#c footer .content .row_none .data * {
  color: #463325;
}
#c footer .content .row_none .data section {
  display: flex;
  flex-wrap: wrap;
}
#c footer .content .row_none .data section ul {
  flex: 0 0 75%;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1292px) {
  #c footer .content .row_none .data section ul {
    flex: 0 0 100%;
  }
}
#c footer .content .row_none .data section ul li {
  flex: 0 0 33.33%;
  padding: 4px 0;
  font-family: "Noto serif TC", sans-serif;
  font-weight: 500;
}
@media (max-width: 1440px) {
  #c footer .content .row_none .data section ul li {
    flex: 0 0 50%;
  }
}
@media (max-width: 650px) {
  #c footer .content .row_none .data section ul li {
    flex: 0 0 100%;
  }
}
@media (max-width: 576px) {
  #c footer .content .row_none .data section ul li {
    display: flex;
    flex-wrap: wrap;
    padding: 4px 0;
    font-size: 14px;
  }
  #c footer .content .row_none .data section ul li span {
    flex: 0 0 82px;
  }
  #c footer .content .row_none .data section ul li span b {
    display: inline-block;
    width: 32px;
  }
  #c footer .content .row_none .data section ul li strong, #c footer .content .row_none .data section ul li a {
    flex: 0 0 calc(100% - 82px);
    max-width: calc(100% - 82px);
  }
}
#c footer .content .row_none .data section ol {
  flex: 0 0 25%;
  font-family: "Noto serif TC", sans-serif;
  font-weight: 500;
  position: relative;
  top: -2px;
}
@media (max-width: 1292px) {
  #c footer .content .row_none .data section ol {
    flex: 0 0 100%;
  }
}
@media (max-width: 576px) {
  #c footer .content .row_none .data section ol li {
    font-size: 14px;
  }
}
#c footer .content .row_none .data section ol p {
  padding: 6px 0;
}
@media (max-width: 576px) {
  #c footer .content .row_none .data section ol p {
    font-size: 14px;
  }
}
#c footer .content .row_none .data .footerCommunity {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 36px;
}
#c footer .content .row_none .data .footerCommunity div {
  padding: 0 8px;
}
@media (max-width: 576px) {
  #c footer .content .row_none .data .footerCommunity div {
    padding: 0 2px;
  }
}
#c footer .content .row_none .data .footerCommunity div a {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  background-color: #463325;
  text-align: center;
  line-height: 32px;
}
#c footer .content .row_none .data .footerCommunity div a i {
  color: #ffffff !important;
  position: relative;
  left: 1px;
}
#c footer .copyright {
  padding: 36px;
  text-align: center;
  font-size: 14px;
  font-family: "Noto serif TC", sans-serif;
  position: relative;
  z-index: 3;
  font-weight: 500;
}
#c footer .copyright * {
  color: #463325;
}
#c footer .copyright .privacyRow {
  padding-bottom: 8px;
}
#c footer .copyright .privacyRow * {
  color: #463325;
  padding: 0 12px;
}
#c footer .copyright .privacyRow a {
  border-right: solid 1px #463325;
  line-height: 1;
  display: inline-block;
}
#c footer .copyright .privacyRow a:last-child {
  border: none;
}
#c .homeBannerSection {
  margin-left: 200px;
  padding: 30px;
  background-color: #dcceba;
  position: relative;
}
@media (max-width: 1024px) {
  #c .homeBannerSection {
    margin-left: 0;
    margin-top: 70px;
  }
}
@media (max-width: 576px) {
  #c .homeBannerSection {
    padding: 0px;
  }
}
#c .homeBannerSection article {
  text-align: center;
  font-size: 18px;
  text-align: center;
  font-weight: 500;
  padding: 32px 0 8px;
  color: #463325;
}
@media (max-width: 768px) {
  #c .homeBannerSection article {
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  #c .homeBannerSection article {
    padding: 12px 0;
  }
}
#c .homeBannerSection article br {
  display: none;
}
@media (max-width: 576px) {
  #c .homeBannerSection article br {
    display: block;
  }
}
@media (max-width: 576px) {
  #c .homeBannerSection article p {
    padding: 6px 36px;
    font-size: 15px;
  }
  #c .homeBannerSection article p br {
    display: none;
  }
}
#c .homeBannerSection .arrow {
  background-color: transparent;
  border: none;
  position: absolute;
  z-index: 5;
  top: calc(50% - 36px);
  cursor: pointer;
}
#c .homeBannerSection .arrow img, #c .homeBannerSection .arrow svg {
  transform: scale(0.6);
}
#c .homeBannerSection .prev {
  left: 32px;
}
@media (max-width: 576px) {
  #c .homeBannerSection .prev {
    left: 0;
  }
}
#c .homeBannerSection .next {
  right: 32px;
}
@media (max-width: 576px) {
  #c .homeBannerSection .next {
    right: 0;
  }
}
#c .homeBannerSection figure {
  border-radius: 30px;
}
@media (max-width: 576px) {
  #c .homeBannerSection figure {
    border: none;
  }
}
#c .homeBannerSection figure img {
  aspect-ratio: 1640/900;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  border-radius: 30px 240px 30px 30px;
}
@media (max-width: 960px) {
  #c .homeBannerSection figure img {
    aspect-ratio: 960/900;
  }
}
@media (max-width: 576px) {
  #c .homeBannerSection figure img {
    aspect-ratio: 500/768;
    border-radius: 0;
  }
}
#c .homeBannerSection .pc {
  display: block !important;
}
@media (max-width: 960px) {
  #c .homeBannerSection .pc {
    display: none !important;
  }
}
#c .homeBannerSection .md {
  display: none !important;
}
@media (max-width: 960px) {
  #c .homeBannerSection .md {
    display: block !important;
  }
}
@media (max-width: 576px) {
  #c .homeBannerSection .md {
    display: none !important;
  }
}
#c .homeBannerSection .xs {
  display: none !important;
}
@media (max-width: 576px) {
  #c .homeBannerSection .xs {
    display: block !important;
  }
}
#c .homeBannerSection .homeBanner .slick-dots {
  position: absolute;
  left: 0;
  bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}
#c .homeBannerSection .homeBanner .slick-dots li {
  width: 12px;
  height: 12px;
  border-radius: 100%;
  margin: 0 4px;
  background-color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
}
#c .homeBannerSection .homeBanner .slick-dots li button {
  display: none;
}
#c .homeBannerSection .homeBanner .slick-dots .slick-active {
  background-color: #fff;
}
#c .homeAbout {
  background-image: url("../img/homeAboutBg.jpg");
  background-size: 60%;
  padding: 120px 0 120px;
}
@media (max-width: 576px) {
  #c .homeAbout {
    padding: 52px 0;
  }
}
#c .homeAbout .homeAboutRow {
  padding-bottom: 88px;
}
@media (max-width: 1292px) {
  #c .homeAbout .homeAboutRow {
    max-width: 900px;
    margin: auto;
  }
}
#c .homeAbout .homeAboutRow .mobileTitle {
  display: none;
}
@media (max-width: 576px) {
  #c .homeAbout .homeAboutRow .mobileTitle {
    display: block;
    padding: 32px;
  }
}
@media (max-width: 576px) {
  #c .homeAbout .homeAboutRow .mobileTitle .ch {
    padding-left: 32px;
  }
}
@media (max-width: 576px) {
  #c .homeAbout .homeAboutRow .mobileTitle img {
    max-width: 72%;
    margin: auto;
  }
}
#c .homeAbout .homeAboutRow .homeAboutSlick {
  flex: 0 0 50%;
  max-width: 50%;
}
@media (max-width: 1292px) {
  #c .homeAbout .homeAboutRow .homeAboutSlick {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
#c .homeAbout .homeAboutRow .homeAboutSlick .slick-dots {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 24px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  cursor: pointer;
}
#c .homeAbout .homeAboutRow .homeAboutSlick .slick-dots li {
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  margin: 0 4px;
}
#c .homeAbout .homeAboutRow .homeAboutSlick .slick-dots li button {
  display: none;
}
#c .homeAbout .homeAboutRow .homeAboutSlick .slick-dots .slick-active {
  background-color: #463325;
}
#c .homeAbout .homeAboutRow .homeAboutSlick img {
  aspect-ratio: 620/380;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media (max-width: 1440px) {
  #c .homeAbout .homeAboutRow .homeAboutSlick img {
    aspect-ratio: 620/500;
  }
}
@media (max-width: 1292px) {
  #c .homeAbout .homeAboutRow .homeAboutSlick img {
    aspect-ratio: 620/380;
  }
}
#c .homeAbout .homeAboutRow article {
  padding: 0 64px;
  flex: 0 0 50%;
  padding-right: 88px;
}
@media (max-width: 1292px) {
  #c .homeAbout .homeAboutRow article {
    padding: 36px 12px;
    flex: 0 0 100%;
  }
}
@media (max-width: 960px) {
  #c .homeAbout .homeAboutRow article {
    padding: 32px;
  }
}
#c .homeAbout .homeAboutRow article .homeTitle {
  max-width: 272px;
  text-align: center;
}
@media (max-width: 576px) {
  #c .homeAbout .homeAboutRow article .homeTitle {
    display: none;
  }
}
#c .homeAbout .homeAboutRow article figure {
  margin-bottom: 36px;
}
@media (max-width: 576px) {
  #c .homeAbout .homeAboutRow article figure {
    display: none;
  }
}
#c .homeAbout .homeAboutRow article figure img {
  margin: auto;
}
#c .homeAbout .homeAboutRow article p {
  text-align: justify;
  line-height: 1.6;
  color: #463325;
  font-size: 18px;
}
@media (max-width: 1440px) {
  #c .homeAbout .homeAboutRow article p {
    line-height: 1.8;
    color: #463325;
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  #c .homeAbout .homeAboutRow article p {
    font-size: 15px;
    line-height: 1.8;
  }
}
#c .homeAbout .homeAboutRow article .greenFont {
  color: #1e402f;
}
#c .homeAbout .homeAboutRow article .homeMore {
  text-align: right;
}
#c .homeAbout .homeAboutRow article .homeMore a {
  margin-left: auto;
  color: #463325;
  font-weight: bold;
}
#c .homeAbout .homeAboutRow article .homeMore a img {
  margin-left: 8px;
}
@media (max-width: 1440px) {
  #c .homeAbout .homeAboutRowSecond {
    max-width: 900px;
    margin: auto;
  }
}
#c .homeAbout .homeAboutRowSecond .mobileTitle {
  display: none;
}
@media (max-width: 576px) {
  #c .homeAbout .homeAboutRowSecond .mobileTitle {
    text-align: center;
    width: 100%;
    display: block;
  }
}
@media (max-width: 576px) {
  #c .homeAbout .homeAboutRowSecond .mobileTitle .homeTitle .en {
    font-size: 5.2vw;
    letter-spacing: 4px;
    top: 16px;
    width: 100%;
  }
}
#c .homeAbout .homeAboutRowSecond .mobileTitle .homeTitle .ch {
  color: #1e402f;
}
#c .homeAbout .homeAboutRowSecond .figure {
  flex: 0 0 42%;
  margin-top: 12px;
}
@media (max-width: 1440px) {
  #c .homeAbout .homeAboutRowSecond .figure {
    flex: 0 0 100%;
    order: 1;
  }
}
@media (max-width: 576px) {
  #c .homeAbout .homeAboutRowSecond .figure {
    padding: 0 32px;
  }
}
#c .homeAbout .homeAboutRowSecond .figure img {
  margin-left: auto;
  aspect-ratio: 620/380;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media (max-width: 1292px) {
  #c .homeAbout .homeAboutRowSecond .figure img {
    aspect-ratio: 620/380;
  }
}
#c .homeAbout .homeAboutRowSecond article {
  padding: 0 64px;
  flex: 0 0 58%;
  padding-right: 88px;
}
@media (max-width: 1440px) {
  #c .homeAbout .homeAboutRowSecond article {
    padding: 36px 12px;
    flex: 0 0 100%;
    order: 2;
  }
}
@media (max-width: 960px) {
  #c .homeAbout .homeAboutRowSecond article {
    padding: 32px;
  }
}
@media (max-width: 320px) {
  #c .homeAbout .homeAboutRowSecond article {
    padding: 24px;
  }
}
#c .homeAbout .homeAboutRowSecond article .homeTitle {
  text-align: center;
}
@media (max-width: 576px) {
  #c .homeAbout .homeAboutRowSecond article .homeTitle {
    display: none;
  }
}
#c .homeAbout .homeAboutRowSecond article .homeTitle .en {
  line-height: 1;
  font-size: 56px;
  letter-spacing: 0;
  width: 100%;
}
@media (max-width: 576px) {
  #c .homeAbout .homeAboutRowSecond article .homeTitle .en {
    font-size: 7.2vw;
  }
}
#c .homeAbout .homeAboutRowSecond article figure {
  margin: 52px 0;
  font-family: "Noto serif TC", sans-serif;
  color: #ffffff;
  text-align: center;
  font-size: 36px;
  font-weight: bold;
}
@media (max-width: 576px) {
  #c .homeAbout .homeAboutRowSecond article figure {
    font-size: 24px;
    margin: 24px 0;
    display: none;
  }
}
@media (max-width: 390px) {
  #c .homeAbout .homeAboutRowSecond article figure {
    font-size: 18px;
  }
}
#c .homeAbout .homeAboutRowSecond article figure img {
  margin: auto;
}
#c .homeAbout .homeAboutRowSecond article p {
  text-align: justify;
  line-height: 1.6;
  color: #463325;
  font-size: 18px;
}
@media (max-width: 576px) {
  #c .homeAbout .homeAboutRowSecond article p {
    font-size: 15px;
    line-height: 1.8;
  }
}
#c .homeAbout .homeAboutRowSecond article .greenFont {
  color: #1e402f;
}
#c .homeAbout .homeAboutRowSecond article .homeMoreGreen {
  text-align: right;
  padding-top: 36px;
}
#c .homeAbout .homeAboutRowSecond article .homeMoreGreen a {
  font-weight: bold;
  margin: 6px;
}
#c .homeAbout .homeAboutRowSecond article .homeMoreGreen a img {
  margin-left: 8px;
}
#c .homeBlock {
  background-image: url("../img/homeBlockBg.jpg");
  background-size: 60%;
  padding: 88px 0;
}
@media (max-width: 576px) {
  #c .homeBlock {
    padding: 32px 0;
  }
}
#c .homeBlock .row {
  padding: 0 16px;
}
#c .homeBlock .row .col {
  padding: 16px;
  flex: 0 0 25%;
}
@media (max-width: 576px) {
  #c .homeBlock .row .col {
    padding: 8px;
  }
}
#c .homeBlock .row .col figure {
  box-shadow: 1px 4px 9px #6f6f6f;
  border-radius: 32px;
  position: relative;
  transition: 0.7s all;
}
@media (max-width: 576px) {
  #c .homeBlock .row .col figure {
    border-radius: 16px;
  }
}
#c .homeBlock .row .col figure img {
  aspect-ratio: 392/500;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  border-radius: 32px;
}
@media (max-width: 576px) {
  #c .homeBlock .row .col figure img {
    border-radius: 16px;
  }
}
#c .homeBlock .row .col figure .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(35, 24, 21, 0);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-size: 32px;
  font-weight: bold;
  border-radius: 32px;
  transition: 0.6s all;
}
@media (max-width: 576px) {
  #c .homeBlock .row .col figure .mask {
    border-radius: 16px;
    font-size: 20px;
  }
}
#c .homeBlock .row .col figure .mask span {
  text-shadow: 1px 2px 3px #231815;
}
#c .homeBlock .row .col figure:hover {
  box-shadow: 0px 0px 0px #6f6f6f;
}
#c .homeBlock .row .col figure:hover .mask {
  background-color: rgba(35, 24, 21, 0.2);
}
@media (max-width: 1024px) {
  #c .homeBlock .dataNum5 {
    max-width: 768px;
    margin: auto;
  }
}
#c .homeBlock .dataNum5 .col {
  flex: 0 0 20%;
}
@media (max-width: 1024px) {
  #c .homeBlock .dataNum5 .col {
    flex: 0 0 50%;
  }
}
@media (max-width: 576px) {
  #c .homeBlock .dataNum5 .col {
    flex: 0 0 100%;
  }
}
@media (max-width: 1024px) {
  #c .homeBlock .dataNum4 {
    max-width: 768px;
    margin: auto;
  }
}
#c .homeBlock .dataNum4 .col {
  flex: 0 0 25%;
}
@media (max-width: 1024px) {
  #c .homeBlock .dataNum4 .col {
    flex: 0 0 50%;
  }
}
@media (max-width: 576px) {
  #c .homeBlock .dataNum4 .col {
    flex: 0 0 50%;
  }
}
#c .homeBlock .dataNum3 .col {
  flex: 0 0 33.33%;
}
#c .homeBlock .dataNum2 .col {
  flex: 0 0 50%;
}
#c .homeBlock .dataNum2 .col figure img {
  aspect-ratio: 500/292;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  border-radius: 32px;
}
#c .homeBlock .dataNum1 .col {
  flex: 0 0 100%;
}
#c .homeBlock .dataNum1 .col figure img {
  aspect-ratio: 16/5;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  border-radius: 32px;
}
#c .homeBlock article {
  font-size: 18px;
  text-align: center;
  font-weight: 500;
  padding: 32px 0 8px;
  color: #463325;
}
@media (max-width: 576px) {
  #c .homeBlock article {
    font-size: 16px;
    padding: 16px 16px;
    padding-bottom: 0;
  }
  #c .homeBlock article br {
    display: none;
  }
}
#c .homeProduct {
  background-image: url("../img/homeProductBg.jpg");
  background-size: cover;
  padding: 80px 0;
}
#c .homeProduct .homeTitle {
  text-align: center;
}
#c .homeProduct .homeTitle .en {
  width: 100%;
}
#c .homeProduct .productRow {
  display: flex;
  flex-wrap: wrap;
  padding: 16px 12%;
}
@media (max-width: 1024px) {
  #c .homeProduct .productRow {
    padding: 16px 6%;
  }
}
@media (max-width: 576px) {
  #c .homeProduct .productRow {
    padding: 16px 32px;
  }
}
#c .homeProduct .productRow .rowCol {
  padding: 16px;
  flex: 0 0 33.33%;
}
@media (max-width: 960px) {
  #c .homeProduct .productRow .rowCol {
    flex: 0 0 50%;
  }
}
@media (max-width: 576px) {
  #c .homeProduct .productRow .rowCol {
    flex: 0 0 100%;
  }
}
#c .homeProduct .productRow .rowCol figure {
  border-radius: 32px;
  position: relative;
}
@media (max-width: 576px) {
  #c .homeProduct .productRow .rowCol figure {
    min-height: 20vw;
  }
}
#c .homeProduct .productRow .rowCol figure img {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  border-radius: 32px;
}
@media (max-width: 576px) {
  #c .homeProduct .productRow .rowCol figure img {
    height: auto;
  }
}
#c .homeProduct .productRow .rowCol figure .homeProArt {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(35, 24, 21, 0);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  color: transparent;
  font-size: 32px;
  font-weight: bold;
  border-radius: 32px;
  transition: 0.6s all;
}
#c .homeProduct .productRow .rowCol figure:hover .homeProArt {
  color: #fff;
  background-color: rgba(35, 24, 21, 0.2);
}
#c .homeProduct .productRow .arrow {
  position: absolute;
  z-index: 5;
  top: 50%;
  background-color: transparent;
  border: none;
}
#c .homeProduct .productRow .arrow img {
  transform: scale(0.85);
}
#c .homeProduct .productRow .prev {
  left: 0;
}
#c .homeProduct .productRow .next {
  right: 0;
}
#c .homeProduct .homeMore {
  text-align: center;
}
#c .homeProduct .homeMore a {
  color: #463325;
}
#c .homeAlbum {
  background-image: url("../img/homeAlbumBg.jpg");
  background-size: cover;
  padding: 80px 0;
}
#c .homeAlbum .homeTitle {
  text-align: center;
}
#c .homeAlbum .homeTitle .en {
  width: 100%;
  color: rgba(255, 255, 255, 0.8);
}
#c .homeAlbum .container {
  max-width: 1600px;
}
@media (max-width: 1440px) {
  #c .homeAlbum .container {
    padding: 0;
  }
}
@media (max-width: 1080px) {
  #c .homeAlbum .albumSlick {
    padding: 0 64px;
  }
}
@media (max-width: 576px) {
  #c .homeAlbum .albumSlick {
    padding: 0 32px;
  }
}
#c .homeAlbum .albumSlick .arrow {
  position: absolute;
  z-index: 5;
  top: calc(50% - 36px);
  border: none;
  background-color: transparent;
  cursor: pointer;
}
@media (max-width: 1292px) {
  #c .homeAlbum .albumSlick .arrow img {
    transform: scale(0.85);
  }
}
#c .homeAlbum .albumSlick .prev {
  left: 31%;
}
@media (max-width: 1292px) {
  #c .homeAlbum .albumSlick .prev {
    left: 30%;
  }
}
@media (max-width: 1080px) {
  #c .homeAlbum .albumSlick .prev {
    left: 46px;
  }
}
@media (max-width: 576px) {
  #c .homeAlbum .albumSlick .prev {
    left: 0%;
  }
}
#c .homeAlbum .albumSlick .next {
  left: 65%;
}
@media (max-width: 1292px) {
  #c .homeAlbum .albumSlick .next {
    left: 64%;
  }
}
@media (max-width: 1080px) {
  #c .homeAlbum .albumSlick .next {
    left: auto;
    right: 46px;
  }
}
@media (max-width: 576px) {
  #c .homeAlbum .albumSlick .next {
    right: 0%;
  }
}
#c .homeAlbum .albumSlick .homeCol {
  padding: 16px 72px;
}
@media (max-width: 1292px) {
  #c .homeAlbum .albumSlick .homeCol {
    padding: 16px 52px;
  }
}
@media (max-width: 1080px) {
  #c .homeAlbum .albumSlick .homeCol {
    padding: 16px;
  }
}
#c .homeAlbum .albumSlick .homeCol figure {
  position: relative;
}
#c .homeAlbum .albumSlick .homeCol figure img {
  aspect-ratio: 392/500;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  border-radius: 32px;
}
#c .homeAlbum .albumSlick .homeCol figure .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(35, 24, 21, 0);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  color: rgba(255, 255, 255, 0);
  font-size: 32px;
  font-weight: bold;
  border-radius: 32px;
  transition: 0.6s all;
  pointer-events: none;
}
#c .homeAlbum .albumSlick .homeCol figure:hover .mask {
  background-color: rgba(35, 24, 21, 0.2);
  color: white;
}
#c .homeAlbum .homeMore {
  text-align: center;
}
#c .homeAlbum .homeMore a {
  color: #463325;
}
#c .homeBranch {
  background-image: url("../img/homeBranchBg.jpg");
  background-size: 60%;
  padding: 80px 0;
}
#c .homeBranch .homeTitle {
  text-align: center;
}
#c .homeBranch .homeTitle .en {
  width: 100%;
  color: rgba(255, 255, 255, 0.25);
  text-transform: uppercase;
}
#c .homeBranch .homeMore {
  text-align: center;
}
@media (max-width: 576px) {
  #c .homeBranch .homeMore {
    margin-top: 0;
  }
}
#c .homeBranch .homeMore a {
  color: #463325;
}
#c .homeBranch .homeBranchRow {
  display: flex;
  flex-wrap: wrap;
  padding: 32px 16px;
}
@media (max-width: 1440px) {
  #c .homeBranch .homeBranchRow {
    padding: 0px 16px;
    max-width: 100%;
    margin: auto;
  }
}
#c .homeBranch .homeBranchRow .arrow {
  position: absolute;
  z-index: 5;
  top: 28%;
  background-color: transparent;
  border: none;
}
#c .homeBranch .homeBranchRow .arrow img {
  transform: scale(0.85);
}
#c .homeBranch .homeBranchRow .prev {
  left: 0;
}
#c .homeBranch .homeBranchRow .next {
  right: 0;
}
#c .homeBranch .homeBranchRow .col {
  padding: 16px;
  flex: 0 0 25%;
}
@media (max-width: 576px) {
  #c .homeBranch .homeBranchRow .col {
    flex: 0 0 50%;
    padding: 8px;
  }
}
#c .homeBranch .homeBranchRow .col figure {
  border-radius: 32px;
}
#c .homeBranch .homeBranchRow .col figure img {
  aspect-ratio: 1/1;
  border-radius: 32px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
#c .homeBranch .homeBranchRow .col article {
  padding: 12px;
}
#c .homeBranch .homeBranchRow .col article h2 {
  font-size: 24px;
  padding: 8px 0;
  font-weight: 600;
  color: #463325;
  text-align: center;
}
@media (max-width: 1440px) {
  #c .homeBranch .homeBranchRow .col article h2 {
    font-size: 22px;
  }
}
@media (max-width: 576px) {
  #c .homeBranch .homeBranchRow .col article h2 {
    font-size: 3.5vw;
  }
}
#c .homeBranch .homeBranchRow .col article h2 a {
  font-weight: 600;
  color: #463325;
}
#c .homeBranch .homeBranchRow .col article ul li {
  display: flex;
  flex-wrap: wrap;
  color: #463325;
  padding-bottom: 6px;
}
@media (max-width: 1440px) {
  #c .homeBranch .homeBranchRow .col article ul li {
    font-size: 14px;
  }
}
@media (max-width: 576px) {
  #c .homeBranch .homeBranchRow .col article ul li {
    font-size: 14px;
    text-align: center;
  }
}
@media (max-width: 425px) {
  #c .homeBranch .homeBranchRow .col article ul li {
    text-align: left;
  }
}
#c .homeBranch .homeBranchRow .col article ul li a {
  color: #463325;
}
#c .homeBranch .homeBranchRow .col article ul li span {
  flex: 0 0 104px;
}
@media (max-width: 1440px) {
  #c .homeBranch .homeBranchRow .col article ul li span {
    flex: 0 0 100%;
  }
}
@media (max-width: 576px) {
  #c .homeBranch .homeBranchRow .col article ul li span {
    display: none;
  }
}
@media (max-width: 1440px) {
  #c .homeBranch .homeBranchRow .col article ul li b {
    display: none;
  }
}
@media (max-width: 576px) {
  #c .homeBranch .homeBranchRow .col article ul li b {
    display: block;
  }
}
#c .homeBranch .homeBranchRow .col article ul li strong {
  flex: 0 0 calc(100% - 104px);
  max-width: calc(100% - 104px);
}
@media (max-width: 1440px) {
  #c .homeBranch .homeBranchRow .col article ul li strong {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 576px) {
  #c .homeBranch .homeBranchRow .col article ul li strong {
    text-align: center;
  }
}
@media (max-width: 425px) {
  #c .homeBranch .homeBranchRow .col article ul li strong {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 3px 0 12px;
  }
}
@media (max-width: 576px) {
  #c .homeBranch .homeBranchRow .col article ul .pc {
    display: none;
  }
}
#c .homeNews {
  background-image: url("../img/homeNewsBg.jpg");
  background-size: 60%;
  padding: 80px 0;
}
@media (max-width: 1292px) {
  #c .homeNews {
    padding: 64px 16px;
  }
}
@media (max-width: 960px) {
  #c .homeNews {
    padding: 52px 32px;
  }
}
#c .homeNews .homeTitle {
  text-align: center;
}
#c .homeNews .homeTitle .en {
  width: 100%;
  color: rgba(255, 255, 255, 0.25);
  text-transform: uppercase;
}
#c .homeNews .homeNewsRow {
  max-width: 1440px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  padding: 0 8%;
}
@media (max-width: 576px) {
  #c .homeNews .homeNewsRow {
    display: block;
    padding: 0;
  }
}
#c .homeNews .homeNewsRow .content {
  flex: 0 0 calc(100% - 212px);
  padding-right: 16px;
}
@media (max-width: 1292px) {
  #c .homeNews .homeNewsRow .content {
    flex: 0 0 100%;
  }
}
@media (max-width: 576px) {
  #c .homeNews .homeNewsRow .content {
    padding-right: 0;
  }
}
#c .homeNews .homeNewsRow .content .newsSlick .arrow {
  position: absolute;
  z-index: 5;
  top: 24%;
  background-color: transparent;
  border: none;
}
#c .homeNews .homeNewsRow .content .newsSlick .arrow img {
  transform: scale(0.85);
}
#c .homeNews .homeNewsRow .content .newsSlick .prev {
  left: -26px;
}
#c .homeNews .homeNewsRow .content .newsSlick .next {
  right: -26px;
}
#c .homeNews .homeNewsRow .content .slider {
  border-bottom: solid 1px #463325;
  padding-bottom: 28px;
  margin-bottom: 28px;
  display: flex;
  flex-wrap: wrap;
}
#c .homeNews .homeNewsRow .content .slider figure {
  flex: 0 0 25%;
}
@media (max-width: 768px) {
  #c .homeNews .homeNewsRow .content .slider figure {
    flex: 0 0 36%;
  }
}
@media (max-width: 576px) {
  #c .homeNews .homeNewsRow .content .slider figure {
    flex: 0 0 100%;
  }
}
#c .homeNews .homeNewsRow .content .slider figure img {
  aspect-ratio: 248/173;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media (max-width: 576px) {
  #c .homeNews .homeNewsRow .content .slider figure img {
    max-width: 100%;
    width: initial;
  }
}
#c .homeNews .homeNewsRow .content .slider article {
  flex: 0 0 75%;
  padding-left: 52px;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}
@media (max-width: 768px) {
  #c .homeNews .homeNewsRow .content .slider article {
    flex: 0 0 64%;
    padding-left: 24px;
  }
}
@media (max-width: 576px) {
  #c .homeNews .homeNewsRow .content .slider article {
    flex: 0 0 100%;
    padding-left: 0;
    padding-top: 16px;
  }
}
#c .homeNews .homeNewsRow .content .slider article .homeColArt {
  flex: 0 0 100%;
  color: #463325;
}
#c .homeNews .homeNewsRow .content .slider article .homeColArt section {
  font-size: 24px;
  font-weight: 600;
}
@media (max-width: 576px) {
  #c .homeNews .homeNewsRow .content .slider article .homeColArt section {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 4px;
  }
}
#c .homeNews .homeNewsRow .content .slider article .description {
  font-size: 18px;
  font-family: "Noto Sans TC", sans-serif;
  color: #463325;
  font-weight: 350;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
  #c .homeNews .homeNewsRow .content .slider article .description {
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  #c .homeNews .homeNewsRow .content .slider article .description {
    margin-top: 12px;
  }
}
#c .homeNews .homeNewsRow .homeMore {
  flex: 0 0 212px;
  padding-left: 16px;
  padding-bottom: 24px;
}
@media (max-width: 1292px) {
  #c .homeNews .homeNewsRow .homeMore {
    text-align: center;
    flex: 0 0 100%;
  }
}
#c .homeNews .homeNewsRow .homeMore a {
  color: #463325;
}

#c {
  font-weight: 400;
  line-height: 1.8;
}
#c .searchBox {
  display: none;
}
#c .fixedRow {
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  display: none;
  z-index: 99;
}
@media (max-width: 576px) {
  #c .fixedRow {
    display: flex;
    background-color: #463325;
    padding: 12px 0;
    text-align: center;
  }
}
#c .fixedRow div {
  flex: 0 0 25%;
  border-left: solid 1px #fff;
  font-size: 12px;
}
#c .fixedRow div a {
  color: #fff;
}
#c .fixedRow div:first-child {
  border: none;
}
#c .categoryNav {
  padding: 52px 0;
  text-align: center;
}
#c .categoryNav button {
  background-color: transparent;
  border: none;
  font-size: 16px;
  padding: 8px 16px;
  border-right: solid 1px var(--main-color);
  cursor: pointer;
  line-height: 1;
  color: var(--article-color);
}
@media (max-width: 960px) {
  #c .categoryNav button {
    width: 100%;
    padding: 16px;
    border-bottom: solid 1px var(--main-color);
    border-left: solid 1px var(--main-color);
  }
}
#c .categoryNav button:hover {
  color: var(--main-color);
}
@media (max-width: 960px) {
  #c .categoryNav button:hover {
    color: var(--article-color);
  }
}
#c .categoryNav button:last-child {
  border: none;
}
@media (max-width: 960px) {
  #c .categoryNav button:last-child {
    border-bottom: solid 1px var(--main-color);
    border-left: solid 1px var(--main-color);
    border-right: solid 1px var(--main-color);
  }
}
#c .categoryNav .active {
  color: #fff;
  background-color: var(--main-color);
}
@media (max-width: 576px) {
  #c .categoryNav .active {
    color: #262626;
  }
}
@media (max-width: 960px) {
  #c .categoryNav .mobileNone {
    width: 100%;
    border: none;
    background-color: var(--main-color);
    color: #fff !important;
    padding: 16px;
    position: relative;
  }
  #c .categoryNav .mobileNone i {
    position: absolute;
    right: 16px;
    top: 12px;
    transform: rotate(90deg);
  }
}
#c .navOpen button {
  display: block;
}
#c .navOpen .mobileNone i {
  transform: rotate(-90deg);
}
#c .communityRow {
  position: fixed;
  right: 16px;
  bottom: 16%;
  z-index: 9;
}
@media (max-width: 1440px) {
  #c .communityRow {
    right: 8px;
  }
}
@media (max-width: 1024px) {
  #c .communityRow {
    bottom: 4%;
  }
}
@media (max-width: 576px) {
  #c .communityRow {
    display: none;
  }
}
#c .communityRow div {
  padding: 8px;
}
#c .communityRow div a {
  display: block;
  background-color: #b4926a;
  color: #fff;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  text-align: center;
  line-height: 32px;
}
#c .communityRow .b-top, #c .communityRow .d-top {
  display: none;
}
#c .communityRow .a-top {
  width: 32px;
  cursor: pointer;
  margin-top: 24px;
}
#c .communityRow .a-top circle {
  fill: #fff;
  stroke: #fff;
}
#c .communityRow .a-top path {
  fill: #ffffff;
}
#c .communityRow .a-top path:nth-child(2) {
  fill: transparent;
  stroke: #fff;
}
#c .communityRow .communityBtn {
  display: none;
}
#c .banner {
  display: flex;
  flex-wrap: wrap;
  max-width: calc(100% - 200px);
  margin-left: auto;
  align-items: flex-end;
  position: relative;
}
@media (max-width: 1024px) {
  #c .banner {
    max-width: 100%;
  }
}
@media (max-width: 576px) {
  #c .banner {
    margin-top: 72px;
  }
}
#c .banner picture {
  flex: 0 0 68%;
  max-width: 68%;
  order: 2;
}
@media (max-width: 576px) {
  #c .banner picture {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
#c .banner picture img {
  aspect-ratio: 82/16;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media (max-width: 960px) {
  #c .banner picture img {
    aspect-ratio: 82/50;
  }
}
@media (max-width: 576px) {
  #c .banner picture img {
    aspect-ratio: 500/300;
  }
}
#c .banner article {
  flex: 0 0 32%;
  max-width: 32%;
  padding-left: 4%;
  padding-bottom: 4%;
}
@media (max-width: 576px) {
  #c .banner article {
    position: absolute;
    left: 24px;
    bottom: 24px;
  }
}
#c .banner article .chArt {
  color: #004e72;
  font-size: 36px;
  font-weight: bold;
  white-space: nowrap;
}
@media (max-width: 576px) {
  #c .banner article .chArt {
    color: #fff;
    font-size: 24px;
  }
}
#c .banner article .enArt {
  text-transform: uppercase;
  font-size: 55px;
  font-weight: bold;
  letter-spacing: 0;
  font-family: "Noto serif TC", sans-serif;
  color: #b4926a;
  line-height: 1;
}
@media (max-width: 576px) {
  #c .banner article .enArt {
    font-size: 36px;
  }
}
#c .container {
  max-width: 1280px;
  margin: auto;
}
@media (max-width: 1440px) {
  #c .container {
    padding: 0 72px;
  }
}
@media (max-width: 576px) {
  #c .container {
    padding: 0 32px;
  }
}
#c .wrap {
  padding: 0 0 60px 0;
}
#c .wrap .dataRow .row {
  margin: -16px;
}
#c .wrap .dataRow .row .col {
  flex: 0 0 50%;
  padding: 16px;
  position: relative;
}
@media (max-width: 576px) {
  #c .wrap .dataRow .row .col {
    flex: 0 0 100%;
  }
}
#c .wrap .dataRow .row .col .imgInfo img {
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
#c .wrap .dataRow .row .col .article .classify {
  padding: 12px 0;
}
#c .wrap .dataRow .row .col .article .classify .list {
  position: absolute;
  top: 16px;
  right: 16px;
  background-color: var(--main-color) !important;
  color: #fff !important;
  padding: 8px 20px;
}
#c .wrap .dataRow .row .col .article .classify .date {
  font-size: 14px;
  color: #313131;
  padding-left: 16px;
  border-left: solid 1px var(--main-color);
  line-height: 1;
}
#c .wrap .dataRow .row .col .article .title {
  color: var(--main-color);
  font-size: 20px;
  margin-bottom: 4px;
}
#c .wrap .dataRow .row .col .article .description {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--article-color);
}
#c .wrap .dataRow .row .col:first-child {
  flex: 0 0 100%;
}
#c .wrap .video .row {
  margin: -16px;
}
#c .wrap .video .row .col {
  padding: 16px;
  flex: 0 0 33.3333333333%;
  margin-bottom: 28px;
  position: relative;
}
@media (max-width: 1292px) {
  #c .wrap .video .row .col {
    flex: 0 0 50%;
  }
}
@media (max-width: 700px) {
  #c .wrap .video .row .col {
    flex: 0 0 100%;
  }
}
#c .wrap .video .row .col iframe, #c .wrap .video .row .col video {
  width: 100%;
  aspect-ratio: 16/12;
  -o-object-fit: cover;
     object-fit: cover;
}
#c .wrap .video .row .col .intro .classify {
  padding: 8px 0;
}
#c .wrap .video .row .col .intro .classify .list {
  position: absolute;
  right: 16px;
  top: 16px;
  padding: 12px 20px;
  background-color: var(--main-color);
  color: #fff;
}
#c .wrap .video .row .col .intro .classify .date {
  padding-left: 16px;
  border-left: solid 1px var(--main-color);
  color: #344047;
  font-size: 14px;
  height: 14px;
  line-height: 1;
}
#c .wrap .video .row .col .intro .description {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--article-color);
}
#c .wrap .video .row .col .intro .title {
  font-size: 20px;
  color: var(--main-color);
  margin-bottom: 4px;
}
#c .wrap .download .row {
  margin: -16px;
}
#c .wrap .download .row .col {
  flex: 0 0 33.33% !important;
  padding: 16px;
  position: relative;
}
@media (max-width: 1292px) {
  #c .wrap .download .row .col {
    flex: 0 0 50% !important;
  }
}
@media (max-width: 700px) {
  #c .wrap .download .row .col {
    flex: 0 0 100% !important;
  }
}
#c .wrap .download .row .col .imgInfo img {
  aspect-ratio: 16/12;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
#c .wrap .download .row .col .intro {
  background-color: #f8f8f8;
  padding: 16px;
}
#c .wrap .download .row .col .intro .classify {
  position: absolute;
  right: 16px;
  top: 16px;
  background-color: var(--main-color);
  color: #fff;
  padding: 8px 20px;
}
#c .wrap .download .row .col .intro .downloadTitle {
  font-size: 20px;
  color: var(--main-color);
  margin-bottom: 4px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
#c .wrap .download .row .col .intro i {
  margin-right: 4px;
  color: #3c738c;
}
#c .wrap .album .row {
  margin: -16px;
}
#c .wrap .album .row .col:first-child {
  flex: 0 0 33.33%;
}
@media (max-width: 1292px) {
  #c .wrap .album .row .col:first-child {
    flex: 0 0 50%;
  }
}
@media (max-width: 576px) {
  #c .wrap .album .row .col:first-child {
    flex: 0 0 100%;
  }
}
#c .wrap .album .row .col {
  flex: 0 0 33.33%;
  padding: 16px;
  position: relative;
}
@media (max-width: 1292px) {
  #c .wrap .album .row .col {
    flex: 0 0 50%;
  }
}
@media (max-width: 576px) {
  #c .wrap .album .row .col {
    flex: 0 0 100%;
  }
}
#c .wrap .album .row .col .imgInfo img {
  aspect-ratio: 16/12;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
#c .wrap .album .row .col .intro {
  background-color: #f8f8f8;
  padding: 16px;
}
#c .wrap .album .row .col .intro .classify {
  margin-bottom: 12px;
}
#c .wrap .album .row .col .intro .classify .list {
  position: absolute;
  right: 16px;
  top: 16px;
  background-color: var(--main-color);
  color: #fff;
  padding: 8px 20px;
}
#c .wrap .album .row .col .intro .classify .date {
  font-size: 14px;
  padding-left: 16px;
  border-left: solid 1px var(--main-color);
  color: #727272;
  margin-bottom: 16px;
  height: 14px;
  line-height: 1;
}
#c .wrap .album .row .col .intro .title {
  font-size: 20px;
  color: var(--main-color);
  margin-bottom: 4px;
}
#c .wrap .qaWrap {
  border-top: solid 1px var(--main-color);
}
#c .wrap .qaWrap .qaRow .qaList {
  display: none;
}
#c .wrap .qaWrap .qaRow .qaContent .qaItem {
  border-bottom: solid 1px var(--main-color);
  padding: 24px 0;
}
#c .wrap .qaWrap .qaRow .qaContent .qaItem .qaCol {
  padding-left: 60px;
  font-size: 20px;
  color: var(--main-color);
  cursor: pointer;
  position: relative;
}
#c .wrap .qaWrap .qaRow .qaContent .qaItem .qaCol::before, #c .wrap .qaWrap .qaRow .qaContent .qaItem .qaCol::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 1px;
  background-color: var(--main-color);
  top: 50%;
  left: 12px;
  transform: rotate(0deg);
  transition: 0.6s all;
  cursor: pointer;
}
#c .wrap .qaWrap .qaRow .qaContent .qaItem .qaCol::after {
  transform: rotate(90deg);
  opacity: 1;
}
#c .wrap .qaWrap .qaRow .qaContent .qaItem .qaBody {
  padding-left: calc(60px - 1rem);
  color: var(--article-color);
}
#c .wrap .qaWrap .qaRow .qaContent .qaItem .is-active::after {
  opacity: 0;
  left: 60px;
}
#c .wrap .contact {
  padding: 60px 0;
}
#c .wrap .contact .row .data {
  flex: 0 0 50%;
  max-width: 50%;
  padding-right: 24px;
}
@media (max-width: 1292px) {
  #c .wrap .contact .row .data {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0;
    margin-bottom: 52px;
    display: flex;
    flex-wrap: wrap;
  }
}
@media (max-width: 1292px) {
  #c .wrap .contact .row .data .row {
    flex: 0 0 100%;
  }
}
#c .wrap .contact .row .data .row .col {
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 100%;
  padding-bottom: 20px;
}
#c .wrap .contact .row .data .row .col span {
  flex: 0 0 100px;
  color: var(--main-color);
}
@media (max-width: 576px) {
  #c .wrap .contact .row .data .row .col span {
    flex: 0 0 100%;
  }
}
#c .wrap .contact .row .data .row .col strong {
  color: var(--article-color);
  flex: 0 0 calc(100% - 100px);
  font-weight: 350;
}
#c .wrap .contact .row .data .googleMap {
  padding-top: 16px;
}
@media (max-width: 1292px) {
  #c .wrap .contact .row .data .googleMap {
    flex: 0 0 100%;
    order: -1;
    padding-top: 0;
    padding-bottom: 16px;
  }
}
#c .wrap .contact .row .data .googleMap iframe {
  height: 318px;
  max-width: 100%;
  width: 100%;
  display: block;
}
#c .wrap .contact .row .table {
  flex: 0 0 50%;
  padding-left: 24px;
  background-color: #e9e9e9;
  padding: 24px;
}
@media (max-width: 1292px) {
  #c .wrap .contact .row .table {
    flex: 0 0 100%;
  }
}
#c .wrap .contact .row .table .row .col {
  flex: 0 0 100%;
  border-bottom: solid 1px rgba(114, 114, 114, 0.4);
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 4px;
}
#c .wrap .contact .row .table .row .col p {
  flex: 0 0 100px;
  color: var(--main-color);
}
#c .wrap .contact .row .table .row .col input[type=text], #c .wrap .contact .row .table .row .col input[type=email] {
  flex: 0 0 calc(100% - 100px);
  max-width: calc(100% - 100px);
  border: none;
  background-color: transparent;
}
#c .wrap .contact .row .table .row .col input[type=text]::-moz-placeholder, #c .wrap .contact .row .table .row .col input[type=email]::-moz-placeholder {
  color: var(--main-color);
}
#c .wrap .contact .row .table .row .col input[type=text]::placeholder, #c .wrap .contact .row .table .row .col input[type=email]::placeholder {
  color: var(--main-color);
}
#c .wrap .contact .row .table .row .col label {
  color: var(--main-color);
}
#c .wrap .contact .row .table .row .colAll {
  border-bottom: solid 1px rgba(114, 114, 114, 0.4);
  width: 100%;
  flex: 0 0 100%;
  margin-bottom: 24px;
}
#c .wrap .contact .row .table .row .colAll textarea {
  width: 100%;
  background-color: transparent;
  border: none;
  height: 150px;
  color: var(--main-color);
  padding-left: 0;
}
#c .wrap .contact .row .table .row .colAll textarea::-moz-placeholder {
  color: var(--main-color);
}
#c .wrap .contact .row .table .row .colAll textarea::placeholder {
  color: var(--main-color);
}
#c .wrap .contact .row .table section {
  font-size: 14px;
  color: var(--main-color);
  padding-bottom: 12px;
}
#c .wrap .contact .row .table article {
  font-size: 14px;
  color: var(--main-color);
}
#c .wrap .process {
  padding-bottom: 120px;
}
@media (max-width: 576px) {
  #c .wrap .process {
    padding-bottom: 32px;
  }
}
#c .wrap .process .contentBuilder {
  padding-bottom: 24px;
  border-bottom: solid 1px var(--article-color);
  margin-bottom: 32px;
}
#c .wrap .process .contentBuilder .row {
  margin: 0 -1rem;
}
#c .wrap .process .processRow .row {
  align-items: center;
  padding-bottom: 52px;
  position: relative;
}
#c .wrap .process .processRow .row::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: var(--main-color);
}
@media (max-width: 576px) {
  #c .wrap .process .processRow .row::before {
    display: none;
  }
}
#c .wrap .process .processRow .row::after {
  content: "";
  position: absolute;
  left: calc(50% - 40px);
  top: 44%;
  width: 80px;
  height: 1px;
  background-color: var(--main-color);
}
@media (max-width: 576px) {
  #c .wrap .process .processRow .row::after {
    display: none;
  }
}
#c .wrap .process .processRow .row figure {
  flex: 0 0 50%;
  padding-right: 52px;
}
@media (max-width: 576px) {
  #c .wrap .process .processRow .row figure {
    flex: 0 0 100%;
    padding-right: 0;
  }
}
#c .wrap .process .processRow .row figure img {
  max-width: 240px;
  height: 240px;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  margin-left: auto;
  border-radius: 100%;
}
@media (max-width: 768px) {
  #c .wrap .process .processRow .row figure img {
    height: initial;
  }
}
@media (max-width: 576px) {
  #c .wrap .process .processRow .row figure img {
    margin: auto;
  }
}
#c .wrap .process .processRow .row .art {
  flex: 0 0 50%;
  padding-left: 52px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}
@media (max-width: 576px) {
  #c .wrap .process .processRow .row .art {
    flex: 0 0 100%;
    padding-left: 0;
    text-align: center;
  }
}
#c .wrap .process .processRow .row .art .title {
  flex: 0 0 80px;
}
@media (max-width: 1292px) {
  #c .wrap .process .processRow .row .art .title {
    flex: 0 0 100%;
  }
}
#c .wrap .process .processRow .row .art .title p {
  font-size: 80px;
  padding-left: 16px;
  color: var(--main-color);
  font-family: "Barlow Condensed", sans-serif;
}
@media (max-width: 576px) {
  #c .wrap .process .processRow .row .art .title p {
    padding: 0;
  }
}
#c .wrap .process .processRow .row .art .title .title {
  position: absolute;
  top: 24px;
  left: 133px;
  font-size: 20px;
  color: var(--main-color);
}
@media (max-width: 1292px) {
  #c .wrap .process .processRow .row .art .title .title {
    position: initial;
  }
}
#c .wrap .process .processRow .row .art p {
  flex: 0 0 calc(100% - 80px);
  padding-top: 36px;
  color: #727272;
}
@media (max-width: 1292px) {
  #c .wrap .process .processRow .row .art p {
    padding-top: 12px;
    flex: 0 0 100%;
  }
}
#c .wrap .team {
  padding-top: 52px;
}
#c .wrap .team .row .col {
  flex: 0 0 33.33%;
  padding: 16px;
}
@media (max-width: 1292px) {
  #c .wrap .team .row .col {
    flex: 0 0 50%;
  }
}
@media (max-width: 576px) {
  #c .wrap .team .row .col {
    flex: 0 0 100%;
    padding: 16px 0;
  }
}
#c .wrap .team .row .col .imgInfo img {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
#c .wrap .team .row .col .intro {
  padding-top: 12px;
}
#c .wrap .team .row .col .intro .classify {
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: solid 1px var(--main-color);
}
#c .wrap .team .row .col .intro .classify span {
  display: block;
  color: var(--main-color);
}
#c .wrap .team .row .col .intro .name {
  display: none;
}
#c .wrap .team .row .col .intro .description {
  color: var(--article-color);
  letter-spacing: 1.5px;
}
#c .wrap .branch .row .col {
  flex: 0 0 50%;
  padding: 0 16px;
  margin-bottom: 36px;
}
@media (max-width: 768px) {
  #c .wrap .branch .row .col {
    flex: 0 0 100%;
    padding: 0;
  }
}
#c .wrap .branch .row .col .imgInfo .ratio-container {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
}
#c .wrap .branch .row .col .imgInfo img, #c .wrap .branch .row .col .imgInfo iframe {
  aspect-ratio: 16/12;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
#c .wrap .branch .row .col .intro {
  display: flex;
  flex-wrap: wrap;
  padding-top: 16px;
}
#c .wrap .branch .row .col .intro .add, #c .wrap .branch .row .col .intro .title {
  font-size: 20px;
  color: var(--main-color);
  padding-bottom: 12px;
}
#c .wrap .branch .row .col .intro .art {
  flex: 0 0 100%;
}
#c .wrap .branch .row .col .intro .art .branchCol {
  padding-bottom: 8px;
  color: var(--article-color);
  display: flex;
}
#c .wrap .branch .row .col .intro .art .branchCol i {
  display: inline-block;
  width: 32px;
}
#c .wrap .branch .row .col .intro .art .branchCol span {
  color: var(--second-color);
  flex: 0 0 80px;
}
#c .wrap .submitWrap {
  text-align: center;
  padding: 24px;
}
#c .wrap .submitWrap .btnSubmit, #c .wrap .submitWrap a {
  border: none;
  background-color: transparent;
  padding: 12px 0px;
  color: var(--main-color);
  cursor: pointer;
  border-bottom: solid 1px var(--main-color);
}
#c .wrap .submitWrap .btnSubmit:hover, #c .wrap .submitWrap a:hover {
  background-color: var(--main-color);
  color: #fff;
  padding: 12px 36px;
}
#c .careersWrap {
  padding-top: 80px;
  padding-bottom: 280px;
  background-image: url("../img/recruit.png");
  background-position-y: bottom;
  background-repeat: no-repeat;
  background-position-x: right;
}
@media (max-width: 1292px) {
  #c .careersWrap {
    background-position-x: center;
  }
}
#c .careersWrap .row {
  margin-bottom: 80px;
}
#c .careersWrap .row .col {
  flex: 0 0 25%;
  padding-right: 60px;
}
@media (max-width: 1440px) {
  #c .careersWrap .row .col {
    flex: 0 0 50%;
    padding: 0 32px;
  }
}
@media (max-width: 1292px) {
  #c .careersWrap .row .col {
    flex: 0 0 100%;
  }
}
@media (max-width: 576px) {
  #c .careersWrap .row .col {
    padding: 16px 0;
  }
}
#c .careersWrap .row .col .title {
  display: block;
}
#c .careersWrap .row .col .title p {
  font-size: 80px;
  color: var(--main-color);
  font-family: "Barlow Condensed", sans-serif;
  text-align: center;
  line-height: 1.6;
}
#c .careersWrap .row .col .title .titleArt {
  font-size: 20px;
  padding: 4px 0;
  color: var(--main-color);
  text-align: center;
}
#c .careersWrap .row .col p {
  color: var(--article-color);
  line-height: 2;
}
#c .wrapper {
  max-width: calc(100% - 200px);
  margin-left: auto;
}
@media (max-width: 1024px) {
  #c .wrapper {
    max-width: 100%;
    margin: 0;
  }
}
#c .wrapper .newsItem {
  padding: 100px 0;
}
#c .wrapper .newsItem .infoTitle {
  padding: 0 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 576px) {
  #c .wrapper .newsItem .infoTitle {
    padding: 0;
    margin-bottom: 24px;
  }
}
#c .wrapper .newsItem .infoTitle .title {
  position: initial;
  background-color: var(--second-color);
  color: #fff;
  text-align: center;
  padding: 8px 24px;
}
@media (max-width: 576px) {
  #c .wrapper .newsItem .infoTitle .title {
    padding: 0;
    margin-bottom: 24px;
  }
}
#c .wrapper .newsItem .infoTitle .date {
  font-size: 14px;
  border-left: solid 1px #004e72;
  line-height: 1;
  padding-left: 14px;
  margin-bottom: 10px;
  color: #344047;
  max-height: 14px;
}
#c .wrapper .newsItem .newsItemTitle {
  padding: 0 1rem;
}
@media (max-width: 576px) {
  #c .wrapper .newsItem .newsItemTitle {
    padding: 0;
    margin-bottom: 24px;
  }
}
#c .return {
  text-align: center;
  padding: 36px 0;
}
#c .return a, #c .return button {
  font-size: 16px;
  color: var(--main-color);
  font-weight: 500;
  position: relative;
  display: inline-block;
  padding: 12px 16px 12px;
  overflow: hidden;
  transition: 0.8s padding;
  border: solid 1px transparent;
}
#c .return a::before, #c .return button::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: -100%;
  background-color: var(--main-color);
  transition: 0.8s all;
}
#c .return a span, #c .return button span {
  border-bottom: solid 1px var(--main-color);
  position: relative;
  z-index: 3;
}
#c .return a:hover, #c .return button:hover {
  border: solid 1px var(--main-color);
}
#c .return a:hover::before, #c .return button:hover::before {
  right: 0%;
}
#c .return a:hover span, #c .return button:hover span {
  color: #fff;
}
#c .pagination {
  padding: 80px 0;
}
@media (max-width: 576px) {
  #c .pagination {
    padding: 32px 0;
  }
}
#c .pagination .pageInfo {
  text-align: center;
  margin-top: 24px;
  font-size: 12px;
}
#c .pagination .row {
  justify-content: center;
}
#c .pagination .row span, #c .pagination .row button {
  cursor: pointer;
  border: none;
  background-color: transparent;
  padding: 0;
  margin: 0 8px;
}
#c .pagination .row button:hover {
  color: var(--main-color);
}
#c .pagination .row .active {
  color: var(--main-color);
  border-bottom: solid 1px var(--main-color);
}
#c .awards {
  padding: 60px 36px;
  padding-bottom: 120px;
  background-color: #f8f8f8;
  max-width: calc(100% - 280px);
  margin-left: auto;
}
@media (max-width: 1024px) {
  #c .awards {
    max-width: 100%;
    margin: 0;
  }
}
#c .awards .awardsTitle {
  padding-bottom: 80px;
  text-align: center;
  position: relative;
}
#c .awards .awardsTitle .enArt {
  color: #f0f0f0;
  font-size: 120px;
  line-height: 1;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Barlow Condensed", sans-serif;
}
@media (max-width: 576px) {
  #c .awards .awardsTitle .enArt {
    font-size: 56px;
  }
}
#c .awards .awardsTitle .chArt {
  font-size: 24px;
  color: #262626;
  font-weight: 600;
  position: absolute;
  top: 36px;
  width: 100%;
}
#c .awards .awardsContent {
  position: relative;
  max-width: 1440px;
  margin: auto;
}
#c .awards .awardsContent .awardSlick {
  padding: 0 96px;
}
#c .awards .awardsContent .awardSlick .awardCol {
  padding: 0 16px;
}
#c .awards .awardsContent .awardSlick .awardCol .awardTitle {
  text-align: center;
}
#c .awards .awardsContent .awardSlick .awardCol img {
  margin: auto;
}
#c .awards .awardsContent .slick-arrow {
  position: absolute;
  z-index: 9;
  top: 50%;
  cursor: pointer;
}
#c .awards .awardsContent .slick-arrow svg {
  width: 50px;
}
#c .awards .awardsContent .slick-arrow svg circle {
  fill: var(--main-color);
  stroke: var(--main-color);
}
#c .awards .awardsContent .prev {
  left: 0;
}
#c .awards .awardsContent .next {
  right: 0;
}
#c .productNav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 56px;
  margin-bottom: 12px;
  position: relative;
}
#c .productNav .mobileNone {
  display: none;
}
@media (max-width: 960px) {
  #c .productNav .mobileNone {
    display: block;
    width: 100%;
    border: none;
    background-color: var(--main-color);
    height: 48px;
    color: #fff;
    position: relative;
    text-align: left;
    padding-left: 16px;
  }
}
#c .productNav .mobileNone i {
  position: absolute;
  right: 16px;
  top: 12px;
}
#c .productNav .navCol {
  color: var(--main-color);
  padding-bottom: 36px;
  font-family: "Noto Sans TC", sans-serif;
}
@media (max-width: 960px) {
  #c .productNav .navCol {
    flex: 0 0 100%;
    padding-bottom: 0;
    border: solid 1px var(--main-color);
    padding: 16px;
    margin-top: -1px;
  }
}
#c .productNav .navCol .navLink {
  padding: 0 36px 0;
  border-right: solid 1px var(--main-color);
  cursor: pointer;
  color: var(--article-color);
  position: relative;
  border: none;
}
@media (max-width: 960px) {
  #c .productNav .navCol .navLink {
    padding: 0;
  }
}
#c .productNav .navCol i {
  font-size: 12px;
  margin-left: 12px;
  transform: rotate(90deg);
  position: absolute;
  top: 6px;
  right: 12px;
}
#c .productNav .navCol ul {
  position: absolute;
  width: 100%;
  padding: 24px 12%;
  background-color: #fafafa;
  box-shadow: 0px 0px 20px #e1e1e1;
  left: 0;
  z-index: 9;
  display: flex;
  flex-wrap: wrap;
  top: 100%;
}
@media (max-width: 960px) {
  #c .productNav .navCol ul {
    position: initial;
    box-shadow: initial;
    background-color: #fff;
    padding: 16px;
  }
}
#c .productNav .navCol ul li {
  flex: 0 0 25%;
  padding: 8px 16px;
  text-align: center;
}
@media (max-width: 960px) {
  #c .productNav .navCol ul li {
    flex: 0 0 100%;
    text-align: left;
  }
}
#c .productNav .navCol ul li .navLink {
  border-right: none;
}
#c .productNav .navCol ul li ol {
  border-top: solid 1px var(--main-color);
  margin-top: 8px;
}
#c .productNav .navCol ul li ol li {
  color: var(--article-color);
  padding: 8px 24px;
  cursor: pointer;
}
#c .productNav .navCol ul .navLink {
  padding: 0 12px;
}
#c .productNav .is-active .navLink {
  color: #b4926a;
}
#c .productNav .is-active .navLink span {
  font-weight: 600;
}
#c .productNav .is-active ul li .navLink {
  color: #000;
}
#c .productNav .navCol:last-child .navLink {
  border: none;
}
#c .productWrap .productRow {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -16px;
}
@media (max-width: 576px) {
  #c .productWrap .productRow {
    margin: 0;
  }
}
#c .productWrap .productRow .col {
  flex: 0 0 33.33%;
  margin-bottom: 24px;
  padding: 16px;
}
@media (max-width: 1292px) {
  #c .productWrap .productRow .col {
    flex: 0 0 50%;
  }
}
@media (max-width: 700px) {
  #c .productWrap .productRow .col {
    flex: 0 0 100%;
  }
}
@media (max-width: 576px) {
  #c .productWrap .productRow .col {
    flex: 0 0 50%;
    padding: 4px;
  }
}
#c .productWrap .productRow .col .imgInfo figure {
  border-radius: 32px;
}
@media (max-width: 576px) {
  #c .productWrap .productRow .col .imgInfo figure {
    border-radius: 12px;
  }
}
#c .productWrap .productRow .col .imgInfo img {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  border-radius: 32px;
}
@media (max-width: 576px) {
  #c .productWrap .productRow .col .imgInfo img {
    border-radius: 12px;
  }
}
#c .productWrap .productRow .col .intro .title {
  color: var(--main-color);
  font-size: 18px;
  padding: 8px 0;
}
#c .productArt {
  color: var(--main-color);
  padding-bottom: 8px;
  margin-bottom: 32px;
  border-bottom: solid 1px var(--main-color);
  display: flex;
  flex-wrap: wrap;
  margin-top: 52px;
}
@media (max-width: 576px) {
  #c .productArt {
    font-size: 14px;
  }
}
#c .productItem {
  padding-bottom: 80px;
}
@media (max-width: 576px) {
  #c .productItem {
    padding-bottom: 32px;
  }
}
#c .productItem .itemRow {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 52px;
}
#c .productItem .itemRow .imgRow {
  flex: 0 0 50%;
  padding-right: 36px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media (max-width: 960px) {
  #c .productItem .itemRow .imgRow {
    flex: 0 0 100%;
    padding-right: 0;
    padding-bottom: 16px;
  }
}
#c .productItem .itemRow .imgRow .row {
  flex: 0 0 100%;
}
#c .productItem .itemRow .imgRow .row .imgBtn {
  padding: 5px;
  cursor: pointer;
  flex: 0 0 25%;
}
#c .productItem .itemRow .imgRow .row .imgBtn img {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
#c .productItem .itemRow .imgRow .showImg {
  flex: 0 0 100%;
  padding: 5px;
}
#c .productItem .itemRow .imgRow .showImg img {
  aspect-ratio: 4/4;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
#c .productItem .itemRow .itemArt {
  flex: 0 0 50%;
  padding-left: 24px;
}
@media (max-width: 960px) {
  #c .productItem .itemRow .itemArt {
    flex: 0 0 100%;
    padding-left: 0;
    padding-top: 24px;
  }
}
#c .productItem .itemRow .itemArt .title {
  font-size: 24px;
  color: var(--main-color);
  padding-bottom: 8px;
  font-weight: bold;
}
#c .productItem .itemRow .itemArt .art {
  color: var(--article-color);
  line-height: 2;
  font-size: 14px;
}
#c .productItem .youtube {
  padding: 16px 5px;
}
#c .productItem .youtube iframe {
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
#c .productItem .tabsWrap {
  padding: 32px 5px;
}
#c .productItem .tabsWrap .tabsBox {
  padding: 36px 0;
}
#c .productItem .tabsWrap .tabsBox .contentBuilder img {
  aspect-ratio: 320/220;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
#c .productItem .tabsWrap .tabsBtnGroup {
  display: flex;
  flex-wrap: wrap;
  border-bottom: solid 1px var(--main-color);
}
#c .productItem .tabsWrap .tabsBtnGroup div {
  flex: 0 0 33.33%;
  text-align: center;
}
#c .productItem .tabsWrap .tabsBtnGroup .tabsBtn {
  padding: 16px;
  color: var(--main-color);
  cursor: pointer;
  flex: 0 0 33.33%;
  text-align: center;
}
@media (max-width: 576px) {
  #c .productItem .tabsWrap .tabsBtnGroup .tabsBtn {
    padding: 16px 4px;
    font-size: 14px;
  }
}
#c .productItem .tabsWrap .tabsBtnGroup .tabsBtnActive {
  color: var(--main-color);
  border: solid 1px var(--main-color);
  border-radius: 12px 12px 0 0;
  border-bottom: none;
  position: relative;
}
#c .productItem .tabsWrap .tabsBtnGroup .tabsBtnActive::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 5px;
  top: 100%;
  left: 0;
  background-color: #fff;
}
@media (max-width: 576px) {
  #c .productItem .tabsWrap .tabsBtnGroup .tabsBtnActive::after {
    top: 98%;
  }
}
#c .productItem .noData {
  padding: 36px;
}
#c .searchContent {
  padding: 56px 0;
  max-width: calc(100% - 280px);
  margin-left: auto;
}
#c .searchContent .searchTitle {
  border-bottom: solid 1px var(--main-color);
  color: var(--main-color);
  font-size: 18px;
  padding-bottom: 8px;
  margin-bottom: 32px;
}
#c .searchContent .searchRow {
  display: flex;
  flex-wrap: wrap;
}
#c .searchContent .searchRow .col {
  flex: 0 0 33.33%;
  padding: 16px;
  margin-bottom: 24px;
}
#c .searchContent .searchRow .col figure img {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
#c .searchContent .searchRow .col .info {
  font-size: 16px;
  color: var(--main-color);
  padding: 8px;
}
#c .cookies {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 12;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 32px;
  max-width: 475px;
  border-radius: 24px 24px 0 0;
  text-align: center;
  color: #5e5e5e;
  line-height: 1.8;
  z-index: 9999;
}
#c .cookies button {
  border: none;
  background-color: var(--main-color);
  color: #fff;
  margin: 12px 0 4px;
  padding: 12px 32px;
  border-radius: 6px;
  cursor: pointer;
}
#c .aboutIntro {
  background-color: #D4C3AB !important;
  padding: 8%;
}
@media (max-width: 576px) {
  #c .aboutIntro {
    background-position-y: bottom;
    background-position-x: right;
    padding-bottom: 160px;
    padding: 12%;
  }
}
#c .aboutIntro .introRow {
  display: flex;
  flex-wrap: wrap;
}
#c .aboutIntro .introRow .figure {
  flex: 0 0 50%;
  padding-right: 24px;
}
@media (max-width: 1160px) {
  #c .aboutIntro .introRow .figure {
    flex: 0 0 100%;
  }
}
@media (max-width: 768px) {
  #c .aboutIntro .introRow .figure {
    padding-right: 0;
  }
}
@media (max-width: 960px) {
  #c .aboutIntro .introRow .figure .pc {
    display: none;
  }
}
#c .aboutIntro .introRow .figure .sm {
  display: none;
}
@media (max-width: 960px) {
  #c .aboutIntro .introRow .figure .sm {
    display: block;
  }
}
@media (max-width: 576px) {
  #c .aboutIntro .introRow .figure .sm {
    display: none;
  }
}
#c .aboutIntro .introRow .figure .xs {
  display: none;
}
@media (max-width: 576px) {
  #c .aboutIntro .introRow .figure .xs {
    display: block;
  }
}
#c .aboutIntro .introRow article {
  flex: 0 0 50%;
  position: relative;
  top: -52px;
}
@media (max-width: 1160px) {
  #c .aboutIntro .introRow article {
    flex: 0 0 100%;
    top: 0;
  }
}
#c .aboutIntro .introRow article .introArts {
  text-align: center;
  padding-bottom: 8px;
}
@media (max-width: 768px) {
  #c .aboutIntro .introRow article .introArts {
    text-align: left;
    padding-top: 24px;
  }
}
#c .aboutIntro .introRow article .introArts h3 {
  padding-right: 12%;
  font-size: 34px;
  font-weight: bold;
  color: rgb(127, 61, 47);
}
@media (max-width: 768px) {
  #c .aboutIntro .introRow article .introArts h3 {
    font-size: 26px;
    padding: 0;
  }
}
#c .aboutIntro .introRow article .introArts h4 {
  padding-left: 12%;
  font-size: 34px;
  font-weight: bold;
  color: rgb(127, 61, 47);
}
@media (max-width: 768px) {
  #c .aboutIntro .introRow article .introArts h4 {
    font-size: 26px;
    padding: 0;
  }
}
#c .aboutIntro .introRow article h2 {
  font-family: "Noto serif TC", sans-serif;
  font-size: 32px;
  color: #fff !important;
  font-weight: 600;
  margin-bottom: 18px;
}
@media (max-width: 768px) {
  #c .aboutIntro .introRow article h2 {
    font-size: 22px;
  }
}
#c .aboutIntro .introRow article p {
  font-size: 18px;
  color: #463325;
  font-weight: 500;
  text-align: justify;
}
@media (max-width: 576px) {
  #c .aboutIntro .introRow article p {
    font-size: 16px;
  }
}
#c .aboutIntro .introRow article .text {
  padding: 4px 0;
}
#c .aboutIntro .introRow article .text span {
  color: rgba(255, 255, 255, 0.3);
  font-family: "Noto serif TC", sans-serif;
  font-size: 6vw;
  position: relative;
  left: -12%;
  line-height: 1.2;
}
@media (max-width: 1160px) {
  #c .aboutIntro .introRow article .text span {
    left: 0;
  }
}
@media (max-width: 576px) {
  #c .aboutIntro .introRow article .text span {
    font-size: 12vw;
  }
}
#c .history {
  background-image: url("../img/historyBg.jpg");
  background-size: cover;
  padding: 8%;
  padding-bottom: 0;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  #c .history {
    padding-bottom: 8%;
  }
}
@media (max-width: 576px) {
  #c .history {
    background-image: url("../img/historyBgXs.jpg");
    background-position-x: right;
    padding-bottom: 150px;
    background-position-y: bottom;
    padding-top: 64px;
  }
}
#c .history .historyRow {
  flex: 0 0 50%;
  padding-bottom: 8%;
}
@media (max-width: 1160px) {
  #c .history .historyRow {
    flex: 0 0 100%;
    padding-bottom: 0;
  }
}
#c .history .historyRow .historyCol {
  padding-left: 42px;
  position: relative;
  padding-bottom: 32px;
}
#c .history .historyRow .historyCol .year {
  font-size: 24px;
  color: #846842;
}
#c .history .historyRow .historyCol p {
  font-size: 16px;
  font-family: "Noto Sans TC";
  color: #463325;
  padding: 8px 0;
}
@media (max-width: 576px) {
  #c .history .historyRow .historyCol p {
    font-size: 14px;
  }
}
#c .history .historyRow .historyCol::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-radius: 100%;
  top: 0;
  left: 0;
  border: solid 1px #463325;
  z-index: 6;
}
@media (max-width: 576px) {
  #c .history .historyRow .historyCol::before {
    top: 12px;
  }
}
#c .history .historyRow .historyCol::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #463325;
  top: 0;
  left: 8px;
}
@media (max-width: 576px) {
  #c .history .historyRow .historyCol::after {
    top: 20px;
  }
}
#c .aboutInfo {
  background-image: url("../img/aboutInfoBg.jpg");
  background-size: cover;
  padding: 8%;
}
@media (max-width: 576px) {
  #c .aboutInfo {
    padding-top: 84px;
    padding-bottom: 64px;
  }
}
#c .aboutInfo .aboutInfoTitle {
  position: relative;
  text-align: center;
}
#c .aboutInfo .aboutInfoTitle .en {
  font-weight: 500;
  font-family: "Noto serif TC", sans-serif;
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: 8px;
  position: absolute;
  top: -36px;
  left: 0;
  font-size: 36px;
  text-align: center;
  width: 100%;
}
@media (max-width: 768px) {
  #c .aboutInfo .aboutInfoTitle .en {
    font-size: 6vw;
  }
}
#c .aboutInfo .aboutInfoTitle .ch {
  font-size: 32px;
  font-weight: bold;
  font-family: "Noto serif TC", sans-serif;
  color: #1e402f;
  position: relative;
  z-index: 3;
}
#c .aboutInfo .aboutInfoRow {
  display: flex;
  flex-wrap: wrap;
  padding: 4%;
}
#c .aboutInfo .aboutInfoRow .col {
  padding: 16px;
  flex: 0 0 33.33%;
}
@media (max-width: 1024px) {
  #c .aboutInfo .aboutInfoRow .col {
    flex: 0 0 50%;
  }
}
@media (max-width: 576px) {
  #c .aboutInfo .aboutInfoRow .col {
    flex: 0 0 100%;
    padding: 20px 0;
  }
}
#c .aboutInfo .link {
  text-align: center;
}
#c .aboutInfo .link a {
  display: inline-block;
  padding: 12px 32px;
  border-radius: 3rem;
  border: solid 1px #1e402f;
  color: #1e402f;
  font-weight: 600;
}
#c .aboutInfo .link a:hover {
  background-color: #1e402f;
  color: #fff;
}

.product-import-gallery img {
  padding: 4px;
  cursor: pointer;
}

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */
@keyframes flip {
  from {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
  to {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  backface-visibility: visible;
  animation-name: flip;
}
@keyframes lightSpeedIn {
  from {
    transform: translate3d(20%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}
@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
  to {
    transform-origin: center;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateIn {
  animation-name: rotateIn;
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }
  50% {
    transform: rotate(-10deg);
  }
  70% {
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.jackInTheBox {
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  animation-name: zoomInDown;
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  animation-name: zoomInLeft;
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  animation-name: zoomInRight;
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 50px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  animation-name: zoomInUp;
}
@keyframes slideInDown {
  from {
    transform: translate3d(0, -10%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  animation-name: slideInDown;
}
@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  animation-name: slideInLeft;
}
@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  animation-name: slideInRight;
}
@keyframes slideInUp {
  from {
    transform: translate3d(0, 10%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  animation-name: slideInUp;
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  animation-delay: 1s;
}

.animated.delay-2s {
  animation-delay: 2s;
}

.animated.delay-3s {
  animation-delay: 3s;
}

.animated.delay-4s {
  animation-delay: 4s;
}

.animated.delay-5s {
  animation-delay: 5s;
}

.animated.fast {
  animation-duration: 800ms;
}

.animated.faster {
  animation-duration: 500ms;
}

.animated.slow {
  animation-duration: 2s;
}

.animated.slower {
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
    animation-iteration-count: 1 !important;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-10%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(10%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -30%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 20%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.7, 0.7, 0.7);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  animation-name: zoomIn;
}

.img_effects {
  animation-name: effects;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  transform: translate3d(100%, 0, 0);
}

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

@keyframes effects {
  0% {
    transform: translate3d(-100%, 0, 0);
  }
  50% {
    transform: translate3d(0%, 0, 0);
  }
  100% {
    transform: translate3d(100%, 0, 0);
  }
}
.clip_bottom {
  animation-name: clip_bottom;
}

@keyframes clip_bottom {
  0% {
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
  }
  100% {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
}
.clip_top {
  animation-name: clip_top;
}

@keyframes clip_top {
  0% {
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  }
  100% {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}
.clip_left {
  animation-name: clip_left;
}

@keyframes clip_left {
  0% {
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  }
  100% {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}
.clip_right {
  animation-name: clip_right;
}

@keyframes clip_right {
  0% {
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  }
  100% {
    clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
  }
}
img {
  max-width: 100%;
  display: block;
}

.swal2-styled.swal2-confirm {
  background-color: #f27474 !important;
}

.support {
  padding: 120px 0;
}
.support .supportTitle {
  font-size: 22px;
  color: #212121;
  border-bottom: solid 1px #d8d8d8;
  padding-bottom: 8px;
  margin-bottom: 12px;
}

.noData {
  text-align: center;
  color: #262626;
  font-size: 18px;
}

:root {
  --main-color: #463325;
  --second-color: #1e402f;
  --article-color: #313131;
}

.mainColor {
  color: var(--main-color) !important;
}

.secondColor {
  color: var(--second-color) !important;
}

.articleColor {
  color: var(--article-color) !important;
}

h1 {
  text-indent: -9999px;
  margin: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.sitemapWrap {
  padding-top: 80px;
  flex: 0 0 100%;
  width: 100%;
}
.sitemapWrap .sitemap {
  display: flex;
  flex-wrap: wrap;
}
.sitemapWrap .sitemap .sitemapRow {
  padding-bottom: 8px;
  margin-bottom: 24px;
  border-bottom: solid 1px var(--main-color);
  flex: 0 0 25%;
}
.sitemapWrap .sitemap .sitemapRow h2 {
  font-size: 20px;
  margin-bottom: 12px;
}
.sitemapWrap .sitemap .sitemapRow ul {
  padding-left: 24px;
  color: #212121;
  list-style-type: disc;
}
.sitemapWrap .sitemap .sitemapRow ul li {
  padding: 8px 0;
}
.sitemapWrap .sitemap .sitemapRow:last-child {
  border: none;
}

#c .productContainer {
  max-width: 1120px;
  margin: auto;
}/*# sourceMappingURL=style.css.map */