.article-frame {
    padding: 30px 15px;
    min-height: 700px;
    background-color: #fff;
    box-shadow: 0 10px 40px #dee3eb;
}

.article-frame .article-empty {
    margin: 100px auto;
    text-align: center;
    font-size: 20px;
    color: #999;
}

.article-content.pull-right {
    width: 1000px;
}

.article-content table {
    margin-bottom: 10px;
    border-collapse: collapse;
    display: table
}

.article-content td,th {
    padding: 5px 10px;
    border: 1px solid #DDD
}

.article-content caption {
    border: 1px dashed #DDD;
    border-bottom: 0;
    padding: 3px;
    text-align: center
}

.article-content th {
    border-top: 1px solid #BBB;
    background-color: #F7F7F7
}

.article-content table tr.firstRow th {
    border-top-width: 2px
}
.article-content td p {
    margin: 0;
    padding: 0
}

.article-content .multiblock-imgs img {
    display: block;
    margin: 0 auto;
    padding: 0;
}


.article-sidebar {
    background-color: #2b2b2b;
    margin-left: 40px;
    width: 200px;
    min-height: 700px;
    padding: 40px 0 40px 10px;
    border-radius: 6px;
}

.article-sidebar .sidebar-list {
    padding-left: 20px;
}
.article-sidebar .sidebar-item a{
    display: block;
    text-align: center;
    padding: 12px 8px;
    font-size: 18px;
    margin: 20px 0;
    color: #6b6b6b;
    background: transparent url('../image/icon_arrow.png') no-repeat 25px center;
    border-radius: 3px 0 0 3px;
    transition: .5s all;
}

.article-sidebar .sidebar-item a:hover{
    background-image: url('../image/icon_arrow_hover.png');
    color: #a7a6a6;
}

.article-sidebar .sidebar-item.sidebar-item-active a{
    background-image: url('../image/icon_arrow_active.png');
    color: #fff;
}

.article-info {
    text-align: center;
    margin: 32px 0;
    border-bottom: 1px dotted #e2e2e2;
}

.article-info .article-title{
    font-size: 26px;
}

.article-info .article-info-item {
    margin: 0 16px;
    color: #999;
}

.article-gridlist .gridlist-item{
    overflow: hidden;
}

.article-gridlist dt{
    float: left;
    padding: 18px;
}

.article-gridlist .gridlist-item-cover{
    padding: 3px;
    border-radius: 3px;
    border: 1px solid #eaeaea;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
    display: block;
}

.article-gridlist dd{
    padding: 18px;
}

.article-gridlist .gridlist-item-title{
    padding-top: 26px;
}

.article-gridlist .gridlist-item-title a {
    font-size: 26px;
    color: #333333;
}

.article-gridlist .gridlist-item-info span{
    margin-right: 40px;
    color: #848484;
}


.article-page {
    text-align: center;
    margin: 40px 0 20px;
}