/*---------------list_item-----------------*/
.list_item {
  margin-top: 10px; }
  .list_item .row_item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin-right: -22px; }
    @media (max-width: 768px) {
      .list_item .row_item {
        margin-right: -15px; } }
    @media (max-width: 399px) {
      .list_item .row_item {
        margin-right: 0px; } }
    .list_item .row_item .wrap_top {
      margin-right: -21px; }
    .list_item .row_item .col_l {
      width: 46.5%;
      float: left;
      padding-right: 21px; }
      .list_item .row_item .col_l .col_item {
        width: 100%;
        float: none;
        background: #047bc5;
        padding-right: 0px;
        padding: 16px;
        border: none; }
        .list_item .row_item .col_l .col_item .wrap {
          border: none;
          background: none;
          padding: 0px; }
        .list_item .row_item .col_l .col_item .img {
          margin-bottom: 11px; }
        .list_item .row_item .col_l .col_item .info {
          padding: 0px;
          border: none;
          background: none;
          color: #fff; }
          .list_item .row_item .col_l .col_item .info h3 a {
            color: #fff; }
          .list_item .row_item .col_l .col_item .info .date {
            color: #e6e6e6;
            font-weight: 300;
            margin-bottom: 5px; }
            .list_item .row_item .col_l .col_item .info .date .ficon-clock {
              color: #e6e6e6;
              font-weight: 300;
              font-family: "Roboto"; }
              .list_item .row_item .col_l .col_item .info .date .ficon-clock:before {
                color: #e6e6e6; }
    .list_item .row_item .col_r {
      width: 53.5%;
      float: left; }
      .list_item .row_item .col_r:before, .list_item .row_item .col_r:after {
        content: " ";
        display: table; }
      .list_item .row_item .col_r:after {
        clear: both; }
      @media (min-width: 768px) {
        .list_item .row_item .col_r .col_item {
          width: 100%;
          float: none;
          margin-bottom: 9px;
          padding-right: 0px; }
          .list_item .row_item .col_r .col_item .wrap {
            background: #fff;
            padding: 16px;
            border: none; }
            .list_item .row_item .col_r .col_item .wrap:before, .list_item .row_item .col_r .col_item .wrap:after {
              content: " ";
              display: table; }
            .list_item .row_item .col_r .col_item .wrap:after {
              clear: both; }
          .list_item .row_item .col_r .col_item .img {
            width: 48%;
            float: left; }
          .list_item .row_item .col_r .col_item .info {
            width: 52%;
            float: left;
            padding-left: 22px;
            border: none;
            background: none; }
            .list_item .row_item .col_r .col_item .info .date {
              color: #8c8c8c;
              font-weight: 300; }
              .list_item .row_item .col_r .col_item .info .date .ficon-clock:before {
                color: #e6e6e6; }
            .list_item .row_item .col_r .col_item .info h3 a {
              color: #3c3c3c;
              font-weight: 500;
              font-size: 15px;
              text-transform: uppercase;
              display: block;
              margin-bottom: 9px; } }
    @media (max-width: 768px) {
      .list_item .row_item .wrap_top {
        margin: 0px; }
      .list_item .row_item .col_l {
        width: 100%; }
      .list_item .row_item .col_r {
        width: 100%; } }
    .list_item .row_item .col_item {
      width: 33.333%;
      padding-right: 22px;
      margin-bottom: 18px;
      float: left; }
      .list_item .row_item .col_item .wrap {
        background: #fff;
        border: 1px solid #dcdcdc;
        padding: 16px; }
      @media (max-width: 768px) {
        .list_item .row_item .col_item {
          padding-right: 15px;
          margin-bottom: 15px; } }
      @media (max-width: 699px) {
        .list_item .row_item .col_item {
          width: 50%; } }
      @media (max-width: 399px) {
        .list_item .row_item .col_item {
          width: 100%;
          float: none;
          padding-right: 0px; } }
      .list_item .row_item .col_item .img {
        width: 100%;
        float: none;
        margin-bottom: 9px; }
        .list_item .row_item .col_item .img a {
          display: block; }
        .list_item .row_item .col_item .img img {
          max-width: 100%;
          width: 100%; }
      .list_item .row_item .col_item .info {
        width: 100%;
        float: none;
        border-top: none; }
        .list_item .row_item .col_item .info .group_name {
          text-align: center;
          border-bottom: 1px solid #c2c2c2;
          padding-bottom: 4px;
          margin-bottom: 7px;
          display: none; }
          .list_item .row_item .col_item .info .group_name span {
            font-size: 13px;
            color: #6c6c6c;
            font-family: "Arial";
            text-transform: uppercase; }
            .list_item .row_item .col_item .info .group_name span a {
              color: #a73e40; }
        .list_item .row_item .col_item .info .date {
          color: #8c8c8c;
          font-weight: 300;
          font-family: "Roboto"; }
          .list_item .row_item .col_item .info .date .ficon-clock:before {
            color: #e6e6e6; }
        .list_item .row_item .col_item .info h3 a {
          color: #3c3c3c;
          font-weight: 500;
          font-size: 15px;
          font-family: Roboto;
          text-transform: uppercase;
          display: block;
          margin-bottom: 9px; }
        .list_item .row_item .col_item .info .short {
          font-size: 13px;
          margin-bottom: 4px; }

.box_other {
  margin-top: 20px; }
  .box_other .box-content {
    background: none; }
  .box_other .box-title {
    color: #fff;
    text-align: left;
    border-bottom: none; }
    .box_other .box-title span {
      border-bottom: none;
      color: #000; }
  .box_other .list_other {
    margin-top: 0px; }
    .box_other .list_other .list_item .row_item {
      margin-right: 0px; }
    .box_other .list_other .list_item .col_item {
      width: 100%;
      padding-right: 0px;
      margin-bottom: 0px; }