<!DOCTYPE HTML>
<html lang="zh-tw">
<head>
<meta charset="UTF-8">
<title>Page not found</title>
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
</head>
<body>
<style>
::selection {
color: #fff;
background: #040114;
}
body {
margin: 0;
padding: 0;
font-family: 'Roboto', sans-serif;
font-size: 100%;
background: url(/error_image/404.jpg) center center fixed no-repeat;
background-size: cover;
background-color: #000;
}
#error-page {
min-height: 768px;
}
.message {
text-align: center;
position: absolute;
left: 50%;
top: 25%;
margin-left: -175px;
}
.message h1 {
margin: 0 0.2em 0 0;
color: #fff;
font-size: 8.5em;
font-weight: normal;
}
.message h2 {
margin: 0;
padding: 0;
color: #fff;
}
.message p {
color: #fff;
}
.home {
color: #fff;
}
a.home:hover {
text-decoration: none;
}
</style>
<div id="error-page">
<section class="message">
<h1>404</h1>
<h2>Page not found</h2>
<p>Sorry, it seems like you're in the wrong orbit, <br>
get back to your home planet by <a class="home" href="/">clicking here!</a></p>
</section>
</div>
</body>
</html>