/* 網頁共用元件 -頂端線 樣式表  */
/* gct-top-menu.css */
/* 適用於 1280x768 解析度 */
/* 適用於 IE7 , IE8 ,IE9 ,Firefox 3.6.8 */
/* writer:www.kmgroup.com.tw */
/* updated: 2014/02/25 */

/* 內容 區域  */
.content_area {
	/* 版面控制 */	
	float: none; /* 畫面置中 */
	width: 1000px; /* 同top_menu_area的width */
	height: 561px; 
	margin: 8px auto; /* 畫面置中(IE8;FF)  */
	/* 內容控制 */	
	border-top: 3px solid #E0E0E0; /* 框線 */	
	border-left: 3px solid #E0E0E0; /* 框線 */
	border-right: 1px solid #E0E0E0; /* 框線 */	
	border-bottom: 1px solid #E0E0E0; /* 框線 */	
	}	 
	
/* 內容-左選單外框  */
.left_menu_frame {
	/* 版面控制 */	
	float: left; /* 畫面置左 */
	width: 190px; 
	height: 554px; /* content_area - 5px */
	margin: 2px 0px 0px 2px; 
	/* 內容控制 */	
	border-right: 1px solid #E0E0E0; /* 框線 */
	/* 文字控制 */
	font: .9em "微軟正黑體",Arial,sans-serif; color:#000000; font-weight:normal; /* 設定字體大小12px,中英文字型 */
	/* 顏色控制 */	
	background-color:#FEF9F9; 
	}		

/* 內容-左選單外框高  */
.left_menu_size {
	/* 版面控制 */	
	height: 506px; /* content_area - 5px */
	}		
	
/* 內容-右內容外框  */
.right_content_frame {
	/* 版面控制 */	
	float: left; /* 畫面置左 */
	width: 802px; 
	height: 506px; /* content_area - 5px */
	}		
	
/* 內容-右內容外框-連結 區域  */
.url_frame {
	/* 版面控制 */	
	float: left; /* 畫面置左 */
	width: 660px; 
	height: 20px; /* content_area - 5px */
	margin: 4px 1px 1px 10px;
	/* 文字控制 */
	text-align: left; /* 文字水平左靠 */ 
	font: 1.0em "微軟正黑體",Arial,sans-serif; color:#000000; font-weight:normal; /* 設定字體大小12px,中英文字型 */
	}		
	
/* 內容-右內容外框-連結- 連結效果 (未連結/已連結過/滑鼠移至/選擇的連結)  */	
a:link {
	color: #000000;
	text-decoration: none;
  }	
a:visited {
	color: #000000; 
	text-decoration: underline;
  }	  
a:hover {
   color: #000000; 
   text-decoration: underline;
  }		
a:active {
   color: #000000; 
   text-decoration: underline;
   font-size: 120%;
  }		
  
/* 內容-右內容-標題-區塊  */
.right_content_title_area {
	/* 版面控制 */	
	float: left; /* 畫面置左 */
	width: 750px; 
	height: 20px; 
	margin: 30px 1px 1px 40px;
	/* 內容控制 */	
	border-bottom: 2px solid #E0E0E0; /* 框線 */	
	/* 顏色控制 */	
	background-image: url(../images/title-bg.jpg);
	background-repeat: repeat-x; 	
	}	  
	
/* 內容-右內容-標題-明細-標題  */
.right_content_title {
	/* 版面控制 */	
	float: left; /* 畫面置左 */
	height: 20px; 
	margin: 0px 0px 0px 0px;
	/* 文字控制 */
	font: 1.2em "微軟正黑體",Arial,sans-serif; color:#000000; font-weight:normal; /* 設定字體大小12px,中英文字型 */
	text-align: left;  /* 文字水平左靠 */		
	line-height: 20px; /* 要與height 同高, 垂直才會置中 */	
	vertical-align: middle; /* 文字 垂直置中 */  
	background-color:#FFFFFF; 
	}		

/* 內容-右內容-標題-明細-標題2  */
.right_content_title2 {
	/* 文字控制 */
	font: 1.0em "微軟正黑體",Arial,sans-serif; color:#17055C; font-weight:bold; /* 設定字體大小12px,中英文字型 */
	text-align: left;  /* 文字水平左靠 */		
	line-height: 16px; /* 要與height 同高, 垂直才會置中 */	
	vertical-align: middle; /* 文字 垂直置中 */ 
	}
	
/* 內容-右內容-標題-明細-標題3  */
.right_content_title3 {
	/* 版面控制 */	
	float: left; /* 畫面置左 */
	height: 20px; 
	margin: 10px 0px 1px 40px;
	/* 文字控制 */
	font: 1.0em "微軟正黑體",Arial,sans-serif; color:#FFFFFF; font-weight:normal; /* 設定字體大小12px,中英文字型 */
	text-align:center;  /* 文字 水平置中 */		
	line-height:20px; /* 要與height 同高, 垂直才會置中 */	
	vertical-align:middle; /* 文字 垂直置中 */  
	/* 顏色控制 */	
	background-color:#7669A5;
	
	}	
	
	
	/* 內容-右內容-標題-明細-標題區  */
.right_content_title_bar {
	/* 版面控制 */	
	float: left; /* 畫面置左 */
	height: 18px; 
	/* 顏色控制 */	
	background-image: url(../images/title-bg.jpg);
	background-repeat: repeat-x; 	
	}	
	
