@charset "UTF-8";

@media screen and (max-width: 1368px) {

    div#noticeLoginCaution {
        width:auto ;
        border: solid 2px red;
        font-weight: bold;
        text-align: center;
        margin-left: 5px;
        margin-right: 5px;
    }
     
    #popupBlock {
        margin-left: 8px;
        margin-right: 8px;
    }
    
    .alC {
        padding-top: 15px !important;
    }
 
    #container {
        padding: 0px !important;
        background: white;
        border: 2px solid #dddcdc;
    }

    #container #main {
        width: 100% !important;
    }

    #container #header {
        width: 100% !important;
    }

    #container #main h2 {
        width: 100% !important;
        padding: 0px !important;
        margin: 0px !important;
        font-size: 20px !important;
        text-align: center;
    }

    #container #main table {
        width: 100% !important;
    }

    #container #main th {
        width: 100% !important;
        border-top: 2px solid #dddcdc;
    }

    #container #main tr {
        border: none !important;
    }

    #container #main td {
        width: 100% !important;
        vertical-align: middle !important;
    }

    #container #footer {
        width: 98% !important;
    }

    #footer_txt {
        width: 92% !important;
    }

    div#note {
        width: 90% !important;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 5px;
        padding-right: 5px;
        border: solid 1.5px;
    }

    .btnSubmit {
        width: 90% !important;
        max-width: 300px !important;
    }

    .brnone br {
        display: none;
    }

    body {
        margin: 4px;
        background: #f7f5f5;
    }

    div.topMessage {
        border-radius: 0px;
        margin: 0px;
        font-size: 20px;
        background-color: #05348B;
        font-weight: bold;
        text-align: center;
        margin-left: 0px;
        padding-left:0px;
        padding-right:0px;
    }

    div.topLongMessage {
        font-size: 20px !important;
        text-align: center !important;
    }

    div.topLongMessage1 {
        font-size: 20px !important;
        text-align: center !important;
    }

    div#noteCaution {
        text-align: left !important;
        padding: 15px !important;
    }

    .mgb20 {
        padding: 0px;
        margin-bottom: 10px !important;
    }

    .mgb20 p {
        padding-bottom: 2px !important;
        padding-top: 10px !important;
    }

    .mgt20 {
        margin-top: 10px !important;
    }

    option {
        min-height: 0.8em;
    }

    .ocrDescription {
        width: 90% !important;
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    .MobileContent {
        font-size: 16px !important;
    }

    .CenterLayout {
        text-align: center !important;
    }

    @media screen and (max-width: 540px) {

        .ImportantTxt5 {
            font-size: x-large;
        }

        #FIRST_NAME {
            width: 84% !important;
        }

        .styleInpName {
            width: 84% !important;
        }

        .styleInpEmail {
            width: 93% !important;
        }

        @media screen and (max-width: 480px){
            div.topLongMessage1 {
                font-size: 18px !important;
            }

            @media screen and (max-width: 414px){
                div.topLongMessage1 {
                    font-size: 15.5px !important;
                }

                @media screen and (max-width: 393px) {
                    div.topLongMessage {
                        font-size: 18px !important;
                    }
                    div.topLongMessage1 {
                        font-size: 14px !important;
                    }

                    @media screen and (max-width: 375px) {
                        div.topLongMessage {
                            font-size: 17.5px !important;
                        }
                        div.topLongMessage1 {
                            font-size: 13px !important;
                        }
                        @media screen and (max-width: 360px) {
                            div.topMessage {
                                font-size: 19px;
                            }

                            div.topLongMessage {
                                font-size: 16px !important;
                            }

                            .MobileContent {
                                font-size: 15px !important;
                            }

                            @media screen and (max-width: 320px) {

                                div.topLongMessage {
                                    font-size: 15px !important;
                                }

                                div.topLongMessage1 {
                                    font-size: 11.5px !important;
                                }

                                .MobileContent {
                                    font-size: 14.5px !important;
                                }

                                @media screen and (max-width: 280px) {
                                    div.topMessage {
                                        font-size: 92%;
                                    }

                                    div.topLongMessage {
                                        font-size: 12px !important;
                                        padding: 5px 5px 5px 10px !important;
                                        height: 40px !important;
                                    }

                                    div.topLongMessage1 {
                                        font-size: 9.5px !important;
                                        padding: 5px 0px 5px 0px !important;
                                        height: 40px !important;
                                    }

                                    div#noteCaution {
                                        padding: 8px !important;
                                    }

                                    div#noticeLoginCaution {
                                        text-align: left;
                                    }

                                    .mgb20 p {
                                        font-size: 90% !important;
                                    }

                                    #container #main th {
                                        font-size: 90%;
                                    }

                                    #container #main td {
                                        font-size: 90%;
                                    }

                                    div#popupBlock {
                                        font-size: 90%;
                                    }

                                    .mgt30 {
                                        font-size: 12px !important;
                                    }

                                    .MobileContent {
                                        font-size: 12px !important;
                                    }
                                }

                            }


                        }
                    }
                }
            }
        }
        
        .styleInpSecretAnswer {
            width: 93% !important;
        }

        #container #main form td dt {
            width: 15% !important;
        }

        #container #main form td dl.inpname {
            width: 50% !important;
        }

        #container #main form td dl.errdlarea dd {
            width: 100% !important;
        }

        input[type="text" i] {
            padding: 2px;
        }

        #container #main form td dd {
            width: 85% !important;
        }
    }
}