trigger@charset "utf-8";
html{
	min-width:1000px;
	letter-spacing: 1px;
	
}
body{
	margin:0;
	background-color:#000;
	font-size:14px;
	color:#fdffa5;
	font-family: Arial, "Microsoft YaHei", "微软雅黑", Tahoma, sans-serif;
	line-height: 18px;

}


#if {
	position: absolute;
	z-index: 1000002;
	left: 800px;
	top: 100px;

}

.topp{
	height: 202px;
	width: 75px;	
    position: fixed; 
	right:20px;
    display:none; 
    z-index: 99999;	
	bottom:80px;
}

.topp:hover{
opacity:0.7;
}

.container{
	height: 3000px;
	width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    padding: 0;


}

#darkness1 {
    width: 100%;
    height: 885px;
    margin: 0 auto;
    position: relative;
    background: url(../images/bg1.jpg) no-repeat;
    background-position: 50% 0;
    z-index: 0;
}

.content1 {
    width: 1000px;
    height: 885px;
    position: relative;
    top: 0px;
    left: 50%;
    margin-left: -500px;
    padding-left: 0x;
}

#darkness2 {
    width: 100%;
    height: 1234px;
    margin: 0 auto;
    position: relative;
    background: url(../images/bg2.jpg) no-repeat;
    background-position: 50% 0;
    z-index: 0;
}

.content2 {
    width: 1000px;
    height: 1234px;
    position: relative;
    top: 0px;
    left: 50%;
    margin-left: -500px;
    padding-left: 0x;
}

#darkness3 {
    width: 100%;
    height: 881px;
    margin: 0 auto;
    position: relative;
    background: url(../images/bg3.jpg) no-repeat;
    background-position: 50% 0;
    z-index: 0;
}

.content3 {
    width: 1000px;
    height: 881px;
    position: relative;
    top: 0px;
    left: 50%;
    margin-left: -500px;
    padding-left: 0x;
}

#darkness4 {
    width: 100%;
    height: 777px;
    margin: 0 auto;
    position: relative;
    background: url(../images/bg_04.jpg) no-repeat;
    background-position: 50% 0;
    z-index: 0;
}

.content4 {
    width: 1000px;
    height: 777px;
    position: relative;
    top: 0px;
    left: 50%;
    margin-left: -500px;
    padding-left: 0x;
}

#darkness5 {
    width: 100%;
    height: 780px;
    margin: 0 auto;
    position: relative;
    background: url(../images/bg_05.jpg) no-repeat;
    background-position: 50% 0;
    z-index: 0;
}

.content5 {
    width: 1000px;
    height: 78px;
    position: relative;
    top: 0px;
    left: 50%;
    margin-left: -500px;
    padding-left: 0x;
}



.mh_logo {
	width:168px;
	height:63px;
	position:absolute;
	text-indent:-9999px;
	top:34px;
	left:215px;
	display:block;
	background: url(../images/logo.png) no-repeat top center;
}

.littlelink_all{

	width:100px;
    height:50px;
	display:block;
	position:absolute;
	top:40px;
	left:390px;
	
}
.littlelink{
	font-size:15px;
	color:#d7dd00 !important;
	border: 1px solid #d7dd00;	
   	width:90px;	
	text-align:center;
	margin:2px;
	padding:2px;
	display:block;
	text-decoration:none;

}

.littlelink:hover{
	font-size:15px;
	color:#fff!important;
	border: 1px solid #fff;	
	text-align:center;
	margin:2px;
	padding:2px;
	display:block;	
/* 	background-color:rgba(209 ,169, 111, 0.6); */
}


.indextittle_01{
	width:543px;
	height:428px;
	position:absolute;
	text-indent:-9999px;
	top:320px;
	left:14px;
	display:block;
	background: url(../images/indextittle_01.png) no-repeat top center;
}

.indextittle_02{
	width:573px;
	height:813px;
	position:absolute;
	text-indent:-9999px;
	top:73px;
	left:470px;
	display:block;
	background: url(../images/mrwang.png) no-repeat top center;
}



