.btn-sub.border-radius-right {
    /*border-radius: 5px 0 0 0;*/
}
.btn-sub.border-radius-left {
    /*border-radius: 0 5px 0 0;*/
}

.btn-sub {
    margin-right: -5px;
    margin-bottom: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 20px;
    padding-right: 20px;
    color: #444;
    border: 0;
    line-height: 2;
    outline: none; /*去掉按鈕點擊後的痕跡*/
    background-color: #C5D1C9;
    font-weight: bolder;
    font-size: 18px;
    cursor:pointer;
    /*border-top: 4px solid #fff;*/
    border-bottom: 3px solid #82AB82;
    transition-property: padding;
    transition-duration: .5s;
    transition-delay: .1s;
}

    .btn-sub:hover {
        border-bottom: 3px solid orange;
        /*background-color: #C5D1C9;*/
        color: #000;
        transition-property: background-color, color;
        transition-duration: .5s;
        transition-property: border-bottom;
        transition-duration: .5s;
        transition-delay: 0s;                
    }

    .btn-sub[disabled], .btn_-sub[readonly], fieldset[disabled] .btn-sub {
        cursor: not-allowed;
        border-top: 3px solid #C5D1C9;
        background-color: #C5D1C9;
        padding-left: 20px;
        padding-right: 20px;
        color: #eee;
        border-bottom: 3px solid #82AB82;
    }

    .btn-sub.active {
        border-top: 3px solid #82AB82;
        border-bottom: 3px solid #fff;
        background-color: #fff;
        color: #465C46;
        padding-left: 25px;
        padding-right: 25px;
    }

        .btn-sub.active:hover {
            border-top: 3px solid orange;
            color: #465C46;
            transition-property: color;
            transition-duration: .25s;
            transition-timing-function: ease-out;
            transition-property: border-top;
            transition-duration: .5s;
        }

.btn_GV {
    padding: 5px 10px;
    border-radius: 10px;
    color: #f8f8f8;
    border: 0;
    line-height: 2;
    outline: none; /*去掉按鈕點擊後的痕跡*/
    background-color: #4C5E6E;
    box-shadow: inset 0px 2px 2px 0 rgba(48,56,64,0.16);    
    font-size: 18px;    
}

    .btn_GV:hover {        
        background-color: #c1c1cf;
        color: #444;
        font-weight: bolder;
    }

    .btn_GV[disabled], .btn_GV[readonly], fieldset[disabled] .btn_GV {
        cursor: not-allowed;
        background-color: #c1cbd7;
        color: #eee;
        transition-property: background-color,color;
        transition-duration: .25s, .25s;
        transition-timing-function: ease-out;
    }

    /*新的GV icon按鈕*/
.btn_GV_icon {
    margin-right: 2.5px;
    margin-left: 2.5px;
    width: 50px;
    height: 50px;
    padding-top: 3px;
    padding-bottom: 3px;
    /*border-radius: 10px;*/
    border-radius: 10px;
    color: #f8f8f8;
    border: 0;
    line-height: 2;
    outline: none; /*去掉按鈕點擊後的痕跡*/
    background-color: #4C5E6E;
    box-shadow: inset 0px 2px 2px 0 rgba(48,56,64,0.16);
    font-size: 20px;
}
    .btn_GV_icon:focus {
        color: #f8f8f8 !important;
    }

    .btn_GV_icon:hover {
        background-color: #c1c1cf;
        color: #444;
        font-weight: bolder;
    }

.btn_GV_icon:focus:hover {
        color: #444 !important;
    }



/*動態下檔GV icon按鈕*/
.btn_GV_icon_files {
    display: inline-block;
    text-align:center;
    margin-right: 10px;
    margin-left: 10px;
    width: 45px;
    height: 45px;
    padding-top: 3px;
    padding-bottom: 3px;
    /*border-radius: 10px;*/
    border-radius: 10px;
    color: #f8f8f8;
    border: 0;
    line-height: 2;
    outline: none; /*去掉按鈕點擊後的痕跡*/
    background-color: #4C5E6E;
    box-shadow: inset 0px 2px 2px 0 rgba(48,56,64,0.16);
    font-size: 18px;

}

    .btn_GV_icon_files:focus {
        color: #f8f8f8 !important;
    }

    .btn_GV_icon_files:hover {
        background-color: #c1c1cf;
        color: #444;
        font-weight: bolder;
    }

    .btn_GV_icon_files:focus:hover {
        color: #444 !important;
    }


