@charset "UTF-8";
/*e8dSelect樣式*/

.mSelectBox {
    width: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
}
    /*顯示目前選取的區塊*/
    .mSelectBox .selectView {
        padding: 0 20px 0 0;
        border: 1px solid #A7A7A7;
        border-color: var(--color_A7A7A7);
        border-radius: 3px;
        position: relative;
    }
    /*下拉箭頭*/
    .mSelectBox .allow {
        position: absolute;
        right: 8px;
        width: 12px;
        height: 7px;
        text-align: center;
        padding: 0;
        overflow: hidden;

        top: 0;
        bottom: 0;
        margin: auto 0;
    }

        .mSelectBox .allow.bottom .arrowInt {
            width: 0px;
            height: 0px;
            border-width: 6px;
            border-style: solid;
            border-color: #888 transparent transparent transparent;
            position: absolute;
            bottom: -5px;
            right: 0;
        }

        .mSelectBox .allow.bottom .arrowOut {
            width: 0px;
            height: 0px;
            border-width: 6px;
            border-style: solid;
            border-color: #fff transparent transparent transparent;
            position: absolute;
            bottom: -3px;
            right: 0;
        }

    /*選項*/
    .mSelectBox .selectOption {
        padding: 8px;
        box-sizing: border-box;
        align-content: center;
        cursor: default;
    }

        .mSelectBox .selectOption.current {
            background-color: rgba(167,167,167,0.3);
        }

    .mSelectBox .selectMenu .selectOption:hover {
        background-color: rgba(167,167,167,0.44);
    }

        .mSelectBox .selectMenu .selectOption:hover .title {
        }

        .mSelectBox .selectMenu .selectOption:hover .desc {
        }

    .mSelectBox .selectOption .title {
        font-size: 14px;
        color: #5B5B5B;
        color: var(--color_5B5B5B);
        word-wrap: break-word;
        word-break: normal;
    }

        .mSelectBox .selectOption .title.errorMessageTxt {
            color: #FF0000;
        }

    .mSelectBox .selectOption .desc {
        font-size: 12px;
        color: #696969;
        margin-top: 6px;
        word-wrap: break-word;
        word-break: normal;
    }




/*選項Box*/
.e8dSelectMenu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    padding: 0;
    box-shadow: 0 0 4px 0 #C2C2C2;
    border-radius: 4px;
    z-index: 10000;
    box-sizing: border-box;
    display: none;
}

    .e8dSelectMenu .selectOption {
        padding: 6px 8px 7px 8px;
        cursor: default;
    }

        .e8dSelectMenu .selectOption.current {
            background-color: rgba(167,167,167,0.3);
        }

        .e8dSelectMenu .selectOption:hover {
            background-color: rgba(167,167,167,0.44);
        }

            .e8dSelectMenu .selectOption:hover .title {
            }

            .e8dSelectMenu .selectOption:hover .desc {
            }

        .e8dSelectMenu .selectOption .title {
            font-size: 14px;
            color: #5B5B5B;
            color: var(--color_5B5B5B);
            word-wrap: break-word;
            word-break: normal;
        }

            .e8dSelectMenu .selectOption .title span {
                position: fixed;
                display: block;
                margin-top: 5px;
                background: white;
                padding: 5px;
                border: 1px solid;
                z-index: 100;
            }

        .e8dSelectMenu .selectOption .desc {
            font-size: 12px;
            color: #696969;
            margin-top: 6px;
            word-wrap: break-word;
            word-break: normal;
        }

/*        .e8dSelectMenu .selectOption .title.tip:hover .tipText {
            display: block;
        }*/