/*alex for article-----------*/
.font {
    font-family: 微軟正黑體;
    font-weight: bold;
}

.font24 {
    font-size: 24px;
    font-family: 微軟正黑體;
}

.font20 {
    font-size: 20px;
    font-family: 微軟正黑體;
    line-height: 30px;
    text-align: justify;
}

.font18 {
    font-size: 18px;
    font-family: 微軟正黑體;
    line-height: 30px;
    text-align: justify;
    text-indent: 2em;
}

/*-----------*/
@media (max-width: 767px) {
    .banner {
        display: none;
    }

        .banner + .page-intro {
            margin-top: 0 !important;
        }

    .blogpost .side {
        width: 100%;
        float: none;
    }

        .blogpost .side .post-info {
            display: inline-block;
        }

        .blogpost .side #affix {
            display: inline-block;
            float: right;
        }

        .blogpost .side .social-links li {
            display: inline-block;
        }

        .blogpost .side span.share {
            padding-top: 0;
        }

    .blogpost .blogpost-content {
        margin-left: 0;
    }
}