@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:230px;
	margin:370px 0 0 490px;
	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:left;
	margin: 320px 2px 20px 5px;
	background: url(../img/bg_white.png);
	box-shadow: 0px 0px 3px 0px rgba(226,197,146,0.6);
	border-radius:10px;
	color:#86460e;
	text-shadow: 1px 1px 2px #fff;
	box-shadow:0px 0px 5px 0px rgba(219,134,0,0.7),0px 0px 1px 0px rgba(255,255,255,0.9) inset;
}

#header .spec{
	border:1px solid #f2e088\9;
}

#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(219,134,0,0.7),0px 0px 1px rgba(255,255,255,0.9) inset;
	border-radius:10px;
	overflow:hidden;
	_zoom:1;
}

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

#gameInfo{
	/*background: url(../img/introduction_bg.png) left 800px no-repeat;*/
	overflow:hidden;
	_zoom:1;
	padding:20px;
	margin-top:10px;
}


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

}

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

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

span.copy{
	color:#7d7d7d;
	font-size:93%;
	line-height:130%;
}

#gameInfo .introduction p.add {
	margin-top:160px;
}

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

#gameInfo .introduction .inBox img{
	border:1px solid #F29D08;
}

#gameInfo .introduction .inBox img.left{
	float:left;
}

#gameInfo .introduction .inBox img.right{
	float:right;
}


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

#gameInfo .introduction img.center{
	margin:0 90px;
}

#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;
	margin-bottom:30px;
	overflow:hidden;
	_zoom:1;
}
#gameInfo .movie h2{
	height:30px;
	margin-bottom:15px;
	border:1px solid #f29d08;
	border-radius:5px;
	background: #efe457; /* Old browsers */
	background: -moz-linear-gradient(top,  #efe457 0%, #feae31 90%, #f5ce48 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efe457), color-stop(90%,#feae31), color-stop(100%,#f5ce48)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #efe457 0%,#feae31 90%,#f5ce48 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #efe457 0%,#feae31 90%,#f5ce48 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #efe457 0%,#feae31 90%,#f5ce48 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #efe457 0%,#feae31 90%,#f5ce48 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efe457', endColorstr='#f5ce48',GradientType=0 ); /* IE6-9 */
	box-shadow:0px 0px 5px 0px rgba(161,101,42,0.7),0px 0px 1px 0px rgba(255,255,255,0.9) inset;
	text-align:center;
	line-height:30px;
	font-weight:bold;
	color:#7a5000;
	text-shadow: 1px 1px 1px #fff;
}

#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 #F29D08;
}

#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-color: rgba(79,36,0,0.7);
	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 #060001;
}
span.cap{
	/background:#000;
	/width:292px;
}


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

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

#list .news h2{
	height:30px;
	margin-bottom:15px;
	border-radius:5px;
	background: #efe457; /* Old browsers */
	background: -moz-linear-gradient(top,  #efe457 0%, #feae31 90%, #f5ce48 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efe457), color-stop(90%,#feae31), color-stop(100%,#f5ce48)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #efe457 0%,#feae31 90%,#f5ce48 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #efe457 0%,#feae31 90%,#f5ce48 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #efe457 0%,#feae31 90%,#f5ce48 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #efe457 0%,#feae31 90%,#f5ce48 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efe457', endColorstr='#f5ce48',GradientType=0 ); /* IE6-9 */
	border:1px solid #f29d08;
	box-shadow:0px 0px 5px 0px rgba(161,101,42,0.7),0px 0px 1px 0px rgba(255,255,255,0.9) inset;
	text-align:center;
	line-height:30px;
	font-weight:bold;
	color:#7a5000;
	text-shadow: 1px 1px 1px #fff;
}
.newsBox{
	overflow:hidden;
	_zoom:1;
	padding-bottom:10px;
	margin-bottom:10px;
	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 #eadd73 solid;
}

.newsBox .imageBox {
	border: 1px solid #F29D08;
	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 #F29D08;
}

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

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

}

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



.banner h2{
	height:30px;
	margin-bottom:15px;
	border-radius:5px;
	background: #efe457; /* Old browsers */
	background: -moz-linear-gradient(top,  #efe457 0%, #feae31 90%, #f5ce48 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efe457), color-stop(90%,#feae31), color-stop(100%,#f5ce48)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #efe457 0%,#feae31 90%,#f5ce48 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #efe457 0%,#feae31 90%,#f5ce48 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #efe457 0%,#feae31 90%,#f5ce48 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #efe457 0%,#feae31 90%,#f5ce48 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efe457', endColorstr='#f5ce48',GradientType=0 ); /* IE6-9 */
	border:1px solid #f29d08;
	box-shadow:0px 0px 5px 0px rgba(161,101,42,0.7),0px 0px 1px 0px rgba(255,255,255,0.9) inset;
	text-align:center;
	line-height:30px;
	font-weight:bold;
	color:#7a5000;
	text-shadow: 1px 1px 1px #fff;
}

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

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

.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: #ad5b33; /* Old browsers */
	background: -moz-linear-gradient(top,  #ad5b33 0%, #763f23 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ad5b33), color-stop(100%,#763f23)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ad5b33 0%,#763f23 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ad5b33 0%,#763f23 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ad5b33 0%,#763f23 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ad5b33 0%,#763f23 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad5b33', endColorstr='#763f23',GradientType=0 ); /* IE6-9 */
}

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

#topcontrol {

}