#Header1_HeaderTitle {
position: relative;
animation:animated_div 5s 1;
	-moz-animation:animated_div 5s 1;
	-webkit-animation:animated_div 5s 1;
	-o-animation:animated_div 5s 1;
}
@keyframes animated_div
	{
	0%		{transform: rotate(0deg);left:-2000px;}
	25%		{transform: rotate(0deg);left:30px;}
	35%		{transform: rotate(0deg);left:0px;}
	55%		{transform: rotate(0deg);left:0px;}
	70%		{transform: rotate(0deg);left:0px;}
	100%	{transform: rotate(0deg);left:0px;}
	}

@-webkit-keyframes animated_div
	{


	0%		{-webkit-transform: rotate(90deg);left:-2000px;}
	25%		{-webkit-transform: rotate(0deg);left:30px;}
	35%		{-webkit-transform: rotate(0deg);left:0px;}
	55%		{-webkit-transform: rotate(0deg);left:0px;}
	70%		{-webkit-transform: rotate(0deg);left:0px;}
	100%	{-webkit-transform: rotate(0deg);left:0px;}
	}

@-moz-keyframes animated_div
	{
	0%   {-moz-transform: rotate(0deg);left:-2000px;}
	25%  {-moz-transform: rotate(0deg);left:30px;}
	35%  {-moz-transform: rotate(0deg);left:0px;}
	55%  {-moz-transform: rotate(0deg);left:0px;}
	70%  {-moz-transform: rotate(0deg);left:500px;}
	100% {-moz-transform: rotate(0deg);left:0px;}
	}

@-o-keyframes animated_div
	{
	0%   {transform: rotate(0deg);left:0px;}
	25%  {transform: rotate(20deg);left:0px;}
	50%  {transform: rotate(0deg);left:500px;}
	55%  {transform: rotate(0deg);left:500px;}
	70%  {transform: rotate(0deg);left:500px;}
	100% {transform: rotate(0deg);left:0px;}
	}


body{font-family: 'Microsoft Yahei',Verdana,Arial,Helvetica,sans-serif;font-size: 14px;background: #efefef url(https://images.cnblogs.com/cnblogs_com/HughTan/503169/o_groovepaper.png) 0 0 repeat;}
#main,#navList,#blogTitle{width:1000px;margin:0 auto;}
#navList{float:none}
#navigator{color: #fff;
background: #5d595e;}
#sideBar{float:right;padding:0 6px 0 0}
#blogTitle h2 {
width: 100%;margin-left: 16em;
font-family:Comic Sans MS;
-webkit-transform: rotate(-3deg);
margin-top: -40px;
}
#mainContent{float:left;margin-left: 0;width:760px}
#mainContent .forFlow{margin-left: 0;}
#blogTitle h1 a{text-shadow: 0 1px 0 #cccccc, 0 2px 0 #c9c9c9, 0 5px 0 #bbbbbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaaaaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15);
color: #fff;text-decoration: none;font-size:200%;
font-family:Comic Sans MS;
}
#navigator #navList a {
height: 25px;
padding-top: 5px;
border-right: 1px solid #ccc;
color: #fff;
font-size: 16px;
}
#navList a:hover {
background: rgb(129, 129, 128);
}
#home {
width: 100%;color:#3a3a3a
}
#header {
border-top: 0;
border-bottom: 0;
padding-bottom: 5px;
margin-top: 10px;
}
.day {
padding: 0;
position: relative;
margin-right: 6px;
}
a.c_b_p_desc_readmore{color: #00B391;}
.postTitle {
padding-top: 4px;
background-color: rgb(129, 129, 128);
border-bottom: 0;
border-radius: 3px 3px 0 0;
line-height: 27px;
}
.dayTitle {
width: auto;
color: #666;
font-weight: normal;
font-size: 60%;
margin-top: 0;
margin-bottom: 0;
clear: none;
border-bottom: 0;
position: absolute;
top: 10px;
right: 13px;
}
.postCon,.postDesc{background-color: #fff;}
.postDesc{margin-top:0;padding-bottom: 10px;}
.postCon {
float: none;
line-height: 1.5em;
width: auto;
clear: both;
padding: 10px 10px;
}
.postSeparator{display:none}
.day{border-radius: 3px 3px 0 0;
box-shadow: 3px 3px 3px rgb(180, 165, 165);}
#blogCalendar,.catListEssay,.catListPostCategory,.catListPostArchive,.catList{background-color:#fff;box-shadow: 3px 3px 3px rgb(180, 165, 165);}
#blogCalendar td{padding:0}
.mySearch,.catListView{box-shadow: 3px 3px 3px rgb(180, 165, 165);}
.catListView{margin-bottom:6px;}
#blogCalendar table.CalTitle,.catListTitle{
background-color: rgb(129, 129, 128);
border-bottom: 0;border-radius: 3px 3px 0 0;
line-height: 27px;
}
#blog-calendar,.mySearch,.catListView{background-color: #fff;border-radius: 3px 3px 0 0;}
#blogCalendar td.CalNextPrev {
padding-right: 8px;
}
#blogCalendar td.CalNextPrev {
padding-left: 8px;
}
.postTitle a:link{
color: rgb(255, 255, 255);
padding-left: 10px;
}
.postTitle a.postTitle2:link{
color: rgb(255, 255, 255);

}
.postTitle a:hover{color:#00B391}
.postTitle a:active{color: rgb(165, 165, 165);}
#widget_my_google,.catListEssay ul,.catListPostCategory ul,.catListPostArchive ul,#TopViewPostsBlock,.catList ul{padding:0 0 10px 10px}
.catListTitle,.CalTitle{color:#fff}
.postBody{border:0}
.post {
background-color: #fff;
border-radius: 3px 3px 3px 3px;
padding-right: 7px;
border: 1px solid #ddd;
}#ad_under_post_holder,#site_nav_under{display:none}
#topics .postTitle{background-color: rgb(129, 129, 128);
border-radius: 3px 3px 0 0;
padding: 0;
padding-left: 7px;}
#cnblogs_post_body{ font-size:14px;padding: 0 10px;}