* {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    color: #1E3948;
    text-decoration: none;
}

html {
    font-size: 62.5%;
    /* 10 ÷ 16 × 100% = 62.5% */
}

body {
    font-family: 'Trebuchet MS', Arial, 'Lucida Grande', Verdana, Lucida, Helvetica, sans-serif;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.6;
    background-color: #f2f2f2;
    -webkit-font-smoothing: antialiased;
}


/* 头部 */

#header {
    position: fixed;
    overflow: hidden;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100;
    height: 5rem;
    min-width: 75rem;
    background-color: #4E7CA0;
    border-bottom: 1px solid #3D6C92;
    text-align: center;
}


/* 主体 */

#main {
    padding: 3rem 1.5rem;
    margin-top: 5rem;
    margin-bottom: 2.7rem;
    min-width: 70rem;
}


/* 左侧 */

#sideBar {
    width: 20rem;
    float: left;
}


/* 右侧 */

#mainContent {
    float: right;
    min-height: 20rem;
    margin-left: -20rem;
    width: 100%;
    text-overflow: ellipsis;
    word-break: break-all;
}

#mainContent .forFlow {
    margin-left: 23rem;
    min-width: 55rem;
}


/* 底部 */

#footer {
    position: fixed;
    overflow: hidden;
    z-index: 100;
    bottom: 0;
    left: 0;
    right: 0;
    padding: .2rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    background-color: white;
    border-bottom: .2rem solid #3D6C92;
    border-top: .1rem solid #CCC;
}


/* 博客状态*/

#navigator .blogStats {
    float: left;
    width: 20rem;
    height: 1.5rem;
    text-align: center;
    border-radius: .4rem .4rem 0 0;
    margin: 2.4rem 0 0 10rem;
    padding: .5rem 1rem;
    font-size: 1.2rem;
    background-color: #fff;
    border: .1rem solid #1c73a5;
    border-bottom: none;
}


/* 菜单栏 */

#navigator {
    display: inline-block;
    height: 5rem;
}

#navigator #navList {
    width: 40rem;
    height: 5rem;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
}

#navList li {
    display: inline-block;
    width: 5rem;
    height: 4.8rem;
    line-height: 5rem;
    padding: 0 .5rem;
    border-bottom: .2rem solid transparent;
    transition: all 0.4s ease-in-out 0s;
}

#navList li a {
    font-size: 2rem;
    color: white;
    text-shadow: .1rem .1rem .1rem #1E3948;
    transition: all 0.4s ease-in-out 0s;
}

#navList li:hover {
    border-bottom: .2rem solid rgba(255, 255, 255, 0.7);
    background-color: rgba(255, 255, 255, 0.1);
}


/* 博客标题*/

#blogTitle {
    display: inline-block;
    height: 5rem;
    overflow: hidden;
}


/* 博客Logo 1rem */

#lnkBlogLogo {
    display: inline-block;
}


/* Logo图片 5-4-.3*2 */

#lnkBlogLogo img {
    width: 4rem;
    height: 4rem;
    vertical-align: middle;
    background-color: #669999;
    background-size: cover;
    background-image: url("https://pic.cnblogs.com/face/802882/20150825220845.png");
    border: .3rem solid #fff;
    border-radius: 50%;
    box-shadow: .1rem .1rem .2rem rgba(0, 0, 0, 0.5);
}


/* 博客标题 */

#blogTitle h1 {
    display: inline-block;
    vertical-align: middle;
    margin: 0 .2rem;
    padding: 0 .3rem;
    height: 5rem;
    line-height: 5rem;
    font-size: 2.5rem;
    transition: all 0.4s ease-in-out 0s;
}

#blogTitle h1:hover {
    background-color: rgba(54, 90, 125, 0.5);
}


/* 文字 */

#Header1_HeaderTitle {
    display: block;
    height: 100%;
    width: 100%;
    color: #FFFFFF;
    transition: all 0.4s ease-in-out 0s;
}

#Header1_HeaderTitle:hover {
    color: #CAA772;
    text-shadow: 1px 1px 1px #4A3949;
}


/* 个性签名 */

#blogTitle h2 {
    display: inline-block;
    vertical-align: middle;
    height: 5rem;
    line-height: 5rem;
    color: #fff;
    font-size: 1.2rem;
    font-weight: lighter;
}
/* 侧边栏 */


/* 头部 */

.catListTitle {
    color: #fff;
    font-size: 1.8rem;
    font-weight: lighter;
    height: 2.5rem;
    line-height: 2.5rem;
    background-color: #4E7CA0;
    padding: 0 1.5rem;
    border: 1px solid #447399;
    border-radius: .4rem .4rem 0 0;
}


/* 公告栏 */

#blog-news {
    padding: 1rem 1.5rem;
    background-color: white;
    border: .1rem solid #CCC;
    border-top: none;
}

