.qq-uploader { position:relative; width: 100%;}

.qq-upload-button { border: 2px solid #DFE9A2; padding:2px; background: #DFE9A2; }

.qq-upload-drop-area {
    position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;
    background:#FF9797; text-align:center; 
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}
.qq-upload-drop-area-active {background:#FF7171;}

/*.qq-upload-list {margin:15px 35px; padding:0; list-style:disc;}*/
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:0px;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}


.qq-upload-file {font-size:0px;}
.qq-upload-spinner {display:inline-block; background: url("/images/loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:0px;}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}

/*File Uploader Style*/
.f-Content, .f-header {
    color: #656565;
    background-color: #fff;
    border-color: rgba(0,0,0,.08);
}

.f-Content {
    outline: 0;
}

.f-header {
    border-width: 1px;
    border-style: solid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    font-size: 14px;
    line-height: 1.42857;
    display: block;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
}

.f-header-button {
    background-color: #f6f6f6;
    border-radius: 2px;
}

.f-list-unstyled {
    padding-left: 0px;
    list-style: none;
    margin-bottom:0px
}

/*File Uploader list class*/
.f-list li {
    background-color: white;
    padding: 10px;
    margin: -1px;
    font-size: 11px;
    border-radius: 2px;
    border: 1px solid #e7eaec;
}

    .f-list li a {
        color: inherit;
    }

        .f-list li a:hover {
            color: #B73533;
        }

/*File Uploader element area class*/
.f-element, .element-body {
    overflow: hidden;
}

    .f-element > .pull-left {
        margin-right: 10px;
    }

    .element-body > a:hover {
        color: green !important;
    }

/*File Uploader file icon class*/
.f-icon {
    margin: 0px 10px 0px 0px;
    font-size: 30px;
}

/*File Uploader Remove button class*/
.f-remove {
    opacity: 0.6;
    background: 0 0;
    border-width: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: right;
}

    .f-remove:hover {
        opacity: 1;
        color: #B73533;
    }

    .f-remove:active {
        border: 1px solid #B73533;
        border-radius: 100px;
    }

    .f-remove:focus {
        outline: none !important;
    }

.f-button{
    cursor: pointer;
    box-shadow: 0px 3px 5px rgba(86, 96, 117, 0.2);
    margin-bottom: 0px;
}

.pull-left {
    margin-right: .3em;
    float: left !important;
}