.ebook-list { display: flex; flex-wrap: wrap; padding-bottom: 90px; }
.ebook-list a { width: calc(33.33% - 2vw);margin: 0 1vw 50px 1vw;border-radius: 0 0 0 15px;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);position: relative;padding: 25px 0 10px 0;}
.ebook-list a:nth-child(3n) { margin-right: 0px; }
.ebook-list a:hover { box-shadow: 0 0 15px #999 inset; }
.ebook-list a:hover .ebook-pic img { transform: scale(1.1); }
.ebook-list span { display: block; text-align: left; color: #6A6A6A; transition: all .2s; }
.ebook-list .ebook-pic { width: 100%; display: flex; justify-content: center; overflow: hidden;position: relative;height: 0;padding-bottom: 49%;}
.ebook-list .ebook-pic > span{position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;justify-content: center;align-items: center;}
.ebook-list .ebook-pic img { width: auto; max-height: 100%; border: 1px solid #C0C0C0; transition: all .2s; }
.ebook-list .ebook-title { font-size: 18px; text-align: center; margin-top: 4px; color: #333; overflow: hidden; }

@media only screen and (max-width: 768px) {
	.ebook-list { justify-content: space-between; }
	.ebook-list a { width: calc(50% - 2vw); margin-right: 0px; }
}
@media only screen and (max-width: 480px) {
	.ebook-list a { width: 100%; }
}


.ebook-detail-box { max-width: 719px; margin: 0 auto; }
.ebook-detail-pic { margin-bottom: 10px; }
.ebook-btn { display: flex; justify-content: space-between; align-items: center; }
.btn-print { color: #fff; font-size: 15px; line-height: 15px; background: #0e8eb4; padding: 8px 30px 8px 45px; display: inline-block; position: relative; }
.btn-print:before {
	background: url(icons/print.svg) no-repeat;
	content: "";
	background-size: 100%;
	width: 17px;
	height: 17px;
	position: absolute;
    top: 7px;
    left: 15px;
}
.btn-print:hover { background: #1aa6d0; box-shadow: 0 0 5px #0e8eb4 inset; }

.btn-download { color: #fff; font-size: 15px; line-height: 15px; background: #949494; padding: 8px 30px 8px 45px; display: inline-block; position: relative; }
.btn-download:before {
	background: url(icons/download.svg) no-repeat;
	content: "";
	background-size: 100%;
	width: 17px;
	height: 17px;
	position: absolute;
    top: 7px;
    left: 15px;
}
.btn-download:hover { background: #666; box-shadow: 0 0 5px #333 inset; }


[class^="btn-ebook-"] {color: #fff; border-radius: 20px; background: #133777; padding: 4px 20px; position: relative;}
[class^="btn-ebook-"]:hover { opacity: 0.8; box-shadow: 0 0 5px #133777 inset; }

.btn-ebook-prev {
	padding-left: 30px;
}
.btn-ebook-prev:before {
	background: url(icons/prev.svg) no-repeat;
	content: "";
	background-size: 100%;
	width: 15px;
	height: 15px;
	position: absolute;
    top: 8px;
    left: 8px;
}
.btn-ebook-next {
	padding-right: 30px;
}
.btn-ebook-next:after {
	background: url(icons/next.svg) no-repeat;
	content: "";
	background-size: 100%;
	width: 15px;
	height: 15px;
	position: absolute;
    top: 8px;
    right: 8px;
}

@media only screen and (max-width: 600px) {
	.ebook-btn { flex-direction: column; }
	.ebook-btn div{ margin-bottom: 20px; }
}