/*
	Name:kingwell Leng
	Email: kingwell.leng###gmail.com
*/
/*-- Reset Start --*/
html{_background-image:url(none.jpg); }
body{background:#EBEDF0 url(https://images.cnblogs.com/cnblogs_com/kingwell/389641/o_debut-light.png) repeat 0 0; color:#555;font:normal normal normal 12px/1.5 Microsoft YaHei,Arial, Helvetica, sans-serif,'\5B8B\4F53';margin:0;padding:0}
a,abbr,acronym,address,applet,article,b,big,blockquote,button,canvas,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,embed,fieldset,font,form,h1,h2,h3,h4,h5,h6,hr,html,nav,i,iframe,img,ins,input,kbd,label,legend,li,menu,object,ol,p,pre,q,s,samp,small,span,section,strike,strong,sub,sup,table,textarea,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:none}
q:before,q:after{content:''}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
li{list-style:none}
ol{padding-left:20px}
ol li{list-style-type:decimal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
strong{font-weight:bold}
caption,th{text-align:left}
input,textarea,select,button{font-family:Arial; resize:none}
.button,input[type=button],input[type=submit],button{cursor:pointer}
a{text-decoration:none;color:#333}
a:hover{text-decoration:underline;color:#333}
:focus{outline:0}
::selection{background:orange; color:white}
/*-- Reset End--*/
a:link,a:visited,a:hover,a:active{
color:#333; text-decoration:none; 
-webkit-transition:all 0.5s linear; 
-moz-transition:all 0.5s linear;
-o-transition:all 0.5s linear;
-ms-transition:all 0.5s linear;
}
a:hover{text-decoration:underline; color:green;}

input[type=text],input[type=password],textarea{vertical-align:middle; border:1px solid #CCC; height:22px; line-height:22px; border-radius:2px; padding:0 5px}
input[type=text]:focus,input[type=password]:focus,textarea:focus{box-shadow:0 0 3px rgba(0, 0, 0, 0.2) inset; border:1px solid #AAA}
button,input[type=button],.btn_my_zzk{border:none; *border:0; padding:0 10px; height:25px; line-height:25px; background:green; color:#FFF; cursor:pointer; width:100px; overflow:hidden}

/*-- Button --*/
button,input[type=button],.btn_my_zzk{vertical-align:middle; -moz-transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -o-transition:all 0.5s linear; transition:all 0.5s linear; width:80px; line-height:25px; height:25px; cursor:pointer; color:#FFF; border-radius:4px; border:1px solid #55ac55; box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); text-shadow:0px -1px rgba(0,0,0,0.2); background-color:#51a351;
background-image:-moz-linear-gradient(top,#62c462,#51a351) /*-- FF --*/; 
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #62c462), color-stop(1, #51a351))/*-- Saf4+, Chrome --*/; 
background-image:-ms-linear-gradient(top,#62c462,#51a351)/*-- IE10 --*/; 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType='0');}
button:hover,input[type=button]:hover,.btn_my_zzk:hover{
background-image:-moz-linear-gradient(top,#58b058,#51a351) /*-- FF --*/; 
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #58b058), color-stop(1, #51a351)); /*-- Saf4+, Chrome --*/ 
background-image:-ms-linear-gradient(top,#58b058,#51a351)/*-- IE10 --*/; 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#58b058', endColorstr='#51a351', GradientType='0');
}

/*-- Header --*/
#header{width:100%;  box-shadow:none; background:#232323; z-index:100;  }
#blogTitle{}
@-webkit-keyframes myTitle{
	0%{
		left:0;
	}
	99%{
		left:50%;
	}
	100%{
		left:0
	}
}
#blogTitle h1,#blogTitle h2{width:230px; position:absolute; left:0;}
#blogTitle h1{font-family: 'Berkshire Swash', cursive;; top:0; font-size:20px; height:47px; color:#FFF; font-size:27px; font-weight:bold; text-align:center; -webkit-animation-name:myTitle; -webkit-animation-duration:1s; -webkit-timing-function:ease-in-out; -webkit-animation-iteration-count:1; overflow:hidden; }
#blogTitle h1 a{text-decoration:none; display:block; height:47px; line-height:47px; overflow:hidden; text-align:center; color:#FFF; -moz-transition:all 1s linear; -webkit-transition:all 1s linear; -o-transition:all 1s linear; -ms-transition:all 1s linear;}
#blogTitle h1 a:hover{background:orange; /*-- -moz-transform:scale(1.5); -webkit-transform:scale(1.5); -o-transform:scale(1.5); -ms-transform:scale(1.5); --*/}
#blogTitle h2{top:14px; width:50%; left:250px; color:#FFF}
.blogStats{display:none;}

/*-- 导航 --*/
#navigator{background:#333; margin-top:50px}
#navList{height:47px; background:#333333; border-top:1px solid #383838; border-bottom:1px solid #444444}
#navList li{float:left; padding:0 10px}
/*-- #navList li:nth-child(2) a{background:#111}
#navList li:nth-child(3) a{background:#222}
#navList li:nth-child(4) a{background:#333}
#navList li:nth-child(5) a{background:#444}
#navList li:nth-child(6) a{background:#555}
#navList li:nth-child(7) a{background:#666}
#navList li:nth-child(8) a{background:#777} --*/
#navList a{vertical-align:top; display:block; width:55px; height:47px; line-height:47px; font-size:14px; font-family:Arial,'微软雅黑'; color:#FFF; text-align:center; text-decoration:none; -moz-transition:all 1s linear; -webkit-transition:all 1s linear; -o-transition:all 1s linear; transition:all 0.25s linear; }
#navList a:hover{background:#666; height:50px; box-shadow:0px 7px 0 rgba(0,0,0,0.2)}
#main{position:relative; min-height:600px; _height:600px; margin:50px auto; width:90%; min-width:1024px; }

#mainContent{margin-left:-230px; width:100%; float:right}
#sideBar{width:210px; padding:10px; color:#666; float:left;}
.forFlow{margin-left:230px; min-height:600px; _height:600px}

/*-- Sidebar --*/

#blog-news{padding:10px}
.mySearch,.catListPostCategory,.catListPostArchive,.catList{padding:5px}
.catListTitle{height:35px; line-height:35px; font-weight:bold; color:#333; border-bottom:1px dashed #CCC}
.mySearch ul,.catListPostCategory ul,.catListPostArchive ul,.catList ul{margin:10px 0}
.mySearch ul li,.catListPostCategory ul li,.catListPostArchive ul li,.catList ul li{line-height:2; list-style:square; margin-left:20px}

/*-- Content --*/

.forFlow{padding:20px; background:url(https://images.cnblogs.com/cnblogs_com/kingwell/389641/o_border_line.gif) repeat-y 0 0}
#cnblogs_post_body{background:#FFF; padding:20px; font-size:14px}
.dayTitle{width:50px; position:absolute; left:-10px; text-align:center; padding:5px; margin:0;  line-height:1.2; font-size:12px;  background:rgba(255, 165, 0, 0.3); background:#333\9; background:#333}
.dayTitle a{ color:#FFF !important; font-size:10px}
a.c_b_p_desc_readmore{color:green}
.postBody{color:#666; text-shadow:0 -1px #FFF}
.post{background:none; border-radius:none}
.day{position:relative; padding:10px 10px 10px 60px; margin:0 0 10px 10px; background:#FFF; box-shadow:0 0 5px rgba(0, 0, 0, 0.3)}
.postDesc{margin-bottom:50px}
.postDesc,.postDesc a{color:#999}
.postTitle{font-size:1.5em; font-weight:bold; font-family:'Microsoft YaHei'}
#topics .postTitle{font-size:3em; font-weight:bold; border-bottom:1px dashed #CCC}
.postTitle a{color:#333; text-decoration:none; -moz-transition:all 1s linear; -webkit-transition:all 1s linear; -o-transition:all 1s linear; -ms-transition:all 1s linear}
.postTitle a:hover{color:green; -moz-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1)}

/*-- 回复 --*/
.feedbackItem{border-bottom:1px dashed #CCC; padding:10px 0; margin:10px}
.feedbackCon{border:1px solid #DDD; background:#FEFEFE; padding:10px; border-radius:5px}
.feedbackCon a {color:#666}

/*-- 推荐 --*/
.c_ad_block b{display:block; font-size:14px; line-height:1.8}
/* Footer*/
#footer{background:#2D3033; text-align:center; margin:50px 0 0 0; padding:20px; height:50px; color:#EEE; border-top:2px solid #e8e8e8; border-bottom:20px solid #000}

/* Calendar */
#blogCalendar {background:#FAFAFA; border:1px solid #CCC}
#blogCalendar td{padding:3px; border-top:1px solid #FFF; border-bottom:1px solid #EEE; border-left:1px solid #FAFAFA; border-right:1px solid #FAFAFA}
#blogCalendar td:hover,#blogCalendar td:hover a{background:#333; color:#FFF}

/*-- List --*/
h1.entrylistTitle{border-bottom:1px dashed #CCCCCC; padding:10px 0; margin:10px 0; font-size:200%; font-weight:bold}
.entrylistItem{margin-top:20px}
.entrylistPosttitle{font-weight:bold; font-size:150%}
.entrylistPostSummary{padding:10px; color:#666}
.entrylistItemPostDesc,.entrylistItemPostDesc a{color:#999;}
/*-- Others --*/
div.commentform textarea{width:100%; height:200px}
.cnblogs_code{border-radius:5px}
.cnblogs_code pre{font-family:'Kite One', sans-serif;}