body {
    background: #666 none repeat scroll 0 0;
    color: #666;
    font: x-large Microsoft YaHei,微软雅黑,Verdana,Geneva,Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
}
ul, li, ol {
    //list-style-type: none;
    list-style-type: disc;
}
a {
    color: steelblue;
    text-decoration: none;
}
a:hover {
    color: darkorange;
}
center {
    font-size: 2em;
    margin: 1em;
}
#main {
    background: #fff none repeat scroll 0 0;
    line-height: 1.8em;
    /*margin: 1em auto;*/
    /*margin: 0.4em auto;*/
    margin: 0 auto;
    /*max-width: 860px;*/
    /*max-width: 1200px;*/
    padding: 0 0 5em;
    width: 100%;
}
#main img {
    border: 0 none;
    float: left;
    margin-right: 1em;
    margin-top: 1em;
    width:100%;
}
.main1 {
    padding: 0 7.5%;
}
#book-title-hidden, #book_title_hidden {
    display: none;
}
.wip a {
    color: gray;
}
#myheader {
    background: white none repeat scroll 0 0;
    color: #666;
    display: block;
    font: 1.4em/1.3em 微软雅黑;
    margin: 0;
    padding: 1.5em 1em;
    text-align: center;
}
#siteheader {
    background: white none repeat scroll 0 0;
    display: block;
    font: 2em/0.8em 微软雅黑;
    margin: 0;
    padding: 1em;
    text-align: center;
}
#siteheader {
    padding: 1em;
}
#siteheader a {
    color: #666;
}
#siteheader span {
    border-bottom: 1px solid grey;
    color: #666;
    font: 0.3em Verdana;
    text-decoration: underline;
}
#myheader span {
    font: 0.7em KaiTi;
}
h2 {
    color: #666;
    font: 1.6em 微软雅黑;
    margin: 0;
    padding: 0.5em;
    text-align: center;
}
.header2 {
    color: #666;
    font: 1.6em 微软雅黑;
    margin: 0;
    padding: 0.5em;
    text-align: center;
}
.h2 {
    color: green;
    font: 1.6em KaiTi;
}
sup {
    color: #2895c3;
    font-size: x-small;
    font-weight: bold;
}
.sup {
    color: #2895c3;
    font-size: x-small;
    font-weight: bold;
}
.ziyuesup {
    color: #2895c3;
    font-size: large;
    font-weight: normal;
}
.ziyuespan {
    color: #2895c3;
    font-size: large;
    padding: 0 0.5em 0 0;
}
.text_center {
    text-align: center;
}
#mulu {
    margin: 1em 0;
    padding: 0 0 0 10em;
}
.nav {
    background: white none repeat scroll 0 0;
    border-bottom: 1px solid lightgrey;
    border-top: 1px solid lightgrey;
    clear: both;
    font-size: medium;
    line-height: 1;
    margin: 0;
    padding: 1em 0;
}
p.nav span {
    float: right;
}
.bookindex, .booksmall {
    background: white none repeat scroll 0 0;
    border: thin solid lightgray;
    margin: 2em auto;
    padding: 1em;
    width: 80%;
}
.dodobiji {
    background: white none repeat scroll 0 0;
    color: green;
    margin: 0 auto 2em;
    padding: 0.5em;
    width: 80%;
}
.section-smallfont-smallwidth, .poet {
    background: white none repeat scroll 0 0;
    border: 4px solid lightgray;
    margin: 2em auto;
    padding: 1em;
}
.poet img {
    float: right;
}
.book, .blog {
    background: white none repeat scroll 0 0;
    border: 1px solid lightgray;
    margin: 1em auto;
    padding: 1em;
}
WhiteSmoke .book img {
    float: right;
}
abbr {
    background: mistyrose none repeat scroll 0 0;
    border: 0 none;
    padding: 0.2em;
    text-decoration: none;
}
table {
    border: 0 none;
    border-collapse: collapse;
    font-size: small;
    line-height: 1.6em;
    margin: 1em 0 0;
    width: 100%;
}
#booklist-table, #booklist-blockquote {
    font-size: medium;
    line-height: 1.7em;
}
#booklist-table img {
    border: 0 none;
    margin: 0;
}
th {
    border: 1px solid lightgray;
    font-weight: normal;
    padding: 0.8em;
    text-align: center;
    vertical-align: middle;
}
td {
    border: 1px solid lightgray;
    padding: 0.8em;
    vertical-align: top;
}
blockquote, .blockquote, .lunyu {
    background: #f6f6f6 none repeat scroll 0 0;
    border-left: 4px solid gray;
    font-size: small;
    line-height: 1.8em;
    margin: 1em 0;
    /*padding: 0.1em 1em;*/
    padding: 0.1em 1em 1em 1em;
    display: table;
}
p {
    text-align: justify;
}
.zhushi, .duokan-footnote-content, .duokan-footnote-item, .footnotes {
    font-size: small;
    line-height: 1.6em;
    list-style-type: square;
    margin: 1em 0;
}
.section-yuanwen, .section-yuanwen-smallwidth, .section-center, .section-center-smallwidth {
    background: mistyrose none repeat scroll 0 0;
    border-left: 4px solid salmon;
    color: steelblue;
    margin: 1em auto;
    padding: 1em;
}
.section-center-smallwidth p {
    text-align: center;
}
.section-center p {
    text-align: center;
}
.section-center li {
    text-align: center;
}
.section-smallfont, .section-normal {
    background: white none repeat scroll 0 0;
    border: 4px solid lightgray;
    font-size: medium;
    line-height: 1.7em;
    margin: 1em auto;
    padding: 1em;
}
.section-smallfont ol li, .section-smallfont-smallwidth ol li {
    color: steelblue;
    font-weight: normal;
    list-style-type: decimal;
}
.section-smallfont ol li span, .section-smallfont-smallwidth ol li span {
    color: #666;
    font-weight: normal;
}
.book ol li {
    color: steelblue;
    font-weight: normal;
    list-style-type: decimal;
}
.book ol li span {
    color: #666;
    font-weight: normal;
}
mark {
    background: gold none repeat scroll 0 0;
    padding: 2px;
}
textarea {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #eeeefd none repeat scroll 0 0;
    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #ddddce;
    border-image: none;
    border-style: none none none solid;
    border-width: 0 0 0 3em;
    color: #666;
    font: 14px 微软雅黑;
    height: 300em;
    margin: 1em 0;
    padding: 0.65em;
    width: 93%;
}
.link-submit {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 center;
    border: 0 none;
    color: steelblue;
    cursor: pointer;
    font: 1em 微软雅黑,Verdana,Geneva,Arial,Helvetica,sans-serif;
    padding: 0;
    text-decoration: none;
}
.link-submit:hover {
    color: salmon;
}
.mimainput {
    background: lightblue none repeat scroll 0 0;
    border: 2px solid lightgray;
    font: 1em 微软雅黑,Verdana,Geneva,Arial,Helvetica,sans-serif;
    margin: -1em 0 0;
    padding: 0.95em 0;
    text-align: center;
}
.noborder {
    background: mistyrose none repeat scroll 0 0;
    border: 0 none;
    padding: 0.8em;
    vertical-align: top;
}
.smalltable {
    border: 1em none;
    border-collapse: collapse;
    font-size: smaller;
    line-height: 1.7em;
    margin-top: 2em;
    width: 50%;
}
.myputty {
    background: lightgray none repeat scroll 0 0;
    color: #2895c3;
    font-size: small;
    padding: 0.4em;
}
.shiyue, .shi {
    background: WhiteSmoke none repeat scroll 0 0;
    border-left: 4px solid lightblue;
    font: large KaiTi;
    margin: 1em auto;
    padding: 0.5em 1em;
}
.ziyue {
    background: WhiteSmoke none repeat scroll 0 0;
    border-left: 4px solid green;
    color: green;
    font: x-large/1.8em KaiTi;
    margin: 1em auto;
    padding: 1em;
}
.chenguangyue {
    background: WhiteSmoke none repeat scroll 0 0;
    font: large KaiTi;
    padding: 0.1em 0.5em;
}
figure {
    display: table;
    margin: auto;
}
figcaption {
    caption-side: bottom;
    display: table-row;
    font-weight: bold;
    text-align: center;
}
.YinYong {
    color: gray;
    font-size: 0.9em;
}
.th {
    color: #008080;
    font-size: 0.9em;
}
.jiapi, .review, .zp {
    background: mistyrose none repeat scroll 0 0;
    font: large KaiTi;
    padding: 0.2em 1em;
}
.zongping {
    font: large KaiTi;
    padding: 0.2em 0.4em;
}
.heavy {
    background: #ddd none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: Green;
    font-size: large;
    margin-right: 0.1em;
    padding: 0.2em 0.5em;
    text-align: left;
}
.td1 {
    background: #dddddd none repeat scroll 0 0;
    text-align: center;
    vertical-align: middle;
    width: 20%;
}
.td2 {
    background: #eeeeee none repeat scroll 0 0;
    text-align: center;
    vertical-align: middle;
    width: 29%;
}
.number {
    background: #ddd none repeat scroll 0 0;
    border: 1px solid;
    margin-right: 0.5em;
    padding: 0 0.3em;
    text-align: center;
}
.number-lunyu {
    background: #dddddd none repeat scroll 0 0;
    border: 1px solid;
    margin-right: 0.1em;
    padding: 0 5px;
    text-align: left;
}
.editornote {
    background: WhiteSmoke none repeat scroll 0 0;
    border-left: 4px solid lightblue;
    font: large KaiTi;
    margin: 1em auto;
    padding: 0.3em 1em;
}
.annotationtext {
    font: 0.9em KaiTi;
}
.say1 {
    background: mistyrose none repeat scroll 0 0;
    font-family: "kt","楷体","楷体_gb2312","zw",serif;
    padding: 1em;
}
.say2 {
    background: azure none repeat scroll 0 0;
    font-family: "fs","仿宋","仿宋_gb2312","zw",serif;
    padding: 1em;
}
.king {
    background: lightgray none repeat scroll 0 0;
    color: green;
    font: x-large KaiTi;
    margin: 0.5em 0;
    padding: 0.5em;
    text-align: center;
}
.year {
    color: green;
    font: large YaHei;
}
.vbirdface {
    background: #f6f6f6 none repeat scroll 0 0;
}

