@charset "UTF-8";

/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2017-12-18 11:10:33
 * @version $Id$
 */

table.job {
    width: 100%;
    border-collapse: collapse;
    background: #fff
}


/* Zebra striping*/

table.job tr:nth-of-type(odd) {
    background: #eee;
}

table.job th {
    background: #f0ad4e;
    color: white;
    font-weight: bold;
    vertical-align: top;
    font-size: 16px;
    
}

table.job th:first-child{
	border-radius: 5px 0 0 0;
}

table.job th:last-child{
	border-radius: 0 5px 0 0;
}

table.job td, table.job th {
    padding:15px 10px;
    /*border: 1px solid #ccc;*/
    text-align: left;
    font-size: 14px;
}


table.job tr:hover{
	background: #f0ad4e;
	color: #fff;
	cursor: pointer;
}

@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {
    /* Force table to not be like tables anymore*/
    table.job, table.job .thead, table.job tbody, table.job th, table.job td, table.job tr {
        display: block;
    }

    table.job .thead, table.service .thead {
        display: none;
    }
	
	/*table.job tr:nth-of-type(odd) {
    	background: transparent;
	}*/

    /* Hide table headers (but not display: none; 
    , for accessibility)*/
    table.job .thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    table.job tr {
        /*border: 1px solid #ccc;*/
        border-radius: 5px; margin-bottom: 20px;
    }
    table.job td {
        /* Behave like a "row"*/
        border: none;
        border-bottom: 1px dashed #dddcdc;
        position: relative;
        padding-left:42%;
    }
    table.job td:last-child{
    	border:0;
    }
    table.job td:before {
        /* Now like a table header*/
        position: absolute;
        /* Top/left values mimic padding*/
        top: 15px;
    	left: 20px;
        width: 35%;
        padding-right: 10px;
        white-space: nowrap;
        border-right: 1px d #222;
        /*text-align: right;*/
    }
    /* Label the data*/
    table.job td:nth-of-type(1):before {
        content: "招聘职位：";
    }
    table.job td:nth-of-type(2):before {
        content: "招聘人数：";
    }
    table.job td:nth-of-type(3):before {
        content: "薪酬福利及待遇：";
    }
    table.job td:nth-of-type(4):before {
        content: "是否提供食宿：";
    }
    table.job td:nth-of-type(5):before {
        content: "文化程度：";
    }
    table.job td:nth-of-type(6):before {
        content: "岗位要求：";
    }

    table.service td:nth-of-type(1):before{
        content: "联系人：";
    }

    table.service td:nth-of-type(2):before{
        content: "区域：";
    }
    table.service td:nth-of-type(3):before{
        content: "联系电话：";
    }
}