body {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;
background-color: #fff;
}
body {
background-color: #f1f2f3;
background-image: url(https://images.cnitblog.com/blog/708426/201501/082228166713764.jpg);
color: #3d4450 !important;
font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif !important;
margin: 0 !important;
}
#home{
background:none;
z-index:3;
margin-top:-120px;
position:relative;
}
a{text-decoration:none !important;color:#337AB7 !important;}
a:hover,a:active{
color:#b94a48 !important;
text-decoration:none !important;
}
#Header1_HeaderTitle {
	font-size: 30px;
	font-family: 'Microsoft Yahei', Helvetica, Arial, sans-serif;
	font-weight: 500;
	color: rgb(61, 68, 80) !important;
	 display: inline-block; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center;
	-webkit-animation-name: shake-slow; -ms-animation-name: shake-slow; animation-name: shake-slow; -webkit-animation-duration: 5s; -ms-animation-duration: 5s; animation-duration: 5s; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running;
}
#Header1_HeaderTitle:hover{
color:#b94a48 !important;
}
#Header1_HeaderTitle:after{
content:"......我自己都为我自己颤抖";
font-weight: 400;
line-height: 1;
color: #777;	
font-size:20px;
}
@-webkit-keyframes shake-slow { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg); }
  2% { -webkit-transform: translate(-1px, 3px) rotate(-1.5deg); }
  4% { -webkit-transform: translate(-4px, 5px) rotate(-1.5deg); }
  6% { -webkit-transform: translate(-1px, 6px) rotate(-0.5deg); }
  8% { -webkit-transform: translate(5px, -4px) rotate(-3.5deg); }
  10% { -webkit-transform: translate(-7px, -3px) rotate(-3.5deg); }
  12% { -webkit-transform: translate(-1px, 8px) rotate(2.5deg); }
  14% { -webkit-transform: translate(3px, -5px) rotate(-1.5deg); }
  16% { -webkit-transform: translate(1px, 0px) rotate(2.5deg); }
  18% { -webkit-transform: translate(-6px, -10px) rotate(-0.5deg); }
  20% { -webkit-transform: translate(3px, -2px) rotate(1.5deg); }
  22% { -webkit-transform: translate(0px, 0px) rotate(-2.5deg); }
  24% { -webkit-transform: translate(-5px, -4px) rotate(1.5deg); }
  26% { -webkit-transform: translate(-1px, 3px) rotate(-3.5deg); }
  28% { -webkit-transform: translate(1px, 1px) rotate(-3.5deg); }
  30% { -webkit-transform: translate(-4px, 8px) rotate(1.5deg); }
  32% { -webkit-transform: translate(-9px, 7px) rotate(-3.5deg); }
  34% { -webkit-transform: translate(4px, -9px) rotate(-2.5deg); }
  36% { -webkit-transform: translate(1px, -6px) rotate(-2.5deg); }
  38% { -webkit-transform: translate(-4px, 0px) rotate(-2.5deg); }
  40% { -webkit-transform: translate(3px, -7px) rotate(0.5deg); }
  42% { -webkit-transform: translate(4px, 4px) rotate(-0.5deg); }
  44% { -webkit-transform: translate(8px, -4px) rotate(-2.5deg); }
  46% { -webkit-transform: translate(9px, 9px) rotate(-3.5deg); }
  48% { -webkit-transform: translate(6px, -8px) rotate(-0.5deg); }
  50% { -webkit-transform: translate(-1px, 4px) rotate(-3.5deg); }
  52% { -webkit-transform: translate(4px, 6px) rotate(-1.5deg); }
  54% { -webkit-transform: translate(9px, -3px) rotate(2.5deg); }
  56% { -webkit-transform: translate(8px, -2px) rotate(-3.5deg); }
  58% { -webkit-transform: translate(-2px, -9px) rotate(-0.5deg); }
  60% { -webkit-transform: translate(-1px, -5px) rotate(2.5deg); }
  62% { -webkit-transform: translate(-8px, 3px) rotate(2.5deg); }
  64% { -webkit-transform: translate(6px, -2px) rotate(-3.5deg); }
  66% { -webkit-transform: translate(-5px, 9px) rotate(-1.5deg); }
  68% { -webkit-transform: translate(3px, 1px) rotate(-0.5deg); }
  70% { -webkit-transform: translate(6px, 4px) rotate(-1.5deg); }
  72% { -webkit-transform: translate(-6px, -5px) rotate(1.5deg); }
  74% { -webkit-transform: translate(-8px, 0px) rotate(-0.5deg); }
  76% { -webkit-transform: translate(-5px, -8px) rotate(1.5deg); }
  78% { -webkit-transform: translate(5px, -3px) rotate(-1.5deg); }
  80% { -webkit-transform: translate(-6px, -3px) rotate(-1.5deg); }
  82% { -webkit-transform: translate(7px, 8px) rotate(-1.5deg); }
  84% { -webkit-transform: translate(-6px, 9px) rotate(0.5deg); }
  86% { -webkit-transform: translate(1px, 8px) rotate(-3.5deg); }
  88% { -webkit-transform: translate(-9px, -2px) rotate(1.5deg); }
  90% { -webkit-transform: translate(4px, -6px) rotate(-1.5deg); }
  92% { -webkit-transform: translate(0px, -1px) rotate(0.5deg); }
  94% { -webkit-transform: translate(2px, -9px) rotate(2.5deg); }
  96% { -webkit-transform: translate(-9px, 1px) rotate(-2.5deg); }
  98% { -webkit-transform: translate(-9px, -5px) rotate(-3.5deg); } }

