@charset "utf-8";
/* CSS Document */
#wrapper_event_level{
	width:100%; height:auto;
	background-color:#72604f;
	position:relative;
	background-image:url(http://www.gohappy.com.tw/event/20160801_membersite/images/event_level/event_level_bg.jpg);
	background-repeat:no-repeat;
	background-position:center -2px;
	margin:0 auto;
}
#wrapper_1000{
	width:1000px; height:auto;
	position:relative;
	margin:0 auto;
	
}
	#wrapper_1000 .kv{
		width:1000px; height:555px;
		position:relative;
		background-image:url(http://www.gohappy.com.tw/event/20170801_membersite/images/event_level/event_level_kv.jpg);
		background-repeat:no-repeat;
		z-index:200;
		overflow:hidden;
	}
		#wrapper_1000 .kv .btn1 img{
	position: absolute;
	z-index: 500;
	left: 455px;
	top: 452px;
	width:1px;
	height:1px;
		}
		#wrapper_1000 .kv .btn2 img{
	position: absolute;
	z-index: 500;
	left: 679px;
	top: 452px;
	width:1px;
	height:1px;
		}
		#wrapper_1000 .kv .btn3 img{
	position: absolute;
	z-index: 500;
	left: 846px;
	top: 285px;
	width:1px;
	height:1px;
		}
		
		


#wrapper_1000 .kv .btn3 img{
	animation-name: floating2;
	-webkit-animation-name: floating2;

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

	
	#wrapper_1000 .content{
		width:1000px; height:auto;
		position:relative;
		display:block;
		z-index:300;
	}
		#wrapper_1000 .content .top{
			width:1000px; height:151px;
			position:relative;
			display:block;
			overflow:hidden;
			z-index:300;
		}
			#wrapper_1000 .content .top .runtext{
				font-size: 15px;
				color: #fff;
				width: 500px;
				height: 30px;
				position: absolute;
				z-index: 300;
				left: 557px;
				top: 0px;
			}
			#wrapper_1000 .content .top .bg{
				position:absolute;
			
			}
		#wrapper_1000 .content .top2{
			width:1000px; height:162px;
			position:relative;
			display:block;
			overflow:hidden;
			z-index:300;
		}
		#wrapper_1000 .content .btn{
			width:1000px; height:78px;
			position:relative;
			display:block;
			overflow:hidden;
			z-index:300;
		}
		#wrapper_1000 .content .center{
			width:1000px;
			background-image:url(http://www.gohappy.com.tw/event/20160801_membersite/images/event_level/event_level_content_bg.jpg);
			background-repeat:repeat-y;
			position:relative;
		}
			#wrapper_1000 .content .center .inside{
				width:950px; height:auto;
				display:block;
				margin:0 auto;
				position:relative;
			}
				#wrapper_1000 .content .center .inside .text{
					width:950px; height:310px;
					display:block;
				}
				#wrapper_1000 .content .center .inside .product_title{
					width:950px; 
					display:block;
				}
				#wrapper_1000 .content .center .inside .product_content{
					background-image:url(http://www.gohappy.com.tw/event/20160801_membersite/images/event_level/event_vip_content_inside_bg.jpg);
					background-repeat:repeat-y;
					width:950px; height:auto;
					display:block;
					position:relative;
				}
				#wrapper_1000 .content .center .inside .product_bottom{
					width:950px; height:54px;
					display:block;
				}
				#wrapper_1000 .content .center .inside .rule_title{
					width:950px; height:120px;
					display:block;
				}
				#wrapper_1000 .content .center .inside .rule_content{
					background-image:url(http://www.gohappy.com.tw/event/20160801_membersite/images/event_level/event_vip_content_inside_bg.jpg);
					background-repeat:repeat-y;
					width:950px; height:auto;
					display:block;
					position:relative;
				}
				#wrapper_1000 .content .center .inside .rule_bottom{
					width:950px; height:54px;
					display:block;
				}
			
			
			
			
			
			
			
			
			
			
			
		#wrapper_1000 .content .bottom{
			width:1000px; 
			
		}
		
		
		#wrapper_1000 .content .center .inside .rule_content .inside{
			width:840px; height:auto;
			display:block;
			overflow:hidden;
			margin:0 auto;
		}
		
		#wrapper_1000 .content .center .inside .rule_content .inside p{
			color:#330000;
			font-size:15px;
			font-family: \5FAE\8EDF\6B63\9ED1\9AD4, "Myriad Pro", Myriad, Tahoma, Arial, Helvetica, sans-serif;
			letter-spacing:1px;
			line-height:22px;
			
		}
		#wrapper_1000 .content .center .inside .rule_content .inside p .brownicon{
			background-image:url(../images/event_vip/icon.jpg);
			background-repeat:no-repeat;
			background-position:center left;
			padding-left:20px;
		}
		#wrapper_1000 .content .center .inside .rule_content .inside h1{
			color:#9a0b0b;
			font-size:18px;
			font-weight:bold;
			letter-spacing:1px;
			line-height:22px;
		}
		
		
		
