.tag-container {
  margin: 2rem auto 3rem; }
  .tag-container .tag-list {
    margin-top: 1rem; }
    .tag-container .tag-list span, .tag-container .tag-list .tag {
      padding: .25rem .5rem;
      display: inline-block;
      margin-right: .5rem;
      margin-bottom: .75rem; }
    .tag-container .tag-list span {
      font-weight: bold; }
    .tag-container .tag-list .tag {
      background-color: #dee2e6;
      color: #6c757d; }
      .tag-container .tag-list .tag:hover, .tag-container .tag-list .tag:focus {
        background-color: #28a745;
        color: #fff; }
  .tag-container .article-list {
    margin-top: .75rem; }
    .tag-container .article-list .article {
      padding: 1.5rem 0 1rem;
      border-top: 1px solid #dee2e6; }
      .tag-container .article-list .article .img > img {
        width: 100%;
        height: auto; }
      .tag-container .article-list .article .info {
        padding: 0 1rem 2rem;
        position: relative; }
        .tag-container .article-list .article .info .title {
          display: block;
          font-size: 1.375rem;
          font-weight: bold;
          color: #343a40;
          word-break: break-all; }
        .tag-container .article-list .article .info .excerpt {
          margin-top: .5rem;
          text-indent: 2em;
          word-break: break-all; }
        .tag-container .article-list .article .info .other {
          position: absolute;
          left: 0;
          right: 15px;
          bottom: 0;
          text-align: right;
          font-size: .875rem;
          color: #6c757d; }
          .tag-container .article-list .article .info .other span {
            margin-right: .5rem; }
            .tag-container .article-list .article .info .other span .pofont {
              margin-right: .25rem; }
          .tag-container .article-list .article .info .other a {
            color: #6c757d; }
          .tag-container .article-list .article .info .other .category {
            font-weight: bold; }
  .tag-container .page-btn {
    border-top: 1px solid #dee2e6;
    padding: 1.5rem 15px 0;
    text-align: center; }

@media (min-width: 576px) and (max-width: 767.98px) {
  .tag-container {
    margin: 1.5rem auto 3rem; }
    .tag-container .article-list .article {
      padding: 1rem 0; }
      .tag-container .article-list .article .info {
        padding: 1rem 1rem 2rem; }
        .tag-container .article-list .article .info .title {
          font-size: 1.125rem; } }
@media (max-width: 575.98px) {
  .tag-container {
    margin: 1.5rem auto 3rem; }
    .tag-container .article-list .article {
      padding: 1rem 0; }
      .tag-container .article-list .article .info {
        padding: 1rem 1rem 2rem; }
        .tag-container .article-list .article .info .title {
          font-size: 1.125rem; } }

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