/*背景顏色*/
    /*Red */
    
    .Red50b {
        color: #ffffff !important;
        background-color: #ffebee !important;
    }
    
    .Red100b {
        color: #ffffff !important;
        background-color: #ffcdd2 !important;
    }
    
    .Red200b {
        color: #ffffff !important;
        background-color: #ef9a9a !important;
    }
    
    .Red300b {
        color: #ffffff !important;
        background-color: #e57373 !important;
    }
    
    .Red400b {
        color: #ffffff !important;
        background-color: #ef5350 !important;
    }
    
    .Red500b {
        color: #ffffff !important;
        background-color: #f44336 !important;
    }
    
    .Red600b {
        color: #ffffff !important;
        background-color: #e53935 !important;
    }
    
    .Red700b {
        color: #ffffff !important;
        background-color: #d32f2f !important;
    }
    
    .Red800b {
        color: #ffffff !important;
        background-color: #c62828 !important;
    }
    
    .Red900b {
        color: #ffffff !important;
        background-color: #b71c1c !important;
    }
    
    .RedA100b {
        color: #ffffff !important;
        background-color: #ff8a80 !important;
    }
    
    .RedA200b {
        color: #ffffff !important;
        background-color: #ff5252 !important;
    }
    
    .RedA400b {
        color: #ffffff !important;
        background-color: #ff1744 !important;
    }
    
    .RedA700b {
        color: #ffffff !important;
        background-color: #d50000 !important;
    }
    /*Pink*/
    
    .Pink50b {
        color: #ffffff !important;
        background-color: #fce4ec !important;
    }
    
    .Pink100b {
        color: #ffffff !important;
        background-color: #f8bbd0 !important;
    }
    
    .Pink200b {
        color: #ffffff !important;
        background-color: #f48fb1 !important;
    }
    
    .Pink300b {
        color: #ffffff !important;
        background-color: #f06292 !important;
    }
    
    .Pink400b {
        color: #ffffff !important;
        background-color: #ec407a !important;
    }
    
    .Pink500b {
        color: #ffffff !important;
        background-color: #e91e63 !important;
    }
    
    .Pink600b {
        color: #ffffff !important;
        background-color: #d81b60 !important;
    }
    
    .Pink700b {
        color: #ffffff !important;
        background-color: #c2185b !important;
    }
    
    .Pink800b {
        color: #ffffff !important;
        background-color: #ad1457 !important;
    }
    
    .Pink900b {
        color: #ffffff !important;
        background-color: #880e4f !important;
    }
    
    .PinkA100b {
        color: #ffffff !important;
        background-color: #ff80ab !important;
    }
    
    .PinkA200b {
        color: #ffffff !important;
        background-color: #ff4081 !important;
    }
    
    .PinkA400b {
        color: #ffffff !important;
        background-color: #f50057 !important;
    }
    
    .PinkA700b {
        color: #ffffff !important;
        background-color: #c51162 !important;
    }
    /*Purple 500 #9c27b0*/
    
    .Purple50b {
        color: #ffffff !important;
        background-color: #f3e5f5 !important;
    }
    
    .Purple200b {
        color: #ffffff !important;
        background-color: #ce93d8 !important;
    }
    
    .Purple300b {
        color: #ffffff !important;
        background-color: #ba68c8 !important;
    }
    
    .Purple400b {
        color: #ffffff !important;
        background-color: #ab47bc !important;
    }
    
    .Purple500b {
        color: #ffffff !important;
        background-color: #9c27b0 !important;
    }
    
    .Purple600b {
        color: #ffffff !important;
        background-color: #8e24aa !important;
    }
    
    .Purple700b {
        color: #ffffff !important;
        background-color: #7b1fa2 !important;
    }
    
    .Purple800b {
        color: #ffffff !important;
        background-color: #6a1b9a !important;
    }
    
    .Purple900b {
        color: #ffffff !important;
        background-color: #4a148c !important;
    }
    
    .PurpleA100b {
        color: #ffffff !important;
        background-color: #ea80fc !important;
    }
    
    .PurpleA200b {
        color: #ffffff !important;
        background-color: #e040fb !important;
    }
    
    .PurpleA400b {
        color: #ffffff !important;
        background-color: #d500f9 !important;
    }
    
    .PurpleA700b {
        color: #ffffff !important;
        background-color: #aa00ff !important;
    }
    /*Deep Purple*/
    
    .DeepPurple50b {
        color: #ffffff !important;
        background-color: #ede7f6 !important;
    }
    
    .DeepPurple100b {
        color: #ffffff !important;
        background-color: #d1c4e9 !important;
    }
    
    .DeepPurple200b {
        color: #ffffff !important;
        background-color: #b39ddb !important;
    }
    
    .DeepPurple300b {
        color: #ffffff !important;
        background-color: #9575cd !important;
    }
    
    .DeepPurple400b {
        color: #ffffff !important;
        background-color: #7e57c2 !important;
    }
    
    .DeepPurple500b {
        color: #ffffff !important;
        background-color: #673ab7 !important;
    }
    
    .DeepPurple600b {
        color: #ffffff !important;
        background-color: #5e35b1 !important;
    }
    
    .DeepPurple700b {
        color: #ffffff !important;
        background-color: #512da8 !important;
    }
    
    .DeepPurple800b {
        color: #ffffff !important;
        background-color: #4527a0 !important;
    }
    
    .DeepPurple900b {
        color: #ffffff !important;
        background-color: #311b92 !important;
    }
    
    .DeepPurpleA100b {
        color: #ffffff !important;
        background-color: #b388ff !important;
    }
    
    .DeepPurpleA200b {
        color: #ffffff !important;
        background-color: #7c4dff !important;
    }
    
    .DeepPurpleA400b {
        color: #ffffff !important;
        background-color: #651fff !important;
    }
    
    .DeepPurpleA700b {
        color: #ffffff !important;
        background-color: #6200ea !important;
    }
    /*  Indigo 500 #3f51b5*/
    
    .Indigo50b {
        color: #ffffff !important;
        background-color: #e8eaf6 !important;
    }
    
    .Indigo100b {
        color: #ffffff !important;
        background-color: #c5cae9 !important;
    }
    
    .Indigo200b {
        color: #ffffff !important;
        background-color: #9fa8da !important;
    }
    
    .Indigo300b {
        color: #ffffff !important;
        background-color: #7986cb !important;
    }
    
    .Indigo400b {
        color: #ffffff !important;
        background-color: #5c6bc0 !important;
    }
    
    .Indigo500b {
        color: #ffffff !important;
        background-color: #3f51b5 !important;
    }
    
    .Indigo600b {
        color: #ffffff !important;
        background-color: #3949ab !important;
    }
    
    .Indigo700b {
        color: #ffffff !important;
        background-color: #303f9f !important;
    }
    
    .Indigo800b {
        color: #ffffff !important;
        background-color: #283593 !important;
    }
    
    .Indigo900b {
        color: #ffffff !important;
        background-color: #1a237e !important;
    }
    
    .IndigoA100b {
        color: #ffffff !important;
        background-color: #8c9eff !important;
    }
    
    .IndigoA200b {
        color: #ffffff !important;
        background-color: #536dfe !important;
    }
    
    .IndigoA400b {
        color: #ffffff !important;
        background-color: #3d5afe !important;
    }
    
    .IndigoA700b {
        color: #ffffff !important;
        background-color: #304ffe !important;
    }
    /*  Blue 500 #2196f3*/
    
    .Blue50b {
        color: #ffffff !important;
        background-color: #e3f2fd !important;
    }
    
    .Blue100b {
        color: #ffffff !important;
        background-color: #bbdefb !important;
    }
    
    .Blue200b {
        color: #ffffff !important;
        background-color: #90caf9 !important;
    }
    
    .Blue300b {
        color: #ffffff !important;
        background-color: #64b5f6 !important;
    }
    
    .Blue400b {
        color: #ffffff !important;
        background-color: #42a5f5 !important;
    }
    
    .Blue500b {
        color: #ffffff !important;
        background-color: #2196f3 !important;
    }
    
    .Blue600b {
        color: #ffffff !important;
        background-color: #1e88e5 !important;
    }
    
    .Blue700b {
        color: #ffffff !important;
        background-color: #1976d2 !important;
    }
    
    .Blue800b {
        color: #ffffff !important;
        background-color: #1565c0 !important;
    }

    /*.Blue800b:hover{
        color: #fff;
  !important;       color: #ffffff !important;
        background-color: #1565c0 !important;
    }*/

    
    .Blue900b {
        color: #ffffff !important;
        background-color: #0d47a1 !important;
    }
    
    .BlueA100b {
        color: #ffffff !important;
        background-color: #82b1ff !important;
    }
    
    .BlueA200b {
        color: #ffffff !important;
        background-color: #448aff !important;
    }
    
    .BlueA400b {
        color: #ffffff !important;
        background-color: #2979ff !important;
    }
    
    .BlueA700b {
        color: #ffffff !important;
        background-color: #2962ff !important;
    }
    /*   Light Blue 500 #03a9f4*/
    
    .LightBlue50b {
        color: #ffffff !important;
        background-color: #e1f5fe !important;
    }
    
    .LightBlue100b {
        color: #ffffff !important;
        background-color: #b3e5fc !important;
    }
    
    .LightBlue200b {
        color: #ffffff !important;
        background-color: #81d4fa !important;
    }
    
    .LightBlue300b {
        color: #ffffff !important;
        background-color: #4fc3f7 !important;
    }
    
    .LightBlue400b {
        color: #ffffff !important;
        background-color: #29b6f6 !important;
    }
    
    .LightBlue500b {
        color: #ffffff !important;
        background-color: #03a9f4 !important;
    }
    
    .LightBlue600b {
        color: #ffffff !important;
        background-color: #039be5 !important;
    }
    
    .LightBlue700b {
        color: #ffffff !important;
        background-color: #0288d1 !important;
    }
    
    .LightBlue800b {
        color: #ffffff !important;
        background-color: #0277bd !important;
    }
    
    .LightBlue900b {
        color: #ffffff !important;
        background-color: #01579b !important;
    }
    
    .LightBlueA100b {
        color: #ffffff !important;
        background-color: #80d8ff !important;
    }
    
    .LightBlueA200b {
        color: #ffffff !important;
        background-color: #40c4ff !important;
    }
    
    .LightBlueA400b {
        color: #ffffff !important;
        background-color: #00b0ff !important;
    }
    
    .LightBlueA700b {
        color: #ffffff !important;
        background-color: #0091ea !important;
    }
    /*   Cyan 500 #00bcd4*/
    
    .Cyan50b {
        color: #ffffff !important;
        background-color: #e0f7fa !important;
    }
    
    .Cyan100b {
        color: #ffffff !important;
        background-color: #b2ebf2 !important;
    }
    
    .Cyan200b {
        color: #ffffff !important;
        background-color: #80deea !important;
    }
    
    .Cyan300b {
        color: #ffffff !important;
        background-color: #4dd0e1 !important;
    }
    
    .Cyan400b {
        color: #ffffff !important;
        background-color: #26c6da !important;
    }
    
    .Cyan500b {
        color: #ffffff !important;
        background-color: #00bcd4 !important;
    }
    
    .Cyan600b {
        color: #ffffff !important;
        background-color: #00acc1 !important;
    }
    
    .Cyan700b {
        color: #ffffff !important;
        background-color: #0097a7 !important;
    }
    
    .Cyan800b {
        color: #ffffff !important;
        background-color: #00838f !important;
    }
    
    .Cyan900b {
        color: #ffffff !important;
        background-color: #006064 !important;
    }
    
    .CyanA100b {
        color: #ffffff !important;
        background-color: #84ffff !important;
    }
    
    .CyanA200b {
        color: #ffffff !important;
        background-color: #18ffff !important;
    }
    
    .CyanA400b {
        color: #ffffff !important;
        background-color: #00e5ff !important;
    }
    
    .CyanA700b {
        color: #ffffff !important;
        background-color: #00b8d4 !important;
    }
    /*   Teal 500 #009688*/
    
    .Teal50b {
        color: #ffffff !important;
        background-color: #e0f2f1 !important;
    }
    
    .Teal100b {
        color: #ffffff !important;
        background-color: #b2dfdb !important;
    }
    
    .Teal200b {
        color: #ffffff !important;
        background-color: #80cbc4 !important;
    }
    
    .Teal300b {
        color: #ffffff !important;
        background-color: #4db6ac !important;
    }
    
    .Teal400b {
        color: #ffffff !important;
        background-color: #26a69a !important;
    }
    
    .Teal500b {
        color: #ffffff !important;
        background-color: #009688 !important;
    }
    
    .Teal600b {
        color: #ffffff !important;
        background-color: #00897b !important;
    }
    
    .Teal700b {
        color: #ffffff !important;
        background-color: #00796b !important;
    }
    
    .Teal800b {
        color: #ffffff !important;
        background-color: #00695c !important;
    }
    
    .Teal900b {
        color: #ffffff !important;
        background-color: #004d40 !important;
    }
    
    .TealA100b {
        color: #ffffff !important;
        background-color: #a7ffeb !important;
    }
    
    .TealA200b {
        color: #ffffff !important;
        background-color: #64ffda !important;
    }
    
    .TealA400b {
        color: #ffffff !important;
        background-color: #1de9b6 !important;
    }
    
    .TealA700b {
        color: #ffffff !important;
        background-color: #00bfa5 !important;
    }
    /*   Green 500 #4caf50*/
    
    .Green50b {
        color: #ffffff !important;
        background-color: #e8f5e9 !important;
    }
    
    .Green100b {
        color: #ffffff !important;
        background-color: #c8e6c9 !important;
    }
    
    .Green200b {
        color: #ffffff !important;
        background-color: #a5d6a7 !important;
    }
    
    .Green300b {
        color: #ffffff !important;
        background-color: #81c784 !important;
    }
    
    .Green400b {
        color: #ffffff !important;
        background-color: #66bb6a !important;
    }
    
    .Green500b {
        color: #ffffff !important;
        background-color: #4caf50 !important;
    }
    
    .Green600b {
        color: #ffffff !important;
        background-color: #43a047 !important;
    }
    
    .Green700b {
        color: #ffffff !important;
        background-color: #388e3c !important;
    }
    
    .Green800b {
        color: #ffffff !important;
        background-color: #2e7d32 !important;
    }
    
    .Green900b {
        color: #ffffff !important;
        background-color: #1b5e20 !important;
    }
    
    .GreenA100b {
        color: #ffffff !important;
        background-color: #b9f6ca !important;
    }
    
    .GreenA200b {
        color: #ffffff !important;
        background-color: #69f0ae !important;
    }
    
    .GreenA400b {
        color: #ffffff !important;
        background-color: #00e676 !important;
    }
    
    .GreenA700b {
        color: #ffffff !important;
        background-color: #00c853 !important;
    }
    /*   Light Green 500 #8bc34a*/
    
    .LightGreen50b {
        color: #ffffff !important;
        background-color: #f1f8e9 !important;
    }
    
    .LightGreen100b {
        color: #ffffff !important;
        background-color: #dcedc8 !important;
    }
    
    .LightGreen200b {
        color: #ffffff !important;
        background-color: #c5e1a5 !important;
    }
    
    .LightGreen300b {
        color: #ffffff !important;
        background-color: #aed581 !important;
    }
    
    .LightGreen400b {
        color: #ffffff !important;
        background-color: #9ccc65 !important;
    }
    
    .LightGreen500b {
        color: #ffffff !important;
        background-color: #8bc34a !important;
    }
    
    .LightGreen600b {
        color: #ffffff !important;
        background-color: #7cb342 !important;
    }
    
    .LightGreen700b {
        color: #ffffff !important;
        background-color: #689f38 !important;
    }
    
    .LightGreen800b {
        color: #ffffff !important;
        background-color: #558b2f !important;
    }
    
    .LightGreen900b {
        color: #ffffff !important;
        background-color: #33691e !important;
    }
    
    .LightGreenA100b {
        color: #ffffff !important;
        background-color: #ccff90 !important;
    }
    
    .LightGreenA200b {
        color: #ffffff !important;
        background-color: #b2ff59 !important;
    }
    
    .LightGreenA400b {
        color: #ffffff !important;
        background-color: #76ff03 !important;
    }
    
    .LightGreenA700b {
        color: #ffffff !important;
        background-color: #64dd17 !important;
    }
    /*   Lime 500 #cddc39*/
    
    .Lime50b {
        color: #ffffff !important;
        background-color: #f9fbe7 !important;
    }
    
    .Lime100b {
        color: #ffffff !important;
        background-color: #f0f4c3 !important;
    }
    
    .Lime200b {
        color: #ffffff !important;
        background-color: #e6ee9c !important;
    }
    
    .Lime300b {
        color: #ffffff !important;
        background-color: #dce775 !important;
    }
    
    .Lime400b {
        color: #ffffff !important;
        background-color: #d4e157 !important;
    }
    
    .Lime500b {
        color: #ffffff !important;
        background-color: #cddc39 !important;
    }
    
    .Lime600b {
        color: #ffffff !important;
        background-color: #c0ca33 !important;
    }
    
    .Lime700b {
        color: #ffffff !important;
        background-color: #afb42b !important;
    }
    
    .Lime800b {
        color: #ffffff !important;
        background-color: #9e9d24 !important;
    }
    
    .Lime900b {
        color: #ffffff !important;
        background-color: #827717 !important;
    }
    
    .LimeA100b {
        color: #ffffff !important;
        background-color: #f4ff81 !important;
    }
    
    .LimeA200b {
        color: #ffffff !important;
        background-color: #eeff41 !important;
    }
    
    .LimeA400b {
        color: #ffffff !important;
        background-color: #c6ff00 !important;
    }
    
    .LimeA700b {
        color: #ffffff !important;
        background-color: #aeea00 !important;
    }
    /*   Yellow 500 #ffeb3b*/
    
    .Yellow50b {
        color: #ffffff !important;
        background-color: #fffde7 !important;
    }
    
    .Yellow100b {
        color: #ffffff !important;
        background-color: #fff9c4 !important;
    }
    
    .Yellow200b {
        color: #ffffff !important;
        background-color: #fff59d !important;
    }
    
    .Yellow300b {
        color: #ffffff !important;
        background-color: #fff176 !important;
    }
    
    .Yellow400b {
        color: #ffffff !important;
        background-color: #ffee58 !important;
    }
    
    .Yellow500b {
        color: #ffffff !important;
        background-color: #ffeb3b !important;
    }
    
    .Yellow600b {
        color: #ffffff !important;
        background-color: #fdd835 !important;
    }
    
    .Yellow700b {
        color: #ffffff !important;
        background-color: #fbc02d !important;
    }
    
    .Yellow800b {
        color: #ffffff !important;
        background-color: #f9a825 !important;
    }
    
    .Yellow900b {
        color: #ffffff !important;
        background-color: #f57f17 !important;
    }
    
    .YellowA100b {
        color: #ffffff !important;
        background-color: #ffff8d !important;
    }
    
    .YellowA200b {
        color: #ffffff !important;
        background-color: #ffff00 !important;
    }
    
    .YellowA400b {
        color: #ffffff !important;
        background-color: #ffea00 !important;
    }
    
    .YellowA700b {
        color: #ffffff !important;
        background-color: #ffd600 !important;
    }
    /*.Amber 500 #ffc107*/
    
    .Amber50b {
        color: #ffffff !important;
        background-color: #fff8e1 !important;
    }
    
    .Amber100b {
        color: #576475 !important;
        background-color: #ffecb3 !important;
    }
    
    .Amber200b {
        color: #ffffff !important;
        background-color: #ffe082 !important;
    }
    
    .Amber300b {
        color: #ffffff !important;
        background-color: #ffd54f !important;
    }
    
    .Amber400b {
        color: #ffffff !important;
        background-color: #ffca28 !important;
    }
    
    .Amber500b {
        color: #ffffff !important;
        background-color: #ffc107 !important;
    }
    
    .Amber600b {
        color: #ffffff !important;
        background-color: #ffb300 !important;
    }
    
    .Amber700b {
        color: #ffffff !important;
        background-color: #ffa000 !important;
    }
    
    .Amber800b {
        color: #ffffff !important;
        background-color: #ff8f00 !important;
    }
    
    .Amber900b {
        color: #ffffff !important;
        background-color: #ff6f00 !important;
    }
    
    .AmberA100b {
        color: #ffffff !important;
        background-color: #ffe57f !important;
    }
    
    .AmberA200b {
        color: #ffffff !important;
        background-color: #ffd740 !important;
    }
    
    .AmberA400b {
        color: #ffffff !important;
        background-color: #ffc400 !important;
    }
    
    .AmberA700b {
        color: #ffffff !important;
        background-color: #ffab00 !important;
    }
    /*   Orange 500 #ff9800*/
    
    .Orange50b {
        color: #ffffff !important;
        background-color: #fff3e0 !important;
    }
    
    .Orange100b {
        color: #ffffff !important;
        background-color: #ffe0b2 !important;
    }
    
    .Orange200b {
        color: #ffffff !important;
        background-color: #ffcc80 !important;
    }
    
    .Orange300b {
        color: #ffffff !important;
        background-color: #ffb74d !important;
    }
    
    .Orange400b {
        color: #ffffff !important;
        background-color: #ffa726 !important;
    }
    
    .Orange500b {
        color: #ffffff !important;
        background-color: #ff9800 !important;
    }
    
    .Orange600b {
        color: #ffffff !important;
        background-color: #fb8c00 !important;
    }
    
    .Orange700b {
        color: #ffffff !important;
        background-color: #f57c00 !important;
    }
    
    .Orange800b {
        color: #ffffff !important;
        background-color: #ef6c00 !important;
    }
    
    .Orange900b {
        color: #ffffff !important;
        background-color: #e65100 !important;
    }
    
    .OrangeA100b {
        color: #ffffff !important;
        background-color: #ffd180 !important;
    }
    
    .OrangeA200b {
        color: #ffffff !important;
        background-color: #ffab40 !important;
    }
    
    .OrangeA400b {
        color: #ffffff !important;
        background-color: #ff9100 !important;
    }
    
    .OrangeA700b {
        color: #ffffff !important;
        background-color: #ff6d00 !important;
    }
    /*Deep Orange 500 #ff5722*/
    
    .DeepOrange50b {
        color: #ffffff !important;
        background-color: #fbe9e7 !important;
    }
    
    .DeepOrange100b {
        color: #ffffff !important;
        background-color: #ffccbc !important;
    }
    
    .DeepOrange200b {
        color: #ffffff !important;
        background-color: #ffab91 !important;
    }
    
    .DeepOrange300b {
        color: #ffffff !important;
        background-color: #ff8a65 !important;
    }
    
    .DeepOrange400b {
        color: #ffffff !important;
        background-color: #ff7043 !important;
    }
    
    .DeepOrange500b {
        color: #ffffff !important;
        background-color: #ff5722 !important;
    }
    
    .DeepOrange600b {
        color: #ffffff !important;
        background-color: #f4511e !important;
    }
    
    .DeepOrange700b {
        color: #ffffff !important;
        background-color: #e64a19 !important;
    }
    
    .DeepOrange800b {
        color: #ffffff !important;
        background-color: #d84315 !important;
    }
    
    .DeepOrange900b {
        color: #ffffff !important;
        background-color: #bf360c !important;
    }
    
    .DeepOrangeA100b {
        color: #ffffff !important;
        background-color: #ff9e80 !important;
    }
    
    .DeepOrangeA200b {
        color: #ffffff !important;
        background-color: #ff6e40 !important;
    }
    
    .DeepOrangeA400b {
        color: #ffffff !important;
        background-color: #ff3d00 !important;
    }
    
    .DeepOrangeA700b {
        color: #ffffff !important;
        background-color: #dd2c00 !important;
    }
    /*Brown 500 #795548*/
    
    .Brown50b {
        color: #ffffff !important;
        background-color: #efebe9 !important;
    }
    
    .Brown100b {
        color: #ffffff !important;
        background-color: #d7ccc8 !important;
    }
    
    .Brown200b {
        color: #ffffff !important;
        background-color: #bcaaa4 !important;
    }
    
    .Brown300b {
        color: #ffffff !important;
        background-color: #a1887f !important;
    }
    
    .Brown400b {
        color: #ffffff !important;
        background-color: #8d6e63 !important;
    }
    
    .Brown500b {
        color: #ffffff !important;
        background-color: #795548 !important;
    }
    
    .Brown600b {
        color: #ffffff !important;
        background-color: #6d4c41 !important;
    }
    
    .Brown700b {
        color: #ffffff !important;
        background-color: #5d4037 !important;
    }
    
    .Brown800b {
        color: #ffffff !important;
        background-color: #4e342e !important;
    }
    
    .Brown900b {
        color: #ffffff !important;
        background-color: #3e2723 !important;
    }
    /*Grey 500 #9e9e9e*/
    
    .Grey50b {
        
        background-color: #fafafa !important;
    }
    
    .Grey100b {
        
        background-color: #f5f5f5 !important;
    }
    
    .Grey200b {
        color: #ffffff !important;
        background-color: #eeeeee !important;
    }
    
    .Grey300b {
        color: #ffffff !important;
        background-color: #e0e0e0 !important;
    }
    
    .Grey400b {
        color: #ffffff !important;
        background-color: #bdbdbd !important;
    }
    
    .Grey500b {
        color: #ffffff !important;
        background-color: #9e9e9e !important;
    }
    
    .Grey600b {
        color: #ffffff !important;
        background-color: #757575 !important;
    }
    
    .Grey700b {
        color: #ffffff !important;
        background-color: #616161 !important;
    }
    
    .Grey800b {
        color: #ffffff !important;
        background-color: #424242 !important;
    }
    
    .Grey900b {
        color: #ffffff !important;
        background-color: #212121 !important;
    }
    /*Blue Grey 500 #607d8b*/
    
    .BlueGrey50b {
        color: #ffffff !important;
        background-color: #eceff1 !important;
    }
    
    .BlueGrey100b {
        color: #ffffff !important;
        background-color: #cfd8dc !important;
    }
    
    .BlueGrey200b {
        color: #ffffff !important;
        background-color: #b0bec5 !important;
    }
    
    .BlueGrey300b {
        color: #ffffff !important;
        background-color: #90a4ae !important;
    }
    
    .BlueGrey400b {
        color: #ffffff !important;
        background-color: #78909c !important;
    }
    
    .BlueGrey500b {
        color: #ffffff !important;
        background-color: #607d8b !important;
    }
    
    .BlueGrey600b {
        color: #ffffff !important;
        background-color: #546e7a !important;
    }
    
    .BlueGrey700b {
        color: #ffffff !important;
        background-color: #455a64 !important;
    }
    
    .BlueGrey800b {
        color: #ffffff !important;
        background-color: #37474f !important;
    }
    
    .BlueGrey900b {
        color: #ffffff !important;
        background-color: #263238 !important;
    }

    .Whiteb{
        background-color: #ffffff !important;
    }
    

    /*前景顏色*/
   
    
    .White{
        color: #ffffff !important;
    }

    .Black{
        color: #000000 !important;  
    }
    /*Red */
    .Red50 {
        color: #ffebee !important;
    }
    
    .Red100 {
        color: #ffcdd2 !important;
    }
    
    .Red200 {
        color: #ef9a9a !important;
    }
    
    .Red300 {
        color: #e57373 !important;
    }
    
    .Red400 {
        color: #ef5350 !important;
    }
    
    .Red500 {
        color: #f44336 !important;
    }
    
    .Red600 {
        color: #e53935 !important;
    }
    
    .Red700 {
        color: #d32f2f !important;
    }
    
    .Red800 {
        color: #c62828 !important;
    }
    
    .Red900 {
        color: #b71c1c !important;
    }
    
    .RedA100 {
        color: #ff8a80 !important;
    }
    
    .RedA200 {
        color: #ff5252 !important;
    }
    
    .RedA400 {
        color: #ff1744 !important;
    }
    
    .RedA700 {
        color: #d50000 !important;
    }
    /*Pink*/
    
    .Pink50 {
        color: #fce4ec !important;
    }
    
    .Pink100 {
        color: #f8bbd0 !important;
    }
    
    .Pink200 {
        color: #f48fb1 !important;
    }
    
    .Pink300 {
        color: #f06292 !important;
    }
    
    .Pink400 {
        color: #ec407a !important;
    }
    
    .Pink500 {
        color: #e91e63 !important;
    }
    
    .Pink600 {
        color: #d81b60 !important;
    }
    
    .Pink700 {
        color: #c2185b !important;
    }
    
    .Pink800 {
        color: #ad1457 !important;
    }
    
    .Pink900 {
        color: #880e4f !important;
    }
    
    .PinkA100 {
        color: #ff80ab !important;
    }
    
    .PinkA200 {
        color: #ff4081 !important;
    }
    
    .PinkA400 {
        color: #f50057 !important;
    }
    
    .PinkA700 {
        color: #c51162 !important;
    }
    /*Purple 500 #9c27b0*/
    
    .Purple50 {
        color: #f3e5f5 !important;
    }
    
    .Purple200 {
        color: #ce93d8 !important;
    }
    
    .Purple300 {
        color: #ba68c8 !important;
    }
    
    .Purple400 {
        color: #ab47bc !important;
    }
    
    .Purple500 {
        color: #9c27b0 !important;
    }
    
    .Purple600 {
        color: #8e24aa !important;
    }
    
    .Purple700 {
        color: #7b1fa2 !important;
    }
    
    .Purple800 {
        color: #6a1b9a !important;
    }
    
    .Purple900 {
        color: #4a148c !important;
    }
    
    .PurpleA100 {
        color: #ea80fc !important;
    }
    
    .PurpleA200 {
        color: #e040fb !important;
    }
    
    .PurpleA400 {
        color: #d500f9 !important;
    }
    
    .PurpleA700 {
        color: #aa00ff !important;
    }
    /*Deep Purple*/
    
    .DeepPurple50 {
        color: #ede7f6 !important;
    }
    
    .DeepPurple100 {
        color: #d1c4e9 !important;
    }
    
    .DeepPurple200 {
        color: #b39ddb !important;
    }
    
    .DeepPurple300 {
        color: #9575cd !important;
    }
    
    .DeepPurple400 {
        color: #7e57c2 !important;
    }
    
    .DeepPurple500 {
        color: #673ab7 !important;
    }
    
    .DeepPurple600 {
        color: #5e35b1 !important;
    }
    
    .DeepPurple700 {
        color: #512da8 !important;
    }
    
    .DeepPurple800 {
        color: #4527a0 !important;
    }
    
    .DeepPurple900 {
        color: #311b92 !important;
    }
    
    .DeepPurpleA100 {
        color: #b388ff !important;
    }
    
    .DeepPurpleA200 {
        color: #7c4dff !important;
    }
    
    .DeepPurpleA400 {
        color: #651fff !important;
    }
    
    .DeepPurpleA700 {
        color: #6200ea !important;
    }
    /*Indigo 500 #3f51b5*/
    
    .Indigo50 {
        color: #e8eaf6 !important;
    }
    
    .Indigo100 {
        color: #c5cae9 !important;
    }
    
    .Indigo200 {
        color: #9fa8da !important;
    }
    
    .Indigo300 {
        color: #7986cb !important;
    }
    
    .Indigo400 {
        color: #5c6bc0 !important;
    }
    
    .Indigo500 {
        color: #3f51b5 !important;
    }
    
    .Indigo600 {
        color: #3949ab !important;
    }
    
    .Indigo700 {
        color: #303f9f !important;
    }
    
    .Indigo800 {
        color: #283593 !important;
    }
    
    .Indigo900 {
        color: #1a237e !important;
    }
    
    .IndigoA100 {
        color: #8c9eff !important;
    }
    
    .IndigoA200 {
        color: #536dfe !important;
    }
    
    .IndigoA400 {
        color: #3d5afe !important;
    }
    
    .IndigoA700 {
        color: #304ffe !important;
    }
    /*Blue 500 #2196f3*/
    
    .Blue50 {
        color: #e3f2fd !important;
    }
    
    .Blue100 {
        color: #bbdefb !important;
    }
    
    .Blue200 {
        color: #90caf9 !important;
    }
    
    .Blue300 {
        color: #64b5f6 !important;
    }
    
    .Blue400 {
        color: #42a5f5 !important;
    }
    
    .Blue500 {
        color: #2196f3 !important;
    }
    
    .Blue600 {
        color: #1e88e5 !important;
    }
    
    .Blue700 {
        color: #1976d2 !important;
    }
    
    .Blue800 {
        color: #1565c0 !important;
    }
    
    .Blue900 {
        color: #0d47a1 !important;
    }
    
    .BlueA100 {
        color: #82b1ff !important;
    }
    
    .BlueA200 {
        color: #448aff !important;
    }
    
    .BlueA400 {
        color: #2979ff !important;
    }
    
    .BlueA700 {
        color: #2962ff !important;
    }
    /* Light Blue 500 #03a9f4*/
    
    .LightBlue50 {
        color: #e1f5fe !important;
    }
    
    .LightBlue100 {
        color: #b3e5fc !important;
    }
    
    .LightBlue200 {
        color: #81d4fa !important;
    }
    
    .LightBlue300 {
        color: #4fc3f7 !important;
    }
    
    .LightBlue400 {
        color: #29b6f6 !important;
    }
    
    .LightBlue500 {
        color: #03a9f4 !important;
    }
    
    .LightBlue600 {
        color: #039be5 !important;
    }
    
    .LightBlue700 {
        color: #0288d1 !important;
    }
    
    .LightBlue800 {
        color: #0277bd !important;
    }
    
    .LightBlue900 {
        color: #01579b !important;
    }
    
    .LightBlueA100 {
        color: #80d8ff !important;
    }
    
    .LightBlueA200 {
        color: #40c4ff !important;
    }
    
    .LightBlueA400 {
        color: #00b0ff !important;
    }
    
    .LightBlueA700 {
        color: #0091ea !important;
    }
    /*Cyan 500 #00bcd4*/
    
    .Cyan50 {
        color: #e0f7fa !important;
    }
    
    .Cyan100 {
        color: #b2ebf2 !important;
    }
    
    .Cyan200 {
        color: #80deea !important;
    }
    
    .Cyan300 {
        color: #4dd0e1 !important;
    }
    
    .Cyan400 {
        color: #26c6da !important;
    }
    
    .Cyan500 {
        color: #00bcd4 !important;
    }
    
    .Cyan600 {
        color: #00acc1 !important;
    }
    
    .Cyan700 {
        color: #0097a7 !important;
    }
    
    .Cyan800 {
        color: #00838f !important;
    }
    
    .Cyan900 {
        color: #006064 !important;
    }
    
    .CyanA100 {
        color: #84ffff !important;
    }
    
    .CyanA200 {
        color: #18ffff !important;
    }
    
    .CyanA400 {
        color: #00e5ff !important;
    }
    
    .CyanA700 {
        color: #00b8d4 !important;
    }
    /*Teal 500 #009688*/
    
    .Teal50 {
        color: #e0f2f1 !important;
    }
    
    .Teal100 {
        color: #b2dfdb !important;
    }
    
    .Teal200 {
        color: #80cbc4 !important;
    }
    
    .Teal300 {
        color: #4db6ac !important;
    }
    
    .Teal400 {
        color: #26a69a !important;
    }
    
    .Teal500 {
        color: #009688 !important;
    }
    
    .Teal600 {
        color: #00897b !important;
    }
    
    .Teal700 {
        color: #00796b !important;
    }
    
    .Teal800 {
        color: #00695c !important;
    }
    
    .Teal900 {
        color: #004d40 !important;
    }
    
    .TealA100 {
        color: #a7ffeb !important;
    }
    
    .TealA200 {
        color: #64ffda !important;
    }
    
    .TealA400 {
        color: #1de9b6 !important;
    }
    
    .TealA700 {
        color: #00bfa5 !important;
    }
    /*Green 500 #4caf50*/
    
    .Green50 {
        color: #e8f5e9 !important;
    }
    
    .Green100 {
        color: #c8e6c9 !important;
    }
    
    .Green200 {
        color: #a5d6a7 !important;
    }
    
    .Green300 {
        color: #81c784 !important;
    }
    
    .Green400 {
        color: #66bb6a !important;
    }
    
    .Green500 {
        color: #4caf50 !important;
    }
    
    .Green600 {
        color: #43a047 !important;
    }
    
    .Green700 {
        color: #388e3c !important;
    }
    
    .Green800 {
        color: #2e7d32 !important;
    }
    
    .Green900 {
        color: #1b5e20 !important;
    }
    
    .GreenA100 {
        color: #b9f6ca !important;
    }
    
    .GreenA200 {
        color: #69f0ae !important;
    }
    
    .GreenA400 {
        color: #00e676 !important;
    }
    
    .GreenA700 {
        color: #00c853 !important;
    }
    /*   Light Green 500 #8bc34a*/
    
    .LightGreen50 {
        color: #f1f8e9 !important;
    }
    
    .LightGreen100 {
        color: #dcedc8 !important;
    }
    
    .LightGreen200 {
        color: #c5e1a5 !important;
    }
    
    .LightGreen300 {
        color: #aed581 !important;
    }
    
    .LightGreen400 {
        color: #9ccc65 !important;
    }
    
    .LightGreen500 {
        color: #8bc34a !important;
    }
    
    .LightGreen600 {
        color: #7cb342 !important;
    }
    
    .LightGreen700 {
        color: #689f38 !important;
    }
    
    .LightGreen800 {
        color: #558b2f !important;
    }
    
    .LightGreen900 {
        color: #33691e !important;
    }
    
    .LightGreenA100 {
        color: #ccff90 !important;
    }
    
    .LightGreenA200 {
        color: #b2ff59 !important;
    }
    
    .LightGreenA400 {
        color: #76ff03 !important;
    }
    
    .LightGreenA700 {
        color: #64dd17 !important;
    }
    /* Lime 500 #cddc39*/
    
    .Lime50 {
        color: #f9fbe7 !important;
    }
    
    .Lime100 {
        color: #f0f4c3 !important;
    }
    
    .Lime200 {
        color: #e6ee9c !important;
    }
    
    .Lime300 {
        color: #dce775 !important;
    }
    
    .Lime400 {
        color: #d4e157 !important;
    }
    
    .Lime500 {
        color: #cddc39 !important;
    }
    
    .Lime600 {
        color: #c0ca33 !important;
    }
    
    .Lime700 {
        color: #afb42b !important;
    }
    
    .Lime800 {
        color: #9e9d24 !important;
    }
    
    .Lime900 {
        color: #827717 !important;
    }
    
    .LimeA100 {
        color: #f4ff81 !important;
    }
    
    .LimeA200 {
        color: #eeff41 !important;
    }
    
    .LimeA400 {
        color: #c6ff00 !important;
    }
    
    .LimeA700 {
        color: #aeea00 !important;
    }
    /*.Yellow 500 #ffeb3b*/
    
    .Yellow50 {
        color: #fffde7 !important;
    }
    
    .Yellow100 {
        color: #fff9c4 !important;
    }
    
    .Yellow200 {
        color: #fff59d !important;
    }
    
    .Yellow300 {
        color: #fff176 !important;
    }
    
    .Yellow400 {
        color: #ffee58 !important;
    }
    
    .Yellow500 {
        color: #ffeb3b !important;
    }
    
    .Yellow600 {
        color: #fdd835 !important;
    }
    
    .Yellow700 {
        color: #fbc02d !important;
    }
    
    .Yellow800 {
        color: #f9a825 !important;
    }
    
    .Yellow900 {
        color: #f57f17 !important;
    }
    
    .YellowA100 {
        color: #ffff8d !important;
    }
    
    .YellowA200 {
        color: #ffff00 !important;
    }
    
    .YellowA400 {
        color: #ffea00 !important;
    }
    
    .YellowA700 {
        color: #ffd600 !important;
    }
    /*.Amber 500 #ffc107*/
    
    .Amber50 {
        color: #fff8e1 !important;
    }
    
    .Amber100 {
        color: #ffecb3 !important;
    }
    
    .Amber200 {
        color: #ffe082 !important;
    }
    
    .Amber300 {
        color: #ffd54f !important;
    }
    
    .Amber400 {
        color: #ffca28 !important;
    }
    
    .Amber500 {
        color: #ffc107 !important;
    }
    
    .Amber600 {
        color: #ffb300 !important;
    }
    
    .Amber700 {
        color: #ffa000 !important;
    }
    
    .Amber800 {
        color: #ff8f00 !important;
    }
    
    .Amber900 {
        color: #ff6f00 !important;
    }
    
    .AmberA100 {
        color: #ffe57f !important;
    }
    
    .AmberA200 {
        color: #ffd740 !important;
    }
    
    .AmberA400 {
        color: #ffc400 !important;
    }
    
    .AmberA700 {
        color: #ffab00 !important;
    }
    /*Orange 500 #ff9800*/
    
    .Orange50 {
        color: #fff3e0 !important;
    }
    
    .Orange100 {
        color: #ffe0b2 !important;
    }
    
    .Orange200 {
        color: #ffcc80 !important;
    }
    
    .Orange300 {
        color: #ffb74d !important;
    }
    
    .Orange400 {
        color: #ffa726 !important;
    }
    
    .Orange500 {
        color: #ff9800 !important;
    }
    
    .Orange600 {
        color: #fb8c00 !important;
    }
    
    .Orange700 {
        color: #f57c00 !important;
    }
    
    .Orange800 {
        color: #ef6c00 !important;
    }
    
    .Orange900 {
        color: #e65100 !important;
    }
    
    .OrangeA100 {
        color: #ffd180 !important;
    }
    
    .OrangeA200 {
        color: #ffab40 !important;
    }
    
    .OrangeA400 {
        color: #ff9100 !important;
    }
    
    .OrangeA700 {
        color: #ff6d00 !important;
    }
    /*Deep Orange 500 #ff5722*/
    
    .DeepOrange50 {
        color: #fbe9e7 !important;
    }
    
    .DeepOrange100 {
        color: #ffccbc !important;
    }
    
    .DeepOrange200 {
        color: #ffab91 !important;
    }
    
    .DeepOrange300 {
        color: #ff8a65 !important;
    }
    
    .DeepOrange400 {
        color: #ff7043 !important;
    }
    
    .DeepOrange500 {
        color: #ff5722 !important;
    }
    
    .DeepOrange600 {
        color: #f4511e !important;
    }
    
    .DeepOrange700 {
        color: #e64a19 !important;
    }
    
    .DeepOrange800 {
        color: #d84315 !important;
    }
    
    .DeepOrange900 {
        color: #bf360c !important;
    }
    
    .DeepOrangeA100 {
        color: #ff9e80 !important;
    }
    
    .DeepOrangeA200 {
        color: #ff6e40 !important;
    }
    
    .DeepOrangeA400 {
        color: #ff3d00 !important;
    }
    
    .DeepOrangeA700 {
        color: #dd2c00 !important;
    }
    /*Brown 500 #795548*/
    
    .Brown50 {
        color: #efebe9 !important;
    }
    
    .Brown100 {
        color: #d7ccc8 !important;
    }
    
    .Brown200 {
        color: #bcaaa4 !important;
    }
    
    .Brown300 {
        color: #a1887f !important;
    }
    
    .Brown400 {
        color: #8d6e63 !important;
    }
    
    .Brown500 {
        color: #795548 !important;
    }
    
    .Brown600 {
        color: #6d4c41 !important;
    }
    
    .Brown700 {
        color: #5d4037 !important;
    }
    
    .Brown800 {
        color: #4e342e !important;
    }
    
    .Brown900 {
        color: #3e2723 !important;
    }
    /*Grey 500 #9e9e9e*/
    
    .Grey50 {
        color: #fafafa !important;
    }
    
    .Grey100 {
        color: #f5f5f5 !important;
    }
    
    .Grey200 {
        color: #eeeeee !important;
    }
    
    .Grey300 {
        color: #e0e0e0 !important;
    }
    
    .Grey400 {
        color: #bdbdbd !important;
    }
    
    .Grey500 {
        color: #9e9e9e !important;
    }
    
    .Grey600 {
        color: #757575 !important;
    }
    
    .Grey700 {
        color: #616161 !important;
    }
    
    .Grey800 {
        color: #424242 !important;
    }
    
    .Grey900 {
        color: #212121 !important;
    }
    /*Blue Grey 500 #607d8b*/
    
    .BlueGrey50 {
        color: #eceff1 !important;
    }
    
    .BlueGrey100 {
        color: #cfd8dc !important;
    }
    
    .BlueGrey200 {
        color: #b0bec5 !important;
    }
    
    .BlueGrey300 {
        color: #90a4ae !important;
    }
    
    .BlueGrey400 {
        color: #78909c !important;
    }
    
    .BlueGrey500 {
        color: #607d8b !important;
    }
    
    .BlueGrey600 {
        color: #546e7a !important;
    }
    
    .BlueGrey700 {
        color: #455a64 !important;
    }
    
    .BlueGrey800 {
        color: #37474f !important;
    }
    
    .BlueGrey900 {
        color: #263238 !important;
    }
    .Black{
        color: #000 !important;
    }