/*
 * iweb52-style28
 *
 * Copyright 2017, TANK
 * 
 * 
 * 2017 / 04 / 06
 */


/* + album
*----------------------------------------------------------------------------*/
#album ul {
	overflow: hidden;
}

#album ul li {
	margin: 10px 0;
	float: left;
	width: 33%;
}

#album ul li .bookPhoto {
	overflow: hidden;
	margin: 0 10px;
}

#album ul li .bookPhoto .photo {
	background-size: cover;
}

#album ul li:hover .bookPhoto a.photo {
	-webkit-transform: scale(0.8,1.8);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: scale(1.3);
	transform: scale(1.3);
}

#album ul li h3 {
	margin: 0 10px;
	padding: 10px;
	background: #e1eeed;
}

#album ul li h3 a {
	overflow: hidden;
	height: 27px;
	font-size: 18px;
	color: #2eb1a5;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

#album .subphto ul li {
	margin: 10px 1%;
	width: 31%;
}


/************ = 適應性 = ************/
/* +width:640 ↓
*----------------------------------------------------------------------------*/
@media screen and (max-width: 640px) {
	#album ul li {
		width: 50%;
	}
	#album .subphto ul li {
		width: 48%;
	}
}

/* +width:450 ↓
*----------------------------------------------------------------------------*/
@media screen and (max-width: 450px) {
	#album ul li {
		width: 100%;
	}
	#album .subphto ul li {
		width: 98%;
	}
}