.about-page {
  height: 100%;
}
.about-page section.column {
  justify-content: flex-start !important;
}
.about-page .about-title {
  font-weight: normal;
}
.about-page .about-header-image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-bottom: 1.5rem;
  border-radius: 8px;
}
@media screen and (min-width: 769px) {
  .about-page .about-header-image {
    display: none;
  }
}
.about-page article {
  max-width: 100%;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.about-page article li,
.about-page article p,
.about-page article span,
.about-page article a,
.about-page article strong {
  word-break: inherit;
  overflow-wrap: inherit;
}
.about-page article a {
  color: #3273dc;
}
.about-page article a[href^=http]:not([href*="yimang.tw"]):not(:has(img)):after, .about-page article a[href^="//"]:not(:has(img)):after {
  content: "";
  display: inline-block;
  width: 0.9em;
  height: 0.9em;
  margin-left: 0.2em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230084ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cline x1='10' y1='14' x2='21' y2='3'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  opacity: 0.7;
  transition: opacity 0.2s;
}
.about-page article a[href^=http]:not([href*="yimang.tw"]):not(:has(img)):hover:after, .about-page article a[href^="//"]:not(:has(img)):hover:after {
  opacity: 1;
}