.js .cd-h-timeline {
  opacity: 0;
  transition: opacity 0.2s
}
.js .cd-h-timeline--loaded {
  opacity: 1;
}
.js .cd-h-timeline__container {
  position: relative;
  height: 100px;
  max-width: 100%;
}
.js .cd-h-timeline__dates {
  position: relative;
  height: 100%;
  margin: 0 55px;
  overflow: hidden;
}
.js .cd-h-timeline__dates::after, .js .cd-h-timeline__dates::before {
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px
}
.js .cd-h-timeline__dates::before {
  left: 0;
}
.js .cd-h-timeline__dates::after {
  right: 0;
}
.js .cd-h-timeline__line {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  background-color: #dbdbdb;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}
.js .cd-h-timeline__filling-line {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 2px;
  width: 100%;
  background-color: #095e73;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.js .cd-h-timeline__date {
  position: absolute;
  top: 50%;
  z-index: 2;
  text-align: center;
  font-size: 145%;
  color: #095e73;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  font-weight: 500;
  line-height: 75px;
  transform: translate(-80%, -50%);
}
.js .cd-h-timeline__date::after {
  content: '';
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  transform: translate(-50%,0);
  height: 75px;
  width: 75px;
  border-radius: 50%;
  border-width: 1px;
  border-style: solid;
  background-color: #e7e7e7;
  transition: background-color 0.3s, border-color .3s;
  z-index: -1;
}
.js .cd-h-timeline__date:hover::after {
  background-color: #e0e9f4;
}
.js .cd-h-timeline__date--selected {
  pointer-events: none;
  color: #fff;
  line-height: 85px;
}
.js .cd-h-timeline__date--selected::after {
  background-color: #095e73;
  border-color: #095e73;
  width: 85px;
  height: 85px;
}
.js .cd-h-timeline__date--older-event::after {
  border-color: #095e73;
}
.js .cd-h-timeline__navigation {
  position: absolute;
  z-index: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 55px;
  width: 55px;
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
  border-color: #095e73;
  transition: border-color 0.3s;
  background-color: #fff;
  overflow: hidden;
  text-indent: -9999px;
}
.js .cd-h-timeline__navigation::after {
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  border-top: solid 2px #095e73;
  border-right: solid 2px #095e73;
  -webkit-transform: rotate(45deg)translate(-50%, -50%);
  transform: rotate(45deg)translate(-50%, -50%);
  top: 55%;
  left: 30%;
  position: absolute;
}
.js .cd-h-timeline__navigation:hover {background-color: #ffe25f;}
.js .cd-h-timeline__navigation--prev {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg)
}

.js .cd-h-timeline__navigation--next {
  right: 0
}
.js .cd-h-timeline__navigation--inactive {
  cursor: not-allowed
}
.js .cd-h-timeline__navigation--inactive::after {
  background-position: 0 -16px
}
.js .cd-h-timeline__navigation--inactive:hover {
  border-color: hsl(0, 0%, 87.3%);
  border-color: hsl(var(--cd-color-3-h), var(--cd-color-3-s), calc(var(--cd-color-3-l)*0.9))
}
.js .cd-h-timeline__events {
  position: relative;
  width: 100%;
  overflow: hidden;
  transition: height .4s;
  padding: 30px 0 0 0;
  height: auto !important;
}
.js .cd-h-timeline__event {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  padding: 1px 5%;
  opacity: 0;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out
}
.js .cd-h-timeline__event--selected {
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0)
}
.js .cd-h-timeline__event--enter-right, .js .cd-h-timeline__event--leave-right {
  -webkit-animation-name: cd-enter-right;
  animation-name: cd-enter-right
}
.js .cd-h-timeline__event--enter-left, .js .cd-h-timeline__event--leave-left {
  -webkit-animation-name: cd-enter-left;
  animation-name: cd-enter-left
}
.js .cd-h-timeline__event--leave-right, .js .cd-h-timeline__event--leave-left {
  animation-direction: reverse
}
.js .cd-h-timeline__event-content {
  max-width: 100%;
}
.js .cd-h-timeline__event-title {
  color: hsl(0, 0%, 22%);
  color: var(--cd-color-1);
  font-family: 'Playfair Display', serif;
  font-family: var(--font-secondary);
  font-weight: 700;
  font-size: 2.48832em;
  font-size: var(--text-xxxl)
}
.js .cd-h-timeline__event-date {
  display: block;
  font-style: italic;
  margin: 0.5em auto;
  margin: var(--space-xs) auto
}
.js .cd-h-timeline__event-date::before {
  content: '- '
}

@media screen and (min-width: 767px) {
.js .cd-h-timeline__events {
  min-height: 260px;
}
}





/*
     FILE ARCHIVED ON 10:20:00 三月 11, 2026 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 15:11:52 五月 22, 2026.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
