@charset "utf-8";
/* CSS Document */

@import url("MainTable.css");   /* 呼叫表格列表樣式 */
@import url("Btn_Style.css");   /* 呼叫按鈕樣式 */
@import url("DetailTable.css");   /* 呼叫表格詳細樣式 */

body  {
	font:13px Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0; /* 比較好的做法是將 Body 元素的邊界與欄位間隔調整為零，以處理不同的瀏覽器預設值 */
	padding: 0;
	text-align: center; /* 這樣會讓容器在 IE 5* 瀏覽器內置中對齊。然後，文字會在 #container 選取器中設定為靠左對齊預設值 */
	color: #666666;
}

img { border:0px;}
A:link,A:visited{
 color: #100b68;
 text-decoration:none;
}

A:hover{
 color:#ed8e1a;
}

caption { 
      display:none;
    }
   
.thrColFixHdr #container { 
	width: 1003px;  /* 使用比完整 800px 少 20px 的寬度會允許使用瀏覽器邊框並且避免水平捲軸出現 */
	background: #FFFFFF;
	margin: 0 auto; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
	text-align: left; /* 這樣做會覆寫 Body 元素上的 text-align: center。 */
} 
.thrColFixHdr #header { 
	background: #fff; 
	padding:0; 
}

/* logo */
.thrColFixHdr #header #Top_link{   
 background:#fff;
 height:60px;
 margin-left:10px;
 }

.thrColFixHdr #header #Top_Word{   
  text-align:right;
  float:right;
  padding:0;
  margin:5px 10px 0 0;
 }

.thrColFixHdr #header #Top_Word a:hover{   
  color:#FF903F;
 }

/* 上方選單連結 */ 
.thrColFixHdr  #Main_Nav {
  margin:0;
  background:url("../../images/MainBar_BG.jpg") left top repeat-x;
  height:18px;
  padding:4px 0 4px 0;
  *padding:4px 0 4px 0;
  _padding:4px 0 2px 0;
} 

.thrColFixHdr  #Main_Nav li{
  list-style-type:none;    
  display:inline;  
} 

.thrColFixHdr #header #Main_Nav li#aboutus{                      /* 關於我們 */
   margin-left:5px;
 }

.thrColFixHdr  #Main_Nav li#news{                                /* 最新消息 */
   background:url("../../images/MainBar_news.jpg") no-repeat;    
}

.thrColFixHdr  #Main_Nav li#course{
   background:url("../../images/MainBar_course.jpg") no-repeat;
}

.thrColFixHdr #header #Main_Nav li#student{
   background:url("../../images/MainBar_student.jpg") no-repeat;
}

.thrColFixHdr #header #Main_Nav li#buy{
}

.thrColFixHdr #header #Main_Nav li#skills{
   background:url("../../images/MainBar_skills.jpg") no-repeat;
}

.thrColFixHdr #header #Main_Nav li#training{
   background:url("../../images/MainBar_training.jpg") no-repeat;
}

.thrColFixHdr #header #Main_Nav li#act{
   background:url("../../images/MainBar_act.jpg") no-repeat;
}

.thrColFixHdr #header #Main_Nav li#service{
   background:url("../../images/MainBar_service.jpg") no-repeat;
}

.thrColFixHdr #header #Main_Nav li#person{
   background:url("../../images/MainBar_person.jpg") no-repeat;
}

.thrColFixHdr #header #Main_Nav li#chat{
   background:url("../../images/MainBar_chat.jpg") no-repeat;
}

.thrColFixHdr #header #Main_Nav li#prefecture{
   background:url("../../images/MainBar_prefecture.jpg") no-repeat;
}

