.clearfix::before {
	display: table; content: "";
}
.clearfix::after {
	display: table; content: "";
}
.clearfix::after {
	clear: both;
}
.clearfix {
	-ms-zoom: 1;
}
#box_container {
	margin: 20px auto; width: 50%; clear: both;
}
.box {
	margin: 0px; padding: 0px; overflow: hidden; float: left; position: relative;
}
.col1 {
	width: 290px; height: 285px;
}
.col2 {
	width: 290px; height: 275px;
}
.col3 {
	width: 290px; height: 330px;
}
.col4 {
	width: 290px; height: 250px;
}
.col5 {
	width: 290px; height: 240px;
}
.col6 {
	width: 290px; height: 205px;
}
.col7 {
	width: 290px; height: 220px;
}
.col8 {
	width: 290px; height: 235px;
}
.col9 {
	width: 290px; height: 305px;
}
.hidden {
	padding: 20px; top: 0px; width: 200px; height: 320px; position: absolute; background-color: rgb(0, 0, 0);
}
.hidden_cont {
	padding: 20px; top: 0px; width: 200px; height: 140px; line-height: 140%; font-weight: bold; position: absolute;
}
.design {
	padding: 25px; width: 190px; height: 180px; color: rgb(255, 255, 255) !important; line-height: 140%; display: block;
}
.design_01 {
	background: rgb(34, 85, 182);
}
.design_02 {
	background: rgb(73, 24, 151);
}
.design_03 {
	background: rgb(165, 27, 83);
}
.design_04 {
	background: rgb(134, 21, 162);
}
.design_05 {
	background: rgb(24, 157, 163);
}
.design_06 {
	background: rgb(19, 121, 159);
}
.db {
	display: block;
}
.dn {
	display: none;
}
.hand {
	cursor: pointer;
}