﻿/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: tahoma, arial, \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, \9ED1\4F53, sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.main{
	margin: 0px auto;
	min-width: 780px;
	max-width: 1260px;
	width:expression(document.body.clientWidth < 782? "780px" : document.body.clientWidth > 1262? "1260px" : "auto");  /*兼容ie6*/
	overflow: hidden;
}

.part_1{
	margin: 0 auto;
	width: 100%;
	height: 30px;
	position: fixed;
	border-bottom: 2px dashed #aaaaaa;
	background: #FF9B51;
	z-index: 99;
	color: #ffffff;
}
.part_1 ul li{
	float: left;
	padding: 5px 10px;	
	
}
#index{ padding-left: 30px;}
#login{ margin-left: 950px; border-right: 2px dashed #AAAAAA;}
.rel{ position: relative;}
.part_2{ width: 100%; height: auto;}
.part_3{ width: 100%; height: auto; background-color: #9bbae0;}
.part_4{ width: 100%; height: auto;}
.part_5{ width: 100%; height: auto; background: #dddddd; margin-bottom: 20px;}
.part_6{ width: 100%; height: auto; margin-bottom: 20px;}
.part_6_1{ width: 100%; height: auto; margin-bottom: 20px;}
.part_7{ width: 100%; height: auto; margin-bottom: 20px;}
.part_8{ width: 100%; height: auto; margin-bottom: 20px;}
.part_9{ width: 100%; height: auto; margin-bottom: 20px; top: 30px;}
.search_box{
	position: relative;
	width: 490px;
	margin: 0px auto;
	height: 40px;
	top: 10px;
	border: 4px solid #558ED5;
	background-color: #558ED5;
}
.search_box div{ float: left;}
.search_box select{ width: 110px; height: 40px; font-size: 15px; text-align: center;}
.pull_area option{ padding: 3px 5px;}
.search_box .input{ position: absolute; width: 370px; height: 34px; font-size: 18px;}
.search_box form{ position: absolute; width: 490px; height: 40px;}
.search_box .button{
	position: absolute;
    
    padding: 5px;
    height: 40px; 
    left: 382px;
    border: 0;
	background-color: transparent;
	color: #ffffff;
	font-size: 22px;
	font-weight: 700;
	}
.search_box .button:hover{ background: #6294D2;}	
	.hot_keys{ width: 650px; position: relative; margin: 0 auto; height: 40px; line-height: 40px; padding: 10px;}
.hot_keys span{ display: inline;}	
.hot_keys li{ float: left; padding: 0 10px;}
.hot_keys a{ color: #f4a57d;}
.area_job{ position: relative; width: 940px; height: 400px;margin: 0 auto; border: 1px solid #cccccc;}
#area{ position: absolute; width: 100%; height: 130px; background-color: #eeeeee; border-bottom: 1px solid #cccccc;}
#genre{ position: absolute; width: 200px; top: 130px; background-color: #eeeeee; height: 270px; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc;}
#job{ position: absolute; width: 740px; top: 130px; left: 200px; height: 270px;}
.job_list{ position: relative; width: 940px; height: auto; overflow:hidden; margin: 0 auto;}
..company_list{ position: relative; width: 940px; height: 280px;margin: 0 auto;}
.job_list li{ float: left; width: 160px; padding: 10px 25px; text-align: center; text-overflow: ellipsis; white-space: nowrap; margin: 5px 2px; background: #fcfcfc;}
.company_list li{ float: left; width: 215px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;  padding: 20px 5px; text-align: center; margin: 5px 2px; background: #fcfcfc;}
.job_list ul{ margin-left: 30px;}
.job_list li:hover{background: #f3f3f3;}
.school_list{ position: relative; width: 1030px; height:auto; overflow: hidden; margin: 0 auto;}
.school_list li{ float: left; width: 185px; padding: 10px 5px; text-align: center; margin: 5px 2px; background: #fcfcfc;}
.school_list ul{ margin-left: 30px; display:inline-block;}

.nav_list{ width: 100%; height: 50px; margin: 0 auto; text-align: center;}
.nav_list ul{zoom:1;display:inline-block;*display:inline;margin:0 auto;}
.nav_list li{ float: left;  padding: 14px 25px; font-size: 20px; font-weight: 700; text-align: center;}
.nav_list .active{ background-color: #558ED5;}
#footer {
    width: 1260px;
    clear: both;
    margin: 7px auto;
    text-align: center;
    background: url(../img/szhrv3_foottitlebg.gif) 50% 0 repeat-x;
    table-layout: fixed;
    line-height: 20px;
    font-size: 12px;
    padding-bottom: 20px;
}
#footnav {
    width: 100%;
    clear: both;
    padding-top: 16px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}
#footnav ul {
    margin: 0 auto;
    text-align: center;
}
#footnav ul li {
    display: inline;
}
#footnav ul .gap {
    color: #ccc;
    margin: 0 5px;
}
#footnav ul li a, #footnav ul li a:link, #footnav ul li a:visited {
    color: #EE6100;
}
#footcr {
    width: 100%;
    clear: both;
}
#footcr ul {
    list-style: none;
    padding-top: 4px;
    color: #333;
}
#footcr ul li {
    display: block;
}

#area li{ float: left; width: 120px; padding: 50px 15px; font-size: 22px;}
#area .active{ font-weight: 700;}
#genre li{ width: 120px; padding: 10px 40px; font-size: 20px;}
#company li{ float: left; padding: 10px;}
.company_list{ padding: 5px 160px; display: inline-block;}
.clear{ clear: both;}

.login_box{position: absolute; width: 280px; height: 300px; top: 70px; right: 50px;}
.login_bg{ position: absolute; width: 280px; height: 300px; top: 0; left: 0; background-color: #2F2F2F;opacity: 0.7;filter: progid: DXImageTransform.Microsoft.Alpha(opacity=30);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; }

/*tab开始*/
#box{ position:absolute; width:280px; height:300px;}
#tab_nav{margin:0; padding:0; height:50px; line-height:50px; border-bottom: 1px solid #6F6F6F;}
#tab_nav li{float:left; list-style:none; border-bottom:none; height:50px; width:50%; text-align:center;}
#tab_nav a{ color: #ffffff; text-decoration: none;}
#tab_content{width:278px; height:240px; text-align:center; overflow:hidden; padding-top: 10px;}
#t_1,#t_2,#t_3{width:100%; height:250px; padding-top: 10px;}
#user_name_box{ position: relative; width: 220px; height: 30px; margin: 20px auto;}
#user_name{ position: absolute; left: 0; width: 220px; height: 30px;}
#user_psw_box{ position: relative; width: 220px; height: 30px; margin: 20px auto;}
#user_psw{ position: absolute; left: 0; width: 220px; height: 30px;}
.chose_box li{ float:left; font-size: 14px; color: rgb(255, 255, 255); font-weight: 500; height: 30px; line-height: 20px;}
.chose_box{ position: relative; width: 240px; height: 30px; margin: 0px auto;}
.chose_box ul{ position: absolute;}
#auto_login{ position: relative; left: 0;}
.forget{ margin-left: 60px;}
.btn_login{position: relative; width: 230px; height: 30px; margin-top: 0; line-height: 0px; margin: 0 auto;}
.btn_login button{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	border: 0;
	background-color: #A4DDDD;
	height: 30px;
}

#t_1 p{
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #ffffff;
	text-align: left;
	width: 230px;
	margin: 0 auto;
	padding: 5px;
}
#t_1 p a{ color: #f4a57d;}

#t_2 p{
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #ffffff;
	text-align: left;
	width: 230px;
	margin: 0 auto;
	padding: 5px;
}
#t_2 p a{ color: #f8d69b;}

.part_1 a{ text-decoration: none; color: #FFFFFF;}
.part_3 a{ text-decoration: none; color: #000000;}

.company_ad{ position: relative; width: 1170px; margin: 0 auto;}
.company_ad table td{ border: solid 6px #F7F7F7;}


.school_area{ position: relative; width: 80px; font-size: 12px; padding: 8px 10px; background: #558ED5; text-align: center; height: 30px; line-height: 30px; border-radius: 10px; color: #ffffff; font-family: 'SimSun';}
.title{ margin-bottom: 10px;}