.btn_GV_icon_searchcode {
    display: block;
    text-align: center;
    margin-right: 2.5px;
    margin-left: 2.5px;
    width: 40px;
    height: 40px;
    padding-top: 3px;
    padding-bottom: 3px;
    /*border-radius: 10px;*/
    border-radius: 10px;
    color: #333;
    border: 0;
    line-height: 2;
    outline: none; /*去掉按鈕點擊後的痕跡*/
    background-color: #bfbfbf;
    box-shadow: inset 0px 2px 2px 0 rgba(48,56,64,0.16);
    font-size: 18px;
    margin-left: 10px;
}

    .btn_GV_icon_searchcode:hover {
        background-color: #D4D0C7;
        color: #000;
        transition-property: background-color,color;
        transition-duration: .25s, .25s;
        transition-timing-function: ease-out;
        /*font-weight: bolder;*/
    }



.btn_UC.active {
    background-color: #545956;
    color: #eee;
}
    .btn_UC.active[disabled] {
        background-color: #545956;
        color: #eee;
    }
    .btn_UC.active:hover {
        background-color: #545956;
        color: #eee;
        transition-property: background-color,color;
        transition-duration: .25s, .25s;
        transition-timing-function: ease-out;
        font-weight: bolder;
    }




.btn_UC {
    margin-top: 3px;
    margin-bottom: 3px;
    margin-right: 5px;
    padding: 5px 15px;
    border-radius: 10px;
    background-color: #CFCAC2;
    color: #444;
    border: 0;
    line-height: 2;
    outline: none; /*去掉按鈕點擊後的痕跡*/
    font-weight: bolder;
    box-shadow: inset 0px 2px 2px 0 rgba(48,56,64,0.16);
    transition-duration: .5s;
    /*border-bottom: 3px solid #aaa;
    border-right: 3px solid #999;*/
}

    .btn_UC:hover {
        cursor: pointer;
        /*background-color: #E5E0D8;*/
        color: #000;
        transition-property: background-color,color;
        transition-duration: .25s, .25s;
        transition-timing-function: ease-out;
        font-weight: bolder;

    
    }


    .btn_UC[disabled], .btn_UC[readonly], fieldset[disabled] .btn_UC {
        background-color: #D1CCC5;
        cursor: not-allowed;
        color: #eee;
    }

  /*  .btn_UC.active {
        background-color: #4E5761;
        color: #eee;
    }

        .btn_UC.active:hover {
            background-color: #4E5761;
            color: #fff;
            transition-property: background-color,color;
            transition-duration: .25s, .25s;
            transition-timing-function: ease-out;
            font-weight: bolder;
        }*/

.btn_UC_Prevpage {
    margin-top: 10px;
    padding: 5px 15px;
    border-radius: 10px;
    background-color: #D6AFAB;
    color: #444;
    border: 0;
    line-height: 2;
    font-size: 18px;
    cursor:pointer;
    outline: none; /*去掉按鈕點擊後的痕跡*/
    font-weight: bolder;
    box-shadow: inset 0px 2px 2px 0 rgba(48,56,64,0.16);
    float: right;
    transition-duration: .5s;
}

    .btn_UC_Prevpage:hover {
        background-color: #D6AFAB;
        color: #000;
        transition-property: background-color,color;
        transition-duration: .25s, .25s;
        transition-timing-function: ease-out;
        font-weight: bolder;
    }

.btn_Login {
    font-size: 34px;
    margin-bottom: 15px;
    margin-right: 15px;
    padding: 20px 30px;
    border-radius: 15px;
    /*background-color: #C1CBD7;*/
    background-color: #C5D1D1;
    color: #333;
    border: 0;
    line-height: 2;
    outline: none; /*去掉按鈕點擊後的痕跡*/
    font-weight: bolder;
    box-shadow: inset 0px 2px 2px 0 rgba(48,56,64,0.16);
    transition-duration: .5s;
}

    .btn_Login:hover {        
        background-color: #ECDCC2;
        /*color: #000;*/
        transition-property: background-color,color;
        transition-duration: .25s, .25s;
        transition-timing-function: ease-out;
        font-weight: bolder;
    }


    .btn_Login[disabled], .btn_Login[readonly], fieldset[disabled] .btn_Login {
        background-color: #c1cbd7;
        cursor: not-allowed;
        color: #eee;
    }

@media screen and (max-width: 1000px) {
    .btn_Login {
        width: 100%;
        max-width: 100%;
    }
}


