@charset "utf-8";

html,
body {
	background: transparent url(/images/main_all_bg.jpg) repeat-x 50% 0%;
	margin: 0;
	padding: 0;
	overflow-x:hidden;
}
body	{
}
html:first-child	html, html:first-child body {
	max-height:100%;
}
#head {
	background:none !important;
	height: 513px;
	z-index: 1;
	position:relative;
}
#head	.head_wrapper	{
	height: 479px;
	margin:0 auto;
	text-align:center;
}
	.topMenuArea	{
		height: 35px;
		width:960px;
		margin:0 auto;
		position:relative;
		top:-3px;
		#top:0px;
		overflow:hidden;
	}
	.topMenuArea .topMenu	{
		margin:0 auto;
		text-align:center;
	}

#body {
}
	#contentArea {
		width:1000px;
		min-height:202px;
		height:202px;
		margin:0 auto;
	}
	#contentArea .contentWrapper	{
		width:900px;
		margin:0 auto;
		padding-top:0px;
	}
		#main	.menuArea	{
			float:left;
			width:145px;
			margin-right:70px;
			margin-top:1px;
		}
		#main	.Content	{
			width:900px;
			min-height:230px;
			position:absolute;
		}
		#main	.Content	a	{
			position:relative;
		}

		#main	.Content	.global	{
			position:relative;
			top:42px;
			left:0px;
			width:290px;
		}
			#main	.Content	.global	h3,	
			#main	.Content	.service	h3,	
			#main	.Content	.recruit	h3	{
				padding-top:15px;
				margin:0px;
				width:150px;
				height:29px;
			}
		#main	.Content	.service	{
			background: transparent url(/images/main_con05.jpg) no-repeat 159px 0;
			position:absolute;
			top:27px;
			left:290px;
			width:371px;
			height:140px
		}
			#main	.Content	p	{
				margin:0;
			}
		#main	.Content	.recruit	{
			background: transparent url(/images/main_con08.jpg) no-repeat 130px 28px;
			position:absolute;
			top:27px;
			left:660px;
			width:240px;
		}

#foot {
	clear:both;
	height: 102px;
	background: #fff;
	#position:absolute;
	}
	.footArea	{
		width:1000px;
		margin:16px auto 0 auto;
	}
		.footMenu	{
			margin:0 auto;
			width:900px;
		}
		.footMenu	.link	{
			margin-bottom:8px;
			height:9px;
		}
		.footMenu	address	{
			clear:both;
			height:19px;
			background:url(/images/copyright.gif) no-repeat;
		}


