.ebook-list { display: flex; flex-wrap: wrap; padding-bottom: 90px; }
.ebook-list a { width: calc(100%/3 - 57px); margin-right: 25px; margin-bottom: 20px; display: block; text-align: center; background: #E9E9E9; padding: 20px; }
.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; }
.ebook-list .ebook-pic img { width: auto; max-height: 320px; border: 1px solid #C0C0C0; transition: all .2s; }
.ebook-list .ebook-title { font-size: 18px; text-align: center; margin-top: 4px; color: #133777; overflow: hidden; }

@media only screen and (max-width: 768px) {
	.ebook-list { justify-content: space-between; }
	.ebook-list a { width: calc(50% - 57px); 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; }
}