.link{
   color: #006934;
   text-decoration: none;
   transition: all .3s ease-in;
}
.link:hover{
	color: #006934;
	text-decoration: none;
}

.link-avatar{
	color: #000;
	text-decoration: none;
	transition: all .3s ease-in;
}

.link-avatar:hover{
	color: #006934;
	text-decoration: none;
}

.menu-item a{
	margin:10px;
	color:#000;
	text-decoration: none;
	position: relative;
	display: block;
	transition: all .3s ease;
}
.menu-item a:hover{
	color: #006934;
	text-decoration: none;
}
.menu-item a::after{
	content:'';
	position: absolute;
	bottom: -10px;
	left:0;
	right:0;
	height:4px;
	background:transparent;
}

.menu-item-sel a{
	margin:10px;
	color:#006934;
	text-decoration: none;
	font-weight: bold;
	position: relative;
	display: block;
}
.menu-item-sel a::after{
	content:'';
	position: absolute;
	bottom: -5px;
	left:3px;
	right:3px;
	height:4px;
	background-color:#006934;
}
.tag-item{
	background-color:rgba(0,105,52,0.1);
	color:#3A5548;
	margin-right:10px;
	margin-bottom:10px;
	line-height:25px;
	border-radius:20px;
	padding:2px 10px;
}

.function-items{
	margin-top:-100px;
	padding-bottom:-100px;
	box-sizing: border-box;
}

.col-item{
	box-sizing: border-box;
}

.height-interval-100{
	height:100px;
}

.feature-item{
	margin-bottom:0 !important;
	box-sizing: border-box;
}

.menu-button{
	position: relative;
	width:40px;
	height:25px;
}

.menu-button .line{
	position: absolute;
	width:30px;
	height:1px;
	left:0;
	top:50%;
	background-color: #006934;
}

.menu-button::after{
	content:'';
	position: absolute;
	top:0;
	left:0;
	right:0;
	height: 1px;
	background-color: #006934;
}

.menu-button::before{
	content:'';
	position: absolute;
	bottom:0;
	left:0;
	right:0;
	height: 1px;
	background-color: #006934;
}

@media screen and (max-width: 768px) {
	.function-items{
		margin-top:0;
		padding-bottom:0;
		padding:20px;
	}

	.col-item{
		padding-right:5px !important;
		padding-left:5px !important;
		margin-bottom:10px;
	}
	.height-interval-100{
		height:30px;
	}

	.feature-item{
		margin-bottom:20px !important;
		padding:20px 30px;
	}
}


.ucenter-option-items{
	display: flex;
	flex-direction: row;
}

.ucenter-option-items >ul{
	display: flex;
	flex-direction: column;
	width:150px;
}

.category-item{
	flex-wrap: nowrap;
}

.upload-file-div{
	display:flex;
	align-items:center;
}

@media screen and (max-width: 768px) {
	.ucenter-option-items{
		flex-direction: column;
		padding:0;
	}
	.ucenter-option-items >ul{
		flex-direction: row;
		width:auto;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		margin-right: 0 !important;
		padding-bottom: 3rem !important;
	}

	.option-item{
		padding: 10px 30px !important;
		margin-right:10px;
		box-sizing: border-box;
		width: 180px;
	}
	.option-item img{
		display: block;
		flex-shrink: 0;
	}

	.option-item span{
		display: block;
		flex-shrink: 0;
	}

	.category-item{
		flex-wrap: wrap;
	}

	.category-item-content{
		width:45% !important;
		flex-shrink: 0;
		margin-bottom:15px !important;
	}

	.upload-file-div{
		flex-direction: column;
		align-items: flex-start !important;
	}
}
