.banner {

  background: url(../../img/earlier/banner_service.jpg) no-repeat center center;

}

article {

  padding-left: 8%;

  background: url(../../img/earlier/line_service.png) 3.8% center repeat-y;

}

.column_activity article {

  margin-bottom: 0;

  padding-bottom: 1.75%;

}

article>a {

  display: block;

  overflow: hidden;

  position: relative;

  width: 92%;

  float: right;

}

.list_year {

  width: 8%;

  float: left;

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

}

.table {

  display: table;

  width: 100%;

  height: 100%;

}

.cell {

  display: table-cell;

  vertical-align: middle;

}

.dateBox {

  width: 66%;

  margin: 0 auto;

  text-align: center;

  padding: 33% 0;

  background: url(../../img/earlier/date_bg.png) center no-repeat;

  background-size: 100%;

  color: #fff;

}

.get-y {

  font-size: 18px;

  border-bottom: 1px solid #d6d6d6;

}

.get-m-d {

  font-size: 12px;

}

.dateBox span {

  display: block;

}

.column_activity article:hover {

  background: #fff;

  background: url(../../img/earlier/line_service.png) 3.8% center repeat-y;

}

.column_activity article:hover a {

  background: #f3f5f7;

}

.column_activity article p {

  line-height: 1.6em;

  margin-top: .5em;

  color: #888888;

  font-weight: 100;

}

@media screen and (min-width:1024px) {

  .column_activity article:hover .dateBox {

    background: url(../../img/earlier/date_act_bg.png) center no-repeat;

    background-size: 100%;

    cursor: pointer;

  }

}

.column_activity article:hover .img_container img {

  transform: scale(1.2);

  -webkit-transform: scale(1.2);

  -moz-transform: scale(1.2);

  -o-transform: scale(1.2);

  -ms-transform: scale(1.2);

}

.column_activity article time {

  background: url(../../img/earlier/time_bg.png) left center no-repeat;

  padding-left: 18px;

  font-size: 12px;

  font-weight: bolder;

}

.column_activity article a:hover time {

  color: #003a8d;

  background: url(../../img/earlier/act-bg.png) left center no-repeat;

}

.img_container img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  transition: all 1s ease-out;
}

.img_container .iea {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  _height: 100%;
  background: url(../../img/earlier/tm.png);
  z-index: 5;
  zoom: 1;
  display: block;
}

@media all and (max-width:1024px) and (min-width:0px) {

  .headline {

    margin-bottom: 1%;

    padding-bottom: 2.5%;

  }

  .column_activity article {

    padding-bottom: 0;

    margin-bottom: 2.75%;

  }

  article>a {

    position: static;

    width: 100%
  }

  article {

    background-image: none;

  }

  .list_year {

    width: auto;

    right: auto;

    bottom: auto;

    z-index: 99;

  }

  .dateBox {

    width: auto;

    background: url(../../img/earlier/date_bg_phone.png) left center no-repeat;

    background-size: 100%;

    padding: 0;

  }

  .dateBox span {

    display: inline;

  }

  .get-y {

    border-right: 1px solid #c2c2c2;

    font-size: 14px;

    border-bottom: none;

  }

  .get-m-d {

    font-size: 12px;

  }

  article>a {

    float: none;

    margin: 0 auto;

  }

}