html, body { -webkit-text-size-adjust: none; background: #FFF; color: #000; min-height: 100vh; }
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote { margin: 0; padding: 0; }
a { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, var { font-style: normal; font-weight: normal; }
caption { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select { font-family: inherit; font-size: 100%; font-weight: inherit; }
legend { color: #000; }
body { background: #fff; color: #222; font-size: 13px; font-family: Microsoft YaHei, Verdana, Arial; min-height: 100vh; padding: 0; margin: 0; position: relative; }

span.ico { font-family: iconfont; font-size: 1.1rem; }

form { padding: 0; margin: 0; }
footer > div { color: #ccc; position: fixed; z-index: 3; bottom: 2rem; left: 2rem; }

.explainbox { position: relative; overflow: hidden; border: solid 1px #dedede; background-color: #f2f2f2; padding: 5px; margin: 10px 0; color: #ff5500; line-height: 190%; }
    .explainbox img { vertical-align: middle; margin: auto 10px; }
.explainbox_fixed { overflow: hidden; border: solid 1px #dedede; background-color: #f2f2f2; padding: 5px; color: #ff5500; line-height: 190%; position: fixed; left: 5px; top: 5px; right: 5px; box-sizing: border-box; }
label.tips { font-size: 12px; color: #0094ff; padding: 2px; }
label.cautions { font-size: 14px; background-color: #ffcc33; color: #222 !important; padding: 3px 10px; border-radius: 5px; }
label.sub_cautions { background-color: #ddd; }
    label.cautions > a, label.sub_cautions > a { background-color: #0094ff !important; border-radius: 1rem; color: #fff; padding: 1px 5px; }
a.ahelp { vertical-align: middle; display: inline-block; background-color: #ffcc33; color: #fff; border-radius: 0.5rem; width: 20px; height: 20px; line-height: 20px; overflow: hidden; text-align: center; }
    a.ahelp:hover { background-color: #999; }

button, .button { background-color: #142234; color: #fff; border-width: 0px; margin: 0 5px; cursor: pointer; font-size: 14px; font-family: "Microsoft YaHei UI","Microsoft YaHei",DengXian,SimSun,"Segoe UI",Tahoma,Helvetica,sans-serif; transition: background-color 0.15s linear 0s; padding: 2px 15px; border-radius: 3px; }
    button:hover, .button:hover { background-color: #f4721a; border-color: #f3b11c; }
.refreshbutton { background-color: #999; border-color: #4f851f; }
/*.refreshbutton{background-color:#af6583; border-color:#af6583; #border-color:transparent;}*/
button img, .button img { vertical-align: middle; margin-right: 5px; }
.abs { color: #993300; font-weight: bold; }
.imp { color: Blue; font-weight: bold; }
.inputdiv { padding: 0px; border: solid 1px #7f9db9; height: auto; line-height: 22px; cursor: text; }
.navibar { background-image: url('../imgs/sitemap_bg.gif'); height: 25px; line-height: 25px; padding-left: 10px; margin: 5px 0px 5px 0px; font-family: 宋体; }
    .navibar img { float: right; margin-top: -2px; margin-right: 10px; cursor: pointer; }
    .navibar span { float: right; margin-right: 10px; color: Blue; }

#loft { height: auto; z-index: 99; position: absolute; background-color: White; border: solid 2px #0094ff; padding: 2px; overflow: auto; padding: 2px; margin: 0; }
    #loft dt img { vertical-align: middle; }
#dl_time_list dt { cursor: pointer; margin: 0; }
    #dl_time_list dt:hover { background-color: #0094ff; color: #fff; }
#ym_selector { width: 100%; font-family: 'Century Gothic', Consolas, Verdana; cursor: pointer; border-collapse: collapse; }
    #ym_selector th { width: 25%; text-align: center; vertical-align: middle; font-weight: normal; font-size: 14px; background-color: #0094ff; color: #fff; border-bottom: solid 2px #fff; }
        #ym_selector th:hover { background-color: #0779cb; }
        #ym_selector th:nth-child(2) { width: 50%; font-size: 20px; cursor: default; }
            #ym_selector th:nth-child(2):hover { background-color: #0094ff; }
    #ym_selector td { width: 25%; line-height: 160%; text-align: center; vertical-align: middle; font-size: 18px; }
        #ym_selector td:hover { background-color: #0094ff; color: #fff; }

#dl_find_list { max-width: 300px; max-height: 180px; overflow: auto; }
    #dl_find_list > dt { cursor: pointer; margin: 0; }
        #dl_find_list > dt > p:last-child { padding-left: 1em; color: #999; }
        #dl_find_list > dt:hover { background-color: #0094ff; color: #fff; }
            #dl_find_list > dt:hover > p:last-child { color: #eee; }
.extwhere { cursor: default; overflow: visible; border: solid 1px #999; background-color: #fff; box-sizing: border-box; border-radius: 2px; display: inline-grid; width: 80px; height: 22px; text-align: center; position: relative; }
    .extwhere > ul { height: 1px; overflow: hidden; padding: 5px; margin: 20px 0 0 -1px; opacity: 0; position: fixed; text-align: left; background-color: #efefef; border: solid 1px #ccc; border-radius: 2px; box-sizing: border-box; }
        .extwhere > ul > li { padding: 3px; }
            .extwhere > ul > li input[type=checkbox] { margin-right: 5px; vertical-align: text-top; }
            .extwhere > ul > li + li { border-top: solid 1px #ccc; }
            .extwhere > ul > li:hover { background-color: #dfdfdf; }
    .extwhere:hover > ul { height: auto; opacity: 1; }
/* List Table */
.opdiv { text-align: right; display: block; background-color: #efefef; padding: 6px 2px 0; box-sizing: border-box; margin: 0 auto; width: 100%; height: 2.18rem; overflow: hidden; top: 0; position: fixed; z-index: 2; }
    .opdiv > span { float: left; display: inline-block; vertical-align: middle; margin-left: 10px; background-color: #142234; border-radius: 1rem; padding: 3px 1rem; color: #fff; }
    .opdiv > label { float: left; display: inline-block; vertical-align: middle; margin-left: 10px; padding: 5px; }
    .opdiv > div { margin-left: 4px; }
    .opdiv select { height: 23px; }
    .opdiv input { height: 19px; font-size: 14px; }
    .opdiv button { margin-left: 2px; height: 23px; overflow: hidden; border-radius: 3px; }

.tt-container { overflow: auto; background-color: rgba(255,255,255,0.9); padding-top: 2.2rem; margin-right: 5px; }
    .tt-container > table { table-layout: fixed; width: 100%; }
        .tt-container > table.tt-header { position: fixed; z-index: 2; }
            .tt-container > table.tt-header tr > th { word-break: keep-all; background-color: #142234; color: #fff; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; border-left: solid 1px #ccc; padding: 5px 4px; box-sizing: border-box; }
        .tt-container > table.tt-body { margin-top: 1.8rem; }
            .tt-container > table.tt-body td { word-break: break-all; text-align: center; vertical-align: middle; cursor: default; border-bottom: solid 1px #ccc; font-family: Microsoft YaHei, Verdana, Arial; box-sizing: border-box; padding: 5px 3px; }
            .tt-container > table.tt-body tr:hover td { background-color: #a7d9fa; color: #fff; transition: all 0.15s linear 0s; }
                .tt-container > table.tt-body tr:hover td a { color: #000; }
            .tt-container > table.tt-body tr.selected { background-color: #9ecdff; }
            .tt-container > table.tt-body tr.warning td { background-color: #ffcc33; }
                .tt-container > table.tt-body tr.warning td a { color: White; }

            .tt-container > table.tt-body td a { color: #658eaf; }
            .tt-container > table.tt-body .opcol { text-align: center; }
                .tt-container > table.tt-body .opcol > span { color: #0094ff; cursor: pointer; transition: all 0.15s linear 0s; }
                    .tt-container > table.tt-body .opcol > span:hover { color: #fff; }
                    .tt-container > table.tt-body .opcol > span + span { margin-left: 5px; }
    .tt-container .icon-queding { color: #14a90e; }
    .tt-container .icon-suoding { color: darkred; }

.pageindex { text-align: center; padding: 8px 0; margin-top: 1px; font-family: Arial; background-color: lightskyblue; }
    .pageindex a { text-decoration: none; font-family: Microsoft YaHei, Verdana, Arial; border: solid 1px #142234; display: inline-block; overflow: hidden; height: 18px; vertical-align: middle; background-color: #fff; padding: 0 6px; line-height: 18px; margin: 0; color: #142234 !important; transition: background-color 0.15s linear 0s; border-radius: 3px; }
        .pageindex a label { font-family: Webdings; display: inline-block; margin-top: -3px; vertical-align: baseline }
        .pageindex a:hover { background-color: #142234; color: #fff !important; }
        .pageindex a img { width: 9px; height: 9px; }
    .pageindex input { width: 40px; height: 18px; padding: 0; vertical-align: middle; text-align: center; border: solid 1px #142234 !important; border-radius: 3px; }
    .pageindex label { cursor: pointer; vertical-align: middle; }

/* Form Page */
.itemtitle { border-bottom: solid #0094ff 1px; padding: 5px 30px; font-size: 20px; font-family: Microsoft YaHei; }
#mainform table { width: 100%; table-layout: fixed; margin-bottom: 10px; }
#formtable_div { padding: 5px; padding-bottom: 30px; }
.input { width: 99%; width: -webkit-fill-available; padding: 2px 0px 2px 5px; font-size: 14px; font-family: Microsoft YaHei; vertical-align: middle; border: solid 1px #7F9DB9; border-radius: 3px; }
.select, #mainform td > select { padding: 2px; border-radius: 3px; border: solid 1px #7F9DB9; }
.textarea { width: 99%; width: -webkit-fill-available; font-family: Microsoft YaHei; font-size: 12px; border: solid 1px #7F9DB9; border-radius: 3px; overflow: auto; padding: 3px; box-sizing: border-box; }
input.caution, textarea.caution { color: fuchsia !important; }
#formtable_div > table { table-layout: fixed; width: 100%; }
    #formtable_div > table tr th { text-align: right; }
    #formtable_div > table tr th, #formtable_div > table tr td { vertical-align: middle; word-break: keep-all; padding: 5px 4px; box-sizing: border-box; border-bottom: solid 1px #efefef; }
    #formtable_div > table.c2 tr th { width: 20%; }
    #formtable_div > table.c2 tr td { width: 80%; }
    #formtable_div > table.c4 tr th { width: 15%; }
    #formtable_div > table.c4 tr td { width: 35%; }

    #formtable_div > table tr td q { color: #999; font-size: 12px; quotes: none; }
        #formtable_div > table tr td q b { background-color: #0094ff; color: #fff; margin: 0 3px; padding: 0 3px; }
    #formtable_div > table tr th span.helptag { cursor: pointer; color: #0094ff; margin-right: 12px; font-weight: normal; }

q.help { display: none; }

.td_submit { text-align: center; background-color: #ddd; padding: 5px; position: fixed; z-index: 99; bottom: 0; left: 0; right: 0; }
    .td_submit * { vertical-align: middle; }
    .td_submit input { border-width: 0px; margin: 0 5px; cursor: pointer; color: #fff; font-size: 16px; padding: 2px 15px; transition: background-color 0.15s linear 0s; border-radius: 3px; }
        .td_submit input.confirm { background-color: #142234; }
            .td_submit input.confirm:hover { background-color: #f4721a; }
            .td_submit input.confirm:active { background-color: #666; }
        .td_submit input.close { background-color: #999; }
            .td_submit input.close:hover { background-color: #888; }
            .td_submit input.close:active { background-color: #666; }

.slt_input { background-color: #142234; color: #fff; cursor: pointer; font-size: 14px; height: 23px; padding: 0 0.7em; line-height: 23px; overflow: hidden; vertical-align: middle; text-align: center; display: inline-block; transition: background-color 0.15s linear 0s; border-radius: 3px; }
    .slt_input:hover { background-color: #f4721a; }

.sublist { width: 100%; margin: 0 0 10px 0; }
    .sublist th { background-color: #6da3bc; color: #fff; font-weight: normal; }
    .sublist td { border-bottom: dotted 1px #ccc; text-align: center; padding: 5px 0; }
    .sublist tr:hover td { background-color: #e8f3ff; }
    .sublist tr.selected { background-color: #e0ecf9; }

.sublist_orange th { background-color: Orange; }

#btnSave, #btnContinue, #btnClose { display: none; }

.formtable { border: solid 1px #ccc; border-collapse: collapse; }

.formtable_v2 { margin: 20px 0 0 0 }
    .formtable_v2 .fieldname { width: 25%; text-align: right; vertical-align: top; padding-top: 7px; }
        .formtable_v2 .fieldname dfn { color: Red; margin-right: 5px; vertical-align: middle; }
    .formtable_v2 .fieldvalue { width: 75%; }
        .formtable_v2 .fieldvalue .input, .formtable_v2 .fieldvalue textarea { width: 80%; }

.formprocesstip { border: dotted 1px #af6583; background-color: Yellow; padding: 5px 0; margin: 5px 0; }
    .formprocesstip ul { margin: 0; padding: 0 5px 0 25px; }
        .formprocesstip ul li { line-height: 150%; list-style-type: none; list-style-image: url('../imgs/hover_go.gif'); }

.inputtable { margin-bottom: 0 !important; border: solid 1px #ccc !important; border-collapse: collapse; }
    .inputtable td { border: solid 1px #ccc; }
        .inputtable td.total { font-weight: bold; }
    .inputtable input.amount { width: 100%; border: 0; text-align: center; background-color: transparent; }
    .inputtable input.time { width: 100%; border: 0; text-align: center; background-color: transparent; }

.tomorelist { height: 100px; width: fit-content; margin: 5px 0; padding: 2px 10px 2px 3px; border: solid 1px #cccccc; overflow: auto; background: #fcfcfc; }
    .tomorelist dt, .tomorelist dd { padding: 2px 4px; }
        .tomorelist dt input { vertical-align: middle; margin-right: 5px; }
        .tomorelist dt q { color: #ccc; margin-left: 5px; }
        .tomorelist dt:hover, .tomorelist dd:hover { background-color: #0094ff; color: #fff; }

#f_table th, #f_table td { text-align: center !important; border: solid 1px #efefef; }
#f_table th { background-color: cadetblue; color: #fff; }
#f_table tr:last-child td { background-color: aliceblue; }
#f_table tr:hover td { background-color: #efefef; }
#f_table td button { padding: 2px 5px; margin: 0; background-color: #999; transition: all 0.2s linear 0s; }
    #f_table td button:hover { background-color: orange; }
#f_table tr:last-child td button { background-color: cadetblue; }
#f_table tr.inputs > td { background-color: yellowgreen !important; }
    #f_table tr.inputs > td > button { background-color: #333; }
        #f_table tr.inputs > td > button:hover { background-color: orangered; }
#f_table td marquee.warning { color: #fff; background-color: orangered; border-radius: 5px; margin-top: 5px; padding: 2px 5px; width: -webkit-fill-available; max-width: 8rem; display: flex; box-sizing: border-box; }

.where_switch { float: right; color: #0094ff; cursor: pointer; }
#where_box { height: 1px; width: 1px; overflow: hidden; transition: all 0.2s linear 0s; margin-top: 0.5rem; padding-top: .5rem; border-top: dotted 1px #999; }
    #where_box > ul { margin-top: 0; margin-bottom: 0; }
        #where_box > ul > li { line-height: 1.8; }

.ffsample > dt { color: orange; line-height: 1.6; border: dotted 1px #7F9DB9; padding: 0 5px; width: fit-content; border-radius: 5px; font-size: 0.6rem; word-break: break-all; margin-top: 3px; margin-bottom: 3px; }
    .ffsample > dt > code { color: #0094ff; }
.ffsample > dd { color: #999; margin-left: 1rem; line-height: 1.6; font-size: 0.6rem; }

.apiurl { word-break: break-all; color: #0094ff; }