木章訓練進程實施辦法
:root { --maxw: 1100px; }
body {
margin: 0;
font-family: system-ui, -apple-system, "Segoe UI", "Noto Sans TC", Arial, sans-serif;
background: #f6f7fb;
color: #111;
}
.wrap {
max-width: var(--maxw);
margin: 0 auto;
padding: 20px 16px 28px;
}
.card {
background: #fff;
border-radius: 14px;
box-shadow: 0 8px 22px rgba(0,0,0,.08);
overflow: hidden;
border: 1px solid rgba(0,0,0,.06);
}
.header {
padding: 14px 16px;
border-bottom: 1px solid rgba(0,0,0,.06);
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
flex-wrap: wrap;
}
.title {
font-size: 16px;
font-weight: 700;
margin: 0;
}
.hint {
font-size: 13px;
opacity: .7;
margin: 0;
}
.viewer {
width: 100%;
height: min(74vh, 820px);
border: 0;
display: block;
background: #fff;
}
.actions {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
padding: 16px;
border-top: 1px solid rgba(0,0,0,.06);
background: #fff;
}
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 12px 14px;
border-radius: 12px;
border: 1px solid rgba(0,0,0,.10);
text-decoration: none;
font-weight: 700;
background: #111;
color: #fff;
transition: transform .06s ease, opacity .15s ease;
text-align: center;
line-height: 1.2;
}
.btn:hover { opacity: .92; }
.btn:active { transform: translateY(1px); }
.btn.secondary {
background: #fff;
color: #111;
}
@media (max-width: 640px) {
.actions { grid-template-columns: 1fr; }
.viewer { height: 70vh; }
}
文件預覽
若無法顯示,請確認檔案權限已設為可檢視(有連結者可查看)。
本會公函與修訂說明 實施辦法