@charset "utf-8";

/* CSS Document */

#job .container {
    width: 1200px;
}

#job .container .title p {
    margin-left: 80px;
    height: 43px;
    width: 121px;
    background: url(../img/icon_job_title.png) no-repeat;
}

#job .container .contant {
    margin-left: 75px;
    width: 940px;
    float: left;
}

#job .container .contant .job_title {
    margin-left: 30px;
    border-bottom: 1px solid #84c063;
    padding-bottom: 30px;
}

#job .container .contant .job_title ul {
    float: left;
}

#job .container .contant .job_title ul {
    margin-right: 100px;
}

#job .container .contant .job_title ul li {
    font-size: 16px;
    color: #464646;
    line-height: 28px;
}

#job .container .contant .job_text {
    margin-bottom: 20px;
    float: left;
}

#job .container .contant .job_text p {
    color: #979797;
    font-size: 14px;
}

#job .container .contant .job_text p:first-child {
    font-size: 24px;
    color: #464646;
    font-weight: bold;
}

#job .container .contant .job_btn {
    margin-bottom: 20px;
    float: right;
}

#job .container .contant .job_btn button {
    width: 147px;
    height: 42px;
    background: url(../img/btn_job.png) no-repeat;
}

#job .container .contant .job_btn button:hover {
    background: url(../img/btn_job_hover.png) no-repeat;
}

#job .container .contant .job_btn button.ed {
    background: url(../img/btn_jobed.png) no-repeat;
}


/*title end*/

#job .container .contant .job_details {
    padding-top: 20px;
    padding-left: 30px;
    padding-bottom: 20px;
}

#job .container .contant p.title {
    background: url(../img/icon_pbg.png) no-repeat;
    font-size: 16px;
    color: #464646;
    line-height: 16px;
    padding: 0;
    margin: 0;
    padding-left: 30px;
}

#job .container .contant .job_details .job_details_left {
    width: 415px;
}

#job .container .contant .job_details .job_details_left ul {
    font-size: 16px;
    line-height: 30px;
    margin-top: 20px;
    padding-left: 30px;
    margin-bottom: 25px;
    width: 290px;
}

#job .container .contant .job_details .job_details_left ul li {
    color: #838383;
    font-size: 14px;
    line-height: 18px;
}

#job .container .contant .job_details .job_details_left ul li:first-child {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
}

#job .container .contant .job_details .job_details_left, #job .container .contant .job_details .job_details_right {
    float: left;
}

#job .container .contant .job_details .job_details_right {
    position: relative;
    width: 465px;
    padding-left: 25px;
    border-left: 2px solid #d3ecae;
}

#job .container .contant .job_details .job_details_right img {
    position: absolute;
    right: 0px;
    top: -20px;
}

#job .container .contant .job_details .job_details_right ul {
    color: #464646;
    font-size: 16px;
    font-weight: bold;
}

#job .container .contant .job_details .job_details_right ul li {
    color: #838383;
    line-height: 30px;
    font-size: 16px;
    font-weight: normal;
    width: 470px;
    text-indent: 2em;
}

#job .container .contant .job_details .job_details_right ul li:first-child {
    padding-top: 20px;
    width: 260px;
}


/*details end*/

#job .container .contant .company {
    padding-left: 30px;
    padding-bottom: 80px;
}

#job .container .contant .company ul li {
    color: #838383;
    line-height: 30px;
    font-size: 16px;
    font-weight: normal;
    padding-left: 30px;
    text-indent: 2em;
}

#job .container .contant .company ul li:first-child {
    margin-top: 10px;
    margin-bottom: 30px;
    text-indent: 0em;
}


/*comapny end*/

#job .container .job_ad {
    float: left;
    width: 136px;
    height: 478px;
    margin-left: 70px;
    margin-top: 230px;
}