@charset "utf-8";

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

#pageSubMenuArea{
	position:absolute;
	width:250px;
	height:389px;
	background:url(../images/multiplay/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;
		height:1px;
		background-image:url(../images/multiplay/submenu_list_t.png);
		background-repeat:no-repeat;
		background-position:top;
	}
	#pageSubMenuArea .submenu ul{
		width:216px;
	}
	#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/multiplay/submenu_list_bg.png);
		background-repeat:no-repeat;
		background-position:0 0;
		line-height:1.1;
		font-size:12px;
	}
	#pageSubMenuArea .submenu li a.on{
		background-position:0 -35px;
		text-shadow:none;
		cursor:default;
	}
	#pageSubMenuArea .submenu li a.cat.open{
		text-shadow:0 0 3px #65ebff;
		background-position:0 -70px;
		cursor:default;
	}
	#pageSubMenuArea .submenu li a.cat.on{
		text-shadow:0 0 3px #65ebff;
		background-position:0 -105px;
		cursor:default;
	}
	#pageSubMenuArea .submenu li li a{
		display:block;
		height:17px;
		padding:5px 0 0 30px;
		background-image:url(../images/multiplay/submenu_sublist_bg.png);
		background-repeat:no-repeat;
		background-position:top;
	}
	#pageSubMenuArea .submenu li.line2 a{
		display:block;
		height:38px;
		padding:7px 0 0 30px;
		background-image:url(../images/multiplay/submenu_list_bg_2.png);
		background-repeat:no-repeat;
		background-position:top;
		line-height:1.4;
	}
	#pageSubMenuArea .submenu li.line2 a.on{
		background-position: bottom;
		text-shadow:none;
		cursor:default;
	}
	#pageSubMenuArea .submenu li li a.on{
		background-position: bottom;
		text-shadow:none;
		cursor:default;
	}
	#pageSubMenuArea .submenu li ul{
		background:url(../images/multiplay/submenu_sublist_b.png) bottom no-repeat;
		padding-bottom:8px;
		margin-top:-5px;
	}
.pageMainArea{
	position:absolute;
	width:690px;
	height:330px;
	background:url(../images/multiplay/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:15px;
	}
	.pageMainArea .content .txt,
	.pageMainArea .content .txt2{
		text-shadow:0 0 3px #65ebff;
		line-height:1.7;
		width:580px;
	}
	.pageMainArea .thumb,
	.pageMainArea .thumbL,
	.pageMainArea .thumbS{
		position:absolute;
		left:86px;
		top:229px;
		width:429px;
		height:115px;
		background:url(../images/multiplay/thumb_bg.png) no-repeat 0 0;
	}
	.pageMainArea .thumbL{
		width:494px;
		height:116px;
		background:url(../images/multiplay/thumb_bg_l.png) no-repeat 0 0;
	}
	.pageMainArea .thumbS{
		width:217px;
		height:115px;
		background:url(../images/multiplay/thumb_bg_s.png) no-repeat 0 0;
	}
	.pageMainArea .thumb ul,
	.pageMainArea .thumbL ul,
	.pageMainArea .thumbS ul{
		padding:4px 0 0 4px;
	}
	.pageMainArea .thumb li,
	.pageMainArea .thumbL li,
	.pageMainArea .thumbS li{
		float:left;
		padding:0 3px 0 0;
	}
	.pageMainArea .img{
		position:absolute;
		left:185px;
		top:6px;
	}
	.pageMainArea .contentMenu{
		position:absolute;
		left:87px;
		top:150px;
	}
	.pageMainArea .contentMenu li{
		display:inline;
	}
	.pageMainArea .contentMenu a{
		display:block;
		text-decoration:none;
		background:url(../images/multiplay/content_menu_bg.png) no-repeat 0 0;
		float:left;
		margin-right:10px;
		overflow:hidden;
		width:232px; height:150px;
		position:relative;
	}
	.pageMainArea .contentMenu img{
		display:block;
		padding:4px 0 0 4px;
	}
	.pageMainArea .contentMenu span{
		display:block;
		display:block;
		color:#fff;
		text-shadow:0 0 3px #65ebff;
		font-weight:bold;
		padding:9px 0 0 29px;
	}
#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;
	}