Jump to the main content block
<!--第一行-->
<div class="top_first">
<div class="top_first_main">
<div class="logo">
<a href="/index.php" title="中山大學-中文系"
><img src="/var/file/159/1159/img/3734/logo.png" />
</a>
</div>
</div>
</div>
<!--第二行-->

<div class="top_second">
<div class="top_second_main">
<div class="mycollapse">
<button
class="navbar-toggle"
data-target="#collapseExample"
data-toggle="collapse"
type="button"
>
<span class="glyphicons show_lines">menu</span>
</button>

<div class="navbar-collapse collapse" id="collapseExample">
<div class="well">
<ul class="topnav">
<li><a href="/index.php">回首頁</a></li>
<li><a href="/p/17-1159.php?Lang=zh-tw">網站地圖</a></li>
<li>
<a
href="https://www.facebook.com/groups/296914930417244/"
target="_blank"
title="國立中山大學中文系&amp;系友交流平臺"
>本系臉書社團</a
>
</li>
<li>
<a
href="https://www.facebook.com/profile.php?id=61556946552928"
target="_blank"
title="國立中山大學中文系&amp;系友交流平臺"
>本系粉絲專頁</a
>
</li>
<li>
<a href="https://www.facebook.com/nsysucl/" target="_blank"
>系學會</a
>
</li>
<li>
<a
href="https://www.facebook.com/groups/707800137801362"
target="_blank"
>所學會</a
>
</li>
<li><a href="https://www.nsysu.edu.tw">中山大學首頁</a></li>
<li class="lang-item">
<a href="?Lang=zh-tw" class="lang-btn">中</a>
</li>
<li class="lang-item">
<a href="?Lang=en" class="lang-btn">EN</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<style type="text/css">
@media (min-width: 768px) {
.mn-static .hdmenu > ul > li {
float: left;
}
.hdmenu ul {
float: right;
}
}

/* ==========================================================================
新增：中英文切換按鈕的專屬樣式
========================================================================== */
/* 讓中英文按鈕在水平排列時有適當的間距 */
.topnav li.lang-item {
margin-left: 10px;
}

/* 設定中英文按鈕的文字顏色與字型大小 */
a.lang-btn {
color: #ffff !important; /* 使用管理學院的深藍色，可依中文系主色自行修改 */
font-weight: bold;
padding: 2px 6px;
text-decoration: none;
transition: all 0.3s ease;
}

/* 滑鼠懸停（Hover）時的效果：加上底線 */
a.lang-btn:hover {
text-decoration: underline !important;
text-underline-offset: 4px;
opacity: 0.8;
}

/* 手機版/行動裝置時的微調（可根據實際版面調整） */
@media (max-width: 767px) {
.topnav li.lang-item {
display: inline-block; /* 確保在手機版選單中也能並排顯示 */
margin: 5px 10px 5px 0;
}
}
</style>
</style>