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;

}

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


}

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

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

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

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

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

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



.mh_logo {
	width:270px;
	height:123px;
	position:absolute;
	text-indent:-9999px;
	top:103px;
	left:362px;
	display:block;
	background: url(../images/logo.png) no-repeat top center;
}

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

}

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


.indextittle_01{
	width:116px;
	height:360px;
	position:absolute;
	text-indent:-9999px;
	top:280px;
	left:443px;
	display:block;
	background: url(../images/indextittle_01.png) no-repeat top center;
}

.indextittle_02{
	width:27px;
	height:256px;
	position:absolute;
	text-indent:-9999px;
	top:370px;
	left:-100px;
	display:block;
	background: url(../images/indextittle_02.png) no-repeat top center;
}

.indextittle_03{
	width:34px;
	height:462px;
	position:absolute;
	text-indent:-9999px;
	top:280px;
	left:1050px;
	display:block;
	background: url(../images/indextittle_03.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;
}

.indexboy{
	width:489px;
	height:720px;
	position:absolute;
	text-indent:-9999px;
	top:158px;
	left:-108px;
	display:block;
	background: url(../images/boy.png) no-repeat top center;
}

.indexgirl{
	width:400px;
	height:770px;
	position:absolute;
	text-indent:-9999px;
	top:171px;
	left:638px;
	display:block;
	background: url(../images/girl.png) no-repeat top center;
}

/* 2樓 */

.fnt1{
	width:860px;
	height:174px;
	position:absolute;
	text-indent:-9999px;
	top:-100px;
	left:50%;
	margin-left:-430px;
	display:block;
	background: url(../images/t1.png) no-repeat top center;
}

.tittle2f{
	width:79px;
	height:518px;
	position:absolute;
	text-indent:-9999px;
	top:210px;
	left:475px;
	display:none;
	background: url(../images/2f_tittle.png) no-repeat top center;
}

/* 3樓 */
.fnt2{
	width:860px;
	height:174px;
	position:absolute;
	text-indent:-9999px;
	top:-120px;
	left:50%;
	margin-left:-430px;
	display:block;
	background: url(../images/t2.png) no-repeat top center;
}

.tittle3f{
	width:111px;
	height:723px;
	position:absolute;
	text-indent:-9999px;
	top:93px;
	left:43px;
	display:block;
	background: url(../images/3f_tittle.png) no-repeat top center;
}

.intro3f{
	width:768px;
	height:610px;
	position:absolute;
	text-indent:-9999px;
	top:27px;
	left:187px;
	display:block;
	background: url(../images/3f_intro.png) no-repeat top center;
}

.kuha3f{
	width:400px;
	height:134px;
	position:absolute;
	text-indent:-9999px;
	top:679px;
	left:243px;
	display:block;
	background: url(../images/3f_kuha1.png) no-repeat top center;
}

.kuha3f:hover{
	background: url(../images/3f_kuha1_ho.png) no-repeat top center;
}

.notice3f{
	width:203px;
	height:49px;
	position:absolute;
	text-indent:-9999px;
	top:720px;
	left:750px;
	display:block;
	background: url(../images/note_btn.png) no-repeat top center;
}

.notice3f:hover{
   opacity:0.6;
}


/*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 #d1a96f;

	

  
}

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