body {
    margin-left: 15%;
    margin-right: 15%
    }
div.frontmatter {
    margin-left: auto;
    margin-right: auto;
    max-width: 30em
    }
div.frontmatter .tit {
    text-indent: 0;
    text-align: center;
    font-size: 2em;
    font-weight: bold
    }
div.frontmatter .tit .line2 {
    font-size: 0.5em
    }
div.frontmatter h1.title {
    text-indent: 0;
    text-align: center;
    font-size: 2em;
    margin-bottom: 1em
    }
div.frontmatter h1.title .line2 {
    font-size: 0.4em
    }
div.frontmatter h1.title .line3 {
    font-size: 0.5em
    }
div.frontmatter h1.title sup {
    font-size: 0.7em;
    vertical-align: 20%;
    text-decoration: underline
    }
div.frontmatter .ill {
    text-indent: 0;
    text-align: center;
    font-size: 0.8em;
    margin-bottom: 1em
    }
div.frontmatter .edn {
    text-indent: 0;
    text-align: center;
    margin-bottom: 2em
    }
div.frontmatter .pub {
    text-indent: 0;
    text-align: center
    }
div.frontmatter .printer {
    text-indent: 0;
    text-align: center;
    font-size: 0.8em;
    margin-top: 8em
    }
div.chapter {
    page-break-before: always
    }
h2 {
    text-indent: 0;
    text-align: center;
    margin-top: 0.5em;
    margin-bottom: 1em
    }
h2.chapter .firstline {
    font-size: 0.8em
    }
h2.toc {
    margin-top: 2em
    }
h2.foreword {
    margin-top: 2em
    }
p {
    margin: 0;
    text-align: justify;
    text-indent: 1em
    }
p.first {
    text-indent: 0
    }
p.noindent {
    text-indent: 0
    }
p.footnote {
    text-indent: 0;
    margin: 1em;
    font-size: 0.8em
    }
p.footnote2 {
    text-indent: 0;
    margin: 1em;
    font-size: 0.8em;
    margin-top: 0
    }
p.sign {
    text-align: right;
    margin-right: 1em
    }
.underline {
    text-decoration: underline
    }
.hidden {
    display: none
    }
div.table {
    text-align: center
    }
table {
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse
    }
table td {
    padding-left: 0;
    padding-right: 0;
    vertical-align: top;
    text-align: left;
    text-indent: 0
    }
table.toc td {
    font-size: 0.8em
    }
table.toc td.col1 {
    text-align: right;
    padding-right: 0.5em
    }
table.toc td.col2 {
    text-align: left
    }
table.toc td.col_page {
    padding-left: 1em;
    text-align: right
    }
a:link {
    text-decoration: none;
    color: rgb(10%, 30%, 60%)
    }
a:visited {
    text-decoration: none;
    color: rgb(10%, 30%, 60%)
    }
a:hover {
    text-decoration: underline
    }
a:active {
    text-decoration: underline
    }
.trnote {
    font-size: 0.8em;
    line-height: 1.2em;
    background-color: #ccc;
    color: #000;
    border: black 1px dotted;
    margin: 2em;
    padding: 1em;
    page-break-before: always;
    margin-top: 3em
    }
.trnote p {
    text-indent: 0;
    margin-bottom: 1em
    }
.trnote ul {
    margin-left: 0;
    padding-left: 0
    }
.trnote li {
    text-align: left;
    margin-bottom: 0.5em;
    margin-left: 1em
    }
.trnote ul li {
    list-style-type: square
    }
.trnote .transnote {
    text-indent: 0;
    text-align: center;
    font-weight: bold
    }
a[title].pagenum:after {
    content: attr(title);
    color: gray;
    background-color: inherit;
    letter-spacing: 0;
    text-indent: 0;
    text-align: right;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: x-small;
    border: 1px solid silver;
    display: inline
    }
div.centerpic {
    text-align: center;
    text-indent: 0;
    display: block;
    clear: both
    }
img {
    max-width: 100%;
    margin: 0;
    padding: 0
    }
h2.chapter img {
    max-width: 80%
    }
.w80 img {
    max-width: 80%
    }
.w70 img {
    max-width: 70%
    }
.w60 img {
    max-width: 60%
    }
.w50 img {
    max-width: 50%
    }
.w40 img {
    max-width: 40%
    }
.w30 img {
    max-width: 30%
    }
.fc {
    clear: both;
    padding: 0;
    text-align: center;
    text-indent: 0;
    display: block
    }
.fl {
    clear: both;
    text-indent: 0
    }
.fr {
    clear: both;
    text-indent: 0
    }
.w80.fc img {
    max-width: 80%
    }
.w70.fc img {
    max-width: 70%
    }
.w60.fc img {
    max-width: 60%
    }
.w50.fc img {
    max-width: 50%
    }
.w40.fc img {
    max-width: 40%
    }
.w30.fc img {
    max-width: 30%
    }
.w80.fl {
    max-width: 80%
    }
.w70.fl {
    max-width: 70%
    }
.w60.fl {
    max-width: 60%
    }
.w50.fl {
    max-width: 50%
    }
.w40.fl {
    max-width: 40%
    }
.w30.fl {
    max-width: 30%
    }
.w80.fr {
    max-width: 80%
    }
.w70.fr {
    max-width: 70%
    }
.w60.fr {
    max-width: 60%
    }
.w50.fr {
    max-width: 50%
    }
.w40.fr {
    max-width: 40%
    }
.w30.fr {
    max-width: 30%
    }
.w80.fl img {
    max-width: 100%
    }
.w70.fl img {
    max-width: 100%
    }
.w60.fl img {
    max-width: 100%
    }
.w50.fl img {
    max-width: 100%
    }
.w40.fl img {
    max-width: 100%
    }
.w30.fl img {
    max-width: 100%
    }
.w80.fr img {
    max-width: 100%
    }
.w70.fr img {
    max-width: 100%
    }
.w60.fr img {
    max-width: 100%
    }
.w50.fr img {
    max-width: 100%
    }
.w40.fr img {
    max-width: 100%
    }
.w30.fr img {
    max-width: 100%
    }
@media all {
    body {
        margin-left: 0;
        margin-right: 0
        }
    div.frontmatter {
        max-width: inherit
        }
    .fc {
        float: left;
        width: 100%
        }
    .fl {
        float: left
        }
    .fr {
        float: right
        }
    a.pagenum {
        display: none
        }
    a.pagenum:after {
        display: none
        }
    }