/* 
#home ,html,body{
  width: 100%;
  height:100%;
  min-height:100%;
  margin: 0 !important;
  overflow: hidden;
}
body { 
	background: url(https://images8.alphacoders.com/368/thumbbig-368904.webp) no-repeat;
	background-size: 100% auto;
}  
* {
  padding: 0;
  margin: 0;
  font-family: 微软雅黑;
}
#toBack{
    position: absolute;
    right: 20px;
    top: 55px;
    text-align: center;
    user-select: none;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    font-size: 16px;
    padding: 5px 20px;
    background: #000;
    border-radius: 20px;
}
#toBack::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: 
        linear-gradient(to right, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 70%);
    background-size: 200%;
    animation: wipes 1.3s infinite;
    border-radius: 20px
}
#navigator::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0px;
    width: 110%;
    height: 100%;
    background-image: 
        linear-gradient(to right, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 70%);
    background-size: 200%;
    animation: wipes 6s infinite; 
}
@keyframes wipes {
    0% {
        background-position: -10% 0;
    }
    100% {
        background-position: 110% 0;
    }
}
.topicListFooter{
	position: fixed !important;
    bottom: 5px !important;
    right: 20px!important;
    width: 100%!important;
} 
#header{
  position: relative;
	margin-top: 0 !important;
}
#header #blogTitle{
  position: absolute;
    z-index: 000;
    height:auto  !important;;
    background: transparent;
}
#header  a{
  color: #fff;
}
#blogTitle h1{
  width: 100%;
}
#main{
 width: calc(100% - 50px);
 height:calc(100% - 130px);
  display: flex;
 flex-direction: row-reverse;
 justify-content: flex-end;
 padding:25px;
 padding-bottom:0px;
 background: transparent;
}

#footer{
  margin:0;
}
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: transparent;
}
::-webkit-scrollbar-track { 
  border-radius: 10px;
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px; 
  background-color: rgba(37,46,56,.4);
}
#sideBar,#main,#mainContent{
overflow-y:auto;
}
#sideBar{  
  margin:0;
  margin-right: 25px;
  padding: 0 20px;
 background: transparent;
 z-index: 999;
}
#sideBar .catListTitle{
  margin: 0;
}
#sideBarMain{
  margin-top:0;
}
#mainContent{
  flex: 1;
  padding: 25px 20px;
 width: 100%;  
 background: transparent;
}
.pager{
  color: red;
}
.pager a,#nav_next_page a{
        border: 1px solid rgba(0,0,0,1);
    margin: 0 2px;
    padding: 5px 10px;
    text-decoration: none;
    color: #fff !important;
    border-radius: 4px;
    background: rgba(0,0,0,1);
}
#nav_next_page {
  font-size: 12px;
  margin: 14px 0;  
}
#blog_nav_admin{
  display: none !important;
} */