/*背景顏色*/
    /*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;
    }
    

    /*前景顏色*/
   
    
    .000{
        color: #000000 !important;
    }

    .FFF{
        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;
    }
    /*漸層顏色 500～700之間*/
    
    .GradientGreen {
        background: #4CAF50 linear-gradient(to top, #388E3C 0%, #4CAF50 100%) repeat scroll 0% 0%;
        /*box-shadow: 0px 1px 0px #4CAF50 inset, 0px 4px 0px 0px #1B5E20, 0px 5px 6px #999;*/
    }
    .GradientGreen:hover{
        background: #196C35;
    }
    .GradientCyan {
        background: #00BCD4 linear-gradient(to top, #0097A7 0%, #00BCD4 100%) repeat scroll 0% 0%;
        /*…box-shadow: 0px 1px 0px #00BCD4 inset, 0px 4px 0px 0px #006064, 0px 5px 6px #999;*/
    }
    .GradientCyan:hover{
        background: #137C89;
    }
    
    .GradientBlue {
        background: #2196F3 linear-gradient(to top, #1976D2 0%, #2196F3 100%) repeat scroll 0% 0%;
        /*box-shadow: 0px 1px 0px #2196F3 inset, 0px 4px 0px 0px #0D47A1, 0px 5px 6px #999;*/
    }
    .GradientBlue:hover{
        background: #1C71B5;
    }
    .GradientOrange {
        background: #FF9800 linear-gradient(to top, #F57C00 0%, #FF9800 100%) repeat scroll 0% 0%;
        /*box-shadow: 0px 1px 0px #FF9800 inset, 0px 4px 0px 0px #E65100, 0px 5px 6px #999;*/
    }
    .GradientOrange:hover{
        background: #C37604;
    }
    .GradientPurple {
        background: #9C27B0 linear-gradient(to top, #7B1FA2 0%, #9C27B0 100%) repeat scroll 0% 0%;
        /*box-shadow: 0px 1px 0px #9C27B0 inset, 0px 4px 0px 0px #4A148C, 0px 5px 6px #999;*/
    }
    .GradientPurple:hover{
        background: #681A75;
    }
    
    .GradientPink {
        background: #E91E63 linear-gradient(to top, #C2185B 0%, #E91E63 100%) repeat scroll 0% 0%;
        /*box-shadow: 0px 1px 0px #E91E63 inset, 0px 4px 0px 0px #880E4F, 0px 5px 6px #999;*/
    }
    .GradientPink:hover{
        background: #A81C4C;
    }

    .GradientLime {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cddc39+0,afb42b+100 */
        background: #cddc39; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NkZGMzOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZmI0MmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #cddc39 0%, #afb42b 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cddc39), color-stop(100%,#afb42b)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #cddc39 0%,#afb42b 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #cddc39 0%,#afb42b 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #cddc39 0%,#afb42b 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #cddc39 0%,#afb42b 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cddc39', endColorstr='#afb42b',GradientType=0 ); /* IE6-8 */
    }
    .GradientLime:hover{
         background: #97A22F;
    }
