* {
		margin: 0;
		padding: 0;
		font-family: "楷体","Courier New";
                color: #fff;
	}
	a {
		text-decoration: none;
	}
	li {
		list-style: none;
	}
	html, body {
		width: 100%;
		height: 100%;
	}
	body {
		background-image: url('https://desk-fd.zol-img.com.cn/t_s960x600c5/g5/M00/02/02/ChMkJ1bKxkyIFE5rAAhYN1f3cogAALHjAPEpE8ACFhP567.jpg');
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-attachment: fixed;
       }
	#Header1_HeaderTitle {
		font-size: 40px;
		color: #fff;
		font-family: Courier New;
		-webkit-animation: anim1 2s linear infinite alternate;
		-o-animation: anim1 2s linear infinite alternate;
		animation: anim1 2s linear infinite alternate;
	}
	@keyframes anim1 {
		0% {
			text-shadow: #0ff 0px 0px 15px;
		}
		50%{
			text-shadow: #faa 0px 0px 5px;
		}
		100% {
			text-shadow: rgba(27,209,165,0.8) 0px 0px 20px;
		}
	}
	#container {
		margin: 0 160px;
		width: 900px;
		height: auto;
		background: rgba(100,100,84,.2);
		padding: 20px;
		perspective: 100px;
	}
	#blog_stats {
		margin-top: 20px;
		color: #fff;
		float: right;
	}
	#blog_stats::after {
		content: "";
		display: block;
		clear: both;
	}
	#nav {
		position: fixed;
		width: 120px;
		top: 80px;
		left: -125px;
		padding: 10px;
		color: #fff;
		box-sizing: border-box;
	}
	#nav>ul>li {
		text-align: center;
		height: 25px;
		border: 1px solid #5BB945FF;
		line-height: 25px;
		transition: all 0.5s ease-in-out;
	}
	#nav>ul{
		perspective: 1000px;
	}
	#nav>ul>li:hover {
		transform-origin: right;
		transform-style: preserve-3d;
		background: skyblue;
		transform: rotateY(30deg)
	}
        #nav>span>a{
                color:rgb(237,209,216);
        }
        #nav>span>a:hover {
                color: rgb(204,164,207);
        }
	#blog_nav_sitehome,
	#blog_nav_myhome,
	#blog_nav_newpost,
	#blog_nav_contact,
	#blog_nav_admin {
		color: #fff;
	}
	#container .date {
		background-size: 150px;
	}
	#container .date>span>a {
		color: rgba(100, 100, 84,1);
		text-shadow: #fff 0px 0px 15px;
		font-size: 25px;
		line-height: 30px;
		margin-top: 60px;
		font-weight: 800;
	}
	.post {
		border: 2px dashed skyblue;
		width: 900px;
		background: #74b5af73;
		padding: 10px 10px 20px;
		margin: 0 auto;
		box-sizing: border-box;
		margin-top: 10px;
	}
	.post:hover {
		animation: anim2 1s ease-in-out infinite alternate;
	}
	@keyframes anim2 {
		0%{
			box-shadow: rgba(27,209,165,0.8) 0px 0px 25px;
		}
		100% {
			box-shadow: rgba(27,209,165,0.8) 0px 0px 10px;
		}
	}
	.posthead {
		padding: 5px 10px;
	}
	.post>.posthead>h2 {
		padding-left: 10px;
		box-sizing: border-box;
		transition: all 0.2s linear;
                margin-bottom:20px;
	}
	.post>.posthead>h2>a{
		font-weight: 800;
	}
	.post>.posthead>h2:hover {
		padding-left: 30px;
		border-left: 4px solid rgba(27,209,165,0.8);
	}
        .post>.posthead>h2>a:active {
		color:#0ff;
	}
	.postbody {
		padding: 5px 8px 20px;
		box-sizing: border-box;
		font-weight: 700;
	}
	.c_b_p_desc_readmore {
		color: #731f98ff;
		font-weight: 800;
		transition: all 0.2s ease-in-out;
	}
	.c_b_p_desc_readmore:hover {
		border-bottom: 3px solid #731f98ff;
	}
	.postfoot {
		float: right;
		font-weight: 600;
	}
	#footer {
		margin-top: 100px;
		color: #D1DEFFFF;

	}
        #sidebar-a {
                position:absolute;
                left: 960px;
        }
        #blog-calendar{
                width: 200px;
                height: 150px;
         }
         #profile_block {
                margin-top:30px;
         }
         .clr{
                clear:both;
          }
          div.cnblogs_code ,
          div.cnblogs_code_toolbar,
          div pre,
          .cnblogs_code_collapse {
                background:rgba(100,100,84,0.4);
          }
           #blogCalendar {
                background: #ffffff44;
                padding: 10px;
                color: #fff;
           }
           #blogCalendar td{
                 border: 1px dashed;
                 border-color: rgba(100,100,84,0.8);
                 border-collapse: collapse;
           }
           #blogCalendar td>a>u {
                 color: #9e0ddf;
                  text-decoration: none;
                  font-weight: 800;
		-webkit-animation: anim3 2s linear infinite alternate;
		-o-animation: anim3 2s linear infinite alternate;
		animation: anim3 2s linear infinite alternate;
            }
            @keyframes anim3 {
                  0%{text-shadow: green  0px 0px 15px;opacity:1}
                  50%{text-shadow: white 0px 0px 5px;opacity:0.2}
                  100%{text-shadow: rgba(27,209,165,0.8) 0px 0px 15px;opacity:1}
            }
           #blogCalendar td.CalNextPrev>a {
                  test-align: center;
                  color:rgba(100,100,84,1);
           }
           .CalOtherMonthDay {
                  color:gray;
            }
            div#news {
                   background: url("https://img.tukuppt.com/png_preview/00/17/84/rRrh3JGBmA.jpg!/fw/780");
                   background-size: 280px 200%;
				   background-position-x: -20%;
				   background-position-y: -30px;
                   background-repeat: no-repeat;
                   margin-top:40px;
                   /* padding: 14px; */
                   box-sizing: border-box;
             }
             #profile_block ,
             #profile_block>a{
                   color: #fff;
                   font-weight: 700;
                   transition: all 0.3s ease-in-out;
                   font-size:14px;
             }
			#profile_block {
				padding-left: 20px;
             }
             #profile_block>a:hover {
                    border-bottom: 2px dashed #fff;
             }
              #sidebar_search {
                     padding:6px;
                     width:200px;
                     box-sizing:border-box;
                     background: #ffffff44;
                     color: #080808;
                     font-weight:700;
                     margin-top: 5px;
                      margin-left:-4px;
              }
              #btnZzk,
              .btn_my_zzk{
                     background: rgba(48,223,243,0.8);
                     color:#fff;
                     border:none;
                     outline:none;
                     border-radius: 6px;
                     width: 60px;
                     transition:all 0.2s ease-in-out;
              }
              #btnZzk:hover,
              .btn_my_zzk:hover {
                     background:rgba(48,223,243,0.2);
                    // color: rgba(27,209,165,0.8);
                     cursor:pointer;
               }
               #q,
               #google_q {
                      border:none;
                      outline:none;
                      border-bottom:rgba(27,209,165,0.8) 2px solid;
                      background:transparent;
                      transition: all 0.3s ease-in-out;
               }
               #q:hover,
               #google_q:hover {
                      border-bottom: #0ff 2px solid;
                }
                a {
			text-decoration: none;
		}
		#sidebar_shortcut {
			position: relative;
                        margin-top: 40px;
			width: 200px;
			height: 75px;
			perspective: 1000px;
		}
		#sidebar_shortcut:hover .catListTitle {
			transform: rotateY(90deg);
		}
		#sidebar_shortcut:hover ul {
			transform: rotateY(360deg);
		}
		#sidebar_shortcut>.catListTitle {
			transform-style: preserve-3d;
			position: absolute;
			color: #rgba(100,100,84,0.6);
			background: #ffffff88;
			top: -20px;
			width: 200px;
			height: 75px;
			text-align: center;
			line-height: 75px;
			transition: all 0.5s ease-in-out;
		}
		#sidebar_shortcut>ul {
			transform-style: preserve-3d;
			transform: rotateY(270deg);
			position: absolute;
			transition: all 0.5s ease-in-out;
			top: -20px;
			width: 200px;
			height: 75px;
                        font-weight:700;
			background: #ffffff88;
		}
		#sidebar_shortcut>ul>li {
			list-style: none;
			float: left;
			width: 100px;
			height: 25px;
                         transition: all 0.4s ease-in-out;
		}
		#sidebar_shortcut>ul>li:hover {
			background: rgba(249,243,241,0.6);
			border-radius: 8px;
		}
		#sidebar_shortcut>ul>li>a {
			color:  #rgba(100,100,84,0.6);
			display: block;
			width: 100px;
			height: 25px;
			text-align: center;
			line-height: 25px;
		}
                #TopViewPostsBlock>ul>li,
                #sidebar_categories>ul>li,
                #MyTag>ul>li {
                       list-style: circle;
                       width: 300px;
                       height: 20px;
                       margin-left: 40px;
                       font-weight:800;
                       color:#fff;
                       white-space:no-wraper;
                }
                 #TopViewPostsBlock>ul>li>a,
                 #sidebar_categories>ul>li>a,
                 #MyTag>ul>li>a {rgb(29,77,84);}
                .gutter>.line {
                       color:green;
                 }
                 #MySignature {
                        color:rgb(242,190,69);
                 }
                  #comment_nav a {
                        display:inline-block;
                         width:80px;
                         height: 40px;
                         background: rgba(224,238,232, 0.2);
                         text-align:center;
                         line-height: 40px;
                         margin-right: 5px;
                  }
div#homepage_top_pager.topicListFooter>div.pager{color:#fff;}
div#homepage_top_pager.topicListFooter>div.pager>a{color:#fff;}
div#homepage_bottom_pager.topicListFooter>div.pager{color:#fff;}
div#homepage_bottom_pager.topicListFooter>div.pager>a{color:#fff;}