/* CSS Document */

/*-----------------------------------Public-----------------------------------------*/
@import url("public.css");

/*-----------------------------------Left-----------------------------------------*/
#content{
	width:990px;
	background:url(../Images/left_bg.gif) no-repeat 180px top #F3F3F3;
	float:left;
}
#left{
	margin-right:7px;
	width:180px;
	background:#F3F3F3;
	float:left;
}
#left li{
	padding-top:1px;
	width:180px;
	height:35px;
	border-bottom:1px solid #E4E4E4;
}
#left li a{
	padding-left:20px;
	display:block;
	width:160px;
	height:33px;
	line-height:33px;
	font-size:13px;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	background:url(../Images/lefta_bg.gif) no-repeat;
}
#left li a:hover{
	color:#FFFFFF;
	background:url(../Images/lefta1_bg.gif) no-repeat;
}
#left li a.a{
	color:#FFFFFF;
	background:url(../Images/lefta1_bg.gif) no-repeat;
}

/*-----------------------------------Right-----------------------------------------*/
#right{
	padding:0px 40px;
	width:723px;
	background:#FFFFFF;
	float:left;
}
#right .t{
	width:723px;
	height:80px;
	line-height:80px;
	font-size:18px;
	color:#418305;
	font-weight:bold;
}
#right .c{
	padding-bottom:50px;
	width:723px;
	font-size:13px;
	line-height:23px;
}
#right .c a{
	color:#4F8A12;	
}

/* link */

#right .link{
	margin-top:30px;
	padding-left:20px;
	width:703px;
	height:40px;
	line-height:40px;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #CCCCCC;
	background:url(../Images/ico1.gif) no-repeat 0px 15px;
}
#right .linkc{
	padding:20px 0px;
	width:703px;
}
#right .linkc img{
	margin-right:20px;
}

/* map */

#map{	
	padding:0px 40px 30px 40px;
	width:910px;
}
#map .t{
	width:910px;
	height:80px;
	line-height:80px;
	font-size:18px;
	color:#418305;
	font-weight:bold;
}
#map .c{
	width:910px;
	font-size:13px;
}
#map .c a{
	color:#000000;
}
#map .c a:hover{
	color:#4F8A12;
	text-decoration:underline;
}

/* join */

#join{	
	padding:0px 40px 30px 40px;
	width:910px;
}
#join .t{
	padding-left:40px;
	width:870px;
	height:80px;
	line-height:80px;
	font-size:18px;
	color:#418305;
	font-weight:bold;
	background:url(../Images/ico2.gif) no-repeat 0px 27px;
}
#join .c{
	padding-left:40px;
	width:870px;
	font-size:13px;
}
#join .c .lh{
	font-size:14px;
	line-height:23px;
}
#join .c .ipt{
	padding-left:5px;
	width:180px;
	height:22px;
	line-height:22px;
	color:#666666;
	border:1px solid #CCCCCC;
}
#join .c .btn{
	width:65px;
	height:23px;
	border:0px;
	color:#FFFFFF;
	background:url(../Images/ebtn_bg.gif) no-repeat;
	cursor:pointer;
}
#join .c .d{
	display:block;
	padding-left:25px;
	background:url(../Images/ico4.gif) no-repeat 0px 2px;
}
#join .l{
	width:910px;
	height:80px;
	background:url(../Images/ico3.gif) repeat-x center;
}
#join .c a{
	color:#4F8A12;
	text-decoration:underline;
}

/* sys */

