.iklan img,
.iklan iframe{
    max-width: 100%;
}

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative;
}
.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1;
}
.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none;
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block;
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
}
.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}
.owl-carousel.owl-hidden {
    opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab;
}
.owl-carousel.owl-rtl {
    direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
    float: right;
}
.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
    z-index: 0;
}
.owl-carousel .owl-animated-out {
    z-index: 1;
}
.owl-carousel .fadeOut {
    animation-name: fadeOut;
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.owl-height {
    transition: height 0.5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 0.4s ease;
}
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}
.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(../images/owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 0.1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none;
}
.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 0.4s ease;
}
.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}
.owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav {
    margin-top: 10px;
}
.owl-theme .owl-nav [class*="owl-"] {
    color: var(--text);
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
    background: #869791;
    color: var(--text);
    text-decoration: none;
}
.owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px;
}
.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 0.2s ease;
    border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791;
}
a {
    text-decoration: none;
    font-family: "Source Sans Pro", sans-serif;
    color: var(--text);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    transition: color 0.3s ease-in-out;
}
.resolver-click {
    cursor: pointer;
}
applet,
article,
aside,
body,
button,
dd,
div,
dl,
dt,
footer,
form,
h1,
h2,
h3,
html,
iframe,
img,
input,
label,
li,
object,
ol,
p,
select,
span,
table,
td,
textarea,
th,
ul {
    padding: 0;
    margin: 0;
    border: 0 none;
    color: var(--text);
    font-family: "Source Sans Pro", sans-serif;
    list-style: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
}
html {
    font-size: 100%;
}
:root {
    --bg: #ffffff;
    --text: #111;
    --bodytext: #032d2c;
    --cyan: #0ff;
}

body.dark-mode {
    --bg: #121212;
    --text: #fff;
    --bodytext: #fff;
}

body {
    background: var(--bg);
    color: var(--text);
    width: 100%;
}
h1,
h2,
h3 {
    font-weight: 600;
    line-height: 1.25;
    color: var(--bodytext);
}
.container {
    display: block;
}
.carrousel {
    display: block;
}
a img {
    border: 0 none #fff;
}
form,
img {
    display: block;
}
.invalid-feedback > span {
    font-size: 100%;
    line-height: inherit;
    color: red;
    letter-spacing: normal;
}
.btn {
    text-align: center;
    width: 130px;
    background: #0a0a0a;
    border-radius: 10px;
    -moz-border-radius: 10px;
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    padding: 5px 10px;
    font-weight: bold;
}
.gradient-btn {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border: none;
}

.gradient-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(102, 126, 234, 0.4);
}
.neon-btn {
    background: #0a0a0a;
    color: #00ff88;
    border: 2px solid #00ff88;
    text-shadow: 0 0 10px #00ff88;
    box-shadow: 
        0 0 20px rgba(0, 255, 136, 0.5),
        inset 0 0 20px rgba(0, 255, 136, 0.1);
}

.neon-btn:hover {
    box-shadow: 
        0 0 30px rgba(0, 255, 136, 0.8),
        inset 0 0 30px rgba(0, 255, 136, 0.2);
    text-shadow: 0 0 20px #00ff88;
}

.btn-genre{
    text-align: center;
    height: 35px;
    width: auto;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border: none;
    border-radius: 10px;
    -moz-border-radius: 10px;
    font-size: 14px;
    line-height: 25px;
    padding: 5px 10px;
    margin-right:5px;
    margin-bottom:5px;
}

.btn:hover,
.btn:focus {
    background-color: #0ff;
    color: var(--text);
}

