/* 最新訊息 */
/* 內頁標題 - 文章標題 */
	.page-header { font-size:1.5rem; font-weight:600; border-bottom:1px solid #CCC;padding-bottom:10px;margin-bottom:30px; }
	.page-header span { font-size:0.9rem; font-weight:blod; }

	.page-header .span2 { font-size:1.5rem;padding:10px;border-bottom:2px solid #000; }


	/* 文章內容 */
	.post-date {
			font-size: .75rem;
			line-height: .975;
			margin: 0;
			padding: .625rem;
			text-align: center;
			font-weight: 700
	}

	.post-date .day {
			display: block;
			font-size: 1.5rem;
			/* color: #2d353c; */
	}

	.post-date .month {
			display: block;
			margin-top: .3125rem;
			/* color: #2d353c */
	}

	.post-date+.post-likes {
			border-top: 2px solid #dee2e6
	}

	@media (max-width: 991.98px) {
			.post-date {
					padding:0;
					margin: 0;
					line-height: 1.3;
					display: inline-block
			}

			.post-date .day,.post-date .month {
					font-size: .8125rem;
					margin: 0;
					display: inline-block
			}

			.post-date+.post-likes {
					border-top: none;
					border-left: 2px solid #dee2e6;
					margin-left: .625rem;
					padding-left: .75rem
			}
	}


			
	.post-left-info {
			width: 3.125rem;
			float: left;
			margin-right: 1.25rem
	}

	.post-left-info+.post-content {
			margin-left: 4.375rem
	}

	@media (max-width: 991.98px) {
			.post-left-info {
					float:none;
					width: auto;
					margin: 0 0 10px
			}

			.post-left-info:after,.post-left-info:before {
					content: '';
					display: table;
					clear: both
			}

			.post-left-info+.post-content {
					margin: 0
			}
	}

	.post-likes {
			padding: .625rem 0;
			font-size: .75rem;
			line-height: .60938rem;
			text-align: center;
			font-weight: 600;
			/* color: #2d353c */
	}

	@media (max-width: 991.98px) {
			.post-likes {
					padding:0;
					margin: 0;
					line-height: 1.3;
					display: inline-block
			}
	}

			

	.post-list {
			list-style-type: none;
			margin: 0;
			padding: 0
	}

	.post-list:after,.post-list:before {
			content: '';
			display: table;
			clear: both
	}

	.post-list>li {
			padding: 0
	}

	.post-list>li+li {
			margin-top: 3.75rem
	}

	@media (max-width: 991.98px) {
			.post-list>li+li {
					margin-top:2.8125rem
			}
	}

	.post-list blockquote {
			border: none;
			background: #e9ecef;
			font-size: 1.125rem;
			line-height: 1.8;
			padding: 1.875rem;
			color: #2d353c;
			margin-bottom: 1.875rem
	}

	@media (max-width: 991.98px) {
			.post-list blockquote {
					margin-bottom:1.5625rem;
					padding: 1.25rem;
					line-height: 1.5
			}
	}


	.post-title {
    font-size: 1.6rem !important;
	}

.post-desc {
    margin-bottom: 1.875rem;
    line-height: 1.8;
    color: #6c757d
}

.post-desc .h2,.post-desc h2 {
    font-size: 1.35rem;
    font-weight: 600;
		padding-top: 1rem;
}

.post-desc p,
.post-desc li {
		font-size: 1rem;
    /* margin-bottom: 1rem; */
}

.post-desc a {
    color: #00acac
}

.post-desc a:focus,.post-desc a:hover {
    color: #006060
}

@media (max-width: 991.98px) {
    .post-desc {
        margin-bottom:1.5625rem;
        font-size: .8125rem;
        line-height: 1.5
    }

    .post-desc p {
        margin-bottom: .9375rem
    }
}

.post-detail .post-by {
    margin-bottom: 1.25rem
}

.post-grid {
    orphans: 1;
    widows: 1;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem
}

.post-grid .post-li {
    display: inline-block;
    margin-bottom: 1.25rem
}

.post-grid .post-li .post-image,.post-grid .post-li .post-video {
    margin: -1px -1px 0
}

.post-grid .post-li .post-content {
    border: 1px solid rgba(45,53,60,.15)
}

.post-grid .post-li .post-info {
    padding: 1.875rem
}

.post-grid .post-li blockquote {
    margin-bottom: 0
}

.post-grid.post-grid-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
}

.post-grid.post-grid-3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3
}

.post-grid.post-grid-4 {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4
}

@media (max-width: 991.98px) {
    .post-grid {
        -webkit-column-count:1;
        -moz-column-count: 1;
        column-count: 1
    }

    .post-grid .post-li .post-info {
        padding: 1.25rem
    }

    .post-grid.post-grid-2,.post-grid.post-grid-3,.post-grid.post-grid-4 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
}

.post-image-cover {
    position: relative;
    padding-top: 56%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.post-image,.post-video {
    margin-bottom: 1.875rem
}

@media (max-width: 991.98px) {
    .post-image,.post-video {
        margin-bottom:1.5625rem
    }
}