body {
    background-color: rgb(86, 218, 255);
    font-family: Helvetica, Tahoma, Arial, “Microsoft YaHei”, “微软雅黑”, sans-serif;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
}

#header {
    background-color: rgba(255, 255, 255, 0.2);
    width: 100%;
    height: 64px;
    display: table;
}

#header #logo {
    display: table-cell;
    font-size: 32px;
    width: 50%;
    height: 64px;
    vertical-align: middle;
    text-align: left;
    padding-left: 16px;
}

#header #user {
    display: table-cell;
    height: 64px;
    width: 50%;
    vertical-align: middle;
    text-align: right;
    padding-right: 16px;
}

table {
    margin: auto;
}
.td_lable {
    text-align: right;
    padding-right: 8px;
    font-weight: bold;
}
.td_value {
    text-align: left;
}

#footer{
    height: 32px; width: 100%; position: fixed; bottom: 0; text-align: center;  font-size: 12px
}
#footer_auto{
    height: 32px; width: 100%; bottom: 0; text-align: center;  font-size: 12px; margin-top: 24px;
}

.abeian:link {font-size:12px; color:#FFFFFF; text-decoration:none;}
.abeian:visited {font-size:12px; color:#FFFFFF; text-decoration:none;}
.abeian:hover {font-size:12px; color:#FFFFFF; text-decoration:underline;}
.abeian:active {font-size:12px; color:#FFFFFF; text-decoration:none;}

.agame:link {color: yellow; text-decoration:underline;}
.agame:visited {color: yellow; text-decoration:underline;}
.agame:hover {color: yellow; text-decoration:underline;}
.agame:active {color: yellow; text-decoration:underline;}

a:link {font-size:16px; color:#FFFFFF; text-decoration:underline;}
a:visited {font-size:16px; color:#FFFFFF; text-decoration:underline;}
a:hover {font-size:16px; color:#FFFFFF; text-decoration:underline;}
a:active {font-size:16px; color:#FFFFFF; text-decoration:underline;}