@charset "utf-8";
*{ margin:0; padding:0; box-sizing:border-box;}
body{background: none repeat scroll 0 0 #f0dbad;color: #333;font-family: Microsoft Yahei,STHeiti,Droid Sans Fallback,sans-serif;
font-size: 100%;font-weight: normal;height: 100%;margin: 0;padding: 0;position: relative;}
a{ outline:none 0;}
.wrapper{ max-width:640px; height:100%;margin:0 auto; }
.wrapper .opsBox{ width:100%; height:100%; position:relative;}
.wrapper .page{ max-width:640px;height:100%;background:url(../images/game_bg.jpg) center top no-repeat; background-size:100% 100%;}
/*#bgImg{ position:absolute; left:0; top:0; width:100%; height:100%;}*/
.wrapper .tkp_logo{height:39px; text-align:right; padding-right:15px; padding-top:8px;}
.wrapper .tkp_logo img{ height:100%;}
.cover{ width:80%; max-width:400px; margin:10% auto;}
.cover img{ width:100%;}
.btn1{ cursor:pointer;}
.img01{}
.startGame{ width:70%; max-width:210px; margin:0 auto; padding-bottom:60px;}
.startGame img{ width:100%;}
.maskBox{background:url(../images/mask.png) repeat; display: none;height: 100%;left: 0;margin: 0; padding: 0;position: absolute; text-align: right;top: 0; width: 100%;z-index:100;}
.startbg{ max-width:300px; margin:40% auto 0; position:relative;}
.startbg .mask_img01{ width:100%;}
.startbg .mask_img02{ max-width:150px; position:absolute; z-index:10000; bottom:15%; left:50%; margin-left:-75px; cursor:pointer;}
.gameBtn img{ 
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
	-webkit-animation:fudong 1s ease-out 0.5s infinite;
    -moz-animation: fudong 1s ease-out 0.5s infinite;
    -ms-animation: fudong 1s ease-out 0.5s infinite;
    animation: fudong 1s ease-out 0.5s infinite;			
}
/*animation start button*/
@-webkit-keyframes fudong {
  0%,100% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  80% {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
  }
}
@-moz-keyframes fudong {
  0%,100% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  80% {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
  }
}
@-o-keyframes fudong {
  0%,100% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  80% {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
  }
}
@keyframes fudong {
  0%,100% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  80% {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
  }
}
/* 遮罩*/
.startbg a img {
  -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
	-webkit-animation:bounce 1s ease-out 0.5s infinite;
    -moz-animation: bounce 1s ease-out 0.5s infinite;
    -ms-animation: bounce 1s ease-out 0.5s infinite;
    animation: bounce 1s ease-out 0.5s infinite;		
}
@-webkit-keyframes bounce {
  0%,100% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  80% {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
  }
}
@-moz-keyframes bounce {
  0%,100% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  80% {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
  }
}
@-o-keyframes bounce {
  0%,100% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  80% {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
  }
}
@keyframes bounce {
  0%,100% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  80% {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
  }
}