*{font-family:Microsoft YaHei;}
body{ font-size:14px;letter-spacing:1px; }
#main{width:auto; margin: 0 30px;}
h1 #Header1_HeaderTitle{color:#00bcd4;}
#header a:visited{color:#44bcd4;}
input{border:none 0; height:24px !important;}
input[type=text]{outline:none; border-top-left-radius:5px; border-bottom-left-radius:5px; padding-left:5px;}
input[type=button]{outline:none; border-top-right-radius:5px; border-bottom-right-radius:5px; margin-left:-5px; background:#9e9e9e; color:#fff; padding:0 7px; cursor:pointer; font-size: 14px;}
.catListTitle{font-size:16px; line-height:2; padding: 0 0 0 32px; font-weight:normal;font-family:Microsoft YaHei; margin:15px 0; color:#bdf0ce;}
#blogTitle h1{font-weight:normal; font-size:50px; animation:ltp 1s both;}
#navList a{font-size:16px; color:#935a32}
#navList li{margin-right:10px}
a:visited{color:#4caf50;}
a:link{color:#2196F3;}
.menu{font-weight:normal;}
.div_my_zzk{margin:20px 0;}
#blogTitle h2{font-weight:normal; color:#bdf0ce; font-size:18px; margin: 0 3.5em; text-align:justify; animation: ltp 1s both;}
#profile_block{color:#4CAF50; margin-bottom:5px; padding-left:10px;}
.CalTitle{color:#bdf0ce; }
#calendar td, #calendar th{font-size:14px; font-weight:normal;}
.blog-news-imgs{width:100%;margin-bottom: -105px; border-radius: 6px}
#profile_block a{color:#aa7a48 !important; text-shadow:0.1em 0.1em 0.2em black;}
#footer{text-shadow:0 0 0.2em #f44336, 0 0 0.2em #f44336; margin-top:20px; padding-bottom:20px;padding-top:40px;}
.newsItem{padding:5px 0; height:279px}
#mainContent{float:left;    margin: 0 0 0 -270px;}
#sideBar{float:right; width:250px; position: relative; animation: right 1s ease;}
.c_b_p_desc{text-align:justify;}
#mainContent .forFlow{margin: 0 0 0 270px;  position: relative; animation:left 1s ease;}
#blog-news{
  //animation: fly 1s ease;
}
@keyframes fly{
  0%{
   opacity: 0;
   width: 0;
   transform: rotate(0deg);
  }
  100%{
    opacity: 1;
   width: 100%;
    transform: rotate(360deg);
  }
}
@keyframes ltp{
   0%{
    opacity: 0;
    letter-spacing: -200px;
  }
  50%{
   letter-spacing:3px;
 }
 100%{
  opacity:1;
   letter-spacing: 0.5px;
 }
}
@keyframes left {
   0%{opacity: 0;
   left: -20px;
 }
 100%{
   opacity: 1;
    left: 0;
  }
}
@keyframes right{
  0%{
    opacity:0;
    right: -20px;
  }
  100%{
    opacity:1;
   right:0;
  }
}