/* 內容-右內容-標題-明細-明細  */
.right_content_detail {
	/* 版面控制 */	
	float: left; /* 畫面置左 */
	width: 668px; 
	margin: 1px 1px 1px 1px;
	}		
	
/* 內容-右內容-明細塊  */
.right_content_area {
	/* 版面控制 */	
	float: left; /* 畫面置左 */
	width: 740px; 
	margin: 1px 1px 1px 40px;
	/* 文字控制 */
	text-align: left; /* 文字水平左靠 */ 
	font: 1.0em "微軟正黑體",Arial,sans-serif; color:#000000; font-weight:normal; /* 設定字體大小12px,中英文字型 */
	}	

/* 內容-右內容-明細塊(有框線, 清單)  */
.right_content_area2 {
	/* 版面控制 */	
	float: left; /* 畫面置左 */
	width: 695px; 
	margin: 0px 1px 1px 40px;
	/* 文字控制 */
	text-align: left; /* 文字水平左靠 */ 
	font: 1.0em "微軟正黑體",Arial,sans-serif; color:#000000; font-weight:normal; /* 設定字體大小12px,中英文字型 */
	padding: 0px 10px 10px 40px;
	/* 內容控制 */	
	border-top: 1px solid #E0E0E0; /* 框線 */	
	border-left: 3px solid #E0E0E0; /* 框線 */
	border-right: 1px solid #E0E0E0; /* 框線 */	
	border-bottom: 3px solid #E0E0E0; /* 框線 */
	list-style-type: circle; /* 空心圓圈 */
	}	

/* 內容-右內容-明細塊(有框線, 清單為數字)  */
.right_content_area3 {
	/* 版面控制 */	
	list-style-type: decimal; /*數字 */
	}		
	
/* 內容-右內容-明細塊(有框線, 清單為數字)  */
.right_content_area4 {
	/* 版面控制 */	
	float: left; /* 畫面置左 */
	width: 735px; 
	/* 內容控制 */	
	border-top: 1px solid #AAA1CC; /* 框線 */	
	border-left: 1px solid #AAA1CC; /* 框線 */
	border-right: 1px solid #AAA1CC; /* 框線 */	
	border-bottom: 1px solid #AAA1CC; /* 框線 */	
	padding: 0px 5px 10px 5px;
	}			
	
/* 內容-右內容-明細塊-清單第1層)  */
.ul_l1 {
	/* 內容控制 */	
	padding: 0px 2px 0px 20px;
	list-style-type: square; /* 正方形 */
	list-style-position: outside;
	}		
	
/* 內容-右內容-明細塊-清單第1層)  */	
.ul_l2 {
	/* 內容控制 */	
	padding: 0px 2px 10px 30px;
	list-style-type: decimal; /* 數字 */
	list-style-position: outside;
	}			
	
/* 內容-右內容-明細塊  */
.right_content_depiction  {
	/* 版面控制 */	
	float: left; /* 畫面置左 */
	width: 740px; 
	margin: 5px 1px 1px 40px;
	/* 文字控制 */
	text-align: left; /* 文字水平左靠 */ 
	font: 1.0em "微軟正黑體",Arial,sans-serif; color:#000000; font-weight:normal; /* 設定字體大小12px,中英文字型 */
	}		
	
/* 內容-右內容-明細塊-左  */
.right_content_depiction_left {
	/* 版面控制 */	
	float: left; /* 畫面置左 */
	width: 180px; 
	height: 100%;
	margin: 1px 1px 1px 1px;
	/* 文字控制 */
	text-align: right; /* 文字水平左靠 */ 
	/* 內容控制 */	
	border-top: 0px solid #E0E0E0; /* 框線 */	
	border-left: 0px solid #E0E0E0; /* 框線 */
	border-right: 0px solid #E0E0E0; /* 框線 */	
	border-bottom: 0px solid #E0E0E0; /* 框線 */
	}		
	
/* 內容-右內容-明細塊-左  */
.right_content_depiction_right {
	/* 版面控制 */	
	float: left; /* 畫面置左 */
	width: 550px; 
	height: 100%;
	margin: 1px 1px 1px 1px;
	/* 內容控制 */	
	border-top: 2px solid #E0E0E0; /* 框線 */	
	border-left: 0px solid #E0E0E0; /* 框線 */
	border-right: 0px solid #E0E0E0; /* 框線 */	
	border-bottom: 2px solid #E0E0E0; /* 框線 */
	}		
	
/* 表格樣式1 */	
.table_style1 {
	/* 版面控制 */	
	margin: 5px 5px 5px 5px;
	/* 內容控制 */	
	border-top: 1px solid #E0E0E0; /* 框線 */	
	border-left: 1px solid #E0E0E0; /* 框線 */
	border-right: 1px solid #E0E0E0; /* 框線 */	
	border-bottom: 1px solid #E0E0E0; /* 框線 */
	}

.table_tr_style1 {
	/* 內容控制 */	
	background-color: #E9EDF4;
	}	
.table_tr_style2 {
	/* 內容控制 */	
	background-color: #D0D8E8;
	}		
.table_td_style1 {
	/* 內容控制 */	
	text-align: center;
	border-top: 1px solid #E0E0E0; /* 框線 */	
	border-left: 1px solid #E0E0E0; /* 框線 */
	}	
.table_td_style2 {
	/* 內容控制 */	
	padding-left: 4px;
	text-align: left;
	border-top: 1px solid #E0E0E0; /* 框線 */	
	border-left: 1px solid #E0E0E0; /* 框線 */
	}