@media screen and (max-width: 768px) {
	#ExpandViewArea{
		display: none!important;
	}
}

.c_ad_block {
	display: none;
}

.module-cmt-notice {
	display: none;
}

.cy-my-page-container {
	width:%50;
}

#stats-comment_count {
	display: none;
}

#ExpandViewArea,
#CollapseViewArea {
z-index:2333;
	position: fixed;
	right: 15px;
	bottom: 60px;
	padding: 1.8px 19.5px;
	background-color: #fff;
	box-shadow: 0 0 0 1px #fff,1px 1px 6px 1px rgba(10,10,0,.5);
	font-weight: 700;
	color: black;
	cursor: pointer
}

#CollapseViewArea {
	display: none;
}

#comment_nav {
	display:none;
}

#comment_form_container {
	display:none;
}

#navigatorTitleDiv {
	z-index:2333;
	position: fixed;
	right: 15px;
	bottom: 93px;
	padding: 3.5px;
	background-color: #fff;
	box-shadow: 0 0 0 1px #fff,1px 1px 6px 1px rgba(10,10,0,.5);
	font-weight: 700;
	cursor: pointer
}

#navigatorDiv {
	z-index:2333;
	position: fixed;
	right: 11px;
	bottom: 89px;
	padding: 10px 20px;
	background-color: #fff;
	box-shadow: 0 0 0 1px #fff,1px 1px 6px 1px rgba(10,10,0,.5);
	color: #000
}

.to-top {
	z-index:2333;
	display: none;
	padding: 0 20px;
	background-color: #fff;
	box-shadow: 0 0 0 1px #fff,1px 1px 6px 1px rgba(10,10,0,.5);
	color: #000;
	font-weight: 700
}


#blog-comments-placeholder {
	display: none
}

#blog_stats {
	font-size: 10px
}

#cnblogs_post_body {
	padding: 2px
}

.cnblogs-markdown .hljs,.cnblogs-markdown code,.cnblogs-markdown pre,.cnblogs-markdown pre code,.syntaxhighlighter a,.syntaxhighlighter code,.syntaxhighlighter div,.syntaxhighlighter table,.syntaxhighlighter table caption,.syntaxhighlighter table tbody,.syntaxhighlighter table td,.syntaxhighlighter table thead,.syntaxhighlighter table tr,.syntaxhighlighter textarea {
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	font-family: "YaHei Consolas Hybrid",Consolas,"Courier New",monospace!important
}


.feedback_area_title {
	font-size: 24px
}

.feedbackListSubtitle {
	color: #888;
	font-size: 12px
}

.feedbackListSubtitle a {
	color: #888
}

.comment_quote {
	padding: 15px;
	border: 1px solid #CCC;
	background: #FCFAAC
}

div.commentform p {
	margin-bottom: 10px
}

.comment_btn {
	display: inline!important;
	padding: 5px 10px;
	width: 90px;
	height: 35px;
	border: 0 none;
	border-radius: 5px;
	background: #ddd;
	color: #999;
	text-shadow: 0 0 1px #fff;
	font-family: Lato,Helvetica Neue,Helvetica,Microsoft Yahei,宋体,Arial,sans-serif;
	cursor: pointer
}

.comment_btn:hover {
	display: inline!important;
	padding: 5px 10px;
	width: 90px;
	height: 35px;
	border: 0 none;
	border-radius: 5px;
	background: #258fb8;
	color: #fff;
	text-shadow: 0 0 1px #fff;
	font-family: Lato,Helvetica Neue,Helvetica,Microsoft Yahei,宋体,Arial,sans-serif;
	cursor: pointer
}

#commentform_title {
	margin-bottom: 10px;
	padding: 0;
	background-image: none;
	background-repeat: no-repeat;
	font-size: 24px
}

#commentbox_opt,#commentbox_opt+p {
	text-align: center
}

.commentbox_title {
	width: 100%
}

