html{background-color: lightseagreen;}
html,body {text-align:center; width:100%;margin:0px;padding:0px;font-family:"Microsoft YaHei";}
#menu {width:300px;height:100%; margin:0 auto;}
#menu div {width:100%;height:30px;margin-top:20px;}
#menu div a {width:100%;height:30px;line-height:30px;display:inline-block;text-decoration:none;
    background-color:#000;opacity:0.6;color:#fff;border-left:0px solid #9c0;border-radius:5px;
    transition:all 0.1s ease;}
#menu div a:link    {background-color:#000;color:#fff;}
#menu div a:visited {background-color:#000;color:#fff;}
#menu div a:hover   {background-color:#000;opacity:0.9;color:#fff;border-left:10px solid #9c0;}
#menu div a:active  {background-color:#9c0;color:#fff;}

#footer {position: fixed;background-color: #000;opacity: 0.6; bottom: 0;width: 100%;height:50px;margin: 0px;padding: 0px;}
#footer a {height: 100%;line-height: 50px; color: #fff; text-decoration: none;}
#footer a:link    {color:#fff;}
#footer a:visited {color:#fff;}
#footer a:hover   {color:#fff;}
#footer a:active  {color:#fff;}