@charset "utf-8";
@import url("reset.css");
@import url("style.css");
body { background:url(../images/mainbg.png) repeat-y center ; 
		font: 18px/1.5 arial;
		height:100%;
		color: #FFF;
		line-height: 24px;
		overflow-x:hidden;	}
ul li { list-style:none; }
.mob_cl { display:none; visibility:hidden; }
img { border:0; }

/*天bar*/
header { background:#f9f9f9; color:#3c3c3c; width:100%; min-width:1381px; height:30px; border-bottom: 1px solid #ccc; position:relative; z-index:99; }
	.header { width:1000px; margin:auto; padding-top:5px; }
		.header ul { font:11px/0.9em Verdana, Geneva, sans-serif; float:right; padding:0; margin:0; }
	@media screen and (-webkit-min-device-pixel-ratio:0){ header ul { width:auto; } }	
			.header ul li { float:left; border-right:1px solid #ccc; padding:0 10px 0 0; margin:5px 5px 0; }
			.header ul li.none { border-right:none; margin:5px 0 0 5px; }
			.header ul li a, header ul li a:link, header ul li a:visited { color:#3c3c3c; text-decoration:none; }
			.header ul li a:hover { color:#7e7e7e; text-decoration:none; }

/*article*/
article { background-attachment:scroll; background-image:url(../images/main_bg.jpg); background-repeat:no-repeat; background-position:center top;width:100%; min-width:1000px; height:3518px; position:relative; }
#container{margin:0 auto;width:1000px;position:relative; }
.mainimg{ width:1138px; height:675px; position:absolute; top:0; left:0; z-index:1;}
.logo{ width:250px; height:150px; position:absolute; top:13px; left:10px; z-index:50;}
.mv{ width:350px; height:232px; position:absolute; top:0px; left:20px; z-index:50;}
.coin_L{ width:375px; height:260px; position:absolute; top:435px; left:-290px; z-index:5; }
.coin_R{ width:350px; height:280px; position:absolute; top:412px; left:925px; z-index:5; }
.ap{ width:250px; height:45px; position:absolute; top:11px; right:17px; z-index:5;}
.ap li{ display: inline-block;}
.app_1{ width:121px; height:45px;}
.app_2{ width:121px; height:45px; }
.app_1 a:hover,.app_2 a:hover{ opacity:0.5;}

/*middle*/
#mid{ width:950px; top:488px; left:17px; position:absolute; z-index:10; }
#con_1{ width:950px; height:1506px; position:relative;}
.map a{ width:50px; height:70px; position:absolute; z-index:12; top:171px; left:853px;}
.map a:hover{ top:165px;}
.time a{ width:195px; height:93px; position:absolute; z-index:12; top:455px; left:698px;}
.time a:hover{top:450px;}
#man_1{ width:190px; height:212px; position:absolute; z-index:12; top:449px; left:-62px;}
#man_2{ width:162px; height:190px; position:absolute; z-index:12; top:592px; left:788px;}
#gold_1{width:75px; height:48px; position:absolute; z-index:12; top:361px; left:-66px;}
#gold_2{width:65px; height:56px; position:absolute; z-index:12; top:473px; left:-134px;}
#gold_3{width:60px; height:78px; position:absolute; z-index:12; top:526px; left:947px;}
#gold_4{width:70px; height:60px; position:absolute; z-index:12; top:640px; left:992px;}
#gold_5{width:66px; height:71px; position:absolute; z-index:12; top:753px; left:957px;}

#con_2{ height:1324px;position:relative;}
	
.maru{-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 525px;
	overflow: hidden;
	margin: 10px auto 0;
	}
#man_3{ width:375px; height:540px; position:absolute; z-index:12; top:246px; left:-85px;}
#man_4{ width:305px; height:400px; position:absolute; z-index:12; top:112px; left:794px;}
#gold_6{width:70px; height:55px; position:absolute; z-index:12; top:-17px; left:-81px;}
#gold_7{width:137px; height:175px; position:absolute; z-index:12; top:128px; left:-99px;}
#gold_8{width:80px; height:60px; position:absolute; z-index:12; top:150px; left:59px;}
#gold_9{width:132px; height:187px; position:absolute; z-index:12; top:629px; left:804px;}
#gold_10{width:93px; height:198px; position:absolute; z-index:12; top:581px; left:1030px;}

/*bottom*/
#con_3{ width:950px; height:407px; position:relative;}
#btn_pagetop a{ width:285px; height:210px; position: relative; z-index:12; top:187px; left:376px; display: block;}
#btn_pagetop a:hover{ cursor:pointer;}
.notice a{ width:310px; height:110px; position:absolute; z-index:15; top:0; left:330px;}
.notice a:hover{ top:-5px;}
#man_5{ width:393px; height:274px; position:absolute; z-index:12; top:28px; left:-95px;}
#man_6{ width:385px; height:252px; position:absolute; z-index:12; top:34px; left:668px;}

.bgdown{ width:100%; min-width:1000px; height:240px; background:url(../images/bottom_bg.png) no-repeat center; position:relative; z-index:100; pointer-events:none;}



/*nav*/
nav { font:11px/0.9em Verdana, Geneva, sans-serif; background:#fff; width:100%; min-width:1381px; height:22px; text-align:center; overflow:hidden; border-top:1px solid #ccc; padding-top:10px; position:relative; z-index:99; }
	.nav { width:1000px; margin:0 auto; }
	.nav a { border-right:1px solid #ccc; padding:0 10px 0 0; margin:0 5px 0; }
	.nav a.none { border-right:none; padding:0 10px 0 0; margin:0 5px 0; }
	.nav a, nav a:link, nav a:visited { color:#3c3c3c; text-decoration:none; }
	.nav a:hover { color:#7e7e7e; text-decoration:none; }


/*footer*/
footer { background:#fff; width:100%; min-width:1381px; height:98px; color:#3c3c3c; border-top:1px solid #ccc; position:relative; z-index:99; }
	footer img, footer ul { float:left; }
	footer .copyright { font:11px/1.1em Verdana, Geneva, sans-serif; float:left; padding:0; margin:16px 5px 0 0; }
.footer { width:1000px; height:56px; padding:22px 0 0 3px; margin:0 auto; position:relative; }
	.footer img { margin:2px 18px 0 0; }
	.footer_class { position:absolute; top:23px; right:-5px; }

