@charset "utf-8";
@import url("reset.css");

body {
	background: url(../img/bg_repeat.jpg) 0 0 repeat;
	background-position:center top;
}

a:link {
	color: #00cdff; 
    text-decoration: none;
}

a:visited {
	color: #009bff; 
	text-decoration: none;
}

a:hover {
	color: #00ffcd; 
	text-decoration: underline;
}

a:active {
	color: #ffff00;
}

#CONTAINER{
	width:100%;
	background:url(../img/bg_main.jpg) 0 0 no-repeat;
	background-position:center top;
}
#WRAP {
	position: relative;
	margin: 0 auto;
	width: 925px;
	height: 345px;
	
}
#WRAP h2 a{
	position: absolute;
	top: 12px;
	left: -275px;
	display: block;
	width: 230px;
	height: 140px;
	border: 0px;
	text-indent: -9999px;
}
	
#WRAP h3 a{
	position: absolute;
	top: 14px;
	left: 599px;
	display: block;
	width: 142px;
	height: 40px;
	border: 0px;
	text-indent: -9999px;
}

#WRAP h4 a{
	position: absolute;
	top: 11px;
	left: 772px;
	display: block;
	width: 151px;
	height: 40px;
	border: 0px;
	text-indent: -9999px;
}
	
#WRAP h5 a{
	position:absolute;
	top:17px;
	left:625px;
	display:block;  
	width: 145px;
	height: 40px;
	border:0px;
	text-indent:-9999px;
}
	
#WRAP h6 a{
	position:absolute;
	top:17px;
	left:772px;
	display:block;  
	width: 140px;
	height: 40px;
	border:0px;
	text-indent:-9999px;
}

#WRAP ul{
	width: 860px;
	height: 213px;
	background-position: left;
	position: absolute;
	top: 379px;
	left: 32px;
}
#Revision {
	position: absolute;
	width: 255px;
	height: 99px;
	font-size: 15px;
	color: #7d2d2d;
	font-family: Verdana, Geneva, sans-serif;
	top: 259px;
	left: 170px;
	z-index: 2;
}
#activity {
	position: absolute;
	width: 160px;
	height: 92px;
	font-size: 15px;
	color: #7d2d2d;
	font-family: Verdana, Geneva, sans-serif;
	top: 257px;
	left: 519px;
	z-index: 2;
}
/*全新遠征關卡*/
#a11 {
	position: absolute;
	width: 190px;
	height: 70px;
	left: 6px;
	top: 4px;
	}
/*其他部件與精通技能*/
#other {
	position: absolute;
	width: 190px;
	height: 70px;
	left: 573px;
	top: 3px;
	}	
/*全新造型卡*/	
#modeling{
	position: absolute;
	width: 180px;
	height: 70px;
	left: 378px;
	top: 3px;
	}
/*全新裝備*/	
#equipment{
	position: absolute;
	width: 146px;
	height: 73px;
	left: 219px;
	top: 3px;
	}		
/*初‧春雪漸融*/
#activity_1 {
	position: absolute;
	width: 210px;
	height: 60px;
	left: 79px;
	top: 2px;
	}	
/*風雲再起*/
#activity_2{
	position: absolute;
	width: 210px;
	height: 60px;
	left: 320px;
	top: 2px;
	}	
/*新春登入紅包*/
#activity_3{
	position: absolute;
	width: 210px;
	height: 60px;
	left: 561px;
	top: 3px;
	}	
/*經驗、軍功大爆走*/
#activity_4{
	position: absolute;
	width: 210px;
	height: 60px;
	left: 3px;
	top: 80px;
	}	
/*新春大回饋！*/
#activity_5{
	position: absolute;
	width: 210px;
	height: 60px;
	left: 216px;
	top: 80px;
	}	
/*寶箱中的風起雲湧*/
#activity_6{
	position: absolute;
	width: 210px;
	height: 60px;
	left: 432px;
	top: 81px;
	}	
/*商城全面大折扣*/
#activity_7{
	position: absolute;
	width: 210px;
	height: 60px;
	left: 648px;
	top: 81px;
	}
/*VIP獨享租用禮*/
#activity_8{
	position: absolute;
	width: 210px;
	height: 60px;
	left: 192px;
	top: 159px;
	}
/*無限冒險包*/
#activity_9{
	position: absolute;
	width: 210px;
	height: 60px;
	left: 243px;
	top: 0px;
	}















	
#WRAP li{float:left; margin-left:75px;}
#WRAP li a{ display:block; width:310px; height:110px; background:url(../img/menu_btn.png) 0 0 no-repeat; text-indent:-9999px; }
#WRAP li.BTN01 a{ background-position:0px 0px; margin-left:0px;}
#WRAP li.BTN01 a:hover{ background-position:0px -110px; }
#WRAP li.BTN02 a{ background-position:-310px 0px; margin-left:0px;}
#WRAP li.BTN02 a:hover{ background-position:-310px -110px; }


#CONTENT{ 
    width: 930px; 
	margin:0 auto; 
	background:url(../img/frame_mid.png) 0 0 repeat-y;
}
#CONTENT ul{
	width: 800px;
	margin: 0 auto;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #e1e1e1;
	line-height: 24px;
}
li.title{
	width:320px;
	height:100px;
}
#CONTENT .activity1{background:url(../img/content_title1.png) 0 0 no-repeat;}
#CONTENT .activity2{background:url(../img/content_title2.png) 0 0 no-repeat;}
#CONTENT .activity3{background:url(../img/content_title3.png) 0 0 no-repeat;}

#submenu{
	position:absolute;
	width:210px;
	height:65px;
	top: 10px;
	left: 350px;
}

.subtitle{
	font-size: 27px;
	font-family: 微軟正黑體, Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #66FFFF;
	line-height: 30px;
	letter-spacing: 3px;
}

.title01 {
	font-size: 24px;
	font-family:微軟正黑體, Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #e1ff9b;
	line-height:24px;
}

.title02 {
	font-size: 20px;
	font-family:微軟正黑體, Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #00ff69;
	line-height:27px;
}

.title03{
	font-size: 16px;
	font-family:微軟正黑體, Verdana, Geneva, sans-serif;
	color: #00ffe1;
}

.space{ padding-top:10px;padding-bottom:15px;}
.space2{ padding-top:20px;padding-bottom:10px;}

table {border:solid 1px #004b69;background-color:#FFFFFF;}

.t01 {
	background-color:#232d2d;
	padding-left:7px;
	font-size: 16px;
	color:#3FF;
}
.t02{
	background-color:#057305;
	font-weight:bold;
	color: #FFF;

}
.t03{
	color: #0f3700;
	background-color: #e1ffe1;
}
.t04{
	color: #0f2300;
	background-color: #ebffeb;
}
.t_bolder{ font-weight:bolder;}

#TOP{ 
    width:930px; 
	height: 70px; 
	margin:0 auto; 
	background:url(../img/frame_top.png) 0 0 no-repeat;
	background-position:bottom;
}

#BOTTOM{ 
    width:930px; 
	height: 40px; 
	margin:0 auto; 
	background:url(../img/frame_btm.png) 0 0 no-repeat;
}

#FOOTER{
	height: 90px;
	width: 100%;
	background:url(../img/footer_bg.jpg) 0 0 repeat-x;
	text-align: center;
}
#FOOTER img{margin-top:20px;}