@CHARSET "UTF-8";

#albumCollectWrap {
	margin:0 auto;
	min-height:850px;
}


#albumCollectWrap #moduleTitle {
	margin-left:2%;
	color:#1c77b5;
	
}
#albumCollectWrap #moduleTitle .h2 {
	padding: 10px;
    background-color: #1c77b5;
    color: white;
    border: 1px solid #1c77b5;
    border-radius: 10px;
	
}
    

#albumCollectWrap .albumWrap {
	float:left;
	width:21%;
	margin:2%;
	border:1px solid #d0d0d0;
	border-radius:10px;
}

#albumCollectWrap .albumWrap .coverBlock {
	display:block;
	height:20%;
	padding:1%;
	
}

#albumCollectWrap .albumWrap .coverBlock img {
	width:100%;
	height:100%;
	border:1px solid white;
	border-radius:10px;
}

#albumCollectWrap .albumWrap .titleBlock {
	display:block;
	font-size:100%;
	padding:5px 0px 5px 1%;
	
}

#albumCollectWrap:after {
	display:block;
	clear:both;
	content:"";
}

@media screen and (max-device-width: 18cm) {
	
	#albumCollectWrap {
		width:98%;
		margin:0 auto;
	}
	
	
	#albumCollectWrap .albumWrap {
	    float: left;
	    width: 46%;
	    margin: 2%;
	    border: 1px solid #d0d0d0;
	}
	
	#albumCollectWrap .albumWrap .coverBlock {
		height:20%;
	}
	
	#albumCollectWrap .albumWrap .titleBlock {
		padding:20px 1%;
		font-size: 150%;
   		font-family: "微软雅黑";
	}
	
	#albumCollectWrap .albumWrap {
		border:none;
	}
}