﻿body 
{ 
	margin:0; padding:0;
	text-align:center;
	font-family:Arial;
	font-size:9pt;
	background:url(../../img/leftline.gif) repeat-y left top;	
}
div,p,b,ul,li{ margin:0; padding:0;}
.clear{ clear:both;}

#container
{
	position:relative;	
	margin:0 auto; padding:0;
	width:890px;
	text-align:left;
}

/* Header Start */
#header{ border:solid 2px #686578;}
#header h1 {
	position: absolute;
	width: 270px;
	height: 60px;
	margin: 8px 0 0 0;
	text-indent: -10000px;
	background: url(../../img/head/aiongold1.jpg) no-repeat;
}
#top{ background:#82a3b4;}
#banner{ height:163px;}
#banner1,#banner2,#banner3,#banner4,#banner5
{ margin:0; padding:0; width:192px; height:162px; float:left; border:0;}
#banner1{ background:#686578 url(../../img/head/aiongold1.jpg);}
#banner2{ background:#686578 url(../../img/head/aiongold2.jpg);}
#banner3{ background:#686578 url(../../img/head/aiongold3.jpg);}
#banner4{ background:#686578 url(../../img/head/aiongold4.jpg);}
#banner5{ width:118px; background:#686578 url(../../img/head/aiongold5.jpg);}
/* Header End */

/* Mainbody Start */
#mainbody
{
	border:solid 2px #686578; border-top:0; border-bottom:0;
	background:#ede2f0;
}
#mainbody table{ margin:0; padding:0; border:0;}