.b{
	border-top:2px solid #71A133;
}
#sys{
	padding:0px 40px;
	width:723px;
	background:#FFFFFF;
	float:left;
}
#sys .t{
	width:723px;
	height:80px;
	line-height:80px;
	font-size:18px;
	font-weight:bold;
	float:left;
}
#sys .c{
	width:723px;
	float:left;
}
#sys .c .mod{
	padding-right:40px;
	width:321px;
	height:200px;
	color:#848587;
	float:left;
}
#sys .c .s1{
	color:#4F8A12;	
}
#sys .c .s2{
	line-height:21px;
}
#sys .p{
	padding-top:20px;
	width:723px;
	height:40px;
	font-family:Arial;
	float:left;
}
#sys .p a{
	margin-right:10px;
	padding:0px 3px;
	display:block;
	color:#848587;	
	float:left;
}
#sys .p span{
	margin-right:10px;
	padding:0px 3px;
	display:block;
	color:#FFFFFF;
	background:#71A133;
	text-align:center;
	float:left;
}

/* sysnotes */

#sysnotes{
	padding:40px;
	width:910px;
	background:#FFFFFF;
	float:left;
}
#sysnotes .simg{
	width:150px;
	float:left;
}
#sysnotes .snotes{
	padding-left:20px;
	width:740px;
	font-size:13px;
	line-height:23px;
	float:left;
}
#sysnotes .snotes a{
	color:#4F8A12;
}

/* ruhecanyu */

#how{
	padding:0px 40px;
	width:723px;
	background:#FFFFFF;
	float:left;
}
#how .t{
	width:723px;
	height:80px;
	line-height:80px;
	font-size:18px;
	font-weight:bold;
}
#how .tb{
	padding:20px 0px 50px 0px;
	width:723px;
}
#how .tb td{
	padding:10px;
	color:#848589;
	line-height:20px;
}
#how .j{
	margin-bottom:50px;
	padding:10px;
	width:703px;
	background:#F3F3F3;
	color:#848589;
	font-size:13px;
}
#how .j .s1{
	padding:15px 0px;
	color:#4F8A12;
	font-weight:bold;
}
#how .j .s2{
	padding-bottom:10px;
	line-height:21px;
	background:url(../Images/ico7.gif) repeat-x bottom;
}
#how .i{
	width:723px;
	height:90px;
}
#how .i img{
	margin:0px 13px;
}
#how .c1{
	width:723px;
	height:53px;
	background:url(../Images/how_b1.gif) no-repeat;
}
#how .c2{
	width:723px;
	height:53px;
	background:url(../Images/how_b2.gif) no-repeat;
}
#how .c3{
	width:723px;
	height:53px;
	background:url(../Images/how_b3.gif) no-repeat;
}
#how .c4{
	width:723px;
	height:53px;
	background:url(../Images/how_b4.gif) no-repeat;
}
#how .c5{
	width:723px;
	height:53px;
	background:url(../Images/how_b5.gif) no-repeat;
}
#how .c{
	padding:0px 20px 20px 20px;
	width:679px;
	font-size:13px;
	color:#848589;
	line-height:23px;
	border:2px solid #CDCDCD;
	border-top:0px;
	margin-bottom:50px;
}
#how .c a{
	color:#4F8A12;
}
#how .cc{
	padding:50px 20px 20px 20px;
	width:683px;
	font-size:13px;
	color:#848589;
	line-height:23px;
	margin-bottom:50px;
}
#how .cc a{
	color:#4F8A12;
}
#how .zimg{
	margin:20px 0px 50px 0px;
	position:relative;
	width:720px;
	height:480px;
}
#how .zimg .zl{
	position:absolute;
	left:0px;
	top:200px;
	display:block;
	width:9px;
	height:66px;
}
#how .zimg .zr{
	position:absolute;
	left:711px;
	top:200px;
	display:block;
	width:9px;
	height:66px;
}
#how .zimg .zn{
	position:absolute;
	left:0px;
	top:440px;
	display:block;
	padding:0px 20px;
	width:680px;
	height:40px;
	line-height:40px;
	color:#FFFFFF;
	background:#000000;
	filter:alpha(opacity=60);
	opacity:0.6;
}
#how .znotes{
	padding-bottom:20px;
	width:723px;
	color:#666666;
	line-height:23px;
}