@charset "UTF-8";

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

html[lang="zh-HK"] body,
html[lang="yue-Hant"] body {
  font-family: -apple-system, BlinkMacSystemFont, "Noto Sans HK", "Noto Sans TC", "PingFang HK", "PingFang TC", "Microsoft JhengHei", "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-HK"] p,
html[lang="zh-HK"] li,
html[lang="zh-HK"] dd,
html[lang="zh-HK"] td,
html[lang="zh-HK"] th,
html[lang="yue-Hant"] p,
html[lang="yue-Hant"] li,
html[lang="yue-Hant"] dd,
html[lang="yue-Hant"] td,
html[lang="yue-Hant"] th {
  line-height: 1.85;
}

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

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

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

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

@media screen and (max-width: 640px) {
  html[lang="zh-HK"] body,
  html[lang="yue-Hant"] body {
    line-height: 1.9;
  }

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

  html[lang="zh-HK"] .global-nav a,
  html[lang="zh-HK"] .section-title,
  html[lang="yue-Hant"] .global-nav a,
  html[lang="yue-Hant"] .section-title {
    line-height: 1.55;
  }
}