cht/sp_maintain.htm

<!doctype html>
<html lang="zh-Hant" class="no-js">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>公務人力發展學院</title>
    <!--HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries [if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
    <link rel="icon" href="images/favicon.png" type="image/x-icon" />
<style>
    body{font-family:Lato,"PingFang TC","Helvetica Neue",Helvetica,微軟正黑體,Arial,sans-serif}.maintain:before{content:"";position:fixed;width:100%;height:100%;top:0;left:0;background:#36aaa0;background:-webkit-linear-gradient(top,#36aaa0,#1b619d);background:linear-gradient(to bottom right,#36aaa0,#1b619d);z-index:-1}.maintain{max-width:50em;color:#FFF;text-align:center;margin:2em auto;line-height:1.5em;padding:1em 2em 2em;border-radius:.5em;box-sizing:border-box}.emergency em{color:red;font-style:normal;font-weight:bold}.maintain h1{font-size:1.5em;line-height:1.45em;padding-bottom:.5em}.maintain a{color:#36aaa0;text-decoration:none;margin:0 .5em;font-size:1.5em}.maintain .pic{width:420px;height:420px;border-radius:50%;border:5px solid #FFF;margin:0px auto 1em}.maintain .pic img{width:100%}@media screen and (max-width:767px){.maintain{width:80%}br{display:none}.maintain .pic{width:100%;height:auto}}</style>
</head>

<body>
    <div class="maintain">
        <div class="pic">
            <img src="images/maintain.png" alt="">
        </div>
        <h1>很抱歉!!我們正在進行網站維護，<br>請稍待片刻即可正常瀏覽</h1>
    </div>
</body>

</html>