/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
figcaption,
figure,
main {
  display: block;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace,monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
  outline-width: 0;
}
abbr[title] {
  border-bottom: 0;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace,monospace;
  font-size: 1em;
}
dfn {
  font-style: italic;
}
mark {
  background-color: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
audio,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
img {
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  display: inline-block;
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details,
menu {
  display: block;
}
summary {
  display: list-item;
}
canvas {
  display: inline-block;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
body {
  color: #000;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABjBAMAAACfybjfAAAAKlBMVEXr6+vt7e3u7u7v7+/w8PDy8vLz8/P09PT19fX29vb39/f4+Pj5+fn6+vrbLiygAAAC9UlEQVRYw6VWy3HbMBDVOQ0oHShpwLr6ZGfcQgrBzkj31YzVADFpYNlBcnIDnmEBUi8BSIDcBRYEKO9BFi08vt23P+x6b7YPRv9+dtKG5PnP665fzAPbIdR3E1UdcnQQshMB+T9tEGuZbzqESrGsOmYj5JeA2CKEMhZ3tquwZI51k2zOtuUlYbEMYhWI3cTiThJVFSs4RgWIZaqlEFIdY4nsKEK6CGh3zNZSuXjma8z2VM++Hr71yjkINffLBpGt0Nj+bekX23Miz0LVFpvCeDD7HEKrLLalKyWENkEWkUNjfiWWSl5oUTmDfGgslqWFmns/ywuVRQ6NHAuZmnp/q3173t3v98+7t9u9ZLf4MR582yVjqj8YMMHQfwzmEr7i+Hx93SWuOggz8JAInuxcglzmIwOn1CF7I20IbBF2rjjGWFYc2+P01vBiGFhg6P55qrA4kRIWzFnsHoRAEYIGcF2xcizvWyAAkcWm4cPkB4NwR0/HFpZFPzUWOgCTpzEv/iDMJRYgqDhmZ8dAvvXDyDot1BjMb4XEsRFCalkCg/DcolYwe94sWfhgTk+ayMg1G/gz5l1pnchC4okFGPGpoWCgmpcDj37sFxSg80uRJQSAwjH3vOrYWLkw94sp9wsKjYXI/qdr0bHLMvqawo8zCGGBQPDtnKfyuyoyYIUF1UbGmsj6uIAVFuQQkOE/tpK0DVS23+VYwlwKis2uxliWWUY/pp9mVQcZSqH4MRWZY67Z6KNsJYnah9oWG+eYK2gh8tqA5eNinoV5v5C+K9mOWl3iqO/Ko74r2SIfUA7lPPzukPT6wGe6mhdSKhnZW+b1SpWrQq2RcTMEDXJUClFjAZOMcfG8sl5D7UPMPrTclFBZfHoqWYXhvPjwkdsFBOS5lErcdB97JJVy1A08SU44ZSbvjbosELY5hmn2qeGmhKL4KYkFYKkxnMZFW/iojgvTercUt4uV8KF0VVArGfiNPeuXlwLE8OsoEwO+uJJuciV9FlfS23+wcVT7sEin5AAAAABJRU5ErkJggg==');
  font: 14px "Hiragino Sans GB", "Microsoft YaHei", "寰蒋闆呴粦", tahoma, arial, simsun, "瀹嬩綋";
}
::-webkit-scrollbar-track {
  background-color: #F5F5F5;
}
::-webkit-scrollbar {
  width: 10px;
  background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb {
  background-color: #999;
}
ul {
  padding: 0;
  margin: 0;
}
li {
  list-style: none;
}
img {
  border: 0;
}
a {
  text-decoration: none;
  color: #000;
  color: #848B97;
}
a:hover {
  color: red;
  color: #4B525A;
}
#home {
  margin-bottom: 40px;
}
#blogTitle {
  height: 70px;
  padding-top: 140px;
  position: relative;
  text-align: center;
  background: #3B485B;
}
#blogTitle h1 {
  font-size: 17pt;
}
#blogTitle h2 {
  font-size: 10.5pt;
}
#blogTitle .title,
#blogTitle .subtitle {
  display: none;
  font-weight: 400;
}
#blogTitle .title {
  font-size: 24px;
}
#blogTitle .title a {
  color: #FFF;
}
#blogTitle .subtitle {
  padding-top: 5px;
  font-size: 16px;
  color: #CCC;
}
#navigator {
  background: white;
  box-shadow: 0px 1px 2px 0px #b3b2b3;
}
#navigator img {
  display: none;
}
#navigator .blogStats {
  display: none;
}
#navList {
  overflow: hidden;
  margin-top: 0;
  text-align: center;
}
#navList li {
  display: inline-block;
  font-size: 20px;
  border-bottom: 2px solid transparent;
}
#navList li a {
  padding: 16px 38px;
  color: #5C5C5C;
  display: block;
}
#navList #nav_myhome {
  border-bottom-color: #5EB762;
}
#main {
  max-width: 1226px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-top: 40px;
}
#sideBar {
  position: absolute;
  right: 0;
  top: 0;
  width: 300px;
  margin-right: 15px;
  border-top-width: 0;
  background-color: #FFF;
  margin-bottom: 40px;
  border: 1px solid #E4E4E4;
}
#sideBar .catListTitle {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 15px;
}
#sideBar .divRecentComment {
  color: #666;
  margin: 0 0 8px 8px;
}
#sideBar .recent_comment_body {
  color: #888;
  margin: 5px 0 8px 18px;
  text-indent: 0;
  padding: 5px;
  font-size: 12px;
  background-color: #F9F9F9;
}
#sideBar .recent_comment_author {
  font-size: 12px;
  color: #555;
  font-style: italic;
}
#sideBar .catListPostCategory ul li a,
#sideBar .catListPostArchive ul li a,
#sideBar .catListView ul li a,
#sideBar .catListFeedback ul li a,
#sideBar .catListComment ul li a {
  display: block;
  padding: 5px 8px;
  border-left: 2px solid transparent;
}
#sideBar .catListPostCategory ul li a:hover,
#sideBar .catListPostArchive ul li a:hover,
#sideBar .catListView ul li a:hover,
#sideBar .catListFeedback ul li a:hover,
#sideBar .catListComment ul li a:hover {
  border-left-color: #5EB762;
}
#sideBarMain {
  padding: 15px 15px 0 15px;
}
#leftcontentcontainer {
  padding-bottom: 15px;
}
#profile_block {
  line-height: 2;
}
#mainContent {
  position: relative;
  margin-right: 330px;
  margin-left: 15px;
}
#mainContent .entrylist .entrylistItem,
#mainContent .day {
  background-color: #fff;
  margin-bottom: 25px;
  position: relative;
  clear: both;
  box-shadow: 0px 1px 2px 0px #b3b2b3;
}
#mainContent .entrylistPosttitle,
#mainContent .postTitle {
  font-size: 20px;
  font-weight: 400;
  padding: 22px;
  border-bottom: 1px solid #e7e7e7;
}
#mainContent .entrylistPosttitle a,
#mainContent .postTitle a {
  color: #5EB762;
}
#mainContent .entrylistPostSummary .c_b_p_desc,
#mainContent .postCon .c_b_p_desc {
  color: #565a5f;
  line-height: 2;
  text-align: justify;
  padding: 22px;
}
#mainContent .entrylistPostSummary .c_b_p_desc_readmore,
#mainContent .postCon .c_b_p_desc_readmore {
  color: #5EB762;
  text-decoration: none;
}
#mainContent .postDesc,
#mainContent .entrylistItemPostDesc {
  line-height: 17px;
  padding: 22px;
  border-top: 1px solid #e7e7e7;
}
#mainContent .postDesc a,
#mainContent .entrylistItemPostDesc a {
  color: #5EB762;
}
#mainContent .dayTitle {
  position: absolute;
  border: 1px solid #5EB762;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  bottom: 14px;
  left: 22px;
}
#mainContent .dayTitle a {
  display: block;
  color: #5EB762;
  padding: 5px 10px;
  background: #FFF;
}
#mainContent .entrylistTitle,
#mainContent .thumbTitle,
#mainContent .PostListTitle,
#mainContent .forFlow h3 div,
#mainContent .galleryTitle {
  font-size: 24px;
  font-weight: 400;
  color: #555;
  margin: 0;
}
#mainContent .entrylistDescription,
#mainContent .thumbDescription {
  font-size: 14px;
  padding-top: 8px;
  margin-bottom: 25px;
  color: #888;
  min-height: 1px;
}
#footer {
  text-align: center;
  font-size: 12px;
  margin-top: 20px;
  margin-right: 330px;
}
@media (max-width: 930px) {
  #mainContent .dayTitle {
    display: none;
  }
}
@media (max-width: 767px) {
  #sideBar {
    display: none;
  }
  #mainContent {
    margin-right: 15px;
    margin-left: 15px;
  }
  #footer {
    margin-right: 0;
  }
}
#post_detail {
  background: #FFF;
  padding: 22px;
  box-shadow: 0px 1px 2px 0px #b3b2b3;
}
#post_detail .postTitle {
  border-left: 5px solid #5EB762;
  padding-bottom: 0;
  padding-top: 0;
  padding-left: 10px;
  margin-bottom: 40px;
  font-size: 28px;
  border-bottom: none;
}
#post_detail .postDesc {
  padding-bottom: 0;
  padding-right: 0;
}
#post_detail .postBody {
  color: #2f2f2f;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.7;
}
#post_detail .postBody p {
  margin: 0 0 25px 0;
  text-align: justify;
}
#post_detail .postBody code {
  background: #fdfefd !important;
}
#post_detail .postBody code.sourceCode {
  font-size: 14px !important;
  padding: 10px !important;
}
#post_detail .postBody table {
  margin-bottom: 20px;
}
#post_detail .postBody table th,
#post_detail .postBody table td {
  padding: 8px 15px;
}
#post_detail .postBody iframe {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#post_detail .postBody blockquote {
  padding: 10px 15px;
  margin: 0 0 20px 0;
  background-color: whitesmoke;
  border-left: 4px solid #999999;
  word-break: break-word;
  font-size: 15px;
  font-weight: normal;
  line-height: 30px;
}
.postCon {
  overflow: hidden;
}
.postCon a,
.postBody a {
  text-decoration: underline;
}
.postDesc,
.entrylistItemPostDesc {
  border-bottom: 0 dotted #999;
  color: #666;
  text-align: right;
  padding-bottom: 5px;
  vertical-align: middle;
}
.postDesc a:link,
.postDesc a:active,
.postDesc a:visited {
  color: #666;
  text-decoration: none;
}
.postDesc a:hover {
  text-decoration: underline;
}
.PostList {
  float: none;
  clear: both;
  text-align: right;
  width: 96%;
  margin: auto;
  padding: 6px 0;
  overflow: hidden;
  border-bottom: 1px dotted #ccc;
}
.postTitl2 {
  float: left;
}
.postText2 {
  text-align: left;
  color: #666;
}
.forFlow {
  margin: 0 auto;
}
#lnkBlogLogo {
  display: none;
}
.divRecentCommentAticle {
  text-indent: -1.5em;
  margin-left: 1.5em;
}
#MyIng .ing_title {
  margin: 16px 0 0;
  font-size: 14px;
  text-align: left;
}
#blog-calendar {
  border: 1px solid #E4E4E4;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  padding: 10px;
}
#calendar {
  margin-top: 16px;
  text-align: center;
}
#calendar .CalOtherMonthDay {
  color: #999;
}
#calendar .CalTitle {
  padding: 5px 0;
}
#calendar .CalNextPrev,
#calendar .CalNextPrev {
  text-align: center;
}
#calendar .CalDayHeader {
  padding: 5px 0;
  color: #555;
  background-color: #EEE;
}
#calendar .CalWeekendDay {
  font-style: italic;
}
#calendar .CalTodayDay {
  background-color: #5EB762;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  color: #FFF;
}
#calendar .CalTodayDay a {
  color: #FFF;
}
#blogCalendar {
  margin: 0;
  padding-bottom: 10px;
}
#blogCalendar td {
  padding: 3px 0;
}
#blogCalendar td u {
  display: block;
  text-decoration: none;
  background: #EAEAEA;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
