#book{ position:relative; z-index:2}
#book .mofd,#book .border .info p{background:-webkit-gradient(linear,left top,right top,color-stop(20%,#f93),color-stop(80%,#ff7166));background:-webkit-linear-gradient(left,#f93 20%,#ff7166 80%);background:linear-gradient(90deg,#f93 20%,#ff7166 80%)}
#book .border .photo img,#news li .photo a img{width:100%}
#book li{float:left;width:calc(50% - 30px);padding:15px}
#book li:nth-child(2n){margin-top:100px}
#book .border{background-repeat:no-repeat;background-position:50% 50%;background-size:cover;position:relative;transition:all linear .1s}
#book .border a{position:absolute;width:100%;height:100%;display:block;top:0;left:0;z-index:3}
#book .border .info{color:#fff;position:absolute;left:0;bottom:0;z-index:2;width:calc(100% - 80px);padding:40px;background:-moz-linear-gradient(bottom,rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(bottom,rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 100%);background:linear-gradient(to top,rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 100%)}
#book .border .info p{display:inline-block;padding:5px 20px;font-size:11pt;border-radius:25px;margin-bottom:15px;font-weight:700}
#book .border .info h3{font-size:24px;line-height:110%}
#bookBox .circleStyle{width:100%;height:90%;right:-30%;top:30px;background-image:url(/images/18/dots.png);background-position:50% 50%;z-index:1;border-radius:0}
#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;
	margin-bottom: 70px;
}
#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;
}

/* bookBox */
#bookBox .wall { position: relative; overflow: hidden; display: block; }
#bookBox .wall-column { position: relative; float: left; width: 50%; display: block; box-sizing: border-box; }
#bookBox .wall-column .article { position: relative; margin: 15px; }
#bookBox .wall-column .album_box { box-shadow: 0 0 10px #c0c0c0; }
#bookBox .wall-column .article a { display: block; }
#bookBox .wall-column .article h3 { position: absolute; width: 100%; bottom: 0; left: 0; }
#bookBox .wall-column .article h3 a { margin: 10px; padding: 10px; background: rgba(255, 255, 255, .7); text-align: center; font-size: 18px; color: #444; }

/* album-info */
#bookBox .wall-column { width: calc(100% / 3); }
#bookBox .wall-column .album_box img { width: 100%; }



@media screen and (max-width: 1280px) {
	#bookBox .wall-column { width: 50%; }
}

@media screen and (min-width: 1025px) {
#book .border:hover{transform:translate(-15px,-15px)}
}
@media screen and (max-width: 980px) {
}
@media screen and (max-width: 768px) {
#book .border .info h3{font-size:20px}
#book .border .info{width:calc(100% - 40px);padding:20px}
}
@media screen and (max-width: 640px) {
#book li,#book li:nth-child(2n){width:100%;padding:0;margin:0 0 20px}
#bookBox .topic{position:relative;width:auto;padding:0 0 70px}
#bookBox .wall-column { width: 100%; }
}
