html,body{
	width: 100%;
	height: auto;
	font-family: "微软雅黑";
	background: #280a29;
}
body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,form,legend,button,input,textarea,th,td{
	margin:0;
	padding:0;
}
img{
	border: none;
}
a:focus{
	outline: none;
}
@media (max-width: 1023px) {
	.deriveBg .logo{
		width: 86%;
		margin: 0 auto;
	}
	.deriveBg .logo h2{
		padding: 35px 0 0 50px;
	}
	.tableWorks{
		width: 86%;
		margin: 0 auto;
	}
}
@media (min-width: 1024px) {
	.deriveBg .logo{
		width: 1002px;
		margin: 0 auto;
	}
	.deriveBg .logo h2{
		padding: 35px 0 0 50px;
	}
	.tableWorks{
		width: 1002px;
		margin: 0 auto;
	}
}
.deriveBg{
	width:100%;
}
.deriveComic{
	background: url(/images/ipimg/Comicbg.jpg) no-repeat top center;
	background-size: cover;
}
.deriveGame{
	background: url(/images/ipimg/Gamebg.jpg) no-repeat top center;
	background-size: cover;
}
.deriveMovies{
	background: url(/images/ipimg/Moviesbg.jpg) no-repeat top center;
	background-size: cover;
}
.tableWorks table{
	width: 100%;
	border-collapse: collapse;
	background: #fff;
	text-align: center;
	border: 0 none;
	margin-top: 868px;
	font-size: 16px;
	color: #0b051d;
}
.tableWorks table td{
	width: 25%;
	border: 1px solid #f8e9de;
}
.tableWorks table thead{
	background: #f8e9de;
	border: 0 none;
	line-height: 62px;
}
.tableWorks table tbody{
	line-height: 40px;
}
.deriveBg .footer{
	text-align: center;
	padding: 45px 0 60px;
	font-size: 14px;
	color: #fff;
}