@charset "UTF-8";
/*===========================================
News
===========================================*/
.HR_notice{
	background:#fdf8ea; 
	border:2px solid #fcdf6d;
	padding:10px;
}
/*-------------------------------------------
list (news)
-------------------------------------------*/
.newsList tbody td,
.activeList tbody td,
.healthList tbody td,
.knowledgeList tbody td{
	
}
	.newsList tbody td time,
	.activeList tbody td time,
	.healthList tbody td time,
	.knowledgeList tbody td time{
		white-space:nowrap;
		color:#5ab10a;
		font-size:.875rem;
	}
	.newsList tbody td a,
	.activeList tbody td a,
	.healthList tbody td a,
	.knowledgeList tbody td a{
		color:#6a300c;
		font-weight:700;
		transition:.2s;
	}
	.newsList tbody td.sticky a{
		color:#f00;
		font-size:1rem;
	}
	.newsList tbody td a:hover,
	.activeList tbody td a:hover,
	.healthList tbody td a:hover,
	.knowledgeList tbody td a:hover{
		color:#00adff;
	}
	.knowledgeList .knowledgeType,
	.knowledgeList .source{
		color:#777;
		font-size:.875rem;
	}
/*-------------------------------------------
detail
-------------------------------------------*/
.newsHead{
	border-bottom:2px solid #bfe2ff;
	padding-bottom:15px;
	margin-bottom:15px;
}
	.newsHead .newsTitle{
		margin:0 0 5px;
		color:#6a300c;
		font-size:160%; line-height:1.2;
	}
	.newsHead time{
		color:#777;
		font-size:12px;
	}
/*--- activeHead ---*/
.activeHead{
	border-bottom:2px solid #bfe2ff;
	padding-bottom:15px;
	margin-bottom:15px;
}
	.activeHead time{
		color:#5ab10a;
	}
	.activeHead .activeTitle{
		margin:0 0 5px;
		color:#6a300c;
		font-size:160%; line-height:1.2;
	}
	.activeHead .activeType{
		color:#777;
		font-size:12px;
	}
	.activeHead .activeOrganizer{
		font-size:12px;
	}
/*--- healthHead ---*/
.healthHead{
	border-bottom:2px solid #bfe2ff;
	padding-bottom:15px;
	margin-bottom:15px;
}
	.healthHead time{
		color:#5ab10a;
	}
	.healthHead .healthTitle{
		margin:0 0 5px;
		color:#6a300c;
		font-size:160%; line-height:1.2;
	}
/*--- knowledgeHead ---*/
.knowledgeHead{
	border-bottom:2px solid #bfe2ff;
	padding-bottom:15px;
	margin-bottom:15px;
}
	.knowledgeHead .knowledgeTitle{
		margin:0 0 5px;
		color:#6a300c;
		font-size:160%; line-height:1.2;
	}
	.knowledgeHead time{
		color:#5ab10a;
	}
	.knowledgeHead .knowledgeType{
		margin-left:15px;
		color:#777;
		font-size:12px;
	}
	.knowledgeHead .source{
		margin-left:15px;
		color:#777;
		font-size:12px;
	}

/*--- Content ---*/
.newsContent{
	padding-bottom:25px;
	word-break:break-all;
}
	.newsContent img{
		max-width:100%;
		height:auto !important;
		box-shadow:0 1px 5px rgba(0,0,0,.2);
	}
	.newsContent .tableWrap{
		position:relative;
		overflow-x:auto;
		overflow-y:hidden;
	}
		.newsContent table{
			border-collapse:collapse;
			width:100% !important;
			border-spacing:0;
		}
			.newsContent table th,
			.newsContent table td{
				padding:5px;
				border:1px solid #ccc;
			}
