/*@font-face {
  font-family: "FreeSerif";
  font-weight: normal;
  font-style: normal;
  src: url(font/FreeSerif.ttf)
}
@font-face {
  font-family: "FreeSerif Italic";
  font-weight: normal;
  font-style: italic;
  src: url(font/FreeSerifItalic.ttf)
}
@font-face {
  font-family: "FreeSerif Bold";
  font-weight: bold;
  font-style: normal;
  src: url(font/FreeSerifBold.ttf)
}
@font-face {
  font-family: "FreeSerif Bold Italic";
  font-weight: bold;
  font-style: italic;
  src: url(font/FreeSerifBoldItalic.ttf)
} 
.serif {font-family: "FreeSerif", serif;}
.serifb {font-family: "FreeSerif Bold", serif;}
.serifi {font-family: "FreeSerif Italic", serif;}
.serifbi {font-family: "FreeSerif Bold Italic", serif;}*/

@page {
    margin: 1em;
}

/* Default */
body{text-align: left;}
p {text-indent: 1em; margin: 0 0 0 0; font-family: "Times New Roman", serif; text-align: left;}
h1, h2, h3, h4, h5, h6 {margin: 0 0 0 0; font-family: "Times New Roman", serif; font-weight: normal; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none}
div {margin: 0 0 0 0;}
sup {line-height: 0}
img {text-indent: 0em}
table {border-spacing: 0}
td {padding: 2pt;}
td p {text-align: left}
a.none{ color:inherit; text-decoration:none; -webkit-text-fill-color:inherit;}
.cell1 {width:20%; vertical-align: top;}
.cell2 {width:28%; vertical-align: top;}
.cell3 {width:28%; vertical-align: top;}
.tdb {border-bottom: 1px solid black; padding: .5em 0 .5em 0; vertical-align: top;}
.tdb2 {border-bottom: 1px solid black; border-top: 1px solid black; padding: .5em 0 .5em 0; vertical-align: top;}

.href {-webkit-text-fill-color: inherit; color: inherit; text-decoration: note!important;}


/* Pagebreak */
.pagebreak {page-break-before: always;}

