.btn-round {
    padding: 6px 10px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 4px;
    font-family: "Microsoft JhengHei";
    border-radius: 50%;
}

.btn-sm,
.btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 4px;
    font-family: "Microsoft JhengHei";
}

.btn-primary {
    color: #fff;
    /*background-color: #337ab7;*/
    background-color: #48aff6;
    /*border-color: #2e6da4;*/
    border-color: #48aff6;
    font-family: "Microsoft JhengHei";
}

.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
    background-color: #4384cc;
    border-color: #122b40;
}

.btn-primary:hover {
    color: #fff;
    background-color: #4384cc;
    border-color: #2e6aae;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #4384cc;
    border-color: #2e6aae;
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
    color: #fff;
    background-color: #2e6aae;
    border-color: #122b40;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-primary .badge {
    color: #337ab7;
    background-color: #fff;
}

.btn-warning {
    color: #fff;
    background-color: #f7a116;
    border-color: #f7a116;
}

.btn-warning:focus,
.btn-warning.focus {
    color: #fff;
    background-color: #e28d05;
    border-color: #985f0d;
}

.btn-warning:hover {
    color: #fff;
    background-color: #e28d05;
    border-color: #d58512;
}

.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #e28d05;
    border-color: #d58512;
}

.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d;
}

.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    background-image: none;
}

.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff;
}


/*藍綠_按鈕樣式*/

.btn-Teal {
    color: #FFF;
    background-color: #3ca897;
    border-color: #01a28e;
}

.btn-Teal:focus,
.btn-Teal.focus {
    color: #fff;
    background-color: #2ac6b3;
    border-color: #01a28e;
}

.btn-Teal:hover {
    color: #fff;
    background-color: #2ac6b3;
    border-color: #0c9181;
}

.btn-Teal:active,
.btn-Teal.active,
.open > .dropdown-toggle.btn-Teal {
    color: #fff;
    background-color: #0da899;
    border-color: #0c9181;
}

.btn-Teal:active:hover,
.btn-Teal.active:hover,
.open > .dropdown-toggle.btn-Teal:hover,
.btn-Teal:active:focus,
.btn-Teal.active:focus,
.open > .dropdown-toggle.btn-Teal:focus,
.btn-Teal:active.focus,
.btn-Teal.active.focus,
.open > .dropdown-toggle.btn-Teal.focus {
    color: #fff;
    background-color: #2ac6b3;
    border-color: #985f0d;
}

.btn-Teal:active,
.btn-Teal.active,
.open > .dropdown-toggle.btn-Teal {
    background-image: none;
}

.btn-Teal.disabled:hover,
.btn-Teal[disabled]:hover,
fieldset[disabled] .btn-Teal:hover,
.btn-Teal.disabled:focus,
.btn-Teal[disabled]:focus,
fieldset[disabled] .btn-Teal:focus,
.btn-Teal.disabled.focus,
.btn-Teal[disabled].focus,
fieldset[disabled] .btn-Teal.focus {
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn-Purple {
    color: #fff;
    background-color: #cd92ec;
    border-color: #ba7adc;
}

.btn-Purple:hover,
.btn-Purple:focus,
.btn-Purple.focus,
.btn-Purple:active,
.btn-Purple.active,
.open > .dropdown-toggle.btn-Purple {
    color: #fff;
    background-color: #9f67bc;
    border-color: #ba7adc=;
}

.btn-Purple:active,
.btn-Purple.active,
.open > .dropdown-toggle.btn-Purple {
    background-image: none;
}

.btn-Purple .badge {
    color: #d9534f;
    background-color: #fff;
}

.btn-DeepPurple {
    color: #fff;
    background-color: #6d5cae;
    border-color: #6d5cae;
}

.btn-DeepPurple:hover,
.btn-DeepPurple:focus,
.btn-DeepPurple.focus,
.btn-DeepPurple:active,
.btn-DeepPurple.active,
.open > .dropdown-toggle.btn-DeepPurple {
    color: #fff;
    background-color: #8a7dbe;
    border-color: #8a7dbe;
}

.btn-DeepPurple:active,
.btn-DeepPurple.active,
.open > .dropdown-toggle.btn-DeepPurple {
    background-image: none;
    background: #584b8d;
    border-color: #584b8d;
}

.btn-DeepPurple .badge {
    color: #d9534f;
    background-color: #fff;
}

.btn-Blue {
    color: #fff;
    background-color: #48b0f7;
    border-color: #48b0f7;
}

.btn-Blue:hover,
.btn-Blue:focus,
.btn-Blue.focus,
.btn-Blue:active,
.btn-Blue.active,
.open > .dropdown-toggle.btn-Blue {
    color: #fff;
    background-color: #6dc0f9;
    border-color: #6dc0f9;
}

.btn-Blue:active,
.btn-Blue.active,
.open > .dropdown-toggle.btn-Blue {
    background-image: none;
    background: #3a8fc8;
    border-color: #3a8fc8;
}

.btn-Blue .badge {
    color: #3a8fc8;
    background-color: #fff;
}

.btn-mulberry {
    color: #fff;
    background-color: #e7479d;
    border-color: #e7479d;
}

.btn-mulberry:hover,
.btn-mulberry:focus,
.btn-mulberry.focus,
.btn-mulberry:active,
.btn-mulberry.active,
.open > .dropdown-toggle.btn-mulberry {
    color: #fff;
    background-color: #ea6aac;
    border-color: #ea6aac;
}

.btn-mulberry:active,
.btn-mulberry.active,
.open > .dropdown-toggle.btn-mulberry {
    background-image: none;
    background: #b6397b;
    border-color: #b6397b;
}

.btn-mulberry .badge {
    color: #b6397b;
    background-color: #fff;
}

.btn-gray {
    color: #fff;
    background-color: #8e8f91;
    border-color: #8e8f91;
}

.btn-gray:hover,
.btn-gray:focus,
.btn-gray.focus,
.btn-gray:active,
.btn-gray.active,
.open > .dropdown-toggle.btn-gray {
    color: #fff;
    background-color: #a1a2a4;
    border-color: #a1a2a4;
}

.btn-gray:active,
.btn-gray.active,
.open > .dropdown-toggle.btn-gray {
    background-image: none;
    background: #797a7c;
    border-color: #797a7c;
}

.btn-gray .badge {
    color: #797a7c;
    background-color: #fff;
}

.btn-orange {
    color: #fff;
    background-color: #fd9443;
    border-color: #fd9443;
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange.focus,
.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange {
    color: #fff;
    background-color: #fda564;
    border-color: #fda564;
}

.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange {
    background-image: none;
    background: #c77436;
    border-color: #c77436;
}

.btn-orange .badge {
    color: #c77436;
    background-color: #fff;
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-danger:focus,
.btn-danger.focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19;
}

.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}

.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}

.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19;
}

.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    background-image: none;
}

.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff;
}


/*紅色*/

.crimson {
    color: #f55753;
}


/*綠色*/

.green {
    color: #00c063;
}


/*藍色*/

.dodgerblue {
    color: #48b0f7;
}

.bg_dodgerblue {
    background: #48b0f7;
}

.font_bold {
    font-weight: bold;
}