@charset "utf-8";
/* CSS Document */
#scArea{
	position:absolute;
	z-index:100;
	top:150px;
	>top:154px;
	left:50%;
	margin-left:-460px;
	width: 780px;
	height:20px;
	overflow:hidden;
	display:none;
}
#scArea img{
	margin-right:10px;}
#scArea li{
	display:block;
	list-style:none;
	line-height:20px;
	margin:0;
	padding:0;
	height:20px;
	overflow:hidden;}
#scArea a{
	color:#FFF;
	font-size:12px;
	text-decoration:none;}
#scArea a:hover{
	text-decoration:underline;}
#scArea strong{
	color:#FF9;}
body {
	margin:0px;
	padding:0;
	background:#012D48;
	z-index:0;
}
.bg {
	margin:0 auto;
	position:absolute;
	z-index:10;
	height:100%;
	width:expression(document.body.clientWidth < 1000? "1000px" : document.body.clientWidth > 2000? "2000px" : "auto");
	min-width: 1000px;
	max-width: 2000px;
	top:0;
}
html>body .bg{margin:0 0 0 -500px; left:50%;}
*+html>body .bg{margin:0 auto; left:0;}

.menu{
	margin:0 0 0 -500px;
	left:50%;
	top:-170px;
	position:absolute;
	z-index:60;
}
.menu:hover{
	z-index:900;}
body.join .menu{
	top:10px;}
.content{
	margin:0 0 0 -500px;
	left:50%;
	top:30px;
	position:absolute;
	z-index:50;}
	
.text,
.textMenu{
	position:absolute;
	left:-10000px;}
.joinForm{
	position:absolute;
	left:50%;
	top:260px;
	margin-left:-370px;
	z-index:10000;}
.joinForm table{
	border-collapse:collapse;
	border:none;
	width:700px;}
.joinForm table td{
	padding:6px 0;}
.btn{
	background:url(../images/btn.gif) no-repeat left top;
	border:none;
	line-height:23px;
	width:100px;
	height:23px;
	border:none;}
.btn:hover{
	background-position:left -23px;}
label{
	color: #333;}
td label{
	color: #333;
	font-weight:normal;}
	
.joinForm input,
.joinForm select{
	border:1px solid #5794BF!important;}
.joinForm .btn{
	border:none;}