/* Cover */
.cover {margin: 0 0 0 0; text-align: center; background-color: #ffffff;}
.coverimage {height: 100%; text-align: center; margin: 0 0 0 0}

/* Titlepage */
.author {font-size: 150%; font-family: "Times New Roman", serif; font-style: normal; font-weight: normal; text-indent: 0; margin: 10% 0 0 0; text-align: center; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none}
.title {font-size: 250%; font-family: "Times New Roman", serif; font-style: normal; font-weight: normal; text-indent: 0; margin: 10% 0 0 0; text-align: center; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none}
.subtitle {font-size: 100%; font-family: "Times New Roman", serif; font-style: normal; font-weight: normal; text-indent: 0; margin: 2em 0 2em 0; text-align: center; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none}
.logo {text-indent: 0; text-align: center; margin: 30% 0 0 0}

/* Copyright */
.copyright1 {font-size: 80%; font-family: "Times New Roman", serif; text-indent: 0; margin: 2em 0 0 0; text-align: left}
.copyright2 {font-size: 80%; font-family: "Times New Roman", serif; text-indent: 0; margin: 1em 0 0 0; text-align: left}
.copyright2a {font-size: 80%; font-family: "Times New Roman", serif; text-indent: -3em; margin: 1em 0 0 3em; text-align: left}
.copyright3 {font-size: 80%; font-family: "Times New Roman", serif; text-indent: 0; margin: 0 0 0 0; text-align: left}

/* Dedication */
.dedication {font-size: 100%; font-family: "Times New Roman", serif; font-style: normal; font-weight: normal; text-indent: 0; margin: 20% 0 0 0; text-align: center}

/* Table of Contents */
.tochead {font-size: 120%; font-style: normal; font-weight: normal; text-indent: 0; margin: 15% 0 10% 0; text-align: left}
.tochead1 {font-size: 100%; font-style: normal; font-weight: normal; text-indent: 0; margin: 0 0 2em 1em; text-align: left}
.toc {font-size: 100%; font-family: "Times New Roman", serif; font-style: normal; font-weight: normal; text-indent: 0; margin: 1% 0 0 0; text-align: left}
.toc1 {font-size: 100%; font-family: "Times New Roman", serif; font-style: normal; font-weight: normal; text-indent: 0; margin: 2em 0 0 0; text-align: left}
.toc2 {font-size: 100%; font-family: "Times New Roman", serif; font-style: normal; font-weight: normal; text-indent: -2.5em; margin: 1% 0 0 2.5em; text-align: left}

/* Header */
h4.halftitle {font-size: 150%; font-family: "Times New Roman", serif; font-style: normal; font-weight: normal; text-indent: 0; margin: 15% 0 0 0 ; text-align: center; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none}
h4.partnum {font-size: 150%; font-family: "Times New Roman", serif; font-style: normal; font-weight: bold; text-indent: 0; margin: 10% 0 0 0; text-align: center; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none}
h4.parttitle {font-size: 250%; font-family: "Times New Roman", serif; font-style: normal; font-weight: bold; text-indent: 0; margin: 10% 0 30% 0; text-align: center; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none}
h4.chapnum {font-size: 150%; font-family: "Times New Roman", serif; font-style: normal; font-weight: normal; text-indent: 0; margin: 15% 0 15% 0; text-align: center; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none}
h4.chaptitle {font-size: 150%; font-family: "Times New Roman", serif; font-style: normal; font-weight: normal; text-indent: 0; margin: 15% 0 15% 0; text-align: left; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none}
h4.chaptitle2 {font-size: 150%; font-family: "Times New Roman", serif; font-style: normal; font-weight: normal; text-indent: 0; margin: 0 0 15% 0; text-align: left; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none}
.grays2v{background: #f2f2f3; padding: 15% 1em 1em 1em}
/* Front Matter */
h4.fronthead {font-size: 120%; font-family: "Times New Roman", serif; font-style: normal; font-weight: normal; text-indent: 0; margin: 2em 0 1em 0; text-align: left; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none}
h4.fronthead1 {font-size: 150%; font-family: "Times New Roman", serif; font-style: normal; font-weight: normal; text-indent: 0; margin: 0 0 10% 0; text-align: left; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none}
.u1 {border-left: 1px solid; padding: .5em 0 0 .5em}
/* Block Quote 
Ex. 
<div class="blockquote">
<p>text</p>
<p class="textbreak">text</p>
</div>
*/
div.blockquote {margin: 1em 0 1em 1em;}

/* Line Spacing 
Use 
<p>&nbsp;</p> 
to insert empty line space.
Ex.
<p>Text</p>
<p>&nbsp;</p>
<p>Text</p>


.topbot2 {margin-top: 2em; margin-bottom: 2em} 
.top {margin-top: 1em; margin-bottom: 0em}
.top2 {margin-top: 2em; margin-bottom: 0em}
.bot {margin-bottom: 1em; margin-top: 0em}
.bot2 {margin-bottom: 2em; margin-top: 0em} 
*/

/* Lists 
Ex.
<div class="list">
<p>1. List 1</p>
<p>2. List 2</p>
</div>
*/
.topbot {margin-top: 1em; margin-bottom: 1em}
div.list{margin: 1em 0 1em 0;}
ul {margin: 0 0 0 0;}
.ul {margin: 0 0 0 1em}
.ul2 {margin: 1em 0 0 1em}

/* Back Matter */
h4.backhead {font-size: 120%; font-family: sans-serif; font-style: normal; font-weight: normal; text-indent: 0; margin: 15% 0 2em 0; text-align: left; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none}
h4.backhead2 {font-size: 120%; font-style: normal; font-weight: normal; text-indent: 0; margin: 15% 0 0 0; text-align: center; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none}
h4.backhead2a {font-size: 120%; font-style: normal; font-weight: normal; text-indent: 0; margin: 0 0 1em 0; text-align: center; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none}
h4.backhead3 {font-size: 120%; font-style: normal; font-weight: normal; text-indent: 0; margin: 15% 0 2em 0; text-align: center; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none}

.notes {text-indent: 0; margin: 1em 0 0 0; font-family: sans-serif;}
.footnotes {text-indent: 0; margin: 1em 0 0 0}
.index {margin: 0 0 0 1em; text-indent: -1em}
.index1 {margin: 2em 0 0 1em; text-indent: -1em}
.index2 {margin: 0 0 0 2em; text-indent: -1em}
.index3 {margin: 0 0 0 3em; text-indent: -1em}

/* for textfirst:first-line only */
/*.textfirst {font-size: 100%; text-indent: 0; margin: 0 0 0 0;}
p.textfirst:first-line {font-family: sans-serif}*/

/* Sections/Sub-Sections */
.textfirst {font-size: 100%; text-indent: 0; margin: 0 0 0 0;}
.head1 {font-size: 100%; font-family: sans-serif; font-style: normal; font-weight: bold; text-indent: 0; margin: 2em 0 0 0; color: gray; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none}
.textafterhead1 {font-size: 100%; font-family: "Times New Roman", serif; font-style: normal; font-weight: normal; text-indent: 0; margin: 1em 0 0 0}
.head2 {font-size: 120%; font-family: sans-serif; font-style: normal; font-weight: bold; text-indent: 0; margin: 2em 0 0 0; -webkit-hyphens: none; adobe-hyphenate: none; -moz-hyphens: none}
.textafterhead2 {font-size: 100%; font-family: "Times New Roman", serif; font-style: normal; font-weight: normal; text-indent: 0; margin: 1em 0 0 0}

/* Figures, Images, Captions */
.caption {font-size: 80%; font-family: "Times New Roman", serif; font-style: normal; font-weight: normal; text-indent: 0; margin: 1% 0 0 0; text-align: center}
.caption1 {font-size: 80%; font-family: "Times New Roman", serif; font-style: normal; font-weight: normal; text-indent: 0; margin: 1% 0 0 0; text-align: left}
div.figure{margin: 1em 0 1em 0; page-break-inside: avoid;}
div.figure1{margin: 1em 0 0 0; page-break-inside: avoid;}
div.lock{page-break-inside: avoid;}

/* Fontsize */
.sc {font-size: 80%} /* Add a Comment if edited */
.f110 {font-size: 110%}
.f120 {font-size: 120%}

.f130 {font-size: 130%}
.f140 {font-size: 140%}

/* Miscellaneous */
.textbreak {margin: 1em 0 0 0; text-indent: 0}
.textbreak1p {margin: .5em 0 0 0; text-indent: 0}
.textbreak1a {margin: .5em 0 0 0; text-indent: 1em}
.textbreak2 {margin: 2em 0 0 0; text-indent: 0}
.block {margin: 0 1em 0 1em; text-indent: 0}
.block1 {margin: 0 0 0 1em; text-indent: 0}
.block1z {margin: 0 0 0 1em; text-indent: 1em}
.block1zaa {margin: 0 0 1em 1em; text-indent: 1em}
.block1a {margin: 1em 0 1em 0; text-indent: 0}


.block2 {margin: 2em 1em 2em 1em; text-indent: 0}
.block2aaaa {margin: 1em 0 1em 2em; text-indent: 0}
div.block2aaaa p {text-indent: -1em;}
.block2zzzz {margin: 1em 0 1em 1em; text-indent: 0}
.block2a {margin: 1em 1em 1em 1em; text-indent: 0; font-size:80%}
div.block2z {margin: 1% 1em 1em 4.2em;}
div.block2za {margin: 1% 1em 1em 1em;}

.block3 {margin: 0 1em 1em 1em; text-indent: 0}

.noindent {text-indent: 0;}
.noindent3 {text-indent: -1em; margin: 0 0 0 1em}
.noindent2 {text-indent: -.5em;}

.noindent1 {text-indent: -2.3em;}
.blk1{margin-left: 2.3em}

.center {text-indent: 0; text-align: center}
.center1p {text-indent: 0; text-align: center; margin: .5em 0 0 0}
.center1 {text-indent: 0; text-align: center; margin: 1em 0 0 0}
.center2 {text-indent: 0; text-align: center; margin: 2em 0 0 0}
.right {text-indent: 0; text-align: right;}

.right1 {text-indent: 0; text-align: right; width: 40%;}
.rightv1 {text-indent: -1em; text-align: left; margin: 1em 1em 0 30%}

.right3 {text-indent: 0; text-align: right; margin: 0 0 0 3em}
.right3a {text-indent: 0; text-align: right; margin: 1em 0 0 3em}
.right1 {text-indent: 0; text-align: right; margin: 1em 0 0 0}
.hang1 {text-indent: -1em; margin: 0 0 0 1em}
.hang2 {text-indent: 0; margin: 0 10em 0 1em}

.sans {font-family: sans-serif}
div.sans table td p {font-family: sans-serif}
div.sans p {font-family: sans-serif}
.gray {color: gray; font-size: 300%}
.grays{background: #f3f3f4}
.grays2{background: #f2f2f3}
.sansgray {font-family: sans-serif; color: gray}
span.display {display: inline-block}
table.tablecen {display: inline-table; text-align: left}

/* Boxes */
div.box1 {border: 1pt solid black; padding: 1%;}
div.box2 {border-top: 1pt black dashed; border-right: 1pt black dashed; border-bottom: 1pt black dashed; border-left: 1pt black dashed}
div.box3 {border-top: 2pt solid; border-right: 2pt solid; border-bottom: 2pt solid; border-left: 2pt solid; padding-top: 1pt; padding-right: 1pt; padding-left: 1pt; padding-bottom: 1pt;}

/* Additional */
.orn {text-indent: 0; text-align: center; margin: 1em 0 1em 0}
.orn1 {text-indent: 0; text-align: center; margin: 2em 0 1em 0}
.orn1a {text-indent: 0; text-align: center; margin: 1em 0 1em 0}
.orna {height: .7em}
/* margin 15% */
div.top15{margin: 15% 0 0 0}
.top1{margin: 1em 0 0 0}


/* Full bleed: */
.portraithfull1 {height: 100vh;}
.portraithfull2 {text-align: center; text-indent: 0em}
img.imgportraitfull{height: 100%;text-align: center;text-indent:0}
.hh80 {height: 80%; height: 70vh;}
/* with caption */
.h100 {height: 100%;}
.h90 {height: 90%;}
.h80 {height: 80%;}
.h70 {height: 70%;}
.h60 {height: 60%;}
.h50 {height: 50%;}
.h55 {height: 55%;}
.h40 {height: 40%;}

.vh100 {max-height: 100vh;}
.vh90 {max-height: 90vh;}
.vh80 {max-height: 80vh;}
.vh70 {max-height: 70vh;}
.vh60 {max-height: 60vh;}
.vh50 {max-height: 50vh;}
.vh55 {max-height: 55vh;}
.vh40 {max-height: 40vh;}
.portraith2 {text-align: center; text-indent: 0em}
img.imgportrait{height: 80%;text-align: center;text-indent:0}

/* landscape */
.w100 {width: 100%;}
.w90 {width: 90%;}
.w80 {width: 80%;}
.w70 {width: 70%;}
.w60 {width: 60%;}
.w50 {width: 50%;}
.w40 {width: 40%;}
.landscapew2 {text-align: center; text-indent: 0;width:100%}
img.imglandscape{width: 80%;text-align: center;text-indent:0}

/* Table Grid */
.td1 {border-top: 1px solid; border-left: 1px solid;}
.td2 {border-top: 1px solid; border-right: 1px solid; border-left: 1px solid;}
.td3 {border-top: 1px solid; border-bottom: 1px solid; border-left: 1px solid;}
.td4 {border: 1px solid;}




.g1 {height: 2em}
.g2 {height: 2em; vertical-align: -1.1em}

div.botline {border-bottom: 1pt solid black; margin:1em 0 1em 0}



/* Dropcap - standard */
.dropcap
{
font-size: 400%;
line-height: 0em;
color: gray;
}
@media amzn-kf8
{
.dropcap
{
font-size: 1.4em;
line-height: 0em;
}
}
@media amzn-mobi
{
.dropcap
{
font-size: 1.4em;
line-height: 0em;
}
}

.dropcap2
{
font-size: 400%;
line-height: 0em;
color: gray;
float: right;
}
@media amzn-kf8
{
.dropcap2
{
font-size: 1.4em;
line-height: 0em;
}
}
@media amzn-mobi
{
.dropcap2
{
font-size: 1.4em;
line-height: 0em;
}
}

.vtop{vertical-align: top}

.gaiji{height: 1em; vertical-align: -1px}