.moviebtn{
	width:167px;
	height:153px;
	position:absolute;
	text-indent:-9999px;
	top:662px;
	left:415px;
	display:block;
	background: url(../images/movie-btn1.png) no-repeat top center;
}

.moviebtn:hover{
	-moz-transform-origin:50% 0%;
						-o-transform-origin:50% 0%;
						-webkit-transform-origin:50% 0%;
						-ms-transform-origin:50% 0%;
						transform-origin:50% 0%;
									
						animation-name:mgo1;
						animation-timing-function:linear;
						animation-duration:1s;
						animation-delay:0s;
						animation-iteration-count:infinite;
						animation-direction:normal;
					
							
						-webkit-animation-name:mgo1;
						-webkit-animation-timing-function:linear;
						-webkit-animation-duration:1s;
						-webkit-animation-delay:0s;
						-webkit-animation-iteration-count:infinite;
						-webkit-animation-direction:normal;
}


.pagedown{
	width:49px;
	height:48px;
	position:absolute;
	text-indent:-9999px;
	top:828px;
	left:473px;
	display:block;
	background: url(../images/down-btn.png) no-repeat top center;
}



/* 2樓 */

.f2login{
	width:960px;
	height:41px;
	position:relative;	
	display:block;
	
	margin:auto;
	padding:auto;
	top:40px;
	 border-radius: 100px;
	 background-color:#dadf00;
	
	
}


.f2loginbtn{
	width:155px;
	height:41px;
	position:relative;	
	top:0px;
	left:40px;
	display:block;
	background: url(../images/login.png) no-repeat top center;
	float:left;	
}
.f2loginbtn:hover{

	background: url(../images/login_ho.png) no-repeat top center;
}

.loginwordpos{
	position:relative;	
	top:15px;
	left:50px;
	display:block;
    float:left;	
}
.loginword1{
	margin:0;
	font-size:15px;
	color:#514716!important;
	

}

.loginword2{
	margin:0;
	font-size:15px;
	color:#60771a!important;
	margin-left:20px;
}

.event1{
	width:100%;
	height:55px;
	position:relative;	
	display:block;
	margin:auto;
	padding:auto;
    text-align:left;
	margin-top:55px;
	margin-left:20px;

}

.event2{
	width:100%;
	height:55px;
	position:relative;	
	display:block;
	margin:auto;
	padding:auto;
    text-align:left;
	margin-left:20px;
	padding-top:20px;

}

.event_tt1{
	width:100%;
	height:26px;
	position:relative;	
	display:block;
	margin:auto;
	padding:auto;
    text-align:left;
	margin-top:15px;
	margin-left:33px;
}

.event1word{
	width:100%;
	position:relative;	
	display:block;
	left:33px;
	top:5px;
    line-height:30px;	
}

.event1gbg{
    width:947px;
	height:528px;
	position:relative;	
	display:block;
	margin:auto;
	padding:auto;
	background: url(../images/gbg.png) no-repeat top center;
	
}

.msd{
	width:820px;
	height:118px;
	position:relative;	
	display:block;
	padding:20px 30px; 
	
	
}

/* 領取種子按鈕 */

.re1{
	width:155px;
	height:36px;
	position:absolute;
	text-indent:-9999px;
	top:690px;
	left:65px;
	display:block;
	background: url(../images/nd.png) no-repeat top center;
}


.re2{
	width:155px;
	height:36px;
	position:absolute;
	text-indent:-9999px;
	top:690px;
	left:304px;
	display:block;
	background: url(../images/nd.png) no-repeat top center;
}


.re3{
	width:155px;
	height:36px;
	position:absolute;
	text-indent:-9999px;
	top:690px;
	left:540px;
	display:block;
	background: url(../images/nd.png) no-repeat top center;
}

.re4{
	width:155px;
	height:36px;
	position:absolute;
	text-indent:-9999px;
	top:690px;
	left:778px;
	display:block;
	background: url(../images/nd.png) no-repeat top center;
}

