.ui-panel{position:absolute;display:block; top:0; }
.ui-panel-contentWrap{position:relative;z-index:1;}
.ui-panel.ui-panel-right{right:0; background:#FFFFFF;
                border-color: #2C3E50;
                color: #333333;
                box-shadow: -5px 0 5px rgba(0, 0, 0, 0.15);
                width: 17em;
}
.ui-panel.ui-panel-left{left:0;}
.ui-panel.ui-panel-push{z-index:999;}
.ui-panel.ui-panel-overlay{z-index:1001;}
.ui-panel.ui-panel-reveal{z-index:0;}
.ui-panel-animate{-webkit-transition:-webkit-transform 150ms ease; z-index: 999;}
.ui-panel-dismiss{position:absolute;z-index:1000;height:100%;top:0;-webkit-tap-highlight-color:rgba(0,0,0,0);}

#filter {
    padding:10px;
}
.filter {
    width: 100%;
    text-align: center;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    height: 37px;
    background: #fff;
}

.filter ul {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    overflow: hidden;
}

.filter ul li {
    display: table-cell;
    border-bottom: 3px solid transparent;
    padding: .52em 0;
}

.filter a {
    display: inline-block;
    width: 100%;
    border-left: 1px solid #dfdfdf;
    font-size: 15px;
    color: #806f66;
    text-decoration: none;
}

.filter ul li.filter-cur {
    border-bottom: 3px solid #b10000;
}
.filter ul li.filter-cur a {
    color: #b10000;
}
.filter ul li:first-child a {
    border-left: 0;
}

.filter i {
    position: absolute;
    display: inline-block;
    overflow: hidden;
    top: 6px;
    width: 7px;
    height: 10px;
    line-height: 10px;
    margin-left: 2px;
}

.filter .f-ico-arrow-d {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAaCAYAAAC6nQw6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2MEI1ODBCRTM5MTRFMzExOTAyNjlFRDFFQjQ4REU2MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0MUI0MDg3QTFBQjQxMUUzQjc3MzgyMzAwNzREM0QwQSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0MUI0MDg3OTFBQjQxMUUzQjc3MzgyMzAwNzREM0QwQSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA2NUJEMzkzMzUxQ0UzMTE4OTZFQURDM0Q3REE4MTExIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjYwQjU4MEJFMzkxNEUzMTE5MDI2OUVEMUVCNDhERTYwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+XAg5CQAAAMpJREFUeNpibMhPY8AC/jPgB4zoAkwMVAKjBo0aNGoQ/QxaBM3tyJgQQFe/FGRQJhDfoMAxD0BmgAz6CsQRQPyDDEP+AnEUEH+ChdFFIC4kw6AmID6OHtgzgHg1CYYcAeJWXLGWCsT3iTDkAxDHQL2G1aCPQBwOxL8IGASKoIeE0tFpIK7EY8hCIF5BbILsB+LNWMTvAHEuKSkblMgSgfgJkthvII4G4s+kZpG3QByJFKD1QHwKl2JmBwtjfIH6CGoQyMJ0fNkHIMAA58AwNIeommcAAAAASUVORK5CYII=) no-repeat 0 0;
    background-size: 9px 12px;
    position: static;
    width: 9px;
    height: 13px;
    vertical-align: middle;
}

.filter a span {
    position: relative;
}
.filter .f-ico-triangle-mt, .filter .f-ico-triangle-mb {
    border-width: 5px;
    border-style: solid;
    border-color: transparent;
    height: 0;
    width: 0;
}
.filter .f-ico-triangle-mt {
    border-bottom-color: #806f66;
    top: -3px;
}
.filter .f-ico-triangle-mb {
    border-top-color: #806f66;
    top: 9px;
}
.filter .filter-cur .f-ico-triangle-mt.f-ico-triangle-slctd {
    border-bottom-color: #b10000;
}

.clist ul {
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    list-style: none outside none;
    }
