@charset "utf-8";
/* CSS Document */
/*【default】*/
/*------------------------content-----------------------------------*/
/*----------------news(標題)--------------------*/
	.news{
		display: block;
		margin-bottom:50px;
		border-bottom: 1px dashed #ABA3A3;
		transition:margin-bottom 0.3s ease;
	}
	.news h4 {
		position: relative;
		display: block;
		width: 90%;
		color: #666;
		padding-bottom: 20px;
		float: left;
		text-align: left;
		font-size: 16px;
		transition:all 0.3s ease;
	}
	.news:hover h4{
		color:#07689F !important;
	}
	.news h4 span{
		margin:0 20px;
	}
	.news img{
		float: right;
		width: 15px;
		height: auto;
		padding-top: 5px;
		transition:transform 0.3s ease;
	}
	.box.active .news{
		margin-bottom:20px;
	}
	.box.active .news .news_btn{
		transform:rotate(90deg);
	}
	.box.active .news h4{
		color:#34495E;
	}
	.box.active .news h4 span{
		color: #666;
	}
/*--------------news_content(內文)--------------*/
	.news_content {
		clear: both;
		background-color: #5DA0A2;
		padding: 2%;
		margin: 0 auto 50px auto;
		display:none;
	}
	.news_content p{
		margin: 15px 0;
		color:#fff;
	}
/*-------------------buttonMore-----------------*/
	.btn{
		cursor:pointer;
		width: 80px;
		height: 80px;
		line-height: 80px;
		border-radius: 50%;
		margin: 0 auto;
		background-color: #666;
		border: 1px solid #666;
		transition: background-color 0.3s ease;
	}
	.btn p{
		color: #fff;
		transition: color 0.3s ease;
	}
	.btn:hover{
		background-color:transparent;
		border: 1px solid #000;
	}
	.btn:hover p{
		color: #000;
	}
	div.pagination,
	div.pager {
	    display: none;
	}

/*熒幕尺寸【小於】481時頁面顯示---手機*/
@media (max-width: 480px) {
/*------------------------content-----------------------------------*/
/*-------------------buttonMore-----------------*/
	.btn{
		width: 60px;
		height: 60px;
		line-height: 60px;
	}
}