.note ul li{
	float:left;
	margin:1em;
}
.note ul li a{
	color:#000;
	text-decoration:none;
	background:#ffc;
	display:block;
	/*盒子大小*/
	height:15em;
	width:15em;
	padding:1em;
	-moz-box-shadow:5px 5px 7px rgba(33,33,33,1);
	-webkit-box-shadow:5px 5px 7px rgba(33,33,33,7);
	box-shadow:5px 5px 7px rgba(33,33,33,7);
	-webkit-transform:rotate(-6deg);
	-moz-transform:rotate(-6deg);
	-o-transform:rotate(-6deg);

	 -moz-transition:-moz-transform .15s linear;
	 -o-transition:-o-transform .15s linear;
    -webkit-transition:-webkit-transform .15s linear;
	
}
.note ul li h2{
	font-size:140%;
	font-weight:bold;
	padding-bottom:10px;
}

.note ul li p{
	font-family: "Reenie Beanie" ,arial,sans-serif,΢���ź�;
	font-size:110%;
}
.note ul li:nth-child(odd) a{
	-webkit-transform:rotate(-4deg);
	-moz-transform:rotate(-4deg);
	-o-transform:rotate(-4deg);
	position:relative;
	top:5px;
}
/*倾斜角*/
.note ul li:nth-child(3n) a{
	-webkit-transform:rotate(5deg);
	-moz-transform:rotate(5deg);
	-o-transform:rotate(5deg);
	position:relative;
	top:5px;
  background:rgb(215, 232, 215);

}
.note ul li:nth-child(5n) a{
	-webkit-transform:rotate(7deg);
	-moz-transform:rotate(7deg);
	-o-transform:rotate(7deg);
	position:relative;
	top:5px;
	background:rgb(242, 190, 190);
}
.note ul li a:hover,ul li a:focus{
	-moz-box-shadow:10px 10px 7px rgba(0,0,0,7);
	-webkit-box-shadow:10px 10px 7px rgba(0,0,0,7);
	box-shadow:10px 10px 7px rgba(0,0,0,7);
	-webkit-transform:scale(1.25);
	-moz-transform:scale(1.25);
	-o-transform:scale(1.25);
	transform:scale(1.25);
	position:relative;
	z-index:5;
	
}