/* E-book */
.ebook-box {
    max-width: 719px;
    margin: 0 auto;
    padding-bottom: 50px;
}

.ebook-list {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 90px;
}

.ebook-list a {
    margin-bottom: 35px;
    display: block;
    text-align: center;
}

.ebook-list a:hover .mov img {
    opacity: .9;
}

.ebook-list a:hover .name {
    color: #41A777;
}

.ebook-list span {
    display: block;
}

.ebook-list .mov {
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.ebook-list .mov img {
    width: auto;
    border-bottom: 1px solid #7d7d7d;
    float: left;
    transition: all .2s;
}

.ebook-list .name {
    font-size: 18px;
    margin-top: 10px;
    text-align: center;
    color: #272727;
    transition: all .2s;
}

.ebook-btn {
    margin-top: 32px;
}

.ebook-btn .line {
    display: inline-block;
    width: 1px;
    height: 14px;
    background: #999;
    margin: 0 15px;
}

.ebook-list a {
    width: calc(100% / 4 - 1.6vw);
}

@media only screen and (min-width: 993px) {
    .ebook-list a {
        
        width: calc(100% / 4 - 0vw);
    }

    .ebook-list a:not(:nth-child(5n+5)) {
        /*margin-right: 2vw;*/
    }

    .ebook-btn {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

@media only screen and (max-width: 992px) {
    .ebook-list a {
        width: calc(100% / 4 - 1.6vw);
    }

    .ebook-list a:not(:nth-child(4n+4)) {
        margin-right: 2vw;
    }

    .ebook-btn > div {
        margin-bottom: 32px;
    }
}

@media only screen and (max-width: 480px) {
    .ebook-list a {
        width: calc(100% / 2 - 2vw);
    }

    .ebook-list a:nth-child(2n+1) {
        margin-right: 2vw;
    }
}
/* Button ======================================================================*/
[class^="btn-"] { cursor: pointer; transition: all .2s; }
.btn-print { color: #fff; font-size: 15px; line-height: 15px; background: #506a85; padding: 8px 32px; display: inline-block; vertical-align: top; }
/*.btn-print:before { content: '\e806'; font-family: 'fontello'; display: inline-block; font-size: 16px; margin-right: 8px; width: 18px; height: 18px;}*/
.btn-print:hover { background: #666; box-shadow: 0 0 5px #333 inset; }

.btn-download { color: #fff; font-size: 15px; line-height: 15px; background: #949494; padding: 8px 32px; position:relative; display: inline-flex; align-items: center; }
/*.btn-download:before { content: '\e810'; font-family: 'fontello'; display: inline-block;  font-size: 16px; margin-right: 8px; width: 18px; height: 18px; }*/
.btn-download:hover { background: #666; box-shadow: 0 0 5px #333 inset; }

[class^="btn-pro-"] { color: #fff; border-radius: 20px; background: #0eb493; color: #fff; border-radius: 20px; background: #0eb493; padding: 4px 20px; }
[class^="btn-pro-"]:before, [class^="btn-pro-"]:after { font-family: FontAwesome; }
[class^="btn-pro-"]:hover { opacity: .5; }

.btn-pro-prev:before { content: '\f053'; padding-right: 8px; }

.btn-pro-next:after { content: '\f054'; padding-left: 8px; }