@charset "UTF-8";

:root {
  --star: #de2f2f;
  --primaryColor1-1: #d6dded;
  --primaryColor1-2: #9ba6ba;
  --primaryColor1-3: #6F7B91;
  --primaryColor1-4: #4a5770;
  --primaryColor1-5: #313a4a;
  --primaryColor2-1: #c1f4f6;
  --primaryColor2-2: #98f2f6;
  --primaryColor2-3: #5ad6da;
  --primaryColor2-4: #23B8BC;
  --primaryColor2-5: #049398;
  --primaryColor2-6: #004a4d;
  --primaryColor3-1: #fddad8;
  --primaryColor3-2: #f6b1ad;
  --primaryColor3-3: #E58E89;
  --primaryColor3-4: #e16963;
  --primaryColor3-5: #d54a43;
  --primaryColor3-6: #892b26;
  --primaryColor4-1: #e0f2ca;
  --primaryColor4-2: #c1e690;
  --primaryColor4-3: #8BB84F;
  --primaryColor4-4: #71a52d;
  --primaryColor4-5: #436911;
  --primaryColor5-1: #b9e7fd;
  --primaryColor5-2: #8bcbeb;
  --primaryColor5-3: #53a8d3;
  --primaryColor5-4: #327799;
  --primaryColor5-5: #174860;
  --primaryColor6-1: #f7f3e9;
  --primaryColor6-2: #ebc98b;
  --primaryColor6-3: #e2b258;
  --primaryColor6-4: #ca9025;
  --primaryColor6-5: #b67a0a;
  --primaryColor6-6: #915700;
  --primaryColor7-1: #c6e5ff;
  --primaryColor7-2: #6aa3d1;
  --primaryColor7-3: #4492d3;
  --primaryColor7-4: #237ec9;
  --primaryColor7-5: #115b97;
  --primaryColor8-1: #ffe7f3;
  --primaryColor8-2: #f799c8;
  --primaryColor8-3: #e25c9f;
  --primaryColor8-4: #d33885;
  --primaryColor8-5: #b71264;
  --primaryColor9-1: #e4e6ff;
  --primaryColor9-2: #999ff0;
  --primaryColor9-3: #737be3;
  --primaryColor9-4: #464ec0;
  --primaryColor9-5: #0e146a;
  --primaryColor10-1: #ffe6d6;
  --primaryColor10-2: #fdc7a3;
  --primaryColor10-3: #ffaf79;
  --primaryColor10-4: #ff9955;
  --primaryColor10-5: #ff7a22;
  --color-000000: #000000;
  --color-222222: #222222;
  --color-242424: #242424;
  --color-333333: #333333;
  --color-484848: #484848;
  --color-555555: #555555;
  --color-666666: #666666;
  --color-888888: #888888;
  --color-999999: #999999;
  --color-aaaaaa: #aaaaaa;
  --color-bbbbbb: #bbbbbb;
  --color-cccccc: #cccccc;
  --color-d4d4d4: #d4d4d4;
  --color-dddddd: #dddddd;
  --color-e4e4e4: #e4e4e4;
  --color-eeeeee: #eeeeee;
  --color-f2f2f2: #f2f2f2;
  --color-f4f4f4: #f4f4f4;
  --color-f6f6f6: #f6f6f6;
  --color-ffffff: #ffffff;
  --fontsize-48: 3rem;
  --fontsize-36: 2.25rem;
  --fontsize-32: 2rem;
  --fontsize-30: 1.875rem;
  --fontsize-28: 1.75rem;
  --fontsize-26: 1.6rem;
  --fontsize-24: 1.5rem;
  --fontsize-22: 1.4rem;
  --fontsize-21: 1.3rem;
  --fontsize-20: 1.25rem;
  --fontsize-19: 1.2rem;
  --fontsize-18: 1.125rem;
  --fontsize-17: 1.05rem;
  --fontsize-16: 1rem;
  --fontsize-15: 0.95rem;
  --fontsize-14: 0.875rem;
  --fontsize-13: 0.8rem;
  --fontsize-12: 0.75rem;
  --rounded-rectangle: 150px;
  --border-radius-full: 9999px;
  --border-radius-lg: 20px;
  --border-radius-md: 16px;
  --border-radius-sm: 9px;
  --border-radius-xs: 6px;
  --border-radius-xxs: 3px;
  --border-radius-tab: 10px 10px 0 0;
}