#tbCommentBody {
	margin-top: 10px;
	// padding: 10px;
	height: 250px;
	max-width: 100%;
	min-width: 100%;
	min-height: 120px;
	border: 2px solid #fff;
	background: #fff;
	box-shadow: inset 0 0 8px #aaa;
	color: #333;
	font-size: 14px;
	font-family: 'Microsoft Yahei',Microsoft Yahei,宋体,sans-serif
}

.feedbackItem {
	margin: 10px 0;
	padding: 20px;
	background: #F2F2F2;
	box-shadow: 0 0 5px #aaa;
	font-size: 14px;
	line-height: 24px
}

.feedbackListSubtitle {
	font-weight: 400
}

#blog-comments-placeholder,#comment_form {
	margin-bottom: 50px;
	padding: 20px;
	background: #fff;
	-webkit-box-shadow: 1px 2px 3px #ddd;
	box-shadow: 1px 2px 3px #ddd
}

.feedback_area_title {
	margin-bottom: 15px;
	font-size: 1.8em
}

.feedbackItem {
	margin-bottom: 10px;
	padding: 5px;
	border-bottom: 1px solid #CCC;
	background: #f8f8f8
}

.color_shine {
	background: #e2f2ff
}

.feedbackItem:hover {
	-webkit-animation-name: color_shine;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite
}

#comment_form .title {
	margin-bottom: 15px;
	font-weight: 400
}

#MySignature {
	margin-bottom: 10px;
	padding: 10px;
	border: solid 1px #e8e7d0;
	background-color: #f8f8ee;
	box-shadow: 0 0 15px #aaa;
	color: gray
}

#green_channel {
	display: none
}

#author_profile {
	margin-top: 10px
}

#taglist_main {
	background: #fff;
	text-shadow: 0 0 1px transparent;
	font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Microsoft Yahei,宋体,Arial,Verdana,sans-serif
}

.input_my_zzk {
	float: left;
	width: 70%;
	height: 30px;
	border: 2px solid #fff;
	background: #fff;
	box-shadow: inset 0 0 2px #aaa
}

.div_my_zzk {
	height: 30px;
	font-family: 'Microsoft Yahei',Microsoft Yahei,宋体,sans-serif
}

input.btn_my_zzk {
	float: right;
	display: inline!important;
	width: 23%;
	height: 30px;
	border: 0 none;
	border-radius: 5px;
	background: #ddd;
	color: #999;
	text-shadow: 0 0 1px #fff;
	font-family: Lato,Helvetica Neue,Helvetica,Microsoft Yahei,宋体,Arial,sans-serif;
	cursor: pointer
}

.search {
	margin-bottom: 30px;
	padding: 0;
	background: #fff;
	-webkit-box-shadow: 1px 2px 3px #ddd;
	box-shadow: 1px 2px 3px #ddd;
	word-wrap: break-word
}

.sidebar-block {
	margin-bottom: 30px;
	padding: 15px;
	background: #fff;
	box-shadow: 1px 2px 3px #ddd;
	word-wrap: break-word
}

* {
	margin: 0;
	padding: 0
}

body {
	margin-right: 180px;
	margin-left: 180px;
	background: #eee;
	color: #444;
	text-shadow: 0 0 1px transparent;
	font-size: 14px;
	font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Microsoft Yahei,宋体,Arial,Verdana,sans-serif
}

@media screen and (max-width:1260px) {
	body {
		margin: 0 30px
	}
}

@media screen and (max-width:600px) {
	body {
		font-size: 13px
	}
}

h1,h2,h3,h4,h5,h6 {
	font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Microsoft Yahei,宋体,Arial,Verdana,sans-serif
}

h1 {
	font-size: 1.8em
}

h2 {
	font-size: 1.5em
}

h3 {
	font-size: 1.3em
}

a {
	color: #258fb8;
	text-decoration: none
}

a:hover {
	text-decoration: underline
}

#tbCommentBody {
	width: 100%
}

#blogTitle {
	float: left
}

.alignright {
	float: right
}

.clearfix {
	zoom: 1
}

.clearfix:after,.clearfix:before {
	display: table;
	content: ""
}

