body {
  background-image: url("/../images/news.jpg");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat; }

.news-list {
  margin: 40px 0 0; }
  .news-list .new-title {
    padding: 0 40px; }
    @media screen and (max-width: 767px) {
      .news-list .new-title {
        padding: 0 10px;
        max-width: 100%; } }
  .news-list ul {
    list-style: none;
    padding: 0;
    margin-top: 50px; }
    .news-list ul > li {
      padding: 20px 50px;
      border-bottom: 1px solid #555; }
      @media screen and (max-width: 400px) {
        .news-list ul > li {
          padding: 20px 0px;
          border-bottom: 1px solid #000; }
          .news-list ul > li:first-child {
            padding: 20px 0px 20px; } }
      .news-list ul > li:hover span:last-child,
      .news-list ul > li:hover span:first-child {
        color: #6a3906; }
      .news-list ul > li:hover span:first-child::after {
        border-color: transparent transparent transparent #6a3906; }
      .news-list ul > li a {
        overflow: hidden;
        display: block; }
        .news-list ul > li a:hover {
          text-decoration: none; }
      .news-list ul > li span {
        display: block;
        float: left;
        line-height: 150%; }
        .news-list ul > li span:last-child {
          width: calc(100% - 127px);
          color: #333;
          font-weight: 900; }
        .news-list ul > li span:first-child {
          position: relative;
          margin: 0 40px 0 0;
          color: #333; }
        .news-list ul > li span:first-child::after {
          content: " ";
          display: inline-block;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 5px 0 5px 8.7px;
          border-color: transparent transparent transparent #000;
          position: relative;
          right: -20px; }
        @media screen and (max-width: 767px) {
          .news-list ul > li span:last-child {
            width: calc(100%); }
          .news-list ul > li span:first-child {
            margin: 0 20px 0 0; }
          .news-list ul > li span:first-child::after {
            right: -10px; } }

.pagebtn {
  margin: 0 0 90px; }
  @media screen and (max-width: 1199px) {
    .pagebtn {
      margin: 0 0 120px; } }
  @media screen and (max-width: 767px) {
    .pagebtn {
      margin: 0 0 180px; } }

/*# sourceMappingURL=news.css.map*/