/*-------default setting-------*/
/*--------------------setting the responsive screen size--------------------*/
.overflow_show {
  overflow: inherit; }

.blog {
  /*header*/
  /*end of header*/
  /*cover background*/
  /*end of cover background*/
  /*ad*/
  /*end of ad*/
  /*article other module blogger profile*/
  /*end of article other module blogger profile*/
  /*footer*/ }
  .blog.articlepage {
    background: #f0f0ed; }
  .blog header .menu__top {
    background: #000000; }
    .blog header .menu__top .wrapper a {
      border-right-color: #313131; }
  .blog header .menu__mid {
    background: #9a6d4b url(../images/blog_loopbg.jpg) top left repeat-x;
    background-size: auto 100%; }
    .blog header .menu__mid .menu__mid--current:before {
      display: none; }
    @media only screen and (max-width: 639px) {
      .blog header .menu__mid .menu__mid--current {
        left: 80px;
        bottom: 31px; } }
  .blog header .menu__main .menu__main_container .menu__main--tit a {
    color: #000000; }
  .blog header .menu__main .btn_more {
    background: #000000; }
    .blog header .menu__main .btn_more .menu-toggle-btn span {
      background-color: #ffffff; }
  .blog header .menu__main--fix .menu__main--inner {
    background-color: #9a6d4b; }
    .blog header .menu__main--fix .menu__main--inner .menu__main--fix--current::after {
      display: none; }
    .blog header .menu__main--fix .menu__main--inner .menu__main--fix--current img {
      height: 35px;
      position: relative;
      top: 2px; }
  .blog header .menu__main--fix .btn_more {
    background: #000000; }
  .blog header .menu__submenu {
    background-color: #000000; }
    @media only screen and (max-width: 959px) {
      .blog header .menu__submenu .menu__submenu--list li, .blog header .menu__submenu .static_links li {
        border-color: #313131 !important; } }
  .blog .blogger_bg_cover {
    position: relative;
    color: #ffffff;
    max-height: 350px;
    height: 350px; }
    @media only screen and (max-width: 639px) {
      .blog .blogger_bg_cover {
        max-height: none;
        height: auto; } }
    .blog .blogger_bg_cover .bg_cover {
      background-image: url(../cms_image/blog_bg_cover.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 1260px auto;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      /*background-color:#ffffff;*/ }
      @media only screen and (max-width: 1279px) {
        .blog .blogger_bg_cover .bg_cover {
          background-size: 940px auto; } }
      @media only screen and (max-width: 959px) {
        .blog .blogger_bg_cover .bg_cover {
          background-size: 620px auto; } }
      @media only screen and (max-width: 639px) {
        .blog .blogger_bg_cover .bg_cover {
          background-size: 100% auto;
          position: relative;
          height: 200px;
          margin-bottom: 20px; } }
      .blog .blogger_bg_cover .bg_cover::after {
        content: '';
        background: transparent;
        background: -moz-linear-gradient(top, transparent 0%, black 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, transparent), color-stop(100%, black));
        background: -webkit-linear-gradient(top, transparent 0%, black 100%);
        background: -o-linear-gradient(top, transparent 0%, black 100%);
        background: -ms-linear-gradient(top, transparent 0%, black 100%);
        background: linear-gradient(to bottom, transparent 0%, black 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0; }
        @media only screen and (max-width: 639px) {
          .blog .blogger_bg_cover .bg_cover::after {
            display: none; } }
    .blog .blogger_bg_cover .wrapper {
      z-index: 2;
      height: 100%; }
      @media only screen and (max-width: 639px) {
        .blog .blogger_bg_cover .wrapper {
          height: auto; } }
      .blog .blogger_bg_cover .wrapper .info_pos {
        position: absolute;
        bottom: 0;
        padding: 0 20px 20px 20px; }
        @media only screen and (max-width: 639px) {
          .blog .blogger_bg_cover .wrapper .info_pos {
            position: relative;
            padding: 0 0 20px 0; } }
    .blog .blogger_bg_cover .channel_tit {
      color: #fff;
      background-color: #c9963c; }
      .blog .blogger_bg_cover .channel_tit h2 {
        display: inherit; }
    .blog .blogger_bg_cover .article_tit {
      font-size: 31px;
      color: #ffffff;
      line-height: 1.2;
      margin-bottom: 20px;
      font-weight: normal; }
      @media only screen and (max-width: 639px) {
        .blog .blogger_bg_cover .article_tit {
          color: #000000; } }
    .blog .blogger_bg_cover .article_info {
      color: #ffffff;
      font-size: 14px;
      width: 100%;
      overflow: hidden;
      line-height: 30px; }
      @media only screen and (max-width: 639px) {
        .blog .blogger_bg_cover .article_info {
          color: #000000; } }
      .blog .blogger_bg_cover .article_info div {
        float: left;
        padding-right: 15px; }
      .blog .blogger_bg_cover .article_info .editor {
        color: #c9963c;
        font-size: 22px;
        font-weight: normal; }
        .blog .blogger_bg_cover .article_info .editor a {
          color: #c9963c; }
  @media only screen and (max-width: 639px) {
    .blog .channel-blogger > .wrapper {
      overflow: visible; }
      .blog .channel-blogger > .wrapper .ads_large_ads {
        width: calc(100% + 20px);
        margin-left: -10px; } }
  .blog .channel-blogger .channel_menubar .channel_menubar__tit {
    background-color: #9a6d4b; }
  .blog .channel-blogger .channel_menubar .channel_menubar__menu li.current a {
    color: #9a6d4b; }
  .blog .channel-blogger .channel_menubar .btn_more span {
    background-color: #9a6d4b; }
  .blog .ads_large_ads {
    margin-bottom: 20px; }
  .blog .article .article_wrapper .article__body {
    margin-top: 20px; }
    .blog .article .article_wrapper .article__body .article__body__header .article_info {
      border-bottom: #9a6d4b 3px solid; }
    .blog .article .article_wrapper .article__body .article__body__comment .channel_tit {
      background-color: #9a6d4b; }
    .blog .article .article_wrapper .article__body .article__body__comment form .commentbox_wrapper .toolbar a,
    .blog .article .article_wrapper .article__body .article__body__comment form .commentbox_wrapper .toolbar button.login {
      color: #9a6d4b; }
    .blog .article .article_wrapper .article__body .article__body__comment form .commentbox_wrapper .toolbar a.comment-sub,
    .blog .article .article_wrapper .article__body .article__body__comment form .commentbox_wrapper .toolbar button.comment-sub {
      color: white;
      background-color: #9a6d4b; }
    .blog .article .article_wrapper .article__body .article__body__content .module_quote {
      background: #ffffff; }
      .blog .article .article_wrapper .article__body .article__body__content .module_quote::after {
        display: none;
        border-left-color: #f0f0ed;
        border-right-color: #f0f0ed; }
    .blog .article .article_wrapper .article__body .article__body__content .related_article {
      background-image: url(../images/blog_bg_pattern.png); }
    .blog .article .article_wrapper .article__body .article__body__content .article_summary .article_summary_pt {
      background: url(../images/img_article_summary_pt.png) 0 5px no-repeat; }
    .blog .article .article_wrapper .article__body .article__body__content .module_article_tag {
      color: #9a6d4b;
      border-top: #9a6d4b 3px solid; }
      .blog .article .article_wrapper .article__body .article__body__content .module_article_tag .tag_txt btn.active,
      .blog .article .article_wrapper .article__body .article__body__content .module_article_tag .tag_txt btn:hover {
        background: #9a6d4b; }
    .blog .article .article_wrapper .article__body .all_bloggers {
      width: calc(100% - 420px);
      font-size: 16px;
      line-height: inherit;
      color: #ffffff;
      display: block;
      margin: 10px auto 20px auto;
      text-align: center;
      background: #808285 url(../images/blog_all_bloggers_bg.png) calc(50% + 46px) center no-repeat;
      background-size: auto 17px; }
      @media only screen and (max-width: 639px) {
        .blog .article .article_wrapper .article__body .all_bloggers {
          width: calc(100% - 100px); } }
  .blog .article .article_wrapper .article_wrapper--other_module .channel_tit {
    color: #fff;
    background-color: #9a6d4b; }
  @media only screen and (max-width: 639px) {
    .blog .article .sidebar {
      display: block; } }
  .blog .article_content__module.blogger_profile .blogger_profile__content {
    background-image: url(../images/blog_bg_pattern.png);
    background-color: transparent;
    color: #000000;
    width: auto;
    height: auto;
    position: relative;
    padding: 10px;
    margin: 0 50px;
    border-top: 3px solid #808285;
    border-bottom: 1px solid #b0b0b0; }
    @media only screen and (max-width: 639px) {
      .blog .article_content__module.blogger_profile .blogger_profile__content {
        height: auto;
        padding-bottom: 20px;
        margin: 0; } }
    .blog .article_content__module.blogger_profile .blogger_profile__content .blogger_profile__content__pic {
      width: auto;
      height: auto;
      overflow: hidden;
      display: block;
      margin: 0 10px 0 0;
      padding: 0;
      line-height: 0;
      -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
      box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3); }
      @media only screen and (max-width: 1279px) {
        .blog .article_content__module.blogger_profile .blogger_profile__content .blogger_profile__content__pic {
          position: relative;
          bottom: inherit; } }
      @media only screen and (max-width: 639px) {
        .blog .article_content__module.blogger_profile .blogger_profile__content .blogger_profile__content__pic {
          width: 100px;
          height: 100px;
          bottom: auto;
          top: auto;
          left: auto; } }
      .blog .article_content__module.blogger_profile .blogger_profile__content .blogger_profile__content__pic::before {
        border: none;
        position: relative;
        display: none; }
      .blog .article_content__module.blogger_profile .blogger_profile__content .blogger_profile__content__pic img {
        width: 90px;
        border: 5px solid #ffffff; }
      .blog .article_content__module.blogger_profile .blogger_profile__content .blogger_profile__content__pic .blog_tag {
        display: none;
        position: relative; }
    .blog .article_content__module.blogger_profile .blogger_profile__content .blogger_profile__content__email {
      position: relative;
      display: none; }
      .blog .article_content__module.blogger_profile .blogger_profile__content .blogger_profile__content__email::after {
        float: none;
        display: none; }
    .blog .article_content__module.blogger_profile .blogger_profile__content .blogger_profile__content__name {
      font-size: 16px;
      color: #9a6d4b;
      font-weight: normal;
      padding-top: 0;
      padding-left: 0;
      margin-bottom: 10px;
      line-height: 17px;
      width: calc(100% - 110px);
      float: right; }
      @media only screen and (max-width: 1279px) {
        .blog .article_content__module.blogger_profile .blogger_profile__content .blogger_profile__content__name {
          padding-left: 0; } }
    .blog .article_content__module.blogger_profile .blogger_profile__content .blogger_profile__content__tit {
      font-size: 16px;
      line-height: 17px;
      margin-bottom: 10px;
      padding-left: 0;
      font-weight: normal;
      width: calc(100% - 110px);
      float: right; }
      @media only screen and (max-width: 1279px) {
        .blog .article_content__module.blogger_profile .blogger_profile__content .blogger_profile__content__tit {
          padding-left: 0; } }
    .blog .article_content__module.blogger_profile .blogger_profile__content .blogger_profile__content__info {
      font-size: 14px;
      line-height: 18px;
      font-weight: normal;
      width: calc(100% - 110px);
      float: right;
      max-height: none;
      padding-left: 0; }
      @media only screen and (max-width: 1279px) {
        .blog .article_content__module.blogger_profile .blogger_profile__content .blogger_profile__content__info {
          padding-left: 0; } }
    .blog .article_content__module.blogger_profile .blogger_profile__content .all_articles {
      color: #9a6d4b;
      border: 1px solid #9a6d4b;
      width: calc(100% - 300px);
      display: block;
      -webkit-box-shadow: 3px 3px 0px 0px #5b4428;
      -moz-box-shadow: 3px 3px 0px 0px #5b4428;
      box-shadow: 3px 3px 0px 0px #5b4428;
      text-align: center;
      font-size: 16px;
      font-weight: normal;
      margin: 10px auto 0 auto;
      clear: both;
      background: #ffffff url(../images/blog_all_articles_bg.png) calc(50% + 46px) center no-repeat;
      background-size: auto 17px; }
      @media only screen and (max-width: 639px) {
        .blog .article_content__module.blogger_profile .blogger_profile__content .all_articles {
          width: calc(100% - 100px); } }
  .blog .sidebar {
    margin-top: 20px !important;
    /*end of blogger profile*/
    /*end of sidebar hotnews*/ }
    @media only screen and (max-width: 639px) {
      .blog .sidebar {
        display: none; } }
    @media only screen and (max-width: 959px) {
      .blog .sidebar .blogger_profile {
        display: none; } }
    .blog .sidebar .blogger_profile .border_tit {
      float: none;
      color: #9a6d4b;
      border-color: #9a6d4b; }
    .blog .sidebar .blogger_profile .blogger_profile__content {
      background-color: #ffffff;
      color: #000000;
      width: 274px;
      height: auto;
      position: relative;
      -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
      box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
      padding: 0 10px 10px 10px;
      margin: 0 auto; }
      @media only screen and (max-width: 639px) {
        .blog .sidebar .blogger_profile .blogger_profile__content {
          height: auto;
          padding-bottom: 20px; } }
      .blog .sidebar .blogger_profile .blogger_profile__content .blogger_profile__content__pic {
        width: auto;
        height: auto;
        overflow: hidden;
        float: none;
        display: block;
        margin: 0 auto;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        padding: 10px 0;
        line-height: 0; }
        @media only screen and (max-width: 1279px) {
          .blog .sidebar .blogger_profile .blogger_profile__content .blogger_profile__content__pic {
            position: relative;
            bottom: inherit; } }
        @media only screen and (max-width: 639px) {
          .blog .sidebar .blogger_profile .blogger_profile__content .blogger_profile__content__pic {
            width: 100px;
            height: 100px;
            bottom: auto;
            top: -65px;
            left: -10px; } }
        .blog .sidebar .blogger_profile .blogger_profile__content .blogger_profile__content__pic::before {
          border: none;
          position: relative;
          display: none; }
        .blog .sidebar .blogger_profile .blogger_profile__content .blogger_profile__content__pic img {
          width: 100%; }
        .blog .sidebar .blogger_profile .blogger_profile__content .blogger_profile__content__pic .blog_tag {
          display: none;
          position: relative; }
      .blog .sidebar .blogger_profile .blogger_profile__content .blogger_profile__content__email {
        position: relative;
        display: none; }
        .blog .sidebar .blogger_profile .blogger_profile__content .blogger_profile__content__email::after {
          float: none;
          display: none; }
      .blog .sidebar .blogger_profile .blogger_profile__content .blogger_profile__content__name {
        font-size: 16px;
        color: #9a6d4b;
        font-weight: normal;
        padding-top: 0;
        margin-bottom: 10px;
        line-height: 17px;
        padding-left: 0; }
        @media only screen and (max-width: 1279px) {
          .blog .sidebar .blogger_profile .blogger_profile__content .blogger_profile__content__name {
            padding-left: 20px; } }
        @media only screen and (max-width: 639px) {
          .blog .sidebar .blogger_profile .blogger_profile__content .blogger_profile__content__name {
            padding-left: 10px; } }
      .blog .sidebar .blogger_profile .blogger_profile__content .blogger_profile__content__tit {
        font-size: 16px;
        line-height: 17px;
        margin-bottom: 10px;
        font-weight: normal;
        padding-left: 0; }
        @media only screen and (max-width: 1279px) {
          .blog .sidebar .blogger_profile .blogger_profile__content .blogger_profile__content__tit {
            padding-left: 20px; } }
        @media only screen and (max-width: 639px) {
          .blog .sidebar .blogger_profile .blogger_profile__content .blogger_profile__content__tit {
            padding-left: 10px; } }
      .blog .sidebar .blogger_profile .blogger_profile__content .blogger_profile__content__info {
        font-size: 14px;
        line-height: 18px;
        font-weight: normal;
        width: 100%;
        padding-left: 0;
        max-height: none; }
        @media only screen and (max-width: 1279px) {
          .blog .sidebar .blogger_profile .blogger_profile__content .blogger_profile__content__info {
            padding-left: 20px;
            width: calc(100% - 40px); } }
        @media only screen and (max-width: 639px) {
          .blog .sidebar .blogger_profile .blogger_profile__content .blogger_profile__content__info {
            padding-left: 10px;
            width: calc(100% - 20px); } }
      .blog .sidebar .blogger_profile .blogger_profile__content .all_articles {
        color: #9a6d4b;
        border: 1px solid #9a6d4b;
        width: calc(100% - 5px);
        display: block;
        -webkit-box-shadow: 3px 3px 0px 0px #5b4428;
        -moz-box-shadow: 3px 3px 0px 0px #5b4428;
        box-shadow: 3px 3px 0px 0px #5b4428;
        text-align: center;
        font-size: 16px;
        font-weight: normal;
        margin-top: 10px;
        background: url(../images/blog_all_articles_bg.png) calc(50% + 46px) center no-repeat;
        background-size: auto 17px; }
    .blog .sidebar .all_bloggers {
      background: #808285 url(../images/blog_all_bloggers_bg.png) calc(50% + 46px) center no-repeat;
      background-size: auto 17px;
      width: 294px;
      font-size: 16px;
      line-height: inherit;
      color: #ffffff;
      display: block;
      margin: 10px auto 20px auto;
      text-align: center; }
      @media only screen and (max-width: 959px) {
        .blog .sidebar .all_bloggers {
          display: none; } }
    .blog .sidebar .sidebar__hotnews .tab_hotnews {
      width: calc(100% - 2px); }
      @media only screen and (max-width: 959px) {
        .blog .sidebar .sidebar__hotnews .tab_hotnews {
          background: transparent; } }
      .blog .sidebar .sidebar__hotnews .tab_hotnews .tab_hotnews__item {
        width: calc(50% - 1px); }
        .blog .sidebar .sidebar__hotnews .tab_hotnews .tab_hotnews__item:last-child {
          width: 50%; }
    .blog .sidebar .sidebar__listing .sidebar__listing__item.bubble {
      /*&::after{border-left-color: #f0f0ed; border-right-color: #f0f0ed;}*/ }
    .blog .sidebar .sidebar__listing .sidebar__listing__item .sidebar__listing__item__content .sidebar__listing__item__content__tit .name {
      color: #9a6d4b; }
    .blog .sidebar .sidebar__blogger_listing ul li .sidebar__blogger_listing__blogger {
      color: #9a6d4b; }
  .blog footer .footer__upper {
    background-color: #9a6d4b; }
    .blog footer .footer__upper .footer__upper__tag span {
      background-color: #cf9a24;
      color: #fff; }

.blogger_cover_slider .blogger_cover_slider__quote {
  background-image: url(../images/blog_quote_bg.jpg); }

.blogger_cover_slider .blogger_cover_slider__content .blogger_cover_slider__content__wrapper__item .blogger_cover_slider__content__wrapper__item__blogger .name {
  color: #9a6d4b; }

.blogger_cover_slider .blogger_cover_slider__content .swiper-pagination-bullets .blogger_cover_slider__pagination-bullet-active {
  color: #9a6d4b; }

.blog_listing.blogger_list .name {
  color: #9a6d4b; }

.blogger_profile .blogger_profile__content .blogger_profile__content__name {
  color: #cf9a24; }

/*end of blog*/