@charset "utf-8";
/* CSS Document */

/* 侧栏 */
.side-bar {
    position: fixed;
    width: 0;
    overflow: visible;
    z-index: 99;
}
.side-bar a:link, .side-bar a:hover, .side-bar a:visited, .side-bar a:active {
    color: #fff;
    text-decoration: none;        
}
.box {
    display: inline-block;
    float: right;
    clear: both;  
}
.side {
    position: relative;
    left: 22px;
    padding: 16px 32px 16px 64px;
    margin: 8px;
    x-box-shadow: 0 0 8px 0 rgba(0,0,0,.5);
    box-shadow: 8px 0 8px -8px rgba(0,0,0,.5);
    background: #fff;
    transition: all .3s ease-in-out .1s;
}
.side:hover {
    position: relative;
    left: 100%;
    margin-left: -32px;
    box-shadow: 0 -8px 8px -8px rgba(0,0,0,.5),0 8px 8px -8px rgba(0,0,0,.5);
    transition: all .3s ease-in-out;
}
.side-content {
    color: #fff;
    font-family: droid sans,sans-serif;
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
}
.bg-01 {
    background: #539770;
}
.bg-02 {
    background: #4b7d74;
}
.bg-03 {
    background: #8dc2bc;
}
.bg-04 {
    background: #e2ae63; 
}
.bg-05 {
    background: #be7467;
}
.bg-06 {
    background: #edd6b4;
}

/* 媒体查询 */
@media (max-width: 767px) {
    .side {
        left: 15px;
    }
}