#album{margin-bottom:100px}
.bookStyle{overflow:hidden;position:relative}
.bookStyle .info{color:#fff}
.bookStyle .info h3{text-align:center;font-size:80px;line-height:110%}
.bookStyle .info h3 a{color:#fff}
.bookStyle .info h4{text-align:center;color:#acacac;font-size:18px;line-height:120%;margin:80px 0 50px;font-weight:400}
.bookStyle .info h5{text-align:center}
.bookStyle .info h5 a{display:inline-block;background:#fff;font-size:14px;color:#c82424;padding:15px 50px;font-weight:700}
.bookStyle .photo a{display:block;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:#741111}
.bookStyle .photo a img{width:100%}
#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{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 .3s;margin-bottom:15px}
.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:350px}
@media screen and (min-width: 1025px) {
.bookStyle .info h5 a{position:relative;transition:transform 1s cubic-bezier(0.23,1,0.32,1)}
.bookStyle .info h5 a:hover{color:#fff}
.bookStyle .info h5 a span{position:relative;z-index:2}
.bookStyle .info h5 a:after{top:0;position:absolute;transform:scale(0,1);transform-origin:right center 0;transition:transform 1s cubic-bezier(0.23,1,0.32,1);content:'';display:block;width:100%;height:100%;left:0;background:#292929;z-index:1}
.bookStyle .info h5 a:hover:after{transform:scale(1,1);transform-origin:left center 0}
}
@media screen and (max-width: 1680px) {
.bookStyle .info h3{font-size:70px}
}
@media screen and (max-width: 1440px) {
.bookStyle .info h3{font-size:50px}
}
@media screen and (max-width: 1366px) {
.album_box,.album_box img{height:230px}
}
@media screen and (max-width: 1280px) {
.bookStyle .info h3{font-size:35px}
.bookStyle .info h4{margin:30px 0 20px;font-size:13px}
.album_box,.album_box img{height:180px}
}
@media screen and (min-width: 641px) {
.bookStyle .info{position:absolute;width:350px;left:calc((50% - 350px) / 2);top:20%}
.bookStyle .photo{margin-left:50%;width:50%}
#album li:nth-child(even) .info{left:inherit;right:calc((50% - 350px) / 2)}
#album li:nth-child(even) .photo{margin:0}
}
@media screen and (max-width: 640px) {
.bookStyle .info h3{font-size:30px}
.bookStyle .info{padding:35px 0 50px}
.bookStyle .info h4{margin:5px 0 20px}
.bookStyle .info h5 a{display:block}
}
@media screen and (max-width: 480px) {
.bookStyle .info h3{font-size:25px}
.album_box,.album_box img{height:130px}
}