.H_list {
	text-align: center;
	display: flex;
	justify-content: space-between;
	/* background-color: #000; */
}

.H_list a.text {
	position: relative;
	/* display: flex; */
	width: auto;
	color: #fff;
	font-size: 16px;
	z-index: 3;
	transition: 0.35s;
	/* margin: 0 3%; */
	align-items: center;
	cursor: pointer;
}

.H_list a.text:before {
	width: 100%;
	height: 2px;
	opacity: 1;
	visibility: hidden;
	/* visibility: visible; */
	content: "";
	position: absolute;
	left: 0;
	transition: 0.45s;
	bottom: 0;
	z-index: 9;
	background: #a80e06;
	/* border: 1px solid #a80e06; */
	/* background: url(../img/title03-2.png) no-repeat center; */
}

.H_list a:hover,
.H_list a.active {
	/* background: #c8252b; */
}

.H_list a:hover {
	color: #e1ac6f;

}

.H_list a.active:before {
	opacity: 1;
	visibility: visible;
}

@media screen and (max-width: 960px) {
	.H_list {
		display: block;
		max-width: 90%;
		margin: 0 auto;
	}
	.H_list a.text{
		/* display: block; */
		flex-grow: 0;
		    flex-shrink: 0;
		    flex-basis: calc(91% / 3);
			float: left;
			margin-right: 3%;
			margin-left: 0%;
	}
}