@charset "utf-8";
body, div, form, input, select, option, dl, dt, dd, ul, ol, li, p, h1, h2, h3, h4, h5, h6, address {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
  line-height: 1.5;
}
img {
  vertical-align: bottom;
}
ul {
  list-style: none;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both
}
body {
  color: #DDDDDD;
}
main {
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 16px;
  margin: auto;
  background-color: #DDDDDD;
  color: #313131;
  width: 80%;
}
header {
  background-color: #001540;
  padding-top: 20px;
  color: #989797;
  width: 100%;
}
header .tittle {
  background-color: #001540;
  width: 100%;
  margin-top: 5px;
}
header .name {
  background-color: #001540;
  height: auto;
  font-family: "Times New Roman", Times, serif;
  font-style: normal;
  font-weight: bolder;
  font-size: 3rem;
  text-align: center;
  color: #D7D7D7;
  letter-spacing: 5px;
}
header .name2 {
  background-color: #001540;
  font-family: "Times New Roman", Times, serif;
  font-size: 1.8rem;
  margin: auto;
  font-style: normal;
  word-spacing: 0.8rem;
  text-align: center;
  font-variant: normal;
  height: auto;
}
header .since {
  background-color: #001540;
  margin-right: 10%;
  margin-top: -3px;
  margin-bottom: auto;
  padding-bottom: 20px;
  font-size: 1.5rem;
  font-style: italic;
  text-align: right;
}
header .name3 {
  background-color: #001540;
  margin-left: 4%;
  width: 50%;
  height: auto;
  font-family: "Times New Roman", Times, serif;
  font-style: normal;
  font-weight: bolder;
  font-size: 3rem;
  text-align: center;
  color: #D7D7D7;
  float: left;
  padding-left: 20px;
  letter-spacing: 5px;
}
header .name4 {
  background-color: #001540;
  font-family: "Times New Roman", Times, serif;
  font-size: 1.2rem;
  padding-top: 5px;
  font-style: normal;
  word-spacing: 0.8rem;
  width: 30%;
  text-align: center;
  float: left;
  font-variant: normal;
}
header .since2 {
  background-color: #001540;
  width: 10%;
  margin-right: 3%;
  font-size: 1rem;
  font-style: italic;
  text-align: center;
  float: left;
}
.global.nav {
  width: 100%;
  background-color: #6691CC;
}
.global.nav ul {
  border: 2px solid #FFFFFF;
  font-size: 1rem;
  list-style-type: none;
  background-color: #6691CC;
  font-family: Tahoma, Geneva, sans-serif;
  line-height: normal;
  font-weight: normal;
  text-align: center;
  padding: auto;
  display: flex;
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
}
.global.nav ul li {
  color: #000000;
  width: 14.2%;
  border: thin solid #FFFFFF;
  text-decoration: none;
}
.global.nav a {
  color: #000000;
  text-decoration: none;
}
.global.nav a:hover {
  color: #c7c3ba;
}
.sub.nav {
  width: 100%;
  background-color: #DDDDDD;
}
.sub.nav ul {
  font-size: 1rem;
  list-style-type: none;
  font-family: Tahoma, Geneva, sans-serif;
  display: flex;
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
}
.sub.nav ul li {
  color: #000000;
  width: 18%;
  background-color: #DDDDDD;
  display: flex;
  text-align: center;
  justify-content: center;
}
.sub.nav a {
  color: #000000;
  text-decoration: none;
}
.sub.nav a:hover {
  color: #EF7211;
}
body a {
  color: #1448F0;
  text-decoration: none;
}
body a:hover {
  color: #E5560B;
}
footer nav a {
  color: #ffffff;
  text-decoration: none;
}
footer nav a:hover {
  color: #c7c3ba;
}
h4 img {
  border: 1px solid #0449DB;
}
#date {
  text-align: right;
  margin-right: 10%;
}
.topicstable {
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  padding-top: 20px;
  width: 80%;
  border: 2px dotted #DB821E;
}
footer {
  background-color: #001540;
  padding-top: 20px;
  color: #989797;
}
ul li a {}
img {
  vertical-align: bottom;
}
#mainphoto {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 40px;
}
footer .location {
  text-align: center;
  /* [disabled]margin-top: 20px; */
  padding-top: 2rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
}

.welcome {
  font-family: "Times New Roman", Times, serif;
  color: #002A81;
  font-size: 1.5rem;
  line-height: auto;
  font-weight: bold;
  text-align: center;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: auto;
}
.topicstable {
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  padding-top: 20px;
  width: 70%;
  border: 2px dotted #DB821E;
}
.topics th {
  text-align: left;
  padding-left: 5rem;
  color: #E5560B;
  font-size: 1.2rem;
  font-weight: bolder;
  font-family: Tahoma, Geneva, sans-serif;
  padding-top: 10px;
  padding-bottom: 10px;
}
.topics td {
  text-align: left;
  padding-left: 50px;
  font-family: Tahoma, Geneva, sans-serif;
  font-weight: normal;
  line-height: 2rem;
}
footer {
  background-color: #001540;
  padding-top: 20px;
  color: #989797;
}
footer nav {
  width: 80%;
  padding: auto;
  margin-left: auto;
  margin-right: auto;
  background-color: #001540;
}
footer nav ul {
  display: flex;
  font-size: 0.9rem;
  list-style-type: none;
  font-family: "Times New Roman", Times, serif;
  line-height: normal;
  font-weight: normal;
  height: auto;
  margin: auto;
  text-align: center;
}
footer nav ul li {
  text-decoration: none;
  color: #EBEBEB;
  float: left;
  clear: both;
  width: 15%;
  border: thin solid #000000;
  text-align: center;
  background-color: #6691CC;
}

footer .cp {
  text-align: center;
  padding-bottom: 2rem;
  padding-top: 1rem;
}
.top {
  text-align: right;
  padding-right: 50px;
}