* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a,
a:link,
a:visited,
a:active,
a:hover {
    text-decoration: none;
    color: #106cc8;
}

/*color */
.dark-primary-color {
background : #9D2E7D;
}

.primary-color {
 background: linear-gradient(33deg, #BC3D2F, #A16BFE);
}

.accent-color {
    background: #E040FB;
}

.primary-text {
    color: #212121;
}

.secondary-text {
    color: #757575;
}

.divider-color {
    background: #BDBDBD;
}

/*头部*/
.self-header {
    position: absolute;
    width: 100%;
}

.top-header {
    height: 45px;
    position: relative;
    line-height: 45px;
    color: white;
        padding-right: 18vw;
    text-align: right;
}

.head-panel {
    position: relative;
    height: 55vh;
    overflow: hidden;
}

.bg-blog-face {
    position: relative;
    top: -15vh;
    width: 100vw;
    height: 100vh;
    opacity: 0.1;
}

.blog-face {
    position: absolute;
    height: 20vw;
    width: 20vw;
    right: 10vw;
    top: 30vh;
    border-radius: 100%;
    border: 1.5vh solid #ffffff;
}


/*home*/
#home {
    position: relative;
    top: 30vh;

}

#header {
    margin-left: 10vw;
}

#blogTitle {
    position: relative;
}

#blogTitle h1 a {
    font-size: 64px;
    text-decoration: none;
}

#blogTitle h2 {
    font-size: 15px;
}

#blogTitle h1 a,
#blogTitle h2 {
    color: white;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
    line-height: 50px
}

#navigator {
    height: 100px;
}

#navList {
    height: 20px;
}

#navList li {

    float: left;
    list-style: none;
    margin-right: 15px;
}

#navList li a {
    color: white;
    text-decoration: none;
}

.blogStats {
    position: absolute;
}

.blogStats span {
    color: #ffffffa1;
    font-size: 12px;
}


/*main*/
#main {
    margin-top: 13vh;
}

#mainContent {
    position: relative;
    top: -30px;
    width: 64vw;
    margin: 0 2vw;
}

#sideBar {
    width: 30vw;
    margin-top: 3vh;
}

#sideBar a,
#sideBar a:link,
#sideBar a:visited,
#sideBar a:active,
#sideBar a:hover {
    text-decoration: none;
    color: #9C27B0;
}

#mainContent,
#sideBar {
    float: left;
}

.post {
    padding: 8px;
    border: 2px solid #9C27B0;
}

#sidebar_news {}

#blog-calendar {}

#leftcontentcontainer {}



#blog-news,
#blog-calendar,
.sidebar-block {
    margin-bottom: 18px;
}

#blog-news,
#blog-calendar,
#sidebar_search_box,
.sidebar-block ul {
    padding: 8px;
    border: 2px solid #9C27B0;
}

.sidebar-block ul li {
    list-style: none !important;
}

.catListTitle {
    padding: 8px;
    background: #9C27B0;
    color: aliceblue;
}

.sidebar-block ul li a {
    line-height: 30px;
}

.div_my_zzk {
    margin: 20px 0;
}

.input_my_zzk {
    width: calc(100% - 90px) !important;
    height: 32px !important;
    border: 1px solid #9C27B0;
}

.btn_my_zzk {
    margin: 0;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0);
    outline: none;
    width: 80px;
    height: 32px !important;
    background: #9C27B0;
    color: white;
}

#blogCalendar td {
    font-size: 24px;
}

#blogCalendar tr:nth-child(1) td {
    height: 4.7vw;
}

#blogCalendar tr:nth-child(n+3) td {
    width: 4.7vw;
    height: 4.7vw;
}

.CalOtherMonthDay {
    color: #c3c5c5;
}

.CalTodayDay,
.CalTodayDay a {
    background: #9C27B0;
    color: white !important;
    width: 4.7vw;
    height: 4.7vw;
    display: block;
    line-height: 4.7vw;
    border-radius: 35px;
    font-size: 32px !important;
}

/*
day post
*/
.day {
    border: 2px solid #9C27B0;
}

.dayTitle {
    background: #9C27B0;
    height: 45px;
    line-height: 45px;
    padding-left: 45px;
}

.dayTitle a {
    color: white;
}

.postTitle {
    line-height: 35px;
    margin: 8px;
    border-bottom: 1px solid #BDBDBD;
}

.postCon {
    padding: 12px;
}

/*post Desc*/
.postDesc {
    padding: 8px;
    font-size: 10px;
    color: gray;
    text-align: right;
}
#blog_post_info_block {
    margin-top: 20px;
    border-top: 2px solid  #9C27B0;
    padding-top: 20px;
}
/*footer*/
#footer {
    text-align: center;
    color: gray;
}

/*** archives ***/
.entrylist {
    position: relative;
}

.entrylistTitle {
    color: #9C27B0;
    font-size: 28px;
}

.entrylistItem {
    position: relative;
    border: 2px solid #9C27B0;
    padding: 8px;
    margin: 8px 0;
}

.entrylistPosttitle {
    font-size: 15px;
    padding: 5px;
}

.entrylistPosttitle {
    border-bottom: 1px solid #BDBDBD;
    margin-bottom: 8px;
    padding-bottom: 8px;
}

.entrylistItemPostDesc {
    position: relative;
    text-align: right;
    color: gray;
    font-size: 12px;
}

/***/
#comment_nav a {
    font-size: 10px;
    margin: 8px 0;
}

.comment_textarea {
    width: 100% !important;
    border: 2px solid #9C27B0 !important;
}

.comment_btn {
    margin: 0;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0);
    outline: none;
    width: 80px;
    height: 32px !important;
    background: #9C27B0;
    color: white;
}
.commentbox_title {
    width: 100% !important;
}
#commentbox_opt a {
    position: relative;
    top: 10px;
    font-size: 10px;
}

#under_post_kb,
#ad_t2 {
    line-height: 15px !important;
}

#under_post_kb a,
#ad_t2 a {
    font-size: 10px !important;
}