@charset "utf-8";

#news .news_tab {
	display:flex;
	width:860px;
	margin:40px auto;
  justify-content: space-between;
}

#news .news_tab li {
	width:19.5%;
}
#news .news_tab li a{
	border:1px solid #ccc;
	display:block;
	text-align:center;
	padding:10px 0;
  font-size: 1rem;
}
#news .news_tab li a:hover,#news .news_tab li.current a{
    border-bottom: solid 3px #CF3140;
    transition: none;
padding:10px 0 8px;
}

/*
#news .news_tab li.current a {
  color:#fff;
}
#news .news_tab li.all a:hover,#news .news_tab li.all.current a{
  background: #5fb54f;
}
#news .news_tab li.info a:hover,#news .news_tab li.info.current a{
  background: #d0c34d;
}
#news .news_tab li.school a:hover,#news .news_tab li.school.current a{
  background: #f0a44b;
}
#news .news_tab li.club a:hover,#news .news_tab li.club.current a{
  background: #57c6ef;
}
#news .news_tab li.exam a:hover,#news .news_tab li.exam.current a{
  background: #e28784;
}
*/


#news .news_tab li:last-child a{
	border-right:1px solid #ccc;
}
#news .news_list {
  width:860px;
  margin:0 auto 50px;
}

#news .news_list > li ul{
	display:flex;
	align-items:flex-start;
    padding:20px 40px;
    border-bottom: 1px dashed #ccc;
  
}

#news .news_list > li ul >li:first-child{
	width:110px;
  font-size: 0.9rem;
}
#news .news_list > li ul >li:nth-child(2){
	display:flex;
	width:70px;
	margin:-2px 25px 0 0;
}
#news .news_list > li ul >li:nth-child(2) span {
  padding:3px 0 1px;
  width:100%;
  text-align:center;
  color:#fff;
  background:#ccc;
  border-radius: 3px;
  font-size: 0.73rem;
}
#news .news_list > li ul >li:nth-child(2) span.news_all{
  background: #5fb54f;
}
#news .news_list > li ul >li:nth-child(2) span.news_info{
  background: #d0c34d;
}
#news .news_list > li ul >li:nth-child(2) span.news_school{
  background: #f0a44b;
}
#news .news_list > li ul >li:nth-child(2) span.news_club{
  background: #57c6ef;
}
#news .news_list > li ul >li:nth-child(2) span.news_exam{
  background: #e28784;
}


#news .news_list > li ul >li:nth-child(3){
    width:560px;
}
#news .news_list > li ul >li:nth-child(3) p{
	font-weight:bold;
  font-size:1rem;
}
#news .news_list > li ul >li:nth-child(3) p + span {
  display: inline-block;
  margin-top:8px;
}
#news .news_list > li a:hover ul{
	background:#f7f7f7;
}