body {
    background: url("https://images.cnblogs.com/cnblogs_com/hama1993/1558869/o_191226051836o_spring2.jpg");
    color: #7d8b8d;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 25px;
    min-height: 101%;
    background-attachment: fixed;
    background-size: 100%;
}

#green_channel{
border: none !important;
margin: 0 auto;
}

blockquote {
border:1px solid #EEEE00 !important; 
border-radius: 4px;
background-color: rgba(255,255,0,0.2);
}

input.author{
background-image: url("https://images.cnblogs.com/cnblogs_com/hama1993/1389496/o_191115155139%E9%9D%92%E8%9B%99.png") !important;
background-size: 14% 120%;
}

.author_avatar{
border-radius: 4px;
padding-top: 0px !important; 
}

.postBody{
    color: #4a4a4a;
}

#btn_comment_submit{
    font-size: 14px;
    height: 27px;
    width: 70px;
    border: 1px solid #008080;
    border-radius: 4px;
    text-align: center;
    line-height: 27px;
    cursor: pointer;
    color: #008080;
}

#btn_comment_submit:hover {
    color: #FFF;
    background: #008080;
}

#green_channel_digg{
    font-size: 14px;
    height: 27px;
    width: 70px;
    border: 1px solid #008080;
    border-radius: 4px;
    text-align: center;
    line-height: 27px;
    cursor: pointer;
    color: #008080;
}

#green_channel_digg:hover {
    color: #FFF;
    background: #008080;
}

#tbCommentAuthor{
    width: 150px;
    background-color: #74c3e9;
    color: #FFF;
    border: 1px solid #008080;
    border-radius: 100px;
}

#tbCommentBody{
    border: 1px solid #008080;
background-color: #00808021;
    border-radius: 4px;
}

.commentbox_title{
    width: 800px;
}

div.commentform textarea{
    width: 800px;
    height: 100px;
}

#commentform_title{
    background-image: url("https://img2018.cnblogs.com/blog/1569484/201901/1569484-20190127134014967-386633988.png");
    background-size: 20px;
    border-bottom: double 4px #8389bf;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

a {
    color: #008080;
    text-decoration: none;
}

a:hover {
    color: #ff002f;
    text-decoration: none;
}

#header{
    margin-top: 50px;
}

body, div, h1, h2, h3, h4, h5, h6, ul, li, img {
    margin: 0;
    padding: 0;
}

.blogStats {
    display: none;
}

#blogTitle {
    height: 250px;
    clear: both;
    width: 1200px;
    box-shadow: 0px 0px 80px #fff inset;
    background-size: auto 200px;
    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-radius: 4px 4px 0px 0px;
    margin: 0 auto;
    position: relative;
    padding-top: 50px;
}

#lnkBlogLogo{
    display:block; 
    margin:0 auto; 
    width:100px; 
    height:100px; 
   border: 5px solid transparent;
    border-color: transparent;
    border-color: rgba(255,255,255,0.5);
    border-radius: 100px;
    background-size: 100% 100%;
}

#blogLogo{
   width:100px;
   height:100px;
   border-radius: 100px;
}

#blogTitle a {
    color: #ffffff !important;
    text-shadow: 0px 0px 10px #000;
    text-decoration: none;

}

#blogTitle a:hover {
    color: #e8e8e8;
    text-decoration: none;
}

#blogTitle a:link {
    color: #000;
    text-decoration: none;
}

#blogTitle h1 {
    font-size: 30px;
    width: 310px;
    height: 50px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: 30px;
    font-weight: normal;
}

#footer{
 color: #ffffff  !important;
    text-shadow: 0px 0px 16px #000;
}

#blogTitle h2 {
    width: 550px;
    position: relative;
    height: 75px;
    font-weight: normal;
    margin: 0 auto;
    text-align: center;
    color: #ffffff;
    text-shadow: 0px 0px 5px #000;
    top: 20px;
    font-size: 16px;
}

#navigator {
    height: 60px;
    clear: both;
    position: relative;
    border-left: none;
    border-right: none;
}

#navList {
    width: 1200px;
    margin: 0 auto;
    height: 60px;
    border-radius: 0px 0px 4px 4px;
    background-color: rgba(255, 255, 255, 0.85);
    border-left: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
}

ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

h5, h6, ul, li, img {
    margin: 0;
    padding: 0;
}

