#form1 {
    Font-Size: 13.5pt;
}

#CalendarExtender1 {
    Font-Size: 20pt;
    z-index: 10;
}

/*.cal .ajax__calendar_month {
    width: 70px;
    height: 80px;
    font-size: 16pt;
    font-weight: bold;
}*/

.fvedit {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.fvinsert {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
/*formview-修改模式奇數列顏色*/
.fvedit > tbody > tr:nth-child(odd) > td,
.fvedit > tbody > tr:nth-child(odd) > th {
    background-color: #C6E589 /*#d8fcbb*/ /*#E5F6FF*/;
}
/*formview-修改模式偶數列顏色*/
.fvedit > tbody > tr:nth-child(even) > td,
.fvedit > tbody > tr:nth-child(even) > th {
    background-color: #F9FFE5 /*9BCE9C*/ /*#73DBE5*/;
}
/*formview-新增模式奇數列顏色*/
.fvinsert > tbody > tr:nth-child(odd) > td,
.fvinsert > tbody > tr:nth-child(odd) > th {
    background-color: #fabe8c;
}
/*formview-新增模式偶數列顏色*/
.fvinsert > tbody > tr:nth-child(even) > td,
.fvinsert > tbody > tr:nth-child(even) > th {
    background-color: #f8dcc1;
}

#fvinsert > tbody > tr:nth-child(odd) > td,
#fvinsert > tbody > tr:nth-child(odd) > th {
    background-color: #fabe8c;
}

#fvinsert > tbody > tr:nth-child(even) > td,
#fvinsert > tbody > tr:nth-child(even) > th {
    background-color: #f8dcc1;
}
/*登出鈕設定*/
#btnLogOut {
    margin-right: 25px;
    float: right;
}

#lblLogin {
    font-size: 16pt;
    font-family: "新細明體", 新細明體;
    margin-left: 15px;
}

.btngop {
    /*position: absolute;
            right: 5px;*/
    margin-top: 10px;
    float: right;
}

#ContentPlaceHolder1_btnAdd {
    margin-left: 5px;
    margin-right: 5px;
}

#ContentPlaceHolder1_btnMod {
    margin-left: 5px;
    margin-right: 5px;
}

#ContentPlaceHolder1_btnDel {
    margin-left: 5px;
    margin-right: 5px;
}

#titleStyle1 {
    font-size: 1.5em;
    font-family: "微軟正黑體";
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    padding: 10px 40px;
    /*background: #ffb933;*/
    background: #FF8D08;
    /*width: 200px;*/
    width: 100%;
    border-radius: 10px;
    -moz-border-radius: 10px; /* Old Firefox */
    box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    margin-bottom: 10px;
}

#titleStyle2 {
    font-size: 1.5em;
    font-family: "微軟正黑體";
    font-weight: bold;
    color: #E5FBFF;
    text-align: center;
    padding: 10px 40px;
    /*background: #ffb933;*/
    background: #BD835B;
    /*width: 200px;*/
    width: 100%;
    border-radius: 10px;
    -moz-border-radius: 10px; /* Old Firefox */
    box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    margin-bottom: 10px;
}

#titleStyle3 {
    font-size: 1.5em;
    font-family: "微軟正黑體";
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    padding: 10px 40px;
    /*background: #ffb933;*/
    background: #009AE7;
    /*width: 200px;*/
    width: 100%;
    border-radius: 10px;
    -moz-border-radius: 10px; /* Old Firefox */
    box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    margin-bottom: 10px;
}

#titleStyle4 {
    font-size: 1.5em;
    font-family: "微軟正黑體";
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    padding: 10px 40px;
    /*background: #ffb933;*/
    background: #71B802; /*#9ACD32;*/
    /*width: 200px;*/
    width: 100%;
    border-radius: 10px;
    -moz-border-radius: 10px; /* Old Firefox */
    box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    margin-bottom: 10px;
}

.titleStyle0 {
    font-size: 1.5em;
    font-family: "微軟正黑體";
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    /*padding: 10px 40px;*/
    background: #FF8D08;
    /*width: 200px;*/
    width: 100%;
    border-radius: 10px;
    -moz-border-radius: 10px; /* Old Firefox */
    box-shadow: 4px 4px 12px -2px Gray;
    /*margin-bottom: 10px;*/
    margin-bottom: 10px;
}

