#site-head {
    background: url(https://liuwanlin.info/assets/images/pencraft-bg.jpg) no-repeat;
    background-attachment: fixed;
    background-size: 100% auto;
    /* min-height: 600px; */
    display: block;
    position: relative;
    overflow: hidden;
}
.site-description {
    min-height: 300px;
    padding: 100px;
    position: relative;
    color:#fff;
font-size:24px;
}
#header {
        padding: 0px 30px;
    margin: 8px -17.4%;
    background: none;
    box-shadow: none;
background:#fff;
}
#mainContent {
    background: linear-gradient(to right,rgba(0, 0, 0, 0) 17em,rgb(255, 255, 255) 0);
    padding: 20px 20px 10px 0px;
}
@media only screen and (max-width: 767px){
.site-description {
    padding: 50px;
}
#mainContent{
background:#fff;
padding-right:0;
}
#header{
  margin-right:0;
}
}
@media screen and (max-width:500px){
  .site-description{
   padding:0;
   min-height:200px;
 }
}

.blog-description {
    font-size: 1.5em;
}
.blog-title{
   font-size:2em;
   font-weight:600;
}
#home{
 margin-top: 0;
box-shadow:none;
    background: none;
    padding: 30px 0;
}

.main{
    width: calc(100% - 60px) !important;
    text-align: left;
    padding: 30px;
}
#blogTitle{
display:none;
}
#navigator {
    font-size: 13px;
    border-bottom: 1px solid rgb(237, 237, 237);
    border-top: none;
    margin-top: -40px;
}
#navList li {
    margin: 0;
}
#navList a {
    height: 21px;
    padding: 20px 20px 8px;
}
#navList a:hover{
    border-bottom: 2px solid rgb(26, 158, 175);
}
.day{
    padding: 30px;
    transition: all 1s;
}
.day:hover{
    box-shadow: 0 5px 14px rgba(100, 100, 100, 0.3);
}
.postDesc {
  margin-top:0;
  margin-bottom:30px;
}.newsItem, .catListEssay, .catListLink, .catListNoteBook, .catListTag, .catListPostCategory, .catListPostArchive, .catListImageCategory, .catListArticleArchive, .catListView, .catListFeedback, .mySearch, .catListComment, .catListBlogRank, .catList, .catListArticleCategory {
 padding: 10px 20px;
    margin-top: 18px;
}
#blog-calendar {
background:#fff;
}
.input_my_zzk {
width:calc(100% - 50px);
}
.btn_my_zzk {
 right:-25px;
}
#backToTop{
    position: fixed;
    bottom: 17px;
    right: 30px;
    background: rgba(255, 127, 80, 0.51);
    padding: 0 8px;
    color: rgb(255, 248, 220);
}
#backToTop:hover {
    background: rgba(255, 127, 80, 0.96);
}
.catListTitle {
    padding-bottom: 5px;
    border-bottom: 3px solid #20afe9;
    margin-top:0;
}