@charset "utf-8";

.wrapper{
	background:url(../img/footer_bg.jpg)no-repeat center bottom;
}

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

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

#header .logo {
	position:absolute;
	display:block;
	width:470px;
	height:150px;
	margin:50px 0 0 250px;
	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;
}

#spec{
	clear:both;
	float:right;
	margin: 380px 5px 20px 5px;
	background: url(../img/box_bg.png);
	box-shadow: 0 0 5px 0 rgba(255, 214, 233, 0.3);
	border:1px solid #735965;
	color:#ffcfe5;
	font-size:93%;
	text-shadow: 1px 1px 2px #000;
}

#spec{
	/margin: 450px 5px 20px 5px;
}

#spec dl{
	margin:10px;
}

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

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

.box{
	clear:both;
	width:960px;
	margin:0px auto 5px;
	background: url(../img/box_bg.png);
	box-shadow: 0 0 5px 0 rgba(255, 214, 233, 0.3);
	border:1px solid #735965;
	overflow:hidden;
	_zoom:1;
}

.footBg{
	background:url(../img/footBg_bg.png) right bottom no-repeat;
	margin-bottom:30px;
	overflow:hidden;
	_zoom:1;
}


.main{
	float:left;
	width:600px;
	overflow:hidden;
	_zoom:1;
	margin:30px 20px 0;
	margin-bottom:15px;
}

* html .main{
	margin:30px 10px 0;
}

#introduction{
}

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

#introduction h3{
	margin-bottom:20px;
	font-weight:bold;
	font-size:174%;
	line-height:134%;
	color:#fa98c2;
	border-bottom:solid 3px #5f3949;
}

#introduction p {
	width: 600px;
}

#introduction .youtube{
	width:598px;
	border: 1px solid #614651;
	margin-bottom:20px;
}

#introduction .youtube iframe{
	z-index:-1;
border:none;
}

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

#introduction .ss ul{
	margin-right:-10px;
}

#introduction .ss ul li{
	float:left;
	margin-right:10px;
	border: 1px solid #614651;
	width:293px;
	height:165px;
	background:#fff;
}


#introduction .ss ul li{
	/margin-right:5px;
}

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

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

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

#series{
	padding:18px;
	border:1px solid #6b4555;
	margin-bottom:30px;
	background:#120008;
	box-shadow: 0 0 3px 0 rgba(105, 45, 71, 0.8) inset;
	background:url(../img/series_bg.jpg) no-repeat left top;
}

#series h2{
	height:60px;
	margin-bottom:15px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#series p.outline{
	height:46px;
	margin-bottom:15px;
}

#series ul{
	height:56px;
	overflow:hidden;
	margin-bottom:5px;
}

#series ul li{
	float:left;
	margin-right:10px;
	text-align:center;
	color:#c0c0c0;
}

#series ul li.last{
	margin-right:0;
}

#series ul li a{
	display:block;
	width:102px;
	height:44px;
	color:#fff;
}

#series ul li a:hover{
	color:#ffe87a;
}

#series .arrow {
	width:102px;
	height:44px;
	position: relative;
background: #38263f; /* Old browsers */
background: -moz-linear-gradient(top,  #38263f 0%, #5d4a60 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#38263f), color-stop(100%,#5d4a60)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #38263f 0%,#5d4a60 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #38263f 0%,#5d4a60 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #38263f 0%,#5d4a60 100%); /* IE10+ */
background: linear-gradient(to bottom,  #38263f 0%,#5d4a60 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38263f', endColorstr='#5d4a60',GradientType=0 ); /* IE6-9 */


	border: 1px solid #5C495F;
	border-radius:5px;
	font-size:172%;
	font-weight:bold;
	line-height:186%;

}
#series .arrow:after, .arrow:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#series .arrow:after {
	border-color: rgba(117, 21, 61, 0);
	border-top-color: #5A475D;
	border-width: 10px;
	left: 50%;
	margin-left: -10px;
}
#series .arrow:before {
	border-color: rgba(187, 98, 136, 0);
	border-top-color: #5A475D;
	border-width: 11px;
	left: 50%;
	margin-left: -11px;
}

#series .selected {
	width:102px;
	height:44px;
	position: relative;
	background: #75153d; /* Old browsers */
	background: -moz-linear-gradient(top,  #75153d 0%, #e34186 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#75153d), color-stop(100%,#e34186)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #75153d 0%,#e34186 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #75153d 0%,#e34186 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #75153d 0%,#e34186 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #75153d 0%,#e34186 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75153d', endColorstr='#e34186',GradientType=0 ); /* IE6-9 */
	border: 1px solid #bb6288;
	border-radius:5px;
	font-size:172%;
	font-weight:bold;
	line-height:186%;
}
#series .selected:after, .selected:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#series .selected:after {
	border-color: rgba(117, 21, 61, 0);
	border-top-color: #e34186;
	border-width: 10px;
	left: 50%;
	margin-left: -10px;
}

