.area_content {
    margin-bottom: 26px
}

.post-item {
    float: left;
    width: 100%;
    height: auto;
    padding: 0 0 20px 0
}

.post-item .post-item-wrap {
    background-color: #fff;
    position: relative;
}

.post-item img {
    width: 100%;
    height: auto
}

.post-item .post-audio,
.post-item .post-image,
.post-item .post-quote-img,
.post-item .post-slider,
.post-item .post-video {
    margin: 0;
    position: relative;
    padding: 0
}


.post-item .post-audio .post-meta-category a,
.post-item .post-image .post-meta-category a,
.post-item .post-quote-img .post-meta-category a,
.post-item .post-slider .post-meta-category a,
.post-item .post-video .post-meta-category a {
    color: #fff
}

.post-item .post-quote-img .post-meta-category {
    background-color: #fff;
    color: #2250fc
}

.post-item .post-quote-img .post-meta-category a {
    color: #2250fc
}

.post-item .post-video iframe,
.post-item .post-video video {
    width: 100%;
    background-color: #000
}

.post-item .post-audio > a > img {
    margin-bottom: -28px
}

.post-item .post-audio audio,
.post-item .post-audio iframe {
    width: 100%
}

.post-item .post-audio audio {
    margin-bottom: -6px
}

.post-item .post-item-description {
    padding: 24px;
    line-height: 28px;
    color: #5B5B5B;
}

.post-item .post-item-description p {
    font-size: 16px;
}

.post-item .post-item-description > h2,
.post-item .post-item-description > h2 > a {
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 16px;
    color: #333;
    font-weight: 600;
    font-family: "Microsoft JhengHei";
    margin-top: 15px;
    letter-spacing: 1px;

}

.post-item .post-item-description .post-meta-category,
.post-item .post-item-description .post-meta-comments,
.post-item .post-item-description .post-meta-date {
    color: #00896C;
    position: relative;
    top: -4px;
    font-size: 16px;
    margin-right: 8px;
    font-family: "Microsoft JhengHei";
    font-weight: 600;
}

.post-item .post-item-description .post-meta-category p {
    color: #00AE8B;
    margin-top: 0px;
    font-size: 15px;
    letter-spacing: 1px;
}

.post-item .post-item-description .post-meta-category i,
.post-item .post-item-description .post-meta-comments i,
.post-item .post-item-description .post-meta-date i {
    margin-right: 4px !important
}

.post-item .post-item-description .post-meta-category a,
.post-item .post-item-description .post-meta-comments a,
.post-item .post-item-description .post-meta-date a {
    color: #72636E;
}

.post-item .post-item-description .post-post-likes {
    float: right;
    font-size: 14px;
    color: #aaa
}

.post-item .post-item-description .post-post-likes i {
    margin-right: 8px;
    color: #aaa
}

.post-item.shadow {
    box-shadow: none
}

.post-item.shadow .post-item-wrap {
    box-shadow: 0 1px 10px #efefef !important
}

.post-item.grey-bg .post-item-wrap {
    background-color: #f7f7f7
}

.post-item.border {
    border: none !important
}

.post-item.border .post-item-wrap {
    border: 1px solid #f2f2f2
}

.post-item.border > .post-item-wrap > .post-item-description {
    padding: 24px !important;
    width: 100% !important
}

.post-item.quote .post-item-wrap {
    background-color: #2250fc;
    border-radius: 4px;
    border-width: 0
}

.post-item.quote .post-quote-img img {
    width: auto;
    margin-left: 40px;
    margin-top: 40px
}

.post-item.quote .post-item-description {
    padding: 40px
}

.post-item.quote .post-item-description .post-meta-category,
.post-item.quote .post-item-description .post-meta-comments,
.post-item.quote .post-item-description .post-meta-date {
    color: #fff;
    opacity: .8
}

.post-item.quote .post-item-description .post-meta-category a,
.post-item.quote .post-item-description .post-meta-category p,
.post-item.quote .post-item-description .post-meta-comments a,
.post-item.quote .post-item-description .post-meta-comments p,
.post-item.quote .post-item-description .post-meta-date a,
.post-item.quote .post-item-description .post-meta-date p {
    color: #fff
}

.post-item.quote .post-item-description .item-link,
.post-item.quote .post-item-description a,
.post-item.quote .post-item-description p,
.post-item.quote .post-item-description > h3,
.post-item.quote .post-item-description > h3 > a {
    color: #fff
}

.post-item.quote .post-item-description .post-author {
    font-size: 14px;
    height: 40px
}

.post-item.quote .post-item-description .post-author > img {
    height: 28px;
    margin-right: 8px;
    width: 28px
}

.post-items-transparent .post-item .post-item-wrap {
    border: 0;
    background-color: transparent
}

.post-items-transparent .post-item .post-item-wrap .post-item-description .post-meta-category,
.post-items-transparent .post-item .post-item-wrap .post-item-description .post-meta-comments,
.post-items-transparent .post-item .post-item-wrap .post-item-description .post-meta-date,
.post-items-transparent .post-item .post-item-wrap .post-item-description > p {
    opacity: .7
}


.post-thumbnails .post-item {
    width: 100%;
    margin-top: 8px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 20px;
    padding-left: 0;
}

.post-thumbnails .post-item .post-audio,
.post-thumbnails .post-item .post-image,
.post-thumbnails .post-item .post-slider,
.post-thumbnails .post-item .post-video {
    float: left;
    width: 46%;
}

.post-thumbnails .post-item:not(.quote) .post-item-description {
    float: left;
    padding-top: 0;
    width: 54% !important
}

.post-image {
    margin-bottom: 20px
}

.post-image img {
    width: 100%;
    border-radius: 7px
}

@media (max-width:767px) {
    .post-thumbnails .post-item {
        width: 100%
    }

    .post-thumbnails .post-item .post-audio,
    .post-thumbnails .post-item .post-image,
    .post-thumbnails .post-item .post-slider,
    .post-thumbnails .post-item .post-video {
        float: none;
        width: 100%
    }



    .post-thumbnails .post-item:not(.quote) .post-item-description {
        padding-top: 24px;
        width: 100% !important
    }
}