@charset "utf-8";

.wrapper{
	background:url(../img/repeat.jpg) repeat-x;
}

.headerBg{
	background:url(../img/header_bg.jpg) no-repeat center top;


}

.content{
	width:970px;
	margin:0 auto;
	overflow:hidden;
	_zoom:1;
	text-align:left;
}

#header .logo {
	position:absolute;
	display:block;
	width:450px;
	height:250px;
	margin-top:340px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#header .gamerLogo{
	float:left;
	width:185px;
	height:70px;
	margin-left:-15px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#header .gamerLogo a{
	display:block;
	width:185px;
	height:70px;

}

#header .spec{
	clear:both;
	float:right;
	margin: 250px 5px 20px 5px;
	background: url(../img/bg_white.png);
	box-shadow: 0px 0px 3px 0px rgba(226,197,146,0.6);
	color:#142d7e;
	font-size:93%;
	text-shadow: 1px 1px 2px #fff;
	box-shadow:0px 0 5px rgba(38,44,50,0.75),0px 0px 1px rgba(255,255,255,0.9) inset;
}

#header .spec{
	border:1px solid #96c1e6\9;/*IE9ˆÈ‰º*/
}

#header .spec{/margin: 320px 2px 20px 5px;/*IE7ˆÈ‰º*/
}


#header .spec dl{
	margin:10px;
}

#header .spec dt{
	font-size:108%;
	font-weight:bold;
	margin-bottom:5px;
}

#header .spec dd{
	font-size:93%;
}

.box{
	clear:both;
	width:960px;
	margin:0px auto 5px;
	background: url(../img/bg_white.png);
	box-shadow:0px 0 5px rgba(38,44,50,0.5),0px 0px 1px rgba(255,255,255,0.9) inset;
	overflow:hidden;
	_zoom:1;
}

.box{
	border:1px solid #96c1e6\9;
}

#gameInfo{
	background: url(../img/introduction_bg.png) no-repeat bottom right;
	overflow:hidden;
	_zoom:1;
	padding:30px 20px 0;
	margin-bottom:15px;
}


#gameInfo .introduction{
	width:600px;
	float:left;
}

#gameInfo h2.catchword{
	margin-bottom:20px;
}

#gameInfo .introduction p {
	width: 600px;
}

#gameInfo .introduction .ss{
	overflow:hidden;
	_zoom:1;
	margin-bottom:20px;
}

#gameInfo .introduction .ss img{
	float:left;
	margin-right:10px;
border: 1px solid #96C8F4;
}
#gameInfo .introduction .ss img.last{
	margin:0;
}


#share{
	overflow:hidden;
	_zoom:1;
	margin-top:30px;
}

#share div {
	float: left;
	margin-right: 10px;
}

.twitter {
	width: 90px;
}

.facebook {
	width: 100px;
}

img.left{
	float:left;
	margin:0 0 2px 2px;
}
img.right{
	float:right;
	margin:0 2px 2px 0;
}


#gameInfo .movie{
	float:right;
	width:300px;
	overflow:hidden;
	_zoom:1;
}
#gameInfo .movie h2{
	height:30px;
	margin:5px 0 15px;
	background: #4f65b1; /* Old browsers */
	background: -moz-linear-gradient(top,  #4f65b1 0%, #2c4286 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f65b1), color-stop(100%,#2c4286)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4f65b1 0%,#2c4286 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4f65b1 0%,#2c4286 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4f65b1 0%,#2c4286 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4f65b1 0%,#2c4286 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f65b1', endColorstr='#2c4286',GradientType=0 ); /* IE6-9 */
	box-shadow:0px 0px 3px rgba(57,69,79,0.9),0px 0px 1px 0px rgba(255,255,255,0.9) inset;
	border:1px solid #233469;
	text-align:center;
	line-height:31px;
	font-weight:bold;
	color:#fff;
	text-shadow: 1px 1px 1px #000;
}

#gameInfo .movie ul li{
	margin-bottom:10px;
	background:#fff;
	line-height:140%;
	overflow:hidden;
	_zoom:1;
	position: relative;
}

#gameInfo .movie img.thumb{
	border:1px solid #96c8f4;
}

#gameInfo .movie ul li a{
	display:block;
	height:170px;
	color:#fff;
}

#gameInfo .movie ul li a:hover{
	opacity:0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90)";
}

span.cap{
	display:block;
	background: url(../img/bg_black.png);
	width:292px;
	height:37px;
	margin:0 1px;
	padding:3px 3px 0;
	position:absolute;
	bottom:1px;
	left: 0px;
	line-height:130%;
	text-shadow: 1px 1px 1px #000;
}
span.cap{
	/width:292px;
}


a.siteButton{
	display:block;
	width:300px;
	height:70px;
	margin-top:385px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#list{
	overflow:hidden;
	_zoom:1;
	padding:0 20px;
}

#list .news{
	float:left;
	width:600px;
}