.re1_no{
	width:155px;
	height:36px;
	position:absolute;
	text-indent:-9999px;
	top:690px;
	left:65px;
	display:none;
	background: url(../images/nd2.png) no-repeat top center;
}

.re2_no{
	width:155px;
	height:36px;
	position:absolute;
	text-indent:-9999px;
	top:690px;
	left:304px;
	display:none;
	background: url(../images/nd2.png) no-repeat top center;
}

.re3_no{
	width:155px;
	height:36px;
	position:absolute;
	text-indent:-9999px;
	top:690px;
	left:540px;
	display:none;
	background: url(../images/nd.png) no-repeat top center;
}

.re4_no{
	width:155px;
	height:36px;
	position:absolute;
	text-indent:-9999px;
	top:690px;
	left:778px;
	display:none;
	background: url(../images/nd.png) no-repeat top center;
}

.re1:hover,.re2:hover,.re3:hover,.re4:hover{
opacity:0.7;
}

/* 領取種子按鈕結束 */

/* 樹的成長 */
.treeall{
	width:170px;
	height:192px;
	position:absolute;
	text-indent:-9999px;	
}

/* 第1樹 */
.tree1_1{
	top:776px;
	left:58px;
	display:block;	
	background: url(../images/step1.png) no-repeat top center;
}

.tree1_2{
	top:776px;
	left:58px;
	display:none;	
	background: url(../images/step2.png) no-repeat top center;
}



.tree1_3{
	top:776px;
	left:58px;
	display:none;	
	background: url(../images/step3.png) no-repeat top center;
}


/* 第2樹 */
.tree2_1{
	top:776px;
	left:295px;
	display:block;	
	background: url(../images/step1.png) no-repeat top center;
}

.tree2_2{
	top:776px;
	left:295px;
	display:none;	
	background: url(../images/step2.png) no-repeat top center;
}

.tree2_3{
	top:776px;
	left:295px;
	display:none;		
	background: url(../images/step3.png) no-repeat top center;
}
/* 第3樹 */
.tree3_1{
	top:776px;
	left:530px;
	display:block;	
	background: url(../images/step1.png) no-repeat top center;
}

.tree3_2{
	top:776px;
	left:530px;
	display:none;		
	background: url(../images/step2.png) no-repeat top center;
}

.tree3_3{
	top:776px;
	left:530px;
	display:none;		
	background: url(../images/step3.png) no-repeat top center;
}


/* 第4樹 */
.tree4_1{
	top:776px;
	left:765px;
	display:block;	
	background: url(../images/step1.png) no-repeat top center;
}

.tree4_2{
	top:776px;
	left:765px;
	display:none;		
	background: url(../images/step2.png) no-repeat top center;
}

.tree4_3{
	top:776px;
	left:765px;
	display:none;		
	background: url(../images/step3.png) no-repeat top center;
}



/* 樹的成長結束*/

/* 種植澆水收成 */
.stall{
	width:148px;
	height:34px;
	position:absolute;
	text-indent:-9999px;	
}
.stA_1{
	top:974px;
	left:74px;
	display:block;
	background: url(../images/nd3.png) no-repeat top center;
}
.stA_2{
	top:974px;
	left:74px;
	display:none;
	background: url(../images/nd4.png) no-repeat top center;
}

.stA_3{
	top:974px;
	left:74px;
	display:none;
	background: url(../images/nd5.png) no-repeat top center;
}

.stB_1{
	top:974px;
	left:304px;
	display:block;
	background: url(../images/nd3.png) no-repeat top center;
}

.stB_2{
	top:974px;
	left:304px;
	display:none;
	background: url(../images/nd4.png) no-repeat top center;
}

.stB_3{
	top:974px;
	left:304px;
	display:none;
	background: url(../images/nd5.png) no-repeat top center;
}

.stC_1{
	top:974px;
	left:540px;
	display:block;
	background: url(../images/nd3.png) no-repeat top center;
}

.stC_2{
	top:974px;
	left:540px;
	display:none;
	background: url(../images/nd4.png) no-repeat top center;
}

