@charset "utf-8";

#soldierPage{
	width:960px;
	height:480px;
	position:relative;
}

#pageSubMenuArea{
	position:absolute;
	width:250px;
	height:390px;
	background:url(../images/system/submenu_bg.png) no-repeat;
	overflow:hidden;
	left:35px;
	top:75px;
	z-index:22;
}
	#pageSubMenuArea h2{
		position:absolute;
		left:10px;
		top:13px;
	}
	#pageSubMenuArea .submenu{
		position:absolute;
		left:16px;
		top:63px;
		width:216px;
		background-image:url(../images/system/submenu_list_t.png);
		background-repeat:no-repeat;
		background-position:top;
	}
	#pageSubMenuArea .submenu li a{
		display:block;
		height:25px;
		padding:10px 0 0 30px;
		color:#fff;
		font-weight:bold;
		text-decoration:none;
		text-shadow:0 0 3px #65ebff;
		background-image:url(../images/system/submenu_list_bg.png);
		background-repeat:no-repeat;
		background-position:top;
		line-height:1.1;
		font-size:12px;
		white-space:nowrap;
		position:relative;
	}
	#pageSubMenuArea .submenu li.line2 a{
		display:block;
		height:38px;
		padding:7px 0 0 30px;
		background-image:url(../images/system/submenu_list_bg_2.png);
		background-repeat:no-repeat;
		background-position:top;
		line-height:1.4;
		font-size:12px;
		white-space:nowrap;
		position:relative;
	}
	#pageSubMenuArea .submenu li a.on{
		background-position:bottom;
		text-shadow:none;
		cursor:default;
	}
	#pageSubMenuArea .submenu li a.on .sub{
		color:#fff;
		background-position:bottom;
		text-shadow:none;
		font-weight:normal;
		cursor:default;
	}
	#pageSubMenuArea .submenu li a .ico{
		position:absolute;
		top:5px;
		right:6px;
	}
	
	#pageSubMenuArea .submenu li a .ico{
		position:absolute;
		top:5px;
		right:6px;
	}
	
.pageMainArea{
	position:absolute;
	width:690px;
	height:330px;
	background:url(../images/system/main_bg.png) no-repeat;
	left:235px;
	top:115px;
	z-index:21;
}
	.pageMainArea .content{
		position:absolute;
		left:86px;
		top:37px;
	}
	.pageMainArea .content h2{
		margin-bottom:10px;
	}
	.pageMainArea .content .txt{
		text-shadow:0 0 3px #65ebff;
		line-height:1.7;
		width:650px;
	}
	.pageMainArea .thumb{
		position:absolute;
		left:86px;
		top:229px;
		width:429px;
		height:116px;
		background:url(../images/system/thumb_bg_2.png) no-repeat 0 0;
	}
	.pageMainArea .thumb ul{
		padding:4px 0 0 4px;
	}
	.pageMainArea .thumb li{
		float:left;
		padding:0 3px 0 0;
	}
	.pageMainArea .img{
		position:absolute;
		left:129px;
		top:6px;
	}
	
	.pageMainArea .linkBtn a{
		display:block;
		text-align:center;
		height:20px;
		width:146px;
		padding:7px 0 0 0;
		color:#fff;
		font-weight:bold;
		text-decoration:none;
		text-shadow:0 0 3px #65ebff;
		background-image:url(../images/system/link_bg.png);
		background-repeat:no-repeat;
		background-position:top;
		font-size:12px;
		white-space:nowrap;
		margin-top:10px;
	}
	.pageMainArea .linkBtn a:hover{
		background-position:bottom;
	}
	.pageMainArea .linkBtn a img{
		padding-right:3px;
	}
	
	
	#pageMainArea3 .thumb{
		top:249px;
	}
	#pageMainArea8 .thumb{
		top:249px;
	}
#photoArea{
	z-index:40;
	position:absolute;
	left:0;
	top:0;
	width:960px;
	height:480px;
}
	#photoArea .bg{
		position:absolute;
		left:0;
		top:0;
		width:960px;
		height:480px;
	}
	#photoArea .photoBg{
		position:absolute;
		left:112px;
		top:45px;
	}
	#photoArea .photo{
		position:absolute;
		left:128px;
		top:61px;
	}
	#photoArea .loading{
		position:absolute;
		left:460px;
		top:240px;
	}
	#photoArea .loading .spin{
		-webkit-transform: rotate(360deg);
		-webkit-animation-name: _spin;
		-webkit-animation-duration: 1s;
		-webkit-animation-iteration-count:  infinite;
		-webkit-animation-timing-function: linear;
		-moz-transform: rotate(360deg);
		-moz-animation-name: _spin;
		-moz-animation-duration: 1s;
		-moz-animation-iteration-count:  infinite;
		-moz-animation-timing-function: linear;
	}
	@-webkit-keyframes _spin {
		from {
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
		}
		to {
			-webkit-transform: rotate(360deg);
			-moz-transform: rotate(360deg);
		}
	}
	@-moz-keyframes _spin {
		from {
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
		}
		to {
			-webkit-transform: rotate(360deg);
			-moz-transform: rotate(360deg);
		}
	}
	#photoArea .close{
		position:absolute;
		left:799px;
		top:61px;
	}
	#photoArea .close a{
		display:block;
		width:33px;
		height:33px;
		text-indent:-9999px;
		background-image:url(../images/story/btn_close.png);
		background-repeat:no-repeat;
		background-position:top;
	}
	#photoArea .close a:hover{
		background-position:bottom;
	}