@charset "UTF-8";

@media screen and (max-width: 768px) {
  html,body{
    font-size: 10px;
  }
  .xs-hide{
    display: none;
  }
  .xs-show{
    display: block;
  }
  
  /* 素材圖片容器 */
  .mist{
    width: 100%;
  }
  /*.roo-a, .roo-a img{
    animation: none;
  }*/
  .roo-a{
    right: 5%;
    width: 20%;
  }
  /* 素材圖片容器 end */

  /* content */
  .content-box{
    width: 100%;
    min-width: 0;
    text-align: center;
  }
  .content{
    width: 85%;
  }
  .roo-logo{
    width: 40%;
    /*max-width: 100px;*/
  }
  .content .msg{
    line-height: 3rem;
    font-size: 2.5rem;
    padding: 0 0;
    letter-spacing: 8px;
  }
  .join-beta{
    font-size: 1.8rem;
    padding: 10px 0;
  }
  .app-link a{
    border-radius: 5px;
  }
  .fb{
    padding-top: 15px;
  }
  .fb a{
    font-size: 1.5rem;
  }
  /* content end */
  footer{
    background: transparent;
  }
}


@media screen and (max-width: 315px) {
  .content .msg{
    line-height: 2.5rem;
    font-size: 1.8rem;
    font-size: 7vw;
  }
  .join-beta{
    font-size: 1.4rem;
    padding: 6px 0;
  }

}