Secretary<![CDATA[<style type="text/css">.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:80%;
font-weight:600;
color:#355070;
background:#f3f6f9;
border-radius:4px;
}
.staff-directory .campus-tag{
font-size:80%;
font-weight:500;
color:#6b7280;
}
.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 img.icon{
width:18px;
height:18px;
margin-top:4px;
flex:0 0 auto;
}
.staff-directory .value{
word-break:break-word;
}
@media (max-width:768px){
.staff-directory .staff-card{
margin:8px 0;
padding:16px;
}
}
</style>
<div class="ed_model22 clearfix staff-directory">
<h2 class="ed-model22-title"> </h2>
<div class="row w-100 mx-0">
<article aria-labelledby="office-en-1-name" class="col-12 col-md-6">
<ul class="staff-card">
<li class="title-line"><span class="job-title">Secretary</span> <span class="campus-tag">(Yangming Campus)</span></li>
<li class="full-name" id="office-en-1-name">Ms. Penny Lin</li>
<li class="li"><img alt="" class="icon" img="" src="/userfiles/editor/ic_phone.svg"> <span class="value">+886-2-28267000 #62109</span></li>
<li class="li"><img alt="" class="icon" img="" src="/userfiles/editor/ic_mail.svg"> <span class="value">penny718@nycu.edu.tw</span></li>
</ul>
</article>
</div>
</div>]]>