<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <title>资源未找到</title>
    <link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/dataTables.bootstrap.css">
    <link rel="stylesheet" href="${ctx}/css/basic.css">
    <style>
        body,html{
            background-color: #ccc;
        }
        #errorCode{
            font-family: 'wuxin',serif !important;
            line-height: 280%;
        }
        #errorMsg{
            font-size: 30px;
        }
        .aBlank{
            color: blue;
        }
    </style>
</head>
<body>
<div class="container-fluid" >
    <div class="row">
        <div class="col-sm-8 col-sm-offset-2 col-md-8 col-md-offset-2" id="main">
            <div class="row pd15" id="mainCode">
                <div class="col-sm-8 col-sm-offset-2 col-md-8 col-md-offset-2">
                    <div  style="margin: 0 auto">
                        <img src="${ctx}/images/img/error.png" class="fl">
                        <div class="fl mt20 ml20" id="errorCode">
                            <p id="errorMsg">所访问的资源不存在:404</p>
                            <p>可能原因：</p>
                            <p>1：手抖打错资源路径。</p>
                            <p>2：链接过了保质期。</p>
                            <p><a  class="aBlank"  href="/sso">重新登录</a></p>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
<script>
    var $main=$("#main");
    var $mainCode=$("#mainCode");
    $(function () {
        var height=$(window).height();
        $main.eq(0).css("margin-top",height*0.1);
        $mainCode.eq(0).css("margin-top",height*0.1);
        $main.eq(0).css("height",height*0.8);
    })
</script>
</body>
</html>
