html, body { height: 100% }
body { background: #f6f6f6; }
* { margin: 0; padding: 0; }
a { color: #666; text-decoration: none; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; color: inherit; }
img { max-width: 100%; box-sizing: border-box; }
iframe { border: 0; width: 100%; height: calc(100vh - 50px); background: #fff; }
.iframeBody { background: url(../images/bg_right.jpg); }

.header { height: 45px; position: fixed; top: 0; left: 0; width: 100%; clear: both; background-color: #F0EFE2; opacity: 0.7; line-height: 45px; text-align: left; font-weight: bold; padding-left: 2em; }
    .header .active { color: black; }
.container { width: 100%; height: calc(100vh - 50px); min-width: 1200px; margin: 0 auto; clear: both; margin-top: 45px; box-sizing: border-box; position: absolute; }
.container_left { float: left; width: 19%; height: 100%; box-sizing: border-box; padding: 20px 20px 15px; border: 1px solid #EAEAEA; border-radius: 4px; overflow-y: auto; max-height: 100%; background: url(../images/bg_left.jpg) }
.container_right { float: right; width: 80%; height: 100%; box-sizing: border-box; border: 1px solid #fff; border-radius: 4px; background: url(../images/bg_right.jpg); background-size: cover; }
.container_left a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 5px 10px; margin: 2px 0; border-radius: 4px; }

.article-title { margin-top: 0; font-size: 26px; line-height: 2; text-align: center; margin-top: 25px; }
.article-content { font-size: 16px; line-height: 25px; word-wrap: break-word; margin-top: 10px; padding: 20px; }
    .article-content p { margin-bottom: 20px; word-wrap: break-word; text-indent: 2em; }


.center { text-align: center; text-indent: unset !important; }