/* fontsize
--------------------------------------------------------*/
/* fontsize end
--------------------------------------------------------*/
/* border
--------------------------------------------------------*/
.page .news-list>.box .img {
  border: 1px solid #ddd;
}

/* border
--------------------------------------------------------*/
:root {
  --index-event-left: 30%;
  --index-padding: 60px;
}

@media (max-width: 1280px) {
  :root {
    --index-event-left: 20%;
  }
}

@media (max-width: 1024px) {
  :root {
    --index-event-left: 20%;
  }
}

@media (max-width: 992px) {
  :root {
    --index-event-left: 0;
    --index-padding: 40px;
  }
}

.research_odd_th {
  color: #000;
  background-color: #f6fcfd;
}

.research_odd_td {
  background-color: #f6fcfd;
}

.research_even_th {
  color: #000;
  background-color: #e9f7ff;
}

.research_even_td {
  background-color: #e9f7ff;
}

.index {
  padding-top: 116px;
  width: 100%;
}

.index .index-kv {
  position: relative;
  width: 100%;
}

.index .index-kv .index-kv-swiper {
  width: 100%;
  height: 100%;
}

.index .index-kv .index-kv-swiper img {
  display: block;
  width: 100%;
}

.index .index-kv .swiper-button-next,
.index .index-kv .swiper-button-prev {
  color: #fff;
  border-radius: 0.2rem;
  width: 30px;
  height: 60px;
}

.index .index-kv .swiper-button-next::after,
.index .index-kv .swiper-button-prev::after {
  font-size: 2rem;
}

.index .index-kv .swiper-pagination-horizontal {
  padding: 10px 20px;
}

.index .index-kv .swiper-pagination-horizontal .swiper-pagination-bullet {
  margin: 0 8px;
  width: 12px;
  height: 12px;
  background-color: rgba(255, 255, 255, 0.75);
}

.index .index-kv .swiper-pagination-horizontal .swiper-pagination-bullet-active {
  background-color: #fff;
}

@media (max-width: 992px) {
  .index .index-kv .swiper-pagination-horizontal {
    padding: 0;
  }

  .index .index-kv .swiper-pagination-horizontal .swiper-pagination-bullet {
    margin: 0 5px;
    width: 9px;
    height: 9px;
  }
}

@media (max-width: 640px) {

  .index .index-kv .swiper-button-next,
  .index .index-kv .swiper-button-prev {
    width: 20px;
    height: 40px;
  }

  .index .index-kv .swiper-button-next::after,
  .index .index-kv .swiper-button-prev::after {
    font-size: 1.25rem;
  }
}

.index .index-title {
  display: block;
  width: 100%;
  font-size: var(--fontsize-30);
  font-weight: 400;
  margin-bottom: 40px;
  text-align: center;
}

@media (max-width: 992px) {
  .index .index-title {
    margin-bottom: 30px;
  }
}

.index .index-event,
.index .index-news,
.index .index-visit,
.index .index-artifact {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding: var(--index-padding) 0;
}

@media (max-width: 992px) {

  .index .index-event,
  .index .index-news,
  .index .index-visit,
  .index .index-artifact {
    padding: var(--index-padding) 0;
  }
}

.index .index-event {
  background-image: url(../images/index-section-bg1.jpg);
}

.index .index-event .index-title {
  text-align: left;
  margin-bottom: 0;
}

@media (max-width: 992px) {
  .index .index-event .index-title {
    width: -moz-fit-content;
    width: fit-content;
  }
}

.index .index-event .index-event-box {
  position: relative;
  margin-left: var(--index-event-left);
  width: calc(100% - var(--index-event-left));
}

.index .index-event .index-event-box .head {
  position: absolute;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  left: -190px;
  gap: 20px;
  background-color: rgba(255, 255, 255, 0.25);
  padding: 25px;
  border-radius: var(--border-radius-xs);
  z-index: 1;
  width: 400px;
  height: 220px;
}

.index .index-event .index-event-box .head .index-title {
  max-width: 166px;
}

.index .index-event .index-event-box .head .arr-box {
  width: 100%;
}

@media (max-width: 1024px) {
  .index .index-event .index-event-box .head {
    left: -160px;
    width: 360px;
    height: 200px;
  }
}

