@charset;

.subtitle {
    color: #333!important;
}


/*job list*/
.caption-mine > h4 ,
.caption-mine > p {
    text-align: center;
}

.job-list {
    padding-top: 30px;
}

.btn-job-details a {
    color: #f28787;
    background: #fff!important;
    border: 1px solid #f28787;
}

.btn-job-details a:hover {
    color: #fff;
    background: #fb8787!important;
    border: 1px solid #f28787;
}

.btn-job-details a:active {
    color: #fff;
    background: #fb8787!important;
    border: 1px solid #f28787;
}

/*
.delay-job {
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
}
*/


/*coll*/

.well {
    background: none!important;
    border: none!important;
}

.well > p {
    font-size: 16px;
    color: #333;
    letter-spacing: 1px;
}

.well > ul li {
    color: #5c5c5c;
    letter-spacing: 1px;
    line-height: 25px;
    list-style: none;
}


/*question list*/
.panel {
    border: none;
    box-shadow:none;
}

.panel-heading {
    color: #333!important;
    border: none;
    border-radius: 3px;
    background-color: #efefef!important;
}

.panel-body-mine {
    color: #333!important;
}

/*.delay-question-first {
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
}

.delay-question-second {
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
}

.delay-question-third {
    animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
}*/



/*enroll button*/
.btn-container {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.btn-question {
    padding: 8px 20px!important;
    border-color: #f28787;
    background: #f28787!important;
    letter-spacing: 2px;
    color: #fff;
}

.btn-question:hover {
    border-color: #e17979;
    background: #e17979!important;
    color: #fff;
}

.btn-question:active {
    border-color: #e17979;
    background: #e17979!important;
    color: #fff;
}

.btn-question:visited {
    border-color: #e17979;
    background: #e17979!important;
    color: #fff;
}



/*form list*/
.form-list {
    padding:0 20px;
    box-sizing: border-box
}

.form-group-mine {
    width: 100%;
    margin: 0 auto;
}

.control-label-mine {
    text-align: right!important;
}

.form-control-mine {
    width: 70%;
    background: #fff!important;
}

.focal-icon {
    color: #FF0000;
    font-weight: 400;
    font-size: 18px;
}

.col-sm-10-mine {
    margin-bottom: 25px!important;
}

.input-group {
    width: 70%!important;
}

.form-info > p {
    width: 100%;
    margin: 0 auto;
    padding: 50px 30px;
    text-align: center;
}

.form-submit-btn {
    width: 100%;
    padding: 10px 0;
    margin-bottom: 100px;
    text-align: center;
}

.form-submit-btn button {
    padding: 6px 70px;
}

.help-block-mine {
    width: 60%;
    padding: 45px 0;
    font-size: 12px!important;
}

.col-md-12 {
    padding-left: 0!important;
    padding-right: 0!important;
}

.fill-form{
    padding-bottom:15px;
    padding-left:15px;
    padding-right:15px;
    box-sizing: border-box;
}

.btn-form {
    margin-top: 10px;
    padding: 8px 40px!important;
    color: #fff;
    font-size: 16px;
    border-color: #f28787;
    background: #f28787;
    letter-spacing: 2px;
}

.btn-form:link {
    border-color: #f28787;
    background: #f28787;
    color: #fff;
}

.btn-form:hover {
    border-color: #e17979;
    background: #e17979;
    color: #fff;
}

.btn-form:active {
    border-color: #f28787!important;
    background: #f28787!important;
    color: #fff;
}

.btn-form:visited {
    border-color: #f28787;
    background: #f28787;
    color: #fff;
}

.form-online-tip {
    width: 100%;
    padding: 10px 0;
    margin-bottom: -10px;
    text-align: center;
}

.form-phone {
    font-size: 14px;
    color: #5c5c5c;
}



/*弹出框*/
.modal.in .modal-dialog {
    -webkit-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    -o-transform:translate(0,-50%);
    transform:translate(0,-50%)
}

.modal-dialog{
    position:absolute;
    width: 300px;
    margin:0 auto;
    left:0;
    right:0;
    top:50%
}

.modal-content {
    padding: 40px 0;
    text-align: center;
    font-size: 16px;
    color: #FF0000;
}

.modal-body,
.modal-footer {
    text-align: center;
}

.modal-tip {
    color: #d9534f;
}



/*file upload*/
.ui-button-primary {
    border: 1px solid #f28787!important;
    background-color: #f28787!important;
    color: #fff!important;
    font-weight: normal!important;
}

.ui-button-primary:hover {
    border: 1px solid #e17979;
    background-color: #e17979!important;
}

.ui-button {
    float: left;
    display: inline-block;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    color: #545a6c;
    border: 1px solid #d0d0d5;
    border-radius: 4px;
    padding: 0 11px;
    min-width: 50px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: border-color .15s,background-color .15s;
    transition: border-color .15s,background-color .15s;
    outline: 0 none;
    cursor: pointer;
    overflow: visible;
}

.file-upload {
    position:absolute;
    clip:rect(1px 230px 35px 84px);
    float: left;
    padding: 10px 0 0 20px;
    font-size: 12px;
    box-sizing: border-box;
}

.form-control-textarea {
    width: 80%;
    height: 100px!important;
    resize: none;
}


/*折叠第一部分*/
.panel-heading:hover {
    cursor: pointer;
}

.offer-process {
    float: left;
    width: 90px;
    height: 40px;
    margin-bottom: 30px;
    color: #fff;
    background: #f28787;
    text-align: center;
    line-height: 40px;
    border: 1px solid #f28787;
    border-radius: 4px;
}


/*arrow*/
.arrow-screen-big {
    display: block;
}

.arrow-right {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 2px;
    font-size: 28px;
    color: #5c5c5c;
}

.arrow-screen-small {
    display: none;
}



@media(max-width: 991px) {

    .btn-mine {
        padding: 6px 12px!important;
        margin: 50px 0;
        letter-spacing: 1px;
    }

    .col-sm-10-mine {
        margin-bottom: 18px!important;
    }

    .form-control-mine {
        width: 100%;
    }

    .input-group {
        width: 100%!important;
    }

    /*arrow*/
    .offer-process {
        float: left;
        width: 70px;
        height: 40px;
        color: #fff;
        font-size: 14px;
        background: #f28787;
        text-align: center;
        line-height: 40px;
        border: 1px solid #f28787;
        border-radius: 4px;
    }

    .arrow-screen-big {
        display: block;
    }

    .arrow-right {
        float: left;
        margin-left: 8px;
        margin-right: 8px;
        margin-top: 2px;
        font-size: 20px;
        color: #5c5c5c;
    }

    .arrow-screen-small {
        display: none;
    }
}


@media(max-width: 767px) {
    /*arrow*/
    .offer-process {
        float: none;
        width: 100px;
        height: 40px;
        font-size: 14px;
        background: #fd689a;
        text-align: center;
        line-height: 40px;
        border: 1px solid #fd689a;
        border-radius: 4px;
    }

    .arrow-screen-big {
        display: none;
    }

    .arrow-screen-small {
        display: block;
    }

    .arrow-screen-small > div {
        width: 100px;
        height: 80px;
        margin: 0 auto;
        text-align: center;
    }

    .arrow-down {
        margin-top: -20px;
        font-size: 20px;
        color: #5c5c5c;
    }

}