[hidden]{display:none!important}
:root{color-scheme:only light}

:root{
  --navy:#0b4258;
  --cyan:#00b9c7;
  --cyan-dk:#0a8294;
  --ink:#263f4e;
  --ink-2:#5f7480;
  --ink-3:#8799a1;
  --line:#dce9eb;
  --bg:#f1f6f7;
  --r:14px;
  --r-s:9px;
  --base:16px;
}
html[data-fs="s"]{--base:14px}
html[data-fs="l"]{--base:18px}

*{box-sizing:border-box}
html{font-size:var(--base)}
body{
  margin:0;color:var(--ink);
  background:linear-gradient(180deg,#e9f2f4 0,#f7faf9 420px,var(--bg) 100%);
  font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei","Heiti TC",sans-serif;
  line-height:1.75;-webkit-font-smoothing:antialiased;

  min-height:100vh;display:flex;flex-direction:column;
}
body > .topbar,body > .crumb,body > footer{flex:none}
body > .page{flex:1 0 auto}

.doc:empty{box-shadow:none;background:transparent;border-color:transparent}
.wrap{max-width:1240px;margin:0 auto;padding:0 20px}

.lk{color:var(--cyan-dk);text-decoration:none;cursor:pointer}
.lk:hover{text-decoration:underline}
.dead{color:inherit;text-decoration:none;cursor:default;user-select:none}

.topbar{
  position:relative;overflow:hidden;color:#fff;
  background:
    radial-gradient(58% 135% at 91% -8%,rgba(151,238,239,.43) 0%,rgba(61,171,183,.22) 32%,rgba(20,102,123,0) 68%),
    linear-gradient(124deg,#17485e 0%,#1c6072 58%,#2f8895 100%);
}
.topbar:after{content:"";position:absolute;top:auto;right:0;bottom:0;left:0;height:1px;background:rgba(255,255,255,.42)}
.topbar{overflow:visible}
.topbar .wm{overflow:hidden}
.topbar .wm{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}
.topbar .wrap{position:relative;z-index:1}
.head{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-top:25px;padding-bottom:19px}
.brand{display:flex;align-items:center;gap:17px;min-width:0}
.brand .em{width:63px;height:63px;flex:none;filter:drop-shadow(0 5px 8px rgba(8,50,62,.14))}
.brand h1{font-size:1.78rem;margin:0;letter-spacing:.18em;font-weight:700;white-space:nowrap;text-shadow:0 1px 0 rgba(3,51,64,.18)}
.brand p{margin:3px 0 0;font-size:.78rem;letter-spacing:.31em;color:#daf4f5}
.headright{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.util{display:flex;align-items:center;gap:16px;font-size:.8rem;color:#e2f4f5}
.util .ic{display:inline-flex;align-items:center;gap:6px}
.util .ic svg{width:15px;height:15px;fill:currentColor;opacity:.85}
.util .sep{color:rgba(255,255,255,.45)}
.util .fs{display:flex;align-items:center;gap:6px}
.util button{font:inherit;font-size:.75rem;border:1px solid rgba(255,255,255,.46);background:transparent;color:#efffff;width:27px;height:25px;border-radius:6px;cursor:pointer;line-height:1}
.util button[aria-pressed="true"]{background:#e6ffff;border-color:#e6ffff;color:#176274;font-weight:700}
.search{display:flex;width:min(430px,90vw);border:1px solid rgba(255,255,255,.34);border-radius:var(--r-s);overflow:hidden;background:rgba(8,75,91,.18);box-shadow:inset 0 1px rgba(255,255,255,.12)}
.search input{flex:1;border:0;padding:11px 14px;font:inherit;font-size:.9rem;background:transparent;color:#fff;min-width:0}
.search input::placeholder{color:#bfe2e6}
.search .sbtn{width:50px;border:0;background:#e9ffff;color:#176274;cursor:default;display:grid;place-items:center}

.nav{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.22);background:rgba(7,61,77,.16)}
.navin{display:flex;flex-wrap:wrap}
.navin > *{padding:14px 24px;font-size:.98rem;color:#f5ffff;letter-spacing:.06em;position:relative}
.navin .nv-real{cursor:pointer;border-bottom:3px solid transparent}
.navin a{color:inherit;text-decoration:none}
.navin .nv-real:hover{background:rgba(255,255,255,.1);border-bottom-color:#e1ffff}
.navin .nv-dead{cursor:default;color:#d4eaec}
.navin .home{padding:14px 22px;background:#dbf8f8;color:#1a6473;display:grid;place-items:center}
.dd{position:relative}
.dd .panel{display:none;position:absolute;left:0;top:100%;z-index:30;min-width:200px;background:#fff;border-radius:0 0 var(--r-s) var(--r-s);box-shadow:0 12px 30px rgba(8,43,69,.24);overflow:hidden}
.dd.open .panel{display:block}
.dd .panel a{display:block;padding:12px 20px;font-size:.92rem;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
.dd .panel a:last-child{border-bottom:0}
.dd .panel a:hover{background:#e9f7fa;color:var(--cyan-dk)}

.crumb{background:rgba(255,255,255,.88);border-bottom:1px solid #d7e7e9}
.crumb .wrap{padding-top:11px;padding-bottom:11px;font-size:.84rem;color:#5f7984}
.crumb .sp{margin:0 8px;color:#a9c2c7}

.page{padding-top:25px;padding-bottom:44px}
.doc{
  background:#fff;border:1px solid var(--line);border-radius:var(--r);
  box-shadow:0 10px 24px rgba(29,79,92,.055);
  max-width:880px;margin:0 auto;padding:34px 40px 30px;
}
.doc .cat{display:inline-block;font-size:.76rem;padding:3px 12px;border-radius:var(--r-s);background:#dbf2f5;color:#0b7a86;margin-bottom:14px}
.doc h1{margin:0 0 18px;font-size:1.5rem;line-height:1.6;color:#16475d;letter-spacing:.02em;font-weight:700}
.doc .meta{
  display:flex;flex-wrap:wrap;gap:6px 28px;font-size:.84rem;color:var(--ink-3);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:11px 0;margin-bottom:26px
}
.doc .meta b{font-weight:500;color:#4d6a76;margin-left:6px}
.doc .body p{margin:0 0 1.15em;font-size:.98rem;line-height:2;color:#37525f}
.doc .body p.fine{font-size:.9rem;color:var(--ink-2);background:#f5fafb;border-left:3px solid #bfdfe3;padding:12px 16px;line-height:1.9}
.doc .att{
  margin-top:26px;padding-top:16px;border-top:1px solid var(--line);
  font-size:.87rem;color:var(--ink-2);display:flex;align-items:center;gap:9px
}
.doc .att svg{width:16px;height:16px;fill:#6f9dac;flex:none}
.doc .cta{margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}
.doc .cta a{
  display:inline-block;background:#197d8d;color:#fff;text-decoration:none;
  padding:11px 26px;border-radius:var(--r-s);font-size:.94rem;cursor:pointer;
  box-shadow:0 4px 10px rgba(20,116,132,.2)
}
.doc .cta a:hover{background:#126b7a;text-decoration:none}

.doc h2{margin:30px 0 12px;font-size:1.06rem;color:#16475d;letter-spacing:.04em;font-weight:700}
.doc h2:first-of-type{margin-top:0}
.doc .info{border-top:1px solid var(--line)}
.doc .info div{display:flex;gap:14px;padding:11px 0;border-bottom:1px solid #eef4f5;font-size:.95rem;color:#37525f}
.doc .info b{font-weight:500;color:var(--ink-3);flex:none;width:6.5em}
.doc table.tel{width:100%;border-collapse:collapse;font-size:.95rem}
.doc table.tel th{text-align:left;font-size:.83rem;font-weight:500;color:var(--ink-3);padding:9px 12px;background:#f6fafb;border-bottom:1px solid var(--line)}
.doc table.tel td{padding:11px 12px;border-bottom:1px solid #eef4f5;color:#37525f}
.doc table.tel tr:last-child td{border-bottom:0}
.doc table.tel td.ext{white-space:nowrap;font-variant-numeric:tabular-nums;color:#4d6a76;width:1%}

.doc .crest{display:flex;gap:26px;align-items:center;padding:26px 28px;background:#f6fafb;border:1px solid var(--line);border-radius:var(--r);margin-bottom:8px}
.doc .crest svg{width:132px;height:132px;flex:none}
.doc .crest p{margin:0;font-size:1.02rem;line-height:2;color:#37525f;letter-spacing:.02em}
@media (max-width:640px){.doc .crest{flex-direction:column;text-align:center;gap:16px;padding:22px 18px}}

.doc figure{margin:32px 0 0}
.doc figure img{width:100%;display:block;border:1px solid var(--line);border-radius:var(--r-s)}
.doc .sign{margin-top:26px;padding-top:16px;border-top:1px solid var(--line);font-size:.84rem;color:var(--ink-3);line-height:1.9}

footer{background:linear-gradient(110deg,#123f55,#164e62);box-shadow:inset 0 2px #39bcc4;color:#b9d5e8;font-size:.85rem}
.fpolicy{border-bottom:1px solid rgba(255,255,255,.08)}
.fpolicy .in{display:flex;flex-wrap:wrap;gap:6px 26px;padding-top:10px;padding-bottom:10px;font-size:.82rem}
.fpolicy span{color:#b8d7dc;cursor:default}
.fmain{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 30px;padding-top:16px;padding-bottom:16px}
.forg{display:flex;gap:13px;align-items:center;min-width:0}
.forg .em{width:38px;height:38px;flex:none}
.forg .nm{color:#fff;font-size:1rem;letter-spacing:.12em;font-weight:700;line-height:1.4}
.forg .ad{font-size:.81rem;color:#a8c8dd;line-height:1.55}
.fmeta{display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap;font-size:.79rem;color:#93b4ca}
.fmeta .cnt{font-variant-numeric:tabular-nums;color:#d3e7f3;letter-spacing:.06em}
.badge{border:1px solid #43718e;border-radius:20px;padding:2px 11px;font-size:.75rem;color:#bcd6e6}
.fbot{border-top:1px solid rgba(255,255,255,.08);padding-top:9px;padding-bottom:14px;display:flex;flex-wrap:wrap;gap:4px 16px;align-items:baseline;font-size:.76rem;color:#7fa3bc;line-height:1.6}
.fbot .disc{color:#b0d2d6}

@media (max-width:900px){
  .doc{padding:26px 24px 24px}
  .doc h1{font-size:1.28rem}
}
@media (max-width:720px){
  .wrap{padding-left:14px;padding-right:14px}
  .head{padding-top:14px;padding-bottom:10px}
  .brand h1{font-size:1.32rem;letter-spacing:.1em}
  .brand p{font-size:.7rem;letter-spacing:.24em}
  .brand .em{width:46px;height:46px}
  .headright{align-items:stretch;width:100%}
  .util{justify-content:flex-end}
  .search{width:100%}

  .navin{flex-wrap:wrap;overflow:visible}
  .navin > *{flex:1 1 auto;white-space:nowrap;padding:11px 12px;font-size:.9rem;text-align:center}
  .navin .home{flex:0 0 auto;padding:11px 16px}
  .dd .panel{min-width:max(100%,190px);text-align:left}
  .page{padding-top:16px;padding-bottom:28px}
  .doc{padding:20px 18px 20px;border-radius:var(--r)}
  .doc .meta{gap:2px 18px}
}

.doc--wide{max-width:1040px}

.doc table.rep{width:100%;border-collapse:collapse;margin:22px 0 0}
.doc table.rep th{
  text-align:left;font-size:.83rem;font-weight:500;color:var(--ink-3);
  padding:10px 14px;background:#f6fafb;border-bottom:1px solid var(--line)
}
.doc table.rep td{padding:14px;border-bottom:1px solid #eef4f5;font-size:.94rem;color:#37525f;vertical-align:middle}
.doc table.rep tr:last-child td{border-bottom:0}
.doc table.rep td.date{color:var(--ink-3);font-size:.86rem;white-space:nowrap;width:1%;font-variant-numeric:tabular-nums}
.doc table.rep .dead{color:var(--ink-3)}
.arc-row{background:#fbfcfd}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#32bcc4;box-shadow:0 0 0 3px #e5f7f7;margin-right:11px;vertical-align:middle}
.dot.old{background:#c9d3d8;box-shadow:0 0 0 3px #eef2f4}

.zn{display:inline-block;font-size:.76rem;padding:3px 12px;border-radius:var(--r-s);white-space:nowrap;line-height:1.7}
.z-sun  {background:#e3edf5;color:#2b5f86}
.z-cloud{background:#dbf2f5;color:#0b7a86}
.z-fog  {background:#e6ebee;color:#556873}
.z-arc  {background:#eceff1;color:#6b7b85}
.doc > .zn{margin-bottom:14px}

.arc{
  display:inline-block;margin-left:10px;font-size:.72rem;line-height:1.7;
  padding:1px 9px;border:1px solid #d5dee2;border-radius:var(--r-s);
  color:#8a99a1;background:#f4f7f8;cursor:default;user-select:none;vertical-align:1px
}

.pager{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}
.pager .pg{
  min-width:36px;height:34px;padding:0 12px;border:1px solid #d6e5e7;border-radius:var(--r-s);
  background:#f6faf9;color:#66808a;font-size:.88rem;display:inline-flex;align-items:center;
  justify-content:center;text-decoration:none
}
.pager a.pg{cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.pager a.pg:hover{background:#e4f3f4;border-color:#b3d8dc;color:#177284;text-decoration:none}
.pager .pg.on{background:#197d8d;border-color:#197d8d;color:#fff;cursor:default;box-shadow:0 3px 8px rgba(20,116,132,.18)}
.pager .pg.dead{color:#b4c3c8;background:#fafcfc;border-color:#e6edee;cursor:default;user-select:none}
.pager .pgcount{margin-left:auto;font-size:.82rem;color:var(--ink-3);white-space:nowrap}

.doc table.chk{width:100%;border-collapse:collapse;font-size:.93rem}
.doc table.chk th{
  text-align:left;font-size:.82rem;font-weight:500;color:var(--ink-3);
  padding:9px 12px;background:#f6fafb;border-bottom:1px solid var(--line)
}
.doc table.chk td{padding:11px 12px;border-bottom:1px solid #eef4f5;color:#37525f}
.doc table.chk tr:last-child td{border-bottom:0}
.doc table.chk td.it{color:#4d6a76}
.doc table.chk td.vl{font-variant-numeric:tabular-nums;color:#1f4756;font-weight:600;white-space:nowrap}
.doc table.chk td.rf{color:var(--ink-3);font-size:.86rem;white-space:nowrap}
.rd{display:inline-block;font-size:.76rem;padding:2px 11px;border-radius:var(--r-s);white-space:nowrap}
.rd.ok{background:#e8f4f2;color:#3d7a6b}
.rd.warn{background:#fdeede;color:#a2652a}

.doc .body p.grade{
  margin-top:16px;padding:12px 16px;background:#f5fafb;border-left:3px solid #bfdfe3;
  font-size:.96rem;color:#37525f;line-height:1.9
}
.doc .body p.grade b{color:#16475d;font-weight:700;letter-spacing:.04em}
.doc ol.adv{margin:0;padding-left:1.45em}
.doc ol.adv li{font-size:.96rem;line-height:2;color:#37525f;margin-bottom:.45em}
.doc ol.adv li:last-child{margin-bottom:0}

@media (max-width:820px){
  .doc table.rep th:nth-child(2),.doc table.rep td:nth-child(2){display:none}
  .doc table.chk td.rf,.doc table.chk th:nth-child(3){display:none}
  .opmeta{flex-direction:row;gap:14px;align-items:center}
}
@media (max-width:720px){
  .doc table.rep td{padding:12px 10px;font-size:.9rem}
  .doc table.rep th{padding:9px 10px}
  .pager .pgcount{margin-left:0;width:100%;padding-top:6px}
  .arc{margin-left:0;margin-top:4px}

  .doc table.chk{font-size:.88rem}
  .doc table.chk th,.doc table.chk td{padding:9px 6px}
  .doc table.chk td.vl{white-space:normal}
  .rd{padding:2px 8px}
}

.sheetbar{
  max-width:794px;margin:0 auto 14px;display:flex;flex-wrap:wrap;gap:10px 18px;
  align-items:center;justify-content:space-between
}
.sbmeta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:.84rem;color:var(--ink-3);min-width:0}
.sbmeta b{font-weight:700;color:#2a4753;font-variant-numeric:tabular-nums;letter-spacing:.04em}
.sbact{display:flex;align-items:center;gap:14px;flex:none}
.zbtn{
  font:inherit;font-size:.86rem;border:1px solid #197d8d;background:#197d8d;color:#fff;
  padding:8px 18px;border-radius:var(--r-s);cursor:pointer;line-height:1.4;
  box-shadow:0 4px 10px rgba(20,116,132,.2)
}
.zbtn:hover{background:#126b7a;border-color:#126b7a}

.sheet{
  max-width:794px;margin:0 auto;background:#fff;cursor:zoom-in;
  box-shadow:0 14px 34px rgba(24,64,78,.16),0 0 0 1px rgba(24,64,78,.09)
}
.sheet svg.a4{display:block;width:100%;height:auto}
.sheethint{
  max-width:794px;margin:14px auto 0;font-size:.82rem;color:var(--ink-3);text-align:center;line-height:1.8
}

.lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:rgba(9,34,43,.94);display:flex;flex-direction:column}
.lb[hidden]{display:none}
.lbbar{
  flex:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;
  padding:10px 16px;background:rgba(6,28,36,.86);border-bottom:1px solid rgba(255,255,255,.14);
  color:#dcecef;font-size:.86rem
}
.lbttl{letter-spacing:.06em;font-variant-numeric:tabular-nums;min-width:0}
.lbtools{display:flex;align-items:center;gap:7px;flex:none}
.lbtools button{
  font:inherit;font-size:.92rem;min-width:38px;height:34px;padding:0 10px;line-height:1;
  border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.08);color:#eafcff;
  border-radius:var(--r-s);cursor:pointer
}
.lbtools button.wide{font-size:.82rem;padding:0 14px}
.lbtools button:hover{background:rgba(255,255,255,.18)}
.lbpct{
  min-width:52px;text-align:center;font-size:.82rem;color:#bcd9de;
  font-variant-numeric:tabular-nums;flex:none
}
.lbstage{flex:1 1 auto;overflow:auto;padding:16px 12px 28px;-webkit-overflow-scrolling:touch}
.lbstage.grab{cursor:grabbing}
.lbsheet{margin:0 auto;background:#fff;width:794px;box-shadow:0 10px 40px rgba(0,0,0,.45)}
.lbsheet svg.a4{display:block;width:100%;height:auto}

@media (max-width:720px){
  .sheetbar{gap:8px 12px}
  .sbact{width:100%;justify-content:space-between}
  .sheethint{text-align:left}
  .lbbar{padding:8px 12px}
  .lbttl{width:100%;font-size:.8rem}
  .lbtools{width:100%;justify-content:space-between}
}

.flow{
  display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);
  align-items:stretch;gap:0 10px;margin-top:6px
}
.fstep{
  display:flex;flex-direction:column;background:#fff;border:1px solid #d9e7e9;
  border-radius:var(--r);overflow:hidden;cursor:pointer;text-decoration:none;color:inherit;
  box-shadow:0 6px 16px rgba(29,79,92,.06);
  transition:transform .16s,box-shadow .16s,border-color .16s
}
.fstep:hover{transform:translateY(-3px);border-color:#9fd0d6;box-shadow:0 14px 28px rgba(23,114,132,.16)}
.fstep:focus-visible{outline:3px solid #3fb3c2;outline-offset:2px}
.fnum{
  background:linear-gradient(150deg,#225f72 0%,#11495f 100%);color:#dff8fa;
  font-size:.82rem;letter-spacing:.22em;font-weight:700;padding:9px 16px;text-align:center
}
.fbody{padding:20px 20px 6px;flex:1 1 auto;text-align:center}
.fico{
  width:54px;height:54px;margin:0 auto 12px;border-radius:50%;background:#e8f5f6;
  display:grid;place-items:center
}
.fico svg{width:28px;height:28px;color:#13889a;display:block}
.fstep h3{margin:0 0 8px;font-size:1.06rem;color:#16475d;letter-spacing:.06em;font-weight:700}
.fstep p{margin:0;font-size:.9rem;line-height:1.95;color:#4d6a76;text-align:left}
.fout{
  margin:16px 0 0;padding:11px 16px;background:#f4f9fa;border-top:1px solid #e2eff0;
  font-size:.84rem;color:var(--ink-3);display:flex;align-items:baseline;justify-content:center;gap:9px
}
.fout b{font-weight:700;color:#177284;font-size:.92rem;letter-spacing:.04em}
.farrow{display:grid;place-items:center;color:#9fc2c8}
.farrow svg{width:22px;height:22px;fill:currentColor}
.flowhint{margin:16px 0 0;font-size:.84rem;color:var(--ink-3);line-height:1.85}

@media (max-width:900px){
  .flow{grid-template-columns:1fr;gap:0}
  .farrow{padding:8px 0}
  .farrow svg{transform:rotate(90deg)}
  .fbody{padding:18px 18px 4px}
}

.navin .nv-admin{
  margin-left:auto;display:inline-flex;align-items:center;gap:7px;
  border-left:1px solid rgba(255,255,255,.16)
}
.navin .nv-admin svg{width:13px;height:13px;fill:currentColor;opacity:.85;flex:none}
@media (max-width:720px){
  .navin .nv-admin{margin-left:0;border-left:0}
}

.login{
  max-width:420px;margin:0 auto;background:#fff;border:1px solid var(--line);
  border-radius:var(--r);box-shadow:0 10px 24px rgba(29,79,92,.07);
  padding:34px 34px 28px
}
.lghead{text-align:center;padding-bottom:22px;border-bottom:1px solid var(--line)}
.lglock{
  width:52px;height:52px;margin:0 auto 14px;border-radius:50%;background:#e8f5f6;
  display:grid;place-items:center;color:#13889a
}
.lglock svg{width:26px;height:26px;display:block}
.login h1{margin:0;font-size:1.28rem;color:#16475d;letter-spacing:.1em;font-weight:700}
.lgsub{margin:6px 0 0;font-size:.84rem;color:var(--ink-3);letter-spacing:.08em}

.lgform{padding-top:24px}
.lgfield{display:block;margin-bottom:16px}
.lgfield span{display:block;font-size:.85rem;color:#4d6a76;margin-bottom:7px;letter-spacing:.06em}
.lgfield input{
  width:100%;font:inherit;font-size:.96rem;padding:11px 13px;color:var(--ink);
  border:1px solid #cfe0e3;border-radius:var(--r-s);background:#fbfdfd
}
.lgfield input:focus{outline:0;border-color:#3fb3c2;background:#fff;box-shadow:0 0 0 3px rgba(63,179,194,.18)}
.lgerr{
  margin:0 0 16px;font-size:.86rem;line-height:1.8;color:#8c3a2e;
  background:#fdf0ed;border-left:3px solid #d08272;padding:10px 14px;border-radius:0 var(--r-s) var(--r-s) 0
}
.lgerr[hidden]{display:none}
.lgbtn{
  width:100%;font:inherit;font-size:1rem;letter-spacing:.24em;font-weight:700;
  border:0;background:#197d8d;color:#fff;padding:13px 0;border-radius:var(--r-s);
  cursor:pointer;box-shadow:0 4px 10px rgba(20,116,132,.2)
}
.lgbtn:hover{background:#126b7a}
.lgnote{
  margin-top:24px;padding-top:18px;border-top:1px solid var(--line);
  font-size:.8rem;color:var(--ink-3);line-height:1.85
}
.lgnote p{margin:0 0 6px}
.lgnote p:last-child{margin-bottom:0}
@media (max-width:720px){ .login{padding:26px 20px 22px} }

.lgfield input.code{
  text-align:center;font-size:1.24rem;letter-spacing:.42em;text-indent:.42em;
  padding:14px 13px;font-variant-numeric:tabular-nums;text-transform:uppercase
}
.lgfield input.code::placeholder{letter-spacing:.1em;text-indent:0;font-size:.9rem}

.wdim{
  position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:20px;
  overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
  align-items:start;
  background:rgba(8,32,42,.62);opacity:0;transition:opacity .18s
}

.wdim[hidden]{display:none}
.wdim.on{opacity:1}
.wbox{
  position:relative;width:min(420px,100%);background:#fff;border-radius:var(--r);
  padding:30px 30px 26px;text-align:center;box-shadow:0 26px 60px rgba(4,26,34,.42);
  transform:translateY(10px) scale(.98);transition:transform .2s
}
.wdim.on .wbox{transform:none}
.wx{
  position:absolute;top:10px;right:10px;width:32px;height:32px;padding:0;
  border:0;border-radius:50%;background:rgba(38,63,78,.10);color:#263f4e;
  opacity:.42;cursor:pointer;display:grid;place-items:center;transition:opacity .15s,background .15s
}
.wx:hover{opacity:.85;background:rgba(38,63,78,.16)}
.wx svg{width:17px;height:17px;fill:currentColor;display:block}
.wicon{width:52px;height:52px;margin:0 auto 14px;border-radius:50%;background:#fdefe7;display:grid;place-items:center}
.wicon svg{width:27px;height:27px;fill:#c2603f;display:block}
.wbox h2{margin:0 0 12px;font-size:1.16rem;color:#8c3a2e;letter-spacing:.08em;font-weight:700}
.wtext p{margin:0 0 9px;font-size:.92rem;line-height:1.95;color:#4d6a76;text-align:left}
.wtext p:last-child{margin-bottom:0;color:#8c3a2e}
.wok{
  margin-top:22px;width:100%;font:inherit;font-size:.98rem;letter-spacing:.22em;font-weight:700;
  border:0;background:#a8402f;color:#fff;padding:12px 0;border-radius:var(--r-s);cursor:pointer;
  box-shadow:0 4px 10px rgba(140,58,46,.24)
}
.wok:hover{background:#8f3324}

.crash{
  position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;overflow:hidden;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,
              "Microsoft JhengHei","PingFang TC","Heiti TC",sans-serif
}
.crash[hidden]{display:none}

.cu{
  position:absolute;left:50%;top:9vh;transform:translateX(-50%) translateY(-8px);
  width:min(400px,92vw);background:#fff;border-radius:8px;
  box-shadow:0 1px 3px rgba(60,64,67,.3),0 8px 22px rgba(60,64,67,.22);
  padding:20px 24px 14px;opacity:0;transition:opacity .14s,transform .14s
}
.crash.unresp .cu{opacity:1;transform:translateX(-50%)}
.cu h3{margin:0 0 8px;font-size:15px;font-weight:500;color:#202124;line-height:1.5}
.cu p{margin:0;font-size:13px;color:#5f6368;line-height:1.6}
.cu .btns{display:flex;justify-content:flex-end;gap:6px;margin-top:16px}
.cu .b{font-size:13px;font-weight:500;padding:8px 14px;border-radius:4px;color:#1a73e8}
.cu .b.p{background:#1a73e8;color:#fff}

.crash-tear{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}
.wband{position:absolute;left:0;right:0;background:#fff}
.crash.blank{background:#fff}

.aw{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;display:none;overflow:auto}
.crash.aw-on .aw{display:block}
.aw-in{max-width:600px;margin:0 auto;padding:20vh 24px 40px;animation:awin .12s ease-out}
@keyframes awin{from{opacity:0}to{opacity:1}}
.aw-ico{width:72px;height:72px;margin-bottom:26px;display:block}
.aw h1{margin:0 0 16px;font-size:1.6rem;font-weight:400;color:#202124;line-height:1.4}
.aw p{margin:0 0 8px;font-size:15px;color:#5f6368;line-height:1.7}
.aw .code{font-size:13px;color:#5f6368;margin-top:18px}

.aw .relwrap{display:flex;justify-content:flex-end;margin-top:30px}
.aw .rel{
  background:#1a73e8;color:#fff;
  font-size:14px;font-weight:500;padding:9px 20px;border-radius:4px
}

.crash.dead{background:#000}
.crash.dead .aw,.crash.dead .cu{display:none}
.crash-end{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;text-align:center;
  font-family:Consolas,"Menlo","Courier New",monospace}
.crash-end[hidden]{display:none}
.ce-in{max-width:460px;animation:cfade 1.6s ease-out}
@keyframes cfade{from{opacity:0}to{opacity:1}}
.ce-t{font-size:1.3rem;color:#c9d8dc;letter-spacing:.3em;margin-bottom:8px}
.ce-en{font-size:.74rem;color:#4d6a73;letter-spacing:.34em;margin-bottom:26px}
.ce-b{font-size:.86rem;color:#7d949b;line-height:2.1;letter-spacing:.06em}
.ce-cur{margin-top:26px;font-size:1.15rem;color:#6fd6c9;animation:cblink 1.05s step-end infinite}
@keyframes cblink{50%{opacity:0}}

@media (max-width:720px){
  .aw-in{padding:16vh 20px 40px}
  .aw h1{font-size:1.35rem}
  .aw p{font-size:14px}
  .ce-t{font-size:1.05rem;letter-spacing:.22em}
}

.doc .lede{
  margin:0 0 22px;padding:14px 18px;background:#f2f9fa;border:1px solid #dbeced;
  border-radius:var(--r-s);font-size:1rem;line-height:1.95;color:#1f5f73;letter-spacing:.02em
}
.districts{display:grid;gap:14px;margin:6px 0 0}
.dist{
  border:1px solid var(--line);border-left:4px solid #cfe2e6;border-radius:var(--r);
  background:#fbfdfd;padding:17px 20px 15px
}
.dist .dh{display:flex;align-items:center;flex-wrap:wrap;gap:5px 12px;margin-bottom:9px}
.dist .dico{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:none}
.dist .dico svg{width:19px;height:19px;display:block}
.dist h2{margin:0;font-size:1.08rem;color:#16475d;letter-spacing:.1em;font-weight:700}
.dist .dsub{font-size:.86rem;color:var(--ink-2);letter-spacing:.04em}
.dist p{margin:0;font-size:.95rem;line-height:2;color:#37525f}
.d-sun{border-left-color:#7ba4c4}   .d-sun .dico{background:#e3edf5;color:#2b5f86}
.d-cloud{border-left-color:#63c3cd} .d-cloud .dico{background:#dbf2f5;color:#0b7a86}
.d-fog{border-left-color:#a3b1b9}   .d-fog .dico{background:#e6ebee;color:#556873}
.d-rain{border-left-color:#8098a6}  .d-rain .dico{background:#e2e9ec;color:#46606f}

.msn{display:grid;gap:12px;margin:4px 0 22px}
.msn .mi{border:1px solid var(--line);border-radius:var(--r);background:#fbfdfd;padding:15px 18px 13px}
.msn .mi b{display:block;font-size:1rem;color:#16475d;letter-spacing:.08em;margin-bottom:5px}
.msn .mi span{font-size:.94rem;line-height:2;color:#37525f}
ol.qual{margin:4px 0 20px;padding-left:1.5em}
ol.qual li{font-size:.96rem;line-height:2.05;color:#37525f;padding-left:.2em}

.qtpl{
  margin:24px 0 0;font-size:.92rem;font-weight:700;color:#0a8294;
  letter-spacing:.16em;padding-bottom:7px;border-bottom:1px solid var(--line)
}
.qsecttl{
  margin:34px 0 4px;font-size:1.02rem;font-weight:700;color:#16475d;letter-spacing:.24em;
  text-align:center;padding:10px 0;background:#f4fafb;border-radius:var(--r-s)
}
.qitem{border:1px solid var(--line);border-radius:var(--r);background:#fbfdfd;padding:16px 18px 15px;margin:12px 0 0}
.qitem.miss{border-color:#e3bd97;background:#fffaf4}
.qq{display:flex;gap:10px;margin:0 0 12px;font-size:.97rem;line-height:1.95;color:#2a4653}
.qq .qm{flex:none;color:#0a8294;font-weight:700;letter-spacing:0}
.qind{display:inline-block;margin-left:2.4em}
.qfig{margin:0 0 13px}
.qfig img{display:block;width:100%;max-width:270px;border:1px solid var(--line);border-radius:var(--r-s);background:#fff}
.qfig .ph{
  display:grid;place-items:center;width:100%;max-width:270px;height:130px;
  border:1px dashed #c6d8dc;border-radius:var(--r-s);background:#fff;
  color:var(--ink-3);font-size:.86rem;letter-spacing:.1em
}
.qopts{display:grid;gap:8px}
.qopt{
  display:flex;align-items:flex-start;gap:10px;padding:9px 13px;background:#fff;
  border:1px solid #e4eef0;border-radius:var(--r-s);cursor:pointer;
  font-size:.94rem;line-height:1.85;color:#37525f;transition:background .14s,border-color .14s
}
.qopt:hover{background:#f2fafb;border-color:#b9dde2}
.qopt input{margin:.42em 0 0;accent-color:#0a8294;flex:none;cursor:pointer}
.qopt .ol{flex:none;width:1.5em;color:var(--ink-3);font-weight:600}
.qopt:has(input:checked){background:#eaf6f8;border-color:#7fc7d1}
.qsub{margin-top:30px;padding-top:22px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px}
.qbtn{
  font:inherit;font-size:1rem;letter-spacing:.24em;font-weight:700;border:0;
  background:#177284;color:#fff;padding:13px 40px;border-radius:var(--r-s);cursor:pointer;
  box-shadow:0 4px 10px rgba(20,116,132,.2)
}
.qbtn:hover{background:#126b7a}
.qcount{font-size:.86rem;color:var(--ink-3);font-variant-numeric:tabular-nums}
.qwarn{margin:14px 0 0;padding:11px 15px;border-radius:var(--r-s);background:#fdeede;color:#a2652a;font-size:.89rem;line-height:1.85}
.qwarn[hidden]{display:none}
@media (max-width:720px){
  .dist{padding:15px 16px 14px}
  .qitem{padding:14px 14px 13px}
  .qbtn{width:100%;padding:13px 0}
}

#quiz[hidden]{display:none}
.qrcpt{
  margin-top:26px;border:1px solid #cfe4e6;border-radius:var(--r);
  background:#f4fafb;padding:26px 24px 24px;text-align:center
}
.qrcpt[hidden]{display:none}
.qrcpt .rt{font-size:1.06rem;font-weight:700;color:#16475d;letter-spacing:.14em;margin-bottom:9px}
.qrcpt .rm{margin:0;font-size:.92rem;color:#4d6a76;line-height:2}
.qrcpt .rno{font-variant-numeric:tabular-nums;letter-spacing:.1em;color:#177284;font-weight:700}
.qnext{
  display:inline-block;margin-top:20px;font:inherit;font-size:.98rem;letter-spacing:.18em;font-weight:700;
  border:0;background:#177284;color:#fff;padding:12px 32px;border-radius:var(--r-s);
  text-decoration:none;cursor:pointer;box-shadow:0 4px 10px rgba(20,116,132,.2)
}
.qnext:hover{background:#126b7a;text-decoration:none;color:#fff}

.qrcpt .rv{
  display:inline-block;margin:14px 0 10px;font-size:.98rem;font-weight:700;
  letter-spacing:.22em;padding:6px 22px;border-radius:var(--r-s)
}
.rv.pass{background:#e8f4f2;color:#2f6c5d}
.rv.fail{background:#eceff1;color:#5c6b74}

.gate{
  margin-top:22px;border:1px solid var(--line);border-radius:var(--r);
  background:#fbfdfd;padding:26px 26px 24px
}
.gate[hidden]{display:none}
.gate .gin{max-width:340px;margin:0 auto;text-align:center}
.gate h2{margin:0 0 8px;font-size:1.06rem;color:#16475d;letter-spacing:.14em;font-weight:700}
.gate .gp{margin:0 0 18px;font-size:.9rem;line-height:1.95;color:#4d6a76}
.gate .lgerr{text-align:left}
#exam[hidden]{display:none}

.tl{list-style:none;margin:34px 0 0;padding:0;position:relative}
.tl:before{
  content:"";position:absolute;left:50%;top:30px;bottom:58px;width:3px;margin-left:-1.5px;border-radius:2px;
  background:linear-gradient(180deg,#8fdde2 0%,var(--cyan) 45%,var(--cyan-dk) 100%)
}
.tl .ev{
  position:relative;display:grid;grid-template-columns:1fr 64px 1fr;column-gap:22px;
  align-items:start;min-height:92px;pointer-events:none
}
.tl .ev > *{pointer-events:auto}
.tl .ev:hover,.tl .ev:focus-within,.tl .ev.open{z-index:5}
.tl .node{
  grid-column:2;grid-row:1;width:60px;height:60px;margin:0 auto;padding:0;border-radius:50%;
  display:grid;place-items:center;cursor:pointer;
  background:#fff;border:2.5px solid var(--cyan);color:var(--navy);
  box-shadow:0 0 0 6px #fff,0 4px 10px rgba(11,66,88,.12);
  transition:background-color .18s,border-color .18s,color .18s,transform .18s
}
.tl .node svg{width:30px;height:30px;display:block}
.tl .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tl .lab{grid-row:1;position:relative;padding-top:6px}
.tl .ev.l .lab{grid-column:1;text-align:right}
.tl .ev.r .lab{grid-column:3;text-align:left}
.tl .hd{display:inline-flex;flex-direction:column;cursor:pointer;line-height:1.45}
.tl .yr{font-size:1.32rem;font-weight:700;color:var(--cyan-dk);letter-spacing:.06em;font-variant-numeric:tabular-nums}
.tl .tt{font-size:.98rem;font-weight:700;color:#16475d;letter-spacing:.03em}

.tl .card{
  position:absolute;top:100%;width:min(390px,100%);padding:12px 18px 16px;margin-top:8px;text-align:left;
  background:#fff;border:1px solid var(--line);border-radius:var(--r-s);
  box-shadow:0 14px 30px rgba(11,66,88,.14);
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .2s,transform .2s,visibility 0s .2s
}
.tl .card:before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.tl .ev.l .card{right:0}
.tl .ev.r .card{left:0}
.tl .card p{margin:0 0 .7em;font-size:.92rem;line-height:1.9;color:#37525f}
.tl .ph{
  position:relative;aspect-ratio:3/2;margin-top:4px;border-radius:7px;overflow:hidden;
  background:repeating-linear-gradient(135deg,#f3f9fa 0 10px,#eaf4f5 10px 20px);border:1px dashed #bcdadd
}
.tl .ph:after{
  content:"影像載入失敗\A請重新整理頁面";white-space:pre;position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;
  text-align:center;font-size:.76rem;line-height:1.7;color:#7fa3ac
}
.tl .ph img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1}
.tl .ph--tall{aspect-ratio:2/3;width:min(100%,260px);margin-left:auto;margin-right:auto}
.tl .ph2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tl .ph2 figure{margin:0}
.tl .ph2 figcaption{font-size:.78rem;color:var(--ink-2);text-align:center;margin-top:4px}

@media (hover:hover){
  .tl .ev:hover .node{background:var(--cyan-dk);border-color:var(--cyan-dk);color:#fff;transform:scale(1.07)}
  .tl .ev:hover .card{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .2s}
}
.tl .ev.open .node,.tl .node:focus-visible{background:var(--cyan-dk);border-color:var(--cyan-dk);color:#fff;transform:scale(1.07)}
.tl .node:focus-visible{outline:2px solid var(--navy);outline-offset:4px}
.tl .ev.open .card{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .2s}

.tl .ev.up .card{top:auto;bottom:100%;margin:0 0 8px;transform:translateY(6px)}
.tl .ev.up .card:before{top:auto;bottom:-10px}
.tl .ph2 .ph:after{font-size:.68rem}

.tl .tl-now{position:relative;height:72px;color:var(--cyan-dk)}
.tl .tl-now svg{position:absolute;top:0;left:50%;width:28px;height:18px;margin-left:-14px;display:block;overflow:visible}
.tl .tl-now span{position:absolute;top:24px;left:50%;transform:translateX(-50%);font-size:1.32rem;line-height:1.4;font-weight:700;letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--navy);white-space:nowrap}

@media (max-width:720px){
  .tl:before{left:27px}
  .tl .ev{grid-template-columns:54px 1fr;column-gap:14px;min-height:0;margin-bottom:18px}
  .tl .node{grid-column:1;width:52px;height:52px}
  .tl .node svg{width:26px;height:26px}
  .tl .ev.l .lab,.tl .ev.r .lab{grid-column:2;text-align:left}
  .tl .card,.tl .ev.up .card{position:static;width:auto;display:none;margin:10px 0 0;transform:none}
  .tl .ev.open .card{display:block}
  .tl .tl-now svg{left:27px}
  .tl .tl-now span{left:13px;transform:none}
}

.tl.js .ev:not(.show) .card{opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .2s,visibility 0s .2s}
.tl.js .ev.is-up:not(.show) .card{transform:translateY(6px)}
.tl.js .ev.show .card{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .2s}
.tl.js .ev.show{z-index:6}
.tl.js .ev.show .node{background:var(--cyan-dk);border-color:var(--cyan-dk);color:#fff;transform:scale(1.07)}
@media (min-width:721px) and (hover:hover){
  .tl.js .ev .card{margin:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
}
@media (max-width:720px){
  .tl.js .ev .card{display:none}
  .tl.js .ev.show .card{display:block}
}

.crumb .ci{display:inline-block;width:1.1em;height:1.1em;vertical-align:-.2em;fill:currentColor;margin:0 .3em}
.crumb .lk .ci{fill:currentColor}

.lghi{margin:0 0 6px;font-size:.9rem;color:#13889a;letter-spacing:.12em}
.lgnote--top{margin-top:0;border-top:0;padding-top:20px;font-size:.84rem;color:var(--ink-2);text-align:center}
.lgport{display:block;margin-top:22px;padding:17px 0;font-size:1.12rem;text-align:center;text-decoration:none}
.lgport:hover{text-decoration:none}
.lgfoot{margin:16px 0 0;font-size:.78rem;line-height:1.8;color:var(--ink-3);text-align:center}

.adm{max-width:760px}
.adm .body p{margin-bottom:.5em}
.admnote{margin:0 0 4px;font-size:.84rem;color:var(--ink-3);letter-spacing:.04em}
.admbtn{
  display:inline-block;font:inherit;font-size:.98rem;font-weight:700;letter-spacing:.14em;
  border:1px solid #197d8d;background:#197d8d;color:#fff;padding:11px 28px;border-radius:var(--r-s);
  cursor:pointer;text-decoration:none;box-shadow:0 4px 10px rgba(20,116,132,.2)
}
.admbtn:hover{background:#126b7a;border-color:#126b7a;text-decoration:none}
.admbtn:disabled{background:#b9d3d8;border-color:#b9d3d8;box-shadow:none;cursor:not-allowed}
.admbtn--ghost{background:#fff;color:#197d8d;box-shadow:none}
.admbtn--ghost:hover{background:#eef7f8;color:#126b7a}

.spot{position:relative;width:min(100%,520px);aspect-ratio:1/1;margin:20px auto 0;cursor:crosshair;
  -webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.spot:focus-visible{outline:2px solid var(--cyan-dk);outline-offset:4px;border-radius:var(--r-s)}
.spot .ph{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r-s);overflow:hidden;
  background:repeating-linear-gradient(135deg,#f3f9fa 0 12px,#eaf4f5 12px 24px);border:1px dashed #bcdadd}
.spot .ph:after{content:"影像載入失敗\A請重新整理頁面";white-space:pre;position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;
  text-align:center;font-size:.8rem;line-height:1.7;color:#7fa3ac}
.spot .ph img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1;pointer-events:none}
.spot .ring{position:absolute;z-index:2;width:17%;aspect-ratio:1/1;transform:translate(-50%,-50%);border-radius:50%;
  border:3px solid #0a8294;box-shadow:0 0 0 2px rgba(255,255,255,.85),inset 0 0 0 2px rgba(255,255,255,.85);pointer-events:none}
.spot .ring[hidden]{display:none}
.spotbar{display:flex;justify-content:flex-end;align-items:center;gap:14px;width:min(100%,520px);margin:16px auto 0}

.admcode{margin:0;padding:0;background:none;color:#37525f;overflow-x:auto;
  font-family:Consolas,"Menlo","Courier New","Microsoft JhengHei",monospace;font-size:.86rem;line-height:1.75;tab-size:4}
.admcode code{font:inherit;white-space:pre}
.oath{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:22px}
.oath .admbtn{font-family:Consolas,"Menlo","Courier New","Microsoft JhengHei",monospace;letter-spacing:.02em;font-weight:600}

.admbin p{margin:0 0 1.1em;font-family:Consolas,"Menlo","Courier New",monospace;font-size:.95rem;line-height:1.95;
  color:#16475d;letter-spacing:.04em;word-spacing:.3em}
.admbin p:last-child{margin-bottom:0}
@media (max-width:720px){.admcode{font-size:.78rem}.admbin p{font-size:.84rem}}

.press .plh{margin:0 0 10px;font-size:.84rem;color:var(--ink-3);letter-spacing:.18em}
.press .info{margin:4px 0 26px}
.press .info b{width:6.5em}

.press .info div{padding:4px 0;font-size:.9rem;line-height:1.7;gap:12px}
.press .info b{width:6.2em}
.press .pfig{margin:26px 0 4px}
.press .pfig img{display:block;width:100%;height:auto;border-radius:var(--r-s);border:1px solid var(--line)}
.press .pbody h2{margin:1.6em 0 .6em;font-size:1.02rem;color:#16475d;letter-spacing:.03em}
.press .pbody .plead{font-size:1.06rem;font-weight:700;color:#16475d;line-height:1.9}

.lk.lk--plain{color:inherit}
.wbox{margin:auto 0}

.gate .gwait{margin:14px 0 0;font-size:.86rem;color:var(--ink-3);letter-spacing:.1em}
.gate .gwait[hidden]{display:none}
.issued .islab{margin:0;font-size:.84rem;color:var(--ink-3);letter-spacing:.2em}
.issued .iscode{margin:10px 0 14px;font-family:Consolas,"Menlo","Courier New",monospace;font-size:1.9rem;font-weight:700;
  letter-spacing:.3em;color:#16475d;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.issued .isnote{margin:0;font-size:.95rem;color:#4d6a76;letter-spacing:.3em}

.rsl{text-align:center}
.rscard img{display:block;width:min(100%,405px);aspect-ratio:9/16;margin:0 auto;border-radius:14px;
  box-shadow:0 14px 34px rgba(11,66,88,.22);background:#123f55}
.rsact{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:22px}
.rshint{margin:12px 0 0;font-size:.84rem;color:var(--ink-3)}
.rsnext{margin-top:10px}

.rsl .rsnext{margin:26px 0 0;font-size:.98rem;color:#4d6a76;letter-spacing:.3em}
.unlockat{margin:8px 0 0;font-size:.84rem;color:var(--ink-3);letter-spacing:.12em;font-variant-numeric:tabular-nums}
.unlockat[hidden],.rsnext[hidden],.isnote[hidden]{display:none}
.rsgo{margin-top:6px}

@media (max-width:380px){
  .util{gap:10px;font-size:.74rem}
  .util .ic,.util .fs{white-space:nowrap}
  .util .sep{display:none}
  .util button{padding-left:6px;padding-right:6px}
}

.vd{margin:6px 0 0;padding:26px 30px 24px;border:1px solid var(--line);border-radius:var(--r);background:#f8fbfc;text-align:left}
.vd[hidden]{display:none}
.vd .vt{margin:0 0 12px;font-size:1.12rem;font-weight:700;color:#16475d;letter-spacing:.04em;line-height:1.7}
.vd.fail .vt{color:#4f5f68}
.vd p{margin:0 0 .7em;font-size:.95rem;line-height:1.95;color:#37525f}
.vd p:last-child{margin-bottom:0}
.vd .sc{font-variant-numeric:tabular-nums;font-weight:700;color:#177284;letter-spacing:.04em}
.vd.fail .sc{color:#4f5f68}
.vd .vlb{margin-top:1.1em;font-size:.86rem;color:var(--ink-3);letter-spacing:.06em}
.vd .tel{margin:.3em 0 0;padding:0;list-style:none;font-size:.93rem;color:#37525f;line-height:1.9}
.vd .tel li{font-variant-numeric:tabular-nums}
.vd .note{margin-top:1em;padding-top:.9em;border-top:1px dashed var(--line)}
.vd a.lk{font-weight:700}
.vd .qnext{margin-top:6px}
@media (max-width:640px){.vd{padding:20px 18px}}
.vd button.qnext{border:0;cursor:pointer}
.spotn{margin-right:auto;font-size:.82rem;color:#7a8a8f;letter-spacing:.08em;font-variant-numeric:tabular-nums}

@media (max-width:720px){
  .head{position:relative;gap:10px;padding-top:12px;padding-bottom:10px}
  .brand{gap:10px;padding-right:128px}
  .brand .em{width:40px;height:40px}
  .brand h1{font-size:1.2rem;letter-spacing:.08em}
  .brand p{font-size:.64rem;letter-spacing:.18em;margin-top:2px}
  .util{position:absolute;top:16px;right:14px;gap:6px}
  .util .ic,.util .sep{display:none}
  .util .fs{gap:4px}
  .search input{padding-top:9px;padding-bottom:9px}
  .navin{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .navin > *{padding:9px 4px;font-size:.86rem;letter-spacing:.02em;white-space:nowrap;text-align:center}
  .navin .home{padding:9px 4px}
}
@media (max-width:380px){
  .brand{padding-right:104px}
  .brand p{display:none}
  .util .fs{font-size:0}
  .util .fs button{font-size:.78rem}
}

.doc.adm,.page{min-width:0}
@media (max-width:720px){
  .admcode code{white-space:pre-wrap;overflow-wrap:anywhere}
}

.rsl .rshint{font-size:.92rem;color:#37525f;font-weight:500}

body > .page{width:100%}

.lk.read{color:#5b8a91}
.repnav{max-width:794px;margin:18px auto 0;display:flex;justify-content:space-between;gap:12px}
.rn{display:inline-flex;align-items:baseline;gap:8px;padding:9px 16px;border:1px solid #197d8d;border-radius:var(--r-s);
  color:#197d8d;background:#fff;font-size:.9rem;text-decoration:none;line-height:1.4}
.rn small{font-size:.76rem;color:var(--ink-3);letter-spacing:.04em;font-variant-numeric:tabular-nums}
.rn:hover{background:#197d8d;color:#fff}
.rn:hover small{color:#d6eef1}
.rn.next{margin-left:auto}
@media (max-width:520px){.rn{flex-direction:column;align-items:flex-start;gap:0;padding:8px 12px}.rn.next{align-items:flex-end}}

.ispop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(9,34,43,.6)}
.ispbox{width:100%;max-width:340px;background:#fff;border-radius:10px;padding:28px 22px 20px;text-align:center;box-shadow:0 14px 40px rgba(0,0,0,.3)}
.ispbox p{margin:0 0 20px;font-size:1rem;font-weight:700;color:#16475d;line-height:1.8}