﻿/*---------------------------------------------header---start---------------*/

#header{
	background: url(../../images/menu_bg.jpg) left top repeat-x !important;
	margin:0 auto;
	width:100%;
	height:40px;
}
#header .header01{
	margin:0 auto;
	background: url(../../images/bg_menu.jpg) left top repeat-x !important;
	width:960px;
	height:40px;
}
#header .header01 .logo_LJT{
	display:inline;
	float:left;
	margin-left:70px;
	width:15px;
}
 .header02{	
	margin:0 auto;
	height:316px;
	width:100%;
	background: url(../../images/bgTop.jpg) center top no-repeat !important;
}
 .start{
	margin:0 auto;
	padding:130px 0 0 55px;
	height:auto;
	width:910px;
}

/*  menu start */
.menu {
	float:left;
    margin:0 0 0 150px !important; margin:0 0 0 110px;
}
.menu ul {
	padding:0;
	margin:0;
	list-style-type: none;
}
.menu ul li {
	float:left;
	width:95px;
}


.menu01 {		
display:block;
width:95px;
height:40px;
position: relative;
}
.menu01 a{
		position: relative;
display:block;
width:95px;
height:40px;
background: url(../../images/menu_img1.jpg) left top no-repeat !important;
}
.menu01 a:hover {
			position: relative;
display:block;
width:95px;
height:40px;
background: url(../../images/menu_img01.png) left top no-repeat !important;
}
.menu02 {		
display:block;
width:95px;
height:40px;

}

/*.menu02 a{		
display:block;
width:95px;
height:40px;
}*/

/*.menu02 a:hover {
		
display:block;
width:95px;
height:40px;
background: url(../../images/menu_img02.png) left top no-repeat !important;
}*/

.menu03 {		
display:block;
width:95px;
height:40px;

}

/*.menu03 a{		
display:block;
width:95px;
height:40px;
background: url(../../images/menu_img3.jpg) left top no-repeat !important;
}*/
.menu03 a:hover {
		
display:block;
width:95px;
height:40px;
background: url(../../images/menu_img03.png) left top no-repeat !important;
}
.menu04 {		
display:block;
width:95px;
height:40px;

}

/*.menu04 a{		
display:block;
width:95px;
height:40px;
background: url(../../images/menu_img4.jpg) left top no-repeat !important;
}*/
.menu04 a:hover {
		
display:block;
width:95px;
height:40px;
background: url(../../images/menu_img04.png) left top no-repeat !important;
}
.menu05 {		
display:block;
width:95px;
height:40px;

}

.menu05 a{		
display:block;
width:95px;
height:40px;
background: url(../../images/menu_img5.jpg) left top no-repeat !important;
}
.menu05 a:hover {
		
display:block;
width:95px;
height:40px;
background: url(../../images/menu_img05.png) left top no-repeat !important;
}
.menu06 {		
display:block;
width:95px;
height:40px;

}

.menu06 a{		
display:block;
width:95px;
height:40px;
background: url(../../images/menu_img6.jpg) left top no-repeat !important;
}
.menu06 a:hover {
		
display:block;
width:95px;
height:40px;
background: url(../../images/menu_img06.png) left top no-repeat !important;
}
.menu07 {		
display:block;
width:95px;
height:40px;

}

.menu07 a{		
display:block;
width:95px;
height:40px;
background: url(../../images/menu_img7.jpg) left top no-repeat !important;
}
.menu07 a:hover {
		
display:block;
width:95px;
height:40px;
background: url(../../images/menu_img07.png) left top no-repeat !important;
}
/* make the dropdown ul invisible */
.menu_cont  {
	
	float:left;	
	position: absolute;
	z-index:99999;
	width: 93px;
	border-bottom:#AEAEAE 1px solid;
	border-left:#AEAEAE 1px solid;
	border-right:#AEAEAE 1px solid;
}
.menu_cont ul li{	
	line-height:28px;
	display:block;
	height:28px;
	border-bottom:#2B4B55 1px solid;
	width: 93px;
}
.menu_cont ul li a {
	
	text-align:center;
	display:block;
color:#ccc;
	background-color:#0F3442;
	height:28px;
	text-decoration:none;
}

.menu_cont ul li a:hover {
	display:block;
	text-align:center;
	height:28px;
	color:#fff;
	text-decoration:none;
}

/*  menu end  */

/*---------------------------------------------header---End---------------*/
/*---------------------------------------------container---star--------------*/

.tobbar{width:1280px; height:150px; background:url(../../images/tobbar.jpg) no-repeat top; overflow:hidden; margin:0 auto;}


#container_auto{
	margin:0 auto;
	position: relative;
	min-height:315px;
	width:100%;
	background: url(../../images/container_bg.jpg) center top no-repeat !important;
}
#container_bg{
	margin:0 auto;
	position:relative;
	width:990px;
	min-height:315px;
}


.bottom_shadow {
	position:relative; 
	margin:0 auto;
	width:990px;
	height:15x;
}
.bottom_shadow_index {

	margin:0 auto;
	width:990px;
	height:17x;
}

/*---------------------------------------------container---End---------------*/
/*---------------------------------------------footer---start---------------*/

#footer{
	margin:0 auto;
	width:990px;
	height: 150px;

}
#footer .icon_logo{
	float:left;
	background: url(../../images/logo_foot.gif) left top no-repeat !important;
	border-right:#D0D0D0 1px solid;
	height:36px;
	width:105px;
	margin:10px 0 0 50px;
	
}
#footer .icon_logo img{
	float:left;
	
}
#footer .foot{
	font-size: 12px;
	padding:0 0 0 15px;
	text-align:center;
	float: left;
	}
	.foot{margin:0 150px;}

