
/********************* normal ***************************/

body
{
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
	text-align:center;
}

body,p,div,span,form,td
{
	font-size:12px;
	font-family:Georgia,ËÎÌå;
	line-height:22px;
}
a
{
	color:#C93B03; 
	font-size:12px;
	text-decoration:underline;
}
a:hover
{
	text-decoration:none;
}

/********************* header ***************************/

#header
{	
	clear:both;  
	width:760px;
	margin-top:20px;
}

#logo
{
	float:left;
	width:200px;
	height:60px;
	background:url('logo.gif') no-repeat;
}
#banner
{
	float:right;
	width:500px;
	height:60px;
}

#nav_menu
{
	clear:both;
	width:760px;
	margin-top:10px;
	text-align:center;
	overflow:hidden;  
}
.nav_left_bg
{
	float:left
}
.nav_right_bg
{
	float:right
}
.nav_bg
{
	float:left;
	width:742px;
	height:37px;
	margin:0px; 
	padding:0px; 
	background:url('nav-bg.gif') repeat-x;
}
.nav_bg ul
{
	margin:8px 0px 0px 0px; 
	padding:0px; 
	list-style-type:none;
}
.nav_bg ul li
{
	padding:5px 10px 5px 15px;
	text-align:center;
	display:inline;
}
.nav_bg ul li.li_img
{
	background:url('line.gif') no-repeat left 50%;
}
.nav_bg ul li a
{
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
.nav_bg ul li a:hover
{
	color:#EFEFEF; 
	text-decoration:underline;
}


/********************* content ***************************/

#content
{
	clear:both;
	width:760px;
	margin-top:5px;
}

#leftside
{
	float:left;
	width:250px;
	overflow:hidden; 
}

#rightside
{
	float:right;
	width:500px;
	text-align:left;
	overflow:hidden;
}

/********************* leftside ***************************/

#leftside #login
{
	clear:both;
	padding-left:2px; 
	background-color:#ffedba; 
	border-left:#ffd978 1px solid;
	border-right:#ffd978 1px solid;
}
#login_bg
{
	clear:both
}
#login form
{
	width:212px;
	margin:0px;
	padding:10px 5px 5px 5px;
	background:#ffffff;
	text-align:center
}
#leftside #reg
{
	width:100%;
	margin-top:8px;
}
#leftside .title
{
	width:100%;
	height:20px;
	margin-top:7px;
	padding:5px 0px 0px 10px;
	background:#f6f6f4;
	border-bottom:dotted 1px #90d2e8;
	color:#6a6a6a;
	font-size:14px;
	font-weight:600;
	text-align:left;
}
#leftside .content
{
	width:100%;
	padding:5px 0px 0px 5px;
	background:#fcfcfc;
	line-height:22px;
	text-align:left;
}

/********************* rightside ***************************/

/* index */
#slide {
	width:100%;
	margin-bottom:8px;
}
#flow {
	width:100%;
	margin-bottom:10px;
}
#index_faq {
	float:left;
	width:310px;
	height:162px;
	background:url('faq.gif') no-repeat;
}
#index_contact {
	float:right;
	width:180px;
	height:162px;
	background:url('contact.gif') no-repeat;
}
#index_faq .title , #index_contact .title{
	clear:both;
	height:18px;
	padding:5px 0px 0px 10px;
	color:#247CD4;
	font-size:14px;
	font-weight:600;
	text-align:left;
}
#index_faq .content , #index_contact .content{
	clear:both;
	height:120px;
	padding:5px 10px 5px 10px;
	line-height:20px;
	text-align:left;
}

/* common title */
.mytitle
{
	width:100%;
	margin:10px 0px 10px 0px;
	padding:5px 0px 3px 10px;
	background:#FFEDBA;
	border-bottom:solid 2px #FFD97A;
	color:#EB610D;
	font-size:14px;
	font-weight:600;
}

/* register */
#register 
{
	width:100%;
}

/* bulletin */
#bulletin 
{
	width:100%;
}
#bulletin ul
{
	width:100%;
	margin:0px;
	padding:0px;
}
#bulletin li
{
	width:100%;
	margin:0px;
	padding:7px 0px 3px 0px;
	list-style-position:outside;
	list-style-type:none;
	border-bottom:dotted 1px #CCCCCC;
}
#bulletin li a
{
	color:#000000;
	text-decoration:none;
}
#bulletin li a:hover
{
	color:#FF0000;
	text-decoration:none;
}

/* top */
#top 
{
	width:100%;
}
#top table
{
	border-collapse:collapse;
	empty-cells:show;
}
#top th , #top td
{
	border:solid 1px #CCCCCC;
	text-align:center;
}

/* intro */
#intro 
{
	width:100%;
}
#intro .f
{
	margin:15px 10px 5px 10px;
	color:#996600;
	font-size:14px;
	text-decoration:underline;
}
#intro .q
{
	margin-left:10px;
	color:#333333;
}

/* style */
#style 
{
	width:100%;
}
#style .item
{
	clear:both;
	float:left;
	width:100%;
	margin:10px 0px 10px 0px;
}
#style .a
{
	clear:left;
	float:left;	
	width:60%;
	margin-right:20px;
	padding:20px;
	border:solid 1px #CCCCCC;
	text-align:center;
}
#style .b
{
	clear:right;
	margin:10px 0px 5px 0px;
	font-size:14px;
	font-weight:600;
	text-align:left;
	text-decoration:underline;
}
#style .c
{
	clear:right;
	text-align:left;
}


/* faq */
#faq
{
	width:100%;
}
#faq .f
{
	margin-top:20px;
	color:#333333;
	font-weight:600;
	text-decoration:underline;
}
#faq .q
{
	color:#000000;
	text-indent:24px;
}

/* contact */
#contact
{
	width:100%;
}

/* page */
#page
{
	margin:15px;
	text-align:right;
}

/********************* footer ***************************/

#footer
{
	clear:both;  
	width:760px;
	height:10px;
	margin-top:5px;
	padding-top:10px;
	border-top:solid 1px #CCCCCC;
	text-align:center;
}
#footer , #footer a
{
	color:#333333;
	font-family:ËÎÌå;
	line-height:22px;
}