body {
    background-color: #f5f5f5;
    font-size:16px;
    color: #1b202d;
    font-family:'Courier New', Courier, monospace;
}
h1{
    font-size:200%;
    background-color:#ff4281;
    font-weight: bolder;
    font-family: 'Courier New', Courier, monospace;
}
h2{
    font-size:150%;
    color:#d6006f;
    font-weight:bold;
    font-family: 'Courier New', Courier, monospace;
}
abbr{
    cursor: help;
}
/* 上 : 超链接 */
a{
    cursor: pointer;
}
    a:link{color:#6c7b99;}
    a:visited{color:#6c7b99;}
    a:hover{color: #d6006f;border: 1px dashed; background-color: #e6e6e6;}
.main {
        padding: 12px;
        display: inline-block;
        position: absolute;
        top: 0px;
        left: 200px;
        width: 1000px;
        text-align: left;
        align-items: left;
        min-height: calc(100% - 32px);
}
.sidebar{
    position: fixed;
    height: 100%;
    padding: 16px;
    top:0; left:0;
    overflow-x: hidden;
    width: 170px;
    font-size: 14px;
    text-align: center;
    align-items: center;
    display: inline-block;
    z-index: 1;
    top: 0;
    left: 0;
    color: #d6006f;
    background-color: #1b202d;
    h1{
        font-size: 18px;
        color:#ff4281;
        background-color: #1b202d;
        text-align: center;
    }
    a{
        background-color: #1b202d;
        color: #f5f5f5;
        text-align: left;
    }
        a:hover{color:#3e4b65}
        a:link{color:#f5f5f5;}
        a:visited{color:#f5f5f5;}
        a:hover{color: #f5f5f5;border: 1px dashed; background-color: #6c7b99;text-align: left;}
    ul{
        background-color: #1b202d;
        color: #f5f5f5;
        text-align: left;
        align-items: left;
        list-style: "/";
    }
    p{
        text-align: left;
    }
    hr{
        color:#3e4b65;
    }
}