@media (max-width: 992px) {
  .index .index-event .index-event-box .head {
    left: 20px;
    width: -moz-fit-content;
    width: fit-content;
    height: 150px;
  }

  .index .index-event .index-event-box .head .index-title {
    max-width: none;
  }

  .index .index-event .index-event-box .head .arr-box {
    width: auto;
  }
}

@media (max-width: 375px) {
  .index .index-event .index-event-box .head {
    left: 18px;
  }
}

.index .index-event .index-event-slider {
  position: relative;
  z-index: 2;
  padding-top: 25px;
}

@media (max-width: 992px) {
  .index .index-event .index-event-slider {
    top: 80px;
    padding-top: 0;
    width: 94%;
    margin: 0 auto;
  }
}

.index .index-event .slick-slide {
  padding: 0 20px;
  color: #333;
}

.index .index-event .slick-slide .img {
  position: relative;
  overflow: hidden;
  width: 100%;
  border-radius: var(--border-radius-xs);
  margin: 0;
  padding-bottom: 64%;
}

.index .index-event .slick-slide .img img {
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  top: 0;
}

.index .index-event .slick-slide .info {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  margin-top: 15px;
  line-height: 1.4;
}

.index .index-event .slick-slide .info p {
  margin: 0;
  padding: 0;
}

.index .index-event .slick-slide .info p.title {
  font-size: var(--fontsize-20);
  width: calc(100% - 220px);
}

.index .index-event .slick-slide .info p.date {
  width: 200px;
  font-size: 80%;
}

.index .index-event .slick-slide .info p.date span {
  display: block;
  text-align: right;
}

@media (max-width: 1024px) {
  .index .index-event .slick-slide .info {
    gap: 5px 20px;
  }

  .index .index-event .slick-slide .info p.title {
    width: 100%;
  }

  .index .index-event .slick-slide .info p.date {
    width: 100%;
  }

  .index .index-event .slick-slide .info p.date span {
    text-align: left;
  }
}

@media (max-width: 992px) {
  .index .index-event {
    padding-bottom: calc(var(--index-padding) + 80px);
  }
}

.index .index-news {
  background-image: url(../images/index-section-bg2.jpg);
}

.index .index-news .index-news-wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 0 20px;
  margin-bottom: 40px;
}

.index .index-news .index-news-box {
  width: calc(33.3333333333% - 14px);
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  color: #000;
  gap: 15px 20px;
}

.index .index-news .index-news-box .date {
  width: 90px;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  gap: 2px;
  padding: 5px;
  border: 1px solid #000;
}

.index .index-news .index-news-box .date span {
  display: block;
  width: 100%;
  text-align: center;
}

.index .index-news .index-news-box .date span.dd {
  font-size: var(--fontsize-28);
}

.index .index-news .index-news-box .date span.yy {
  font-size: var(--fontsize-13);
}