@-ms-keyframes shake-slow { 0% { -ms-transform: translate(0px, 0px) rotate(0deg); }
  2% { -ms-transform: translate(-10px, 5px) rotate(-2.5deg); }
  4% { -ms-transform: translate(7px, 7px) rotate(-3.5deg); }
  6% { -ms-transform: translate(8px, -7px) rotate(-2.5deg); }
  8% { -ms-transform: translate(-8px, 3px) rotate(-0.5deg); }
  10% { -ms-transform: translate(3px, -10px) rotate(-1.5deg); }
  12% { -ms-transform: translate(-9px, -6px) rotate(2.5deg); }
  14% { -ms-transform: translate(-2px, -6px) rotate(-0.5deg); }
  16% { -ms-transform: translate(6px, -1px) rotate(0.5deg); }
  18% { -ms-transform: translate(5px, -1px) rotate(0.5deg); }
  20% { -ms-transform: translate(7px, -5px) rotate(-0.5deg); }
  22% { -ms-transform: translate(-8px, 5px) rotate(2.5deg); }
  24% { -ms-transform: translate(0px, 4px) rotate(2.5deg); }
  26% { -ms-transform: translate(-1px, 2px) rotate(-1.5deg); }
  28% { -ms-transform: translate(-1px, -1px) rotate(1.5deg); }
  30% { -ms-transform: translate(-5px, -5px) rotate(2.5deg); }
  32% { -ms-transform: translate(0px, 7px) rotate(-0.5deg); }
  34% { -ms-transform: translate(-9px, 3px) rotate(-0.5deg); }
  36% { -ms-transform: translate(3px, -5px) rotate(-2.5deg); }
  38% { -ms-transform: translate(5px, 2px) rotate(-0.5deg); }
  40% { -ms-transform: translate(6px, -3px) rotate(0.5deg); }
  42% { -ms-transform: translate(-4px, -6px) rotate(-0.5deg); }
  44% { -ms-transform: translate(9px, 2px) rotate(-3.5deg); }
  46% { -ms-transform: translate(6px, -4px) rotate(1.5deg); }
  48% { -ms-transform: translate(6px, 5px) rotate(2.5deg); }
  50% { -ms-transform: translate(-9px, -2px) rotate(-2.5deg); }
  52% { -ms-transform: translate(-7px, 9px) rotate(-0.5deg); }
  54% { -ms-transform: translate(-5px, -5px) rotate(-3.5deg); }
  56% { -ms-transform: translate(-6px, -10px) rotate(1.5deg); }
  58% { -ms-transform: translate(-3px, 1px) rotate(-3.5deg); }
  60% { -ms-transform: translate(3px, 5px) rotate(2.5deg); }
  62% { -ms-transform: translate(-1px, -8px) rotate(2.5deg); }
  64% { -ms-transform: translate(6px, -7px) rotate(-0.5deg); }
  66% { -ms-transform: translate(-7px, -1px) rotate(0.5deg); }
  68% { -ms-transform: translate(-3px, -4px) rotate(-1.5deg); }
  70% { -ms-transform: translate(-10px, 9px) rotate(2.5deg); }
  72% { -ms-transform: translate(9px, 9px) rotate(2.5deg); }
  74% { -ms-transform: translate(-6px, 8px) rotate(-0.5deg); }
  76% { -ms-transform: translate(-5px, -10px) rotate(-2.5deg); }
  78% { -ms-transform: translate(-7px, -9px) rotate(-0.5deg); }
  80% { -ms-transform: translate(8px, -4px) rotate(2.5deg); }
  82% { -ms-transform: translate(9px, 4px) rotate(-0.5deg); }
  84% { -ms-transform: translate(-1px, -1px) rotate(2.5deg); }
  86% { -ms-transform: translate(-6px, -3px) rotate(0.5deg); }
  88% { -ms-transform: translate(-2px, -4px) rotate(0.5deg); }
  90% { -ms-transform: translate(5px, 1px) rotate(0.5deg); }
  92% { -ms-transform: translate(1px, 2px) rotate(-3.5deg); }
  94% { -ms-transform: translate(-5px, -10px) rotate(1.5deg); }
  96% { -ms-transform: translate(-6px, 3px) rotate(-3.5deg); }
  98% { -ms-transform: translate(-1px, -7px) rotate(-2.5deg); } }

