.ebook-tur {
    position: fixed;
    width: 100%;
    top: 0;
    height: 100%;
    bottom: 0;
    left: 0;
    background: #6c6c6c;
    z-index: 9999;
    opacity: 1;
}

.ebook-tur img {

    border: 0;
    width: 100%;
    margin: 0 auto;
}

.ebook-page {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
}

.ebook-bar {
    position: relative;
    float: left;
    width: 100%;
    height: 50px;
    margin-top: 30px;
}

.ebook-bar .pagelist {
    float: left;
    width: 100%;
    height: 50px;

}

.ebook-bar .pagecolor {
    float: left;
    width: 20px;
    height: 25px;

}

.ebook-bar .pagenum {
    float: right;
    width: 100px;
    height: 50px;
    font-size: 20px;
    color: var(--colorback)
}

.ebook-bar .pagebookshelf {
    width: 100px;
    float: left;
    margin-left: 50px;
    border: 1px solid var(--colorback);
    border-radius: 5px;
    text-align: center;
    padding: 5px;
    cursor: pointer;
    background: var(--colorback);
    color: #fff
}

.ebook-bar .pagebookshelf:hover,
.ebook-bar .pagebookshelf:focus,
.ebook-bar .pagebookshelf:active {
    background: var(--colorHove);
}

.ebook-bar .ebook-download {
    width: 100px;
    float: left;
    margin-left: 50px;
    border: 1px solid var(--colorback);
    border-radius: 5px;
    text-align: center;
    padding: 5px;
    cursor: pointer;
    background: var(--colorback);
    color: #fff
}

.ebook-bar .ebook-download:hover,
.ebook-bar .ebook-download:focus,
.ebook-bar .ebook-download:active {
    background: var(--colorHove);
}
.ebook-bar .ebook-share-btn {
    width: 100px;
    float: left;
    margin-left: 5px;
    border: 1px solid var(--colorback);
    border-radius: 5px;
    text-align: center;
    padding: 5px;
    cursor: pointer;
    background: var(--colorback);
    color: #fff
}

.ebook-bar .ebook-share-btn:hover,
.ebook-bar .ebook-share-btn:focus,
.ebook-bar .ebook-share-btn:active {
    background: var(--colorHove);
}


.ebook-bar .pagebookplus {
    width: 30px;
    float: left;
    margin-left: 50px;
    border: 1px solid var(--colorback);
    border-radius: 5px;
    text-align: center;
    padding: 5px;
    cursor: pointer;
    font-weight: bold;
    background: var(--colorback);
    color: #fff
}

.ebook-bar .pagebookplus:hover,
.ebook-bar .pagebookplus:focus,
.ebook-bar .pagebookplus:active {
    background: var(--colorHove);
}

.ebook-bar .pagebookminus {
    width: 30px;
    float: left;
    margin-left: 5px;
    border: 1px solid var(--colorback);
    border-radius: 5px;
    text-align: center;
    padding: 5px;
    cursor: pointer;
    font-weight: bold;
    background: var(--colorback);
    color: #fff
}

.ebook-bar .pagebookminus:hover,
.ebook-bar .pagebookminus:focus,
.ebook-bar .pagebookminus:active {
    background: var(--colorHove);
}

.ebook-page img {
    position: relative;
    z-index: -99;
}

.ebook-page .ebook-overlay {
    width: 100%;
    position: absolute;
    height: auto;
    z-index: 90;
    top: 0;
    bottom: 0;
}

.ebook-page .ebook-prev {
    width: 49%;
    position: absolute;
    height: auto; 
    z-index: 99;
    top: 0;
    bottom: 0;
    opacity: 0.2;
}

.ebook-page .ebook-next {
    width: 50%;
    position: absolute;
    height: auto; 
    z-index: 99;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0.2;

}

.ebook-shelf {
    width: 100%;
}
 
.ebook-shelf .booklist {
    width: 200px;
    height: 250px;
    float: left;
    padding: 7px;
    border: 1px solid #ddd;
    margin-left: 2%;
    margin-top: 2%;
    margin-bottom: 2%;
    box-shadow: 10px 5px 30px #9c9c9c;
    -webkit-box-shadow: 10px 5px 30px #9c9c9c;
}

@media only screen and (min-width: 1500px) {
    .ebook-page {
        width: 80%;
        margin-left: 12%;
    }
}

@media only screen and (min-width: 1850px) {
    .ebook-page {
        width: 70%;
        margin-left: 15%;
    }
}

@media only screen and (min-width: 2500px) {
    .ebook-page {
        width: 65%;
        margin-left: 20%;
    }
}

@media (max-width: 1000px) {
    .ebook-bar .pagebookshelf{
      width: auto; 
      margin-left:2px;
      font-size: 10px;
    }
    .ebook-bar .ebook-download{
        width: auto; 
        margin-left:2px;
        font-size: 10px;
    }
    .ebook-bar .ebook-share-btn{
        width: auto; 
        margin-left:2px;
        font-size: 10px;
    }
    .ebook-bar .pagebookminus{
        width: auto; 
        margin-left:2px;
        font-size: 10px;
    }
    .ebook-bar .pagebookplus{
        width: auto; 
        margin-left:2px;
        font-size: 10px;
    }
    
    .row{
      margin:0px ;
    }
  }