
body {
font-family: "Microsoft JhengHei", "PingFang TC", sans-serif;
line-height: 1.6;
color: #333;
max-width: 900px;
margin: 0 auto;
padding: 20px;
}
h1 {
text-align: center;
color: #0056b3;
border-bottom: 2px solid #0056b3;
padding-bottom: 10px;
}
h2 {
color: #333;
margin-top: 30px;
}
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
background-color: #fff;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
th, td {
border: 1px solid #ccc;
padding: 12px 15px;
text-align: left;
}
th {
background-color: #f4f7f6;
width: 30%;
font-weight: bold;
}
.usage-section {
background-color: #f9f9f9;
padding: 15px;
border-left: 4px solid #28a745;
margin-top: 20px;
}
.footer-note {
font-size: 0.9em;
color: #666;
margin-top: 30px;
text-align: center;
}
/* 滿版基礎設定,隱藏滾動條並置中內容 */
html, body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
background-color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
font-family: "標楷體", "DFKai-SB", "Microsoft JhengHei", serif;
color: #000000;
overflow: hidden;
}
/* 嚴格依據視窗高度與寬度自動最大化縮放的 A4 直式容器,無視窗邊框與陰影 */
.a4-portrait-page {
box-sizing: border-box;
width: 100vw;
height: 141.42vw;
max-height: 100vh;
max-width: 70.71vh;
aspect-ratio: 210 / 297;
padding: 7% 6%;
display: flex;
flex-direction: column;
background-color: #ffffff;
border: none;
box-shadow: none;
}
h1 {
text-align: center;
font-size: calc(1.4rem + 1vmin);
line-height: 1.4;
margin: 0 0 4% 0;
padding-bottom: 3%;
border-bottom: 2px solid #000000;
}
h2 {
font-size: calc(1.1rem + 0.6vmin);
margin: 4% 0 2% 0;
font-weight: bold;
}
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 4%;
}
th, td {
border: 1px solid #000000;
padding: 2.5% 3%;
font-size: calc(0.85rem + 0.4vmin);
line-height: 1.5;
}
th {
width: 35%;
background-color: #f2f2f2;
text-align: center;
font-weight: bold;
}
td {
text-align: left;
}
.text-block {
font-size: calc(0.85rem + 0.4vmin);
line-height: 1.8;
text-align: justify;
margin-bottom: 2%;
}
ul {
margin: 0 0 auto 0; /* 自動將後續的公告資訊推至最下方 */
padding-left: 6%;
}
li {
font-size: calc(0.85rem + 0.4vmin);
line-height: 1.8;
margin-bottom: 1.5%;
text-align: justify;
}
.notice-line {
font-size: calc(0.75rem + 0.3vmin);
line-height: 1.6;
color: #333333;
border-top: 1px dashed #000000;
padding-top: 3%;
margin-top: 4%;
}
.footer-block {
margin-top: 3%;
text-align: right;
font-size: calc(0.85rem + 0.4vmin);
line-height: 1.5;
}
.footer-block p {
margin: 4px 0;
}
/* 確保高解析度列印時恢復標準 A4 規格 */
@media print {
body, html {
background-color: #ffffff;
overflow: visible;
}
.a4-portrait-page {
width: 210mm;
height: 297mm;
max-width: none;
max-height: none;
padding: 20mm;
}
h1 { font-size: 24pt; }
h2 { font-size: 18pt; }
th, td, .text-block, li, .footer-block { font-size: 14pt; }
.notice-line { font-size: 12pt; }
}