.index .index-news .index-news-box .content {
  width: calc(100% - 110px);
  font-size: var(--fontsize-18);
  line-height: 1.6;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index .index-news .index-news-box .content:hover {
  color: var(--primaryColor5-4);
}

@media (max-width: 1024px) {
  .index .index-news .index-news-box {
    width: calc(50% - 14px);
  }
}

@media (max-width: 640px) {
  .index .index-news .index-news-box {
    width: 100%;
  }
}

@media (max-width: 576px) {
  .index .index-news .index-news-box .date {
    width: 55px;
  }

  .index .index-news .index-news-box .content {
    width: calc(100% - 75px);
  }
}

.index .index-visit {
  background-image: url(../images/index-section-bg3.jpg);
}

.index .index-visit .inner {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 20px 0;
}

.index .index-visit .inner .index-visit-box {
  width: 33.3333333333%;
  display: flex;
  flex-wrap: wrap;
}

.index .index-visit .inner .index-visit-box .cover {
  margin: 0;
  width: 100%;
}

.index .index-visit .inner .index-visit-box .cover img {
  display: block;
  width: 100%;
}

.index .index-visit .inner .index-visit-box .info {
  padding: 10px 20px;
  color: #000;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}

.index .index-visit .inner .index-visit-box .info .name {
  display: block;
  width: 100%;
  text-align: center;
  font-weight: 500;
  font-size: var(--fontsize-22);
  padding: 15px 0;
  border-bottom: 1px solid #333;
}

.index .index-visit .inner .index-visit-box .info .txt {
  width: 100%;
  font-size: var(--fontsize-18);
  line-height: 1.5;
}

.index .index-visit .inner .index-visit-box:nth-child(1) {
  background-color: #F3ECD9;
}

.index .index-visit .inner .index-visit-box:nth-child(2) {
  background-color: #EEE7CD;
}

.index .index-visit .inner .index-visit-box:nth-child(3) {
  background-color: #E1D8BB;
}

@media (max-width: 992px) {
  .index .index-visit .inner .index-visit-box {
    width: 90%;
    margin: 0 auto;
  }
}

.index .index-artifact {
  color: #fff;
  background-image: url(../images/index-section-bg4.jpg);
}

.index .index-artifact .index-artifact-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 40px;
}

.index .index-artifact .index-artifact-list .index-artifact-box {
  width: 16.6666666667%;
  display: block;
  position: relative;
  padding-top: 19%;
  overflow: hidden;
  background-color: #e3e0d5;
}

.index .index-artifact .index-artifact-list .index-artifact-box img {
  display: block;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 1024px) {
  .index .index-artifact .index-artifact-list {
    width: 90%;
    margin: 0 auto;
  }

  .index .index-artifact .index-artifact-list .index-artifact-box {
    width: 33.3333333333%;
  }
}

@media (max-width: 992px) {
  .index .index-artifact .index-artifact-list .index-artifact-box {
    width: 50%;
  }
}

.index .index-artifact .more {
  color: #000;
  background-color: #fff;
}

.index .index-link {
  padding: 50px 0;
}

.index .index-link .inner {
  width: 77%;
}

.index .index-link .swiper-button-next,
.index .index-link .swiper-button-prev {
  color: #333;
  border-radius: 0.2rem;
  width: 30px;
  height: 60px;
}

.index .index-link .swiper-button-next::after,
.index .index-link .swiper-button-prev::after {
  font-size: 2rem;
}

.index .index-link .slick-slide {
  margin: 0 10px;
  border: 1px solid #ccc;
}

.index .index-link .slick-slide img {
  display: block;
  width: 100%;
}

.index .index-link .slick-prev,
.index .index-link .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 55%;
  display: block;
  width: 30px;
  height: 30px;
  padding: 0;
  transform: translate(0, -50%);
  color: transparent;
  border: none;
  outline: none;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  background-color: transparent;
  cursor: pointer;
  z-index: 1;
}

.index .index-link .slick-prev {
  left: -30px;
  background-image: url(../images/arr-left.svg);
}

.index .index-link .slick-next {
  right: -30px;
  background-image: url(../images/arr-right.svg);
}

.page {
  /* 網站導覽
  -----------------------------------------------*/
  /* 網站導覽 end
  -----------------------------------------------*/
}

.page .page-kv {
  position: relative;
  padding-bottom: 270px;
}

.page .page-kv img {
  position: absolute;
  z-index: 1;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
}

.page .page-kv .page-unit {
  display: block;
  width: 100%;
  top: 77%;
  transform: translateY(-50%);
  position: absolute;
  color: #fff;
  text-align: center;
  font-weight: 400;
  font-size: var(--fontsize-30);
  text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);
}

.page .page-kv.page-kv1 {
  background: url(../images/page-header-bg1.jpg) 0 0 no-repeat;
  background-size: cover;
}

.page .page-kv.page-kv2 {
  background: url(../images/page-header-bg2.jpg) 0 0 no-repeat;
  background-size: cover;
}

.page .page-kv.page-kv3 {
  background: url(../images/page-header-bg3.jpg) 0 0 no-repeat;
  background-size: cover;
}

.page .page-kv.page-kv4 {
  background: url(../images/page-header-bg4.jpg) 0 0 no-repeat;
  background-size: cover;
}

.page .page-kv.page-kv5 {
  background: url(../images/page-header-bg5.jpg) 0 0 no-repeat;
  background-size: cover;
}

@media (max-width: 992px) {
  .page .page-kv {
    padding-bottom: 180px;
  }

  .page .page-kv .page-unit {
    top: 70%;
  }
}

@media (max-width: 576px) {
  .page .page-kv {
    padding-bottom: 160px;
  }

  .page .page-kv .page-unit {
    top: 70%;
  }
}

.page .page-main {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 30px;
  margin: 20px 0 80px 0;
}

.page .page-main .left-nav {
  width: 300px;
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.6);
}

.page .page-main .left-nav .row {
  border-bottom: 1px solid #ddd;
}

