﻿/* CSS Document */
* {
	margin:0;
	border:0;
	padding:0;
}
body {
	font-size:12px;
	background:#000000;
}
#main {
	width:1002px;
	height:1185px;
	margin:0 auto;
	border:#000000 solid 1px;
}

#nav {
	height:228px;
	margin:632px 0 0 192px;
	list-style:none;
}
	#nav li ,#nav a {
		height:228px;
	}
	#nav a {
		display:block;
		background-position:center;
	}
	#nav li {
		float:left;
	}
	#nav .link1 {
		width:198px;
		background:url(img/sg_07.jpg) no-repeat;
	}
	#nav .link1:hover {
		background:url(img/sanguo_07.jpg) no-repeat;
	}
	
	#nav .link2 {
		width:210px;
		background:url(img/sg_08.jpg) no-repeat;
	}
	#nav .link2:hover {
		background:url(img/sanguo_08.jpg) no-repeat;
	}
	#nav .link3 {
		width:200px;
		background:url(img/sg_09.jpg) no-repeat;
	}
	#nav .link3:hover {
		background:url(img/sanguo_09.jpg) no-repeat;
	}
#nav2 {
	height:115px;
	width:237px;
	margin:46px 0 0 390px;
	list-style:none;
} 
	#nav2 a {
		display:block;
		background-position:center;
	}
	#nav2 .link1 {
		height:50px;
		margin-bottom:12px;
		background:url(img/sg_18.jpg) no-repeat;
	}
	#nav2 .link1:hover {
		background:url(img/sanguo_18.jpg) no-repeat;
	}
	
	#nav2 .link2 {
		height:53px;
		background:url(img/sg_28.jpg) no-repeat;
	}
	#nav2 .link2:hover {
		background:url(img/sanguo_28.jpg) no-repeat;
	}
	
/*猛将1--------------------------------------------------------*/
#mj {
	width:965px;
	height:1084px;
	margin:0 auto;
	padding:22px 0 0 37px;
}
	#list {
		width:933px;
		height:517px;
	/*	margin:22px 0 0 37px;*/
		list-style:none;
/*		border:#FF0000 solid 1px;*/
	}
	#list li {
		float:left;
	} 
	#list .l1 {
		width:445px;
		height:254px;
		background:url(img/m06.gif) no-repeat;
	}
	#list .l2 {
		width:488px;
		height:254px;
		background:url(img/m07.gif) no-repeat;
	}
	#list .l3 {
		width:445px;
		height:263px;
		background:url(img/m10.gif) no-repeat;
	}
	#list .l4 {
		width:314px;
		height:238px;
		padding:25px 0 0 174px;
/*		border:#FF0000 solid 1px;*/
		background:url(img/m11.gif) no-repeat;
	}
	
#list2 {
		width:933px;
		height:567px;
		background:url(img/m19.gif) 100% 0 no-repeat;

	}
	.img1 {
		width:352px;
		height:125px;
		margin-left:63px;
		background:url(img/m27.jpg) no-repeat;
	}
	
	#list2 ul {
		list-style:none;
	}
	#list2 li {
		float:left;
	}
	.img2 {
		width:268px;
		height:103px;
/*		margin-left:63px !important;
		margin-left:31px ;*/
		padding-top:282px;
		background:url(img/m_34.jpg) 100% 0 no-repeat;
/*		border:#FF0000 solid 1px;*/
	}
	.img3 {
		width:196px;
		height:228px;
		margin-top:69px;
		background:url(img/m_41.jpg) no-repeat;
	}
	.img4 {
		width:194px;
		height:225px;
		margin-top:151px;
		background:url(img/m_47.jpg) no-repeat;
	}


.img2 a {
		display:block;
		background-position:center;
	}
	.img2 .link1 {
		height:57px;
		background:url(img/e_66.jpg) no-repeat;
	}
	.img2 .link1:hover {
		background:url(img/ee_66.jpg) no-repeat;
	}
	
	.img2 .link2 {
		height:56px;
		background:url(img/e_74.jpg) no-repeat;
	}
	.img2 .link2:hover {
		background:url(img/ee_74.jpg) no-repeat;
	}
	
	/*猛将2--------------------------------------------------------*/
