/* 最小化できませんでした。最小化されていないコンテンツを返します。
(338,27): run-time error CSS1030: Expected identifier, found '['
(338,32): run-time error CSS1031: Expected selector, found '='
(338,32): run-time error CSS1025: Expected comma or open brace, found '='
(341,27): run-time error CSS1030: Expected identifier, found '['
(341,32): run-time error CSS1031: Expected selector, found '='
(341,32): run-time error CSS1025: Expected comma or open brace, found '='
 */
html {
    height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    -ms-overflow-style: none;
}
html::-webkit-scrollbar {
    display: none;
}

body {
    color: #444444;
    line-height: 1.6;
    background-color: #78dca5;
    height: 100%;
}

.ui-widget,
body {
    font-family: Meiryo UI, "メイリオ", Meiryo, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif !important;
    font-size: 14px;
}
label,
input,
button,
li,
span,
td,
select,
textarea {
    font-size: 16px;
}

th {
    font-size: 14px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    #page-body {
        min-width: 768px;
        padding: 0;
    }
}

.float-left {
    float: left;
    display: block;
}
.float-right {
    float: right;
    display: block;
}

/* 読込中のコンテンツ */
.loading-contents {
    position: absolute;
    top: -10000px;
}

/* ページヘッダー */
/* ページフッター */
#page-header,
#page-footer {
    width: 100%;
    min-width: 1270px;
}

#page-header {
    height: 64px;
    border-bottom: 1px solid gray;
    background-color: white;
    top: 0;
    left: 0;
}

#page-body {
    width: 100%;
}

#page-footer {
    height: 0;
    bottom: 0;
}

/* コンテンツ */
.content {
    width: 100%;
    height: 100%;
    padding: 2px;
    overflow-x: auto;
    overflow-y: auto;
    -ms-overflow-style: auto;
}

@media all and (-ms-high-contrast: none) {
    /* (IE10, 11) */
    .content {
        overflow-x: auto;
        overflow-y: auto;
        -ms-overflow-style: auto;
    }
}
.content-main {
    padding-right: 8px;
}
.content-main::-webkit-scrollbar {
    display: none;
}

.content-box {
    position: relative;
    display: inline-block;
    padding: 6px;
    margin: 4px;
    width: 100%;
    background-color: white;
    border-radius: 4px;
}

/* ファンクションボタンバー */
.page-function-bar {
    width: 100%;
    height: 40px;
    color: black;
    background-color: white;
    border-bottom: 1px solid gray;
}

/* ファンクションボタン */
.function-box {
    margin-left: 3px;
    margin-top: 4px;
    height: 40px;
    width: 100%;
}

.function-box div {
    margin-left: 2px;
    margin-right: 2px;
}

.function-box div.btn-group {
    margin-left: 2px;
}

.btn-function {
    position: relative;
    margin: 0 4px;
    height: 32px;
    width: 100px;
    border-radius: 2px !important;
    image-rendering: optimizeQuality;
    -ms-interpolation-mode: bicubic;
}

.btn-function span.function-text {
    position: absolute;
    bottom: 0;
    left: 1px;
    right: 1px;
    width: 100%;
}

.btn-function span.function-key {
    position: absolute;
    top: 0;
    left: 1px;
    right: 1px;
    width: 100%;
    font-size: 10px !important;
}

/* ページタイトル */
.page-title-bar {
    width: 100%;
    min-width: 1260px;
    height: 24px;
    text-align: center;
    border-bottom: 1px solid gray;
}

.page-title-text {
    font-size: 20px !important;
    font-weight: 700;
    margin-top: -5px;
    margin-left: 10px;
}

.page-title-info {
    font-weight: 600;
    margin-right: 10px;
    min-width: 150px;
}


.item-inline {
    display:inline-block;
    vertical-align: middle;
}

/* コントロール標準 */
input,
select,
textarea {
    border: 1px solid darkgray;
    background-color: white;
}
input::-ms-clear {
    display: none;
}
input[type='text'],
input[type='password'] {
    height: 24px;
    line-height: 20px;
}

/* フォーカス時 */
input:focus,
textarea:focus{
    background-color: #c6ffc6;
}
/* マウスオン */
input:hover,
select:hover,
textarea:hover {
    border: 1px solid gray;
}

