#event-container {
  margin-bottom: 15px; }

.event-section {
  padding: 12px 15px; }

.event-section-title {
  font-size: 10px;
  color: #aaa;
  font-weight: normal;
  margin-bottom: 5px; }

#event-info {
  overflow: hidden;
  padding-bottom: 9px; }

#event-info .event-section {
  float: left;
  width: 25%;
  font-size: 13px;
  font-weight: bold;
  border-right: 1px solid #ccc;
  margin-bottom: -1000px;
  padding-bottom: 1000px; }

.event-live {
  color: #7AB87E; }

.event-eta {
  color: #7AB87E; }

.event-complete {
  color: #aaa; }

#event-desc {
  border-top: 1px solid #ccc; }

#event-desc .event-section {
  font-size: 13px;
  line-height: 1.5em;
  padding-top: 5px; }

#event-desc p {
  margin: .5em 0; }

#event-desc .event-section-title {
  margin-bottom: -7px; }

#event-desc em {
  font-style: italic;
}

#event-desc s {
  text-decoration: line-through
}

#vod-container {
  margin: 15px 0;
  margin-top: -5px; }

.vod-btn, .vod-btn-spoiler {
  cursor: pointer;
  display: inline-block;
  width: 100%;
  margin-top: 5px;
  border-radius: 2px;
  font-size: 11px;
  text-align: center;
  cursor: pointer;
  color: #666;
  padding: 12px; }

.vod-btn:hover, .vod-btn-spoiler:hover {
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid #6ea3cf; }

.vod-name {
  display: inline-block;
  margin-left: 3px; }

.vod-arrow {
  font-size: 14px;
  color: #C1181E;
  color: #c6393e;
  vertical-align: -1px; }

.vod-wrapper {
  padding: 0 12px;
  display: none; }