/* 首頁-Left_Sidebar */
.thrColFixHdr #sidebar1 {
	float: left; /* 因為這個元素是浮動元素，所以您必須指定寬度 */
    margin:0;
 	*margin:-15px 0;
	_margin:-15px 0;
	width: 210px; /* 在符合標準的瀏覽器或 Internet Explorer 的標準模式中，這個 Div 的實際寬度 (除了寬度以外) 將會包含欄位間隔和邊框 */
	background:url("../../images/Left_Sidebar_BG.jpg") repeat-x; /* 背景顏色將會針對欄的內容長度而顯示，但僅止於此 */
	padding:0; /* 欄位間隔會讓 Div 的內容遠離邊緣 */
	border-right:1px solid #ffe9a5;
}

/* 活動花絮區塊 */
.thrColFixHdr #mainContent .Act{
    border:1px solid #e5e5e5;
    width:542px;
    height:200px;
    padding:1px;    
    text-align:center;
    font-size:13px;
    }

.thrColFixHdr #mainContent .Title_Act{
  background:url(../../images/emTitle_Act.jpg) no-repeat;
  background-position:center top;
  padding:12px;
  border-bottom:1px solid #e5e5e5;
    }

.thrColFixHdr #mainContent .A_BG{
  background:url(../../images/Act_BG.jpg) no-repeat;
  margin:5px 1px 5px 1px;
  padding:10px 10px 20px 0;
  float:left;
    }

.thrColFixHdr #mainContent .A_BG .A_IMG{
  padding:3px 0px 0 15px ;
    }

.thrColFixHdr #mainContent .Title_Word{
    color:#cc6600;
    margin-left:12px;
    }

.thrColFixHdr #mainContent .Word{
    margin-left:12px;
    }

/* 內頁-Left_Sidebar */
.thrColFixHdr #Left_sidebarInner {
	float: left; /* 因為這個元素是浮動元素，所以您必須指定寬度 */
	width: 210px; /* 在符合標準的瀏覽器或 Internet Explorer 的標準模式中，這個 Div 的實際寬度 (除了寬度以外) 將會包含欄位間隔和邊框 */
	padding:0; /* 欄位間隔會讓 Div 的內容遠離邊緣 */
    margin:20px 0 0 0;
}

/* 內頁-Left_Sidebar-左方選單圖示 */
.thrColFixHdr #Left_sidebarInner #MENU_TOP{
  padding:0 0 0 5px;
}

/* 內頁-Left_Sidebar-選單背景延伸 */
.thrColFixHdr #Left_sidebarInner #MENU_BG{
  background:url("../../images/Menu_Middle.jpg") center center repeat-y;
  margin:0px;
  padding:0;
}


/* 內頁-左方縮放效果選單 */

.thrColFixHdr #Left_sidebarInner .glossymenu{
 width: 160px; /*width of accordion menu*/
 margin:0;
 margin-left:25px;
}

.thrColFixHdr #Left_sidebarInner .glossymenu a.menuitem{
color:#333333; 
background:url(../../images/Menu_list.gif) no-repeat;
background-position:left 5px;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 7px 0 7px 0;
padding-left: 15px;
border-bottom:1px solid #dddddd;
}

.thrColFixHdr #Left_sidebarInner .glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
 color:#333333; 
}

.thrColFixHdr #Left_sidebarInner .glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.thrColFixHdr #Left_sidebarInner .glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin-left: 10px;
padding: 0;
margin:5px 0 0 5px; /*bottom spacing between each UL and rest of content*/
}

.thrColFixHdr #Left_sidebarInner .glossymenu div.submenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.thrColFixHdr #Left_sidebarInner .glossymenu div.submenu ul li a{
color: #003366;
background: url(../../images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding:0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
}

.thrColFixHdr #Left_sidebarInner .glossymenu div.submenu ul li a:hover{
color: #003366;
background-color: #F3F3F3;
}

/* 內頁-Left_Sidebar-選單項目 */


/* 左方縮放效果選單 */
.thrColFixHdr #Left_sidebarInner .arrowlistmenu{
 width: 180px; /*width of accordion menu*/
 margin-left:30px;
}

.thrColFixHdr #Left_sidebarInner .arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: black url(titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.thrColFixHdr #Left_sidebarInner .arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}

