#home h1{
    font-size:45px;
}
body{
background-image: url("https://images.cnblogs.com/cnblogs_com/JobsOfferings/1363202/o_preview.jpg"); background-position: initial; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-origin: initial; background-clip: initial;
height:100%;
width:100%;
}
#home{
    opacity:0.7;
width:1240px;
}
#mainContent{
width:1000px
}
#sideBar{
margin-left:1000px;
}
#cnblogs_post_body table{
max-table:1000px
}
.wall{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
div#midground{
    background: url("https://i.postimg.cc/PP5GtGtM/midground.png");
    z-index: -1;
    -webkit-animation: cc 200s linear infinite;
    -moz-animation: cc 200s linear infinite;
    -o-animation: cc 200s linear infinite;
    animation: cc 200s linear infinite;
}
div#foreground{
    background: url("https://i.postimg.cc/z3jZZD1B/foreground.png");
    z-index: -2;
    -webkit-animation: cc 253s linear infinite;
    -o-animation: cc 253s linear infinite;
    -moz-animation: cc 253s linear infinite;
    animation: cc 253s linear infinite;
}
div#top{
    background: url("https://i.postimg.cc/PP5GtGtM/midground.png");
    z-index: -4;
    -webkit-animation: da 200s linear infinite;
    -o-animation: da 200s linear infinite;
    animation: da 200s linear infinite;
}
@-webkit-keyframes cc {
    from{
        background-position: 0 0;
        transform: translateY(10px);
    }
    to{
        background-position: 600% 0;
    }
}
@-o-keyframes cc {
    from{
        background-position: 0 0;
        transform: translateY(10px);
    }
    to{
        background-position: 600% 0;
    }
}
@-moz-keyframes cc {
    from{
        background-position: 0 0;
        transform: translateY(10px);
    }
    to{
        background-position: 600% 0;
    }
}
@keyframes cc {
    0%{
        background-position: 0 0;
    }
    100%{
        background-position: 600% 0;
    }
}

