@charset "utf-8";
/* CSS Document */

.research{
display:block;	
	}
	
.research li{
display:inline-block;
/*border:1px solid #ececec;*/
margin-bottom:20px;
height:70px;
/*
margin-left:10px;
width:290px;*/
	}
.research li a{
	border:1px solid #ececec;
	display:block;
	padding:15px;	
	}
.research li:last-child{
margin:0;
	}
.research li span{
	display:inline-block;
	vertical-align:middle;
	}
.research li a span.calendar{
	background:url(../../images/ar/rs-sprite.jpg) -180px -2px no-repeat;
	width:45px;
	height:44px;
	}
.research li a span.recommend{
	background:url(../../images/ar/rs-sprite.jpg) -132px -2px no-repeat;
	width:44px;
	height:44px;
	}

.research li a span.report{
	background:url(../../images/ar/rs-sprite.jpg) -93px -2px no-repeat;
	width:36px;
	height:44px;
	}
.research li a span.news{
	background:url(../../images/ar/rs-sprite.jpg) -49px -2px no-repeat;
	width:39px;
	height:44px;
	}
.research li a span.directions{
	background:url(../../images/ar/rs-sprite.jpg) 0px -5px no-repeat;
	width:44px;
	height:44px;

	}
.research li a h4{
color:#555555;
display:inline-block;
margin:0 10px;

	}
.research li a span.calendar-arrow{
	width:14px;
	height:21px;
	background:url(../../images/ar/rs-arrow-sprite.jpg) -63px 0px no-repeat;
	}
.research li a span.recommend-arrow{
	width:14px;
	height:21px;
	background:url(../../images/ar/rs-arrow-sprite.jpg) -47px 0px no-repeat;
	}

.research li a span.report-arrow{
	width:14px;
	height:21px;
	background:url(../../images/ar/rs-arrow-sprite.jpg) -31px 0px no-repeat;
	}

.research li a span.news-arrow{
	width:14px;
	height:21px;
	background:url(../../images/ar/rs-arrow-sprite.jpg) -15px 0px no-repeat;
	}
.research li a span.directions-arrow{
	width:14px;
	height:21px;
	background:url(../../images/ar/rs-arrow-sprite.jpg) -0px 0px no-repeat;
	}
	
/* Wobble Vertical */
@-webkit-keyframes wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
	
	
.wobble-vertical {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    transform: translateZ(0px);
}

.research > li > a:hover .wobble-vertical, .research  > li > a:focus .wobble-vertical, .research > li > a:active .wobble-vertical {
  -webkit-animation-name: wobble-vertical;
  animation-name: wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

@media (max-width: 767px) {
.research li{
margin-left:0;
width:100%;	
	}	
	}