@charset "utf-8";

#sitemap{
  clear: both;display: block;
  margin-left:50px;
  margin-top:60px;
}
#sitemap ul{ 
    list-style-type: none; 
    margin: 0px; 
    padding: 0px; 
height:auto!important; height:20px; min-height:20px;
} 
#sitemap li{ 
  margin: 0px; 
  padding: 0px; 
  float:left;
} 
#sitemap .sitemap_index {height:auto!important; height:20px; min-height:20px;}
#sitemap .sitemap_index SPAN {padding:5px;padding-left:20px;padding-right:35px;border:1px solid #dcdcdc;background-color:#ababab;color:#ffffff;}

#sitemap .sitemap_index A:hover, .sitemap_index A:active {
    color: #ffffff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}
#sitemap .sitemap_index A:link, .sitemap_index A:visited {
    color: #ffffff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}
#sitemap .sitemap_line {margin-left:35px;border-left:1px solid #c0c0c0;height:auto; _height:20px; min-height:20px;}
#sitemap .sitemap_line_fn_page {margin-left:35px;border-left:1px solid #c0c0c0;height:auto; _height:20px; min-height:20px;padding-bottom:20px;overflow:auto;}
#sitemap .sitemap_split{
  color: #c0c0c0;
  background-color:#c0c0c0;
  margin:0px;
  padding:0px;
  width:1px;
  height:20px;
  font-size:1px;
  margin-left:35px;
}
#sitemap .sitemap_split_fn_cate{
  color: #ababab;
  margin:0px;
  padding:0px;
  font-size: 12px;
}
#sitemap .sitemap_horizontal{
  color: #c0c0c0;
  background-color:#c0c0c0;
  margin:0px;
  padding:0px;
  font-size: 1px;
  margin-left:0px;
  margin-top:10px;
  width:20px;
  height:1px;
}
#sitemap .sitemap_horizontal_no{
  margin:0px;
  padding:0px;
  margin-left:0px;
  margin-top:10px;
  width:30px;
  float:left;
}
#sitemap .sitemap_fn {padding:5px;padding-left:20px;padding-right:20px;border:1px solid #dcdcdc;color:#4c4b46;}
#sitemap .sitemap_fn A:hover, .sitemap_fn A:active {
    color: #4c4b46;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}
#sitemap .sitemap_fn A:link, .sitemap_fn A:visited {
    color: #4c4b46;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}

#sitemap .sitemap_fn_cate {padding:5px;color:#8a8a8a;}
#sitemap .sitemap_fn_cate A:hover, .sitemap_fn_cate A:active {
    color: #8a8a8a;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}
#sitemap .sitemap_fn_cate A:link, .sitemap_fn_cate A:visited {
    color: #8a8a8a;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}

/* 首頁節點：class 掛在 span 本身，與舊版 div 包 span 的結構不同，需獨立選擇器 */
#sitemap SPAN.sitemap_index{
  padding:5px;
  padding-left:20px;
  padding-right:35px;
  border:1px solid #dcdcdc;
  background-color:#ababab;
  color:#ffffff;
}

/* 網站導覽樹狀清單：層級由巢狀 ul/li 表達，縮排、間距與連接線一律由 CSS 處理，不靠裝飾元素與分隔字元 */
/* 項目改為垂直排列，以間距取代原本的分隔符號 */
#sitemap .sitemap_tree li{
  float:none;
  display:block;
  position:relative;
  margin-top:20px;
}
/* 子層縮排，左框線即樹狀主幹 */
#sitemap .sitemap_tree ul{
  margin-left:35px;
  padding-left:20px;
  border-left:1px solid #c0c0c0;
}
/* 主幹到各項目的水平連接線，取代原本用於畫線的空 li */
#sitemap .sitemap_tree ul > li:before{
  content:"";
  position:absolute;
  left:-20px;
  top:16px;
  width:20px;
  height:1px;
  background-color:#c0c0c0;
}
/* 無障礙說明區：區塊配置、快速鍵與鍵盤操作說明（sitemap_rwd.php 輸出） */
.sitemap_guide{
  margin-top:30px;
  line-height:1.8;
}
.sitemap_guide .mt2{
  margin-top:1.5em;
}
.sitemap_guide ol.list_disc{
  margin:8px 0 0 0;
  padding:0;
  list-style:none;
}
.sitemap_guide ol.list_disc li{
  margin-bottom:6px;
}
/* 快速鍵按鍵名：藍框標示 */
.sitemap_guide .bor_blue{
  display:inline-block;
  padding:0 8px;
  border:1px solid #2a6fb5;
  border-radius:4px;
  color:#2a6fb5;
  white-space:nowrap;
}