/* CSS Document */

body{
	background:url(../images/bg_html.jpg) -140px -100px no-repeat;
	background-attachment:fixed;
	color:#fff;
	font:12px Arial, Helvetica, sans-serif normal;
	margin-top:8px;
	padding:0px
}
table{
	border:none;
}
a{
	color:#f76f1f;
	text-decoration:none;
}
a:hover{
	color:#289bb6;
}
ul li{
	list-style:none;
}
img{	
	border:1px solid #8c9bae;
}
#container{
	background:url(../images/bg.jpg) top center repeat-y;
	border:1px solid #c3d3da;
}
#nav{
	background:url(../images/nav_bg.jpg);
	width:940px;
	height:35px;
	color:#FF0033;
	text-align:center;
	padding-left:5px;
	float:left;
	margin-left:5px;
	_margin-left:5px;
	text-align:center;
	position:relative;
}
#nav ul{
	padding:0px;
	margin:0px;
	list-style:none;
}
#nav ul li{
	float:left;
	margin-right:1px;
}
#nav ul li a{
	float:left;
	display:block;
	height:35px;	
	line-height:35px;
}
#nav ul li a span{
	display:block;
	padding:0 12px;
	color:#FFFFFF;
}
#nav ul li a:hover{
	background:url(../images/nav_2.gif) no-repeat right 7px;
}
#nav ul li a:hover span{
	background:url(../images/nav_1.gif) no-repeat left 7px;
	color:#000000;
}
#nav ul li.on a{
	background:url(../images/nav_2.gif) no-repeat right 7px;
}
#nav ul li.on a span{
	background:url(../images/nav_1.gif) no-repeat left 7px;
	color:#000000;
}

.lang{ 
	width:176px;
	float:right;
	height:33px;
	font-size:11px;
	margin:2px 4px 0 0 }
.lang img{
	border:none;
}
.lang a{
	color:#B4B4B4}
.lang a:hover{
	 color:#D5D5D5;}
.lang_end{
	color:#B4B4B4;
}
.white{
	color:#fff;
}

.nav a , .end a{ 
	color:#fff
}
.nav a:hover, .end a:hover{
	color:#289bb6;
}
.fds a{
	font-weight:bold;
	color:#D1D1D1;
}
.fds a:hover{
	color:#993300}
.inputis{
	height:20px; width:140px;
	background:#253453;
	border:1px solid #fff;
}
#logo{
	padding:8px 0 10px 8px;
}
.bor4, .rbor4{
	border:1px solid #8c9bae;
}
.rbor4{
	padding:5px 8px 10px;
	background:#081e43;
	line-height:20px;
}
.index_img1{
	margin:2px 8px 0px 0px;
	border:none;
}
.index_img2{
	margin:1px 0px 2px 8px;
	border:none;
}
.line-h{
	line-height:20px;
}
.pad5{
	padding:0 5px;}
.cor_yellow{
	color:#f76f1f;
}
.font14{
	font-size:14px;
}
.lineh20{
	line-height:20px;}
.bor0{
	border:none;
}
.login{
	background:url(../images/login_bg.jpg) top left repeat-x;
	border:1px solid #fff;
}
.login a{
	color:#fff;}
.login a:hover{
	color:#f76f1f;}
.p2{ height:12px; width:130px}
.end{ border-width:1px;
	border-style:solid;
	border-color:#8392a6;
	background:#2b587f}
.end a.on2{
	color:#AAAAAA}
.design{
	font-size:11px;
	color:#999999;
}
.lead{ padding-left:10px;
	font-weight:bold;
	background:#0e7aa3;}
.img_20{ margin:10px;}
.dash_l{
	border-bottom:1px dashed #2f648e;
}
.fffa a{
	color:#fff;
}
.fffa a:hover{
	color:#289bb6;
}
.application input{
	background:none;
	border-width:0 0 1px;
	border-bottom:1px solid #289bb6;
	height:14px;
	color:#b1cce4;
}
.application .submit, .player_register .submit{
	width:70px;
	height:28px;
	border:1px solid #ccc;
	background:#2b587f;
	color:#fff;
	cursor:pointer;
}
.application .textarea{
	width:480px;
	height:60px;
	background:#B1CCE4;
	color:#081e43;
	border:1px solid #289bb6;
}
.player_register input{
	background:#fff;
	color:#081e43;
	border:1px solid #289bb6;
}
.player_register .submit2{
	height:28px;
	line-height:28px;
	border:1px solid #ccc;
	background:#2b587f;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
}
/*-----------------member style-------------------------------*/

#member{
	background:url(../images/member.jpg) top left no-repeat;
}
.pad7{
	padding:0 7px;
}
.pad20 tr td{
	padding-left:20px;
}
#member a{
	color:#fff;
	text-decoration:none;
}
#member a:hover{
	color:#f76f1f;
}
.bor4me{
	border:1px solid #306da0;
}
.bor4me input{
	background:#fff;
	border:none;
}
.bor4me input.submit{
	background:#306da0;
	color:#fff;
	border:none;
	height:20px;
	font-weight:bold;
	cursor:pointer;
}

.bor4me .checkbox input, .bor4me input.checkbox{
	background:none;
	border:none;
}


/*tree*/
        #nav li ul {
            display:none;
            position:absolute; 
            top:27px;
            left:125px;
            margin-top:1px;
            width:200px;
		    list-style-type:none;
			background:#2e5f87;

        }
	  #nav li ul li a{
	  	color:#fff;
		}
	  #nav li ul li a.no{
	  display:block;
	  float:left;
	  width:190px;
	  background:none;
	  height:28px;
	 }
        #nav li ul li a:hover {
            color:#f76f1f;
            background:#2e5f87; 
        }

        #nav li ul li ul {
            display:none;
            position:absolute; 
            top:27px;
            left:100px; 
            margin-top:0;
            margin-left:1px;
            width:100px;
        }

/*--------BUTTON2-----------*/
.apply{
	background:url(../images/button1.jpg) 0 0 no-repeat;
	width:80px;
	height:34px;
	text-align:center;
}
.apply a{
	color:#333;
	display:block;
	width:80px;
	height:34px;
}
.apply a:hover{
	color:#f76f1f;
}
.log_in{
	background:url(../images/button2.jpg) 0 0 no-repeat;
	border:none;
	width:46px;
	height:24px;
	text-align:center;
	cursor:pointer;
}
.log_in a{
	color:#333;
	display:block;
	width:46px;
	height:24px;
}



.tellafriend a{
	padding:3px 5px;
	display:block;
	background:#2b587f;
	color:#fff;
	width:80px;
	height:20px;
	text-align:center;
}