.clist ul li{
    clear: both;width: 100%;
    background: none repeat scroll 0% 0% rgb(244, 244, 244);
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0px;
    }

    .crow_item {
        height: 30px;
        line-height: 30px;
        width: 33%;
        min-width: 103px;
        float: left;
        text-align: center;
        background: none repeat scroll 0% 0% rgb(244, 244, 244);
        border-right: 1px solid rgb(215, 215, 215);
        margin: 0px;
        font-size: 14px;
        font-family: "»ªÎÄϸºÚ";
        color: rgb(88, 88, 88);
        }

/* pannel */
.ui-panel.ui-panel-right {
    background: #5f5f5f;
    }
.attrExtra {
    font-size: 17px;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    background: #2f2f2f;
    color: #eee;

    position: relative;
    padding: 0 23px;
    width: 276px;
    height: 45px;
    line-height: 45px;
    z-index: 10;
    }

    .attrExtra a, .attrExtra button,
    .attrExtra input:not([type=hidden]) {
        background: #444;
        color: #eee;
        border: 0;
        border-radius: 3px;
        padding: 6px 16px;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: .2em;
        text-decoration: none;
        }

        .attrExtra .attr-back {
            display: inline-block;
            width: 24px;
            height: 19px;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAlCAYAAAAEGWqvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2MEI1ODBCRTM5MTRFMzExOTAyNjlFRDFFQjQ4REU2MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpERjg1RDdEMTFBQzAxMUUzQjc3MzgyMzAwNzREM0QwQSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpERjg1RDdEMDFBQzAxMUUzQjc3MzgyMzAwNzREM0QwQSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA2NUJEMzkzMzUxQ0UzMTE4OTZFQURDM0Q3REE4MTExIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjYwQjU4MEJFMzkxNEUzMTE5MDI2OUVEMUVCNDhERTYwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+J4eBEQAABLlJREFUeNrUme9PW1UYx0/vLS1t6XClBCotAtte6Cv3RjM3WKaZg21hwLIlEqOTmBnjG6N/yPbKuNnMZUZmRAYxhDmXDQPOxHf6Qt8BGW3H0kLvetveWwoUv0/To5f+GLSzt3cnuQmnLfD5POc55zzn1LS1tcW0zX/1KiunCYJw2mK1Xrbb7e2iKN5Jp9MfqYryaH19neX/7d20Dy9eLOvzZvYMDfAfNDidfo/HI7S2tjKLxXJaluUfgsHgG5FwmEGGVbuZnwH+gnPPnq/a29uFlzo6mMvlYhgBpqrqIbznURRleV2SKhqFsjgqhH8X8H7Aix2dncztdlP0swJIpcwLe/embDYbM5lMVR8BoQL4YaTNdQ7f1NTEzOb/BhIRv5bJZKRqR74iAcCfB/yNUvAAn04kEp+sRCIsmUxS3zgCgD8H+FGfz1cK/jbgB0PBYBqTmCkQMMwIAP4s4L8l+M6urmzO58HfQcSHCH5xcZFFV1fZxsaGMQQAP+RoaKDI1xF8kcjfBfxgMBBILSwsMEof2gP0asIO8P2Av4mct3D4uro6Lfw9wA8g8irBr66s6Ar/VAHaYQE/hshbeM7nwf8C+H7AK/Pz81l4PTauXQkAvg/w4wTPcz4PfhYb1alHoZDCI18L+KICgO8F/ITX6y0FPwf4kzzylPO1gi8QuOb3v213OG4B3loC/gFFHvBJI8BvEwD8ccBPIG1sBN/c3JwP/1su8nG+2tQanpqJtnzAHwP8FCJv79q379/aRlMehFKp1HuPl5djFPkwKs2NCsvl/6ml8b//ujAykjGh/n8N8DMcniKvhc8JsHg8ziDAIgaIPPFsbm7+jZ3/lBmHkS9Qy9t52uTD81ZfX89aUPO7sJwaoWGnf+WJJF0xo/x9mQ4j+WmzLc9QFtN7pd6v1Sg4nc43BZQFf0Ji24R9HhoFFVnxUMDW/ylWl6QRVpQyG6bB5mfZVWjm/v2j+w8cmG5pabGXSJMtfPgKZGN6VZk7tDXwTDQ2Nv5h4kvh3OzsMaxCU5jIRSXW1tZ+j0ajJ6RoNFbN0Xr14MHKDvXdPT0zv87NDeDHyWISyLnX6dAiSVIv9gG5WhIVC1A70t19FxKDgJ3EqmTTStAkx5Adgty0LMt9cVmOG2HeFFyr4Dj4MwSGciNh5asTzXparV5sazuM7jSe3kg4XPPJXyBAZ9lAIPATfhzMSVi4BCpVLnEEc4ck+iCh1FKiQIBuEkgCI3Eb3bOI/DjSqUCizevtoZGAyEkUdjWTKHozRxLJRIIkpiBwDi+NlZA4iu6PePprJVHyapFLIJ0I8B08N4tJIJ3ewihM4jmDk5mqt8RT70Y1ErcwEsN4vsPZ2KyVcDgcNBLH0Z3AMwCJlJ4SO17ucomlpaVxdIdpJCAhFpE4gVEgiTNIp7RetxO7up3WjMQYrah4RpFOIr8f4hJen68X3S/x+RE66OtRduz6ep0kEjjUQOL73O/dKCaBOfE+yo7PVVWV5FjMOAJ5EqOYDyKerymdtBKo0YUmt9vqCIWyn632BW/ZX3BoJL4hCbzk10qgPYDIYz2+G6hIgEugFqKJfR0TN4L+JZfL5RFF8R5S52Mc9eibGl2u1/8RYADARrGeIL3UywAAAABJRU5ErkJggg==) no-repeat rgba(0,0,0,0);
            background-size: 24px 19px;
            text-indent: -9999px;
            padding: 0 3px 0 7px;
        }

