.s1 {background-color:#3372D3;color:white;border:1px solid;border-color:DarkGray;}
.s2 {background-color:#2AC9CC;border:1px solid;border-color:DarkGray;}
.s3 {background-color:#E3E427;border:1px solid;border-color:DarkGray;border:1px solid;border-color:DarkGray;}

.r1 {background-color:#E80000;color:white;border:1px solid;border-color:DarkGray;}
.r2 {background-color:#F24481;color:white;border:1px solid;border-color:DarkGray;}
.r3 {background-color:#FFD0E0;border:1px solid;border-color:DarkGray;}
.r4 {background-color:#FF3DFF;border:1px solid;border-color:DarkGray;}
.r5 {background-color:#EA92CF;border:1px solid;border-color:DarkGray;}

.o1 {background-color:#F55B25;border:1px solid;border-color:DarkGray;}
.o2 {background-color:#FE9F31;border:1px solid;border-color:DarkGray;}
.o3 {background-color:#FFDE41;border:1px solid;border-color:DarkGray;}
.o4 {background-color:#FDFE00;border:1px solid;border-color:DarkGray;}
.o5 {background-color:#FBFD6A;border:1px solid;border-color:DarkGray;}
.o6 {background-color:#FEC40B;border:1px solid;border-color:DarkGray;}
.o7 {background-color:#FCED92;border:1px solid;border-color:DarkGray;}
.o8 {background-color:#FD8209;border:1px solid;border-color:DarkGray;}

.g1{background-color:#039030;color:white;border:1px solid;border-color:DarkGray;}
.g2{background-color:#07D60C;border:1px solid;border-color:DarkGray;}
.g3{background-color:#B2E21A;border:1px solid;border-color:DarkGray;}
.g4{background-color:#75BD5A;border:1px solid;border-color:DarkGray;}

.loading {
    height: 32px;
    width: 32px;
    background-color: white;
 
    position: absolute;     /*絕對位置*/
    top: 50%;               /*從上面開始算，下推 50% (一半) 的位置*/
    left: 50%;              /*從左邊開始算，右推 50% (一半) 的位置*/
    margin-top: -16px;     /*高度的一半*/
    margin-left: -16px;    /*寬度的一半*/
    border:1px solid;border-color:DarkGray;
    text-align:center;
    font-size: 14px;
    line-height:32px;
}