﻿/* CSS Document */
*{
	margin:0px;
	padding:0px;
	}
body{
	font-size:12px;
	color:666666;
	}
input{
	font-size:12px;
	}
.red{
	color:#FF0000;
	}
a:link {
	color:#666666;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color:#666666;
}
a:hover {
	text-decoration: none;
	color:#398C48;
}
a:active {
	text-decoration: none;
	color: #666666;
}


#imgpanel{
	width:240px;
	height:187px;
	position:relative;
	}
#imgpanel #simg TD {
	FONT-SIZE: 10px; BACKGROUND:#666666; WIDTH: 20px; COLOR: #fff; LINE-HEIGHT: 11px; FONT-FAMILY: Arial; TEXT-ALIGN: center; position:relative;
}
#imgpanel #simg {
	BORDER-RIGHT: #3e3e3e 1px solid; BORDER-TOP: #3e3e3e 1px solid; FILTER: alpha(opacity=80); right:0; bottom:0; BORDER-LEFT: #3e3e3e 1px solid; height:20px;  BORDER-BOTTOM: #3e3e3e 1px solid; POSITION: absolute; moz-opacity: 0.8; opacity: 0.8
}
#imgpanel #simg .s {
	BACKGROUND: red
}
#imgpanel #simg .s IMG {
	FILTER: #5F6E7C
}
#imgpanel #simg TD {
	CURSOR: pointer
}

#imgpanel #bimg {
	FILTER: progid:DXImageTransform.Microsoft.Fade ( duration=0.5,overlap=1.0 ); WIDTH: 240px; HEIGHT: 187px
}
#imgpanel #infos {
	FILTER: progid:DXImageTransform.Microsoft.Fade ( duration=0.5,overlap=1.0 ); WIDTH: 240px; HEIGHT: 187px; TEXT-ALIGN: right
}
#imgpanel #infos DIV {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #fff; MARGIN-RIGHT: 21px; PADDING-TOP: 5px
}

#imgpanel .dis {
	DISPLAY: block
}
#imgpanel .undis {
	DISPLAY: none; LINE-HEIGHT: 0px; HEIGHT: 0px
}


#imgpanel .linkww TD {
	COLOR: #ffffff; TEXT-DECORATION: none
}
#imgpanel .linkww A {
	COLOR: #ffffff; TEXT-DECORATION: none
}
#imgpanel .linkww A:hover {
	TEXT-DECORATION: underline
}


.leftb{
	background:url(../images/About_r2_c2.jpg) no-repeat left top;
	width:11px;
	height:200px;
	}
.rightb{
	background:url(../images/About_r2_c9.jpg) no-repeat left top;
	width:15px;
	height:200px;
	}	
.centerb{
	background:url(../images/About_r2_c8.jpg) repeat-x top;
	width:204px;
	}

#friendlink{
	width:960px;
	margin:0 auto;
	position:relative;
	border:1px #C7DAEB solid;
	}

#top{
	width:955px;
	position:relative;
	margin:0px auto;
	}
/*	#top #topcon{
		margin:0px auto;
		background:inherit;
		width:958px;
		height:90px;
		color:#FFFFFF;
		}
	#top #topcon .topl{
		text-align:left;
		width:700px;
		}
	#top #topcon .topr{
		text-align:right;
		width:258px;
		line-height:90px;
		
		}
		#top #topcon a:link {
			color: #FFFFFF;
			text-decoration: none;
		}
		#top #topcon a:visited {
			text-decoration: none;
			color: #FFFFFF;
		}
		#top #topcon a:hover {
			text-decoration: none;
			color: #FFFF00;
		}
		#top #topcon a:active {
			text-decoration: none;
			color: #FFFFFF;
		}
	*/
#nav{
	margin:0 auto;
	width:100%;
	height:48px;
	background:url(../images/index_r4_c6.jpg) repeat-x center;
	}

#nav #navlist
	{
	height:36px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	}
	#nav #navlist td{
		/*width:90px;*/
		text-align:center;
		}
	#nav #navlist .line{
		width:25px;
		background:url(../images/index_r6_c8.jpg) no-repeat center;
		}
	#nav #navlist a{
		display: block; 
		width: 95px;
		height:36px;
		line-height:36px;
		color: #5A5C5B;
		}
	#nav #navlist a:link {
		color: #5A5C5B;
		text-decoration: none;
	}
	#nav #navlist a:visited {
		text-decoration: none;

	}
	#nav #navlist a:hover {
		text-decoration: none;
		color: #FFFFFF;
		background:url(../images/index_r5_c10.jpg) no-repeat center;
	}
	#nav #navlist a:active {
		text-decoration: none;

	}
	#nav #navlist .currentpage{
		width:95px;
		height:36px;
		background:url(../images/index_r5_c10.jpg) no-repeat top center;
		color:#FFFFFF;
		}
	#nav #navlist .currentfont{
		color:#ffffff;
		}
	#nav #navlist .otherpage{
		color:#ffffff;
		}

