/*
     FILE ARCHIVED ON 13:19:00 Mar 31, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 13:10:57 Sep 14, 2016.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
body
{
  background-color:#F06060;
  color:#fff;
  font:12px/1.5 微软雅黑;
}

.page
{
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
}

#loading
{
  display:block;
  font-size:30px;
  line-height:500px;
  text-align:center;
  color:#fff;
}

#index h1
{
  text-align:center;
  font-size:30px;
  text-shadow:1px 1px 1px #AB3C3C;
  padding:0 0;
}

#index .btns
{
  text-align:center;
  /*position:absolute;*/
  margin-top: 5%;
  bottom:10px;
  height:auto;
  width:100%;
  color:#ddd;
}

#scores h1
{
  text-align:center;
  font-size:30px;
  text-shadow:1px 1px 1px #AB3C3C;
  padding:0 0;
}

#games .btns
{
  text-align:center;
  position:absolute;
  bottom:40px;
  height:auto;
  width:100%;
  color:#ddd;
}


#scores .btns
{
  text-align:center;
  position:absolute;
  bottom:40px;
  height:auto;
  width:100%;
  color:#ddd;
}

#room header
{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:50px;
  line-height:50px;
  text-align:center;
  font-size:16px;
  color:#FFA1A1;
}

#room header .lv
{
  position:absolute;
  width:80px;
  height:20px;
  left:0;
  top:0;
}

#room header .lv em
{
  font-style:normal;
}

#room header .btn-pause
{
  position:absolute;
  top:5px;
  right:10px;
  height:40px;
  width:60px;
  line-height:40px;
  color:#fff;
  font-size:14px;
  margin:0;
  padding:0;
}

#room header .btn-page
{
  position:absolute;
  top:5px;
  right:10px;
  height:40px;
  width:60px;
  line-height:40px;
  color:#faa;
  font-size:14px;
  margin:0;
  padding:0;
}

#room header .time
{
  font-size:20px;
  font-weight:700;
  background-color:#FD9090;
  color:#FFCACA;
  border-radius:10px;
  padding:0 10px;
}

#room header .time.danger
{
  color:#FF0505;
  background-color:#fff;
}

#help
{
  height:30px;
  font-size:16px;
  color:#FFA1A1;
  text-align:center;
}

#top_scores
{
  height:30px;
  font-size:16px;
  color:white;
  text-align:center;
}

#box
{
  position:absolute;
  top:0px;
  right:0;
  bottom:0;
  left:0;
  background-color:#ddd;
  border-radius:10px;
  margin:auto;
  padding:2px;
}

#box span
{
  display:block;
  float:left;
  border-radius:10px;
  cursor:pointer;
  border:2px solid #ddd;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

#box.lv2 span
{
  width:50%;
  height:50%;
}

#box.lv3 span
{
  width:33.33%;
  height:33.33%;
}

#box.lv4 span
{
  width:25%;
  height:25%;
}

#box.lv5 span
{
  width:20%;
  height:20%;
  border-width:2px;
}

#box.lv6 span
{
  width:16.666%;
  height:16.666%;
  border-width:2px;
}

#box.lv7 span
{
  width:14.28%;
  height:14.28%;
  border-width:2px;
}

#box.lv8 span
{
  width:12.5%;
  height:12.5%;
  border-width:2px;
}

#box.lv9 span
{
  width:11.111%;
  height:11.111%;
  border-width:2px;
}

#box span img
{
  width:100%;
}

#dialog
{
  background-color:#A74343;
  padding-top:50px;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
}

#dialog:after
{
  position:absolute;
  top:0;
  right:0;
  display:block;
  content:'';
  width:90px;
  height:75px;
  background:url(/web/20160331131900/http://kuku-kube.com/images/share-tips.png) 0 0 75px no-repeat;
  -webkit-background-size:90px 75px;
}

#dialog .inner
{
  height:100%;
  width:100%;
  text-align:center;
  font-size:20px;
}

#dialog .inner .content
{
  padding-top:30px;
}

#dialog .inner h3
{
  line-height:40px;
  font-size:40px;
  color:#321;
  margin-top:0px;
  margin-bottom:30px;
}

#dialog .inner .pause h3
{
  color:#FFE2C5;
}

#dialog .inner .btn
{
  /*margin:15px auto;*/
}

#dialog .inner p
{
  margin:0;
}

#dialog .inner-content
{
  height:270px;
  width:100%;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
}

.btn
{
  border:none;
  color:inherit;
  cursor:pointer;
  display:inline-block;
  text-transform:uppercase;
  letter-spacing:1px;
  font-weight:700;
  outline:0;
  position:relative;
  background:#FCAD26;
  border-radius:7px;
  box-shadow:0 5px #DA9622;
  font-size:18px;
  font-family:微软雅黑;
  height:40px;
  width:140px;
  line-height:20px;
  -webkit-tap-highlight-color:transparent;
  margin:7px 30px;
}

.btn.btn-bottom
{
  position:absolute;
  width:300px;
  bottom:20px;
  left:50%;
  margin-left:-150px;
  padding:0;
}

.boyaa-logo
{
  display:block;
  height:50px;
  width:100px;
  -webkit-tap-highlight-color:transparent;
  margin:0 auto;
}

.boyaa-logo img
{
  max-width:100%;
}

.banner,.banner2
{
  width:640px;
  background-color:#123;
  max-width:100%;
  position:absolute;
  bottom:0;
  left:0;
}

.banner img,.banner2 img
{
  display:block;
  max-width:100%;
}

.btn-boyaa
{
  text-decoration:none;
}

.btn-boyaa img
{
  height:30px;
  width:30px;
  vertical-align:middle;
  margin-left:10px;
}

.fb-like {
    margin:auto;
    top:10%;
    }

#facebook fb
{
  text-align:center;
  height:100%;
  position:absolute;
   
}

body>a,.hide
{
  display:none;
}

@media all and orientationlandscape {
  #room header
  {
    height:100%;
    width:80px;
  }
  
  #room header .lv
  {
    left:0;
  }
  
  #room header .time
  {
    display:inline-block;
    height:50px;
    width:100%;
    position:absolute;
    top:50%;
    left:0;
    margin-top:-25px;
    padding:0;
  }
  
  #room header .btn-pause
  {
    top:auto;
    bottom:15px;
  }
  
  #box
  {
    top:0;
    left:80px;
  }
  
  #dialog
  {
    padding-top:0;
    padding-left:80px;
  }
  
  #dialog .inner .content
  {
    padding-top:100px;
  }
}

@media all and max-width361px {
  #box.lv1 span,#box.lv2 span,#box.lv3 span,#box.lv4 span
  {
    border-radius:5px;
    border-width:2px;
  }
  
  #box.lv5 span,#box.lv6 span,#box.lv7 span,#box.lv8 span,#box.lv9 span
  {
    border-radius:3px;
    border-width:1px;
  }
}

footer{background-color: orange;position: absolute;right: 0;bottom: 0;height: 200px;width: 100%;overflow:hidden;}