@charset "UTF-8";

/* --- 字体 --- */
*, body, h1, h2, h3, h4, h5, h6, textarea, pre, code, kbd, samp, var, tt, blockquote, cite, q, .label, 
.ym-form input, .ym-form textarea, .ym-form select, .ym-form optgroup,
.ym-button, .ym-form button, .ym-form input[type="button"], .ym-form input[type="reset"], .ym-form input[type="submit"], * html .ym-button, * html .ym-form button, 
.vcard .email { font-family: "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", 微软雅黑, STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif; }

body { min-width: 75rem; }
.ym-wrapper { max-width: 75rem; }

/* --- 页脚 --- */
footer { background-color: #444; color: #a3a3a3; padding: 3rem 0; text-align: center; }
footer dl dt { color: #fff; font-weight: normal; margin-bottom: 1rem; }
footer dl dd { margin-bottom: .5rem; margin-left: 0; }
footer hr { border-bottom: 1px dotted #646464; }
footer p { margin-bottom: .2rem; }
footer p,
footer a { color: #a3a3a3; font-size: .9rem; }
footer a:focus,
footer a:hover,
footer a:active { color: #459ae9; background: transparent; border-radius: 0; }

/* --- 栅格 --- */
.ym-g10 { width: 10%; }
.ym-g15 { width: 15%; }
.ym-g30 { width: 30%; }
.ym-g35 { width: 35%; }
.ym-g45 { width: 45%; }
.ym-g55 { width: 55%; }
.ym-g65 { width: 65%; }
.ym-g70 { width: 70%; }
.ym-g85 { width: 85%; }
.ym-g90 { width: 90%; }

/* --- 页头 --- */
header { background-color: #3d474a; border-bottom: 1px solid #d6d6d6; }
header .ym-grid { padding-top: .5rem; padding-bottom: .5rem; }
header .ym-hlist { background-color: #ffffff; padding-top: .5rem; padding-bottom: .5rem; }

.web-app { padding: .7rem 0 .7rem 3rem; background-image: url("../image/favicon/256.png"); background-repeat: no-repeat; background-position: .5rem center; background-size: 32px 32px; }
.web-app a { color: #444; }
.web-app a:focus,
.web-app a:hover,
.web-app a:active { background-color: transparent; color: #4d87c7; }

/* --- 链接 --- */
.head-link { color: #eee; padding: .5rem; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
.head-link:focus,
.head-link:hover,
.head-link:active { color: #459ae9; background: transparent; border-radius: 0; }

/* --- 导航 --- */
.ym-hlist ul { padding: 0; }
.ym-hlist ul li { margin: 0 0 0 .5rem; }
.ym-hlist ul li a { color: #444; text-shadow: none; padding: .3rem 1.5rem; }
.ym-hlist ul li a:focus,
.ym-hlist ul li a:hover,
.ym-hlist ul li a:active { border-radius: .2rem; background-color: #e8f2fc; color: #444; }
.ym-hlist ul li.active,
.ym-hlist ul li.active a,
.ym-hlist ul li.active a:focus,
.ym-hlist ul li.active a:hover,
.ym-hlist ul li.active a:active { border-radius: .2rem; background-color: #44b549; color: #fff; }

.ym-vlist ul li a:focus,
.ym-vlist ul li a:hover,
.ym-vlist ul li a:active { background-color: #e8f2fc; color: #444; }
.ym-vlist ul li.active a,
.ym-vlist ul li.active a:focus,
.ym-vlist ul li.active a:hover,
.ym-vlist ul li.active a:active { background-color: #44b549; color: #fff; }

/* --- 表格 --- */
.table-scroll { overflow-x: auto; margin-bottom: .5rem; }
.table-scroll table { width: auto; min-width: 100%; margin-bottom: .5rem; }
    
/* --- 分页 --- */
.page-hlist { display: none; }
.page-hlist a { margin-right: 1rem; }

/* --- 表单 --- */
.ym-form { background: transparent; border: 1px solid #e6e6e6; -webkit-box-shadow: none; box-shadow: none; }
.ym-form .ym-fbox-footer { background: transparent; border-top: 1px dashed #e6e6e6; }

.ym-form-input,
.ym-form-textarea,
.ym-form-select { border: 1px solid #ddd; line-height: 1em; -webkit-box-shadow: inset 0 0 4px #eeeeee; box-shadow: inset 0 0 4px #eeeeee; }

.ym-form-input,
.ym-form-textarea { padding: 4px 0.3em; }

.ym-form-select { padding: 3px 2px 3px 1px; }

.ym-form-input:focus,
.ym-form-select:focus,
.ym-form-textarea:focus,
.ym-form-input:hover,
.ym-form-select:hover,
.ym-form-textarea:hover,
.ym-form-input:active,
.ym-form-select:active,
.ym-form-textarea:active { border: 1px #888 solid; background: #fff; }

.ym-form .ym-fbox-footer { padding: 1em; }