.ing_title a:link,
.ing_title a:visited,
.ing_title a:hover,
.ing_title a:active {
  font-weight: bold;
}
#BlogPostCategory a {
  text-decoration: none;
}
.author_profile_info {
  padding-top: 2px;
}
.author_profile_info a {
  text-decoration: none;
}
#green_channel #green_channel_wechat {
  display: inline-block;
}
#post_next_prev a {
  display: inline-block;
  margin-bottom: 15px;
  font-size: 14px;
}
#blog-comments-placeholder {
  margin-top: 40px;
  background: #FFF;
  border: 1px solid #E4E4E4;
  padding: 22px 22px 44px 22px;
}
#blog-comments-placeholder .feedbackListSubtitle {
  position: relative;
  margin-left: 80px;
  margin-top: 20px;
}
#blog-comments-placeholder a.layer {
  position: absolute;
  top: -20px;
  left: -80px;
  width: 60px;
  height: 60px;
  display: inline-block;
  background-color: #5EB762;
  color: #FFF;
  text-align: center;
  line-height: 60px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  margin-right: 15px;
}
#blog-comments-placeholder .feedbackCon {
  margin-top: 10px;
  margin-left: 80px;
  color: #666;
  line-height: 1.5;
}
#blog-comments-placeholder span.louzhu {
  color: #5EB762;
  padding: 3px;
}
#blog-comments-placeholder .comment_quote {
  padding: 15px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  background: #fdfefd;
}
#blog-comments-placeholder .comment_quote legend a {
  text-decoration: none;
}
#blog-comments-placeholder .comment_actions,
#blog-comments-placeholder .comment_vote {
  font-size: 12px;
}
#blog-comments-placeholder .comment_vote {
  padding-top: 10px;
}
#blog-comments-placeholder .feedbackItem {
  padding: 8px;
  border-bottom: 1px dotted #ccc;
}
#blog-comments-placeholder .feedbackManage {
  float: right;
}
.comment_my_posted {
  margin-bottom: 20px;
  border: 1px solid #E4E4E4;
  background: #FFF;
  padding: 22px;
}
.comment_my_posted .bq_post_comment {
  border: none;
  padding: 0;
}
.comment_my_posted .comment_quote {
  padding: 15px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  background: #fdfefd;
}
.comment_my_posted .comment_quote legend a {
  text-decoration: none;
}
#tip_comment,
#tip_comment2 {
  display: inline-block;
  font-size: 12px;
  color: #FF5C00 !important;
  border: 1px solid #FF5C00;
  background: #ffe8db;
}
.feedback_area_title,
#commentform_title {
  border-bottom: 1px solid #DDD;
  font-size: 20px;
  font-weight: 400;
  padding-bottom: 10px;
  margin: 20px 0 10px;
  background: none;
  padding-left: 0;
  margin-bottom: 25px;
}
.commentform {
  margin-top: 20px;
}
#comment_nav a {
  display: inline-block;
  padding: 5px;
  background: #5EB762;
  color: #FFF;
  margin-left: 10px;
  font-size: 12px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
