@charset "UTF-8"; html, body { font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "榛戜綋", Arial, sans-serif; height: 100%; background-color: #1C1C20; } ul { list-style: none; margin: 0; padding: 0; } .flex-container { display: flex; flex-direction: column; flex-wrap: wrap; height: 100%; width: 100%; } .flex-container section { box-sizing: border-box; padding: 3px 2px; color: #eeeeee; } .flex-container section div.wrapper { width: 100%; height: 100%; background-color: #23262d; } .flex-container section div.wrapper #chartA, .flex-container section div.wrapper #chartB, .flex-container section div.wrapper #chartC { flex: 1; } .secA { width: 30%; height: 33.3%; } .secB { width: 30%; height: 33.3%; } .secC { width: 30%; height: 33.3%; } .secD { width: 70%; height: 75%; } .secD .triggerMap { display: block; color: #ccc; font-size: 14px; top: 11px; position: absolute; right: 9px; padding: 3px; border: 1px solid; cursor: pointer; } .secD .mapGif { overflow: hidden; } .secE { width: 70%; height: 25%; } .title { font-weight: 600; font-size: large; padding: 8px; color: #ffe; word-spacing: 8px; letter-spacing: 2px; } .title li { margin-right: 5px; color: #4a6893; cursor: pointer; } .title li.active { color: #fff; } #headline { padding: 3px; background-color: #0055a6; color: #ffffff; text-align: center; font-weight: bolder; font-size: x-large; } .example { width: 100%; margin: 0 auto; height: 100%; } .example .frame { margin: 0 auto; width: 100%; height: 100%; overflow: hidden; text-shadow: none; } .example .frame ul { list-style: none; margin: 0; padding: 0; height: 100%; color: #ffffff; } .example .frame ul li { float: left; width: 180px; height: 100%; margin: 0 1px 0 0; background: #eee; text-align: center; cursor: pointer; justify-content: center; display: flex; flex-direction: column; flex-wrap: wrap; } .example .frame ul li:nth-child(odd) { background-color: #23262d; } .example .frame ul li:nth-child(even) { background-color: #3f4656; } .example .frame ul li.active { color: #fff; border: 1px solid cyan; background-color: #3A577f; } .example .frame ul li div.cellName { height: 50px; line-height: 50px; width: 100%; font-size: larger; font-weight: bold; } .example .frame ul li div.cellName span { color: red; } .example .frame ul li dl { height: 75px; -webkit-margin-before: 0; -webkit-margin-after: 0; } .example .frame ul li dl dt, .example .frame ul li dl dd { padding-top: 3px; padding-bottom: 3px; } .example .frame ul li dl dt { text-align: right; padding-right: 3px; } .example .frame ul li dl dd { text-align: left; padding-left: 3px; } /*# sourceMappingURL=home.css.map */