a {
        text-decoration: none;
}
*{
      margin: 0px;
      padding: 0px;
}
body {
        padding: 1px;
        margin: 1px;
        top: 0px;
        left: 0px;
        width: 100%;
        height: auto;
}
#top_nav {
        background-color: #45bcf9;
        width: auto;
        height: 100px;
        top: 0px;
        left: 0px;
}
#page_begin_html {
        padding: 1px;
        top: 0px;
        left: 0px;
        width: 100%;
        background-color: #99750938;
}
#home {
        padding: 1px;
        top: 0px;
        left: 0px;
        width: 100%;
}
#page_end_html {
        background-color: yellow;
        height: 600px;
        width: auto;
        padding: 1px;
        left: 0px;
        top: 0px;
}
/******************************************************/
.has-navbar{
      
}
#header{
        width:100%;
        height:400px;
}
div {

}
#blogTitle {
        position: relative;
        width:100%;
        height:340px;
}
.title{
        width:100%;
        height:340px;
        /*background:url(https://images.cnblogs.com/cnblogs_com/qianqiaokeer/1848241/o_200915140711gilr.jpg) no-repeat;*/
        background:url(https://images.cnblogs.com/cnblogs_com/qianqiaokeer/1848241/o_201021073214%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_201909052046341.jpg);
        background-repeat: no-repeat;
        background-size:cover;
        opacity: 0.8;
        background-color:#45bcf9;
}
.title a{
        display:none;
        text-decoration:none;
        width:200px;
        height:80px;
        font-size:50px;
        line-height:80px;
        top:50%;
        left:50%;
        margin-top:-40px;
        margin-left:-100px;
}
#navigator{
        position: relative;
}
#navList {
        display:inline-block;
        float:left;
        background-color: #45bcf9;
        width:80%;
}
#navList li {
        display:inline-block;
        height:60px;
        width: 60px;
        line-height:60px;
        text-align: center;
}
#navList li:hover {
        background-color: #91a7ff;
}
#nav_sitehome {
        margin-left: 30px;
}
#navList li a {
        /*链接去掉下划线*/
        text-decoration: none;
        /*字体颜色白色*/
        color: #fff;
}
.blogStats{
        /* float:right;*/
        width:20%;
        display:inline-block;
        height:60px;
        line-height:60px;
        background-color: #45bcf9;
}
.blogStats span{
        
}
#main {
        width:100%;
        background-color: violet;
        /*display:none;*/
}
#mainContent {
        background-color: yellow;
        height: auto;
        width: 80%;
        float: right;
}
#sideBar {
        background-color: orange;
        width: 20%;
        height: auto;
        float: left;
}
/******************************************************日期 start******************************************************/
/*日历*/
#calendar {
        background-color: #fff;
        width: 100%;
        height: auto;
}
/*当天日期*/
.CalTodayDay {
        height: 47px;
        background-color: skyblue;
}
/*非这个月日期*/
.CalOtherMonthDay {
        height: 47px;
        background-color: darkgrey;
}
/* 这个月日期 */
.CalWeekendDay {
        height: 47px;
}
/* 年月 */
.CalTitle {
        background-color: #45bcf9;
        height: 30px;
}
/* 星期几 */
.CalDayHeader {
        /* 文字居中 */
        text-align: center;
        height: 47px;
}
.myhtml{
        width: 100%;
        height:auto;
        background-color: #99750938;
}
/* 底部 */
#footer{
        text-align: center;
        padding: 1px;
        margin: 1px;
        left: 0px;
        top: 0px;
        margin-top:0px;
        background-color: pink;
}