@charset "UTF-8";

:root {
  --body-color: #e8f6f8;

  --boby-inner-color: #d6effa;
  --boby-inner-sub-color: #e4fbfc;
  --body-side-color: #ffffff;
  --icon-color: #2b91d4;
  --icon-title-color: #acd1e9;

  --border-frame-color: #aaaaaa;
  --border-list-color: #b4e2e9;
  --border-frame-input-sub-color: #edc0bc;
  --border-sub-color: #ffcccc;

  --main-color: #263040;
  --sub-color: #8090a1;

  --design-color: #2b91d4;
  --design-pear-color: #ffffff;

  --design-light-color: #67c5ff;
  --design-light-pear-color: #ffffff;

  --design-middle-color: #319ad2;
  --design-dark-color: #0c7ac2;

  --design-normal-color: #c0c0c0;
  --design-normal-pear-color: #ffffff;
  --design-normal-light-color: #e7e7e7;

  --design-master-color: #4d4398;
  --design-master-pear-color: #ffffff;
  --design-master-light-color: #b0aad9;

  --design-deep-color: #34576b;
  --design-deep-pear-color: #ffffff;
  --design-deep-light-color: #6697b5;

  --design-gray-color: #c0c0c0;
  --design-gray-pear-color: #ffffff;

  --design-yellow-color: #ffcc33;
  --design-yellow-pear-color: #ffffff;

  --design-black-color: #000000;
  --design-black-pear-color: #ffffff;

  --design-alert-color: #cc0000;
  --design-alert-pear-color: #ffffff;
  --design-alert-light-color: #ffaaaa;

  --design-err-color: #ff8989;

  --design-config-color: #4d4398;

  --ptn-001-color: #ff6699;
  --ptn-001-pear-color: #ffffff;
  --ptn-001-light-color: #ffa2c0;

  --ptn-002-color: #ff9900;
  --ptn-002-pear-color: #ffffff;
  --ptn-002-light-color: #ffd393;

  --ptn-003-color: #009966;
  --ptn-003-pear-color: #ffffff;
  --ptn-003-light-color: #00ea9e;

  --ptn-004-color: #0066ff;
  --ptn-004-pear-color: #ffffff;
  --ptn-004-light-color: #aaccff;

  --ptn-005-color: #ff99cc;
  --ptn-005-pear-color: #ffffff;
  --ptn-005-light-color: #ffd2e9;

  --ptn-006-color: #ffcc33;
  --ptn-006-pear-color: #ffffff;
  --ptn-006-light-color: #ffe9a6;

  --ptn-007-color: #33cc99;
  --ptn-007-pear-color: #ffffff;
  --ptn-007-light-color: #9ce7ce;

  --ptn-008-color: #0099ff;
  --ptn-008-pear-color: #ffffff;
  --ptn-008-light-color: #7dcbff;

  --ptn-009-color: #20b04a;
  --ptn-009-pear-color: #ffffff;
  --ptn-009-light-color: #7dcbff;


}

body {
	background-color: var(--body-color);
	color: var(--main-color);
}