@charset "utf-8";
/* CSS Document */

.innerContent{
	opacity:0;
	
	-webkit-transition:opacity 1s linear 1s;
	-moz-transition:opacity 1s linear 1s;
	-ms-transition:opacity 1s linear 1s;
	-o-transition:opacity 1s linear 1s;
	transition:opacity 1s linear 1s;
}
.showNow .innerContent{
	opacity:1;
}
.innerContent::before, .innerContent::after{
	content:'';
	display:block;
	margin:10px auto;
	height:30px;
	width:1px;
	background:#FFF;
	opacity:0.3;
}
.innerContent::after{
	margin:10px auto 0 auto;
}

.list{
	max-width:800px;
	margin:0px auto;
}
.year{
	float:left;
	width:50%;
	color:#FFF;
	text-align:right;
}
.year::before{
	content:'';
	display:inline-block;
	width:0;
	height:100%;
	vertical-align:middle;
}
.year::after{
	content:'';
	display:inline-block;
	vertical-align:middle;
	height:1px;
	width:60px;
	background:#b5975b;
	margin:0 -10px 0 10px;
}
.year span{
	display:inline-block;
}
.list p{
	overflow:hidden;
	border-left:rgba(255,255,255,0.1) solid 1px;
	padding:5px 0 5px 20px;
}
@media screen and (max-width:960px){
.list{
	max-width:350px;
	margin:30px auto;
}	
.year{
	width:auto;
	float:none;
	text-align:left;
}
.list p{
	margin:0 0 0 40px;
}
}
@media screen and (max-width:640px){
.list p{
	margin:0 0 0 20px;
}	
}
@media screen and (max-width:640px), screen and (max-height:400px){
.innerContent::before, .innerContent::after{
	height:15px;
}	
}