#home {
margin: 0 auto;
width: 80%;/*原始65*/
min-width: 980px;/*页面顶部的宽度*/
background-color: rgba(245, 245, 245, 0.7);
padding: 30px;
 margin-top: 50px;
margin-bottom: 50px;
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
 }
body {
background: rgba(12, 100, 129, 1) url('https://images.cnblogs.com/cnblogs_com/Penn000/1013849/o_fr.jpg') fixed no-repeat;
 background-position: 50% 5%; 
background-size: cover;
}
#blogTitle {
height: 100px;  /*高度*/
clear: both;
background-color: rgba(245, 245, 245, 0);
 }
 #blogTitle h1 {
font-size: 36px;
font-weight: bold;
line-height: 1.8em;/*原始 1.6em*/
margin-top: 10px;/*原始 15px */
color: #548B54;
 }
#blogTitle h2 {
font-weight: normal;
font-size: 17px;/*原始 16px ；font-size: 1.0rem;*/      
line-height: 1.8;
color: #111;
font-weight: bold;
text-align: right;
float: right; 
}
#navigator{
background-color: rgba(33, 160, 139, 0.9);
}
#navList a:link, #navList a:visited, #navList a:active{
color: #eee;
font-size: 18px;
font-weight: bold;
}
.blogStats{
color: #eee;
 }
.postTitle {
border-left: 8px solid rgba(33, 160, 139, 0.68);
margin-left: 10px;
margin-bottom: 10px;
font-size: 20px;
float: right;
width: 100%;
clear: both;
}
.postTitle a:link, .postTitle a:visited, .postTitle a:active {
    color: #21759b;
    transition: all 0.4s linear 0s;
 }
.postTitle a:hover {
    margin-left: 30px;
    color: #0f3647;
    text-decoration: none;
 }
 .postCon {
     float: right;
     line-height: 1.5em;
     width: 100%;
     clear: both;
    padding: 10px 0;
}
 
 .day .postTitle a {
     padding-left: 10px;
 }
 .day {
     background: rgba(255, 255, 255, 0.5);
 }
/*文章附加信息*/
.postDesc {   
     background: url(images/posted_time.png) no-repeat 0 1px;
     color: #757575;
     float: left;
     width: 100%;
     clear: both;
     text-align: left;     
     font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
     font-size: 13px;
     padding-right: 20px;/*5px  padding-left: 90px;posted 发表时间左边距离*/
     margin-top: 20px;
     line-height: 1.8;
     padding-bottom: 35px;
 }
 
 .newsItem, .catListEssay, .catListLink, .catListNoteBook, .catListTag, .catListPostCategory, 
 .catListPostArchive, .catListImageCategory, .catListArticleArchive, .catListView, 
 .catListFeedback, .mySearch, .catListComment, .catListBlogRank, .catList, .catListArticleCategory ,#blog-calendar
 {
     background: rgba(255, 255, 255, 0.5);
     margin-bottom: 35px;
     word-wrap: break-word;
 }
 
 .CalTitle{
     background: rgba(255, 255, 255, 0);
 }
 .catListTitle{
     background-color: rgba(33, 160, 139, 0.9);
 }
 
 #topics{
     background: rgba(255, 255, 255, 0.5);
 }
 
 .c_ad_block{
     display: none;
 }
 
 #tbCommentBody{
     width: 100%;
     height: 200px;
     background: rgba(255, 255, 255, 0.5);
 }
 
 #q{background: rgba(255, 255, 255, 0);}
 
 .CalNextPrev{background: rgba(255, 255, 255, 0);}
 
 .cnblogs_code{
     background: rgba(255, 255, 255, 0);    
 }
 
 .cnblogs_code div{
     background: rgba(255, 255, 255, 0);    
 }
 
 .cnblogs_code_toolbar{
     background: rgba(255, 255, 255, 0);  
 }
 
 .entrylist{
     background: rgba(255, 255, 255, 0.5);  
 }
 
 #main{
    min-width: 640px;
 }
.snow-container {
  position: fixed;
  top:0;
  left:0;
  right: 0;
  bottom:0;
  overflow: hidden;
  z-index: 2;
  pointer-events: none;
  background-color: none;
}

.snow {
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
  -webkit-animation: snow linear infinite;
          animation: snow linear infinite;
}
.snow.foreground {
  background-image: url("https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-large-075d267ecbc42e3564c8ed43516dd557.png");
  -webkit-animation-duration: 15s;
          animation-duration: 15s;
}
.snow.foreground.layered {
  -webkit-animation-delay: 7.5s;
          animation-delay: 7.5s;
}
.snow.middleground {
  background-image: url(https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-medium-0b8a5e0732315b68e1f54185be7a1ad9.png);
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
}
.snow.middleground.layered {
  -webkit-animation-delay: 10s;
          animation-delay: 10s;
}
.snow.background {
  background-image: url(https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-small-1ecd03b1fce08c24e064ff8c0a72c519.png);
  -webkit-animation-duration: 30s;
          animation-duration: 30s;
}
.snow.background.layered {
  -webkit-animation-delay: 15s;
          animation-delay: 15s;
}

@-webkit-keyframes snow {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  100% {
    -webkit-transform: translate3d(15%, 100%, 0);
            transform: translate3d(15%, 100%, 0);
  }
}

@keyframes snow {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  100% {
    -webkit-transform: translate3d(15%, 100%, 0);
            transform: translate3d(15%, 100%, 0);
  }
}