.wrapper .attrs {
    padding-top: 10px;
    width: 100%;
    overflow-scrolling: touch;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-overflow-scrolling: touch;
    }

    .attrs-wrapper .attrs .cur-filter .attrKey {
        color: #eee;
        margin-top: 10px;
    }

    .attrs-wrapper .attrs .cur-filter {
        padding: 0 23px;
        background: #676767;
        margin-top: 0;
        }
        .attrs-wrapper .attrs>* {
            margin: 10px 0;
        }

    .attrs-wrapper .attrs .cur-filter .attrValues li {
        float: left;
        position: relative;
        background: #484848;
        border: 1px solid #484848;
        border-radius: 3px;
        width: 110px;
        margin: 5px 0;
        text-align: left;
        line-height: 26px;
        text-indent: 26px;
    }

    .attrs-wrapper .attrs .cur-filter .attrValues li:nth-child(2n+1) {
        margin-right: 10px;
    }

    .attrs-wrapper .attrs .cur-filter .attrValues li a {
        border: 1px solid #484848;
        border-radius: 2px;
        display: block;
        width: 100%;
        color: #eee;
        text-decoration: none;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAYAAABWk2cPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA5VJREFUeNqsV91LG0EQnyR+JQ8GtGqNkaDGTwyGYrVRbBPBL0hE6T/gs7R/gpTWtz6Vtgj+EaVSIz6INBVjQKlN01RFRBSNVYto85CAH7Ezm71rEu5y1zYDv2N3b3Z+e7szs3Oa6elpUCEmxGPEQ4QNcRdhRPxC/ER8RXxCvEMcKRnLU3hvRzxDeBA6ifdGDitf1CvEB8RzRFDOqFZmvAjxGvEZMSJDKGdvhM97w+2oIq1CBBBPsyxKDfkTbqdKidSM8PNtzYXYuT2zHKke4UVYILdi4Xb1UqQvEW3/y9Da2gpjY2PQ1dWVOtzG7aeR3kOMp2rRJJpss9lUE7a0tLB5BQUF0NDQkPl6nPOIpBOZ59vY2MgmOxwO6OjoUCSsra2F7u5usb++vi7lPxNCg7xrOFNjbW3tjzfY7dDT0wMajUaS0Gw2Q29vr/g+GAxCKBSSUiWeKiIdlQqNcDgMS0tLcHt7y/rNzc3MsFabrlpeXg79/f3i+ObmJqyurmYLpVF6OOU0tra2YHFxERKJBOvX1dXBwMAA5OUlE1lJSQkMDQ2J/d3dXVheXlY6CZfO4/G8wMYdOY3z83M4PT2Fmpoa9jVGoxEqKyvh7OwMBgcHQa9PRkIkEoGFhQVxZ7IlDg0mfEraxUqaFRUVjKSwsJD1b25uQKdLZkdalNfrhevrazVOHtWqISQ5OTmB2dlZiMfjrC8QXlxcwPz8vFpCkmIijarVjkajEIvF0sYorIQtVmuGSH+oyuB4nn19fVBaWsr6gnMZDAYYHh6GsrIytaQ/iDSspEXx53Q6obq6mvUvLy/ZGdJZsnuwqAjcbjeYTCY1pN+J1KekRZnGarWyNp0dneHx8THMzc3B0VGyUMjPz2fhY7Eo3hcfifQ97ZacBqVAyqnCllJYkFORXF1dsQXs7e2JzkVHUF9fL2eOeGaINMJLDMkbg1IgCcWfz+eDg4ODNB0KHVrI9va2ePYulwuampqkTBLPoZDTJqW+tr29XWz7/X7Y2dmRXL6wIEqdgnR2dkp95WTqLUNXwlSmFq2etjAQCMDGxoaih6ysrLCLguYIX54iU5wHNCklqIHm5eIilxAqUelWj2VWDjTgRuznmHCf243JFWaHFCGIUI4IQ9zeoVIJSt78APE2WygpSILPd3B7qortOK97yX1nKDL+goz07/P5sX/5rfjCKwvhX+ZRyr9MMb8sKBd+o0yj9l/mtwADAJVqIB7VMhEAAAAAAElFTkSuQmCC) no-repeat 4px 50%;
        background-size: 16px;
    }