input::-webkit-input-placeholder { color: #ddd; }
input:-ms-input-placeholder { color: #ddd; }

/* ボタン */
.btn:focus {
    box-shadow: 0px 0px 0px 0.13rem rgba(40, 167, 69, 0.5);
}

/* テキスト入力コントロール */
input[class*="com-char-size-"] {
    ime-mode: active;
}
input[class*="com-half-size-"] {
    ime-mode: disabled;
}

/* 数値入力コントロール */
/* 時間入力コントロール */
input.com-number,
input.com-time {
    text-align: right;
    ime-mode: disabled;
}

/* 日付入力コントロール */
input.com-date {
    ime-mode: disabled;
}

/* 日付入力コントロール */
com-calender > input[type='date'] {
    width: 146px !important;
    text-align: center;
}

_:lang(x)::-ms-, com-calender > input[type='date'] {
    letter-spacing: 1px;
}

_:lang(x)::-internal-media-controls-overlay-cast-button, com-calender > input[type='date'] {
    letter-spacing: 1px;
}

/* 名称表示コントロール */
input[data-com-readonly="readonly"] {
    color: #000000 !important;
    background-color: #f3fff3 !important;
}

/* チェックボックス */
com-checkbox {
    padding-top: 3px;
    line-height: 1;
}
com-checkbox > input[type='checkbox'] {
    margin-top: 2px;
    background-color: transparent;
}
com-checkbox > input[type='checkbox']:focus {
    outline-style: solid;
    outline-color: rgb(40, 167, 69);
    outline-width: 2px;
}
com-checkbox > label {
    margin: 0px 2px !important;
    font-weight: normal !important;
}

/* ラジオボタン */
com-radio {
    padding-top: 3px;
    line-height: 1;
}
com-radio > input[type='radio'] {
    background-color: transparent;
    margin-top: 2px;
}
com-radio > input[type='radio']:focus {
    outline-style: solid;
    outline-color: rgb(40, 167, 69);
    outline-width: 2px;
}
com-radio > label {
    margin: 0px 2px !important;
    font-weight: normal !important;
}

/* ボタン */
button.com-button {
}
button.com-button > span {
    vertical-align: top !important;
}

/* 入力エラー */
input[data-com-error="error"], 
textarea[data-com-error="error"] {
    background-color: #fac5ee !important;
    border-width: 2px !important;
}
input[data-com-error="warn"],
textarea[data-com-error="warn"] {
    background-color: #ffff99 !important;
    border-width: 2px !important;
}
.com-layout-cell:has(input[type='checkbox'][data-com-error="error"]) {
    background-color: #fac5ee !important;
}
.com-layout-cell:has(input[type='checkbox'][data-com-error="warn"]) {
    background-color: #ffff99 !important;
}
.tooltip {
    z-index: 50000 !important;
}
.tooltip-inner {
    font-size: 16px !important;
    max-width: 400px !important;
    text-align: left;
}

/* 数値表示コントロール（一覧表示用） */
td[data-bind^="comTDNumber"] {
    text-align: right;
}

/* 日付表示コントロール（一覧表示用） */
td[data-bind^="comTDDate"] {
    text-align: center;
}

/* アンカーコントロール（一覧表示用） */
td[data-bind^="comTDLink"] > button {
    border: none;
    border-radius: 2px;
    vertical-align: middle;
    line-height: 1.175;
}
td[data-bind^="comTDLink"] > button:hover,
td[data-bind^="comTDLink"] > button:active,
td[data-bind^="comTDLink"] > button:focus {
    color: #fff;
    background-color: rgb(0, 120, 215);
    outline-style: none;
    text-decoration: none;
}

/* テキストコントロールの幅(全角文字) */
.com-char-size-1 { width: 22px; }
.com-char-size-2 { width: 38px; }
.com-char-size-3 { width: 54px; }
.com-char-size-4 { width: 70px; }
.com-char-size-5 { width: 86px; }
.com-char-size-6 { width: 102px; }
.com-char-size-7 { width: 118px; }
.com-char-size-8 { width: 134px; }
.com-char-size-9 { width: 150px; }
.com-char-size-10 { width: 166px; }
.com-char-size-11 { width: 182px; }
.com-char-size-12 { width: 198px; }
.com-char-size-13 { width: 214px; }
.com-char-size-14 { width: 230px; }
.com-char-size-15 { width: 246px; }
.com-char-size-16 { width: 262px; }
.com-char-size-17 { width: 278px; }
.com-char-size-18 { width: 294px; }
.com-char-size-19 { width: 310px; }
.com-char-size-20 { width: 326px; }
.com-char-size-21 { width: 342px; }
.com-char-size-22 { width: 358px; }
.com-char-size-23 { width: 374px; }
.com-char-size-24 { width: 390px; }
.com-char-size-25 { width: 406px; }
.com-char-size-26 { width: 422px; }
.com-char-size-27 { width: 438px; }
.com-char-size-28 { width: 454px; }
.com-char-size-29 { width: 470px; }
.com-char-size-30 { width: 486px; }
.com-char-size-31 { width: 502px; }
.com-char-size-32 { width: 518px; }
.com-char-size-33 { width: 534px; }
.com-char-size-34 { width: 550px; }
.com-char-size-35 { width: 566px; }
.com-char-size-36 { width: 582px; }
.com-char-size-37 { width: 598px; }
.com-char-size-38 { width: 614px; }
.com-char-size-39 { width: 630px; }
.com-char-size-40 { width: 646px; }
.com-char-size-41 { width: 662px; }
.com-char-size-42 { width: 678px; }
.com-char-size-43 { width: 694px; }
.com-char-size-44 { width: 710px; }
.com-char-size-45 { width: 726px; }
.com-char-size-46 { width: 742px; }
.com-char-size-47 { width: 758px; }
.com-char-size-48 { width: 774px; }
.com-char-size-49 { width: 790px; }
.com-char-size-50 { width: 806px; }
.com-char-size-51 { width: 822px; }
.com-char-size-52 { width: 838px; }
.com-char-size-53 { width: 854px; }
.com-char-size-54 { width: 870px; }
.com-char-size-55 { width: 886px; }
.com-char-size-56 { width: 902px; }
.com-char-size-57 { width: 918px; }
.com-char-size-58 { width: 934px; }
.com-char-size-59 { width: 950px; }
.com-char-size-60 { width: 966px; }

/* テキストコントロールの幅(半角文字) */
.com-half-size-1 { width: 22px; }
.com-half-size-2 { width: 32px; }
.com-half-size-3 { width: 42px; }
.com-half-size-4 { width: 52px; }
.com-half-size-5 { width: 62px; }
.com-half-size-6 { width: 72px; }
.com-half-size-7 { width: 82px; }
.com-half-size-8 { width: 92px; }
.com-half-size-9 { width: 102px; }
.com-half-size-10 { width: 112px; }
.com-half-size-11 { width: 122px; }
.com-half-size-12 { width: 132px; }
.com-half-size-13 { width: 142px; }
.com-half-size-14 { width: 152px; }
.com-half-size-15 { width: 162px; }
.com-half-size-16 { width: 172px; }
.com-half-size-17 { width: 182px; }
.com-half-size-18 { width: 192px; }
.com-half-size-19 { width: 202px; }
.com-half-size-20 { width: 212px; }
.com-half-size-21 { width: 222px; }
.com-half-size-22 { width: 232px; }
.com-half-size-23 { width: 242px; }
.com-half-size-24 { width: 252px; }
.com-half-size-25 { width: 262px; }
.com-half-size-26 { width: 272px; }
.com-half-size-27 { width: 282px; }
.com-half-size-28 { width: 292px; }
.com-half-size-29 { width: 302px; }
.com-half-size-30 { width: 312px; }
.com-half-size-31 { width: 322px; }
.com-half-size-32 { width: 332px; }
.com-half-size-33 { width: 342px; }
.com-half-size-34 { width: 352px; }
.com-half-size-35 { width: 362px; }
.com-half-size-36 { width: 372px; }
.com-half-size-37 { width: 382px; }
.com-half-size-38 { width: 392px; }
.com-half-size-39 { width: 402px; }
.com-half-size-40 { width: 412px; }
.com-half-size-41 { width: 422px; }
.com-half-size-42 { width: 432px; }
.com-half-size-43 { width: 442px; }
.com-half-size-44 { width: 452px; }
.com-half-size-45 { width: 462px; }
.com-half-size-46 { width: 472px; }
.com-half-size-47 { width: 482px; }
.com-half-size-48 { width: 492px; }
.com-half-size-49 { width: 502px; }
.com-half-size-50 { width: 512px; }
.com-half-size-51 { width: 522px; }
.com-half-size-52 { width: 532px; }
.com-half-size-53 { width: 542px; }
.com-half-size-54 { width: 552px; }
.com-half-size-55 { width: 562px; }
.com-half-size-56 { width: 572px; }
.com-half-size-57 { width: 582px; }
.com-half-size-58 { width: 592px; }
.com-half-size-59 { width: 602px; }
.com-half-size-60 { width: 612px; }

/* テーブルの列の幅 */
.com-table-col-1 { width: 16px; min-width: 16px; }
.com-table-col-2 { width: 32px; min-width: 32px; }
.com-table-col-3 { width: 48px; min-width: 48px; }
.com-table-col-4 { width: 64px; min-width: 64px; }
.com-table-col-5 { width: 80px; min-width: 80px; }
.com-table-col-6 { width: 96px; min-width: 96px; }
.com-table-col-7 { width: 112px; min-width: 112px; }
.com-table-col-8 { width: 128px; min-width: 128px; }
.com-table-col-9 { width: 144px; min-width: 144px; }
.com-table-col-10 { width: 160px; min-width: 160px; }
.com-table-col-11 { width: 176px; min-width: 176px; }
.com-table-col-12 { width: 192px; min-width: 192px; }
.com-table-col-13 { width: 208px; min-width: 208px; }
.com-table-col-14 { width: 224px; min-width: 224px; }
.com-table-col-15 { width: 240px; min-width: 240px; }
.com-table-col-16 { width: 256px; min-width: 256px; }
.com-table-col-17 { width: 272px; min-width: 272px; }
.com-table-col-18 { width: 288px; min-width: 288px; }
.com-table-col-19 { width: 304px; min-width: 304px; }
.com-table-col-20 { width: 320px; min-width: 320px; }
.com-table-col-21 { width: 336px; min-width: 336px; }
.com-table-col-22 { width: 352px; min-width: 352px; }
.com-table-col-23 { width: 368px; min-width: 368px; }
.com-table-col-24 { width: 384px; min-width: 384px; }
.com-table-col-25 { width: 400px; min-width: 400px; }
.com-table-col-26 { width: 416px; min-width: 416px; }
.com-table-col-27 { width: 432px; min-width: 432px; }
.com-table-col-28 { width: 448px; min-width: 448px; }
.com-table-col-29 { width: 464px; min-width: 464px; }
.com-table-col-30 { width: 480px; min-width: 480px; }
.com-table-col-31 { width: 496px; min-width: 496px; }
.com-table-col-32 { width: 512px; min-width: 512px; }
.com-table-col-33 { width: 545px; min-width: 545px; }
.com-table-col-34 { width: 544px; min-width: 544px; }
.com-table-col-35 { width: 560px; min-width: 560px; }
.com-table-col-36 { width: 576px; min-width: 576px; }
.com-table-col-37 { width: 592px; min-width: 592px; }
.com-table-col-38 { width: 608px; min-width: 608px; }
.com-table-col-39 { width: 624px; min-width: 624px; }
.com-table-col-40 { width: 640px; min-width: 640px; }
.com-table-col-41 { width: 656px; min-width: 656px; }
.com-table-col-42 { width: 672px; min-width: 672px; }
.com-table-col-43 { width: 688px; min-width: 688px; }
.com-table-col-44 { width: 704px; min-width: 704px; }
.com-table-col-45 { width: 720px; min-width: 720px; }
.com-table-col-46 { width: 736px; min-width: 736px; }
.com-table-col-47 { width: 752px; min-width: 752px; }
.com-table-col-48 { width: 768px; min-width: 768px; }
.com-table-col-49 { width: 784px; min-width: 784px; }
.com-table-col-50 { width: 800px; min-width: 800px; }
.com-table-col-51 { width: 816px; min-width: 816px; }
.com-table-col-52 { width: 832px; min-width: 832px; }
.com-table-col-53 { width: 848px; min-width: 848px; }
.com-table-col-54 { width: 864px; min-width: 864px; }
.com-table-col-55 { width: 880px; min-width: 880px; }
.com-table-col-56 { width: 896px; min-width: 896px; }
.com-table-col-57 { width: 912px; min-width: 912px; }
.com-table-col-58 { width: 928px; min-width: 928px; }
.com-table-col-59 { width: 944px; min-width: 944px; }
.com-table-col-60 { width: 960px; min-width: 960px; }

/* ダイアログ */
.ui-front {
    z-index: 9999 !important;
}
.ui-dialog {
    padding: 2px !important;
    background: white;
    border-color: gray;
    border-radius: 8px;
    z-index: 10000 !important;
}
.ui-dialog .ui-dialog-titlebar {
    background-color: transparent;
    border: none;
}
.ui-dialog .ui-dialog-buttonset {
    text-align: center;
}
.com-dialog {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

/* レイアウト */
.com-layout-table {
    display: table;
}

.com-layout-row {
    display: table-row;
    line-height: 25px;
}

.com-layout-cell {
    text-align: left;
    display: table-cell;
    border-radius: 0;
    margin: 0;
    padding: 0;
    font-size: 0;
}

.com-layout-cell.empty {
    font-size: 16px;
}

.com-layout-cell label {
    font-weight: normal !important;
    text-align: left;
    vertical-align: middle !important;
    margin-bottom: 0;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 3px;
    padding-right: 3px;
    height: 100%;
}

.com-layout-cell span {
    text-align: left;
    vertical-align: middle !important;
    margin-left: 2px;
    height: 100%;
}

.com-layout-cell input,
.com-layout-cell select {
    vertical-align: middle !important;
}

/* テーブル */
div.com-table-container {
}

div.com-table-container table {
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    padding: 0;
}

div.com-table-container div.header table thead,
div.com-table-container div.body table tbody {
    border: 0;
}

div.com-table-container div.body table tbody:nth-of-type(odd) {
    background-color: rgba(230, 255, 245, 0.9);
}

div.com-table-container div.body table tbody tr:nth-of-type(odd) {
    background-color: transparent;
}

div.com-table-container div.header table tr {
    min-height: 15.4px;
    line-height: 1.1;
}

div.com-table-container div.body table tr,
div.com-table-container div.footer table tr {
    line-height: 1.25;
}

div.com-table-container table tr.single-row {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-collapse: collapse;
    border-spacing: 0;
    height: 26px;
}
div.com-table-container table tr.single-row > td > * {
    padding: 0 5px;
    display: inline-block;
}

div.com-table-container table tr.first-row {
    border-top: 1px solid black;
    border-collapse: collapse;
    border-spacing: 0;
}

div.com-table-container table tr.last-row {
    border-bottom: 1px solid black;
    border-collapse: collapse;
    border-spacing: 0;
}

div.com-table-container div.header table th {
    border: 1px solid black;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: center;
}

div.com-table-container div.body table td,
div.com-table-container div.footer:not(.noline) table td {
    border: 1px solid black;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 1px;
}

div.com-table-container div.footer:not(.noline) table td {
    background-color: #f3fff3 !important;
}

div.com-table-container div.footer.noline table td {
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
}

div.com-table-container div.header table th[rowspan] {
    vertical-align: top;
    padding: 4px 2px 2px 2px;
}

div.com-table-container div.body table td[rowspan] {
    vertical-align: top;
    padding: 4px 2px 2px 2px;
}

div.com-table-container div.header table th:not([rowspan]) {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

div.com-table-container div.body table td:not([rowspan]) {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

div.com-table-container div.header table tr.title,
div.com-table-container div.header table th.title,
div.com-table-container div.body table th.title {
    background: green;
    color: white;
}

/* ヘッダー */
div.com-table-container div.header {
    overflow: hidden !important;
}

div.com-table-container div.header table thead {
    display: block;
}

/* 本体 */
div.com-table-container div.body {
    overflow: auto;
}

div.com-table-container div.body table {
    display: block;
}

div.com-table-container div.body table tbody tr.deleted {
    background-color: #808080;
}

div.com-table-container div.body table tbody tr td input[type='text'] {
    width: 100% !important;
}

div.com-table-container div.body table tbody tr td com-checkbox,
div.com-table-container div.body table tbody tr td com-radio,
div.com-table-container div.body table tbody tr td com-button {
    display: block;
    height: 100%;
    width: 100% !important;
    text-align: center;
    padding-top: 1px;
}
div.com-table-container div.body table tbody tr td com-checkbox input,
div.com-table-container div.body table tbody tr td com-radio input {
    margin-top: 0;
}

div.com-table-container div.body button.btn.btn-link {
    height: 100%;
    width: 100% !important;
    text-align: left;
}

/* フッター */
div.com-table-container div.footer {
    overflow: hidden !important;
}

div.com-table-container div.footer table tfoot {
    display: block;
}

/* ページャー */
.com-pager {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.com-pager .pagination {
    margin: 5px 0;
}
.com-pager .pagination > li {
    min-width: 40px;
}
.com-pager .pagination > li > a,
.com-pager .pagination > li > span {
    padding: 1px 8px;
    color: #007bff;
    text-align: center;
}
.com-pager .pagination > li > a:hover,
.com-pager .pagination > li > a:active,
.com-pager .pagination > li > a:focus {
    box-shadow: none;
}

/* ページヘッダ */
#page-header {
    background-color: #fff9ee;
    border-bottom: 1px solid lightgray;
    width: 100%;
    min-width: 1100px;
    height: 80px;
    display: flex;
}
/* ヘッダタイトル部 */
#header-title {
    width: 100%;
    min-width: 740px;
    position: relative;
}

    #header-title img {
        height: 50px;
        position: absolute;
        top: 14px;
        left: 30px;
    }

    #header-title #sys-title {
        font-size: 32px !important;
        color: #005740;
        text-decoration: underline;
        position: absolute;
        top: 20px;
        left: 160px;
    }

    #header-title #page-title {
        font-size: 36px !important;
        position: absolute;
        top: 18px;
        left: 370px;
    }

#header-right {
    margin: 18px 20px;
    width: 100%;
    min-width: 360px;
    display: flex;
    justify-content: flex-end;
}

