
html,body{margin: 0;padding: 0;height: 100%;}
body{
	background: url(../images/bg-404.png) no-repeat center;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
.m-404{position: absolute;top: 50%;left: 0;right: 0;text-align: center;color: #fff;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.m-404 .pic{max-width: 562px;margin: 0 auto;}
.m-404 .pic img{max-width: 100%;}
.m-404 .tit{position: relative;z-index: 2;margin-top: -110px;margin-bottom: 80px;}
.m-404 .tit em{font-size: 70px;font-family: arial;font-weight: bold;font-style: normal;display: block;
	margin-bottom: 10px;
}
.m-404 .tit span{font-size: 20px;}
.m-404 .btn{width: 230px;height: 45px;background: #F53117;border-radius: 23px;display: block;text-align: center;
	line-height: 45px;font-size: 18px;color: #fff;margin: 0 auto;text-decoration: none;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.m-404 .btn:hover{opacity: .8;}
@media only screen and (max-width: 1440px) {
	.m-404 .tit em{font-size: 52px;}
	.m-404 .tit span{font-size: 18px;}

}
@media only screen and (max-width: 1199px) {
	.m-404 .tit em{font-size: 26px;margin-bottom: 5px;}
	.m-404 .tit span{font-size: 14px;}
	.m-404 .tit{margin-top: -65px;margin-bottom: 50px;}
	.m-404 .btn{width: 200px;height: 40px;line-height: 40px;font-size: 14px;}


}