#banner{
	margin:0px auto;
	width:1002px;
	height:208px;
	position:relative;
	}

.divline{
	height:6px;
	width:auto;
	}

#con{
	margin:0px auto;
	width:955px;
	position:relative;
	background:#FFFFFF;
	}
	
	#con #conl{
		width:255px;
		height:auto;
		vertical-align:top;
		text-align:right;
		}
	
	#con #conc{
		width:492px;
		height:247px;
		text-align:center;
		vertical-align:top;
		}
	
	#con #conr{
		width:255px;
		height:auto;
		vertical-align:top;
		text-align:left;
		}
	
	#con .conltitle{
		width:220px;
		height:28px;
		position:relative;
		background:url(../images/About_r2_c2.jpg) no-repeat center;
		}
		#con .conltitle span{
			background:inherit;
			color:#009933;
			font-size:13px;
			font-weight:bold;
			}
	#con .conlcontent{
		background-color:#F6F6F6;
		height:150px;
		text-align:left;
		vertical-align:top;
		}
	
	#con #conrtitle{
		width:auto;
		height:21px;
		line-height:21px;
		font-size:13px;
		font-weight:bold;
		color:#009933;
		}
		#con #conrtitle .title{
			font-size:16px;
			font-weight:bold;
			color:#003300;
			text-align:center;
			}

.STYLE1 {color: #018120;}
.STYLE11 {color:#018120;}
.STYLE2 {color: #018120; font-weight:bold;}

.STYLE3 {color: #018120; font-size:13px;font-weight:bold;}
#con .conlcontent a:link {
	color: #ffffff;
	text-decoration: none;
}
#con .conlcontent a:visited {
	text-decoration: none;
	color: #ffffff;
}
#con .conlcontent a:hover {
	text-decoration: none;
	color: #ffffff;
}
#con .conlcontent a:active {
	text-decoration: none;
	color: #ffffff;
}

.SortFolderOpen {
	background: url(../images/Sort_Folder_Close.gif) center;
	background-repeat: no-repeat;
	height: 30px;
	left: 16px;
/*	padding-left: 16px;*/
	cursor: hand;
}
.SortFolderClose {
	background: url(../images/Sort_Folder_Open.gif) center;
	background-repeat: no-repeat;
	height: 30px;
	left: 16px;
/*	padding-left: 16px;*/
	cursor: hand;
}
.SortEndFolderOpen {
	background: url(../images/SortEnd_Folder_Close.gif) center;
	background-repeat: no-repeat;
	height: 30px;
	left: 16px;
/*	padding-left: 16px;*/
	cursor: hand;
}
.SortEndFolderClose {
	background: url(../images/SortEnd_Folder_Open.gif) center;
	background-repeat: no-repeat;
	height: 30px;
	left: 16px;
/*	padding-left: 20px;*/
	cursor: hand;
}
.SortListline {
	padding-left: 20px;
	background: url(../images/Sort_Listline.gif) center;
	background-repeat: repeat-y;
}
.SortEndListline {
/*	padding-left: 20px;*/
}
.SortFile {
	background: url(../images/Sort_File_End.gif) no-repeat center;
	background-repeat: no-repeat;
	height: 30px;
	cursor: hand;
/*	padding-left: 16px;*/
}
.SortFileEnd {
	background: url(../images/Sort_File_End.gif) no-repeat center;
	height: 30px;
	cursor: hand;
/*	padding-left: 16px;*/
}


.regBgopen{
background:url(../images/index_r13_c7.jpg) no-repeat center;
	width:82px;
	height:26px;
	font-size:12px;
	line-height:26px;
	color:#0363a0;
	text-align:center;
	cursor:pointer;
	font-weight:bold;
	border-bottom:#F9FAFC;
}
.regBg{
	background:url(../images/index_r13_c9.jpg) no-repeat center;
	width:82px;
	height:23px;
	font-size:12px;
	line-height:23px;
	color:#000000;
	cursor:pointer;
	}


		
#bottom{
	width:955px;
	margin:0 auto;
	position:relative;
	color:#525051;
	}


#bottom a:link {
	color: #398C48;
	text-decoration: none;
}
#bottom a:visited {
	text-decoration: none;
	color: #398C48;
}
#bottom a:hover {
	text-decoration: none;
	color: #009900;
}
#bottom a:active {
	text-decoration: none;
	color: #398C48;
}*/