#header-info {
    padding-right: 20px;
    text-align: right;
}

#header-button button {
    font-size: 14px;
    background: transparent;
    border: none;
    padding: 0 5px;
}

    #header-button button:focus {
        outline: 0;
    }

    #header-button button img {
        height: 30px;
        opacity: 0.6;
        transition: 0.2s;
    }

    #header-button button:hover > img,
    #header-button button:focus > img {
        opacity: 1;
    }

#copyright{
    text-align: right;
}

.arrow_box{
    position:relative;
    background:#78dca5;
    padding:10px;
    text-align:center;
    color:#000000;
    font-size:30px;
    font-weight:bold;
    border:solid;
    border-color:#78dca5;
    border-radius:14px;
    -webkit-border-radius:14px;
    -moz-border-radius:14px;
}
.arrow_box:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(78, 226, 113, 0);
    border-top-width:9px;
    border-bottom-width:9px;
    border-left-width:9px;
    border-right-width:9px;
    margin-top: -9px;
    border-right-color:#47E271;
    right:100%;
    top:50%;
}

input::placeholder,
textarea::placeholder{
    color: gray;
}


/* ローディング画像 */
.loading-container {
    position: fixed;
    top: 0;
    left: 0;
	width: 100%;
	height: 100%;
    background: #fff;
    z-index: 100000;
    opacity: 0.8;
}