.btn-genre:hover,
.btn-genre:focus {
    background-color: #001f4d;
    color: var(--text);
}
.btn--primary {
    background-color: #0066ff;
    color: var(--text);
}
.btn--primary:hover,
.btn--primary:focus {
    background-color: #003380;
    color: var(--text);
}
.btn--primary > i {
    color: #fff !important;
}
.btn i {
    border-left: 1px solid #ddd;
    float: right;
    font-size: 18px;
    color: #fff;
    padding-left: 10px;
    line-height: 25px;
}
.truncate,
.aside-menu-mobile__nav__selection {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.link {
    color: #33ccff;
    text-decoration: none;
}
.link:hover,
.link:focus {
    color: #10c19a;
    text-decoration: none;
}
.seperator {
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, #FF1584, #15AAFA, #C0FF01, #FE3603, #C700BE);
    margin: 40px 0;
}
.seperator--small {
    margin: 20px 0;
}
.clear {
    clear: both;
    display: block;
    float: none;
}
.word-wrap {
    word-wrap: break-word;
}
.collapse-link {
    display: block;
    position: relative;
    cursor: pointer;
    padding: 1em 0.5em;
    font-size: 0.8em;
}
.collapse-link > i {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.height5 {
    height: 5px;
    display: block;
}
.height10 {
    height: 10px;
    display: block;
}
.height15 {
    height: 15px;
    display: block;
}
.height20 {
    height: 20px;
    display: block;
}
.height25 {
    height: 25px;
    display: block;
}
.height30 {
    height: 30px;
    display: block;
}
.height35 {
    height: 35px;
    display: block;
}
.height40 {
    height: 40px;
    display: block;
}
.height45 {
    height: 45px;
    display: block;
}
.height50 {
    height: 50px;
    display: block;
}
.height55 {
    height: 55px;
    display: block;
}
.height60 {
    height: 60px;
    display: block;
}
.height65 {
    height: 65px;
    display: block;
}
.height70 {
    height: 70px;
    display: block;
}
.height75 {
    height: 75px;
    display: block;
}
.height80 {
    height: 80px;
    display: block;
}
.height85 {
    height: 85px;
    display: block;
}
.height90 {
    height: 90px;
    display: block;
}
.height95 {
    height: 95px;
    display: block;
}
.height100 {
    height: 100px;
    display: block;
}
.image_auto {
    display: table;
    margin: auto;
}
.image_auto img {
    width: 100%;
}
.image_100 {
    width: 100%;
    margin: auto;
}
.image_100 img {
    width: 100%;
}
.search-field {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}
.search-field form {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.search-field input[type="text"] {
    font-size: 18px;
    line-height: 33px;
    border: 1px solid #ddd;
    color: #868686;
    height: 50px;
    width: 50%;
    outline: none;
    background-color: #fff;
    letter-spacing: 1px;
    padding: 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
}
.search-field select[name="entity"] {
    font-size: 18px;
    line-height: 33px;
    border: 1px solid #ddd;
    color: #868686;
    height: 50px !important;
    width: 30%;
    outline: none;
    background-color: #fff;
    letter-spacing: 1px;
    padding: 10px;
    border-radius: 4px;
    border-left:none;
    -moz-border-radius: 4px;
}
.search-field input:-moz-placeholder,
.search-field input::-moz-placeholder,
.search-field input::-webkit-input-placeholder {
    color: #868686;
}

.search-field input[type="submit"] {
    background: #0a0a0a;
    color: #00ff88;
    border: 2px solid #00ff88;
    text-shadow: 0 0 10px #00ff88;
    box-shadow:  0 0 20px rgba(0, 255, 136, 0.5),
        inset 0 0 20px rgba(0, 255, 136, 0.1);
    padding: 5px 15px;
    border-radius: 6px;
    transition: all 0.4s;
    margin-left: 5px;
}

.search-field input[type="submit"]:hover {
    box-shadow: 
        0 0 30px rgba(0, 255, 136, 0.8),
        inset 0 0 30px rgba(0, 255, 136, 0.2);
    text-shadow: 0 0 20px #00ff88;
    cursor: pointer;
}
header {
    width: 100%;
    background-color: #34495e;
    background-image: linear-gradient(-222.48deg, #141c24cc 0%, #34495ecc 38.2%, #34495ecc 61.8%, #345e5ccc 100%);
    height: 80px;
    position: fixed;
    z-index: 200;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    z-index: 999;
}
header .head {
    display: block;
    margin: auto;
    height: 80px;
    width: 1200px;
    position: relative;
}
header .head .logo {
    background-repeat: no-repeat;
    background-position: left center;
    height: 80px;
    line-height: 80px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 500;
}
header .head .logo > img {
    display: inline-block;
    height: 50px;
}
header .head .logo > h1 {
    color: #fff;
    font-size: 1.25rem;
    font-weight: 600;
    vertical-align: middle;
    margin-left: 5px;
}
header .head .logo > h1:hover {
  color: #0ff;
  text-shadow: 0 0 8px #0ff, 0 0 15px #ff00c8;
}
header .head .nav_box {
    width: 100%;
    padding-left: 230px;
    height: 80px;
    position: relative;
}
header .head .nav_box .nav {
    display: table;
    float: right;
    height: 80px;
}
header .head .nav_box .nav a {
    font-size: 18px;
    line-height: 80px;
    color: #fff;
    height: 80px;
    padding-right: 10px;
    padding-left: 10px;
    float: left;
    text-align: center;
}
header .head .nav_box .nav a:hover {
  transform: translateY(-4px);
  text-shadow: 0 0 10px #0ff, 0 0 20px #ff00c8;
  transition: all 0.3s;
  text-decoration: auto !important;
}
header .head .nav_box .nav .nav_list {
    font-size: 18px;
    line-height: 80px;
    color: var(--text);
    height: 80px;
    padding-right: 10px;
    padding-left: 10px;
    float: left;
    text-align: center;
    cursor: pointer;
    position: relative;
}
header .head .nav_box .nav .nav_list:hover {
    color: #333;
}
header .head .nav_box .nav .nav_list .nlist {
    background: linear-gradient(to bottom right, #3333ff 0%, #00ffff 100%);
    padding: 10px;
    line-height: 0px;
    width: 600px;
    position: absolute;
    top: 80px;
    display: none;
    right: 0;
}
header .head .nav_box .nav .nav_list .nlist a {
    color: var(--text);
    padding-right: 10px;
    padding-left: 10px;
    font-size: 15px;
    line-height: 35px;
    border: 0 none #fff;
    height: 35px;
}
header .head .nav_box .nav .nav_primary {
    color: var(--text);
}
header .head .nav_box .nav .nav_primary:hover {
    color: #333;
}
header .head .nav_box .nav .nav_toggle {
    color: ghostwhite;
    float: left;
    background: transparent;
    cursor: pointer;
}
header .head .nav_box .nav .nav_search {
    color: #adbbbb;
    height: 80px;
    float: left;
    width: 80px;
    background-image: url("../images/search_btn.png");
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    background-size: 55%;
}

header .head .nav_box .nav .nav_search:hover {
    background-color: transparent;
}
header .head .nav_box .search_box {
    padding: 10px;
    height: 50px;
    width: 70%;
    background-color: #fff;
    display: none;
    float: right;
    border: 1px solid #963;
    margin-top: 15px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    position: relative;
}
header .head .nav_box .search_box .box_close {
    height: 30px;
    width: 30px;
    position: absolute;
    left: 10px;
    top: 10px;
    text-align: center;
    cursor: pointer;
    background-image: url("../themes/books-spin-landers/assets/images/close.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
}
header .head .nav_box .search_box .box_close i {
    font-size: 26px;
    line-height: 30px;
    color: #ddd;
}
header .head .nav_box .search_box input[type="text"] {
    font-size: 20px;
    line-height: 30px;
    color: #999;
    height: 30px;
    width: 100%;
    outline: none;
    background-color: #fff;
    padding-right: 40px;
    padding-left: 40px;
    letter-spacing: 1px;
}
header .head .nav_box .search_box input:-moz-placeholder,
header .head .nav_box .search_box input::-moz-placeholder,
header .head .nav_box .search_box input::-webkit-input-placeholder {
    color: var(--bodytext);
}
header .head .nav_box .search_box input[type="submit"] {
    height: 30px;
    width: 30px;
    outline: none;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../themes/books-spin-landers/assets/images/search.png");
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #fff;
}
header .head .mobilenav_btn {
    height: 80px;
    width: 80px;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    display: none;
    z-index: 500;
}
header .head .mobilenav_btn i {
    line-height: 80px;
    text-align: center;
    color: #fff;
    font-size: 30px;
    font-weight: normal;
    height: 80px;
    width: 80px;
}
header .head .mobilenav {
    position: fixed;
    left: 0;
    top: 80px;
    z-index: 100;
    width: 100%;
    height: 92vh;
    overflow-y: scroll;
    background-color: #fff;
    display: none;
    padding: 5%;
    border-top: 1px solid #ddd;
}
header .head .mobilenav .mntitle {
    font-size: 16px;
    font-weight: 600;
    color: #222d34;
    padding-bottom: 15px;
    line-height: 25px;
    width: 100%;
}
header .head .mobilenav .mntitle_primary {
    color: #33ccff;
}
header .head .mobilenav .mnheight {
    width: 100%;
    overflow: hidden;
}
header .head .mobilenav .mnheight a {
    font-size: 18px;
    line-height: 40px;
    color: var(--bodytext);
    width: 100%;
    padding-left: 10px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #eceff5;
    height: 40px;
    display: block;
}
.head_search-nav {
    position: fixed;
    z-index: 998;
    width: 100%;
    padding: 10px;
    background-color: #fff;
    transition: transform 0.3s ease-in-out;
    -webkit-transform: translateY(-80px);
    transform: translateY(-80px);
}
.head_search-nav.slidedown {
    -webkit-transform: translateY(80px);
    transform: translateY(80px);
}
.head_search-nav .head_search-nav_main {
    display: block;
    margin: auto;
    width: 100%;
    max-width: 1200px;
    position: relative;
}
.full_image {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    background-image: url("../images/ebooksite.jpg");
    background-position: center center;
    background-size: contain;
    width: 100%;
    margin-top: 80px;
    height: 450px;
    text-align: center;
    padding: 0 15px;
    
}
.height40:before {
    display: block;
    content: "";
    height: 5px;
    width: 100%;
    background: linear-gradient(to right, #C700BE, #FE3603, #C0FF01, #15AAFA, #FF1584);
}
.full_image .full_image_main {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    position: relative;
}
.full_image p {
    font-size: 42px;
    color: #fff;
    text-align: center;
}
.full_image .search-field {
    margin: 20px auto 0;
    max-width: 800px;
}
.main {
    display: block;
    margin: auto;
    width: 1200px;
    overflow: hidden;
    padding-top: 90px;
}
.main .main_right {
    float: right;
    width: 270px;
}
.main .main_right .main_right_title {
    font-size: 16px;
    color: var(--bodytext);
    width: 100%;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #d7d7d7;
    padding-bottom: 15px;
}
.main .main_right .categores_list {
    width: 100%;
}
.main .main_right .categores_list a {
    font-size: 15px;
    color: #777;
    width: 50%;
    padding-left: 20px;
    background-image: url("../images/li.png");
    background-repeat: no-repeat;
    background-position: left center;
    margin-bottom: 15px;
    float: left;
}
.main .main_right .image_right {
    width: 100%;
}
.main .main_right .image_right img {
    width: 100%;
}
.index_main {
    display: block;
    margin: auto;
    width: 1200px;
    overflow: hidden;
}
.main_title {
    font-weight: 600;
}
.main_title h2 {
    font-size: 28px;
    font-weight: 600;
    line-height: 30px;
    color: var(--bodytext);
    text-align: center;
    width: 100%;
}
.main_title .t_ico {
    display: block;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    background-image: url("../images/t_ico.png");
    background-position: center center;
    width: 300px;
    height: 20px;
    margin-bottom: 15px;
}
.index_category {
    margin-right: -20px;
    margin-left: -20px;
    overflow: hidden;
    display: block;
}
.index_category .category_box {
    float: left;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    width: 50%;
    position: relative;
}
.index_category .category_box .category_list {
    background: transparent;
    overflow: hidden;
    padding: 20px;
    width: 100%;
    position: relative;
    box-shadow: 0 7px 18px -9px #999;
}
.index_category .category_box .category_list .thumb-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.index_category .category_box .category_list .thumb-wrapper .thumb {
    width: 25%;
}
@media (max-width: 620px) {
    .index_category .category_box .category_list .thumb-wrapper .thumb {
        width: 50%;
    }
}
.index_category .category_box .category_list .cl_left {
    position: relative;
    width: 100%;
    padding-right: 100px;
}
.index_category .category_box .category_list .cl_left .link {
    position: absolute;
    right: 10px;
    top: 0;
}
.index_category .category_box .category_list .cl_left .category_title {
    font-size: 18px;
    font-weight: bold;
    color: var(--bodytext);
    height: 20px;
    width: 100%;
    overflow: hidden;
    overflow-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 5px;
    line-height: 20px;
}
.index_category .category_box .category_list .cl_left .book_time {
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    color: #adbbbb;
    height: 20px;
    width: 100%;
    overflow: hidden;
    overflow-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 5px;
}
.index_category .category_box .category_list .cl_left .book_title {
    font-size: 14px;
    line-height: 17px;
    font-weight: bold;
    color: var(--text);
    width: 100%;
    height: 51px;
    overflow: hidden;
}
.index_category .category_box .category_list .cl_right {
    width: 80px;
    height: 110px;
    position: absolute;
    top: 20px;
    right: 20px;
    overflow: hidden;
}
#pc_show > img {
    max-width: 800px;
}
.index_category .category_box .category_list .cl_right img {
    width: 100%;
}
.book_list {
    margin-right: -10px;
    margin-left: -10px;
    overflow: hidden;
    display: block;
}
.book_list .book_box {
    float: left;
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    width: 25%;
}
.book_list .bbook_box {
    width: 33.3333%;
}
.book_list .book_box .book_item {
    width: 100%;
    height: 163px;
    overflow: hidden;
    position: relative;
}
.book_list .book_box .book_item .bi_left {
    width: 100px;
    position: absolute;
    left: 0;
    top: 0;
}
.book_list .book_box .book_item .bi_left img {
    width: 100%;
}
.book_list .book_box .book_item .bi_right {
    width: 100%;
    padding-left: 110px;
    margin-top: 10px;
}
.book_list .book_box .book_item .bi_right .book_list_title {
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    font-weight: bold;
    color: var(--bodytext);
    width: 100%;
    overflow: hidden;
}
.book_list .book_box .book_item .bi_right .book_list_author {
    font-size: 12px;
    line-height: 15px;
    color: #797979;
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}
footer {
    background-color: #34495e;
    background-image: linear-gradient(-222.48deg, #141c24 0%, #34495e 38.2%, #34495e 61.8%, #345e5c 100%);
    width: 100%;
}
footer:before {
    display: block;
    content: "";
    height: 5px;
    width: 100%;
    background: linear-gradient(to right, #C700BE, #FE3603, #C0FF01, #15AAFA, #FF1584);
}
footer .us_link {
    padding: 30px;
    display: table;
    margin: auto;
}
footer .us_link a {
    font-size: 14px;
    line-height: 20px;
    color: ghostwhite;
    border-left: 1px solid #032d2c;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}
footer .us_link a:first-child {
    border-left: 0 none;
    padding-left: 0;
}
footer p {
    font-size: 14px;
    line-height: 20px;
    color: #949494;
    text-align: center;
    width: 100%;
    padding: 0px 30px 30px 30px;
}
footer span {
    font-size: 14px;
    line-height: 20px;
    color: #949494;
    letter-spacing: inherit;
}
.list_title {
    font-size: 22px;
    line-height: 25px;
    font-weight: bold;
    color: var(--bodytext);
}
.path {
    width: 100%;
}
.path a {
    font-size: 14px;
    line-height: 20px;
    color: #999;
    float: left;
}
.path span {
    font-size: 14px;
    line-height: 20px;
    color: #999;
    float: left;
    padding-right: 5px;
    padding-left: 5px;
}
.path p {
    font-size: 14px;
    line-height: 20px;
    color: #999;
    float: left;
}
.page {
    margin: auto;
    padding-top: 20px;
    display: table;
}
.page a {
    float: left;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    color: var(--bodytext);
    background-color: #fff;
    text-align: center;
    padding-right: 15px;
    padding-left: 15px;
    margin: 5px;
}
.page span {
    float: left;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    color: var(--text);
    background-color: #963;
    text-align: center;
    padding-right: 15px;
    padding-left: 15px;
    margin: 5px;
}
.page a:hover {
    background-color: #963;
    color: var(--text);
}
.search_left {
    float: left;
    width: 880px;
}
.search_left .search_list {
    width: 100%;
    height: 163px;
    position: relative;
    margin-bottom: 20px;
}
.search_left .search_list .search_image {
    height: 163px;
    width: 100px;
    position: absolute;
    left: 0;
    top: 0;
}
.search_left .search_list .search_image img {
    width: 100%;
}
.search_left .search_list .search_item {
    width: 100%;
    padding-left: 120px;
}
.search_left .search_list .search_item .search_title {
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    color: var(--bodytext);
    width: 100%;
    overflow: hidden;
    overflow-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 10px;
}
.search_left .search_list .search_item span {
    font-size: 16px;
    line-height: 20px;
    color: var(--bodytext);
    width: 100%;
    overflow: hidden;
    overflow-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 15px;
}
.search_left .search_list .search_item .search_btn {
    width: 100%;
}
.search_left .search_list .search_item .search_btn .search_read {
    height: 45px;
    width: 180px;
    background-color: #e45757;
    border-radius: 10px;
    -moz-border-radius: 10px;
    font-size: 18px;
    line-height: 25px;
    color: var(--text);
    padding: 10px 35px 10px 15px;
    background-image: url("../images/read.png");
    background-repeat: no-repeat;
    background-position: 15px center;
    text-align: right;
    float: left;
    font-weight: bold;
}
.search_left .search_list .search_item .search_btn .search_download {
    height: 45px;
    width: 180px;
    background-color: #2575fc;
    border-radius: 10px;
    -moz-border-radius: 10px;
    font-size: 18px;
    line-height: 25px;
    color: var(--text);
    padding: 10px 35px 10px 15px;
    background-image: url("../images/download.png");
    background-repeat: no-repeat;
    background-position: 15px center;
    text-align: right;
    margin-left: 20px;
    float: left;
    font-weight: bold;
}
.book_left {
    float: left;
    width: 880px;
}
.book_left .book_desc {
    width: 100%;
    position: relative;
}
.book_left .book_desc .book_image {
    height: 330px;
    width: 250px;
    position: absolute;
    left: 0;
    top: 0;
}
.book_left .book_desc .book_image img {
    width: 100%;
}
.book_left .book_desc .book_box {
    width: 100%;
    padding-left: 270px;
}
.book_left .book_desc .book_box .book_item {
    width: 100%;
    background-color: #fff;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 13px;
}
.book_left .book_desc .book_box .book_item span {
    font-size: 16px;
    line-height: 30px;
    color: var(--bodytext);
    letter-spacing: 1px;
    width: 100%;
    border-bottom: 1px dashed #d7d7d7;
}
.book_left .book_desc .book_box .book_item span a {
    font-size: 16px;
    line-height: 30px;
    color: #e45757;
    letter-spacing: 1px;
}
.book_left .book_desc .book_box .book_item .book_btn {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}
.book_left .book_desc .book_box .book_item .book_btn .book_read {
    height: 45px;
    width: 180px;
    background-color: #e45757;
    border-radius: 10px;
    -moz-border-radius: 10px;
    font-size: 18px;
    line-height: 25px;
    color: var(--text);
    padding: 10px 35px 10px 15px;
    background-image: url("../images/read.png");
    background-repeat: no-repeat;
    background-position: 15px center;
    text-align: right;
    float: left;
    font-weight: bold;
}
.book_left .book_desc .book_box .book_item .book_btn .book_download {
    height: 45px;
    width: 180px;
    background-color: #2575fc;
    border-radius: 10px;
    -moz-border-radius: 10px;
    font-size: 18px;
    line-height: 25px;
    color: var(--text);
    padding: 10px 35px 10px 15px;
    background-image: url("../images/download.png");
    background-repeat: no-repeat;
    background-position: 15px center;
    text-align: right;
    margin-left: 40px;
    float: left;
    font-weight: bold;
}
.book_left .text_content {
    font-size: 16px;
    line-height: 20px;
    color: var(--bodytext);
    letter-spacing: 1px;
    height: 280px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.book_left .text_content .more {
    font-size: 16px;
    line-height: 20px;
    color: #2575fc;
    letter-spacing: 1px;
    height: 20px;
    width: 60px;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer;
    background-color: #f2f2f2;
}
.book_left .text_content p {
    font-size: 16px;
    line-height: 20px;
    color: var(--bodytext);
    letter-spacing: 1px;
}
span {
    font-size: 16px;
    line-height: 20px;
    color: var(--bodytext);
    letter-spacing: 1px;
}
.book_left .book_res {
    width: 100%;
}
.book_left .book_res .res_title {
    width: 100%;
    background-color: #963;
    border: 1px solid #963;
    display: block;
    height: 45px;
}
.book_left .book_res .res_title .res_download_title {
    width: 40%;
    float: left;
    font-size: 16px;
    line-height: 45px;
    font-weight: bold;
    color: var(--text);
    text-align: center;
    overflow: hidden;
    overflow-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.book_left .book_res .res_title .res_other_title {
    width: 20%;
    float: left;
    font-size: 16px;
    line-height: 45px;
    font-weight: bold;
    color: var(--text);
    border-left: 1px solid #ddd;
    text-align: center;
    overflow: hidden;
    overflow-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.book_left .book_res .res_content {
    width: 100%;
    border: 1px solid #ddd;
    display: block;
    height: 55px;
    background-color: #fff;
}
.book_left .book_res .res_content .res_download {
    width: 40%;
    float: left;
    font-size: 16px;
    line-height: 55px;
    font-weight: bold;
    color: #963;
    text-align: center;
    overflow: hidden;
    overflow-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: underline;
}
.book_left .book_res .res_content .res_read {
    width: 20%;
    float: left;
    font-size: 16px;
    line-height: 55px;
    font-weight: bold;
    color: #963;
    border-left: 1px solid #ddd;
    text-align: center;
    overflow: hidden;
    overflow-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: underline;
}
.book_left .book_res .res_content .res_other {
    width: 20%;
    float: left;
    font-size: 16px;
    line-height: 55px;
    font-weight: bold;
    color: var(--bodytext);
    border-left: 1px solid #ddd;
    text-align: center;
    overflow: hidden;
    overflow-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.book_main {
    display: block;
    margin: auto;
    width: 1200px;
    overflow: hidden;
}
.about {
    width: 100%;
    min-height: 1000px;
}
.about p {
    font-size: 14px;
    line-height: 25px;
    color: #999;
}
.about span {
    font-size: 18px;
    line-height: 35px;
    color: var(--bodytext);
}
#mobile_show {
    display: none;
}
.roll {
    background-color: rgba(0, 0, 0, 0.8);
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    display: block;
}
.roll .roll_box {
    display: block;
    width: 600px;
    margin-top: 130px;
    margin-right: auto;
    margin-left: auto;
    background-color: #f2f2f2;
    position: relative;
    padding: 40px 20px;
}
.roll .roll_box .rb_close {
    height: 20px;
    width: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    background-image: url("../images/close.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    cursor: pointer;
    z-index: 100;
}
.roll .roll_box .rb_book {
    width: 100%;
}
.roll .roll_box .rb_book .left_image {
    width: 200px;
    float: left;
}
.roll .roll_box .rb_book .left_image img {
    width: 100%;
}
.roll .roll_box .rb_book .right_book {
    width: 340px;
    float: right;
}
.roll .roll_box .rb_book .right_book .right_book_name {
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    color: var(--bodytext);
    width: 100%;
    margin-bottom: 20px;
    height: 60px;
    overflow: hidden;
}
.roll .roll_box .rb_book .right_book .right_book_text {
    font-size: 14px;
    line-height: 20px;
    color: #777;
    width: 100%;
    overflow: hidden;
    height: 100px;
    margin-bottom: 35px;
}
.roll .roll_box .rb_book .right_book .right_book_btn {
    width: 100%;
}
.roll .roll_box .rb_book .right_book .right_book_btn .right_book_btn_read {
    height: 45px;
    width: 160px;
    background-color: #e45757;
    border-radius: 10px;
    -moz-border-radius: 10px;
    font-size: 18px;
    line-height: 25px;
    color: var(--text);
    padding: 10px 20px 10px 15px;
    background-image: url("../images/read.png");
    background-repeat: no-repeat;
    background-position: 15px center;
    text-align: right;
    float: left;
    font-weight: bold;
}
.roll .roll_box .rb_book .right_book .right_book_btn .right_book_btn_download {
    height: 45px;
    width: 160px;
    background-color: #2575fc;
    border-radius: 10px;
    -moz-border-radius: 10px;
    font-size: 18px;
    line-height: 25px;
    color: var(--text);
    padding: 10px 20px 10px 15px;
    background-image: url("../images/download.png");
    background-repeat: no-repeat;
    background-position: 15px center;
    text-align: right;
    margin-left: 20px;
    float: left;
    font-weight: bold;
}
.roll .roll_banner {
    display: block;
    width: 600px;
    margin-top: -150px;
    margin-left: -300px;
    position: absolute;
    height: 300px;
    left: 50%;
    top: 50%;
}
.roll .roll_banner a {
    width: 100%;
}
.roll .roll_banner a img {
    width: 100%;
}
.roll .roll_mobile {
    display: block;
    width: 300px;
    margin-top: -225px;
    margin-left: -150px;
    position: absolute;
    height: 450px;
    left: 50%;
    top: 50%;
}
.roll .roll_close {
    height: 32px;
    width: 32px;
    position: absolute;
    right: 10px;
    top: 10px;
    background-image: url("../images/close.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    cursor: pointer;
    z-index: 100;
}
.rating {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.rating__stars {
    position: relative;
    width: calc((100 / 19) * 15px);
    height: 15px;
}
.rating__stars__wrapper {
    position: absolute;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background: lightgray;
    -webkit-clip-path: url("../themes/books-spin-landers/assets/css/#svgStars");
    clip-path: url("../themes/books-spin-landers/assets/css/#svgStars");
    -webkit-clip-path: polygon(
        80% 7.3%,
        73.8% 11.8%,
        76.2% 19%,
        70% 14.5%,
        63.8% 19%,
        66.2% 11.8%,
        60% 7.3%,
        53.8% 11.8%,
        56.2% 19%,
        50% 14.5%,
        43.8% 19%,
        46.2% 11.8%,
        40% 7.3%,
        33.8% 11.8%,
        36.2% 19%,
        30% 14.5%,
        23.8% 19%,
        26.2% 11.8%,
        20% 7.3%,
        13.8% 11.8%,
        16.2% 19%,
        10% 14.5%,
        3.8% 19%,
        6.2% 11.8%,
        0 7.3%,
        7.6% 7.3%,
        10% 0,
        12.4% 7.3%,
        27.6% 7.3%,
        30% 0,
        32.4% 7.3%,
        47.6% 7.3%,
        50% 0,
        52.4% 7.3%,
        67.6% 7.3%,
        70% 0,
        72.4% 7.3%,
        87.6% 7.3%,
        90% 0,
        92.4% 7.3%,
        100% 7.3%,
        93.8% 11.8%,
        96.2% 19%,
        90% 14.5%,
        83.8% 19%,
        86.2% 11.8%
    );
    clip-path: polygon(
        80% 7.3%,
        73.8% 11.8%,
        76.2% 19%,
        70% 14.5%,
        63.8% 19%,
        66.2% 11.8%,
        60% 7.3%,
        53.8% 11.8%,
        56.2% 19%,
        50% 14.5%,
        43.8% 19%,
        46.2% 11.8%,
        40% 7.3%,
        33.8% 11.8%,
        36.2% 19%,
        30% 14.5%,
        23.8% 19%,
        26.2% 11.8%,
        20% 7.3%,
        13.8% 11.8%,
        16.2% 19%,
        10% 14.5%,
        3.8% 19%,
        6.2% 11.8%,
        0 7.3%,
        7.6% 7.3%,
        10% 0,
        12.4% 7.3%,
        27.6% 7.3%,
        30% 0,
        32.4% 7.3%,
        47.6% 7.3%,
        50% 0,
        52.4% 7.3%,
        67.6% 7.3%,
        70% 0,
        72.4% 7.3%,
        87.6% 7.3%,
        90% 0,
        92.4% 7.3%,
        100% 7.3%,
        93.8% 11.8%,
        96.2% 19%,
        90% 14.5%,
        83.8% 19%,
        86.2% 11.8%
    );
}
.rating__stars__icons {
    position: absolute;
    display: block;
    height: 100%;
    background-color: #efb11f;
}
.rating__stats {
    margin: 0 0.5rem;
    font-size: 12px;
    color: #adbbbb;
}
@media (max-width: 620px) {
    .rating__stats:last-child {
        display: none;
    }
}
.document__title,
.author__title {
    font-size: 2.2em;
}
@media (max-width: 768px) {
    .document__title,
    .author__title {
        font-size: 1.8em;
    }
}
@media (max-width: 620px) {
    .document__title,
    .author__title {
        font-size: 1.4em;
    }
}
.document__subtitle,
.author__subtitle {
    display: block;
    font-size: 1.2em;
    font-weight: 400;
    color: #999;
}
.document__subtitle span,
.author__subtitle span {
    color: var(--bodytext);
    font-weight: 600;
}
.document__subtitle a,
.author__subtitle a {
    color: #999;
}
@media (max-width: 768px) {
    .document__subtitle,
    .author__subtitle {
        font-size: 1em;
    }
}
@media (max-width: 620px) {
    .document__subtitle,
    .author__subtitle {
        font-size: 0.9em;
    }
}
.document__subtitle--small,
.author__subtitle--small {
    font-size: 1em;
}
.document__desc,
.author__desc {
    position: relative;
    transition: height 0.2s ease-in-out;
    overflow: hidden;
}
.document__desc[aria-expanded="false"]:after,
.author__desc[aria-expanded="false"]:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: -webkit-linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 5%, rgba(255, 255, 255, 0) 50%);
    background-image: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 5%, rgba(255, 255, 255, 0) 50%);
}
.document__actions,
.author__actions {
    width: 100%;
}
.document__rating,
.author__rating {
    display: block;
    margin-top: 0.5em;
}
.document .btn,
.author .btn {
    min-width: 180px;
}
@media (max-width: 620px) {
    .document .btn,
    .author .btn {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
}
.document .btn--wrapper,
.author .btn--wrapper {
    margin: 1em 0;
}
.document .btn--wrapper > .btn:not(:first-child),
.author .btn--wrapper > .btn:not(:first-child) {
    margin-left: 10px;
}
@media (max-width: 620px) {
    .document .btn--wrapper,
    .author .btn--wrapper {
        width: 100%;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -moz-box-direction: normal;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .document .btn--wrapper > .btn:not(:first-child),
    .author .btn--wrapper > .btn:not(:first-child) {
        margin-left: 0;
        margin-top: 10px;
    }
}
.actions-list {
    list-style: none;
    padding: 0;
    margin-top: 1em;
    display: block;
}
@media (max-width: 620px) {
    .actions-list {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 1em;
    }
}
.actions-list li {
    display: block;
    border-bottom: 1px solid #ddd;
}
.actions-list li:last-child {
    border-bottom: none;
}
@media (max-width: 768px) {
    .actions-list li {
        font-size: 0.9em;
    }
}
@media (max-width: 620px) {
    .actions-list li {
        width: 100%;
        border-bottom: none;
        border-right: 1px solid #ddd;
    }
    .actions-list li:last-child {
        border-right: none;
    }
}
.actions-list li > a {
    padding: 0.75em;
    display: block;
    width: 100%;
    text-align: left;
    font-weight: 600;
}
@media (max-width: 620px) {
    .actions-list li > a {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -moz-box-direction: normal;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
}
.actions-list li > a > span {
    font-size: 0.8em;
    margin-left: 0.25em;
}
@media (max-width: 620px) {
    .actions-list li > a > span {
        margin-left: 0;
    }
}
.actions-list li > a > i {
    font-size: 1.25em;
}
.detail-items {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 2.5em;
}
.detail-items dl {
    padding-right: 1em;
    margin-bottom: 1em;
    -webkit-flex-basis: 33.333333%;
    flex-basis: 33.333333%;
    width: 33.333333%;
}
@media (max-width: 620px) {
    .detail-items dl {
        -webkit-flex-basis: 50%;
        flex-basis: 50%;
        width: 50%;
    }
}
.detail-items dl dt,
.detail-items dl dd {
    display: block;
}
.detail-items dl dd {
    color: var(--bodytext);
}
.detail-items dl dd > a {
    color: var(--bodytext);
}
.detail-items--half dl {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    width: 50%;
}
@media (max-width: 620px) {
    .detail-items--half dl {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        width: 100%;
    }
}
.detail-items--full dl {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    width: 100%;
}
@media (max-width: 620px) {
    .detail-items--full dl {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        width: 100%;
    }
}
.cover__wrapper {
    display: inline-block;
    position: relative;
}
.cover__img {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.cover__img > img {
    box-shadow: 0 5px 10px rgba(3, 45, 44, 0.4);
}
@media (max-width: 620px) {
    .cover__img {
        width: 100%;
        max-width: 180px;
    }
}
.cover__hover {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.8) 60%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.8) 60%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.8) 60%, rgba(255, 255, 255, 1) 100%);
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: end;
    -moz-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    transition: all 0.3s ease-in-out;
}
.cover__hover__wrapper {
    padding: 0.5em;
}
.cover__hover__wrapper .btn {
    width: 100%;
    margin: 0.25em 0;
}
.thumb {
    padding: 1.5em;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    margin-bottom: 1em;
}
.thumb:hover {
    background: transparent;
    box-shadow: 0 0 5px #333;
}
@media (max-width: 1220px) {
    .thumb {
        padding: 1em;
    }
}
@media (max-width: 768px) {
    .thumb {
        padding: 0.85em;
    }
}
@media (max-width: 620px) {
    .thumb {
        text-align: center;
    }
}
.thumb--small {
    padding: 0.5em;
}
.thumb--small .cover__hover {
    display: none;
}
.thumb--small .document__title {
    font-size: 0.85em !important;
}
@media (max-width: 620px) {
    .thumb--small .document__title {
        font-size: 0.85em !important;
    }
}
.thumb--small .document__rating {
    display: none;
}
.thumb__info {
    margin-top: 1em;
    display: block;
}
.thumb .document__title {
    font-size: 0.95em;
    color: var(--text);
    overflow: hidden;
    line-height: 1.3125em;
    max-height: 2.625em;
    min-height: 2.625em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
@media (max-width: 620px) {
    .thumb .document__title {
        font-size: 0.9em;
    }
}
.thumb .document__subtitle {
    font-size: 0.8em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width: 768px) {
    .thumb .document__subtitle {
        font-size: 0.75em;
    }
}
.thumb .document__rating {
    margin-top: 0;
}
.thumb .cover:hover .cover__hover {
    opacity: 1;
    visibility: visible;
}
@media (max-width: 768px) {
    .thumb .cover__hover {
        display: none;
    }
}
.thumb .rating__stats:last-child {
    display: none;
}
@media (max-width: 620px) {
    .thumb .rating {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
}
.aside-menu-desktop {
    display: none;
}
@media (min-width: 1220px) {
    .aside-menu-desktop {
        width: 100%;
        display: block;
    }
}
.aside-menu-mobile {
    position: fixed;
    z-index: 990;
    width: 100%;
    height: 4em;
    top: auto;
    right: 0;
    left: 0;
    bottom: 0;
    display: block;
    background-color: #fff;
    transition: height 0.4s cubic-bezier(1, 0, 0, 1);
}
.aside-menu-mobile.active {
    height: calc(100% - 80px);
}
@media (min-width: 1220px) {
    .aside-menu-mobile {
        display: none;
    }
}
.aside-menu-mobile__nav {
    position: relative;
    width: 100%;
    font-size: 0.9em;
    color: var(--text);
    background-color: #fff;
    height: 4.5em;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.aside-menu-mobile__nav__selection {
    width: 80%;
    padding: 1em;
    font-size: 1.1em;
    margin: 0;
    color: var(--text);
}
.aside-menu-mobile__nav__selection span {
    color: var(--text);
}
.aside-menu-mobile__nav__button {
    position: absolute;
    right: 0;
    height: 4.5em;
    width: 4.5em;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.1);
}
.aside-menu-mobile__nav__button > i {
    color: var(--text);
    font-size: 1.5em;
}
.aside-menu-mobile__modal {
    width: 100%;
    height: 100%;
    overflow: auto;
}
.signin-modal__default {
    display: block;
    width: 100%;
}
.signin-modal .form-group {
    display: block;
    width: 100%;
}
.signin-modal .btn {
    display: block;
    width: 100%;
}
.signin-modal .subform-link {
    display: block;
    width: 100%;
    text-align: center;
    margin: 1em auto;
    cursor: pointer;
}


.read-modal__default {
    display: block;
    width: 100%;
}
.read-modal .form-group {
    display: block;
    width: 100%;
}
.read-modal .btn {
    display: block;
    width: 100%;
}
.read-modal .subform-link {
    display: block;
    width: 100%;
    text-align: center;
    margin: 1em auto;
    cursor: pointer;
}

.aside-menu {
    width: 100%;
    background: var(--bg);
    box-shadow: 0 0 5px #333;
    padding: 1em;
}
@media (max-width: 1220px) {
    .aside-menu {
        border-radius: none;
        box-shadow: none;
    }
}
.aside-menu ul {
    display: block;
    padding: 0 0.5em;
}
@media (max-width: 1220px) {
    .aside-menu ul {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.aside-menu ul li {
    display: block;
}
@media (max-width: 1220px) {
    .aside-menu ul li {
        width: 33.333333%;
    }
}
@media (max-width: 620px) {
    .aside-menu ul li {
        width: 50%;
    }
}
.aside-menu__link {
    font-size: 0.8em;
    color: var(--bodytext);
    display: inline-block;
    padding: 0.35em;
}
.aside-menu__link:hover,
.aside-menu__link:focus {
    color: #33ccff;
    text-decoration: none;
}
.aside-menu__link.active {
    color: #33ccff;
}
.aside-menu__link--main {
    font-size: 0.9em;
    font-weight: 600;
    padding: 0.5em 0;
}
.reader {
    position: relative;
    display: block;
}
.reader__info {
    text-align: center;
    margin-bottom: 2em;
    display: block;
}
.reader__info h1 {
    display: block;
    font-size: 1.8em;
}
.reader__info h2 {
    display: block;
    font-size: 1.2em;
}
@media (max-width: 620px) {
    .reader__info h1 {
        font-size: 1.1em;
    }
    .reader__info h2 {
        font-size: 0.85em;
    }
}
.reader__nav {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    color: #adbbbb;
    margin-bottom: 0.5em;
}
.reader__nav ul {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}
.reader__nav ul li {
    margin: 0 0.5em;
    cursor: pointer;
}
.reader__nav i {
    font-size: 1.6em;
}
.reader #readerViewer,
.reader .readerViewerFb {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 800px;
}
@media (max-width: 768px) {
    .reader #readerViewer,
    .reader .readerViewerFb {
        height: 600px !important;
    }
}
@media (max-width: 620px) {
    .reader #readerViewer,
    .reader .readerViewerFb {
        height: 500px !important;
    }
}
@media (max-width: 460px) {
    .reader #readerViewer,
    .reader .readerViewerFb {
        height: 450px !important;
    }
}
.reader #readerViewer > div {
    border: 1px solid #ddd !important;
}
.reader #readerViewer > div > div:last-child {
    display: none;
}
.reader #readerViewer > div > div:first-child > div:nth-child(2) {
    display: none;
}
.reader .readerViewerFb {
    border: 1px solid #ddd !important;
    overflow: hidden;
    overflow-y: auto;
    background-color: #fff;
}
.reader .readerViewerFb ul {
    position: absolute;
    width: 100%;
}
.reader .readerViewerFb ul li {
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
}
.reader__wrapper {
    position: relative;
    width: 100%;
    height: 800px;
}
@media (max-width: 768px) {
    .reader__wrapper {
        height: 600px !important;
    }
}
@media (max-width: 620px) {
    .reader__wrapper {
        height: 500px !important;
    }
}
@media (max-width: 460px) {
    .reader__wrapper {
        height: 450px !important;
    }
}
.reader__loader {
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}
.reader__loader > img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.reader__modal {
    display: none;
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 28px);
    background: rgba(255, 255, 255, 0.95);
    opacity: 0;
    visibility: hidden;
}
.reader__modal__inner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    padding: 1em;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}
.reader__modal__inner h1 {
    font-size: 1.6em;
}
.reader__modal__inner h1,
.reader__modal__inner p {
    display: block;
}
.reader__modal__inner p {
    font-weight: 600;
}
.reader__modal__inner .btn-holder {
    display: block;
}
.reader__modal__inner .btn-holder a {
    width: 100%;
    display: block;
    margin: 1em auto 0;
    max-width: 220px;
}
.reader__modal__img-holder {
    position: relative;
    display: inline-block;
}
.reader__modal__img-holder > img {
    width: 100%;
    max-width: 100px;
    margin: 0 auto 1em;
}
@media (max-width: 620px) {
    .reader__modal__img-holder > img {
        display: none;
    }
}
.reader__modal__img-holder .icon-rounded {
    position: absolute;
    left: 50%;
    bottom: -10px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.reader__modal.show {
    opacity: 1;
    visibility: visible;
    -webkit-animation-name: shake;
    animation-name: shake;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.reader__modal > img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.reader__page-nav {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #adbbbb;
}
@media (max-width: 768px) {
    .reader__page-nav {
        display: none;
    }
}
.reader__page-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    width: 100%;
    top: 45%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.reader__page-nav ul li {
    position: absolute;
    line-height: 1;
    cursor: pointer;
}
.reader__page-nav ul li:first-child {
    left: -5em;
}
.reader__page-nav ul li:last-child {
    right: -5em;
}
.reader__page-nav ul li > i {
    font-size: 4em;
}
.reader__scrubber {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    width: 100%;
    margin: 0.5em 0;
}
.reader__scrubber__track {
    position: relative;
    width: 85%;
    height: 1em;
    margin: 0 1em;
    position: relative;
    background-color: #ddd;
    border-radius: 25px;
    overflow: hidden;
}
.reader__scrubber__progress {
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 0%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #33ccff;
    transition: width 0.2s ease-in-out;
}
.reader__footer {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: #adbbbb;
}
.reader__footer ul {
    width: 100%;
    max-width: 400px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style: none;
}
.reader__footer ul li:last-child,
.reader__footer ul li:first-child {
    cursor: pointer;
}
.reader__footer ul li > i {
    font-size: 1.8em;
    margin: 0 1em;
}
.reader__footer-info {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
@media (max-width: 768px) {
    .reader__footer-info {
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -moz-box-direction: normal;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
}
@media (max-width: 768px) {
    .reader__footer-info__col {
        text-align: center;
        width: 100%;
    }
    .reader__footer-info__col > .btn--wrapper {
        width: 100%;
        margin-top: 1em;
    }
    .reader__footer-info__col > .btn--wrapper > a {
        width: 100%;
    }
}
.reader__footer-info__col .actions-list li {
    display: inline-block;
    border-bottom: none;
}
.legal-pages {
    color: #adbbbb;
    line-height: 2;
}
.legal-pages h1,
.legal-pages h2,
.legal-pages h3,
.legal-pages h4,
.legal-pages h5,
.legal-pages h6 {
    color: var(--bodytext);
    font-weight: 600;
    margin-top: 1.5em;
}
.carrousel {
    overflow: hidden;
}
.carrousel .thumb {
    margin-bottom: 0.5em;
}
.carrousel .owl-nav {
    position: absolute;
    top: 1.25em;
    width: 100%;
}
.carrousel .owl-nav button {
    position: absolute;
}
.carrousel .owl-nav button.owl-prev,
.carrousel .owl-nav button.owl-next {
    font-size: 4em;
    color: var(--bodytext);
    width: 0.75em;
    height: 4.25em;
}
.carrousel .owl-nav button.owl-prev {
    left: -30px;
}
@media (max-width: 385px) {
    .carrousel .owl-nav button.owl-prev {
        left: -20px;
    }
}
.carrousel .owl-nav button.owl-next {
    right: -30px;
}
@media (max-width: 385px) {
    .carrousel .owl-nav button.owl-next {
        right: -20px;
    }
}
.carrousel .owl-dots {
    display: none;
}
.carrousel--author .document__subtitle {
    display: none;
}
@media screen and (max-width: 1220px) {
    header .head {
        width: 100%;
    }
    header .head .logo {
        background-size: 100% auto;
        float: none;
        left: 35%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        position: absolute;
        height: 80px;
        border: 0 none #fff;
    }
    header .head .logo > h1,
    header .head .logo > img {
        display: inline;
    }
    header .head .logo > img {
        /*margin: 10px auto 0;*/
        height: 30px;
    }
    header .head .mobilenav_btn {
        display: inline-block;
    }
    header .head .nav_box {
        padding-left: 10px;
        padding-right: 10px;
    }
    header .head .nav_box .search_box {
        width: 100%;
    }
    #nav,
    .nav_link,
    .nav_primary {
        display: none;
    }
    .index_main {
        width: 96%;
        margin-top: 80px;
    }
    .book_main,
    .main {
        width: 96%;
    }
    .book_list .book_box {
        width: 33.3333%;
    }
    .main_right {
        display: none;
    }
    .book_left,
    .search_left {
        width: 100%;
    }
}
@media screen and (max-width: 920px) {
    .full_image {
        height: 200px;
    }
    .full_image p {
        font-size: 32px;
    }
    .book_list .book_box {
        width: 50%;
    }
    #mobile_show {
        display: block;
    }
}
@media screen and (max-width: 768px) {
    .index_category .category_box {
        width: 100%;
    }
    .book_left .book_desc .book_image {
        margin: auto;
        position: static;
        display: block;
    }
    .book_left .book_desc .book_box {
        padding-left: 0;
        margin-top: 20px;
    }
}
@media screen and (max-width: 620px) {
    .book_list .book_box {
        width: 100%;
    }
    .search_left .search_list .search_item .search_btn .search_read {
        display: none;
    }
    .search_left .search_list .search_item .search_btn .search_download {
        margin: 0;
        padding-right: 25px;
    }
    .book_left .book_res .res_title .res_download_title,
    .book_left .book_res .res_title .res_other_title {
        width: 25%;
    }
    .book_left .book_res .res_content .res_download,
    .book_left .book_res .res_content .res_other,
    .book_left .book_res .res_content .res_read {
        width: 25%;
    }
    .roll .roll_box {
        width: 300px;
    }
    .roll .roll_box .rb_book .left_image {
        display: block;
        float: none;
        width: 150px;
        margin-right: auto;
        margin-bottom: 20px;
        margin-left: auto;
    }
    .roll .roll_box .rb_book .right_book {
        width: 100%;
    }
    .roll .roll_box .rb_book .right_book .right_book_btn .right_book_btn_read {
        width: 120px;
        background-image: none;
        text-align: center;
        padding: 0;
        line-height: 45px;
    }
    .roll .roll_box .rb_book .right_book .right_book_btn .right_book_btn_download {
        margin: 0;
        float: right;
        width: 120px;
        background-image: none;
        text-align: center;
        padding: 0;
        line-height: 45px;
    }
    .roll .roll_box .rb_book .right_book .right_book_text {
        display: none;
    }
}
@media screen and (max-width: 480px) {
    header .logo > img {
        height: 30px;
    }
    .book_left .book_desc .book_box .book_item .book_btn .book_read {
        float: none;
        margin: auto;
        display: block;
    }
    .book_left .book_desc .book_box .book_item .book_btn .book_download {
        float: none;
        margin: auto;
        display: block;
        margin-top: 20px;
    }
}
@media screen and (max-width: 360px) {
    .search_left .search_list .search_item .search_btn .search_download {
        line-height: 25px;
        height: 35px;
        width: 160px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-size: 25px;
    }
}