*{
    margin:0;
    padding:0;
}
a{
    text-decoration: none;
    color: #000;
}
ul{
    word-break: break-all;
}
li {
    list-style: none;
}
body{
    background-color:rgba(138, 109, 53, 0.3);
    background-attachment: fixed;
    background-position: 100% 50%;
    background-size: 100% auto;

    font-family: 'PingFang SC','Microsoft YaHei','Helvetica Neue','Helvetica','Arial',sans-serif;

    font-size: 14px;
    min-height: 101%;
}
/* 主体 */
#home{
    margin:0 auto;
    width: 80%;
    min-width: 980px;
    background-color: rgba(255,255,255,0.3);
    padding: 30px;
    margin-top: 50px;
    margin-bottom: 50px;
    box-shadow: 0 2px 6px rgb(100 100 100/30%);
}
/* 博客的标题 */
#blogTitle{
    height: 100px;
    clear: both;
    background-color: rgba(138, 109, 53, 0.3);
    text-decoration: none;
}
#blogTitle h1 a{
    text-decoration: none;
    color: #000;
}
#blogTitle h1 a:hover{
    color: #f60;
}
/* 导航栏 */
#navigator{
    background-color: rgba(138, 109, 53, 0.3);
    line-height: 50px;
    overflow: hidden;
    clear: both;
    color: #000;
}
#navigator ul{
    display: flex;
    justify-content: start;
    align-items: center;
    font-size: 18px;
    list-style: none;
}
#navList{
    float: left;
}

#navigator ul li{
    margin: 5px 20px;
    color: #000;
}
.blogStats{
    float:right;
}                                                                                          
/* 头部 */
#header{
    margin-bottom: 5px;
}
/* 主体的内容区 */
#main{
    min-width: 640px;
    text_align:left;
    padding: 20px 0 0 10px;
    overflow: hidden;
}
#mainContent{
    min-height: 200px;
    padding: 0 0 10px 0;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    float: right;
    margin-left: -21em;
    margin-right: 20px;
    display: inline;
    width: 100%;
}
#mainContent .forFlow {
    margin-left: 21em;
    float: none;
    width: auto;
}
#topics {
    background: rgba(255, 255, 255, 0);
}
#topics .postTitle {
    font-size: 130%;
    font-weight: bold;
    border-bottom: 1px solid #999;
    float: left;
    line-height: 2em;
    width: 100%;
    padding-left: 5px;
}
.postTitle {
    border-left: 8px solid rgba(138, 109, 53, 0.3);
    margin-left: 10px;
    margin-bottom: 10px;
    clear: both;
}
.postBody {
    line-height: 1.5;
    padding: 15px 2px 5px 5px;
    color: #000;
    border-bottom: 1px solid #ccc;
}
#topics .postDesc {
    float: right;
    width: 100%;
    text-align: right;
    padding-right: 5px;
    color: #666;
    margin-top: 5px;
}
.postDesc{
    clear: both;
    font-size: 13px;
    font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
    line-height: 1.8;
    padding-bottom: 35px;
}
/* 侧边栏 */
#sideBar {
    width: 250px;
    min-height: 200px;
    padding: 0 0 0 5px;
    float: left;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.newsItem, .catListLink, .catListEssay, .catListNoteBook, .catListTag, .catListPostCategory, .catListPostArchive, .catListImageCategory, .catListArticleArchive, .catListView, .catListFeedback, .mySearch, .catListComment, .catListBlogRank, .catList, .catListArticleCategory, #blog-calendar {
    background: rgba(255, 255, 255, 0);
    margin-bottom: 35px;
    word-wrap: break-word;
}
.newsItem, #blog-calendar {
    text-indent: 0;
    padding: 10px;
    border-radius: 7px;
    box-shadow: 1px 1px 2px #a7a8ad;
    line-height: 1.5;
}
/* 公告隐藏 */
.newsItem .catListTitle {
    display: none;
}
#blog-news {
    overflow: hidden;
}
.Cal {
    border: none;
    color: #666;
    width:100%;
}
tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.newsItem, .catListLink, .catListEssay, .catListNoteBook, .catListTag, .catListPostCategory, .catListPostArchive, .catListImageCategory, .catListArticleArchive, .catListView, .catListFeedback, .mySearch, .catListComment, .catListBlogRank, .catList, .catListArticleCategory, #blog-calendar {
    background: rgba(255, 255, 255, 0);
    margin-bottom: 35px;
    word-wrap: break-word;
}
.catListEssay, .catListLink, .catListNoteBook, .catListTag, .catListPostCategory, .catListPostArchive, .catListImageCategory, .catListArticleArchive, .catListView, .catListFeedback, .mySearch, .catListComment, .catListBlogRank, .catList, .catListArticleCategory {
    border-radius: 7px;
    box-shadow: 1px 1px 2px #a7a8ad;
    overflow: hidden;
    zoom: 1;
}
.catListTitle {
    background: #390;
    border-bottom: 1px solid #060;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    color: #fff;
    font-size: 1.2em;
    height: 1.8em;
    line-height: 1.8em;
    padding: 5px;
    text-indent: 0.5em;
    text-shadow: 1px 1px 0 rgb(0 0 0 / 30%);
    background-color: rgba(255,255,255,0);
}
#sideBarMain ul {
    line-height: 1.5;
}
.catListEssay ul li, .catListLink ul li, .catListNoteBook ul li, .catListTag ul li, .catListPostCategory ul li, .catListPostArchive ul li, .catListImageCategory ul li, .catListArticleArchive ul li, .catListView ul li, .catListFeedback ul li, .catListComment ul li, .catListBlogRank ul li, .catList ul li, .catListArticleCategory ul li {
    text-indent: 1em;
    padding: 10px 5px;
    border-bottom: 1px solid #dadfe1;
    border-top: 1px solid #fff;
    overflow: hidden;
}
/* 底部 */
#footer {
    text-align: center;
    min-height: 15px;
    border-top: 1px solid #000;
    margin-top: 10px;
    padding-top: 10px;
    margin-bottom: 10px;
}
/* 随笔文章 */
.entrylistPosttitle{
    margin:5px;
    font-size: 16px;
}
.entrylistPosttitle a:hover{
    color: #f60;
}
.entrylistItem{
    margin-bottom: 20px;
}