.btn_Common {
    margin-top: 3px;
    margin-bottom: 3px;
    margin-right: 3px;
    padding: 5px 15px;
    border-radius: 10px;
    background-color: #dadad8;
    color: #444;
    border: 0;
    line-height: 2;
    outline: none; /*去掉按鈕點擊後的痕跡*/
    font-size: 18px;
    box-shadow: inset 0px 2px 2px 0 rgba(48,56,64,0.16);
    font-weight: bolder;
    transition-duration: 1s;
}

    .btn_Common:hover {
        cursor: pointer;
        background-color: #cfcfcf;
        color: #000;
        transition-property: background-color,color;
        transition-duration: .25s, .25s;
        transition-timing-function: ease-out;
    }

    .btn_Common.active {
        background-color: #666;
        color: #eee;
    }

        .btn_Common.active:hover {
            background-color: #666;
            color: #fff;
            transition-property: background-color,color;
            transition-duration: .25s, .25s;
            transition-timing-function: ease-out;
            font-weight: bolder;
        }

.btn_searchcode {
    padding: 0px 20px;
    border-radius: 10px;
    background-color: #bfbfbf;
    color: #333;
    border: 0;
    line-height: 2;
    outline: none; /*去掉按鈕點擊後的痕跡*/
    font-size: 18px;
    box-shadow: inset 0px 2px 2px 0 rgba(48,56,64,0.16);
    font-weight: bolder;
    margin-left: 20px;
    height: 40px;
}

    .btn_searchcode:hover {
        background-color: #D4D0C7;
        color: #000;
        transition-property: background-color,color;
        transition-duration: .25s, .25s;
        transition-timing-function: ease-out;
        /*font-weight: bolder;*/
    }

.btn_newSearchcode {
    /*padding: 0px 15px;*/
    /*border-radius: 10px;*/
    border-radius: 5px;
    background-color: #bfbfbf;
    color: #333;
    border: 0;
    line-height: 2;
    outline: none; /*去掉按鈕點擊後的痕跡*/
    font-size: 18px;
    box-shadow: inset 0px 2px 2px 0 rgba(48,56,64,0.16);
    font-weight: bolder;
    margin-left: 10px;
    height: 40px;
    width:40px;
    text-align:center;
}

    .btn_newSearchcode:hover {
        background-color: #D4D0C7;
        color: #000;
        transition-property: background-color,color;
        transition-duration: .25s, .25s;
        transition-timing-function: ease-out;
        /*font-weight: bolder;*/
    }

.btn-gv-searchcode {
    padding: 0px 20px;
    border-radius: 10px;
    background-color: #bfbfbf;
    color: #333;
    border: 0;
    line-height: 2;
    outline: none; /*去掉按鈕點擊後的痕跡*/
    font-size: 18px;
    box-shadow: inset 0px 2px 2px 0 rgba(48,56,64,0.16);
    font-weight: bolder;
    margin-left: 10px;
    height: 40px;
}

    .btn-gv-searchcode:hover {
        background-color: #D4D0C7;
        color: #000;
        transition-property: background-color,color;
        transition-duration: .25s, .25s;
        transition-timing-function: ease-out;
        /*font-weight: bolder;*/
    }


.btn-upload {
    margin-top: 3px;
    margin-bottom: 3px;
    margin-right: 3px;
    padding: 5px 15px;
    border-radius: 10px;
    background-color: #C1CBD7;
    color: #444;
    border: 0;
    line-height: 2;
    outline: none; /*去掉按鈕點擊後的痕跡*/
    font-weight: bolder;
    box-shadow: inset 0px 2px 2px 0 rgba(48,56,64,0.16);
}

    .btn-upload:hover {
        cursor: pointer;
        background-color: #9FA7B3;
        background-color: #C3CDD9;
        color: #000;
        transition-property: background-color,color;
        transition-duration: .25s, .25s;
        transition-timing-function: ease-out;
        font-weight: bolder;
    }


.btn-search {
    /*margin-top: 3px;
    margin-bottom: 3px;
    */
    letter-spacing: 0.04em;
    width: 150px;
    margin-right: 10px;
    margin-left: 10px;
    padding: 5px 15px;
    border-radius: 10px;    
    /*display:block;*/    
    border: 0;
    line-height: 2;
    outline: none; /*去掉按鈕點擊後的痕跡*/
    font-size: 18px;
    box-shadow: inset 0px 2px 2px 0 rgba(48,56,64,0.16);
    font-weight: bolder;
    background-color: #bfbfbf;
    color: #333;
}
    .btn-search:hover {
        background-color: #bfbfbf;
        color: #000;
        transition-property: background-color,color;
        transition-duration: .25s, .25s;
        transition-timing-function: ease-out;
    }


