@charset "utf-8";





/**************************/
.wrap{
	width:100%;/*1100px;*/
	margin:0 auto 0 auto;
	background:#EEE;
	background:url(../../img/bg.png) repeat;
}

.contents{
	width:100%; margin:20px auto 10px auto; font-size:12px; color:#333;
	
}
.main{
	width:768px; margin:0 auto 10px auto; font-size:12px; color:#333;
	float:left;
	
}









.contents{
	min-height:600px;
}
.trendBox{
	width:48%;
	height:70px;
	background:#FFF;
	border-bottom:#ccc solid 1px;
	padding:10px;
	box-sizing:border-box;
	margin:5px;
	box-shadow:#aaa 0px 0px 3px;
	float:left;
	position:relative;
}

@media screen and (max-width : 768px){

.trendBox{
	width:98%;
}	
}

a.trendBox:hover,
a.trendBox:link,
a.trendBox:active,
a.trendBox:visited{
	text-decoration:none;
	color:#333;	
}
a.trendBox:hover{
	background:#FFE;
}
.trendTag{
	position:absolute;
	width:80px;
	height:15px;
	top:5px;
	right:5px;
}
.trendImg{
	width:50px;
	height:50px;
	display:table-cell;
	vertical-align:middle;
	border:#999 solid 1px;
	box-sizing:border-box;
}
.trendInfo{
	width:auto;
	height:auto;
	display:table-cell;
	vertical-align:top;
	padding:2px 0 0 0;
}
.trendTitle{
	width:100%;
	height:1.5em;
	display:block;
	padding:0 10px;
	font-size:18px;
	overflow:hidden;
}
.trendDescription{
	width:100%;
	height:1.2em;
	display:block;
	padding:0 10px;
	font-size:12px;
	overflow:hidden;
}