@charset "utf-8";
body,
#main{
	background:#fff;
}

.boder{
	display:block;
	width:100%;
}

.layout{
	position:relative;
}

.participant_all_counter{
	position: absolute;
	left: 70px;
    top: 71px;
}
.feeling_counter{
	position:absolute;
	top:83px;
	left:87px;
}

.participant_all_counter img,
.feeling_counter img{
	display:block;
	float:left;
	width:22px;
}




.big_number{
	left: 22px;
    position: absolute;
    top: 221px;
}
.big_number img{
	display:block;
	float:left;
	width:55px;
}





.timeline_block{
	position:absolute;
	top:315px;
	left:10px;
	width:284px;
	height:140px;
	border:#9f895a 1px solid;
	border-right:#9f895a 15px solid;
	background:#f3f3f3;
	overflow:hidden;
}

ul#timeline{
	display:block;
	width:100%;
}

ul#timeline li{
	display:block;
	position:relative;
	width:100%;
	height:auto;
	min-height:50px;
	border-bottom:#ccc 1px solid;
}

#timeline li .timeline_img{
	position:absolute;
	top:10px;
	left:10px;
	width:100px; height:100px;
}
#timeline li .timeline_img img{ 
	display:block; width:50px; height:50px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#timeline li .timeline_name{
	position:absolute;
	top:10px;
	left:72px;
	width:240px; height:20px;
	font-weight:bold;
	font-size:16px;
}
#timeline li .timeline_day{
	position:absolute;
	top:10px;
	right:10px;
	width:240px; height:20px;
	text-align:right;
	color:#ff86a8;
	font-weight:bold;
	font-size:10px;
}
#timeline li .timeline_date{
	position:absolute;
	top:30px;
	left:72px;
	width:240px; height:20px;
	font-size:12px;
	color:#888;
}
#timeline li .timeline_coment{
	width:auto; height:auto;
	font-size:14px;
	padding: 52px 10px 10px 72px;
}



#first_chart{
    position: absolute;
    right: 0;
    top: 147px;
	
    width: 160px;
	height: 160px;
    overflow: hidden;
}