.clearfix:after {
	clear: both
}

#footer,#header,#main {
	margin: 0 auto
}

@media screen and (max-width:1260px) {
	#main {
		width: 100%
	}
}

#mainContent {
	float: left;
	width: 73%
}

@media screen and (max-width:1260px) {
	#main-col {
		margin-right: -300px;
		width: 100%
	}
}

@media screen and (max-width:900px) {
	#main-col {
		float: none;
		margin-right: 0
	}
}

@media screen and (max-width:1260px) {
	#wrapper {
		margin-right: 300px
	}
}

@media screen and (max-width:900px) {
	#wrapper {
		margin-right: 0
	}
}

#header {
	position: relative;
	margin: 50px auto;
	height: 60px;
	color: #999;
	text-shadow: 0 0 1px #fff
}

#header a {
	color: #999;
	font-size: 160%
}

#header a:hover {
	color: #258fb8;
	text-decoration: none
}

#header h1 {
	font-weight: 400;
	font-size: 30px;
	line-height: 1
}

#header h2 {
	margin-top: 10px;
	margin-left: 30px;
	font-weight: 400;
	font-size: .9em;
	line-height: 1
}

#header #navigator {
	position: relative;
	font-family: Lato,Helvetica Neue,Helvetica,Microsoft Yahei,宋体,Arial,sans-serif;
	line-height: 2.5em
}

#header #navigator ul {
	position: absolute;
	top: 60px;
	right: 0;
	width: 200px;
	list-style: none;
	list-style: none;
	font-size: 9px
}

#header #navigator ul li {
	float: right;
	margin-left: 20px
}

#header .blogStats {
	position: absolute;
	top: 80px;
	right: 0;
	font-size: 5px
}

.topicListFooter {
	margin-right: 0!important;
	margin-bottom: 30px
}

.topicListFooter a {
	display: inline!important;
	padding: 5px 10px;
	background: #ddd;
	color: #999;
	text-shadow: 0 0 1px #fff;
	font-family: Lato,Helvetica Neue,Helvetica,Microsoft Yahei,宋体,Arial,sans-serif
}

.topicListFooter a:hover {
	background: #258fb8;
	color: #fff;
	text-decoration: none;
	text-shadow: none
}

.topicListFooter .prev:before {
	padding-right: 10px;
	content: '\f053';
	font-family: FontAwesome,Microsoft Yahei,宋体
}

.topicListFooter .next:after {
	padding-left: 10px;
	content: '\f054';
	font-family: FontAwesome,Microsoft Yahei,宋体
}

article {
	background: #fff;
	-webkit-box-shadow: 1px 2px 3px #ddd;
	box-shadow: 1px 2px 3px #ddd
}

article.page {
	padding-left: 20px
}

article.page .icon {
	display: none
}

.postIcon:before {
	content: '\f016'
}

article.photo .icon:before {
	content: '\f030'
}

article.link .icon:before {
	content: '\f0c1'
}

article.link .title a:after {
	padding-left: 10px;
	color: #999;
	content: '\f08e';
	vertical-align: super;
	font: 12px FontAwesome
}

.dayTitle {
	display: none
}

.entrylistPosttitle,.postTitle {
	padding: 20px 22px 15px 22px;
	background: #fff;
	box-shadow: 1px 2px 0 #ddd;
	font-size: 1.8em;
	font-family: Lato,Helvetica Neue,Helvetica,Microsoft Yahei,宋体,Arial,sans-serif
}

.entrylistPostSummary,.postBody,.postCon {
	position: relative;
	padding: 0 20px 20px 20px;
	background: #fff;
	-webkit-box-shadow: 1px 2px 3px #ddd;
	box-shadow: 0 2px 0 #ddd
}

.entrylistItemPostDesc,.postDesc {
	position: relative;
	margin-bottom: 50px;
	padding: 10px 20px 15px 20px;
	min-height: 16px;
	background: #fff;
	box-shadow: 1px 0 0 #ddd;
	box-shadow: 0 2px 3px #ddd;
	color: #999;
	text-align: right;
	font-size: .9em;
	line-height: 16px
}

