body {
	background-color:#000;
	background-image: url(bg001.gif);
	background-repeat: repeat;
}

.container{ width:98%; margin:0 auto;max-width:640px;}

#content{
	position:relative;   
	border:0px; 
	width:640px;		
	height:250px;
	margin:0 auto; 
	top:0px;    
	overflow:hidden;   
	clear:both;
	
}

.updown1 {
	-webkit-transform: translate3d(0px, 6px, 0px);
	-webkit-animation: updown1 1s 0s infinite linear alternate both ;
}

@-webkit-keyframes updown1 {
	0% {
		-webkit-transform: translate3d(0px, -10px, 0px);
		-webkit-animation-timing-function:linear;
	}
	100% {
		-webkit-transform: translate3d(0px, 10px, 0px);
		-webkit-animation-timing-function:linear;
	}
}

#pZpMj5gZg-an-obj-6 {
	position:absolute;
	-webkit-transform: translate3d(-250px, 21px, 0px);
	width: 339px;
	height: 225px;
	top:0; left:0;
}

#pZpMj5gZg-an-obj-7 {
	position:absolute;
	-webkit-transform: translate3d(-94px, 20px, 0px);
	width: 78px;
	height: 78px;
	top:0; left:0;
	-webkit-animation: ani-pZpMj5gZg-an-obj-7-0 1s 0s infinite linear alternate both ;
}

@-webkit-keyframes ani-pZpMj5gZg-an-obj-7-0 {
	0% {
		-webkit-transform: translate3d(-210px, 30px, 0px) scale3d(1, 1, 1);
		-webkit-animation-timing-function:linear;
		opacity: 1;
	}
	100% {
		-webkit-transform: translate3d(-210px, 30px, 0px) scale3d(0.8, 0.8, 1);
		-webkit-animation-timing-function:linear;
		opacity: 0.8;
	}
}			

#pZpMj5gZg-an-obj-8 {
	position:absolute;
	-webkit-transform: translate3d(0px, 162px, 0px);
	width: 343px;
	height: 90px;
	top:0; left:0;
	-webkit-animation: ani-pZpMj5gZg-an-obj-8-0 2s 0s infinite linear both ;
}

@-webkit-keyframes ani-pZpMj5gZg-an-obj-8-0 {
	0% {
		-webkit-transform: translate3d(20px, 162px, 0px) scale3d(0.8, 0.8, 1);
		-webkit-animation-timing-function:linear;
		opacity: 0;
	}
	50% {
		-webkit-transform: translate3d(20px, 162px, 0px) scale3d(0.9, 0.8, 1);
		-webkit-animation-timing-function:linear;
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translate3d(20px, 162px, 0px) scale3d(1, 1, 1);
		-webkit-animation-timing-function:linear;
		opacity: 0;
	}
}


*:focus {outline: none;}

/*input*/
.contact_form input {
	height:35px;
	/*width:188px;*/
	width:99%;
	padding:0px 0px 0px 5px;
	font-size: 22px;
	line-height: 1.8em;
	display:inline;
}

.contact_form input, .contact_form textarea {
    border:1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px;
}
.contact_form input:focus, .contact_form textarea:focus {
    background: #fff;
    border:1px solid #555;
    box-shadow: 0 0 3px #aaa;
}

.reward_area {
	padding:38px 5% 20px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin:0 auto
}
.reward_area_inner {
	margin:0 auto;
	position:relative;
	left:3px
}
.tc {
	text-align:center
}

.reward_access {
	display:inline-block;
	padding:0 1.6em;
	line-height:2;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#FA0909;
	color:#fff;
	font-size:16px;
	-webkit-tap-highlight-color:rgba(0,0,0,0)
}
.reward_access:active {
	background-color:#be5041;
	color:#e69990
}

.tips_global {
	color:#8c8c8c
}

.reward_user_tips {
	margin-top:1.4em
}

.reward_user_list {
	padding-top:.5em;
	overflow:hidden
}
.round10 {-webkit-border-radius: 10px;}
.round20 {-webkit-border-radius: 20px;}
.box-shadow-1{  
  -webkit-box-shadow: 1px 1px 1px; 
  box-shadow: 2px 2px 2px;  
} 
.box-shadow-6{  
    box-shadow:-1px 0 1px red, /*左边阴影*/  
    3px 0 3px yellow, /*右边阴影*/  
    0 -1px 1px blue, /*顶部阴影*/  
    0 3px 3px green; /*底边阴影*/  
} 

