#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,#000d66 20%,#0100b4 80%); */background-color: #bcc1d27a;}

#book .border .photo img,#news li .photo a img{width:100%}

#book li{float:left;width: calc(25% - 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: 6px;margin-bottom:15px;font-weight:700;}

#book .border .info h3{font-size: 20px;line-height:110%;overflow: hidden;margin: 10px 0;height: 45px;text-align: left;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}

#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;

}

.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 0.3s;

	margin: 5px;

}

.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:300px;

}



@media screen and (max-width: 1280px) {

	.album_box ,

	.album_box img{

		height:180px;

	}

}

@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}

}

@media screen and (max-width: 480px) {

	.album_box ,

	.album_box img{

		height:130px;

	}

}