.loading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
	width: 100px;
	height: 100px;
    z-index: 99999;
}

.loading .wBall {
	position: absolute;
	width: 95px;
	height: 95px;
	opacity: 0;
	-moz-transform: rotate(225deg);
	-moz-animation: loading-animation 4.4s infinite;
	-webkit-transform: rotate(225deg);
	-webkit-animation: loading-animation 4.4s infinite;
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	-o-animation: loading-animation 4.4s infinite;
	transform: rotate(225deg);
	animation: loading-animation 4.4s infinite;
}

.loading .wBall .wInnerBall{
	position: absolute;
	width: 18px;
	height: 18px;
	background: #66cc66;
	left: 0;
	top: 0;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

.loading #wBall_1 {
	-moz-animation-delay: 0.96s;
	-webkit-animation-delay: 0.96s;
	-o-animation-delay: 0.96s;
	animation-delay: 0.96s;
}

.loading #wBall_2 {
	-moz-animation-delay: 0.19s;
	-webkit-animation-delay: 0.19s;
	-o-animation-delay: 0.19s;
	animation-delay: 0.19s;
}

.loading #wBall_3 {
	-moz-animation-delay: 0.38s;
	-webkit-animation-delay: 0.38s;
	-o-animation-delay: 0.38s;
	animation-delay: 0.38s;
}

