html, body {
    height: 100%;
    font-size: 12px;
    color: black;
    line-height: 1.5;
    background-color: Black;
    color: #B6B6B6;
    padding-top: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

a:link {
    color: #707070;
    text-decoration: none;
}

a:visited {
    color: #707070;
    text-decoration: none;
}

a:hover {
    color: #97C4DF;
    text-decoration: underline;
}

a:active {
    color: #97C4DF;
    text-decoration: none;
}

body.has-navbar {
    margin-top: 42px;
}

.navbar {
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    position: fixed;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #000000;
}

.navbar > nav .navbar-list {
    margin: 0;
    padding: 0;
}

.navbar > nav .navbar-search {
    background-color: #333333;
}

#container {
    width: 1000px;
}

#header {
    height: 432px;
    background: #000 url(images/header.jpg) no-repeat;
    text-align: left;
}

#HeaderArea {
    margin-left: 250px;
    height: 300px;
}

.headerText {
    height: 78px;
    line-height: 78px;
    padding-left: 10px;
    border: solid 0px red;
    color: #FFF;
}

.headermaintitle {
    font-size: 20px;
    font-weight: bold;
}

a.headermaintitle:link {
    color: white;
    text-decoration: none;
}

a.headermaintitle:visited {
    color: white;
    text-decoration: none;
}

a.headermaintitle:hover {
    color: #97C4DF;
    text-decoration: underline;
}

a.headermaintitle:active {
    color: blue;
    text-decoration: none;
}

.headerDis {
    width: 300px;
    height: 78px;
    color: #000;
    overflow: hidden;
    font-size: 16px;
    margin-left: 15px;
    margin-top: -20px;
}

#mylinks {
    margin-top: 52px;
    margin-left: 128px;
    color: #707070;
}

#mylinks a:link {
    color: #c7c7c7;
}

#mylinks a:visited {
    color: #c7c7c7;
}


#mylinks a:hover {
    color: #97C4DF;
}

#mylinks a:active {
    color: #97C4DF;
}

#mystats {
    color: #c7c7c7;
    text-align: right;
    margin-right: 20px;
}

#main {
    width: 1000px;
    background: transparent;
    text-align: left;
}

#main a:link {
    color: #60718f;
}

#main a:visited {
    color: #60718f;
}


#main a:hover {
    color: #60718f;
}

#main a:active {
    color: #60718f;
}

#left_content {
    width: 700px;
    float: left;
    overflow: hidden;
}


#right_content {
    background: url(images/right_bg.gif);
    width: 277px;
    float: right;
    text-align: left;
}

#right_content a:link {
    color: #707070;
}

#right_content a:visited {
    color: #707070;
}


#right_content a:hover {
    color: #97C4DF;
}

#right_content a:active {
    color: #97C4DF;
}

#news {
    margin-left: 10px;
    margin-bottom: 20px;
    margin-top: 0px;
    color: #707070;
}

.newsItem {
    margin-left: 5px;
    margin-right: 5px;
    color: #707070;
}

.listtitle {
    font-size: 13px;
    margin-left: 5px;
}

.entrylist {
    color: #707070;
}


.entrylistTitle {
    border: solid 0px red;
    font-size: 14px;
    font-weight: bold;
    padding-left: 10px;
    /*background: url(images/list_title.gif);*/
    /*width: 226px;*/
    margin-left: 10px;
    color: white;
    height: 21px;
    /*padding-left:5px;
	padding-top:3px;*/
    margin-top: 10px;
    margin-left: 0px;
}

.entrylistDescription {
    padding: 10px;
    color: gray;
}

.catListTitle {
    font-size: 13px;
    margin-left: 10px;
    background: url(images/list_title.gif);
    width: 226px;
    color: Black;
    height: 21px;
    padding-left: 5px;
    padding-top: 3px;
}

#right_content h3 {
    font-size: 13px;
    margin-left: 10px;
    background: url(images/list_title.gif);
    width: 226px;
    color: Black;
    height: 21px;
    padding-left: 5px;
    padding-top: 3px;
}

