@charset "UTF-8";
/* NEWS 寬度*/
@media (min-width: 990px) {
  .container {
    max-width: 75vw;
    margin: 0 auto; } }

/* Garlley top */
#index-top-bn {
  width: 100%;
  margin-top: 40px; }
  #index-top-bn .gallery-top {
    height: 100%;
    width: 100%;
    /* max-height: 640px;*/ }
  #index-top-bn .gallery-thumbs {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0 !important; }
    #index-top-bn .gallery-thumbs .swiper-slide {
      opacity: 0.4; }
    #index-top-bn .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1; }

/* FIXED LEFT SIDE NAV */
.side-nav,
.side-ads {
  width: 10vw;
  z-index: 10;
  /* height: 70vh;*/ }

.side-nav {
  background-color: rgba(23, 23, 23, 0.1);
  left: 2%;
  bottom: 5%; }
  .side-nav .item {
    width: 80%;
    text-align: center;
    margin: 0 auto 20px; }
    .side-nav .item a {
      width: 100%;
      height: auto; }
    .side-nav .item img {
      width: 100%;
      padding: 2% 10%; }
  .side-nav .menu-btn-default {
    margin: 20px auto; }
    .side-nav .menu-btn-default img {
      width: 80%;
      padding: 0; }
  .side-nav .menu-btn-2.item {
    width: 50%; }
    .side-nav .menu-btn-2.item img {
      padding: 2% 15%; }
  .side-nav .menu-btn-3 img {
    max-width: 54px; }

.side-ads {
  position: absolute;
  bottom: 2%;
  right: 2%; }
  .side-ads img {
    margin-bottom: 10px; }

section.anime-list-area {
  margin: 2em auto;
    /*
    .anime-list-title {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;


        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;

        -moz-box-pack: justify;
        -ms-flex-pack: justify;

        justify-content: space-between;


        @include pad {
            -webkit-justify-content: space-around;
            -ms-flex-pack: distribute;
            justify-content: space-around;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
        }

        img {
            max-width: 300px;
        }
    }
    */
  /*anime-title-nav*/ }
  section.anime-list-area .nav-item {
    font-weight: 600; }
    section.anime-list-area .nav-item a {
      color: #1C1C1C; }
    section.anime-list-area .nav-item .active {
      color: #c9151e; }
    section.anime-list-area .nav-item:before {
      content: "";
      position: relative;
      top: 33px;
      border-left: 1px solid rgba(65, 65, 65, 0.8); }
    section.anime-list-area .nav-item:first-child:before {
      border-color: transparent; }
  section.anime-list-area .anime-page-nav {
    width: 175px;
    text-align: center;
    margin: 40px auto 20px; }

.anime-article {
  margin: 1em 0;
  -webkit-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.25);
  box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.25); }
  @media (max-width: 768px) {
    .anime-article {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  .anime-article .col-12 {
    max-width: 33%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    padding: 0; }
    @media (max-width: 768px) {
      .anime-article .col-12 {
        margin: 0;
        max-width: 100%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%; } }
    .anime-article .col-12 img {
      max-width: 100%;
      /* max-height: 315px;*/ }

.media-body {
  padding-right: 2em;
  letter-spacing: 1px; }
  @media (max-width: 768px) {
    .media-body {
      padding: 0 1.5em; } }
  .media-body .media-head {
    margin-top: 20px;
    margin-bottom: 0; }
  .media-body h4 {
    font-size: 20px;
    font-weight: bolder; }
  .media-body h6 {
    font-size: 14px;
    font-weight: bolder; }
  .media-body .anime-content {
    border-top: 1px solid #ACACAC;
    padding-top: 1em; }
    @media (max-width: 768px) {
      .media-body .anime-content {
        font-size: 14px; } }
  .media-body .media-footer {
    margin: 1.5em 1em; }

.anime-article {
  margin: 0.8em 0;
  -webkit-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.25);
  box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.25); }
  .anime-article .media-head p {
    padding: 6px 8px 4px 10px; }
    @media (max-width: 768px) {
      .anime-article .media-head p {
        font-size: 12px; } }
  .anime-article .media-head h6,
  .anime-article .media-head p {
    color: rgba(112, 112, 112, 0.7);
    border-color: rgba(112, 112, 112, 0.7) !important;
    margin-bottom: 0; }
  .anime-article a.btn-arrow {
    display: block;
    color: white;
    background-color: #212529;
    padding: 8px 20px; }
    .anime-article a.btn-arrow:hover {
      background-color: white;
      border: 1px solid #212529;
      color: #212529; }

/* 共用區*/
.anime-page-nav .page-item.active .page-link {
  color: white;
  background-color: #212529;
  border-color: #212529; }
.anime-page-nav .page-link {
  color: #212529; }

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