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

.boxinfo{
	padding: 15px 20px 50px 20px;
	background-color: #fff;
/*	width: 555px;*/
	width: 100%;
	height: 550px;
}

.boxinfo ul li{
/*	color: #000000;*/
/*	font-size: 14px;                */
	letter-spacing: 0px;
	line-height: 50px;
	margin: 0px;
	display: block;
/*
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
*/
	
}

.boxinfo li a{
	display: block;
/*	width: 515px;*/
	width: 100%;
	height: 50px;
	color: #000000;
	text-decoration: none;
	font-size: 16px;
/*	border: 1px solid #000000;*/
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	border-bottom: 1px solid #BEBEBE;
}
.boxinfo li a:hover{
/*	font-size: 20px;*/
/*	color: #46D17F;*/
	background-color: rgba(205,205,205,0.24);
/*	width: 520px;*/
	height: 50.5px;
/*	border: 1px solid rgba(189,189,189,0.29);*/
}

.boxinfo .nDate{
	color: #BABABA;
}
.more a{
	padding-top: 15px;
	font-size: 16px;
	color: #DB3F43;
	float: right;
	text-decoration: none;
}
.more a:hover{
	color: rgba(209,39,43,0.48);
	float: right;
	text-decoration: none;
}

@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 992px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 680px) {
}
@media screen and (max-width: 480px) {
.boxinfo{
/*	padding: 15px 20px 50px 20px;*/
	width: 100%;
	height: 340px;
}
.boxinfo ul li{
	letter-spacing: 0px;
	line-height: 30px;
	margin: 0px;
	display: block;
}
.boxinfo li a{
	display: block;
	width: 100%;
	height: 30px;
	font-size: 12px;
}
.boxinfo li a:hover{
	height: 30.5px;
}
.more a{
	padding-top: 10px;
}
}
@media screen and (max-width: 320px) {
}