@charset "utf-8";
/* CSS Document */
body {
	font: 77% Verdana, Arial, Helvetica, sans-serif;
	line-height:1.8em;
	background: url(../images/body_bg.jpg) repeat-x  #FFFFFF;
	margin: 0;
	padding: 0;
	text-align: center; 
}
a{text-decoration:none;}
a:visited{text-decoration:none}
a:active {text-decoration:none} 
a.linka {color: #808080; margin:0 2px;} 
a.linka:hover {border-bottom : 1px dotted #CC0000;color : #CC0000}
a.linkb {border-bottom : 1px dotted #CC0000;color :#CC0000 } 
a.linkb:hover {border-bottom: 1px solid #CC0000; color: #CC0000}
a.linkc {background-color: #990000; color:#FFFFFF; padding:3px;}
a.linkc:hover {background-color:#fff; color:#990000;}

h3{	
	background: url(../images/article_bg09.gif) repeat-x;
	font-size: 13px;
	color: #666666;
	height: 23px;
	clear: both;
	padding: 5px 0 5px 0;
	margin:0 ;
}

#container_Bg {
    position:absolute; 
	width:100%; 
	left:0; 
	top:0; 
	z-index:0;
}
#container {
    width: 990px;
	margin: 0 auto; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
	background:url(../images/frame_range.png) no-repeat left top;
	_background:url(../images/frame_range.gif) no-repeat left top;
	position: relative;
	Z-INDEX: 50;
}
#top_nav {
    width: 550px;
	height:40px;
	margin-left:437px;
	background:url(../images/top_nav_bg.png) no-repeat;
}
#menu {
	width:730px; 
	height:55px; 
	background:url(../images/menu_bg.jpg) repeat-x;
	margin-top:155px;
	margin-left:260px;
	z-index:100;
}
#menu_Bg {
    width:100%; 
	height:55px; 
	left:0; 
	top:195px ; 
	position: absolute; 
	z-index:1; 
	background:url(../images/menu_bg.png) no-repeat;
	behavior: url(iepngfix.htc);
	display:none;
}
#mainBody {
    width:720px;
	margin-left:260px;
	background: #FFF;
	border: 5px solid #d7d7d7;
	display:hidden;	
	z-index:50;	
}
#currentPath ul{
    list-style-type: none;
	color: #999999;
	margin: 0;
	padding-top:10px;
	padding-right:10px;
	font-size: 11px;
	*font-size: 10px;
	line-height:1.6em;
	text-align: right;
}
    #currentPath li{
	    margin: 0px;
	    padding: 0px;
	    white-space: nowrap;
	    display: inline;
	}
	
#title{
    width:700px;
	background: url(../images/a33.gif) repeat-x bottom;
	height: 40px;
	margin:0 auto;
	padding:0;
}
#title_pic{
    float:left; 
	padding-left:10px;
	padding-top:10px;
	font: 17px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #990000;
	clear: both;	
}
#print_btn{
    float:right; 
	margin-top:10px;	
}
#content{
    width:92%;
	margin-top:20px;
	text-align:left;
	margin-bottom:15px;
}
#content em{
    font-size: 13px;
	color:#FF9900;
	font-style: normal;
	font-weight:bold;
}
#content #pic_left{
	float: left;
	margin: 10px 15px 10px 0px;
}
#content #pic_right{
	float: right;
	margin: 10px 0px 10px 15px;
}
.picbg_top{
	background: url(../images/article_bg02.gif) repeat-x bottom;}
.picbg_right{
	background: url(../images/article_bg04.gif) repeat-y left;}
.picbg_bottom{
	background: url(../images/article_bg06.gif) repeat-x top;}
.picbg_left{
	background: url(../images/article_bg08.gif) repeat-y right;}

#content ul{
	list-style-type:circle;
	margin-left:30px;
}
    #content ul li{
	    margin: 0px;
	    padding: 0px;
	    white-space: normal;
	    display: list-item;
	}
	#content ul li strong{
	    font-weight:bold;
		color:#990000;
	}
	#content ul li span{
		margin-left:30px;
	}
	#content ol{
	    margin-left:40px;
	}

#content #download_bar{
    margin:5px 0 5px 0;
	clear:both;
}
#content #link_bar{
    margin:5px 0 5px 0;
	clear:both;
}


