.original-site-footer {
  position: relative;
  z-index: 3;
  padding: 0;
  background: #10233f;
  color: #d5e2e9;
  font-family: "Noto Sans TC", "Microsoft JhengHei", sans-serif;
}

.original-site-footer,
.original-site-footer * {
  box-sizing: border-box;
}

.original-site-footer a {
  text-decoration: none;
}

.original-site-footer .original-footer-cta {
  width: min(1120px, calc(100% - 40px));
  margin: auto;
  padding: 32px 0;
  display: flex;
  gap: 28px;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, .17);
}

.original-site-footer .original-footer-cta strong {
  display: block;
  color: #fff;
  font-size: 1.35rem;
}

.original-site-footer .original-footer-cta span {
  display: block;
  margin-top: 4px;
  color: #b7ced9;
}

.original-site-footer .original-footer-actions {
  display: flex;
  flex-shrink: 0;
  gap: 12px;
}

.original-site-footer .original-footer-actions a {
  padding: 11px 16px;
  border: 1px solid #72cdd0;
  border-radius: 6px;
  color: #fff;
  font-weight: 800;
}

.original-site-footer .original-footer-actions a:last-child {
  border-color: #e9b949;
  background: #e9b949;
  color: #17263a;
}

.original-site-footer .original-footer-main {
  width: min(1120px, calc(100% - 40px));
  margin: auto;
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 38px;
  padding: 40px 0;
}

.original-site-footer .original-footer-main > div {
  display: grid;
  align-content: start;
  gap: 7px;
}

.original-site-footer .original-footer-main b {
  margin-bottom: 5px;
  color: #7ce0df;
}

.original-site-footer .original-footer-main a {
  color: #e1edf1;
}

.original-site-footer .original-footer-main a:hover,
.original-site-footer .original-footer-main a:focus-visible {
  color: #7ce0df;
}

.original-site-footer .original-footer-brand strong {
  color: #fff;
  font-size: 1.35rem;
  letter-spacing: .08em;
}

.original-site-footer .original-footer-brand small {
  color: #85bac8;
  font-size: .7rem;
  letter-spacing: .14em;
}

.original-site-footer .original-footer-brand p {
  margin: 8px 0;
  color: #b7ced9;
}

.original-site-footer .original-footer-line {
  display: inline-flex;
  width: max-content;
  align-items: center;
  gap: 7px;
  margin-top: 5px;
  padding: 7px 11px;
  border-radius: 5px;
  background: #08a86a;
  color: #fff !important;
  font-weight: 800;
}

.original-site-footer .original-footer-line svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.original-site-footer .original-footer-bottom {
  width: min(1120px, calc(100% - 40px));
  margin: auto;
  padding: 16px 0;
  border-top: 1px solid rgba(255, 255, 255, .17);
  color: #9bb3c0;
  font-size: .8rem;
}

@media (max-width: 700px) {
  .original-site-footer .original-footer-cta {
    width: 100%;
    display: block;
    padding: 28px 20px;
  }

  .original-site-footer .original-footer-actions {
    margin-top: 18px;
    flex-wrap: wrap;
  }

  .original-site-footer .original-footer-main {
    width: 100%;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
    padding: 32px 20px;
  }

  .original-site-footer .original-footer-brand {
    grid-column: 1 / -1;
  }

  .original-site-footer .original-footer-bottom {
    width: 100%;
    padding: 16px 20px;
  }
}

@media (max-width: 460px) {
  .original-site-footer .original-footer-main {
    grid-template-columns: 1fr;
  }

  .original-site-footer .original-footer-brand {
    grid-column: auto;
  }
}