

.top-bar.hidden { display: none; }



.top-bar-content > div { display: inline; }
.top-bar-content a { color: inherit; }

.sub-menu{ 
	width: 100%;
	
}
.top-bar{ 
	width: 100%;
	
}
.top-bar .search { 
	float: right;
	margin: 0 0 -23px 50px;
	position: relative;
	padding-top: 13px;
}

.top-bar .search .query { 
	width: 130px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out; 
}

.top-bar .search .query:focus { width: 180px; }


.search .query, .searchform input, .searchform #s {
	line-height: 24px;
	height: 24px;
	padding: 1px 8px;
	outline: 0;
	border: 0;
	border-right: 15px solid #e9e9e9;
	font-size: 13px;
	background: #e9e9e9;
	float: left;
	color: #999;
}

.top-bar .search-button {
	background: transparent;
	margin-left: -28px;	
	line-height: 26px;
	height: 26px;
	width: 20px;
	outline: 0;
	float: left;
}

.top-bar .search .fa-search {
	color: #bababa;	
}

.top-bar .social-icons {
	float: right;
}

.ie8 .top-bar input { max-width: 500px; }



.wrap {
	width: 100%;
	margin: 0 auto;
	padding: 0 25px; /* 25px gutters */
	text-align: left;

}

.boxed .main-wrap {
	background: #fff;
	
	margin: 0 auto;
	border-top: 0;
	border-bottom: 0;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	-webkit-box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.12);
}

/* News ticker */

.trending-ticker ul { float: left; }

.trending-ticker li {
	display: none; 
	color: #656565;
}

.trending-ticker a {
	max-width: 450px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	line-height: 1.3;
	padding-right: 10px;
	margin-top: -2px;
}

.trending-ticker li:first-child { display: block; }

.trending-ticker .heading { 
	float: left; 
	
	text-transform: uppercase;
	margin-right: 50px; 
}




/* header */
.main-head { 
	position: relative; /* for shadows */
}

.mobile-head {
	display: none;
}

	.main-head .title {
		float: left;
		font-size: 37px;
		font-weight: bold;
		letter-spacing: -1px;
		max-width: 100%;
	}
	

	.logo-image {
		display: inline-block;
		vertical-align: middle;
		max-width: 100%;
		height: auto;
	}
	
	.main-head .logo-mobile {
		display: none;
	}

	/* vertically center - and right aligned */
	.main-head .right {
		line-height: 135px;
		text-align: right;
	}
	
	.main-head header {
		min-height: 135px;
		line-height: 135px;
		overflow: hidden;
	}

	.main-head .adwrap-widget,
	.main-head .a-widget {
		width: 728px;
		max-width: 100%;
		margin: 0 auto;
		vertical-align: middle;
		display: inline-block;
		line-height: 1;
		text-align: right;
	}
	
.main-head .centered {
	text-align: center;	
}

	.main-head .centered .title {
		float: none;
	}


/**
 * 2.3. =Navigation
 * ----------------------------------------------------------------------------
 */


