@charset "utf-8";

/* CSS Document */

#main{

	padding-top:0px;

}

.content {

	position: relative;

	margin: 0 auto;

	font-size:0px;

	overflow:hidden;

}

.content .title{

	font-size:16px;

	font-weight:bold;

	color:#444444;

	margin-bottom:10px;

}

.content {

	display:block;

	margin:0 -10px;

}

.content li {

	width:33.33333333333333%;

	padding:0 10px;

	display: inline-block;

	list-style: none;

	margin-bottom:50px;

}

.content .list:hover .photo:before{

	opacity:1;

}

.content .list{

	list-style:none;

	position: relative;

	display:inline-block;

	vertical-align:top;

}

.content .list:after{

	content:'';

	display:block;

	clear:both;

}

.content .list .photo:before{

	content:'';

	background:rgba(88,73,124,0.5) url(../images/news_top.png) center no-repeat;

	display:block;

	position: absolute;

	left:0px;

	top:0px;

	right:0px;

	bottom:0px;

	opacity:0;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

	-webkit-border-radius: 100%;

	-moz-border-radius: 100%;

	border-radius: 100%;

}

.content .list .photo{
	max-width:150px;
	width:45%;

	text-align: center;

	position: relative;

	display:inline-block;

	-webkit-border-radius: 100%;

	-moz-border-radius: 100%;

	border-radius: 100%;

	overflow:hidden;

	vertical-align:middle;

	margin-right:5%;

}

.content .list .photo img{

	max-width:100%;

	height:auto !important;

}

.content .list .info{

	width:50%;

	display:inline-block;

	vertical-align:middle;

}

.content .list .info .date{

	color:#6C1F76;

	font-size: 14px;

	font-weight: bold;

	line-height:1;

	overflow:hidden;

	text-decoration:none;

	margin-bottom:10px;

	padding-bottom:5px;

	border-bottom:#CCCCCC 1px solid;

}

.content .list .info .name{

	color:#3A3A3A;

	line-height:1.2;

	height:30px;

	overflow:hidden;

	font-size: 14px;

	font-weight: bold;

	margin-bottom:10px;

	word-wrap: break-word;

    word-break: normal;

}

.content .list .info .con{

	font-size: 14px;

	color:#545454;

	height: 60px;

	overflow:hidden;

	line-height:1.4;

	overflow:hidden;

	margin-bottom:10px;

}

@media (max-width: 610px) {

.content {

	display:block;

	margin:0 -10px;

}

.content li {

	width:33.33333333333333%;

	padding:0 10px;

	display: inline-block;

	list-style: none;

	margin-bottom:20px;

}

.content .list .photo{

	max-width:150px;

	width:100%;

	margin-right:0%;

	margin-bottom:15px;

}

.content .list .info{

	width:100%;

	display:inline-block;

	vertical-align:middle;

}

.content .list .info .date{

	text-align:center;

}

}

@media (max-width: 380px) {

.content li {

	width:50%;

}

}

/**************************************************************/

.content_in{

	max-width:940px;

	margin:0 auto;

	padding-bottom:30px;

	margin-bottom:30px;

	border-bottom:#D7D7D7 1px solid;

}

.content_in .name{

	color:#3A3A3A;

	font-size: 21px;

	line-height: 1.5;

	font-weight:bold;

	text-decoration:none;

	text-align:center;

	position:relative;

	margin-bottom:10px;

}

.content_in .date{

	font-size:16px;

	color:#6C1F76;

	line-height: 20px;

	text-decoration:none;

	text-align:center;

	font-weight:bold;

	margin-bottom:10px;

}





.content_in .con{

	color:#666666;

	font-size:15px;

	line-height:22px;

	margin:0 auto;

}

.content_in .con img{

	max-width:100%;

	height:auto !important;

}

/**************************************************************/

/**************************************************************/