@keyframes shake-slow { 0% { transform: translate(0px, 0px) rotate(0deg); }
  2% { transform: translate(6px, -7px) rotate(2.5deg); }
  4% { transform: translate(8px, -8px) rotate(2.5deg); }
  6% { transform: translate(1px, -8px) rotate(-3.5deg); }
  8% { transform: translate(-3px, 4px) rotate(-0.5deg); }
  10% { transform: translate(0px, -3px) rotate(1.5deg); }
  12% { transform: translate(-1px, 2px) rotate(0.5deg); }
  14% { transform: translate(6px, 6px) rotate(-1.5deg); }
  16% { transform: translate(-7px, 4px) rotate(-0.5deg); }
  18% { transform: translate(7px, 8px) rotate(-3.5deg); }
  20% { transform: translate(-6px, 2px) rotate(1.5deg); }
  22% { transform: translate(9px, 5px) rotate(-1.5deg); }
  24% { transform: translate(7px, -2px) rotate(0.5deg); }
  26% { transform: translate(-7px, -10px) rotate(-0.5deg); }
  28% { transform: translate(-10px, -8px) rotate(-1.5deg); }
  30% { transform: translate(8px, 4px) rotate(0.5deg); }
  32% { transform: translate(0px, 4px) rotate(1.5deg); }
  34% { transform: translate(-8px, 6px) rotate(-0.5deg); }
  36% { transform: translate(-5px, 7px) rotate(1.5deg); }
  38% { transform: translate(-4px, -4px) rotate(-1.5deg); }
  40% { transform: translate(9px, 4px) rotate(-1.5deg); }
  42% { transform: translate(9px, -5px) rotate(2.5deg); }
  44% { transform: translate(-5px, -4px) rotate(-2.5deg); }
  46% { transform: translate(7px, -7px) rotate(1.5deg); }
  48% { transform: translate(-5px, 8px) rotate(0.5deg); }
  50% { transform: translate(9px, 1px) rotate(-1.5deg); }
  52% { transform: translate(-9px, -5px) rotate(-3.5deg); }
  54% { transform: translate(-2px, 9px) rotate(1.5deg); }
  56% { transform: translate(6px, -1px) rotate(1.5deg); }
  58% { transform: translate(-6px, 0px) rotate(-0.5deg); }
  60% { transform: translate(3px, 1px) rotate(1.5deg); }
  62% { transform: translate(5px, -7px) rotate(-0.5deg); }
  64% { transform: translate(9px, 2px) rotate(2.5deg); }
  66% { transform: translate(6px, 0px) rotate(-2.5deg); }
  68% { transform: translate(5px, -4px) rotate(-2.5deg); }
  70% { transform: translate(-8px, 5px) rotate(-2.5deg); }
  72% { transform: translate(-6px, -2px) rotate(0.5deg); }
  74% { transform: translate(-3px, 7px) rotate(-3.5deg); }
  76% { transform: translate(-7px, -8px) rotate(-3.5deg); }
  78% { transform: translate(-1px, -2px) rotate(2.5deg); }
  80% { transform: translate(8px, 6px) rotate(-2.5deg); }
  82% { transform: translate(-2px, -9px) rotate(2.5deg); }
  84% { transform: translate(8px, -10px) rotate(-0.5deg); }
  86% { transform: translate(-6px, 0px) rotate(2.5deg); }
  88% { transform: translate(-1px, 9px) rotate(-3.5deg); }
  90% { transform: translate(-7px, 8px) rotate(1.5deg); }
  92% { transform: translate(-10px, -8px) rotate(0.5deg); }
  94% { transform: translate(-8px, 6px) rotate(1.5deg); }
  96% { transform: translate(4px, -9px) rotate(2.5deg); }
  98% { transform: translate(-4px, 9px) rotate(0.5deg); } }
