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

html{
    min-height:100%;/* make sure it is at least as tall as the viewport */
    position:relative;
}
body{
    height:100%; /* force the BODY element to match the height of the HTML element */
}

.list_container{
	padding-top:100px;
	padding-bottom:50px;
}

.list_item{
	margin:30px;
	padding:0px;
	border:thin;
	border-color:#ccc;
	border-top-style:solid;
	border-bottom-style:solid;
}

.list_img{
	padding:0px;
}

.list_content{
	margin-top:-15px;
}

.list_container>a{
	color:#666;
}
.list_container>a:hover,
.list_container>a:focus{
	color:#000;
}

.back{
	margin-left:30px;
	margin-top:-20px;
	margin-bottom:80px;
}
.pager li>a{
	border-color:#666;
	color:#666;
	border-radius:0px;
	padding: 7px;
}
.pager li>a:hover,
.pager li>a:focus{
  border-color:#ccc;
	color:#fff;
	background-color:#ccc;
}

@media(max-width:768px){
	.list_content p{
		display:none;
	}
	.list_item{
		margin:10px;
		margin-left:0px;
		margin-right:0px;
	}
	.back{
		display:none;
	}
	h3{
		font-size:18px;
	}
}
@media(max-width:992px){
	.list_content>p:nth-child(3),
	.list_content>p:nth-child(4){
		display:none;
	}
}
@media(min-width:768px){
	h3{
		margin-bottom:40px;
		text-align:center;
	}
}