/*validate*/
input.error { border: 1px solid red; }
label.error, label.error, .help-block {
  color: #BB0A19;
}
.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 7px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
#uploadFile{
    border-radius: 0;
    /*box-shadow: none;*/
    width: 50%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d2d6de;

}
.index-body{
   min-height:500px;
}
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}


/*按鈕群組*/

.btn-blue {
    background-color: #336FA3;
    border-color: #336FA3;
    color: #FFFFFF;
}
.btn-blue:hover, .btn-blue:active, .btn-blue:focus, .btn-blue.hover {
    background-color: rgba(0, 75, 141, 0.9);
    color: #FFFFFF;
}

.btn-blue-inverted {
    background-color: #FFFFFF;
    border-color: #336FA3;
    color: #336FA3;
}
.btn-blue-inverted:hover, .btn-blue-inverted:active, .btn-blue-inverted:focus, .btn-blue-inverted.hover {
    background-color: #eaeaea;
    color: #336FA3;
}

.btn-black {
    background-color: #2D2926;
    border-color: #2D2926;
    color: #FFFFFF;
}
.btn-black:hover, .btn-black:active, .btn-black:focus, .btn-black.hover {
    background-color: rgba(45, 41, 38, 0.9);
    color: #FFFFFF;
}

.btn-black-inverted {
    background-color: #FFFFFF;
    border-color: #2D2926;
    color: #2D2926;
}
.btn-black-inverted:hover, .btn-black-inverted:active, .btn-black-inverted:focus, .btn-black-inverted.hover {
    background-color: #eaeaea;
    color: #2D2926;
}

.btn-green {
    background-color: #009B77;
    border-color: #009B77;
    color: #FFFFFF;
}
.btn-green:hover, .btn-green:active, .btn-green:focus, .btn-green.hover {
    background-color: rgba(0, 155, 119, 0.9);
    color: #FFFFFF;
}

.btn-green-inverted {
    background-color: #FFFFFF;
    border-color: #009B77;
    color: #009B77;
}
.btn-green-inverted:hover, .btn-green-inverted:active, .btn-green-inverted:focus, .btn-green-inverted.hover {
    background-color: #eaeaea;
    color: #009B77;
}

.btn-yellow {
    background-color: #E8B710;
    border-color: #E8B710;
    color: #FFFFFF;
}
.btn-yellow:hover, .btn-yellow:active, .btn-yellow:focus, .btn-yellow.hover {
    background-color: rgba(232, 183, 16, 0.9);
    color: #FFFFFF;
}

.btn-yellow-inverted {
    background-color: #FFFFFF;
    border-color: #E8B710;
    color: #E8B710;
}
.btn-yellow-inverted:hover, .btn-yellow-inverted:active, .btn-yellow-inverted:focus, .btn-yellow-inverted.hover {
    background-color: #eaeaea;
    color: #E8B710;
}

.btn-orange {
    background-color: #E85A08;
    border-color: #E85A08;
    color: #FFFFFF;
}
.btn-orange:hover, .btn-yellow:active, .btn-yellow:focus, .btn-yellow.hover {
    background-color: rgba(232, 183, 16, 0.9);
    color: #FFFFFF;
}

.btn-orange-inverted {
    background-color: #FFFFFF;
    border-color: #E85A08;
    color: #E85A08;
}
.btn-orange-inverted:hover, .btn-orange-inverted:active, .btn-orange-inverted:focus, .btn-orange-inverted.hover {
    background-color: #eaeaea;
    color: #E85A08;
}

.btn-red {
    background-color: #CE3175;
    border-color: #CE3175;
    color: #FFFFFF;
}
.btn-red:hover, .btn-red:active, .btn-red:focus, .btn-red.hover {
    background-color: rgba(206, 49, 117, 0.9);
    color: #FFFFFF;
}

.btn-red-inverted {
    background-color: #FFFFFF;
    border-color: #CE3175;
    color: #CE3175;
}
.btn-red-inverted:hover, .btn-red-inverted:active, .btn-red-inverted:focus, .btn-red-inverted.hover {
    background-color: #eaeaea;
    color: #CE3175;
}

/*panel群組*/

.panel-heading {
    font-size: 24px;
}

.panel-blue {
    border-color: #336FA3;
}
.panel-blue > .panel-heading {
    color: #FFFFFF;
    background-color: #336FA3;
    border-color: #336FA3;
}

/*表格垂直置中*/
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align:middle;
}