.page .page-main .left-nav .row:last-child {
  border-bottom: 0;
}

.page .page-main .left-nav .row>a {
  display: flex;
  font-weight: 500;
  font-size: var(--fontsize-20);
  color: #000;
  position: relative;
  padding: 16px 25px 16px 50px;
}

.page .page-main .left-nav .row>a:hover {
  color: var(--primaryColor6-6);
}

.page .page-main .left-nav .row>a .arr {
  position: absolute;
  font-size: 0;
  display: block;
  width: 20px;
  height: 20px;
  right: 0px;
  top: 21px;
  background: url(../images/arr-right.svg) 0 0 no-repeat;
  background-size: cover;
  transition: linear 150ms;
}

.page .page-main .left-nav .row>a.icon {
  background-position: 0 6px;
  background-repeat: no-repeat;
  background-size: 50px;
}

.page .page-main .left-nav .row>a.icon.icon1-1 {
  background-image: url(../images/i-leftnav1-1.png);
}

.page .page-main .left-nav .row>a.icon.icon1-2 {
  background-image: url(../images/i-leftnav1-2.png);
}

.page .page-main .left-nav .row>a.icon.icon1-3 {
  background-image: url(../images/i-leftnav1-3.png);
}

.page .page-main .left-nav .row>a.icon.icon1-4 {
  background-image: url(../images/i-leftnav1-4.png);
}

.page .page-main .left-nav .row>a.icon.icon1-5 {
  background-image: url(../images/i-leftnav1-5.png);
}

.page .page-main .left-nav .row>a.icon.icon1-6 {
  background-image: url(../images/i-leftnav1-6.png);
}

.page .page-main .left-nav .row>a.icon.icon1-7 {
  background-image: url(../images/i-leftnav1-7.png);
}

.page .page-main .left-nav .row>a.icon.icon1-8 {
  background-image: url(../images/i-leftnav1-8.png);
}

.page .page-main .left-nav .row>a.icon.icon1-9 {
  background-image: url(../images/i-leftnav1-9.png);
}

.page .page-main .left-nav .row .left-sub-nav {
  display: none;
}

.page .page-main .left-nav .row .left-sub-nav a {
  padding: 15px 20px 15px 42px;
  display: block;
  color: #000;
  margin: 0 10px;
  border-bottom: 1px dashed #ccc;
}

.page .page-main .left-nav .row .left-sub-nav a:last-child {
  border-bottom: 0;
}

.page .page-main .left-nav .row .left-sub-nav a:hover {
  color: var(--primaryColor6-6);
}

.page .page-main .left-nav .row.open .arr {
  transform: rotate(90deg);
}

.page .page-main .left-nav .row.open .left-sub-nav {
  display: block;
}

.page .page-main .main-content {
  width: calc(100% - 360px);
}

.page .page-main .main-content .header-box {
  font-weight: 500;
  padding: 10px 0 10px 70px;
  background: url(../images/i-page-title.png) 0 0 no-repeat;
  font-size: var(--fontsize-30);
  margin-bottom: 30px;
  border-bottom: 2px solid #ccc;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px 15px;
}

.page .page-main .main-content .header-box .txt {
  flex: 7;
}

.page .page-main .main-content .header-box .page-tools {
  flex: 0 0 auto;
  display: flex;
  font-size: 0;
  -moz-column-gap: 8px;
  column-gap: 8px;
  justify-content: flex-end;
}

.page .page-main .main-content .header-box .page-tools li {
  position: relative;
}

.page .page-main .main-content .header-box .page-tools li a {
  color: var(--color-333);
  border-radius: 100%;
  background-color: var(--color-eee);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
}

.page .page-main .main-content .header-box .page-tools li a img {
  display: block;
  width: 18px;
}

.page .page-main .main-content .header-box .page-tools li a.print {
  background-color: #2dbdbd;
}

.page .page-main .main-content .header-box .page-tools li a.fb {
  background-color: #3488ff;
}

.page .page-main .main-content .header-box .page-tools li a.line {
  background-color: #0bc701;
}

.page .page-main .main-content .header-box .page-tools li a.twitter {
  background-color: #222;
}

@media (max-width: 992px) {
  .page .page-main .main-content .header-box .page-tools li:first-child {
    display: none;
  }
}

@media (max-width: 992px) {
  .page .page-main .main-content .header-box {
    background: none;
    padding-left: 0;
  }
}

