@charset "utf-8";
body{
	background:url(../images/bg.jpg) repeat-x #000;
	color:#666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	margin:0px;
	height:100%;
	}
html{
	color: #CCC;height:100%;
	scrollbar-face-color: #fff;
	scrollbar-highlight-color: #fff;
	scrollbar-shadow-color: #999;
	scrollbar-3dlight-color: #999;
	scrollbar-arrow-color: #999;
	scrollbar-track-color: #fff;
	scrollbar-darkshadow-color: #fff;
	
}  

.tb {table-layout: fixed;word-break: break-all;}

/*table {table-layout: fixed;word-wrap:break-word;}*/
.tb {table-layout: fixed;word-wrap:break-word;}


a{
	color:#369;
	font-weight: normal;
	text-decoration: none;
}
a:hover{
	color:#C30;
	font-weight: normal;
	text-decoration: underline;
}
a:active{
	color:#C30;
	font-weight: normal;
	text-decoration: underline;
}


/*---------------------------------------------------------TABLE---------------------------------------------------------*/	
.tbline td{
	border: 1px solid #333;
	padding:4px;
}  
table .tbline {   
  border: 1px solid #333;border-collapse: collapse;   
}  


/*---------------------------------------------------------wordpad---------------------------------------------------------*/	
.wordpad{
	line-height:1.8;
	/*letter-spacing: 1px;*/
	padding:10px 13px 40px 13px;
	font-size: 13px;
	color:#666;
}
.wordpad a{
	color:#069;
	font-weight: normal;
	text-decoration: none;
}
.wordpad a:hover{
	color:#C60;
	font-weight: normal;
	text-decoration: underline;
}
.wordpad a:active{color:#C60;
	font-weight: normal;
	text-decoration: underline;
}
.texthidden{ 
display:block;
overflow:hidden; 
width:0; 
height:0; 
}
/*---------------------------------------------------------main_title----------------------------------------------------*/
.main_title {
	color:#fff;
	font-weight:bold;
	padding:0 0 0 30px;
	vertical-align:middle;
	
}
/*---------------------------------------------------------prolist---------------------------------------------------*/

.prolist {
	background:#707988;
	margin-bottom:6px;
}
.left_id{
	text-align: left;
	table-layout: fixed;word-wrap:break-word;
}

a.left_id {
	padding-left: 10px;
	color:#fff;
	display:block;
	width: 160px;
	text-decoration: none;
	line-height:21px;
}
a.left_id:hover{
	background: url(../images/left_id.gif) 3px 6px no-repeat;
	text-decoration: none;

}
a.left_id:active{
	background: url(../images/left_id.gif) 3px 6px no-repeat;
	text-decoration: none;

}

a.selected {
	background: url(../images/left_id.gif) 3px 6px no-repeat;
	text-decoration: none;
}


/*---------------------------------------------------------footer---------------------------------------------------*/
.footer_nav{
	color:#999;
	font-weight: normal;
	font-size:13px;
	margin:5px;
}
.footer_nav a{
	color:#999;
	font-weight: normal;
	font-size:13px;
	text-decoration: none;
}
.footer_nav a:hover{
	color:#CCC;
	font-weight: normal;
	text-decoration: underline;
	position:relative;
	top:1px;
	left:1px;
}
.footer_nav a:active{
	color:#CCC;
	font-weight: normal;
	text-decoration: underline;
	position:relative;
	top:1px;
	left:1px;
}

.footer_portfile{
	color:#ccc;
	font-weight: normal;
	font-size:12px;
	margin:5px;
}
.footer_copyright{
	color:#999;
	font-weight: normal;
	font-size:11px;
	margin:5px 5px 50px 5px ;
}
.footer_copyright a{
	color:#999;
	font-weight: normal;
	font-size:11px;
	text-decoration: underline;
}
.footer_copyright a:hover{
	color:#CCC;
	font-weight: normal;
	font-size:11px;
	text-decoration: underline;
}
.footer_copyright a:active{
	color:#ccc;
	font-weight: normal;
	font-size:11px;
	text-decoration: underline;
}
/*---------------------------------------------------------header---------------------------------------------------------*/		
.contact{
	text-align:justify; text-align-last:justify; text-justify:distribute-all-lines;
}

/*----------------------------------------------------footerlink---------------------------------------------------------*/
.footerlink {
	font-size:11px;color:#999;
}
.footerlink a {
	color: #62696d;
	font-weight: normal;
	text-decoration: none;
}
.footerlink a:hover {
	color: #62696d;
	text-decoration: underline;
}
.footerlink a:active {
	text-decoration: underline;
}

/*---------------------------------------------------------page_num -------------------------------------------------*/
DIV.quotes {
	font-family: Arial, Helvetica, sans-serif;font-size: 12px;PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.quotes A {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none
}
DIV.quotes A:hover {
	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid
}
DIV.quotes A:active {
	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid
}
DIV.quotes SPAN.current {
	BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e0e0e0 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #e0e0e0 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; BACKGROUND-COLOR: #f0f0f0
}
DIV.quotes SPAN.disabled {
	BORDER-RIGHT: #ccc 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #ccc 1px solid;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 2px;
	BORDER-LEFT: #ccc 1px solid;
	COLOR: #ccc;
	MARGIN-RIGHT: 2px;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #ccc 1px solid
}

/*--------------------------------------------------------- 佈局 ---------------------------------------------------------*/	
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#main {padding-bottom: 150px;} 
#footer {position: relative;margin-top: -150px;height: 150px;clear:both;background:url(../images/bg_footer.gif) repeat-x #dde4e4;color:62696d;font-size:12px;text-align:center;padding-top:8px;border-top:2px solid #788e4e;"}


.clearfix:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */