.html, body {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: #f5f6f8;
}

@media print {
  .header {display: none;}
  footer {display: none;}
}

.divDialog {
  position: absolute;
  z-index: 1000000;
  background-color: white;
  box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
  border: 2px solid #5e6dd9;
  border-radius: 8px;
  opacity: 0;
}
  .divDialog.cookie {
      animation: bottomToTop 1.5s 0s 1 forwards;
      -webkit-animation: bottomToTop 1.5s 0s 1 forwards;
      -moz-animation: bottomToTop 1.5s 0s 1 forwards;
  }
  .divDialog.termsOfService {
      animation: dialogTermsOfService 0.5s 0s 1 forwards;
      -webkit-animation: dialogTermsOfService 0.5s 0s 1 forwards;
      -moz-animation: dialogTermsOfService 0.5s 0s 1 forwards;
  }
.divDialogFollow {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background-color: #8d8d8d80;
  top: 0px;
}
.buttonDialog {
  font: bold 14px sans­serif;
  cursor: pointer;
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 5px;
}
  .buttonDialog.yes {
      background-color: orange;
  }
  .buttonDialog.no {
      background-color: darkgray;
  }
  .buttonDialog:hover {
      background-color: #efefef;
      color: blue;
  }
.buttonDialogClose {
  font: bold 20px sans­serif;
  cursor: pointer;
  background: white;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 );
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: none;
  border-radius: 5px;
}
.buttonDialogPopup {
  cursor: pointer;
  background: white;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 );
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: none;
  border-radius: 5px;
  width: 28px;
  height: 32px;
}
.buttonDialogDisabled {
  font: bold 14px sans­serif;
  padding: 0.5em 1em;
  background: gray;
  color: #FFF;
  border-radius: 5px;
}

.divPopup {
  position: absolute;
  box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
  border: 2px solid #000;
  border-radius: 3px;
  background-color: rgb(255, 255, 245);
}
.divPopupTitle {
  width: 100%;
  height: 29px;
  float: left;
  color: white;
  background-color: rgb(0,51,102);
  cursor: grab;
  white-space: nowrap;
}
  .divPopupTitle span {
      position: relative;
      left: 10px;
      top: 2px;
      letter-spacing: 2px;
  }
.divPopupControl {
  height: 29px;
  float: right;
  text-align: right;
  padding-right: 1%;
  background-color: rgb(0,51,102);
}
.buttonPopup {
  font: bold 13px sans­serif;
  cursor: pointer;
  background: rgb(0,51,102);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 );
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: none;
  border-radius: 5px;
  color: white;
}
.buttonPopupOption {
  cursor: pointer;
  background: #e07c7c;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 );
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: none;
  border-radius: 5px;
  color: white;
}
.buttonPopupWindowSize {
  cursor: pointer;
  background: rgb(0,51,102);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 );
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: none;
  color: white;
  cursor: move;
}
  .buttonPopupWindowSize :hover {
      background: rgb(0,51,102);
  }
  .buttonPopupWindowSize :active {
      border-top: none;
      border-left: none;
      border-right: none;
      border-bottom: none;
  }
.buttonPopupTask {
  cursor: pointer;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: none;
  height: 16px;
  vertical-align: middle;
  padding-left: 5px;
}
.divPopupForrow {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 999999;
  top: 0px;
}
.divPopupOption {
  font: normal 9px sans­serif;
  position: absolute;
  box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.5);
  border: 1px solid #000;
  border-radius: 3px;
  background-color: #f5fdff;
  padding: 5px;
  animation: tooltip 0.5s 0s 1 forwards;
  -webkit-animation: tooltip 0.5s 0s 1 forwards;
  -moz-animation: tooltip 0.5s 0s 1 forwards;
  cursor: text;
  overflow-y: auto;
}
.divPopupMinimal {
  font: normal 9px sans­serif;
  position: absolute;
  box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.5);
  border: 1px solid #000;
  border-radius: 3px;
  background-color: #f5fdff;
  padding: 5px;
  animation: tooltip 0.5s 0s 1 forwards;
  -webkit-animation: tooltip 0.5s 0s 1 forwards;
  -moz-animation: tooltip 0.5s 0s 1 forwards;
  cursor: text;
  overflow-y: auto;
}

