/*
	Todd Motto Labs
	URL: www.toddmotto.com
*/

/*------------------------------------*\
    SuperBox
\*------------------------------------*/
*,
*:after,
*:before {
	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	/* -webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	-o-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	*/
}
ul {
	list-style:none;
}
img {
	vertical-align:bottom;
}
.logo {
	margin:25px 0;
	text-align:center;
}
.logo-img {
	max-width:95%;
}
/* SuperBox */
.superbox-list {
	display:inline-block;
	*display:inline;
	zoom:1;
	width:12.5%;
}
.superbox-img {
	max-width:100%;
	width:100%;
	cursor:pointer;
	display:inline-block;
	*display:inline;
	-webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.superbox-show {
	text-align:center;
	position:relative;
	background:#FFF;
	width:100%;
    float:left;
	padding:25px;
	display:none;
}
.superbox-current-img {
	max-width:100%;
}
.superbox-img:hover {
	opacity:0.8;
	-webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
}
.superbox-float {
	float:left;
}
.superbox-close {
	opacity:0.7;
	cursor:pointer;
	position:absolute;
	top:25px;
	right:25px;
	background:url(icon/close.png) no-repeat center center;
	width:35px;
	height:35px;
}
.superbox-close:hover {
	opacity:1;
}
@media only screen and (min-width: 320px) {
	.superbox-list {
		width:48%;
		margin: 0 1% 5px 1%;
	}
}
@media only screen and (min-width: 486px) {
	.superbox-list {
		width:24%;
		margin: 0 1% 5px 1%;
	}
}
@media only screen and (min-width: 768px) {
	.superbox-list {
		width:16.66666667%;
	}
}
@media only screen and (min-width: 1025px) {
	.superbox-list {
		width:10%;
		margin: 0 1.2% 2%;
	}
	.superbox-show img {
	height: 600px;
	width: auto;
	}
}

.superbox {
    text-align: left;
}