/* Member pages, Android WebView and iOS WKWebView. */
html { -webkit-text-size-adjust:100%; text-size-adjust:100%; }
.member-root { width:100%; height:100%; overflow:hidden; }
.member-app { position:fixed; inset:0; top:0; left:0; display:flex; flex-direction:column; width:100%; height:100vh; height:100dvh; min-width:0; overflow:hidden; }
.member-app .header { position:relative; display:flex; flex:none; min-width:0; height:auto; }
.member-app .header .hd { position:static; flex:0 0 180px; padding:8px 4px; }
.member-app .header>.bd { flex:1 1 0; min-width:0; height:auto; }
.member-app .header .nav { display:flex; flex-wrap:wrap; gap:3px; height:auto; min-height:32px; margin:0; padding:4px 4px 0; }
.member-app .header .nav li { float:none; margin:0; display:block; }
.member-app .header .nav li a { float:none; display:block; padding:0 8px; white-space:nowrap; }
.member-app .header .nav li a span { float:none; display:block; padding:0; line-height:30px; }
.member-app .header .nav .ml20 { margin-left:5px; }
.member-app .header .nav .ml20 a { width:auto; text-align:center; }
.member-app .header .middle { display:flex; align-items:center; gap:8px; height:auto; min-height:24px; margin:0; padding:0 6px; }
.member-app .header .middle>.fl { float:none; min-width:0; }
.member-app .header .middle .marquee { width:200px; max-width:30vw; padding:0; margin:0; }
.member-app .header .middle .lottery-name { font-size:13px; white-space:nowrap; }
.member-app .header .systime { margin:0; white-space:nowrap; }
.member-app .header .bottom { display:flex; flex-wrap:wrap; gap:3px; height:auto; min-height:32px; margin:0; padding:2px 4px; box-sizing:border-box; }
.member-app .header .bottom a,.member-app .header .bottom a.on { flex:none; margin:0; padding:4px 10px; line-height:24px; text-decoration:none; white-space:nowrap; }
.member-app .doc { position:relative; display:flex; flex:1 1 0; min-width:0; min-height:0; width:100%; top:auto; left:auto; right:auto; bottom:auto; }
.member-app .side-left { position:relative; float:none; flex:0 0 200px; width:200px; top:auto; left:auto; bottom:auto; overflow:auto; -webkit-overflow-scrolling:touch; }
.member-app .main { position:relative; flex:1 1 0; min-width:0; min-height:0; left:auto; right:auto; top:auto; bottom:auto; overflow:auto; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; }
.member-app #PreviousDrawNo { color:#043b92; font-weight:bold; white-space:nowrap; font-variant-numeric:tabular-nums; }
.member-app #member-period-banner { flex:none; padding:5px 10px; background:#fff4ce; color:#714b00; font-size:13px; }
.member-app #member-period-banner[hidden] { display:none; }
.member-speed-dialog { position:fixed; z-index:20000; left:50%; top:50%; transform:translate(-50%,-50%); width:450px; max-width:calc(100vw - 16px); height:620px; max-height:calc(100vh - 24px); max-height:calc(100dvh - 24px); display:flex; flex-direction:column; background:#fff; border:1px solid #aaa; box-shadow:0 4px 24px #5558; border-radius:6px; overflow:hidden; }
.member-speed-heading { flex:none; padding:8px 10px; line-height:30px; background:#f5f5f5; font-size:16px; }
.member-speed-heading button { float:right; min-height:30px; padding:0 12px; }
.member-speed-dialog iframe { flex:1 1 0; min-height:0; width:100%; border:0; }
@media(max-width:1024px) {
    .member-app { padding-bottom:env(safe-area-inset-bottom); box-sizing:border-box; }
    .member-app .header { display:block; padding-top:env(safe-area-inset-top); }
    .member-app .header .hd { padding:3px; }
    .member-app .header .hd .title { font-size:17px; }
    .member-app .header .nav,.member-app .header .bottom { flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:thin; }
    .member-app .header .nav li { flex:none; font-size:14px; }
    .member-app .header .nav li a span { line-height:34px; }
    .member-app .header .nav .ml20 a { height:34px; line-height:34px; }
    .member-app .header .middle { flex-wrap:wrap; gap:2px 8px; padding:3px 6px; }
    .member-app .header .middle .marquee { width:130px; max-width:35vw; }
    .member-app .header .middle .systime { font-size:13px; }
    .member-app .header .bottom a,.member-app .header .bottom a.on { padding:5px 10px; }
    .member-app .doc { flex-direction:column; }
    .member-app .side-left { flex:0 0 auto; width:100%; max-height:185px; overflow:auto; }
    .member-app .side-left .bd { margin:0; padding:0 4px; }
    .member-app #myinfo { display:block; width:100%; }
    .member-app #myinfo thead,.member-app #myinfo thead tr { display:block; }
    .member-app #myinfo thead td { display:block; padding:0; line-height:22px!important; }
    .member-app #myinfo tbody { display:flex; flex-wrap:wrap; padding:3px 0; }
    .member-app #myinfo tbody tr { display:flex; flex:1 1 50%; box-sizing:border-box; min-width:0; }
    .member-app #myinfo tbody tr:nth-child(n+3) { flex-basis:100%; }
    .member-app #myinfo tbody td { display:block; border:0; padding:2px 3px; line-height:24px; white-space:nowrap; }
    .member-app #myinfo tbody td:last-child { flex:1 1 0; }
    .member-app #myinfo #refresh { float:none; margin-left:8px; min-height:26px; padding:0 8px; }
    .member-app .side-left #user>.bd~.bd { display:none; }
    .member-app #main>.module { min-height:100%; height:auto!important; }
    .member-app .erd .bd-module>table { min-width:850px; }
    .member-app .yid .bd-module { min-width:0; }
    .member-app .yid .bd-module>table.t-4 { min-width:560px; }
    .member-app .yid #bd_fix { position:sticky; left:0; min-width:0; width:calc(100vw - 24px); background:#fff; }
    .member-app .erd>.t-1 { min-width:650px; }
    .member-app .kuaida { height:auto; display:flex; flex-direction:column; }
    .member-app .kuaida .left { order:0; margin-right:0; height:auto; overflow:visible; }
    .member-app .kuaida .content-right-kd { position:static; order:1; width:auto; height:auto; overflow:visible; box-sizing:border-box; }
    .member-app .kuaida .left table { min-width:620px; }
    .member-app .kuaixuan { height:auto; display:flex; flex-direction:column; }
    .member-app .kuaixuan .left,.member-app .kuaixuan .right { float:none; width:100%; height:auto; }
    .member-app .kuaixuan .right { min-width:670px; }
    .member-app .kuaixuan .left { min-width:430px; }
    .member-app .kuaida .module { min-width:620px; }
    .member-app .g-dialog { position:fixed!important; left:8px!important; right:8px!important; top:5vh!important; margin:0!important; width:auto!important; max-width:calc(100vw - 16px); max-height:90vh; max-height:90dvh; overflow:auto; box-sizing:border-box; }
    .member-app input[type=text],.member-app input[type=password],.member-app input[type=number],.member-app select,.member-app textarea { font-size:16px; }
    .member-app input[type=button],.member-app input[type=submit],.member-app button { min-height:30px; touch-action:manipulation; }
    .member-app input[type=checkbox],.member-app input[type=radio] { min-width:18px; min-height:18px; vertical-align:middle; }
    .member-app .popup { display:none; }
    .member-entry .lineBox { width:calc(100% - 24px); max-width:350px; margin-top:35px; box-sizing:border-box; }
    .member-notice .protocol { margin:8px; }
    .member-notice .protocol .ft { padding:25px 0; }
}
@media (min-width:600px) and (max-width:1024px) and (max-height:500px) {
    .member-app .header .hd,.member-app .header .middle { display:none; }
    .member-app .side-left { max-height:64px; }
    .member-app #myinfo thead { display:none; }
    .member-app #myinfo tbody tr:nth-child(n+3) { flex-basis:50%; }
}
@media print {
    .member-app { position:static; display:block; height:auto; overflow:visible; }
    .member-app .header,.member-app #member-period-banner { display:none; }
    .member-app .doc,.member-app .main { display:block; position:static; overflow:visible; }
}

/* Mobile reflow: all menus and fast-entry fields fit the viewport. */
@media(max-width:1024px) {
 html.member-root { height:auto; min-height:100%; overflow:auto; }
 body.member-app { position:relative; display:block; height:auto; min-height:100vh; min-height:100dvh; overflow:visible; }
 .member-app .header .nav { flex-wrap:wrap; overflow:visible; padding:2px; gap:0; }
 .member-app .header .nav li,.member-app .header .nav .ml20 { flex:0 0 25%; width:25%; margin:0; padding:2px; box-sizing:border-box; font-size:12px; }
 .member-app .header .nav li a,.member-app .header .nav .ml20 a { display:block; width:auto; height:auto; border:1px solid #7eb2af; padding:0 2px; line-height:32px; text-align:center; box-sizing:border-box; font-size:12px; }
 .member-app .header .nav li a span { line-height:32px; min-width:0; }
 .member-app .header .middle .lottery-name,.member-app .header .middle .marquee { display:none; }
 .member-app .header .middle .systime { white-space:normal; font-size:12px; line-height:20px; }
 .member-app .header .bottom { flex-wrap:wrap; overflow:visible; padding:2px; border:0; gap:0; }
 .member-app .header .bottom a,.member-app .header .bottom a.on { flex:0 0 20%; width:20%; margin:0; padding:5px 1px; line-height:24px; font-size:12px; text-align:center; box-sizing:border-box; }
 .member-app .doc { display:block; overflow:visible; }
 .member-app .side-left { width:100%; max-height:none; overflow:visible; }
 .member-app .main { width:100%; overflow:visible; }
 .member-app #main>.module { min-height:300px; height:auto!important; box-sizing:border-box; }
 .member-app #main table { min-width:0; max-width:100%; width:100%; table-layout:fixed; box-sizing:border-box; }
 .member-app #main td,.member-app #main th { min-width:0; overflow-wrap:break-word; word-wrap:break-word; box-sizing:border-box; }
 .member-app #main input,.member-app #main textarea,.member-app #main select { max-width:100%; box-sizing:border-box; }
 /* Entry comes before records on phones; record cards expose all seven fields. */
 .member-app .kuaida .left { width:100%; margin:0; }
 .member-app .kuaida .left>.bd { display:flex; flex-direction:column; height:auto; margin:4px; }
 .member-app .kuaida .left>.bd>form { order:-1; margin-bottom:10px; }
 .member-app .kuaida .left form table,.member-app .kuaida .left form thead,.member-app .kuaida .left form tbody,.member-app .kuaida .left form tr { display:block; width:100%; }
 .member-app .kuaida .left form thead td { display:block; width:100%; height:auto; line-height:30px; padding:4px; }
 .member-app .kuaida .left form thead label { display:inline-block; margin-right:5px; white-space:nowrap; }
 .member-app .kuaida .left form tbody tr { display:flex; flex-wrap:wrap; }
 .member-app .kuaida .left form tbody td { display:block; flex:1 1 50%; width:auto; padding:8px 5px; font-size:16px; }
 .member-app .kuaida #betno,.member-app .kuaida #betmoney { display:block; width:100%; min-height:42px; margin-top:5px; }
 .member-app .kuaida .left form input[type=submit] { width:100%; min-height:40px; font-size:16px; }
 .member-app .kuaida .content-right-kd { width:100%; }
 .member-app .kuaida .right .bd { height:auto; padding:4px; }
 .member-app .kuaida .ssc_table_bg.mobile-cards>thead { display:block; }
 .member-app .kuaida .ssc_table_bg.mobile-cards>thead>tr.bg1 { display:none; }
 .member-app .kuaida .ssc_table_bg.mobile-cards>thead>tr { display:block; }
 .member-app .kuaida .ssc_table_bg.mobile-cards>thead>tr>td { display:none; }
 .member-app .kuaida .ssc_table_bg.mobile-cards>thead>tr>td:last-child { display:block; width:100%; padding:8px; text-align:right; }
 .member-app .kuaida .cancel-right { position:static; margin-left:8px; }
 .member-app .kuaida .mobile-cards>tbody>tr>td:nth-child(2) { flex-basis:100%; }
 .member-app .mobile-cards>tbody>tr.mobile-placeholder { display:none; }
 .member-app .mobile-cards[data-mobile-empty="1"]:after { content:"暂无注单"; display:block; padding:18px; text-align:center; color:#667; background:#fff; }
 .member-app .yid .t-4 { font-size:12px; }
 .member-app .yid .t-4 td { padding:2px 1px; }
 .member-app .yid .t-4 .no { display:block; width:100%; padding:0; margin:0; line-height:22px; font-size:13px; }
 .member-app .yid .t-4 .red { display:block; font-size:12px; line-height:19px; }
 .member-app .yid .fn-filter .item { width:calc(50% - 2px); max-width:32px; margin:1px; font-size:13px; }
 .member-app .yid #bd_fix { position:static; width:100%; background:#fff; }
 /* Ten-column number grids reflow to five, keeping row/column selectors. */
 .member-app .erd .bd-module>.t-3:not(#bd_fix),.member-app .erd .bd-module>.t-3:not(#bd_fix)>thead,.member-app .erd .bd-module>.t-3:not(#bd_fix)>tbody { display:block; width:100%; }
 .member-app .erd .bd-module>.t-3:not(#bd_fix)>thead>tr { display:flex; flex-wrap:wrap; }
 .member-app .erd .bd-module>.t-3:not(#bd_fix)>thead>tr>td { display:block; width:10%; flex:0 0 10%; text-align:center; }
 .member-app .erd .bd-module>.t-3:not(#bd_fix)>thead>tr.nth-1>td:first-child { display:none; }
 .member-app .erd .bd-module>.t-3:not(#bd_fix)>thead>tr.bg { display:none; }
 .member-app .erd .bd-module>.t-3:not(#bd_fix)>tbody>tr { display:flex; flex-wrap:wrap; }
 .member-app .erd .bd-module>.t-3:not(#bd_fix)>tbody>tr>td { display:block; flex:0 0 20%; width:20%; height:auto; min-height:44px; padding:4px 1px; text-align:center; }
 .member-app .erd .bd-module>.t-3:not(#bd_fix)>tbody>tr>td.fn-col { flex-basis:100%; width:100%; min-height:26px; }
 .member-app .erd .fn-col:after { content:"选择此组"; font-size:12px; margin-left:5px; }
 .member-app .erd .t-3 .no { display:block; width:100%; margin:0; line-height:22px; font-size:13px; }
 .member-app .erd .t-3 .red { display:block; font-size:12px; }
 .member-app .erd #bd_fix,.member-app .erd #bd_fix tbody,.member-app .erd #bd_fix tr { display:block; width:100%; }
 .member-app .erd #bd_fix td { display:block; width:100%; height:auto; padding:5px!important; }
 .member-app .erd #bd_fix .fn-fix,.member-app .erd #bd_fix .fn-hf { line-height:38px; }
 .member-app .erd #bd_fix .item { width:28px; min-height:30px; margin:1px; }
 .member-app .erd .fn-changept { display:inline-block; line-height:30px; }
 .member-app .erd .bet_money { width:100%; }
 .member-app .kuaixuan .left,.member-app .kuaixuan .right { width:100%; min-width:0; }
 .member-app .kuaixuan .left .bd,.member-app .kuaixuan .right .bd { height:auto; }
 .member-app .kuaixuan .tb-kuaixuan,.member-app .kuaixuan .tb-kuaixuan tbody,.member-app .kuaixuan .tb-kuaixuan tr { display:block; width:100%; }
 .member-app .kuaixuan .tb-kuaixuan tr { display:flex; flex-wrap:wrap; }
 .member-app .kuaixuan .tb-kuaixuan td { display:block; flex:1 1 25%; width:auto; padding:2px; }
 .member-app .kuaixuan .erd-btn { width:100%; min-width:0; padding:3px; font-size:13px; }
 .member-app .kuaixuan #bd_template td { padding:4px 2px; }
 .member-app .kuaixuan #bd_template input[type=text] { width:80px; max-width:100%; }
 .member-app .kuaixuan #bd_template input[type=checkbox] { min-width:12px; width:12px; margin:1px; }
 .member-app .kuaixuan .fixed-input input[type=text] { width:100%!important; }
 .member-app #kuaiyi .t-left,.member-app #kuaiyi .t-left>td { display:block; width:100%; }
 .member-app #kuaiyi .t-left>td { padding:8px!important; }
 .member-app #txtImport input[type=file] { width:100%; font-size:12px; }
 .member-app .rule .bd { margin:14px 4px; }
 .member-app .rule .rule-ball { width:100%; }
 .member-app .info>form>table,.member-app .info>form>table>tbody,.member-app .info>form>table>tbody>tr,.member-app .info>form>table>tbody>tr>td { display:block; width:100%; }
 .member-app .info .mr10 { margin-right:0; }
 .member-app .guide { height:auto; min-height:24px; line-height:24px; }
 .member-app .guide .fl,.member-app .guide .fr { float:none; }
 .member-entry { height:auto; min-height:100vh; overflow:auto; }
}
@media (min-width:600px) and (max-width:1024px) {
 .member-app .header .nav li,.member-app .header .nav .ml20 { flex-basis:14.285%; width:14.285%; }
 .member-app .header .bottom a,.member-app .header .bottom a.on { flex-basis:20%; width:20%; }
}

@media(max-width:1024px) { .member-app .kuaida .module { min-width:0; } }
@media(max-width:1024px) { .member-app #main .bd-module { min-width:0; max-width:100%; width:100%; } .member-app .erd .fn-row img { max-width:100%; } }
/* Compact, aligned records above entry; complete table formatting for translation. */
@media(max-width:1024px) {
 .member-app .kuaida .left>.bd>form { order:0; margin-top:8px; }
 .member-app .kuaida .mobile-cards { font-size:12px; }
 .member-app .kuaida .mobile-cards>tbody>tr>td { padding:5px 7px!important; line-height:18px; font-size:12px; }
 .member-app .kuaida .mobile-cards>tbody>tr>td:before { font-size:11px; line-height:16px; }
 .member-app .kuaida .mobile-cards .f15,.member-app .kuaida .mobile-cards .f16 { font-size:12px; }
 .member-app .kuaida .left form tbody td { font-size:14px; padding:6px; }
 .member-app .kuaida #betno,.member-app .kuaida #betmoney { min-height:36px; height:36px; }
 .member-app .kuaida .left form input[type=submit] { min-height:34px; font-size:14px; }
 .member-app #kuaiyi form>.t-1,.member-app #kuaiyi form>.t-1>thead,.member-app #kuaiyi form>.t-1>tbody,.member-app #kuaiyi form>.t-1>thead>tr { display:block; width:100%; height:auto; }
 .member-app #kuaiyi form>.t-1>thead>tr>td { display:block; width:100%; height:auto; min-height:28px; box-sizing:border-box; }
 .member-app #kuaiyi .t-left,.member-app #kuaiyi .t-left>td { display:block; width:100%; height:auto!important; min-height:0; box-sizing:border-box; }
 .member-app #kuaiyi #textarea { display:block; width:100%; height:180px; min-height:180px; font-size:16px; }
 .member-app #kuaiyi .ol { margin:6px 0 0 20px; padding:0; font-size:12px; line-height:20px; }
 .member-app #kuaiyi .ol li { list-style:decimal; margin:0 0 6px; }
}