@media (max-width: 768px) {
  .page .page-main .main-content .header-box {
    flex-direction: column-reverse;
    background-position: 0 bottom;
  }

  .page .page-main .main-content .header-box .txt {
    width: 100%;
  }

  .page .page-main .main-content .header-box .page-tools {
    width: 100%;
  }
}

.page .page-main .main-content .update-info {
  display: flex;
  justify-content: flex-end;
  gap: 10px 20px;
  width: 100%;
  font-size: var(--fontsize-15);
  color: #333;
  padding: 0 0 20px 0;
  text-align: right;
}

@media (max-width: 640px) {
  .page .page-main .main-content .update-info {
    flex-wrap: wrap;
  }

  .page .page-main .main-content .update-info li {
    width: 100%;
  }
}

.page .page-main .content-box {
  line-height: 1.8;
}

@media (max-width: 992px) {
  .page .page-main .left-nav {
    display: none;
  }

  .page .page-main .main-content {
    width: 100%;
  }
}

.page .news-classification {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  margin-bottom: 20px;
}

.page .news-classification a {
  display: block;
  width: 100px;
  padding: 8px 10px;
  text-align: center;
  border: 1px solid #aaa;
  color: #333;
  line-height: 1;
  border-radius: var(--rounded-rectangle);
}

.page .news-classification a.active {
  color: #fff;
  border: 1px solid var(--primaryColor4-3);
  background-color: var(--primaryColor4-3);
}

.page .news-classification a:hover {
  color: #fff;
  border: 1px solid var(--primaryColor4-3);
  background-color: var(--primaryColor4-3);
}

.page .news-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 30px 0;
}

.page .news-list>.box {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px 30px;
  width: 100%;
}

.page .news-list>.box .img {
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  width: 180px;
  height: 119px;
  border-radius: var(--border-radius-xs);
}

.page .news-list>.box .img img {
  position: absolute;
  width: 100%;
  top: 0;
  display: block;
}

.page .news-list>.box .content {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  max-width: calc(100% - 210px);
  color: #000;
  gap: 8px 0;
}

.page .news-list>.box .content .headline {
  width: 100%;
  font-weight: 400;
  line-height: 1.5;
  font-size: var(--fontsize-20);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.page .news-list>.box .content .date {
  display: block;
  width: 100%;
  font-size: var(--fontsize-17);
  color: var(--primaryColor7-5);
}

.page .news-list>.box .content .label {
  display: flex;
  font-size: 84%;
  color: #fff;
  gap: 8px;
}

.page .news-list>.box .content .label span {
  display: block;
  border-radius: var(--border-radius-xxs);
  padding: 3px 8px;
  line-height: 1.4;
}

.page .news-list>.box .content .label span.top {
  background-color: var(--primaryColor7-4);
}

.page .news-list>.box .content .label span.hot {
  background-color: var(--primaryColor3-5);
}

.page .news-list>.box .content .tag-box {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 3px;
}

.page .news-list>.box .content .tag-box .tag {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--rounded-rectangle);
  padding: 7px 10px;
  min-width: 90px;
  font-size: 84%;
  color: #fff;
  line-height: 1;
}

.page .news-list>.box .content .tag-box .tag.event {
  background-color: var(--primaryColor8-1);
  color: var(--primaryColor8-4);
}

.page .news-list>.box .content .tag-box .tag.announcement {
  background-color: var(--primaryColor9-1);
  color: var(--primaryColor9-4);
}

@media (max-width: 640px) {
  .page .news-list>.box {
    gap: 20px;
  }

  .page .news-list>.box .content {
    max-width: calc(100% - 160px);
  }

  .page .news-list>.box .img {
    width: 140px;
    height: 93px;
  }
}

@media (max-width: 576px) {
  .page .news-list>.box .content {
    max-width: calc(100% - 120px);
  }

  .page .news-list>.box .img {
    width: 100px;
    height: 68px;
  }
}

.page .book-list .box,
.page .souvenir-list .box {
  position: relative;
}

.page .book-list .box .stop-selling,
.page .souvenir-list .box .stop-selling {
  color: #fff;
  background-color: rgba(54, 34, 77, 0.8);
  font-size: var(--fontsize-15);
  padding: 8px 12px;
  font-weight: 400;
  line-height: 1;
}

.page .book-list .box .info,
.page .souvenir-list .box .info {
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 0;
}

