/* 
 * == ASP Corporate Website Backstage ==
 * Copyright (C) 2008-2009 wo_is神仙 All rights reserved.
 * css.css   2009-02-16 17:41 +0800 星期一
*/

@import url("general.css");

/* --- custom styles --- */
#header { width:1003px; height:91px; margin:0 auto; background:url(../images/top_bg.jpg) repeat-x; }
#logo { height:66px; padding-left:57px; }
#navbox { height:25px; padding-left:50px; background:url(../images/nav_bg.gif) repeat-x; }
	#nav, #nav ul { position:relative; }
	/* --- 一级 --- */
	#nav li { float:left; position:relative; }
	#nav li a { display:block; padding:0px 15px; line-height:27px; font-weight:bold; color:#142544; text-decoration:none; }
	#nav li a:hover { color:#708ea8; }
	/* --- 二级 --- */
	#nav li ul { position:absolute; display:none; top:27px; left:-7px; }
	#nav li ul a {
		width:65px;
		height:27px;
		border-bottom:1px solid #657f96;
		background-color:#dbe3eb;
		color:#708ea8;
		text-align:center;
	}
	/* --- 三级 --- */
	#nav li ul ul { top:0; left:95px; }	
	#nav li ul ul a { width:145px; text-align:left; }
	
	#nav li ul a:hover, #nav li ul ul a:hover { background-color:#f1f1f1; }
	/* --- 鼠标经过 --- */
	#nav li:hover ul ul,
	#nav li:hover ul ul ul,
	#nav li:hover ul ul ul ul { display:none; }

	#nav li:hover ul,
	#nav li li:hover ul,
	#nav li li li:hover ul,
	#nav li li li li:hover ul { display:block; }
	/* --- 箭头 --- */
	.arrow1 { background:url(../images/arrow.gif) 68px 11px no-repeat; }
	.arrow2 { background:#dbe3eb url(../images/arrow2.gif) 83px 11px no-repeat; }

#flash { width:1003px; height:407px; margin:0 auto; }

#main { width:1003px; height:67px; margin:0 auto; background:url(../images/bg.jpg) no-repeat; overflow:hidden; }

#news li a { float:left; line-height:22px; color:#2c3a55; padding-left:10px; background:url(../images/arraw3.gif) left center no-repeat;  }
#news li span { float:right; line-height:22px; font-size:10px; color:#708ea8; font-family:Arial; }

#ISL_Cont { float:left; width:540px; padding-top:6px; overflow:hidden; }
#ISL_Cont li { float:left; width:90px; text-align:center; }
#ISL_Cont li a { border:2px solid #FFFFFF; display:block; width:81px; height:33px; }
#ISL_Cont li a:hover { border:2px solid #ddd; }
#List1, #List2 { float:left; }
.prev, .next { float:left; width:21px; height:50px; cursor:pointer; }
.prev { margin-left:19px; }

.roll { width:9999px; }

#footer {
	width:1003px;
	height:35px;
	margin:0 auto;
	text-align:center;
	line-height:35px;
	color:#ccc;
	border-top:20px solid #FFFFFF;
	background:url(../images/footer_bg.gif) repeat-x;
	overflow:hidden;
}
body#home #footer { border-top:0; }

/* --- jcarousel --- */
.jcarousel-container { position:relative; }
.jcarousel-clip { z-index:2; padding:0; margin:0; overflow:hidden; position:relative; }
.jcarousel-list { z-index:1; overflow:hidden; position:relative; top:0; left:0; margin:0; padding:0; }
.jcarousel-list li,
.jcarousel-item { float:left; list-style:none; width:75px; height:75px; }
.jcarousel-next { z-index:3; display:none; }
.jcarousel-prev { z-index:3; display:none; }

/* --- 内页 --- */
#wrap { width:1003px; min-height:450px; height:auto!important; height:450px; margin:0 auto; padding-top:16px; background:#fff url(../images/shadow.gif) repeat-x; }

#sidebar { width:224px; float:left; }
#content { width:779px; float:right; }

.left-t {
	width:175px;
	height:26px;
	float:right;
	padding-left:25px;
	line-height:26px;
	color:#FFFFFF;
	font-weight:bold;
	border-bottom:1px solid #657f96;
	background:#708EA8 url(../images/icon.gif) 12px 9px no-repeat;
	overflow:hidden;
}

