﻿/* Loading Area */
.cls_Loading_Area {position:fixed;z-index:1000;top:0%;left:0%;width:100%;height:100%;display:none}
.cls_Loading_Area table {border-collapse:collapse;border:none}
.cls_Loading_Area table td {border-collapse:collapse;border:none;text-align:center;font-size:0px;box-sizing:border-box}

/* Loading Position */
.cls_Loading_Position {z-index:1;position:relative;top:0;bottom:0;height:100%;width:100%}

/* Loading Oval Area */
.cls_Loading_Oval_Area {display:table;margin:0px auto;font-size:0px}
.cls_Loading_Oval {display:table-cell;width:205px;height:185px;font-size:0px;text-align:center;border:0;background:#FFF;padding:15px;box-sizing:border-box;vertical-align:middle}

/* Loading Animation */
.cls_Loading_AnimItems {width:13px;height:13px;display:inline-block;animation-duration:1.5s;animation-iteration-count:infinite;animation-timing-function:step-end;font-size:0px}
.cls_Loading_AnimItems.Item1{background:#c0c0c0;animation-name:AnimItems_1}
.cls_Loading_AnimItems.Item2{background:#c43826;animation-name:AnimItems_2}
.cls_Loading_AnimItems.Item3{background:#daa360;animation-name:AnimItems_3}
.cls_Loading_AnimItems.Item4{background:#172439;animation-name:AnimItems_4}
@keyframes AnimItems_1 {
    0% {background:#c0c0c0}
    25% {background:#172439}
    50% {background:#daa360}
    75% {background:#c43826}
    100% {background:#c0c0c0}
}
@keyframes AnimItems_2 {
    0% {background:#c43826}
    25% {background:#c0c0c0}
    50% {background:#172439}
    75% {background:#daa360}
    100% {background:#c43826}
}
@keyframes AnimItems_3 {
    0% {background:#daa360}
    25% {background:#c43826}
    50% {background:#c0c0c0}
    75% {background:#172439}
    100% {background:#daa360}
}
@keyframes AnimItems_4 {
    0% {background:#172439}
    25% {background:#daa360}
    50% {background:#c43826}
    75% {background:#c0c0c0}
    100% {background:#172439}
}

/* Loading Message Content */
.cls_Loading_MSG {font-size:16px;font-family:"微軟正黑體","Microsoft JhengHei";font-weight:bold;color:#1a2e4c;line-height:150%;padding-top:20px;letter-spacing:0.4px;font-weight:600}

/* Loading Overlayer */
.LoadingMask {z-index:0;position:absolute;top:0px;left:0px;background:rgba(0,0,0,0.7);width:100%;height:100%}