.thrColFixHdr #Left_sidebarInner .arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin-left: 10px;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.thrColFixHdr #Left_sidebarInner .arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.thrColFixHdr #Left_sidebarInner .arrowlistmenu ul li a{
color: #A70303;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
}

.thrColFixHdr #Left_sidebarInner .arrowlistmenu ul li a:visited{
color: #A70303;
}

.thrColFixHdr #Left_sidebarInner .arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}



/* 內頁-Left_Sidebar-選單項目 */

.thrColFixHdr #Left_sidebarInner #MENU_NAV{
  margin-left:10px;
}

.thrColFixHdr #Left_sidebarInner #MENU_NAV ul{
  list-style-type:none;
  margin-left:10px;
  margin-right:40px;
}

.thrColFixHdr #Left_sidebarInner #MENU_NAV li{
  background:url("../../images/Menu_list.gif") left center no-repeat;
  padding:5px 0 5px 15px;
  margin-left:0;
  *margin-left:30px;
  _margin-left:30px;
  border-bottom:1px solid #ccc;
}

/* 內頁-Left_Sidebar-選單下方圖示 */
.thrColFixHdr #Left_sidebarInner #MENU_FOOTER{
  background:url("../../images/Menu_Footer.jpg") center center no-repeat;
  margin:-2px 0;
  padding:0 0 30px 0;
  *padding:10px 0 10px 0;
  _padding:10px 0 10px 0;
}

/* 聯絡資訊 */
.thrColFixHdr #sidebar1 #Contact{
  background:url("../../images/Contact.png") center center no-repeat;
  height:67px;
  padding-top:20px;
}

.thrColFixHdr #sidebar1 #Contact_BG{
  border-left:1px solid #d7e9f3;
  border-right:1px solid #d7e9f3;
  border-bottom:1px solid #d7e9f3;
  background:#fff;
  margin-top:-10px;
  margin-left:17px;
  *margin-left:18px;
  _margin-left:18px;
  width:163px;
  color:#333333;
  padding-left:10px;
  padding-bottom:10px;
  font-size:12px;
}

.thrColFixHdr #sidebar1 #Contact_BG ul{
  margin:0;
  padding:0;
  padding-left:5px;
  list-style:none;
}
.thrColFixHdr #sidebar1 #Contact_BG .title{
 color:#106e89;
}
.thrColFixHdr #sidebar1 #Contact_BG .red{
 color:red;
}

/* 中心位置圖 */
.thrColFixHdr #sidebar1 #Location{
  background:url("../../images/Location.png") center center no-repeat;
  padding:30px 0 50px 0;
  *padding:50px 0 50px 0;
  _padding:50px 0 50px 0;
  }

.thrColFixHdr #sidebar1 .Left_link{  
  padding:7px 0 5px 0;
  text-align:center;
}

 /* 首頁-Right_Sidebar */ 
.thrColFixHdr #sidebar2 {
	float: right; /* 因為這個元素是浮動元素，所以您必須指定寬度 */
	width: 200px; /* 在符合標準的瀏覽器或 Internet Explorer 的標準模式中，這個 Div 的實際寬度 (除了寬度以外) 將會包含欄位間隔和邊框 */
	*width:180px;
	_width:180px;
	background:url("../../images/Right_Sidebar_BG.jpg") repeat-x;  /* 背景顏色將會針對欄的內容長度而顯示，但僅止於此 */
	margin:0;
	*margin:-15px 0;
	_margin:-15px 0;
	padding: 15px 0px 15px 0px; /* 欄位間隔會讓 Div 的內容遠離邊緣 */
	*padding:15px 10px 15px 10px; /* 欄位間隔會讓 Div 的內容遠離邊緣 */
    _padding:15px 10px 15px 10px; /* 欄位間隔會讓 Div 的內容遠離邊緣 */
    border-left:1px solid #aec0e1;
}

 /* 內頁-Right_Sidebar */ 
