/* CSS Document */


a{
outline: none; /* for Firefox */
hlbr:expression(this.onFocus=this.blur()); /* for IE */
}



html{

    scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #D9D9D9;
	scrollbar-darkshadow-color: #D9D9D9;
	scrollbar-track-color: #ECECEC;
	scrollbar-arrow-color: #BA0000;

}

body{
	margin: 0 0 0 0;
	background-color: #FBF7C4;
	background-image: url(image/BG.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	text-decoration: none;
}
	
#head_menu{
	width:1024px;
	position: relative;
	margin-top: 0px;
	*margin-top: -19px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}	
#top{
	width:1024px;
	height:202px;
	margin:-5px auto 0 auto;
	*margin:0 auto 0;
	overflow:hidden;
}	
#top2{
	width:1024px;
	margin:0 auto;
	
	
}
#content{
    width:1024px;
	/*height:400px;*/
	margin:0 auto;
    overflow:hidden;


}
#left{
    
    float:left;
	position: relative;

}
#rookie_area{
    width:216px;
	height:199px;
	/*float:left;*/
	margin:3px 0 0 60px;
	_margin:3px 0 0 30px;
}
#bar{ 
    width:525px;
	height:40px;
	float:right;
	margin:0 140px 0 0;
	_margin:0 80px 0 0;

}
#news_area{
    width:282px;
	height:224px;
	float:left;
	background:url(image/index_news_bg.gif);
	margin:8px 0 0 55px;
	_margin:8px 0 0 45px;
}
#news_area ul.more{
	width:47px;
	height:19px;
	list-style-type: none;
	margin:15px 10px 0 0;
	float:right;
}

#news_area ul.more li a.newsmore{
    
	display:block;
	height:19px;
	width:47px;
	background:url(image/index_news_more.gif) 0 0 no-repeat;
	
}
#news_area ul.more li a.newsmore:hover{
	background:url(image/index_news_more_hover.gif) 0 0 no-repeat;
}
/*遊戲截圖開始*/
.screen_shot{
    width:282px;
	height:224px;
	background:url(image/index_screenshot_bg.gif) 0 0 no-repeat;
	float:left;
	margin:8px 0 0 15px;
	_margin:8px 0 0 15px;
	 }
.screen_shot .Cont{
     width:210px;
	 height:160px;
	 overflow:hidden;
	 margin:0 auto;
	 margin-left:35px;
	 padding-top:47px;
	 }
.screen_shot .ScrCont {
     width:10000000px;
	 }
.screen_shot .Cont .pic{
	width:210px;
	float:left;
	background:#000;
	text-align:center;
	padding-right:1px;
	z-index: auto;
	 }
*+html .screen_shot .Cont .pic{
     width:210px;
	 float:left;
	 background:#000;
	 text-align:center;
	/* padding-right:30px;*/
	 }
.screen_shot .Cont .pic img{
     padding:0px;
	 background:#000;
	 border:1px #696969;
	 display:block;
	 margin:0 auto;
	 }
.screen_shot .Cont .pic p{
     line-height:26px;
	 color:#505050;
	 }
.screen_shot .Cont a:link,.screen_shot .Cont a:visited{
     color:#626466;
	 text-decoration:none;
	 }
.screen_shot .Cont a:hover{
     color:#f00;
	 text-decoration:underline;
	 }
.screen_shot #List1,.screen_shot #List2{
     float:left;
	 }

.img1{
  padding:110px 0 0 10px;
  float:left
}
.img2{
  margin:-96px 0 0 250px;
  float:left;
}
/*遊戲截圖結束*/
.news_table{
	margin:20px 0 0 15px;
	_margin:25px 0 0 13px;
	margin-top: 53px\9;
	
}
.p01 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.p01:hover {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	
}

.d01{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #9D080D;
	padding:0 7px 0 0;

}
#forum{
    width:216px;
    /*height:210px;*/
	/*float:left;*/
	background:url(image/index_forum_bg.gif) 0 0 no-repeat;
	margin:5px 0 0 60px;
	_margin:5px 0 0 30px;
	}
#video{
    width:216px;
    height:107px;
	/*float:left;*/
	margin:60px 0 0 0;
}
#event_area{
    width:216px;
	height:364px;
	background:url(image/event_area_bg.gif) 0 0 no-repeat;
	margin:0px 0 0 60px;
	_margin:0px 0 0 30px;

}
#source{
    width:302px;
    height:185px;
	float:left;
	background:url(image/index_source_bg.png) 0 0 no-repeat;
	margin:7px 0 0 45px;
	_margin:7px 0 0 35px;
	overflow:hidden;
	/*for IE6 支援PNG*/
	_background-image: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/index_source_bg.png', sizingMethod='scale');
	

}
#source ul.more{
	width:47px;
	height:19px;
	list-style-type: none;
	margin:28px 10px 0 210px;
	*margin:28px 10px 0 250px;
	_margin:28px 10px 0 125px;
	float:left;
	/*修正IE6 支援PNG link失效*/
	position: relative;
}