#comment_form_container {
  border: 1px solid #E4E4E4;
  background: #FFF;
  padding: 22px;
  margin-top: 20px;
}
#comment_form_container input.author,
#comment_form_container input.email,
#comment_form_container input.url,
#comment_form_container .commentbox_title,
#comment_form_container textarea.comment_textarea {
  width: 100%;
}
#comment_form_container .commentbox_main {
  margin-top: 15px;
}
#comment_form_container textarea.comment_textarea {
  background: #f6fbf6;
  width: 100%;
  height: 150px;
  padding: 10px;
  resize: vertical;
}
#comment_form_container textarea.comment_textarea:focus {
  background: #FFF;
}
#comment_form_container .commentbox_title_left {
  display: none;
}
#comment_form_container #tbCommentAuthor {
  background: transparent;
  border: none;
  padding: 0;
  font-size: 16px;
}
#comment_form_container .commentform td div span {
  margin-left: 12px;
}
#comment_form_container .commentbox_title_right {
  padding: 5px;
}
#comment_form_container .comment_icon {
  margin-left: 10px;
}
#divRefreshComments {
  text-align: right;
  margin-right: 10px;
  margin-bottom: 5px;
  font-size: 9pt;
}
.topicListFooter {
  text-align: right;
  margin-right: 10px;
  margin-top: 10px;
}
.gallery img {
  margin: 8px;
}
#taglist {
  margin: 20px auto;
}
.pfl_feedback_area_title {
  font-size: 16px;
  margin: 16px 0;
  font-weight: bold;
}
.pfl_feedback_area_title a {
  font-size: 12px;
  color: #999;
  font-weight: normal;
}
.pfl_feedbacksubtitle {
  height: 30px;
}
.pfl_feedbackname,
.pfl_feedbackManage {
  float: left;
  margin: 10px 20px 0 0;
}
.pfl_feedbackCon,
.pfl_feedbackAnswer {
  clear: both;
  margin-left: 12px;
}
.btn_my_zzk {
  border: 0;
}
#MyIng {
  padding-left: 10px;
}
div#sideBar div#side_ing_block ul li {
  margin-left: 0;
  text-indent: 0;
}
#side_ing_block {
  line-height: 180%;
}
#EntryTag {
  margin-top: 10px;
}
#EntryTag a {
  font-size: 12px;
  background: #C0C0C0;
  color: #FFF;
  padding: 2px 5px;
  text-decoration: none;
  margin-right: 5px;
}
/*生成博客目录的CSS*/
#uprightsideBar{
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    text-align:left;
    position:fixed;/*将div的位置固定到距离top:50px，right:0px的位置，这样div就会处在最右边的位置，距离顶部50px*/
    top:50px;
    right:0px;
    width: auto;
    height: auto; 
}
#sideBarTab{
    float:left;
    width:30px; 
    border:1px solid #e5e5e5;
    border-right:none;
    text-align:center;
    background:#ffffff;
}

#sideBarContents{
    float:left;
    overflow:auto; 
    overflow-x:hidden;!important;
    width:200px;
    min-height:108px;
    max-height:460px;
    border:1px solid #e5e5e5;
    border-right:none; 
    background:#ffffff;
}
#sideBarContents dl{
    margin:0;
    padding:0;
}

#sideBarContents dt{
    margin-top:5px;
    margin-left:5px;
}

#sideBarContents dd, dt {
    cursor: pointer;
}

#sideBarContents dd:hover, dt:hover {
    color:#A7995A;
}
#sideBarContents dd{
    margin-left:20px;
}