.loading #wBall_4 {
	-moz-animation-delay: 0.58s;
	-webkit-animation-delay: 0.58s;
	-o-animation-delay: 0.58s;
	animation-delay: 0.58s;
}

.loading #wBall_5 {
	-moz-animation-delay: 0.77s;
	-webkit-animation-delay: 0.77s;
	-o-animation-delay: 0.77s;
	animation-delay: 0.77s;
}

@-moz-keyframes loading-animation {
	0% {
		opacity: 1;
		z-index:99;
		-moz-transform: rotate(180deg);
		-moz-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-moz-transform: rotate(300deg);
		-moz-animation-timing-function: linear;
		-moz-origin:0%;
	}

	30% {
		opacity: 1;
		-moz-transform:rotate(410deg);
		-moz-animation-timing-function: ease-in-out;
		-moz-origin:7%;
	}

	39% {
		opacity: 1;
		-moz-transform: rotate(645deg);
		-moz-animation-timing-function: linear;
		-moz-origin:30%;
	}

	70% {
		opacity: 1;
		-moz-transform: rotate(770deg);
		-moz-animation-timing-function: ease-out;
		-moz-origin:39%;
	}

	75% {
		opacity: 1;
		-moz-transform: rotate(900deg);
		-moz-animation-timing-function: ease-out;
		-moz-origin:70%;
	}

	76% {
	    opacity: 0;
		-moz-transform: rotate(900deg);
	}

	100% {
		opacity: 0;
		-moz-transform: rotate(900deg);
	}
}