.sticky-nav {
	position: fixed;
	top: 0;
	z-index: 101;
	width: 1078px;
	background-color: rgba(25, 35, 45, 0.9);
	
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

.has-nav-light .sticky-nav {
	width: 1128px;
	background: rgba(255, 255, 255, 0.98);
}

.full.has-nav-full .sticky-nav {
	width: 100%;
}

.navigation.has-search .menu {
	padding-right: 54px;
}

.admin-bar .sticky-nav { top: 32px; }

.navigation .mobile, .navigation .off-canvas { 
	display: none; 
}

.navigation a { color: #efefef; }
.navigation-wrap { width: 73%;

float: right; 
 }

.navigation .mobile, .navigation .mobile-menu { display: none; }

.navigation ul { 
	list-style: none; 
	line-height: 2; 
	position: relative;
	
}

.navigation ul li { 
	float: left; 
}

/* nth level link */ 
.navigation .menu li > a { 
	float: left;
	padding: 0px 25px;
}

/* top level links - 45px total height */
.navigation .menu > li > a { 
	text-decoration: none;
	line-height: 43px;
	font-size: 20px;
	border-bottom: 2px solid transparent;
	margin-bottom: -2px; /* parent border offset */
}

/* blips for parent menus */
.navigation .menu li > a:after {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 0.9;
	content: "\f107";
	text-shadow: 0px 0px 1px #efefef;
	margin-left: 10px;
}

.navigation .menu li li > a:after { display: none; }
.navigation .menu li > a:only-child:after, .navigation .menu .only-icon > a:after { 
	display: none; 
}

.navigation .menu > li:first-child > a {
	border-left: 0;
	box-shadow: none;	
}

.navigation .menu > li:hover > a, 
.navigation .menu > .current-menu-item > a,
.navigation .menu > .current-menu-parent > a,


.navigation .menu-item > a .fa, .navigation .sub-menu .fa {
	font-size: 14px;
	margin-right: 7px;
}

.navigation .menu .fa.only-icon, .navigation .only-icon .fa {
	margin-right: 0;
}


/* login */
.menu .user-login { float: right; }

.navigation .menu .user-login a {
	float: right;
	background: #2A3746;
	padding: 0 21px;
	min-width: 12px;
}

.navigation .menu .user-login .fa {
	margin: 0;	
}

.navigation.nav-light .menu .user-login a {
	background: transparent;
	border: 0;
}

.navigation .user-login .text { display: none; }

/* Nested menus */

	/* 1st level */
	.navigation .menu > li > ul { 
		top: 45px;
		border-radius: 0;
		border: 0;
	}
	
	/* 1st to nth level links */
	.navigation .menu > li li a {
		float: none;
		display: block;
		text-decoration: none;
		font-size: 13px;
		padding: 6px 25px;
		border-top: 1px solid #1f2c38;
		text-transform: none;
		
		/* prevent visibility:hidden delays 
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none;*/
	}
	
	.navigation .menu ul li {
		float: none;
	
		border-top: 0;
		padding: 0 0;
		position: relative;
		
		-webkit-transition: all .3s ease-in;
		transition: all .3s ease-in;
	}
	
	.navigation .menu ul > li:first-child > a { 
		border-top: 0px;
		box-shadow: none;
		-webkit-box-shadow: none;
	}
	
	.navigation .menu ul {
		position: absolute; 
		overflow: visible;
		visibility: hidden;
		display: block; 
		opacity: 0;
		
		padding: 5px 0px;
		
		        
		-webkit-transition: all .2s ease-in;
		transition: all .2s ease-in;
		
		z-index: 100;
		pointer-events: none;
	}

	/* 2nd+ level */
	.navigation .menu ul ul { 
		left: 100%;
		top: 0;
	}
	
	.navigation li:hover > ul { 
		visibility: visible; 
		opacity: 1; 
		pointer-events: auto;
	}
	
	/* nth level hover or current active item */

	
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; } /* old-ie only */
	
	
	



.wrap {
    width: 100%;
}

.navigation .menu > li > ul {
    top: 43px;
}


.boxed .main-wrap {
    width: 1025px;
}

.navigation .menu li > a::after {
	content: "";
    margin-left: 0px;
}

.navigation .menu > li > a { 
	font-family: "Microsoft Yahei","微软雅黑";
}





.navigation .menu > li > a {
    line-height: 2.5rem;
    font-size: 1rem;
}
 
.navigation .menu > li:hover > a {
	color: #ffffff;
	
}


.navigation .menu > li li a {
    padding: 0 9px 0 14px;
    border-top: 0px;
    float: left;
}
    


.navigation .menu > li:hover > a, .navigation .menu > .current-menu-item > a, .navigation .menu > .current-menu-parent > a, .navigation .menu > .current-menu-ancestor > a {
	
    font-size: 1.15rem;
    font-weight: bold;
}


.navigation .menu > li li a {
	font-size: 1rem;
}
.navigation .menu ul {
	left:0px;
	
}


.main-head .title a {
    font-size: 1.5rem;
}





#homepage .heading > a { color: inherit; }

#homepage .heading .subcats { 
	float: right;
	font-weight: normal; 
}
#homepage .heading .subcats{
	display: table;
	float: inherit;
}

#homepage .heading li {
    float: left;
    font-size: 12px;
    margin-left: 14px;
    position: relative;
}

#homepage .heading li a{
    font-size: 1.2em;
}

#homepage .heading .subcats a { color: #949697; }


/* blips */
#homepage .heading .active:after, #homepage .heading .active:before {
	bottom: -1px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
}

#homepage .heading .active:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 4px;
	left: 50%;
	margin-left: -4px;
}

#homepage .heading .active:before {
	border-color: rgba(229, 78, 83, 0);
	border-bottom-color: #d9d9d9;
	border-width: 5px;
	left: 50%;
	margin-left: -5px;
}



// google custom search
.gsc-input-box {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none !important;
    height: auto !important;
}



	.main-head header {
		line-height: 0px;
	}
	.main-head header .title {
		line-height: 135px;
	}
	
	





@media only screen and (max-width: 799px) { 

.navigation .menu > li:hover > a, .navigation .menu > .current-menu-item > a, 
.navigation .menu > .current-menu-parent > a { background-color: #5d85c9;; } 
}

.navigation.sticky { background: rgb(255,255,255); background: rgba(255,255,255, 0.9);; }



@media only screen and (max-width: 799px) { .navigation .mega-menu.links > li:hover { background-color: #ffffff;; } }



.navigation .menu > li li a, .navigation .mega-menu.links > li > a, .navigation .mega-menu.links > li li a,

@media only screen and (max-width: 799px) { .navigation .menu li a { border-color: #ffe700;; } }

.mega-menu .heading, .navigation .mega-menu.links > li > a { border-color: #b0fe4c;; }

.navigation .mega-menu .sub-nav { background: #3cfff4;; }



.main-footer { background-color: #526af2; background-image: none;; }

@media only screen and (max-width: 1128px) {
	
	.wrap, .boxed .main-wrap { 
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box; 
	}
	
	
	
	
}
