.sitemap-content {
      top: 0px;
    right: 15px;
    left: 60px;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 0px 0px 0px 0px;
    height: 600px;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    font-size: 14.5px;
    padding: 4px 0px 4px 0px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid rgba(253, 68, 41, 0.15);
    color: #333;
    text-align: left;
    border-bottom: 1px solid rgba(253, 68, 41, 0.15);
}
.space{
	padding-left: 25px;
}
.home-site{
	font-size:19px;
	text-align: center;
}
.table>thead:first-child>tr:first-child>th {
    border-top: 0;
    color: #fff;
    text-align: center;
}
@media (max-width: 1000px){
.sitemap-content {
    border: 0px dotted #ddd;
    background-color: transparent;
    padding: 20px 0px 20px 50px;
}
}
@media (max-width: 800px){
.sitemap-content {
    border: 0px dotted #ddd;
    background-color: transparent;
    padding: 20px 0px 20px 50px;
}
}
@media (max-width: 767px){
.sitemap-content {
    border: 0px dotted #ddd;
    background-color: transparent;
    padding: 20px 10px 20px 10px;
}
}
@media (max-width: 640px){
.sitemap-content {
    padding: 20px 10px 20px 0px;
    left: 5px;
}
}

@media (max-width: 512px){
.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 0px solid transparent;
    background-color: transparent;
}

}


 /*************************************樹狀圖********************************************/
* {
    margin: 0; 
    padding: 0;
}
.navbar-center{
    padding-left: 40px;
}
.tree ul {
  padding-top: 20px; position: relative;
  
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}

.tree li {
  float: left; text-align: center;
  list-style-type: none;
  position: relative;
  padding: 20px 5px 0 5px;
  
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}

/*使用:: before和:: after來繪製連接器*/

.tree li::before, .tree li::after{
  content: '';
  position: absolute; top: 0; right: 50%;
  border-top: 2px solid rgb(255,215,1);/*水平線*/
  width: 50%; height: 20px;
}
.tree li::after{
  right: auto; left: 50%;
  border-left: 2px dotted rgb(255,215,1);/*左中垂直線*/
}

/*需要刪除沒有元素的左右連接器任何兄弟姐妹*/
.tree li:only-child::after, .tree li:only-child::before {
  display: none;
}

/*從單身的子目錄的頂部去除空間*/
.tree li:only-child{ padding-top: 0;}

/*刪除第一個孩子和左邊的連接器
從最後一個孩子的右側連接*/
.tree li:first-child::before, .tree li:last-child::after{
  border: 0 none;
}
/*將垂直連接器添加回最後一個節點*/
.tree li:last-child::before{
  border-right: 2px dotted rgb(255,215,1);/*右垂直線*/
  border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
}
.tree li:first-child::after{
  border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
}

/*有時間從父系添加向下的連接器*/
.tree ul ul::before{
  content: '';
  position: absolute; 
  top: 0; 
  left: 50%;
  border-left: 2px dotted rgb(255,215,1);/*垂直線*/
  width: 0; height: 20px;
}

.tree li a{
  border: 1px solid rgb(179,23,0);/*每個按鈕的外框線 dotted solid*/
  padding: 5px 10px;
  text-decoration: none;
  color: #333;
  font-family: arial, verdana, tahoma;
  font-size: 13px;
  display: inline-block;/**/ 
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px; 
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}

/*有一些按鈕滑過效果的時間*/
/*按鈕滑過
.tree li a:hover,  {

  background: rgb(179,23,0);
  color: #fff; 
  border: 1px solid rgb(179,23,0);
}/*
懸停時的連接器樣式
.tree li a:hover+ul li::after, 
.tree li a:hover+ul li::before, 
.tree li a:hover+ul::before, 
.tree li a:hover+ul ul::before{
  border-color:  rgb(179,23,0);
}
.tree>a:active{
   display:block; 
  font-weight: 600;
  color: #333;
  background: rgb(255,215,1);  
  border: 3px solid rgb(255,215,1); 
}

/*a:hover,a:active,a:focus,a:visited{ 
  display:block; 
  font-weight: 600;
  color: #333;
  background: rgb(255,215,1);  
  border: 3px solid rgb(255,215,1);
  }*/
