/** CSS style for website */
body {
    font-family: Arial, "微软雅黑" !important;
}

.book.font-family-0 {
    font-family: Arial, "微软雅黑" !important;
}

.book.font-family-1 {
    font-family: Arial, "微软雅黑" !important;
}

a {
    color: #000 !important;
    outline: none !important;
}

a:focus {
    color: #000 !important;
}

a:active {
    color: #000 !important;
}

pre {
    border-radius: 4px !important;
    background-color: rgba(230, 230, 230, 0.6) !important;
}

.page-wrapper a,
a.navigation,
.thread-likes > a {
    color: #81511c !important;
}

.page-wrapper a:focus,
a.navigation:focus,
.thread-likes > a:focus  {
    color: #81511c !important;
}

.page-wrapper a:active,
a.navigation:active,
.thread-likes > a:active {
    color: #81511c !important;
}

.page-wrapper .footer-modification {
    color: #81511c !important;
}

.book .book-summary ul.summary {
    background-color: rgba(255, 255, 255, 0.55);
    padding: 10px;
}

.book .book-summary ul.summary li a,
a.navigation,
.thread-likes > a {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.book .book-summary ul.summary li a:hover, .book .book-summary ul.summary li.active > a {
    color: #81511c !important;
}

/** menu scroll bar */
.book .book-summary ul.summary::-webkit-scrollbar {
  /** if you want to style your own scroll bar, this pseudo should be written */
  /** Part 1 */
  width: 6px;
}

.book .book-summary ul.summary::-webkit-scrollbar-button {
  /** Part 2 */
  display: none;
}

.book .book-summary ul.summary::-webkit-scrollbar-track {
  /** Part 3 */
}

.book .book-summary ul.summary::-webkit-scrollbar-track-piece {
  /** Part 4 */
}

.book .book-summary ul.summary::-webkit-scrollbar-thumb {
  /** Part 5 */
  background-color: rgba(0, 0, 0, 1);
  border-radius: 10px;
}

.book .book-summary ul.summary::-webkit-scrollbar-thumb:hover {
    background-color: rgba(129, 81, 28, 1);
}

.book .book-summary ul.summary::-webkit-scrollbar-thumb:active {
    background-color: rgba(87, 55, 20, 1);
}

.book .book-summary ul.summary::-webkit-scrollbar-corner {
  /** Part 6 */
}

.book .book-summary ul.summary::-webkit-resizer {
  /** Part 7 */
}

/** code scroll bar */
pre::-webkit-scrollbar {
  /** if you want to style your own scroll bar, this pseudo should be written */
  /** Part 1 */
  height: 6px;
}

pre::-webkit-scrollbar-button {
  /** Part 2 */
  display: none;
}

pre::-webkit-scrollbar-track {
  /** Part 3 */
}

pre::-webkit-scrollbar-track-piece {
  /** Part 4 */
}

pre::-webkit-scrollbar-thumb {
  /** Part 5 */
  background-color: rgba(0, 0, 0, 1);
  border-radius: 10px;
}

pre::-webkit-scrollbar-thumb:hover {
    background-color: rgba(161, 0, 0, 1);
}

pre::-webkit-scrollbar-thumb:active {
    background-color: rgba(100, 0, 0, 1);
}

pre::-webkit-scrollbar-corner {
  /** Part 6 */
}

pre::-webkit-resizer {
  /** Part 7 */
}

/** demo scroll bar */
#result-iframe::-webkit-scrollbar {
  /** if you want to style your own scroll bar, this pseudo should be written */
  /** Part 1 */
  width: 6px;
}

#result-iframe::-webkit-scrollbar-button {
  /** Part 2 */
  display: none;
}

#result-iframe::-webkit-scrollbar-track {
  /** Part 3 */
}

#result-iframe::-webkit-scrollbar-track-piece {
  /** Part 4 */
}

#result-iframe::-webkit-scrollbar-thumb {
  /** Part 5 */
  background-color: rgba(0, 0, 0, 1);
  border-radius: 10px;
}

#result-iframe::-webkit-scrollbar-thumb:hover {
    background-color: rgba(129, 81, 28, 1);
}

#result-iframe::-webkit-scrollbar-thumb:active {
    background-color: rgba(87, 55, 20, 1);
}

#result-iframe::-webkit-scrollbar-corner {
  /** Part 6 */
}

#result-iframe::-webkit-resizer {
  /** Part 7 */
}

/**
 * book summary
 */
.book .book-summary {
    background-image: url(https://raw.githubusercontent.com/aleen42/css/master/pic/summary-background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: none !important;
    box-shadow: -8px 0px 18px #000 inset;
}

/*.book .book-summary ul.summary::before {*/
/*    background-image: url('./../pic/icon-left.png');*/
/*    background-size: 100% auto;*/
/*    background-repeat: no-repeat;*/
/*    width: 50px;*/
/*    height: 50px;*/
/*    content: "";*/
/*    position: fixed;*/
/*    top: 50%;*/
/*    left: -25px;*/
/*    cursor: pointer;*/
/*}*/

/**
 * overlay animation
 */
#particles-js {
    position: absolute;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 98%;
    opacity: 0;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
}

#overlay-icon {
    background-image: url(http://aleen42.gitbooks.io/css/content/pic/icon-left.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 50px;
    height: 50px;
    position: fixed;
    top: 50%;
    left: -25px;
    cursor: pointer;
    transform: translateY(-25px);
    -webkit-transform: translateY(-25px);
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
}

#overlay-icon:hover {
    left: -11px;
}

/** body scroll bar */
.book .book-body {
    margin: 10px;
    background-color: transparent !important;
    z-index: 1;
}

.book .book-body .page-wrapper .page-inner section {
    background-color: transparent !important;
}

.book .book-body .body-inner::-webkit-scrollbar {
  /** if you want to style your own scroll bar, this pseudo should be written */
  /** Part 1 */
  width: 6px;
}

.book .book-body .body-inner::-webkit-scrollbar-button {
  /** Part 2 */
  display: none;
}

.book .book-body .body-inner::-webkit-scrollbar-track {
  /** Part 3 */
}

.book .book-body .body-inner::-webkit-scrollbar-track-piece {
  /** Part 4 */
}

.book .book-body .body-inner::-webkit-scrollbar-thumb {
  /** Part 5 */
  background-color: rgba(0, 0, 0, 1);
  border-radius: 10px;
}

.book .book-body .body-inner::-webkit-scrollbar-thumb:hover {
    background-color: rgba(129, 81, 28, 1);
}

.book .book-body .body-inner::-webkit-scrollbar-thumb:active {
    background-color: rgba(87, 55, 20, 1);
}

.book .book-body .body-inner::-webkit-scrollbar-corner {
  /** Part 6 */
}

.book .book-body .body-inner::-webkit-resizer {
  /** Part 7 */
}