@charset "utf-8";
/*----------------------------------------------------
	.boxmenu
----------------------------------------------------*/
.mainnav {
 cursor: pointer;
 display: block;
 text-align: center;
 width: 55px;
 height: 55px;	
}
.mainnav span {
 width: 60px;
 height: 60px;
 line-height: 60px;
 color: var(--main-green-color);
 font-size: 1.7rem;
}
.bg_menu {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 1000px;
	z-index: 1000;
	background: #fff;
	display: block;
	opacity: 0.6;
}

/*-----------*/
.box_menu {
　width: 98%;
	width: calc(100% - 20px);
	position: absolute;
	z-index: 2000;
	top: 20px;
	left: 10px;
}
.box_menu dl, 
.box_menu dd, 
.box_menu dd ul  {
	padding: 0 !important;
	margin: 0 !important;
}
.box_menu dt {
	background-color: var(--main-bgcolor);
	padding: 0;
	/* color: var(--main-green-color); */
	overflow: hidden;
	border-bottom: 2px solid rgba(0, 149, 59, 1);
	margin: 0;
}

.box_menu dt:hover,
.box_menu dt a:hover{
  color: var(--sub-green-color);
  background-color: var(--main-bgcolor);
	transition: All 0.2s ease;
}


dt#hs, 
dt#hs2 {
	cursor:pointer;
}
.box_menu dd {
	display: none;
}
.box_menu dt a {
	padding: 15px;
	text-decoration: none !important;
	color: var(--main-font-color);
	display: block;
}
.box_menu dd a, 
.box_menu li a {
	text-decoration: none !important;
	color: var(--main-font-color);
	position: relative;
	display: block;
}
.box_menu form, 
.box_menu input {
	width: 100%;
}
.box_menu dd li {
	padding: 0;
	overflow: hidden;
	margin: 0;
	border-bottom: 1px solid #FFFFFF;
}
.box_menu dd li a {
	background-color: #845b30 !important;
	padding: 15px 15px 15px 20px;
	margin: 0;
}
.box_menu dd dl dt {
	background-color: #E3E3E3;
}
.box_menu dd dl dd li a {
 background-color: #ffffff !important;
}
.box_menu i.fa-angle-right {
	color: var(--main-green-color);
}
.box_menu dt#hs.check a::after, 
.box_menu dt#hs.checked a::after {
	font-family: 'Font Awesome 5 Free';
	float: right;
	/* right: 10px; */
	top: 0;
	position: relative;
}
.box_menu dt#hs.check a::after {
	font-family: 'Font Awesome 5 Free';
	content: '\f078';
}
.box_menu dt#hs.checked a::after {
	content: '\f077';
}
.box_menu i{
	float: right;
	top: 4px;
	position: relative;
}
.box_menu .close {
	text-align: center;
	border-radius: 5px;
	width: 50%;
	padding: 20px 10px;
	margin: 20px auto;
	cursor: pointer;
	border-bottom: none !important;
	color: var(--main-green-color);
}
.box_menu .close i {
	float: none;
	top: 0;
	position: relative;
	margin-right: 5px;
}
/*-----------*/
.bg_menu, .box_menu {
	display: none;
}

.menuback2 {
	background-color: #F9E4C0;
}