.教頁頭 .容器{align-items:center}.教頁頭 .頁頭圖{margin-bottom:0}.教頁頭 .導言{font-size:var(--字2);max-width:32em}.教頁頭 .導言+.導言,.場景頭 .導言+.導言{margin-top:16px}.教段 h2{font-size:var(--字5)}.教段 .段說{margin-top:var(--間2);color:var(--灰字);max-width:36em}.教窄{max-width:880px}.教備 p,.教況 dd,.教補 li,.教驗證 p,.教比 p,.教站 p{text-wrap:balance}.教備{margin:var(--間5) 0 0;gap:var(--間4);grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.教備 li{background:var(--白);border-radius:var(--圓大);padding:var(--間4)}.教號{font-family:var(--數字體);font-weight:800;font-size:var(--字5);color:var(--黃);margin-bottom:var(--間3);line-height:1;display:block}.教備 b{font-size:var(--字3);color:var(--深藍);line-height:1.5;display:block}.教備 p{margin-top:var(--間2);color:var(--灰字);font-size:var(--字2);line-height:1.75}.教步驟{margin:var(--間5) 0 0;padding:0;list-style:none;position:relative}.教步驟:before{content:"";background:var(--細線);width:2px;position:absolute;top:24px;bottom:24px;left:23px}.教步驟>li{gap:var(--間4);padding-bottom:var(--間5);grid-template-columns:48px minmax(0,1fr);display:grid;position:relative}.教步驟>li:last-child{padding-bottom:0}.教點{background:var(--深藍);width:48px;height:48px;color:var(--白);font-family:var(--數字體);font-weight:800;font-size:var(--字3);z-index:1;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.教步內 h3{font-size:var(--字3);padding-top:var(--間2)}.教步內 p{margin-top:var(--間2);max-width:var(--內文寬)}.教步內 .按鈕列{margin-top:var(--間3)}.教步內 .小註{margin-top:var(--間2);font-size:var(--字1);color:var(--灰字)}.教步內 ul.教細{margin:var(--間2) 0 0;max-width:var(--內文寬);padding-left:1.2em}.教步內 ul.教細 li+li{margin-top:var(--間1)}.教步圖{gap:var(--間4);grid-template-columns:minmax(0,1fr) 120px;align-items:center;display:grid}.教步圖 img{width:120px;height:auto}.教步圖.教橫{grid-template-columns:minmax(0,1fr)}.教步圖.教橫 img{justify-self:center;width:280px}.教時間{align-items:center;gap:var(--間1);min-height:32px;padding:0 var(--間3);margin-left:var(--間2);background:var(--淡黃);color:var(--深藍);font-family:var(--數字體);font-weight:700;font-size:var(--字1);white-space:nowrap;vertical-align:middle;border-radius:999px;text-decoration:none;display:inline-flex}.教時間 svg{fill:currentColor;width:12px;height:12px}.教時間:hover{background:var(--黃)}.教驗證{margin:var(--間3) 0 0;gap:var(--間3);grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;padding:0;list-style:none;display:grid}.教驗證 li{background:var(--淡奶油);border-radius:var(--圓中);padding:var(--間3) var(--間4)}.教驗證 b{color:var(--深藍);display:block}.教驗證 p{margin-top:var(--間1);font-size:var(--字1);color:var(--墨);line-height:1.75}.教驗證 p+p{margin-top:var(--間3)}.教站{margin:var(--間5) 0 0;gap:var(--間4);grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.教站>li{background:var(--白);border-radius:var(--圓大);padding:var(--間4) var(--間5);gap:var(--間2);flex-direction:column;display:flex}.教站 h3{font-size:var(--字3)}.教站 .網址{font-family:var(--數字體);font-size:var(--字1);color:var(--灰字);word-break:break-all}.教站 p{color:var(--墨)}.教站 .鈕{align-self:flex-start;margin-top:auto}.教三{margin:var(--間5) 0 0;gap:var(--間4);grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.教三.直排{grid-template-columns:minmax(0,1fr);max-width:640px}.教三.直排>li+li{border:1px solid var(--框線);background:0 0}.教三>li{background:var(--白);border-radius:var(--圓大);padding:var(--間4);gap:var(--間2);flex-direction:column;display:flex}.教三 .膠囊{align-self:flex-start}.教三 h3{font-size:var(--字3)}.教三 p{color:var(--灰字)}.教三 a{margin-top:auto}.教查無{text-align:center}.教查無圖{width:120px;height:auto;margin:0 auto var(--間6);display:block}.教況{max-width:640px;margin:var(--間3) auto 0;text-align:left;padding:0}.教況>div+div{margin-top:var(--間4)}.教況 dt{margin:0}.教況 .膠囊{background:var(--白)}.教況 dd{margin:var(--間2) 0 0;color:var(--墨)}.教查無 .小註{margin-top:var(--間5);font-size:var(--字1);color:var(--灰字)}.教補{margin:var(--間4) 0 0;color:var(--墨);max-width:var(--內文寬);padding-left:1.2em}.教補 li+li{margin-top:var(--間2)}.教收{gap:var(--間4);background:var(--淡奶油);border-radius:var(--圓大);padding:var(--間4) var(--間5);grid-template-columns:96px minmax(0,1fr);align-items:center;max-width:880px;display:grid}.教收 img{width:96px;height:auto}.教收 p{color:var(--墨)}.教收 .按鈕列,.教收合{margin-top:var(--間3)}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=900px){.教備,.教三,.教三.直排,.教站{grid-template-columns:minmax(0,1fr)}}@media (width<=720px){.教頁頭 .容器{gap:var(--間3);grid-template-columns:minmax(0,1fr) 88px}.教頁頭 .頁頭圖{width:88px;display:block}.教段 h2{font-size:var(--字4)}.教驗證{grid-template-columns:minmax(0,1fr)}.教步驟:before{left:19px}.教步驟>li{gap:var(--間3);grid-template-columns:40px minmax(0,1fr)}.教點{width:40px;height:40px;font-size:var(--字2)}.教查無圖{width:100px}.教步內 h3{padding-top:6px}.教步圖{gap:var(--間3);grid-template-columns:minmax(0,1fr) 80px}.教步圖 img{width:80px}.教站>li{padding:var(--間4)}.教收{padding:var(--間4);gap:var(--間3);grid-template-columns:64px minmax(0,1fr)}.教收 img{width:64px}}.教圖示{box-sizing:border-box;background:var(--淡黃);fill:none;width:48px;height:48px;stroke:var(--深藍);stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;border-radius:12px;padding:10px;display:block}.教三>li,.教備 li{position:relative}.教三 .教圖示,.教備 .教圖示{top:var(--間4);right:var(--間4);position:absolute}.教點欄{align-items:center;gap:var(--間2);flex-direction:column;display:flex}.教點圖{z-index:1;flex:none;position:relative}.教比 .教圖示{margin-bottom:var(--間2)}:root[data-手機平板] .教圖示{border-radius:20px;width:88px;height:88px;padding:18px}:root[data-手機平板] .教點圖{border-radius:16px;width:64px;height:64px;padding:12px}.教站名{align-items:center;gap:var(--間2);display:flex}.教站名 .圖示{color:var(--深藍)}.教驗證 b{align-items:flex-start;gap:var(--間1);flex-direction:column;display:flex}.教驗證 .教時間{margin-left:0}.教收合卡{align-items:start}.教收合卡 summary{justify-content:space-between;align-items:center;gap:var(--間2);cursor:pointer;min-height:44px;list-style:none;display:flex}.教收合卡 summary::-webkit-details-marker{display:none}.教收合卡 summary b{display:block}.教展開{fill:none;width:20px;height:20px;stroke:var(--深藍);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:transform .2s cubic-bezier(.23,1,.32,1)}.教收合卡 details[open] .教展開{transform:rotate(180deg)}.教收合卡 details>.教時間{margin:var(--間2) 0 0}@media (prefers-reduced-motion:reduce){.教展開{transition:none}}:root[data-手機平板] .教展開{width:40px;height:40px}:root[data-手機平板] .教收合卡 summary{min-height:var(--手指)}.教比{margin:var(--間3) 0 0;gap:var(--間3);grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;padding:0;list-style:none;display:grid}.教比 li{background:var(--淡奶油);border-radius:var(--圓中);padding:var(--間3) var(--間4)}.教比 li+li{background:var(--奶油)}.教比名{color:var(--深藍);font-weight:700;display:block}.教比 b{font-family:var(--數字體);font-weight:800;font-size:var(--字5);color:var(--深藍);margin-top:var(--間1);line-height:1.3;display:block}.教比 b small{font-family:var(--黑體);font-size:var(--字1);color:var(--灰字);margin-left:var(--間1);font-weight:700}.教比 p{margin-top:var(--間1);font-size:var(--字1);line-height:1.75}:root[data-手機平板] .教頁頭 .頁頭圖{width:200px}:root[data-手機平板] .教步圖{grid-template-columns:minmax(0,1fr) 160px}:root[data-手機平板] .教步圖 img{width:160px}:root[data-手機平板] .教步圖.教橫{grid-template-columns:minmax(0,1fr)}:root[data-手機平板] .教收{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}:root[data-手機平板] .教收 .按鈕列{justify-content:center}:root[data-手機平板] .教站名 .圖示{width:40px;height:40px}:root[data-手機平板] .教點{width:64px;height:64px}:root[data-手機平板] .教步驟:before{left:31px}:root[data-手機平板] .教步驟>li{grid-template-columns:64px minmax(0,1fr)}:root[data-手機平板] .教時間 svg{width:20px;height:20px}.教時間{justify-content:center;min-width:44px;min-height:44px}:root[data-手機平板] .教時間{min-height:var(--手指);min-width:var(--手指);justify-content:center}:root[data-手機平板] .教段 h2{font-size:var(--字4)}:root[data-手機平板] .教步內 h3:has(.教時間){align-items:center;row-gap:var(--間2);flex-wrap:wrap;display:flex}.教站圖{align-self:flex-start;width:auto;max-width:100%;height:120px;display:block}:root[data-手機平板] .教站圖{height:240px}:root[data-手機平板] .教步圖{row-gap:var(--間4);grid-template-columns:minmax(0,1fr)}:root[data-手機平板] .教步圖 img{justify-self:center;width:320px}:root[data-手機平板] .教步圖.教橫 img{width:600px}:root[data-手機平板] .教收 img{width:280px}:root[data-手機平板] .教查無圖{width:320px}@media (width>=721px) and (width<=1100px){html:not([data-手機平板]) .教步圖:not(.教橫){grid-template-columns:minmax(0,1fr) 160px}html:not([data-手機平板]) .教步圖:not(.教橫) img{width:160px}}:root[data-手機平板] .教驗證,:root[data-手機平板] .教比{grid-template-columns:minmax(0,1fr)}.教站 .網址>span{display:block}.教站 .網址>span+span{word-break:keep-all}:root[data-手機平板] .教頁頭 .導言+.導言{margin-top:48px}
