body{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(100% + 480px);
background-color: #00b5ec;
transition: all .2s ease-in-out;
font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
background: url("https://www.azendoo.com/assets/shared/hero-default-51707a6b437e2eba13b19a3361e66ab0.jpg")  no-repeat top center;
background-size: cover;
}
#cnblogs_post_body{
width:650px;
}

#navList li:hover{
    transform: scale(2,2);
    transition: all 0.3s linear 0s;
    -webkit-transform: scale(1.3);
    -webkit-transform: all 1s ease 0s;
}


#navigator{
box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);

}





.footer {

padding-bottom: 50px;
font-family: tahoma,Arial;
font-size: 12px;
color: #999;
line-height: 22px;
text-align: center;

}

.cl, .clearfix {
zoom: 1;
}

.footer p {
padding-top: 15px;
}

.footer a, .footer a:hover {
color: #999;
}

#topics{

padding:20px;

}

.cbox{
background-color: #f5f2f0;
  padding: 1em;
  margin: 2em 2em;
  font-family: Consolas, Monaco, 'Andale Mono', monospace;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  font-family: Consolas, Monaco, 'Andale Mono', monospace;
  border-width: 0.3em;
  border-color: #e0dfcc;
  border-style: solid;
  text-shadow: 0 1px white;
  overflow: auto;
}