@charset "UTF-8";
/* CSS Document */
* { margin:0; padding:0; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;}
a { text-decoration:none; color:#459fcc;}
a:hover {color:#e4c597;}
a img{ border:0;}

body, html { width:100%; height:100%;}

body{
  background: #333;
}
#wrapper {
  width:100%; height: 100%;
}

#stick {
  position: fixed;
  left: -375px;
  width: 410px;
  float: left;
  top:50%;
  border-bottom: 3px solid #ddd;
  box-shadow: 8px 8px 24px #000;
}

#title {
  float: left;
  padding: 1px 16px;
  background: #ccc;
  
}

#title img{
  width: 16px;
  height: 16px;
  margin-bottom: -1px;
}

.mainMenu {
  float: left;
}

.mainMenu a{
  color: #ccc;
  display:  block;
  float: left;
  padding: 0 8px;
}

.showMenu {
  float: right;
}

.showMenu a{
  color: #00adef;
  display:  block;
  float: right;
  padding: 0 8px;
}

#hideLink{
  display: none;
}

#content{
  position: fixed;
  top:50%;
  margin: 0;
  float: left;
  background: #ddd;
  border: 1px solid #ddd;
  width: 480px;
  height: 4px;
  overflow: hidden;
  font-size: 13px;
  font-family: arial, sans-serif;
  font-weight: 100;
  color: #333;
  box-shadow: 8px 8px 24px #000;
  border-radius: 10px;
  opacity: 0;
  padding: 4px;
}

#content p{
  margin-top: 246px;
  text-align: center;
}