/*
Dark Skin
*/

.menuzord, .menuzord * {
	font-family:"微软雅黑","宋体",Helvetica,Arial,sans-serif;
}

.menuzord{
	width: 100%;
	padding: 0 0px;
	position: absolute;
	max-width:1600px;
	margin:auto;
	float:none !important;
	background-color: rgba(255, 255, 255, 0.8);
	left: 0;
	right: 0;
	z-index:99;
}

@media (max-width: 768px) {
	.menuzord {
		top:-50px;
	}

	.menuzord-menu > li{
		background-color:#000;
	}
}

/* Brand */

.menuzord-brand{
	margin: 0 !important;
}

@media (max-width: 768px) {
	.menuzord-brand{
		width:153px;
	}
}

/* Menu items */

.menuzord-menu > li > a{
	color: #0b479d;
	padding:30px 15px;
    font-size: 1.118em;
}

/* Active/hover state (Menu items) */
.menuzord-menu > li.active > a,
.menuzord-menu > li:hover > a{
	color: #fff;
	background-image:url(images/menubg.jpg);background-repeat:no-repeat;
}

@media (max-width: 768px) {
	.menuzord-menu > li > a{
		color: #0b479d;
		background:#fff;
		font-size:0.9em;
	}

	.menuzord-menu > li.active > a,
	.menuzord-menu > li:hover > a{
		background:#1e68b4;
		background-image:none;
	}
}

@media (max-width: 1400px) {
	.menuzord-menu > li > a{
		font-size:1em !important;
		padding:30px 8px !important;
	}
}

@media (max-width: 1024px) {
	.menuzord-menu > li > a{
		font-size:1em !important;
		padding:30px 5px !important;
	}
}


/* Dropdown */
.menuzord-menu ul.dropdown,
.menuzord-menu ul.dropdown li ul.dropdown{
	background: #1e68b4;
	/*font-weight:bold;*/
	margin-left:0px;
	margin-top:-2px;
}

/* Dropdown items */
.menuzord-menu ul.dropdown li a{
	color: #fff;
	border-bottom:1px solid #4f89c4;
	font-size:1.05em;
}


@media (max-width: 1600px) {
	.menuzord-menu ul.dropdown li a{
		font-size:0.875em;
	}
}

/* Hover state (dropdown items) */
.menuzord-menu ul.dropdown li:hover > a{
	color: #fff;
	background-color:#3da52c;
}

/* Megamenu */
.menuzord-menu > li > .megamenu{
	background: #34495e;
	color: #ccc;
	border-top: solid 1px #fff;
}

/* tabs */
.menuzord-tabs-nav > li > a{
	color: #ccc;
	border: solid 1px #fff;
}
.menuzord-tabs-nav li.active a,
.menuzord-tabs-nav li:hover a{
	background: #415b75;
}
.menuzord-tabs-content{
	border: solid 1px #fff;
}

/* Show/hide button (mobile mode)*/
.menuzord .showhide em{
	background: #ccc;
}

/* Search field */
.menuzord-menu > li.search form:before{
	color: #fff;
}
.menuzord-menu > li.search form input[type="text"]{
	background: #415b75;
	color: #fff;
}

/* Color schemes */
/* blue */
.menuzord.blue .menuzord-menu > li.active > a,
.menuzord.blue .menuzord-menu > li:hover > a,
.menuzord.blue .menuzord-menu ul.dropdown li:hover > a{
	color: #5D9CEC;
}
/* green */
.menuzord.green .menuzord-menu > li.active > a,
.menuzord.green .menuzord-menu > li:hover > a,
.menuzord.green .menuzord-menu ul.dropdown li:hover > a{
	color: #48CFAD;
}
/* red */
.menuzord.red .menuzord-menu > li.active > a,
.menuzord.red .menuzord-menu > li:hover > a,
.menuzord.red .menuzord-menu ul.dropdown li:hover > a{
	color: #FC6E51;
}
/* orange */
.menuzord.orange .menuzord-menu > li.active > a,
.menuzord.orange .menuzord-menu > li:hover > a,
.menuzord.orange .menuzord-menu ul.dropdown li:hover > a{
	color: #ff853f;
}
/* yellow */
.menuzord.yellow .menuzord-menu > li.active > a,
.menuzord.yellow .menuzord-menu > li:hover > a,
.menuzord.yellow .menuzord-menu ul.dropdown li:hover > a{
	color: #FFCE54;
}
/* purple */
.menuzord.purple .menuzord-menu > li.active > a,
.menuzord.purple .menuzord-menu > li:hover > a,
.menuzord.purple .menuzord-menu ul.dropdown li:hover > a{
	color: #AC92EC;
}
/* pink */
.menuzord.pink .menuzord-menu > li.active > a,
.menuzord.pink .menuzord-menu > li:hover > a,
.menuzord.pink .menuzord-menu ul.dropdown li:hover > a{
	color: #EC87C0;
}

/* Mobile mode (Responsive mode) */
@media (max-width: 768px){
	/* Menu items */
	.menuzord-responsive .menuzord-menu > li > a{
		padding: 12px 20px !important;
		border-color: #3c546c !important;
	}

	/* Dropdown/megamenu indicators */
	.menuzord-responsive .menuzord-menu li .indicator{
		border-color: #3c546c;
	}

	/* Dropdown */
	.menuzord-responsive .menuzord-menu ul.dropdown,
	.menuzord-responsive .menuzord-menu ul.dropdown li ul.dropdown{
		background: #34495e;
	}

	/* Dropdown items */
	.menuzord-responsive .menuzord-menu ul.dropdown li a{
		border-color: #3c546c !important;
	}

	/* Megamenu */
	.menuzord-responsive .menuzord-menu > li > .megamenu{
		border-color: #3c546c !important;
	}
}