@import "normalize.css";

html {
    font-family: "Microsoft YaHei";
    width: 100%;
    height: 100%;
}

    html body {
        background: url("../Img/background@2x.png") no-repeat;
        background-size: cover;
    }

@media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
    html body {
        background: url("../Img/background@3x.png") no-repeat;
        background-size: cover;
    }
}

html body .mui-content {
    background-color: transparent;
    height: 100%;
}

header h1, header span, header button {
    color: #fff !important;
}

.main {
    width: 85vw;
    margin: auto;
}

    .main .main-header {
        padding: 5vw;
    }

        .main .main-header img {
            display: block;
            width: 70vw;
            margin: auto;
        }

        .main .main-header .index-title {
            margin: auto;
            margin-top: 10vw;
            font-size: 5vw;
            font-family: 幼圆;
            color: #fff;
            text-align: justify;
            text-align-last: justify;
            letter-spacing: 2vw;
        }

            .main .main-header .index-title:after {
                display: inline-block;
                content: '';
                overflow: hidden;
                width: 100%;
                height: 0;
            }

    .main .main-content {
        /*background: rgba(255, 255, 255, 0.2);*/
        height: 65vw;
        padding: 5vw 3vw;
    }

        .main .main-content .scroll-wrapper {
            height: 100%;
            overflow: auto;
        }

    .main .main-footer {
        /*background: rgba(255, 255, 255, 0.2);*/
        height: 25vw;
    }

        .main .main-footer a.addbtn {
            font-size: 40px;
            color: #fff;
            width: 70px;
            height: 65px;
            margin: auto;
            padding: 10px;
            background-color: red;
            border-radius: 2vw;
        }

            .main .main-footer a.addbtn.mui-active {
                background-color: red;
            }


    .main .mui-table-view {
        background-color: transparent;
    }

        .main .mui-table-view:before,
        .main .mui-table-view:after {
            height: 0;
        }

        .main .main-content .mui-input-row,
        .main .main-content .mui-button-row {
            margin: 0 2vw;
        }

            .main .main-content .mui-input-row input,
            .main .main-content .mui-button-row .mui-btn {
                border-radius: 5vw;
                font-size: 3.5vw;
            }

            .main .main-content .mui-button-row .mui-btn {
                text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
            }

            .main .main-content .mui-button-row button {
                padding: 3vw;
                box-shadow: 0px 4px 14px 1px rgba(142,64,1,0.4);
            }

            .main .main-content .mui-button-row a.mui-btn {
                border-radius: 5vw;
                font-size: 3.5vw;
                color: #fff;
                background: none;
                border: none;
                padding: 2vw;
            }

        .main .main-content.login #repwd {
            display: none;
        }

        .main .main-content.login #btnSubmit:before {
            content: attr(data-login)
        }

        .main .main-content.login #btnRegiest:before {
            content: attr(data-regiest)
        }

        .main .main-content.regiest #repwd {
            display: block;
        }

        .main .main-content.regiest #btnSubmit:before {
            content: attr(data-regiest)
        }

        .main .main-content.regiest #btnRegiest:before {
            content: attr(data-login)
        }