#series .selected:before {
	border-color: rgba(187, 98, 136, 0);
	border-top-color: #e34186;
	border-width: 11px;
	left: 50%;
	margin-left: -11px;
}

#series .commingSoon {
	width:102px;
	height:44px;
	position: relative;
	background: #393a39; /* Old browsers */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393a39', endColorstr='#5A475D',GradientType=0 ); /* IE6-9 */
	border: 1px solid #727272;
	border-radius:5px;
}
#series .commingSoon:after, .commingSoon:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#series .commingSoon:after {
	border-color: rgba(117, 21, 61, 0);
	border-top-color: #393a39;
	border-width: 10px;
	left: 50%;
	margin-left: -10px;

}
#series .commingSoon:before {
	border-color: rgba(114, 114, 114, 0);
	border-top-color: #727272;
	border-width: 11px;
	left: 50%;
	margin-left: -11px;
}

#series .seriesBox{
	background:url(../img/box_bg.png) repeat;
	padding:10px 10px 5px 10px;
	clear:both;
	border:1px solid #4a2f3b;
	overflow:hidden;
	_zoom:1;
}

#series .seriesBox h3{
	font-weight:bold;
	font-size:129%;
	line-height:129%;
	margin-bottom:10px;
}

#series .seriesBox .image{
	width:140px;
	height:100px;
	float:left;
	margin-right:10px;
	border:1px solid #674a56;
	background:#fff;
}

#series .seriesBox span.comming{
	font-size:60px;
	color:#ccc;
}

#series .seriesBox .image a:hover{
	opacity:0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90)";
}

#series .seriesBox p{
	margin-bottom:5px;
}

#series .seriesBox a.more{
	background:url(../img/series_more.png) no-repeat left;
	padding-left:18px;
	float:right;
	font-weight:bold;
	font-size:108%;
}

#news{
	width:600px;
}

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

.newsBoxWrap{
	background: url("../img/box_bg.png");
	border: 1px solid #4A2F3B;
	padding:10px;
	overflow:hidden;
	_zoom:1;
}

.newsBox{
	overflow:hidden;
	_zoom:1;
	margin-bottom:15px;
	z-index: 10;
	position: relative;
	border-bottom: 1px #7a646d solid;
}

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

.newsBox .imageBox {
	border: 1px solid #614651;
	float: left;
	margin-bottom:15px;
	text-align: center;
	width: 140px;
	background:#fff;
}

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

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

.newsBox .textBox .description {
	color: #e0e0e0;
	font-size: 93%;
	line-height:110%;
	margin-bottom: 5px;
}
.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 p.info span.date {
	color: #828282;
	font-size: 86%;

}

#news .more{
	float:right;
	width:150px;
	height:30px;
	margin:5px 0 0;
	line-height:30px;
	text-align:center;
	background:#fff;
	border-radius:5px;
}

#news .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;
}

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

.sidebar{
	width:300px;
	float:right;
	margin:30px 20px 0 0;
}

* html .sidebar{
	margin:30px 10px 0 0;
}

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

#movie{
	overflow:hidden;
	_zoom:1;
	margin-bottom:30px;
}

#movie li{
	overflow:hidden;
	_zoom:1;
	padding-bottom:15px;
	border-bottom:1px solid #614651;
	margin-bottom:15px;
}

#movie .thumbWrap{
	margin-right:10px;
	float:left;
	display:block;
	width:120px;
	height:60px;
	background:#fff;
}

#movie img{
	border:1px solid #614651;
}

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

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

#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 )";
}


#seriesBanner{
	width:300px;
	margin-bottom:30px;
}

#seriesBanner ul li{
	width:298px;
	height:100px;
	margin-bottom:10px;
	border:1px solid #614651;
	background:#fff;
}

#seriesBanner ul li a{
	display:block;
	width:298px;
	height:100px;
}

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

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

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

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

#footer{
	background: #272727; /* Old browsers */
	background: -moz-linear-gradient(top,  #272727 0%, #131313 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#272727), color-stop(100%,#131313)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #272727 0%,#131313 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #272727 0%,#131313 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #272727 0%,#131313 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #272727 0%,#131313 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272727', endColorstr='#131313',GradientType=0 ); /* IE6-9 */

	margin-top: 60px;
	text-align: center;
	height: 150px;
}

#footer p{
	color:#fff;
	font-size:93%;
	text-shadow: 1px 1px 1px #000;
	padding-top:70px;
}

#topcontrol {

}

p.cooperation{
	text-align:right;
}