#blog-calendar {
	display: none
}

@media screen and (max-width:600px) {
	.postCon {
		padding-left: 20px
	}
}

.postIcon {
	position: relative;
	top: 25px;
	left: 25px;
	margin-right: 25px;
	height: 0;
	color: #258fb8
}

@media screen and (max-width:600px) {
	article header .icon {
		display: none
	}
}

.postIcon:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
	text-align: center;
	font: 32px FontAwesome
}

article header time {
	display: block;
	margin-bottom: 5px;
	color: #999;
	font: .9em Lato,Helvetica Neue,Helvetica,Arial,sans-serif;
	line-height: 1
}

article header .title {
	font-weight: 400
}

article header .title a {
	color: #444
}

article header .title a:hover {
	color: #258fb8;
	text-decoration: none
}

#cnblogs_post_body {
	color: #000;
	text-align: justify;
	font: .875em/1.5em "微软雅黑",PTSans,Arial,sans-serif;
	font-size: 15px;
	line-height: 1.6
}

#cnblogs_post_body .video-container,#cnblogs_post_body blockquote,#cnblogs_post_body dl,#cnblogs_post_body h3,#cnblogs_post_body h4,#cnblogs_post_body h5,#cnblogs_post_body h6,#cnblogs_post_body iframe,#cnblogs_post_body ol,#cnblogs_post_body p,#cnblogs_post_body table,#cnblogs_post_body ul {
	margin-top: 15px
}

#cnblogs_post_body blockquote {
	padding: 0 30px 15px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-style: italic;
	font-size: 1.2em;
	font-family: Georgia,Microsoft Yahei,宋体,serif
}

#cnblogs_post_body blockquote footer {
	margin: 20px 0 0;
	padding-top: 0;
	border-top: none;
	font-size: .8em;
	line-height: 1
}

#cnblogs_post_body blockquote footer cite:before {
	padding: 0 .5em;
	color: #ccc;
	content: '—'
}

#cnblogs_post_body code,#cnblogs_post_body pre {
	font-family: Monaco,Menlo,Consolas,Courier New,monospace
}

#cnblogs_post_body code {
	margin: 0 2px;
	padding: 0 5px;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #eee;
	color: #666;
	font-size: .9em
}

#cnblogs_post_body pre {
	overflow: auto;
	padding: 7px 15px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #eee
}

#cnblogs_post_body pre code {
	margin: 0;
	padding: 0;
	border: none;
	-webkit-border-radius: 0;
	border-radius: 0;
	background: 0 0
}

#cnblogs_post_body dl dl,#cnblogs_post_body dl ol,#cnblogs_post_body dl ul,#cnblogs_post_body ol dl,#cnblogs_post_body ol ol,#cnblogs_post_body ol ul,#cnblogs_post_body ul dl,#cnblogs_post_body ul ol,#cnblogs_post_body ul ul {
	margin-top: 0
}

#cnblogs_post_body h1,#cnblogs_post_body h2,#cnblogs_post_body h3 {
	margin: 18px 0!important;
	padding: 8px 0 5px 5px;
	height: 25px;
	font-weight: 700;
	font-family: "微软雅黑","宋体","黑体",Arial;
	line-height: 25px
}

#cnblogs_post_body h1,#cnblogs_post_body h2 {
	border-radius: 6px 6px 6px 6px;
	box-shadow: 0 0 0 1px #5F5A4B,1px 1px 6px 1px rgba(10,10,0,.5)
}

#cnblogs_post_body h1 {
	font-size: 24px
}

#cnblogs_post_body h2 {
	font-size: 21px
}

#cnblogs_post_body h3 {
	font-size: 18px
}

#cnblogs_post_body h4 {
	margin: 12px 0!important;
	padding: 5px 0 5px 10px;
	height: 24px;
	font-weight: 700;
	font-size: 15px;
	line-height: 23px
}

.entrylistPostSummary img,.postBody img,.postBody video,.postCon img {
	height: auto;
	max-width: 100%;
	border: none
}