.tree li a:hover{
    color: #fff;
    padding: 5px 10px;
    border: 1px solid rgb(179,23,0);
    background-color: rgb(179,23,0);

}
.tree-hme {
    color: #fff;
    padding: 5px 10px;
    border: 1px solid rgb(179,23,0);
    background-color: #fff;
}
.tree-hme:hover{
    color: #fff;
    padding: 5px 10px;
    border: 1px solid rgb(179,23,0);
    background-color: rgb(179,23,0);
}
.tree-hme:active{
    color: #fff;
    padding: 5px 10px;
    border: 1px solid rgb(179,23,0);
    background-color: rgb(179,23,0);
}
.tree-hme:visited{
    color: rgb(179,23,0);
    padding: 5px 10px;
    border: 1px solid rgb(179,23,0);
    background-color: #fff;
}
.tree-hme:focus{
    color: rgb(179,23,0);
    padding: 5px 10px;
    border: 1px solid #eee;
    background-color: #eee;
}
/*@media*/
@media (max-width: 1198px){
.tree li a {
    padding: 5px 3px;/*按鈕大小*/
}
}

@media (max-width: 1194px){
.tree li a {
    padding: 5px 3px;/*按鈕大小*/
}
}
@media (max-width: 1120px){
.tree li a {
    padding: 5px 3px;
}
}
@media (max-width: 1000px){
.sitemap-content {
    top: 0px;
    right: 0px;
    left: 0px;
    background-color: transparent;
    padding: 0px 0px 0px 0px;
    height: auto;
}
.tree li a {
    font-size: 13.5px;
    padding: 5px 5px;
}
/*按鈕間距*/
.tree li {
    position: relative;
    padding: 20px 2px 0 2px;
}
}
@media (max-width: 986px){
.tree-convent {
    width: 950px;
    padding-right: 0px;
    padding-left: 0px;
}
}
@media (max-width: 940px){
.tree-convent {
    width: 940px;
    padding-right: 0px;
    padding-left: 0px;
}
}
@media (max-width: 930px){
.tree-convent {
    width: 920px;
    padding-right: 0px;
    padding-left: 0px;
}
.tree li a {
    padding: 5px 1px;
}/*按鈕大小*/
}
@media (max-width: 920px){
.tree-convent {
    width: 905px;
    padding-right: 0px;
    padding-left: 0px;
}
.tree li a {
    padding: 5px 1px;
}/*按鈕大小*/
}
@media (max-width: 910px){
.tree-convent {
    width: 900px;
    padding-right: 0px;
    padding-left: 0px;
}
.tree li a {
    padding: 5px 1px;
    font-size: 11px;
}/*按鈕大小*/
}
@media (max-width: 890px){
.tree-convent {
    width: 885px;
    padding-right: 0px;
    padding-left: 0px;
}
.tree li a {
    padding: 5px 1px;
    font-size: 11px;/*按鈕大小*/
}

}
@media (max-width: 870px){
.tree-convent {
    width: 860px;
    padding-right: 0px;
    padding-left: 0px;
}
.tree li a {
    padding: 5px 1px;/*按鈕大小*/
    font-size: 13px;
}
/*按鈕間距*/
.tree li {
    position: relative;
    padding: 20px 4px 0 4px;
}
}
@media (max-width: 860px){
.tree-convent {
    width: 850px;
    padding-right: 0px;
    padding-left: 0px;
}
.tree li a {
    padding: 5px 1px;
    font-size: 11px;
}

}
@media (max-width: 850px){
.tree-convent {
    width: 800px;
    padding-right: 0px;
    padding-left: 0px;
}
.tree li a {
    padding: 5px 1px;
    font-size: 12.2px;
}
/*按鈕間距*/
.tree li {
    position: relative;
    padding: 20px 3px 0 3px;
}
}
@media (max-width: 832px){
.tree-convent {
    width: 800px;
    padding-right: 0px;
    padding-left: 0px;
}
}
@media (max-width: 820px){
.tree-convent {
    width: 800px;
    padding-right: 0px;
    padding-left: 0px;
}
}
@media (max-width: 790px){
.tree-convent {
    width: 785px;
    padding-right: 0px;
    padding-left: 0px;
}
}
@media (max-width: 780px){
.tree-convent {
    width: 775px;
    padding-right: 0px;
    padding-left: 0px;
}
}
@media (max-width: 767px){
.tree-convent {
    width: auto;
    padding-right: 0px;
    padding-left: 0px;
}
.tree li a {
    padding: 5px 10px;
    font-size: 13px;
    line-height: 14px;/* 設定文字行距 */
    word-break: break-all;
}

}
@media (max-width: 744px){
.tree-convent {
    
    padding-right: 0px;
    padding-left: 0px;
}
/*按鈕間距*/
.tree li {
    position: relative;
    padding: 20px 3px 0 4px;
}
}

@media (max-width: 696px){
.tree li a {
    padding: 5px 7px;
    font-size: 15px;
    line-height: 14px;
    word-break: break-all;
}
}
@media (max-width: 686px){
  .tree li a {
    padding: 5px 7px;
    font-size: 15px;
    line-height: 14px;
    word-break: break-all;
}  
}
@media (max-width: 680px){
.tree li a {
    padding: 5px 7px;
    font-size: 14.1px;
    line-height: 14px;
    word-break: break-all;
}
}
@media (max-width: 670px){
.tree li a {
    padding: 5px 7px;
    font-size: 14.1px;
    line-height: 14px;
    word-break: break-all;
}
}


