html {
    background-image: url("/static/image/qi_wei.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
body {
    background-color: rgba(255,255,255,0.4);
}
hr {
    border-top: solid 1px #76726d;
}
#head {
    color: #8c73b6;
}
#head .above, #head .below {
    background-color: #7d6f55;
}
.content button {
    color: #3e3e4b;
    background-color: rgba(180, 137, 60, 0.5);
    border: 1px solid #86813f;
}
.content button.active {
    color: #fff;
    background-color: #7d6f55;
    border: 1px solid #7d6f55;
}
.content button.disabled {
    background-color: gray;
}
.content button:not(.active):not(.disabled):hover {
    background-color: rgb(180, 137, 60);
}
#mid-block {
    color: #3e3e4b;
}
#mid-block p.title {
    color: #3e3e4b;
}
#mid-block .divider {
    color: #8d8d8d;
}
#mid-block .error {
    color: red;
}
span.detail {
    color: #fe6f6f;
}
.divider .side {
    background-color: #575757;
}
#control span {
    background-color: rgba(125,111,85,0.6);
    color: rgb(224,224,224);
    box-shadow: inset 6px 6px 12px #40392b, 
            inset -6px -6px 12px #baa57f;
}
#control span:hover {
    background-color: #7d6f55;
}