@charset "utf-8";
/* CUBE Interactive : 2014-10-30 */


.grid li {
	float: left;
	width: 100%;
	color: #333;
	padding-right: 1.5%;
	padding-left: 1.5%;
	display: inline-block;	
	background-color: #f9f9f9;	
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
}
.grid li:nth-child(odd) {
	background-color: #fff;
}


.grid li:hover{
	background-color: #E9EEF4;
}


.grid li a{
	display: inline-block;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	color: #333;
	position: relative;
}
.grid li a:hover{
	color: #E64900;
}

.grid li a em{
	width: 35px;
	display: block;
	float: left;
	text-align: center;
	font-size: 12px;
	line-height: 55px;
	font-weight: bold;
	color: #0A449D;
	text-decoration: none;
}

.grid li a h2{
	width: 80px;
	height: 55px;
	display: block;
	float: left;
	text-align: center;
	overflow: hidden;
}
.grid li a h2 img{
	width: 80px;
	max-height: 55px;
	display: block;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}
.grid li a h3{
	width: 440px;
	display: block;
	float: left;
	text-align: left;
	font-size: 15px;
	line-height: 55px;
	font-weight: normal;
	text-decoration: none;
	padding-right: 2%;
	padding-left: 3%;
	overflow: hidden;
	  text-overflow : ellipsis;
	  white-space:nowrap;word-wrap: normal;
	  overflow: hidden;
}
.grid li a h4{
	display: block;
	float: left;
	text-align: center;
	width: 120px;
	text-overflow : ellipsis;
	white-space:nowrap;
	word-wrap: normal;
	overflow: hidden;
	font-size: 12px;
	line-height: 27px;
	font-weight: normal;
	color: #888;
	text-decoration: none;
	position: absolute;
	right: 0px;
	top: 5px;
}
.grid li a h5{
	display: block;
	float: left;
	text-align: center;
	width: 120px;
	text-overflow : ellipsis;
	white-space:nowrap;
	word-wrap: normal;
	overflow: hidden;
	font-size: 12px;
	line-height: 27px;
	font-weight: normal;
	color: #888;
	text-decoration: none;
	position: absolute;
	right: 0px;
	bottom: 5px;
}


/* detail */