*{margin:0;padding:0;font-size:100%}
html{
    height:100%;
    font-size:16px;
    font-family:"Microsoft YaHei",sans-serif;
    overflow:hidden
}
header{
    height:5em;
    line-height:5em;
    background:url(../../images/logo.png) no-repeat;
    background-size:5em;
    overflow:hidden
}
header h1{
    padding-left:2.4em;
    font-size:2.2em;
    color:#093
}
header h1 span{
    color:red;
    font-size:.6em
}
.footer{
    padding:0 2em;
    height:1.6em;
    line-height:1.6em;
    font-size:.875em;
    background:#888;
    color:#fff;
    box-shadow:0 0 .1em #888
}
.footer p{
    float:left
}
.footer label{
    float:right
}
section.list-group{
    text-align:center;
    width:13em;
    position:fixed;
    top:6.4em;
    bottom:0;
    /*background:#90ee90*/
    background:url("../../images/header-circles.png") #385a10 no-repeat bottom right;
    background-size: 100%

}
section.list-group a{
    width:100%;
    height:2.5em;
    line-height:2.5em;
    text-decoration:none;
    display:block;
    color:#bbd804;
    /*background-image:linear-gradient(#00a000 0,#008c00 20%,green 50%,#008c00 80%,#00a000 100%);*/
    background-color:rgba(56,90,16,0.7);
    border-top:10px;
    border-bottom:10px;
}
section.list-group a.active{
    color:white;
    font-size:18px;

    /*background-color:#93f993*/
    background-color:rgba(56,90,16,0.7)
}
section.list-group a:hover{
    color:#eef9b1;
    font-size:19px;

    /*background-color:#93f993*/
    background-color:rgba(56,90,16,0.7)
}
iframe{
    border: 0;
    margin-left:13em;
    color:rgba(56,90,16,0.7);
}