﻿
/**
* Copyright(C) www.china-sss.com 2012
* @auchor YangHuanmin By 10/07/2012 - UI XieYong
* @requires :　global_jp.css、Library_jp.css  / Jp_index.css
* @declare : 
* 	/ja_JP/Views/Job/(all page)
* 	/ja_JP/Views/Static/Company
* 	/ja_JP/Views/Static/Contact
* @updata : 
*	2012.09.11  JP模板layout调整
*/
body,jp-body{font-family:'遊ゴシック'!important;}
/* CSS Sprites */
.job_wrap .btn_cont,
.job_wrap .inp_text,
.job_info .section li,
.success_icon,
/*.success_view,*/
.contact .items
{background-image:url(../../Images/AirFlights_Jp/job/main_bg.png);background-repeat:no-repeat;}
.job_info .section h2
{background-image:url(../../Images/AirFlights_Jp/job/repeat_bg.png);}
.job_info h1
{background-image:url(../../Images/AirFlights_Jp/job/title.png);background-repeat:no-repeat;}

/*Default ——declare下所有页面都有可能重用*/
.job_wrap{width:1000px;margin:0 auto;background:#fff;border-bottom:1px solid #e1e1e1;}
.job_wrap select,.job_wrap input{vertical-align:middle;padding:0;margin:0;}
.job_wrap select{height:22px;border:1px solid #9fafbb;}
.job_wrap table{border-collapse:collapse;border-spacing:0;}
.job_wrap .block_title{border-bottom:1px dashed #999;height:40px;line-height:40px;font-size:22px;font-weight:bold;margin-bottom:20px;text-indent:20px;border-top:1px solid #e1e1e1;}
.job_wrap .btn_wrap{padding:20px;text-align:center;}
.job_wrap .btn_cont{display:inline-block;text-align:center;text-decoration:none; vertical-align:middle;color:#fff;font-weight:bold;}
.job_wrap .btn_cont:hover{color:#fff;text-decoration:none;}
.job_wrap .btn_medium{background-position:0 -34px;width:155px;height:37px;line-height:37px;line-height:38px\9;font-size:16px;}
.job_wrap .btn_small{background-position:-236px -34px;width:71px;height:24px;line-height:24px;color:#4c4c4c;font-weight:bold;line-height:25px\9;}
.job_wrap .btn_active{background-position:-164px -34px;color:#fff;}
.job_wrap .btn_file{background-position:-308px -34px;width:72px;height:23px;border:0;margin-left:2px;line-height:23px;}
.job_wrap .btn_add{background-position:-396px -39px;width:18px;height:18px;}
.job_wrap .btn_remove{background-position:-422px -39px;width:18px;height:18px;}
.job_wrap .inp_text{background-position:0 -87px;height:20px;border:1px solid #9fafbb;line-height:20px;padding-left:5px;width:120px;}
.job_wrap .strong,.fb{font-weight:bold;}
.job_wrap .f60{color:#f60;}
.job_wrap .fr{float:right;}
.job_wrap .fz14{font-size:14px;}
.job_wrap .red{color:red;}
textarea{resize:none;font-size:100%;}

/*招聘列表页\公司介绍页*/
.sub-wrap { width:1200px}
.job_info{overflow:hidden;color:#434343;}
.job_info h1{height:30px;margin-bottom:18px;color:#fff;font-weight:bold;font-size:18px;line-height:30px;line-height:32px\9;text-align:center;}
 body { background-color:#fff;font-family:'[YuGo]'}
.sub-wrap .job_info .aside .j-menu {padding:0; }
.sub-wrap .job_info .aside a { border-bottom: none;width: 160px;display: inline-block; padding-left: 10px;}
.sub-wrap .job_info .aside .j-menu .j-switch {text-align: left;border-bottom: 2px solid #fff;background-color: #e5ed00;}
.sub-wrap .job_info .aside .j-menu .j-switch .j-son { padding:0;display:none;}
.sub-wrap .job_info .aside .j-menu .j-switch .j-son li {
    background-color: #f5f5f5;
    font-size: 10px;
    color: #000;
    display: block;
    line-height: 42px;
    text-decoration: none;
    border-bottom: 2px solid #fff;
    text-align: left;
    padding-left: 32px; 
}
.sub-wrap .job_info .aside .j-menu .j-switch .j-son li:last-child {
    border-bottom: none;
}
.icon-change { color:#43b500; display: inline-block;}
.sub-wrap .job_info .aside .j-menu .j-switch:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.sub-wrap .job_info .aside .j-menu .j-switch:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.sub-wrap .job_info .aside { 
    background:none;border-right:none
}
.job_wrap .inner { padding:none;}
.job_info .aside{width:200px;border-right:1px solid #eff1f3;float:left;background:#efefef;}
.job_info .aside ul{padding:10px 15px;}
.job_info .aside li{border-bottom:1px solid #f2f5fa;}
.job_info .aside a{border-bottom:1px solid #cadeeb;font-size:14px;color:#333;display:block;line-height:42px;font-weight:bold;text-decoration:none;}
.job_info .aside a:hover{text-decoration:none;color:#f60;}
.job_info .section{width:798px;float:right;background:#fbfbfb;}
.job_info .section h2{height:36px;font-size:32px;font-weight:bold;line-height:36px;position:relative;}
.job-info .section .level-two-title { font-size:24px;color:008856;}
.job_info .section ul{margin-bottom:25px;border-bottom:1px dashed #ccc;padding:20px 25px;}
.job_info .section li{background-position:-895px -36px;height:34px;padding-left:20px;overflow:hidden;line-height:34px;}
.job_info .section a{color:#555;text-decoration:underline}
.job_info .section a:hover{color:#f60;}

/*职位信息页*/
.office table{border:1px solid #dbe8f1;}
.office table td{padding:10px 15px;border-top:1px solid #ccc;background-color:#fff;word-wrap:break-word;word-break:break-all;}
.office table .side,.office table .firs .side{padding-left:25px;border-top:1px solid #fff;background-color:#dbe8f1;width:140px;font-weight:bold;}
.office table .first td{border:0;}

/*条款页*/
.clause{line-height:2;}
.clause .lang_cont{padding-bottom:20px;text-align:right;}
.clause .lang_cont .active{background-position:-164px -34px;}
.clause .btn_medium{margin-right:45px;}
.clause .btn_small{margin-right:15px;}

/*个人信息修改页及预览页*/
.person_tb,.person_tb td{border:1px solid #ccc;background:#fff;}
.person_tb thead p{padding:8px 10px;border:1px solid #fff;background-color:#dbe8f1;border-bottom:0;font-weight:bold;font-size:14px;} 
.person_tb thead .side p{border-right:0;}
.person_tb tbody td{padding:8px 10px;word-break:break-all;word-wrap:break-word;max-width:786px;}
.person_tb tbody .side{padding-left:15px;width:150px;font-size:14px;font-weight:bold;}
.person_tb .file{position:relative;zoom:1;} 
.person_tb .file_cont{position:absolute;top:0;left:210px;width:75px;height:24px;opacity:0;filter:alpha(opacity=0);cursor:pointer;}
.person_tb .file img{border:1px solid #ccc;}
.person_tb .tips{color:#999;}
.person_tb .list_cont{padding:0;}
.person_tb .list,.person_tb .list td{border:0;}
.person_tb .list caption,.person_tb .list th{padding:8px 10px;}
.person_tb .list caption{text-align:left;}
.person_tb .list th{background-color:#f4f4f4;font-weight:bold;}
.person .text_cont{padding:20px;line-height:1.2;}
.person .btn_medium{margin-right:45px;}
.prev_tb{color:#999;}
.prev_tb thead p,.prev_tb .side{color:#444;}
.prev_tb .val_text{color:#333;font-weight:bold;padding:0 10px 0 0;}

/*完成页*/
.success_icon{background-position:0 -138px;width:98px;height:95px;margin:40px auto 20px;}
.success_view{/*background-position:-312px -86px;height:46px;overflow:hidden;*/text-align:center;margin:0 auto 20px; font-size:18px;font-weight:bold;line-height:2.5;width:503px;}
.success_view p{font-size:14px;font-weight:normal;}
.success_return{font-size:14px;text-align:right;width:503px;margin:0 auto 80px;}

/*公司介绍页*/
.company .section dfn{display:inline-block;vertical-align:middle;width:70px;font-style:normal;}
.company .section .block{margin-bottom:25px;border-bottom:1px dashed #ccc;}
.company .aside .active{color:#008856;}
.company .aside a:hover{color:#008856;}

/*子公司联系方式*/
.contact h2{background:#DBE8F1;font-size:14px;font-weight:bold;height:32px;line-height:32px;padding-left:20px;}
.contact .block{line-height:3.5;font-size:14px;font-weight:bold;padding:10px;margin-bottom:10px;}
.contact .items{display:inline-block;padding-left:40px;font-weight:bold;line-height:35px;height:35px;color:#000;}
.contact .i1{background-position:-874px -154px;font-size:22px;}
.contact .i2{background-position:-884px -305px;padding-left:30px;}
.contact .i3{background-position:-874px -210px;}
.contact .i4{background-position:-874px -263px;}
.job_info .aside a.cnlink{ padding-left:15px; text-decoration:underline; color:Blue; line-height:1.5; }


/*公司介绍页*/
.job_info { padding-top:50px}
.job_info .section .inner .level-two-title { 
    margin-top: 20px;
    line-height: 80px;
    font-size: 24px;
    color: #008856;
    font-weight: 600;
}
.main-txt {line-height: 34px;}
.company .section .block p { line-height:34px;font-size:14px}
.company .section .block { border-bottom:none;margin-bottom: 40px;}
.company .section .block .title { display:inline-block;width:20%;font-weight:600}
.company .section .block .cont { display:inline-block;width:80%;}
.company .section .block .mark-icon {color:#008856; font-size: 20px;}
.company .section .block .level-three-title {font-size: 18px;font-weight:600; }
.job_info .section ul{margin-bottom:0;border-bottom:0;padding:0}
.job_info .section li{background-position:initial;height:initial;padding-left:0;overflow:hidden;line-height:28px;}
.company .section .block .level-three-cont { padding:0 0 30px 30px;}
.job_info .aside{width: 250px;}
.job_info .section {width: 880px;}
.sub-wrap .job_info .aside a {padding-left: 18px;width: 202px;}

@media (max-width: 980px), (max-device-width: 980px){
    .main-wrap{padding:1.5rem .2rem 1rem;position:relative}.main-title{font-size:.47rem;font-weight:700;text-align:center;line-height:2rem}.bottom-line{height:3px;width:-webkit-calc(100% - .4rem);width:-moz-calc(100% - .4rem);width:calc(100% - .4rem);background:#ebebeb;font-size:0;position:absolute;top:3.3rem;left:.2rem;right:0}.inner-line{display:inline-block;width:20%;height:5px}.inner-line.color5{background:#008856}.inner-line.color4{background:#43b500}.inner-line.color3{background:#add700}.inner-line.color2{background:#e5ed00}.inner-line.color1{background:#fff100}.select-view{position:relative}.select-box{width:90%;border:1px solid #008857;height:1.2rem;font-size:0;margin:.8rem auto 0;border-radius:.14rem;-webkit-border-radius:.14rem;position:relative}.options{position:absolute;top:1.1rem;width:100%;border:1px solid #008857;-webkit-border-radius:.14rem;border-radius:.14rem;background-color:#fff;display:none}.op-item{border-bottom:1px solid #008857;font-size:.4rem;line-height:1.2rem;font-weight:700;background-color:#e0f4d7;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 .3rem}.op-active,.op-item:hover{background-color:#008857;color:#fff}.default-option{width:80%;display:inline-block;line-height:1.2rem;font-size:.4rem;float:left;padding-left:.3rem;font-weight:700}.status-btn{display:inline-block;background-color:#008857;height:100%;width:15%;float:right;text-align:center;line-height:1.2rem}.change-icon{font-size:.5rem;font-weight:700;color:#fff}.main-cont{width:90%;margin:.5rem auto;font-size:.26rem}.type-title{text-align:center;color:#008856;font-weight: bold;font-size:.4rem;margin:.8rem 0 .3rem}.type-cont{line-height:2}.main-cont .line-cont{border-bottom:1px solid #ccc;font-size:.26rem;padding:.3rem 0}.main-cont .line-cont:first-child{border-top:1px solid #ccc}.cont-left{width:20%;float:left}.cont-right{width:80%;float:right}.footer{border-top:.1rem solid #008856;padding:.2rem 0}.footer p{font-size:.16rem;text-align:center;line-height:1.5}.footer a{text-decoration:underline;color:#183440}
    .logo-bottom-line, .fullscreen .bottom-line{
        top: 1.3rem;
        width: 100%;
        left: 0;
    }
     .g-header{
        position: fixed;
    }
}
