/* ========================================
   location_260921_reflow_v2.css
   WCAG 2.1 AA Reflow Version
======================================== */
:root {
    --border: #767676;
    --head: #f2f6f8;
    --row-head: #e8f3f8;
    --hover: #D3EBF6;
    --focus: #005ea8;
}
*,*::before,*::after{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
body{margin:0;color:#222;font-family:Arial,"Noto Sans TC",sans-serif;line-height:1.6}
.branch-section{width:100%;max-width:100%;margin:0 0 2rem}
.title5{margin:2rem 0 .75rem;font-size:1.5rem}
.table-scroll{width:98%;max-width:98%;overflow:visible}
.location-table{width:98%;max-width:98%;border-collapse:collapse;table-layout:fixed}
.location-table caption{padding:.65rem 0;font-weight:700;text-align:left}
.location-table th,.location-table td{padding:.75rem;border:1px solid var(--border);text-align:left;vertical-align:top;overflow-wrap:anywhere;word-break:normal}
.location-table thead th{background:var(--head);text-align:center}
.location-table tbody th[scope="row"]{font-weight:700;background:#fff}
.location-table .name{width:12%}
.location-table .f3,.location-table .address{width:32%}
.location-table .f5,.location-table .phone{width:16%}
.location-table .f110,.location-table .facilities{width:20%}
.location-table .f120:not(.name),.location-table .note{width:20%}
.facility-list{margin:0;padding-left:1.25rem}
.location-table a{overflow-wrap:anywhere}
.location-table tbody tr{transition:background-color .2s ease}
.location-table tbody tr:hover th,.location-table tbody tr:hover td{background:var(--hover)}
.location-table tbody tr:focus-within th,.location-table tbody tr:focus-within td{background:var(--hover)}
.location-table a:focus-visible,.location-table a:focus{outline:3px solid var(--focus);outline-offset:2px;border-radius:2px}

.service-card{border:1px solid #222;padding:.75rem; margin-top:.75rem;width:97%;max-width:97% }
@media screen and (max-width:800px){
.title5{font-size:1.25rem}.table-scroll{border:0}
.location-table,.location-table tbody,.location-table tr,.location-table th,.location-table td{display:block;width:100%!important;max-width:100%}
.location-table{min-width:0;table-layout:auto;border:0}
.location-table thead{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;border:0;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}
.location-table tbody tr{margin-bottom:1rem;border:1px solid var(--border);background:#fff}
.location-table tbody th[scope="row"]{padding:.75rem 1rem;border:0;border-bottom:1px solid var(--border);background:var(--row-head);font-size:1.125rem}
.location-table tbody td{display:grid;grid-template-columns:minmax(6.5rem,32%) minmax(0,1fr);gap:.75rem;padding:.75rem 1rem;border:0;border-bottom:1px solid #c8c8c8}
.location-table tbody td:last-child{border-bottom:0}
.location-table tbody td::before{content:attr(data-label);font-weight:700}
.facility-list{margin:0;min-width:0}
.location-table tbody tr:hover,.location-table tbody tr:focus-within{background:var(--hover)}
.location-table tbody tr:hover th,.location-table tbody tr:hover td,.location-table tbody tr:focus-within th,.location-table tbody tr:focus-within td{background:var(--hover)}
}
@media screen and (max-width:360px){.location-table tbody td{grid-template-columns:1fr;gap:.25rem}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}.location-table tbody tr{transition:none}}