.topmenu-wrap {
	position: relative;
    background-color: #e5e5e5;
    border-top: 1px solid #9d9d9d;
    border-bottom: 1px solid #9d9d9d;
    margin-bottom: 0px;
}
.topmenu-container {
	width:75%;
	margin:0 auto;
}
.topmenu {color: #555; height:50px;}
.topmenu .right-menu {
	float:right;
}
.topmenu .item {
	display:inline-block;
	padding-left:15px;
	padding-right:15px;
	height:40px;
	font-size:16px;
	font-weight:bold;
}
.topmenu .item div {
	padding-top:8px;
}
.topmenu .item:hover {
	color:#fff;
}

.topmenu .viewall {
	cursor:pointer;
	vertical-align:top;
	float:left;
	height:50px;
	width:8%; text-align:center;
}
.topmenu .viewall:hover {
	background-color:red;
}

.topmenu .viewall img{
    width: 20px;
	margin-top: 15px;
	filter:invert(100%);    
}

.topmenu .viewall img:hover {
	filter:invert(10%);
    background-color:red;
}

.topmenu ul {
	padding-left:0px;
	letter-spacing: 3px;
	width:92%;
	height:50px;
	float:left;
	display:inline-block;
	margin:0;
	
	list-style:none;
}
.topmenu ul li {
	text-align: center;
	display:inline-block;
	vertical-align:top;
	margin-left:-4px;
	width:25%;
	float:left;
	padding-top: 5px;
    padding-bottom: 5px;
}
.topmenu ul li:first-child .item {
	
}
.topmenu ul li:hover{
    background-color:red;
    color:#fff;
    }
#category-all {
	position:absolute;
	display:none;
	z-index:999;
	background-color: rgba(255, 255, 255, 1);
	margin-top:5px;
}

.ul-allcat {
	
	
	margin:0;
	padding:0;
	list-style:none;
	list-style-type:none;
	list-style-image:none;
	font-size: 14px;
    font-weight: 600;
}
.ul-allcat .li_lcate {
	margin: 5px;
    width: 200px;
    display: inline-block;
    vertical-align: top;
    border: 0px #ccc solid;
    border-left-width: 0;
    height: 200px;
    border-radius: 5%;
    box-sizing: border-box;
}
.ul-allcat .li_lcate:first-child {border-left-width:0px;width:200px;}


.ul-allcat .ltitle {
	box-sizing: border-box;
	width:200px;
	padding:7px 0 7px 10px;
	text-align:left;
	background-color:#f3f3f3;
	color:#777;
	background-color: #2e2e2e;
    color: #fff;
}
.ul-allcat .ltitle:hover{background-color:#63b7ff;}
.sul-allcat {
	margin:0;
	padding:0;
	list-style:none;
}
.sul-allcat li {
	padding:5px 0 5px 20px;
	color:#242424;
	list-style-image: url(data:0);
	vertical-align: top;
    border: 1px #ccc solid;
   
    margin:5px 0;
    border-radius: 5%;
    box-sizing: border-box;
}
.sul-allcat li:hover{font-weight:900;}