@charset "utf-8";
/* CSS Document */
* {
	margin: 0 0 0 0;
	padding: 0;
}
body {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:75%;
	color:#333333;
}
img {
	border:none;
}
a:hover {
	color: #333333;
	text-decoration: none;
}
a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	color: #333333;
	text-decoration: none;
}
a:active {
	color: #333333;
	text-decoration: none;
}
/* 整體框架
-------------------------------------- */
#page {
	margin: 0 auto;
	overflow: auto !important;
	width: 980px;
	text-align:center;
}

/* 頁首
-------------------------------------- */
#header1 {
	width: 980px;
	height: 28px;
	float:left;
	background:url(../images/header1.jpg) no-repeat;
	text-align:right;
	font-weight:bold;
}
	#header1 p {
	margin-right:20px;
	line-height:25px;
	word-spacing: 0.3em;
	}
#header2 {
	width: 980px;
	float:left;
}
#header3 {
	width: 980px;
	height: 30px;
	float:left;
	background:url(../images/header3.jpg) no-repeat;
	text-align:right;
}
/* 頁中
-------------------------------------- */
#content {
	margin:0 auto;
	width: 960px;
	float:left;
	padding:10px;
}
	#content .content1{
		width: 285px;
		float:left;
	}
		#content .content1 .con1{
			width: 255px;
			height: 210px;
			float:left;
			background:url(../images/con1_0.gif) no-repeat;
			padding-left:30px;
			padding-top:5px;
		}
		#content .content1 .con2{
			width: 255px;
			height: 262px;
			float:left;
			background:url(../images/con1_1.gif) no-repeat;
			padding-left:30px;
			padding-top:5px;
		}
			#content .content1 .con2 a:hover{
				color:#52b013;
				text-decoration:underline;
			}
		#content .content1 .con3{
			width: 255px;
			height: 520px;
			float:left;
			padding-left:30px;
			padding-top:5px;
			background:url(../images/con1_2.gif) no-repeat;
		}
			#content .content1 .con3 .product{
				width: 125px;
				height: 115px;
				float:left;
			}
		#content .content1 .con4{
			width: 285px;
			height: 210px;
			float:left;
			background:url(../images/con1_3.gif) no-repeat;
		}
				#content .content1 .con4 .goodnews{
					width: 260px;
					height:140px;
					padding-top:55px;
				}
					#content .content1 .con4 .goodnews #tabs-1 ul{
						text-align:left;
						padding-top:10px;
						color:#999999;
					}
					#content .content1 .con4 .goodnews #tabs-1 ul li{
						font-size:12px;
						color:#999999;
						list-style: none;
					}
					#content .content1 .con4 .goodnews #tabs-1 ul a:hover{
						font-size:12px;
						color:#52b013;
						text-decoration:underline;
					}
					#content .content1 .con4 .goodnews #tabs-2 ul{
						text-align:left;
						padding-top:10px;
						color:#999999;
					}
					#content .content1 .con4 .goodnews #tabs-2 ul li{
						font-size:12px;
						color:#999999;
						list-style: none;
					}
					#content .content1 .con4 .goodnews #tabs-2 ul a:hover{
						font-size:12px;
						color:#52b013;
						text-decoration:underline;
					}
					.ui-tabs { zoom: 1; }
					.ui-tabs .ui-tabs-nav { list-style: none; position: relative;}
					.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 0 -1px 0; padding: 0; }
					.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none;  }
					.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding: 1px; border-bottom-width: 0; background-color:#FF9900; }
					.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
					.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
					.ui-tabs .ui-tabs-panel {  display: block; border-width: 0; background: none; }
					.ui-tabs .ui-tabs-hide { display: none !important; }
	#content .content2{
		width: 675px;
		float:left;
	}
		#content .content2 .content3{
			width: 675px;
			float:left;
		}
			#content .content2 .content3 .con1{
				width: 445px;
				height:260px;
				float:left;
			}
			#content .content2 .content3 .con2{
				width: 445px;
				height:260px;
				float:left;
			}
			#content .content2 .content3 .con3{
				width: 445px;
				height:270px;
				float:left;
			}
			#content .content2 .content3 .con4{	
				width: 205px;
				float:left;
				padding-left:10px;
			}
				#content .content2 .content3 .member{
					width:208px;
					height:159px;
					background:url(../images/guild_join.jpg) no-repeat center;
				}
		#content .content2 .content4{
			width: 675px;
			float:left;	
		}
			#content .content2 .content4 .con1{
				width: 390px;
				float:left;
				padding-left:10px;
			}
				#content .content2 .content4 .con1 .topnews{
					width: 390px;
					height:175px;
					float:left;
					padding-left:10px;
				}
					#content .content2 .content4 .con1 .topnews ul{
						text-align:left;
						padding-top:10px;
						color:#999999;
					}
					#content .content2 .content4 .con1.topnews ul li{
						font-size:12px;
						color:#999999;
						list-style: none;
					}
					#content .content2 .content4 .con1 .topnews ul a{
						font-size:12px;
						color:#999999;
					}
				#content .content2 .content4 .con1 .forum{
					width: 390px;
					height:200px;
					float:left;
					text-align:left;
				}
					#content .content2 .content4 .con1 .forum ul li{
						font-size:12px;
						color:#999999;
						list-style: none;
					}
					#content .content2 .content4 .con1 .forum ul a:hover{
						font-size:12px;
						color:#52b013;
						text-decoration:underline;
					}	
					#content .content2 .content4 .con1 .forum .forum1{
						float:left;
						width:170px;
						text-align:left;
					}
					#content .content2 .content4 .con1 .forum .forum2{
						float:left;
						width:220px;
						text-align:left;
					}
					#content .content2 .content4 .con1 .forum .forum2 ul{
						text-align:left;
						padding-top:10px;
						color:#999999;
					}
					#content .content2 .content4 .con1 .forum .forum2 ul li{
						font-size:12px;
						color:#999999;
						list-style: none;
					}
					#content .content2 .content4 .con1 .forum .forum2 ul a:hover{
						font-size:12px;
						color:#52b013;
						text-decoration:underline;
					}	
				#content .content2 .content4 .con1 .buy{
					width: 390px;
					height:175px;
					float:left;
				}
					#content .content2 .content4 .con1 .buy .buy1{
						float:left;
						width:240px;
						text-align:left;
					}
					#content .content2 .content4 .con1 .buy .buy2{	
						float:left;
						width:150px;
						text-align:left;
					}
			#content .content2 .content4 .con2{	
				width: 260px;
				float:left;
				padding-left:10px;
			}
				#content .content2 .content4 .con2 .store{
					width: 220px;
					height:200px;
					background:url(../images/store.gif) no-repeat;
					padding-left: 40px;
				}
					#content .content2 .content4 .con2 .store ul{
						text-align:left;
						padding-top:10px;
						color:#999999;
					}
					#content .content2 .content4 .con2 .store ul li{
						list-style:none;
					}
					#content .content2 .content4 .con2 .store ul li a:hover{
						font-size:12px;
						color:#52b013;
						text-decoration:underline;
					}
				#content .content2 .content4 .con2 .good{
					width: 260px;
					height:200px;
					background:url(../images/good.gif) no-repeat;
				}
/* 頁尾
-------------------------------------- */
#footer {
	width: 980px;
	height:168px;
	float:left;
	background:url(../images/footer.jpg) no-repeat;
	background-color:#e1e1e1;
}
	#footer p{
		margin-top:20px;
		text-align:center;
		font-size:12px;
		font-weight:bold;
	}