/*  
365建站器让建站和seo变得简单！
365建站器官网：http://soft.365jz.com
*/
#site_nav_under,#ad_under_post_holder,#under_post_news,#google_ad_c2,#under_post_kb,#blog-calendar{display:none !important;}
body {
	background-color: #f1f2f3;
	background-image: url(../images/161435023602119.jpg);
	color: #3d4450 !important;
	font-family: "microsoft yahei", helvetica, arial, sans-serif !important;
        margin:0 !important;
}
a{text-decoration:none !important;}
a:hover{
color:#b94a48 !important;
text-decoration:none !important;
}
#tbcommentbody,input[type=text]{
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;
}
#tbcommentbody:focus,input[type=text]: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)
}
#tbcommentbody{
max-width:100%;
width: 100%;
height: 150px;
background:#fff url(../images/161435174709737.png) right bottom no-repeat;
padding-top:8px;
}
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;
}
#tbcommentauthor{height:25px;}
input[type=button]:hover,input[type=button]:focus,input[type=button]:active{
color: #fff;
    background-color: #449d44;
    border-color: #398439
}
#header{
position: absolute;
left: 25px;
top: -120px;
}
#tagline{color:rgb(61, 68, 80) !important;}
#header1_headertitle {
	font-size: 30px;
	font-family: 'microsoft yahei', helvetica, arial, sans-serif;
	font-weight: 500;
	color: rgb(61, 68, 80);
	 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:after{
content:"......我自己都为我自己颤抖";
font-weight: 400;
line-height: 1;
color: #777;	
font-size:20px;
}

 #comments, .z6effcpost{
	background-color: #fff;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
	margin-bottom: 30px;
	min-height: 20px;
	padding: 30px 20px 10px 20px;
	position: relative;
}

.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-color:#fff;
}
.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;
}

.posttext{
margin-top:20px;
}
#z6effcrightmenu h3{
padding: 10px;
margin: 20px 0;
border: 1px solid #eee;
border-left-width: 5px;
border-radius: 3px;
border-left-color: #d9534f;
background-color:#fff;
}
#z6effcmy_links h3{margin-top:0;}
#z6effcrightmenu{
margin-top: 0;
margin-bottom:100px;
padding: 15px;
background-color: #fff;
border: solid 1px #ddd;
border-radius: 5px;
}

#comments h4{
border-top:dashed 1px #ddd;
padding-top:10px;
font-size:1em !important;
}
.commentbox_title{width:100% !important;}
#comments h3:nth-child(1){
margin:10px;
font-size: 30px;
font-family: 'microsoft yahei', helvetica, arial, sans-serif;
font-weight: 500;
color: rgb(61, 68, 80);
}
#comments h3:nth-child(1):after{
content:"......骚年哟，既然都来了，为何不吐槽几句呢 (σ???)σ";
font-weight: 400;
line-height: 1;
color: #777;
font-size: 20px;
}
.blog_comment_body{
border-radius: 8px;
display: inline-block;
padding: 8px;
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.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%)}}

 .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;}
#myfooter{
position:absolute;left:0;
}

#post_next_prev{
font-size: 18px;
display: inline-block;
}
#post_next_prev a:nth-of-type(2n){
height: 35px;
display: inline-block;
font-size: 24px;
transition:0.5s;
-webkit-transition:0.5s;
-moz-transition:0.5s;
}
#post_next_prev a:nth-of-type(2n):before{
position: absolute;
width: 30px;
content: "";
background: url(../images/161435236261190.png) no-repeat left 11px;
height: 35px;
display: inline-block;
background-size: 24px 24px;
overflow: visible;
opacity:0;
transition:0.5s;
-webkit-transition:0.5s;
-moz-transition:0.5s;
}
#post_next_prev a:nth-of-type(2n):hover{
transform:translatex(35px);
-webkit-transform:translatex(35px);
-moz-transform:translatex(35px);
}
#post_next_prev a:nth-of-type(2n):hover:before{
transform:translatex(-35px);
-webkit-transform:translatex(-35px);
-moz-transform:translatex(-35px);
opacity:1;
}
.slow-shake{
display:inline-block;
font-size:16px;
font-family: 'microsoft yahei', helvetica, arial, sans-serif;
 -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;
}
.postfoot{margin-top:20px;}
.comment_actions a{
padding: 5px 8px !important;
font-size: 90%;
color: #c7254e !important;
background-color: #f9f2f4;
border-radius: 4px;
margin-right:10px;
transition:0.3s;
-webkit-transition:0.3s;
-moz-transition:0.3s;
}
.comment_actions a:hover{
color: #468847 !important;;
background-color: #dff0d8!important;
}
.comment_my_posted{
padding: 20px;
border-radius: 8px;
border: solid 1px #ddd;
}
.bq_post_comment{
padding: 12px;
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
#myposts .z6effcpostlist {
font-size: 14px !important;
border-radius: 8px;
display: inline-block;
padding: 8px;
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
font-weight: 600;
}
#gotop {
bottom: 95px;
display: none;
position: fixed;
right: 200px;
z-index: 52;
}#gotop .btn_gotop {
margin-bottom: 3px;
position: relative;
}#gotop .btn_gotop span {
background: url(../images/161435305958227.gif) no-repeat;
cursor: pointer;
height: 50px;
left: -1px;
position: absolute;
top: -30px;
width: 50px;
}#gotop .btn_gotop a {
background: url(../images/161435396571192.png) no-repeat 0 -90px;
display: block;
height: 25px;
position: relative;
width: 47px;
z-index: 2;
}
#gotop .btn_gotop span.h {
    background: url(../images/161435347668551.gif) no-repeat
}
.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;
}
.pager span.current {
font-weight: bold;
margin: 0 2px;
padding: 2px 5px;
border-radius: 4px;
display: inline-block;
width: 30px;
height: 30px;
line-height: 24px;
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
border: 1px solid transparent;
}
.pager a {
border: 1px solid transparent;
margin: 0 2px;
padding: 2px 5px;
border-radius: 4px;
display: inline-block;
min-width: 30px;
color: #3c763d !important;
background-color: #dff0d8;
border-color: #d6e9c6;
}