﻿html {
    position: relative;
    min-height: 100%;
}
body {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    margin: 0;
    background-color: #5FB222;
    font-size: 16px;
    font-family: "Segoe UI",微软雅黑,宋体,"Times New Roman";
}

[class*="ui-"] {
    font-size: 14px;
}

#container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 1366px;
    background-color: #F9FFF3;
    overflow: auto;
    width: 100%;
    min-height: 100%;
    _width: expression(document.body.clientWidth>1368?"1366px":"100%");
    _height: expression(document.body.clientHeight>770?"768px":"100%");
}

#container-sub {
    bottom: 27px;
    left: 0;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 32px;
    padding: 5px;
}

#topbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto auto;
    max-width: 1366px;
    line-height: 32px;
    background-color: #5FB222;
}

#menu {
    padding-left: 1em;
}

#wraper-loginstatus {
    position: absolute;
    right: 0.5em;
    top: 0;
}

#bottombar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto auto;
    max-width: 1366px;
    background-color: #5FB222;
    font-size: 12px;
}

    #bottombar p {
        text-align: center;
        -moz-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

.ui-datepicker {
    font-size: 13px !important;
}

    .ui-datepicker select.ui-datepicker-year,
    .ui-datepicker select.ui-datepicker-month {
        width: 40% !important;
        padding: 0;
    }

label[required]::before {
    content: "*";
    color: #b11b1b;
}

@media screen and (max-width: 1080px) {
    #container {
        width: 100%;
        overflow: initial;
        position: static;
        min-height: 100vh;
    }

        #container > div {
            padding: 1px 0;
            position: static;
            overflow: initial;
        }
}

@media screen and (min-width: 1367px) {
    #container {
        width: 1366px;
    }
}