.accordion { width:200px; float:right; }
.accordion dt {
	height:27px;
	line-height:27px;
	padding-left:25px;
	color:#708ea8;
	font-weight:bold;
	background:#fff url(../images/+.gif) 180px center no-repeat;
	border-bottom:1px solid #657f96;
	cursor:pointer;
}
.accordion dt.selected { background:#dbe3eb url(../images/-.gif) 180px center no-repeat; }

.accordion dd { width:200px; border-bottom:1px solid #657f96; }
.accordion dd a {
	width:175px;
	height:26px;
	line-height:26px;
	padding-left:25px;
	display:block;
	text-decoration:none;
	color:#708ea8;
	background-color:#f1f1f1;
}
.accordion dd a:hover,
.accordion dd a.current { background-color:#dbe3eb; text-decoration:none; }

.position { width:716px; margin:0 auto; overflow-x:hidden; }
.position strong { color:#2c3a55; }
.toppic { border-bottom:3px solid #FFFFFF; border-top:12px solid #FFFFFF; }
.right-t { height:30px; border-bottom:1px solid #CCCCCC; }
.bg1 { background:url(../images/titles.gif) 0 0 no-repeat; }
.bg2 { background:url(../images/titles.gif) 0 -60px no-repeat; }
.bg3 { background:url(../images/titles.gif) 0 -30px no-repeat; }
.bg4 { background:url(../images/titles.gif) 0 -90px no-repeat; }
.bg5 { background:url(../images/titles.gif) 0 -120px no-repeat; }
.bg6 { background:url(../images/titles.gif) 0 -150px no-repeat; }
.bg7 { background:url(../images/titles.gif) 0 -180px no-repeat; }
.bg8 { background:url(../images/titles.gif) 0 -210px no-repeat; }
.bg9 { background:url(../images/titles.gif) 0 -240px no-repeat; }

.bg10 { background:url(../images/titles_en.gif) 0 0 no-repeat; }
.bg11 { background:url(../images/titles_en.gif) 0 -30px no-repeat; }
.bg12 { background:url(../images/titles_en.gif) 0 -60px no-repeat; }
.bg13 { background:url(../images/titles_en.gif) 0 -90px no-repeat; }

.path { height:34px; line-height:34px; color:#274462; font-size:14px; font-weight:bold; border-bottom:1px solid #CCCCCC; }
.path a { color:#274462; text-decoration:none; }
.path a:hover { text-decoration:none; }

#products { width:738px; margin:0 auto; }
#products li {
	float:left;
	width:222px;
	height:204px;
	padding:1px;
	border:11px solid #FFFFFF;
	background:url(../images/pbg.gif) no-repeat;
	overflow:hidden;
}

#products li span.pic { width:222px; height:78px; overflow:hidden; }
#products li span.title { display:block; width:222px; height:34px; line-height:34px; font-weight:bold; text-align:center; }
#products li span.title a { color:#2c3a55; }
#products li span.instro { display:block; padding:2px 8px; width:210px; line-height:180%; text-indent:2em; }

#products li span.title_en {
	display:block;
	width:222px;
	height:34px;
	font-weight:bold;
	font-family:Arial;
	text-align:center;
	vertical-align:middle;
}
#products li span.title_en a { color:#2c3a55; }
#products li span.instro_en { display:block; padding:2px 8px; width:210px; line-height:180%; font-family:Arial; }

#tab { height:26px; background:url(../images/tab_m.gif) repeat-x; }
#tab div { height:100%; background:url(../images/tab_r.gif) right top no-repeat; }
#tab div div { height:100%; background:url(../images/tab_l.gif) left top no-repeat; }

#tab ul { width:700px; height:26px; margin:0 auto; overflow:hidden; }
#tab ul li { float:left; width:100px; }
#tab ul li a {
	display:block;
	width:100px;
	height:26px;
	line-height:26px;
	text-align:center;
	color:#2c3a55;
	text-decoration:none;
	overflow:hidden;
}
#tab ul li a.current,
#tab ul li a:hover { background:url(../images/tab.gif) center top no-repeat; }

#tab-content {
	width:714px;
	min-height:100px;
	height:auto!important;
	height:100px;
	margin:0 auto 20px;
	border:1px solid #CCCCCC;
	border-top:0;
}
span.loading { width:100%; display:block; padding-top:30px; text-align:center; }

.left { width:200px; float:right; }
.left li { border-bottom:1px solid #657f96; }
.left li a {
	padding-left:25px;
	color:#708ea8;
	height:27px;
	line-height:27px;
	font-weight:bold;
	text-decoration:none;
	display:block;
}
.left li a:hover, .left li a.current { background-color:#dbe3eb; text-decoration:none; }

.news-box { width:340px; overflow-x:hidden; }
.news-t { height:28px; padding-top:6px; border-bottom:1px solid #ccc; overflow:hidden; }
.news-t span { float:left; font-size:14px; font-weight:bold; line-height:28px; color:#274462; }
.news-t a { float:right; font:normal 10px Verdana; line-height:28px; color:#274462; }

.news-list { margin-top:4px; }
.news-list li { height:18px; }
.news-list li.pic { height:53px; padding:8px 0 17px; line-height:160%; }
.news-list li.pic img { float:left; margin-right:8px; }
.news-list li a { color:#2c3a55; line-height:18px; padding-left:10px; background:url(../images/arraw3.gif) left center no-repeat; }
.news-list li a:hover { text-decoration:underline; }
.news-list li span { font-size:10px; line-height:18px; color:#708ea8; font-family:Arial; }

.text-content { font-size:14px; }
.text-content p { word-break:normal; }

.soso { width:200px; float:right; }
.soso span{
	display:block;
	width:200px;
	height:27px;
	line-height:26px;
	background:url(../images/job_di.jpg) left bottom no-repeat;
	text-indent:12px;
	color:#708EA8;
	cursor:default;
}
.soso span.over { background:url(../images/job_di2.jpg) left bottom no-repeat; }
.soso .dropdown select { display:none; }
.soso ul { background:#eee; width:200px; display:none; color:#708EA8; }
.soso ul li { height:20px; line-height:20px; width:100%; padding:3px 0; text-indent:12px; cursor:default; color:#708EA8; }
.soso ul li.over {background:#DBE3EB; color:#708EA8; }
.soso ul.show { display:block; color:#708EA8; }

.n {
	width:188px;
	height:12px;
	padding:6px 5px;
	margin-top:1px;
	color:#708EA8;
	border:1px solid #708EA8;
	background-color:f1f1f1;
}
.submit {
	float:right;
	margin:6px 5px 0 0;
	width:73px;
	height:20px;
	border:0;
	background:url(../images/job_ss.jpg) no-repeat;
	cursor:pointer;
}
.submit2 {
	width:73px;
	height:20px;
	border:0;
	background:url(../images/tijiao.gif) no-repeat;
	cursor:pointer;
}
.login {
	width:78px;
	height:24px;
	margin-top:15px;
	border:0;
	background:url(../images/login.gif) no-repeat;
	cursor:pointer;
}

.job-list thead td {
	font-weight:bold;
	font-size:14px;
	color:#274462;
	text-align:center;
	padding:10px 0 6px;
	border-bottom:1px solid #ccc;
}
.job-list tbody td { padding:6px 3px; text-align:center; color:#708ea8; }
.job-list tbody td a { float:left; padding-left:10px; color:#2c3a55; background:url(../images/arraw3.gif) left center no-repeat;  }
.job, .resume { }
.job td { padding:8px; background-color:#f1f1f1; }
.job td span { color:#2c3a55; padding-left:13px; }

.resume td, .resume th { padding:6px; }
.resume th { border-bottom:1px solid #ccc; text-align:left; font-weight:normal; }

.links { width:200px; float:right; }
.links li {
	height:20px;
	border-top:1px solid #fff;
	background:#dee5ee url(../images/arraw3.gif) 10px center no-repeat;
	padding-left:18px;
}
.links li a { color:#708ea8; line-height:20px; text-decoration:none; }
.links li a:hover { color:#2C3A55; text-decoration:none; }

.links_en { width:200px; float:right; }
.links_en li {
	height:40px;
	border-top:1px solid #fff;
	background:#dee5ee url(../images/arraw3.gif) 10px 8px no-repeat;
	padding-left:18px;
	font-family:Arial;
}
.links_en li a { color:#708ea8; line-height:20px; }
.links_en li a:hover { color:#2C3A55; text-decoration:none; }

.bbs { margin-top:11px; height:357px; background:url(../images/bbs_m.gif) repeat-x; overflow:hidden; }
.bbs div { height:100%; background:url(../images/bbs_r.gif) right top no-repeat; }
.bbs div div { height:100%; text-align:center; background:url(../images/bbs_l.gif) left top no-repeat; }
.bbs div div form { padding-top:85px; }
.bbs div div label { display:block; height:46px; background:url(../images/bbs_t.gif) center center no-repeat; }
.bbs div div .pwd { width:300px; height:26px; line-height:24px; border:1px solid #ccc; font-size:26px; text-align:center; }

.en { font-family: Arial, Helvetica, sans-serif; }
.p p { text-indent:0; }

.ads { text-align:right; margin-top:15px; }