/*#eda908;*/
.row-article-list,
.row-article-square {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 1rem; }

.row-article-list .item,
.row-article-square .item {
  position: relative;
  width: 100%;
  line-height: 24px;
  font-size: 16px;
  padding: 0 1rem;
  margin-bottom: 1rem;
  overflow: hidden; }
  @media screen and (min-width: 991.98px) {
    .row-article-list .item,
    .row-article-square .item {
      width: 50%; } }
  @media screen and (min-width: 1199.98px) {
    .row-article-list .item,
    .row-article-square .item {
      width: 25%; } }
  .row-article-list .item .img,
  .row-article-square .item .img {
    display: block;
    width: 100%;
    height: 200px;
    position: relative;
    overflow: hidden; }
    .row-article-list .item .img .tag-new,
    .row-article-square .item .img .tag-new {
      position: absolute;
      top: .25rem;
      right: .25rem;
      background: rgba(0, 0, 0, 0.75);
      color: white;
      padding: 0.15rem 1rem;
      font-size: 13px; }
    .row-article-list .item .img .tag-category,
    .row-article-square .item .img .tag-category {
      position: absolute;
      top: .25rem;
      left: .25rem;
      background: rgba(0, 0, 0, 0.75);
      color: white;
      padding: 0.15rem 1rem;
      font-size: 13px; }
    .row-article-list .item .img .tag-date,
    .row-article-square .item .img .tag-date {
      position: absolute;
      bottom: .25rem;
      right: .25rem;
      background: rgba(0, 0, 0, 0.75);
      color: white;
      padding: 0.15rem 1rem;
      font-size: 13px; }
    .row-article-list .item .img img,
    .row-article-square .item .img img {
      object-fit: cover;
      width: 100%;
      height: 100%;
      transition: all 350ms linear; }
  .row-article-list .item .title,
  .row-article-square .item .title {
    margin: 1rem 0px 1.75rem 0;
    font-size: 26px;
    line-height: 28px; }
  .row-article-list .item .link,
  .row-article-square .item .link {
    float: right;
    clear: both;
    font-size: 14px;
    padding: .15rem .50rem; }
    .row-article-list .item .link .rotate-45,
    .row-article-square .item .link .rotate-45 {
      transition: all 250ms linear; }
  .row-article-list .item:hover .img img,
  .row-article-square .item:hover .img img {
    width: 150%;
    height: 150%;
    object-position: center right; }
  .row-article-list .item:hover .link,
  .row-article-square .item:hover .link {
    background-color: black;
    color: white; }
    .row-article-list .item:hover .link .rotate-45,
    .row-article-square .item:hover .link .rotate-45 {
      transform: rotate(90deg); }

.row-article-square {
  width: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start; }
  .row-article-square .item {
    width: 100%;
    margin-bottom: 2rem; }
    .row-article-square .item .title {
      font-size: 22px;
      line-height: 24px; }

.article-view {
  font-size: 18px;
  padding-right: 2rem; }
  .article-view .title {
    margin: 1rem 0px .25rem 0;
    padding: 0;
    font-size: 32px;
    line-height: 34px; }
  .article-view h5 {
    font-size: 14px;
    margin-bottom: 2rem; }
  .article-view .img:not(.disable-100) {
    margin: 1rem 0 2rem;
    width: 100%; }
  .article-view a {
    color: #000080; }
  .article-view h1, .article-view h2, .article-view h3, .article-view h4, .article-view h5 {
    margin-bottom: 1.5rem; }
  .article-view p {
    line-height: 1.75rem; }
  .article-view img:not(.disable-100) {
    width: 100%; }
    @media screen and (min-width: 1199.98px) {
      .article-view img:not(.disable-100) {
        width: auto; } }

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