@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap');

:root {
  --navbar-color: #000000;
  --navbar-sticky-color: #000000;
  --navbar-sticky-bg-color: #ffffff;
  --join-bg-color-1: #333333;
  --join-bg-color-2: #dddddd;
  --join-welfare-color: #2d2d6c;
  --join-search-background-color: linear-gradient(to bottom, #ff6700, #ff8f08);
  --join-search-head-bg-color: #2d2d6c;
  --welfare-theme-color: #ff6700;
  --experience-theme-color: #ff6700;
  --experience-background-color: linear-gradient(to bottom, #ffffff, #ffe6c8);
}
body {
  font-family: 'Noto Sans TC', sans-serif;
}
.navbar a {
  position: relative;
}

.navbar a:hover::after,
.navbar a.isActive::after {
  position: absolute;
  bottom: 15px;
  content: '';
  display: block;
  width: 100%;
  height: 4px;
  background-color: #faa61b;
}

img {
  -webkit-user-drag: none;
}

.welfare_card_li::after {
  position: absolute;
  top: 10px;
  left: -20px;
  width: 10px;
  height: 10px;
  background-color: var(--welfare-theme-color);
  border-radius: 999px;
  content: '';
}

#experience {
  background-image: linear-gradient(var(--experience-bg-color-1), var(--experience-bg-color-2));
}

.experience_card:nth-child(2n) {
  flex-direction: row-reverse;
}

.experience_card:nth-child(2n).animate__animated {
  animation-name: fadeInLeftBig;
}

.experience_card:nth-child(2n) .experience_card_content {
  margin-right: -10px;
}

.experience_card:nth-child(2n) .experience_card_decoration {
  right: auto;
  left: 0;
  width: 260px;
  height: 110px;
  border-left-width: 3px;
  border-right: 0px;
}

.experience_card_title_line::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -20%;
  width: 20px;
  background-color: #ffffff;
  content: '';
  animation: animate-lineMove infinite 5s ease-out;
}

@keyframes animate-lineMove {
  0%, 30.2% {
    left: -20%;
    opacity: 100%;
  }

  30%,
  30.1% {
    left: 150%;
    opacity: 0%;
  }
}

@media (max-width: 959.9px) {
  .experience_card_text {
    display: block;
  }
}

@media (max-width: 959.9px) {
  .experience_card:nth-child(2n) {
    flex-direction: column;
  }

  .experience_card:nth-child(2n) .experience_card_content {
    margin-right: 0px;
  }
}[data-id='1k8-kgwz-88k2-168'] {animation-name: kv-light;animation-duration: 1s;animation-direction: alternate;}@keyframes kv-light {0% {opacity: .3;}100% {opacity: 1;}}