<?php
/**
 * 404 错误页面
 */

get_header(); 

?>

<style>
#heku_content{text-align: center;padding: 4% 0% 10% 0%;}
#heku_content .text-line{font-size:20em;text-shadow: 4px 4px 2px #8f9f9f, -4px -4px 2px #f1f1f178;}
#heku_content .text-line2{font-size:2em;color: #41a3ab;}
#heku_content a.text-line3{background:#1a54b5;border-radius:40px;padding:5px 31px 8px 31px;font-size:25px;color:#fff;}
#heku_content a.text-line3:hover{background:#41a3ab;color:#fff;}
#heku_content .text-line3div{padding-top: 40px;}
#heku_content .text-copy{fill:#def0f06e;stroke:white;stroke-dasharray:7% 21%;stroke-width:3px;-webkit-animation:stroke-offset 8s infinite linear;animation:stroke-offset 8s infinite linear;}
#heku_content .text-copy:nth-child(1){stroke:#360745;stroke-dashoffset:7%;}
#heku_content .text-copy:nth-child(2){stroke:#d61c59;stroke-dashoffset:14%;}
#heku_content .text-copy:nth-child(3){stroke:#e7d84b;stroke-dashoffset:21%;}
#heku_content .text-copy:nth-child(4){stroke:#efeac5;stroke-dashoffset:28%;}
#heku_content .text-copy:nth-child(5){stroke:#1b8798;stroke-dashoffset:35%;}
@-webkit-keyframes stroke-offset{
	50%{stroke-dashoffset:35%;stroke-dasharray:0 87.5%;}
}
@keyframes stroke-offset{
	50%{stroke-dashoffset:35%;stroke-dasharray:0 87.5%;}
}
</style>

<?php get_template_part( "TempParts/Main/TopMenu/top_menu"); ?>

<div id="heku_content">
	<div class="text-line-svg">
		<svg width="600" height="300"  viewBox="0 0 600 320">
			<symbol id="s-text">
				<text text-anchor="middle" x="50%" y="80%" class="text-line">404</text>
			</symbol>
			<g class="g-ants">
				<use xlink:href="#s-text" class="text-copy"></use>
				<use xlink:href="#s-text" class="text-copy"></use>
				<use xlink:href="#s-text" class="text-copy"></use>
				<use xlink:href="#s-text" class="text-copy"></use>
				<use xlink:href="#s-text" class="text-copy"></use>
			</g>
		</svg>
	</div>
	<div class="text-line2div">
		<text text-anchor="middle" x="50%" y="60%" class="text-line2">抱歉您找的页面找不到了</text>
	</div>
	<div class="text-line3div">
		<a href="<?php echo home_url(); ?>" text-anchor="middle" x="50%" y="60%" class="text-line3">返回网站首页</a>
	</div>
</div><!-- / end heku_content -->

<?php get_footer(); ?>