.footer__root {
  display: flex;
  flex-direction: column;
  background-color: #e8e9eb;
  position: relative;
}
.footer__flexCol {
  display: flex;
  flex-direction: column;
  width: 72.18%;
  position: relative;
  flex-grow: 1;
  margin: 64px auto 56px;
}
@media (max-width: 1199px) {
  .footer__flexCol {
    width: 79.39%;
  }
}
@media (max-width: 991px) {
  .footer__flexCol {
    width: 88.51%;
    margin: 32px auto;
  }
}
@media (max-width: 479px) {
  .footer__flexCol {
    width: 79.39%;
  }
}
.footer__flexRow {
  display: flex;
  position: relative;
}
@media (max-width: 767px) {
  .footer__flexRow {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    row-gap: 16px;
  }
}
@media (max-width: 383px) {
  .footer__flexRow {
    row-gap: 8px;
    align-content: flex-start;
  }
}
.footer__flexRow > .item {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 1 294px;
}
@media (max-width: 767px) {
  .footer__flexRow > .item {
    flex: 0 0 calc(100% - 0px);
  }
}
.footer__flexCol1 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex-grow: 1;
}
.footer__flexCol1 > .item {
  display: flex;
  flex-direction: column;
  position: relative;
}
.footer__image {
  width: 196px;
  height: auto;
  aspect-ratio: 3.63;
  background: var(--src) center center/cover no-repeat;
  position: relative;
  min-width: 196px;
  margin: 0px auto 0px 0px;
}
@media (min-width: 1400px) and (max-width: 99999px) {
  .footer__image {
    aspect-ratio: 3.63;
  }
}
@media (max-width: 1399px) {
  .footer__image {
    aspect-ratio: 3.63;
  }
}
.footer__text {
  font: 700 13px/1.46 "Noto Sans TC", Helvetica, Arial, serif, Noto Sans TC;
  color: #100d0d;
  letter-spacing: 0px;
  opacity: 0.77;
  position: relative;
  margin: 24px 0px 0px;
}
.footer__desc {
  font: 400 12px/1.6 "Domine", Helvetica, Arial, serif, Noto Sans TC;
  color: #100d0d;
  letter-spacing: 0px;
  opacity: 0.77;
  position: relative;
  margin: 8px 0px 0px;
}
.footer__flexRow > .spacer {
  flex: 0 1 58px;
}
@media (max-width: 767px) {
  .footer__flexRow > .spacer {
    display: none;
  }
}
.footer__flexRow > .item1 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 1 108px;
}
@media (max-width: 767px) {
  .footer__flexRow > .item1 {
    flex: 0 0 calc(20% - 16px);
  }
}
@media (max-width: 575px) {
  .footer__flexRow > .item1 {
    flex: 0 0 calc(50% - 10px);
  }
}
@media (max-width: 383px) {
  .footer__flexRow > .item1 {
    flex: 0 0 calc(100% - 0px);
  }
}
.footer__flex_column {
  display: flex;
  flex-direction: column;
  position: relative;
  flex-grow: 1;
  margin: 8px 0px 37px;
}
@media (max-width: 383px) {
  .footer__flex_column {
    margin: 8px 0px;
  }
}
.footer__text1 {
  font: 500 14px/1.21 "Noto Sans TC", Helvetica, Arial, serif, Noto Sans TC;
  color: #100d0d;
  letter-spacing: 0px;
  position: relative;
}
.footer__flexCol2 {
  display: flex;
  flex-direction: column;
  position: relative;
  margin: 10px 0px 0px;
}
.footer__paragraph {
  font: 13px/1.84 "Noto Sans TC", Helvetica, Arial, serif, Noto Sans TC;
  color: #100d0d;
  letter-spacing: 0px;
  position: relative;
  min-height: 24px;
}
.footer__flexRow > .spacer1 {
  flex: 0 1 24px;
}
@media (max-width: 767px) {
  .footer__flexRow > .spacer1 {
    display: flex;
    flex: 0 0 20px;
  }
}
@media (max-width: 383px) {
  .footer__flexRow > .spacer1 {
    display: none;
  }
}
.footer__flexRow > .item2 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 1 107px;
}
@media (max-width: 767px) {
  .footer__flexRow > .item2 {
    flex: 0 0 calc(20% - 16px);
  }
}
@media (max-width: 575px) {
  .footer__flexRow > .item2 {
    flex: 0 0 calc(50% - 10px);
  }
}
@media (max-width: 383px) {
  .footer__flexRow > .item2 {
    flex: 0 0 calc(100% - 0px);
  }
}
.footer__flex_column1 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex-grow: 1;
  margin: 8px 0px 61px;
}
@media (max-width: 383px) {
  .footer__flex_column1 {
    margin: 8px 0px;
  }
}
.footer__flexRow > .spacer2 {
  flex: 0 1 24px;
}
@media (max-width: 767px) {
  .footer__flexRow > .spacer2 {
    display: flex;
    flex: 0 0 20px;
  }
}
@media (max-width: 575px) {
  .footer__flexRow > .spacer2 {
    display: none;
  }
}
.footer__flexCol3 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex-grow: 1;
  margin: 8px 0px 78px;
}
@media (max-width: 383px) {
  .footer__flexCol3 {
    margin: 8px 0px;
  }
}
.footer__text11 {
  font: 500 14px/1.21 "Noto Sans TC", Helvetica, Arial, serif, Noto Sans TC;
  color: #100d0d;
  letter-spacing: 0px;
  position: relative;
  margin: 24px 0px 0px;
}
.footer__flex_column2 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex-grow: 1;
  margin: 8px 0px 13px;
}
.footer__flexRow > .item3 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 0 56px;
  min-width: 56px;
}
@media (max-width: 767px) {
  .footer__flexRow > .item3 {
    flex: 0 0 calc(20% - 16px);
    min-width: unset;
  }
}
@media (max-width: 575px) {
  .footer__flexRow > .item3 {
    flex: 0 0 calc(100% - 0px);
  }
}
.footer__text12 {
  font: 500 14px/1.21 "Noto Sans TC", Helvetica, Arial, serif, Noto Sans TC;
  color: #100d0d;
  letter-spacing: 0px;
  position: relative;
  flex-grow: 1;
  margin: 8px 0px 119px;
}
@media (max-width: 575px) {
  .footer__text12 {
    margin: 8px 0px 0px;
  }
}
.footer__flexRow1 {
  display: flex;
  position: relative;
  margin: 39px 0px 0px;
}
@media (max-width: 767px) {
  .footer__flexRow1 {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    row-gap: 16px;
  }
}
@media (max-width: 383px) {
  .footer__flexRow1 {
    margin: 16px 0px 0px;
  }
}
.footer__flexRow1 > .item {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1 1 862px;
}
@media (max-width: 767px) {
  .footer__flexRow1 > .item {
    flex: 0 0 calc(100% - 0px);
    order: 3;
  }
}
.footer__highlights {
  display: flex;
  flex-direction: column;
  position: relative;
  flex-grow: 1;
}
@media (max-width: 767px) {
  .footer__highlights {
    justify-content: flex-start;
    align-items: stretch;
    -moz-column-gap: 0px;
    column-gap: 0px;
  }
}
.footer__highlights > .item {
  display: flex;
  flex-direction: column;
  position: relative;
}
@media (max-width: 767px) {
  .footer__highlights > .item {
    flex: 0 1 auto;
    display: none;
  }
}
.footer__highlights1_box {
  position: relative;
  flex-grow: 1;
}
@media (max-width: 1199px) {
  .footer__highlights1_box {
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.footer__highlights1 {
  font: 400 16px/1.5 "Domine", Helvetica, Arial, serif, Noto Sans TC;
  color: black;
  letter-spacing: 0px;
}
@media (max-width: 1199px) {
  .footer__highlights1 {
    font-size: 12px;
    text-align: left;
  }
}
.footer__highlights1_span0 {
  font: 1em/1.2 "SF Compact", Helvetica, Arial, serif, Noto Sans TC;
  color: #100d0d;
  font-style: normal;
  letter-spacing: 0px;
}
.footer__highlights1_span1 {
  font: 300 0.75em/1.2 "SF Compact", Helvetica, Arial, serif, Noto Sans TC;
  color: rgba(16, 13, 13, 0.647);
  font-style: normal;
  letter-spacing: 0px;
}
.footer__highlights > .item1 {
  display: none;
  flex-direction: column;
  position: relative;
  flex: 0 1 48px;
}
@media (max-width: 767px) {
  .footer__highlights > .item1 {
    display: flex;
  }
}
.footer__highlights2_box {
  position: relative;
  flex-grow: 1;
}
@media (max-width: 1199px) {
  .footer__highlights2_box {
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.footer__highlights2 {
  font: 16px/1.5 "Domine", Helvetica, Arial, serif, Noto Sans TC;
  color: #100d0d;
  letter-spacing: 0px;
}
@media (max-width: 1199px) {
  .footer__highlights2 {
    font-size: 12px;
    text-align: left;
  }
}
.footer__highlights2_span0 {
  font: 1em/1.2 "Domine", Helvetica, Arial, serif, Noto Sans TC;
  color: #100d0d;
  font-style: normal;
  letter-spacing: 0px;
}
.footer__highlights2_span1 {
  font: 0.875em/1.37 "Domine", Helvetica, Arial, serif, Noto Sans TC;
  color: black;
  font-style: normal;
  letter-spacing: 0px;
}
.footer__highlights2_span2 {
  font: 1em/1.2 "Domine", Helvetica, Arial, serif, Noto Sans TC;
  color: #100d0d;
  font-style: normal;
  letter-spacing: 0px;
}
.footer__highlights2_span3 {
  font: 0.875em/1.37 "Domine", Helvetica, Arial, serif, Noto Sans TC;
  color: black;
  font-style: normal;
  letter-spacing: 0px;
}
.footer__highlights2_span4 {
  font: 1em/1.2 "Domine", Helvetica, Arial, serif, Noto Sans TC;
  color: #100d0d;
  font-style: normal;
  letter-spacing: 0px;
}
.footer__highlights2_span5 {
  font: 0.875em/1.37 "Domine", Helvetica, Arial, serif, Noto Sans TC;
  color: black;
  font-style: normal;
  letter-spacing: 0px;
}
.footer__highlights2_span6 {
  font: 0.75em/1.6 "Domine", Helvetica, Arial, serif, Noto Sans TC;
  color: rgba(16, 13, 13, 0.647);
  font-style: normal;
  letter-spacing: 0px;
}
.footer__flexRow1 > .spacer {
  flex: 0 1 40px;
}
@media (max-width: 767px) {
  .footer__flexRow1 > .spacer {
    display: none;
  }
}
.footer__flexRow1 > .item1 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 0 auto;
}
@media (max-width: 767px) {
  .footer__flexRow1 > .item1 {
    flex: 0 0 calc(100% - 0px);
    order: 1;
  }
}
.footer__flexRow2 {
  display: flex;
  -moz-column-gap: 8px;
  column-gap: 8px;
  cursor: pointer;
  position: relative;
  flex-grow: 1;
  margin: 0px 0px 24px;
}
@media (max-width: 767px) {
  .footer__flexRow2 {
    margin: 0px;
  }
}
.footer__flexRow2 > .item {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 0 24px;
  min-width: 24px;
}
.footer__icon {
  border-radius: 12px 12px 12px 12px;
  width: 24px;
  height: auto;
  aspect-ratio: 1;
  background: var(--src) center center/cover no-repeat;
  position: relative;
  min-width: 24px;
}
.footer__flexRow2 > .item1 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 1 24px;
}
.footer__paragraph1 {
  font: 400 13px/1.84 "Noto Sans TC", Helvetica, Arial, serif, Noto Sans TC;
  color: #100d0d;
  letter-spacing: 0px;
  position: relative;
  flex: 0 0 auto;
  min-width: 0px;
  margin: 0px 0px 0px 8px;
}