#mainContent{
margin-left:-326px;
}
#mainContent .forFlow {
margin-left:350px;
}
#sideBar{
width:300px;
}
.catListTitle{
margin:0;
}
#topics,#sideBarMain{
margin-top: 0;
margin-bottom: 100px;
padding: 15px;
background-color: #fff;
border: solid 1px #ddd;
border-radius: 5px;
}
.postTitle{
padding-left:20px;
}
.postTitle a {
        position:relative;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 30px !important;
	color: #3d4450 !important;
	text-decoration:none !important;
        display:inline-block;
height: 50px;
line-height: 50px;
        transition:0.5s;
      -webkit-transition:0.5s;
      -moz-transition:0.5s;
background:#fff;
padding-left:0;
}
.postTitle a:before,.postTitle a:after{
position: absolute;
top: 0;
font-weight: 100;
font-size: 150%;
line-height: 1;
opacity: 0;
-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
transition: opacity 0.2s, transform 0.2s;
}
.postTitle a:before{
left: -0.1em;
content: '[';
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.postTitle a:after{
right: -0.1em;
content: ']';
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.postTitle a:hover::before,.postTitle a:hover::after{
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.postTitle a:hover{
color:#d9534f !important;
}
.newsItem, .catListEssay, .catListLink, .catListNoteBook, .catListTag, .catListPostCategory, .catListPostArchive, .catListImageCategory, .catListArticleArchive, .catListView, .catListFeedback, .mySearch, .catListComment, .catListBlogRank, .catList, .catListArticleCategory{
box-shadow:none;
}
#tbCommentBody, input[type=text],.mySearch #q {
height: 34px;
padding: 0px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.mySearch input[type=text]:focus,input[type=text]:focus,.mySearch #q:focus{
border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
input[type=button] {
height: auto !important;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
border: 1px solid #4cae4c;
border-radius: 4px;
color: #fff;
background-color: #5cb85c;
width: auto !important;
}
input[type=button]:hover, input[type=button]:focus, input[type=button]:active {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
h3 {
padding: 10px !important;
border: 1px solid #eee;
border-left-width: 5px;
border-radius: 3px;
border-left-color: #d9534f;
background-color: #fff;
}
#blogTitle h1,#blogTitle h2{
margin-left:30px;
}
#blogTitle h2{
color: rgb(61, 68, 80) !important;
font-size:15px;
font-weight:bold;
width:80%;
margin-top:0;
}
.bs-callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px;
}
.bs-callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
}
.bs-callout p {
  font-size: 16px;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code {
  border-radius: 3px;
}
.bs-callout + .bs-callout {
  margin-top: -5px;
}
.bs-callout-danger {
  border-left-color: #ce4844;
}
.bs-callout-danger h4 {
  color: #ce4844;
}
.bs-callout-warning {
  border-left-color: #aa6708;
}
.bs-callout-warning h4 {
  color: #aa6708;
}
.bs-callout-info {
  border-left-color: #1b809e;
}
.bs-callout-info h4 {
  color: #1b809e;
}
.bs-callout-metro {
  padding:5px;
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 5px;
  border-left-width: 5px;
  border-radius: 0;
}
.bs-callout-metro h4{
margin:0;
}
.sun-box {
        clear: both;
        height: 250px;
        position: relative;
    }

    .sun {
        -moz-animation: sunmove 5.0s ease .1s infinite;
        -webkit-animation: sunmove 5.0s ease .1s infinite;
        animation: sunmove 5.0s ease .1s infinite;
        bottom: 130px;
        left: 0;
        position: absolute;
    }

    .sun-line {
        -moz-animation: sunlines 15.0s ease .1s infinite;
        -moz-transform-origin: center center;
        -webkit-animation: sunlines 15.0s ease .1s infinite;
        -webkit-transform-origin: center center;
        animation: sunlines 15.0s ease .1s infinite;
        height: 150px;
        left: 50px;
        position: absolute;
        transform-origin: center center;
        width: 150px;
    }

    .sun-line li {
        background: #7a6021;
        height: 18px;
        position: absolute;
        width: 3px;
    }

    .sun-line li:nth-child(1) {
        left: 73px;
        top: 0;
    }

    .sun-line li:nth-child(2) {
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        left: 115px;
        top: 21px;
        transform: rotate(45deg);
    }

    .sun-line li:nth-child(3) {
        height: 3px;
        left: 132px;
        top: 73px;
        width: 18px;
    }

    .sun-line li:nth-child(4) {
        -moz-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        left: 120px;
        top: 110px;
        transform: rotate(135deg);
    }

    .sun-line li:nth-child(5) {
        left: 73px;
        top: 128px;
    }

    .sun-line li:nth-child(6) {
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        left: 21px;
        top: 104px;
        transform: rotate(45deg);
    }

    .sun-line li:nth-child(7) {
        height: 3px;
        left: 0px;
        top: 73px;
        width: 18px;
    }

    .sun-line li:nth-child(8) {
        -moz-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        left: 21px;
        top: 20px;
        transform: rotate(135deg);
    }

    .sun-body {
        background: #f4c042;
        border: 4px solid #7a6021;
        border-radius: 100%;
        height: 90px;
        left: 77px;
        position: absolute;
        top: 27px;
        width: 90px;
    }

    .sun-eye {
        -moz-animation: suneyes 5s ease .1s infinite;
        -webkit-animation: suneyes 5s ease .1s infinite;
        animation: suneyes 5s ease .1s infinite;
        left: 95px;
        position: absolute;
        top: 80px;
        width: 22px;
        padding:2px;
    }

    .sun-eye > span {
        background: #7a6021;
        border-radius: 50%;
        float: left;
        height: 6px;
        width: 6px;
    }

    .sun-eye > span:nth-child(2) { float: right; }

   @-webkit-keyframes suneyes{10%{left:95px;opacity:1.0}
11%{left:95px;opacity:0}
12%{left:95px;opacity:1.0}
22%{left:95px;opacity:1.0}
23%{left:95px;opacity:0}
24%{left:95px;opacity:1.0}
27%{left:95px;opacity:1.0}
28%{left:95px;opacity:0}
29%{left:95px;opacity:1.0}
33%{left:135px;opacity:1.0}
45%{left:135px;opacity:1.0}
46%{left:135px;opacity:0}
47%{left:135px;opacity:1.0}
50%{left:135px;opacity:1.0}
51%{left:135px;opacity:0}
52%{left:135px;opacity:1.0}
55%{left:95px;opacity:1.0}
}
@keyframes suneyes{10%{left:95px;opacity:1.0}
11%{left:95px;opacity:0}
12%{left:95px;opacity:1.0}
22%{left:95px;opacity:1.0}
23%{left:95px;opacity:0}
24%{left:95px;opacity:1.0}
27%{left:95px;opacity:1.0}
28%{left:95px;opacity:0}
29%{left:95px;opacity:1.0}
33%{left:135px;opacity:1.0}
45%{left:135px;opacity:1.0}
46%{left:135px;opacity:0}
47%{left:135px;opacity:1.0}
50%{left:135px;opacity:1.0}
51%{left:135px;opacity:0}
52%{left:135px;opacity:1.0}
55%{left:95px;opacity:1.0}
}
@-moz-keyframes suneyes{10%{left:95px;opacity:1.0}
11%{left:95px;opacity:0}
12%{left:95px;opacity:1.0}
22%{left:95px;opacity:1.0}
23%{left:95px;opacity:0}
24%{left:95px;opacity:1.0}
27%{left:95px;opacity:1.0}
28%{left:95px;opacity:0}
29%{left:95px;opacity:1.0}
33%{left:135px;opacity:1.0}
45%{left:135px;opacity:1.0}
46%{left:135px;opacity:0}
47%{left:135px;opacity:1.0}
50%{left:135px;opacity:1.0}
51%{left:135px;opacity:0}
52%{left:135px;opacity:1.0}
55%{left:95px;opacity:1.0}
}


    @keyframes sunlines {
        0% { transform: rotate(0deg); }

        99.99% { transform: rotate(360deg); }

        100% { transform: rotate(0deg); }
    }

    @-moz-keyframes sunlines {
        0% {
            -moz-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        99.99% {
            -moz-transform: rotate(360deg);
            transform: rotate(360deg);
        }

        100% {
            -moz-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    }

    @-webkit-keyframes sunlines {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        99.99% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }

        100% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    }

    @-webkit-keyframes sunmove {
        0% { top: 120px; }

        3% { top: 100px; }

        97% { top: 100px; }

        100% { top: 120px; }
    }

    @keyframes sunmove {
        0% { top: 120px; }

        3% { top: 100px; }

        97% { top: 100px; }

        100% { top: 120px; }
    }

    @-moz-keyframes sunmove {
        0% { top: 120px; }

        3% { top: 100px; }

        97% { top: 100px; }

        100% { top: 120px; }
    }

    .sun-bg {
        background-color: #7a6021;
        height: 60px;
        left: 0;
        position: absolute;
        top: 189px;
        width: 100%;
    }
.list-unstyled,.list-unstyled li{margin:0 !important;padding:0 !important;list-style:none;}
#blog-news{padding:0 !important;}
.author_avatar,.diggit,.buryit{ /* 抖动 */
    -moz-animation-duration: 0;
    -moz-animation-duration: .7s;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: 0;
    -ms-animation-duration: .7s;
    -ms-animation-fill-mode: both;
    -webkit-animation-duration: 0;
    -webkit-animation-duration: .7s;
    -webkit-animation-fill-mode: both;
    animation-duration: 0;
    animation-duration: .7s;
    animation-fill-mode: both;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 2px 1px rgba(0,0,0,.1);
    float: left;
    height: 50px;
    width: 50px;
    padding-top:0;
    padding-left:0;
}
#div_digg{
position: fixed;
border-radius: 5px;
background-color: #fff;
width: 160px;
padding: 20px;
right: 0;
bottom: 0;
border: solid 1px #ddd;
z-index: 200;
box-shadow:0 0 16px 2px #ddd;
}
.diggit{
position: absolute;
left: 20px;
top: 20px;
width: 46px;
}
.buryit{float:right;width: 46px;}
.author_avatar:hover,.diggit:hover,.buryit:hover{
moz-animation-name: wobble;
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%)}}@-moz-keyframes wobble{0%{-moz-transform:translateX(0%)}15%{-moz-transform:translateX(-25%) rotate(-5deg)}30%{-moz-transform:translateX(20%) rotate(3deg)}45%{-moz-transform:translateX(-15%) rotate(-3deg)}60%{-moz-transform:translateX(10%) rotate(2deg)}75%{-moz-transform:translateX(-5%) rotate(-1deg)}100%{-moz-transform:translateX(0%)}}@keyframes wobble{0%{transform:translateX(0%)}15%{transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}100%{transform:translateX(0%)}}
#tbCommentBody {
max-width: 100%;
width: 100%;
height: 150px;
background: #fff url(https://images.cnitblog.com/blog/708426/201501/082214147965461.png) right bottom no-repeat;
padding-top: 8px;
}
#tbCommentBody:focus,input[type=text]:focus{
border-color: #66afe9 !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
.commentbox_title{
width:100%;
}
#site_nav_under,#under_post_news,#google_ad_c2,#under_post_kb,#HistoryToday{
display:none;
}
div.commentform input.author {
background-position: 3px 1px;
}