@charset "UTF-8";

/*--------------------------------------------------------------
news
--------------------------------------------------------------*/

.news {
  margin: 0;
  padding: 0;
}

.news #news_topics {
  background-color: #fff;
  padding: 4px 12px 8px;
  border-top: 2px solid transparent;
  font-size: 13px;
}

.news #news_list {
  line-height: 1.8;
}

.news #news_item {
  line-height: 1.8;
  margin-bottom: 30px;
}

.news .news_select .select_category {
  margin-bottom: 8px;
}

.news .news_select .select_year {
  margin-bottom: 8px;
}
/*
.news .news_title span {
  display: inline-block;
  border-radius: 4px;
  background: #fff;
  background: -webkit-linear-gradient(#fff, #f2f2f2);
  background: linear-gradient(#fff, #f2f2f2);
  border: 1px solid #cecece;
  font-size: 11px;
  font-weight: normal;
  line-height: 21px;
  height: 21px;
  padding: 0 11px;
  position: relative;
  vertical-align: middle;
  margin-top: 4px;
  margin-right: 1.5em;
}
*/
.news .news_title span {
  font-weight: bold;
}

.news .news_link {
  text-align: right;
  vertical-align: bottom;
}

.news #news_topics .table {
  margin-bottom: 0;
}

.news .select_label {
  display: inline-block;
  /*width: 80px;*/
  border: 1px solid #777;
  border-radius: 100vh;
  text-align: center;
  background-color: #fff;
  color: #777;
}

.news .news_select .select_label:hover,
.news .select_label.active {
  background-color: #777;
  color: #fff;
}

.news .select_label.s1 {
  border-color: #f69;
  color: #f69;
}

.news .news_select .select_label.s1:hover,
.news .select_label.s1.active {
  background-color: #f69;
  color: #fff;
}

.news .select_label.s2 {
  border-color: #3c6;
  color: #3c6;
}

.news .news_select .select_label.s2:hover,
.news .select_label.s2.active {
  background-color: #3c6;
  color: #fff;
}

.news .select_label.s3 {
  border-color: #39f;
  color: #39f;
}

.news .news_select .select_label.s3:hover,
.news .select_label.s3.active {
  background-color: #39f;
  color: #fff;
}

.news .select_label.s4 {
  border-color: #93c;
  color: #93c;
}

.news .news_select .select_label.s4:hover,
.news .select_label.s4.active {
  background-color: #93c;
  color: #fff;
}

.news .select_label.s5 {
  border-color: #c90;
  color: #c90;
}

.news .news_select .select_label.s5:hover,
.news .select_label.s5.active {
  background-color: #c90;
  color: #fff;
}

.news .select_label.s6 {
  border-color: #f63;
  color: #f63;
}

.news .news_select .select_label.s6:hover,
.news .select_label.s6.active {
  background-color: #f63;
  color: #fff;
}

.news .select_label.s7 {
  border-color: #399;
  color: #399;
}

.news .news_select .select_label.s7:hover,
.news .select_label.s7.active {
  background-color: #399;
  color: #fff;
}

.news .select_label.s8 {
  border-color: #c39;
  color: #c39;
}

.news .news_select .select_label.s8:hover,
.news .select_label.s8.active {
  background-color: #c39;
  color: #fff;
}

.news #news_list .table td {
  padding: 15px 8px;
}

.news .table_col1 {
  vertical-align: middle;
  white-space: nowrap;
}

.news .table_col2 {
  vertical-align: middle;
}

.news .table_col3 {
  vertical-align: middle;
}

@media (max-width: 767px) {
  .news .table_col1 {
      white-space: wrap;
  }
}