@media (max-width: 660px){
.tree li a {
    padding: 5px 6px;
    font-size: 15px;
    line-height: 14px;
    word-break: break-all;
}
}

@media (max-width: 658px){
 .tree li a {
    padding: 5px 5.5px;   
    line-height: 14px;
} 
}
@media (max-width: 620px){
.tree-convent {
    
    padding-right: 0px;
    padding-left: 0px;
}
/*按鈕間距*/
.tree li {
    position: relative;
    padding: 20px 3px 0 2px;
}
}
@media (max-width: 610px){
.tree-convent {
   
    padding-right: 0px;
    padding-left: 0px;
}
/*按鈕間距*/
.tree li {
    position: relative;
    padding: 20px 2px 0 2px;
}
}
@media (max-width: 600px){
.tree-convent {
    
    padding-right: 0px;
    padding-left: 0px;
}
/*按鈕間距*/
.tree li {
    position: relative;
    padding: 20px 2px 0 2px;
}
}
@media (max-width: 584px){

.tree li a {
    padding: 10px 3px;
    font-size: 16px;
    word-wrap: break-word;/*文字自動換行，長英文字不切斷*/
    white-space: pre-wrap;/*保留原始空白，但文字自動換行*/
    line-height: 16px;
}
.tree-convent {
   
    padding-right: 0px;
    padding-left: 0px;
}
/*按鈕間距*/
.tree li {
    position: relative;
    padding: 20px 2px 0 2px;
}
}
@media (max-width: 550px){
.tree li a {
    padding: 10px 3px;
    font-size: 15.5px;
    word-wrap: break-word;
    white-space: pre-wrap;
    line-height: 16px;
}
}
@media (max-width: 540px){
.tree-convent {
    
    padding-right: 0px;
    padding-left: 0px;
}
.tree li a {
    padding: 10px 3px;
    font-size: 15.5px;
    word-wrap: break-word;
    white-space: pre-wrap;
    line-height: 16px;
}
}
@media (max-width: 538px){
.tree li a {
    padding: 10px 3px;
    font-size: 15px;
}
}
@media (max-width: 510px){
.tree li a {
    padding: 10px 3px;
    font-size: 14.1px;
}
}
@media (max-width: 517px){
.tree li a {
    padding: 10px 3px;
    font-size: 14px;
}    
}
@media (max-width: 505px){
 .tree li a {
    padding: 10px 3px;
    font-size: 14.1px;
    word-wrap: break-word;
    white-space: pre-wrap;
    line-height: 14px;
}
}


@media (max-width: 495px){
.tree li a {
    padding: 10px 3px;
    font-size: 13.5px;
    word-wrap: break-word;
    white-space: pre-wrap;
    line-height: 14px;
}
}

@media (max-width: 480px){
.tree li a {
    padding: 10px 3px;
    font-size: 14px;
    font-weight: 100;
    word-wrap: break-word;
    white-space: pre-wrap;
}
.tree li {
    position: relative;
    padding: 20px 1px 0 1px;
}
}
@media (max-width: 458px){
.tree li a {
    padding: 10px 3px;
    font-size: 13.5px;
    font-weight: 100;
 
}
}
@media (max-width: 444px){
.tree li a {
    padding: 10px 3px;
    font-size: 12.5px;
    font-weight: 100;
}
@media (max-width: 428px){
.tree li a {
    padding: 10px 3px;
    font-size: 12px;
    font-weight: 100;
}
}
@media (max-width: 414px){
.tree li a {
    padding: 10px 3px;
    font-size: 11px;
    font-weight: 100;
}
}
@media (max-width: 390px){
.tree li a {
    padding: 10px 2px;
    font-size: 11px;
    font-weight: 100;
}
}
@media (max-width: 375px){
.tree li a {
    padding: 10px 3px;
    font-size: 10px;
    font-weight: 100;
}
}
@media (max-width: 365px){
.tree li a {
    padding: 10px 3px;
    font-size: 9.5px;
    font-weight: 100;
}
}
@media (max-width: 355px){
.tree li a {
    padding: 10px 1px;
    font-size: 10.2px;
    font-weight: 100;
}
}
@media (max-width: 320px){
.tree li a {
    padding: 10px 1px;
    font-size: 9px;
    font-weight: 100;
}
}
@media (max-width: 289px){
.tree li a {
    padding: 10px 1px;
    font-size: 8.3px;
    font-weight: 100;
}
}