/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

body {
  background-color: #235bb1; }

.container {
  position: relative; }
  .container .header {
    border-bottom: 5px solid #3769b2;
    overflow: hidden;
    height: 41.61233px; }
    .container .header .btn-back {
      float: left;
      width: 99.2px;
      height: 41.61233px;
      background-image: url(../images/layer2.png);
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: 100% 100%; }
    .container .header .top-right {
      float: right;
      width: 99.84px;
      height: 41.61233px;
      background-image: url(../images/layer4.png);
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: 100% 100%; }
    .container .header .top-right2 {
      float: right;
      width: 151.68px;
      height: 41.61233px;
      background-image: url(../images/layer3.png);
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: 100% 100%; }
  .container .top-title {
    position: absolute;
    letter-spacing: 2px;
    line-height: 41.61233px;
    height: 41.61233px;
    width: 100%;
    font-size: 30px;
    color: #eee;
    text-align: center; }
  .container .body {
    display: flex;
    height: calc(100vh - 41.61233px - 5px); }
    .container .body .sidebar {
      border-right: 3px solid #3769b2;
      width: 122.24px; }
      .container .body .sidebar ul {
        color: #ccc; }
        .container .body .sidebar ul li {
          width: 122.24px;
          height: 42.25252px;
          line-height: 42.25252px;
          text-align: center;
          cursor: pointer; }
          .container .body .sidebar ul li i {
            margin-right: 4px; }
          .container .body .sidebar ul li:hover {
            background-color: #3399ff; }
          .container .body .sidebar ul li.active {
            background-color: #3399ff; }
    .container .body .content {
      width: 100%;
      padding-top: 2px;
      padding-left: 4px;
      padding-right: 4px; }
      .container .body .content .topbar {
        padding: 4px;
        color: #ccc;
        line-height: 48.01423px;
        height: 48.01423px;
        border: 3px solid #3769b2;
        margin-bottom: 4px;
        display: flex;
        align-items: center; }
        .container .body .content .topbar .select label {
          margin-right: 4px; }
        .container .body .content .topbar .select label ~ label {
          margin-left: 10px; }
        .container .body .content .topbar .select select {
          display: inline;
          padding-left: 4px;
          padding-right: 4px;
          color: #ccc;
          border: 1px solid #ccc;
          background: #1b4f95;
          background-image: none; }
          .container .body .content .topbar .select select:focus {
            outline: none; }
          .container .body .content .topbar .select select option {
            color: #ccc;
            background: #1b4f95; }
        .container .body .content .topbar .select input {
          background-color: #1b4f95;
          width: 200px;
          color: #ccc;
          border: 1px solid #ccc; }
          .container .body .content .topbar .select input:focus {
            outline: none; }
        .container .body .content .topbar .btns {
          padding-left: 1em;
          display: flex; }
          .container .body .content .topbar .btns a {
            color: #ccc;
            width: 85.76px;
            line-height: 29.44873px;
            height: 29.44873px;
            display: block;
            font-size: 90%;
            font-weight: bold;
            text-decoration: none;
            background-color: #2f62a7;
            border: 1px solid #4673ae;
            text-align: center;
            margin-right: 6px;
            border-radius: 4px; }
            .container .body .content .topbar .btns a:hover {
              background-color: #3399ff;
              color: #ccc; }
      .container .body .content .charts-title {
        text-align: center;
        color: #ccc;
        line-height: 3; }
      .container .body .content .charts {
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: space-around; }
        .container .body .content .charts.nowrap {
          flex-wrap: nowrap; }
        .container .body .content .charts .chart {
          margin-bottom: 4px;
          border-radius: 4px; }
        .container .body .content .charts .chart001 {
          width: 443.52px;
          height: 253.51512px;
          background-image: url(../images/page01/layer5.png);
          background-repeat: no-repeat;
          background-position: 0 0;
          background-size: 100% 100%; }
        .container .body .content .charts .chart002 {
          width: 873.6px;
          height: 253.51512px;
          background-image: url(../images/page01/layer6.png);
          background-repeat: no-repeat;
          background-position: 0 0;
          background-size: 100% 100%; }
        .container .body .content .charts .chart003 {
          width: 444.16px;
          height: 253.51512px;
          background-image: url(../images/page01/layer7.png);
          background-repeat: no-repeat;
          background-position: 0 0;
          background-size: 100% 100%; }
        .container .body .content .charts .chart004 {
          width: 443.52px;
          height: 380.27267px;
          background-image: url(../images/page01/layer8.png);
          background-repeat: no-repeat;
          background-position: 0 0;
          background-size: 100% 100%; }
        .container .body .content .charts .chart005 {
          width: 873.6px;
          height: 380.27267px;
          background-image: url(../images/page01/layer9.png);
          background-repeat: no-repeat;
          background-position: 0 0;
          background-size: 100% 100%; }
        .container .body .content .charts .chart006 {
          width: 444.16px;
          height: 380.27267px;
          background-image: url(../images/page01/layer10.png);
          background-repeat: no-repeat;
          background-position: 0 0;
          background-size: 100% 100%; }
        .container .body .content .charts .chart007 {
          width: 1783.04px;
          height: 380.27267px;
          background-image: url(../images/page01/layer11.png);
          background-repeat: no-repeat;
          background-position: 0 0;
          background-size: 100% 100%; }
        .container .body .content .charts .chart008 img {
          width: 1782.4px;
          height: 951.32187px; }
        .container .body .content .charts .chart009 {
          width: 346.88px;
          height: 88.98637px;
          background-image: url(../images/page03/layer01.png);
          background-repeat: no-repeat;
          background-position: 0 0;
          background-size: 100% 100%;
          margin-bottom: 10px; }
        .container .body .content .charts .chart010 {
          width: 344.96px;
          height: 88.98637px;
          background-image: url(../images/page03/layer02.png);
          background-repeat: no-repeat;
          background-position: 0 0;
          background-size: 100% 100%;
          margin-bottom: 10px; }
        .container .body .content .charts .chart011 {
          width: 347.52px;
          height: 88.98637px;
          background-image: url(../images/page03/layer03.png);
          background-repeat: no-repeat;
          background-position: 0 0;
          background-size: 100% 100%;
          margin-bottom: 10px; }
        .container .body .content .charts .chart012 {
          width: 345.6px;
          height: 88.98637px;
          background-image: url(../images/page03/layer04.png);
          background-repeat: no-repeat;
          background-position: 0 0;
          background-size: 100% 100%;
          margin-bottom: 10px; }
        .container .body .content .charts .chart013 {
          width: 346.88px;
          height: 88.98637px;
          background-image: url(../images/page03/layer05.png);
          background-repeat: no-repeat;
          background-position: 0 0;
          background-size: 100% 100%;
          margin-bottom: 10px; }
        .container .body .content .charts .chart014 {
          width: 1768.96px;
          height: 454.53468px;
          background-image: url(../images/page03/layer06.png);
          background-repeat: no-repeat;
          background-position: 0 0;
          background-size: 100% 100%;
          margin-bottom: 10px; }
        .container .body .content .charts .chart015 {
          width: 586.24px;
          height: 302.80972px;
          background-image: url(../images/page03/layer07.png);
          background-repeat: no-repeat;
          background-position: 0 0;
          background-size: 100% 100%;
          margin-bottom: 10px; }
        .container .body .content .charts .chart016 {
          width: 1172.48px;
          height: 302.80972px;
          background-image: url(../images/page03/layer08.png);
          background-repeat: no-repeat;
          background-position: 0 0;
          background-size: 100% 100%;
          margin-bottom: 10px; }
        .container .body .content .charts .chart017 {
          width: 1772px;
          height: 524px;
          background-image: url(../images/page04/layer01.png);
          background-repeat: no-repeat;
          background-position: 0 0;
          background-size: 100% 100%;
          margin-bottom: 10px; }
        .container .body .content .charts .chart018 {
          width: 589px;
          height: 350px;
          background-image: url(../images/page04/layer02.png);
          background-repeat: no-repeat;
          background-position: 0 0;
          background-size: 100% 100%;
          margin-bottom: 10px; }
        .container .body .content .charts .chart019 {
          width: 1175px;
          height: 350px;
          background-image: url(../images/page04/layer03.png);
          background-repeat: no-repeat;
          background-position: 0 0;
          background-size: 100% 100%;
          margin-bottom: 10px; }
        .container .body .content .charts .chart020 {
          width: 585.6px;
          height: 953.88263px;
          background-image: url(../images/page05/layer04.png);
          background-repeat: no-repeat;
          background-position: 0 0;
          background-size: 100% 100%; }
        .container .body .content .charts .chart-column {
          width: 1167.36px;
          height: 953.88263px; }
          .container .body .content .charts .chart-column .chart021 {
            width: 1167.36px;
            height: 474.38056px;
            background-image: url(../images/page05/layer05.png);
            background-repeat: no-repeat;
            background-position: 0 0;
            background-size: 100% 100%; }
          .container .body .content .charts .chart-column .chart022 {
            width: 1167.36px;
            height: 474.38056px;
            background-image: url(../images/page05/layer06.png);
            background-repeat: no-repeat;
            background-position: 0 0;
            background-size: 100% 100%; }

.fullimg {
  position: relative;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%; }
  .fullimg .close {
    position: absolute;
    z-index: 2;
    background: transparent;
    right: 0;
    top: 0;
    width: 2em;
    height: 2em; }
    .fullimg .close:hover {
      cursor: pointer; }