/* author www.itbulu.com */
@font-face{font-family:"Open Sans","Segoe UI Light","Microsoft YaHei","Helvetica Neue",sans-serif}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none;font-weight:normal;word-break:break-word}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio{width:100%}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
html,button,input,select,textarea{font-size:14px;font-family:"Open Sans","Segoe UI Light","Microsoft YaHei","Helvetica Neue",sans-serif;resize:none}
body{margin:0;color:#333}
a{text-decoration:none;color:#5DB2FF;-webkit-transition:color linear 0.2s;-moz-transition:color linear 0.2s;transition:color linear 0.2s}
a:hover,a:focus{text-decoration:none;color:#0084B4}
h1{font-size:2em;margin:.67em 0}
h2{font-size:18px;margin:.83em 0}
h3{font-size:1.17em;margin:1em 0}
h4{font-size:1em;margin:1.33em 0}
h5{font-size:.83em;margin:1.67em 0}
h6{font-size:.67em;margin:2.33em 0}
.post h4{padding:6px;font-size:16px;background-color:rgba(238,238,238,0.56);color:#5DB2FF;border-left:5px solid #5DB2FF}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
#footer{margin:0 0 20px;border-left:2px solid #eee;padding:10px 10px}
#footer:hover{border-left:2px solid #5DB2FF}
hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}
p,pre{margin:1em 0;line-height:22px;font-size:14px}
code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;white-space:nowrap;word-break:break-all;word-wrap:break-word;border-radius:0}
pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.428571429;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:0;width:auto}
small{font-size:80%}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;max-width:100%;height:auto}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow-y:visible;vertical-align:top;width:100%}
table{border-collapse:collapse;border-spacing:0}
[hidden]{display:none!important}
.grid-g{*letter-spacing:normal;*word-spacing:-.43em;text-rendering:optimizespeed;display:-webkit-flex;-webkit-flex-flow:row wrap;display:-ms-flexbox;-ms-flex-flow:row wrap}
.opera-only:-o-prefocus,.grid-g{word-spacing:-.43em}
.grid-u{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}
.grid-u-1{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto;width:100%}
.header{text-align:center;top:auto;margin:3em auto}
.header h1,.header h2{width:100%;text-align:right}
.button{display:inline-block;*display:inline;zoom:1;line-height:normal;white-space:nowrap;vertical-align:baseline;text-align:center;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.button::-moz-focus-inner{padding:0;border:0}
.button{font-family:inherit;font-size:100%;*font-size:90%;*overflow:visible;padding:.5em 1em;color:#FFF;border:1px solid #999;border:0 rgba(0,0,0,0);background-color:#5DB2FF;text-decoration:none}
.button-hover,.button:hover,.button:focus{opacity:.8}
.button:focus{outline:0}
.menu-item a::-moz-focus-inner{padding:0;border:0}
.menu-item a{font-family:inherit;font-size:100%;*font-size:90%;*overflow:visible;padding:.5em 1em;color:#FFF;border:1px solid #999;border:0 rgba(0,0,0,0);background-color:#5DB2FF;text-decoration:none}
.menu-item a：hover,.menu-item a：focus{opacity:.8}
.menu-item a:focus{outline:0}
.form input,.form textarea{padding:.5em .6em;display:inline-block;border:1px solid #ccc;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.form input:focus,.form textarea:focus{outline:0;border-color:#129FEA}
.sidebar{background:#5DB2FF;color:#fff}
.sidebar a{color:#fff}
.title,.description{margin:0;font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif}
.description{font-weight:300;color:rgba(238,238,238,0.56);text-align:left}
.nav-list{margin-top:5px;margin-bottom:30px;padding:0;list-style:none}
.nav-list li{padding-top:2px}
.menu-item{display:inline-block;*display:inline;zoom:1;margin:5px 5px}
.menu-item a{background:transparent;border:2px solid #fff;color:#fff;margin-top:1em;letter-spacing:0.05em;text-transform:uppercase;font-size:85%}
.menu-item a:hover,.menu-item a:focus{border:2px solid #0084B4;text-decoration:none}
.content-subhead{color:#aaa;border-bottom:1px solid #eee;padding:0.2em 0;font-size:15px;font-weight:500;letter-spacing:0.1em;-webkit-animation:fadein 2s;-moz-animation:fadein 2s;-ms-animation:fadein 2s;-o-animation:fadein 2s;animation:fadein 2s}
.content{padding:2em 1em 0;-webkit-animation:fadein 2s;-moz-animation:fadein 2s;-ms-animation:fadein 2s;-o-animation:fadein 2s;animation:fadein 2s}
.post-title{font-size:22px;color:#222;margin-bottom:0.2em}
.post-content{line-height:1.8em}
.posts .post-content{color:#999}
.posts blockquote{color:#444;line-height:1.8em}
.post-meta{color:#999;font-size:90%;margin:5px 0;float:right}
.tags a{margin:0 0.1em;padding:0.3em 1em;color:#fff;background:#5DB2FF;font-size:12px}
.commentsnum a{margin:0 0.1em;padding:0.3em 1em;color:#fff;background:#5DB2FF;font-size:12px}
.categorytag a{margin:0 0.1em;padding:0.3em 1em;color:#fff;background:#5DB2FF;font-size:12px;float:right}
.date{margin:0 0.1em;padding:0.3em 1em;color:#fff;background:#999;font-size:12px}
.post-content a,.comment-reply a,.commentsnum a,.blue{margin:0 0.1em;padding:0.3em 1em;color:#fff;background:#5DB2FF;font-size:12px}
.dark-blue{margin:0 0.1em;padding:0.3em 1em;color:#fff;background:#1570a6;font-size:12px}
.grey{margin:0 0.1em;padding:0.3em 1em;color:#fff;background:#999;font-size:12px}
.blue:hover,.grey:hover,.dark-blue:hover{color:#fff}
.page-nav{text-align:center}
#submit{width:100%}
.text-center{text-align:center}
.pager{padding-left:0;margin:30px 0;list-style:none;text-align:center;margin-bottom:5%}
.pager .previous>a,.pager .previous>span{float:left}
.pager .next>a,.pager .next>span{float:right}
.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:0}
#comments .page-navigator{margin-top:-29px;float:right}
.page-navigator{display:inline-block;padding-left:0;margin:20px 0;border-radius:0}
.page-navigator>a{display:inline}
.page-navigator>a,.page-navigator .current{position:relative;float:left;padding:5px 10px;font-size:12px;line-height:1.428571429;text-decoration:none;color:#5DB2FF;background-color:#fff;border:1px solid #ddd;margin-left:-1px}
.page-navigator .prev{margin-left:0;border-bottom-left-radius:0;border-top-left-radius:0}
.page-navigator .next{border-bottom-right-radius:0;border-top-right-radius:0}
.page-navigator a:hover,.page-navigator a:focus{color:#5DB2FF;background-color:#eee;border-color:#ddd}
.page-navigator .current,.page-navigator .current span:hover,.page-navigator .current a:focus,.page-navigator .current span:focus{z-index:2;color:#fff;background-color:#5DB2FF;border-color:#5DB2FF;cursor:default}
.page-navigator .disabled span,.page-navigator .disabled span:hover,.page-navigator .disabled span:focus,.page-navigator .disabled a,.page-navigator .disabled a:hover,.page-navigator .disabled a:focus{color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed}
.page-navigator-lg a,.page-navigator-lg span{padding:10px 16px;font-size:18px}
.page-navigator-lg .prev,.page-navigator-lg .prev span{border-bottom-left-radius:0;border-top-left-radius:0}
.page-navigator-lg .next a,.page-navigator-lg .next span{border-bottom-right-radius:0;border-top-right-radius:0}
.page-navigator-sm a,.page-navigator-sm span{padding:5px 10px;font-size:12px}
.page-navigator-sm .prev a,.page-navigator-sm .prev span{border-bottom-left-radius:0;border-top-left-radius:0}
.page-navigator-sm .next a,.page-navigator-sm .next span{border-bottom-right-radius:0;border-top-right-radius:0}
#search{float:right;right:0;margin-top:10px}
#search input{width:100%}
.post .post-header{padding-top:10px}
.post img{margin:10px auto;display:block}
.alert{padding:15px;margin-bottom:15px;border:1px solid transparent;border-radius:0}
.alert h4{margin-top:0;color:inherit}
.alert a{font-weight:bold;color:#fff}
.alert>p,.alert>ul{margin-bottom:0}
.alert>p+p{margin-top:5px}
.success{background-color:#43ac6a;border-color:#3c9a5f;color:#ffffff}
.success hr{border-top-color:#358753}
.info{background-color:#5bc0de;border-color:#3db5d8;color:#ffffff}
.warning{background-color:#e99002;border-color:#d08002;color:#ffffff}
.danger{background-color:#f04124;border-color:#ea2f10;color:#ffffff}
@media (max-width:1200px){input{width:100%}
	@	media (max-width:1200px)#author,#mail,#url{margin-top:5px}
	.pager{margin-bottom:50px}
}@media (max-width:800px){#search,.description,.content-subhead .date,.post-meta{display:none}
}@media (min-width:48em){.content{padding:2em 3em 0;margin-left:20%}
	.header{margin:80% 2em 0;text-align:right}
	.sidebar{position:fixed;top:0;bottom:0;-webkit-animation:SpeedIn ease 1.5s;-webkit-animation-iteration-count:1;-webkit-transform-origin:;-webkit-animation-fill-mode:forwards;-moz-animation:SpeedIn ease 1.5s;-moz-animation-iteration-count:1;-moz-transform-origin:;-moz-animation-fill-mode:forwards;-ms-animation:SpeedIn ease 1.5s;-ms-animation-iteration-count:1;-ms-transform-origin:;-ms-animation-fill-mode:forwards}
	.content-subhead .date{float:right;margin-bottom:-1px}
}@media (min-width:1200px){input{width:auto}
	#author,#mail,#url{width:33%}
}#comments h4{margin-bottom:1%}
.breadcrumbs,.subhead{color:#aaa;border-bottom:1px solid #eee;padding:0.2em 0;font-size:15px;font-weight:500;letter-spacing:0.1em}
.comment-list,.comment-list ol{list-style:none;margin:0;padding:0}
.comment-list{margin-top:-1px}
.comment-list li{padding:15px 0 0;border-top:1px solid #ddd}
.comment-list li.comment-level-even{background:#FFF}
.comment-list li .comment-reply{float:right;margin-top:-39px;font-size:.92857em}
.comment-meta a{color:#999;font-size:.92857em}
.comment-author{display:block;margin-bottom:3px;color:#444}
.comment-author .avatar{float:left;margin:1px 10px 0 0;border:1px solid #ddd;padding:1px}
.comment-author cite{font-weight:bold;font-style:normal}
.comment-list .respond{margin-top:15px;border-top:1px solid #ddd}
.comment-body .respond{border:none;margin:0 0 25px}
.respond .cancel-comment-reply{float:right;font-size:.92857em}
#comment-form{padding-top:5px}
#comment-form label{display:block;color:#888;position:absolute;margin:8px}
#comment-form input{padding:5px 6px;line-height:16px;height:32px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border:solid 1px #D4D4D4;background:#fdfdfd;padding-left:45px}
.comment-children{padding-left:45px}
.comment-children .comment-children{padding-left:0}
@-moz-keyframes SpeedIn{0%{left:-1500px;top:0px;opacity:0.7;-moz-transform:rotate(0deg) scaleX(1) scaleY(1)}
	60%{left:30px;opacity:0.8}
	80%{left:-10px;opacity:0.9}
	100%{left:0px;top:0px;opacity:1;-moz-transform:rotate(0deg) scaleX(1) scaleY(1)}
}@-webkit-keyframes SpeedIn{0%{left:-1500px;top:0px;opacity:0.7;-webkit-transform:rotate(0deg) scaleX(1) scaleY(1)}
	 60%{left:30px;opacity:0.8}
	 80%{left:-10px;opacity:0.9}
	 100%{left:0px;top:0px;opacity:1;-webkit-transform:rotate(0deg) scaleX(1) scaleY(1)}
 }@-ms-keyframes SpeedIn{0%{left:-1500px;top:0px;opacity:0.7;-ms-transform:rotate(0deg) scaleX(1) scaleY(1)}
	  60%{left:30px;opacity:0.8}
	  80%{left:-10px;opacity:0.9}
	  100%{left:0px;top:0px;opacity:1;-ms-transform:rotate(0deg) scaleX(1) scaleY(1)}
  }@keyframes fadein{from{opacity:0}
	   to{opacity:1}
   }@-moz-keyframes fadein{from{opacity:0}
		to{opacity:1}
	}@-webkit-keyframes fadein{from{opacity:0}
		 to{opacity:1}
	 }@-ms-keyframes fadein{from{opacity:0}
		  to{opacity:1}
	  }.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#fff;border:1px solid #e3e3e3}
.links ul,.links ul li,.links ul li a{overflow:hidden;border:none;padding-left:0px}
.links ul li{width:30%;float:left;margin:5px;line-height:20px;white-space:nowrap;border-left:3px solid #C48F33;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
.links ul li:nth-child(4n+1){border-left-color:rgba(93,178,255,0.7)}
.links ul li:nth-child(4n+2){border-left-color:rgba(240,150,9,0.7)}
.links ul li:nth-child(4n+3){border-left-color:rgba(140,191,38,0.7)}
.links ul li:hover{background-image:-webkit-linear-gradient(left,#fcfcfc,#f2f2f2);background-image:-moz-linear-gradient(left,#fcfcfc,#f2f2f2);background-image:-ms-linear-gradient(left,#fcfcfc,#f2f2f2);background-image:-o-linear-gradient(left,#fcfcfc,#f2f2f2);background-image:linear-gradient(left,#fcfcfc,#f2f2f2);background-position:45px 0}
.links ul li a{display:block;color:#999 !important;border-bottom:none;text-align:center}
.comments_box{border:1px solid #ccc;background:#fff;padding:10px 24px 0 24px;margin-bottom:20px}
.comments_count{text-align:left;margin-top:5px;font-size:16px;color:#444;font-weight:700}
.comment_list{padding:10px;margin:10px 0 10px 0;border:1px solid #ccc}
.comment_list,.comment_list .comment_list .comment_list{background:#fff}
.comment_list .comment_list,.comment_list .comment_list .comment_list .comment_list{background:#fafafa}
.comment-meta{float:right;color:#999;font-size:12px}
.comment-author{float:left;font-size:12px}
.comment-author cite.fn{font-style:normal}
.comment-body{overflow:hidden}
.comcon{margin:-20px 0 0 46px;clear:both}
img.avatar{float:left;margin-right:10px;border-radius:20px}
.respond{background:#fff;padding:24px;border:1px solid #ccc;margin-bottom:10px}
.cmttop{margin-bottom:10px}
#divCommentPost input{padding:8px;margin-bottom:10px;width:32.5%;border:1px solid #ccc}
#divCommentPost input:hover{border:1px solid #5DB2FF}
#divCommentPost textarea{height:150px;padding:8px;width:99%;border-color:#ccc}
#divCommentPost textarea:hover{border-color:#5DB2FF}
#divCommentPost .button{margin-top:10px;padding:5px;background:#5DB2FF;border:1px solid #5DB2FF;color:#fff;font-size:16px;cursor:pointer;text-shadow:1px 1px #000;height:100%;width:99%;text-align:center;vertical-align:middle}
#divCommentPost .button:hover{background:#6Dd2FF}
#comments input,#comments textarea,#comments button{border-radius:20px}
li{list-style:none}
.pagebar{width:100%;margin:0;padding:10px 0 25px 0;word-break:break-all;clear:both;text-align:center}
.pagebar .page{margin:5px 0px;margin-left:0;padding:5px 10px;color:#666;font-weight:bolder;border:1px solid #ddd}
.pagebar .now-page{margin:5px 0x;margin-left:0;padding:5px 10px;color:#fff;font-weight:bolder;border:1px solid #5DB2FF;background-color:#5DB2FF}
.pagebar a:hover span.page{color:#fff;border:1px solid #6DC2FF;background:#6DC2FF}
form[name="search"] input{border:none}
ul.msg{width:98%;margin:10px 0 20px 0;padding:5px 1% 5px 1%;text-align:left;list-style-position:outside;table-layout:fixed;word-wrap:break-word}
li.msgname{padding:0 0 5px 5px;margin:0px;font-weight:bold;font-size:1em}
li.msgname *{}
li.msgurl{text-align:right;padding:2px 10px 2px 10px;margin:0;font-size:1em}
li.msggravatar{display:block;float:left;margin-right:5px}
li.msgarticle{list-style-position:outside;padding:0;margin:0;line-height:160%;background:#FFF;padding-left:60px}
li.msgtime{padding:5px 0 0 0;font-weight:normal;font-size:0.8em}
img.avatar{width:40px;height:40px;float:left}
ul.msg ul.msg{padding:10px 0 0 0;margin:20px 0 0 0;border-bottom:none}
ul.msg ul.msg li.msgarticle{padding-bottom:0px;padding-left:55px}
ul.msg ul.msg li.msgname{padding:0px}
@media screen and (min-width:48em){.grid-u-med-1-4,.grid-u-med-3-4{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}
	.grid-u-med-1-4{width:20%;*width:19.9690%}
	.grid-u-med-3-4{width:80%;*width:79.9690%}
}@media (max-width:480px){.grid-g-r>.grid-u,.grid-g-r>[class *="grid-u-"]{width:100%}
	ul.nav-list{display:none}
	.header{margin:1em 0 0 0}
}@media (max-width:767px){.grid-g-r>.grid-u,.grid-g-r>[class *="grid-u-"]{width:100%}
	form[name="search"]{display:none}
	.header{margin:3em 0 0 0}
	.header h1,.header h2{width:100%;text-align:center}
	ul.nav-list{margin-bottom:0px}
	span.date,span.categorytag{display:none}
}