.subpage .headerLogo { position: fixed; }
.subnav { float: right; margin-right: 34px; line-height: 78px; }
.subnav a { color: #666; margin-left: 22px; font-size: 14px; }
.subnav a:hover { color: rgba(0, 127, 255, 1); }
.subhero { padding-top: 82px; min-height: 250px; color: #fff; background: #202020; display: flex; align-items: center; }
.subhero h1 { font-size: 34px; font-weight: 500; letter-spacing: 0; }
.subhero p { margin-top: 10px; color: #c8d3dc; font-size: 15px; }
.submain { min-height: 360px; padding-top: 70px; }
.article-shell { text-align: center; }
.article-shell .aricle { max-width: 980px; margin-left: auto; margin-right: auto; color: #555; text-align: left; line-height: 1.95; font-size: 15px; }
.article-shell .aricle p { margin: 0 0 18px; text-indent: 2em; }
.article-shell .aricle h1, .article-shell .aricle h2, .article-shell .aricle h3 { margin: 28px 0 16px; text-indent: 0; line-height: 1.45; color: #26323f; }
.article-shell .aricle img { display: block; max-width: 100%; height: auto; margin: 22px auto; }
.article-shell .aricle figure { text-align: center; }
.article-shell .aricle figure p, .article-shell .aricle li p { text-indent: 0; }
.article-shell .aricle ul, .article-shell .aricle ol { margin: 0 0 18px 2em; }
.article-shell .aricle li { float: none; margin-bottom: 8px; }
.empty-state { float: none; padding: 34px; color: #777; border: 1px solid #e3e3e4; text-align: center; }
.download-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.download-list li { float: none; list-style: none; border: 1px solid #e3e3e4; transition: all .25s; }
.download-list li:hover { border-color: #005fc2; box-shadow: 0 8px 26px rgba(0, 95, 194, .08); }
.download-card { display: grid; grid-template-columns: 1fr auto auto; gap: 18px; align-items: center; padding: 22px 24px; color: #555; }
.download-list strong { font-size: 17px; font-weight: 500; }
.download-list span { color: #999; text-transform: uppercase; font-size: 12px; }
.download-actions { display: flex; gap: 8px; }
.download-actions a { display: inline-flex; align-items: center; justify-content: center; min-width: 52px; height: 32px; border: 1px solid #ccd5e2; border-radius: 4px; color: #555; }
.download-actions a:hover { border-color: #005fc2; color: #005fc2; }
#mydiv { position: relative; overflow: hidden; }
#mydiv canvas { position: absolute; top: 0; left: 0; display: block; }
.bannerText { pointer-events: none; }
footer { background: #202020 !important; }
.linkUl { display: flex; align-items: center; justify-content: center; gap: 34px; width: 100% !important; padding-left: 0 !important; }
.linkUl li { float: none; margin-right: 0 !important; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; }
.linkUl li img { width: 34px !important; height: 34px !important; object-fit: contain; margin-top: 0 !important; filter: none; }
.linkUl li:nth-child(4) img, .linkUl li:last-child img { margin-top: 0 !important; width: 42px !important; height: 42px !important; }
.footer-qr-button, .footer-email-button { border: 0; background: transparent; padding: 0; cursor: pointer; }
.rights { display: block; color: #fff !important; background: rgba(0, 0, 0, .22); }
.rights span { display: inline-block; }
.footer-modal[hidden] { display: none; }
.footer-modal { position: fixed; inset: 0; z-index: 99; display: flex; align-items: center; justify-content: center; }
.footer-modal-mask { position: absolute; inset: 0; background: rgba(0, 0, 0, .62); }
.footer-modal-card { position: relative; z-index: 1; width: min(90vw, 420px); background: #fff; padding: 28px; text-align: center; border-radius: 8px; box-shadow: 0 20px 80px rgba(0, 0, 0, .28); }
.footer-modal-card img { max-width: 260px; max-height: 260px; width: 70%; object-fit: contain; }
.footer-modal-card p { color: #333; margin-top: 14px; }
.footer-modal-close { position: absolute; top: 10px; right: 12px; border: 0; background: transparent; font-size: 28px; cursor: pointer; }
.footer-email-fallback { display: none; user-select: all; }
.slide-figure { margin: 0 0 22px; }
.slide-figure img { width: 100%; max-width: 1100px; display: block; margin: 0 auto; }
.pdf-preview { width: 100%; min-height: 680px; border: 1px solid #e3e3e4; border-radius: 8px; margin: 18px 0; }
@media only screen and (max-width: 768px) {
  html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
  .headerLogo .container { width: 92vw !important; margin: 0 4vw !important; position: relative; }
  .headerLogo img { width: 168px; margin-top: 12px; }
  .headerLogo .conect { position: absolute; left: 235px; right: auto; top: 0; float: none; line-height: 82px; margin-left: 0 !important; font-size: 14px; white-space: nowrap; }
  .bannerInfo, #mydiv { width: 100vw !important; max-width: 100vw; }
  #mydiv canvas { width: 100vw !important; max-width: 100vw; height: 100% !important; }
  .bannerText { left: 0 !important; width: 100vw !important; max-width: 100vw; overflow: hidden; text-align: left; }
  .bannerText img { width: min(76vw, 300px) !important; max-width: 300px !important; height: auto; display: block; margin-left: max(24px, 8vw); }
  .subnav { display: none; }
  .subhero { min-height: 190px; }
  .subhero h1 { font-size: 26px; }
  .download-list { grid-template-columns: 1fr; }
  .download-card { grid-template-columns: 1fr; align-items: start; }
  .arlic_list li .date { width: 92px; }
  .arlic_list li .txt { width: calc(100% - 125px); padding-right: 0; }
  .linkUl { gap: 18px; }
}
@media only screen and (max-width: 380px) {
  .headerLogo img { width: 145px; }
  .headerLogo .conect { left: 200px; font-size: 13px; line-height: 60px; }
}