body {
    color: #808080;
}

.banner {
    height: 6em;
    border-bottom: 1px solid #e0e0e0;
    background: url("../images/bannerc1.jpg") no-repeat center bottom;
    background-size: cover;
}


.article {
    display: block;
    overflow: hidden;
    margin: 0.5em;
    padding: 1em;
    background-color: #fff;
    box-shadow: #a0a0a0 0.1em 0.1em 0.3em;
}

    .article .article_title {
        padding: 0.5em 1em;
        font-size: 2em;
        color: #0094ff;
        text-align: center;
    }

    .article .article_subtitle {
        font-size: 1.2em;
        text-align: center;
        margin-bottom: 2em;
    }

    .article .article_content {
        font-size: 1.5em;
        line-height: 1.6em;
        margin-bottom: 2em;
    }

.article_footer {
    display: block;
    overflow: hidden;
    padding-top: 1em;
    margin: 2em 0;
    font-size: 1.5em;
    color: #808080;
    border-top: 1px solid #e0e0e0;
}

    .article_footer a {
        color: #808080;
    }

        .article_footer a:hover {
            color: #ff6a00;
        }

#article_pre, #article_next {
    margin: 0.5em 0;
    cursor: pointer;
}