﻿a.button, button,input.button {
    color: #FFFFFF;
    padding: 0 0.5em;
    margin: 0;
    height: 24px;
    display: inline-block;
    /*font-family: 微軟正黑體;*/
    font-size: 14px;
    text-decoration: none;
    vertical-align: top;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 0 0;
    line-height: 24px;
    /* 圓角 */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: none;
}

    a[disabled="disabled"], button[disabled="disabled"] {
        color: #808080;
    }

    /*
    a[disabled="disabled"]:hover {
        color: #808080;
        background-position: 0 0;
    }
*/

    a.blue, button.blue {
        background-color: #2198FF;
    }

        a.blue:hover, button.blue:hover {
            background-color: #2172B5;
        }

    a.orange, button.orange {
        background-color: #F58E39;
    }

        a.orange:hover, button.orange:hover {
            background-color: #E3761F;
        }

    a.red, button.red,input.red {
        background-color: #F25A5A;
    }

        a.red:hover, button.red:hover {
            background-color: #C63636;
        }

    a.green, button.green,input.green {
        background-color: #5CB85C;
    }

        a.green:hover, button.green:hover {
            background-color: #089D08;
        }

    a.purple, button.purple,input.purple {
        background-color: #BC3BE5;
    }

        a.purple:hover, button.purple:hover {
            background-color: #8E21B2;
        }

    a.gray, button.gray {
        color: black;
        background-color: #e0e0e0;
    }

        a.gray:hover, button.gray:hover {
            background-color: #a0a0a0;
        }

    a.darkgray, button.darkgray {
        color: black;
        background-color: #bebebe;
    }

        a.darkgray:hover, button.darkgray:hover {            
            background-color: #808080;
        }
    a.yellow, button.yellow {
        background-color: #E8E836;
    }

        a.yellow:hover, button.yellow:hover {
            background-color: #C9C91F;
        }

    a.white, button.white {
        background-color: #FFF;
        color: #37348B;
    }

        a.white:hover, button.white:hover {
            background-color: #FFF;
            color: #37348B;
        }

    a.trans, button.trans {
        background-color: transparent;
    }

        a.trans:hover, button.trans:hover {
            background-color: transparent;
        }

a.pickupbutton {
    width: 16px;
    height: 16px;
    background-image: Url("Img/pickup.gif");
}

a.helpbutton {
    background-image: url("Img/help.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 32px;
    width: 32px;
}
