/*********************************************
 圖文公告列表
 外掛 template/front/imagenews_list.php
 呼叫 in_functions.php 的 show_imgnews_item()
**********************************************/

/* 每則公告列表 */ 
.imgnews_list_item {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.imgnews_list_item .img_box {
	flex: 0 0 30%;
}


.imgnews_list_item .text_box {
	position: relative;
	flex: 0 0 65%;
}

.imgnews_box {
	display: flex;
	flex-direction: row;	/* 水平 */
	flex-wrap: wrap;
	justify-content: space-between;	/* 等距 */
	align-items: stretch;	/* 各元素等高 */
}

.imgnews_list_item .text_box .post_meta {
	margin: 0;
	padding: 0;
	list-style: none;
}

.imgnews_list_item .text_box .post_meta li {
	display: inline-block;
	margin-left: 2em;
}

.imgnews_list_item .text_box .post_meta li:first-child {
	margin-left: 0;
}

/* 公告日期 */
.imgnews_list_item .text_box .post_date {
	color: #900;
}

/* 發佈單位 */
.imgnews_list_item .text_box .post_unit,
.imgnews_list_item .text_box .post_view {
	font-size: 80%;
	color: #565656;
}

/* 置頂 */
.imgnews_list_item .text_box .post_sticky {
	line-height: 1.5;
	padding: 0 .5em;
	background-color: #AC1616;
	color: #FFF;
	font-size: 60%;
	border-radius: 3px;
}

/* 公告標題 */ 
.imgnews_list_item .text_box a.post_title {
	display: block;
	line-height: 1.4;
	font-size: 105%;
}

/* 詳細內容 */
.imgnews_list_item .text_box a.post_link {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 85%;
}

@media only screen and (max-width:768px) {

	/* 每則公告列表 */ 
	.imgnews_list_item,
	.imgnews_list_item .img_box,
	.imgnews_list_item .text_box {
		display: block;
		width: 100%;
	}

	.imgnews_list_item .text_box a.post_link {
		position: relative; 
		margin-top: .5em;
		margin-right: 5px;
		float: right;
	}
}

/***************************
 首頁圖文公告
***************************/
/* 外盒 */
.home_imgnews_box {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	font-size: 95%;
	color: #AC1616;
}

.home_imgnews_box a {}

.home_imgnews_box a:hover {}

/* 每個項目 */
.home_imgnews_box .home_imgnews_item,
.home_imgnews_box > i {
	flex: 0 0 23.5%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	margin-bottom: 1em;
}

.home_imgnews_box .home_imgnews_item {
/*
	border-style: solid;
	border-width: 0px;
	border-color: #AC1616;
*/
	box-shadow: 0px 0px 3px 3px rgba(127,127,127,.3);
}

/* 一排 3 個 */
.home_imgnews_box.item3 .home_imgnews_item,
.home_imgnews_box.item3 > i {
	flex: 0 0 32%;
}

/* 一排 4 個 */
.home_imgnews_box.item4 .home_imgnews_item,
.home_imgnews_box.item4 > i {
	flex: 0 0 23.5%;
}

/* 一排 5 個 */
.home_imgnews_box.item5 .home_imgnews_item,
.home_imgnews_box.item5 > i {
	flex: 0 0 19%;
}

/* 一排 6 個 */
.home_imgnews_box.item6 .home_imgnews_item,
.home_imgnews_box.item6 > i {
	flex: 0 0 15.5%;
}

/* 圖檔區 */
.home_imgnews_box .home_imgnews_item .home_imgnews_img img {

	width: 100%;
	height: 11em;
	object-fit: cover;
}

/* 標題區 */
.home_imgnews_box .home_imgnews_item .home_imgnews_title {
	flex: 1;
}

.home_imgnews_box .home_imgnews_item .home_imgnews_title a {
	display: block;
	padding: .3em .5em;
	line-height: 1.4;
	font-size: 100%;
}

/* 日期與連結 */
.home_imgnews_box .home_imgnews_item .home_imgnews_action {
	padding: .3em .5em;
	display: flex;
	justify-content: space-between;
}

/* 日期 */
.home_imgnews_box .home_imgnews_item .home_imgnews_action .home_imgnews_date {
	font-size: 90%;
	color: #006100;
}

/* 了解更多 */
.home_imgnews_box .home_imgnews_item .home_imgnews_action .home_imgnews_link a {
	font-size: 90%;
	color: #AC1616;
}

.home_imgnews_box .home_imgnews_item .home_imgnews_action .home_imgnews_link a:hover {
	color: #F60;
}

p.home_imgnews_more {
	margin: 1em 0 0 0;
	text-align:center;
	font-size: 90%;
}

@media only screen and (max-width: 599px) {
	.home_imgnews_box.item3 .home_imgnews_item,
	.home_imgnews_box.item3 > i,
	.home_imgnews_box.item4 .home_imgnews_item,
	.home_imgnews_box.item4 > i,
	.home_imgnews_box.item5 .home_imgnews_item,
	.home_imgnews_box.item5 > i 
	.home_imgnews_box.item6 .home_imgnews_item,
	.home_imgnews_box.item6 > i {
		flex: 0 0 100%;
		margin: 0 0 1em;
	}

	/* 圖檔區 */
	.home_imgnews_box .home_imgnews_item .home_imgnews_img img {
/*
		width: 100%;
		height: auto;
		object-fit: none;
*/
	}

}

@media only screen and (min-width: 600px) and (max-width: 991px) {
	.home_imgnews_box.item3 .home_imgnews_item,
	.home_imgnews_box.item3 > i,
	.home_imgnews_box.item4 .home_imgnews_item,
	.home_imgnews_box.item4 > i,
	.home_imgnews_box.item5 .home_imgnews_item,
	.home_imgnews_box.item5 > i 
	.home_imgnews_box.item6 .home_imgnews_item,
	.home_imgnews_box.item6 > i {
		flex: 0 0 49%;
		margin: 0 0 1em;
	}
}