/*---------------------------------------------
	index-list-page style
  ---------------------------------------------*/

.list-fig padding{
	background:#FFFFFF;
	padding:10px;
}
.list-fig img{
	width:30%;
	float:left;
}

.list-title{
	font-size: 120%;
	font-weight: bold;
	color: #000;
	border-bottom:1px dotted #ccc;
	margin-left:32%;
	padding:10px;
}

.list-article{
	zoom:1;	
	position:relative;
	margin-bottom:20px;
	border:1px solid #ccc;
	padding:10px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.list-article:after {
	content: ""; 
	display: block; 
	clear: both;
}

.list-article .btn{
	position:absolute;
	right:10px;
	bottom:10px;
}

.list-article ul{
	padding:10px;
	margin-left:33%;
}

.list-price{
	font-size:120%;
}
.list-price span{
	font-weight:bold;
}
.list-date{
	position:absolute;
	right:20px;
	top:70px;
	font-size:85%;
}

/*-----------------------------------------------------	*/
/*	for - 979px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 979px) {
.list-article{
	margin-left:10px;
	margin-right:10px;
}
}

/*-----------------------------------------------------	*/
/*	for - 767px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 767px) {
.list-article{
	margin-left:10px;
	margin-right:10px;
}
}

/*-----------------------------------------------------	*/
/*	for - 479px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 479px) {
.list-fig img{
	width:100%;
	float:none;
	margin:0 auto 20px;
}
.list-title{
	margin-left:0;
}
.list-article ul{
	margin-left:5px;
}
.list-date{
	position:absolute;
	right:20px;
	top:220px;
	font-size:85%;
}
.list-article{
	margin-left:10px;
	margin-right:10px;
	padding-bottom:50px;
}
.list-article .btn{
	width:90%;
}