.entrylistItem {
    padding: 10px;
    color: #707070;
}

ul {
    color: #707070;
}


.entrylistItem a:link {
    color: #707070;
}

.entrylistItem a:visited {
    color: #707070;
}

.dayTitle {
    border-bottom: solid 1px #EFEFEF;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-weight: bold;
}

.postTitle {
    padding: 10px;
    padding-left: 50px;
    font-size: 14px;
    font-weight: bold;
    background: url(images/day_title.jpg) no-repeat;
    padding-top: 15px;
    height: 48px;
}

.postTitle2 {
    padding-bottom: 10px;
}

.postTitle a:link, a:visited {
    color: #97C4DF;
}

.postSeparator {
    border-bottom: solid 1px #383838;
    margin-bottom: 5px;
}

.entryTitle {
    padding: 10px;
    padding-left: 50px;
    font-size: 14px;
    font-weight: bold;
    background: url(images/post_title.gif) no-repeat;
    padding-top: 15px;
    height: 48px;
}

#footer {
    width: 564px;
    height: 167px;
    text-align: center;
    background: url(images/footer.jpg) no-repeat;
    padding-top: 110px;
    font-size: 14px;
}


a.menu:link {
    color: black;
    text-decoration: none;
}

a.menu:visited {
    color: black;
    text-decoration: none;
}

a.menu:hover {
    color: black;
    text-decoration: underline;
}

a.menu:active {
    color: black;
    text-decoration: none;
}

#topics {
    margin: 30px 30px auto 50px;
    width: 93% !important;
    width: 100%;
}

.postCon {
    border: dotted 0px #EFEFEF;
    padding: 10px;
    font-size: 14px;
    line-height: 150%;
}

.postDesc {
    text-align: right;
    font-size: 12px;
    color: gray;
}

.post {
    font-size: 14px;
    padding: 10px;
    width: 680px;
    line-height: 1.5;
}

.entrylistItemTitle {
    font-size: 14px;
}

.entrylistItemPostDesc {
    text-align: right;
    color: gray;
}

/*评论区*/
.feedback_area_title {
    font-size: 14px;
    font-weight: bold;
    border-bottom: solid 1px #383838;
    margin-bottom: 10px;
}

.feedbackListSubtitle {
    font-weight: bold;
    color: #4F4F4F;
    /*border-bottom: dotted 1px #ccc;*/
    margin-bottom: 10px;
}

.feedbackManage {
    float: right;
    font-weight: normal;
}

.feedbackCon {
    margin-bottom: 10px;
    border-bottom: solid 1px #383838;
    padding-bottom: 10px;
    /*color: #B6B6B6;*/
    color: #757575;
    font-size: 13px;
}

.commentform {
    width: 700px;
}

/*Calendar*/
.Cal {
    width: 257px;
    font-size: 12px;
    margin-left: 10px;
    background: black;
}

.CalTitle {
    background: black;
    font-size: 12px;
    color: #0066AA;
    height: 30px;
}

.CalDayHeader {
    border: solid 0px red;
    font-weight: bold;
}

.CalTodayDay {
    border: solid 0px red;
    background: black;
    color: #0066AA;
}

.CalSelector {
    border: solid 0px red;
    background: black;
}

.CalWeekendDay {
    background: black;
}

.CalOtherMonthDay {
    color: gray;
}

.CalNextPrev {
    border: solid 0px red;
    padding: 5px;
    font-weight: bold;
}

.div_my_zzk {
    margin-left: 15px;
}

.RecentComment ul {
    list-style: none;
    margin-left: 0px;
    padding-left: 15px;
    padding-right: 10px;
}

@media only screen and (max-width: 767px) {
    #container {
        width: auto;
    }

    #main {
        width: auto;
    }

    #left_content {
        width: auto;
        float: none;
        overflow: hidden;
        padding: 5px;
    }

    #right_content {
        width: auto;
        float: none;
    }

    .post {
        width: auto;
    }
}