@charset "utf-8";

a:link,
a:visited{}
a:hover{}
a:active{}

body{ background: url(../../images/event/hero/bg.jpg) #000 no-repeat center 33px; font-size:12px; font-family: Verdana, Geneva, sans-serif;}
#container{ width:1002px; margin:0 auto; padding-bottom:80px;}
#top{ background:url(../../images/event/hero/top.jpg) no-repeat; height:137px; position:relative;}
#top a{position:absolute; display:block; }
#top a.logo{ width:290px; height:103px; left:57px; top:20px;}
#top a.home{ width:80px; height:26px; left:647px; top:0;}
#top a.download{ width:80px; height:26px;  left:736px; top:0;}
#top a.register{ width:65px; height:26px; left:824px; top:0;}
#top a.forum{ width:58px; height:26px;  left:901px; top:0;}

#banner{ background:url(../../images/event/hero/banner.jpg) no-repeat; height:133px; position:relative;}
#banner a.title{ width:530px; height:100px; position:absolute; display:block; left:84px; top:9px;} 

#nav{ background: url(../../images/event/hero/nav.jpg) no-repeat; height:54px; position:relative;}
#nav a{ height:27px; top:19px; left:57px; position:absolute; display:block;}
#nav a.nav1{ width:138px; left:70px;}
#nav a.nav2{ width:116px; left:230px;}
#nav a.nav3{ width:72px; left:365px;}
#nav a.nav4{ width:128px; left:459px;}
#nav a.nav5{ width:199px; left:610px;}
#nav a.nav6{ width:131px; left:831px;}

#main{}
.left{ background:url(../../images/event/hero/left.jpg) no-repeat; width:283px; height:361px; float:left; position:relative;}
.left a{ width:185px; height:48px; left:59px; position:absolute; display:block;}
.left a.link1{top:96px;}
.left a.link2{top:171px;}
.left a.link3{top:246px;}

.right{ background:url(../../images/event/hero/right.jpg) no-repeat; width:719px; height:361px; float:left; position:relative;}
.right a{ position:absolute; display:block;}
.right a.r_title{ width:348px; height:39px; left:144px; top:25px;}
.right a.xmas{ width:151px; height:118px; left: 20px; top:90px;}
.right a.moonlight{ width:137px; height:102px; left:236px; top:100px;}
.right a.pet{ width:100px; height:82px; left:530px; top:90px;}
.right a.riches{ width:117px; height:99px; left:139px; top:239px;}
.right a.lucky{ width:118px; height:90px; left:426px; top:242px;}

#content{ width:947px; padding:0 27px 0 28px; clear:both; position:relative;}
/*.patch_left{ background:url(../../images/event/hero/content_left.jpg) no-repeat; width:26px; height:365px; position:absolute; left:0; top:0;}
.patch_right{ background:url(../../images/event/hero/content_right.jpg) no-repeat; width:27px; height:364px; position:absolute; right:0; top:0;}*/
.content_top{ background:url(../../images/event/hero/content_top.jpg) no-repeat; height:42px;}
.content_bg{ background:url(../../images/event/hero/content_bg.jpg) repeat-y;height:auto !important; height:251px; min-height:251px;padding:0 40px;}
.content_bg p{ padding-bottom:20px; line-height:1.5;}
.content_bg h2{ font-weight:bold; padding-bottom:5px;}
.content_bottom{ background:url(../../images/event/hero/content_bottom.jpg) no-repeat; height:70px;}


/*qualifiers star*/
.table{ border-collapse:collapse;  width:850px; table-layout:fixed; word-wrap:break-word; text-align:center; margin:0 auto; color:#4c1e08; clear:both;}
.table td{ height:24px; line-height:24px; border:1px solid #a1754a; text-align:center;}
.table th{ height:32px; line-height:32px; border:1px solid #a1754a; background:#cd9f5d; text-align:center; font-weight:bold;}
/*qualifiers end*/


/*zu overlord star*/
.video_bg{ margin:0 auto; background:url(../../images/event/hero/video_bg.jpg) no-repeat; width:557px; height:432px; position:absolute; left:178px; top:11px; padding:8px;}
/*zu overlord end*/

/*rewarding_guessing star*/
.rewarding_login{ widows:828px; height:86px;margin:0 auto; margin-bottom:20px;}
.login{ width:224px; float:left; margin-left:20px;}
.step{ background:url(../../images/event/hero/steps.jpg) no-repeat;width:603px; height:86px;float:left; position:relative;}
.step a.step1{ width:138px; height:55px; position:absolute; display:block; left:79px; top:14px;}
.step a.step2{ width:138px; height:55px; position:absolute; display:block; left:248px; top:14px;}
.step a.step3{ width:138px; height:55px; position:absolute; display:block; left:414px; top:14px;}
/*rewarding_guessing end*/


/*finals star*/
.finals_banner{ background:url(../../images/event/hero/finals_banner.jpg) no-repeat; height:413px; position:relative;}
.finals_banner a.title1{ width:230px; height:42px; position:absolute; display:block; left:346px; top:15px;}
.finals_banner a.friery{ width:120px; height:106px; position:absolute; display:block; left:109px; top:100px;}
.finals_banner a.mystic{ width:89px; height:85px; position:absolute; display:block; left:334px; top:233px;}
.finals_banner a.chest{ width:95px; height:67px; position:absolute; display:block; left:538px; top:305px;}
.finals_banner a.star{ width:88px; height:75px; position:absolute; display:block; left:703px; top:181px;}
.finals_banner a.bolus{ width:110px; height:97px; position:absolute; display:block; left:804px; top:75px;}
/*finals end*/


