@charset "UTF-8";


@import url("base.css");

#event_list ul,#event .event_container { border: 1px solid #c8c8c8; }
#event_list ul li a { display: block; width: 100%; height: 100%; box-sizing: border-box; padding: 10px; text-decoration: none; font-size: 14px; overflow: hidden; position:relative; }
#event_list ul li a:after { content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 18px; color: #bbb; z-index: 1000; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; background:none; position: absolute; right: 5px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#event_list ul li:nth-child(2n) { background: #f0f0f0; }
#event_list ul li { -webkit-transition: .3s ease-in-out;	transition: .3s ease-in-out; }
#event_list ul li:hover { background: #FFF1F1; }
#event_list ul li p:nth-child(1) { color: #FF50A0; position: relative; height: 20px; line-height: 20px; margin-bottom: 3px; }
#event_list ul li p:nth-child(2) { color: #333; font-size: 16px; height: 30px; line-height: 30px; width: 600px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; }
#event_list ul li * { vertical-align: middle; }
.eventpic { display: block; margin: 0 auto 20px;}

#event .event_container { padding: 10px; }
#event .event_meta { padding: 0 5px 5px; border-bottom: 1px solid #c8c8c8; margin-bottom: 20px; overflow: hidden; }
#event .event_meta p { font-size: 12px; }
#event .event_meta h3 { font-size: 16px; font-weight: bold; color: #FF50A0; }