.stC_3{
	top:974px;
	left:540px;
	display:none;
	background: url(../images/nd5.png) no-repeat top center;
}


.stD_1{
	top:974px;
	left:778px;
	display:block;
	background: url(../images/nd3.png) no-repeat top center;
}

.stD_2{
	top:974px;
	left:778px;
	display:none;
	background: url(../images/nd4.png) no-repeat top center;
}

.stD_3{
	top:974px;
	left:778px;
	display:none;
	background: url(../images/nd5.png) no-repeat top center;
}

.stA_1:hover,.stB_1:hover,.stC_1:hover,.stD_1:hover,
.stA_2:hover,.stB_2:hover,.stC_2:hover,.stD_2:hover,
.stA_3:hover,.stB_3:hover,.stC_3:hover,.stD_3:hover
{
opacity:0.7;
}

/* 種植澆水收成結束 */



/* 3樓 */

.msgift{
	width:100%;
	position:relative;	
	display:block;
	margin:auto;
	padding:auto;
    text-align:center;
	padding-top:30px;

}

.nddall{
	width:211px;
	height:46px;
	position:absolute;		
}

.ndd1{
	left:30px;
	top:630px;
	display:block;
}

.ndd2{
	left:270px;
	top:630px;
	display:block;
}

.ndd3{
	left:515px;
	top:630px;
	display:none;
}

.ndd4{
	left:765px;
	top:630px;
	display:none;
}

.ndd1_no{
	left:30px;
	top:630px;
	display:none;
}

.ndd2_no{
	left:270px;
	top:630px;
	display:none;
}

.ndd3_no{
	left:515px;
	top:630px;
	display:block;
}

.ndd4_no{
	left:765px;
	top:630px;
	display:block;
}

.ndd1:hover,.ndd2:hover,.ndd3:hover,.ndd4:hover,
.ndd1_no:hover,.ndd2_no:hover,.ndd3_no:hover,.ndd4_no:hover

{
opacity:0.7;
}

.notice{
	width:104px;
	height:134px;
	position:absolute;	
	display:block;
	left:440px;
	top:690px;	
}

.wordY{
	color:#ffb446!important;
	text-decoration:none;
	
}
.wordY:hover{
	color:#fff!important;
	text-decoration:none;
}


.wordYlittle{
	color:#ffb446!important;
	line-height:20px;
	font-size:13px;
}


.soldierF:hover{
opacity:0.7;
}

.wordGY{
	color:#dadf00!important;
	text-decoration:none;
	
}
/* 4樓 */

.shoot{
	width:249px;
	height:414px;
	position:absolute;	
	display:block;
	left:450px;
	top:340px;
	background: url(../images/gun.png) no-repeat top center;	
}

.shoot:hover{
	background: url(../images/gun_ho.png) no-repeat top center;	
}

.shoot:active{
	background: url(../images/gun_ac.png) no-repeat top center;	
}

.lookgift2{
	width:65px;
	height:400px;
	position:absolute;	
	display:block;
	left:880px;
	top:260px;
}

.lookgift2:hover{
opacity:0.7;
}

/* 5樓 */

.foursone{
	width:812px;
	height:472px;
	position:absolute;	
	display:block;
	left:100px;
	top:25px;
	background: url(../images/4gun.png) no-repeat top center;		
}

.qqlook{
	width:446px;
	height:46px;
	position:absolute;	
	display:block;
	left:120px;
	top:510px;
	background: url(../images/e4.png) no-repeat top center;		
}

.read{
	width:185px;
	height:65px;
	position:absolute;	
	display:block;
	left:120px;
	top:570px;	
}
.QA{
	width:185px;
	height:65px;
	position:absolute;	
	display:block;
	left:305px;
	top:570px;	
}