.col_meih{ color:#FF0054;}
.col_green{ color:#00F80C;}
.col_green2{ color:#00FFB4;}
.col_green3{ color:#00FC5F;}
.col_green4{ color:#94FC00;}
.col_red{ color:#FC0000;}
.col_red2{ color:#B50000;}
.col_red3{ color:#FF3600;}
.col_red4{ color:#FF8A00;}
.col_huang{ color:#EAFF00;}
.col_huang2{color:#FFAE00;}
.col_whi{color:#fff;}
.col_whi2{color:#A9A9A9;}
.col_ka{color:#DD895C;}
.col_lan{color:#000CFF;}
.col_lan2{color:#00FFFC;}
.col_zi{color:#BF81EA;}

.yy1{
	   text-shadow:-1px 1px 5px #F00;
}
.yy2{
	  text-shadow: 0px 0px 20px #FF0;
}
.yy3{
	text-shadow: 2px 3px 4px #ff0000;
}
.yy4 {
  text-shadow: 0px 0px 3px #FF0, 0px 0px 3px #fff;
}

.yy5 {
  color: transparent;
  text-shadow:0 0 1px #F00, 0px -1px  #FFF, 1px 0px  #444;
}
.yy6{
	text-shadow: 0 0 3px #fff;
}
.yy7{
	text-shadow:0px 0px 1px #922e09,0px 0px 1px #ffb69a,0px 0px #922e09;
}
.shadow {
    -webkit-box-shadow: 0px 0px 5px #fff;
}

  .round360 {	 
	  -webkit-animation-name: 'round360'; /*动画名称*/
      -webkit-animation-duration: 2s;/*播放一次所持续时间*/
      -webkit-animation-timing-function: ease-in-out;/*动画播放频率*/
      -webkit-animation-iteration-count: 2;/*动画播放次涒为无限次*/
	   -webkit-transform-origin: center center;
  }
  .move{	 
	  -webkit-animation-name: 'move'; /*动画名称*/
      -webkit-animation-duration: 2s;/*播放一次所持续时间*/
      -webkit-animation-timing-function: linear;/*动画播放频率*/
      -webkit-animation-iteration-count: 1;/*动画播放次涒为无限次*/
	   -webkit-transform-origin: center center;
  }
  .scale{	 
	  -webkit-animation-name: 'scale'; /*动画名称*/
      -webkit-animation-duration: 2s;/*播放一次所持续时间*/
      -webkit-animation-timing-function: ease-in-out;/*动画播放频率*/
      -webkit-animation-iteration-count: 10;/*动画播放次涒为无限次*/
	   -webkit-transform-origin: center center;
  }
  .fastround360{
	  -webkit-animation-name: 'fastround360'; /*动画名称*/
      -webkit-animation-duration: 1s;/*播放一次所持续时间*/
      -webkit-animation-timing-function: ease-in-out;/*动画播放频率*/
      -webkit-animation-iteration-count: 1;/*动画播放次涒为无限次*/
	   -webkit-transform-origin: center center;
	}
.skew{
	  -webkit-animation-name: 'skew'; /*动画名称*/
      -webkit-animation-duration: 1s;/*播放一次所持续时间*/
      -webkit-animation-timing-function: ease-in-out;/*动画播放频率*/
      -webkit-animation-iteration-count: 1;/*动画播放次涒为无限次*/
}
.moveleft{
		-webkit-animation-name: 'moveleft'; /*动画名称*/
      -webkit-animation-duration: 6s;/*播放一次所持续时间*/
      -webkit-animation-timing-function: ease-in-out;/*动画播放频率*/
      -webkit-animation-iteration-count: 1;/*动画播放次涒为无限次*/
}
.moveright{
	-webkit-animation-name: 'moveright'; /*动画名称*/
      -webkit-animation-duration: 6s;/*播放一次所持续时间*/
      -webkit-animation-timing-function: ease-in-out;/*动画播放频率*/
	  /*-webkit-animation-delay:1s;*/
      -webkit-animation-iteration-count: 1;/*动画播放次涒为无限次*/
}
.moveright1{-webkit-animation:moveright 6s ease-in-out 0s 1}
/*end*/

#up{
	
}
@-webkit-keyframes up{
	from{-webkit-transform:translate(0px,0px) rotate(0deg);opacity:0.9}
	to{-webkit-transform:translate(-160px,-600px) rotate(10deg);opacity:0.9}
}
@-webkit-keyframes down{
	from{-webkit-transform:translate(0px,-160px) rotate(0deg);opacity:0.9}
	to{-webkit-transform:translate(0px,0px) rotate(0deg);opacity:0.9}
}
@-webkit-keyframes zhuan{
	0%
	{
		-webkit-transform:rotate(0deg);
	}

	100%
	{
		-webkit-transform:rotate(360deg);
	}
}

#piaoluo{
	z-index:121;
	position:absolute;
	top:0;
}
@-webkit-keyframes piaoluo{
	from{-webkit-transform:translate(0px,0px) rotate(0deg);}
	to{-webkit-transform:translate(-400px,1200px) rotate(360deg);}
}
#luo{
	z-index:122;
	position:absolute;
	top:0;
}
@-webkit-keyframes luo{
	from{-webkit-transform:translate(0px,0px) rotate(0deg);}
	to{-webkit-transform:translate(-400px,1000px) rotate(0deg);}
}

.shortpiaoluo{
	z-index:123;
	position:absolute;
	top:0;
}
@-webkit-keyframes shortpiaoluo{
	from{-webkit-transform:translate(0px,0px) rotate(0deg);}
	to{-webkit-transform:translate(-400px,1200px) rotate(360deg);}
}

.yaobai{-webkit-animation:yaobai 2s linear 1s infinite}
*:focus {outline: none;}

/* font */
@font-face{
font-family: myFirstFont;
src: url('./font/ARRIVAL.ttf');
	}

@font-face{
font-family: myFirstFont2;
src: url('./font/BUSINKO.TTF');
}

@font-face{
font-family: myFirstFont3;
src: url('./font/Didot.ttf');
	}

@font-face{
font-family: myFirstFont4;
src: url('./font/sylfaen.ttf'); 
	}

.f_arr{font-family:myFirstFont;}
.f_bus{font-family:myFirstFont2;}
.f_did{font-family:myFirstFont3;}
.f_syl{font-family:myFirstFont4;}