@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 */