@charset "utf-8";
/* CSS Document */
#title_bar {
	width:100%;
	height:50px;
	text-align:center;
	background:#0052A5;
	display:table;
}
#title_bar .title {
	color:#FFF;
	font-size:1.2em;
	letter-spacing:0.2em;
	display:table-cell;
	vertical-align:middle;
}
#eventsList {
	width:100%;
	padding-left:10px;
	padding-right:10px;
}
#eventsList ul li {
	width:100%;
	text-align:center;
	margin-bottom:20px;
}
#eventsList ul li .title {
	margin-top:5px;
	font-size:1.2em;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
#eventsList ul li .title a {
	color:#333;
}
#eventsList ul li .title a:hover {
	color:#03C;
}
#eventsList ul li .date {
	font-size:0.8em;
	color:#0052A5;
}
#eventsImg {text-align:center;}
@media screen and (max-device-width:340px) {
	#eventsImg img {max-width:300px;}
}
#detail {
	color:#333;
	margin-right:20px;
	margin-left:20px;
	line-height:1.6em;
}
#eventContent {
	width:100%;
	padding-right:1px;
	padding-left:1px;
}
/* @media screen and (max-device-width:680px) {
	#eventContent * {max-width:650px;}
}
@media screen and (max-device-width:580px) {
	#eventContent * {max-width:540px;}
}
@media screen and (max-device-width:500px) {
	#eventContent * {max-width:470px;}
}
@media screen and (max-device-width:440px) {
	#eventContent * {max-width:410px;}
}
@media screen and (max-device-width:380px) {
	#eventContent * {max-width:350px;}
}
@media screen and (max-device-width:340px) {
	#eventContent * {max-width:300px;}
} */

#eventsCourse {
	width:100%;
	padding-left:10px;
	padding-right:10px;
}
#eventsCourse ul li {
	width:100%;
	margin-bottom:20px;
}
#eventsCourse ul li .title {
	margin-top:5px;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
#eventsCourse ul li .title a {
	color:#333;
}
#eventsCourse ul li .title a:hover {
	color:#03C;
}
#eventsCourse ul li .date {
	font-size:0.8em;
	color:#0052A5;
}
#eventsCourse ul li .date strong {
	margin-right:20px;
}
#eventContent .owl-carousel .owl-stage
{
max-width:initial;
}