/**************************************************************
										最新消息 - 首頁
**************************************************************/
/*版面*/
.news{ padding-bottom:30px;}

#news ul { 
	float:left;
	margin: 0;
    padding: 0;
	width: 100%;
	position:relative;
}

#news li { 
	float:left; 
	margin:8px 0;
	width:100%;
	position:relative;
}

#news .date {
	width: 70px;
    height: 70px;
    float: left;
    padding: 4px;
    line-height: 20px;
    text-align: center;
    background: #b31822;
	font-family: 'Verdana';
	border-radius: 5px;
}
#news .date .m {
	color: #FFF;
	font-size: 14px;
}
#news .date .d {
	color: #FFF;
	font-size: 30px;
	line-height: 25px;
}
#news .date .y {
	color: #ffeb3b;
	font-size: 12px;
}
#news .text {
	width: calc(100% - 80px);
	float: right;
	padding-top: 24px;
}
#news .name, 
#news .content {  /*單行文字省略*/
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;
}
#news .name {
	color: #333;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	transition: all .3s ease;
}
#news .content {
	color: #999;
	font-size: 16px;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
}
#news a:hover .name{color: #b31822;}
/*#news a:hover .content{color: #f4b71f;}*/
#news a:hover .date {background: #f4b71f;}

#news a .date{
    transition: all .3s ease;
	position: relative;
	z-index: 1;
	overflow: hidden;
	display: inline-block;
}
#news a:hover .date {
	background-color: #f4b71f;
}
#news a .date::after {
	content: "";
	background: #f4b71f;
	position: absolute;
	z-index: -1;
}
#news a .date::after {
	border-radius: 50%;
	left: -50%;
	right: -50%;
	top: -50%;
	bottom: -50%;
	transform: scale(0, 0);
}
#news a:hover .date::after {
	transform: scale(1, 1);
	transition: all .6s ease-out;
}

.news li.news2 {
    border-bottom: dashed 1px #ddd;
    padding-bottom: 15px;
}
.news li.news2::after {
    content: "";
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    transition: transform 500ms, -webkit-transform 500ms;
    position: absolute;
    top: 100%;
	left: 0;
}
.news li.news2:hover::after {
	content: "";
	background: -webkit-gradient(linear, left top, right top, color-stop(20%, #f7a81b), color-stop(80%, #d71b69));
    background: -webkit-linear-gradient(left, #f7a81b 20%, #d71b69 80%);
    background: linear-gradient(90deg, #f7a81b 20%, #d71b69 80%);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    position: absolute;
	width: 100%;
    height: 1px;
}


@media (max-width:991px){	
	/*外頁*/
    .news li{
		width: 50%;
	}
}
@media (max-width:767px){	
	/*外頁*/
    .news li{
		width: 100%;
	}
}