body{
	background:url(https://pic.qiantucdn.com/58pic/11/02/32/68558PICagH.jpg) repeat;
        font-family:微软雅黑;
        background-size:cover;
}
#home{
	width:1200px;
	margin:0 auto;
}
#header{
	width:100%;
}
#main{ background:rgba(255,255,255,0.9); }
#Header1_HeaderTitle{
	font-size: 26px;
	text-shadow:2px 2px 1px #ccc;
}
.subtitle{
        margin-left:80px;
}
#navigator{
	background-color: #337BD0;
        height: 40px;
        line-height: 40px;
        background-image:-webkit-linear-gradient(-30deg,rgba(255,255,255,0) 20px,rgba(255,255,255,0.9) 34px,rgba(255,255,255,0.9) 46px,rgba(255,255,255,0) 60px);
        background-image:-moz-linear-gradient(-30deg,rgba(255,255,255,0) 20px,rgba(255,255,255,0.9) 34px,rgba(255,255,255,0.9) 46px,rgba(255,255,255,0) 60px);
        background-image:-ms-linear-gradient(-30deg,rgba(255,255,255,0) 20px,rgba(255,255,255,0.9) 34px,rgba(255,255,255,0.9) 46px,rgba(255,255,255,0) 60px);
        background-image:-o-linear-gradient(-30deg,rgba(255,255,255,0) 20px,rgba(255,255,255,0.9) 34px,rgba(255,255,255,0.9) 46px,rgba(255,255,255,0) 60px);
        /*background-image:linear-gradient(-30deg,rgba(255,255,255,0) 20px,rgba(255,255,255,0.9) 34px,rgba(255,255,255,0.9) 46px,rgba(255,255,255,0) 60px);*/
        background-position:-200px 0;
        background-repeat:no-repeat;
        transition:4s;
}
#navigator:hover{ background-position:1300px 0; }
#navList{
	width:50%;
	margin:0 auto;
}
#navList:after {
    content: "";
    display: block;
    clear: both;
}
#navList li{
	margin:0 35px;
}
#navList li a{
	color:#fff;
	font-weight: 800;
        font-size:18px;
}
#navList li a:hover{
	text-shadow:2px 1px 1px #ccc;
        position:relative;
        left:-1px;top:-1px;
}
#sideBar{
        padding:10px 20px;
        width:200px;
}
#sideBarMain .newsItem,#sidebar_topviewedposts{
        border:1px solid #337BD0;  
        box-shadow:1px 1px 2px #abcdef;
        padding:0 0 10px 0;  
}
#sideBar h3{
         margin: 12px 0 0 0;
         font-size:14px;
         text-shadow:1px 2px 2px #ccc;
         text-align: center;
}
#profile_block{
         margin-left:50px;
}
#profile_block a{
         color:#FECF1C;
}
@keyframes col{ 
	 0%{ color:#FECF1C; }
	 50%{ color:#A0C1F0; }
	 100%{ color:#337BD0; }
}
#profile_block a:hover,#sidebar_shortcut ul li a:hover,.postDesc a:hover,.postCon a:hover,.catListEssay ul li a:hover,.catListPostArchive ul li a:hover,.catListPostCategory ul li a:hover,#TopViewPostsBlock ul li a:hover{
         animation:col .4s linear 1;
         color:#337BD0;
}
#sidebar_search{
         position:absolute;
         top:16px;right:6%;
         width:340px;
         height:40px;
}
#sidebar_search_box{
         width:100%;
}
#widget_my_zzk{
         margin:0;
         padding:0;
         width:100%;
}
#q{
         width:238px;
         height:38px;
         border:1px solid #337BD0;
         font-size:16px;
}
#sidebar_search h3{
         display:none;
}
/*提交*/
#widget_my_zzk .btn_my_zzk{
         background:url(https://www.easyicon.net/api/resizeApi.php?id=1202802&size=32) no-repeat 20px 5px;
         width:78px;
         height:40px;
         margin-left:-4px;
         background-color:#337BD0;
         color:rgba(255,255,255,0);
         font-weight:600;
         cursor:pointer;
}
#widget_my_zzk .btn_my_zzk:hover{
         background:url(https://www.easyicon.net/api/resizeApi.php?id=1202802&size=48) no-repeat 14px -3px;
         background-color:#337BD0;
}
#sidebar_shortcut,#sidebar_recentposts,#sidebar_categories{
         border: 1px solid #337BD0;
         box-shadow: 1px 1px 2px #abcdef;
         padding: 0 0 10px 0;
         margin-bottom:20px;
         overflow:hidden;
}
.catListEssay ul li a,#TopViewPostsBlock ul li a{
         color:#FECF1C;
         padding-left:10px;
}
.catListPostArchive ul li a,.catListPostCategory ul li a{
         color:#FECF1C;
}
.catListPostArchive ul li,.catListPostCategory ul li{
         text-align:center;
}
#sidebar_shortcut ul li{
         text-align:center;
}
#sidebar_shortcut ul li a{
          color:#FECF1C;
}
/*主体部分*/
.postTitle{
          border:0;
}
.postTitle a{
          font-size:16px;
          color:#444;
          text-shadow:1px 4px 4px #ccc;
}
.postTitle a:hover{
          border-shadow:none;
          color:#fff;  
          color:transparent;
          -webkit-text-fill-color:transparent;
          -webkit-text-stroke:1px #000;
          font-size:18px;
}
/*摘要*/
.c_b_p_desc{
          padding:0 10px;   
}
.postCon a{
           float:right;
           border:0;
           color:#FECF1C;
}
.postDesc a{
           color:#FECF1C;
}
.postDesc{
           border-bottom:2px solid #999;
           box-shadow:0px 2px 2px #ccc;
           padding-right:10px;
}
#mainContent{
           max-height:1092px;
           overflow:auto;
}
#Header1_HeaderTitle{
           color: rgba(0,0,0,0.3);
           display:inline-block;
           font-size:30px;
           background:-webkit-linear-gradient(-30deg,rgba(255,255,255,0) 20px,rgba(255,255,255,1) 40px,rgba(255,255,255,1) 60px,rgba(255,255,255,0) 80px) no-repeat -70px 0;
           background:-moz-linear-gradient(-30deg,rgba(255,255,255,0) 20px,rgba(255,255,255,1) 40px,rgba(255,255,255,1) 60px,rgba(255,255,255,0) 80px) no-repeat -70px 0;
           background:-ms-linear-gradient(-30deg,rgba(255,255,255,0) 20px,rgba(255,255,255,1) 40px,rgba(255,255,255,1) 60px,rgba(255,255,255,0) 80px) no-repeat -70px 0;
           background:-o-linear-gradient(-30deg,rgba(255,255,255,0) 20px,rgba(255,255,255,1) 40px,rgba(255,255,255,1) 60px,rgba(255,255,255,0) 80px) no-repeat -70px 0;
           /*background:linear-gradient(-30deg,rgba(255,255,255,0) 20px,rgba(255,255,255,1) 40px,rgba(255,255,255,1) 60px,rgba(255,255,255,0) 80px) no-repeat -70px 0;*/
           -webkit-background-clip:text;
           -moz-background-clip:text;
           -ms-background-clip:text;
           -o-background-clip:text;
           /*background-clip:text;*/
           transition:1s;
}
.title:hover #Header1_HeaderTitle{
           background-position:140px 0;
}