.page .book-list .box .issued,
.page .souvenir-list .box .issued {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 10px;
}

.page .book-list .box .issued li:last-child,
.page .souvenir-list .box .issued li:last-child {
  width: 100%;
}

.page .book-list .box .price,
.page .souvenir-list .box .price {
  display: flex;
  width: 100%;
  margin: 0;
  line-height: 1;
  font-size: var(--fontsize-14);
  align-items: baseline;
}

.page .book-list .box .price strong,
.page .souvenir-list .box .price strong {
  font-weight: 600;
  font-size: var(--fontsize-20);
  color: var(--primaryColor3-5);
}

.page .book-list .box .edition,
.page .souvenir-list .box .edition {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  font-size: 80%;
}

.page .book-list .box .edition span:last-child,
.page .souvenir-list .box .edition span:last-child {
  flex: 1;
}

.page .accessibility {
  float: left;
  width: 97%;
  background: #f8f8f8;
  padding: 20px 35px;
  border-radius: 8px;
  margin: 0 1.5% 30px 1.5%;
  line-height: 30px;
}

.page .accessibility p {
  margin: 0 0 5px 0;
}

.page .accessibility p:last-child {
  margin-bottom: 0;
}

.page .sitemap-page .sitemap-cont {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.page .sitemap-page .sitemap-cont .sitemap-box {
  width: calc(33.3333333333% - 20px);
}

.page .sitemap-page .sitemap-cont .sitemap-box .sm-title {
  width: 100%;
  background: #024675;
  color: #fff;
  border-radius: 7px;
  padding: 15px 22px;
}

.page .sitemap-page .sitemap-cont .sitemap-box .sm-title a {
  color: #fff;
}

.page .sitemap-page .sitemap-cont .sitemap-box ul {
  list-style: none;
  width: 100%;
  padding: 5px 10px;
  margin: 0;
}

.page .sitemap-page .sitemap-cont .sitemap-box ul>li {
  width: 100%;
}

.page .sitemap-page .sitemap-cont .sitemap-box ul>li a {
  display: block;
  width: 100%;
  padding: 5px;
  margin-bottom: 7px;
  color: #000;
}

.page #worldmap .continent.africa {
  left: 51%;
  bottom: 34%;
}

.page .sitemap-box ul>li:last-child>a {
  border-bottom: 0;
}

.page .sitemap-box>ul>li {
  border-bottom: 1px solid #d6d6d6;
  padding: 10px 0 0;
}

.page ul.sitemap-2-lev {
  padding: 0 0px 12px 25px;
}

.page ul.sitemap-3-lev {
  padding: 0 0px 12px 26px;
}

.page ul.sitemap-third-lev li:last-child {
  margin: 0;
}

.page ul.sitemap-third-lev li:last-child a {
  margin: 0;
}

.page .sitemap-third-lev>li a {
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.faq-list .faq-type {
  font-size: 1.25rem;
  display: block;
  width: 100%;
  padding: 8px 20px;
  margin-bottom: 15px;
  color: #fff;
  background-color: #024675;
  border-radius: 6px;
}

.faq-list .faq-content {
  margin-bottom: 30px;
}

.faq-list .faq-content .qut {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  font-weight: 500;
  font-size: 1.125rem;
  color: #024675;
  margin-bottom: 5px;
  gap: 5px;
}

.faq-list .faq-content .qut .num {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  color: #fff;
  border-radius: 100%;
  font-size: 1rem;
  background: #E58E89;
}

.faq-list .faq-content .qut .txt {
  width: calc(100% - 50px);
  align-self: center;
}

.faq-list .faq-content .ans {
  line-height: 1.8;
  padding-left: 40px;
}

.book-popup {
  max-width: 640px;
}

.book-popup .intro {
  padding: 35px 25px;
  font-size: var(--fontsize-18);
  line-height: 1.8;
}

.book-popup .intro .title {
  display: block;
  width: 100%;
  font-weight: 500;
  font-size: var(--fontsize-24);
  margin: 0 0 10px 0;
  color: var(--primaryColor7-5);
}

.book-popup .content {
  margin: 0 12px;
}

.book-popup .content .pic {
  position: relative;
  display: flex;
  justify-content: center;
}

.book-popup .content .pic img {
  max-width: 90%;
  height: 90%;
}

/*# sourceMappingURL=layout.css.map */