.modal:nth-of-type(even) {
    z-index: 1052 !important;
}

.modal-backdrop.show:nth-of-type(even) {
    z-index: 1051 !important;
}

#myModal {
    z-index: 1100;
}
#myModal1 {
    z-index: 1101;
}
#myModal2 {
    z-index: 1102;
}
#myModal3 {
    z-index: 1103;
}
#SelectModal {
    z-index: 1104;
}

/*解決畫面寬度問題*/
@media (max-width: 768px) {
    #loginForm {
        margin-top: 60px;
    }

    .modal-lg {
        width: 95vw;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {

    .modal-lg {
        width: 700px;
    }
}

@media (min-width: 1024px) and (max-width: 1280px) {
    
    .modal-lg {
        width: 900px;
    }
}

@media (min-width: 1280px) and (max-width: 1440px) {

    .modal-lg {
        width: 1000px;
    }

}

@media (min-width: 1440px) and (max-width: 1680px) {

    .modal-lg {
        width: 1000px;
    }
}

@media (min-width: 1680px) and (max-width: 1920px) {

    .modal-lg {
        width: 1000px;
    }

}

@media (min-width: 1920px) {

    .modal-lg {
        width: 1000px;
    }
}

/*解決 Modal close 垂直移位問題*/
.modal-header .close {
    margin-top: -25px;
}

/*解決 Modal 遮罩問題*/
.modal-backdrop {
    opacity: 0.8;
}

.col-form-label {
/*    font-size: larger;
*/}
.form-select {
    font-size: larger;
    height: auto;
}
.form-control {
    height: none;
}

/*解決畫面高度問題*/
@media (min-height: 1080px) {
    #loginForm > .modal-lg {
        width: 500px;
    }
}

@media (min-height: 1024px) and (max-height: 1080px) {
}

@media (min-height: 800px) and (max-height: 1024px) {
}

@media (min-height: 768px) and (max-height: 800px) {
}

@media (max-height: 768px) {
}