#blog-calendar,
#sidebar_search_box,
#sideBar ul {
    margin-bottom: 1.5rem;
    padding: 1rem 1.5rem;
    background-color: white;
    border: .1rem solid #CCC;
    border-top: none;
    border-radius: 0 0 .4rem .4rem;
}

.newsItem,
#blog-calendar,
#sidebar_search,
#sidebar_shortcut,
#sidebar_categories {
    box-shadow: 0 .1rem .1rem rgba(0, 0, 0, 0.05);
}


/* 日历栏定制 */

#blogCalendar {
    background-color: #3D87B2;
    border: .1rem solid #1c73a5;
    box-shadow: .1rem .1rem .2rem rgba(0, 0, 0, 0.5);
}

#blogCalendar a {
    color: #fff;
    display: inline-block;
    width: 100%;
    height: 100%;
}

#blogCalendar td {
    color: #fff;
    padding: .3rem;
    height: 2rem;
    width: 2rem;
}

#blogCalendar td:first-child {
    padding: 0;
}


/* 日历标题 */

#blogCalendar .CalTitle td {
    padding: 0;
    height: 2.5rem;
    width: 5rem;
    text-align: center;
}

#blogCalendar td.CalOtherMonthDay {
    color: rgba(238, 238, 238, 0.5);
    background-color: #528FB3;
}

#blogCalendar .CalDayHeader {
    background-color: #7F8099;
    color:white;
    padding: .5rem;
}


/* 前进后退 */

.CalNextPrev,
.CalNextPrev {
    width: 1rem !important;
    transition: all 0.4s ease-in-out 0s;
}

.CalNextPrev:hover {
    background-color: #1c73a5;
}

.CalNextPrev:hover {
    background-color: #1c73a5;
}

.CalNextPrev a,
.CalNextPrev a {
    line-height: 2.5rem;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    text-shadow: 1px 1px 1px #484848;
}


/* 活跃天数 */

#blogCalendar u {
    height: 2rem;
    line-height: 2rem;
    width: 2rem;
    display: inline-block;
    background-color: #fff;
    color: #996699;
    font-weight: normal;
    border: .2rem solid #996699;
    transition: all 0.4s ease-in-out 0s;
}

#blogCalendar u:hover {
    color: #fff;
    background-color: #996699;
    border: .2rem solid #fff;
}


/* 周末 */

#blogCalendar td.CalWeekendDay {
    background-color: #528FB3;
}
.forFlow {
    /* box-shadow: 0 .1rem .1rem rgba(0, 0, 0, 0.3); */
}


/* 每天区域 */

.day {
    background-color: white;
    border: .1rem solid #CCC;
    transition: all 0.4s ease-in-out 0s;
    padding: 1rem 1.5rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 .1rem .1rem rgba(0, 0, 0, 0.05);
    border-radius: .4rem;
}

.day:hover {
    border-color: #447399;
}


/* 2015年10月6日  */

.dayTitle {
    width: 8.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    margin-top: -1rem;
    font-size: 1.2rem;
    background-color: #47769B;
    border: .1rem solid #447399;
    border-top: none;
    border-radius: 0 0 .3rem .3rem;
    box-shadow: 0 .1rem .1rem rgba(0, 0, 0, .4);
    overflow: hidden;
    transition: all 0.4s ease-in-out 0s;
}

.dayTitle a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: white;
    transition: all 0.4s ease-in-out 0s;
}


/* 发布随笔名称 */

.postTitle {
    font-size: 2rem;
    height: 2.5rem;
    line-height: 2.5rem;
    margin-top: .2rem;
    overflow: hidden;
}

.postTitle a {
    color: #9F705B;
    text-shadow: 1px 1px 1px #6F5A5B;
}


/* 发布随笔内容 */

.postCon {
    font-size: 1.4rem;
    font-weight: normal;
    overflow: auto;
    padding: 1rem 0;
    clear: both;
}

.postCon a {
    float: right;
    color: #4E7CA0;
    transition: all 0.4s ease-in-out 0s;
}

.postCon a:hover {
    color: #365A7D;
}


/* 发布随笔描述 */

.postDesc {
    color: #CCC;
    font-size: 1rem;
}

.postDesc a {
    float: right;
    margin: 0 .5rem;
    color: #555;
    transition: all 0.4s ease-in-out 0s;
}

.postDesc a:hover {
    text-decoration: underline;
}


/* 发布断点 */

.postSeparator {
    margin: 1rem 0;
    border-bottom: .1rem dashed  #CCC;
}
/* 文章详情 */

#post_detail {
    background-color: white;
    border: .1rem solid #CCC;
    padding: 1rem 1.5rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 .1rem .1rem rgba(0, 0, 0, 0.05);
    border-radius: .4rem;
    transition: all 0.4s ease-in-out 0s;
}


/* 文章主体 */

