境外生事務組<![CDATA[<!--（可選）若可放在本頁：卡片感 + 小螢幕避免溢出 -->
<style type="text/css">.staff-card {
list-style: none;
margin: 12px;
padding: 16px 18px;
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0,0,0,0.06);
height: 100%;
}
.staff-card .rowline {
display: flex;
align-items: flex-start;
gap: 8px;
margin-top: 6px;
font-size: 90%;
line-height: 1.6;
}
.staff-card .job-title {
font-weight: 600;
margin-bottom: 4px;
}
.staff-card .full-name {
font-size: 115%;
font-weight: 700;
margin-bottom: 6px;
}
.staff-card .icon {
width: 18px;
height: 18px;
margin-top: 2px;
flex: 0 0 auto;
}
.staff-card .value {
word-break: break-word;
}
@media (max-width: 768px) {
.staff-card { margin: 8px 0; }
}
</style>
<!-- ===================== 境外生事務一組(陽明校區) ===================== -->
<section aria-labelledby="group-ym-title" class="ed_model22 clearfix">
<h2 class="ed-model22-title" id="group-ym-title">境外生事務一組(陽明校區)</h2>
<!-- 第 1 排：余亭妍 / 李燕妮 -->
<div class="row w-100 mx-0"><!-- 余亭妍 -->
<article aria-labelledby="staff-ym-1-name" class="col-12 col-md-6">
<ul aria-label="同仁資訊" class="staff-card">
<li class="job-title">專員</li>
<li class="full-name" id="staff-ym-1-name">余亭妍</li>
<li class="rowline"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_phone.svg"> <span aria-label="電話 +886-2-28267000 分機 65133" class="value">+886-2-28267000 #65133</span></li>
<li class="rowline"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_mail.svg"> <span aria-label="電子郵件 babsi261001@nycu.edu.tw" class="value">babsi261001@nycu.edu.tw</span></li>
<li class="rowline"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_jobs.svg"> <span aria-label="業務內容" class="value">外籍學位/交換生輔導</span></li>
<li class="rowline"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_deputy.svg"> <span aria-label="代理人" class="value">代理人：李燕妮</span></li>
</ul>
</article>
<!-- 李燕妮 -->
<article aria-labelledby="staff-ym-2-name" class="col-12 col-md-6">
<ul aria-label="同仁資訊" class="staff-card">
<li class="job-title">專員</li>
<li class="full-name" id="staff-ym-2-name">李燕妮</li>
<li class="rowline"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_phone.svg"> <span aria-label="電話 +886-2-28267000 分機 67393" class="value">+886-2-28267000 #67393</span></li>
<li class="rowline"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_mail.svg"> <span aria-label="電子郵件 reneelee@nycu.edu.tw" class="value">reneelee@nycu.edu.tw</span></li>
<li class="rowline"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_jobs.svg"> <span aria-label="業務內容" class="value">僑陸生輔導、僑生獎學金、陸交換生輔導</span></li>
<li class="rowline"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_deputy.svg"> <span aria-label="代理人" class="value">代理人：余亭妍</span></li>
</ul>
</article>
</div>
</section>
<!-- ===================== 境外生事務二組(交大校區) ===================== -->
<section aria-labelledby="group-ct-title" class="ed_model22 clearfix">
<h2 class="ed-model22-title" id="group-ct-title">境外生事務二組(光復校區)</h2>
<!-- 第 1 排：吳惠琳 / 陳佩彣 -->
<div class="row w-100 mx-0"><!-- 吳惠琳 -->
<article aria-labelledby="staff-ct-1-name" class="col-12 col-md-6">
<ul aria-label="同仁資訊" class="staff-card">
<li class="job-title">專員</li>
<li class="full-name" id="staff-ct-1-name">吳惠琳</li>
<li class="rowline"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_phone.svg"> <span aria-label="電話 +886-3-5712121 分機 50650" class="value">+886-3-5712121 #50650</span></li>
<li class="rowline"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_mail.svg"> <span aria-label="電子郵件 soniawu@nycu.edu.tw" class="value">soniawu@nycu.edu.tw</span></li>
<li class="rowline"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_jobs.svg"> <span aria-label="業務內容" class="value">僑生輔導、僑生獎學金</span></li>
<li class="rowline"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_deputy.svg"> <span aria-label="代理人" class="value">代理人：許維蓉、郭冠佑</span></li>
</ul>
</article>
<!-- 陳佩彣 -->
<article aria-labelledby="staff-ct-2-name" class="col-12 col-md-6">
<ul aria-label="同仁資訊" class="staff-card">
<li class="job-title">專員</li>
<li class="full-name" id="staff-ct-2-name">陳佩彣</li>
<li class="rowline"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_phone.svg"> <span aria-label="電話 +886-3-5712121 分機 50661" class="value">+886-3-5712121 #50661</span></li>
<li class="rowline"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_mail.svg"> <span aria-label="電子郵件 janet@nycu.edu.tw" class="value">janet@nycu.edu.tw</span></li>
<li class="rowline"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_jobs.svg"> <span aria-label="業務內容" class="value">外籍學位生輔導、Summer Program</span></li>
<li class="rowline"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_deputy.svg"> <span aria-label="代理人" class="value">代理人：莊碧雯、許維蓉</span></li>
</ul>
</article>
</div>
<!-- 第 2 排：莊碧雯 / 陳薛雯予 -->
<div class="row w-100 mx-0"><!-- 莊碧雯 -->
<article aria-labelledby="staff-ct-3-name" class="col-12 col-md-6">
<ul aria-label="同仁資訊" class="staff-card">
<li class="job-title">專員</li>
<li class="full-name" id="staff-ct-3-name">莊碧雯</li>
<li class="rowline"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_phone.svg"> <span aria-label="電話 +886-3-5712121 分機 50660" class="value">+886-3-5712121 #50660</span></li>
<li class="rowline"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_mail.svg"> <span aria-label="電子郵件 irischuang@nycu.edu.tw" class="value">irischuang@nycu.edu.tw</span></li>
<li class="rowline"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_jobs.svg"> <span aria-label="業務內容" class="value">外籍交換生輔導；外籍生社團管理</span></li>
<li class="rowline"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_deputy.svg"> <span aria-label="代理人" class="value">代理人：陳<span style="font-size: 14.4px;">佩彣</span><span style="font-size: 14.4px;">、陳</span><span style="font-size: 14.4px;">薛雯予</span></span></li>
</ul>
</article>
<!-- 陳薛雯予 -->
<article aria-labelledby="staff-ct-4-name" class="col-12 col-md-6">
<ul aria-label="同仁資訊" class="staff-card">
<li class="job-title">專員</li>
<li class="full-name" id="staff-ct-4-name">陳薛雯予</li>
<li class="rowline"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_phone.svg"> <span aria-label="電話 +886-3-5712121 分機 50667" class="value">+886-3-5712121 #50667</span></li>
<li class="rowline"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_mail.svg"> <span aria-label="電子郵件 flora@nycu.edu.tw" class="value">flora@nycu.edu.tw</span></li>
<li class="rowline"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_jobs.svg"> <span aria-label="業務內容" class="value">系統管理、僑外生健保</span></li>
<li class="rowline"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_deputy.svg"> <span aria-label="代理人" class="value">代理人：陳佩彣、吳惠琳</span></li>
</ul>
</article>
</div>
<!-- 第 3 排：許維蓉 / 郭冠佑 -->
<div class="row w-100 mx-0"><!-- 許維蓉 -->
<article aria-labelledby="staff-ct-5-name" class="col-12 col-md-6">
<ul aria-label="同仁資訊" class="staff-card">
<li class="job-title">專員</li>
<li class="full-name" id="staff-ct-5-name">許維蓉</li>
<li class="rowline"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_phone.svg"> <span aria-label="電話 +886-3-5712121 分機 50658" class="value">+886-3-5712121 #50658</span></li>
<li class="rowline"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_mail.svg"> <span aria-label="電子郵件 wrh@nycu.edu.tw" class="value">wrh@nycu.edu.tw</span></li>
<li class="rowline"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_jobs.svg"> <span aria-label="業務內容" class="value">陸生來校交換計畫、陸生輔導、外籍短期研究生輔導</span></li>
<li class="rowline"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_deputy.svg"> <span aria-label="代理人" class="value">代理人：吳惠琳、<span style="font-size: 14.4px;">郭冠佑</span></span></li>
</ul>
</article>
<!-- 郭冠佑 -->
<article aria-labelledby="staff-ct-6-name" class="col-12 col-md-6">
<ul aria-label="同仁資訊" class="staff-card">
<li class="job-title">專員</li>
<li class="full-name" id="staff-ct-6-name">郭冠佑</li>
<li class="rowline"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_phone.svg"> <span aria-label="電話 +886-3-5712121 分機 50662" class="value">+886-3-5712121 #50662</span></li>
<li class="rowline"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_mail.svg"> <span aria-label="電子郵件 osa@nycu.edu.tw" class="value">osa@nycu.edu.tw</span></li>
<li class="rowline"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_jobs.svg"> <span aria-label="業務內容" class="value">境外生輔導</span></li>
<li class="rowline"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_deputy.svg"> <span aria-label="代理人" class="value">代理人：陳薛雯予、莊碧雯</span></li>
</ul>
</article>
</div>
</section>]]>