#cnblogs_post_body iframe {
	border: none
}

#cnblogs_post_body .caption {
	position: relative;
	display: block;
	margin-top: 5px;
	padding-left: 25px;
	color: #999;
	font-size: .9em
}

#cnblogs_post_body .caption:before {
	position: absolute;
	position: absolute;
	top: 3px;
	left: 0;
	content: '\f040';
	font: 1.3em FontAwesome
}

#cnblogs_post_body .video-container {
	position: relative;
	overflow: hidden;
	padding-top: 30px;
	padding-bottom: 56.25%;
	height: 0
}

#cnblogs_post_body .video-container embed,#cnblogs_post_body .video-container iframe,#cnblogs_post_body .video-container object {
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 0;
	width: 100%;
	height: 100%
}

#cnblogs_post_body .pullquote {
	float: right;
	margin: 1em 0 .5em 1.5em;
	padding: 0;
	width: 45%;
	border: none;
	text-align: left;
	font-size: 1.5em
}

#ad_under_post_holder {
	display: none
}

.entrylistTitle {
	margin-bottom: 30px;
	color: #999;
	text-shadow: 0 0 1px #fff;
	font-weight: 400
}

.entrylistTitle:before {
	padding-right: 15px;
	content: '\f07b';
	font-family: FontAwesome
}

.archive {
	margin-bottom: 50px;
	border-bottom: 1px solid #ddd;
	-webkit-box-shadow: 1px 2px 3px #ddd;
	box-shadow: 1px 2px 3px #ddd
}

.archive article {
	-webkit-box-shadow: none;
	box-shadow: none
}

.archive article .post-content {
	margin-bottom: 0
}

#sideBar {
	float: right;
	width: 23%;
	line-height: 1.8em
}

.catListBlogRank,.catListPostArchive,.catListPostCategory,.catListView,.newsItem {
	margin-bottom: 30px;
	padding: 15px;
	background: #fff;
	-webkit-box-shadow: 1px 2px 3px #ddd;
	box-shadow: 1px 2px 3px #ddd;
	word-wrap: break-word
}

#blog-sidecolumn h3,.newsItem h3 {
	margin-bottom: 15px;
	// padding: 10px 15px;
	border-bottom: 1px solid #ddd;
	font-weight: 400;
	font-size: 16px
}

#blog-sidecolumn ul,.newsItem #blog-news {
	// padding: 15px 20px;
	font-size: .9em
}

#blog-sidecolumn dl,#blog-sidecolumn ol,#blog-sidecolumn ul {
	list-style: none
}

#blog-sidecolumn dl dl,#blog-sidecolumn dl ol,#blog-sidecolumn dl ul,#blog-sidecolumn ol dl,#blog-sidecolumn ol ol,#blog-sidecolumn ol ul,#blog-sidecolumn ul dl,#blog-sidecolumn ul ol,#blog-sidecolumn ul ul {
	margin-left: 20px;
	list-style: disc
}

#sideBar .tag small {
	margin-left: 15px;
	color: #999
}

#sideBar .tag small:before {
	content: '('
}

#sideBar .tag small:after {
	content: ')'
}

#sideBar .twitter li {
	padding: 15px 20px;
	border-bottom: 1px solid #ddd;
	font-size: .9em
}

#sideBar .twitter li:last-of-type {
	border-bottom: none
}

#sideBar .twitter small {
	display: block;
	margin-top: 10px;
	color: #999;
	line-height: 1
}

#sideBar .tagcloud .entry {
	padding-right: 5px
}

#sideBar .tagcloud a {
	display: inline-block;
	margin-right: 10px
}

#footer {
	margin-bottom: 50px;
	color: #999;
	text-shadow: 0 0 1px #fff;
	font: .9em/1.6 Lato,Helvetica Neue,Helvetica,Arial,sans-serif
}

.entry .gist {
	overflow: auto;
	margin-top: 15px;
	padding: 7px 15px;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #eee;
	color: #666;
	text-shadow: 0 0 1px #fff;
	line-height: 1.6
}

