@charset "UTF-8";
/* CSS Document */

body {
    background-color: #0B0B0B;
	font-family: Helvetica, Lucida Sans Unicode, sans-serif, Arial, Verdana, sans-serif;
	font-size:13px;
	font-weight: 400;
	line-height:18px;
	color:#000;
}
a{
	border: 0;
}
a img{
	border: 0;
}
a:link {
	color: #ffffff;
	text-decoration: none;
}
a:visited {
	color: #ffffff;
	text-decoration: none;
}
a:hover {
	color: #d30013;
	text-decoration: underline;
}
a:active {
	text-decoration: none;
	color: #d30013;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

sub{ font-size: 11px; color: #898989; padding-left: 3px}
#wrapper {
	width:946px;
	margin:0 auto;
}
#header{
	height:670px;
	background:#000 url(../img/edm_banner01.jpg) no-repeat 0 0;
	position:relative;
}
div p{ line-height: 1.5em}
div b{ color: #000000; font-size: 16px; padding-bottom: 5px; display: inline-block;}

.logo{
	width: 135px;
	height: 50px;
	top: 13px;
	left: 14px;
	position: absolute;
	z-index: 98;
}
div ul li{
	line-height:1.8em;
	
}
.redeem_now{
	position: absolute;
	top: 38px
}
/*---sub02--- */

#sub02{
	margin:0 auto;
	background:#000 url(../img/pic01.jpg) no-repeat 0 0;
	width:946px;
	height:550px;
	position:relative;
	}
.sub02ul_a{
	position:absolute;
	top:240px;
	left:134px;

}
.sub02ul_b{
	position:absolute;
	top:514px;
	left:540px;
}
.title01{
	position: absolute;
	left:30px;
	top:470px;
}
p.sub02_note{
	color: #fff;
	position: absolute;
	top: 65px;
}
/*---sub03--- */

#sub03{
	width:946px;
	margin:0 auto;
	position:relative;
	height:382px;
	background:#000 url(../img/pic02.jpg) no-repeat 0 0;
	}
.sub03ul_a{
	position:absolute;
	top:240px;
	left:575px;

}
.title02{
	position: absolute;
	top:470px;
	left:472px;
}
/*---sub04--- */

#sub04{
	width:946px;
	margin:0 auto;
	position:relative;
	height:508px;
	background: #000 url(../img/pic03.jpg) no-repeat 0 0;
	}
.sub04ul_a{
	position:absolute;
	top:10px;
	left:30px;
	width:435px;
}
.sub04ul_a li{
	width: 72px;
	margin-right: 10px !important;
}
.sub_h li{
	float: left;
	margin-right: 15px;
}
.sub04ul_b{
	position:absolute;
	top:10px;
	left:472px;
	width:400px;
}
#sub04 .redeem_now.a{
	top: 475px;
	left: 27px;
}
#sub04 .redeem_now.b{
	top:475px;
	left:471px;
}

/*---sub05--- */

#sub05{
	width:946px;
	margin:0 auto;
	position:relative;
	height:420px;
	background: #000 url(../img/pic04.jpg) no-repeat 0 bottom;
	}
/*---sub06--- */

#sub06{
	width:946px;
	margin:0 auto;
	position:relative;
	height:797px;
	background: #000 url(../img/pic05.jpg) no-repeat 0 0;
	}
.sub06ul_a{
	position:absolute;
	top:515px;
	left:30px;
	width:400px;
}
.sub06ul_b{
	position:absolute;
	top:515px;
	left:472px;
}
#sub06 .redeem_now.a{
	top: 475px;
	left: 27px;
}
#sub06 .redeem_now.b{
	top:475px;
	left:471px;
}
/*---sub07--- */

#sub07{
	width:946px;
	margin:0 auto;
	position:relative;
	height:387px;
	background: #000 url(../img/pic06.jpg) no-repeat 0 0;
	}
.sub07ul_b{
	position:absolute;
	top:115px;
	left:472px;
}
#sub07 .redeem_now.a{
	top: 72px;
	left: 471px;
}

/*---sub08--- */

#sub08{
	width:946px;
	margin:0 auto;
	position:relative;
	height:824px;
	background: #000 url(../img/pic07.jpg) no-repeat 0 0;
	}
.sub08ul_b{
	position:absolute;
	top:590px;
	left:510px;
}
#sub08 .redeem_now.a{
	top: 548px;
	left: 511px;
}

/*---sub09--- */

#sub09{
	width:946px;
	margin:0 auto;
	position:relative;
	height:650px;
	background: #000 url(../img/pic08.jpg) no-repeat 0 0;
	}
.sub09ul_a{
	position:absolute;
	top:370px;
	left:132px;
	width:400px;
}
.sub09ul_b{
	position:absolute;
	top:370px;
	left:530px;
}
#sub09 .redeem_now.a{
	top: 101px;
	left: 353px;
}

a.in-game{
	position: absolute;
	top:520px;
	left:200px;
}
a.code-first{
	position: absolute;
	top:520px;
	left:500px;
}
#sub09 p.note{
	position: absolute;
	top:490px;
	left:310px;
	color: #878787;
	font-size: 12px;
	text-transform: uppercase;
}
/*---sub10--- */

#sub10{
	width:946px;
	margin:0 auto;
	position:relative;
	height:340px;
	background: #000 url(../img/pic09.jpg) no-repeat 0 0;
	}
#sub10 .point_area{
	position: absolute;
	color: #fff;
	top: 67px;
	background: #161818;
	width: 100%;
}
#sub10 .point_area ul{
	padding:15px 36px;

}
#sub10 .point_area ul li{
	line-height: 1.6em;
	font-size: 11px;
}
#sub10 p{
	width: 100%;
	text-align: center;
	line-height: 1.6em;
	margin-top: 0px;
	font-size: 11px;
	padding: 0px 36px 25px;
}
#footer {
    clear:both;
    _height:1%;
    margin:0 auto;
    width:946px;
    height:60px;
	text-align:center;
	padding-top:15px;
	padding-bottom:50px;
	background: #000
}
#footer p{
	color: #848484
}
#sub10 a, #footer a{
	color: #00acaa
}