@-webkit-keyframes loading-animation {
	0% {
		opacity: 1;
		z-index:99;
		-webkit-transform: rotate(180deg);
		-webkit-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-webkit-transform: rotate(300deg);
		-webkit-animation-timing-function: linear;
		-webkit-origin:0%;
	}

	30% {
		opacity: 1;
		-webkit-transform:rotate(410deg);
		-webkit-animation-timing-function: ease-in-out;
		-webkit-origin:7%;
	}

	39% {
		opacity: 1;
		-webkit-transform: rotate(645deg);
		-webkit-animation-timing-function: linear;
		-webkit-origin:30%;
	}

	70% {
		opacity: 1;
		-webkit-transform: rotate(770deg);
		-webkit-animation-timing-function: ease-out;
		-webkit-origin:39%;
	}

	75% {
		opacity: 1;
		-webkit-transform: rotate(900deg);
		-webkit-animation-timing-function: ease-out;
		-webkit-origin:70%;
	}

	76% {
		opacity: 0;
		-webkit-transform:rotate(900deg);
	}

	100% {
		opacity: 0;
		-webkit-transform: rotate(900deg);
	}
}

@keyframes loading-animation {
	0% {
		opacity: 1;
		z-index:99;
		transform: rotate(180deg);
		animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		transform: rotate(300deg);
		animation-timing-function: linear;
		origin:0%;
	}

	30% {
		opacity: 1;
		transform: rotate(410deg);
		animation-timing-function: ease-in-out;
		origin:7%;
	}

	39% {
		opacity: 1;
		transform: rotate(645deg);
		animation-timing-function: linear;
		origin:30%;
	}

	70% {
		opacity: 1;
		transform: rotate(770deg);
		animation-timing-function: ease-out;
		origin:39%;
	}

	75% {
		opacity: 1;
		transform: rotate(900deg);
		animation-timing-function: ease-out;
		origin:70%;
	}

	76% {
		opacity: 0;
		transform: rotate(900deg);
	}

	100% {
		opacity: 0;
		transform: rotate(900deg);
	}
}