.button-pure {
    background-color: rgb(248, 248, 248);
    border: 1px solid rgb(211, 211, 211);
    color: rgb(51, 51, 51);
    border-radius: 2px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    cursor: pointer;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    padding: 4px 10px;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
    /*font-family: Arial, 宋体, Lucida, Verdana, Helvetica, sans-serif;*/
    /*font-family: "Open Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;*/
    position: relative;
}
.button-pure.disabled {
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    background: #EEE;
    border: 1px solid #DDD;
    text-shadow: 0 1px 1px white;
    color: #CCC;
    cursor: default;
}
.button-pure:not(.disabled):hover {
    background-color: #f0f0f0;
}

.button-pure:not(.disabled):active {
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

.button-pure-no-shadow {
    box-shadow: none;
}

.button-pure-large {
    padding: 8px 60px;
}

.button-pure-blue {
    background: #1B7FCC;
    border-color: #1A79C2;
    color: #FFF;
}

.button-pure-blue:not(.disabled):hover{
    background: #1C79C0;
    border-color: #1970B2;
}

.button-pure-deep-pink {
    background-color: #ff3366;
    border-color: #F22F5F;
    color: #fff;
}
.button-pure-deep-pink:not(.disabled):hover {
    background-color: #ee3366 !important;
    /*background-color: #FF144F;*/
    border-color: #E43766 !important;
}

.button-pure-green {
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #FFF;
}

.button-pure-green:not(.disabled):hover{
    background-color: #57AD57;
    border-color: #4DA04D;
}

.button-pure-red {
    background-color: #d9534f;
    border-color: #d43f3a;
    color: #FFF;
}

.button-pure-red:not(.disabled):hover{
    background-color: #CC4C48;
    border-color: #C54A46;
}

.button-pure-orange {
    background-color: #FF9300;
    border-color: #EC8800;
    color: #FFF;
}

.button-pure-orange:not(.disabled):hover{
    background-color: #f18d05;
    border-color: #E78500;
}

.button-pure-teal {
    background-color: #36BDBD;
    border-color: #33B4B4;
    color: #FFF;
}

.button-pure-teal:not(.disabled):hover {
    background-color: #33B4B4;
    border-color: #2FA7A7;
}

.button-pure-sky-blue {
    background-color: #00a1cb;
    border-color: #0092B8;
    color: #FFF;
}

.button-pure-sky-blue:not(.disabled):hover {
    background-color: #0097BE;
    border-color: #007E9E;
}
.button-pure-purple {
    background-color: #B10DC9;
    border-color: #9A0CAF;
    color: #FFF;
}

.button-pure-purple:not(.disabled):hover {
    background-color: #9F0EB4;
    border-color: #930FA7;
}
.button-pure-black {
    background-color: #444444;
    border-color: #222222;
    color: #FFF;
}
.button-pure-black:not(.disabled):hover {
    background-color: #222222;
    border-color: #000000;
}
.button-pure-gold {
    /*background-color: #ffd700;
    border-color: #f1c400;*/
    background-color: #EBC80D;
    border-color: #d9AA06;
    color: #FFF;
}
.button-pure-gold:not(.disabled):hover {
    background-color: #DBBB0E;
    border-color: #B99413;
}

.button-pure-gray {
    background: #f1f2f7;
    border-color: #999;
    color: #666;
    font-weight: normal;
}
.button-pure-gray:not(.disabled):hover{
    background: #fff;
    border-color: #999;
}