html,body{
  font-family:'Microsoft YaHei';
}

body {
    background-image: url("https://images.cnblogs.com/cnblogs_com/screw/771144/o_bkg2.png");
    background-repeat:no-repeat;
    background-color:#d2d7db;
    background-attachment: fixed;
}
a.backtop:hover{
color:#fff;	
text-decoration:none;
font-weight:normal;
}
a.backtop:visited {
color:#fff;
text-decoration:none;
font-weight:normal;
}
a.backtop:link{
color:#fff;	
text-decoration:none;
font-weight:normal;
}
a.backtop:active {
color:#fff;	
text-decoration:none;
font-weight:normal;
}

a.backtop{
    background: none repeat scroll 0 0 #000;
    -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
          border-radius: 50px;
    bottom: 20px;
    display: block;
    height: 70px;
    line-height: 70px;
    position: fixed;
    right: 30px;
    text-align: center;
    width: 70px;
    filter:alpha(opacity=30);
    opacity:0.3;
}
.commentform{
  background:#fff;
  filter:alpha(opacity=90);
  opacity:0.9;
  -webkit-border-radius: 7px;
     -moz-border-radius: 7px;
          border-radius: 7px;
  padding:10px;
}

#blogTitle{background:transparent;height: 120px;}
#blogTitle h1 a{color:#fff;font-family:'Microsoft YaHei';}
#blogTitle h2 {color:#fff;font-family:'Microsoft YaHei';font-weight:bold}

#blogTitle h1 {
    margin-top: 30px;
}


#header{
  filter:alpha(opacity=80);
  opacity:0.8;
}
#mainContent{
  filter:alpha(opacity=80);
  opacity:0.8;
}
.catListTitle{
  background:#000;
}

#navigator {
    background-color: black;
    clear: both;
    height: 60px;
    line-height: 60px;
    filter:alpha(opacity=80);
    opacity:0.8;
    overflow: hidden;
}

#sideBar{
    filter:alpha(opacity=90);
    opacity:0.9;
}

#footer {
    background: none repeat scroll 0 0 #fff;
    border-top: none;
    padding: 10px;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 0px;
    min-height: auto;
    filter:alpha(opacity=80);
    opacity:0.8;
}





@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
#Header1_HeaderTitle {
	display:inline-block;
	-webkit-animation-name: swing;
	animation-name: swing;
  	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
 	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}