﻿/******************************************************************/
/******************     定義編輯欄位設定      *********************/
/******************************************************************/
/***** 共用 *****/
.DV_MEMO_BOX {
    margin: 4px auto;
    width: 99%;
    border: 2px double #5d0fb6;
    color: #a9092b;
    background-color: #e7f2b1;
    padding: 3px;
    text-align:left;
    font-size:12px;
}

.DV_FIELD_BOX {
    margin: 4px auto;
    width: 99%;
}

.DV_FIELD_HEAD {
    margin: 0 auto;
    padding-right: 3px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    border-radius: 5px;
    border: 2px double #5d0fb6;
    background-color: #f5b967;
    font-weight: bold;
    font-size: 18px;
}

.DV_FIELD_BOX .DV_FIELD_LABEL {
    margin: 0 2px 0 0;
    padding: 0;
    /* padding-right: 3px; */
    height: 100%;
    width: 130px;
    text-align: center;
    vertical-align: middle;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border: 1px solid #7ccfd4;
    font-weight: bold;
}

    .DV_FIELD_BOX .DV_FIELD_LABEL > div {
        margin: 0;
        padding: 0;
        width: 100%;
        min-width: 98px;
        text-align: right;
        background-color: #a6fbf6;
    }

    /* ...............................................................*/
        .DV_FIELD_BOX .DV_FIELD_LABEL > div > span {
            padding: 0;
            width: 100%;
            text-align: right;
        }
.DV_FIELD_BOX .DV_FIELD_INPUT {
    margin: 0 auto;
    padding-left: 3px;
    height: 100%;
    text-align: left;
    vertical-align: middle;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #7ccfd4;
    background-color: white;
}

    .DV_FIELD_BOX .DV_FIELD_INPUT > div {
        width: 100%;
    }

.DV_FIELD_INPUT input,
.DV_FIELD_INPUT textarea,
.DV_FIELD_INPUT select,
.DV_FIELD_INPUT label,
.DV_FIELD_INPUT span {
    font-size: 14px;
    vertical-align: middle;
}

.DV_FIELD_INPUT input,
.DV_FIELD_INPUT textarea,
.DV_FIELD_INPUT select {
    background-color: white;
    vertical-align: middle;
}

    .DV_FIELD_INPUT input[type=text],
    .DV_FIELD_INPUT input[type=password],
    .DV_FIELD_INPUT textarea,
    .DV_FIELD_INPUT select,
    .DV_FIELD_LABEL select {
        margin: auto;
        width: 98%;
        color: #0682c6;
        font-weight: 600;
        border: none;
    }

.DV_FIELD_BOX .DV_FIELD_LABEL img {
    height: 80%;
    vertical-align: middle;
}

.DV_FIELD_BOX .DV_FIELD_LABEL span {
    vertical-align: middle;
}

.DV_FIELD_INPUT input:disabled,
.DV_FIELD_INPUT textarea:disabled,
.DV_FIELD_INPUT select:disabled,
.DV_FIELD_COLOR input:disabled,
.DV_FIELD_COLOR textarea:disabled,
.DV_FIELD_COLOR select:disabled,
.DV_FIELD_INPUT span[class=CB_TEXT_DISABLE] {
    color: #757575 !important;
    background-color: #d2d4d5 !important;
}

    .DV_FIELD_INPUT input:disabled[type=checkbox] {
        color: #4b4b4b !important;
    }

/* ...............................................................*/
.display-none {
    display: none;
}

.FLD_DISABLE {
    color: #757575 !important;
    background-color: #d2d4d5 !important;
}
/* ...............................................................*/

.BTN-logo {
    font-weight: normal;
    color: white;
    border-radius: 15px;
    text-decoration: none;
    letter-spacing: 2px;
    padding-left: 20px;
    padding-right: 16px;
    text-align: center;
    vertical-align: middle;
    background: -webkit-linear-gradient(#666666,#000000); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#666666,#000000); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#666666,#000000); /* Firefox 3.6 - 15 */
    background: linear-gradient(#666666,#000000); /* 标准的语法（必须放在最后） */
}

input::placeholder{
    color: #c3bdbd;
}