@charset "UTF-8";
/*---------------------*/
/*  style.scss
/*---------------------*/
/*---------------------*/
/*  _container.scss
/*---------------------*/
/* container */
@media screen and (max-width: 1199.98px) and (min-width: 576px) {
  .container {
    max-width: 95vw;
  }
}
@media screen and (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
@media screen and (min-width: 1366px) {
  .container {
    max-width: 1280px;
  }
}
@media screen and (min-width: 1600px) {
  .container {
    max-width: 1524px;
  }
}
@media screen and (max-width: 992px) {
  .container {
    padding-right: 40px;
    padding-left: 40px;
  }
}

/*---------------------*/
/*  _variables.scss
/*---------------------*/
/*---------------------*/
/*  _mixin.scss
/*---------------------*/
/*---------------------*/
/*  _global.scss
/*---------------------*/
* {
  -webkit-font-smoothing: antialiased;
}

html {
  font-size: 16px;
}
@media screen and (max-width: 374.98px) {
  html {
    font-size: 15px;
  }
}
@media screen and (max-width: 320px) {
  html {
    font-size: 13px;
  }
}

body {
  font-family: "Noto Serif TC", serif;
  font-size: 1rem;
  min-width: 320px;
}
body.modal-open {
  overflow: hidden;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

p {
  font-size: 1rem;
  margin: 0;
}

/*---------------------*/
/*  _layout.scss
/*---------------------*/
.wrapper.page-home {
  --primary-text-color: #FFF;
  --bg-color: #000;
  background-color: var(--bg-color);
}
.wrapper.page-home .main-nav .nav-bar .nav-bar-inner .logo-wrap .logo-white {
  display: block;
}
.wrapper.page-home .main-nav .nav-bar .nav-bar-inner .logo-wrap .logo-black {
  display: none;
  opacity: 1;
}
.wrapper.page-home .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-toggle::after {
  opacity: 1;
  background-image: url("../images/icon/lang_white.svg");
}
.wrapper.page-home .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu {
  background-color: transparent;
  border: 1px solid #FFF;
}
.wrapper.page-home .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item {
  color: #FFF;
}
.wrapper.page-home .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:hover, .wrapper.page-home .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:active {
  background-color: rgba(255, 255, 255, 0.6);
  color: #000;
}
.wrapper.page-home .main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::before, .wrapper.page-home .main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::after {
  opacity: 1;
  background-color: #FFF;
}
.wrapper.page-home .main-nav .nav-bar {
  background-color: transparent;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.wrapper.page-works-list {
  --primary-text-color: #FFF;
  --bg-color: #000;
  background-color: var(--bg-color);
}
.wrapper.page-works-list .main-nav .nav-bar .nav-bar-inner .logo-wrap .logo-white {
  display: block;
}
.wrapper.page-works-list .main-nav .nav-bar .nav-bar-inner .logo-wrap .logo-black {
  display: none;
  opacity: 1;
}
.wrapper.page-works-list .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-toggle::after {
  opacity: 1;
  background-image: url("../images/icon/lang_white.svg");
}
.wrapper.page-works-list .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu {
  background-color: transparent;
  border: 1px solid #FFF;
}
.wrapper.page-works-list .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item {
  color: #FFF;
}
.wrapper.page-works-list .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:hover, .wrapper.page-works-list .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:active {
  background-color: rgba(255, 255, 255, 0.6);
  color: #000;
}
.wrapper.page-works-list .main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::before, .wrapper.page-works-list .main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::after {
  opacity: 1;
  background-color: #FFF;
}
.wrapper.page-works-list .main-nav .nav-bar {
  background-color: transparent;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.wrapper.page-cross-over {
  --primary-text-color: #FFF;
  --secondary-text-color: #727171;
  --bg-color: #000;
  background-color: var(--bg-color);
}
.wrapper.page-cross-over .main-nav .nav-bar .nav-bar-inner .logo-wrap .logo-white {
  display: block;
}
.wrapper.page-cross-over .main-nav .nav-bar .nav-bar-inner .logo-wrap .logo-black {
  display: none;
  opacity: 1;
}
.wrapper.page-cross-over .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-toggle::after {
  opacity: 1;
  background-image: url("../images/icon/lang_white.svg");
}
.wrapper.page-cross-over .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu {
  background-color: transparent;
  border: 1px solid #FFF;
}
.wrapper.page-cross-over .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item {
  color: #FFF;
}
.wrapper.page-cross-over .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:hover, .wrapper.page-cross-over .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:active {
  background-color: rgba(255, 255, 255, 0.6);
  color: #000;
}
.wrapper.page-cross-over .main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::before, .wrapper.page-cross-over .main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::after {
  opacity: 1;
  background-color: #FFF;
}
.wrapper.page-cross-over .main-nav .nav-bar {
  background-color: transparent;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.wrapper.page-cross-over .media-card .media-card-inner {
  border-right: 0.9375rem solid rgba(112, 112, 112, 0.5);
}
.wrapper.page-cross-over .media-card .media-card-inner .media-card-text {
  gap: 1.5rem;
}
.wrapper.page-cross-over .media-card .media-card-inner .media-card-text .media-card-title {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-line-clamp: 2;
}
@media screen and (max-width: 991.98px) {
  .wrapper.page-cross-over .media-card .media-card-inner .media-card-text .media-card-title {
    -webkit-line-clamp: 3;
  }
}
.wrapper.page-solo-exhibitions .main-nav .nav-bar .nav-bar-inner .logo-wrap .logo-white {
  display: none;
}
.wrapper.page-solo-exhibitions .main-nav .nav-bar .nav-bar-inner .logo-wrap .logo-black {
  opacity: 1;
  display: block;
}
.wrapper.page-solo-exhibitions .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-toggle::after {
  opacity: 1;
  background-image: url("../images/icon/lang_black.svg");
}
.wrapper.page-solo-exhibitions .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu {
  background-color: #FFF;
  border: 1px solid #a0a0a0;
}
.wrapper.page-solo-exhibitions .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item {
  color: #000;
}
.wrapper.page-solo-exhibitions .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:hover, .wrapper.page-solo-exhibitions .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:active {
  background-color: #dedede;
  color: #000;
}
.wrapper.page-solo-exhibitions .main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::before, .wrapper.page-solo-exhibitions .main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::after {
  opacity: 1;
  background-color: #000;
}
.wrapper.page-solo-exhibitions .main-nav .nav-bar {
  background-color: #FFF;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
}
.wrapper.page-solo-exhibitions .main-nav.scroll-top .nav-bar {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
@media screen and (min-width: 992px) {
  .wrapper.page-solo-exhibitions .tab-type-nav {
    position: fixed;
    z-index: 2100;
    top: 2.5rem;
    left: 42vw;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .wrapper.page-solo-exhibitions .tab-type-nav.hide {
    top: -100%;
  }
}
@media screen and (min-width: 1280px) {
  .wrapper.page-solo-exhibitions .tab-type-nav {
    left: 34vw;
  }
}
@media screen and (min-width: 1400px) {
  .wrapper.page-solo-exhibitions .tab-type-nav {
    left: 32vw;
  }
}
@media screen and (min-width: 1920px) {
  .wrapper.page-solo-exhibitions .tab-type-nav {
    left: 33vw;
  }
}
@media screen and (max-width: 991.98px) {
  .wrapper.page-solo-exhibitions .tab-type-nav {
    margin-top: 4.30625rem;
    padding: 2.44rem 0 2.53rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.wrapper.page-solo-exhibitions .hero-img-section {
  margin-top: 8.75rem;
}
@media screen and (max-width: 991.98px) {
  .wrapper.page-solo-exhibitions .hero-img-section {
    margin-top: 0;
  }
}
@media screen and (max-width: 991.98px) {
  .wrapper.page-solo-exhibitions .hero-img-section .hero-img-section-inner {
    width: 100%;
    padding-bottom: 43.73%;
  }
}
@media screen and (max-width: 575.98px) {
  .wrapper.page-solo-exhibitions .hero-img-section .hero-img-section-inner {
    width: 100vw;
    padding-bottom: 75vw;
    margin-left: -40px;
  }
}
.wrapper.page-solo-exhibitions .list-section {
  padding-top: 8.75rem;
  min-height: 70vh;
}
@media screen and (max-width: 991.98px) {
  .wrapper.page-solo-exhibitions .list-section {
    padding-top: 0;
    min-height: 50vh;
  }
}
.wrapper.page-timeline .main-nav {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.wrapper.page-timeline .main-nav .nav-bar .nav-bar-inner .logo-wrap .logo-white {
  display: none;
}
.wrapper.page-timeline .main-nav .nav-bar .nav-bar-inner .logo-wrap .logo-black {
  opacity: 1;
  display: block;
}
.wrapper.page-timeline .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-toggle::after {
  opacity: 1;
  background-image: url("../images/icon/lang_black.svg");
}
.wrapper.page-timeline .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu {
  background-color: #FFF;
  border: 1px solid #a0a0a0;
}
.wrapper.page-timeline .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item {
  color: #000;
}
.wrapper.page-timeline .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:hover, .wrapper.page-timeline .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:active {
  background-color: #dedede;
  color: #000;
}
.wrapper.page-timeline .main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::before, .wrapper.page-timeline .main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::after {
  opacity: 1;
  background-color: #000;
}
.wrapper.page-timeline .main-nav .nav-bar {
  background-color: #FFF;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
}
.wrapper.page-timeline .main-nav .nav-bar {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.wrapper.page-timeline .main-nav.scroll-top .nav-bar {
  background-color: transparent;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
@media screen and (max-width: 991.98px) {
  .wrapper.page-timeline .main-nav.scroll-top .nav-bar {
    background-color: transparent;
    -webkit-box-shadow: unset;
            box-shadow: unset;
  }
}
.wrapper.page-interview .main-nav .nav-bar .nav-bar-inner .logo-wrap .logo-white {
  display: none;
}
.wrapper.page-interview .main-nav .nav-bar .nav-bar-inner .logo-wrap .logo-black {
  display: block;
  opacity: 0.6;
}
.wrapper.page-interview .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-toggle::after {
  opacity: 0.6;
  background-image: url("../images/icon/lang_black.svg");
}
.wrapper.page-interview .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu {
  background-color: #FFF;
  border: 1px solid #a0a0a0;
}
.wrapper.page-interview .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item {
  color: #000;
}
.wrapper.page-interview .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:hover, .wrapper.page-interview .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:active {
  background-color: #dedede;
  color: #000;
}
.wrapper.page-interview .main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::before, .wrapper.page-interview .main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::after {
  opacity: 0.6;
  background-color: #000;
}
.wrapper.page-interview .main-nav .nav-bar {
  background-color: transparent;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
@media screen and (max-width: 991.98px) {
  .wrapper.page-interview .main-nav .nav-bar {
    background-color: #FFF;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
  }
}
.wrapper.page-interview .main-nav.scroll-top .nav-bar .nav-bar-inner .logo-wrap .logo-white {
  display: block;
}
.wrapper.page-interview .main-nav.scroll-top .nav-bar .nav-bar-inner .logo-wrap .logo-black {
  display: none;
  opacity: 1;
}
.wrapper.page-interview .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-toggle::after {
  opacity: 1;
  background-image: url("../images/icon/lang_white.svg");
}
.wrapper.page-interview .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu {
  background-color: transparent;
  border: 1px solid #FFF;
}
.wrapper.page-interview .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item {
  color: #FFF;
}
.wrapper.page-interview .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:hover, .wrapper.page-interview .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:active {
  background-color: rgba(255, 255, 255, 0.6);
  color: #000;
}
.wrapper.page-interview .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::before, .wrapper.page-interview .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::after {
  opacity: 1;
  background-color: #FFF;
}
@media screen and (max-width: 991.98px) {
  .wrapper.page-interview .main-nav.scroll-top .nav-bar {
    background-color: transparent;
    -webkit-box-shadow: unset;
            box-shadow: unset;
  }
}
.wrapper.page-interview .list-section .list-section-inner {
  max-width: 1280px;
  margin: 3.75rem auto;
}
.wrapper.page-publication .main-nav .nav-bar .nav-bar-inner .logo-wrap .logo-white {
  display: none;
}
.wrapper.page-publication .main-nav .nav-bar .nav-bar-inner .logo-wrap .logo-black {
  display: block;
  opacity: 0.6;
}
.wrapper.page-publication .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-toggle::after {
  opacity: 0.6;
  background-image: url("../images/icon/lang_black.svg");
}
.wrapper.page-publication .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu {
  background-color: #FFF;
  border: 1px solid #a0a0a0;
}
.wrapper.page-publication .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item {
  color: #000;
}
.wrapper.page-publication .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:hover, .wrapper.page-publication .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:active {
  background-color: #dedede;
  color: #000;
}
.wrapper.page-publication .main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::before, .wrapper.page-publication .main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::after {
  opacity: 0.6;
  background-color: #000;
}
.wrapper.page-publication .main-nav .nav-bar {
  background-color: transparent;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
@media screen and (max-width: 991.98px) {
  .wrapper.page-publication .main-nav .nav-bar {
    background-color: #FFF;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
  }
}
.wrapper.page-publication .main-nav.scroll-top .nav-bar .nav-bar-inner .logo-wrap .logo-white {
  display: block;
}
.wrapper.page-publication .main-nav.scroll-top .nav-bar .nav-bar-inner .logo-wrap .logo-black {
  display: none;
  opacity: 1;
}
.wrapper.page-publication .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-toggle::after {
  opacity: 1;
  background-image: url("../images/icon/lang_white.svg");
}
.wrapper.page-publication .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu {
  background-color: transparent;
  border: 1px solid #FFF;
}
.wrapper.page-publication .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item {
  color: #FFF;
}
.wrapper.page-publication .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:hover, .wrapper.page-publication .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:active {
  background-color: rgba(255, 255, 255, 0.6);
  color: #000;
}
.wrapper.page-publication .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::before, .wrapper.page-publication .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::after {
  opacity: 1;
  background-color: #FFF;
}
@media screen and (max-width: 991.98px) {
  .wrapper.page-publication .main-nav.scroll-top .nav-bar {
    background-color: transparent;
    -webkit-box-shadow: unset;
            box-shadow: unset;
  }
}
.wrapper.page-publication .list-section {
  padding-top: 8.75rem;
  min-height: 70vh;
}
@media screen and (max-width: 991.98px) {
  .wrapper.page-publication .list-section {
    padding-top: 4.30625rem;
    min-height: 50vh;
  }
}
.wrapper.page-reports .main-nav .nav-bar .nav-bar-inner .logo-wrap .logo-white {
  display: none;
}
.wrapper.page-reports .main-nav .nav-bar .nav-bar-inner .logo-wrap .logo-black {
  display: block;
  opacity: 0.6;
}
.wrapper.page-reports .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-toggle::after {
  opacity: 0.6;
  background-image: url("../images/icon/lang_black.svg");
}
.wrapper.page-reports .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu {
  background-color: #FFF;
  border: 1px solid #a0a0a0;
}
.wrapper.page-reports .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item {
  color: #000;
}
.wrapper.page-reports .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:hover, .wrapper.page-reports .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:active {
  background-color: #dedede;
  color: #000;
}
.wrapper.page-reports .main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::before, .wrapper.page-reports .main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::after {
  opacity: 0.6;
  background-color: #000;
}
.wrapper.page-reports .main-nav .nav-bar {
  background-color: transparent;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
@media screen and (max-width: 991.98px) {
  .wrapper.page-reports .main-nav .nav-bar {
    background-color: #FFF;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
  }
}
.wrapper.page-reports .list-section {
  padding-top: 8.75rem;
  min-height: 70vh;
}
@media screen and (max-width: 991.98px) {
  .wrapper.page-reports .list-section {
    padding-top: 4.30625rem;
    min-height: 50vh;
  }
}
.wrapper.page-tag-result {
  --primary-text-color: #FFF;
  --secondary-text-color: #727171;
  --bg-color: #000;
  background-color: var(--bg-color);
}
.wrapper.page-tag-result .main-nav .nav-bar .nav-bar-inner .logo-wrap .logo-white {
  display: block;
}
.wrapper.page-tag-result .main-nav .nav-bar .nav-bar-inner .logo-wrap .logo-black {
  display: none;
  opacity: 1;
}
.wrapper.page-tag-result .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-toggle::after {
  opacity: 1;
  background-image: url("../images/icon/lang_white.svg");
}
.wrapper.page-tag-result .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu {
  background-color: transparent;
  border: 1px solid #FFF;
}
.wrapper.page-tag-result .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item {
  color: #FFF;
}
.wrapper.page-tag-result .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:hover, .wrapper.page-tag-result .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:active {
  background-color: rgba(255, 255, 255, 0.6);
  color: #000;
}
.wrapper.page-tag-result .main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::before, .wrapper.page-tag-result .main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::after {
  opacity: 1;
  background-color: #FFF;
}
.wrapper.page-tag-result .main-nav .nav-bar {
  background-color: transparent;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.wrapper.page-article.article-cross-over .main-nav .nav-bar .nav-bar-inner .logo-wrap .logo-white {
  display: none;
}
.wrapper.page-article.article-cross-over .main-nav .nav-bar .nav-bar-inner .logo-wrap .logo-black {
  display: block;
  opacity: 0.6;
}
.wrapper.page-article.article-cross-over .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-toggle::after {
  opacity: 0.6;
  background-image: url("../images/icon/lang_black.svg");
}
.wrapper.page-article.article-cross-over .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu {
  background-color: #FFF;
  border: 1px solid #a0a0a0;
}
.wrapper.page-article.article-cross-over .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item {
  color: #000;
}
.wrapper.page-article.article-cross-over .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:hover, .wrapper.page-article.article-cross-over .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:active {
  background-color: #dedede;
  color: #000;
}
.wrapper.page-article.article-cross-over .main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::before, .wrapper.page-article.article-cross-over .main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::after {
  opacity: 0.6;
  background-color: #000;
}
.wrapper.page-article.article-cross-over .main-nav .nav-bar {
  background-color: transparent;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
@media screen and (max-width: 991.98px) {
  .wrapper.page-article.article-cross-over .main-nav .nav-bar .nav-bar-inner .logo-wrap .logo-white {
    display: none;
  }
  .wrapper.page-article.article-cross-over .main-nav .nav-bar .nav-bar-inner .logo-wrap .logo-black {
    opacity: 1;
    display: block;
  }
  .wrapper.page-article.article-cross-over .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-toggle::after {
    opacity: 1;
    background-image: url("../images/icon/lang_black.svg");
  }
  .wrapper.page-article.article-cross-over .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu {
    background-color: #FFF;
    border: 1px solid #a0a0a0;
  }
  .wrapper.page-article.article-cross-over .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item {
    color: #000;
  }
  .wrapper.page-article.article-cross-over .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:hover, .wrapper.page-article.article-cross-over .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:active {
    background-color: #dedede;
    color: #000;
  }
  .wrapper.page-article.article-cross-over .main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::before, .wrapper.page-article.article-cross-over .main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::after {
    opacity: 1;
    background-color: #000;
  }
  .wrapper.page-article.article-cross-over .main-nav .nav-bar {
    background-color: #FFF;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
  }
}
.wrapper.page-article.article-cross-over .main-nav.scroll-top .nav-bar .nav-bar-inner .logo-wrap .logo-white {
  display: block;
}
.wrapper.page-article.article-cross-over .main-nav.scroll-top .nav-bar .nav-bar-inner .logo-wrap .logo-black {
  display: none;
  opacity: 1;
}
.wrapper.page-article.article-cross-over .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-toggle::after {
  opacity: 1;
  background-image: url("../images/icon/lang_white.svg");
}
.wrapper.page-article.article-cross-over .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu {
  background-color: transparent;
  border: 1px solid #FFF;
}
.wrapper.page-article.article-cross-over .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item {
  color: #FFF;
}
.wrapper.page-article.article-cross-over .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:hover, .wrapper.page-article.article-cross-over .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:active {
  background-color: rgba(255, 255, 255, 0.6);
  color: #000;
}
.wrapper.page-article.article-cross-over .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::before, .wrapper.page-article.article-cross-over .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::after {
  opacity: 1;
  background-color: #FFF;
}
@media screen and (max-width: 991.98px) {
  .wrapper.page-article.article-cross-over .main-nav.scroll-top .nav-bar .nav-bar-inner .logo-wrap .logo-white {
    display: none;
  }
  .wrapper.page-article.article-cross-over .main-nav.scroll-top .nav-bar .nav-bar-inner .logo-wrap .logo-black {
    opacity: 1;
    display: block;
  }
  .wrapper.page-article.article-cross-over .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-toggle::after {
    opacity: 1;
    background-image: url("../images/icon/lang_black.svg");
  }
  .wrapper.page-article.article-cross-over .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu {
    background-color: #FFF;
    border: 1px solid #a0a0a0;
  }
  .wrapper.page-article.article-cross-over .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item {
    color: #000;
  }
  .wrapper.page-article.article-cross-over .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:hover, .wrapper.page-article.article-cross-over .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:active {
    background-color: #dedede;
    color: #000;
  }
  .wrapper.page-article.article-cross-over .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::before, .wrapper.page-article.article-cross-over .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::after {
    opacity: 1;
    background-color: #000;
  }
  .wrapper.page-article.article-cross-over .main-nav.scroll-top .nav-bar {
    background-color: #FFF;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
  }
}
@media screen and (max-width: 991.98px) {
  .wrapper.page-article.article-cross-over .hero-img-section {
    margin-top: 4.30625rem;
  }
}
.wrapper.page-article.article-solo-exhibitions .main-nav .nav-bar .nav-bar-inner .logo-wrap .logo-white {
  display: none;
}
.wrapper.page-article.article-solo-exhibitions .main-nav .nav-bar .nav-bar-inner .logo-wrap .logo-black {
  display: block;
  opacity: 0.6;
}
.wrapper.page-article.article-solo-exhibitions .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-toggle::after {
  opacity: 0.6;
  background-image: url("../images/icon/lang_black.svg");
}
.wrapper.page-article.article-solo-exhibitions .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu {
  background-color: #FFF;
  border: 1px solid #a0a0a0;
}
.wrapper.page-article.article-solo-exhibitions .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item {
  color: #000;
}
.wrapper.page-article.article-solo-exhibitions .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:hover, .wrapper.page-article.article-solo-exhibitions .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:active {
  background-color: #dedede;
  color: #000;
}
.wrapper.page-article.article-solo-exhibitions .main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::before, .wrapper.page-article.article-solo-exhibitions .main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::after {
  opacity: 0.6;
  background-color: #000;
}
.wrapper.page-article.article-solo-exhibitions .main-nav .nav-bar {
  background-color: transparent;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
@media screen and (max-width: 991.98px) {
  .wrapper.page-article.article-solo-exhibitions .main-nav .nav-bar {
    background-color: #FFF;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
  }
}
.wrapper.page-article.article-solo-exhibitions .main-nav.scroll-top .nav-bar .nav-bar-inner .logo-wrap .logo-white {
  display: block;
}
.wrapper.page-article.article-solo-exhibitions .main-nav.scroll-top .nav-bar .nav-bar-inner .logo-wrap .logo-black {
  display: none;
  opacity: 1;
}
.wrapper.page-article.article-solo-exhibitions .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-toggle::after {
  opacity: 1;
  background-image: url("../images/icon/lang_white.svg");
}
.wrapper.page-article.article-solo-exhibitions .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu {
  background-color: transparent;
  border: 1px solid #FFF;
}
.wrapper.page-article.article-solo-exhibitions .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item {
  color: #FFF;
}
.wrapper.page-article.article-solo-exhibitions .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:hover, .wrapper.page-article.article-solo-exhibitions .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:active {
  background-color: rgba(255, 255, 255, 0.6);
  color: #000;
}
.wrapper.page-article.article-solo-exhibitions .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::before, .wrapper.page-article.article-solo-exhibitions .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::after {
  opacity: 1;
  background-color: #FFF;
}
@media screen and (max-width: 991.98px) {
  .wrapper.page-article.article-solo-exhibitions .main-nav.scroll-top .nav-bar .nav-bar-inner .logo-wrap .logo-white {
    display: none;
  }
  .wrapper.page-article.article-solo-exhibitions .main-nav.scroll-top .nav-bar .nav-bar-inner .logo-wrap .logo-black {
    opacity: 1;
    display: block;
  }
  .wrapper.page-article.article-solo-exhibitions .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-toggle::after {
    opacity: 1;
    background-image: url("../images/icon/lang_black.svg");
  }
  .wrapper.page-article.article-solo-exhibitions .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu {
    background-color: #FFF;
    border: 1px solid #a0a0a0;
  }
  .wrapper.page-article.article-solo-exhibitions .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item {
    color: #000;
  }
  .wrapper.page-article.article-solo-exhibitions .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:hover, .wrapper.page-article.article-solo-exhibitions .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:active {
    background-color: #dedede;
    color: #000;
  }
  .wrapper.page-article.article-solo-exhibitions .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::before, .wrapper.page-article.article-solo-exhibitions .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::after {
    opacity: 1;
    background-color: #000;
  }
  .wrapper.page-article.article-solo-exhibitions .main-nav.scroll-top .nav-bar {
    background-color: #FFF;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
  }
}
@media screen and (max-width: 991.98px) {
  .wrapper.page-article.article-solo-exhibitions .hero-img-section {
    margin-top: 4.30625rem;
  }
}
.wrapper.page-article.article-works .main-nav .nav-bar .nav-bar-inner .logo-wrap .logo-white {
  display: none;
}
.wrapper.page-article.article-works .main-nav .nav-bar .nav-bar-inner .logo-wrap .logo-black {
  display: block;
  opacity: 0.6;
}
.wrapper.page-article.article-works .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-toggle::after {
  opacity: 0.6;
  background-image: url("../images/icon/lang_black.svg");
}
.wrapper.page-article.article-works .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu {
  background-color: #FFF;
  border: 1px solid #a0a0a0;
}
.wrapper.page-article.article-works .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item {
  color: #000;
}
.wrapper.page-article.article-works .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:hover, .wrapper.page-article.article-works .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:active {
  background-color: #dedede;
  color: #000;
}
.wrapper.page-article.article-works .main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::before, .wrapper.page-article.article-works .main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::after {
  opacity: 0.6;
  background-color: #000;
}
.wrapper.page-article.article-works .main-nav .nav-bar {
  background-color: transparent;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.wrapper.page-article.article-works .article-wrap {
  padding-top: 8.75rem;
  min-height: 70vh;
}
@media screen and (max-width: 991.98px) {
  .wrapper.page-article.article-works .article-wrap {
    padding-top: 4.30625rem;
    min-height: 50vh;
  }
}
.wrapper.page-article.article-works .article-wrap .article-inner .article-header .article-type {
  color: #000;
}
.wrapper.page-article.article-interview .main-nav .nav-bar .nav-bar-inner .logo-wrap .logo-white {
  display: none;
}
.wrapper.page-article.article-interview .main-nav .nav-bar .nav-bar-inner .logo-wrap .logo-black {
  opacity: 1;
  display: block;
}
.wrapper.page-article.article-interview .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-toggle::after {
  opacity: 1;
  background-image: url("../images/icon/lang_black.svg");
}
.wrapper.page-article.article-interview .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu {
  background-color: #FFF;
  border: 1px solid #a0a0a0;
}
.wrapper.page-article.article-interview .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item {
  color: #000;
}
.wrapper.page-article.article-interview .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:hover, .wrapper.page-article.article-interview .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:active {
  background-color: #dedede;
  color: #000;
}
.wrapper.page-article.article-interview .main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::before, .wrapper.page-article.article-interview .main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::after {
  opacity: 1;
  background-color: #000;
}
.wrapper.page-article.article-interview .main-nav .nav-bar {
  background-color: #FFF;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
}
.wrapper.page-article.article-interview .article-wrap {
  padding-top: 8.75rem;
}
@media screen and (max-width: 991.98px) {
  .wrapper.page-article.article-interview .article-wrap {
    padding-top: 4.30625rem;
  }
}
.wrapper.page-article.article-interview .article-wrap .article-inner .article-header .article-type {
  color: #000;
}
.wrapper.page-article.article-interview .article-wrap .article-inner .article-header .article-title {
  font-size: 1.25rem;
}
.wrapper.page-article.article-reports .main-nav .nav-bar .nav-bar-inner .logo-wrap .logo-white {
  display: none;
}
.wrapper.page-article.article-reports .main-nav .nav-bar .nav-bar-inner .logo-wrap .logo-black {
  opacity: 1;
  display: block;
}
.wrapper.page-article.article-reports .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-toggle::after {
  opacity: 1;
  background-image: url("../images/icon/lang_black.svg");
}
.wrapper.page-article.article-reports .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu {
  background-color: #FFF;
  border: 1px solid #a0a0a0;
}
.wrapper.page-article.article-reports .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item {
  color: #000;
}
.wrapper.page-article.article-reports .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:hover, .wrapper.page-article.article-reports .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:active {
  background-color: #dedede;
  color: #000;
}
.wrapper.page-article.article-reports .main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::before, .wrapper.page-article.article-reports .main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::after {
  opacity: 1;
  background-color: #000;
}
.wrapper.page-article.article-reports .main-nav .nav-bar {
  background-color: #FFF;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
}
.wrapper.page-article.article-reports .article-wrap {
  padding-top: 8.75rem;
}
@media screen and (max-width: 991.98px) {
  .wrapper.page-article.article-reports .article-wrap {
    padding-top: 4.30625rem;
  }
}
.wrapper.page-article.article-reports .article-wrap .article-inner .article-header .article-type {
  color: #000;
}
.wrapper.page-article.article-about .main-nav .nav-bar .nav-bar-inner .logo-wrap .logo-white {
  display: none;
}
.wrapper.page-article.article-about .main-nav .nav-bar .nav-bar-inner .logo-wrap .logo-black {
  opacity: 1;
  display: block;
}
.wrapper.page-article.article-about .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-toggle::after {
  opacity: 1;
  background-image: url("../images/icon/lang_black.svg");
}
.wrapper.page-article.article-about .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu {
  background-color: #FFF;
  border: 1px solid #a0a0a0;
}
.wrapper.page-article.article-about .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item {
  color: #000;
}
.wrapper.page-article.article-about .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:hover, .wrapper.page-article.article-about .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:active {
  background-color: #dedede;
  color: #000;
}
.wrapper.page-article.article-about .main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::before, .wrapper.page-article.article-about .main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::after {
  opacity: 1;
  background-color: #000;
}
.wrapper.page-article.article-about .main-nav .nav-bar {
  background-color: #FFF;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
}
.wrapper.page-article.article-about .article-wrap {
  padding-top: 8.75rem;
}
@media screen and (max-width: 991.98px) {
  .wrapper.page-article.article-about .article-wrap {
    padding-top: 4.30625rem;
  }
}
.wrapper.page-article.article-about .article-wrap .article-header {
  margin: 3.75rem 0;
}
@media screen and (max-width: 575.98px) {
  .wrapper.page-article.article-about .article-wrap .article-header {
    margin: 2.5rem 0;
  }
}
.wrapper.search-result .search-result-count {
  font-size: 1.125rem;
  color: #727171;
  word-break: break-all;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 991.98px) {
  .wrapper.search-result .search-result-count {
    margin-bottom: 2rem;
  }
}
.wrapper.search-result .search-no-result {
  text-align: center;
  font-size: 1.125rem;
}
.wrapper.search-result .list-section {
  min-height: 60vh;
}
@media screen and (max-width: 991.98px) {
  .wrapper.search-result .list-section .list-section-inner .page-title {
    margin-bottom: 1.5rem;
  }
}
.wrapper.search-result.page-works-list:has(.search-no-result) .works-section {
  height: 60vh;
}
.wrapper.search-result.page-works-list .search-no-result {
  color: #FFF;
  position: absolute;
  top: 60%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.wrapper.search-result.page-works-list .search-result-count {
  color: #FFF;
  line-height: 1.5;
}
.wrapper.search-result.page-cross-over {
  padding-top: 8.75rem;
}
@media screen and (max-width: 991.98px) {
  .wrapper.search-result.page-cross-over {
    padding-top: 4.5rem;
  }
}
.wrapper.search-result.page-cross-over .search-no-result,
.wrapper.search-result.page-cross-over .search-result-count {
  color: #FFF;
}
.wrapper.search-result.page-solo-exhibitions {
  padding-top: 8.75rem;
}
@media screen and (max-width: 991.98px) {
  .wrapper.search-result.page-solo-exhibitions {
    padding-top: 0;
  }
}
.wrapper.search-result.page-reports {
  padding-top: 8.75rem;
}
@media screen and (max-width: 991.98px) {
  .wrapper.search-result.page-reports {
    padding-top: 4.5rem;
  }
}
.wrapper.search-result.page-reports .main-nav .nav-bar .nav-bar-inner .logo-wrap .logo-white {
  display: none;
}
.wrapper.search-result.page-reports .main-nav .nav-bar .nav-bar-inner .logo-wrap .logo-black {
  opacity: 1;
  display: block;
}
.wrapper.search-result.page-reports .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-toggle::after {
  opacity: 1;
  background-image: url("../images/icon/lang_black.svg");
}
.wrapper.search-result.page-reports .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu {
  background-color: #FFF;
  border: 1px solid #a0a0a0;
}
.wrapper.search-result.page-reports .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item {
  color: #000;
}
.wrapper.search-result.page-reports .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:hover, .wrapper.search-result.page-reports .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:active {
  background-color: #dedede;
  color: #000;
}
.wrapper.search-result.page-reports .main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::before, .wrapper.search-result.page-reports .main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::after {
  opacity: 1;
  background-color: #000;
}
.wrapper.search-result.page-reports .main-nav .nav-bar {
  background-color: #FFF;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
}
@media screen and (max-width: 991.98px) {
  .wrapper.search-result.page-reports .main-nav .nav-bar {
    background-color: #FFF;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
  }
}
.wrapper.search-result.page-reports .main-nav.scroll-top .nav-bar .nav-bar-inner .logo-wrap .logo-white {
  display: none;
}
.wrapper.search-result.page-reports .main-nav.scroll-top .nav-bar .nav-bar-inner .logo-wrap .logo-black {
  opacity: 1;
  display: block;
}
.wrapper.search-result.page-reports .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-toggle::after {
  opacity: 1;
  background-image: url("../images/icon/lang_black.svg");
}
.wrapper.search-result.page-reports .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu {
  background-color: #FFF;
  border: 1px solid #a0a0a0;
}
.wrapper.search-result.page-reports .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item {
  color: #000;
}
.wrapper.search-result.page-reports .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:hover, .wrapper.search-result.page-reports .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:active {
  background-color: #dedede;
  color: #000;
}
.wrapper.search-result.page-reports .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::before, .wrapper.search-result.page-reports .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::after {
  opacity: 1;
  background-color: #000;
}
.wrapper.search-result.page-reports .main-nav.scroll-top .nav-bar {
  background-color: #FFF;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
}
@media screen and (max-width: 991.98px) {
  .wrapper.search-result.page-reports .main-nav.scroll-top .nav-bar {
    background-color: #FFF;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
  }
}
.wrapper.search-result.page-reports .reports-list {
  padding-top: 0;
}
.wrapper.search-result.page-publication {
  padding-top: 8.75rem;
}
@media screen and (max-width: 991.98px) {
  .wrapper.search-result.page-publication {
    padding-top: 4.5rem;
  }
}
.wrapper.search-result.page-publication .main-nav .nav-bar .nav-bar-inner .logo-wrap .logo-white {
  display: none;
}
.wrapper.search-result.page-publication .main-nav .nav-bar .nav-bar-inner .logo-wrap .logo-black {
  opacity: 1;
  display: block;
}
.wrapper.search-result.page-publication .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-toggle::after {
  opacity: 1;
  background-image: url("../images/icon/lang_black.svg");
}
.wrapper.search-result.page-publication .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu {
  background-color: #FFF;
  border: 1px solid #a0a0a0;
}
.wrapper.search-result.page-publication .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item {
  color: #000;
}
.wrapper.search-result.page-publication .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:hover, .wrapper.search-result.page-publication .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:active {
  background-color: #dedede;
  color: #000;
}
.wrapper.search-result.page-publication .main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::before, .wrapper.search-result.page-publication .main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::after {
  opacity: 1;
  background-color: #000;
}
.wrapper.search-result.page-publication .main-nav .nav-bar {
  background-color: #FFF;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
}
@media screen and (max-width: 991.98px) {
  .wrapper.search-result.page-publication .main-nav .nav-bar {
    background-color: #FFF;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
  }
}
.wrapper.search-result.page-publication .main-nav.scroll-top .nav-bar .nav-bar-inner .logo-wrap .logo-white {
  display: none;
}
.wrapper.search-result.page-publication .main-nav.scroll-top .nav-bar .nav-bar-inner .logo-wrap .logo-black {
  opacity: 1;
  display: block;
}
.wrapper.search-result.page-publication .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-toggle::after {
  opacity: 1;
  background-image: url("../images/icon/lang_black.svg");
}
.wrapper.search-result.page-publication .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu {
  background-color: #FFF;
  border: 1px solid #a0a0a0;
}
.wrapper.search-result.page-publication .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item {
  color: #000;
}
.wrapper.search-result.page-publication .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:hover, .wrapper.search-result.page-publication .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:active {
  background-color: #dedede;
  color: #000;
}
.wrapper.search-result.page-publication .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::before, .wrapper.search-result.page-publication .main-nav.scroll-top .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::after {
  opacity: 1;
  background-color: #000;
}
.wrapper.search-result.page-publication .main-nav.scroll-top .nav-bar {
  background-color: #FFF;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
}
@media screen and (max-width: 991.98px) {
  .wrapper.search-result.page-publication .main-nav.scroll-top .nav-bar {
    background-color: #FFF;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
  }
}
.wrapper.search-result.page-publication .publication-list {
  padding-top: 0;
}

.page-header {
  padding: 2.6875rem 8.3% 2rem;
}
@media screen and (max-width: 575.98px) {
  .page-header {
    padding: 2.53125rem 40px 1.5rem;
  }
}

.page-bottom {
  padding: 6.25rem 8.3% 2.6875rem;
}
@media screen and (max-width: 575.98px) {
  .page-bottom {
    padding: 7.5rem 40px 2.53125rem;
  }
}
.page-bottom .page-bottom-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.page-title {
  text-align: center;
  color: #a0a0a0;
  font-family: "Noto Serif TC", serif;
  font-weight: 700;
  font-size: 1.5rem;
  letter-spacing: 0.175rem;
  line-height: 1.43;
}
@media screen and (max-width: 575.98px) {
  .page-title {
    font-size: 1.5rem;
    letter-spacing: 0.106rem;
    line-height: 1.44;
  }
}

.no-result {
  text-align: center;
  font-size: 1.125rem;
}

/*---------------------*/
/*  _loading.scss
/*---------------------*/
.loading {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9000;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  pointer-events: none;
  opacity: 0;
}
.loading.show {
  opacity: 1;
  pointer-events: auto;
}
.loading .loading-inner {
  width: 100vw;
  height: 100vh;
  background-color: var(--bg-color, #FFF);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.loading .loading-inner p {
  font-family: "Noto Serif TC", serif;
  font-weight: 700;
  color: var(--primary-text-color, #000);
  font-size: 1.125rem;
  text-align: center;
  line-height: 1.43;
}

/*---------------------*/
/*  _work-lightbox.scss
/*---------------------*/
.work-lightbox-wrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3000;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.9);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 767.98px) {
  .work-lightbox-wrap {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
.work-lightbox-wrap.hide {
  opacity: 0;
  pointer-events: none;
}
.work-lightbox-wrap .close-btn {
  position: absolute;
  top: 4.5rem;
  right: 5.5rem;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.3125rem;
  background-color: transparent;
  border: unset;
}
@media screen and (max-width: 1399.98px) {
  .work-lightbox-wrap .close-btn {
    top: 2rem;
    right: 2rem;
  }
}
@media screen and (max-width: 991.98px) {
  .work-lightbox-wrap .close-btn {
    top: 1.5rem;
    right: 1.5rem;
  }
}
.work-lightbox-wrap .close-btn::after {
  content: "";
  display: block;
  border: unset;
  background-image: url("../images/icon/closed_white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.875rem;
  height: 1.875rem;
}
@media screen and (max-width: 767.98px) {
  .work-lightbox-wrap .close-btn::after {
    width: 1.25rem;
    height: 1.25rem;
  }
}
.work-lightbox-wrap .work-lightbox-inner {
  width: 100%;
  max-width: 1440px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 8fr 3rem 4fr;
  grid-template-columns: 8fr 4fr;
  -webkit-column-gap: 3rem;
     -moz-column-gap: 3rem;
          column-gap: 3rem;
}
@media screen and (max-width: 1599.98px) {
  .work-lightbox-wrap .work-lightbox-inner {
    max-width: 1280px;
  }
}
@media screen and (max-width: 1399.98px) {
  .work-lightbox-wrap .work-lightbox-inner {
    max-width: 90vw;
    -ms-grid-columns: 7fr 5fr;
    grid-template-columns: 7fr 5fr;
  }
}
@media screen and (max-width: 767.98px) {
  .work-lightbox-wrap .work-lightbox-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 1.5rem;
    padding: 0 0.625rem;
    max-width: 100vw;
    max-height: calc(100vh - 5.5rem);
    margin-top: 5.5rem;
    overflow-y: auto;
  }
}
.work-lightbox-wrap .work-lightbox-inner .image-wrap {
  width: 100%;
  height: 65vh;
}
@media screen and (max-width: 767.98px) {
  .work-lightbox-wrap .work-lightbox-inner .image-wrap {
    height: calc(100vw - 1.125rem);
  }
}
.work-lightbox-wrap .work-lightbox-inner .image-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 767.98px) {
  .work-lightbox-wrap .work-lightbox-inner .image-wrap img {
    -o-object-position: bottom;
       object-position: bottom;
  }
}
.work-lightbox-wrap .work-lightbox-inner .info-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 767.98px) {
  .work-lightbox-wrap .work-lightbox-inner .info-wrap {
    padding: 0 2.5rem 8.5rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
.work-lightbox-wrap .work-lightbox-inner .info-wrap .info-inner .info-title {
  color: #FFF;
  font-family: "Noto Serif TC", serif;
  font-weight: 700;
  font-size: 1.5rem;
  letter-spacing: 0.11875rem;
  line-height: 1.47;
}
@media screen and (max-width: 991.98px) {
  .work-lightbox-wrap .work-lightbox-inner .info-wrap .info-inner .info-title {
    font-size: 1.375rem;
    letter-spacing: 0.06875rem;
    line-height: 1.54;
  }
}
@media screen and (max-width: 767.98px) {
  .work-lightbox-wrap .work-lightbox-inner .info-wrap .info-inner .info-title {
    text-align: center;
  }
}
.work-lightbox-wrap .work-lightbox-inner .info-wrap .info-inner .info-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 1.875rem;
  margin-top: 1.875rem;
}
.work-lightbox-wrap .work-lightbox-inner .info-wrap .info-inner .info-list .info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 767.98px) {
  .work-lightbox-wrap .work-lightbox-inner .info-wrap .info-inner .info-list .info-item {
    row-gap: 0.25rem;
  }
}
.work-lightbox-wrap .work-lightbox-inner .info-wrap .info-inner .info-list .info-item .item-title {
  color: #FFF;
  font-size: 1rem;
  letter-spacing: 0.1125rem;
  line-height: 1.67;
}
@media screen and (max-width: 991.98px) {
  .work-lightbox-wrap .work-lightbox-inner .info-wrap .info-inner .info-list .info-item .item-title {
    font-size: 0.875rem;
    letter-spacing: 0.05rem;
    line-height: 1.3125;
  }
}
.work-lightbox-wrap .work-lightbox-inner .info-wrap .info-inner .info-list .info-item .item-content {
  color: #FFF;
  font-size: 1.25rem;
  letter-spacing: 0.075rem;
  line-height: 1.33;
}
@media screen and (max-width: 991.98px) {
  .work-lightbox-wrap .work-lightbox-inner .info-wrap .info-inner .info-list .info-item .item-content {
    font-size: 1rem;
    letter-spacing: 0.05rem;
    line-height: 1.3125;
  }
}

/*---------------------*/
/*  _nav.scss
/*---------------------*/
.main-nav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.main-nav.hide {
  top: -100%;
}
.main-nav.open {
  background-color: rgba(0, 0, 0, 0.9);
  height: 100%;
  z-index: 2500;
}
.main-nav.open .nav-menu {
  pointer-events: unset;
  opacity: 1;
  height: 100vh;
}
.main-nav.open .nav-bar {
  background-color: transparent !important;
}
@media screen and (min-width: 992px) {
  .main-nav.open .nav-bar .nav-bar-inner {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.main-nav.open .nav-bar .nav-bar-inner .logo-wrap .logo-white {
  display: block !important;
}
.main-nav.open .nav-bar .nav-bar-inner .logo-wrap .logo-black {
  display: none !important;
}
@media screen and (min-width: 992px) {
  .main-nav.open .nav-bar .nav-bar-inner .btn-wrap {
    right: -1rem;
  }
}
.main-nav.open .nav-bar .nav-bar-inner .btn-wrap .open-search-btn {
  display: inline-block;
}
.main-nav.open .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-toggle::after {
  opacity: 1 !important;
  background-image: url("../images/icon/lang_white.svg") !important;
}
.main-nav.open .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu {
  background-color: transparent !important;
  border: 1px solid #FFF !important;
}
.main-nav.open .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item {
  color: #FFF !important;
}
.main-nav.open .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:hover, .main-nav.open .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:active {
  background-color: rgba(255, 255, 255, 0.6) !important;
  color: #000 !important;
}
.main-nav.open .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::before, .main-nav.open .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::after {
  opacity: 1 !important;
  background-color: #FFF !important;
}
.main-nav .nav-bar {
  width: 100vw;
  padding: 1.95625rem 13.54vw;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 1909.98px) {
  .main-nav .nav-bar {
    padding: 1.95625rem 13.54vw 1.95625rem 6vw;
  }
}
@media screen and (max-width: 991.98px) {
  .main-nav .nav-bar {
    padding: 1.1875rem 9.35vw 0.38125rem;
  }
}
.main-nav .nav-bar .nav-bar-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.main-nav .nav-bar .nav-bar-inner .logo-wrap {
  display: block;
  height: 4.35375rem;
  position: relative;
  z-index: 2100;
}
@media screen and (max-width: 991.98px) {
  .main-nav .nav-bar .nav-bar-inner .logo-wrap {
    height: 2.7375rem;
  }
}
.main-nav .nav-bar .nav-bar-inner .logo-wrap .logo-white {
  display: none;
}
.main-nav .nav-bar .nav-bar-inner .logo-wrap .logo-black {
  display: block;
}
.main-nav .nav-bar .nav-bar-inner .logo-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left center;
     object-position: left center;
}
.main-nav .nav-bar .nav-bar-inner .btn-wrap {
  position: absolute;
  top: 50%;
  right: -6.25rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}
@media screen and (max-width: 991.98px) {
  .main-nav .nav-bar .nav-bar-inner .btn-wrap {
    top: 0.3125rem;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    right: -0.375rem;
    -webkit-column-gap: 0.5rem;
       -moz-column-gap: 0.5rem;
            column-gap: 0.5rem;
  }
}
.main-nav .nav-bar .nav-bar-inner .btn-wrap .open-search-btn {
  display: none;
  border: unset;
  background-color: transparent;
  padding: 0.9375rem;
}
@media screen and (max-width: 991.98px) {
  .main-nav .nav-bar .nav-bar-inner .btn-wrap .open-search-btn {
    padding: 0.375rem;
  }
}
.main-nav .nav-bar .nav-bar-inner .btn-wrap .open-search-btn.active::after {
  background-image: url("../images/icon/closed_white.svg");
}
.main-nav .nav-bar .nav-bar-inner .btn-wrap .open-search-btn::after {
  content: "";
  display: block;
  border: unset;
  background-image: url("../images/icon/search_white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.875rem;
  height: 1.875rem;
}
@media screen and (max-width: 991.98px) {
  .main-nav .nav-bar .nav-bar-inner .btn-wrap .open-search-btn::after {
    width: 1.25rem;
    height: 1.25rem;
  }
}
.main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-toggle {
  border: unset;
  background-color: transparent;
  padding: 0.9375rem;
}
@media screen and (max-width: 991.98px) {
  .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-toggle {
    padding: 0.375rem;
  }
}
.main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-toggle::after {
  content: "";
  display: block;
  border: unset;
  background-image: url("../images/icon/lang_black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.875rem;
  height: 1.875rem;
}
@media screen and (max-width: 991.98px) {
  .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-toggle::after {
    width: 1.25rem;
    height: 1.25rem;
  }
}
.main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu {
  border: 1px solid #a0a0a0;
  min-width: 8rem;
}
@media screen and (max-width: 991.98px) {
  .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu {
    min-width: 5rem;
  }
}
.main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item {
  font-size: 1.5rem;
  letter-spacing: 0.0469rem;
  line-height: 1.33;
  color: #000;
}
@media screen and (max-width: 991.98px) {
  .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item {
    font-size: 1.125rem;
    letter-spacing: 0.0375rem;
  }
}
.main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:hover, .main-nav .nav-bar .nav-bar-inner .btn-wrap .lang-wrap .dropdown-menu .dropdown-item:active {
  background-color: #dedede;
  color: #000;
}
.main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn {
  padding: 0.625rem 0.9375rem;
  border: unset;
  background-color: transparent;
}
@media screen and (max-width: 991.98px) {
  .main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn {
    padding: 0.375rem;
  }
}
.main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span {
  display: block;
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
}
@media screen and (max-width: 991.98px) {
  .main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span {
    width: 1.25rem;
    height: 1.25rem;
  }
}
.main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::before, .main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::after {
  content: "";
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::before {
  top: 0.5rem;
}
@media screen and (max-width: 991.98px) {
  .main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::before {
    top: 0.25rem;
  }
}
.main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::after {
  bottom: 0.5rem;
}
@media screen and (max-width: 991.98px) {
  .main-nav .nav-bar .nav-bar-inner .btn-wrap .nav-btn span::after {
    bottom: 0.25rem;
  }
}
.main-nav .nav-menu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2050;
  width: 100%;
  height: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  pointer-events: none;
  opacity: 0;
}
@media screen and (max-width: 991.98px) {
  .main-nav .nav-menu {
    position: static;
  }
}
.main-nav .nav-menu .nav-menu-inner {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10rem 21%;
  overflow-y: auto;
}
@media screen and (max-width: 991.98px) {
  .main-nav .nav-menu .nav-menu-inner {
    height: calc(100% - 4.375rem);
    padding: 2.6rem 2.5rem 3.42rem;
  }
}
.main-nav .nav-menu .nav-menu-inner .inner-wrap.hide {
  display: none;
}
.main-nav .nav-menu .nav-menu-inner .normal-wrap {
  padding: 2.5rem 3.75rem 3.9375rem;
}
@media screen and (max-width: 991.98px) {
  .main-nav .nav-menu .nav-menu-inner .normal-wrap {
    padding: 1.5rem 0 4.125rem;
  }
}
.main-nav .nav-menu .nav-menu-inner .normal-wrap .nav-list {
  margin: 0;
  padding: 0;
  width: 100%;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 2.5rem;
}
.main-nav .nav-menu .nav-menu-inner .normal-wrap .nav-list .list-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
  width: 100%;
}
.main-nav .nav-menu .nav-menu-inner .normal-wrap .nav-list .list-item .link-wrap {
  width: 100%;
}
.main-nav .nav-menu .nav-menu-inner .normal-wrap .nav-list .list-item .link-wrap:not(:has(.link-list)) .link-title .link-icon::before, .main-nav .nav-menu .nav-menu-inner .normal-wrap .nav-list .list-item .link-wrap:not(:has(.link-list)) .link-title .link-icon::after {
  background-color: transparent;
}
.main-nav .nav-menu .nav-menu-inner .normal-wrap .nav-list .list-item .link-wrap.active .link-title::before {
  width: 100%;
}
.main-nav .nav-menu .nav-menu-inner .normal-wrap .nav-list .list-item .link-wrap.active .link-title .link-icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.main-nav .nav-menu .nav-menu-inner .normal-wrap .nav-list .list-item .link-wrap.active .link-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.main-nav .nav-menu .nav-menu-inner .normal-wrap .nav-list .list-item .link-wrap .link-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 1.9rem;
     -moz-column-gap: 1.9rem;
          column-gap: 1.9rem;
  text-decoration: none;
  color: #FFF;
  position: relative;
}
@media screen and (max-width: 991.98px) {
  .main-nav .nav-menu .nav-menu-inner .normal-wrap .nav-list .list-item .link-wrap .link-title {
    -webkit-column-gap: 1.12rem;
       -moz-column-gap: 1.12rem;
            column-gap: 1.12rem;
  }
}
.main-nav .nav-menu .nav-menu-inner .normal-wrap .nav-list .list-item .link-wrap .link-title::before {
  content: "";
  position: absolute;
  bottom: -0.875rem;
  left: 0;
  background-color: #FFF;
  display: block;
  width: 0;
  height: 1px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.main-nav .nav-menu .nav-menu-inner .normal-wrap .nav-list .list-item .link-wrap .link-title .link-title-text {
  font-family: "Noto Serif TC", serif;
  font-weight: 700;
  font-size: 2.25rem;
  letter-spacing: 0.1125rem;
  line-height: 1.42;
}
@media screen and (max-width: 991.98px) {
  .main-nav .nav-menu .nav-menu-inner .normal-wrap .nav-list .list-item .link-wrap .link-title .link-title-text {
    font-size: 1.75rem;
    letter-spacing: 0.0875rem;
    line-height: 1.43;
  }
}
.main-nav .nav-menu .nav-menu-inner .normal-wrap .nav-list .list-item .link-wrap .link-title .link-icon {
  width: 2.5rem;
  height: 2.5rem;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 991.98px) {
  .main-nav .nav-menu .nav-menu-inner .normal-wrap .nav-list .list-item .link-wrap .link-title .link-icon {
    width: 1.5625rem;
    height: 1.5625rem;
  }
}
.main-nav .nav-menu .nav-menu-inner .normal-wrap .nav-list .list-item .link-wrap .link-title .link-icon::before, .main-nav .nav-menu .nav-menu-inner .normal-wrap .nav-list .list-item .link-wrap .link-title .link-icon::after {
  content: "";
  display: block;
  background-color: currentcolor;
  position: absolute;
  width: 0.1875rem;
  height: 1.5rem;
}
@media screen and (max-width: 991.98px) {
  .main-nav .nav-menu .nav-menu-inner .normal-wrap .nav-list .list-item .link-wrap .link-title .link-icon::before, .main-nav .nav-menu .nav-menu-inner .normal-wrap .nav-list .list-item .link-wrap .link-title .link-icon::after {
    height: 0.9375rem;
  }
}
.main-nav .nav-menu .nav-menu-inner .normal-wrap .nav-list .list-item .link-wrap .link-title .link-icon::before {
  top: 50%;
  left: -10%;
  -webkit-transform: rotate(50deg) translateY(-75%);
          transform: rotate(50deg) translateY(-75%);
}
.main-nav .nav-menu .nav-menu-inner .normal-wrap .nav-list .list-item .link-wrap .link-title .link-icon::after {
  top: 50%;
  right: -10%;
  -webkit-transform: rotate(-50deg) translateY(-75%);
          transform: rotate(-50deg) translateY(-75%);
}
.main-nav .nav-menu .nav-menu-inner .normal-wrap .nav-list .list-item .link-wrap .link-list {
  list-style-type: none;
  display: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.5rem;
  padding-top: 2.125rem;
  padding-left: 12.5rem;
}
@media screen and (max-width: 991.98px) {
  .main-nav .nav-menu .nav-menu-inner .normal-wrap .nav-list .list-item .link-wrap .link-list {
    padding-top: 2.5rem;
    padding-left: 8rem;
  }
}
.main-nav .nav-menu .nav-menu-inner .normal-wrap .nav-list .list-item .link-wrap .link-list .link-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-nav .nav-menu .nav-menu-inner .normal-wrap .nav-list .list-item .link-wrap .link-list .link-list-item a {
  text-decoration: none;
  font-size: 1.5rem;
  letter-spacing: 0.075rem;
  line-height: 1.5;
  color: #FFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 991.98px) {
  .main-nav .nav-menu .nav-menu-inner .normal-wrap .nav-list .list-item .link-wrap .link-list .link-list-item a {
    font-size: 1.25rem;
    letter-spacing: 0.0625rem;
    line-height: 1.35;
  }
}
.main-nav .nav-menu .nav-menu-inner .normal-wrap .nav-list .list-item .link-wrap .link-list .link-list-item a:hover, .main-nav .nav-menu .nav-menu-inner .normal-wrap .nav-list .list-item .link-wrap .link-list .link-list-item a:active {
  color: #a0a0a0;
}
.main-nav .nav-menu .nav-menu-inner .search-wrap {
  padding: 2.5rem 0 3.9375rem;
}
@media screen and (max-width: 991.98px) {
  .main-nav .nav-menu .nav-menu-inner .search-wrap {
    padding: 0 0 4.125rem;
  }
}
.main-nav .nav-menu .nav-menu-inner .search-wrap .search-bar-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 2rem;
  background-color: #FFF;
}
@media screen and (max-width: 991.98px) {
  .main-nav .nav-menu .nav-menu-inner .search-wrap .search-bar-wrap {
    padding: 0 1rem;
  }
}
.main-nav .nav-menu .nav-menu-inner .search-wrap .search-bar-wrap .search-input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border: unset;
  background-color: transparent;
  color: #000;
  font-size: 1.5rem;
  width: 100%;
}
@media screen and (max-width: 991.98px) {
  .main-nav .nav-menu .nav-menu-inner .search-wrap .search-bar-wrap .search-input {
    font-size: 1.25rem;
  }
}
.main-nav .nav-menu .nav-menu-inner .search-wrap .search-bar-wrap .search-input:focus {
  outline: unset;
}
.main-nav .nav-menu .nav-menu-inner .search-wrap .search-bar-wrap .search-btn {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  border: unset;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  background-color: transparent;
  padding: 0.875rem;
}
@media screen and (max-width: 991.98px) {
  .main-nav .nav-menu .nav-menu-inner .search-wrap .search-bar-wrap .search-btn {
    padding-right: 0;
  }
}
.main-nav .nav-menu .nav-menu-inner .search-wrap .search-bar-wrap .search-btn::after {
  content: "";
  display: block;
  border: unset;
  background-image: url("../images/icon/search_black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 2rem;
  height: 2rem;
}
@media screen and (max-width: 991.98px) {
  .main-nav .nav-menu .nav-menu-inner .search-wrap .search-bar-wrap .search-btn::after {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.main-nav .nav-menu .nav-menu-inner .search-wrap .search-result-wrap {
  margin-top: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 5rem;
}
@media screen and (max-width: 991.98px) {
  .main-nav .nav-menu .nav-menu-inner .search-wrap .search-result-wrap {
    margin-top: 3.75rem;
    row-gap: 2.5rem;
  }
}
.main-nav .nav-menu .nav-menu-inner .search-wrap .search-result-wrap .result-group .result-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.main-nav .nav-menu .nav-menu-inner .search-wrap .search-result-wrap .result-group .all-result-link {
  text-decoration: none;
  color: #a0a0a0;
  font-size: 1.25rem;
  letter-spacing: 0.075rem;
  line-height: 1.5;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
}
.main-nav .nav-menu .nav-menu-inner .search-wrap .search-result-wrap .result-group .all-result-link:hover {
  opacity: 0.8;
}
.main-nav .nav-menu .nav-menu-inner .search-wrap .search-result-wrap .result-group .all-result-link::after {
  content: "";
  display: block;
  border: unset;
  background-image: url("../images/icon/next_gray.svg");
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 1rem;
  height: 1rem;
}
.main-nav .nav-menu .nav-menu-inner .search-wrap .search-result-wrap .result-group .result-title {
  color: #FFF;
  font-family: "Noto Serif TC", serif;
  font-weight: 700;
  font-size: 2.25rem;
  letter-spacing: 0.1125rem;
  line-height: 1.42;
}
@media screen and (max-width: 991.98px) {
  .main-nav .nav-menu .nav-menu-inner .search-wrap .search-result-wrap .result-group .result-title {
    font-size: 1.75rem;
    letter-spacing: 0.0875rem;
    line-height: 1.43;
  }
}
.main-nav .nav-menu .nav-menu-inner .search-wrap .search-result-wrap .result-group .result-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.main-nav .nav-menu .nav-menu-inner .search-wrap .search-result-wrap .result-group .result-list .result-item {
  padding: 1.5rem 0;
}
.main-nav .nav-menu .nav-menu-inner .search-wrap .search-result-wrap .result-group .result-list .result-item + .result-item {
  border-top: 1px solid #FFF;
}
.main-nav .nav-menu .nav-menu-inner .search-wrap .search-result-wrap .result-group .result-list .result-item a {
  text-decoration: none;
  display: block;
  color: #FFF;
  font-size: 1.5rem;
  letter-spacing: 0.075rem;
  line-height: 1.5;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
@media screen and (max-width: 991.98px) {
  .main-nav .nav-menu .nav-menu-inner .search-wrap .search-result-wrap .result-group .result-list .result-item a {
    font-size: 1.25rem;
    letter-spacing: 0.0625rem;
    line-height: 1.35;
    -webkit-line-clamp: 2;
  }
}
.main-nav .nav-menu .nav-menu-inner .search-wrap .search-result-wrap .result-group .result-list .result-item a:hover, .main-nav .nav-menu .nav-menu-inner .search-wrap .search-result-wrap .result-group .result-list .result-item a:active {
  color: #a0a0a0;
}

/*---------------------*/
/*  _footer.scss
/*---------------------*/
/*
.footer-wrap {
    border-top: 1px solid $color-white;
    background-color: $color-black-100;
    padding: 4.3755rem 0 8.225rem;

    @media screen and (max-width: 991.98px) {
        padding: 2.5rem 0 5.176rem;
    }

    & > .container {
        @media screen and (max-width: 410px) {
            padding-right: 20px;
            padding-left: 20px;
        }
    }

    .footer-inner {
        display: flex;
        flex-direction: column;
        align-items: center;


        // footer - layout
        .footer-upper {
            display: flex;
            column-gap: 6.25rem;

            @media screen and (max-width: 1399.98px) {
                column-gap: 6.67%;
            }

            @media screen and (max-width: 991.98px) {
                flex-direction: column;
                row-gap: 1.25625rem;
            }

            .footer-left {
                display: flex;
                align-items: center;
            }

            .footer-right {
                flex-shrink: 0; // 右半部不要壓縮
                max-width: 400px;  // 限制寬度讓英文版不要太寬
            }
        }


        // footer - logo
        .logo-wrap {
            display: block;
            height: 6rem;

            @media screen and (max-width: 991.98px) {
                width: 100%;
                height: auto;
            }

            img {
                width: 100%;
                height: 100%;
                object-fit: contain;
            }
        }

        // footer - link
        .link-wrap {
            display: flex;
            flex-direction: column;
            row-gap: 0.9375rem;

            @media screen and (max-width: 991.98px) {
                align-items: center;
                row-gap: 1.25625rem;
            }

            // link list - common
            .link-list {
                list-style-type: none;
                padding: 0;
                margin: 0;
            }


            // link - icon
            .icon-link-wrap {
                margin-top: 0.65625rem;

                .link-list {
                    display: flex;
                    column-gap: 1.875rem;

                    .list-item {

                        .item-link {
                            width: 2.0875rem;
                            height: 2.0875rem;
                            display: block;

                            img {
                                width: 100%;
                                height: 100%;
                                object-fit: contain;
                            }
                        }
                    }
                }
            }

            // link - text
            .text-link-wrap {

                // 連結 & 文字
                .item-link,
                .item-text {
                    font-size: 1.125rem;
                    line-height: 1.33;
                    color: $color-black-20;
                }

                // 連結
                .item-link {
                    font-weight: 500;
                    letter-spacing: 0.05625rem;
                    text-decoration: none;
                    transition: .3s;

                    &:hover, &:active {
                        color: $color-black-30;
                    }
                }

                // 文字
                .item-text {

                }


                // 連結清單
                .link-list {

                    // 清單項目
                    .list-item {
                        display: flex;
                        column-gap: 1rem;
                    }

                    // 電腦版
                    &.pc-style {
                        display: flex;
                        flex-direction: column;
                        row-gap: 0.5rem;

                        @media screen and (max-width: 991.98px) {
                            display: none;
                        }
                    }

                    // 手機版
                    &.mobile-style {
                        display: none;

                        @media screen and (max-width: 991.98px) {
                            display: block;
                        }

                        .list-item {

                            // 第一列
                            &:nth-child(1) {
                                column-gap: 0;

                                .item-link {
                                    display: flex;

                                    // 第一個連結
                                    &:nth-child(1) {
                                        @media screen and (max-width: 991.98px) {
                                            max-width: 12rem; // 限制寬度讓英文版不要太寬
                                        }
                                    }

                                    // 間隔符號
                                    &:not(:first-child)::before {
                                        content: '';
                                        display: block;
                                        width: 0.375rem;
                                        height: 0.375rem;
                                        background-color: $color-white;
                                        border-radius: $border-radius-round;
                                        margin: 0.5625rem 0.6875rem;
                                    }
                                }
                            }

                            // 第二列
                            &:nth-child(2) {
                                margin-top: 1.25rem;
                                flex-direction: column;
                                align-items: center;
                                row-gap: 0.5rem;
                            }
                        }
                    }

                }
            }
        }

    }
}
*/
.footer-wrap-v2 {
  border-top: 1px solid #FFF;
  background-color: #000;
}
.footer-wrap-v2 .footer-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 2.5rem;
     -moz-column-gap: 2.5rem;
          column-gap: 2.5rem;
  min-height: 200px;
  padding: 2rem 0;
}
@media screen and (max-width: 1279.98px) {
  .footer-wrap-v2 .footer-inner {
    -webkit-column-gap: 1.5rem;
       -moz-column-gap: 1.5rem;
            column-gap: 1.5rem;
  }
}
@media screen and (max-width: 991.98px) {
  .footer-wrap-v2 .footer-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 1.5rem;
  }
}
.footer-wrap-v2 .footer-inner .footer-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 1.2rem;
}
@media screen and (max-width: 1279.98px) and (min-width: 992px) {
  .footer-wrap-v2 .footer-inner .footer-col:nth-child(3) {
    max-width: 12rem;
  }
}
@media screen and (max-width: 991.98px) {
  .footer-wrap-v2 .footer-inner .footer-col {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 1.5rem;
  }
}
.footer-wrap-v2 .footer-inner .logo-wrap {
  display: block;
  height: 4.95rem;
}
@media screen and (max-width: 1279.98px) and (min-width: 992px) {
  .footer-wrap-v2 .footer-inner .logo-wrap {
    height: 4.05rem;
  }
}
@media screen and (max-width: 991.98px) {
  .footer-wrap-v2 .footer-inner .logo-wrap {
    height: 3.2rem;
  }
}
.footer-wrap-v2 .footer-inner .logo-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left top;
     object-position: left top;
}
.footer-wrap-v2 .footer-inner .link-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.footer-wrap-v2 .footer-inner .icon-link-wrap .link-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 1.875rem;
     -moz-column-gap: 1.875rem;
          column-gap: 1.875rem;
}
.footer-wrap-v2 .footer-inner .icon-link-wrap .link-list .list-item .item-link {
  width: 1.75rem;
  height: 1.75rem;
  display: block;
}
.footer-wrap-v2 .footer-inner .icon-link-wrap .link-list .list-item .item-link img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.footer-wrap-v2 .footer-inner .text-link-wrap .item-link,
.footer-wrap-v2 .footer-inner .text-link-wrap .item-text {
  line-height: 1.33;
  color: #dedede;
  white-space: normal;
  word-break: break-word;
}
.footer-wrap-v2 .footer-inner .text-link-wrap .item-link {
  padding: 0;
  background-color: unset;
  border: unset;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.05625rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.footer-wrap-v2 .footer-inner .text-link-wrap .item-link:hover, .footer-wrap-v2 .footer-inner .text-link-wrap .item-link:active {
  color: #a0a0a0;
}
.footer-wrap-v2 .footer-inner .text-link-wrap .item-link.style-email {
  word-break: keep-all;
}
.footer-wrap-v2 .footer-inner .text-link-wrap .item-text {
  font-size: 0.875rem;
  color: #707070;
}
.footer-wrap-v2 .footer-inner .text-link-wrap .link-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 1.5rem;
}
.footer-wrap-v2 .footer-inner .text-link-wrap .link-list .list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}
@media screen and (max-width: 991.98px) {
  .footer-wrap-v2 .footer-inner .text-link-wrap .link-list .list-item {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
}

/*---------------------*/
/*  _pagination.scss
/*---------------------*/
.pagination-wrap {
  padding: 7.5rem 0 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pagination-wrap .pagination {
  margin: 0;
  width: 100%;
  max-width: 22.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pagination-wrap .pagination .page-item {
  border: unset;
  background-color: unset;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  color: var(--secondary-text-color, #dedede);
}
.pagination-wrap .pagination .page-item.disabled {
  display: none;
}
.pagination-wrap .pagination .page-item:hover .page-link, .pagination-wrap .pagination .page-item.active .page-link {
  border-bottom: 1px solid var(--primary-text-color, #000);
  color: var(--primary-text-color, #000);
}
.pagination-wrap .pagination .page-item .page-link {
  border: unset;
  background-color: unset;
  border-radius: unset;
  border-bottom: 1px solid var(--secondary-text-color, #dedede);
  color: var(--secondary-text-color, #dedede);
  text-align: center;
  padding-bottom: 0.5625rem;
}
.pagination-wrap .pagination .page-item .page-link:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
/*---------------------*/
/*  _breadcrumb.scss
/*---------------------*/
.breadcrumb-wrap {
  --bs-breadcrumb-divider: ">";
}
.breadcrumb-wrap .breadcrumb {
  margin: 0;
  display: block;
}
.breadcrumb-wrap .breadcrumb .breadcrumb-item {
  display: inline;
}
.breadcrumb-wrap .breadcrumb .breadcrumb-item + .breadcrumb-item {
  padding-left: 0;
  margin-left: -4px;
}
.breadcrumb-wrap .breadcrumb .breadcrumb-item:before {
  float: unset;
  color: var(--primary-text-color, #727171);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.breadcrumb-wrap .breadcrumb .breadcrumb-item a, .breadcrumb-wrap .breadcrumb .breadcrumb-item.active {
  text-decoration: none;
  color: var(--primary-text-color, #727171);
  font-size: 1rem;
  letter-spacing: 0.1rem;
  line-height: 1.75;
}

/*---------------------*/
/*  _tabs-nav.scss
/*---------------------*/
.tab-type-nav .nav {
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}
.tab-type-nav .nav .nav-item .nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  row-gap: 0.75rem;
  border-radius: unset;
  text-decoration: none;
  font-weight: 500;
  font-size: 1.25rem;
  letter-spacing: 0.075rem;
  line-height: 1.33;
  color: #424243;
  opacity: 0.5;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.tab-type-nav .nav .nav-item .nav-link:hover, .tab-type-nav .nav .nav-item .nav-link.active {
  opacity: 1;
}
.tab-type-nav .nav .nav-item .nav-link::after {
  content: "";
  background-color: #727171;
  width: 3.75rem;
  height: 0.1875rem;
}

/*---------------------*/
/*  _button.scss
/*---------------------*/
.pagetop-btn {
  position: fixed;
  z-index: 1050;
  right: 12.76%;
  bottom: 1.875rem;
  background-image: url("../images/page-top.svg");
  display: block;
  width: 2.875rem;
  height: 2.875rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 991.98px) {
  .pagetop-btn {
    right: 1rem;
  }
}
.pagetop-btn.scroll-top {
  opacity: 0;
  pointer-events: none;
}

.normal-btn {
  display: inline-block;
  height: 3.125rem;
  padding: 0.8rem 2.0625rem 0.65rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  text-align: center;
  text-decoration: none;
  font-size: 1rem;
  letter-spacing: 0.1rem;
  line-height: 1.3125;
  color: #000;
  border: 1.5px solid #000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.normal-btn:hover, .normal-btn:active {
  color: #727171;
  border: 1.5px solid #727171;
}

.arrow-btn {
  --main-color: #FFF;
  display: inline-block;
  width: 6.25rem;
  height: 6.25rem;
  border-radius: 100%;
  border: 1.5px solid var(--main-color);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
@media screen and (max-width: 991.98px) {
  .arrow-btn {
    width: 3.75rem;
    height: 3.75rem;
  }
}
.arrow-btn:hover span, .arrow-btn:active span {
  width: 110%;
  -webkit-transform: translate(30%, -50%);
          transform: translate(30%, -50%);
}
.arrow-btn span {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(55%, -50%);
          transform: translate(55%, -50%);
  width: 47.6%;
  height: 20%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.arrow-btn span::before {
  content: "";
  display: block;
  width: 100%;
  height: 1.5px;
  background-color: var(--main-color);
}
.arrow-btn span::after {
  content: "";
  position: absolute;
  right: 0;
  -webkit-transform: rotate(45deg) translate(-1px, 1px);
          transform: rotate(45deg) translate(-1px, 1px);
  display: block;
  width: 15px;
  height: 15px;
  border-top: 1.5px solid var(--main-color);
  border-right: 1.5px solid var(--main-color);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/*---------------------*/
/*  _card.scss
/*---------------------*/
.news-card {
  display: block;
  width: calc(32.2580645161vw - 1.59375rem);
  height: calc((32.2580645161vw - 1.59375rem) / 0.6667);
  overflow: hidden;
  position: relative;
  top: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  -ms-user-select: none;
      user-select: none; /* standard syntax */
  -webkit-user-select: none; /* for Chrome、Safari */
  -moz-user-select: none; /* for Mozilla、Firefox */
}
@media screen and (max-width: 1440px) {
  .news-card {
    width: calc(35.7142857143vw - 1.59375rem);
    height: calc((35.7142857143vw - 1.59375rem) / 0.6667);
  }
}
@media screen and (max-width: 1399.98px) {
  .news-card {
    width: calc(45.4545454545vw - 1.59375rem);
    height: calc((45.4545454545vw - 1.59375rem) / 0.6667);
  }
}
@media screen and (max-width: 575.98px) {
  .news-card {
    width: calc(95.2380952381vw - 1.59375rem);
    height: calc((95.2380952381vw - 1.59375rem) / 0.6667);
  }
}
@media (any-hover: hover) {
  .news-card:hover .news-card-text, .news-card:active .news-card-text {
    opacity: 1;
  }
  .news-card:hover .news-card-text .news-card-text-inner, .news-card:active .news-card-text .news-card-text-inner {
    -webkit-animation-name: moveUp;
            animation-name: moveUp;
    -webkit-animation-duration: 300ms;
            animation-duration: 300ms;
  }
  .news-card.dragging {
    pointer-events: none;
  }
}
.news-card .news-card-image {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  width: 100%;
  padding-bottom: 149.992500375%;
}
.news-card .news-card-image .image-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.news-card .news-card-text {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (any-hover: hover) {
  .news-card .news-card-text {
    opacity: 0;
  }
}
.news-card .news-card-text .news-card-text-inner {
  height: 100%;
  padding: 8.5% 15.8% 8.8%;
}
.news-card .news-card-text .news-card-text-inner .news-card-type {
  color: #727171;
  font-size: 1.5rem;
  letter-spacing: 0.075rem;
  line-height: 1.33;
}
@media screen and (max-width: 991.98px) {
  .news-card .news-card-text .news-card-text-inner .news-card-type {
    font-size: 1rem;
    letter-spacing: 0.05rem;
    line-height: 1.3125;
  }
}
.news-card .news-card-text .news-card-text-inner .news-card-title {
  margin: 1.375rem 0 1.25rem;
  color: #000;
  font-family: "Noto Serif TC", serif;
  font-weight: 700;
  font-size: 2.375rem;
  letter-spacing: 0.11875rem;
  line-height: 1.47;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media screen and (max-width: 991.98px) {
  .news-card .news-card-text .news-card-text-inner .news-card-title {
    margin: 0.8125rem 0 1.125rem;
    font-size: 1.375rem;
    letter-spacing: 0.06875rem;
    line-height: 1.54;
  }
}
.news-card .news-card-text .news-card-text-inner .news-card-date {
  color: #727171;
  font-size: 1.5rem;
  letter-spacing: 0.075rem;
  line-height: 1.375;
}
@media screen and (max-width: 991.98px) {
  .news-card .news-card-text .news-card-text-inner .news-card-date {
    font-size: 1rem;
    letter-spacing: 0.05rem;
    line-height: 1.3125;
  }
}

@-webkit-keyframes moveUp {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes moveUp {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.media-card .card-link {
  text-decoration: none;
}
.media-card .media-card-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: 0.9375rem solid #dedede;
}
@media screen and (max-width: 991.98px) {
  .media-card .media-card-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-right: unset !important;
  }
}
.media-card .media-card-inner .media-card-img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 40%;
  padding-bottom: 17.492%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 991.98px) {
  .media-card .media-card-inner .media-card-img {
    width: 100%;
    padding-bottom: 43.73%;
  }
}
.media-card .media-card-inner .media-card-text {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 1.25rem 3.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 2.5rem;
  height: 16.25rem;
}
@media screen and (max-width: 991.98px) {
  .media-card .media-card-inner .media-card-text {
    padding: 1.875rem 0 0;
    gap: 1.25rem;
    height: auto;
  }
}
.media-card .media-card-inner .media-card-text .media-card-type {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: var(--primary-text-color, #727171);
  opacity: 0.7;
  font-size: 1.25rem;
  letter-spacing: 0.075rem;
  line-height: 1.375;
}
@media screen and (max-width: 575.98px) {
  .media-card .media-card-inner .media-card-text .media-card-type {
    font-size: 1.25rem;
    letter-spacing: 0.0625rem;
    line-height: 1.4;
  }
}
.media-card .media-card-inner .media-card-text .media-card-title {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  color: var(--primary-text-color, #000);
  font-family: "Noto Serif TC", serif;
  font-weight: 700;
  font-size: 1.75rem;
  letter-spacing: 0.11875rem;
  line-height: 1.47;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
@media screen and (max-width: 575.98px) {
  .media-card .media-card-inner .media-card-text .media-card-title {
    font-size: 1.75rem;
    letter-spacing: 0.106rem;
    line-height: 1.53;
  }
}
.media-card .media-card-inner .media-card-text .media-card-des {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: var(--primary-text-color, #727171);
  opacity: 0.7;
  font-size: 1.25rem;
  letter-spacing: 0.075rem;
  line-height: 1.375;
}
@media screen and (max-width: 575.98px) {
  .media-card .media-card-inner .media-card-text .media-card-des {
    font-size: 1.25rem;
    letter-spacing: 0.0625rem;
    line-height: 1.4;
  }
}

.interview-card + .interview-card {
  border-top: 1.5px solid #dedede;
  margin-top: 3.75rem;
  padding-top: 3.75rem;
}
.interview-card .interview-card-date {
  color: #727171;
  font-size: 1.125rem;
  letter-spacing: 0.1125rem;
  line-height: 1.67;
}
.interview-card .interview-card-title a {
  text-decoration: none;
  color: #000;
  font-family: "Noto Serif TC", serif;
  font-weight: 700;
  font-size: 2rem;
  letter-spacing: 0.11875rem;
  line-height: 1.47;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 575.98px) {
  .interview-card .interview-card-title a {
    font-size: 2rem;
    letter-spacing: 0.106rem;
    line-height: 1.53;
  }
}
.interview-card .interview-card-title a:hover {
  color: #172055;
  text-decoration: underline;
}
.interview-card .interview-card-directory {
  padding: 0;
  margin: 0;
  margin-top: 1.75rem;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 1.25rem;
}
.interview-card .interview-card-directory .interview-card-subtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
}
.interview-card .interview-card-directory .interview-card-subtitle a, .interview-card .interview-card-directory .interview-card-subtitle span {
  font-size: 1.125rem;
  letter-spacing: 0.1125rem;
  line-height: 1.67;
}
.interview-card .interview-card-directory .interview-card-subtitle span {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #727171;
}
.interview-card .interview-card-directory .interview-card-subtitle a {
  text-decoration: none;
  color: #000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.interview-card .interview-card-directory .interview-card-subtitle a:hover {
  color: #172055;
  text-decoration: underline;
}

.publication-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4.5rem;
}
@media screen and (max-width: 991.98px) {
  .publication-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2.5rem;
  }
}
.publication-card .publication-card-img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 40%;
  position: relative;
}
@media screen and (max-width: 991.98px) {
  .publication-card .publication-card-img {
    width: 50%;
  }
}
@media screen and (max-width: 575.98px) {
  .publication-card .publication-card-img {
    width: 85%;
  }
}
.publication-card .publication-card-img .image-wrap {
  width: 100%;
  height: 100%;
}
.publication-card .publication-card-img .image-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.publication-card .publication-card-text {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 2.5rem 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 2.5rem;
}
@media screen and (max-width: 991.98px) {
  .publication-card .publication-card-text {
    row-gap: 1.5rem;
    padding: 0;
  }
}
.publication-card .publication-card-text .publication-card-title {
  color: #000;
  font-family: "Noto Serif TC", serif;
  font-weight: 700;
  font-size: 1.75rem;
  letter-spacing: 0.11875rem;
  line-height: 1.47;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
@media screen and (max-width: 991.98px) {
  .publication-card .publication-card-text .publication-card-title {
    font-size: 1.75rem;
    letter-spacing: 0.106rem;
    line-height: 1.53;
  }
}
.publication-card .publication-card-text .publication-card-info {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.5rem;
}
.publication-card .publication-card-text .publication-card-info .info-item {
  color: #2c2c2c;
  font-size: 1.25rem;
  letter-spacing: 0.075rem;
  line-height: 1.375;
}
@media screen and (max-width: 991.98px) {
  .publication-card .publication-card-text .publication-card-info .info-item {
    font-size: 1.25rem;
    letter-spacing: 0.0625rem;
    line-height: 1.4;
  }
}
.publication-card .publication-card-text .publication-card-info .info-item span {
  color: #2c2c2c;
}
.publication-card .publication-card-text .publication-card-des p {
  font-size: 1.125rem;
  letter-spacing: 0.1125rem;
  line-height: 1.67;
  color: #727171;
}
.publication-card .publication-card-text .publication-card-des p + p {
  margin-top: 1.5rem;
}
.publication-card .publication-card-text .publication-card-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 991.98px) {
  .publication-card .publication-card-text .publication-card-footer {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.reports-card {
  padding: 0.875rem 0;
}
.reports-card:hover .reports-card-inner .reports-card-title, .reports-card:active .reports-card-inner .reports-card-title {
  color: #172055;
}
.reports-card + .reports-card {
  border-top: 1.5px solid #dedede;
}
.reports-card .card-link {
  text-decoration: none;
}
.reports-card .reports-card-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 2.875rem;
     -moz-column-gap: 2.875rem;
          column-gap: 2.875rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.875rem 0;
}
@media screen and (max-width: 991.98px) {
  .reports-card .reports-card-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    row-gap: 0.5rem;
  }
}
.reports-card .reports-card-inner .reports-card-date {
  color: #727171;
  font-size: 1.5rem;
  letter-spacing: 0.075rem;
  line-height: 1.375;
}
@media screen and (max-width: 575.98px) {
  .reports-card .reports-card-inner .reports-card-date {
    font-size: 1.25rem;
    letter-spacing: 0.0625rem;
    line-height: 1.4;
  }
}
.reports-card .reports-card-inner .reports-card-title {
  font-family: "Noto Serif TC", serif;
  color: #000;
  font-size: 1.5rem;
  letter-spacing: 0.075rem;
  line-height: 1.375;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
@media screen and (max-width: 991.98px) {
  .reports-card .reports-card-inner .reports-card-title {
    -webkit-line-clamp: 2;
  }
}
@media screen and (max-width: 575.98px) {
  .reports-card .reports-card-inner .reports-card-title {
    font-size: 1.25rem;
    letter-spacing: 0.0625rem;
    line-height: 1.4;
  }
}

/*---------------------*/
/*  _modal.scss
/*---------------------*/
.modal .modal-dialog {
  margin: 6rem 1.25rem 1.875rem;
  min-height: calc(100% - 7.875rem);
  height: calc(100% - 7.875rem);
}
@media screen and (min-width: 576px) {
  .modal .modal-dialog {
    max-width: 80vw;
    margin: 10rem auto 8vh;
    min-height: calc(100% - 10rem - 8vh);
    height: calc(100% - 10rem - 8vh);
  }
}
@media screen and (min-width: 991px) {
  .modal .modal-dialog {
    max-width: 60vw;
  }
}
.modal .modal-dialog .modal-content .modal-header {
  padding: 1.25rem 1.875rem;
}
@media screen and (max-width: 575.98px) {
  .modal .modal-dialog .modal-content .modal-header {
    padding: 1.125rem 1.25rem;
  }
}
.modal .modal-dialog .modal-content .modal-header .modal-title {
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.1125rem;
  line-height: 1.43;
  color: #424243;
}
.modal .modal-dialog .modal-content .modal-header .btn-close:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: unset;
}
.modal .modal-dialog .modal-content .modal-body {
  padding: 1.875rem 2.5rem 3.75rem;
}
@media screen and (max-width: 575.98px) {
  .modal .modal-dialog .modal-content .modal-body {
    padding: 1.5rem 1.875rem 2.5rem;
  }
}
.modal .modal-dialog .modal-content .modal-body .privacy-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 2.5rem;
}
.modal .modal-dialog .modal-content .modal-body .privacy-wrap .privacy-title {
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.1125rem;
  line-height: 1.43;
  color: #424243;
  white-space: normal;
  word-break: break-word;
  margin-bottom: 0.625rem;
}
.modal .modal-dialog .modal-content .modal-body .privacy-wrap p, .modal .modal-dialog .modal-content .modal-body .privacy-wrap li {
  font-size: 1rem;
  letter-spacing: 0.1125rem;
  line-height: 1.67;
  color: #424243;
  white-space: normal;
  word-break: break-word;
}
.modal .modal-dialog .modal-content .modal-body .privacy-wrap ul, .modal .modal-dialog .modal-content .modal-body .privacy-wrap ol {
  margin: 0;
  margin-top: 0.625rem;
}
.modal .modal-dialog .modal-content .modal-body .privacy-wrap .info-wrap {
  margin-top: 1.25rem;
}
.modal .modal-dialog .modal-content .modal-body .privacy-wrap .info-wrap p + p {
  margin-top: 1rem;
}

/*---------------------*/
/*  _cta-section.scss
/*---------------------*/
.cta-section {
  margin: 0 auto;
  padding: 150px 0;
}
@media screen and (max-width: 991.98px) {
  .cta-section {
    margin: 0 auto;
    padding: 100px 0;
  }
}
.cta-section.follow-style {
  padding-bottom: 50px;
}
@media screen and (max-width: 991.98px) {
  .cta-section.follow-style {
    padding-bottom: 25px;
  }
}
.cta-section .cta-section-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 11%;
}
@media screen and (max-width: 1439.98px) {
  .cta-section .cta-section-inner {
    padding: 0 9%;
  }
}
@media screen and (max-width: 1280px) {
  .cta-section .cta-section-inner {
    padding: 0 7%;
  }
}
@media screen and (max-width: 991.98px) {
  .cta-section .cta-section-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 2.5rem;
    padding: 0;
  }
}
.cta-section .cta-section-inner .section-left {
  width: 77.6%;
}
@media screen and (max-width: 991.98px) {
  .cta-section .cta-section-inner .section-left {
    width: 100%;
  }
}
.cta-section .cta-section-inner .section-title,
.cta-section .cta-section-inner .section-subtitle {
  font-family: "Noto Serif TC", serif;
  font-weight: 700;
  font-size: 3rem;
  letter-spacing: 0.175rem;
  line-height: 1.43;
  color: #FFF;
}
@media screen and (max-width: 991.98px) {
  .cta-section .cta-section-inner .section-title,
  .cta-section .cta-section-inner .section-subtitle {
    font-size: 2.25rem;
    letter-spacing: 0.1125rem;
    line-height: 1.42;
  }
}
.cta-section .cta-section-inner .section-des {
  margin-top: 1.25rem;
  font-size: 1.5rem;
  letter-spacing: 0.075rem;
  line-height: 1.5;
  color: #FFF;
}
@media screen and (max-width: 991.98px) {
  .cta-section .cta-section-inner .section-des {
    margin-top: 0.625rem;
    font-size: 1.125rem;
    letter-spacing: 0.05625rem;
    line-height: 1.78;
  }
}

/*---------------------------------*/
/*  _fade-transition-section.scss
/*---------------------------------*/
.fade-transition-section {
  width: 100%;
  height: 43.73vw;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .fade-transition-section {
    height: 85vh;
  }
}
@media screen and (max-width: 767.98px) and (any-hover: none) {
  .fade-transition-section {
    height: calc(var(--vh, 1vh) * 85);
  }
}
.fade-transition-section .fade-transition-slick .fade-item {
  width: 100%;
  height: 43.73vw;
  position: relative;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media screen and (max-width: 767.98px) {
  .fade-transition-section .fade-transition-slick .fade-item {
    height: 85vh;
  }
}
@media screen and (max-width: 767.98px) and (any-hover: none) {
  .fade-transition-section .fade-transition-slick .fade-item {
    height: calc(var(--vh, 1vh) * 85);
  }
}
.fade-transition-section .fade-transition-slick .fade-item .slick-text-wrap {
  position: absolute;
  top: 50%;
  left: 13.54vw;
  z-index: 10;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  max-width: 874px;
  min-height: 380px;
}
@media screen and (max-width: 575.98px) {
  .fade-transition-section .fade-transition-slick .fade-item .slick-text-wrap {
    left: 0;
    max-width: 100%;
    min-height: 232px;
    padding: 0 34px 0 40px;
  }
}
.fade-transition-section .fade-transition-slick .fade-item .slick-text-wrap .slick-title {
  color: #2c2c2c;
  font-family: "Noto Serif TC", serif;
  font-size: 2.75rem;
  font-weight: bold;
  letter-spacing: 0.2875rem;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
@media screen and (max-width: 575.98px) {
  .fade-transition-section .fade-transition-slick .fade-item .slick-text-wrap .slick-title {
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: unset;
    line-height: 1.6;
  }
}
.fade-transition-section .fade-transition-slick .fade-item .slick-image {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.fade-transition-section .slick-dots {
  position: absolute;
  left: 50%;
  bottom: 4.1875rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .fade-transition-section .slick-dots {
    bottom: 3.4375rem;
    -webkit-column-gap: 1.25rem;
       -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
  }
}
.fade-transition-section .slick-dots li {
  margin: 0 0.9375rem;
  opacity: 0.5;
  width: auto;
  height: auto;
}
@media screen and (max-width: 768px) {
  .fade-transition-section .slick-dots li {
    margin: 0 0.625rem;
  }
}
.fade-transition-section .slick-dots li.slick-active {
  opacity: 1;
}
.fade-transition-section .slick-dots li:only-child {
  opacity: 0 !important;
}
.fade-transition-section .slick-dots li button {
  width: 0.9375rem;
  height: 0.9375rem;
  background-color: #FFF;
  border-radius: 100%;
}
@media screen and (max-width: 768px) {
  .fade-transition-section .slick-dots li button {
    width: 0.625rem;
    height: 0.625rem;
  }
}
.fade-transition-section .slick-dots li button:before {
  content: unset;
}

/*--------------------------*/
/*  _waterfall-section.scss
/*--------------------------*/
.waterfall-section {
  overflow: hidden;
  padding-bottom: 3.75rem;
}
@media screen and (max-width: 991.98px) {
  .waterfall-section {
    padding-bottom: 1.5rem;
  }
}
.waterfall-section .waterfall-inner {
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
  -webkit-column-gap: 2.5rem;
     -moz-column-gap: 2.5rem;
          column-gap: 2.5rem;
}
@media screen and (max-width: 991.98px) {
  .waterfall-section .waterfall-inner {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 0.875rem;
       -moz-column-gap: 0.875rem;
            column-gap: 0.875rem;
  }
}
.waterfall-section .waterfall-inner .waterfall-item {
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1.25rem 0;
}
@media screen and (max-width: 991.98px) {
  .waterfall-section .waterfall-inner .waterfall-item {
    padding: 0.4375rem 0;
  }
}
.waterfall-section .waterfall-inner .waterfall-item a {
  display: block;
  width: 100%;
  height: 100%;
}
.waterfall-section .waterfall-inner .waterfall-item img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

/*------------------------------*/
/*  __news-list-section.scss
/*------------------------------*/
.news-list-section .reports-list {
  padding: 0;
  list-style-type: none;
  margin: 0 11%;
}
@media screen and (max-width: 1439.98px) {
  .news-list-section .reports-list {
    margin: 0 9%;
  }
}
@media screen and (max-width: 1280px) {
  .news-list-section .reports-list {
    margin: 0 7%;
  }
}
@media screen and (max-width: 991.98px) {
  .news-list-section .reports-list {
    margin: 0;
  }
}
.news-list-section .reports-card .reports-card-inner .reports-card-date {
  color: #727171;
}
.news-list-section .reports-card .reports-card-inner .reports-card-title {
  color: #FFF;
}

/*------------------------------*/
/*  _video-expend-section.scss
/*------------------------------*/
@media screen and (max-width: 576px) {
  .video-expend-section {
    margin-bottom: 3rem;
  }
}
.video-expend-section .panel-wrap.expend-mode .panel-inner {
  z-index: 5000;
}
.video-expend-section .panel-wrap.expend-mode .panel-inner .panel-list-wrap {
  pointer-events: none;
}
.video-expend-section .panel-wrap.expend-mode .panel-inner .panel-list-wrap .list-item .item-bg {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.video-expend-section .panel-wrap.expend-mode .panel-inner .panel-list-wrap .list-item .item-bg img {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.video-expend-section .panel-wrap .panel-inner {
  position: relative;
  padding-bottom: 50%;
  height: 0;
}
@media screen and (max-width: 1199.98px) and (min-width: 577px) {
  .video-expend-section .panel-wrap .panel-inner {
    padding-bottom: 40vw;
  }
}
@media screen and (max-width: 576px) {
  .video-expend-section .panel-wrap .panel-inner {
    padding-bottom: 100vw;
  }
}
.video-expend-section .panel-wrap .panel-inner .panel-list-wrap {
  position: absolute;
  z-index: 200;
  top: 0;
  left: 0;
  width: 100%;
  height: 50vw;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 1199.98px) and (min-width: 577px) {
  .video-expend-section .panel-wrap .panel-inner .panel-list-wrap {
    height: 40vw;
  }
}
@media screen and (max-width: 576px) {
  .video-expend-section .panel-wrap .panel-inner .panel-list-wrap {
    height: 100vw;
  }
}
.video-expend-section .panel-wrap .panel-inner .panel-list-wrap .list-item {
  width: 100%;
  height: 50vw;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 1199.98px) and (min-width: 577px) {
  .video-expend-section .panel-wrap .panel-inner .panel-list-wrap .list-item {
    height: 40vw;
  }
}
@media screen and (max-width: 576px) {
  .video-expend-section .panel-wrap .panel-inner .panel-list-wrap .list-item {
    width: 100vw;
    height: 100vw;
  }
}
.video-expend-section .panel-wrap .panel-inner .panel-list-wrap .list-item[data-video-id=wARUYTBwIBM] .item-bg img {
  -o-object-position: 85%;
     object-position: 85%;
}
.video-expend-section .panel-wrap .panel-inner .panel-list-wrap .list-item:hover .item-fg .panel-expand-btn span {
  width: 110%;
  -webkit-transform: translate(30%, -50%);
          transform: translate(30%, -50%);
}
.video-expend-section .panel-wrap .panel-inner .panel-list-wrap .list-item .item-bg {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-filter: brightness(0.85);
          filter: brightness(0.85);
}
.video-expend-section .panel-wrap .panel-inner .panel-list-wrap .list-item .item-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 1s;
  transition: 1s;
}
.video-expend-section .panel-wrap .panel-inner .panel-list-wrap .list-item .item-fg {
  position: absolute;
  z-index: 110;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.video-expend-section .panel-wrap .panel-inner .panel-list-wrap .list-item .item-fg.hide-mode {
  opacity: 0;
}
.video-expend-section .panel-wrap .panel-inner .panel-list-wrap .list-item .item-fg .panel-expand-btn {
  display: block;
  pointer-events: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.video-expend-section .panel-wrap .panel-inner .panel-content-wrap {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
}
@media screen and (max-width: 1199.98px) and (min-width: 577px) {
  .video-expend-section .panel-wrap .panel-inner .panel-content-wrap .panel-content-inner-wrap {
    max-width: 80vw;
    margin: 0 auto;
  }
}
.video-expend-section .panel-wrap .panel-inner .panel-content-wrap::before {
  content: "";
  background-color: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 110;
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0.9;
  -webkit-transition: 1s;
  transition: 1s;
}
.video-expend-section .panel-wrap .panel-inner .panel-content-wrap.hide-mode::before {
  opacity: 0;
}
.video-expend-section .panel-wrap .panel-inner .panel-content-wrap .panel-closed-btn {
  position: absolute;
  top: -5rem;
  right: 1.25rem;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: inline-block;
  width: 3.75rem;
  height: 3.75rem;
  background-color: transparent;
  border: unset;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 991.98px) and (min-width: 576px) {
  .video-expend-section .panel-wrap .panel-inner .panel-content-wrap .panel-closed-btn {
    top: -3rem;
    right: 4rem;
  }
}
@media screen and (max-width: 991.98px) {
  .video-expend-section .panel-wrap .panel-inner .panel-content-wrap .panel-closed-btn {
    width: 1.875rem;
    height: 1.875rem;
  }
}
@media screen and (max-width: 576px) {
  .video-expend-section .panel-wrap .panel-inner .panel-content-wrap .panel-closed-btn {
    right: 1rem;
    top: -2.8rem;
  }
}
.video-expend-section .panel-wrap .panel-inner .panel-content-wrap .panel-closed-btn::before, .video-expend-section .panel-wrap .panel-inner .panel-content-wrap .panel-closed-btn::after {
  content: "";
  display: block;
  background-color: #707070;
  position: absolute;
  width: 100%;
  height: 2px;
}
.video-expend-section .panel-wrap .panel-inner .panel-content-wrap .panel-closed-btn::before {
  left: 0;
  top: 48%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.video-expend-section .panel-wrap .panel-inner .panel-content-wrap .panel-closed-btn::after {
  left: 0;
  bottom: 46%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
@media screen and (max-width: 991.98px) {
  .video-expend-section .panel-wrap .panel-inner .panel-content-wrap .panel-closed-btn::after {
    bottom: 44%;
  }
}
.video-expend-section .panel-wrap .panel-inner .panel-content-wrap .panel-closed-btn.show-mode {
  opacity: 1;
}
.video-expend-section .video-container {
  position: relative;
  padding-bottom: 50%;
  height: 0;
  overflow: hidden;
}
@media screen and (max-width: 576px) {
  .video-expend-section .video-container {
    padding-bottom: 100%;
  }
}
.video-expend-section .video-container iframe,
.video-expend-section .video-container object,
.video-expend-section .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-expend-section .slick-panel-list .slick-arrow {
  z-index: 10;
  top: calc(100% + 2.5rem);
  bottom: -34px;
  width: 45px;
  height: 20px;
}
.video-expend-section .slick-panel-list .slick-arrow:hover, .video-expend-section .slick-panel-list .slick-arrow:active {
  -webkit-filter: brightness(5);
          filter: brightness(5);
}
.video-expend-section .slick-panel-list .slick-arrow::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
}
.video-expend-section .slick-panel-list .slick-arrow.slick-prev {
  left: 20%;
}
.video-expend-section .slick-panel-list .slick-arrow.slick-prev::before {
  background-image: url("../images/icon/arrow-left_gray.svg");
}
.video-expend-section .slick-panel-list .slick-arrow.slick-next {
  right: 20%;
}
.video-expend-section .slick-panel-list .slick-arrow.slick-next::before {
  background-image: url("../images/icon/arrow-right_gray.svg");
}
.video-expend-section .slick-panel-list .slick-dots {
  bottom: -2.88rem;
}
.video-expend-section .slick-panel-list .slick-dots li {
  width: 26.7px;
  height: 6px;
  margin: 0;
}
.video-expend-section .slick-panel-list .slick-dots li.slick-active button::before {
  background-color: #FFF;
  opacity: 1;
}
.video-expend-section .slick-panel-list .slick-dots li:only-child {
  display: none;
}
.video-expend-section .slick-panel-list .slick-dots li button {
  width: 100%;
  height: 100%;
  padding: 0;
  position: relative;
}
.video-expend-section .slick-panel-list .slick-dots li button::after {
  content: "";
  background-color: #707070;
  display: block;
  width: 100%;
  height: 1.5px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.video-expend-section .slick-panel-list .slick-dots li button::before {
  content: "";
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: transparent;
}

/*-------------------------------*/
/*  _both-parallax-section.scss
/*-------------------------------*/
.both-parallax-section {
  width: 100%;
  height: 43.75vw;
  overflow: hidden;
}
@media screen and (max-width: 767.98px) {
  .both-parallax-section {
    height: 75vh;
  }
}
@media screen and (max-width: 767.98px) and (any-hover: none) {
  .both-parallax-section {
    height: calc(var(--vh, 1vh) * 75);
  }
}
.both-parallax-section .banner-carousel.remove-fade-animation .slick-slide {
  opacity: 1 !important;
}
.both-parallax-section .banner-carousel .animated-in .image-item:first-child {
  -webkit-animation: slideInDown 2.1s;
          animation: slideInDown 2.1s;
}
@media screen and (max-width: 767.98px) {
  .both-parallax-section .banner-carousel .animated-in .image-item:first-child {
    -webkit-animation: slideInRight 2.1s;
            animation: slideInRight 2.1s;
  }
}
.both-parallax-section .banner-carousel .animated-in .image-item:nth-child(2) {
  -webkit-animation: slideInUp 2.1s;
          animation: slideInUp 2.1s;
}
@media screen and (max-width: 767.98px) {
  .both-parallax-section .banner-carousel .animated-in .image-item:nth-child(2) {
    -webkit-animation: slideInLeft 2.1s;
            animation: slideInLeft 2.1s;
  }
}
.both-parallax-section .banner-carousel .animated-out .image-item:first-child {
  -webkit-animation: slideOutDown 2.1s;
          animation: slideOutDown 2.1s;
}
@media screen and (max-width: 767.98px) {
  .both-parallax-section .banner-carousel .animated-out .image-item:first-child {
    -webkit-animation: slideOutLeft 2.1s;
            animation: slideOutLeft 2.1s;
  }
}
.both-parallax-section .banner-carousel .animated-out .image-item:nth-child(2) {
  -webkit-animation: slideOutUp 2.1s;
          animation: slideOutUp 2.1s;
}
@media screen and (max-width: 767.98px) {
  .both-parallax-section .banner-carousel .animated-out .image-item:nth-child(2) {
    -webkit-animation: slideOutRight 2.1s;
            animation: slideOutRight 2.1s;
  }
}
.both-parallax-section .item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 767.98px) {
  .both-parallax-section .item {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: (37.5vh)[2];
    grid-template-rows: repeat(2, 37.5vh);
  }
  .both-parallax-section .item > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .both-parallax-section .item > *:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
}
@media screen and (max-width: 767.98px) and (any-hover: none) {
  .both-parallax-section .item {
    -ms-grid-rows: (calc(var(--vh, 1vh) * 75 / 2))[2];
    grid-template-rows: repeat(2, calc(var(--vh, 1vh) * 75 / 2));
  }
}
.both-parallax-section .item .image-item {
  width: 100%;
  height: 43.73vw;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (max-width: 767.98px) {
  .both-parallax-section .item .image-item {
    width: 100%;
    height: 37.5vh;
  }
}
@media screen and (max-width: 767.98px) and (any-hover: none) {
  .both-parallax-section .item .image-item {
    height: calc(var(--vh, 1vh) * 75 / 2);
  }
}

/*------------------------*/
/*  _image-section.scss
/*------------------------*/
.full-img-section {
  width: 100%;
  height: 100vh;
}
@media screen and (max-width: 575.98px) {
  .full-img-section {
    height: 150vw;
    margin-bottom: 7.5rem;
  }
}
.full-img-section .full-img-wrap {
  width: 100%;
  height: 100%;
}
.full-img-section .full-img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hero-img-section {
  position: relative;
}
.hero-img-section .hero-img-section-inner {
  width: 100%;
  padding-bottom: 43.73%;
  position: relative;
}
@media screen and (max-width: 991.98px) {
  .hero-img-section .hero-img-section-inner {
    width: 100vw;
    padding-bottom: 75vw;
  }
}
.hero-img-section .hero-img-section-inner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.hero-img-section .hero-text-wrap {
  position: absolute;
  top: 50%;
  left: 13.54vw;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  max-width: 1360px;
  min-height: 380px;
}
@media screen and (max-width: 575.98px) {
  .hero-img-section .hero-text-wrap {
    left: 0;
    max-width: 100%;
    min-height: 232px;
    padding: 0 34px 0 40px;
  }
}
.hero-img-section .hero-text-wrap .hero-title {
  color: #FFF;
  font-family: "Noto Serif TC", serif;
  font-size: 3rem;
  font-weight: bold;
  letter-spacing: 0.2875rem;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
@media screen and (max-width: 575.98px) {
  .hero-img-section .hero-text-wrap .hero-title {
    font-size: 3.125rem;
    font-weight: bold;
    letter-spacing: unset;
    line-height: 1.6;
  }
}

/*----------------------------*/
/*  _list-section.scss
/*----------------------------*/
.list-section .list-section-inner {
  margin: 3.75rem 0;
}
@media screen and (max-width: 575.98px) {
  .list-section .list-section-inner {
    margin: 2.5rem 0;
  }
}
.list-section .list-section-inner .pagination-wrap {
  padding: 7.5rem 0 1.25rem;
}
@media screen and (max-width: 575.98px) {
  .list-section .list-section-inner .pagination-wrap {
    padding: 7.5rem 0 0;
  }
}
.list-section .list-section-inner .media-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 3rem;
  overflow: hidden;
}
@media screen and (max-width: 575.98px) {
  .list-section .list-section-inner .media-list {
    row-gap: 2.5rem;
  }
}
.list-section .list-section-inner .interview-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 2.5rem;
}
@media screen and (max-width: 991.98px) {
  .list-section .list-section-inner .interview-list {
    padding-top: 1.5rem;
  }
}
.list-section .list-section-inner .publication-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 6.25rem;
  padding-top: 2.5rem;
}
@media screen and (max-width: 991.98px) {
  .list-section .list-section-inner .publication-list {
    row-gap: 4.5rem;
    padding-top: 1.5rem;
  }
}
@media screen and (min-width: 992px) {
  .list-section .list-section-inner .publication-list .publication-card:nth-child(even) .publication-card-img {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .list-section .list-section-inner .publication-list .publication-card:nth-child(even) .publication-card-text {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.list-section .list-section-inner .reports-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 2.5rem;
}
@media screen and (max-width: 991.98px) {
  .list-section .list-section-inner .reports-list {
    padding-top: 0;
  }
}

/*---------------------*/
/*  _works-section.scss
/*---------------------*/
.works-section {
  position: relative;
  height: 100vh;
}
@media (any-hover: none) {
  .works-section {
    height: calc(var(--vh, 1vh) * 100);
  }
}
.works-section .swiper {
  width: 100%;
  height: 100%;
}
.works-section .swiper .swiper-wrapper .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #000;
}
.works-section .swiper .swiper-wrapper .swiper-slide .works-item .item-bg .img-wrap {
  opacity: 0.5;
  -webkit-transition: 1.5s;
  transition: 1.5s;
}
.works-section .swiper .swiper-wrapper .swiper-slide .works-item .item-text .text-inner {
  opacity: 0.5;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: 1s;
  transition: 1s;
}
.works-section .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .works-item .item-bg .img-wrap {
  opacity: 1;
}
.works-section .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .works-item .item-text .text-inner {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.works-section .works-item {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.works-section .works-item .item-link {
  display: block;
  text-decoration: none;
}
.works-section .works-item .item-text {
  position: absolute;
  z-index: 100;
  top: 50%;
  left: 16.7%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 75%;
  pointer-events: none;
}
@media screen and (max-width: 575.98px) {
  .works-section .works-item .item-text {
    left: 40px;
    width: calc(100% - 75px);
  }
}
.works-section .works-item .item-text .text-inner .item-num {
  visibility: hidden;
  margin-left: 0.4375rem;
  font-size: 1.25rem;
  line-height: 1.35;
  color: #FFF;
}
@media screen and (max-width: 991.98px) {
  .works-section .works-item .item-text .text-inner .item-num {
    margin-left: 0.25rem;
    font-size: 1.125rem;
    line-height: 1.33;
  }
}
.works-section .works-item .item-text .text-inner .item-title {
  margin: 3.75rem 0 2.5rem;
  font-family: "Noto Serif TC", serif;
  font-weight: 700;
  font-size: 3rem;
  letter-spacing: 0.25rem;
  line-height: 1.43;
  color: #FFF;
  word-break: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media screen and (max-width: 991.98px) {
  .works-section .works-item .item-text .text-inner .item-title {
    margin: 2.125rem 0;
    font-size: 1.5rem;
    letter-spacing: 0.15rem;
    -webkit-line-clamp: 3;
  }
}
.works-section .works-item .item-text .text-inner .item-type {
  margin-left: 0.3125rem;
  font-size: 2rem;
  letter-spacing: 0.1125rem;
  line-height: 1.33;
  color: #dedede;
  opacity: 0.7;
  word-break: break-word;
}
@media screen and (max-width: 991.98px) {
  .works-section .works-item .item-text .text-inner .item-type {
    margin-left: 0;
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: 0.075rem;
    line-height: 1.37;
  }
}
.works-section .works-item .item-bg {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #000;
}
.works-section .works-item .item-bg .item-bg-img {
  position: absolute;
  z-index: 50;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  overflow: hidden;
  width: 57%;
  padding-bottom: 32.0625%;
}
@media screen and (max-width: 575.98px) {
  .works-section .works-item .item-bg .item-bg-img {
    width: 79.67%;
    padding-bottom: 141.6355555556%;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -46%);
            transform: translate(0, -46%);
  }
}
.works-section .works-item .item-bg .item-bg-img:hover .img-wrap, .works-section .works-item .item-bg .item-bg-img:active .img-wrap {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.works-section .works-item .item-bg .item-bg-img:hover::before, .works-section .works-item .item-bg .item-bg-img:active::before {
  background-color: rgba(0, 0, 0, 0);
}
.works-section .works-item .item-bg .item-bg-img::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}
.works-section .works-item .item-bg .item-bg-img .img-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}
@media screen and (max-width: 575.98px) {
  .works-section .works-item .item-bg .item-bg-img .img-wrap.pc-img {
    display: none;
  }
}
.works-section .works-item .item-bg .item-bg-img .img-wrap.mobile-img {
  display: none;
}
@media screen and (max-width: 575.98px) {
  .works-section .works-item .item-bg .item-bg-img .img-wrap.mobile-img {
    display: block;
  }
}

/*--------------------------*/
/*  _timeline-section.scss
/*--------------------------*/
.timeline-section {
  padding-top: 11.25rem;
  padding-bottom: 12.5rem;
}
@media screen and (max-width: 991.98px) {
  .timeline-section {
    padding-top: 4.30625rem;
  }
}
.timeline-section .timeline-section-inner .page-title {
  margin: 2.5rem 0;
}
.timeline-section .timeline-section-inner .timeline-anchor-wrap {
  background-color: #FFF;
  position: sticky;
  z-index: 100;
  top: 8.75rem;
  left: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
@media screen and (max-width: 991.98px) {
  .timeline-section .timeline-section-inner .timeline-anchor-wrap {
    top: 4.30625rem;
  }
}
.timeline-section .timeline-section-inner .timeline-anchor-wrap.sticky-top {
  top: 0;
}
.timeline-section .timeline-section-inner .timeline-anchor-wrap.sticky-mode {
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
}
.timeline-section .timeline-section-inner .timeline-anchor-wrap.sticky-mode .anchor-list .nav-item .nav-link:not(.active) {
  opacity: 0.5;
}
.timeline-section .timeline-section-inner .timeline-anchor-wrap .timeline-anchor-inner-wrap {
  max-width: 100%;
}
@media screen and (min-width: 992px) {
  .timeline-section .timeline-section-inner .timeline-anchor-wrap .timeline-anchor-inner-wrap {
    width: 1305px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1439.98px) and (min-width: 992px) {
  .timeline-section .timeline-section-inner .timeline-anchor-wrap .timeline-anchor-inner-wrap {
    max-width: 90%;
  }
}
.timeline-section .timeline-section-inner .timeline-anchor-wrap .anchor-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin: 0 auto;
}
@media screen and (max-width: 991.98px) {
  .timeline-section .timeline-section-inner .timeline-anchor-wrap .anchor-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
}
.timeline-section .timeline-section-inner .timeline-anchor-wrap .anchor-list .nav-item .nav-link {
  padding: 1.75rem 2.4375rem 1.625rem;
  word-break: keep-all;
  white-space: nowrap;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.075rem;
  line-height: 1.375;
  color: #424243;
}
@media screen and (max-width: 991.98px) {
  .timeline-section .timeline-section-inner .timeline-anchor-wrap .anchor-list .nav-item .nav-link {
    padding: 1.75rem 3.375rem 1.625rem;
  }
}
.timeline-section .timeline-section-inner .timeline-anchor-wrap .anchor-list .nav-item .nav-link::after {
  background-color: #2c2c2c;
}
.timeline-section .timeline-section-inner .timeline-anchor-wrap .anchor-list .nav-item .nav-link:not(.active)::after {
  background-color: #dedede;
}
.timeline-section .timeline-section-inner .timeline-anchor-wrap .anchor-list .slick-arrow {
  width: 3rem;
  height: 3rem;
  padding: 0.75rem;
  margin: 0;
  z-index: 150;
}
.timeline-section .timeline-section-inner .timeline-anchor-wrap .anchor-list .slick-arrow.slick-disabled::before {
  opacity: 0.25;
}
.timeline-section .timeline-section-inner .timeline-anchor-wrap .anchor-list .slick-arrow::before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  opacity: 1;
}
.timeline-section .timeline-section-inner .timeline-anchor-wrap .anchor-list .slick-arrow.slick-prev {
  left: -2.8rem;
}
@media screen and (max-width: 1439.98px) {
  .timeline-section .timeline-section-inner .timeline-anchor-wrap .anchor-list .slick-arrow.slick-prev {
    left: 0;
  }
}
@media screen and (max-width: 1299.98px) {
  .timeline-section .timeline-section-inner .timeline-anchor-wrap .anchor-list .slick-arrow.slick-prev {
    left: 0.75rem;
  }
}
.timeline-section .timeline-section-inner .timeline-anchor-wrap .anchor-list .slick-arrow.slick-prev::before {
  background-image: url("../images/icon/prev_gray.svg");
}
.timeline-section .timeline-section-inner .timeline-anchor-wrap .anchor-list .slick-arrow.slick-next {
  right: -2.8rem;
}
@media screen and (max-width: 1439.98px) {
  .timeline-section .timeline-section-inner .timeline-anchor-wrap .anchor-list .slick-arrow.slick-next {
    right: 0;
  }
}
@media screen and (max-width: 1299.98px) {
  .timeline-section .timeline-section-inner .timeline-anchor-wrap .anchor-list .slick-arrow.slick-next {
    right: 0.75rem;
  }
}
.timeline-section .timeline-section-inner .timeline-anchor-wrap .anchor-list .slick-arrow.slick-next::before {
  background-image: url("../images/icon/next_gray.svg");
}
.timeline-section .timeline-section-inner .sticky-group {
  margin-top: 2.5rem;
}
@media screen and (max-width: 991.98px) {
  .timeline-section .timeline-section-inner .sticky-group {
    margin-top: 0;
  }
}
.timeline-section .timeline-section-inner .sticky-group .group-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 991.98px) {
  .timeline-section .timeline-section-inner .sticky-group .group-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.timeline-section .timeline-section-inner .sticky-group .group-item .sticky-item {
  width: 40%;
  height: 100vh;
  position: sticky;
  top: 0;
}
@media screen and (max-width: 991.98px) {
  .timeline-section .timeline-section-inner .sticky-group .group-item .sticky-item {
    width: 100%;
    height: 115.4vw;
    position: static;
  }
}
.timeline-section .timeline-section-inner .sticky-group .group-item .sticky-item .item-inner {
  width: 100%;
  height: 100%;
}
.timeline-section .timeline-section-inner .sticky-group .group-item .normal-item {
  width: 60%;
}
@media screen and (max-width: 991.98px) {
  .timeline-section .timeline-section-inner .sticky-group .group-item .normal-item {
    width: 100%;
  }
}
.timeline-section .timeline-section-inner .sticky-group .group-item .normal-item .group-text {
  padding: 2.5rem 21.88% 2.5rem 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 2.5rem;
}
@media screen and (max-width: 991.98px) {
  .timeline-section .timeline-section-inner .sticky-group .group-item .normal-item .group-text {
    padding: 2.5rem 2.25rem 1rem 2.25rem;
    row-gap: 1.4375rem;
  }
}
.timeline-section .timeline-section-inner .sticky-group .group-item .normal-item .group-text .group-title {
  font-family: "Noto Serif TC", serif;
  font-weight: 700;
  font-size: 2rem;
  letter-spacing: 0.13125rem;
  line-height: 1.43;
  color: #000;
}
@media screen and (max-width: 991.98px) {
  .timeline-section .timeline-section-inner .sticky-group .group-item .normal-item .group-text .group-title {
    font-size: 1.5rem;
    letter-spacing: 0.0875rem;
    text-align: center;
  }
}
.timeline-section .timeline-section-inner .sticky-group .group-item .normal-item .group-text .timeline-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 1rem;
}
@media screen and (max-width: 991.98px) {
  .timeline-section .timeline-section-inner .sticky-group .group-item .normal-item .group-text .timeline-list {
    row-gap: 1rem;
    padding: 0 0.25rem;
  }
}
.timeline-section .timeline-section-inner .sticky-group .group-item .normal-item .group-text .timeline-list .timeline-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.5rem;
}
@media screen and (max-width: 991.98px) {
  .timeline-section .timeline-section-inner .sticky-group .group-item .normal-item .group-text .timeline-list .timeline-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
}
.timeline-section .timeline-section-inner .sticky-group .group-item .normal-item .group-text .timeline-list .timeline-item .year {
  font-family: "Noto Serif TC", serif;
  font-weight: 700;
  font-size: 1.125rem;
  letter-spacing: 0.1rem;
  line-height: 2.3;
  color: #424243;
}
@media screen and (max-width: 991.98px) {
  .timeline-section .timeline-section-inner .sticky-group .group-item .normal-item .group-text .timeline-list .timeline-item .year {
    font-size: 1.125rem;
    letter-spacing: 0.0875rem;
    line-height: 1.43;
  }
}
.timeline-section .timeline-section-inner .sticky-group .group-item .normal-item .group-text .timeline-list .timeline-item .des, .timeline-section .timeline-section-inner .sticky-group .group-item .normal-item .group-text .timeline-list .timeline-item a {
  font-size: 1.125rem;
  letter-spacing: 0.1125rem;
  line-height: 1.67;
  color: #727171;
}
.timeline-section .timeline-section-inner .sticky-group .group-item .normal-item .group-text .timeline-list .timeline-item .des {
  margin-top: 0.3rem;
  white-space: normal;
  word-break: break-word;
}
@media screen and (max-width: 991.98px) {
  .timeline-section .timeline-section-inner .sticky-group .group-item .normal-item .group-text .timeline-list .timeline-item .des {
    margin-top: 0.5625rem;
    margin-left: 1.25rem;
  }
}
.timeline-section .timeline-section-inner .sticky-group .group-item .normal-item .group-text .timeline-list .timeline-item a {
  color: #172055;
}
.timeline-section .timeline-section-inner .photo-slick {
  height: 100%;
  overflow-x: hidden;
}
.timeline-section .timeline-section-inner .photo-slick .slick-list {
  height: 100%;
}
.timeline-section .timeline-section-inner .photo-slick .slick-list .slick-track {
  height: 100%;
}
.timeline-section .timeline-section-inner .photo-slick .slick-list .slick-track .slick-slide {
  height: 100%;
}
.timeline-section .timeline-section-inner .photo-slick .slick-list .slick-track .slick-slide .img-wrap {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 992px) {
  .timeline-section .timeline-section-inner .photo-slick .slick-list .slick-track .slick-slide .img-wrap {
    padding: 20vh 3rem 12vh 6rem;
    max-height: 100vh;
  }
}
.timeline-section .timeline-section-inner .photo-slick .slick-list .slick-track .slick-slide .img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*---------------------*/
/*  _article.scss
/*---------------------*/
.article-wrap .hero-img-section .hero-img-section-inner .hero-img {
  padding-bottom: 43.75%;
}
@media screen and (max-width: 768px) {
  .article-wrap .hero-img-section .hero-img-section-inner .hero-img {
    padding-bottom: 100vw;
    margin-left: 0;
  }
}
.article-wrap .article-outter .article-inner {
  max-width: 1280px;
  margin: 0 auto;
}
.article-wrap .article-outter .article-inner .article-header {
  margin: 3.75rem 0 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 768px) {
  .article-wrap .article-outter .article-inner .article-header {
    margin: 2.5rem 0 2.5rem;
  }
}
.article-wrap .article-outter .article-inner .article-header .article-type {
  margin-bottom: 3.75rem;
  font-family: "Noto Serif TC", serif;
  font-weight: 500;
  font-size: 1.5rem;
  letter-spacing: 0.075rem;
  line-height: 1.375;
  color: #727171;
  text-align: center;
}
.article-wrap .article-outter .article-inner .article-header .article-title {
  font-family: "Noto Serif TC", serif;
  font-weight: 700;
  font-size: 1.75rem;
  letter-spacing: 0.175rem;
  line-height: 1.43;
  color: #000;
  white-space: normal;
  word-break: break-word;
}
@media screen and (max-width: 768px) {
  .article-wrap .article-outter .article-inner .article-header .article-title {
    font-size: 1.75rem;
    letter-spacing: 0.10625rem;
  }
}
.article-wrap .article-outter .article-inner .article-header .article-note {
  margin-top: 2.5rem;
  font-size: 1.125rem;
  letter-spacing: 0.075rem;
  line-height: 1.5;
  color: #424243;
}
.article-wrap .article-outter .article-inner .article-header .article-date {
  font-size: 1.5rem;
  letter-spacing: 0.075rem;
  line-height: 1.5;
  color: #424243;
}
@media screen and (max-width: 390px) {
  .article-wrap .article-outter .article-inner .article-header .article-date {
    font-size: 1.25rem;
  }
}
.article-wrap .article-outter .article-inner .article-body h1, .article-wrap .article-outter .article-inner .article-body h2, .article-wrap .article-outter .article-inner .article-body h3, .article-wrap .article-outter .article-inner .article-body h4, .article-wrap .article-outter .article-inner .article-body h5, .article-wrap .article-outter .article-inner .article-body h6 {
  font-family: "Noto Serif TC", serif;
  font-weight: 700;
  line-height: 1.72;
  letter-spacing: 0.1125rem;
  color: #000;
  word-break: break-word;
  white-space: normal;
}
@media screen and (max-width: 767.98px) {
  .article-wrap .article-outter .article-inner .article-body h1, .article-wrap .article-outter .article-inner .article-body h2, .article-wrap .article-outter .article-inner .article-body h3, .article-wrap .article-outter .article-inner .article-body h4, .article-wrap .article-outter .article-inner .article-body h5, .article-wrap .article-outter .article-inner .article-body h6 {
    line-height: 1.5;
  }
}
.article-wrap .article-outter .article-inner .article-body p, .article-wrap .article-outter .article-inner .article-body a, .article-wrap .article-outter .article-inner .article-body li {
  font-size: 1.125rem;
  letter-spacing: 0.1125rem;
  line-height: 1.67;
  color: #424243;
  white-space: normal;
}
.article-wrap .article-outter .article-inner .article-body p, .article-wrap .article-outter .article-inner .article-body li {
  word-break: break-word;
}
.article-wrap .article-outter .article-inner .article-body a {
  color: #172055;
  word-break: break-word;
}
.article-wrap .article-outter .article-inner .article-body > a {
  display: block;
}
.article-wrap .article-outter .article-inner .article-body > * {
  margin-bottom: 2.5rem;
}
.article-wrap .article-outter .article-inner .article-body > *:last-child {
  margin-bottom: 0;
}
.article-wrap .article-outter .article-inner .article-body > *.carousel-block-wrap {
  margin-bottom: 0;
  padding-bottom: 2.5rem;
}
.article-wrap .article-outter .article-inner .article-body > *.carousel-block-wrap:last-child {
  padding-bottom: 0;
}
.article-wrap .article-outter .article-inner .article-body .article-anchor-title {
  padding-top: 2rem;
  font-size: 1.125rem;
}
@media screen and (max-width: 991.98px) {
  .article-wrap .article-outter .article-inner .article-body .article-anchor-title {
    padding-top: 1.875rem;
    margin-bottom: 1.5rem;
  }
}
.article-wrap .article-outter .article-inner .article-body iframe {
  width: 75% !important;
  height: 540px !important;
  margin: 0 auto;
  display: block;
}
@media screen and (max-width: 1303px) {
  .article-wrap .article-outter .article-inner .article-body iframe {
    height: calc((100vw - 24px) * 0.5625) !important;
  }
}
@media screen and (max-width: 992px) {
  .article-wrap .article-outter .article-inner .article-body iframe {
    height: calc((100vw - 80px) * 0.5625) !important;
  }
}
@media screen and (max-width: 575.98px) {
  .article-wrap .article-outter .article-inner .article-body iframe {
    margin-left: -40px !important;
    width: 100vw !important;
    height: 56.25vw !important;
  }
}
.article-wrap .article-outter .article-inner .article-body .image-wrap {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.article-wrap .article-outter .article-inner .article-body .image-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.article-wrap .article-outter .article-inner .article-body .image-wrap .js-work-lightbox-target img {
  -o-object-fit: contain;
     object-fit: contain;
}
.article-wrap .article-outter .article-inner .article-body .description-wrap {
  text-align: center;
  font-size: 1rem;
  color: #c2c2c2;
}
.article-wrap .article-outter .article-inner .article-body .block-wrap {
  display: -ms-grid;
  display: grid;
  gap: 2.5rem;
}
@media screen and (max-width: 575.98px) {
  .article-wrap .article-outter .article-inner .article-body .block-wrap {
    -ms-grid-columns: (1fr)[1] !important;
    grid-template-columns: repeat(1, 1fr) !important;
  }
}
.article-wrap .article-outter .article-inner .article-body .block-wrap .block-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 1.125rem;
}
.article-wrap .article-outter .article-inner .article-body .block-wrap.block-col-1 {
  width: 75%;
  margin: 0 auto 2.5rem;
  -ms-grid-columns: (1fr)[1];
  grid-template-columns: repeat(1, 1fr);
}
@media screen and (max-width: 575.98px) {
  .article-wrap .article-outter .article-inner .article-body .block-wrap.block-col-1 {
    width: 100%;
  }
}
.article-wrap .article-outter .article-inner .article-body .block-wrap.block-col-1 .image-wrap {
  padding-bottom: 62.5%;
}
@media screen and (max-width: 575.98px) {
  .article-wrap .article-outter .article-inner .article-body .block-wrap.block-col-1 .image-wrap {
    width: 100vw;
    padding-bottom: 75.7vw;
    margin-left: -40px;
  }
}
@media screen and (max-width: 767.98px) {
  .article-wrap .article-outter .article-inner .article-body .block-wrap.block-col-1 .description-wrap {
    padding-right: 40px;
  }
}
.article-wrap .article-outter .article-inner .article-body .block-wrap.block-col-2 {
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
.article-wrap .article-outter .article-inner .article-body .block-wrap.block-col-2 .image-wrap {
  padding-bottom: 52.26%;
}
@media screen and (max-width: 575.98px) {
  .article-wrap .article-outter .article-inner .article-body .block-wrap.block-col-2 .image-wrap {
    width: 100vw;
    padding-bottom: 75.7vw;
    margin-left: -40px;
  }
}
@media screen and (max-width: 575.98px) {
  .article-wrap .article-outter .article-inner .article-body .block-wrap.block-col-2 .text-wrap {
    padding-right: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .article-wrap .article-outter .article-inner .article-body .block-wrap.block-col-2 .description-wrap {
    padding-right: 40px;
  }
}
.article-wrap .article-outter .article-inner .article-body .block-wrap.block-col-3 {
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
.article-wrap .article-outter .article-inner .article-body .block-wrap.block-col-3 .image-wrap {
  padding-bottom: 100%;
}
.article-wrap .article-outter .article-inner .article-body .carousel-block-wrap {
  width: 75%;
  margin: 0 auto;
}
@media screen and (max-width: 575.98px) {
  .article-wrap .article-outter .article-inner .article-body .carousel-block-wrap {
    width: 100vw;
    margin-left: -40px;
  }
}
.article-wrap .article-outter .article-inner .article-body .carousel-block-wrap .image-wrap {
  padding-bottom: 62.5%;
}
@media screen and (max-width: 575.98px) {
  .article-wrap .article-outter .article-inner .article-body .carousel-block-wrap .image-wrap {
    padding-bottom: 75.7%;
  }
}
.article-wrap .article-outter .article-inner .article-body .carousel-block-wrap .works-slick-slider {
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 575.98px) {
  .article-wrap .article-outter .article-inner .article-body .carousel-block-wrap .works-slick-slider {
    margin-bottom: 1.875rem;
  }
}
.article-wrap .article-outter .article-inner .article-body .carousel-block-wrap .works-slick-slider .slick-arrow {
  width: 3rem;
  height: 3rem;
  padding: 0.5625rem;
  margin: 0;
  z-index: 150;
}
@media screen and (max-width: 575.98px) {
  .article-wrap .article-outter .article-inner .article-body .carousel-block-wrap .works-slick-slider .slick-arrow {
    width: 2rem;
    height: 2rem;
    padding: 0.25rem;
  }
}
.article-wrap .article-outter .article-inner .article-body .carousel-block-wrap .works-slick-slider .slick-arrow.slick-disabled::before {
  opacity: 0.25;
}
.article-wrap .article-outter .article-inner .article-body .carousel-block-wrap .works-slick-slider .slick-arrow:hover::before, .article-wrap .article-outter .article-inner .article-body .carousel-block-wrap .works-slick-slider .slick-arrow:active::before {
  opacity: 1;
}
.article-wrap .article-outter .article-inner .article-body .carousel-block-wrap .works-slick-slider .slick-arrow::before {
  content: "";
  display: block;
  width: 1.875rem;
  height: 1.875rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  opacity: 0.5;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 1439.98px) {
  .article-wrap .article-outter .article-inner .article-body .carousel-block-wrap .works-slick-slider .slick-arrow::before {
    width: 1.5rem;
    height: 1.5rem;
    -webkit-filter: brightness(5);
            filter: brightness(5);
  }
}
.article-wrap .article-outter .article-inner .article-body .carousel-block-wrap .works-slick-slider .slick-arrow.slick-prev {
  left: -4rem;
}
@media screen and (max-width: 1439.98px) {
  .article-wrap .article-outter .article-inner .article-body .carousel-block-wrap .works-slick-slider .slick-arrow.slick-prev {
    left: 0.75rem;
  }
}
.article-wrap .article-outter .article-inner .article-body .carousel-block-wrap .works-slick-slider .slick-arrow.slick-prev::before {
  background-image: url("../images/icon/prev_gray.svg");
}
.article-wrap .article-outter .article-inner .article-body .carousel-block-wrap .works-slick-slider .slick-arrow.slick-next {
  right: -4rem;
}
@media screen and (max-width: 1439.98px) {
  .article-wrap .article-outter .article-inner .article-body .carousel-block-wrap .works-slick-slider .slick-arrow.slick-next {
    right: 0.75rem;
  }
}
.article-wrap .article-outter .article-inner .article-body .carousel-block-wrap .works-slick-slider .slick-arrow.slick-next::before {
  background-image: url("../images/icon/next_gray.svg");
}
.article-wrap .article-outter .article-inner .article-body .carousel-block-wrap .works-slick-slider .slick-dots {
  bottom: -2.5rem;
}
@media screen and (max-width: 575.98px) {
  .article-wrap .article-outter .article-inner .article-body .carousel-block-wrap .works-slick-slider .slick-dots {
    bottom: -1.875rem;
  }
}
.article-wrap .article-outter .article-inner .article-body .carousel-block-wrap .works-slick-slider .slick-dots li {
  width: 0.8125rem;
  height: 0.8125rem;
  margin: 0 0.8125rem;
}
@media screen and (max-width: 575.98px) {
  .article-wrap .article-outter .article-inner .article-body .carousel-block-wrap .works-slick-slider .slick-dots li {
    width: 0.625rem;
    height: 0.625rem;
    margin: 0 0.5rem;
  }
}
.article-wrap .article-outter .article-inner .article-body .carousel-block-wrap .works-slick-slider .slick-dots li:only-child {
  display: none;
}
.article-wrap .article-outter .article-inner .article-body .carousel-block-wrap .works-slick-slider .slick-dots li.slick-active button::before {
  opacity: 1;
}
.article-wrap .article-outter .article-inner .article-body .carousel-block-wrap .works-slick-slider .slick-dots li button {
  width: 100%;
  height: 100%;
}
.article-wrap .article-outter .article-inner .article-body .carousel-block-wrap .works-slick-slider .slick-dots li button::before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-color: #727171;
  opacity: 0.5;
}
.article-wrap .article-outter .article-inner .article-footer {
  padding-top: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
/*# sourceMappingURL=style.css.map */