.divTopScroll {
  position: absolute;
  bottom: 70px;
  right: 40px;
  width: 100px;
  height: 100px;
  background-color: #abbde5;
  border-radius: 50px;
  animation: bottomToTop 0.5s 0s 1 forwards;
  -webkit-animation: bottomToTop 0.5s 0s 1 forwards;
  -moz-animation: bottomToTop 0.5s 0s 1 forwards;
  cursor: pointer;
}

.header {
  background-color: #ffffff;
  border-bottom: 8px solid #2F5597;
  z-index: 2000;
}

.PageFooter {
  position: absolute;
  width: 100%;
  height: 6rem;
  bottom: 0px;
  font: normal 0.8em sans­serif;
  color: white;
  background-color: #2F5597;
}
.PageFooter div.copylight {
  width: 100%;
}

.PageFooter nav.custom {
  height: 2.3rem;
  background-color: #3E70C7;
}
.PageFooter a.nav-custom {
  color: #ffffff;
  font: normal 0.9rem sans­serif;
  width: 10rem;
  height: 2.3rem;
  text-align: center;
}
.navbar-nav a:hover {
  text-decoration: none;
}
.PageFooter nav a:hover {
  background-color: #ffffff;
  color:#2F5597;
}
.PageFooter .text a {
  color: #ffffff;
  text-decoration: underline;
}
.PageFooter .text a:hover {
  color: rgb(250, 246, 15);
  text-decoration: underline;
}
.PageFooter div.text{
  margin: 0.5rem;
}

.PageFooter div.text p{
    width: 55rem;
    margin: 0.1em auto 0 auto;
}

#Page {
  font: bold 25px sans­serif;
  overflow-y: hidden;
  overflow-x: hidden;
  display: block;
}

#Contents {
  width: 100%;
  color: blue;
  display: contents;
}
#contentsFrame {
  border: 0px;
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
}

@keyframes dialogTermsOfService{
  0% {
      opacity: 0;
      transform: translate(0%, -100%);
  }

  100% {
      opacity: 1;
      transform: translate(0%, 0%);
  }

}
@-webkit-keyframes dialogTermsOfService {
  0% {
      opacity: 0;
      transform: translate(0%, -100%);
  }

  100% {
      opacity: 1;
      transform: translate(0%, 0%);
  }
}
@-moz-keyframes dialogTermsOfService {
  0% {
      opacity: 0;
      transform: translate(0%, -100%);
  }

  100% {
      opacity: 1;
      transform: translate(0%, 0%);
  }
}

@keyframes bottomToTop {
  0% {
      opacity: 0;
      transform: translate(0%, 100%);
  }

  100% {
      opacity: 1;
      transform: translate(0%, 0%);
  }
}
@-webkit-keyframes bottomToTop {
  0% {
      opacity: 0;
      transform: translate(0%, 100%);
  }

  100% {
      opacity: 1;
      transform: translate(0%, 0%);
  }
}
@-moz-keyframes bottomToTop {
  0% {
      opacity: 0;
      transform: translate(0%, 100%);
  }

  100% {
      opacity: 1;
      transform: translate(0%, 0%);
  }
}

@keyframes tooltip {
  0% {
      opacity: 0;
  }

  50% {
      opacity: 0.5;
  }

  100% {
      opacity: 1;
  }
}
@-webkit-keyframes tooltip {
  0% {
      opacity: 0;
  }

  50% {
      opacity: 0.5;
  }

  100% {
      opacity: 1;
  }
}
@-moz-keyframes tooltip {
  0% {
      opacity: 0;
  }

  50% {
      opacity: 0.5;
  }

  100% {
      opacity: 1;
  }
}