:root{font-family:Arial,"Microsoft JhengHei","Noto Sans TC",sans-serif;color:#333;background:#f2f2f2}*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.6}a{color:#1685ae;text-decoration:none}a:hover{text-decoration:underline}button,select,input{font:inherit}.site-shell{width:min(100%,1000px);margin:auto}.masthead{height:96px;display:flex;align-items:center;justify-content:space-between;padding:10px 12px 8px;background:#fff}.logo{display:block;width:320px;max-width:100%;height:auto}.language-box{background:linear-gradient(#0a678e,#003c57);color:white;border-radius:8px 8px 0 0;padding:11px 30px;min-width:230px;text-align:center}.language-box select{font-size:13px;max-width:145px}.main-menu{position:relative;z-index:10;display:flex;align-items:stretch;min-height:38px;margin:0 5px 10px;border:1px solid #d1d1d1;border-radius:8px;background:linear-gradient(#fff,#e8e8e8);box-shadow:0 2px 3px #0001}.main-menu>a,.main-menu summary{display:block;padding:10px 9px;white-space:nowrap;border-right:1px solid #dedede;color:#444;font-size:12px;line-height:17px;cursor:pointer}.main-menu>a.active{background:linear-gradient(#fff,#dedede)}.main-menu details{position:relative}.main-menu details>div{position:absolute;top:100%;left:0;min-width:220px;background:#fff;border:1px solid #b9c7cf;box-shadow:0 7px 15px #0002;padding:5px;z-index:20}.main-menu details>div a{display:block;padding:7px 10px;white-space:nowrap}.main-menu summary{list-style:none}.main-menu summary::-webkit-details-marker{display:none}.main-menu summary:after{content:" ▾";color:#888}.mobile-menu{display:none}.panel{margin:0 5px 12px;background:#fff;border:1px solid #d1d1d1;border-radius:6px;box-shadow:0 1px 2px #0001}.slider{position:relative;overflow:hidden;padding:8px}.slide img{display:block;width:100%;height:auto;aspect-ratio:940/400;object-fit:cover}.slide[hidden]{display:none}.slide-control{position:absolute;top:46%;width:30px;height:40px;border:0;color:#fff;background:#153746b0;font-size:29px;cursor:pointer}.previous{left:8px}.next{right:8px}.slide-dots{position:absolute;right:20px;bottom:17px;display:flex;gap:6px}.slide-dots button{width:11px;height:11px;border-radius:50%;padding:0;border:1px solid #fff;background:#777;cursor:pointer}.slide-dots button[aria-current="true"]{background:#169ed2}.blue-bar{margin:0;background:linear-gradient(#18b5ed,#0083c0);color:#fff;border-radius:3px;padding:5px 9px;font-size:15px;line-height:1.4;font-weight:500}.three-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:6px}.three-columns article{border:1px solid #ddd;min-height:190px}.three-columns .blue-bar{font-size:14px;min-height:48px}.three-columns p{padding:0 10px;margin:10px 0;min-height:94px}.three-columns a{display:block;margin:0 10px 10px;border-top:1px solid #eee;text-align:center;padding-top:7px}.section{padding:7px}.section>p{margin:13px 8px}.more{display:inline-block;margin:0 8px 10px}.flow{margin:12px auto;padding:9px;text-align:center;max-width:880px}.flow>strong{font-size:22px;color:#b17932;letter-spacing:2px}.flow>div{display:flex;align-items:center;justify-content:center;gap:11px;margin-top:8px}.flow span{width:28%;border:2px solid #a3a2c0;padding:7px;color:#39415c;font-weight:bold;font-size:14px;line-height:1.35}.flow small{font-size:11px;font-weight:normal}.flow b{color:#777}.story-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:10px}.story-photos img{width:100%;height:170px;object-fit:cover}.awards h3{font-size:14px;margin:12px 7px 0;padding-bottom:6px;border-bottom:1px solid #ddd}.award-strip{display:flex;align-items:center;gap:16px;padding:12px}.award-strip img{width:160px;height:85px;object-fit:cover}.award-strip p{flex:1}.teachers .title-row{display:flex;align-items:center;background:linear-gradient(#18b5ed,#0083c0);border-radius:3px}.teachers .title-row .blue-bar{flex:1;background:none}.title-row button{border:1px solid #a7e1f5;background:#fff;color:#057da9;margin-right:5px;border-radius:3px;cursor:pointer;font-size:12px}.teachers-note{font-size:12px;color:#777}.teacher-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;padding:3px 8px 12px}.teacher-card{min-width:0;color:#333;border:1px solid #e2e2e2;background:#fafafa}.teacher-card:hover{text-decoration:none;border-color:#36a1c9}.teacher-card img{display:block;width:100%;height:132px;object-fit:contain;background:#eee}.teacher-card strong{display:block;color:#1685ae;font-size:12px;padding:5px 6px 0}.teacher-card p{font-size:11px;margin:2px 6px 7px;line-height:1.4}.lower-grid{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:14px;margin:16px 5px 25px}.feed-item{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid #ddd;margin-bottom:10px;padding:7px;min-height:116px}.feed-item img{width:150px;height:95px;object-fit:cover}.feed-item h2{font-size:14px;margin:2px 0}.feed-item strong{font-size:12px}.feed-item p{font-size:12px;margin:5px 0}.sidebar{background:#fff;border:1px solid #d1d1d1;border-radius:6px;padding:10px;height:max-content}.sidebar>a{display:block;border-bottom:1px solid #eee;padding:4px;font-size:12px}.sidebar img{width:100%;height:135px;object-fit:cover;margin-top:10px}.search-form{margin-bottom:12px}.search-form label{display:block;font-size:12px}.search-form>div{display:flex}.search-form input{min-width:0;width:100%;padding:5px}.search-form button{font-size:12px}.footer{display:grid;grid-template-columns:2fr 1fr;gap:20px;padding:0 5px 35px;color:#777;font-size:12px}.footer p{text-align:center;margin:26px}.footer a{display:block}.footer h3{font-size:13px;margin:3px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:2px solid #063f61;outline-offset:2px}
@media(max-width:900px){.site-shell{max-width:760px}.masthead{height:82px}.logo{width:275px}.language-box{min-width:170px;padding:8px}.main-menu{flex-wrap:wrap}.main-menu>a,.main-menu summary{font-size:12px;padding:7px 8px}.slide img{aspect-ratio:940/400}.three-columns article{min-height:210px}.three-columns p{min-height:125px}}
@media(max-width:640px){body{font-size:14px}.masthead{height:auto;min-height:68px;padding:8px}.logo{width:210px}.language-box{min-width:0;padding:7px}.language-box label{display:none}.language-box select{max-width:105px}.mobile-menu{display:block;margin:0 5px 6px;padding:7px 12px;background:#078ec4;color:#fff;border:0;border-radius:4px}.main-menu{display:none;flex-direction:column;margin-bottom:8px}.main-menu.open{display:flex}.main-menu details>div{position:static;box-shadow:none;border:0;background:#f5fafc}.main-menu details>div a{white-space:normal}.main-menu>a,.main-menu summary{font-size:14px;padding:8px 12px;border-bottom:1px solid #ddd}.slider{padding:4px}.slide img{aspect-ratio:940/400}.three-columns{grid-template-columns:1fr}.three-columns article{min-height:0}.three-columns p{min-height:0}.flow>strong{font-size:17px}.flow>div{gap:3px}.flow span{width:31%;font-size:11px}.flow small{font-size:9px}.story-photos img{height:100px}.teacher-grid{grid-template-columns:repeat(5,minmax(125px,1fr));overflow-x:auto;scrollbar-width:thin}.teacher-card img{height:110px}.lower-grid{grid-template-columns:1fr}.sidebar{order:-1}.feed-item img{width:110px;height:80px}.footer{grid-template-columns:1fr}.footer p{text-align:left;margin:12px 0}}

/* Match the original homepage's compact awards, news rows and narrow sidebar. */
.award-logos,.gold-teachers{display:grid;grid-template-columns:1.45fr repeat(5,1fr);align-items:center;gap:8px;padding:12px 7px}.award-logos>a,.gold-teachers>a{text-align:center;min-width:0}.award-logos img{display:block;width:100%;height:93px;object-fit:contain}.gold-teachers img{display:block;width:100%;height:95px;object-fit:contain}.gold-teachers a{font-size:12px}.gold-teachers small{display:block;text-align:center;color:#666}.story-photos{gap:3px;padding:8px}.story-photos img{height:155px}.lower-grid{grid-template-columns:minmax(0,1fr) 220px;gap:12px;margin-top:15px}.feed-item{min-height:0;margin-bottom:8px;padding:6px}.feed-item img{width:145px;height:auto;max-height:95px;object-fit:contain}.feed-item p{margin:3px 0}.about-teachers button{font-size:12px;color:#087da7;background:#fff;border:1px solid #add3df;cursor:pointer}.teacher-grid{display:block;padding:0}.teacher-card{display:flex;align-items:flex-start;gap:10px;min-height:97px;background:#fff;border:1px solid #e1e1e1;margin-bottom:6px;padding:5px;color:#333}.teacher-card img{flex:none;width:95px;height:82px;object-fit:contain;background:#f7f7f7}.teacher-card>span{display:block;min-width:0;font-size:12px}.teacher-card strong{display:block;color:#1685ae;font-size:13px;padding:0}.teacher-card span span,.teacher-card small{display:block;font-size:12px;line-height:1.5}.teacher-card small{color:#666}.sidebar figure{margin:9px 0;text-align:center}.sidebar figure img{width:100%;height:auto;max-height:150px;object-fit:contain;margin:0}.sidebar figcaption{font-size:11px;line-height:1.4}.sidebar .search-form{margin-bottom:10px}.section{margin-bottom:10px}.three-columns article{min-height:165px}.three-columns p{min-height:74px}.awards h3{margin-top:10px}
@media(max-width:900px){.three-columns article{min-height:178px}.three-columns p{min-height:96px}.lower-grid{grid-template-columns:minmax(0,1fr) 180px}.feed-item img{width:125px}.award-logos,.gold-teachers{gap:4px}.gold-teachers img,.award-logos img{height:75px}}
@media(max-width:640px){.three-columns article,.three-columns p{min-height:0}.lower-grid{grid-template-columns:1fr}.sidebar{order:0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.sidebar .search-form{grid-column:1/-1}.sidebar figure{margin:0}.teacher-grid{display:block;overflow:visible}.teacher-card img{width:85px;height:75px}.award-logos,.gold-teachers{grid-template-columns:repeat(3,1fr)}.story-photos img{height:100px}}

/* The supplied award photograph is taller than the original two banners.
   Keep its complete subjects and certificate visible within the same slider frame. */
.slider .slide:nth-child(3){position:relative;overflow:hidden;background:#c8c9cb}
.slider .slide:nth-child(3)::before{content:"";position:absolute;inset:-24px;background:url("slider3.jpg") center/cover no-repeat;filter:blur(18px) brightness(.78)}
.slider .slide:nth-child(3) img{position:relative;z-index:1;object-fit:contain}

/* Original three news modules and the exhibition's text-first photo strip. */
.three-columns p{font-size:16px;line-height:25px}
.three-columns a{font-size:16px}
.story-content{display:grid;grid-template-columns:25% minmax(0,1fr);align-items:center;gap:10px;padding:10px 8px}
.story-intro{text-align:center;line-height:1.25}
.story-intro strong{display:block;color:#b96ad9;font-size:24px}
.story-intro b{display:block;color:#3598db;font-size:18px;margin:4px 0}
.story-intro span{display:block;font-size:18px}
.story-content .story-photos{display:flex;align-items:center;gap:4px;min-width:0;padding:0}
.story-content .story-photos img{display:block;height:159px;object-fit:fill;min-width:0}
.story-content .story-photos img:nth-child(1){width:25.6%}
.story-content .story-photos img:nth-child(2){width:30.8%}
.story-content .story-photos img:nth-child(3){width:43.6%}
@media(max-width:640px){.three-columns p{font-size:14px;line-height:1.6}.three-columns a{font-size:14px}.story-content{grid-template-columns:1fr;gap:8px}.story-intro strong{font-size:18px}.story-intro b,.story-intro span{font-size:14px}.story-content .story-photos img{height:auto;aspect-ratio:auto}}

/* Keep all three news links on one baseline when their copy wraps differently. */
.three-columns article{display:flex;flex-direction:column}
.three-columns p{flex:1;min-height:0}
.three-columns a{margin-top:auto}

/* Teacher names lead each row; the last line finishes at the portrait edge. */
.teacher-card>span{display:flex;flex:1;flex-direction:column;min-height:82px}
.teacher-card strong{font-size:17px;line-height:1.35}
.teacher-card span span{font-size:13px;line-height:1.45}
.teacher-card small{font-size:13px;line-height:1.45;margin-top:auto}
@media(max-width:640px){.teacher-card>span{min-height:75px}.teacher-card strong{font-size:15px}.teacher-card span span,.teacher-card small{font-size:12px}}

/* Homepage blue section titles: one step larger and consistently bold. */
.blue-bar{font-size:17px;font-weight:700}
.three-columns .blue-bar{font-size:16px;font-weight:700}
@media(max-width:640px){.blue-bar{font-size:16px}.three-columns .blue-bar{font-size:15px}}

/* Spread all teacher lines evenly instead of pushing only the last line down. */
.teacher-card>span{justify-content:space-between}
.teacher-card small{margin-top:0}

/* Match the supporting teacher text more closely to the portrait height. */
.teacher-card span span,.teacher-card small{font-size:15px;line-height:1.4}
@media(max-width:640px){.teacher-card span span,.teacher-card small{font-size:13px;line-height:1.4}}

/* Interior pages use the same compact shell and blue section heading. */
.interior-page{padding:8px;min-height:520px}
.breadcrumb{margin:2px 4px 9px;color:#777;font-size:12px}
.interior-page>.blue-bar{font-size:20px;padding:7px 11px}
.interior-content{padding:15px 17px 24px;font-size:15px;line-height:1.8}
.interior-content>p:first-child{margin-top:0}
.interior-content h2{font-size:18px;color:#205a79;margin:22px 0 6px;border-bottom:1px solid #d9e7ed;padding-bottom:4px}
.interior-content ul{padding-left:1.5em}
.interior-content li{margin:5px 0}
.level-list section{display:flex;align-items:baseline;gap:15px;border-bottom:1px solid #e6e6e6;padding:7px 0}
.level-list section>b{font-size:24px;color:#1b98c5;min-width:42px}
.level-list h2{margin:0;border:0;padding:0}
.level-list p{margin:2px 0 8px}
.path-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.path-list section{border:1px solid #d6e5eb;padding:10px 13px;background:#f9fcfd}
.path-list h2{margin:0 0 5px}
.path-list p{margin:0}
.main-menu a[aria-current="page"]{background:#e2f3fa;font-weight:bold}
@media(max-width:640px){.interior-content{padding:12px 9px;font-size:14px}.path-list{grid-template-columns:1fr}.level-list section>b{font-size:18px;min-width:30px}.interior-page>.blue-bar{font-size:18px}}
.interior-content img{max-width:100%;height:auto}
.interior-content table{max-width:100%;width:100%;border-collapse:collapse}
.interior-content td,.interior-content th{border:1px solid #ddd;padding:7px;vertical-align:top}
.interior-content a{overflow-wrap:anywhere}
@media(max-width:640px){.interior-content [style*="font-size: 18pt"]{font-size:18px!important;line-height:1.6!important}.interior-content [style*="font-size: 14pt"]{font-size:14px!important;line-height:1.7!important}.interior-content table{display:block;overflow-x:auto}}

/* Every inner page keeps the original site's image and search column. */
.interior-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:10px;align-items:start;margin:0 5px 16px}
.interior-layout .interior-page{min-width:0;margin:0}
.interior-layout .sidebar{min-width:0}
.interior-layout .sidebar figure img{max-height:none}
.interior-layout .interior-content{overflow-wrap:anywhere}
@media(max-width:640px){.interior-layout{grid-template-columns:1fr}.interior-layout .sidebar{order:0}}
.migrated-form{display:grid;gap:13px;max-width:100%}.migrated-form .cf-control-group{border:0;margin:0;padding:0}.migrated-form .cf-control-label,.migrated-form legend{display:block;font-weight:bold;margin-bottom:4px}.migrated-form .cf-input:not([type="radio"]):not([type="checkbox"]),.migrated-form textarea,.migrated-form select{width:100%;max-width:100%;padding:8px;border:1px solid #bbb;border-radius:3px}.migrated-form .cf-radio-group,.migrated-form .cf-checkbox-group{display:inline-flex;gap:5px;margin:3px 15px 3px 0}.migrated-form button[type="submit"]{background:#0797c7;color:#fff;border:0;padding:10px 25px;cursor:pointer}.migrated-form .cf-required-label{color:#b11}.award-logos{overflow:hidden}
.sitemap-links{columns:3;list-style:none;padding:10px 16px}.sitemap-links li{break-inside:avoid;margin:4px 0}.sitemap-links a{font-size:14px}@media(max-width:640px){.sitemap-links{columns:1}}
.back-to-top{text-align:right;margin:28px 0 0;padding-top:8px;border-top:1px solid #e5e5e5;font-size:13px}
.search-results{list-style:none;margin:12px 0;padding:0;display:grid;grid-template-columns:1fr;gap:8px}.search-results li{background:#fff;border:1px solid #d7d7d7;border-radius:5px;padding:12px 15px;min-width:0}.search-results a{font-size:16px;font-weight:700}.search-results p{margin:5px 0 0;color:#5b5b5b;line-height:1.55;font-size:13px;overflow-wrap:anywhere}.search-language{margin-left:9px;color:#777;font-size:11px}.search-empty{background:#fff;padding:16px}

.three-columns .blue-bar{display:flex;align-items:center;justify-content:center;text-align:center;padding:8px 12px;box-sizing:border-box}

/* Keep the English navigation inside the original 1000px site shell. */
html[lang="en"] .main-menu{flex-wrap:wrap}
html[lang="en"] .main-menu>a,html[lang="en"] .main-menu summary{padding-left:8px;padding-right:8px}
@media(max-width:640px){
  .masthead{gap:6px}
  .masthead>a{min-width:0;flex:1}
  .masthead .logo{width:min(100%,210px)}
  .language-box{flex:0 0 auto;padding:7px 5px}
  .language-box select{max-width:105px}
  html[lang="en"] .main-menu{display:none}
  html[lang="en"] .main-menu.open{display:flex}
  html[lang="en"] .main-menu>a,html[lang="en"] .main-menu summary{white-space:normal}
}