馬拉松運動博覽會
/* ---- Base Reset ---- */
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
-webkit-text-size-adjust: 100%;
}
body {
margin: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", Arial, sans-serif; line-height: 1.7; color: #222; background: #fff; font-size: 16px;
}
img,
svg,
video,
canvas {
display: block; max-width: 100%; height: auto;
}
a {
color: inherit; text-underline-offset: 0.15em;
}
ul,
ol {
padding-left: 1.25rem;
}
table {
width: 100%; border-collapse: collapse;
}
th,
td {
padding: 0.6rem; border: 1px solid #e5e5e5; vertical-align: top;
}
/* ---- Layout ---- */
.container {
max-width: 64rem; margin: 0 auto; padding: 1rem;
}
header.site-header,
footer.site-footer {
padding: 1rem 0;
}
header.site-header h1 {
margin: 0.25rem 0 0; font-size: clamp(1.5rem, 2.4vw, 2rem); line-height: 1.3;
}
.meta {
color: #666; font-size: 0.9375rem;
}
/* ---- Typography ---- */
h2,
h3 {
line-height: 1.35; margin: 1.25rem 0 0.75rem;
}
p {
margin: 0.8rem 0;
}
/* ---- Utilities ---- */
.sr-only {
position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
/* ---- Print ---- */
@media print {
@page {
margin: 12mm;
}
body {
color: #000; background: #fff; font-size: 12pt;
}
a {
text-decoration: none;
}
nav,
.no-print {
display: none !important;
}
header.site-header,
footer.site-footer {
padding: 0;
}
img {
max-width: 100% !important;
}
table {
page-break-inside: avoid;
}
h1,
h2,
h3 {
orphans: 3; widows: 3;
}
}
馬拉松運動博覽會結合台北馬拉松賽事物資領取，無論是參加台北馬拉松的選手，或是熱愛運動的民眾，皆可入場採賣路跑相關物品