*{
font-family:"微软雅黑";
}

#under_post_news,#under_post_kb,#cnblogs_c2,#cnblogs_c1,#ad_t2{
display:none !important;
}

#homepage1_HomePageDays_DaysList_ctl00_DayList_TitleUrl_0,#cb_post_title_url,h2 a{
font-size:18px;
color:#666 !important;
}


#RecentPosts{
line-height:30px !important;
}
#RecentPosts a{
color:#fff !important;
}

h3{
font-size:16px !important;
color:#fff !important;
height:40px !important;
line-height:40px !important;
}

#blog-news{
line-height:30px !important;
color:#fff !important;
}

#profile_block {
line-height:30px !important;
}
#profile_block a{
color:#fff !important;
}

.CalTitle{
color:#fff !important;
height:40px !important;
line-height:40px !important;

}

#blogCalendar tr td,#blogCalendar th{
height:30px !important;
line-height:30px !important;
}

#blogCalendar tr td a{
color:#f2f2f2 !important;
}

.Cal{
color:#fff !important;
}

#rightmenu li a , .sidebar-block li{
height:30px !important;
line-height:30px !important;
color:#fff !important;
}

#tbCommentBody{
height:100px  !important;
}

.author_avatar{
border-radius:100%;
}

.c_b_p_desc{
color:#666 !important;
}

.postfoot{
color:#999;
}

.postfoot a{
margin-left:10px;
}

div.post h2{
border-bottom:1px dotted #ccc;
}

.pager a{
min-width:20px !important;
display:inline-block !important;
}

img{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	-webkit-box-shadow: 1px 2px 3px #ccc;
	-moz-box-shadow: 1px 2px 3px #ccc;
	box-shadow: 1px 2px 3px #ccc;
}

h2{
font-size:18px;
color:#666;
}

@media (max-width: 768px) {
#blog-calendar{
display:none !important;;
}

#rightmenu li a, .sidebar-block li{
color:#000 !important;
}
#rightmenu h3{
color:#000 !important;
}
}
blockquote{
margin:0 !important;
border:2px dashed #ccc
}





.all-wrap {
  -webkit-animation: bob 7s cubic-bezier(0.5, 0, 0.5, 1) infinite both;
          animation: bob 7s cubic-bezier(0.5, 0, 0.5, 1) infinite both;
}

.all {
  top: 10rem;
  left: calc(50% - 2.5rem);
  position: absolute;
  width: 5rem;
  height: 5rem;
  -webkit-transform-origin: center -20rem;
          transform-origin: center -20rem;
  -webkit-animation: swing 7s cubic-bezier(0.5, 0, 0.5, 1) infinite both;
          animation: swing 7s cubic-bezier(0.5, 0, 0.5, 1) infinite both;
}
.all:before {
  height: 20rem;
  width: 2px;
  background-color: #DB242A;
  left: calc(50% - 1px);
  bottom: 20rem;
}

.yarn {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-image: -webkit-radial-gradient(top left, circle, #e97c7f, #db242a 50%, #af1d22);
  background-image: radial-gradient(circle at top left, #e97c7f, #db242a 50%, #af1d22);
  z-index: 1;
}
.yarn:before, .yarn:after {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: white;
  top: -1px;
}
.yarn:before {
  left: calc(50% + 7px);
  background-color: #b1bce6;
}
.yarn:after {
  right: calc(50% + 7px);
  background-color: #D5E8F8;
}

.cat-wrap {
  position: absolute;
  top: 0;
  left: calc(50% - 45px);
  width: 90px;
  height: 130px;
  -webkit-animation: reverse-swing 7s cubic-bezier(0.5, 0, 0.5, 1) infinite both;
          animation: reverse-swing 7s cubic-bezier(0.5, 0, 0.5, 1) infinite both;
  -webkit-transform-origin: top center;
          transform-origin: top center;
}

.cat {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-animation: swing 7s 0.2s infinite both;
          animation: swing 7s 0.2s infinite both;
  -webkit-transform-origin: top center;
          transform-origin: top center;
}