* {
	padding: 0;
	margin: 0;
}
ul, li {
	list-style-type: none;
}
.sortable {
	width: 600px;
	margin: auto;
	margin-top: 30px;
}
.sortable li {
	display: block;
	float: left;
	width: 30%;
	height: 80px;
	margin: 5px;
	line-height: 40px;
	box-sizing: border-box;
	padding: 0 10px;
	border-radius: 3px;
	border: 1px solid #e6e6e6;
	background-color: #fff;
	margin-bottom: 20px;
	box-shadow: 1px 1px 14px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 14px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 14px 0px rgba(0,0,0,0.1);
}
.sortable li:hover {;
	border: 1px solid #3666C8;
	background-color: #fff;
	margin-bottom: 20px;
	box-shadow: 1px 1px 14px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 14px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 14px 0px rgba(0,0,0,0.1);
}
style {
	background-color: aqua
}