
.job-toolbox {
        padding: 1em;
}
.web-mode .job-toolbox {
        padding: 1.5em 3.5em;
}
.mobile-mode .job-toolbox {
        padding: 0.5em 1em;
}
.job-toolbox .search-button {
        width:6em;
        height:100%;
        text-align:center;
        margin:-1px;
        padding:1px;
        background:#0A74BE;
        color:white;
}
.job-toolbox .job-filter {
        padding-left: 4.5em;
}
.job-toolbox .job-filter .job-filter-label {
        display: inline-block;
        text-align: left;
        margin-left: -4.5em;
        width: 4.5em;
}
.job-toolbox .job-filter.zh-cn {
        padding-left: 3em;
}
.job-toolbox .job-filter.zh-cn .job-filter-label {
        margin-left: -3em;
        width: 3em;
}
.job-toolbox .job-filter .tl-tag {
        margin-bottom:0.2em;
}
.job-list {
        min-height: 230px;
        padding: 1em;
        line-height: 1.2;
}
.web-mode .job-list {
        padding: 1em 2.5em;
}
.mobile-mode .job-list {
        padding: 0.5em 0em;
}
.job-item {
        padding: 1em;
        cursor: pointer;
}
.job-item:hover {
        background: #F7F8F9;
}
.job-item .job-annual-salary {
        display: inline-block;
        text-align: center;
        color: #FFFFFF;
        background-color: rgb(220, 64, 64);
        border-radius: 50%;
        
        height: 1.25em;
        width: 1.25em;
        line-height: 1.25em;
        
        padding: 0.125em;
}
.job-item .job-tags {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
}
.job-item .job-tag {
		flex: none;
		display: block;
        max-width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
}
.web-mode .job-list-page-navi {
        padding-left: 2em;
}
.mobile-mode .tl-pagination .tl-pagination-navi .number {
        min-width: 2.5em;
}



.web-mode .job-details-wrapper .apply-panel {
        margin-top: 2em;
}
.job-details .job-annual-salary {
        display: inline-block;
        text-align: center;
        color: #FFFFFF;
        background-color: rgb(220, 64, 64);
        border-radius: 50%;
        
        height: 1.25em;
        width: 1.25em;
        line-height: 1.25em;
        
        padding: 0.125em;
}
.job-details .job-tags {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
}
.job-details .job-tag {
		flex: none;
		display: block;
}
.job-details .user-avatar {
		position: absolute;
		right: 0em;
		top: 0em;
		width:2.5em;
		height:2.5em;
}

