.T5004 .items { 
	font-size: 0.9rem; line-height: 1rem;
	padding: 1rem !important; overflow-y: scroll !important; }	

.T5004 .events-head { display: flex; margin-bottom: 0.7rem; justify-content: space-between; }	
.T5004 .events-head-left { display: flex; }	
.T5004 .events-head-left div { margin-right: 1rem; }	
.T5004 .events-head .events-name { font-weight: bold;}	

.T5004 .events-head-right { display: flex; }	
.T5004 .events-head-right div { margin-left: 0.5rem; }	


.T5004 .events-head span.filter-button  { 
	position: relative;
	background-color: #aaa;
	padding: 0.12rem 1.2rem 0.12rem 0.5rem;
	border-radius: 2rem;
	color: #fff;
	font-size: 0.70rem;
}
.T5004 .events-head span.filter-button:hover {
	background-color: #666;
	cursor: pointer;
} 
.T5004 .events-head span.filter-button::after {
	content: "\25BE";
	position: absolute;
	right: 0.4rem;
} 



.T5004 .event-group {
	border-top: 1px solid #ddd;
	font-size: 0.8rem;
	font-weight: bold;
	color: #666;
	margin-top: 0.5rem;
	padding: 0.2rem 0px;
}
.T5004 .event {
	font-size: 0.8rem;
	padding: 0.2rem 0;
	display: flex;
}

.T5004 .event .event-date { font-weight: bold; color: #00569a; margin-right: 0.3rem; }
.T5004 .event .event-time { font-weight: bold; color: #0076ba; margin-right: 0.5rem; }

.T5004 .event .event-image {}


.T5004 .event .event-name { flex: 5}

.T5004 .event .event-name .event-files { 
	font-weight: bold; color: #666; margin-left: 0.5rem; 
	background-color: #aac;
	color: #fff;
	padding: 0.1rem 0.3rem;
	border-radius: 0.1rem;
	font-size: 0.6rem;
	line-height: 1;
	font-weight: normal;
}



.T5004 .event-detail-headline	{ font-size: 1.2rem; line-height: 1.2; font-weight: bold; color: #000; margin-top: 0.6rem;  }
.T5004 .event-detail-intro	{ font-size: 0.9rem; line-height: 1.25; font-weight: bold; color: #666; margin-top: 0.5rem; margin-bottom: 1rem; }
.T5004 .event-detail-text	{ font-size: 0.9rem; line-height: 1.25; color: #000; margin-top: 0.6rem; margin-bottom: 1rem; }
.T5004 .event-detail-image { margin-bottom: 1rem; }
.T5004 .event-detail-image img { width: 100%; height: auto; }


.T5004 .event-detail-images { margin-top: 1rem; display: flex; flex-wrap: wrap;}
.T5004 .event-detail-images a { display: block; width: 25%; color: #000; text-decoration: none; margin-bottom: 5px; }
.T5004 .event-detail-images a span { display: block; font-size: 0.75rem; }
.T5004 .event-detail-images img { display: block; width: calc(100% - 15px); margin: 0 15px 5px 0; height: auto !important; 
	box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}