.base {
	font-family: Arial,sans-serif; 
	margin: 0;
	padding: 0;
}
.base a {
	color: #000;
	text-decoration: none;
}
.container{
	width: 1000px;
	margin: 0 auto;
}
.clearfix after {
content: '';
display: table;
width: 100%;
clear:both;
}
.line{
	height: 16vw;
}
.red{
background-color: #fe807f;
}	
.orange{
background-color: #ffbfa0;
} 
.yellow{
background-color: #ffff80;
}
.green{
background-color: #3fc74f; 
}
.blue{
background-color: #b2d9ff;
} 
.indigo{
background-color: #7f7ffe;
}
.violet{
background-color: #fe7ffe;
}
.photo {
	margin:0;  
	float:left;	
	height: 16vw;
	text-align: center;
}
.name{
	text-align: left;
	float:left;
	height: 68vw;
    font-size:3vw;
    text-overflow: ellipsis;	
}
.time{
	float:right;
	height: 16vw;
    font-size: 5vw;
    margin: 4.5vw 0 0 0 ;
}
.photo2 { 
	height: 500px;
	width: 500px; 
}
.h2{
	color: #fff;
	background-color: #8a8a8a;
	font-size:5vw;
	width:700px;
	margin: 0 auto;
	text-transform: uppercase;
	border-radius: 30px;
}
.color{
	height: 70px;
	width: 140px;
	margin: 0;
	text-align: center;
	float:left;
}