.timeline__content h2{
	font-weight: 500;
	
}
.timeline__content h2::before{
	display: block;
	
	/*
	width: 100%;
	height: 25px;
	line-height: 25px;
	*/
	text-align: center;
	color: #fff;
	
	font-size: .875em;
	font-weight: 500;
	
	position: absolute;
	right: 6px;
	top: 6px;
	
	border-radius: 10px;
	padding: 3px 25px 0 25px;

}
.cat_1 .timeline__content h2::before{
	content: 'LIFE';
	background-color: #1db100;
}

.cat_2 .timeline__content h2::before{
	content: 'WORKS';
	background-color: #ff9300;
}

.timeline__content {
    padding: .75rem;
}

/*
.timeline__content h2{
	positio: relative;
}
*/


.timeline_ellipsis{
	font-weight: 300;
	text-decoration: underline;
	cursor: pointer;
}
.timeline_ellipsis:hover{
	text-decoration: none;
}
.cat_1 .timeline_ellipsis{
	color: #1db100;
}
.cat_2 .timeline_ellipsis{
	color: #ff9300;
}

.ellip_NO{
	/*
	display: -webkit-box;
	max-width: 100%;
	height: 200px;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	*/
	/*
	line-height: 1.625;
	*/
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}


.ellipsis {
	overflow: hidden;
	height: 200px;
	height: 75px;
	line-height: 25px;
	/*
	margin: 20px;
	border: 5px solid #AAA;
	*/
}
.ellipsis:before {
	content: "";
	float: left;
	width: 5px;
	height: 75px;
}
.ellipsis > *:first-child {
	float: right;
	width: 100%;
	margin-left: -5px;
}
.ellipsis:after {
	content: "\02026";
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	float: right;
	position: relative;
	top: -25px;
	left: 100%;
	width: 3em;
	margin-left: -3em;
	padding-right: 5px;
	text-align: right;
	background-size: 100% 100%;
	/* 512x1 image, gradient for IE9. Transparent at 0% -> white at 50% -> white at 100%.*/
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAABCAMAAACfZeZEAAAABGdBTUEAALGPC/xhBQAAAwBQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wDWRdwAAAP90Uk5TgsRjMZXhS30YrvDUP3Emow1YibnM9+ggOZxrBtpRRo94gxItwLOoX/vsHdA2yGgL8+TdKUK8VFufmHSGgAQWJNc9tk+rb5KMCA8aM0iwpWV6dwP9+fXuFerm3yMs0jDOysY8wr5FTldeoWKabgEJ8RATG+IeIdsn2NUqLjQ3OgBDumC3SbRMsVKsValZplydZpZpbJOQco2KdYeEe36BDAL8/vgHBfr2CvTyDu8R7esU6RcZ5ecc4+Af3iLcJSjZ1ivT0S/PMs3LNck4x8U7wz7Bv0G9RLtHuEq1TbJQr1OtVqqnWqRdoqBhnmSbZ5mXapRtcJGOc4t2eYiFfH9AS7qYlgAAARlJREFUKM9jqK9fEGS7VNrDI2+F/nyB1Z4Fa5UKN4TbbeLY7FW0Tatkp3jp7mj7vXzl+4yrDsYoVx+JYz7mXXNSp/a0RN25JMcLPP8umzRcTZW77tNyk63tdprzXdmO+2ZdD9MFe56Y9z3LUG96mcX02n/CW71JH6Qmf8px/cw77ZvVzB+BCj8D5vxhn/vXZh6D4uzf1rN+Cc347j79q/zUL25TPrJMfG/5LvuNZP8rixeZz/mf+vU+Vut+5NL5gPOeb/sd1dZbTs03hBuvmV5JuaRyMfk849nEM7qnEk6IHI8/qn049hB35QGHiv0yZXuMdkXtYC3ebrglcqvYxoj1muvC1nDlrzJYGbpcdHHIMo2FwYv+j3QAAOBSfkZYITwUAAAAAElFTkSuQmCC);
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
	background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
	background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
	background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
	background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
}

.ellip_btn_cont{
	text-align: right;
	width: 100%;
	display: inline-block;
}

.ellip_btn{

}
.timelineTitle{
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: center;
	padding: 3px 5px;
}
.timelineTitle span{
	font-weight: 500;
	color: white;
	background-color: crimson;
	padding: 3px 5px;
}



.timeline__content img{
	max-width: 90%;
	max-height: 350px;
	display: block;

	margin: auto;
	margin-top: 10px;
	border: 2px solid green;
	padding: 3px;
}