@charset "utf-8";
html,
body {
font-size: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #FFF;
height: 100%;
max-width: 64em;
margin: 1.5em;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.page {
margin: 0 auto;
}
.head {
display:inline;
float:none;
margin:0 auto;
}
.footer {
display:compact;
float:left;
margin: 0 auto;
line-height: 1.7em;
width: 100%;
background-color: #3c3c3c;
}
a:link {
color: #990000;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #006600;
}
a:hover {
text-decoration: underline;
color: #009900;
}
a:active {
text-decoration: none;
color: #0000FF;
}
.img {
max-width: 100%;
}
.img2 {
max-width: 100%;
overflow: auto;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
h1 {
color: #800030;
text-decoration: none;
text-align: left;
font-style: normal;
font-size: 1.5em;
margin: 0.2em;
text-shadow: 2px 2px 4px black;
}
h2 {
color: #000;
text-decoration: none;
text-align: left;
font-size: 1.3em;
font-style: normal;
margin: 0.5em;
}
h3 {
color: #000;
text-decoration: none;
text-align: left;
}
p {
line-height: 1.5em;
color: #000000;
margin: 0;
padding: 0.5%;
text-align: left;
text-decoration: none;
font-weight: lighter;
}
div {
line-height: 1.5em;
color: #000000;
text-decoration: none;
font-weight: normal;
}
/* -- Tables Style -- */
.table {
table-layout: fixed;
border-collapse: collapse;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-stretch:condensed;
margin: 0 0.5em 0.5em 0.5em;
padding: 0.5em;
width: 99%;
}
tr {
display:flexbox;
border: 1px solid #DDD;
padding: 0.5%;
font-stretch:condensed;
width: 99%;
}
td {
display:flexbox;
border: 1px solid #DDD;
padding: 0.5%;
font-stretch:condensed;
width: 99%;
word-wrap: break-word;
}
/* -- /Tables Style -- */
.box1 {
display:flexbox;
float:left;
width: 98%;
margin: 0 0.5em 0.5em 0.5em;
padding: 0.8em;
text-align: left;
border-left: solid 1px #DDD;
border-bottom: solid 1px #DDD;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.box3 {
display:flexbox;
margin: 0 0.5em 0.5em 0.5em;
padding: 0.8em;
text-align: left;
line-height: 1.2em;
border: solid 1px #DDD;
background-color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.box0 {
display:inline;
float:left;
margin-left: 0;
margin-bottom: 2%;
margin-right: 0;
margin-top: 0;
padding: 1%;
text-align: left;
font-size: 0.8em;
line-height: 3.0em;
background-color: #3c3c3c;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
hr {
border-style: none none solid;
height: 1px;
width: 100%;
color: #ddd;
margin-left: 0;
}
@media only screen and (max-width: 37.5em) {
.footer {
display: none;
}
}