#date{
    font: 8pt Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	text-align:right;
	float:right;
	padding-bottom:5px;
	clear:both;
}
#news_Function{
	border-top : 1px dotted #999;
	width:100%;
	height:30px;
	margin: 20px 0px;
	padding-top:10px;
}

DIV.black-red {
	PADDING-RIGHT: 3px; 
	PADDING-LEFT: 3px; 
	PADDING-BOTTOM: 3px; 
	MARGIN: 3px; 
	PADDING-TOP: 3px; 
	TEXT-ALIGN: center;
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
}
DIV.black-red A {
	BORDER-RIGHT: #2c2c2c 1px solid; 
	PADDING-RIGHT: 5px; 
	BORDER-TOP: #2c2c2c 1px solid; 
	PADDING-LEFT: 5px; 
	BACKGROUND: url(image1.gif) #2c2c2c; 
	PADDING-BOTTOM: 2px; 
	BORDER-LEFT: #2c2c2c 1px solid; 
	COLOR: #fff; 
	MARGIN-RIGHT: 2px; 
	PADDING-TOP: 2px; 
	BORDER-BOTTOM: #2c2c2c 1px solid; 
	TEXT-DECORATION: none
}
DIV.black-red A:hover {
	BORDER-RIGHT: #e5200f 1px solid; 
	BORDER-TOP: #e5200f 1px solid; 
	BACKGROUND: url(image2.gif) #e5200f; 
	BORDER-LEFT: #e5200f 1px solid; 
	COLOR: #fff; 
	BORDER-BOTTOM: #e5200f 1px solid
}
DIV.black-red A:active {
	BORDER-RIGHT: #e5200f 1px solid; 
	BORDER-TOP: #e5200f 1px solid; 
	BACKGROUND: url(image2.gif) #e5200f; 
	BORDER-LEFT: #e5200f 1px solid; 
	COLOR: #fff; 
	BORDER-BOTTOM: #e5200f 1px solid
}
DIV.black-red SPAN.current {
	BORDER-RIGHT: #e5200f 1px solid; 
	PADDING-RIGHT: 5px; 
	BORDER-TOP: #e5200f 1px solid; 
	PADDING-LEFT: 5px; 
	FONT-WEIGHT: bold; 
	BACKGROUND: url(image2.gif) #e5200f; 
	PADDING-BOTTOM: 2px; 
	BORDER-LEFT: #e5200f 1px solid; 
	COLOR: #fff; 
	MARGIN-RIGHT: 2px; 
	PADDING-TOP: 2px; 
	BORDER-BOTTOM: #e5200f 1px solid
}
DIV.black-red SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid; 
	PADDING-RIGHT: 5px; 
	BORDER-TOP: #f3f3f3 1px solid; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 2px; 
	BORDER-LEFT: #f3f3f3 1px solid; 
	COLOR: #ccc; 
	MARGIN-RIGHT: 2px; 
	PADDING-TOP: 2px; 
	BORDER-BOTTOM: #f3f3f3 1px solid
}
.imgL{
    float: left;
	padding-right:10px;
	padding-bottom:10px;
}
.imgR{
    float : right;

}

/* ==========↓↓↓↓ 新增修改 ↓↓↓↓================ */
select{
    color : #000;
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
}
.input_text{
    color : #000;/
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #ccc;
	line-height:1.6em;
	height:16px;
}
#news_search, #interviews_search {
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	margin-bottom:5px;
}