#footer{
	width:1000px;
	margin:0 auto;
	position:relative;
	text-align:center;
}
p a{
	color:#F33;	
}

#keyword{
	border:0px;
	font-size:15px;
	color:#333;
	height:30px;
	width:200px;	
	padding:10px;
	z-index:300;
	float:left;
	margin-right:10px;
}




#wrapper_1000 .kv .king_body img{
	width: 312px;
	height: 1px;
	position: absolute;
	z-index: 1000;
	left: 51px;
	top: 505px;
}




#wrapper_1000 .kv .king_head img{
	width: 319px;
	height: 1px;
	position: absolute;
	z-index: 1000;
	left: 52px;
	top: 500px;
}
#wrapper_1000 .kv .king_head img{
	animation-name: floating;
	-webkit-animation-name: floating;

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

#wrapper_1000 .kv .king_hand{
	animation-name: floating3;
	-webkit-animation-name: floating3;

	animation-duration: 3s;	
	-webkit-animation-duration: 3s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}






#wrapper_1000 .kv .king_hand{
	width: 100px;
	height: 126px;
	position: absolute;
	z-index: 1001;
	left: 343px;
	top: 181px;
}
#wrapper_1000 .kv .poker_hand{
	width: 125px;
	height: 51px;
	position: absolute;
	z-index: 1000;
	left: 822px;
	top: 339px;
}

#wrapper_1000 .kv .poker_hand{
animation-name: floating3;
	-webkit-animation-name: floating3;

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

#wrapper_1000 .kv .title1{
	width: 532px;
	height: 148px;
	position: absolute;
	left: 371px;
	top: -150px;
	z-index: 1000;
}

#wrapper_1000 .kv .title2{
	width: 544px;
	height: 120px;
	position: absolute;
	left: 406px;
	top: -150px;
	z-index: 1000;
}

#wrapper_1000 .kv .title3 img{
	width: 1px;
	height: 1px;
	position: absolute;
	z-index: 1000;
	left: 900px;
	top: 196px;
}

#wrapper_1000 .kv .shine1{
	width: 22px;
	height: 27px;
	position: absolute;
	z-index: 1000;
	left: 423px;
	top: 330px;
}

#wrapper_1000 .kv .shine2{
	width: 22px;
	height: 27px;
	position: absolute;
	z-index: 1000;
	left: 2px;
	top: 174px;
}

#wrapper_1000 .kv .shine3{
	width: 22px;
	height: 27px;
	position: absolute;
	z-index: 1000;
	left: 329px;
	top: 193px;
}

#wrapper_1000 .kv .shine4{
	width: 22px;
	height: 27px;
	position: absolute;
	z-index: 1000;
	left: 1px;
	top: 82px;
}

#wrapper_1000 .kv .shine5{
	width: 22px;
	height: 27px;
	position: absolute;
	z-index: 1000;
	left: 311px;
	top: 57px;
}



@-webkit-keyframes swashIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
  }

  90% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(0.9, 0.9);
  }

  100% {
  	opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
  }
}
@keyframes swashIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }

  90% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(0.9, 0.9);
  }

  100% {
  	opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
}

@keyframes floating {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(2%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(2%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}			
}
@keyframes floating2 {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(6%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floating2 {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(6%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}			
}
@keyframes floating3 {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(22%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floating3 {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(22%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}			
}