body{
    background:#fff;
}
.article{
    width: 1000px;
    margin:15px auto;
}

.article-left{
    width:150px;
    border: 1px solid #f2f2f2;
    float:left;
    padding:4px 8px 4px 8px;
}

.article-left-title{
    font-weight:bold;
    font-size:15px;
    border-bottom:#ccc dotted 1px;
    line-height:32px;
    text-indent:8px;
    cursor:pointer;
}

.article-left-title.last{
    border-bottom: none;
}

.article-left-item{
    font-size:12px;
    border-bottom:#d2d2d2 solid 1px;
    line-height:32px;
    margin:10px 10px 10px 20px;
    text-indent:16px;
    background:url(../images/more_left_ico.jpg) left center no-repeat;
    display:none;
}

.article-left-menu.article-item-active .article-left-item{
    display:block;
}

.article-left-item a{
    color:#000;
}

.article-left-item a:hover,.article-left-item a.selected{
    color:#f00;
}

.article-right{
    width:800px;
    float:right;
}

.article-list-title{
    font-weight:bold;
    background:#F7F7F7;
    border:1px solid #E8E8E8;
    margin:15px 0 15px 0;
    text-indent:20px;
}

.article-right-group li.article-list-title span{
    right:60px;
}

.article-right-group li{
    position:relative;
    line-height:22px;
    border-bottom:#e9e9e9 solid 1px;
    padding:4px 0 4px 10px;
}
.article-right-group li a{
    color:#333;
}
.article-right-group li span{
    position:absolute;
    top:4px;
    right:20px;
}

.article-right .dh{
    line-height:30px;
    border-bottom:#d2d2d2 solid 1px;
}

.article-right .dh a{
    color:#000;
}

.article-right .dh a:hover{
    color:#f00;
}

.article-title{
    font-size:22px;
    margin:20px;
    text-align:center;
}

.article-label{
    text-align:center;
    line-height:30px;
}

.article-content{
    padding: 15px 0 10px 1px;
    min-height: 200px;
    margin-bottom: 20px;
    font-size:16px;
    line-height:32px;
}

.article-content img{
    max-width:100%;
}

.article-content.article-full{
    padding:0;
}

.pretty-table{
    border-left:#eee solid 1px;
    border-top:#eee solid 1px;
    margin:10px;
}

.pretty-table td{
    border-right:#eee solid 1px;
    border-bottom:#eee solid 1px;
    padding:3px 6px 3px 6px;
    font-size:12px;
}

.pretty-table td a{
    color:#666;   
}

.image-table img{
    max-width:500px;
}

.fixed-image-table img{
    max-height:220px;
}

#float-content-box {
    position: fixed;
    left: 10px;
    top: 365px;
    width: auto;
    background: rgba(255,255,255,1);
    border: #E53343 solid 1px;
    border-radius: 12px;
    padding: 10px;
}
#float-content-box a {
    display: block;
    line-height: 30px;
    color: #000;
    font-size: 14px;
}
.active-content, .active-content * {
    color: red!important;
}