* { padding: 0; margin: 0; }
*:focus { outline: 0; }
html, body { height: 100%; }
body { font-family: Arial, sans-serif; font-size: 14pt; background-color: #aceaff; }

a:focus { outline: none; }
a { color: #333; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:active { text-decoration: none; }
a:hover { color: #333; text-decoration: none; }      

#page { background-color: #6fc8e6; max-width: 1920px; margin: 0 auto; }



#start-player { text-align: center; padding-top: 100px; }
#start-player-button { display: inline-block; }
#start-player-text { font-weight: bold; display: inline-block; cursor: pointer; }
#start-player-icon { display: inline-block; cursor: pointer; padding-top: 15px; }



.clear { clear: both; }
#head { text-align: center; }
#head img { max-width: 1267px; width: 100%; }
#wrap-content { max-width: 1300px; margin: 0 auto; }
#content { padding-top: 125px; }

#c-right { width: 25%; float: right; text-align: right; }
#c-right .box { display: block; padding-right: 20px;  }
#c-right span { display: block; padding-right: 46px; padding-top: 15px;  }

#c-left { width: 39%; float: left; }
#c-left .box { display: block; padding-left: 20px; }
#c-left span { display: block; padding-left: 75px; padding-top: 15px; }

#c-mid { width: 30%; float: left; text-align: center; }
#c-mid .box { display: block; padding-left: 35px; padding-top: 110px; }
#c-mid span { display: block; padding-top: 15px; }

#wrap-footer { max-width: 1920px; margin: 0 auto; position: relative; }
#footer { text-align: center; }
#footer img { max-width: 1920px; width: 100%; }

#impds { position: absolute; bottom: 40px; left: 465px; }

@media screen and (max-width: 1940px){
  #impds { left: 24vw; }
}

@media screen and (max-width: 1320px){
  #c-mid .box { padding-left: 4vw; }
  #c-mid span {  }
}

@media screen and (max-width: 1200px){
  #c-right span { padding-right: 3vw; }
}

@media screen and (max-width: 1100px){
  #c-right { width: 50%; }
  #c-left { width: 50%; }
  #c-mid { float: none; clear: left; width: 100%; }
  #c-mid .box { padding-left: 12vw; padding-top: 30px; }
  #c-mid span { padding-left: 0; }

}

@media screen and (max-width: 950px){
  #c-left { float: none; width: 100%; text-align: center; padding-bottom: 50px; }
  #c-left .box { padding: 0 20px; }
  #c-left span { padding-left: 0; }
  #c-left img { max-width: 419px; width: 100%; }
  #c-right { float: none; width: 100%; text-align: center; padding-bottom: 80px; }
  #c-right .box { padding: 0 20px; }
  #c-right span { padding-right: 0; }
  #c-right img { padding: 0 20px; max-width: 272px; width: 100%; }
  #c-mid .box { padding: 0; }
}

@media screen and (max-width: 900px){
  #impds { left: 21vw; bottom: 20px; }
}

@media screen and (max-width: 600px){
  #impds { left: 60px; bottom: 15px; }
  #impds a { font-size: 12pt; }
}

@media screen and (max-width: 450px){
  #impds { left: 45px; bottom: 10px; }
  #impds a { font-size: 10pt; }
  #footer { padding-top: 40px; }
}

#designbody { background: none; background-color: #fff !important; color: #000; font-size: 10pt; font-weight: 400; font-family: Arial, Sans-serif; }
#designbody a, #designbody a:hover { color: #006F3B; }
#designbody ul, ol { padding-left: 21px; }
#designbody p { padding-bottom: 1rem; }
.mceContentBody { padding-top: 0!important; }