.btn-title-common {
    /*margin-top: 3px;
    margin-bottom: 3px;
    margin-right: 3px;*/
    padding: 5px 15px;
    border-radius: 10px;
    background-color: #dadad8;
    color: #333;
    border: 0;
    line-height: 2;
    outline: none; /*去掉按鈕點擊後的痕跡*/
    font-size: 18px;
    box-shadow: inset 0px 2px 2px 0 rgba(48,56,64,0.16);
    font-weight: bolder;
}

    .btn-title-common:hover {
        cursor: pointer;
        background-color: #bfbfbf;
        color: #000;
        transition-property: background-color,color;
        transition-duration: .25s, .25s;
        transition-timing-function: ease-out;
    }


.btn_Red {
    background-color: #965454;
}
    .btn_Red[disabled], .btn_Red[readonly], fieldset[disabled] .btn_Red {
        color: #555; /*rgba(16, 16, 16, 0.3);*/
        background-color: #eee; /*rgba(239, 239, 239, 0.3);*/
        font-weight: bolder;
        transition-property: background-color,color;
        transition-duration: .25s, .25s;
        transition-timing-function: ease-out;
    }

.btn_Gray {
    background-color: #7A7281;
}



.btn-LightGreen {
    background-color: rgba(157,212,181,.7);
}
    .btn-LightGreen:hover {
        color: #000; /*rgba(16, 16, 16, 0.3);*/
        background-color: rgba(157,212,181,1);
        transition-property: background-color,color;
        transition-duration: .25s, .25s;
        transition-timing-function: ease-out;
    }

.btn_Blue {
    background-color: #707E9E;
}

.btn-LightBlue {
    background-color: rgba(175,207,236,.7);
}

    .btn-LightBlue:hover {
        color: #000; /*rgba(16, 16, 16, 0.3);*/
        background-color: rgba(175,207,236,1);
        transition-property: background-color,color;
        transition-duration: .25s, .25s;
        transition-timing-function: ease-out;
    }



.btn_Sand {
    background-color: #D9B596;
}
    .btn_Sand:hover {
        color: #000;
        background-color: #D9B596; /*rgba(239, 239, 239, 0.3);*/
        transition-property: background-color,color;
        transition-duration: .25s, .25s;
        transition-timing-function: ease-out;
    }

.btn_Green {
    background-color: #3E6965;
    background-color: #4E857F;
}
    .btn_Green[disabled], .btn_Green[readonly], fieldset[disabled] .btn_Green {
        color: #555; /*rgba(16, 16, 16, 0.3);*/
        background-color: #eee; /*rgba(239, 239, 239, 0.3);*/
        font-weight: bolder;
        transition-property: background-color,color;
        transition-duration: .25s, .25s;
        transition-timing-function: ease-out;
    }

.btn_LightBrown {
    background-color: #e8cdab;
}
    .btn_LightBrown:hover {
        color: #000;
        background-color: burlywood; /*rgba(239, 239, 239, 0.3);*/
        transition-property: background-color,color;
        transition-duration: .25s, .25s;
        transition-timing-function: ease-out;
    }


.btn_DarkSalmonn {
    background-color: darksalmon;
}
    .btn_DarkSalmonn:hover {
        color: #111;
        background-color: burlywood; /*rgba(239, 239, 239, 0.3);*/
        transition-property: background-color,color;
        transition-duration: .25s, .25s;
        transition-timing-function: ease-out;
    }



.btn_DarkYellow {
    background-color: #E0CC67; /*#EAB377;*/
}
    .btn_DarkYellow:hover {
        color: #000;
        background-color: #E0CC67; /*rgba(239, 239, 239, 0.3);*/
        transition-property: background-color,color;
        transition-duration: .25s, .25s;
        transition-timing-function: ease-out;
    }

.btn_UC.btn_DarkYellow[disabled] {
    background-color: #CCBA5E;
    cursor: not-allowed;
    color: #eee;
}


.btn_Yellow {
    background-color: #EAE577;
}

    .btn_Yellow:hover {
        color: #111;
        background-color: #DBC266; /*rgba(239, 239, 239, 0.3);*/
        transition-property: background-color,color;
        transition-duration: .25s, .25s;
        transition-timing-function: ease-out;
    }



.btn_fold-height-22 {
    margin-bottom: -2px;
    height: 22px;
    outline: 0;
}


.btn_fold-height-18 {
    /*padding-top: 5px;*/
    /*margin-bottom: -7px;
    height: 34px;*/
    margin-bottom: -2px;
    height: 18px;
    outline: 0;
    /*border: 1px solid black;*/
}