.ad_banner.aside_articles_web .banner {
  width: 100%;
  margin-top: 15px; }

.ad_banner.calendar_mobile .banner {
  width: 100%; }

.ad_banner.calendar_web .banner {
  width: 100%; }

.ad_banner.inter_articles_web {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.ad_banner.inter_articles_web .banner {
    width: 100%; }

.ad_banner.top_bpos_mobile, .ad_banner.top_bpos_web, .ad_banner.top_mobile, .ad_banner.top_web {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.ad_banner.top_bpos_mobile .banner, .ad_banner.top_bpos_web .banner, .ad_banner.top_mobile .banner, .ad_banner.top_web .banner {
    max-width: 1170px;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }

@media screen and (max-width: 1169px) {
  .ad_banner.top_web .banner {
    width: 100vw;
    height: 17.09vw; } }

@media screen and (max-width: 1169px) {
  .ad_banner.top_bpos_web .banner {
    width: 100vw;
    height: 8.54vw; } }

.ad_banner.inter_articles_mobile .banner, .ad_banner.top_mobile .banner, .ad_banner.top_bpos_mobile .banner {
  width: 100%; }
.article-index-section-wrapper {
  min-height: 100vh; }

.article-list-wrapper {
  opacity: 0;
  -webkit-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out; }

.article-list-wrapper.loaded {
    opacity: 1; }

.article-load-more {
  width: 100%;
  height: 80px;
  text-align: center;
  font-size: 20px;
  color: #444;
  border: 1px solid #444;
  line-height: 75px; }

.article-load-more:hover {
    background-color: #000;
    color: #fff;
    border: 1px solid #000; }

.article-item-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-bottom: 4rem;
  margin-bottom: 4rem;
  border-bottom: 1px solid #eee; }

.article-item-wrapper.disabled {
    display: none;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0; }

@media screen and (max-width: 767px) {
    .article-item-wrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap;
      align-item: center; } }

.article-item-wrapper:first-of-type {
    padding-top: 4rem; }

.article-item-wrapper .article-item-image {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }

.article-item-wrapper .article-item-caption {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-left: 2rem; }

@media screen and (max-width: 767px) {
      .article-item-wrapper .article-item-caption {
        padding-left: 0; } }

.article-item-wrapper a[class*="article-item-caption-"]:active, .article-item-wrapper a[class*="article-item-caption-"]:hover, .article-item-wrapper a[class*="article-item-caption-"]:focus, .article-item-wrapper a[class*="article-item-caption-"]:visited {
    text-decoration: none; }

.article-item-wrapper .article-item-caption-category {
    display: inline-block;
    background: #000;
    padding: 3px 10px;
    border-radius: 3px;
    font-size: 13px;
    color: #fff; }

.article-item-wrapper .article-item-caption-category:hover {
      color: #fff; }

@media screen and (max-width: 767px) {
      .article-item-wrapper .article-item-caption-category {
        margin-top: 2rem; } }

.article-item-wrapper .article-item-caption-title {
    color: #000;
    font-weight: bold; }

.article-item-wrapper .article-item-caption-title:hover {
      color: #888; }

.article-item-wrapper p.article-item-caption-date {
    font-size: 1.25rem;
    color: #888;
    margin-top: 2rem; }

.article-item-wrapper .article-item-share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }

.article-item-wrapper .article-item-share .icon {
      width: 20px;
      height: 20px;
      margin-left: 10px;
      font-size: 14px;
      line-height: 20px;
      color: #fff;
      text-align: center; }

.article-item-wrapper .article-item-share .icon.facebook {
        background-color: #3b5998; }

.article-item-wrapper .article-item-share .icon.twitter {
        background-color: #00aced; }

.article-item-wrapper .article-item-share .icon.weibo {
        background-color: #df2029; }

.article-item-wrapper .ads-label {
    position: absolute;
    margin-top: -23px;
    line-height: 20px;
    color: #ccc; }

.article-index-tabs-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 6rem;
  border-bottom: 1px solid #eee; }

.article-index-tabs-item-wrapper {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background: #fff;
  color: #888; }

.article-index-tabs-item-wrapper:hover, .article-index-tabs-item-wrapper:focus, .article-index-tabs-item-wrapper:visited {
    text-decoration: none;
    color: #000; }

.article-index-tabs-item-wrapper:hover {
    cursor: pointer; }

.article-index-tabs-item-wrapper:active {
    background: #000;
    color: #fff; }

@media screen and (max-width: 767px) {
    .article-index-tabs-item-wrapper {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      text-align: center; } }

.article-index-tabs-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  padding: 2rem 4rem;
  font-size: 2rem;
  line-height: 2rem;
  border-bottom: 1px solid #eee; }

.article-index-tabs-item.active {
    background: #000;
    color: #fff; }
.social-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .social-share .icon {
    width: 22px;
    height: 22px;
    margin-left: 25px;
    font-size: 20px;
    line-height: 20px;
    color: #000;
    text-align: center; }
  .social-share .icon.facebook {
      margin-left: 0; }
  .social-share .icon.facebook:hover {
        color: #3b5998; }
  .social-share .icon.twitter:hover {
      color: #00aced; }
  .social-share .icon.weibo:hover {
      color: #df2029; }
  .social-share .icon.whatsapp:hover {
      color: #25D366; }
  .social-share .icon.line:hover {
      color: #00c300; }
.react_intrinsic_img + br + span {
  position: relative;
  top: -30px;
  left: 0px; }

.intrinsic-wrapper {
  position: relative;
  overflow: hidden;
  line-height: 0px;
  display: block; }

.intrinsic-wrapper .intrinsic-thumb {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-filter: blur(10px);
            filter: blur(10px);
    opacity: 1;
    z-index: 10;
    -webkit-transition: opacity .4s ease-out;
    transition: opacity .4s ease-out; }

.intrinsic-wrapper .intrinsic-thumb.loaded {
      opacity: 0;
      position: absolute;
      left: 0;
      top: 0;
      -webkit-filter: blur(0px);
              filter: blur(0px); }

.intrinsic-wrapper .aspectratio-placeholder {
    width: 100%;
    height: 0; }

.intrinsic-wrapper .aspectratio-placeholder.loaded {
      padding-bottom: 0% !important; }

.intrinsic-wrapper .instrinsic-original {
    width: 100%;
    height: 0;
    opacity: 0; }

.intrinsic-wrapper .instrinsic-original.loaded {
      height: 100%;
      -webkit-animation: reveal 300ms ease-in-out forwards;
              animation: reveal 300ms ease-in-out forwards; }

.intrinsic-wrapper .instrinsic-original.hovering {
      -webkit-transform: scale(1.04);
              transform: scale(1.04); }

@-webkit-keyframes reveal {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes reveal {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.backToTopButton {
  position: fixed;
  right: 15px;
  bottom: 80px;
  width: 46px;
  height: 46px;
  z-index: 10;
  background-color: #fff;
  border-radius: 23px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s; }
  .backToTopButton:hover {
    cursor: pointer; }
  .backToTopButton img {
    font-size: 20px;
    color: #aaa;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center; }
  .backToTopButton.loaded {
    opacity: 1; }
  @-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  @keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }