@import url('//fonts.googleapis.com/css?family=Neuton:400,400i,700');

body,html{
	margin:0;
	padding:0;
	font-family:'Neuton',serif;
	color:#454646;
}
img{
	max-width:100%;
}
a{
	color:#454646;
}

/*header*/
#header{
	background:#303030;
	border-bottom:4px solid #a8a8a8;
}
#header a{
	color:#fff;
}
#menuclick{
	display:none;
}
#menu{
	height:44px;
}
#menu a{
	display:flex;
	align-items:center;
	float:left;
	height:40px;
	font-size:1.3em;
	text-decoration:none;
	margin:0 20px;
}
@media screen and (min-width:801px){
#menu a#menustore{
	background:#e6e7e8;
	color:#303030;
	border-bottom:4px solid #e6e7e8;
	float:right;
	margin:0;
	padding:0 20px;
	font-weight:bold;
}
#menu a:hover{
	border-bottom:4px solid #a8a8a8;
} 
}
#headerwrap{
	padding:30px 10px;
	display:flex;
	max-width:100%;
	box-sizing:border-box;
	width:1200px;
	margin: 0 auto;
	align-items:center;
}
#logo{
	margin: 0 auto;
	max-width:600px;
}
#topspace{
	margin-left:20px;
	width:728px;
	height:90px;
	background:#ccc;
	flex-shrink:0;
	flex-grow:0;
overflow:hidden;
}

@media screen and (max-width:1050px){
	#headerwrap{
		flex-wrap:wrap;
		padding:20px 10px;
	}
	#topspace{
		margin: 0 auto;
		margin-top:20px;
	}
}
@media screen and (max-width:800px){
	#menuclick{
		display:block;
		padding:10px;
		text-align:center;
		box-sizing:border-box;
		width:100%;
		font-size:1.5em;
	}
	#menu{
		display:none;
		height:auto;
	}
	#menu a{
		display:block;
		text-align:center;
		float:none;
	}
	#headerwrap{
		padding:5px 10px 10px 10px;
	}
	#topspace{
		width:320px;
height:50px;
background:none;
margin-bottom:10px;
	}
}

#middle{
	width:1100px;
	max-width:100%;
	margin: 0 auto;
	display:flex;
	justify-content:space-around;
	padding:20px;
	box-sizing:border-box;
}
#middleleft{
	order:0;
	width:100%;
}
#middleright{
	width:160px;
	flex-shrink:0;
	margin-left:20px;
	order:1;
}
.cc-nav,.cc-page-nav{
	display:flex;
}
.cc-nav{
	justify-content:space-around;
}
.cc-page-nav{
justify-content:center;
}
.cc-nav a, .cc-nav div,.cc-page-nav a,.cc-page-nav div{
	background:#e6e7e8;
	padding:15px;
	box-sizing:border-box;
	border-radius:5px;
	margin:10px 5px;
	color:#474747;
	font-weight:bold;
	text-decoration:none;
display:flex;
align-items:center;
text-align:center;
}
.cc-nav a, .cc-nav div{
	font-size:1.1em;
}
.cc-page-nav a, .cc-page-nav div{
font-size:1.4em;
}
.cc-nav a:hover{
	background:#454646;
	color:#fff;
}
#rightspace{
	width:160px;
	height:600px;
	background:#ccc;
}
#social{
	display:flex;
	flex-wrap:wrap;
	margin-top:15px;
}
#social a{
	flex-basis:50%;
	box-sizing:border-box;
	padding:3px;
}
#social a#hiveworks{
	flex-basis:100%;
	margin-top:10px;
}
#social a:hover{
	filter:grayscale(100%);
	opacity:.7;
}

@media screen and (max-width:900px){
	#middle{
		flex-wrap:wrap;
		padding:20px 0;
	}
	#middleright{
		width:100%;
		padding:10px 20px;
		box-sizing:border-box;
		margin: 0;
	}
	#rightspace{
		display:none;
	}
	#social{
		flex-wrap:nowrap;
		justify-content:space-around;
		align-items:center;
		margin:0;
	}
	#social a{
		flex-basis:auto;
		max-width:100px;
	}
}

@media screen and (max-width:650px){
	
	.cc-nav a.cc-navaux{
		display:none;
	}
	.cc-nav a,.cc-nav div{
		font-size:1.2em;
	}
	
}

@media screen and (max-width:460px){
	
	.cc-nav a,.cc-nav div{
		font-size:1em;
		padding:15px 8px;
	}
	
}

/*bottom*/
#hw-jumpbar{
	max-width:1100px;
	margin: 0 auto;
}
#bottom{
	width:1100px;
	max-width:100%;
	margin: 0 auto;
	display:flex;
	margin-top:20px;
}
#bottomleft{
	width:100%;
	box-sizing:border-box;
	background:#e6e7e8;
}
#bottomright{
	width:300px;
	flex-shrink:0;
	flex-grow:0;
	box-sizing:border-box;
	order:1;
	margin-left:20px;
}
#bottomspace{
	width:300px;
	height:250px;
	background:#ccc;
}
#storead{
	margin-top:20px;
	display:block;
}
#storepic img{
	vertical-align:bottom;
}
#storetitle{
	height:50px;
	display:flex;
	align-items:center;
	justify-content:space-around;
	color:#fff;
	background:#303030;
	font-size:1.5em;
}
#bottomleft div{
	padding: 10px 20px;
	font-size:1.2em;
}
#bottomleft div.cc-newsheader{
	padding:20px;
	color:#fff;
	background:#303030;
	font-size:1.8em;
}
.cc-publishtime{
	background:#909090;
	color:#fff;
}
.cc-newsbody{
	line-height:1.5em;
}
.cc-newsheader a{
	text-decoration:none;
	color:#fff;
}

@media screen and (max-width:650px){
	#bottom{
		flex-wrap:wrap;
		margin:0;
	}
	#bottomleft{
		order:2;
	}
	#bottomright{
		margin:0;
		display:flex;
		width:100%;
		justify-content:space-around;
		margin:15px 0;
	}
	#bottomspace{
		flex-shrink:0;
	}
	#storepic{
		height:200px;
		overflow:hidden;
		align-items:center;
		display:flex;
	}
	#storead{
		margin:0;
		max-height:250px;
	}
}

@media screen and (max-width:520px){
	
	#bottomright{
		flex-wrap:wrap;
	}
	#storead{
		margin-top:15px;
	}
	
}

/*footer*/
#footer{
	background:#454646;
	margin-top:40px;
}
#footer a{
	color:#fff;
	text-decoration:none;
	font-size:1.2em;
	display:block;
	padding-right:40px;
	height:40px;
}
#footerwrap{
	box-sizing:border-box;
	max-width:1200px;
	padding:40px 20px;
	margin: 0 auto;
	width:100%;
	display:flex;
} 

#textwrap{
	padding: 10px 20px;
	font-size:1.2em;
	background:#e6e7e9;
}

#bottomleft div.cc-newsarea{
padding:0;
}