﻿body {
    padding: 0px;
    margin: auto !important;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

input, select, textarea {
    /*font-size: 16px;*/
    line-height: 21px;
}

input {
    outline: none !important;
}

.overflow {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media only screen and (min-width : 640px) {
    .page {
        width: 640px !important;
    }

    #head {
        width: 640px !important;
    }

    #page {
        width: 640px !important;
    }

    #foot > div {
        width: 640px !important;
    }
}

.page {
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

    .page > * {
        flex-shrink: 0 !important;
    }

    .page > #head {
        display: flex;
        width: 100%;
    }

    .page > #page {
        overflow-y: scroll;
        box-sizing: border-box;
        flex: 1;
    }

    .page > #foot {
        display: flex;
        width: 100%;
        padding: 6px 0px;
        justify-content: center;
        align-items: center;
        left: 0px;
        bottom: 0px;
        background-color: white;
        border: 1px solid #f7f8fa;
        box-sizing: border-box;
    }

        .page > #foot > a {
            flex: 1;
            text-decoration: none;
            color: #a2a3a7;
        }

            .page > #foot > a > div {
                width: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                font-size: 0.8em;
            }

                .page > #foot > a > div > img {
                    width: 24px;
                    height: 24px;
                    margin-bottom: 4px;
                }

input[type=text] {
    padding: 0px !important;
    margin: 0px !important;
    -webkit-appearance: none !important;
}

.hang {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