#cnblogs_post_body {
    padding: 1rem;
    margin: 1rem 0;
    color: #555;
    background-color: rgba(202,167,114,0.1);
    border-top: .2rem solid #4E7CA0;
    border-radius: 0 0 .4rem .4rem;
    box-shadow: 0 .1rem .2rem rgba(0, 0, 0, 0.3);
}

#cnblogs_post_body a{
    color: #4E7CA0;
}

#cnblogs_post_body a:hover {
    text-decoration: underline;
}


/* 文章底部快速连接区域 */

#BlogPostCategory {
    margin-bottom: 0;
}

#blog_post_info_block {
    background-color: #9F705B;
    padding: 1rem;
    margin: 1rem 0;
    border: 2px solid #6F5A5B;
    border-radius: .4rem;
    box-shadow: 0 .1rem .2rem rgba(0, 0, 0, 0.3);
}

#author_profile,
#green_channel {
    font-size: 1.2rem;
    color: white;
    height: 4.5rem;
    line-height: 4.5rem;
    margin: 0;
    margin-top: -1rem;
    padding: .5rem;
    background-color: #CAA772;
    border: 2px dashed #6F5A5B;
    border-top: none;
    border-radius: 0 0 .4rem .4rem;
    box-shadow: 0 .1rem .4rem rgba(0, 0, 0, 0.6);
}


/* 绿色通道 */

#green_channel {
    float: right;
    width: 35rem;
    min-width: 35rem;
    overflow: hidden;
    text-align: center;
    color: white;
    font-weight: lighter;
    font-size: 1.4rem;
    text-shadow: .1rem .1rem .1rem #4A3949;
}

#green_channel a {
    display: inline;
    font-weight: lighter;
}


/* 作者信息 */

#author_profile {
    float: left;
    width: 11rem;
    min-width: 10rem;
}

#author_profile_info {
    float: none;
    line-height: 1.2;
}


/* 作者信息详情 */

#author_profile_detail {
    margin-left: .5rem;
    padding: 0;
}

#author_profile_detail a {
    color: white;
    font-weight: lighter;
    font-size: 1.4rem;
    text-shadow: .1rem .1rem .1rem #4A3949;
}


/* 头像 */

.author_avatar {
    float: left;
    margin: 0 .5rem;
    padding: 0;
    vertical-align: middle;
    background-color: #669999;
    background-size: cover;
    border: .2rem solid #fff;
    border-radius: 50%;
    box-shadow: .1rem .1rem .2rem rgba(0, 0, 0, 0.5);
}


/* 文章评价 */

#div_digg {
    position: fixed;
    right: 1rem;
    bottom: 3rem;
    margin: 0;
    padding: .5rem;
    color: white;
    font-size: 1.2rem;
    float: none;
    width: auto;
    text-align: center;
}


/* 推荐&反对 */

.diggit,
.buryit {
    float: left;
    width: 4rem;
    height: 4rem;
    cursor: pointer;
    margin: .2rem 0 0;
    padding: .5rem 0 0;
    vertical-align: middle;
    background-size: cover;
    border: 1px solid #CAA772;
    overflow: hidden;
    background-color: #CCC;
    border-radius: .3rem;
    box-shadow: 0 .1rem .1rem rgba(159, 112, 91, 0.05);
}

.buryit {
    margin-left: .5rem;
}


/* 评价提示区 */

#digg_tips {
    display: none;
    color: white !important;
    text-shadow: 0 .1rem .1rem #1E3948;
}


/* 快捷翻页 */

#post_next_prev {
    margin-top: 1rem;
    color: white;
    text-shadow: .1rem .1rem .1rem rgba(0, 0, 0, 0.6);
}

#post_next_prev a {
    color: white;
    text-shadow: .1rem .1rem .1rem rgba(0, 0, 0, 0.6);
}


/* 评论区标题 */

.feedback_area_title {
    font-size: 1.8rem;
    font-weight: lighter;
    padding: .1rem 1.5rem;
    background-color: #d3e0e9;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border: 1px solid #d3e0e9;
}


/* 评论 */

.feedbackItem {
    background-color: #ffffff;
    padding: 10px 15px;
    border: 1px solid #d3e0e9;
    border-top: none;
}


/* 评论底部区 */

#comment_nav {
    background-color: #ffffff;
    padding: 10px 15px;
    border: 1px solid #d3e0e9;
    border-top: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-bottom: 2rem;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}


/* 发帖区域 */

#comment_form_container {
    background-color: #ffffff;
    padding: 10px 15px;
    border: 1px solid #d3e0e9;
    border-radius: 4px;
}


/* 底部新闻 */

.itnews {
    background-color: #ffffff;
    padding: 10px 15px;
    border: 1px solid #d3e0e9;
    border-radius: 4px;
}
blockquote {
    border-color: rgba(78,124,160,0.5);
}
hr {
    margin-Bottom: 1rem;
    margin-top: .5rem;
}