.receive1{
	width:140px;
	height:34px;
	display:block;
	padding-top:400px;
	padding-left:30px;
	float:left;
}
.receive2{
	width:140px;
	height:34px;
	display:block;
	padding-top:400px;
	padding-left:64px;
	float:left;
}
.receive3{
	width:140px;
	height:34px;
	display:block;
	padding-top:400px;
	padding-left:64px;
		float:left;
}
.receive4{
	width:140px;
	height:34px;
	display:block;
	padding-top:400px;
	padding-left:64px;
		float:left;
}
.receive1:hover,
.receive2:hover,
.receive3:hover,
.receive4:hover,
.read:hover,
.QA:hover,
.notice:hover{
	opacity:0.7;
}

/*footer*/

.footerControl{
/*   position: relative;
  z-index: 9;
  width: 100%;
  height: 30px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  top:970px;
  */
  
    width: 100%;
    height: 30px;
    margin: 0 auto;
   position:absolute;
    background-position: 50% 0;
    z-index: 99;
	display:block;
	bottom:0px;
	left:0px;
	background-color:#514716;
	 border-top:1px solid #c9e94a;

	

  
}

.footerControl:hover{
  height: 74px;
  margin: -45px 0 0 0;
  
  
}

.footerControl:hover .copyright-ss {
  opacity: 0;
  display: none;
}
.footerControl:hover .copyright {
  display: block;
  opacity: 1;
}
.footerControl .copyright-ss {
  opacity: 1;
  position: relative;
  margin: 0 auto;
  margin-top:10px;
  height: 30px;
  width: 470px;
  background: transparent url("../images/copyright_ss.png") top center no-repeat;
}
.footerControl .copyright {
  display: none;
  opacity: 0;
  position: relative;
  margin: 0 auto;
  height: 74px;
  width: 1000px;
  background: transparent url("../images/copyright_mh.png") center no-repeat;
}
.footerControl .footer-riot {
  position: absolute;
  left: 0;
  top: 20px;
  display: inline-block;
  vertical-align: middle;
  width: 75px;
  height: 50px;

}
.footerControl .footer-garena {
  position: absolute;
  left: 77px;
  top: 20px;
  display: inline-block;
  vertical-align: middle;
  width: 82px;
  height: 50px;
  /*   background: rgba(255, 255, 255, 0.5); */
}
.footerControl .footer-fb {
  position: absolute;
  right: 0px;
  top: 10px;
  display: inline-block;
  vertical-align: middle;
  width: 60px;
  height: 40px;

}



	









#popwrap{
	width: 100%;
	height: 963px;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	z-index:1000001
}
#pop{display: block;margin: 220px auto 0;width: 709px;height: 569px;position: relative;}
#popclose{position: absolute;right: 12px;top: 9px;display: block;cursor: pointer;}
#mask{background:#000; width:100%; height:963px; position:absolute; z-index: 1000000; top:0; display:none; left:0;}

.s1{ color:#FC0;
           
          }
body .s2{ color:#FFF;
          padding-left:65px;}	 

.s3{ color:#FC0;
	 font-size:13PX;}	
.s4{ color:#F99;
	 font-size:13PX;}
.s5{ color:#6CC;
	 font-size:13PX;}	 
.pp{ padding-left:65px;}	 	 
	  
#vv:link{color:#fff;
	text-decoration: none;
}

#vv:visited{color:#fff;
	text-decoration: none;
}

#vv:hover {
	text-decoration: none;
	color:#999;
}	 
	 
/*表格樣式01*/
.table_a {
	font-family: Verdana, "新細明體";
	font-size: 13px;
	line-height: 20px;
	border: 1px solid #F9C;
	text-align: center;
	color: #fff;

}
.desk tr td {
	font-family: Verdana;
	color: #fff;
	text-align: center;
	font-size: 13px;
}

.table_a tr td{
	border: 1px solid #F9C;
}

.table_a_title{
	color: #FFF;
	background-color: #8b9ae5;
	font-family: "新細明體", Verdana;
	letter-spacing: 1px;
}
.table_a_line1 {
	background-color: #E0F0FE;
}
.tabble_bubble  {
	font-family: Verdana, "新細明體",;
	font-size: 13px;
	color: #9a7462;
}