@charset 'utf-8';

/* news
--------------------------------------- */
.topics{
  background:url(../images/bg5.jpg) center top no-repeat;
  background-size:cover;
}
.topics .wrap{padding:20px 0 70px;}
.topics .close{margin-bottom:40px;}
.topics .close a{
  float:right;
  width:32px;
  transition:opacity 300ms;
}
.topics .close a:hover{
  opacity:0.7;
}
.topics .return a{
  display:block;
  width:250px;
  margin:70px auto 0;
  padding:5px;
  color:#fff;
  background:rgba(255,255,255,0.1);
  border:1px solid #fff;
  text-align:center;
  transition:opacity 300ms;
}
.topics .return a:hover{
  opacity:0.7;
}
.topics h2{
  margin-bottom:40px;
  color:#fff;
  line-height:1.4;
}
.topics h3{
  text-align:center;
  font-size:24px;
  font-weight:600;
  color:#fff;
}
.topics h4{
  font-size:20px;
  font-weight:600;
  color:#fff;
}
.topics .block-topics{
  width:720px;
  margin:auto;
  color:#fff;
}
.topics .lead,
.topics .box{
  margin-bottom:40px;
}
.topics dl.cast{margin-bottom:20px;}
.topics dl.cast dt{
  font-weight:600;
}
.topics ul.attent{
  padding-left:1.0em;
  text-indent:-1.0em;
  font-size:14px;
}
@media screen and (max-width:1480px){
}
@media screen and (max-width:640px){
.topics .wrap{padding:20px 0 70px;}
.topics .close{margin-bottom:40px;}
  .topics .close a{
    width:48px;
    transition:none;
  }
  .topics .close a:hover{
    opacity:1;
  }
  .topics .return a{
    width:100%;
    padding:10px;
    transition:none;
  }
  .topics .return a:hover{
    opacity:1;
  }
  .topics h3{
    font-size:32px;
  }
  .topics h4{
    font-size:28px;
  }
  .topics .block-topics{
    width:100%;
  }
.topics .lead,
.topics .box{
  margin-bottom:40px;
}
.topics dl.cast{margin-bottom:20px;}
.topics dl.cast dt{
  font-weight:600;
}
  .topics ul.attent{font-size:19px;}
}