/* 页面配置 */
.container {
  width: 100%;
  height: 100%;
}
body, html {
  margin: 0px;
  height: 100%;
  overflow: hidden; 
  background-color: #303030;
}
.row {
  height: 100%;
}
/* 导航栏 + 目录栏 */
.aside {
  height: 100%;
}
/* 左侧导航栏 */
.aside1 {
  /*background-color: #1f2c39;*/
  background-color: #1abc9c;
  /*background-image: url(/public/img/bg_grid.jpg);*/
  /*width: 64px;*/
  height: 100%;
  padding-left: 0px;
  padding-right: 0px;
  text-align: center;
  /*box-shadow: inset -15px 0 20px -15px #77AEF4;*/
}
.aside1 > .nav > li > a {
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 0px;
  color: #fff;
  font-size: 14px;
  padding: 6px 0px;

}

.aside1> .nav > li > a:hover {
  color:#fff;
  background-color: #16a085;
}

.aside1 > .nav-pills>li.active>a ,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus {
  color: #fff;
  /*background-color: #fafaf6;*/
  /*background-image: url(/public/img/body_bg.jpg);*/
  background-color: #303030;
}

.avatar {
  width: 80%;
  /*height: 90px;*/
  border: 0px solid #fff;
}
.aside1_bottom {
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.aside1_bottom > .table {
  margin-bottom: 0px;
}
/* 中部目录栏 */
.aside2 {
  /*background-color: #fafaf6;*/
  /*background-image: url(/public/img/body_bg.jpg);*/
  background-color: #303030;
  height: 95%; /* fix bug: aside2 内容过多时，最下面的看不到 */
  border-right: 2px solid #303030;
  overflow-y: auto;
  font-color: #fff;
  margin-top: 32px;
    -webkit-overflow-scrolling: touch; } /* improve: 修改aside2 progress 样式 */
  .aside2::-webkit-scrollbar {
    width: 1px; }
  .aside2::-webkit-scrollbar-thumb {
    background: transparent; }
  .aside2:hover::-webkit-scrollbar-thumb {
      background: #F5F5F5; }
  @media screen and (max-width: 585px) {
    .aside2 {
        font-size: 14px;
        top: 50px; }
}


/* 右侧内容栏 */
.aside3 {
  height: 100%;
  overflow-y: auto;
  background-color: #fff;
  overflow-x: hidden;

  /*background-image: url(/public/img/bg_lines1.jpg);*/
}
.aside3-title {
  background-color: #f5f5f5;
  /*background-image: url(/public/img/bg_grid.jpg);*/
  border-bottom: 1px solid #f5f5f5;
  padding-left: 30px;
  padding-right: 30px;
  text-align: center;
  color: #303030;
}
.aside3-copyright {
  padding: 0 5% 0 5%;
  color: #656565;
  background-color: #EDF4ED; //weiyi
  line-height: 1.5;
}
.aside3-content {
/*  padding-left: 40px;
  padding-right: 40px;
*/  
  padding: 0 5% 0 5%;
  color: #656565;
  line-height: 1.6;
}
#content {
  font-size: 14px;
}
#content h2, h3 {
  line-height: 2;
}
blockquote p {
  font-size: 14px;
}
/* 其他配置 */
.center {
  text-align: center;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
  color: #fff;
  background-color: #303030;
}
/* 显示评论按钮 */
.show-commend {
  width: 100%;
  margin-bottom: 40px;
}


/* To limit image width, usage: ![book-cover](url) */
img[alt="book-cover"] {
  max-width: 256px;
  display: block;
  margin-left: auto;
  margin-right:auto;
}

/* 自定义表格样式 */
table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
}

th, td {
  padding: 8px;
  text-align: left;
  border: 1px solid #ddd;
}

th {
  background-color: #f5f5f5;
  font-weight: bold;
}

tr:nth-child(even) {
  background-color: #f9f9f9;
}

tr:hover {
  background-color: #f1f1f1;
}