/* CSS Document */

/**************************************************************************
* style.css 2007/07/26
===========================================================================
* 首頁CSS
===========================================================================
* Edited by Edward in GOGOTDI
* Copyright (C) 2007 Tang Digital Integration
***************************************************************************/

*{
	margin:0px;
	padding:0px;
}
body{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#606E73;
	line-height:20px;
	padding-bottom:40px;
}
a:link{color:#1F597D; text-decoration:none;}
a:visited{color:#1F597D; text-decoration:none;}
a:hover{color:#FF9900;}
a:active{color:#FF9900;}

/***************************************************************************shadow+container*/
#shadow{
	background-image:url(../images/home/bg/shadow.jpg);
	background-repeat:repeat-y;
	width:780px;
	margin:0 auto;
}
	#container{
		width:770px;
		margin:0 auto;
		border-left:1px solid #ccc;
		border-right:1px solid #ccc;
		background-image:url(../images/home/bg/member-right.jpg);
		background-position:right;
		background-repeat:repeat-y;
		background-color:#FFFFFF;
	}
/***************************************************************************top*/
#top{
	width:770px;
	background-color:#0E335B;
}
	#top select{
		font-size:11px;
		float:right;
		color:#606E73;
		width:105px;
		margin-top:72px;
		margin-right:10px;
		border:1px solid #606E73;
	}
	#top marquee{
		background-color:#FFFFFF;
		color:#455173;
		font-size:11px;
		font-weight:bold;
		overflow:hidden;
	}
		#top img{
			margin:0px;
		}
	#flash-banner{
		width:770px;
	}
/***************************************************************************footer*/
#footer{
	clear:both;
}

/***************************************************************************index-left*/
#index-left{
	width:592px;
	float:left;
	background-color:#FFFFFF;
}
	.index-intro{
		width:573px;
		padding:5px;
		padding-right:7px;
		padding-bottom:10px;
		border-top:1px dashed #606E73;
		border-bottom:1px dashed #606E73;
		line-height:18px;
		letter-spacing:1px;
	}
		.index-intro:after{
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
		}
		.intro-pic{
			width:158px;
			border:1px solid #3399CC;
			float:left;
			margin:5px 1.5em 2px 5px;
		}
		.index-intro p{
			margin-top:5px;
			margin-bottom:5px;
			margin-left:5px;
		}
	.index-news{
		float:left;
		width:176px;
		color:#455173;
		padding-bottom:10px;
	}
		.index-news li{
			margin-left:24px;
			margin-top:7px;
			line-height:18px;
		}
		.index-news ul{
			background-color:#EFF0F1;
			border-right:6px solid #CFD3D5;
			display:block;
			padding:5px;
			padding-top:2px;
			margin-top:5px;
			margin-bottom:7px;
			/*height:auto !important;
			min-height:233px;*/
			height:233px;
			overflow:hidden;
		}
			.index-news a:link{color:#455173; text-decoration:none;}
			.index-news a:visited{color:#455173; text-decoration:none;}
			.index-news a:hover{color:#FF9900;}
			.index-news a:active{color:#FF9900;}
	.index-pro{
		width:387px;
		float:left;
		padding:5px;
		padding-left:1.5em;
		padding-right:0px;
		padding-bottom:10px;
	}
		.tab01{
			font-size:11px;
			color:#8F999D;
			line-height:13px;
			margin-bottom:7px;
			margin-top:2px;
		}
			.tab01 td{
				border-bottom:1px dashed #E1E4E5;
				padding-top:5px;
				padding-bottom:5px;
				padding-right:1em;
			}
			.tab01 p{
				display:block;
				color:#3293CD;
				font-weight:bold;
				padding-bottom:4px;
			}
			.pro-pic{
				width:76px;
				border:1px solid #606E73;
				float:left;
				margin-right:8px;
			}
				.tab01 a:link{color:#3293CD; text-decoration:none;}
				.tab01 a:visited{color:#3293CD; text-decoration:none;}
				.tab01 a:hover{color:#3293CD; text-decoration:underline;}
				.tab01 a:active{color:#3293CD; text-decoration:underline;}
/***************************************************************************index-right*/
#index-right{
	width:178px;
	float:left;
	background-image:url(../images/home/bg/member-right.jpg);
	background-repeat:repeat-y;
	background-position:right;
	color:#003366;
}
	.tab02{
		margin-left:12px;
		margin-top:10px;
		font-size:12px;
	}
		.tab02 td{
			padding-bottom:5px;
		}
		.tab02 input{
			border:1px solid #8DA4BB;
			color:#455173;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
		}
		.ul01{
			margin:2px 10px 5px;
			text-align:left;
			font-size:11px;
		}
			.ul01 li{
				list-style:none;
				background-image:url(../images/home/icon/yellow.gif);
				background-position:left 7px;
				background-repeat:no-repeat;
				padding-left:1em;
			}
				.ul01 a:link{color:#003366; text-decoration:none;}
				.ul01 a:visited{color:#003366; text-decoration:none;}
				.ul01 a:hover{color:#FF9900;}
				.ul01 a:active{color:#FF9900;}
	.tab03{
		margin-left:12px;
		margin-top:10px;
	}
		.tab03 td{
			padding-bottom:3px;
		}
		.tab03 input{
			border:1px solid #8DA4BB;
			color:#455173;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			letter-spacing:1px;
		}
		.tab03 .txt01{
			display:block;
			margin-top:5px;
			margin-bottom:5px;
			font-size:11px;
			color:#7591AC;
		}
			.tab03 .txt01 input{
				border:none;
			}
	.logout{
		margin-left:12px;
		margin-top:5px;
	}
		.logout p{
			font-size:13px;
			margin-left:8px;
			word-break:break-all;
			padding-right:5px;
		}
			.logout p span{color:#3293CD; font-weight:bold;}
		.logout input{
			border:1px solid #8DA4BB;
			color:#455173;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			letter-spacing:1px;
		}
		.ul02{
			margin:2px auto 5px;
			font-size:11px;
		}
			.ul02 li{
				list-style:none;
				width:150px;
				background-image:url(../images/home/icon/yellow.gif);
				background-position:left 6px;
				background-repeat:no-repeat;
				padding-left:1em;
			}