.thrColFixHdr #Right_sidebarInner {
	float: right; /* 因為這個元素是浮動元素，所以您必須指定寬度 */
	width: 100px; /* 在符合標準的瀏覽器或 Internet Explorer 的標準模式中，這個 Div 的實際寬度 (除了寬度以外) 將會包含欄位間隔和邊框 */
	padding: 15px 0px 15px 0px; /* 欄位間隔會讓 Div 的內容遠離邊緣 */
	*padding: 15px 10px 15px 10px; /* 欄位間隔會讓 Div 的內容遠離邊緣 */
    _padding: 15px 10px 15px 10px; /* 欄位間隔會讓 Div 的內容遠離邊緣 */
}

/* 字級設定 */
.thrColFixHdr #sidebar2 #Font_Size{ 
  margin:0;float:left;
}

/* 分眾導覽 */
.thrColFixHdr #sidebar2 #Focus_Nav{ 
  padding:0 10px 10px 12px;
  *padding:0 0 10px 2px;
  _padding:0 0 10px 2px;
}

/* 快速連結區 */
.thrColFixHdr #sidebar2 #Quick_Links{ 
  padding:5px 10px 0 12px;
  *padding:5px 0 0 2px;
  _padding:5px 0 0 2px;
}

/* 右方連結背景TOP  */
.thrColFixHdr #sidebar2 .G_link_Top{  
	background:url("../../images/G_Link.png") no-repeat;
	margin-left:10px;
	*margin:0;
	_margin:0;
	padding:17px;
}

/* 右方連結背景MIDDLE  */
.thrColFixHdr #sidebar2 .G_link_Middle{  
	background:url("../../images/G_Link_Middle.jpg") repeat-y;
    background-position:10px 0;
    *background-position:0px 0;
    _background-position:0px 0;

}

/* 右方連結背景FOOTER  */
.thrColFixHdr #sidebar2 .G_link_Footer{  
	background:url("../../images/G_Link_Footer.png") no-repeat;
	margin-left:10px;
	*margin:0;
	_margin:0;
	padding:5px;
}

/* 右方連結 */
.thrColFixHdr #sidebar2 .Right_link{  
  padding:7px 0 2px 3px;
  text-align:center;
}

/* 右方連結 */
.thrColFixHdr #sidebar2 .link_more{  
  padding:7px 0px 5px 135px;
  *padding:7px 0px 5px 125px;
  _padding:7px 0px 5px 125px;
}

/* 首頁主區塊 */
.thrColFixHdr #mainContent 
{
    float:left;
	margin:10px 0px 0 15px; /* 這個 Div 元素的右和左邊界會在頁面的側邊建立兩個外部欄。不論邊列 Div 包含多少內容，欄空間將維持不變。當邊列的內容結束時，如果您想讓 #mainContent Div 的文字填滿邊列的空間，就可以移除這個邊界。
	padding: 0 10px; /* 請記住，欄位間隔就是 Div 方塊內部的空間，而邊界就是 Div 方塊外部的空間 */
	width:558px;
} 

/* 內頁-主區塊 */
.thrColFixHdr #Inner_mainContent { 
	float:left;
	margin:20px 0px 0 15px; /* 這個 Div 元素的右和左邊界會在頁面的側邊建立兩個外部欄。不論邊列 Div 包含多少內容，欄空間將維持不變。當邊列的內容結束時，如果您想讓 #mainContent Div 的文字填滿邊列的空間，就可以移除這個邊界。
	padding: 0 10px; /* 請記住，欄位間隔就是 Div 方塊內部的空間，而邊界就是 Div 方塊外部的空間 */
	width:645px;
} 

.thrColFixHdr #Inner_mainContent #Inn_Content{ 
	margin:40px 0; /* 這個 Div 元素的右和左邊界會在頁面的側邊建立兩個外部欄。不論邊列 Div 包含多少內容，欄空間將維持不變。當邊列的內容結束時，如果您想讓 #mainContent Div 的文字填滿邊列的空間，就可以移除這個邊界。
	padding: 0 10px; /* 請記住，欄位間隔就是 Div 方塊內部的空間，而邊界就是 Div 方塊外部的空間 */
    line-height:1.6;
}

