#landingHeaderWide{
	position: relative;
	z-index: 4;
	width: 100%;
	background: #f9f9f9;
	-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
	box-shadow:         0 5px 5px 0 rgba(0, 0, 0, 0.2);
}
#landingHeader{
	margin: 0 auto;
	padding: 10px 0;
	width: 1200px;
}
#landingHeader a.logo{
	display: block;
	float: left;
	margin: 8px 0 0;
	/*width: 166px;
	height: 28px;
	background: url(/frame/re2016/acershop_logo.png) no-repeat;*/
	
	width: 183px;
	height: 29px;
	background: url(/frame/re2016/acershop_logo_retina_366x58.png) no-repeat;
	background-size: 183px 29px;
	
	text-indent: -10000px;
}
#landingHeaderWide #slogen{
	float: left;
	margin: 0 0 0 20px;
	padding: 17px 15px 17px;
	border-left: solid 1px #d0d2d1;
	font-size: 13px;
	color: #8b8b8b;
	color: #88929b;
	text-transform: uppercase;
	text-align: left;
}
/**/
#landingHeaderWide .hbox{
	display: block;
	float: right;
	padding: 5px 15px;
	border-right: solid 1px #d0d2d1;
	font-size: 14px;
	color: #5e6a78;
	text-decoration: none;
	text-align: right;
}
#landingHeaderWide a.hbox:hover{
	opacity: 0.6;
}
#landingHeaderWide .hbox span{
	display: block;
}
#landingHeaderWide .hbox .open{
	color: #609e0f;
}
#landingHeaderWide .hbox i{
	margin: 0 7px 0 0;
	color: #609e0f;
	font-size: 16px;
}
#landingHeaderWide .hbox .close{
	color: #adb0b3;
}
#landingHeaderWide .hbox .close i{
	color: #adb0b3;
}
/* fixed */
#landingHeaderWide.fixed{
	position: fixed;
	top: 0;
	
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#landingHeaderWide.fixed #campHeader{
	padding: 0;
	
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#landingHeaderWide.fixed #slogen{
	margin-top: 10px;
	padding: 5px 15px 5px;
	
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#landingHeaderWide.fixed .hbox{
	margin: 4px 0 4px;
	padding: 0 15px;
	
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}


@media only screen and (max-width: 1220px){
	#campHeaderWide.fixed #landingHeader, #landingHeader{
		box-sizing: border-box;
		padding-left: 10px;
		padding-right: 10px;
		width: 100%;
	}
}

@media only screen and (max-width: 1023px){
	#landingHeaderWide #chat{
		display:none;
	}
}

@media only screen and (max-width: 768px){
	#landingHeaderWide #slogen{
		display: none;
	}
	#landingHeaderWide .hbox{
		border: 0;
	}
}
@media only screen and (max-width: 480px){
	#landingHeaderWide.fixed #landingHeader{
		padding: 10px 0;
	}
	/*#landingHeader a.logo{
		float: none;
		margin: 0 auto;
	}
	#landingHeaderWide .hbox,
	#landingHeaderWide.fixed .hbox{
		float: none;
		margin: 10px auto 0;
		text-align: center;
	}*/
	
	
	
	#landingHeader a.logo{
		margin: 10px 0 0 10px;
		/*width: 132px;
		height: 21px;
		background: url(/frame/re2016/acershop_logo_retina.png) no-repeat;
		background-size: 100%;*/
		
		width: 122px;
		height: 19px;
		background: url(/frame/re2016/acershop_logo_retina_366x58.png) no-repeat;
		background-size: 100%;
		
	}
	#landingHeaderWide,
	#landingHeaderWide.fixed{
		padding: 5px 0;
	}
	#landingHeaderWide .hbox,
	#landingHeaderWide.fixed .hbox{
		padding: 0 10px 0 0;
		margin: 0;
	}

}