/* Generated by Developer Tools. This might not be an accurate representation of the original source file */
HTML {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 100%; PADDING-TOP: 0px
}
BODY {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: url(image/bkg-body.gif) #ebebeb fixed; FONT-SIZE: 0.75em; PADDING-TOP: 0px
}
BODY {
	FONT-FAMILY: Verdana, Tahoma, Sans-Serif
}
INPUT {
	FONT-FAMILY: Verdana, Tahoma, Sans-Serif
}
SELECT {
	FONT-FAMILY: Verdana, Tahoma, Sans-Serif
}
TEXTAREA {
	FONT-FAMILY: Verdana, Tahoma, Sans-Serif
}
BUTTON {
	FONT-FAMILY: Verdana, Tahoma, Sans-Serif
}
header {
	DISPLAY: block
}
footer {
	DISPLAY: block
}
nav {
	DISPLAY: block
}
section {
	DISPLAY: block
}
INPUT[type='text'] {
	BORDER-BOTTOM: #999 1px solid; BORDER-LEFT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; width:200px;
}
INPUT[type='password'] {
	BORDER-BOTTOM: #999 1px solid; BORDER-LEFT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; width:200px;
}
INPUT:focus {
	BACKGROUND-COLOR: #ffffc0 !important
}
TEXTAREA {
	BORDER-BOTTOM: #999 1px solid; BORDER-LEFT: #999 1px solid; MIN-HEIGHT: 2em; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid
}
TEXTAREA:focus {
	BACKGROUND-COLOR: #ffffc0 !important
}
SELECT {
	BORDER-BOTTOM: #999 1px solid; BORDER-LEFT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid
}
SELECT:focus {
	BACKGROUND-COLOR: #ffffc0 !important
}
FIELDSET {
	BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; PADDING-BOTTOM: 1.4em; MARGIN: 0px 0px 1.5em; PADDING-LEFT: 1.4em; PADDING-RIGHT: 1.4em; BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; PADDING-TOP: 0px
}
LEGEND {
	FONT-SIZE: 1.2em; FONT-WEIGHT: bold
}
.editor-label {
	MARGIN: 0.5em 1em 0px 0px; DISPLAY: inline-block; WHITE-SPACE: nowrap
}
.editor-field {
	MARGIN: 0px
}
.required {
	FONT-WEIGHT: bold
}
.field-validation-error {
	COLOR: red
}
.field-validation-valid {
	DISPLAY: none
}
.input-validation-error {
	BORDER-BOTTOM: red 1px solid; BORDER-LEFT: red 1px solid; BACKGROUND-COLOR: #fee !important; BORDER-TOP: red 1px solid; BORDER-RIGHT: red 1px solid
}
.validation-summary-errors {
	BORDER-BOTTOM: #999 1px solid; BORDER-LEFT: #999 1px solid; BACKGROUND-COLOR: #ffffc0; COLOR: red; BORDER-TOP: #999 1px solid; FONT-WEIGHT: normal; BORDER-RIGHT: #999 1px solid
}
.validation-summary-errors UL {
	PADDING-BOTTOM: 0px; MARGIN: 5px 2px 5px 20px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.validation-summary-valid {
	DISPLAY: none
}
.max-input {
	WIDTH: 100%
}
.search-container {
	
}
.search-sep {
	HEIGHT: 10px
}
.search-input {
	WIDTH: 250px; VERTICAL-ALIGN: middle
}
.code-input {
	WIDTH: 100px
}
.name-input {
	WIDTH: 250px
}
.date-input {
	WIDTH: 100px
}
.text-input {
	WIDTH: 20em; HEIGHT: 5em
}
.label {
	WHITE-SPACE: nowrap
}
.cell-sep {
	WIDTH: 2em
}
.cell-top {
	VERTICAL-ALIGN: top; PADDING-TOP: 0.5em
}
.star {
	COLOR: red; VERTICAL-ALIGN: bottom
}
.editor-input {
	MIN-HEIGHT: 200px; WIDTH: 500px;
}
.t-button {
	BORDER-BOTTOM: 1px solid; TEXT-ALIGN: center; BORDER-LEFT: 1px solid; PADDING-BOTTOM: 2px; LINE-HEIGHT: 1.435; MARGIN: 0px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; DISPLAY: inline-block; FONT-FAMILY: inherit; FONT-SIZE: 100%; BORDER-TOP: 1px solid; CURSOR: pointer; BORDER-RIGHT: 1px solid; PADDING-TOP: 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px
}



* {
    box-sizing: border-box;
}
body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 0px 0px 0px 0px;
    background-color: #f9f9f9;
    width: 100%;
    height: 100%;
}
.ver-middle input[type=checkbox] {
    vertical-align: middle;
    margin-top: -2px;
    margin-bottom: 1px;
}

