/*book*/
#articleBox{padding: 0 25px;}
.book-detail{padding: 0 25px;}
.book-content{display: flex;flex-wrap: wrap;}
.book-content .ykln{position: absolute;top: 0px;left: 0px;}
.book-content .ykln.b-line{top: auto;bottom: 0px;}
.book-item .ttln{right: 0px;left: auto;height: 97%;}
.book-item:nth-child(4n) .ttln{display: none;}

.book-content .section-title h2{left:66px;top: 66px;}
.book-content .section-title .btn{right: 66px;top: 66px;}
.book-content .book-content{}
.book-content .book-item{width: 25%;position: relative;}
.book-content .book-item a.photo{display: block; background-size: cover;transition: ease .3s;}
.book-content .book-item > div{padding: 30px; display: block;position: relative;transition: ease .3s;}
.book-content .book-item > div:hover{filter: grayscale(0.9);}
.book-content .book-item > div h3{position: absolute; bottom: 52px;left: 52px;background: url(/images/26/bg.gif);}
.book-content .book-item > div h3 a{-webkit-line-clamp: 2; color: #E33339;padding: 5px 7px;font-size: 16px;font-weight: normal;max-width: 140px;}

/*內頁圖片*/
#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 0.3s;
}
.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 (max-width: 1366px) {
		.album_box ,
	.album_box img{
		height:230px;
	}

}

@media screen and (max-width: 1280px) {
	.album_box ,
	.album_box img{
		height:180px;
	}
}

@media screen and (max-width: 1024px){
	#articleBox{padding: 0px;}
}
@media screen and (max-width: 1180px){
	.book-content .book-item{width: 33%;}
	.book-item:nth-child(4n) .ttln{display: block;}
    .book-item:nth-child(3n) .ttln{display: none;}
}
@media screen and (max-width: 980px){
	.book-content .book-item > div h3 a{max-width: 110px;font-size: 14px;}
}

@media screen and (max-width: 768px){
	.book-content .book-item{width: 50%;}
    .book-item:nth-child(3n) .ttln{display: block;}
    .book-item:nth-child(2n) .ttln{display: none;}
}
@media screen and (max-width: 480px){
	.book-content .book-item > div{padding: 15px}
	.book-content .book-item > div h3{bottom: 37px;left: 37px;}
	.book-content .book-item > div h3 a{max-width: 90px;padding: 0 5px;}
}
@media screen and (max-width: 375px){
	.book-content .book-item > div h3 {
	    bottom: 30px;
	    left: 25px;
	}
}