#mj2 {
	width:958px;
	height:1014px;
	margin:0 auto;
	padding:207px 0 0 44px;
}
	#avi {
		width:223px;
		height:222px;
		padding:52px 0 0 38px;
/*		border:#FF0000 solid 1px;*/
		background:url(img/mj2_08.gif) no-repeat;
	}
	.text {
		height:215px;
		background:url(img/mj2_15.gif) no-repeat;
	}
	#mj2 ul {
		width:906px;
		height:501px;
		list-style:none;
	/*	border:#FF0000 solid 1px;*/
	}
	#mj2 li {
		float:left;
	}
	.mj2_img1 {
		width:310px;
		height:275px;
		background:url(img/mj2_20.gif) no-repeat;
	}
	.mj2_img2 {
		width:449px;
		height:275px;
		margin-left:147px;
		background:url(img/mj2_22.gif) no-repeat;
	}
	.mj2_img3 {
		width:310px;
	}

		.mj2_img3 a {
			display:block;
			background-position:center;
		}
		.mj2_img3 .link1 {
			height:63px;
			background: url(img/mj2_nav2_26.jpg) no-repeat;
		}
		.mj2_img3 .link1:hover {
			background: url(img/mj2_nav_26.jpg) no-repeat;
		}
		
		.mj2_img3 .link2 {
			height:59px;
			background: url(img/mj2_nav2_32.jpg) no-repeat;
		}
		.mj2_img3 .link2:hover {
			background: url(img/mj2_nav_32.jpg) no-repeat;
		}
	.mj2_img4 {
		width:449px;
		height:226px;
		margin-left:147px;
		background:url(img/mj2_28.gif) no-repeat;
	}
	
	/*猛将3--------------------------------------------------------*/
#mj3 {
	width:950px;
	height:1106px;
	margin:0 auto;
	padding:0 0 0 52px;
}
	#mj3_avi {
		width:206px;
		height:218px;
		margin-left:516px;
		padding:53px 0 0 173px;
		background:url(img/mj3_03.jpg) no-repeat;
	}
	#mj3_img {
	width:907px;
	height:691px;
	background-image: url(img/mj3_08.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	}
		.mj3_img1 {
			height:224px;
			background:url(img/mj3_06.jpg) no-repeat;
		}
		.mj3_img2 {
			height:236px;
			background:url(img/mj3_11.jpg) no-repeat;
		}
		.mj3_img3 {
			width:473px;
			height:231px;
			float:left;
			background:url(img/mj3_15.jpg) no-repeat;
			/*border:#FF0000 solid 1px;*/
		}
		.mj3_img4 {
			width:241px;
			height:115px;
			margin:116px 0 0 57px;
			float:left;
		/*	border:#FF0000 solid 1px;*/
		}
			.mj3_img4 a {
				display:block;
				background-position:center;
			}
			.mj3_img4 .link1 {
				height:57px;
				background: url(img/mj33_31.jpg) no-repeat;
			}
			.mj3_img4 .link1:hover {
				background: url(img/mj3_31.jpg) no-repeat;
			}
			
			.mj3_img4 .link2 {
				height:58px;
				background: url(img/mj33_36.jpg) no-repeat;
			}
			.mj3_img4 .link2:hover {
				background: url(img/mj3_36.jpg) no-repeat;
			}
	
	
/*====================================== footer ===============================================*/
#footer {
	clear: both;
	height:60px;
	margin: 0 auto;
	text-align:center;
/*	padding-top:30px;*/
	color: #FFFFFF;
}
	#footer p {
		line-height:20px;
/*		color:#776d67;*/
	}
	#footer a {
		color:#FFFFFF;
		text-decoration:none;
	}
	#footer a:hover {
		color: #CCCCCC;
		text-decoration:none;
	}

