@charset "utf-8";
/*========== Stylesheet for zhuanti ========*\
     Object: index.css
     Author: tingzi
Last Update: 2011-05-30
\*======================================*/

/****** Element Styles ******/
html, body{height: 100%; max-height:100%;}
body{font-size: 12px; font-family:Arial, Helvetica, sans-serif;}
body, dd, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, ul, li{padding: 0; margin: 0;}
img{border: none;}
input, td, th{font-size: 12px;}
li{ list-style:none}
a:visited, a:active, a:link{text-decoration: none;}
a:hover{text-decoration: underline;}
.clear{clear: both;}

/*************index********************/
body{ background:#e1e1e1;}

#wrapper{text-align: center;}
#innerWrapper{margin: auto; width: 960px; text-align: left; background:url(../images/bg.jpg) center top repeat-y; padding:0 5px;}
.header{ background:url(../images/header_bg.jpg) left top no-repeat; text-align:right; padding:0 18px 21px 0;}
.header p{ line-height:40px; font-weight:bold;}
.header p a:link{ color:#8f8f8f; margin:0 10px;}
.header p a:visited{ color:#8f8f8f; margin:0 10px;}
.header p a:hover{ color:#fff; margin:0 10px;}

#mainWrapper{ margin:16px;}
.jobs_title{ float:left; width:25px;}
.hot_jobs{ float:left; width:272px;}


.rolinList{ float:left; width:272px; height:auto; text-align:left}
.rolinList li{ margin-bottom:1px;}
.rolinList li h2{ width:250px; background: url(../images/dot_1.jpg) #333 10px center no-repeat; font-size:12px; line-height:30px; padding-left:22px; color:#fff; cursor:pointer; font-family:Microsoft Yahei;}
.rolinList li h2 a:link{ color:#fff; text-decoration:none;}
.rolinList li h2 a:visited{ color:#fff; text-decoration:none;}
.rolinList li h2 a:hover{ color: #099;}
.content{ height:167px; width:272px; background:#e2e2e2;}
.content p{ margin:12px; line-height:18px;}
.content p a{ margin-right:10px;}
.content p a:link{ color: #399;}
.content p a:visited{ color:#399;}
.content p a:hover{ color: #000;}
.content p img{ margin-left:5px;}

#KinSlideshow{ float:right; width:624px;}

.introduction{ float:left; width:500px; margin-top:20px; margin-right:20px; margin-left:25px; line-height:24px;}
*html .introduction{ float:left; width:500px; margin-top:20px; margin-right:10px; margin-left:13px; line-height:22px;}
.introduction p{ padding:5px 10px; text-indent:26px; color:#444;}

.otherPosts{ float:left; width:346px;}
.other_posts{ float:left; width:30px; margin-top:20px;}

.rolinList_2{ float:left; width:346px; height:auto; text-align:left; margin-top:20px;}
.rolinList_2 li{ margin-bottom:1px;}
.rolinList_2 li h2{ width:324px; background: url(../images/dot_1.jpg) #333 10px center no-repeat; font-size:12px; line-height:30px; padding-left:22px; color:#fff; cursor:pointer; font-family:Microsoft Yahei;}
.rolinList_2 li h2 a:link{ color:#fff; text-decoration:none;}
.rolinList_2 li h2 a:visited{ color:#fff; text-decoration:none;}
.rolinList_2 li h2 a:hover{ color: #099;}
.rolinList_2 .content{ height:167px; width:346px; background:#e2e2e2;}
.rolinList_2 .content p{ margin:12px}
.rolinList_2 .intern{ color:#3CC;}

.rolinList_2 .intern h2 a:link{ color:#3CC; text-decoration:none;}
.rolinList_2 .intern h2 a:visited{ color:#3CC; text-decoration:none;}
.rolinList_2 .intern h2 a:hover{ color: #099;}



.btn_send{ text-align:center; margin-top:20px;}
.footer{ background:#000; line-height:40px; text-align:center; color:#888;}

/**************************************¶þ¼¶Ò³Ãæ***********************************************/
.job_detail{ font-family:Arial, Helvetica, sans-serif; padding:10px 25px;}
.job_detail h1{ text-align:center; font-size:36px; border-bottom:solid 1px #ccc; padding-bottom:10px; margin-bottom:10px; font-family:Microsoft Yahei; font-weight:normal;}
.job_detail h1 span{ font-size:18px; color:#646464;}
.job_detail h3{ font-size:24px; color:#333; font-weight:normal; margin:10px 0; padding-bottom:2px;}
.job_detail p{ text-indent:26px; line-height:22px; color:#444;}
.job_detail ul{ line-height:22px; color:#444;}
.job_detail ul li{ background:url(../images/dot_3.jpg) left 7px no-repeat; padding-left:20px; margin-left:20px;}