@charset "UTF-8";

*{font-family: Meiryo, "Meiryo UI", "Microsoft JhengHei UI", "Microsoft JhengHei", sans-serif;}

html, body{
	background-color: #89ca24;
	width: 100%;
	height: 100%;
	margin: 0; 
	padding: 0;
}

/*nav*/
nav{
    background-color: #000;
    width: 100%;
    min-width: 1200px;
    position: relative;
    margin: 0 auto;
    z-index: 300;
}
nav a{
    color:#FFF;	
    font-size: 16px;
    font-weight: 900;
    text-decoration: none;
}
nav a:hover{
	color:#ff0900;
	text-decoration: none;
}
.navcontent{
	width: 1150px;
	height: 54px;
    margin: 0 auto;
}
.navtext{
	float: right;
    margin-top: 20px;
    margin-left: 12px;
}
.navtoplogo{
	float:left; 
	margin-top: 10px;
	font-size: 0px;
}
.bh, .fb{
	float: right;
	font-size: 0px;
	margin-top: 5px;
    margin-left: 5px;
	width: 49px;
	height: 49px;
}
.bh{background: url("//landing.mangot5.com/template/hot/event/common/bh.png") top center no-repeat;}
.fb{background: url("//landing.mangot5.com/template/hot/event/common/fb.png") top center no-repeat;}
.bh:hover,.fb:hover{opacity: 0.8}

/*wrapper*/
.wrapper{   
	background:url(../images/bg.jpg) center -15px no-repeat;  
	width: 100%;
	max-width: 1920px;
    min-width: 1200px;
	min-height: 860px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}
.header{
	height: 1450px;
}
.logo{
	background: url("//landing.mangot5.com/template/hot/event/common/logo.png") top center no-repeat;
	width: 257px;	
	height: 106px;
	cursor: pointer;
	position: absolute;
	left: 50%;
	margin-left: -570px;
	margin-top: 30px;
}
.logo:hover{
	margin-left: -567px;
	margin-top: 33px;
}
/*btn*/
body,h1,h2,h3,h4,ul,p,input,select,address{margin:0;padding:0}
img{border:0;vertical-align:top}
ul,li{list-style:none}
.tabs{position:absolute;left:0;width:100%;z-index:10;/*margin-top: -300px;*/}
.tabs ul{margin:0 auto;width:1200px;text-align: center;/*overflow:hidden;_zoom:1*/}
.tabs li{position:absolute;top: -400px;/*float:left; position: relative;margin: 0 auto;*/}
.tabs li a:hover img,.tabs li .on img{margin-top:-222px}
.menu{width:100%;}
.sticky{position:fixed;top:0;left:0;background-color:#89ca24;height:160px;/*margin-top:-30px;*/}
/*.topall{position:relative;margin:0 auto;width:1100px;display: none;}
.topall a{width: 218px;height: 220px;position:absolute;top: 150px;right: -900px;}
.top{background: url(../images/top.png) top center no-repeat;width: 100%;height: 100%;position: absolute;}
*/.content{position:relative; margin:0 auto; width:1200px;}
.content p{
	padding:168px 0 0 0;
	margin-left: -37px;
}

.btn{background-image: url("../images/btn.png");background-repeat: no-repeat;}
.btn1, .btn2, .btn3{
	position: absolute;
	
}
.btn1 {
	background-position: 0 0; 
	width: 340px; height: 526px;
    left: 50%;
    margin-left: 0px;
}
.btn1:hover{ background-position: 0 -526px;}
.btn2 {
	background-position: 0 -1052px; 
	width: 342px; height: 526px;
    left: 50%;
    margin-left: 422px;
}
.btn2:hover{ background-position: 0 -1578px;}
.btn3 {
	background-position: 0 -2104px; width: 314px; height: 526px;
    left: 50%;
    margin-left: 891px;
 }
.btn3:hover{background-position: 0 -2630px;}
.btn4,.btn5,.btn6{width: 231px; height: 150px;/*margin-top: 10px;margin-left: -10px;*/}
.btn4 {background-position: -342px 0;}
.btn4:hover{background-position: -342px -150px;}
.btn5 {background-position: -342px -300px;}
.btn5:hover{background-position: -342px -450px;}
.btn6 {background-position: -342px -600px;}
.btn6:hover{background-position: -342px -750px;}
.top {background-position: -342px -900px; width: 231px; height: 150px;}
.top:hover {background-position: -342px -1050px;}

/*footer*/
.footer{
	background: url("//landing.mangot5.com/template/hot/event/common/footer.png")top center no-repeat;
    width: 851px;
    height: 87px;
    position: relative;
    margin: 50px auto 20px;
}