/******************************************************************/
/********************     定義開窗設定      ***********************/
/******************************************************************/
.DV_MPE_BOX
{
    clear: both;
    padding:10px;
    background-color:#0d7fd5;
    border-radius:10px;
    min-width:160px;
    min-height:100px;
}
    
    .DV_MPE_BOX .DV_MPE_PAGETITLE                /* 標題框 */
    {
        width:100%;
        color:white;
        text-align:center;
        vertical-align: central;
        border-radius:3px;
        height : 30px;

        background: -webkit-linear-gradient(#3a5795,#5179d0,#3a5795); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(#3a5795,#5179d0,#3a5795); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(#3a5795,#5179d0,#3a5795); /* Firefox 3.6 - 15 */
        background: linear-gradient(#3a5795,#5179d0,#3a5795); /* 标准的语法（必须放在最后） */
        border-left:1px solid #3e5d9e;
    }

        .DV_MPE_BOX .DV_MPE_PAGETITLE > span {
            margin: 0 auto;
        }

    .DV_MPE_BOX .DV_MPE_BUTTON_BOX /* 按鍵框 */ {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 0;
        padding: 3px 0;
        text-align: center;
        vertical-align: middle;
        /*display: inline;*/
        background-color: #e5f6db;
        /* .................................. */
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

        .DV_MPE_BOX .DV_MPE_BUTTON_BOX .BT_MPE_BUTTON /* 按鍵框內的按鍵 */ {
            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); /* 标准的语法（必须放在最后） */
            font-size: 16px;
        }

            .DV_MPE_BOX .DV_MPE_BUTTON_BOX .BT_MPE_BUTTON:hover {
                font-size: 18px;
                background: -webkit-linear-gradient(#f8b856,#fcd7a1,#fcd7a1,#fcd7a1); /* Safari 5.1 - 6.0 */
                background: -o-linear-gradient(#f8b856,#fcd7a1,#fcd7a1,#fcd7a1); /* Opera 11.1 - 12.0 */
                background: -moz-linear-gradient(#f8b856,#fcd7a1,#facd89,#fcd7a1); /* Firefox 3.6 - 15 */
                background: linear-gradient(#f8b856,#fcd7a1,#fcd7a1,#fcd7a1); /* 标准的语法（必须放在最后） */
            }

    .DV_MPE_BOX .DV_MPE_FIELD_BOX                   /* 輸入欄位框 */
    {
        margin: 0 auto;
        width: 100%;
        text-align: center;
        background-color: #d9e9d0;
        /* .................................. */
        border-bottom-left-radius:5px;
        border-bottom-right-radius : 5px;
    }

    .DV_MPE_BOX .DV_MPE_FIELD_BOX_50                /* 輸入欄位框 */
    {
        margin: 0 auto;
        width: 50%;
        text-align: center;
        background-color: #d9e9d0;
        /* .................................. */
        border-bottom-left-radius:5px;
        border-bottom-right-radius : 5px;
    }

    .DV_MPE_BOX .DV_MPE_FIELD_BOX .DV_MPE_FIELD_HEAD,                   /* 輸入欄位列 */
    .DV_MPE_BOX .DV_MPE_FIELD_BOX_50 .DV_MPE_FIELD_HEAD
    {
        margin: 0 auto 3px;
        width:98%;
        border-bottom : 2px double #0d7fd5;
        background-color: #f8e972;
        font-size:18px;
    }

    .DV_MPE_BOX .DV_MPE_FIELD_BOX .DV_MPE_FIELD_ROW,                   /* 輸入欄位列 */
    .DV_MPE_BOX .DV_MPE_FIELD_BOX_50 .DV_MPE_FIELD_ROW
    {
        margin: 0 auto 3px;
        width:98%;
        border-bottom : 2px double #0d7fd5;
    }

    .DV_MPE_BOX .DV_MPE_FIELD_BOX .DV_MPE_FIELD_ROW50,                   /* 輸入欄位列 */
    .DV_MPE_BOX .DV_MPE_FIELD_BOX_50 .DV_MPE_FIELD_ROW50
    {
        margin: 0 auto 3px;
        width:49%;
        border-bottom : 2px double #0d7fd5;
    }

    .DV_MPE_BOX .DV_MPE_FIELD_BOX .DV_MPE_FIELD_ROW33,                   /* 輸入欄位列 */
    .DV_MPE_BOX .DV_MPE_FIELD_BOX_50 .DV_MPE_FIELD_ROW33
    {
        margin: 0 auto 3px;
        width:32%;
        border-bottom : 2px double #0d7fd5;
    }

    .DV_MPE_BOX .DV_MPE_FIELD_BOX .DV_MPE_FIELD_ROW .DV_MPE_FIELD_LEBEL,  /* 輸入標題框 */
    .DV_MPE_BOX .DV_MPE_FIELD_BOX .DV_MPE_FIELD_ROW50 .DV_MPE_FIELD_LEBEL,
    .DV_MPE_BOX .DV_MPE_FIELD_BOX .DV_MPE_FIELD_ROW33 .DV_MPE_FIELD_LEBEL,
    .DV_MPE_BOX .DV_MPE_FIELD_BOX_50 .DV_MPE_FIELD_ROW .DV_MPE_FIELD_LEBEL
    {
        text-align: left;
        width:100%;
        margin: 1px;
        font-weight: bolder;
    }

    /* 輸入框 */
    .DV_MPE_BOX .DV_MPE_FIELD_BOX .DV_MPE_FIELD_ROW .DV_MPE_FIELD_INPUT,  
    .DV_MPE_BOX .DV_MPE_FIELD_BOX .DV_MPE_FIELD_ROW50 .DV_MPE_FIELD_INPUT,
    .DV_MPE_BOX .DV_MPE_FIELD_BOX .DV_MPE_FIELD_ROW33 .DV_MPE_FIELD_INPUT,
    .DV_MPE_BOX .DV_MPE_FIELD_BOX_50 .DV_MPE_FIELD_ROW .DV_MPE_FIELD_INPUT
    {
        text-align:left;
        width:100%;
        margin: 1px;
        min-height: 22px;
        vertical-align: middle;
    }

    .DV_MPE_FIELD_BOX .DV_MPE_FIELD_ROW .DV_MPE_FIELD_INPUT input[type=text],
    .DV_MPE_FIELD_BOX .DV_MPE_FIELD_ROW .DV_MPE_FIELD_INPUT input[type=password],
    .DV_MPE_FIELD_BOX .DV_MPE_FIELD_ROW .DV_MPE_FIELD_INPUT input[type=file],
    .DV_MPE_FIELD_BOX .DV_MPE_FIELD_ROW .DV_MPE_FIELD_INPUT select,
    .DV_MPE_FIELD_BOX .DV_MPE_FIELD_ROW50 .DV_MPE_FIELD_INPUT input[type=text],
    .DV_MPE_FIELD_BOX .DV_MPE_FIELD_ROW50 .DV_MPE_FIELD_INPUT input[type=password],
    .DV_MPE_FIELD_BOX .DV_MPE_FIELD_ROW50 .DV_MPE_FIELD_INPUT input[type=file],
    .DV_MPE_FIELD_BOX .DV_MPE_FIELD_ROW50 .DV_MPE_FIELD_INPUT select,
    .DV_MPE_FIELD_BOX .DV_MPE_FIELD_ROW33 .DV_MPE_FIELD_INPUT input[type=text],
    .DV_MPE_FIELD_BOX .DV_MPE_FIELD_ROW33 .DV_MPE_FIELD_INPUT input[type=password],
    .DV_MPE_FIELD_BOX .DV_MPE_FIELD_ROW33 .DV_MPE_FIELD_INPUT input[type=file],
    .DV_MPE_FIELD_BOX .DV_MPE_FIELD_ROW33 .DV_MPE_FIELD_INPUT select,
    .DV_MPE_FIELD_BOX_50 .DV_MPE_FIELD_ROW .DV_MPE_FIELD_INPUT input[type=text],
    .DV_MPE_FIELD_BOX_50 .DV_MPE_FIELD_ROW .DV_MPE_FIELD_INPUT input[type=password],
    .DV_MPE_FIELD_BOX_50 .DV_MPE_FIELD_ROW .DV_MPE_FIELD_INPUT input[type=file],
    .DV_MPE_FIELD_BOX_50 .DV_MPE_FIELD_ROW .DV_MPE_FIELD_INPUT select
    {
        width: 98%;
    }

    .DV_MPE_BOX .DV_MPE_FIELD_BOX .DV_MPE_FIELD_ROW label,  
    .DV_MPE_BOX .DV_MPE_FIELD_BOX .DV_MPE_FIELD_ROW50 label,
    .DV_MPE_BOX .DV_MPE_FIELD_BOX .DV_MPE_FIELD_ROW33 label,
    .DV_MPE_BOX .DV_MPE_FIELD_BOX_50 .DV_MPE_FIELD_ROW label
    {
        margin: 1px;
        font-weight: bolder;
    }

    .DV_MPE_FIELD_BOX .DV_MPE_FIELD_ROW input[type=text],
    .DV_MPE_FIELD_BOX .DV_MPE_FIELD_ROW input[type=password],
    .DV_MPE_FIELD_BOX .DV_MPE_FIELD_ROW input[type=file],
    .DV_MPE_FIELD_BOX .DV_MPE_FIELD_ROW select,
    .DV_MPE_FIELD_BOX .DV_MPE_FIELD_ROW50 input[type=text],
    .DV_MPE_FIELD_BOX .DV_MPE_FIELD_ROW50 input[type=password],
    .DV_MPE_FIELD_BOX .DV_MPE_FIELD_ROW50 input[type=file],
    .DV_MPE_FIELD_BOX .DV_MPE_FIELD_ROW50 select,
    .DV_MPE_FIELD_BOX .DV_MPE_FIELD_ROW33 input[type=text],
    .DV_MPE_FIELD_BOX .DV_MPE_FIELD_ROW33 input[type=password],
    .DV_MPE_FIELD_BOX .DV_MPE_FIELD_ROW33 input[type=file],
    .DV_MPE_FIELD_BOX .DV_MPE_FIELD_ROW33 select,
    .DV_MPE_FIELD_BOX_50 .DV_MPE_FIELD_ROW input[type=text],
    .DV_MPE_FIELD_BOX_50 .DV_MPE_FIELD_ROW input[type=password],
    .DV_MPE_FIELD_BOX_50 .DV_MPE_FIELD_ROW input[type=file],
    .DV_MPE_FIELD_BOX_50 .DV_MPE_FIELD_ROW select
    {
        text-align:left;
        max-width:98%;
        min-width:30%;
        margin: 1px;
        vertical-align: middle;
    }