Division of Strategic Planning<![CDATA[<style type="text/css">.staff-directory {
margin: 0;
padding: 0;
}
.staff-directory .staff-card {
list-style: none;
margin: 12px;
padding: 18px 20px 16px;
background: #ffffff;
border: 1px solid #dfe5ec;
border-radius: 10px;
box-shadow: 0 2px 8px rgba(31, 45, 61, 0.05);
height: 100%;
}
.staff-directory .title-line {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 8px;
flex-wrap: wrap;
}
.staff-directory .job-title {
display: inline-block;
padding: 2px 8px;
font-size: 85%;
font-weight: 600;
color: #355070;
background: #f3f6f9;
border-radius: 4px;
letter-spacing: 0.2px;
}
.staff-directory .campus-tag {
font-size: 85%;
font-weight: 500;
color: #6b7280;
letter-spacing: 0.1px;
}
.staff-directory .full-name {
margin-bottom: 14px;
font-size: 135%;
font-weight: 700;
line-height: 1.3;
color: #1f2d3d;
}
.staff-directory .li {
display: flex;
align-items: flex-start;
gap: 8px;
margin-top: 8px;
padding-top: 8px;
border-top: 1px solid #eef2f6;
line-height: 1.7;
color: #32475b;
}
.staff-directory .li:first-of-type {
margin-top: 0;
}
.staff-directory img.icon {
width: 18px;
height: 18px;
margin-top: 4px;
flex: 0 0 auto;
opacity: 0.85;
}
.staff-directory .value {
word-break: break-word;
}
.staff-directory .deputy-label {
font-weight: 600;
margin-right: 4px;
white-space: nowrap;
color: #1f2d3d;
}
@media (max-width: 768px) {
.staff-directory .ed-model22-title {
font-size: 150%;
}
.staff-directory .staff-card {
margin: 8px 0;
padding: 16px;
}
.staff-directory .full-name {
font-size: 125%;
}
}
</style>
<div class="ed_model22 clearfix staff-directory">
<div class="ed-model22-title">Division of Strategic Planning</div>
<!-- Row 1 -->
<div class="row w-100 mx-0"><!-- Tom Chiang -->
<article aria-labelledby="sp-en-new-1-name" class="col-12 col-md-6">
<ul aria-label="Staff information" class="staff-card">
<li class="title-line"><span class="job-title">Manager</span> <span class="campus-tag">(Yangming Campus)</span></li>
<li class="full-name" id="sp-en-new-1-name">Tom Chiang</li>
<li class="li"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_phone.svg"> <span aria-label="Phone +886-2-28267000 extension 62108" class="value"> +886-2-28267000 #62108 </span></li>
<li class="li"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_mail.svg"> <span aria-label="Email khjiang0524@nycu.edu.tw" class="value"> khjiang0524@nycu.edu.tw </span></li>
<li class="li"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_jobs.svg"> <span aria-label="Responsibilities" class="value"> Dual Degree Scholarship, Short-term Programs, Visitor Hosting </span></li>
<li class="li"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_deputy.svg"> <span class="deputy-label">Deputy:</span> <span class="value">Ms. Rebecca Wey</span></li>
</ul>
</article>
<!-- Yolanda Liu -->
<article aria-labelledby="sp-en-new-2-name" class="col-12 col-md-6">
<ul aria-label="Staff information" class="staff-card">
<li class="title-line"><span class="job-title">Manager</span> <span class="campus-tag">(Guangfu Campus)</span></li>
<li class="full-name" id="sp-en-new-2-name">Ms. Yolanda Liu</li>
<li class="li"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_phone.svg"> <span aria-label="Phone +886-3-5712121 extension 50070" class="value"> +886-3-5712121 #50070 </span></li>
<li class="li"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_mail.svg"> <span aria-label="Email yolandaliu@nycu.edu.tw" class="value"> yolandaliu@nycu.edu.tw </span></li>
<li class="li"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_jobs.svg"> <span aria-label="Responsibilities" class="value"> Internship Affairs, NYCU Inbound Internship Program, Company Recruitment Events </span></li>
<li class="li"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_deputy.svg"> <span class="deputy-label">Deputy:</span> <span class="value">Ms. Karin Lin</span></li>
</ul>
</article>
</div>
<!-- Row 2 -->
<div class="row w-100 mx-0"><!-- Karin Lin -->
<article aria-labelledby="sp-en-new-3-name" class="col-12 col-md-6">
<ul aria-label="Staff information" class="staff-card">
<li class="title-line"><span class="job-title">Manager</span> <span class="campus-tag">(Guangfu Campus)</span></li>
<li class="full-name" id="sp-en-new-3-name">Ms. Karin Lin</li>
<li class="li"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_phone.svg"> <span aria-label="Phone +886-3-5712121 extension 31251" class="value"> +886-3-5712121 #31251 </span></li>
<li class="li"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_mail.svg"> <span aria-label="Email karinlin@nycu.edu.tw" class="value"> karinlin@nycu.edu.tw </span></li>
<li class="li"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_jobs.svg"> <span aria-label="Responsibilities" class="value"> Industry Collaboration, Mandarin Exchange Activities, High School Exchange Projects, International Alumni Engagement, Promotional Materials & Advertising Planning </span></li>
<li class="li"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_deputy.svg"> <span class="deputy-label">Deputy:</span> <span class="value">Ms. Yolanda Liu</span></li>
</ul>
</article>
<!-- Beatrice Wang -->
<article aria-labelledby="sp-en-new-4-name" class="col-12 col-md-6">
<ul aria-label="Staff information" class="staff-card">
<li class="title-line"><span class="job-title">Manager</span> <span class="campus-tag">(Guangfu Campus)</span></li>
<li class="full-name" id="sp-en-new-4-name">Ms. Beatrice Wang</li>
<li class="li"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_phone.svg"> <span aria-label="Phone +886-3-5712121 extension 50074" class="value"> +886-3-5712121 #50074 </span></li>
<li class="li"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_mail.svg"> <span aria-label="Email beatrice@nycu.edu.tw" class="value"> beatrice@nycu.edu.tw </span></li>
<li class="li"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_jobs.svg"> <span aria-label="Responsibilities" class="value"> Company Recruitment Events, TOCFL Test Subsidy & Incentive Administration, Recruitment Information & Event Promotion, OIA Newsletter Editing </span></li>
<li class="li"><img alt="" aria-hidden="true" class="icon" src="/userfiles/editor/ic_deputy.svg"> <span class="deputy-label">Deputy:</span> <span class="value">Ms. Karin Lin</span></li>
</ul>
</article>
</div>
</div>]]>