#contentWrap { padding: 0 0 5px; }

#contentHeaderWrap { margin-bottom: 5px; }

#contentHeader { padding: 32px 20px; }

#sideContentFilter .level2 a:before { position: absolute; content: ''; top: 50%; left: 8px; margin: -10px 0 0 0; width: 20px; height: 20px; background-color: #DBDBDB; -webkit-border-radius: 100%; border-radius: 100%; cursor: pointer; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) inset; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) inset; }
#sideContentFilter .level2 li.selected a:after { position: absolute; content: ''; top: 50%; left: 14px; margin: -4px 0 0 0; width: 8px; height: 8px; background-color: #333; -webkit-border-radius: 100%; border-radius: 100%; }

.eventTitle { font-size: 14px; line-height: 20px; font-weight: bold; }

#eventOnAir { margin-bottom: 10px; }
#eventOnAir h2 { background-color: #2b2b2b; padding: 10px 20px; color: #FFF; }
#eventOnAir h2 > span { font-size: 20px; margin-right: 5px; }
#eventOnAir > ul { background-color: #2b2b2b; padding: 0 10px 10px; }
#eventOnAir > ul > li { float: left; width: 50%; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }
#eventOnAir .content { position: relative; }
#eventOnAir .thumbIcon { font-size: 16px; height: 24px; line-height: 24px; }
#eventOnAir .eventThumbnailWrap { margin-bottom: 5px; }
#eventOnAir .eventThumbnailWrap > a { width: 100%; height: 153.75px; }
#eventOnAir .eventTitle { max-height: 40px; overflow: hidden; }
#eventOnAir .eventTitle a { color: #FFF; }

#eventOpen { background-color: #FFF; border: 1px solid #E5E5E5; padding: 10px; margin-bottom: 5px; }
#eventOpen h2 { font-size: 16px; }
#eventOpen .eventTitle { float: left; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 13px; max-width: 40em; }
#eventOpen li { overflow: hidden; margin-top: 5px; }
#eventOpen .categoryName { float: left; height: 16px; line-height: 16px; padding: 0 5px; font-size: 11px; margin: 2px 5px 0 0; background-color: #F2F2F2; color: #333; }

#eventLine .eventMainLine.first > li:last-child { border-bottom: none; }

.eventMainLine { background-color: #FFF; border: 1px solid #E5E5E5; border-top: none; }
.eventMainLine > li { border-bottom: 1px dotted #CCC; padding: 8px 10px; }
.eventMainLine > li:last-child { border: none; }
.eventMainLine .eventThumbnailWrap { float: right; margin-left: 10px; }
.eventMainLine .tweetNum { float: left; margin-right: 7px; }
.eventMainLine .eventDate { font-size: 14px; margin-bottom: 5px; }
.eventMainLine .eventTitle { margin: 0 0 5px 0; }
.eventMainLine .eventWrap { margin-right: 130px; min-height: 92px; }
.eventMainLine.noThumbnail .eventWrap { margin-right: 0; min-height: 0; }

.limitTime { font-size: 14px; display: inline-block; margin-right: 8px; float: left; }
.limitTime.nowOnAir { padding: 0 5px; background-color: #FE0000; }
.limitTime .time { color: #FE0000; font-weight: bold; }
.limitTime.nowOnAir .time { color: #FFF; }

.eventThumbnailWrap { position: relative; }
.eventThumbnailWrap > a { position: relative; display: inline-block; width: 120px; height: 90px; -webkit-background-size: cover; background-size: cover; border: 1px solid #E8E8E8; background-position: 50% 20%; text-indent: -9999px; background-repeat: no-repeat; background-color: #F2F2F2; -webkit-box-sizing: border-box; box-sizing: border-box; }
.eventThumbnailWrap > a.original { -webkit-background-size: contain; background-size: contain; background-position: 50% 50%; }

.categoryIndicator { overflow: hidden; }
.categoryIndicator a:hover { text-decoration: none; }
.categoryIndicator a:hover span { background-color: #666; color: #FFF; }

.eventFormWrap { background-color: #B72F26; padding: 10px 8px; }
.eventFormWrap .inputWrap { position: relative; float: right; width: 200px; }
.eventFormWrap input { padding-right: 40px; }

#event .message { font-size: 16px; height: 32px; line-height: 37px; -webkit-text-shadow: 0 1px 0 #FFF; text-shadow: 0 1px 0 #FFF; }
#event .message .filterName { font-size: 20px; line-height: 32px; font-weight: bold; float: left; display: inline-block; max-width: 8em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-right: 10px; }
#event .filterResult { margin: 10px 0 7px; -webkit-text-shadow: 0 1px 0 #FFF; text-shadow: 0 1px 0 #FFF; }
#event .filterResult .num { font-size: 20px; padding: 0 5px; }

.eventTimePass { position: absolute; bottom: -1px; right: 0; font-size: 11px; display: block; color: #333; z-index: 1; background-color: #333; color: #FFF; padding: 0 5px; }

.insideSearch { position: absolute; top: 0; right: 0; width: 60px; height: 32px; border: 1px solid #CCC; padding: 0; background: #FBFBFB; cursor: pointer; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; }
.insideSearch .fa { position: relative; top: 1px; left: -1px; font-size: 16px; color: #999; }
.insideSearch:hover { background-color: #EEE; }
