.spoiler
{
  transition: all 1s cubic-bezier(.79,.14,.15,.86) 0s;
  overflow: visible;
  color: #777;
  font-size: 3;
  position: fixed;
  color: #222;
  text-align: right;
  /*border-right-style: ridge;
  border-right-width: 3px;*/
}
.spoiler #show
{
  display: none;
  background-color:transparent;
  background-repeat:repeat;
  margin: 0px;
  border-width: 1px;
  padding: 4px;
}
.spoiler #hide
{
  /*background-color: #5CCEE8;
  border-style: ridge;
  border-right-style: none;
  border-width: 3px;
  border-color: #4C84FF;*/
}
@media (min-device-width: 600px)
{
  .spoiler
  {
    margin-left: 80%;
    margin-top: 50%;
    width: 50px;
  }
  .spoiler #hide
  {
    height: 25px;
  }
}
@media (max-device-width: /*365*/600px)
{
  .spoiler
  {
    margin-left: 85%;
    margin-top: 131%;
    width: 50px;
  }
}
/*@media (min-device-width: 365px) and (max-device-width: 450px)
{
  .spoiler
  {
    margin-left: 20%;
    margin-top: 20%;
    width: 120px;
  }
}*/
.spoiler span
{
  background-color: #4C84FF;
  border-width: 1px;
  border-color: #333;
  border-right-style: ridge;
  border-right-width: 3px;
  border-style: solid;
  margin-right: 1px;
  float: right;
  margin-top: 4px;
}