﻿.btnAdd {
    background-color: #F73317;
    color: #FFF;
    padding: 3px;
    margin: 2px 0;
    font-size: 10pt;
    border: solid 1px #FFF;
    border-radius: 4px;
    cursor: pointer;
    min-width: 60px;
}

    .btnAdd:hover {
        background-color: #F86B56;
    } 

.btnCopy{background-color: #F73317;color:#FFF;padding:2px 5px;margin: 2px 0;font-size: 10pt;border:solid 1px #FFF;border-radius: 4px;cursor: pointer;min-width:60px}
.btnCopy:hover {background-color: #F86B56;}

.btnCopy2{background-color: #F73317;color:#FFF;padding:2px 5px;margin: 2px 0;font-size: 10pt;border:solid 1px #FFF;border-radius: 4px;cursor: pointer;min-width:80px}
.btnCopy2:hover {background-color: #F86B56;}

.btnExport{background-color: #11CFFF;color:#FFF;padding:2px 5px;margin: 2px 0;font-size: 10pt;border:solid 1px #FFF;border-radius: 4px;cursor: pointer;min-width:60px}
.btnExport:hover {background-color: #84E7FF;}

.btnCalendar{vertical-align:middle;width:24px;margin-left:-2px;margin-top:-3px}


/* 紅色-白字淡框 */
.btnR1 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24c4c), color-stop(1, #ce0000));
    background: -moz-linear-gradient(top, #f24c4c 5%, #ce0000 100%);
    background: -webkit-linear-gradient(top, #f24c4c 5%, #ce0000 100%);
    background: -o-linear-gradient(top, #f24c4c 5%, #ce0000 100%);
    background: -ms-linear-gradient(top, #f24c4c 5%, #ce0000 100%);
    background: linear-gradient(to bottom, #f24c4c 5%, #ce0000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24c4c', endColorstr='#ce0000',GradientType=0);
    background-color: #f24c4c;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #f8abab;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 12px;
    padding: 2px 25px 1px 25px;
    text-decoration: none;
}

    .btnR1:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0000), color-stop(1, #f24c4c));
        background: -moz-linear-gradient(top, #ce0000 5%, #f24c4c 100%);
        background: -webkit-linear-gradient(top, #ce0000 5%, #f24c4c 100%);
        background: -o-linear-gradient(top, #ce0000 5%, #f24c4c 100%);
        background: -ms-linear-gradient(top, #ce0000 5%, #f24c4c 100%);
        background: linear-gradient(to bottom, #ce0000 5%, #f24c4c 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0000', endColorstr='#f24c4c',GradientType=0);
        background-color: #ce0000;
    }

    .btnR1:active {
        position: relative;
        top: 1px;
    }

/* 紅色-白字淡框白遮罩 */
.btnR2 {
    -moz-box-shadow: inset 0px 33px 0px -24px #ee4d4d;
    -webkit-box-shadow: inset 0px 33px 0px -24px #ee4d4d;
    box-shadow: inset 0px 33px 0px -24px #ee4d4d;
    background-color: #ce0000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #F8ABAB;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 12px;
    padding: 2px 25px;
    text-decoration: none;
}

    .btnR2:hover {
        -moz-box-shadow: inset 0px 33px 0px -24px #F16969;
        -webkit-box-shadow: inset 0px 33px 0px -24px #F16969;
        box-shadow: inset 0px 33px 0px -24px #F16969;
        background-color: #ea2020;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }

    .btnR2:active {
        position: relative;
        top: 1px;
    }

/* 紅色-白字深框 */
.btnSave {
    -moz-box-shadow: 1px 1px 0px 0px #FFB5B3;
    -webkit-box-shadow: 1px 1px 0px 0px #FFB5B3;
    box-shadow: 1px 1px 0px 0px #FFB5B3;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24c4c), color-stop(1, #ce0000));
    background: -moz-linear-gradient(top, #f24c4c 5%, #ce0000 100%);
    background: -webkit-linear-gradient(top, #f24c4c 5%, #ce0000 100%);
    background: -o-linear-gradient(top, #f24c4c 5%, #ce0000 100%);
    background: -ms-linear-gradient(top, #f24c4c 5%, #ce0000 100%);
    background: linear-gradient(to bottom, #f24c4c 5%, #ce0000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24c4c', endColorstr='#ce0000',GradientType=0);
    background-color: #f24c4c;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #8A0000;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: "微軟正黑體",Arial,"新細明體";
    font-size: 10pt;
    padding: 3px 5px 3px 5px;
    text-decoration: none;
}

    .btnSave:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0000), color-stop(1, #f24c4c));
        background: -moz-linear-gradient(top, #ce0000 5%, #f24c4c 100%);
        background: -webkit-linear-gradient(top, #ce0000 5%, #f24c4c 100%);
        background: -o-linear-gradient(top, #ce0000 5%, #f24c4c 100%);
        background: -ms-linear-gradient(top, #ce0000 5%, #f24c4c 100%);
        background: linear-gradient(to bottom, #ce0000 5%, #f24c4c 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0000', endColorstr='#f24c4c',GradientType=0);
        background-color: #ce0000;
    }

    .btnSave:active {
        position: relative;
        top: 1px;
    }

/* 紅色-白字深框陰影 矩形 */
.btnR4 {
    -moz-box-shadow: 1px 1px 0px 0px #BBBBBB;
    -webkit-box-shadow: 1px 1px 0px 0px #BBBBBB;
    box-shadow: 1px 1px 0px 0px #BBBBBB;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24c4c), color-stop(1, #ce0000));
    background: -moz-linear-gradient(top, #f24c4c 5%, #ce0000 100%);
    background: -webkit-linear-gradient(top, #f24c4c 5%, #ce0000 100%);
    background: -o-linear-gradient(top, #f24c4c 5%, #ce0000 100%);
    background: -ms-linear-gradient(top, #f24c4c 5%, #ce0000 100%);
    background: linear-gradient(to bottom, #f24c4c 5%, #ce0000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24c4c', endColorstr='#ce0000',GradientType=0);
    background-color: #f24c4c;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #8A0000;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 12px;
    padding: 15px 10px;
    text-decoration: none;
}

    .btnR4:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0000), color-stop(1, #f24c4c));
        background: -moz-linear-gradient(top, #ce0000 5%, #f24c4c 100%);
        background: -webkit-linear-gradient(top, #ce0000 5%, #f24c4c 100%);
        background: -o-linear-gradient(top, #ce0000 5%, #f24c4c 100%);
        background: -ms-linear-gradient(top, #ce0000 5%, #f24c4c 100%);
        background: linear-gradient(to bottom, #ce0000 5%, #f24c4c 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0000', endColorstr='#f24c4c',GradientType=0);
        background-color: #ce0000;
    }

    .btnR4:active {
        position: relative;
        top: 1px;
    }



/* 黃色-黑字黑框 */
.btnY1 {
    -moz-box-shadow: 0px 1px 0px 0px #fff6af;
    -webkit-box-shadow: 0px 1px 0px 0px #fff6af;
    box-shadow: 0px 1px 0px 0px #fff6af;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f8df63), color-stop(1, #e3bf09));
    background: -moz-linear-gradient(top, #f8df63 5%, #e3bf09 100%);
    background: -webkit-linear-gradient(top, #f8df63 5%, #e3bf09 100%);
    background: -o-linear-gradient(top, #f8df63 5%, #e3bf09 100%);
    background: -ms-linear-gradient(top, #f8df63 5%, #e3bf09 100%);
    background: linear-gradient(to bottom, #f8df63 5%, #e3bf09 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8df63', endColorstr='#e3bf09',GradientType=0);
    background-color: #f8df63;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #997d02;
    display: inline-block;
    cursor: pointer;
    color: #564601;
    font-family: "微軟正黑體",Arial,"新細明體";
    font-size: 12px;
    padding: 2px 25px 1px 25px;
    text-decoration: none;
}

    .btnY1:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e3bf09), color-stop(1, #f8df63));
        background: -moz-linear-gradient(top, #e3bf09 5%, #f8df63 100%);
        background: -webkit-linear-gradient(top, #e3bf09 5%, #f8df63 100%);
        background: -o-linear-gradient(top, #e3bf09 5%, #f8df63 100%);
        background: -ms-linear-gradient(top, #e3bf09 5%, #f8df63 100%);
        background: linear-gradient(to bottom, #e3bf09 5%, #f8df63 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3bf09', endColorstr='#f8df63',GradientType=0);
        background-color: #e3bf09;
    }

    .btnY1:active {
        position: relative;
        top: 1px;
    }

/* 黃色-黑字黑框大型 */
.btnY2 {
    -moz-box-shadow: 1px 1px 0px 0px #BBBBBB;
    -webkit-box-shadow: 1px 1px 0px 0px #BBBBBB;
    box-shadow: 1px 1px 0px 0px #BBBBBB;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f8df63), color-stop(1, #e3bf09));
    background: -moz-linear-gradient(top, #f8df63 5%, #e3bf09 100%);
    background: -webkit-linear-gradient(top, #f8df63 5%, #e3bf09 100%);
    background: -o-linear-gradient(top, #f8df63 5%, #e3bf09 100%);
    background: -ms-linear-gradient(top, #f8df63 5%, #e3bf09 100%);
    background: linear-gradient(to bottom, #f8df63 5%, #e3bf09 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8df63', endColorstr='#e3bf09',GradientType=0);
    background-color: #f8df63;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #997d02;
    display: inline-block;
    cursor: pointer;
    color: #564601;
    font-family: "微軟正黑體",Arial,"新細明體";
    font-size: 14px;
    padding: 10px 25px;
    text-decoration: none;
}

    .btnY2:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e3bf09), color-stop(1, #f8df63));
        background: -moz-linear-gradient(top, #e3bf09 5%, #f8df63 100%);
        background: -webkit-linear-gradient(top, #e3bf09 5%, #f8df63 100%);
        background: -o-linear-gradient(top, #e3bf09 5%, #f8df63 100%);
        background: -ms-linear-gradient(top, #e3bf09 5%, #f8df63 100%);
        background: linear-gradient(to bottom, #e3bf09 5%, #f8df63 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3bf09', endColorstr='#f8df63',GradientType=0);
        background-color: #e3bf09;
    }

    .btnY2:active {
        position: relative;
        top: 1px;
    }



/* 天空藍 */
.btnB1 {
    -moz-box-shadow: 1px 1px 0px 0px #BBBBBB;
    -webkit-box-shadow: 1px 1px 0px 0px #BBBBBB;
    box-shadow: 1px 1px 0px 0px #BBBBBB;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #56d3f2), color-stop(1, #0395b9));
    background: -moz-linear-gradient(top, #56d3f2 5%, #0395b9 100%);
    background: -webkit-linear-gradient(top, #56d3f2 5%, #0395b9 100%);
    background: -o-linear-gradient(top, #56d3f2 5%, #0395b9 100%);
    background: -ms-linear-gradient(top, #56d3f2 5%, #0395b9 100%);
    background: linear-gradient(to bottom, #56d3f2 5%, #0395b9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#56d3f2', endColorstr='#0395b9',GradientType=0);
    background-color: #56d3f2;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #B4EFFE;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: "微軟正黑體",Arial,"新細明體";
    font-size: 12px;
    padding: 3px 5px 3px 5px;
    text-decoration: none;
}

    .btnB1:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0395b9), color-stop(1, #56d3f2));
        background: -moz-linear-gradient(top, #0395b9 5%, #56d3f2 100%);
        background: -webkit-linear-gradient(top, #0395b9 5%, #56d3f2 100%);
        background: -o-linear-gradient(top, #0395b9 5%, #56d3f2 100%);
        background: -ms-linear-gradient(top, #0395b9 5%, #56d3f2 100%);
        background: linear-gradient(to bottom, #0395b9 5%, #56d3f2 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0395b9', endColorstr='#56d3f2',GradientType=0);
        background-color: #0395b9;
    }

    .btnB1:active {
        position: relative;
        top: 1px;
    }

.btnSelect {
    -moz-box-shadow: 1px 1px 0px 0px #BBBBBB;
    -webkit-box-shadow: 1px 1px 0px 0px #BBBBBB;
    box-shadow: 1px 1px 0px 0px #BBBBBB;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #56d3f2), color-stop(1, #0395b9));
    background: -moz-linear-gradient(top, #56d3f2 5%, #0395b9 100%);
    background: -webkit-linear-gradient(top, #56d3f2 5%, #0395b9 100%);
    background: -o-linear-gradient(top, #56d3f2 5%, #0395b9 100%);
    background: -ms-linear-gradient(top, #56d3f2 5%, #0395b9 100%);
    background: linear-gradient(to bottom, #56d3f2 5%, #0395b9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#56d3f2', endColorstr='#0395b9',GradientType=0);
    background-color: #56d3f2;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #01647C;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 12px;
    padding: 2px 25px 1px 25px;
    text-decoration: none;
}

    .btnSelect:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0395b9), color-stop(1, #56d3f2));
        background: -moz-linear-gradient(top, #0395b9 5%, #56d3f2 100%);
        background: -webkit-linear-gradient(top, #0395b9 5%, #56d3f2 100%);
        background: -o-linear-gradient(top, #0395b9 5%, #56d3f2 100%);
        background: -ms-linear-gradient(top, #0395b9 5%, #56d3f2 100%);
        background: linear-gradient(to bottom, #0395b9 5%, #56d3f2 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0395b9', endColorstr='#56d3f2',GradientType=0);
        background-color: #0395b9;
    }

    .btnSelect:active {
        position: relative;
        top: 1px;
    }

/* 天空藍-白字深框 矩形 */
.btnB3 {
    -moz-box-shadow: 1px 1px 0px 0px #BBBBBB;
    -webkit-box-shadow: 1px 1px 0px 0px #BBBBBB;
    box-shadow: 1px 1px 0px 0px #BBBBBB;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #56d3f2), color-stop(1, #0395b9));
    background: -moz-linear-gradient(top, #56d3f2 5%, #0395b9 100%);
    background: -webkit-linear-gradient(top, #56d3f2 5%, #0395b9 100%);
    background: -o-linear-gradient(top, #56d3f2 5%, #0395b9 100%);
    background: -ms-linear-gradient(top, #56d3f2 5%, #0395b9 100%);
    background: linear-gradient(to bottom, #56d3f2 5%, #0395b9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#56d3f2', endColorstr='#0395b9',GradientType=0);
    background-color: #56d3f2;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #01647C;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 12px;
    padding: 15px 10px;
    text-decoration: none;
}

    .btnB3:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0395b9), color-stop(1, #56d3f2));
        background: -moz-linear-gradient(top, #0395b9 5%, #56d3f2 100%);
        background: -webkit-linear-gradient(top, #0395b9 5%, #56d3f2 100%);
        background: -o-linear-gradient(top, #0395b9 5%, #56d3f2 100%);
        background: -ms-linear-gradient(top, #0395b9 5%, #56d3f2 100%);
        background: linear-gradient(to bottom, #0395b9 5%, #56d3f2 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0395b9', endColorstr='#56d3f2',GradientType=0);
        background-color: #0395b9;
    }

    .btnB3:active {
        position: relative;
        top: 1px;
    }

/* 天空藍-白字深框 矩形 */
.btnAct {
    -moz-box-shadow: 1px 1px 0px 0px #BBBBBB;
    -webkit-box-shadow: 1px 1px 0px 0px #BBBBBB;
    box-shadow: 1px 1px 0px 0px #BBBBBB;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #56d3f2), color-stop(1, #0395b9));
    background: -moz-linear-gradient(top, #56d3f2 5%, #0395b9 100%);
    background: -webkit-linear-gradient(top, #56d3f2 5%, #0395b9 100%);
    background: -o-linear-gradient(top, #56d3f2 5%, #0395b9 100%);
    background: -ms-linear-gradient(top, #56d3f2 5%, #0395b9 100%);
    background: linear-gradient(to bottom, #56d3f2 5%, #0395b9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#56d3f2', endColorstr='#0395b9',GradientType=0);
    background-color: #56d3f2;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #01647C;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 12px;
    padding: 3px;
    text-decoration: none;
}

    .btnAct:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0395b9), color-stop(1, #56d3f2));
        background: -moz-linear-gradient(top, #0395b9 5%, #56d3f2 100%);
        background: -webkit-linear-gradient(top, #0395b9 5%, #56d3f2 100%);
        background: -o-linear-gradient(top, #0395b9 5%, #56d3f2 100%);
        background: -ms-linear-gradient(top, #0395b9 5%, #56d3f2 100%);
        background: linear-gradient(to bottom, #0395b9 5%, #56d3f2 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0395b9', endColorstr='#56d3f2',GradientType=0);
        background-color: #0395b9;
    }

    .btnAct:active {
        position: relative;
        top: 1px;
    }

/* 深藍 */
.btnB4 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #00D5EC), color-stop(1, #0099AA));
    background: -moz-linear-gradient(top, #00D5EC 5%, #0099AA 100%);
    background: -webkit-linear-gradient(top, #00D5EC 5%, #0099AA 100%);
    background: -o-linear-gradient(top, #00D5EC 5%, #0099AA 100%);
    background: -ms-linear-gradient(top, #00D5EC 5%, #0099AA 100%);
    background: linear-gradient(to bottom, #00D5EC 5%, #0099AA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00D5EC', endColorstr='#0099AA',GradientType=0);
    background-color: #00D5EC;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #0099AA;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 12px;
    padding: 5px 25px;
    text-decoration: none;
}

    .btnB4:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0099AA), color-stop(1, #00D5EC));
        background: -moz-linear-gradient(top, #0099AA 5%, #00D5EC 100%);
        background: -webkit-linear-gradient(top, #0099AA 5%, #00D5EC 100%);
        background: -o-linear-gradient(top, #0099AA 5%, #00D5EC 100%);
        background: -ms-linear-gradient(top, #0099AA 5%, #00D5EC 100%);
        background: linear-gradient(to bottom, #0099AA 5%, #00D5EC 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0099AA', endColorstr='#00D5EC',GradientType=0);
        background-color: #0099AA;
    }

    .btnB4:active {
        position: relative;
        top: 1px;
    }

/* 深藍 */
.btnB5 {
    -moz-box-shadow: 1px 1px 0px 0px #BBBBBB;
    -webkit-box-shadow: 1px 1px 0px 0px #BBBBBB;
    box-shadow: 1px 1px 0px 0px #BBBBBB;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #00D5EC), color-stop(1, #0099AA));
    background: -moz-linear-gradient(top, #00D5EC 5%, #0099AA 100%);
    background: -webkit-linear-gradient(top, #00D5EC 5%, #0099AA 100%);
    background: -o-linear-gradient(top, #00D5EC 5%, #0099AA 100%);
    background: -ms-linear-gradient(top, #00D5EC 5%, #0099AA 100%);
    background: linear-gradient(to bottom, #00D5EC 5%, #0099AA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00D5EC', endColorstr='#0099AA',GradientType=0);
    background-color: #00D5EC;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #0099AA;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: "微軟正黑體",Arial,"新細明體";
    font-size: 14px;
    padding: 5px 15px;
    text-decoration: none;
}

    .btnB5:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0099AA), color-stop(1, #00D5EC));
        background: -moz-linear-gradient(top, #0099AA 5%, #00D5EC 100%);
        background: -webkit-linear-gradient(top, #0099AA 5%, #00D5EC 100%);
        background: -o-linear-gradient(top, #0099AA 5%, #00D5EC 100%);
        background: -ms-linear-gradient(top, #0099AA 5%, #00D5EC 100%);
        background: linear-gradient(to bottom, #0099AA 5%, #00D5EC 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0099AA', endColorstr='#00D5EC',GradientType=0);
        background-color: #0099AA;
    }

    .btnB5:active {
        position: relative;
        top: 1px;
    }

/* 綠色 */
.btnG1 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #26D14F), color-stop(1, #006a1b));
    background: -moz-linear-gradient(top, #26D14F 5%, #006a1b 100%);
    background: -webkit-linear-gradient(top, #26D14F 5%, #006a1b 100%);
    background: -o-linear-gradient(top, #26D14F 5%, #006a1b 100%);
    background: -ms-linear-gradient(top, #26D14F 5%, #006a1b 100%);
    background: linear-gradient(to bottom, #26D14F 5%, #006a1b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26D14F', endColorstr='#006a1b',GradientType=0);
    background-color: #26D14F;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #a8e3b6;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 12px;
    padding: 2px 25px 1px 25px;
    text-decoration: none;
}

    .btnG1:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #006a1b), color-stop(1, #26D14F));
        background: -moz-linear-gradient(top, #006a1b 5%, #26D14F 100%);
        background: -webkit-linear-gradient(top, #006a1b 5%, #26D14F 100%);
        background: -o-linear-gradient(top, #006a1b 5%, #26D14F 100%);
        background: -ms-linear-gradient(top, #006a1b 5%, #26D14F 100%);
        background: linear-gradient(to bottom, #006a1b 5%, #26D14F 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006a1b', endColorstr='#26D14F',GradientType=0);
        background-color: #006a1b;
    }

    .btnG1:active {
        position: relative;
        top: 1px;
    }

.btnO1 {
    -moz-box-shadow: 1px 1px 0px 0px #BBBBBB;
    -webkit-box-shadow: 1px 1px 0px 0px #BBBBBB;
    box-shadow: 1px 1px 0px 0px #BBBBBB;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6a44d), color-stop(1, #ce6a00));
    background: -moz-linear-gradient(top, #f6a44d 5%, #ce6a00 100%);
    background: -webkit-linear-gradient(top, #f6a44d 5%, #ce6a00 100%);
    background: -o-linear-gradient(top, #f6a44d 5%, #ce6a00 100%);
    background: -ms-linear-gradient(top, #f6a44d 5%, #ce6a00 100%);
    background: linear-gradient(to bottom, #f6a44d 5%, #ce6a00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6a44d', endColorstr='#ce6a00',GradientType=0);
    background-color: #f6a44d;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #B5620F;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 12px;
    padding: 2px;
    text-decoration: none;
}

    .btnO1:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce6a00), color-stop(1, #f6a44d));
        background: -moz-linear-gradient(top, #ce6a00 5%, #f6a44d 100%);
        background: -webkit-linear-gradient(top, #ce6a00 5%, #f6a44d 100%);
        background: -o-linear-gradient(top, #ce6a00 5%, #f6a44d 100%);
        background: -ms-linear-gradient(top, #ce6a00 5%, #f6a44d 100%);
        background: linear-gradient(to bottom, #ce6a00 5%, #f6a44d 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce6a00', endColorstr='#f6a44d',GradientType=0);
        background-color: #ce6a00;
    }

    .btnO1:active {
        position: relative;
        top: 1px;
    }



/* 紫色 */
.btnP1 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bb4df6), color-stop(1, #8600ce));
    background: -moz-linear-gradient(top, #bb4df6 5%, #8600ce 100%);
    background: -webkit-linear-gradient(top, #bb4df6 5%, #8600ce 100%);
    background: -o-linear-gradient(top, #bb4df6 5%, #8600ce 100%);
    background: -ms-linear-gradient(top, #bb4df6 5%, #8600ce 100%);
    background: linear-gradient(to bottom, #bb4df6 5%, #8600ce 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bb4df6', endColorstr='#8600ce',GradientType=0);
    background-color: #bb4df6;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ddadf8;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 12px;
    padding: 2px 25px 1px 25px;
    text-decoration: none;
}

    .btnP1:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8600ce), color-stop(1, #bb4df6));
        background: -moz-linear-gradient(top, #8600ce 5%, #bb4df6 100%);
        background: -webkit-linear-gradient(top, #8600ce 5%, #bb4df6 100%);
        background: -o-linear-gradient(top, #8600ce 5%, #bb4df6 100%);
        background: -ms-linear-gradient(top, #8600ce 5%, #bb4df6 100%);
        background: linear-gradient(to bottom, #8600ce 5%, #bb4df6 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8600ce', endColorstr='#bb4df6',GradientType=0);
        background-color: #8600ce;
    }

    .btnP1:active {
        position: relative;
        top: 1px;
    }

.btnSave2 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bb4df6), color-stop(1, #8600ce));
    background: -moz-linear-gradient(top, #bb4df6 5%, #8600ce 100%);
    background: -webkit-linear-gradient(top, #bb4df6 5%, #8600ce 100%);
    background: -o-linear-gradient(top, #bb4df6 5%, #8600ce 100%);
    background: -ms-linear-gradient(top, #bb4df6 5%, #8600ce 100%);
    background: linear-gradient(to bottom, #bb4df6 5%, #8600ce 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bb4df6', endColorstr='#8600ce',GradientType=0);
    background-color: #bb4df6;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #612161;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: "微軟正黑體",Arial,"新細明體";
    font-size: 10pt;
    padding: 3px 5px 3px 5px;
    text-decoration: none;
}

    .btnSave2:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8600ce), color-stop(1, #bb4df6));
        background: -moz-linear-gradient(top, #8600ce 5%, #bb4df6 100%);
        background: -webkit-linear-gradient(top, #8600ce 5%, #bb4df6 100%);
        background: -o-linear-gradient(top, #8600ce 5%, #bb4df6 100%);
        background: -ms-linear-gradient(top, #8600ce 5%, #bb4df6 100%);
        background: linear-gradient(to bottom, #8600ce 5%, #bb4df6 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8600ce', endColorstr='#bb4df6',GradientType=0);
        background-color: #8600ce;
    }

    .btnSave2:active {
        position: relative;
        top: 1px;
    }




/* 灰色 */
.btnGrey1 {
    -moz-box-shadow: 1px 1px 0px 0px #BBBBBB;
    -webkit-box-shadow: 1px 1px 0px 0px #BBBBBB;
    box-shadow: 1px 1px 0px 0px #BBBBBB;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #AAAAAA), color-stop(1, #AAAAAA));
    background: -moz-linear-gradient(top, #AAAAAA 5%, #AAAAAA 100%);
    background: -webkit-linear-gradient(top, #AAAAAA 5%, #AAAAAA 100%);
    background: -o-linear-gradient(top, #AAAAAA 5%, #AAAAAA 100%);
    background: -ms-linear-gradient(top, #AAAAAA 5%, #AAAAAA 100%);
    background: linear-gradient(to bottom, #AAAAAA 5%, #AAAAAA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AAAAAA', endColorstr='#888888',GradientType=0);
    background-color: #AAAAAA;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #666666;
    display: inline-block;
    cursor: text;
    color: #ffffff;
    font-family: "微軟正黑體",Arial,"新細明體";
    font-size: 14px;
    padding: 5px 15px;
    text-decoration: none;
}

/* 灰色 */
.btnGrey2 {
    -moz-box-shadow: 1px 1px 0px 0px #BBBBBB;
    -webkit-box-shadow: 1px 1px 0px 0px #BBBBBB;
    box-shadow: 1px 1px 0px 0px #BBBBBB;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #AAAAAA), color-stop(1, #888888));
    background: -moz-linear-gradient(top, #AAAAAA 5%, #888888 100%);
    background: -webkit-linear-gradient(top, #AAAAAA 5%, #888888 100%);
    background: -o-linear-gradient(top, #AAAAAA 5%, #888888 100%);
    background: -ms-linear-gradient(top, #AAAAAA 5%, #888888 100%);
    background: linear-gradient(to bottom, #AAAAAA 5%, #888888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AAAAAA', endColorstr='#888888',GradientType=0);
    background-color: #AAAAAA;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #555555;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: "微軟正黑體",Arial,"新細明體";
    font-size: 14px;
    padding: 10px 25px;
    text-decoration: none;
}
/* 灰色 */
.btnGrey3 {
    -moz-box-shadow: 1px 1px 0px 0px #BBBBBB;
    -webkit-box-shadow: 1px 1px 0px 0px #BBBBBB;
    box-shadow: 1px 1px 0px 0px #BBBBBB;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #AAAAAA), color-stop(1, #888888));
    background: -moz-linear-gradient(top, #AAAAAA 5%, #888888 100%);
    background: -webkit-linear-gradient(top, #AAAAAA 5%, #888888 100%);
    background: -o-linear-gradient(top, #AAAAAA 5%, #888888 100%);
    background: -ms-linear-gradient(top, #AAAAAA 5%, #888888 100%);
    background: linear-gradient(to bottom, #AAAAAA 5%, #888888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AAAAAA', endColorstr='#888888',GradientType=0);
    background-color: #AAAAAA;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #555555;
    display: inline-block;
    cursor: text;
    color: #ffffff;
    font-family: arial;
    font-size: 12px;
    padding: 3px;
    text-decoration: none;
}
/* Query */
.btnQuery {
    -moz-box-shadow: 0px 1px 0px 0px #CAF9FF;
    -webkit-box-shadow: 0px 1px 0px 0px #CAF9FF;
    box-shadow: 0px 1px 0px 0px #CAF9FF;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #666666), color-stop(1, #333333));
    background: -moz-linear-gradient(top, #666666 5%, #333333 100%);
    background: -webkit-linear-gradient(top, #666666 5%, #333333 100%);
    background: -o-linear-gradient(top, #666666 5%, #333333 100%);
    background: -ms-linear-gradient(top, #666666 5%, #333333 100%);
    background: linear-gradient(to bottom, #666666 5%, #333333 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#333333',GradientType=0);
    background-color: #333333;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #111111;
    display: inline-block;
    cursor: pointer;
    color: #FFF;
    font-family: "微軟正黑體",Arial,"新細明體";
    font-size: 12px;
    padding: 2px 25px;
    text-decoration: none;
}

    .btnQuery:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #333333), color-stop(1, #666666));
        background: -moz-linear-gradient(top, #333333 5%, #666666 100%);
        background: -webkit-linear-gradient(top, #333333 5%, #666666 100%);
        background: -o-linear-gradient(top, #333333 5%, #666666 100%);
        background: -ms-linear-gradient(top, #333333 5%, #666666 100%);
        background: linear-gradient(to bottom, #333333 5%, #666666 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#666666',GradientType=0);
        background-color: #e3bf09;
    }

    .btnQuery:active {
        position: relative;
        top: 1px;
    }

/* 橘色-白字淡框白遮罩 */
.btnO2 {
    -moz-box-shadow: inset 0px 33px 0px -24px #EF9A0C;
    -webkit-box-shadow: inset 0px 33px 0px -24px #EF9A0C;
    box-shadow: inset 0px 33px 0px -24px #EF9A0C;
    background-color: #C27D0A;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #FAD9A0;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 12px;
    padding: 2px 25px;
    text-decoration: none;
}

    .btnO2:hover {
        -moz-box-shadow: inset 0px 33px 0px -24px #F7BC5B;
        -webkit-box-shadow: inset 0px 33px 0px -24px #F7BC5B;
        box-shadow: inset 0px 33px 0px -24px #F7BC5B;
        background-color: #F29E13;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }

    .btnO2:active {
        position: relative;
        top: 1px;
    }

/* 紫色 */
.btnP1 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bb4df6), color-stop(1, #8600ce));
    background: -moz-linear-gradient(top, #bb4df6 5%, #8600ce 100%);
    background: -webkit-linear-gradient(top, #bb4df6 5%, #8600ce 100%);
    background: -o-linear-gradient(top, #bb4df6 5%, #8600ce 100%);
    background: -ms-linear-gradient(top, #bb4df6 5%, #8600ce 100%);
    background: linear-gradient(to bottom, #bb4df6 5%, #8600ce 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bb4df6', endColorstr='#8600ce',GradientType=0);
    background-color: #bb4df6;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ddadf8;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 12px;
    padding: 2px 25px 1px 25px;
    text-decoration: none;
}