/*--- attachment ---*/
.attachment{
	position:relative;
	background-color:#fdf8dd;
	min-height:55px;
	padding:10px 10px 5px 85px;
	margin-top:1px;
}
	.attachment span{
		position:absolute; left:10px; top:15px;
	}
	.attachment a{
		display:inline-block;
		background-image:url(../images/icon-file.png?v=20180806);
		background-repeat:no-repeat;
		background-position:15px 50%;
		background-size:16px 16px;
		background-color:#fff;
		padding:9px 15px 9px 35px;
		margin:0 5px 5px 0;
		border-radius:30px;
		border:none;
		color:#111;
		font-size:13px; line-height:18px;
		box-shadow:inset 0 0 0 1px #aaa, inset 0 -2px 0 rgba(0,0,0,.2), 0 2px 5px rgba(0,0,0,.15);
		transition:.1s;
	}
	.attachment a:hover{
		color:#000;
		box-shadow:inset 0 0 50px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.2);
	}
	.attachment a[href *='.pdf']{background-image:url(../images/icon-pdf@2x.png?v=20180806);}
	.attachment a[href *='.doc'], .attachment a[href *='.docx']{background-image:url(../images/icon-doc@2x.png?v=20180806);}
	.attachment a[href *='.xls'], .attachment a[href *='.xlsx']{background-image:url(../images/icon-xls@2x.png?v=20180806);}
	.attachment a[href *='.ppt'], .attachment a[href *='.pptx']{background-image:url(../images/icon-ppt@2x.png?v=20180806);}
	.attachment a[href *='.jpg'], .attachment a[href *='.JPG'], 
	.attachment a[href *='.png'], .attachment a[href *='.PNG']{background-image:url(../images/icon-img@2x.png?v=20180806);}
	.attachment a[href *='.rar']{background-image:url(../images/icon-rar.png?v=20180806);}
	.attachment a[href *='.zip']{background-image:url(../images/icon-zip.png?v=20180806);}
/*--- url ---*/	
.url{
	position:relative;
	background-color:#e7f7ff;
	padding:10px 10px 10px 85px;
	margin-top:2px;
	line-height:18px;
	word-break:break-all;
}
	.url span{
		position:absolute; left:10px; top:10px;
	}
	.url a{
		display:inline-block;
		background:url(../images/icon-blank2.png?v=20180806) 0 0 no-repeat;
		padding-left:24px;
	}
/*--- gallery ---*/
.gallery{
	list-style:none;
	margin:20px 0 0;
	padding:0;
}
	.gallery li{
		position:relative;
		float:left;
		width:20%;
		text-align:center;
		padding:0 20px 3%;
	}
		.gallery li a{
			display:block;
			position:relative;
			width:100%;
			height:0;
			padding-bottom:75%;
			overflow:hidden;
			border:5px solid #fff;
			box-shadow:0 1px 5px rgba(0,0,0,.2);
			transition:.2s;
		}
		.gallery li a:hover{
			transform:rotate(3deg);
		}
			.gallery li a figure{
				margin:0;
				position:absolute;
				width:100%;
				height:100%;
				background-image:url(../images/photo-default.png?v=20180808);
				background-size:cover;
				background-repeat:no-repeat;
				background-position:50% 50%;
			}

