@charset "utf-8";
*{ margin:0; padding:0;}
html {height: 100%;}
body { font:12px/1.5 Arial; color:#000; background:#EDEDED;font-family:microsoft yahei;}
ul,li{ list-style:none;}
a{ color:#666; text-decoration:none;}
a:hover{ text-decoration:none; color:#000;}
img{border:0 none;}

main{height:100%;overflow:hidden;overflow-y:auto;}

h1{text-align:center;font-size:30px;padding:40px 0;color:#000;}
h1 a{color:#f00;display:inline-block;margin-left:20px;}

#waterfall{width:80%; margin:0 auto 30px auto;overflow:hidden;}
#waterfall img{width:100%;height:auto;}
#waterfall .cell{padding:0px;padding:5px;margin:0 5px 10px 5px;float:left;}
#waterfall .cell a{display:block;background:#fff;box-shadow:0 0 5px #ccc;border:solid 1px #eee;padding:10px;cursor:pointer;}
#waterfall .cell a h3{font-size:15px;color:#666;margin:10px 0;}
#waterfall .cell a p{color:#999;font-size:13px;margin:0;line-height:20px;text-align:left;}
#waterfall .cell .ts{background:#F7A076;color:#fff;border-radius:3px;padding:3px 8px;font-size:12px;margin-top:5px;line-height:18px;}
#waterfall .cell a:hover{box-shadow:0 0 5px #f00;}
#waterfall .cell a:hover h3{color:#000}

#waterfall2{display:none;}

.wpitem{width:250px;}


body {
	background-image: url(../images/bg.jpg);
	background-size: cover;
	background-position: 50% 0;
	height: 100%;overflow-x:hidden;
}

@media (max-width:768px){
	.wpitem{width:33.33%;}	
}
@media (max-width:425px){
	.wpitem{width:49.5%;}	
}
@media (max-width:320px){
	.wpitem{width:100%;}
	#waterfall .cell{width:92%;margin:0 auto 10px auto;padding:1%;float:none;}		
}