/* Top Menu Guide */
#TopMenu		{ position:relative; height:60px; left:30px;}
	#TopMenu dl		{  margin:0; padding:0; }
		#TopMenu dl dt	{ position:absolute; margin:0; padding:0; left:0; top:0px; height:30px; }
			#TopMenu dl dt a		{ float:left; width:181px; height:30px; font-size:0; text-indent:-2000px; background:url(/images/topmenu_1.gif) no-repeat left 0; }
			#TopMenu dl dt.Topmenu_company		{ left:0px; }
				#TopMenu dl dt.Topmenu_company a	{ width:183px; background-image:url(/images/topmenu_1.gif); }
			#TopMenu dl dt.Topmenu_platform	{ left:183px; }
				#TopMenu dl dt.Topmenu_platform a	{ width:183px; background-image:url(/images/topmenu_2.gif); }
			#TopMenu dl dt.Topmenu_online		{ left:366px; }
				#TopMenu dl dt.Topmenu_online a		{ width:183px; background-image:url(/images/topmenu_3.gif); }
			#TopMenu dl dt.Topmenu_service		{ left:549px; }
				#TopMenu dl dt.Topmenu_service a	{ width:183px; background-image:url(/images/topmenu_4.gif); }
			#TopMenu dl dt.Topmenu_recruit		{ left:730px; }
				#TopMenu dl dt.Topmenu_recruit a	{ width:183px; background-image:url(/images/topmenu_5.gif); }
		
		#TopMenu dl dd	{ position:absolute; left:30px; top:30px;  display:none;}
			#TopMenu dl dd.Topmenu_company_Sub		{ left:-30px;}
				#TopMenu dl dd.Topmenu_company_Sub a	{ float:left; height:11px; text-indent:-2000px; background: transparent url(/images/topmenu_sub_1.gif) no-repeat left 0; }
			#TopMenu dl dd.Topmenu_platform_Sub	{ left:150px; }
				#TopMenu dl dd.Topmenu_platform_Sub a	{ float:left; height:11px; text-indent:-2000px; background: transparent url(/images/topmenu_sub_5.gif) no-repeat left 0; }
			#TopMenu dl dd.Topmenu_online_Sub		{ left:340px; }
				#TopMenu dl dd.Topmenu_online_Sub a	{ float:left; height:11px; text-indent:-2000px; background: transparent url(/images/topmenu_sub_5.gif) no-repeat left 0; }
			#TopMenu dl dd.Topmenu_service_Sub		{ left:520px; }
				#TopMenu dl dd.Topmenu_service_Sub a	{ float:left; height:11px; text-indent:-2000px; background: transparent url(/images/topmenu_sub_5.gif) no-repeat left 0; }
			#TopMenu dl dd.Topmenu_recruit_Sub		{ left:620px; }
				#TopMenu dl dd.Topmenu_recruit_Sub a	{ float:left; height:11px; text-indent:-2000px; background: transparent url(/images/topmenu_sub_5.gif) no-repeat left 0; }


			#TopMenu dl dd ul	{ margin:0; padding:0;}
				#TopMenu dl dd ul li	{ float:left; padding:0; margin-right:0px; display:inline; }
					#TopMenu dl dd ul li a	{ font-size:0; color:#dcdcdc; font-weight:bold; }
					
					#TopMenu dl dd.Topmenu_company_Sub ul li.step_1 a	{ width:38px; background-position:0px top; }
					#TopMenu dl dd.Topmenu_company_Sub ul li.step_1 a:hover	{ width:38px; background:url(/images/topmenu_sub_1.gif) no-repeat 0px -11px; }
					#TopMenu dl dd.Topmenu_company_Sub ul li.step_2 a	{ width:100px; background-position:-42px top; }
					#TopMenu dl dd.Topmenu_company_Sub ul li.step_2 a:hover	{ width:100px; background:url(/images/topmenu_sub_1.gif) no-repeat -42px -11px; }
					#TopMenu dl dd.Topmenu_company_Sub ul li.step_3 a	{ width:48px; background-position:-143px top; }
					#TopMenu dl dd.Topmenu_company_Sub ul li.step_3 a:hover	{ width:48px; background:url(/images/topmenu_sub_1.gif) no-repeat -143px -11px; }
					#TopMenu dl dd.Topmenu_company_Sub ul li.step_4 a	{ width:90px; background-position:-193px top; }
					#TopMenu dl dd.Topmenu_company_Sub ul li.step_4 a:hover	{ width:90px; background:url(/images/topmenu_sub_1.gif) no-repeat -193px -11px; }

					
					#TopMenu dl dd.Topmenu_platform_Sub ul li.step_1 a	{ width:38px; background-position:0px top; }
					#TopMenu dl dd.Topmenu_platform_Sub ul li.step_1 a:hover	{ width:38px; background:url(/images/topmenu_sub_5.gif) no-repeat 0px -11px; }
					#TopMenu dl dd.Topmenu_platform_Sub ul li.step_2 a	{ width:100px; background-position:-40px top; }
					#TopMenu dl dd.Topmenu_platform_Sub ul li.step_2 a:hover	{ width:100px; background:url(/images/topmenu_sub_5.gif) no-repeat -40px -11px; }
					#TopMenu dl dd.Topmenu_platform_Sub ul li.step_3 a	{ width:70px; background-position:-142px top; }
					#TopMenu dl dd.Topmenu_platform_Sub ul li.step_3 a:hover	{ width:70px; background:url(/images/topmenu_sub_5.gif) no-repeat -142px -11px; }
					#TopMenu dl dd.Topmenu_platform_Sub ul li.step_4 a	{ width:50px; background-position:-222px top; }
					#TopMenu dl dd.Topmenu_platform_Sub ul li.step_4 a:hover	{ width:50px; background:url(/images/topmenu_sub_5.gif) no-repeat -222px -11px; }

					
					#TopMenu dl dd.Topmenu_online_Sub ul li.step_1 a	{ width:38px; background-position:0px top; }
					#TopMenu dl dd.Topmenu_online_Sub ul li.step_1 a:hover	{ width:38px; background:url(/images/topmenu_sub_5.gif) no-repeat 0px -11px; }
					#TopMenu dl dd.Topmenu_online_Sub ul li.step_2 a	{ width:100px; background-position:-40px top; }
					#TopMenu dl dd.Topmenu_online_Sub ul li.step_2 a:hover	{ width:100px; background:url(/images/topmenu_sub_5.gif) no-repeat -40px -11px; }
					#TopMenu dl dd.Topmenu_online_Sub ul li.step_3 a	{ width:70px; background-position:-142px top; }
					#TopMenu dl dd.Topmenu_online_Sub ul li.step_3 a:hover	{ width:70px; background:url(/images/topmenu_sub_5.gif) no-repeat -142px -11px; }
					#TopMenu dl dd.Topmenu_online_Sub ul li.step_4 a	{ width:50px; background-position:-222px top; }
					#TopMenu dl dd.Topmenu_online_Sub ul li.step_4 a:hover	{ width:50px; background:url(/images/topmenu_sub_5.gif) no-repeat -222px -11px; }


					#TopMenu dl dd.Topmenu_service_Sub ul li.step_1 a	{ width:38px; background-position:0px top; }
					#TopMenu dl dd.Topmenu_service_Sub ul li.step_1 a:hover	{ width:38px; background:url(/images/topmenu_sub_5.gif) no-repeat 0px -11px; }
					#TopMenu dl dd.Topmenu_service_Sub ul li.step_2 a	{ width:100px; background-position:-40px top; }
					#TopMenu dl dd.Topmenu_service_Sub ul li.step_2 a:hover	{ width:100px; background:url(/images/topmenu_sub_5.gif) no-repeat -40px -11px; }
					#TopMenu dl dd.Topmenu_service_Sub ul li.step_3 a	{ width:70px; background-position:-142px top; }
					#TopMenu dl dd.Topmenu_service_Sub ul li.step_3 a:hover	{ width:70px; background:url(/images/topmenu_sub_5.gif) no-repeat -142px -11px; }
					#TopMenu dl dd.Topmenu_service_Sub ul li.step_4 a	{ width:50px; background-position:-222px top; }
					#TopMenu dl dd.Topmenu_service_Sub ul li.step_4 a:hover	{ width:50px; background:url(/images/topmenu_sub_5.gif) no-repeat -222px -11px; }

					
					#TopMenu dl dd.Topmenu_recruit_Sub ul li.step_1 a	{ width:38px; background-position:0px top; }
					#TopMenu dl dd.Topmenu_recruit_Sub ul li.step_1 a:hover	{ width:38px; background:url(/images/topmenu_sub_5.gif) no-repeat 0px -11px; }
					#TopMenu dl dd.Topmenu_recruit_Sub ul li.step_2 a	{ width:100px; background-position:-40px top; }
					#TopMenu dl dd.Topmenu_recruit_Sub ul li.step_2 a:hover	{ width:100px; background:url(/images/topmenu_sub_5.gif) no-repeat -40px -11px; }
					#TopMenu dl dd.Topmenu_recruit_Sub ul li.step_3 a	{ width:70px; background-position:-142px top; }
					#TopMenu dl dd.Topmenu_recruit_Sub ul li.step_3 a:hover	{ width:70px; background:url(/images/topmenu_sub_5.gif) no-repeat -142px -11px; }
					#TopMenu dl dd.Topmenu_recruit_Sub ul li.step_4 a	{ width:50px; background-position:-222px top; }
					#TopMenu dl dd.Topmenu_recruit_Sub ul li.step_4 a:hover	{ width:50px; background:url(/images/topmenu_sub_5.gif) no-repeat -222px -11px; }



.png24 {
   tmp:expression(setPng24(this));
}