#source ul.more li a.sourcemore{
    
	display:block;
	height:19px;
	width:47px;
	background:url(image/index_source_more.gif) 0 0 no-repeat;
	position: relative;
	
}
/*#source ul.more li a.sourcemore:hover{
	background:url(image/index_source_more_hover.gif) 0 0 no-repeat;
}*/

.sourcetable{
     margin:7px 0 0 7px;
    *margin:4px 0 0 7px;
	 z-index :2;
	 position: relative;
	
	/* *margin:0px 0 0 7px;
	_margin:0px 0 0 7px;*/
	
	
	

}
#rank{
    width:333px;
    height:185px;
	float:left;
	background:url(image/index_rank_bg.gif) 0 0 no-repeat;
	margin:7px 0 0 0px;
	_margin:7px 0 0 0px;
	/*for IE6 支援PNG*/
	_background-image: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/index_rank_bg.png', sizingMethod='scale');
	
	

}
.ranktable{
     margin:53px 0 0 7px;
	 position: relative;
}
#news_list_top{
    width:585px;
	height:84px;
	margin:0 120px 0 0;
	_margin:0 80px 0 0;
	float:right;
	background:url(image/news_list_bg_top.gif) 0 0 no-repeat;
	
}
#news_list_top ul.marquee{
   width:428px;
   margin:30px 0 0 40px;
   *margin:30px 0 0 82px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-style: normal;
   color: #9D080D;
   
   
}
#news_list_tittle{
    width:585px;
	height:52px;
	margin:0 120px 0 0;
	_margin:0 80px 0 0;
	float:right;
	background:url(image/news_list_bg_tittle.gif) 0 0 no-repeat;
	
}
.news_h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #000;
	display:block;
	padding:12px 55px 0 80px;
   *padding:15px 55px 0 80px;
    text-align: center;

}

#news_list_main{
    width:585px;
	margin:0 120px 0 0;
	_margin:0 80px 0 0;
	float:right;
	background:url(image/news_list_bg_main.gif) 0 0 repeat-y;
}
#main_post{
    width:440px;
	display:block;
	position: relative;
	margin:0 auto;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #7B7B7B;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #7B7B7B;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #7B7B7B;
	padding:0 15px 25px 15px;
	
	
    
}
.news_h2{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-style: normal;
   color: #444444;
   line-height:1.7em;
  
}
.news_h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #CC3300;
	font-weight: bold;   
  
}
.news_h2s{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #CC3300;
	font-weight: normal;   
  
}
.news_h4{
    text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
	font-weight: normal;   
  
}
.news_h4:hover{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FFFF99;
	font-weight: normal;  
}
.rookies_h2{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-style: normal;
   color: #444444;
   line-height:1.7em;
   padding: 10px 20px 10px 20px;
  
}
.rookies_sample{
	border: 4px solid #FFCC66;   
  
}
#news_list_bottom{
    width:585px;
	height:35px;
	margin:0 120px 0 0;
	_margin:0 80px 0 0;
	float:right;
	background:url(image/news_list_bg_bottom.gif) 0 0 no-repeat;
	
}
#race_menu{
    width:545px;
	height:180px;
	margin:0 auto;
    background:url(image/race_bar_bottom.gif) 0 0 no-repeat;
}
#race_menu ul.bar{
    width:420px;
	height:180px;
	margin:0 auto;
    
}
#race_menu ul.bar li{
    float:left;
	
}
#race_menu ul.bar li a.one{
    display:block;
    width:110px;
	height:50px;
	margin:25px 0 0 -20px;
	 background:url(image/race_bar_1.gif) 0 0 no-repeat;
   
}
#race_menu ul.bar li a.one:hover{
    display:block;
    width:110px;
	height:86px;
	margin:25px 0 0 -20px;
	background:url(image/race_bar_1_hover.gif) 0 -25px no-repeat;
   
}
.race_h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFF99;
	padding:5px 0 5px 0;
	font-weight: bold;
}
.race_h2{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #336699;
	padding:5px 0 5px 0;

}

.race_h3{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	padding:7px;

}
.download_h1{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #527AA1;
	padding:5px 0 5px 7px;

}
.race_icon{
padding:3px 0 3px 0;

}
table {border-collapse:collapse;}  
 

#clear {
 clear:both;
}
/*左側快速選單開始*/
#fast_bar{
    width:216px;
	
	/*float:left;*/
	margin:3px 0 0 55px;
	_margin:3px 0 0 25px;

}

/*左側快速選單結束*/
#footer{
   width:1024px;
   height:65px;
   margin:0 auto;
   /*background-color:#000;*/
   background:url(/image/footer_bg.png) 0 0 no-repeat;
   /*for IE6 支援PNG*/
	_background-image: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/footer_bg.png', sizingMethod='scale');


}
#footer ul.copyright{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	padding:25px 0 0 460px;
	

}