/* Menu Start:Style The Dropdown Button */
.dropbtn {
    /*background-color: #4CAF50;*/
    background-color: #337ab7;
    color: white;
    /*padding: 16px;*/
    font-size: 16px;
    border: none;
    cursor: pointer;
    width: 47px;
    height: 47px;
    opacity: 0.4;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
        position: fixed;
        right: 0;
        /*top: 0.4em;*/
        top: 0em;
        display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 40px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    right:0;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 8px 12px;
    text-decoration: none;
        display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    /*background-color: #3e8e41;*/ 
    background-color: #286090;      
    opacity:1;
}
/*Menu End*/
* {
    box-sizing: border-box;
}

.column {
    float: left;
    padding: 5px;
}

/* Clearfix (clear floats) */
.row::after {
    content: "";
    clear: both;
    display: table;
}

@media (max-width:550px) {
    .column {
        width: 100%;
    }
}

@media (min-width:551px) and (max-width:1000px) {
    .column {
        width: 33.33%;
    }
}

@media (min-width:1001px) and (max-width:1199px) {
    .column {
        width: 25%;
    }
}

@media (min-width:1200px) {
    .column {
        width: 16.66%;
    }
}

.gameName {
    font-size: 16px;
    text-decoration: underline;
    text-align: center;
}

.thumbnail {
    display: block;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}