﻿.modal:nth-of-type(even) {
    z-index: 1052 !important;
}

.modal-backdrop.show:nth-of-type(even) {
    z-index: 1051 !important;
}
#FeeApplyModal, #BusiTripApplyModal, #TECVApplyModal, #CustomApplyModal {
    z-index: 1500;
}
#myModal {
    z-index: 1100;
}
#myModal1 {
    z-index: 1101;
}
#myModal2 {
    z-index: 1102;
}
#myModal3 {
    z-index: 1103;
}
#myModal4 {
    z-index: 1104;
}
#myModal5 {
    z-index: 1105;
}
#myModal6 {
    z-index: 1106;
}
#myModal7 {
    z-index: 1107;
}
#myModal8 {
    z-index: 1108;
}
#myModal9 {
    z-index: 1109;
}
#myModal10 {
    z-index: 1110;
}
#SelectModal {
    z-index: 1196;
}
#SelectModal1 {
    z-index: 1197;
}
#SelectModal2 {
    z-index: 1198;
}
#SelectModal3 {
    z-index: 1199;
}
/*解決畫面寬度問題*/
@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: 1000px;
    }
}

@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;
    }
}

/*解決 Login 畫面寬度問題*/
#loginForm > .modal-lg {
    width: 500px;
}

/*解決 Modal close 垂直移位問題*/
.modal-header .close {
    margin-top: -25px;
}

/*解決 Modal 遮罩問題*/
.modal-backdrop {
    opacity: 0.8;
}

/*解決畫面高度問題*/
@media (max-height: 768px) {
    #loginForm > .modal-lg {
        width: 80vw;
    }
}

@media (max-height: 768px) {
}

@media (min-height: 768px) and (max-height: 800px) {
}

@media (min-height: 800px) and (max-height: 1024px) {
}

@media (min-height: 1024px) and (max-height: 1080px) {
}

@media (min-height: 1080px) {
}

@media (max-height: 1080px) {
    #loginForm > .modal-lg {
        width: 500px;
    }
}