.GradienTeal {
    background: transparent linear-gradient(to bottom, #09665D 1%, #082D29 100%) repeat scroll 0% 0%
}
.GradienTeal:hover{
         background: #022421;
    }
.GradienLightBlue{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#03a9f4+1,0277bd+100 */
background: #03a9f4; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzAzYTlmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjc3YmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #03a9f4 1%, #0277bd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#03a9f4), color-stop(100%,#0277bd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #03a9f4 1%,#0277bd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #03a9f4 1%,#0277bd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #03a9f4 1%,#0277bd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #03a9f4 1%,#0277bd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03a9f4', endColorstr='#0277bd',GradientType=0 ); /* IE6-8 */

}
.GradienLightBlue:hover{
    background: #057AAF;
}

.GradienRed{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f44336+1,c62828+100 */
background: #f44336; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2Y0NDMzNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNjI4MjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f44336 1%, #c62828 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f44336), color-stop(100%,#c62828)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f44336 1%,#c62828 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f44336 1%,#c62828 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f44336 1%,#c62828 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f44336 1%,#c62828 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f44336', endColorstr='#c62828',GradientType=0 ); /* IE6-8 */
}
.GradienRed:hover{
    background: #B23128;
}
.GradienDeepPurple{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#673ab7+1,512da8+100 */
background: #673ab7; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzY3M2FiNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MTJkYTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #673ab7 1%, #512da8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#673ab7), color-stop(100%,#512da8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #673ab7 1%,#512da8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #673ab7 1%,#512da8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #673ab7 1%,#512da8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #673ab7 1%,#512da8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#673ab7', endColorstr='#512da8',GradientType=0 ); /* IE6-8 */
}

.GradienDeepPurple:hover{
    background: #4D2D87;
}

.GradienIndigo{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3f51b5+1,303f9f+100 */
background: #3f51b5; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzNmNTFiNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMDNmOWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #3f51b5 1%, #303f9f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#3f51b5), color-stop(100%,#303f9f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3f51b5 1%,#303f9f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3f51b5 1%,#303f9f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3f51b5 1%,#303f9f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #3f51b5 1%,#303f9f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f51b5', endColorstr='#303f9f',GradientType=0 ); /* IE6-8 */
}
.GradienIndigo:hover{
   background: #33408B; 
}

.other_639694{
    background: #639694;
}

.other_639694:hover{
    background: #55807E;
}

.other_0096AD{
    background: #0096AD;
}

.other_0096AD:hover{
    background: #007486;
}
.other_7B284A{
    background: #7B284A;
}
.other_7B284A:hover{
    background: #380419;
}
.other_AD8E73{
   background: #AD8E73;
}

.other_AD8E73:hover{
   background: #9A7554;
}

.other_F7926B{
    background: #F7926B;
}

.other_F7926B:hover{
    background: #BF6A49;
}

.DeepPurple200b1 {
    color: #ffffff !important;
    background-color: #b39ddb !important;
}
.DeepPurple200b1:hover{
    color: #ffffff !important;
    background-color: #9581B8 !important;
}

.Pink300b1 {
    color: #ffffff !important;
    background-color: #f06292 !important;
}
.Pink300b1:hover{
    color: #ffffff !important;
    background-color: #CC3E6E !important;
}

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

.Amber300b1:hover {
        color: #ffffff !important;
        background-color: #BA9A31 !important;
    }
.Green400b1 {
        color: #ffffff !important;
        background-color: #66bb6a !important;
    }
.Green400b1:hover{
    color: #ffffff !important;
    background-color: #66bb6a !important;
}


.GradienLightGreen{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8bc34a+1,689f38+100 */
background: #8bc34a; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzhiYzM0YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ODlmMzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #8bc34a 1%, #689f38 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#8bc34a), color-stop(100%,#689f38)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #8bc34a 1%,#689f38 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #8bc34a 1%,#689f38 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #8bc34a 1%,#689f38 100%); /* IE10+ */
background: linear-gradient(to bottom,  #8bc34a 1%,#689f38 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bc34a', endColorstr='#689f38',GradientType=0 ); /* IE6-8 */
}
.GradienLightGreen:hover{
    background: #6E9C39;
}
.GradienLime{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cddc39+1,afb42b+100 */
background: #cddc39; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2NkZGMzOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZmI0MmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #cddc39 1%, #afb42b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#cddc39), color-stop(100%,#afb42b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cddc39 1%,#afb42b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cddc39 1%,#afb42b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cddc39 1%,#afb42b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #cddc39 1%,#afb42b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cddc39', endColorstr='#afb42b',GradientType=0 ); /* IE6-8 */
}

.GradienLime:hover{
    background: #9BA72A;
}

.GradienYellow{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffeb3b+1,fbc02d+100 */
background: #ffeb3b; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZWIzYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmMwMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffeb3b 1%, #fbc02d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffeb3b), color-stop(100%,#fbc02d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffeb3b 1%,#fbc02d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffeb3b 1%,#fbc02d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffeb3b 1%,#fbc02d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffeb3b 1%,#fbc02d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeb3b', endColorstr='#fbc02d',GradientType=0 ); /* IE6-8 */
}

.GradienYellow:hover{
  background: #CBBB30;  
}


.GradienAmber{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffc107+1,ffa000+100 */
background: #ffc107; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmYzEwNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmEwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffc107 1%, #ffa000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffc107), color-stop(100%,#ffa000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffc107 1%,#ffa000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffc107 1%,#ffa000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffc107 1%,#ffa000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffc107 1%,#ffa000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc107', endColorstr='#ffa000',GradientType=0 ); /* IE6-8 */
}

.GradienAmber:hover{
    background: #D4A109;
}
.GradienDeepOrange{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff5722+1,e64a19+100 */
background: #ff5722; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmNTcyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNjRhMTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ff5722 1%, #e64a19 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ff5722), color-stop(100%,#e64a19)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff5722 1%,#e64a19 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff5722 1%,#e64a19 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff5722 1%,#e64a19 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff5722 1%,#e64a19 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5722', endColorstr='#e64a19',GradientType=0 ); /* IE6-8 */
}

.GradienDeepOrange:hover{
    background: #D94B1E;
}
.GradienBrown{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#795548+1,5d4037+100 */
background: #795548; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzc5NTU0OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZDQwMzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #795548 1%, #5d4037 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#795548), color-stop(100%,#5d4037)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #795548 1%,#5d4037 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #795548 1%,#5d4037 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #795548 1%,#5d4037 100%); /* IE10+ */
background: linear-gradient(to bottom,  #795548 1%,#5d4037 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#795548', endColorstr='#5d4037',GradientType=0 ); /* IE6-8 */
}
.GradienBrown:hover{
    background: #533A31;
}
.GradienGrey{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9e9e9e+1,616161+100 */
background: #9e9e9e; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzllOWU5ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MTYxNjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #9e9e9e 1%, #616161 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#9e9e9e), color-stop(100%,#616161)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #9e9e9e 1%,#616161 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #9e9e9e 1%,#616161 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #9e9e9e 1%,#616161 100%); /* IE10+ */
background: linear-gradient(to bottom,  #9e9e9e 1%,#616161 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e9e9e', endColorstr='#616161',GradientType=0 ); /* IE6-8 */
}
.GradienGrey:hover{
    background: #828282;
}
.GradienBlueGrey{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#607d8b+1,455a64+100 */
background: #607d8b; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzYwN2Q4YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NTVhNjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #607d8b 1%, #455a64 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#607d8b), color-stop(100%,#455a64)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #607d8b 1%,#455a64 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #607d8b 1%,#455a64 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #607d8b 1%,#455a64 100%); /* IE10+ */
background: linear-gradient(to bottom,  #607d8b 1%,#455a64 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#607d8b', endColorstr='#455a64',GradientType=0 ); /* IE6-8 */
}

.GradienBlueGrey:hover{
    background: #4C616C;
}

.GradienDeepPurpleA{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b388ff+0,6200ea+100 */
background: #b388ff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IzODhmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MjAwZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #b388ff 0%, #6200ea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b388ff), color-stop(100%,#6200ea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b388ff 0%,#6200ea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b388ff 0%,#6200ea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b388ff 0%,#6200ea 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b388ff 0%,#6200ea 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b388ff', endColorstr='#6200ea',GradientType=0 ); /* IE6-8 */
}

.GradienDeepPurpleA:hover{
    background: #896ABF;
}
.GradienGreenA{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b9f6ca+0,00c853+100 */
background: #b9f6ca; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I5ZjZjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGM4NTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #b9f6ca 0%, #00c853 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9f6ca), color-stop(100%,#00c853)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b9f6ca 0%,#00c853 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b9f6ca 0%,#00c853 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b9f6ca 0%,#00c853 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b9f6ca 0%,#00c853 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9f6ca', endColorstr='#00c853',GradientType=0 ); /* IE6-8 */
}
.GradienGreenA:hover{
    background: #8AB797;
}
.GradienYellowA{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffff8d+0,ffd600+100 */
background: #ffff8d; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmY4ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmQ2MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffff8d 0%, #ffd600 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffff8d), color-stop(100%,#ffd600)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffff8d 0%,#ffd600 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffff8d 0%,#ffd600 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffff8d 0%,#ffd600 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffff8d 0%,#ffd600 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff8d', endColorstr='#ffd600',GradientType=0 ); /* IE6-8 */
}
.GradienYellowA:hover{
    background: #CACA76;
}
.GradienDeepOrange{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff9e80+0,dd2c00+100 */
background: #ff9e80; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOWU4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZDJjMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ff9e80 0%, #dd2c00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9e80), color-stop(100%,#dd2c00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff9e80 0%,#dd2c00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff9e80 0%,#dd2c00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff9e80 0%,#dd2c00 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff9e80 0%,#dd2c00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9e80', endColorstr='#dd2c00',GradientType=0 ); /* IE6-8 */
}

.GradienDeepOrange:hover{
    background: #C7603F;
}

.Brown200{
     background: #bcaaa4;
}
.Brown200:hover{
     background: #A69792;
}