@charset "UTF-8";
/* 
 * 本次更新主要為修改因 Bootstrap由 3.3.6 升級 5.3.8版後產生的版面問題。
 */
a {
  text-decoration: none;
}
a.a11y:hover {
  text-decoration: none;
}

.nav > li > a {
  text-decoration: none;
}
.nav > li > a:hover {
  text-decoration: none;
}

.dropdown-menu > li > a {
  display: block;
  font-weight: 400;
}
.dropdown-menu > li > a, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus-within {
  color: #333;
  text-decoration: none;
}

.navbar-collapse.collapse.show {
  display: unset !important;
}

/* 全站上方選單 */
.menu .nav > li {
  display: block;
}
.menu .nav > li > a {
  display: block;
}
@media (max-width: 959px) {
  .menu .navbar-header {
    min-height: 48px;
    padding-top: 2px;
  }
  .menu .navbar-toggle {
    margin-top: 0;
    float: none;
  }
  .menu .search_form {
    top: 7px;
  }
  .menu .dropdown-menu {
    border-radius: 0;
    border-width: 0;
    max-width: 100% !important;
  }
}
@media (min-width: 960px) {
  .menu .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .menu .navbar-collapse .navbar-nav {
    flex-direction: row;
  }
  .menu .navbar-collapse .navbar-nav .dropdown-menu {
    border-radius: 0 0 4px 4px;
    position: absolute;
  }
}

/* 全站內頁左側選單 */
.side_menu a:hover {
  text-decoration: none;
}

.side_menu__wrapper button::after {
  top: calc(0.5em + 1px);
}

.side_menu__wrapper .side_menu__item.active + button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='butt' stroke-linejoin='arcs'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E");
}

.side_menu__item__sub {
  margin-bottom: 0;
  box-shadow: none;
}

/* 首頁 */
.wrapper.event_wrapper {
  padding-top: 7.5rem;
}

/* 媒體專區 */
.gallery figcaption > div {
  font-size: 1.28571429rem;
  height: auto;
  margin-bottom: 0.5em;
  display: -webkit-box !important;
  max-height: 4.5em !important;
  overflow: hidden !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  text-overflow: ellipsis !important;
}
.gallery figcaption > p {
  color: rgb(122, 122, 122);
  font-size: 1rem;
  height: auto;
  display: -webkit-box !important;
  max-height: 6em !important;
  overflow: hidden !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  text-overflow: ellipsis !important;
}

/* 趨勢研究 */
.row.video a,
.row.trends a .img_contain {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  padding-bottom: 0;
}
.row.video a img,
.row.trends a .img_contain img {
  aspect-ratio: 16/9;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

/* 英文版首頁 */
.banner {
  padding-top: 2px;
}
.banner .embed_container {
  padding-bottom: 0;
  aspect-ratio: 16/6.3;
  width: 100%;
  height: auto;
  max-width: 1600px;
  margin: 0 auto;
}
.banner .embed_container img {
  width: 100%;
  height: auto;
}