@keyframes da {
    0%{
        background-position: 0 0;
    }
    100%{
        background-position: 0 600%;
    }
}
@-webkit-keyframes da {
    0%{
        background-position: 0 0;
    }
    100%{
        background-position: 0 600%;
    }
}
@-moz-keyframes da {
    0%{
        background-position: 0 0;
    }
    100%{
        background-position: 0 600%;
    }
}
@-ms-keyframes da {
    0%{
        background-position: 0 0;
    }
    100%{
        background-position: 0 600%;
    }
}
/* 个性签名样式*/
#blogTitle h2 {
    color: #96ede3d6;
    margin: 30px 0 0 30px;
    text-shadow: 2px 2px 2px #648480;
    width: 100%;
    font-size: 15px;
    font-weight: bold;
}
/* 阅读全文样式*/
.postCon a:link, .postCon a:visited, .postCon a:active {
    color: #c96dcf;
    font-weight: bold;
    font-size: 12.5px;
    text-decoration: underline;
}
/* 回到顶部 */
#scrollTop div{
  left:0;
  overflow:hidden;
  position:absolute;
  top:0;
  width:149px;
  margin:0;
  padding:0
}
#scrollTop .level-2{
  background:url(https://images2015.cnblogs.com/blog/894443/201707/894443-20170716165243785-2122236756.png) no-repeat scroll -149px 0 transparent;
  display:none;
  height:250px;
  opacity:0;
  z-index:1
}
#scrollTop .level-3{
  background:none repeat scroll 0 0 transparent;
  cursor:pointer;
  display:block;
  height:150px;
  z-index:2
}
#scrollTop{
  background:url(https://images2015.cnblogs.com/blog/894443/201707/894443-20170716165243785-2122236756.png) no-repeat scroll 0 0 transparent;
  cursor:default;
  display:block;
  height:180px;
  overflow:hidden;
  position:fixed;
  right:0;
  top:90%;
  width:149px;
  z-index:11;
  margin:-125px 0 0;
  padding:0
}
.CalTodayDay {
    color: #c670f3;
    font-weight: bold;
    cursor: pointer;
}
 /* 七彩流星雨 */
    
    .star {
        display: block;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: transparent;
        top: 100px;
        left: 500px;
        position: relative;
        transform-origin: 100% 0;
        animation: star-ani 5s linear infinite;
        -webkit-animation: star-ani 6s linear infinite;
        box-shadow: 0 0 6px 6px rgba(255, 255, 255, .3);
        opacity: 0;
        z-index: 2;
    }
    
    .star:after {
        content: '';
        display: block;
        top: 0px;
        left: 4px;
        border: 0px solid #fff;
        border-width: 0px 90px 2px 90px;
        border-color: transparent transparent transparent rgba(255, 255, 255, .3);
        transform: rotate(-45deg) translate3d(1px, 3px, 0);
        box-shadow: 0 0 1px 0 rgba(255, 255, 255, .1);
        transform-origin: 0% 100%;
    }
    
    .star1 {
        top: 60px;
        left: 600px;
        animation-delay: 5s;
        -webkit-animation-delay: 5s;
        -moz-animation-delay: 5s;
    }
    
    .star2 {
        top: 90px;
        left: 710px;
        animation-delay: 6s;
        -webkit-animation-delay: 6s;
        -moz-animation-delay: 6s;
    }
    
    .star3 {
        top: 120px;
        left: 820px;
        animation-delay: 7s;
        -webkit-animation-delay: 7s;
        -moz-animation-delay: 7s;
    }
    
    .star4 {
        top: 150px;
        left: 930px;
        animation-delay: 6s;
        -webkit-animation-delay: 6s;
        -moz-animation-delay: 6s;
    }
    
    .star5 {
        top: 180px;
        left: 1040px;
        animation-delay: 5s;
        -webkit-animation-delay: 5s;
        -moz-animation-delay: 5s;
    }
    
    .star6 {
        top: 210px;
        left: 1150px;
        animation-delay: 6s;
        -webkit-animation-delay: 6s;
        -moz-animation-delay: 6s;
    }
    
    .star7 {
        top: 180px;
        left: 1260px;
        animation-delay: 7s;
        -webkit-animation-delay: 7s;
        -moz-animation-delay: 7s;
    }
    
    .star8 {
        top: 150px;
        left: 1370px;
        animation-delay: 6s;
        -webkit-animation-delay: 6s;
        -moz-animation-delay: 6s;
    }
    
    .star9 {
        top: 120px;
        left: 1480px;
        animation-delay: 5s;
        -webkit-animation-delay: 5s;
        -moz-animation-delay: 5s;
    }
    
    .star10 {
        top: 90px;
        left: 1590px;
        animation-delay: 6s;
        -webkit-animation-delay: 6s;
        -moz-animation-delay: 6s;
    }
    
    .star1:after {
        border-color: transparent transparent transparent #ff0033;
        animation-delay: 5s;
        -webkit-animation-delay: 5s;
        -moz-animation-delay: 5s;
    }
    
    .star2:after {
        border-color: transparent transparent transparent #ff9900;
        -webkit-animation-delay: 6s;
        -moz-animation-delay: 6s;
        animation-delay: 6s;
    }
    
    .star3:after {
        border-color: transparent transparent transparent #FFFF00;
        -webkit-animation-delay: 7s;
        -moz-animation-delay: 7s;
        animation-delay: 7s;
    }
    
    .star4:after {
        border-color: transparent transparent transparent #00ff33;
        -webkit-animation-delay: 6s;
        -moz-animation-delay: 6s;
        animation-delay: 6s;
    }
    
    .star5:after {
        border-color: transparent transparent transparent #B4EEB4;
        -webkit-animation-delay: 5s;
        -moz-animation-delay: 5s;
        animation-delay: 5s;
    }
    
    .star6:after {
        border-color: transparent transparent transparent #33ffff;
        -webkit-animation-delay: 6s;
        -moz-animation-delay: 6s;
        animation-delay: 6s;
    }
    
    .star7:after {
        border-color: transparent transparent transparent #ccccff;
        -webkit-animation-delay: 7s;
        -moz-animation-delay: 7s;
        animation-delay: 7s;
    }
    
    .star8:after {
        border-color: transparent transparent transparent #00FF7F;
        -webkit-animation-delay: 6s;
        -moz-animation-delay: 6s;
        animation-delay: 6s;
    }
    
    .star9:after {
        border-color: transparent transparent transparent #cc99ff;
        -webkit-animation-delay: 5s;
        -moz-animation-delay: 5s;
        animation-delay: 5s;
    }
    
    .star10:after {
        border-color: transparent transparent transparent #33CCAE;
        -webkit-animation-delay: 6s;
        -moz-animation-delay: 6s;
        animation-delay: 6s;
    }
    
    @keyframes star-ani {
        0% {
            opacity: 0.1;
            transform: scale(0) translate3d(0, 0, 0);
        }
        10% {
            opacity: 0.4;
            transform: scale(0.1) translate3d(-50px, 50px, 0);
        }
        20% {
            opacity: 0.8;
            transform: scale(0.2) translate3d(-100px, 100px, 0);
        }
        40% {
            opacity: 0.8;
            transform: scale(0.4) translate3d(-200px, 200px, 0);
        }
        60% {
            opacity: 0.8;
            transform: scale(0.6) translate3d(-300px, 300px, 0);
        }
        80% {
            opacity: 1;
            transform: scale(1) translate3d(-350px, 350px, 0);
        }
        90% {
            opacity: 1;
            transform: scale(1) translate3d(-400px, 400px, 0);
        }
        100% {
            opacity: 1;
            transform: scale(1.2) translate3d(-420px, 420px, 0);
        }
    }