html {
    font-size: 62.5%;
}
body {
    font-size: 1.6rem;
    font-family: '微軟正黑體', 'Microsoft JhengHei', 'Segoe UI', Arial, sans-serif;
    background: #f3f7f8;
    color: #163e47;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
html, body {
  height: 100%;
  margin: 0;
}
a:link, a:active, a:visited {
    color:#e3f3f6;
    text-decoration: none;
}
a:hover {
    color:#b6dae0;
    text-decoration: underline;
}
* {
    box-sizing: border-box;
    font-family: inherit;
}
.container {
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
    width: auto;
}
@media (min-width: 576px) { .container { max-width: 540px; } }
@media (min-width: 768px) { .container { max-width: 720px; } }
@media (min-width: 992px) { .container { max-width: 960px; } }
@media (min-width: 1200px) { .container { max-width: 1140px; } }
@media (min-width: 1280px) { .container { max-width: 1280px; } }
#pageheader {
    background-color: #15697b;
    vertical-align: middle;
    width: 100%;
/*   min-height: 70px;*/
    padding: 0;
}
.TopLogo {
    height: 70px;
}
/* Footer */
#Dyn_footer .footer,
footer .footer {
    line-height: 2em;
    background: #155e6c;
    padding-top: 32px;
    color: #e0f6fa;
    font-size: 1.5rem;
    text-align: left;
    margin-top: 2em;
    box-shadow: 0 -2px 8px #1797c022;
}
.footlogo {
    border-bottom: solid 1px #299fb4;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-align: left;
    font-size: 1.5rem;
    color: #c8edf7;
}
.footright {
    background-color: #144c58;
    color: #b6dae0;
    text-align: right;
    line-height: 2;
    font-size: 1.5rem;
    padding: 5px 0;
    border-top: 1.5px solid #287b8d1f;
}
.footright .container {
    font-size: 1.5rem;
    padding-right: 1.5rem;
}
footer {
    width: 100%;
    background: none;
    margin: 0;
    padding: 0;
}
/* 可全站通用的 modal 外殼（內容建議功能區專用css） */
#img-modal, #pwd-modal {
    display: none;
    position: fixed;
    z-index: 99;
    left: 0; top: 0;
    width: 100vw; height: 100vh;
    background: rgba(0,0,0,0.40);
    align-items: center;
    justify-content: center;
}
/*
::-webkit-scrollbar-thumb { background: #d5eff2; }
::-webkit-scrollbar { width: 8px; background: #e3f3f6; }*/
#pageheader .container{
    display: flex; 
    align-items: center; 
    justify-content: space-between;
}
.nav-links {
    display: flex;
    gap: 24px;            /* 連結之間的間距 */
    align-items: center;
    height: 93px;         /* 跟上面 logo 區一致 */
}

.nav-links a {
    font-size: 1.7rem;    /* 大字 */
    font-weight: bold;    /* 粗體 */
        color:#e3f3f6;
    text-decoration: none;
    transition: color 0.2s ease;
}

.nav-links a:hover {
    color: #ffffff;       /* hover 時白色 */
    text-decoration: underline;
}

.XPDF{
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}