@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	box-sizing:border-box;
}
header{
	width: 100%;
	height: 125px;
	background-color: #999;
}
nav{
	width: 40%;
	height: 100px;
	background-color: blue;
	float: right;
}
#sliderContainer{
	width: 1000px;
	height: 300px;
	background-color: red;
	overflow: auto;
}

main{
	display: flex;
	width: 100%;
	height: 400px;
	background-color: white;
}
button{
	width:	75px;
	height:	75px;
	font-size:24px;
	
	cursor: pointer;
}
a{
	color: #0f0;
	text-decoration: none;
}
.slider-inner{
	width: 1000px;
	height:300px;
	position:relative;
	overflow:hidden;
	
}
.slider-inner img{
	display: none;
	width: 1000px;
	height: 300px;
}
.slider-inner img{
	display: inline-block;
	width: 100px;
	height: 300px;
}

/*section{
	background-color:green;
	flex: 1 1 auto;
	//width: 100%; 
	margin-right: 20px;
}
*/
/*aside{
	background-color:blue;
	width:320px;
	flex: 0 0 auto;
	height:500px;
}
article h3{
	display:block;
	padding: 20px  0 20px 15px;
}
article time, article p{
	margin: 20px 20px 15px 15px;
}
article time{
	background:
	
}
article p{
	text-align:justify;
	line-height: 160%
}
article figure{
	float: right;
	top: 0;
	right: 0;
	margin: 10px 10px 10px 20px;
}
article figure img.responsive{
	width: 300px;
	height: auto;
}*/