html[lang="zh-TW"],
html[lang="zh-Hant"] {
  line-break: strict;
  text-spacing-trim: trim-start;
}

html[lang="zh-TW"] body,
html[lang="zh-Hant"] body {
  font-family: -apple-system, BlinkMacSystemFont, "Noto Sans TC", "Microsoft JhengHei", "PingFang TC", "Heiti TC", "Helvetica Neue", Arial, sans-serif;
  line-height: 1.85;
  letter-spacing: 0.01em;
  word-break: normal;
  overflow-wrap: break-word;
}

html[lang="zh-TW"] p,
html[lang="zh-TW"] li,
html[lang="zh-TW"] dd,
html[lang="zh-TW"] td,
html[lang="zh-TW"] th,
html[lang="zh-Hant"] p,
html[lang="zh-Hant"] li,
html[lang="zh-Hant"] dd,
html[lang="zh-Hant"] td,
html[lang="zh-Hant"] th {
  line-height: 1.85;
}

html[lang="zh-TW"] h1,
html[lang="zh-TW"] h2,
html[lang="zh-TW"] h3,
html[lang="zh-TW"] h4,
html[lang="zh-TW"] .section-title,
html[lang="zh-TW"] .global-nav a,
html[lang="zh-TW"] .contact-btn a,
html[lang="zh-TW"] .btn,
html[lang="zh-TW"] .breadcrumbs,
html[lang="zh-Hant"] h1,
html[lang="zh-Hant"] h2,
html[lang="zh-Hant"] h3,
html[lang="zh-Hant"] h4,
html[lang="zh-Hant"] .section-title,
html[lang="zh-Hant"] .global-nav a,
html[lang="zh-Hant"] .contact-btn a,
html[lang="zh-Hant"] .btn,
html[lang="zh-Hant"] .breadcrumbs {
  line-height: 1.45;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

html[lang="zh-TW"] .contact-btn span,
html[lang="zh-TW"] .btn-global-nav,
html[lang="zh-TW"] .tel,
html[lang="zh-Hant"] .contact-btn span,
html[lang="zh-Hant"] .btn-global-nav,
html[lang="zh-Hant"] .tel {
  white-space: nowrap;
}

html[lang="zh-TW"] .article-body,
html[lang="zh-Hant"] .article-body {
  font-size: 16px;
}

html[lang="zh-TW"] .table-scroll,
html[lang="zh-Hant"] .table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media screen and (max-width: 640px) {
  html[lang="zh-TW"] .article-body,
  html[lang="zh-Hant"] .article-body {
    font-size: 15.5px;
  }
}