@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}

/* ============= Text style ============= */
	.titletext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	}
	
	.testitletext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	}
	
	.testitext {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	}
	
	.devtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	}
	
	.bannertext {
	font-family: Calibri;
	font-size: 20px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	}
	
	a.banneratext {
	font-family: Calibri;
	font-size: 20px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	}
	
	a.banneratext:hover {
	font-family: Calibri;
	font-size: 20px;
	font-weight: normal;
	color: #fff;
	text-decoration: underline;
	}
	
	a.webtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	}
	
	a.updatetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	}
	
	a.updatetext:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666;
	text-decoration: underline;
	}
	
	a.foottext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #076cad;
	text-decoration: none;
	}
	
	a.foottext:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #076cad;
	text-decoration: underline;
	}

/* ============= Whole Section ============= */

#mainbase {
	width: 960px;
	margin: auto;
}

	#headerarea {
	width: 960px;
	height: 132px; 
	}
	
		#headerarea_up {
		width: 960px;
		height: 86px;
		background-image: url(images/bg_header.gif);
		background-repeat: repeat-x; 
		float: left;
		}
	
			#headerarea_upleft {
			width: 460px;
			height: 86px;
			background-image: url(images/logo.gif);
			background-repeat: no-repeat;
			float: left;
			}
		
			#headerarea_upright {
			width: 500px;
			height: 86px;
			float: left;
			}
			
				#headerarea_uprightleft {
				width: 400px;
				height: 86px;
				float: left;
				}
				
				#headerarea_uprightright {
				width: 100px;
				height: 76px;
				margin-top: 10px;
				float: left;
				}
				
					#headerarea_uprightright1 {
					width: 100px;
					height: 23px;
					margin-top: 6px;
					float: left;
					}
					
						#headerarea_uprightright1a {
						width: 41px;
						height: 23px;
						float: left;
						}
						
						#headerarea_uprightright1b {
						width: 35px;
						height: 23px;
						margin-left: 6px;
						float: left;
						}
		
		#headerarea_down {
		width: 960px;
		height: 46px;
		background-image: url(images/bg_nav.gif);
		background-repeat: repeat-x; 
		float: left;
		}
	
	#bodyarea {
	width: 960px;
	height: 100%;
	}
	
		#bodyarea_left {
		width: 700px;
		height: auto;
		padding-left: 10px;
		float: left;
		}
		
		#bodyarea_left_center {
		width: 920px;
		height: auto;
		padding-left: 10px;
		float: left;
		}
		
		#bodyarea_leftreg {
		width: 710px;
		height: auto;
		float: left;
		}
		
			#bodyarea_leftup {
			width: 700px;
			height: 283px;
			background-image: url(images/banner_big.jpg);
			background-repeat: no-repeat;
			margin-top: 10px;
			float: left;
			}
			
				div .bodyarea_padding {
					padding: 0px 10px;
				}
			
			#bodyarea_leftcen {
			width: 700px;
			height: auto;
			margin-top: 10px;
			float: left;
			}
			
			#bodyarea_leftcen_center {
			width: 700px;
			height: auto;
			margin-top: 10px;
			float: left;
			}
			
			#bodyarea_leftcenreg {
			width: 710px;
			height: auto;
			margin-top: 10px;
			float: left;
			}
			
				#bodyarea_leftcencasereg {
				width: 710px;
				height: auto;
				margin-top: 10px;
				float: left;
				}
				
				#bodyarea_leftcencaseregtitle {
				width: 710px;
				height: 19px;
				margin-top: 10px;
				border-bottom: 1px solid #999;
				float: left;
				}
				
				#bodyarea_leftcenleftcasereg {
				width: 250px;
				height: 20px;
				float: left;
				}
				
				#bodyarea_leftcenrightcasereg {
				width: 450px;
				height: auto;
				float: left;
				}
			
				#bodyarea_leftcenleft {
				width: 340px;
				height: 192px;
				float: left;
				}
				
					#bodyarea_leftcenleft1 {
					width: 340px;
					height: auto;
					float: left;
					}
				
				#bodyarea_leftcenspacer{
				width: 20px;
				height: 192px;
				float: left;
				}
				
				#bodyarea_leftcenright {
				width: 340px;
				height: 192px;
				float: left;
				}
				
			#bodyarea_leftdown {
			width: 700px;
			height: 142px;
			margin-top: 10px;
			float: left;
			}
			
				#bodyarea_leftdownone {
				width: 220px;
				height: 142px;
				float: left;
				}
			
					#bodyarea_leftdownoneup {
					width: 220px;
					height: 7px;
					background-image: url(images/border_up.gif);
					background-repeat: no-repeat;
					float: left;
					}
				
					#bodyarea_leftdownonemid{
					width: 218px;
					height: 128px;
					border-left: 1px solid #CCCCCC;
					border-right: 1px solid #CCCCCC;
					float: left;
					}
					
					*html #bodyarea_leftdownonemid{
					width: 218px;
					height: 128px;
					border-left: 1px solid #CCCCCC;
					border-right: 1px solid #CCCCCC;
					margin-top: -8px;
					float: left;
					}
					
						#bodyarea_leftdownonemid1{
						width: 218px;
						height: 25px;
						float: left;
						}
						
						#bodyarea_leftdownonemid2{
						width: 218px;
						height: 78px;
						float: left;
						}
						
						#bodyarea_leftdownonemid3{
						width: 218px;
						height: 25px;
						float: left;
						}
				
					#bodyarea_leftdownonedown {
					width: 220px;
					height: 7px;
					background-image: url(images/border_down.gif);
					background-repeat: no-repeat;
					float: left;
					}
					
				#bodyarea_leftdownspacer {
				width: 20px;
				height: 142px;
				float: left;
				}		
		
		#bodyarea_right {
		width: 220px;
		height: auto;
		margin-left: 20px;
		float: left;
		}
		
		#bodyarea_rightreg {
		width: 110px;
		height: 20px;
		margin-right: 20px;
		float: left;
		}
		
			#bodyarea_rightone {
			width: 220px;
			height: auto;
			margin-top: 10px;
			float: left;
			}
			
				#bodyarea_rightonetop {
				width: 220px;
				height: 7px;
				background-image: url(images/border_up.gif);
				background-repeat: no-repeat;
				float: left;
				}
				
				#bodyarea_rightonemid {
				width: 218px;
				height: auto;
				border-left: 1px solid #CCCCCC;
				border-right: 1px solid #CCCCCC;
				float: left;
				}
				
				*html #bodyarea_rightonemid {
				width: 218px;
				height: auto;
				border-left: 1px solid #CCCCCC;
				border-right: 1px solid #CCCCCC;
				margin-top: -8px;
				float: left;
				}
				
					#bodyarea_rightonemid1 {
					width: 218px;
					height: 25px;
					border-bottom: 1px dotted #CCCCCC;
					float: left;
					}
					
						#bodyarea_rightonemid1a {
						width: 80px;
						height: 25px;
						margin-top: 6px;
						float: left;
						}
						
						#bodyarea_rightonemid1b {
						width: 138px;
						height: 25px;
						margin-top: 6px;
						float: left;
						}
						
							#login_field {
							width: 120px;
							height: 16px;
							float: left;
							}
							
							#reg_field {
							width: 200px;
							height: 16px;
							float: left;
							}
							
							#reg_field2 {
							width: 204px;
							height: 22px;
							float: left;
							}
							
							#reg_field3 {
							width: 68px;
							height: 22px;
							float: left;
							}
							
							#reg_field4 {
							width: 60px;
							height: 22px;
							margin-left: 8px;
							float: left;
							}
					
					#bodyarea_rightonemid2 {
					width: 218px;
					height: auto;
					float: left;
					}
					
						#bodyarea_rightonemid2a {
						width: 160px;
						height: 65px;
						float: left;
						}
						
						#bodyarea_rightonemid2b {
						width: 58px;
						height: 65px;
						background-image: url(images/img_chat.gif);
						background-repeat: no-repeat;
						float: left;
						}
						
						#bodyarea_rightonemid2c {
						width: 48px;
						height: 55px;
						padding: 10px 0 0 10px;
						float: left;
						}
						
						#bodyarea_rightonemid2d {
						width: 58px;
						height: 65px;
						background-image: url(images/img_member.gif);
						background-repeat: no-repeat;
						float: left;
						}
						
					#bodyarea_rightonemid3 {
					width: 218px;
					height: auto;
					float: left;
					}	
				
				#bodyarea_rightonebot {
				width: 220px;
				height: 7px;
				background-image: url(images/border_down.gif);
				background-repeat: no-repeat;
				float: left;
				}
	
	#footerarea {
	width: 960px;
	height: 92px;
	}
	
		#footerarea_holder {
		width: 960px;
		height: 82px;
		border-top: 1px solid #076cad;
		margin-top: 10px;
		float: left;
		}