li {
    display: list-item;
    text-align: -webkit-match-parent;
}

#navList li {
    float: left;
    height: 60px;
    line-height: 60px;
    list-style-type: none;
}

#navList a:hover {
    color: #008080;
    text-decoration: none;
    border-bottom: 4px solid #008080;
}

#navList a {
    padding: 0 20px;
    font-size: 16px;
    display: block;
    color: #292929;
    text-decoration: none;
}

#main {
    width: 1200px;
    margin: 20px auto 0;
    clear: both;
}

#mainContent {
    background: none;
    float: left;
    overflow: visible;
    text-overflow: ellipsis;
    width: 888px;
    word-break: break-all;
}

#mainContent .forFlow {
    float: none;
  
padding:20px;
}

.day {
    border: 1px solid #ccc;
    margin-bottom: 10px;
padding:10px;
border-radius:4px;
}

.day .postTitle {
    font-size: 21px;
    line-height: 1.5em;
    float: left;
    clear: right;
}

.postSeparator {
    border-top: 1px dashed silver;
    margin: 20px 0;
    clear: both;
}

.postCon {
    padding: 15px 0;
    clear: both;
}

.topicListFooter {
    margin-top: 25px;
    line-height: 68px;
    font-size: 16px;
}

.dayTitle {
    border: 1px solid #8389bf;
 background-color: #8389bf;
    border-radius: 100px;
    padding: 3px 12px;
    font-size: 15px;
    display: block;
    float: left;
    margin-right: 10px;
    z-index: 10;
line-height: normal;
color: #fff;
background-color: #8389bf;
}

.dayTitle a {
    color: #fff;
    text-decoration: none;
}

.dayTitle a:hover {
    color: #fff;
    text-decoration: none;
}

.postTitle a {
    font-weight: bold;
    color: #008080;
font-size:18px;
    text-decoration: none;
}

.postTitle a:hover {
    color: #FF4163;
    text-decoration: underline;
}

.c_b_p_desc {
    font-size: 14px;
    color: #696969;
    line-height: 200%;
}

.c_b_p_desc_readmore {
    padding: 3px 12px;
    border-radius: 100px;
    text-decoration: none;
    border: 1px solid #bcbcbc;
display: inline-block;
line-height: normal;
}

.c_b_p_desc_readmore:hover {
    color: #858585;
    border: 1px solid #858585;
}

a.c_b_p_desc_readmore {
    color: #bcbcbc;
    text-decoration: none;
}

.postDesc {
    clear: both;
    color: #bcbcbc;
    float: none;
    text-align: left;
    line-height: 200%;
    font-size: 13px;
}

.postDesc a {
    color: #008080;
    text-decoration: none;
}

.postDesc a:hover {
    color: #da001d;
    text-decoration: none;
}

#sideBar {
    width: 290px;
    margin-left: 20px;
    float: left;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: visible;
    word-break: break-all;
}

.clear {
    clear: both;
}

#footer {
    text-align: center;
    min-height: 15px;
    _height: 15px;
    margin-top: 10px;
    padding-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    color: #333;
}

.newsItem {
    background-color: rgba(255, 255, 255, 0.85);
    border: 1px solid #dedede;
    border-radius: 4px;
    margin-bottom: 20px;
}

.catListTitle {
    font-size: 18px;
    padding: 10px 20px;
    color: #4a4a4a;
    font-weight: normal;
    border-bottom: 1px solid #dedede;
}

#blog-news {
    overflow: visible;
    margin-bottom: 20px;
}

#profile_block {
    padding: 0px 0px 0px 20px;
    color: #7e8c8d;
    font-size: 13px;
    line-height: 1.8;
}

#profile_block a {
    color: #008080;
    text-decoration: none;
    font-size: 13px;
}

#profile_block a:hover {
    color: #ff002f;
    text-decoration: none;
}

.Cal {
    width: 100%;
}

#blog-calendar {
    border: 1px solid #dedede;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.85);
    padding: 10px;
    margin-bottom: 20px;
}

table.Cal {
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    color: #333333;
    border-width: 1px;
    border-color: #dedede;
    border-collapse: collapse;
}

table.Cal th {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    color: #FFF;
    border-color: #008080;
    background-color: rgba(0, 161, 214, 0.85);
}

