@charset "UTF-8";
/*===========================================
News
===========================================*/


/*-------------------------------------------
list
-------------------------------------------*/
.newsList{
	list-style:none; margin:0; padding:0;
}
	.newsList li{
		position:relative;
		padding:10px 80px 10px 240px;
		border-bottom:1px solid #eee;
	}
	.newsList li:nth-child(even){
		background-color:#F7F7F7;
	}
		.newsList time{
			font-size:85%;
			color:#777;
			position:absolute; left:15px;
		}
		.newsList .newsType{
			font-size:85%; line-height:1.2;
			color:#A93135;
			position:absolute; left:120px;
			width:90px;
		}
		.newsList a{
			position:relative;
			color:#000;
			transition:.2s;
		}
		.newsList a:hover{
			color:#007edf;
		}
		.newsList .sticky a:before{
			content:"*";
			display:inline-block;
			color:FireBrick;
			position:absolute; top:0; left:-8px;
		}
		.newsList .view{
			position:absolute; right:15px; top:10px;
			background:url(../images/icon_view@2x.png) no-repeat 0 50%;
			background-size:16px 16px;
			padding-left:22px;
			font-size:85%;
			color:#777;
		}
/*-------------------------------------------
admission
-------------------------------------------*/
.newsList.admissionList li{
	
}
	.newsList.admissionList .newsType{
		left:110px;
	}
/*-------------------------------------------
course
-------------------------------------------*/
.newsList.courseList li{
	padding:10px;
}
	.newsList.courseList time,
	.newsList.courseList .newsType{
		display:none;
	}
/*-------------------------------------------
alumni
-------------------------------------------*/
.newsList.alumniList li{
	padding-left:150px; padding-right:10px;
}
	.newsList.alumniList .newsType{
		left:15px;
	}

/*-------------------------------------------
Detail
-------------------------------------------*/
.newsHeader{
	position:relative;
	padding-bottom:15px;
	border-bottom:2px solid #f7ae00;
}
	.newsHeader time{
		font-size:85%;
		color:#777;
		margin-right:1em;
	}
	.newsHeader .newsType{
		font-size:85%;
		color:#f7ae00;
	}
	.newsHeader .newsTitle{
		margin:0;
		color:#000;
		font-size:125%;
	}
	.newsHeader .newsViews{
		color:#999;
		font-size:85%;
	}
	/*-------------------------
	course
	-------------------------*/
	.courseHeader time,
	.courseHeader .newsViews{
		display:none;
	}
.newsContent{
	padding:20px 0 30px;
	word-wrap:break-word;
}
	.newsContent a{
		word-break:break-all;
	}
/*--- img ---*/
	.newsContent img{
		max-width:100%;
		height:auto !important;
		margin:10px 0;
		box-shadow:none;
	}
/*--- table ---*/
	.newsContent .tableWrap{
		position:relative;
		overflow-x:auto;
		overflow-y:hidden;
	}
		.newsContent .tableWrap:after{
			content:"";
			display:table;
			clear:both;
		}
		.newsContent table{
			border-collapse:collapse;
			max-width:100% !important;
			border-spacing:0;
			border:2px solid #666;
		}
			.newsContent table th,
			.newsContent table td{
				padding:5px;
				border:1px solid #ccc;
			}
/*--- url ---*/
.url{
	position:relative;
	background-color:#f5f5f5;
	padding:15px 10px 15px 75px;
	margin-top:2px;
	line-height:18px;
	word-break:break-all;
	font-size:13px; 
}
	.url span{
		font-size:13px; 
		position:absolute; left:10px; top:15px;
	}
/*--- attachment ---*/
.attachment{
	position:relative;
	background-color:#f5f5f5;
	padding:10px 10px 10px 75px;
	margin-top:2px;
	min-height:48px;
}
	.attachment span{
		font-size:13px; 
		position:absolute; left:10px; top:15px;
	}
	.attachment ul{
		list-style:none;
		margin:0;
		padding:0;
	}
		.attachment ul li{
			/* float:none; */
		}
			.attachment a{
				display:inline-block;
				background-image:url(../images/icon_file.png);
				background-color:#fff;
				background-repeat:no-repeat;
				background-position:15px 50%;
				background-size:16px 16px;
				padding:9px 15px 9px 38px;
				margin:0 5px 5px 0;
				border-radius:30px;
				border:1px solid #ccc;
				color:#111;
				font-size:13px; line-height:18px;
				transition:.2s;
			}
			.attachment a:hover{
				border-color:#007edf;
			}
			.attachment a[href *='.pdf']{background-image:url(../images/icon_pdf@2x.png);}
			.attachment a[href *='.doc'], .attachment a[href *='.docx']{background-image:url(../images/icon_word@2x.png);}
			.attachment a[href *='.xls'], .attachment a[href *='.xlsx']{background-image:url(../images/icon_excel@2x.png);}
			.attachment a[href *='.ppt'], .attachment a[href *='.pptx']{background-image:url(../images/icon_powerpoint@2x.png);}
			.attachment a[href *='.jpg'], .attachment a[href *='.JPG'], 
			.attachment a[href *='.png'], .attachment a[href *='.PNG']{background-image:url(../images/icon_img@2x.png);}
			.attachment a[href *='.rar']{background-image:url(../images/icon_rar@2x.png);}
			.attachment a[href *='.zip']{background-image:url(../images/icon_zip@2x.png);}

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

}
@media screen and (max-width:812px){/* iX Landscape */

}
@media screen and (max-width:768px){/* Pad */

}
@media screen and (max-width:736px){/* i6 Plus Landscape */

}
@media screen and (max-width:667px){/* i6,i7,i8 Landscape */
	/*-------------------------------------------
	list
	-------------------------------------------*/
	.newsList li{
		position:relative;
		padding:10px 10px;
	}
		.newsList time,
		.newsList .newsType{
			position:static;
			margin-right:2em;
		}
		.newsList .newsTitle{
			margin-top:3px;
		}
		.newsList .view{
			position:static;
		}
	/*-------------------------------------------
	alumni
	-------------------------------------------*/
	.newsList.alumniList li{
		padding:10px;
	}
}
@media screen and (max-width:640px){/* Xiaomi Landscape */

}
@media screen and (max-width:568px){/* i5 Landscape */

}
@media screen and (max-width:414px){/* i6,i7,i8 Plus */
	/*-------------------------------------------
	Detail
	-------------------------------------------*/
	.newsContent .tableWrap{
		margin:10px 0;
		width:100%;
	}
		.newsContent .tableWrap:before,
		.newsContent .tableWrap:after{
			content:"*若表格太寬，可左右滑動觀看";
			font-size:12px;
			color:brown;
		}
			.newsContent table{
				max-width:1000px !important;
			}
				.newsContent table th,
				.newsContent table td{
					min-width:auto;
					max-width:200px;
				}
	/*--- attachment ---*/
	.attachment{
		padding:10px;
	}
		.attachment span{
			position:static;
			display:block;
			margin-bottom:8px;
		}
}
@media screen and (max-width:375px){/* i6,i7,i8 */

}
@media screen and (max-width:360px){/* Xiaomi */

}
@media screen and (max-width:320px){/* i5 */

}