body{
    background: #f8f8f8 !important;
}

.hiring-index,
.hiring-view,
.resume{
    background: #fff;
    margin:40px auto;
    padding:20px;
    border-radius: 5px;
    transition: box-shadow 0.3s ease;
}

.hiring-index:hover{
    font-weight:bold;
    box-shadow: 0px 0px 2.5px rgba(0, 0, 0, 0.02),
    0px 0px 6px rgba(0, 0, 0, 0.028),
    0px 0px 11.3px rgba(0, 0, 0, 0.035),
    0px 0px 20.1px rgba(0, 0, 0, 0.042),
    0px 0px 37.6px rgba(0, 0, 0, 0.05),
    0px 0px 90px rgba(0, 0, 0, 0.07);
}

.hiring-index table, .hiring-index th, .hiring-index td{
    border: 1px solid #ccc !important;
}

/**index**/
.hiring-index{
    overflow: hidden;
}

.hiring-index a{
    color: #333;
}

/**view**/
.hiring-view{
    overflow: hidden;
}

.hiring-view a{
    color: #333;
}

.view-left span,
.view-left p{
    color: #666;
    font-size: 14px;
}

.view-left h4{
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 20px;
}


.view-right{
    float: right;
    text-align: center;
    color: #666;
    font-size: 12px;
    line-height: 30px;
}

.qr img{
    width:100px;
    height:100px;
    border:solid 1px #ddd;
    border-radius: 5px;
}

.view-desc{
    line-height: 28px;
    color: #666;
    font-size: 14px;
}

.view-desc .title{
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
}

.view-desc .title .line{
    margin-top: 8px;
    margin-bottom: 16px;
    width: 14px;
    height: 3px;
    border-radius: 2px;
    background: rgb(241, 84, 34);
}

/**resume**/
.resume{
    overflow: hidden;
    font-size: 14px;
}

/**require**/
.required .form-label:before {
    content: '*' !important;
    color: #ff0000 !important;
}

.resume .title{
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
}

.resume .title .line{
    margin-top: 8px;
    margin-bottom: 16px;
    width: 14px;
    height: 3px;
    border-radius: 2px;
    background: rgb(241, 84, 34);
}

.datepicker-days table{
    border: none !important;
}