table.Cal td {
    border-width: 1px;
    padding: 5px;
    border-style: solid;
    border-color: #dedede;
}

.CalTodayDay {
    background-image: url("https://img2018.cnblogs.com/blog/1569484/201901/1569484-20190125235012766-1180786553.png");
    background-size: 100%;
}

.CalOtherMonthDay {
    color: #b2b2b2;
}

.CalWeekendDay {
    background-image: url("https://img2018.cnblogs.com/blog/1569484/201901/1569484-20190127004535419-1045770282.png");
    background-size: 100% 100%;
}

tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

table.Cal a {
    text-decoration: none;
}

table.Cal u {
    text-decoration: none;
    color: #ff9b17;
    font-weight: bold;
}

.sidebar-block {
    background-color: rgba(255, 255, 255, 0.85);
    border: 1px solid #dedede;
    border-radius: 4px;
    margin-bottom: 20px;
}

#sidebar_search_box {
}

#widget_my_zzk {
    padding: 15px 0 0 15px;
    margin: 0 !important;
}

.div_my_zzk {
    margin-top: 5px;
    margin-bottom: 5px;
}

input {
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    cursor: text;
    padding: 1px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}

input, textarea, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em;
    font: 400 13.3333px Arial;
}

.input_my_zzk {
    width: 160px;
    height: 25px;
    border: 1px solid #008080;
    border-radius: 4px;
    outline: none;
    line-height: 25px;
    vertical-align: middle;
    font-size: 13px;
    padding: 0 12px;
}

input.btn_my_zzk {
    font-size: 14px;
    height: 27px;
    width: 70px;
    border: 1px solid #008080;
    border-radius: 4px;
    text-align: center;
    line-height: 27px;
    cursor: pointer;
    color: #008080;
}

input.btn_my_zzk:hover {
    color: #FFF;
    background: #008080;
}

#widget_my_google {
    padding: 10px 0 15px 15px;
    margin: 0 !important;
}

.sidebar-block {
    margin-bottom: 20px;
    background-color: rgba(255, 255, 255, 0.85);
}

#sidebar_shortcut li {
    list-style-type: none;
    padding: 10px 30px;
    border-bottom: 1px solid #dedede;
}

#sidebar_shortcut li a {
color: #008080;
    text-decoration: none;
}

#sidebar_shortcut li a:hover {
    color: #008080;
    text-decoration: none;
}

.catListTag ul {
    padding: 10px;
}

#sidebar_toptags li {
    font-size: 11px;
    width: auto;
    min-width: 10px;
    list-style-type: none;
    padding: 0 8px;
    border: 1px solid #FF4163;
    margin: 5px;
    display: inline-block;
    color: #FF4163;
    border-radius: 100px;
}

#sidebar_toptags a {
    color: #FF4163;
    text-decoration: none;
}

#sidebar_postcategory li{
    list-style-type: none;
    padding: 10px 30px;
    border-bottom: 1px solid #dedede;
}

#sidebar_postcategory li a {
    color: #008080;
    text-decoration: none;
}

#sidebar_postcategory li a:hover {
    color: #FF4163;
    text-decoration: none;
}


#sidebar_postarchive li{
    list-style-type: none;
    padding: 10px 30px;
    border-bottom: 1px solid #dedede;
}

#sidebar_postarchive li a {
    color: #008080;
    text-decoration: none;
}

#sidebar_postarchive li a:hover {
    color: #FF4163;
    text-decoration: none;
}

#sidebar_imagecategory li{
    list-style-type: none;
    padding: 10px 30px;
    border-bottom: 1px solid #dedede;
}

#sidebar_imagecategory li a {
    color: #008080;
    text-decoration: none;
}

#sidebar_imagecategory li a:hover {
    color: #FF4163;
    text-decoration: none;
}

#sidebar_topviewedposts li{
    list-style-type: none;
    padding: 10px 30px;
    border-bottom: 1px solid #dedede;
}

#sidebar_topviewedposts li a {
    color: #008080;
    text-decoration: none;
}

#sidebar_topviewedposts li a:hover {
    color: #FF4163;
    text-decoration: none;
}

#sidebar_far_to_pass li{
    list-style-type: none;
    padding: 10px 30px;
}

#sidebar_far_to_pass li a {
    color: #008080;
    text-decoration: none;
}

