/* album */
#album { overflow:hidden; position:relative; z-index:2; margin:50px 0 0; }
#album .photoItem { float:left; width:32%; margin:0 0.5% 30px; }
#album .photoItem .photo { background-repeat:no-repeat; background-position:50% 50%; background-size:100%; transition:all ease-in-out 0.3s; }
#album .photoItem .photo a { display:block; transition:all ease-in-out 0.3s; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; }
#album .photoItem h3 { text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:15px 0; }
#album .photoItem h3 a { color:#6e6e6e; }
#album .photoItem .photo a:hover { background-color:rgba(0,0,0,0.39); background-image:url(/images/07/index-room-hover.png); }
#album-info { display:flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:-webkit-flex; flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; -o-flex-wrap:wrap; -webkit-flex-wrap:wrap; }
#album-info::after { content:'';flex-grow:999999999; -moz-flex-grow:999999999; -ms-flex-grow:999999999; -o-flex-grow:999999999; -webkit-flex-grow:999999999; min-width:200px; height:0; }

/* album_box */
.album_box {margin:10px;position:relative;height: 350px;flex-grow:1;-moz-flex-grow:1;-ms-flex-grow:1;-o-flex-grow:1;-webkit-flex-grow:1;background-color:#fff;transition:all ease-in-out 0.3s;width: 23%;}
.album_box img { max-width:100%; min-width:100%; height:350px; object-fit:cover; -moz-object-fit:cover; -ms-object-fit:cover; -o-object-fit:cover; -webkit-object-fit:cover; vertical-align:bottom; }
.album_box,.album_box img {height:270px;}

/* divOver */
.divOver #album-info .album_box { opacity:0.5 !important; transition:all ease-in-out 0.1s; -moz-transition:all ease-in-out 0.1s; -ms-transition:all ease-in-out 0.1s; -o-transition:all ease-in-out 0.1s; -webkit-transition:all ease-in-out 0.1s; }
.divOver #album-info .album_box:hover { opacity:1 !important; }

/* article */
article { font-size:16px; margin:0 0 30px; }

@media screen and (max-width:1440px) {
	.album_box,.album_box img { height:230px; }
}
@media screen and (max-width:980px) {
	.album_box,.album_box img { height:180px; }
}
@media screen and (max-width:768px) {
	#album .photoItem { width:49%; margin:0 0.5% 30px; }
}
@media screen and (max-width:480px) {
	#album .photoItem { width:48%; margin:0 1% 30px; }
}