:root { color-scheme:light dark; /* light-dark(#333,#fff); */ accent-color: var(--kkvBtnPrimaryBG); /* 和 的主题色 */ --kkvColorText: #000; --kkvColorTitle: rgba(0,0,0,0.7); --kkvColorRemark: rgba(0,0,0,0.5); --kkvColorCaption: rgba(0,0,0,0.8); --kkvColorTips: #00000059; --kkvColorMemo: #0003; --kkvColorBorder: #e9e9e9; --kkvColorRootBG: #f9f9f9; --kkvColorMenuBG: #fcfcfc; --kkvColorPageBG: #ffffff; --kkvInputBorder: rgba(0,0,0,0.15); --kkvActiveShadow: 0 2px 4px 0 rgba(116, 158, 243, 0.02), 0 4px 12px 0 rgba(102, 188, 253, 0.04), 0 8px 24px 0 rgba(95, 178, 255, 0.17); --kkvBtnBlackBG: #232629; --kkvBtnBlueBG: #29cefc; --kkvBtnRedBG: #e81153; --kkvBtnRed2BG: #f23d74; --kkvFontFamily: 'PingFang SC','.萍方-简','微软雅黑','黑体'; } body { margin:0; padding:0; border:0; position:relative; background:#F2E1B6; } table,tr,td { margin:0; padding:0; border-collapse:collapse; border-spacing:0; } td,input,textarea,select{ color:#555; line-height:1.5; font-family:Verdana; font-size:12px; } a { color:#5e5e5e; text-decoration:none; } /* 按钮 */ .button { transition:0.5s;background:var(--kkvBtnRedBG);color:white; border:0px; font-weight:bold; min-width:103px; height:30px; text-align:center; cursor:pointer; } .button:hover { background:var(--kkvBtnRed2BG);color:yellow; } .button2 { transition:0.5s;background:var(--kkvBtnRedBG);color:white; border:0px; font-weight:bold; min-width:103px; height:30px; text-align:center; cursor:hand; } .button2:hover { color:yellow; } /* 登录框 */ .login-body { background:var(--kkvColorRootBG); } .login-table { width:100%; height:500px; } .login-form-cid { padding:5px;color:var(--kkvColorTitle); height:60px; font-family:Verdana; font-size:28px; font-weight:bold; text-shadow:rgba(150,150,150,.3) 1px 1px 3px; } .login-form-bg { } .login-form { width:604px; height:357px; position:relative;} .login-form-uid-label { position:absolute; left:23px; top:196px; width:80px; text-align:right; color:var(--kkvColorCaption); } .login-form-uid-input { position:absolute; left:105px; top:196px; width:128px; height:17px; border:1px solid #E3C19C; } .login-form-pwd-label { position:absolute; left:244px; top:196px; width:80px; text-align:right; color:var(--kkvColorCaption); } .login-form-pwd-input { position:absolute; left:326px; top:196px; width:128px; height:17px; border:1px solid #E3C19C; } .login-form-lang-label { position:absolute; left:486px; top:37px; color:var(--kkvColorCaption); } .login-form-lang-ch { position:absolute; left:436px; top:58px; } .login-form-lang-en { position:absolute; left:486px; top:58px; } .login-form-lang-jp { position:absolute; left:536px; top:58px; } .login-form-lang-ch img { transition:0.5s; filter:grayscale(20%); border:1px solid var(--kkvColorBorder); border-radius:4px; } .login-form-lang-en img { transition:0.5s; filter:grayscale(20%); border:1px solid var(--kkvColorBorder); border-radius:4px; } .login-form-lang-jp img { transition:0.5s; filter:grayscale(20%); border:1px solid var(--kkvColorBorder); border-radius:4px; } .login-form-lang-ch:hover img { filter:grayscale(0%); } .login-form-lang-en:hover img { filter:grayscale(0%); } .login-form-lang-jp:hover img { filter:grayscale(0%); } .login-form-msg { position:absolute; left:105px; top:142px; width:350px; text-align:center; color:red; font-weight:bold; } .login-button { position:absolute; left:476px; top:191px; background:var(--kkvBtnRedBG); width:103px; height:30px; border:0px; color:white; font-weight:bold; text-align:center; cursor:pointer; transition:0.5s; } .login-button:hover { background:var(--kkvBtnRed2BG);color:yellow; } .login-form-auto { color:var(--kkvColorRemark); } .safewb { position:absolute; left:40px; top:40px; opacity:0.5; filter:alpha(opacity=50); -moz-opacity:0.5; } /* 顶部 */ .top-body { background:var(--kkvColorRootBG); } .top-page-table { position:absolute; left:0px; top:0px; width:100%; height:125px; } .top-notice-td { color:var(--kkvColorTips); } .top-logo-td { color:var(--kkvColorTitle); width:200px; height:50px; font-family:Verdana; font-size:20px; font-weight:bold; text-shadow:rgba(150,150,150,.3) 1px 1px 3px; } .top-logo-uid { color:var(--kkvColorTitle); } .top-expiration-date { color:var(--kkvColorTips); } .top-table td { padding:3px; color:var(--kkvColorTips); } .top-table a { color:var(--kkvColorRemark); transition:0.5s; } .top-table a:hover { color:var(--kkvColorText); text-decoration:underline; } .top-table a img { filter:grayscale(20%); border:1px solid var(--kkvColorBorder); border-radius:4px; } .top-table a:hover img { filter:grayscale(0%); } .top-text { font-size:12px; color:yellow; } /* 左边菜单 */ .left-menu-table { width:100%; height:100%; } .menu-table { border:2px; background:var(--kkvColorRootBG); } .menu-table td { padding:3px; } .menu-table a { color:var(--kkvColorText); padding:0px 3px 0px 3px; display:block; transition:0.5s; } .menu-table a:hover { color:var(--kkvColorText); background:#9af3bd; } .menu-table .content-title-left { background:var(--kkvColorPageBG);border:1px solid var(--kkvColorBorder);border-right:0; } .menu-table .content-title-bg { background:var(--kkvColorPageBG);border:1px solid var(--kkvColorBorder);border-left:0;border-right:0;color:var(--kkvColorText); } .menu-table .content-title-right { background:var(--kkvColorPageBG);border:1px solid var(--kkvColorBorder);border-left:0; } .copy-right { color:var(--kkvColorTips); font-size:10px; } /* 内容部分 */ .page-body { background:var(--kkvColorRootBG); padding:12px; } .content-title-left { background:var(--kkvColorMenuBG); border:1px solid var(--kkvColorBorder);border-bottom:0;border-right:0; border-radius:4px 0px 0px 0px; width:8px; height:25px;} .content-title-bg { background:var(--kkvColorMenuBG); border:1px solid var(--kkvColorBorder);border-bottom:0;border-left:0;border-right:0; height:25px; font-size:12px; color:var(--kkvColorTitle); white-space:nowrap; } .content-title-right { background:var(--kkvColorMenuBG); border:1px solid var(--kkvColorBorder);border-bottom:0;border-left:0; border-radius:0px 4px 0px 0px; width:8px; height:25px; } .content-title-bg a { color:var(--kkvColorText); } .content-title-bg td { color:var(--kkvColorText); } .content-body { background:var(--kkvColorPageBG); border:1px solid var(--kkvColorBorder);border-radius:0px 0px 4px 4px; padding:10px; position:relative; } .content-body input,.content-body select,.content-body textarea { border:1px solid var(--kkvInputBorder); border-radius:4px; } .content-body input:focus,.content-body select:focus,.content-body textarea:focus { box-shadow:var(--kkvActiveShadow); } .content-input { width:98%; border:1px solid #E3C19C; height:20px; background:var(--kkvColorPageBG);color:var(--kkvColorText); font-size:12px; } .content-select { border:1px solid #C1DAD7; color:#4f6b72; } .sm-group { background:#75e6d2; } .caption { color:var(--kkvColorTitle); width:auto; height:32px; white-space:nowrap; padding:0px 0px 0px 8px; } /* */ .title { color:#F38001; text-decoration:none; font-size:12px; } .link { color:var(--kkvBtnRedBG); text-decoration:underline; transition:0.5s; } .link:hover { color:var(--kkvBtnRed2BG); } /* 表格部分 */ .table_border { } .table_border td { white-space:nowrap; border: 1px solid var(--kkvColorBorder); font-size:11px; padding:0px 2px 0px 2px; color:Black; background-color:white; } .table_border td a { text-decoration:underline;color:var(--kkvColorText); } .table_border td.alt { white-space:nowrap; background: #FFFFE0; color:Black; } /*↓ #7bbdef*/ .table_border td.table_title { white-space:nowrap; color:white;background:#94aaf3;border:1px solid #94aaf3; padding:0px 2px 0px 2px; text-align:left; height:20px; text-align:center; } .table_border td.table_title a { color:white; } .table_border td.table_title a:hover { color:yellow; } .table_border td.col { word-break:break-all; background:rgba(247,229,73,.35); text-align:right; } .table_border td.notc1 { background:#EAC100; } .table_border td.notc2 { background:#9AFF02; } /* */ .frm_border { background-color: white; border: #C3D9FF 1px solid; padding:3px; } .frm_content { background-color: #E8EEFA; padding:8px; } .frm_content td { padding:2px; } .frm_title { font-size:20px; } /* */ .transfer-input { width:80px; border:1px solid #eeeeee; height:20px; color:blue; font-size:12px; text-align:center; } .frame { position:absolute; display:none; left:300px; background:url(images4/frame-bg.png); width:615px; height:400px; opacity:0.95; filter:alpha(opacity=95); -moz-opacity:0.95; } .frame .dragbar { position:absolute; left:0px; top:0px; width:100%; height:30px; } .frame .close { position:absolute; left:587px; top:11px; width:14px; height:13px; cursor:hand; } .frame .close:hover { background:url(images4/close-over.png); } .frame .title { position:absolute; left:20px; top:8px; color:black; } .frame .contains { width:100%; height:100%; position:relative; } .frame .form { position:absolute; left:6px; top:31px; width:603px; height:363px; overflow-y:auto; } .frame .button { border:none; display:block; background:var(--kkvBtnRedBG);color:white; width:66px; height:51px; transform:0.5s; } .frame .button:hover { background:var(--kkvBtnRed2BG);color:yellow; } .frame .caption { font-weight:bold; } .frame td { padding:4px; } #div_qc_contra { display:none; position:absolute; z-index:9; left:0px; top:0px; width:1050px; text-align:right; border:5px solid var(--kkvBtnBlackBG);border-radius:8px; background:var(--kkvBtnBlackBG); opacity:0.99;filter:alpha(opacity=99);-moz-opacity:0.99; } #div_qc_contra a { color:white; } #div_qc_contra a:hover { color:red; } #div_qc_contra iframe { border-radius:4px; } #div_qc_adj { display:none; position:absolute; z-index:9; left:0px; top:0px; width:1050px; text-align:right; border:5px solid var(--kkvBtnBlackBG);border-radius:8px; background:var(--kkvBtnBlackBG); opacity:0.99;filter:alpha(opacity=99);-moz-opacity:0.99; } #div_qc_adj a { color:white; } #div_qc_adj a:hover { color:red; } #div_qc_adj iframe { border-radius:4px; }