trigger@charset "utf-8";
html{
	min-width:1000px;
	letter-spacing: 1px;
	
}
body{
	margin:0;
	background-color:#000;
	font-size:14px;
	color:#FFF;
	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: 3486px;
	width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    padding: 0;


}

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

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

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

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

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

.content3 {
    width: 1000px;
    height: 414px;
    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:192px;
	height:72px;
	position:absolute;
	text-indent:-9999px;
	top:75px;
	left:402px;
	display:block;
	background: url(../images/logo.png) no-repeat top center;
}

.littlelink_all{
	margin:auto;		
	padding:auto;
	padding-top:150px;
	width:200px;
	display:block;
	
}
.littlelink{
	font-size:15px;
	color:#d67676 !important;
	border: 1px solid #d67676;	
   	width:90px;	
	text-align:center;
	margin:2px;
	padding:2px;
	float:left;
	display:block;
	text-decoration:none;

}

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


.indextittle_01{
	width:201px;
	height:434px;
	position:absolute;
	text-indent:-9999px;
	top:205px;
	left:410px;
	display:block;
	background: url(../images/indextittle_01.png) no-repeat top center;
}

.indextittle_02{
	width:696px;
	height:662px;
	position:absolute;
	text-indent:-9999px;
	top:120px;
	left:-460px;
	display:block;
	background: url(../images/1wave.png) no-repeat top center;
}

.indextittle_03{
	width:708px;
	height:664px;
	position:absolute;
	text-indent:-9999px;
	top:120px;
	left:752px;
	display:block;
	background: url(../images/2wave.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;
}

.indexpeo1{
	width:448px;
	height:506px;
	position:absolute;
	text-indent:-9999px;
	top:169px;
	right:610px;
	display:block;
	background: url(../images/peo1.png) no-repeat top center;
}

.indexpeo2{
	width:450px;
	height:583px;
	position:absolute;
	text-indent:-9999px;
	top:79px;
	left:660px;
	display:block;
	background: url(../images/peo2.png) no-repeat top center;
}

.wmask{
	width:1920px;
	height:556px;
	position:absolute;
	text-indent:-9999px;
	top:384px;
	left:50%;
	margin-left:-960px;
	display:block;
	background: url(../images/1mask.png) no-repeat top center;	
}

.bottemMenu{
	
  position: absolute;
  top: 676px; 
  left: 50%;
  margin-left:-363px;
  width: 725px;
  height:237px;
  z-index: 1;	
  display:block;
  	
}

.bottemMenu li {
float: left;	
}

.bottemMenu li .b1{

	width:145px;
	height:237px;
	text-indent:-9999px; 
	background-image:url(../images/indexbtn.png);
	background-position:0px 0px; 
	display:block;
	}
	
.bottemMenu li .b1:hover,.bottemMenu li .b1.menucur{
	background-image:url(../images/indexbtn_ho.png);
	 }
.bottemMenu .b2{

	width:145px;
	height:237px;
	text-indent:-9999px; 
	background-image:url(../images/indexbtn.png);
	background-position:-145px 0px; 
	display:block;}
	
.bottemMenu .b2:hover,.bottemMenu li .b2.menucur{
	background-image:url(../images/indexbtn_ho.png);
	 }
.bottemMenu .b3{

	width:145px;
	height:237px;
	text-indent:-9999px; 
	background-image:url(../images/indexbtn.png);
	background-position:-290px 0px; 
	display:block;}
	
.bottemMenu .b3:hover,.bottemMenu li .b3.menucur{
	background-image:url(../images/indexbtn_ho.png);
	 }
.bottemMenu .b4{

	width:145px;
	height:237px;
	text-indent:-9999px; 
	background-image:url(../images/indexbtn.png);
	background-position:-435px 0px; 
	display:block;}
	
.bottemMenu .b4:hover,.bottemMenu li .b4.menucur{
	background-image:url(../images/indexbtn_ho.png);
	 }
.bottemMenu .b5{
	width:145px;
	height:237px;
	text-indent:-9999px; 
	background-image:url(../images/indexbtn.png);
	background-position:-580px 0px; 
	display:block;}
	
.bottemMenu .b5:hover,.bottemMenu li .b5.menucur{
	background-image:url(../images/indexbtn_ho.png);
	 }

/* 2樓 */

.f2login{
	width:958px;
	height:47px;
	position:relative;	
	display:block;
	background: url(../images/loginbg.jpg) no-repeat top center;	
	margin:auto;
	padding:auto;
	top:40px;
	
}


.f2loginbtn{
	width:172px;
	height:33px;
	position:relative;	
	top:7px;
	left:6px;
	display:block;
	background: url(../images/login.jpg) no-repeat top center;
	float:left;	
}
.f2loginbtn:hover{

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

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

}

.loginword2{
	margin:0;
	font-size:15px;
	color:#006ac7!important;
}

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

.eventleft{
	width:100%;
	position:relative;	
	display:block;
	margin:auto;
	padding:auto;
    text-align:left;
	padding-top:70px;
	padding-left:20px;
}

.event1word{
	width:100%;
	position:absolute;	
	display:block;
	left:110px;
	top:270px;
    line-height:30px;	
}

.lookgift{
	width:180px;
	height:25px;
	position:absolute;	
	display:block;
	left:430px;
	top:305px;
}

.newsoldier{
	width:173px;
	height:173px;
	position:absolute;	
	display:block;
	left:300px;
	top:360px;
}

.oldsoldier{
	width:173px;
	height:173px;
	position:absolute;	
	display:block;
	left:600px;
	top:360px;
}

.newsoldier:hover,.oldsoldier:hover,.lookgift:hover{
opacity:0.7;
}



/* 3樓 */

.eventleft2{
	width:100%;
	position:relative;	
	display:block;
	margin:auto;
	padding:auto;
    text-align:left;
	padding-top:30px;
	padding-left:20px;
}

.event2word{
	width:100%;
	position:absolute;	
	display:block;
	left:110px;
	top:80px;
    line-height:30px;	
}

.event2word2{
	width:100%;
	position:absolute;	
	display:block;
	left:200px;
	top:180px;
    line-height:42px;	
}


.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;
}

.mpic{
	width:75px;
	height:156px;
	position:absolute;	
	display:block;
	left:110px;
	top:185px;
}

.soldierF{
	width:173px;
	height:173px;
	position:absolute;	
	display:block;
	left:600px;
	top:200px;
}

.soldierF:hover{
opacity:0.7;
}

/* 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;	
}
.notice{
	width:185px;
	height:65px;
	position:absolute;	
	display:block;
	left:490px;
	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:#140a00;
	 border-top:1px solid #fff;

	

  
}

.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;
}