@font-face {
  font-family: 'TimesNewRoman';
  src: url('./font/TimesNewRomanRegular.eot');
  src: url('./font/TimesNewRomanRegular.eot?#iefix') format('embedded-opentype'),
       url('./font/TimesNewRomanRegular.woff') format('woff'),
       url('./font/TimesNewRomanRegular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'TimesNewRoman';
  src: url('./font/TimesNewRomanBold.eot');
  src: url('./font/TimesNewRomanBold.eot?#iefix') format('embedded-opentype'),
       url('./font/TimesNewRomanBold.woff') format('woff'),
       url('./font/TimesNewRomanBold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'TimesNewRoman';
  src: url('./font/TimesNewRomanItalic.eot');
  src: url('./font/TimesNewRomanItalic.eot?#iefix') format('embedded-opentype'),
       url('./font/TimesNewRomanItalic.woff') format('woff'),
       url('./font/TimesNewRomanItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'TimesNewRoman';
  src: url('./font/TimesNewRomanBoldItalic.eot');
  src: url('./font/TimesNewRomanBoldItalic.eot?#iefix') format('embedded-opentype'),
       url('./font/TimesNewRomanBoldItalic.woff') format('woff'),
       url('./font/TimesNewRomanBoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

html {
  min-width: 350px;
  margin: 0px; padding: 0px;
  overflow: auto;
  font-family: 'TimesNewRoman';
/*  font-family: 'Arial';*/
  font-size: 14px;
}
body {
  margin: 0px; padding: 0px;
  background-color: #ECEEF0;
}
div {
  margin: 0px auto; padding: 0px;
}
ul, ol {
  padding: 0px 1em 0px 1em;
  list-style-position: outside;
}

body > header {
  min-width: 100%;
  background-color: #ECEEF0;
}
body > nav {
  min-width: 100%;
  background: #064286; color: #FFFFFF;
}
body > footer {
  min-width: 100%;
  background: #064286; color: #FFFFFF;
}
body > footer a {
  color: #FFFFFF;
}
aside {
  position: fixed;
  z-index: 9;
  width: 200px; height: 100vh;
  top: 0px;
  padding-right: 1px;
  overflow: auto;
  background: #F0F0F0;
  box-shadow: 4px 0px 4px 0px RGBA(0, 0, 0, 0.5);
  transition: transform 0.5s ease-in 0s;
}
[dir='ltr'] aside {
  left: 0px;
  transform: translate3d(-200px, 0, 0);
}
[dir='rtl'] aside {
  right: 0px;
  transform: translate3d(200px, 0, 0);
}

label, a, a:hover, a:visited, a:active {
  text-decoration: none;
  cursor: pointer;
}
form, input, textarea, select, button, a {
  outline: none;
  margin: 0px;
}
input:invalid + span,
input[type="text"]:invalid,
input[type="number"]:invalid,
input[type="email"]:invalid,
input[type="password"]:invalid,
textarea:invalid {
  color: #F00000;
}
input[type="text"][required]:before,
input[type="number"][required]:before,
input[type="email"][required]:before,
input[type="password"][required]:before,
textarea[required]:before {
  content: '*';
}
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
textarea,
select {
  margin: 0.2em; padding: 0.5em;
  border-width: 1px;
  border-style: solid;
  border-color: #7080B0; /*#A080F0 #60A0E0 #60A0E0 #A080F0;*/ /*#B2C4D6;*/
  border-radius: 8px;
  background: #F8F8F8;
  box-shadow: inset 1px 2px 3px 0px #7080B0;
}
select {
  max-width: 100%;
}

img {
  vertical-align:bottom;
  max-width: 100vw;
  max-height: 60vh;
}
h1, h2, h3, h4, h5, h6, h7, h8, h9 {
  margin: 0px auto; padding: 0px;
  text-align: center;
}
p {
  margin: 0px; padding: 0px;
  text-indent: 1em;
  text-align: left;
  font-size: 1.2em;
}
nobr {
  position: relative;
}
.relative {
  position: relative;
}

.center { margin: 0px auto !important; }
.right  { margin: 0px 0px 0px auto !important; }

.vw { width: 100vw !important; min-width: 100vw !important; max-width: 100vw !important; }
.vh { height: 100vh !important; min-height: 100vh !important; max-height: 100vh !important; }
.z01 { position: relative; z-index: 1; } .z02 { position: relative; z-index: 2; }
.z03 { position: relative; z-index: 3; } .z04 { position: relative; z-index: 4; }
.z05 { position: relative; z-index: 5; } .z06 { position: relative; z-index: 6; }
.z07 { position: relative; z-index: 7; } .z08 { position: relative; z-index: 8; }
.m01 { margin: 0.1em !important; } .m02 { margin: 0.2em !important; } .m03 { margin: 0.3em !important; }
.m04 { margin: 0.4em !important; } .m05 { margin: 0.5em !important; } .m06 { margin: 0.6em !important; }
.m07 { margin: 0.7em !important; } .m08 { margin: 0.8em !important; } .m09 { margin: 0.9em !important; }
.m10 { margin: 1.0em !important; }
.m11 { margin: 1.1em !important; } .m12 { margin: 1.2em !important; } .m13 { margin: 1.3em !important; }
.m14 { margin: 1.4em !important; } .m15 { margin: 1.5em !important; } .m16 { margin: 1.6em !important; }
.m17 { margin: 1.7em !important; } .m18 { margin: 1.8em !important; } .m19 { margin: 1.9em !important; }
.m20 { margin: 2.0em !important; }
.m21 { margin: 2.1em !important; } .m22 { margin: 2.2em !important; } .m23 { margin: 2.3em !important; }
.m24 { margin: 2.4em !important; } .m25 { margin: 2.5em !important; } .m26 { margin: 2.6em !important; }
.m27 { margin: 2.7em !important; } .m28 { margin: 2.8em !important; } .m29 { margin: 2.9em !important; }
.m30 { margin: 3.0em !important; }
.p01 { padding: 0.1em !important; } .p02 { padding: 0.2em !important; } .p03 { padding: 0.3em !important; }
.p04 { padding: 0.4em !important; } .p05 { padding: 0.5em !important; } .p06 { padding: 0.6em !important; }
.p07 { padding: 0.7em !important; } .p08 { padding: 0.8em !important; } .p09 { padding: 0.9em !important; }
.p10 { padding: 1.0em !important; }
.p11 { padding: 1.1em !important; } .p12 { padding: 1.2em !important; } .p13 { padding: 1.3em !important; }
.p14 { padding: 1.4em !important; } .p15 { padding: 1.5em !important; } .p16 { padding: 1.6em !important; }
.p17 { padding: 1.7em !important; } .p18 { padding: 1.8em !important; } .p19 { padding: 1.9em !important; }
.p20 { padding: 2.0em !important; }
.p21 { padding: 2.1em !important; } .p22 { padding: 2.2em !important; } .p23 { padding: 2.3em !important; }
.p24 { padding: 2.4em !important; } .p25 { padding: 2.5em !important; } .p26 { padding: 2.6em !important; }
.p27 { padding: 2.7em !important; } .p28 { padding: 2.8em !important; } .p29 { padding: 2.9em !important; }
.p30 { padding: 3.0em !important; }
.em01 { font-size: 0.1em !important; } .em02 { font-size: 0.2em !important; } .em03 { font-size: 0.3em !important; }
.em04 { font-size: 0.4em !important; } .em05 { font-size: 0.5em !important; } .em06 { font-size: 0.6em !important; }
.em07 { font-size: 0.7em !important; } .em08 { font-size: 0.8em !important; } .em09 { font-size: 0.9em !important; }
.em10 { font-size: 1.0em !important; }
.em11 { font-size: 1.1em !important; } .em12 { font-size: 1.2em !important; } .em13 { font-size: 1.3em !important; }
.em14 { font-size: 1.4em !important; } .em15 { font-size: 1.5em !important; } .em16 { font-size: 1.6em !important; }
.em17 { font-size: 1.7em !important; } .em18 { font-size: 1.8em !important; } .em19 { font-size: 1.9em !important; }
.em20 { font-size: 2.0em !important; }
.em21 { font-size: 2.1em !important; } .em22 { font-size: 2.2em !important; } .em23 { font-size: 2.3em !important; }
.em24 { font-size: 2.4em !important; } .em25 { font-size: 2.5em !important; } .em26 { font-size: 2.6em !important; }
.em27 { font-size: 2.7em !important; } .em28 { font-size: 2.8em !important; } .em29 { font-size: 2.9em !important; }
.em30 { font-size: 3.0em !important; } .em40 { font-size: 4.0em !important; } .em50 { font-size: 5.0em !important; }