#news_list, #interview_list, #download_list, #epapers_list {
	margin-bottom:15px;
}
.news_table, .interview_table, .download_table, .search_table{
    width:660px;
	margin:0 auto;
	text-align:center;
}
.news_table td, .interview_table td, .download_table td, .search_table td{
	border-bottom:1px solid #c9c9c9;
	padding:5px 0px 3px 5px;
	text-align:left;
}
.news_table td.date{
    font: 8pt Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	width:80px;
}
.news_table td.classify, .interview_table td.location, .download_table td.download{
    font: 8pt Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	width:80px;
	color:#990000;
	font-weight:bold;
}
.search_table td.classify
{
    font: 8pt Verdana, Arial, Helvetica, sans-serif;
	color:#990000;
	font-weight:bold;
}
.download_table td.types, .download_table td.size{
    font: 8pt Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	width:75px;
}
.interview_table td.date{
    font: 8pt Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	width:145px;
}
.interview_info, .Materials_info{
	margin:0 auto;
	text-align:center;
}
.interview_info td, .Materials_info td{
	border-bottom:1px solid #eeeeee;
	padding:5px 0px 5px 5px;
	text-align:left;
	background:#FFFFFF;
	
}
.interview_info th, .Materials_info th{
	text-align:center;
	width:80px;
	background:#eeeeee;
	border-bottom:1px solid #fff;
}
.Materials_info th.long{
	text-align: center;
	width:160px;
	background:#eeeeee;
	border-bottom:1px solid #fff;
}
#A_box, #A_box2, #A_box3, #A_box4, #A_box5, #A_box6, #A_box7, #A_box8, #A_box9, #A_box10{
    margin-top:5px;
	margin-bottom:5px;
	padding:10px; 
	background:#f6f6f6;
	font: 9pt Verdana, Arial, Helvetica, sans-serif;
	line-height:1.8em;
	color:#666666;
}
#S_box, #S_box2, #S_box3, #S_box4, #S_box5, #S_box6, #S_box7, #S_box8, #S_box9, #S_box10{
    margin-top:5px;
	margin-bottom:5px;
	padding:10px; 
	font: 9pt Verdana, Arial, Helvetica, sans-serif;
	line-height:1.8em;
	color:#666666;
}
.clearfloat { /* 這個類別應該放置於 Div 或 Break 元素上，而且應該是完整包含浮動的容器關閉前的最後一個元素 */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#tabs{
	float:left;
    width:100%;
    line-height:normal;
	border-bottom:1px solid #c60002;
	margin-bottom:5px;
}
.tab_title {
      float:left;
      background:url("../images/new/tableft4.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 7px;
      text-decoration:none;
      }
    .tab_title span {
      float:left;
      display:block;
      background:url("../images/new/tabright4.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#c60002;
	  font-weight:bold;
      }	
.tab_title_non {
      float:left;
      background:url("../images/new/tableft4.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 7px;
      text-decoration:none;
	  background-position:0% -42px;
      }
    .tab_title_non span {
      float:left;
      display:block;
      background:url("../images/new/tabright4.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
	  background-position:100% -42px;
      }
#note {
	padding:0;
	margin-left:60px;
	margin-top:5px;
	margin-bottom:5px;
	color: #CC0000;
	font-weight:bold;
}  
#note ul{
	list-style-image:url("../images/new/arrow.gif");
	margin: 0 5px;
	padding: 0px;
	text-align:left;
}
#note li{
	display:inline;
    margin:0;
    padding:0;
	float:left;
}
#module {
	margin: 0 auto;
	width:200px;
	padding:0;
}

#module ul,  #module ol{
    list-style-image:url("../images/vmenuarrow.gif") ;
    margin:0px;
	padding: 0px;
	text-align:left;
}
#module ul li {
	margin-left:15px;
	margin-bottom:5px;
    border-bottom:1px #999999 dotted;
}
#module ol li {
	margin-left:30px;
	margin-bottom:5px;
    border-bottom:1px #999999 dotted;
}
#module ul li a, #module ol li a {
	color: #999;
	text-decoration: none;
}
#module ul li a:hover, #module ol li a:hover {
	color: #990000;
	text-decoration: none;
}


/* ==========↑↑↑↑　新增修改 ↑↑↑↑===================== */


#footer {
    width: 990px;
	margin: 0 auto; 
	padding: 10px 0; 
	text-align:right;
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	color:#666666;
	z-index:5;
	position: relative;
}
.forPrinted {display: none;}
@media print {
	.forPrinted {display: block;}
	.nonPrinted {display: none;	}
	#mainBody 
	{
		width:98%;
		margin: 0 auto;
    }
    #container_Bg{display: none;	}
    #top_nav{display: none;	}
    #menu{display: none;	}
    #container {
        width: 100%;
	    background:none;
	    position:static ;
    }
    body {
	    background: none;
    }
	#print_btn{
		display:none;
	}
	#title{
		width:98%;
	}
}