.container.news-list {
  width: 90%;
  max-width: 1140px;
  margin: 40px auto; }
  .container.news-list h2.title {
    text-align: center;
    font-size: 1.5rem; }
  .container.news-list .subTitle {
    color: #999;
    font-style: italic;
    font-family: Crimson, serif;
    text-align: center; }
  .container.news-list .newsList {
    border-bottom: 1px solid #dedede;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
  .container.news-list .newsList:hover {
    background: #efefef; }
  .container.news-list .newsList:first-of-type {
    border-top: 1px solid #dedede; }
  .container.news-list .newsListInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    padding: 20px 1em; }
  .container.news-list .newsList .newsListDate {
    margin: 0 35px 0 0; }
  .container.news-list .newsList .newsListTitle {
    width: 100%;
    margin: 0 35px 0 0;
    position: relative; }
  .container.news-list .newsBtn {
    display: table;
    width: 200px;
    height: 40px;
    text-align: center;
    border: 1px solid #dedede !important;
    margin: 1em auto; }
    .container.news-list .newsBtn a {
      display: table-cell;
      color: #444;
      font-family: Crimson, serif;
      font-size: 12px;
      vertical-align: middle; }
  @media (max-width: 768.98px) {
    .container.news-list .newsListInner {
      display: block; }
    .container.news-list .newsList .newsListDate {
      margin: 0 0 5px 1em; }
    .container.news-list .newsList .newsListTitle {
      margin: 0 0 0 1em; } }