.ver-middle label {
    margin-bottom: -3px;
}
.header .logo {
    height: 63px;
    line-height: 63px;
    color: #fff;
    text-align:right;
    padding-right:10px;
}
    .header .logo a {
        color: #fff;
        text-decoration:none;
    }
.header,
    .footer {
        background: #383f46;
    }
.footer
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-align:center;
}
.main {
    position: relative;
    background: url(bg.jpg) no-repeat center center/cover;
    overflow: hidden;
    padding: 0;
}

    .main .form-body {
        padding: 16px;
        background: rgba(255, 255, 255, .95);
    }

@media (min-width: 768px) {
    .main .form-body {
        width: 41.66666667%;
    }
}

@media (min-width: 992px) {
    .main .form-body {
        width: 33.33333333%;
    }
}
.main .form-body h1 {
    font-weight: normal;
    line-height: 1.1;
    color: #333333;
    margin: 0 0 32px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.main .form-body .form-item {
    margin-bottom: 15px;
    margin-top:15px;
}
.main .form-body h1 {
    font-weight: normal;
    line-height: 1.1;
    color: #333333;
    margin: 0 0 32px;
}

.main .caption-container {
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
}
@media (min-width: 768px) {
    .main .caption-container {
        width: calc(100% - 41.66666667%);
    }
}

@media (min-width: 992px) {
    .main .caption-container {
        width: calc(100% - 33.33333333%);
    }
}
.main .caption-container .caption {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    display: block;
    background-color: #000000;
    color: #e2e3e3;
    opacity: 0;
    text-align: right;
    padding: 8px 16px;
    -webkit-transition: opacity ease-in-out .15s;
    -o-transition: opacity ease-in-out .15s;
    transition: opacity ease-in-out .15s;
}
.main .form-body .form-item {
    margin-bottom: 15px;
}

    .main .form-body .form-item span {
        display: inline-block;
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 4px;
    }
    .main .form-body .form-item .form-input,
    .main .form-body .form-item select {
        height: 36px;
        width: 100%;
        padding: 4px 8px;
        font-size: 16px;
        line-height: 21px;
        border-radius: 6px;
        font-weight: normal;
        margin-bottom: 0;
        color: #333333;
        background-color: #ffffff;
        background-image: none;
        border: 1px solid #999ca0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }
.main .form-body .rem input {
    margin: 0;
}

.main .form-body .rem label {
    font-size: 12px;
}

    .main .form-body .rem label > * {
        vertical-align: middle;
    }

.main .form-body .btn-login {
    text-align: right;
}
.main .form-body .btn-login input {
    min-width: 95px;
    padding: 8px 15px;
    font-size: 13px;
    line-height: 1.4;
    border-radius: 6px;
    font-weight: bold;
    color: #ffffff;
    background-color: #c84f2e;
    border-color: #e05932;
    background-image: linear-gradient(to bottom, #e05932 1px, #c84f2e 100%);
    -webkit-appearance: button;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    text-decoration: none;
    touch-action: manipulation;
    border: 1px solid transparent;
    white-space: nowrap;
    user-select: none;
}
.footer {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #666666;
    padding-left: 5px;
    overflow: hidden;
} 
    .footer .logo {
        padding: 10px;
    }

        .footer .logo img {
            height: 40px;
        }

    .footer .copyright-wrap {
        margin: 16px 0;
        overflow: hidden;
        font-size: 13px;
    }

        .footer .copyright-wrap .state {
            display: block;
            color: #e2e3e3;
            float: left;
        }

            .footer .copyright-wrap .state:hover {
                color: #fff;
            }

        .footer .copyright-wrap .copyright {
            float: right;
        }