footer {
	background-color: #302A2A;
	margin-top: -30px;
}

.footer {
	background-color: #302A2A;
	color: #FFFFFF;
}

.content {
    background-color: #eaeaea;
}

.news-container {
	width: 100%;
	background-color: rgba(255, 255, 255, .8);
}

.am-container-news {
	padding: 30px 50px;
	background-color: rgba(255, 255, 255, .9);
        min-height: 800px;
}

.news-center {
	border-bottom: solid 2px #bababa;
	padding-bottom: 5px;
	position: relative;
}

.news-center .opt {
	color: #990304;
	position: absolute;
	right: 15px;
	top: 20%;
}

.news-center .title-zn {
	font-size: 25px;
	font-weight: bold;
	color: #990304;
}

.news-center .title-en {
	color: #bababa;
	font-size: 20px;
	font-weight: bold;
	margin-top: -10px;
}

.news-nav {
	display: flex;
	flex-direction: column;
	padding-top: 40px;
}

.news-nav div {
	color: #585859;
	font-size: 16px;
	font-weight: bold;
	border-bottom: solid 1px #9a9a9a;
	line-height: 50px;
}

.news-nav a {
	color: #9a9a9a;
	font-size: 16px;
	font-weight: bold;
	border-bottom: solid 1px #9a9a9a;
	line-height: 50px;
	padding-left: 15px;
}

.news-nav a:hover {
	color: #990304;
	border-bottom: solid 1px #990304;
}

.news-nav .active {
	color: #990304;
	border-bottom: solid 1px #990304;
}

.news-content {
	padding-top: 80px;
}

.news-content>a {
	display: flex;
	border-bottom: solid 1px #9a9a9a;
	padding: 20px 0;
}

.news-content a img {
	width: 150px;
	height: 120px;
}

.news-list {
	padding-left: 15px;
        width: 100%;
}

.news-list .title {
	display: flex;
	justify-content: space-between;
	color: #9a9a9a;
	align-items: flex-end;
}

.news-list .title span {
	font-size: 28px;
}

.news-list .panel {
	display: flex;
	justify-content: space-between;
}

.news-list .panel p {
	padding-right: 20px;
	font-size: 14px;
	color: #9A9A9A;
}

.news-list .panel img {
	width: 15px;
	height: 5px;
	filter: grayscale(100%);
	opacity: 0.5;
}

.news-content a:hover .title {
	color: #990304;
}

.news-content a:hover .img-mask {
	display: none;
	background-color: rgba(153, 3, 4, .3);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
}

.news-content a:hover .img-mask {
	display: inherit;
}

.news-content a:hover .panel img {
	filter: grayscale(0%);
	opacity: 1;
}

.am-pagination>li>a,
.am-pagination>li>span {
	background: none;
	color: #9A9A9A;
	border: none;
	border-bottom: 1px solid #9A9A9A;
	padding: .2em .5em;
}

.am-pagination>.am-active>a,
.am-pagination>.am-active>a:focus,
.am-pagination>.am-active>a:hover,
.am-pagination>.am-active>span,
.am-pagination>.am-active>span:focus,
.am-pagination>.am-active>span:hover {
	background-color: #990304;
	border: none;
}

.am-pagination .control {
	border: none;
	color: #999999;
	font-weight: bold;
}

@media (max-width: 1000px) {
	.am-container-news {
		padding: 15px;
		background-color: rgba(255, 255, 255, 1);
	}

	.news-container {
		background-color: rgba(255, 255, 255, 1);
	}
}

@media screen and (max-width:641px) {
	.am-container-news {
		padding: 15px !important;
		margin-top: 51px;
	}

	.news-center {
		padding-left: 15px;
	}

	.news-nav {
		padding-top: 15px !important;
	}

	.news-content {
		padding-top: 0px !important;
	}
}