/*===========================================
RWD
===========================================*/
@media screen and (max-width:1024px){

}
@media screen and (max-width:992px){

}
@media screen and (max-width:768px){/* iPad Portrait */
	.gallery li{
		width:25%;
		padding:0 15px 5%;
	}
}
@media screen and (max-width:736px){/* i6 Plus ~ i8 Plus Landscape */

}
@media screen and (max-width:667px){/* i6 ~ i8 Landscape */

}
@media screen and (max-width:640px){/* Xiaomi 2S Landscape */

}
@media screen and (max-width:576px){
	.HR_notice .postInfo{
		display:block;
	}
	.gallery li{
		width:33.33333%;
		padding:0 20px 5%;
	}
}
@media screen and (max-width:440px){/* i16 Pro Max */
	.HR_notice .postID{
		display:block;
	}
	.newsList,
	.activeList,
	.healthList,
	.knowledgeList{
		border-bottom:1px solid #ddd;
	}
	.newsList thead,
	.activeList thead,
	.healthList thead,
	.knowledgeList thead{
		display:none;
	}
	.newsList tbody tr,
	.activeList tbody tr,
	.healthList tbody tr,
	.knowledgeList tbody tr{
		display:block;
		position:relative;
		padding:10px 10px 2em;
	}
	.activeList tbody tr,
	.healthList tbody tr,
	.knowledgeList tbody tr{
		padding:10px;
	}
		.newsList tbody td,
		.activeList tbody td,
		.healthList tbody td,
		.knowledgeList tbody td{
			display:inline-block;
			border:none;
			line-height:1.4;
			padding:0;
		}
		.newsList tbody td:nth-child(1),
		.newsList tbody td:nth-child(3){
			position:absolute; bottom:10px;
			font-size:12px;
		}
		.newsList tbody td:nth-child(2){
			padding-bottom:5px;
		}
		.newsList tbody td:nth-child(3){
			right:10px;
			color:#777;
		}
			.newsList tbody td:nth-child(3):before{
				content:attr(data-th)"：";
			}
		.knowledgeList tbody td:nth-child(1){
			display:inline-block;
			background-color:#fff;
			border:1px solid #ddd;
			font-size:12px;
			border-radius:30px;
			padding:2px 10px;
			margin-left:10px; margin-top:-5px;
			max-width:180px;
		}
		.knowledgeList tbody td:nth-child(2){
			float:left;
		}
		.knowledgeList tbody td:nth-child(3){
			display:block;
		}
		.knowledgeList tbody td:nth-child(5){
			position:absolute; bottom:12px; right:10px;
			font-size:12px;
		}
			.knowledgeList tbody td:nth-child(5):before{
				content:attr(data-th)"：";
			}
	.newsHead .newsTitle{
		font-size:140%;
	}
	.newsContent .tableWrap{
		margin:10px 0;
	}
		.newsContent .tableWrap:before{
			content:"*若表格太寬，可左右滑動觀看";
			font-size:12px;
			color:brown;
		}
			.newsContent table th,
			.newsContent table td{
				min-width:80px;
				max-width:200px;
			}
	.knowledgeHead time{
		display:block;
	}
	.knowledgeHead .knowledgeType{
		margin-left:0;
	}
	.attachment{
		padding-left:10px;
	}
		.attachment span{
			position:static;
			display:block;
			margin-bottom:5px;
			font-size:12px;
		}
	.url{
		padding:10px;
		font-size:12px;
	}
		.url span{
			position:static;
			display:block;
			margin-bottom:5px;
		}
	/*--- active list ---*/
	.activeList tbody td:nth-child(1){
		display:block;
		text-align:left;
	}
	.activeList tbody td:nth-child(2){
		padding-bottom:5px;
	}
	.activeList tbody td:nth-child(3){
		position:absolute; top:10px; right:10px;
		color:#777;
		font-size:12px;
		text-align:right;
		width:50%;
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
	}
	.activeList tbody td:nth-child(4){
		display:block;
		font-size:12px;
	}
		.activeList tbody td:nth-child(4):before{
			content:attr(data-th)"：";
		}
	.gallery li{
		width:33.33333%;
		padding:0 10px 5%;
	}
	/*--- health list ---*/
	.healthList tbody td:nth-child(1){
		display:block;
		text-align:left;
	}
	.healthList tbody td:nth-child(2){
		padding-bottom:5px;
	}
	.healthList tbody td:nth-child(3){
		display:block;
		color:#777;
		font-size:12px;
		text-align:right;
	}
		.healthList tbody td:nth-child(3):before{
			content:attr(data-th)"：";
		}
}
@media screen and (max-width:375px){/* i6 ~ iX */
	.attachment a,
	.url a{
		font-size:12px;
	}
	.gallery li a{
		border-width:3px;
	}
}
@media screen and (max-width:360px){/* Xiaomi 2S */

}
@media screen and (max-width:320px){/* i5 */
	.gallery li{
		width:50%;
	}
}