#footer_shadow{
	background: url(../../images/footer_shadow.gif) left top repeat-x !important;
	margin:0 auto;
	height:47px;
	width:100%;	
}
#footer .icon_Police{
	float:left;
	border:#D0D0D0 1px solid;
	background-color:#fff;
	height:80px;
	width:274px;
	padding:2px 0 2px 30px;
	margin:3px 0 0 344px;
	display: inline;
	
}	
#footer .icon_Police img{
	margin-right:30px;
}
/*---------------------------------------------footer---End---------------*/


/************* login start *************/
#Login {
	overflow:hidden;
	position:relative;
	width:238px;
	height:153px;
	border-bottom:#D9D9D9 1px solid;
	border-left:#D9D9D9 1px solid;
	border-right:#D9D9D9 1px solid;
	background:#F2F1ED url(../../images/bg_icon01.jpg) left top repeat-x !important;
}
#Login h2{
	display:block;
	color:#F2F1ED;
	font-size: 13px;
	position:absolute;
	height:25px;
	width:150px;
	line-height:25px;
	padding-left:30px;
}

#Login .LoginForm_id,.LoginForm_id2 {
	position:absolute;
	top:43px;
	left:15px;
	width:110px;
	height:20px;
}
.LoginForm_id2{width:200px;}
#Login .LoginForm_pw,.LoginForm_pw2  {
	position:absolute;
	top:70px;
	left:15px;
	width:110px;
	height:20px;
}
.LoginForm_pw2{width:200px;}
#Login .LoginForm_submit  {
	position:absolute;
	top:45px;
	left:147px;
	width:61px;
	height:45px;
}

#Login .Join  {
	position:absolute;
	top:117px;
	left:15px;
	width:200px;
	text-align:center;
}
#Login .Join a{

	font:12px  宋体, sans-serif;
	color:#878787;
	text-decoration:none;
	
}
#Login .Join a:hover{
	font: 12px  宋体, sans-serif;
	color:#bb0002;
	text-decoration:underline;
}
#Login .textbox{
	position:absolute;
	top:95px;
	left:35px;
	width:170px;
	height:18px;
	color:#bb0002;
	text-align:center;
}
.textbox2{position:absolute; top:95px; left:15px; width:200px; height:18px; color:#bbooo2;}
#Login .imgLine{
	position:absolute;
	top:115px;
	left:10px;
	width:208px;
	height:20px;
	background: url(../../images/bg_icon__02.jpg) left top no-repeat !important;
}

/************* login end *************/
/************* Loginlater start *************/

#Loginlater {
	overflow:hidden;
	position:relative;
	width:238px;
	height:153px;
	border-bottom:#D9D9D9 1px solid;
	border-left:#D9D9D9 1px solid;
	border-right:#D9D9D9 1px solid;
	background:#F2F1ED url(../../images/bg_icon01.jpg) left top repeat-x !important;
}
#Loginlater h2{
	display:block;
	color:#F2F1ED;
	font-size: 13px;
	position:absolute;
	height:25px;
	width:150px;
	line-height:25px;
	padding-left:30px;
}

#Loginlater .LoginForm_submit  {
	position:absolute;
	top:65px;
	left:55px;
	width:109px;
	height:45px;
}

#Loginlater .Join  {
	position:absolute;
	top:127px;
	left:15px;
	width:200px;
	
	text-align:center;
}
#Loginlater .Join a{

	font:12px  宋体, sans-serif;
	color:#878787;
	text-decoration:none;
	
}
#Loginlater .Join a:hover{
	font: 12px  宋体, sans-serif;
	color:#bb0002;
	text-decoration:underline;
}
#Loginlater .textbox{
	position:absolute;
	top:40px;
	left:28px;
	width:170px;
	height:18px;
	text-align:center;
}
#Loginlater .imgLine{
	position:absolute;
	top:115px;
	left:10px;
	width:208px;
	height:20px;
	background: url(../../images/bg_icon__02.jpg) left top no-repeat !important;
}


/************* Loginlater end *************/
/*************新手卡页面 *************/
.xsk{width:220px; margin:25px 0 15px 40px; float:left;}
.xsk1{width:60px; margin:25px 0 15px 20px; float: left; }
#button{width:60px; height:24px; background:url(../../images/Index/lingqu.gif) no-repeat;}
.xsk_2{ padding:0 10px 0 35px; line-height:28px;}

/**************************************top********************************************/
.thzz { margin:0px auto 0px auto; }
.th { width:1000px; height:37px; text-align:center }
.th1 { width:100px; height:37px; padding-left:10px; line-height:37px; }
.th2 { width:280px; height:37px; line-height:37px; }
.th3 { height:37px; line-height:37px; }
.th3 a{ margin:0 5px;}
.th4_1 { width:62px; height:21px; background-image:url(../../../images/3.gif); margin:7px 0 0 10px; line-height:21px; }
.thcl { clear: both; }
.fl { float: left; }
.fr { float: right; }
.th100 { width:100%; height:37px; background-image:url(../../../images/bg.gif); font-size:12px; }
.thred { color:#FF0000; }
.thrff6600 { color:#ff6600; }
ul.gd { overflow:hidden; height:22px; line-height:22px; font-size:12px; padding:6px 7px 0px; *padding-top:10px 0 0;
margin:0; float:left; }
ul.gd li { list-style:none; }