.titleStyle1 {
    font-size: 1.5em;
    font-family: "微軟正黑體";
    font-weight: bold;
    color: #004AB2;
    text-align: center;
    /*padding: 10px 40px;*/
    /*background: #ffb933;*/
    background: #FFDF80;
    /*width: 200px;*/
    width: 100%;
    border-radius: 10px;
    -moz-border-radius: 10px; /* Old Firefox */
    box-shadow: 4px 4px 12px -2px Gray;
    margin-bottom: 10px;
}

.titleStyle2 {
    font-size: 1.5em;
    font-family: "微軟正黑體";
    font-weight: bold;
    color: #E5FBFF;
    text-align: center;
    /*padding: 10px 40px;*/
    /*background: #ffb933;*/
    background: #BD835B;
    /*width: 200px;*/
    width: 100%;
    border-radius: 10px;
    -moz-border-radius: 10px; /* Old Firefox */
    box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    margin-bottom: 10px;
}

.titleStyle3 {
    font-size: 1.5em;
    font-family: "微軟正黑體";
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    /*padding: 10px 40px;*/
    /*background: #ffb933;*/
    background: #009AE7;
    /*width: 200px;*/
    width: 100%;
    border-radius: 10px;
    -moz-border-radius: 10px; /* Old Firefox */
    box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    margin-bottom: 10px;
}

.titleStyle4 {
    font-size: 1.5em;
    font-family: "微軟正黑體";
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    /*padding: 10px 40px;*/
    /*background: #ffb933;*/
    background: #71B802; /*#9ACD32;*/
    /*width: 200px;*/
    width: 100%;
    border-radius: 10px;
    -moz-border-radius: 10px; /* Old Firefox */
    box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    margin-bottom: 10px;
}

.subtitleStyle0 {
    font-size: 1.5em;
    font-family: "微軟正黑體";
    font-weight: bold;
    color: #0098FF;
    text-align: center;
    /*padding: 10px 40px;*/
    /*background: #ffb933;*/
    background: #BFE9FF; /*#9ACD32;*/
    /*width: 200px;*/
    width: 100%;
    border-radius: 10px;
    -moz-border-radius: 10px; /* Old Firefox */
    box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    margin-bottom: 10px;
}

#menu {
    margin-right: 4px;
    box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);
}

    #menu a:hover {
        background-color: #D0E590;
    }

.tbl {
    box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);
}

/*.well {
    background: #FFEDBF;
    background-color: #FFEDBF;
}*/

/*.table {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}*/

