@charset "utf-8";  
/*------------------------------------------------------------ 
    404 css
------------------------------------------------------------*/

#pankuzu{ border-bottom:1px solid #F1F1F1;}

#error-page{
	width:auto;
	padding:100px 15px;
	text-align:center;
	background:#fff;
}

#error-page h1{
	color:#5F6B78;
	font-size:350%;
	font-weight:bold;
	margin-bottom:30px;
}

.text{
	color:#5F6B78;
	font-size:134%;
	font-weight:bold;
	line-height:1.6;
	margin:35px 0;
}

.text a{
	display:block;
	margin-top:30px;
	font-size:109%;
	text-align:center;
	color:#666;
	font-weight:bold;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.prev{ margin-top:40px;}
.prev a{
	display:inline-block;
	width:150px;
	text-align:center;
	font-size:117%;
	color:#666;
	font-weight:bold;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.prev a:first-child{ border-right:1px solid #666;}

.text a:hover,
.prev a:hover,
.prev .hover{ color:#000;}

#mainImg{
	width:100%;
	max-width:334px;
	margin:0 auto;
}

.more{
	width:280px;
	height:50px;
	margin:0 auto 0;
}

.more a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	line-height:50px;
	color:#fff;
	font-size:134%;
	font-weight:bold;
	background:#BEC3C7;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}

.more a:hover,
.more .hover{ background:#0099FF;}

@media screen and (max-width: 920px){

#error-page{ padding:50px 15px;}
#error-page h1{ font-size:250%;}
.text{
	font-size:125%;
	margin:15px 0 40px;
}

.text a{ margin-top:20px;}


}

@media screen and (max-width: 650px){

#error-page{ padding:30px 15px;}

#error-page h1{ font-size:150%;}
.text{
	font-size:109%;
}

.prev a{
	width:130px;
	font-size:109%;
}

}


@media screen and (max-width: 479px){

.text{ text-align:left;}

}