#list .news h2{
	height:30px;
	margin:5px 0 15px;
	background: #4f65b1; /* Old browsers */
	background: -moz-linear-gradient(top,  #4f65b1 0%, #2c4286 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f65b1), color-stop(100%,#2c4286)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4f65b1 0%,#2c4286 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4f65b1 0%,#2c4286 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4f65b1 0%,#2c4286 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4f65b1 0%,#2c4286 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f65b1', endColorstr='#2c4286',GradientType=0 ); /* IE6-9 */
	box-shadow:0px 0px 3px rgba(57,69,79,0.9),0px 0px 1px 0px rgba(255,255,255,0.9) inset;
	border:1px solid #233469;
	text-align:center;
	line-height:31px;
	font-weight:bold;
	color:#fff;
	text-shadow: 1px 1px 1px #000;
}
.newsBox{
	overflow:hidden;
	_zoom:1;
	margin-bottom:15px;
	z-index: 10;
	position: relative;
	border-bottom: 1px #fff solid;
}

.newsBox:before{
	bottom: 0;
	content: "";
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
	border-bottom: 1px #c7def1 solid;
}

.newsBox .imageBox {
	border: 1px solid #96c8f4;
	float: left;
	text-align: center;
	width: 140px;
	background:#fff;
}

.newsBox .imageBox a{
	display:block;
	width:140px;
	height:100px;
}

.newsBox .imageBox a:hover {
	opacity:0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";
}
.newsBox .textBox {
	float: right;
	width: 440px;
}
.newsBox .textBox .title {
	font-size:103%;
	font-weight: bold;
	line-height:115%;
	margin-bottom:5px;
}

.newsBox .textBox .description {
	color: #333;
	font-size: 86%;
	line-height:110%;
	margin-bottom: 3px;
}
.newsBox .textBox .tag {
}
.newsBox .textBox .tag li {
	float: left;
	font: 93%/120% 'inherit';
	margin-right: 7px;
}
.newsBox .textBox .tag li a {
	color: #528EC9;
}
.newsBox .textBox .info {
	clear: both;
	float: right;
	white-space: nowrap;
}
.newsBox .textBox .info span.hot1 {
	color: #FE4D02;
	font: 11px/12px "sans-serif";
	margin-right: 10px;
	padding: 1px 1px 0 2px;
}
.newsBox .textBox .info span.hot2 {
	color: #FE4D02;
	font: bold 11px/12px "sans-serif";
	margin-right: 10px;
	padding: 1px 1px 0 2px;
}
.newsBox .textBox .info span.new {
	color: #FF8400;
	font: 11px/12px "sans-serif";
	margin-right: 10px;
	padding: 1px 1px 0 2px;
}
.newsBox .textBox .info span.date {
	color: #828282;
	font-size: 86%;
}

.more{
	float:right;
	width:154px;
	height:34px;
	margin:5px 0 50px;
	line-height:34px;
	text-align:center;
}

.more a{
	display:block;
	width:154px;
	height:34px;
	background:url(../img/more_bg.png) center top no-repeat;
	color:#fff;
	text-shadow: 1px 1px 1px #6d4006;

}

.more a:hover{
	opacity:0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90)";
}

.bottomBanner {
	background:#fff;
	width:918px;
	height:94px;
	margin:0 20px 20px;
	border: 1px solid #96c8f4;
}

.bottomBanner a{
	display:block;
	width:918px;
	height:94px;
}

.bottomBanner a:hover{
	opacity:0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";

}

#list .banner{
	float:right;
	width:300px;
}



#list .banner h2{
	height:30px;
	margin:5px 0 15px;
	background: #4f65b1; /* Old browsers */
	background: -moz-linear-gradient(top,  #4f65b1 0%, #2c4286 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f65b1), color-stop(100%,#2c4286)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4f65b1 0%,#2c4286 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4f65b1 0%,#2c4286 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4f65b1 0%,#2c4286 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4f65b1 0%,#2c4286 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f65b1', endColorstr='#2c4286',GradientType=0 ); /* IE6-9 */
	box-shadow:0px 0px 3px rgba(57,69,79,0.9),0px 0px 1px 0px rgba(255,255,255,0.9) inset;
	border:1px solid #233469;
	text-align:center;
	line-height:31px;
	font-weight:bold;
	color:#fff;
	text-shadow: 1px 1px 1px #000;
}

#list .banner li{
	display:block;
	width:298px;
	height:108px;
	margin-bottom:10px;
	background: #fff;
	border:1px solid #96c8f4;
}

#list .banner li a{
	display:block;
	width:300px;
	height:110px;
}

#list .banner li a:hover{
	opacity:0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";
}

#footer{
	margin-top:60px;
	text-align:center;
	height:150px;
	background: #3f549b; /* Old browsers */
	background: -moz-linear-gradient(top,  #3f549b 1%, #213265 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#3f549b), color-stop(100%,#213265)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3f549b 1%,#213265 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3f549b 1%,#213265 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3f549b 1%,#213265 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3f549b 1%,#213265 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f549b', endColorstr='#213265',GradientType=0 ); /* IE6-9 */
}

#footer p{
	color:#fff;
	font-size:93%;
	line-height:150px;
	text-shadow: 1px 1px 1px #000;
	margin-bottom:0;
}

#topcontrol {

}