.btn-sty01 {
    background-color: hsl(145, 62%, 68%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cdf3dd", endColorstr="#7adfa4");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#cdf3dd), to(#7adfa4));
    background-image: -moz-linear-gradient(top, #cdf3dd, #7adfa4);
    background-image: -ms-linear-gradient(top, #cdf3dd, #7adfa4);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cdf3dd), color-stop(100%, #7adfa4));
    background-image: -webkit-linear-gradient(top, #cdf3dd, #7adfa4);
    background-image: -o-linear-gradient(top, #cdf3dd, #7adfa4);
    background-image: linear-gradient(#cdf3dd, #7adfa4);
    border-color: #7adfa4 #7adfa4 hsl(145, 62%, 63%);
    color: #333 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.33);
    -webkit-font-smoothing: antialiased;
}

    .btn-sty01:focus,
    .btn-sty01.focus {
        color: #fff;
        background-color: #286090;
        border-color: #122b40;
    }
    /*滑鼠移動效果*/
    .btn-sty01:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }
    /*滑鼠按下效果*/
    .btn-sty01:active {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

.btn-sty02 {
    background-color: hsl(214, 37%, 28%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7a99c1", endColorstr="#2c4361");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#7a99c1), to(#2c4361));
    background-image: -moz-linear-gradient(top, #7a99c1, #2c4361);
    background-image: -ms-linear-gradient(top, #7a99c1, #2c4361);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7a99c1), color-stop(100%, #2c4361));
    background-image: -webkit-linear-gradient(top, #7a99c1, #2c4361);
    background-image: -o-linear-gradient(top, #7a99c1, #2c4361);
    background-image: linear-gradient(#7a99c1, #2c4361);
    border-color: #2c4361 #2c4361 hsl(214, 37%, 19.5%);
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.56);
    -webkit-font-smoothing: antialiased;
}

    .btn-sty02:focus,
    .btn-sty02.focus {
        color: #fff;
        background-color: #286090;
        border-color: #122b40;
    }
    /*滑鼠移動效果*/
    .btn-sty02:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }
    /*滑鼠按下效果*/
    .btn-sty02:active {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

.btn-sty04 {
    background-color: hsl(0, 100%, 82%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fecccc", endColorstr="#fea3a3");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#fecccc), to(#fea3a3));
    background-image: -moz-linear-gradient(top, #fecccc, #fea3a3);
    background-image: -ms-linear-gradient(top, #fecccc, #fea3a3);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fecccc), color-stop(100%, #fea3a3));
    background-image: -webkit-linear-gradient(top, #fecccc, #fea3a3);
    background-image: -o-linear-gradient(top, #fecccc, #fea3a3);
    background-image: linear-gradient(#fecccc, #fea3a3);
    border-color: #fea3a3 #fea3a3 hsl(0, 100%, 80%);
    color: #333 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.13);
    -webkit-font-smoothing: antialiased;
}

    .btn-sty04:focus,
    .btn-sty04.focus {
        color: #fff;
        background-color: #286090;
        border-color: #122b40;
    }
    /*滑鼠移動效果*/
    .btn-sty04:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }
    /*滑鼠按下效果*/
    .btn-sty04:active {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

.btn-sty05 {
    background-color: hsl(193, 32%, 49%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b8d3da", endColorstr="#5493a4");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#b8d3da), to(#5493a4));
    background-image: -moz-linear-gradient(top, #b8d3da, #5493a4);
    background-image: -ms-linear-gradient(top, #b8d3da, #5493a4);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8d3da), color-stop(100%, #5493a4));
    background-image: -webkit-linear-gradient(top, #b8d3da, #5493a4);
    background-image: -o-linear-gradient(top, #b8d3da, #5493a4);
    background-image: linear-gradient(#b8d3da, #5493a4);
    border-color: #5493a4 #5493a4 hsl(193, 32%, 41.5%);
    color: #333 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.49);
    -webkit-font-smoothing: antialiased;
}

    .btn-sty05:focus,
    .btn-sty05.focus {
        color: #fff;
        background-color: #286090;
        border-color: #122b40;
    }
    /*滑鼠移動效果*/
    .btn-sty05:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }
    /*滑鼠按下效果*/
    .btn-sty05:active {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

.btn-sty06 {
    background-color: hsl(145, 62%, 68%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cdf3dd", endColorstr="#7adfa4");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#cdf3dd), to(#7adfa4));
    background-image: -moz-linear-gradient(top, #cdf3dd, #7adfa4);
    background-image: -ms-linear-gradient(top, #cdf3dd, #7adfa4);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cdf3dd), color-stop(100%, #7adfa4));
    background-image: -webkit-linear-gradient(top, #cdf3dd, #7adfa4);
    background-image: -o-linear-gradient(top, #cdf3dd, #7adfa4);
    background-image: linear-gradient(#cdf3dd, #7adfa4);
    border-color: #7adfa4 #7adfa4 hsl(145, 62%, 63%);
    color: #333 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.33);
    -webkit-font-smoothing: antialiased;
}

    .btn-sty06:focus,
    .btn-sty06.focus {
        color: #fff;
        background-color: #286090;
        border-color: #122b40;
    }
    /*滑鼠移動效果*/
    .btn-sty06:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }
    /*滑鼠按下效果*/
    .btn-sty06:active {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

.btn-sty07 {
    background-color: hsl(265, 60%, 22%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#602aab", endColorstr="#321659");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#602aab), to(#321659));
    background-image: -moz-linear-gradient(top, #602aab, #321659);
    background-image: -ms-linear-gradient(top, #602aab, #321659);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #602aab), color-stop(100%, #321659));
    background-image: -webkit-linear-gradient(top, #602aab, #321659);
    background-image: -o-linear-gradient(top, #602aab, #321659);
    background-image: linear-gradient(#602aab, #321659);
    border-color: #321659 #321659 hsl(265, 60%, 17%);
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
    -webkit-font-smoothing: antialiased;
}

    .btn-sty07:focus,
    .btn-sty07.focus {
        color: #fff;
        background-color: #286090;
        border-color: #122b40;
    }
    /*滑鼠移動效果*/
    .btn-sty07:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }
    /*滑鼠按下效果*/
    .btn-sty07:active {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

.btn-sty08 {
    background-color: hsl(199, 100%, 86%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d6f2fe", endColorstr="#b7e8fe");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#d6f2fe), to(#b7e8fe));
    background-image: -moz-linear-gradient(top, #d6f2fe, #b7e8fe);
    background-image: -ms-linear-gradient(top, #d6f2fe, #b7e8fe);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6f2fe), color-stop(100%, #b7e8fe));
    background-image: -webkit-linear-gradient(top, #d6f2fe, #b7e8fe);
    background-image: -o-linear-gradient(top, #d6f2fe, #b7e8fe);
    background-image: linear-gradient(#d6f2fe, #b7e8fe);
    border-color: #b7e8fe #b7e8fe hsl(199, 100%, 84.5%);
    color: #333 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.09);
    -webkit-font-smoothing: antialiased;
}

    .btn-sty08:focus,
    .btn-sty08.focus {
        color: #fff;
        background-color: #286090;
        border-color: #122b40;
    }
    /*滑鼠移動效果*/
    .btn-sty08:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }
    /*滑鼠按下效果*/
    .btn-sty08:active {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

.btn-sty09 {
    background-color: white;
    border-color: white;
    color: white;
}

.btn-sty10 {
    -moz-box-shadow: inset 0px 1px 0px 0px #d9fbbe;
    -webkit-box-shadow: inset 0px 1px 0px 0px #d9fbbe;
    box-shadow: inset 0px 1px 0px 0px #d9fbbe;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52));
    background: -moz-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
    background: -webkit-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
    background: -o-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
    background: -ms-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
    background: linear-gradient(to bottom, #b8e356 5%, #a5cc52 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52',GradientType=0);
    background-color: #b8e356;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #83c41a;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    /*font-family:Arial;*/
    /*font-size:15px;*/
    font-weight: bold;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #86ae47;
}

    .btn-sty10:hover {
        /*background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356));
	background:-moz-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:-webkit-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:-o-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:-ms-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:linear-gradient(to bottom, #a5cc52 5%, #b8e356 100%);*/
        /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356',GradientType=0);*/
        background-color: #a5cc52;
    }

    .btn-sty10:active {
        position: relative;
        top: 1px;
    }

.btn-sty11 {
    -moz-box-shadow: inset 0px 1px 0px 0px #a6827e;
    -webkit-box-shadow: inset 0px 1px 0px 0px #a6827e;
    box-shadow: inset 0px 1px 0px 0px #a6827e;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7d5d3b), color-stop(1, #634b30));
    background: -moz-linear-gradient(top, #7d5d3b 5%, #634b30 100%);
    background: -webkit-linear-gradient(top, #7d5d3b 5%, #634b30 100%);
    background: -o-linear-gradient(top, #7d5d3b 5%, #634b30 100%);
    background: -ms-linear-gradient(top, #7d5d3b 5%, #634b30 100%);
    background: linear-gradient(to bottom, #7d5d3b 5%, #634b30 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d5d3b', endColorstr='#634b30',GradientType=0);
    background-color: #7d5d3b;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #54381e;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 13px;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #4d3534;
}

    .btn-sty11:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #634b30), color-stop(1, #7d5d3b));
        background: -moz-linear-gradient(top, #634b30 5%, #7d5d3b 100%);
        background: -webkit-linear-gradient(top, #634b30 5%, #7d5d3b 100%);
        background: -o-linear-gradient(top, #634b30 5%, #7d5d3b 100%);
        background: -ms-linear-gradient(top, #634b30 5%, #7d5d3b 100%);
        background: linear-gradient(to bottom, #634b30 5%, #7d5d3b 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#634b30', endColorstr='#7d5d3b',GradientType=0);
        background-color: #634b30;
    }

    .btn-sty11:active {
        position: relative;
        top: 1px;
    }

.btn-sty12 {
    background-color: hsl(201, 100%, 30%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a5ff", endColorstr="#006399");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#00a5ff), to(#006399));
    background-image: -moz-linear-gradient(top, #00a5ff, #006399);
    background-image: -ms-linear-gradient(top, #00a5ff, #006399);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00a5ff), color-stop(100%, #006399));
    background-image: -webkit-linear-gradient(top, #00a5ff, #006399);
    background-image: -o-linear-gradient(top, #00a5ff, #006399);
    background-image: linear-gradient(#00a5ff, #006399);
    border-color: #006399 #006399 hsl(201, 100%, 25%);
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
    -webkit-font-smoothing: antialiased;
}

.btn-sty13 {
    color: #0099CC;
    background: transparent;
    border: 2px solid #0099CC;
    border-radius: 6px;
    border: none;
    /*padding: 16px 32px;*/
    text-align: center;
    display: inline-block;
    font-size: 13px;
    /*margin: 4px 2px;*/
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    background-color: white; /*背景顏色*/
    color: black; /*字體顏色*/
    border: 2px solid #008CBA; /*邊框顏色、線粗*/
}

    .btn-sty13:hover {
        background-color: #008CBA;
        color: white;
    }

.btn-sty14 {
    background: transparent;
    border-radius: 6px;
    border: none;
    /*padding: 16px 32px;*/
    text-align: center;
    display: inline-block;
    font-size: 13px;
    /*margin: 4px 2px;*/
    -webkit-transition-duration: 0.6s; /* Safari */
    transition-duration: 0.6s;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #008CBA; /*背景顏色*/
    color: white; /*字體顏色*/
    border: 2px solid #0099CC; /*邊框顏色、線粗*/
}

    .btn-sty14:hover {
        background-color: white;
        color: #008CBA;
        color: black;
        font-weight: bolder;
        /*font-size: 13px;
        padding: 4px 6px;*/
        /*margin: 4px 2px;*/
    }

.btn-sty15 {
    background: transparent;
    border-radius: 6px;
    border: none;
    /*padding: 16px 32px;*/
    text-align: center;
    display: inline-block;
    font-size: 13px;
    /*margin: 4px 2px;*/
    -webkit-transition-duration: 0.6s; /* Safari */
    transition-duration: 0.6s;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #336699; /*背景顏色*/
    color: white; /*字體顏色*/
    border: 2px solid #336699; /*邊框顏色、線粗*/
}

    .btn-sty15:hover {
        background-color: #99CCFF;
        color: black;
        font-weight: bolder;
        /*font-size: 13px;
        padding: 4px 6px;*/
        /*margin: 4px 2px;*/
    }
/*自動完成(AutoCompleteExtender)效果 Start*/
.completionListElement {
    visibility: hidden;
    margin: 0px !important;
    background-color: inherit;
    color: black;
    border: solid 1px gray;
    cursor: pointer;
    text-align: left;
    list-style-type: none;
    font-family: Verdana;
    font-size: 14px;
    padding: 0;
}

.listItem {
    background-color: white;
    padding: 1px;
}

.highlightedListItem {
    background-color: #c3ebf9;
    padding: 1px;
}
/*自動完成(AutoCompleteExtender)效果 End*/


.DivCenter {
    text-align: center;
}







/*Gridview分頁效果*/
.pagination-ys {
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination-ys table > tbody > tr > td {
        display: inline;
    }

        .pagination-ys table > tbody > tr > td > a,
        .pagination-ys table > tbody > tr > td > span {
            position: relative;
            float: left;
            padding: 8px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            color: #dd4814;
            background-color: #ffffff;
            border: 1px solid #dddddd;
            margin-left: -1px;
        }

        .pagination-ys table > tbody > tr > td > span {
            position: relative;
            float: left;
            padding: 8px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            margin-left: -1px;
            z-index: 2;
            color: #aea79f;
            background-color: #f5f5f5;
            border-color: #dddddd;
            cursor: default;
        }

        .pagination-ys table > tbody > tr > td:first-child > a,
        .pagination-ys table > tbody > tr > td:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }

        .pagination-ys table > tbody > tr > td:last-child > a,
        .pagination-ys table > tbody > tr > td:last-child > span {
            border-bottom-right-radius: 4px;
            border-top-right-radius: 4px;
        }

        .pagination-ys table > tbody > tr > td > a:hover,
        .pagination-ys table > tbody > tr > td > span:hover,
        .pagination-ys table > tbody > tr > td > a:focus,
        .pagination-ys table > tbody > tr > td > span:focus {
            color: #97310e;
            background-color: #eeeeee;
            border-color: #dddddd;
        }