.thrColFixHdr #Inner_mainContent .Content{ 
	margin: 20px 215px 0 225px; /* 這個 Div 元素的右和左邊界會在頁面的側邊建立兩個外部欄。不論邊列 Div 包含多少內容，欄空間將維持不變。當邊列的內容結束時，如果您想讓 #mainContent Div 的文字填滿邊列的空間，就可以移除這個邊界。
	padding: 0 10px; /* 請記住，欄位間隔就是 Div 方塊內部的空間，而邊界就是 Div 方塊外部的空間 */
} 

/* 內頁-主區塊-目前所在位置 */
.thrColFixHdr #Inner_mainContent .TOP_navigation{ 
  padding:5px;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
} 

.thrColFixHdr #Inner_mainContent .TOP_navigation a{ 
  color:#FF9607;
} 

.thrColFixHdr #Inner_mainContent .TOP_navigation a:hover{ 
  color:#FF9607;
  text-decoration:underline;
} 

.thrColFixHdr #Inner_mainContent .TOP_navigation .Font-Size{ 
    margin:5px 0;float:right;
} 


/* 最新消息及訓練課程 */
.thrColFixHdr #mainContent .Hot_News{ 
  font-size:13px;
}

.thrColFixHdr #mainContent .Hot_News .NEWS_WORD{ 
	vertical-align:top;
	padding:0 0 15px 0;
}

.thrColFixHdr #mainContent .Hot_News .NEWS_WORD ul{
  margin:0 0 10px 0;}

.thrColFixHdr #mainContent .Hot_News .NEWS_WORD li{
    list-style-type:none;
	background-image:url("../../images/List_ICON.gif");
	background-repeat:no-repeat;
	background-position:left 7px;
	padding:5px 0 5px 10px;
	border-bottom:1px dashed #ccc; 
}

.thrColFixHdr #mainContent .Hot_News .List_BG{
    background:#fbfaf6;
}

.thrColFixHdr #mainContent .Hot_News .NEWS_WORD a{ 
  color:#6a6a65;
  text-decoration:none;
}

.thrColFixHdr #mainContent .Hot_News .NEWS_WORD a:link, a:visited{ 
  text-decoration:none;
}

.thrColFixHdr #mainContent .Hot_News .NEWS_WORD a:hover{ 
  border-bottom:1px solid #669ACC;
}
    
/* 隱私權政策宣告 */
.thrColFixHdr #Announce{
  margin:0;
  *margin-top:20px;
  _margin-top:20px;
  float:right;
  font-size:13px;
}

.thrColFixHdr #footer { 
	padding: 0 10px 0 60px; /* 這個欄位間隔符合上面顯示的 Div 中，元素的靠左對齊。 */
	background:#2063a5;
	border-bottom:5px solid #003366;
	color:#eeeeee;
	font-size:13px;
} 
.thrColFixHdr #footer p {
	margin: 0; /* 將頁尾中第一個元素的邊界調整為零可避免邊界收合的可能性 (Div 之間出現的空間) */
	padding: 5px 0; /* 這個元素的欄位間隔將會建立空間，就如同邊界一樣，但是沒有邊界收合的問題 */
}

.thrColFixHdr #footer a {
 color:#e3f1ff;
}

.thrColFixHdr #footer a:hover{
 color:#e3f1ff;
 text-decoration:underline;
}

.fltrt { /* 這個類別可用來讓頁面右邊的元素浮動。浮動元素必須位於頁面上必須相鄰的元素前面。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* 這個類別可用來讓頁面左邊的元素浮動 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* 這個類別應該放置於 Div 或 Break 元素上，而且應該是完整包含浮動的容器關閉前的最後一個元素 */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* 表格樣式 */
.T_style table
{
    margin:0;
    padding:0;
    border-collapse:collapse;
    border:1px solid #ccc;
}

.T_style th{
    width:12%;
    text-align:right;
    background:#e5eff9;
    padding:5px;
}

.T_style td
{
    padding:2px;
    }