#sidebar_far_to_pass li a:hover {
    color: #FF4163;
    text-decoration: none;
}

#sidebar_topdiggedposts{
    display: none;
}

#post_detail {
    margin-bottom: 20px;
}

#mainContent {
    border: 1px solid #dedede;
    background-color: rgba(255, 255, 255, 0.85);
    border-radius: 4px;
    margin-bottom: 20px;
}

#comment_form{
    padding:20px;
    margin-bottom: 20px;
}

#blog-comments-placeholder{
    border-radius: 4px;
    padding:20px;
    margin-bottom: 20px;
}




#ad_t2{
    display:none;
}

#cnblogs_c1{
    display:none;
}
#cnblogs_c2{
    display:none;
}
#sidebar_recentcomments{
    display:none;
}
#sidebar_topcommentedposts{
    display:none;
}

.c_b_p_link_desc{
    border-bottom: 1px solid #dedede;
}

.gallery{
text-align: center;
padding:20px;
}

#ViewPicture1_GalleryImage{
  max-width: 100% !important;
}

pre {
    /*控制代码不换行*/
    white-space: pre !important;
    word-wrap: normal !important;
    border-radius:4px;
}

.hljs{
border-radius:4px;
background-color:#2f3138 !important;
}

.entrylist{
    padding: 20px;
}

.entrylistTitle{
    font-size: 18px;
    border-bottom: double #cbcbcb 4px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.entrylistItem{
    padding: 10px;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    margin-bottom: 20px;
}

.entrylistDescription{
    padding: 10px;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    margin-bottom: 20px;
}

#myposts .PostList{
margin-right: 0px;
    padding: 10px;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    margin-bottom: 20px;
}

.entrylistPosttitle{
    font-size: 15px;
    font-weight: bold;
}

.entrylistItemPostDesc{
    font-size: 13px;
}

#myposts{
margin-left: 0px;
}

.myposts_title{
 font-size: 18px;
    border-bottom: double #cbcbcb 4px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

#taglist{
padding: 20px;
}

.feedback_area_title{
font-size:18px;
font-weight:bold;
}
.feedbackItem{
border:solid 1px #ccc; 
margin-top:20px;
border-radius:4px;
}
.feedbackListSubtitle{
border-bottom:dashed 1px #ccc; 
padding:10px;
}
.feedbackCon{
padding:10px;
}
.blog-news-unit{
float: left;
padding:20px 0px 0px 20px;
}
.blog-news-img{
width:247px; 
border-radius:4px;
float:left;
height:184px;
background-image: url("https://images.cnblogs.com/cnblogs_com/hama1993/1389496/o_191116030727frog-bg2.png");
background-size: 100%;
margin-bottom: 15px;
}

.pager{
    font-size: 12px;
    margin: 10px 0;
    text-align: center;
    color: #008080;
    line-height: 200%;
}

.pager a {
    border: 1px solid #008080;
    color: #008080;
    margin: 0 2px;
    padding: 3px 8px;
    border-radius: 4px;
    text-decoration: none;
}

.pager a:hover {
    color: #FFF;
    padding: 3px 8px;
    background-color: #008080;
    text-decoration: none;
}

#homepage_top_pager{
display:none;
}

#green_channel a {
    background: url("");
    font-weight: normal;
    display: inline-block;
    padding: 3px 8px;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    margin-right: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0);
    text-shadow: 0 -1px 1px rgba(0,0,0,0);
    vertical-align: middle;
}





/*生成博客目录的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:168px; 
height:228px;
    border-right:none;
    text-align:center;
    background: url("https://images.cnblogs.com/cnblogs_com/hama1993/1389496/o_191226030239index.png");
}

#sideBarContents{
    float:left;
    overflow:auto; 
    overflow-x:hidden;!important;
    width:300px;
    min-height:228px;
    max-height:460px;
    background-color: rgba(126,38,33,0.5);
border-top: solid 8px #7E2621;
border-bottom: solid 8px #7E2621;
border-left: solid 8px #7E2621;
text-shadow: 0px 0px 10px #000;
}
#sideBarContents dl{
    margin:0;
    padding:0;
    color:#FFD700;
}

#sideBarContents dt{
    margin-top:5px;
    margin-left:5px;
    color:#FFD700;
    font-weight:bold;
}

#sideBarContents dd, dt {
    cursor: pointer;
}

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