body{
width:1065px;
background:#EFEFEF;
margin: auto;
}

body>a{
display: block;
height: 20px;
}

html{
background: #fff;
}

#header{
width: 320px;
background: #464646;
height:230px;
position:relative;
border-bottom: 2px solid #4C4C4C;
box-sizing: border-box;
}

#top,#sub{
background: #373737;
position: relative;
bottom: calc(-100% - 2px);
width: 100%;
box-sizing: border-box;
text-align: center;
}

#top{
border-top: 2px solid #2f2f2f;
padding: 0;
height: auto;
}
	
#sub{
top: calc(90% - 2px);
padding: 13px;
border-bottom: 2px solid #2f2f2f;
}

#header #Header1_HeaderTitle{
color: #b1adad;
line-height: 60px;
}

.mydoggi{
position: absolute;
height: 100px;
width: 100px;
display: block !important;
border-radius: 50px;
border: 1px solid black;
top: 52px;
left: 250px;
}

.mydoggi img{
border-radius: 50px;
}

#blog_stats{

}

.mylabel{
position:absolute;
color: #fff;
font-size: 21px;
left: 227px;
top: 170px;
z-index: 10;
}

.pagetitle{
position: absolute;
left: 485px;
top: 18px;
font-size: 25px;
}

/*--------------导航栏-------------------------*/

#leftmenu{
margin-top: 97px;
width: 320px;
background: #464646;
padding: 0;
color: #f2eeee;
border-top: 2px solid #4C4C4C;
}

#leftmenu>h3,#leftmenu>ul{
display:none;
}

#main_content{
margin-left: -350px;
}

#content{
margin-left: 340px;
}
#p_b_follow{
    position: absolute;
    top: 210px;
    left: 275px;
    border: 1px solid red;
    border-radius: 4px;
}
.catListTitle{
display:none;
}

#widget_my_zzk #q{
width: 201px;
margin: 0 auto;
margin-left: 40px;
position: relative;
height: 30px;
background: #373737;
border: 0px;
border-top: 3px solid #2f2f2f;
border-left: 2px solid #2f2f2f;
}

#widget_my_zzk #btnZzk{
position: absolute;
width: 35px;
height: 35px;
left: 387px;
cursor:pointer;
}

#widget_my_zzk:after{
content:"";
display:block;
width:35px;
height:35px;
background:url("https://files.cnblogs.com/files/ivan-world/search-icon.ico");
position: absolute;
top: 359px;
left: 387px;
pointer-events:none;
}
#widget_my_zzk:hover:after{
opacity:0.8;
}

#sidebar_shortcut{
display:none;
}

#sidebar_recentposts{
display:none;
}

#topview_posts_wrap .catListTitle{
display:block;
width: 75%;
height: 50px;
background: #373737;
margin: auto;
margin-top: 26px;
border-bottom: 1px solid #2c2a2a;
border-top: 1px solid #595757;
border-top: 1px solid #595757;
padding: 15px 20px;
box-sizing: border-box;
cursor: pointer;
}

#topview_posts_wrap .catListTitle:after{
content:"▲";
display:inline-block;
transform:rotate(180deg);
float: right;
line-height: 21px;
}

#sidebar_categories h3{
width: 75%;
height: 50px;
background: #373737;
margin: auto;
margin-top: 26px;
border-bottom: 1px solid #2c2a2a;
border-top: 1px solid #595757;
border-top: 1px solid #595757;
padding: 15px 20px;
box-sizing: border-box;
cursor:pointer;
}

#sidebar_categories h3:after{
content:"▲";
display:inline-block;
transform:rotate(180deg);
float: right;
line-height: 21px;
}

#sidebar_categories ul{
margin:0px;
}

#sidebar_categories ul li{
width: 75%;
height: 50px;
background: #373737;
margin: auto;
border-bottom: 1px solid #2c2a2a;
border-top: 1px solid #595757;
padding: 15px 20px;
box-sizing: border-box;
}

#TopViewPostsBlock{
width: 75%;
height: 50px;
background: #373737;
margin: auto;
border-bottom: 1px solid #2c2a2a;
border-top: 1px solid #595757;
padding: 15px 20px;
box-sizing: border-box;
}

.RecentComment #TopViewPostsBlock{
padding:0;
}

.RecentComment #TopViewPostsBlock ul{
padding:0;
margin:0;
}

.RecentComment #TopViewPostsBlock ul li{
width: 100%;
height: 50px;
background: #373737;
margin: auto;
border-bottom: 1px solid #2c2a2a;
border-top: 1px solid #595757;
padding: 15px 20px;
box-sizing: border-box;
}

#TopViewPostsBlock{
height:auto;
}

#topview_posts_wrap #TopViewPosts{
width:auto;
}

#sidebar_topviewedposts{
margin-bottom:35px;
}

#sidebar_categories a{
color: #cfcfcf!important;
width:100%;
}


#sidebar_categories a:hover{
background:rgba(255,255,255,0);
}

#blog-sidecolumn #sidebar_categories ul li:hover{
animation: moveLeft .3s;
-moz-animation: moveLeft .3s;	
-webkit-animation: moveLeft .3s;	
-o-animation: moveLeft .3s;	
animation-fill-mode: forwards;
}

#sidebar_topviewedposts #TopViewPostsBlock ul li:hover{
animation: moveLefts .3s;
-moz-animation: moveLefts .3s;	
-webkit-animation: moveLefts .3s;	
-o-animation: moveLefts .3s;	
animation-fill-mode: forwards;
}

#sidebar_topviewedposts #TopViewPostsBlock ul li a{
width:100%;
color: #cfcfcf !important;
}

#sidebar_topviewedposts #TopViewPostsBlock ul li a:hover{
background:rgba(0,0,0,0);
}

@keyframes moveLeft
{
from {margin-left: 40px;}
to {margin-left: 60px;}
}

@keyframes moveLefts
{
from {margin-left: 0px;}
to {margin-left: 20px;}
}

#sidebar_topviewedposts #TopViewPostsBlock{
background:rgba(0,0,0,0);
border-bottom:0px;
}

/*--------------随笔栏-------------------------*/
#main_container #content>h2{
display:none;
}

#content{
background:rgba(0,0,0,0);
border:0px;
}

.post{
border:0px;
}

.post>h2{
font-size: 20px;
display: block;
width: 100%;
background: white;
padding: 30px 30px 5px 30px;
box-sizing:border-box;
margin: 0px;
}

.postbody{
border:0px;
background:white;
padding:0px 30px 30px 30px;
border-bottom: 1px solid #c2c2c2;
}

.date{
display:none;
}

.post .postfoot{
margin: 0;
background: #f6f6f6;
border: 1px solid #fcfcfc;
border-bottom: 2px solid #d8d8d8;
border-right: 2px solid #d8d8d8;
height: 45px;
}

.c_b_p_desc{
line-height:2.5;
}