.entry .gist .gist-file {
	margin: 0;
	border: none;
	font-size: .9em;
	font-family: inherit
}

.entry .gist .gist-file .gist-data {
	border-bottom: none;
	background: 0 0
}

.entry .gist .gist-file .gist-data pre {
	padding: 0!important;
	font-family: Monaco,Menlo,Consolas,Courier New,monospace
}

.entry .gist .gist-file .gist-meta {
	margin-top: 5px;
	padding: 0;
	background: 0 0;
	color: #999;
	text-shadow: 0 0 1px #fff;
	font-size: 100%
}

.entry .gist .gist-file .gist-meta a {
	color: #258fb8
}

.entry .gist .gist-file .gist-meta a:visited {
	color: #258fb8
}

figure.highlight {
	position: relative;
	overflow: auto;
	margin-top: 15px;
	padding: 7px 15px;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #eee;
	text-shadow: 0 0 1px #fff;
	font-size: .9em;
	line-height: 1.6
}

figure.highlight figcaption {
	margin-bottom: 5px;
	color: #999;
	text-shadow: 0 0 1px #fff
}

figure.highlight figcaption a {
	position: absolute;
	right: 15px
}

figure.highlight pre {
	margin: 0;
	padding: 0;
	border: none
}

figure.highlight table {
	margin-top: 0;
	border-spacing: 0
}

figure.highlight .gutter {
	padding: 7px 10px 7px 5px!important;
	border-right: 1px solid #ddd;
	color: #999;
	text-align: right
}

figure.highlight .code {
	padding: 7px 7px 7px 10px!important;
	border-left: 1px solid #fff;
	color: #666
}

pre .comment,pre .diff .header,pre .doctype,pre .javadoc,pre .lisp .string,pre .pi,pre .template_comment {
	color: #93a1a1;
	font-style: italic
}

pre .addition,pre .css .tag,pre .keyword,pre .method,pre .nginx .title,pre .request,pre .status,pre .winutils {
	color: #859900
}

pre .command,pre .hexcolor,pre .number,pre .phpdoc,pre .regexp,pre .string,pre .tag .value,pre .tex .formula {
	color: #2aa198
}

pre .built_in,pre .chunk,pre .decorator,pre .id,pre .identifier,pre .literal,pre .localvars,pre .title,pre .vhdl {
	color: #268bd2
}

pre .attribute,pre .class .title,pre .constant,pre .haskell .type,pre .lisp .body,pre .parent,pre .smalltalk .number,pre .variable {
	color: #b58900
}

pre .attr_selector,pre .cdata,pre .clojure .title,pre .diff .change,pre .important,pre .preprocessor,pre .preprocessor .keyword,pre .shebang,pre .special,pre .subst,pre .symbol,pre .symbol .string {
	color: #cb4b16
}

pre .deletion {
	color: #dc322f
}

.feedbackListSubtitle {
	position: relative
}

.feedbackManage {
	position: absolute;
	right: 0;
	width: 160px;
	text-align: right
}

.cnblogs_code_toolbar {
	display: none
}

#cnblogs_post_body {
	overflow: hidden
}

#cnblogs_post_body ol {
	padding-left: 40px
}

#cnblogs_post_body ul {
	margin-left: 35px
}

.fixedReadRank {
	position: fixed;
	top: 20px;
	width: 270px
}

.fixedRecRank {
	position: fixed;
	top: 360px;
	width: 270px
}

figure.highlight {
	margin-top: 0;
	padding: 0
}

figure table {
	margin: 0!important;
	width: 100%
}

#cnblogs_post_body pre {
	padding: 0
}

#cnblogs_post_body td,#cnblogs_post_body th {
	padding: 0
}

.cnblogs_code pre {
	margin-top: 0;
	padding: 7px 15px!important;
	border: 0;
	background: #f5f5f5
}

.cnblogs_code th {
	padding: 3px;
	border: 1px solid silver
}

.cnblogs_code {
	padding: 0
}