.attrs-wrapper .attr-list {
    padding: 10px 23px 0;
    }

    .attrs-wrapper .attr-list ul li {
        height: 30px;
        line-height: 30px;
        color: #eee;
        border-bottom: 1px solid #858585;
        font-size: 14px;
    }
    .attrs-wrapper .attr-list a{ color: #fff; }
    .attrs-wrapper .region-list li{
        width:50%; float: left;
    }

	
.fl{ float:left;}
.fr{ float:right;}

.job_tab{border: 1px solid #ddd;margin-bottom: 10px;}
.job_tab th{ width:120px;}


.job header { padding: 1em ; padding-bottom: 0; }
    .job header h1 {font-size:1.5em; margin:6px 0 0 0; padding:0;}
    .job header p {
	color: #666;
	font-size: 8pt;
	text-align: center;
	padding: 5px;
	margin:8px 0 0 0;
	background-color: #f7f7f7;
	border: 1px dashed #ddd;
    }

    .job .text { font-size: 1.2em;line-height: 1.45em; padding: 3%; padding-top:0;}
    .job .text p{text-indent: 2.4em;}
	
#job-info .agentys{font-weight: bold;color: #FF0000;}
	#job-info{margint-top:10px;border: 10px solid #eee;border-radius: 5px; padding:10px 10px 0 10px;}
	#job-info li{line-height: 180%;}

#job-more{border: 10px dotted #eee;border-radius: 5px; padding:10px 10px 0 10px;}
	#job-more li{line-height: 180%;}
	#job-more .agentys{padding-top: 10px;}