.oblib {
  background-color: rgba(239, 239, 239, 0.8);
  margin-bottom: 20px; }
  .oblib h3 {
    border-bottom: 2px #003d5b solid;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 20px;
    padding: 10px 0 8px 10px;
    margin-bottom: 0; }
  .oblib > div.fb-follow-container {
    text-align: center;
    background-color: #FFFFFF; }
  .oblib > div ul li {
    background-color: #FFFFFF;
    display: table;
    width: 100%; }
    .oblib > div ul li * {
      transition: all 0.5s ease-in-out; }
    .oblib > div ul li a {
      display: block; }
      .oblib > div ul li a > div {
        color: inherit;
        height: 41px;
        display: table-cell;
        vertical-align: middle; }
  .oblib.issuelisting .issue-list ul li a .issue-pic {
    width: 100%;
    max-width: 100%;
    display: table;
    text-align: center; }
    @media only screen and (min-width: 620px) {
      .oblib.issuelisting .issue-list ul li a .issue-pic {
        width: 300px; } }
    .oblib.issuelisting .issue-list ul li a .issue-pic img {
      display: block;
      height: auto;
      width: 100%; }
      @media only screen and (min-width: 620px) {
        .oblib.issuelisting .issue-list ul li a .issue-pic img {
          width: 300px;
          max-width: 300px; } }
  .oblib.featured h3 span {
    cursor: pointer;
    display: inline-block;
    padding: 10px 8px 8px 8px; }
    .oblib.featured h3 span.current {
      background-color: #003d5b; }
  .oblib.featured .featured-list ul li a {
    color: #000000;
    padding: 5px 10px; }
    .oblib.featured .featured-list ul li a > div.featured-pic {
      background-size: cover;
      background-position: center;
      width: 100px;
      height: 56px; }
    .oblib.featured .featured-list ul li a > div.featured-desc {
      padding-left: 10px; }
      .oblib.featured .featured-list ul li a > div.featured-desc .title {
        color: inherit;
        font-size: 16px;
        max-height: 48px;
        letter-spacing: 2px;
        line-height: 20px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-bottom: 3px;
        overflow: hidden;
        text-overflow: ellipsis; }
        @media only screen and (min-width: 620px) {
          .oblib.featured .featured-list ul li a > div.featured-desc .title {
            line-height: 20px; } }
      .oblib.featured .featured-list ul li a > div.featured-desc .tag {
        color: #EFEFEF;
        font-size: 14px;
        line-height: 12px;
        line-height: 12px; }
        .oblib.featured .featured-list ul li a > div.featured-desc .tag > span {
          display: inline-block; }
          .oblib.featured .featured-list ul li a > div.featured-desc .tag > span:first-child {
            width: 40px; }
        .oblib.featured .featured-list ul li a > div.featured-desc .tag.ranking > span.star {
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain;
          background-image: url("../images/ico_star.svg");
          margin-right: 5px;
          height: 12px;
          width: 12px; }
          .oblib.featured .featured-list ul li a > div.featured-desc .tag.ranking > span.star.active {
            background-image: url("../images/ico_star_on.svg"); }
    .oblib.featured .featured-list ul li a:hover .featured-desc .title, .oblib.featured .featured-list ul li a.current .featured-desc .title {
      color: #293450; }
  .oblib.featured .featured-list ul li:first-child a {
    padding-top: 10px; }
  .oblib.featured .featured-list ul li:last-child a {
    padding-bottom: 10px; }
  .oblib.featured .featured-list.tab ul {
    display: none; }
    .oblib.featured .featured-list.tab ul.current {
      display: block; }
  .oblib.video {
    display: table;
    width: 100%; }
    .oblib.video .video-body iframe {
      height: 100%;
      width: 100%; }
    .oblib.video .video-list {
      display: block;
      position: relative; }
      .oblib.video .video-list ul {
        height: 150px;
        overflow-y: auto; }
        @media only screen and (min-width: 620px) {
          .oblib.video .video-list ul {
            height: auto;
            overflow-y: auto; } }
        .oblib.video .video-list ul li a {
          padding: 10px;
          color: #000000; }
          .oblib.video .video-list ul li a > div {
            height: 56px; }
            .oblib.video .video-list ul li a > div.video-pic {
              background-size: cover;
              background-position: center;
              width: 100px;
              height: 56px; }
              @media only screen and (min-width: 620px) {
                .oblib.video .video-list ul li a > div.video-pic {
                  width: 80px;
                  height: 45px; } }
            .oblib.video .video-list ul li a > div.video-desc {
              padding-left: 10px;
              vertical-align: middle; }
              .oblib.video .video-list ul li a > div.video-desc p {
                font-size: 14px;
                display: block;
                display: -webkit-box;
                height: 56px;
                width: 170px;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
                line-height: 20px;
                letter-spacing: 1px; }
                @media only screen and (min-width: 620px) {
                  .oblib.video .video-list ul li a > div.video-desc p {
                    width: auto;
                    font-size: 16px;
                    line-height: 19px; } }
                @media only screen and (min-width: 1260px) {
                  .oblib.video .video-list ul li a > div.video-desc p {
                    font-size: 16px; } }
          .oblib.video .video-list ul li a:hover, .oblib.video .video-list ul li a.current {
            background-color: #003d5b; }
            .oblib.video .video-list ul li a:hover > div, .oblib.video .video-list ul li a.current > div {
              color: #FFFFFF; }
    @media only screen and (min-width: 620px) {
      .oblib.video .video-body {
        float: left;
        width: calc(620px / 3 * 2);
        height: calc(620px / 3 * 2 / 16 * 9); }
      .oblib.video .video-list {
        float: right;
        width: calc(620px / 3);
        height: calc(620px / 3 * 2 / 16 * 9);
        overflow: auto; }
      .oblib.video.square .video-body,
      .oblib.video.square .video-list {
        height: calc(620px / 3 * 2); } }
    @media only screen and (min-width: 940px) {
      .oblib.video .video-body {
        width: 300px;
        height: 169px; }
      .oblib.video.square .video-body {
        height: 300px; }
      .oblib.video .video-list {
        float: none;
        width: 300px;
        height: auto; } }

.article_content__module.module_oblib .article-card {
  background-color: rgba(239, 239, 239, 0.8);
  display: table;
  padding: 10px;
  width: calc(100% - 20px); }
  .article_content__module.module_oblib .article-card > * {
    display: table;
    vertical-align: top; }
    .article_content__module.module_oblib .article-card > *.article-card-thumbnail {
      display: table-cell;
      padding-right: 20px;
      width: 40%; }
      .article_content__module.module_oblib .article-card > *.article-card-thumbnail object {
        display: block;
        width: 100%; }
    .article_content__module.module_oblib .article-card > *.article-card-content {
      color: #000000; }
      @media only screen and (min-width: 620px) {
        .article_content__module.module_oblib .article-card > *.article-card-content {
          margin: initial; } }
      .article_content__module.module_oblib .article-card > *.article-card-content ul {
        display: block;
        list-style: none outside none !important;
        width: 100%; }
        .article_content__module.module_oblib .article-card > *.article-card-content ul li {
          font-size: 12px;
          line-height: 20px;
          margin-bottom: 2px;
          margin-left: 0 !important;
          padding-left: 100px;
          position: relative;
          width: calc(100% - 100px); }
          @media only screen and (min-width: 620px) {
            .article_content__module.module_oblib .article-card > *.article-card-content ul li {
              font-size: 14px;
              line-height: 22px;
              padding-left: 200px;
              width: calc(100% - 200px); } }
          .article_content__module.module_oblib .article-card > *.article-card-content ul li p {
            display: block;
            display: -webkit-box;
            height: 70px;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-align: left;
            text-overflow: ellipsis; }
          @media only screen and (min-width: 620px) {
            .article_content__module.module_oblib .article-card > *.article-card-content ul li {
              vertical-align: top; } }
          .article_content__module.module_oblib .article-card > *.article-card-content ul li:last-child {
            margin-bottom: 0; }
          .article_content__module.module_oblib .article-card > *.article-card-content ul li > span.oblib-title {
            color: #000000;
            display: block;
            font-size: 12px;
            position: absolute;
            left: 0;
            top: 0;
            line-height: 20px;
            width: 100px; }
            @media only screen and (min-width: 620px) {
              .article_content__module.module_oblib .article-card > *.article-card-content ul li > span.oblib-title {
                font-size: 14px;
                line-height: 22px;
                width: 200px; } }
      @media (max-width: 619px) {
        .article_content__module.module_oblib .article-card > *.article-card-content #objlib_article_ul li {
          width: 100%;
          display: -webkit-box;
          padding-left: 0;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis; } }
      @media (max-width: 619px) {
        .article_content__module.module_oblib .article-card > *.article-card-content #objlib_article_ul li > span.oblib-title {
          width: 100%;
          position: relative;
          left: inherit;
          top: initial; } }

.article_content__module.module_oblib_card > a {
  position: relative; }
  .article_content__module.module_oblib_card > a > .article-card::before {
    background-color: #000000;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%;
    background-image: url("../images/ico_popup_off.svg");
    border-radius: 50%;
    content: '';
    display: block;
    height: 40px;
    width: 40px;
    opacity: .5;
    overflow: hidden;
    position: absolute;
    right: 10px;
    bottom: 10px; }
  .article_content__module.module_oblib_card > a:hover > .article-card::before {
    background-color: #FFFFFF;
    background-image: url("../images/ico_popup_on.svg"); }

.article_content__module.module_oblib_card .article-card {
  background-color: rgba(239, 239, 239, 0.8);
  display: table;
  padding: 10px;
  width: calc(100% - 20px); }
  .article_content__module.module_oblib_card .article-card > * {
    display: table;
    vertical-align: top; }
    @media only screen and (min-width: 1260px) {
      .article_content__module.module_oblib_card .article-card > * {
        display: table-cell; } }
    .article_content__module.module_oblib_card .article-card > *.article-card-thumbnail {
      display: table-cell;
      padding-right: 20px;
      width: 40%; }
      .article_content__module.module_oblib_card .article-card > *.article-card-thumbnail object {
        display: block;
        width: 100%; }
    .article_content__module.module_oblib_card .article-card > *.article-card-content {
      color: #000000; }
      .article_content__module.module_oblib_card .article-card > *.article-card-content ul {
        display: block;
        list-style: none outside none !important;
        width: 100%; }
        .article_content__module.module_oblib_card .article-card > *.article-card-content ul li {
          font-size: 12px;
          line-height: 20px;
          margin-bottom: 2px;
          margin-left: 0 !important;
          padding-left: 70px;
          position: relative;
          width: calc(100% - 70px); }
          @media only screen and (min-width: 620px) {
            .article_content__module.module_oblib_card .article-card > *.article-card-content ul li {
              font-size: 14px;
              line-height: 22px;
              padding-left: 100px;
              width: calc(100% - 100px); } }
          .article_content__module.module_oblib_card .article-card > *.article-card-content ul li p {
            display: block;
            display: -webkit-box;
            height: 70px;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-align: left;
            text-overflow: ellipsis; }
          @media only screen and (min-width: 620px) {
            .article_content__module.module_oblib_card .article-card > *.article-card-content ul li {
              vertical-align: top; } }
          .article_content__module.module_oblib_card .article-card > *.article-card-content ul li:last-child {
            margin-bottom: 0; }
          .article_content__module.module_oblib_card .article-card > *.article-card-content ul li > span.oblib-title {
            color: #000000;
            display: block;
            font-size: 12px;
            position: absolute;
            left: 0;
            top: 0;
            line-height: 20px;
            width: 70px; }
            @media only screen and (min-width: 620px) {
              .article_content__module.module_oblib_card .article-card > *.article-card-content ul li > span.oblib-title {
                width: 100px;
                font-size: 14px;
                line-height: 22px; } }
      @media (max-width: 619px) {
        .article_content__module.module_oblib_card .article-card > *.article-card-content #objlib_article_ul li {
          width: 100%;
          display: -webkit-box;
          padding-left: 0;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis; } }
      @media (max-width: 619px) {
        .article_content__module.module_oblib_card .article-card > *.article-card-content #objlib_article_ul li > span.oblib-title {
          width: 100%;
          position: relative;
          left: inherit;
          top: initial; } }

span.star {
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/ico_star.svg");
  margin-right: 5px;
  height: 12px;
  width: 12px; }
  span.star.active {
    background-image: url("../images/ico_star_on.svg"); }