/* rc style */
.rcbox{ margin:0;}
.t1,.t2,.t3,.t4 
{
	display:block; overflow:hidden; height:1px; font-size:1px;
	border-left:solid 1px #686578; border-right:solid 1px #686578; 
	background:#fff;
}
.t1{ margin:0 5px; background:#686578;}
.t2{ margin:0 3px; border-left:solid 2px #686578; border-right:solid 2px #686578;}
.t3{ margin:0 2px;}
.t4{ height:2px; margin:0 1px;}
.rcbox p{ margin:0; padding:0; }

.ltitle,.rtitle
{
	margin:0; padding:0; 
	vertical-align:middle; 
	text-align:center; 
	font-family:Verdana Sans-Serif;
	font-weight:bold;
	font-size:16px;	color:#f9c;
}
.content
{
	margin:0; padding:0;
	line-height:1.5;
	color:#630;
	border-left:solid 1px #686578; border-right:solid 1px #686578;
	background:#fff;
}
/* rc */

	/* Left Part */
#leftpart 
{
	margin:0; padding:10px 20px; 
	width:246px; 
	vertical-align:top;	
	border-right:solid 2px #686578;
}

/* div .lbox */
.lbox{ margin:0; margin-bottom:10px;}
.lbox .ltitle 
{	 
	padding-top:8px; 
	height:28px;	
	background:url(../../img/ltitle.gif) no-repeat left top;
}
.lbox .content{ padding:5px 8px;}/* can't add 'padding:0',? */
.content b a{ text-decoration:none; color:#cc6600;}
.content b a:hover{ text-decoration:underline; color:#6cc;}

/* serverkind */
#serverkind{}
#serverkind ul{}
#serverkind li{ list-style-position:outside; vertical-align:middle;}
#serverkind a{ color:#000000; margin-right:15px;}
#serverkind a:hover{ color:#66cccc;}
/* serverkind over */

/* lchat */
#lchat{}
#lchat .ltitle{ padding-top:2px; height:38px;}
#lchat span{ padding-top:5px; height:35px; color:#cde0e7; font-size:24px;}
#lchat ul{ margin:0; padding:0;}
#lchat li{ margin:0; padding:0; list-style:none; vertical-align:bottom; font-weight:bold;}
#lchat li a,#lchat li p{ margin:0; padding:0;}
#lchat li p{ color:#cc6600; font-weight:normal;}
#lchat .chatType{ color:#f39; font-weight:bold;}
/* lchat over*/

/* Note */
#Note ol{ margin:5px 0 5px 25px; padding:0;}
/* Note Over*/

/* Link Short */
ul#Link
{
	margin:0; padding-left:28px;
	text-align:left; 
	list-style-type:disc; 
	font-size:9pt;
}
ul li{ margin-bottom:3px; color:#cc6600;}
#Link li a{ text-decoration:none; color:#cc6600; font-weight:bold;}
#Link li a:hover{ text-decoration:underline; color:#6cc;}
/* Link Long */
#divLinkHor{}
#divLinkHor #Link{ margin:0; padding:0; }
#divLinkHor #Link li{ float:left; width:132px; border:solid 0px #333;}


	/* right part */
#rightpart 
{
	float:right; 
	margin:0; padding:10px 20px; 
	width:554px;
	vertical-align:top;
}
/* div .rbox */
.rbox{ margin:15px 0;}
.rbox .rtitle{ height:28px; line-height:28px; background:url(../../img/rtitle.gif) repeat-x;}
.rbox .content{ padding:5px 10px;}

/* mainbodyUp */
#mainbodyUp .para{ margin-bottom:10px; color:#630;}
#mainbodyUp h1{ margin:5px 0; text-align:center; display:inline; font-weight:bold; }
#mainbodyUp h3{ margin:5px 0; font-size:medium;}
#mainbodyUp .para p{ margin:0 0 5px 0; color:#630; font-weight:bold;}

.divRpt p{ margin:5px 0;}
.divRpt p font{ color:#f39; font:bold 11pt Arial Sans-serf;}
.divRpt table thead{ font-weight:bold; color:#fff; text-align:center; background-color:#330;}
.divRpt tr{ text-align:center; font-weight:bold;}
.divRpt .tr1{ background-color:#d4e7e5;}/* light blue */
.divRpt .tr2{ background-color:#f4f4f4;}/* light gray */
/* mainbodyUp over */

#Introduction{ font-weight:bold;}

/* FAQ Page */
#FAQ{ padding:0 5px; font-weight:bold;}
#FAQ .Q{ color:#cc6600; font-family:Verdana Sans-Serif; font-size:14px;}
#FAQ .A{ margin-bottom:10px; color:#630;}

/* News Page */
#News{ padding:0; padding-right:8px;}
#NewsMore{ text-align:right;}
#News td{ padding:5px 0; font-weight:bold;}
#News table{ margin:0; position:relative; width:100%; border-top:dotted 1px #630; border-bottom:dotted 1px #630;}
#News a{ text-decoration:none; color:#cc6600;}
#News a:hover{ text-decoration:underline; color:#6cc;}

#NewsDetail #sitemap{ color:#cc6600; font-family:Verdana Sans-Serif; font-size:14px; font-weight:bold;}
#NewsDetail #sitemap a{ text-decoration:none; color:#cc6600;}
#NewsDetail #sitemap a:hover{ text-decoration:underline; color:#6cc;}
#NewsDetail #detail{}
/* ContactUS Page */
#ContactUS{}
#ContactUS p{ margin-bottom:5px; color:#cc6600; font-weight:bold;}
#ContactUS #img{ text-align:center;}
#ContactUS img{ border:0;}
#ContactUS ul{ margin:0; padding:0; text-align:center; list-style:none; color:#630;}
#ContactUS a{ margin-left:5px; text-decoration:none; color:#5DAEDD; color:#4474cc;}

/* AboutUS Page */
#AboutUS p{ margin:5px 0;}

/* mainbody end */


/* footer start */
#footer{ margin-bottom:5px; padding-bottom:10px; text-align:center; background:#686578;}

#footerIcons{}
#footerIcons img{ margin:10px; vertical-align:middle;}
#copyright{ color:#e0e0e0; font-weight:bold;}
#copyright p{ margin-bottom:10px;}
#copyright a{ color:#e0e0e0; margin:0 3px;}
#copyright a:hover{ color:#ff0;}
/* footer end */