/* CSS Document */
body {
    background: url(../images/bg.gif) repeat-x top left;
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: inherit;
    margin-top: 0px;
}

th a:link, th a:visited {
    color: Black;
    font-weight: bold;
    text-decoration: none;
    font-family: 新細明體, 微軟正黑體, Arial;
    font-size: 16px;
}

a:link, a:visited {
    color: Blue;
}

a:hover {
    color: BlueViolet;
}

img {
    border: none;
}
/*手*/
.hand {
    cursor: pointer;
}
/*共用*/
#wrapper {
    /*     left: 50%;     margin-left: -480px;     position: absolute;     */
    width: 960px;
    line-height: 22px;
    top: 1px;
    background-color: #FFF;
}

#wrapper2 { /*20090805*/
    /*left: 50%;
    margin-left: -595px;
    position: absolute;*/
    width: 1191px;
    line-height: 22px;
    top: 1px;
    background-color: #FFF;
}

/*頁面*/
#header {
    position: relative;
}

    #header .header_01 {
        background: url(../images/header_01.gif) no-repeat top left;
        width: 397px;
        height: 103px;
        float: left;
    }

    #header .header_02 {
        background: url(../images/header_02.gif) no-repeat top left;
        width: 397px;
        height: 103px;
        float: left;
    }

    #header .header_03 {
        background: url(../images/header_03.gif) no-repeat top left;
        width: 365px;
        height: 96px;
        float: left;
        font-size: 13px;
        text-align: right;
        padding-right: 32px;
        padding-top: 2px;
    }

.timeoutTimer {
    position: absolute;
    z-index: 2;
    color: white;
    background-color: royalblue;
    /*padding: 10px;*/
    padding: 0px 10px 0px 10px;
    margin-left: 27px;
    box-sizing: border-box;
    font-family: 微軟正黑體,新細明體;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*-webkit-box-shadow: 4px 4px 10px #0f0f80;
    -moz-box-shadow: 4px 4px 10px #0f0f80;
    box-shadow: 4px 4px 10px #0f0f80;*/
}

    .timeoutTimer.highlight {
        background-color: red;
    }

.timeoutTimerBottom {
    position: relative;
    width: 250px;
    margin-top: 10px;
    padding: 5px 10px 5px 10px;
}

.content_body {
    padding: 5px 0px 0px 0px;
}

.welcome {
    color: RoyalBlue;
}

.ssmall {
    font-size: 13px;
}

.small {
    font-size: 15px;
}

.bold {
    font-weight: bold;
}

/*寬度*/
.wid98 {
    width: 35px;
}

/*特殊用字*/
.txno01 {
    font-weight: bold;
    font-size: 15px;
    color: #FF0000;
}

/*色塊顏色*/
.td_01 {
    background-color: #dad7cb;
}

.td_02 {
    background-color: #f3efe1;
}

.td_03 {
    background-color: #ffffff;
}

.td_04 {
    background-color: #E7DEC2;
}

.td_mg {
    padding: 1em 0em 1em 0.5em;
}

.td_br {
    padding-bottom: 1em;
}

/*字的高度*/
.linea {
    line-height: 24px;
}

/*字的顏色*/
.txt_01 {
    color: #FF0000;
}

.txt_02 {
    color: #0066CC;
}

.txt_03 {
    color: #009933;
}

.txt_04 {
    color: #009933;
}

.txt_05 {
    color: #CCCCCC;
}

    .txt_05 input {
        border: #FFF 1px solid;
        background-color: #CCCCCC;
    }

.txt_06 {
    color: #ff8000;
}
/*編號*/
/*頁碼*/
.txtt_02 {
    font-size: 11px;
    color: #999;
    margin-top: 6px;
}

    .txtt_02 a:link, .txtt_02 a:visited, .txtt_02 a:active {
        color: #333;
    }

    .txtt_02 a:hover {
        color: #c00;
    }

/*線框*/
.brline01 {
    border-top: none !important;
}

.brline02 {
    border-bottom: none !important;
}

.brline03 {
    border-right: none !important;
}

.brline04 {
    border-left: none !important;
}

.brline05 td, .brline05 th, .brline05 {
    border: #996633 1px solid;
}

/*欄框*/
.gir_b {
    width: 843px;
    height: 400px;
}

.gir_c {
    padding: 10px 20px;
}

.gir_d {
    padding: 10px 10px;
}

.bgwa {
    background-color: #FFFFFF;
    width: 831px;
    height: 326px;
    padding: 10px 20px;
    line-height: 24px;
}

.td_a td {
    border-bottom: 1px dashed #d4dce5;
    color: #666666;
    padding: 2px;
    padding-left: 10px;
}

.data_01 {
    width: 64px;
    color: #ff3399 !important;
    font-size: 13px;
}

/*搜尋列*/
.schbg {
    background: url(../images/schbg.gif) repeat-x top right;
    height: 23px;
    color: #FFF;
    font-size: 15px;
    line-height: 23px;
    padding-left: 5px;
    cursor: pointer;
}

.schcontainer {
    margin-bottom: 0.5em;
}

.btncontainer {
    margin-bottom: 0.5em;
    position: relative;
}

    .btncontainer > .right {
        position: absolute;
        right: 5px;
    }

.schicon {
    padding: 2px 4px 0px 0px;
}

/*版權宣言*/
.coyall {
    padding-top: 7px;
}

    .coyall .coy01 {
        background: url(../images/coy01.gif) no-repeat top right;
        width: 36px;
        height: 32px;
        float: left;
    }

    .coyall .coy02 {
        background-color: #ededed;
        font-size: 13px;
        width: 1120px;
        height: 27px;
        float: left;
        text-align: center;
        padding-top: 5px;
    }

    .coyall .coy02b {
        background-color: #ededed;
        font-size: 13px;
        width: 1111px;
        height: 32px;
        float: left;
        text-align: center;
    }

    .coyall .coy03 {
        background: url(../images/coy03.gif) no-repeat top left;
        width: 35px;
        height: 32px;
        float: left; /*padding-bottom: 5px;*/
    }

.coyb {
    clear: both;
    line-height: 1px;
    padding-bottom: 10px;
}

/*內頁20090805*/
.tbfg01 {
    background: url(../images/tbfg01.gif) no-repeat top left;
    width: 36px;
    height: 56px;
}

.tbfg02 {
    background: url(../images/tbfg02.gif) no-repeat top left;
    width: 36px;
    height: 57px;
}

.tbfg03 {
    background: url(../images/tbfg03.gif) repeat-y top left;
    width: 56px;
    height: auto;
}

.tbfg04 {
    background: url(../images/tbfg04.gif) repeat-y top left;
    width: 57px;
    height: auto;
}

.tbfg05 {
    background: url(../images/tbfg05.gif) no-repeat top left;
    width: 56px;
    height: 25px;
}

.tbfg06 {
    background: url(../images/tbfg06.gif) repeat-x top left;
    width: auto;
    height: 25px;
}

.tbfg07 {
    background: url(../images/tbfg07.gif) no-repeat top left;
    width: 57px;
    height: 25px;
}

div.block {
    width: 95%;
    margin-top: 30px;
    padding: 20px;
    border: solid 1px rgba(60%,60%,60%,1);
    box-shadow: 2px 2px 2px rgba(20%,20%,40%,0.6), 4px 4px 6px rgba(20%,20%,40%,0.4), 6px 6px 12px rgba(20%,20%,40%,0.4);
    box-sizing: border-box;
    background-color: #EFF2E8;
}

div.button {
}

div.separator {
    margin-top: 10px;
}

input[type=text].dateInput {
    width: 72px !important;
}

input[type=date].dateInput {
    width: 72px !important;
}

input[type=text].timeInput {
    width: 45px !important;
    font-family: 細明體;
    font-size: 16px;
}

input[type=time].timeInput {
    width: 60px !important;
    font-family: 細明體;
    font-size: 16px;
}

img.calendar {
    vertical-align: middle;
}

/*職位建置*/
.ta01a {
    width: 200px;
    font-weight: bold;
}

.ta01b {
    width: 200px;
    text-align: center;
    background-color: #ededed;
}

.ta02a {
    width: 200px;
    font-weight: bold;
}

.ta02b {
    width: 200px;
    text-align: center;
    background-color: #ffffe9;
}

.ta03a {
    width: 440px;
    font-weight: bold;
}

.ta03b {
    width: 435px;
    text-align: left;
    padding-left: 5px;
    background-color: #ededed;
}

/*獎懲流程設定*/
.tb01a {
    width: 100px;
    font-weight: bold;
}

.tb01b {
    width: 100px;
    text-align: center;
    background-color: #ededed;
}

.tb02a {
    width: 150px;
    font-weight: bold;
}

.tb02b {
    width: 150px;
    text-align: center;
}

.tb03a {
    width: 370px;
    font-weight: bold;
}

.tb03b {
    width: 356px;
    text-align: left;
    background-color: #ededed;
    padding: 0px 7px;
}

.tb04a {
    width: 220px;
    font-weight: bold;
}

.tb04b {
    width: 220px;
    text-align: center;
}

/*審核進度查詢*/
/*有下載欄位*/
.bta {
}
    /*日期*/ .bta .tc01a {
        width: 81px;
        font-weight: bold;
        text-align: center;
    }

    .bta .tc01b {
        width: 81px;
        text-align: center;
        background-color: #ededed;
        font-size: 12px;
    }
    /*科別*/
    .bta .tc02a {
        width: 92px;
        font-weight: bold;
        text-align: center;
    }

    .bta .tc02b {
        width: 92px;
        text-align: center;
    }
    /*班級*/
    .bta .tc03a {
        width: 55px;
        font-weight: bold;
        text-align: center;
    }

    .bta .tc03b {
        width: 55px;
        text-align: center;
    }
    /*學號*/
    .bta .tc04a {
        width: 64px;
        font-weight: bold;
        text-align: center;
    }

    .bta .tc04b {
        width: 64px;
        text-align: center;
        background-color: #ededed;
    }
    /*姓名*/
    .bta .tc05a {
        width: 55px;
        font-weight: bold;
        text-align: center;
    }

    .bta .tc05b {
        width: 55px;
        text-align: center;
    }
    /*嘉獎*/
    .bta .tc06a {
        width: 26px;
        font-weight: bold;
        text-align: center;
    }

    .bta .tc06b {
        width: 26px;
        text-align: center;
        background-color: #ededed;
    }
    /*大功*/
    .bta .tc07a {
        width: 26px;
        font-weight: bold;
        text-align: center;
    }

    .bta .tc07b {
        width: 26px;
        text-align: center;
    }
    /*小功*/
    .bta .tc08a {
        width: 26px;
        font-weight: bold;
        text-align: center;
    }

    .bta .tc08b {
        width: 26px;
        text-align: center;
        background-color: #ededed;
    }
    /*大過*/
    .bta .tc09a {
        width: 26px;
        font-weight: bold;
        text-align: center;
    }

    .bta .tc09b {
        width: 26px;
        text-align: center;
    }
    /*小過*/
    .bta .tc10a {
        width: 26px;
        font-weight: bold;
        text-align: center;
    }

    .bta .tc10b {
        width: 26px;
        text-align: center;
        background-color: #ededed;
    }

    .bta .tc11b {
        width: 26px;
        text-align: center;
    }
    /*警告*/
    .bta .tc11a {
        width: 26px;
        font-weight: bold;
        font-weight: bold;
    }

    .bta .tc13b {
        width: 73px;
        text-align: center;
    }
    /*審核進度*/
    .bta .tc13a {
        width: 73px;
        text-align: center;
        font-weight: bold;
    }

    .bta .tc14b {
        width: 40px;
        text-align: center;
    }
    /*瀏覽進度*/
    .bta .tc14a {
        width: 40px;
        text-align: center;
        font-weight: bold;
    }

    .bta .tc15b {
        width: 40px;
        text-align: center;
    }
    /*備註*/
    .bta .tc15a {
        width: 40px;
        text-align: center;
        font-weight: bold;
    }
    /*?*/
    .bta .tc16b {
        width: 198px;
        text-align: center;
        font-size: 13px;
        text-align: left;
    }

    .bta .tc16b　 .tea {
        width: 190px !important;
    }

    .bta .tc16a {
        width: 198px;
        text-align: center;
        font-weight: bold;
    }

/*沒下載欄位*/
.btb {
}
    /*日期*/
    .btb .tc01a {
        width: 81px;
        font-weight: bold;
        text-align: center;
    }

    .btb .tc01b {
        width: 81px;
        text-align: center;
        background-color: #ededed;
        font-size: 12px;
    }
    /*班級*/ .btb .tc02a {
        width: 92px;
        font-weight: bold;
        text-align: center;
    }

    .btb .tc02b {
        width: 92px;
        text-align: center;
    }
    /*學號*/
    .btb .tc03a {
        width: 55px;
        font-weight: bold;
        text-align: center;
    }

    .btb .tc03b {
        width: 55px;
        text-align: center;
    }
    /*姓名*/
    .btb .tc04a {
        width: 64px;
        font-weight: bold;
        text-align: center;
    }

    .btb .tc04b {
        width: 64px;
        text-align: center;
        background-color: #ededed;
    }
    /*獎懲*/
    .btb .tc05a {
        width: 55px;
        font-weight: bold;
        text-align: center;
    }

    .btb .tc05b {
        width: 55px;
        text-align: center;
    }
    /*次數*/
    .btb .tc06a {
        width: 26px;
        font-weight: bold;
        text-align: center;
    }

    .btb .tc06b {
        width: 26px;
        text-align: center;
        background-color: #ededed;
    }
    /*進度*/
    .btb .tc07a {
        width: 26px;
        font-weight: bold;
        text-align: center;
    }

    .btb .tc07b {
        width: 26px;
        text-align: center;
    }
    /*瀏覽進度*/
    .btb .tc08a {
        width: 26px;
        font-weight: bold;
        text-align: center;
    }

    .btb .tc08b {
        width: 26px;
        text-align: center;
        background-color: #ededed;
    }
    /*備註*/
    .btb .tc09a {
        width: 26px;
        font-weight: bold;
        text-align: center;
    }

    .btb .tc09b {
        width: 26px;
        text-align: center;
    }
    /*備註*/
    .btb .tc10a {
        width: 26px;
        font-weight: bold;
        text-align: center;
    }

    .btb .tc10b {
        width: 26px;
        text-align: center;
        background-color: #ededed;
    }
    /*?*/
    .btb .tc11b {
        width: 26px;
        text-align: center;
    }

    .btb .tc11a {
        width: 26px;
        font-weight: bold;
        font-weight: bold;
    }
    /*?*/
    .btb .tc13b {
        width: 73px;
        text-align: center;
    }

    .btb .tc13a {
        width: 73px;
        text-align: center;
        font-weight: bold;
    }
    /*?*/
    .btb .tc14b {
        width: 88px;
        text-align: center;
    }

    .btb .tc14a {
        width: 88px;
        text-align: center;
        font-weight: bold;
    }
    /*?*/
    .btb .tc16b {
        width: 198px;
        text-align: center;
        font-size: 13px;
        text-align: left;
    }

    .btb .tc16a {
        width: 198px;
        text-align: center;
        font-weight: bold;
    }

/*獎懲審查進度*/
/*學號*/ .td01a {
    width: 122px;
    font-weight: bold;
    text-align: center;
}

.td01b {
    width: 122px;
    text-align: center;
    background-color: #ededed;
}

    .td01b input {
        width: 50px;
    }

.td01bb {
    width: auto;
    text-align: left;
    background-color: #ededed;
}
/*姓名*/
.td02a {
    width: 97px;
    font-weight: bold;
    text-align: center;
}

.td02b {
    width: 97px;
    text-align: center;
}

    .td02b input {
        width: 50px;
        text-align: center;
    }
/*獎懲別*/
.td03a {
    width: 93px;
    font-weight: bold;
    text-align: center;
}

.td03b {
    width: 93px;
    text-align: center;
}

    .td03b input {
        width: 50px;
        text-align: center;
    }
/*嘉獎-申誡*/
.td04a {
    width: 92px;
    font-weight: bold;
    text-align: center;
}

.td04b {
    width: 92px;
    text-align: center;
    background-color: #ededed;
}

    .td04b input {
        width: 50px;
        text-align: center;
    }
/*小功-小過*/
.td05a {
    width: 92px;
    font-weight: bold;
    text-align: center;
}

.td05b {
    width: 92px;
    text-align: center;
}

    .td05b input {
        width: 50px;
        text-align: center;
    }
/*大功-大過*/
.td06a {
    width: 77px;
    font-weight: bold;
    text-align: center;
}

.td06b {
    width: 77px;
    text-align: center;
    background-color: #ededed;
}

    .td06b input {
        width: 50px;
        text-align: center;
    }
/*請填寫具體事實*/
.td07a {
    width: 824px;
    font-weight: bold;
    text-align: center;
}

.td07b {
    width: 824px;
    text-align: center;
}

    .td07b input, td07b textarea {
        width: 800px;
        text-align: left;
    }

    .td07b select {
        width: 805px;
        text-align: center;
    }
/*請填寫具體事實*/
.td08a {
    width: 77px;
    font-weight: bold;
    text-align: center;
}

.td08b {
    width: 77px;
    text-align: center;
}

    .td08b input {
        width: 50px;
        text-align: center;
    }
/*請填寫具體事實*/
.td09a {
    width: 77px;
    font-weight: bold;
    text-align: center;
}

.td09b {
    width: 77px;
    text-align: center;
}

    .td09b input {
        width: 50px;
        text-align: center;
    }
/*請填寫具體事實*/
.td10a {
    width: 850px;
    font-weight: bold;
    text-align: center;
}

.td10b {
    width: 850px;
    text-align: center;
}

    .td10b textarea, .td10b input, .td10b select {
        width: 793px;
        margin: 3px 7px;
    }

.td10ba {
    width: 800px;
}

/*獎懲流程設定*/
.tf01a {
    width: 130px;
    font-weight: bold;
}

.tf01b {
    width: 130px;
    text-align: center;
    background-color: #f0f0f0;
}

.tf02a {
    width: 30px;
    font-weight: bold;
}

.tf02b {
    width: 30px;
    text-align: center;
}

.tf03a {
    width: 150px;
    font-weight: bold;
}

.tf03b {
    width: 145px;
    text-align: left;
    padding-left: 5px;
}

    .tf03b input {
        width: 145px;
    }

.tf04a {
    width: 150px;
    font-weight: bold;
}

.tf04b {
    width: 200px;
    text-align: left;
    padding-left: 5px;
}

    .tf04b input {
        width: 200px;
    }

.tf05a {
    width: 120px;
    font-weight: bold;
}

.tf05b {
    width: 120px;
    text-align: center;
    font-size: 13px;
}

.tf06a {
    width: 80px;
    font-weight: bold;
}

.tf06b {
    width: 80px;
    text-align: center;
    font-size: 13px;
    background-color: #f0f0f0;
}

/*權限管理*/
.tg01a {
    width: 100px;
    text-align: center;
    font-weight: bold;
}

.tg01b {
    width: 100px;
    text-align: center;
}

.tg02a {
    width: 150px;
    text-align: center;
    font-weight: bold;
}

.tg02b {
    width: 150px;
    text-align: center;
}

.tg03a {
    width: 150px;
    text-align: center;
    font-weight: bold;
}

.tg03b {
    width: 150px;
    text-align: center;
}

.tg04a {
    width: 150px;
    text-align: center;
    font-weight: bold;
}

.tg04b {
    width: 150px;
    text-align: center;
}

.tg05a {
    width: 150px;
    text-align: center;
    font-weight: bold;
}

.tg05b {
    width: 150px;
    text-align: center;
}

.tg06a {
    width: 150px;
    text-align: center;
    font-weight: bold;
}

.tg06b {
    width: 150px;
    text-align: center;
}

/*審核清單*/
.th01a {
    width: 54px;
    text-align: center;
    font-weight: bold;
}

.th01b {
    width: 54px;
    text-align: center;
}

.th02a {
    width: 59px;
    text-align: center;
    font-weight: bold;
}

.th02b {
    width: 59px;
    text-align: center;
}

.th03a {
    width: 91px;
    text-align: center;
    font-weight: bold;
}

.th03b {
    width: 91px;
    text-align: center;
}

.th04a {
    width: 54px;
    text-align: center;
    font-weight: bold;
}

.th04b {
    width: 54px;
    text-align: center;
}

.th05a {
    width: 63px;
    text-align: center;
    font-weight: bold;
}

.th05b {
    width: 63px;
    text-align: center;
}

.th06a {
    width: 54px;
    text-align: center;
    font-weight: bold;
}

.th06b {
    width: 54px;
    text-align: center;
}

.th07a {
    width: 72px;
    text-align: center;
    font-weight: bold;
}

.th07b {
    width: 72px;
    text-align: center;
}

.th08a {
    width: 42px;
    text-align: center;
    font-weight: bold;
}

.th08b {
    width: 42px;
    text-align: center;
}

.th09a {
    width: 300px;
    text-align: center;
    font-weight: bold;
}

.th09b {
    width: 300px;
}

/*訊息公告*/
.ti01a {
    width: 120px;
    background: #f3efe1;
    text-align: center;
    font-weight: bold;
}

.ti01b {
    width: 120px;
    text-align: center;
}

.ti02a {
    width: 30px;
    background: #f3efe1;
    text-align: center;
    font-weight: bold;
}

.ti02b {
    width: 30px;
    text-align: center;
}

.ti03a {
    width: 200px;
    background: #f3efe1;
    text-align: center;
    font-weight: bold;
}

.ti03b {
    width: 195px;
    padding-left: 5px;
}

.ti04a {
    width: 230px;
    background: #f3efe1;
    text-align: center;
    font-weight: bold;
}

.ti04b {
    width: 225px;
    padding-left: 5px;
}

.ti05a {
    width: 130px;
    background: #f3efe1;
    text-align: center;
    font-weight: bold;
}

.ti05b {
    width: 130px;
    text-align: center;
}

.ti06a {
    width: 120px;
    background: #f3efe1;
    text-align: center;
    font-weight: bold;
}

.ti06b {
    width: 120px;
    text-align: center;
}

.ti07a {
    width: 40px;
    background: #f3efe1;
    text-align: center;
    font-weight: bold;
}

.ti07b {
    width: 70px;
    text-align: center;
}

.login {
    font-size: 10pt;
}

/* 職位名稱管理 */
.t00 {
}

    .t00 th, .t00 td {
        padding-left: 5px;
    }

    .t00 .h0 {
    }

    .t00 .c0 {
        width: 60px;
    }

    .t00 .h1 {
        width: 200px;
    }

    .t00 .c1 {
        padding-left: 5px;
        width: 200px;
    }

        .t00 .c1 input {
            width: 190px;
        }

    .t00 .h2 {
    }

    .t00 .c2 {
        width: 30px;
    }

.occusr .selected {
    color: Red;
}

.rp .selected {
    color: Red;
}

.L01 .jobTitle {
    color: #008080;
    font-weight: bold;
}

.numeric_pager table td {
    padding: 4px;
    border: none;
}

.numeric_pager a, .numeric_pager a:link, .numeric_pager a:visited, .numeric_pager a:active, .numeric_pager span {
    font-size: 14pt;
    font-family: Arial,細明體;
}

.numeric_pager_s a, .numeric_pager_s a:link, .numeric_pager_s a:visited, .numeric_pager_s a:active, .numeric_pager_s span {
    font-size: 11pt;
    font-family: Arial,細明體;
}

.numeric_pager_s2 a, .numeric_pager_s2 a:link, .numeric_pager_s2 a:visited, .numeric_pager_s2 a:active, .numeric_pager_s2 span {
    font-size: 10pt;
    font-family: Arial,細明體;
}

/* 對話方塊 */
.handler {
    cursor: move;
    color: White;
    background-color: #996666;
    height: 25px;
    line-height: 25px;
    margin-bottom: 10px;
    text-align: center;
}

.close {
    position: absolute;
    top: 0.25em;
    right: 0px;
    cursor: pointer;
}

.large .content {
    font-size: 11pt;
}

.progress .item {
    margin: 3px;
}

.mp0 {
    background: #f9f7ee;
    line-height: 30px;
    font-size: 13px;
    width: 263pt;
    height: 399pt;
}

    .mp0 .handler {
    }

    .mp0 .content {
        padding: 0px 20px 0px 20px;
        margin-bottom: 10pt;
    }

.progress_progress {
    display: block;
    position: absolute;
    top: 40%;
    left: 40%;
    padding: 2px 3px;
    width: 334px;
    z-index: 1500;
}

.container_progress {
    border-left: 0px solid #808080;
    border-right: 0px solid #808080;
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080;
    margin-right: 0px;
}

.header_progress {
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    background: url('../images/loading_panel/sprite.png') repeat-x 0px 0px;
    border-color: #808080 #808080 #ccc;
    border-style: solid;
    border-width: 0px 1px 1px;
    padding: 0px 10px;
    color: #000000;
    font-size: 9pt;
    font-weight: bold;
    line-height: 1.9;
    font-family: arial,helvetica,clean,sans-serif;
}

.body_progress {
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: solid;
    border-width: 0px 1px;
    padding: 10px;
    height: 50px;
}

.img_progress {
    background: url('../images/loading_panel/activity.gif') no-repeat center;
    top: 5px;
    width: 296px;
    position: relative;
    margin: 0px auto;
}

.img_webservice_loading {
    display: table;
    position: relative;
    margin: auto;
    background: url('../images/loading_panel/activity.gif') no-repeat center;
    top: 0px;
    left: 0px;
}

/*設定透明背景色*/
.cover {
    cursor: not-allowed;
    color: #FFFFFF;
    background: black;
    filter: Alpha(opacity=40);
    opacity: 0.4;
    width: 100%;
    height: 100%;
}

.hidden {
    display: none;
    visibility: hidden;
}

.bluetext {
    color: blue;
}

.redtext {
    color: red;
}

.required {
    color: Red;
}

.Information {
    color: blue;
    font-family: 新細明體;
    font-size: 15px;
    font-weight: bold;
}

.noborder, .noborder th, .noborder td {
    border: none 0px white;
}

table.collapse, .collapse td {
    border-collapse: collapse;
}

.brk01, .brk01 td {
    word-break: break-all;
    word-wrap: break-word;
}

.water {
    color: #808080;
}

/*表單按鈕*/
.button_cyan, a.button_cyan, a.button_cyan:link, a.button_cyan:hover, a.button_cyan:visited, a.button_cyan:active {
    height: 22px;
    font-size: 12px;
    font-family: 新細明體;
    border: solid 1px #64ADDD;
    background: url(../image/SMS/btn_bg.gif) bottom repeat-x #FFF;
    color: #069;
    cursor: pointer;
    text-transform: uppercase;
}

.button_cyan_b, a.button_cyan_b, a.button_cyan_b:link, a.button_cyan_b:hover, a.button_cyan_b:visited, a.button_cyan_b:active {
    height: 26px;
    font-size: 14px;
    font-family: 新細明體;
    border: solid 1px #64ADDD;
    background: url(../image/SMS/btn_bg.gif) bottom repeat-x #FFF;
    color: #069;
    cursor: pointer;
    text-transform: uppercase;
}

.button_blue, a.button_blue, a.button_blue:link, a.button_blue:hover, a.button_blue:visited, a.button_blue:active {
    height: 26px;
    font-size: 14px;
    font-family: 新細明體;
    border: solid 1px #284256;
    background-color: #4FA3E2;
    background-image: linear-gradient(to bottom, #20547C 0%, #4FA3E2 100%);
    background-image: -o-linear-gradient(bottom, #20547C 0%, #4FA3E2 100%);
    background-image: -moz-linear-gradient(bottom, #20547C 0%, #4FA3E2 100%);
    background-image: -webkit-linear-gradient(bottom, #20547C 0%, #4FA3E2 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #20547C), color-stop(1, #4FA3E2) );
    color: white;
    cursor: pointer;
    text-transform: uppercase;
}

    input.button_blue:disabled, a.button_blue:disabled, a.button_blue:disabled:link, a.button_blue:hover:disabled, a.button_blue:visited:disabled, a.button_blue:active:disabled, .button_blue_disabled {
        color: #202629 !important;
        background-color: #66869E;
        background-image: none;
        cursor: not-allowed !important;
    }

.button_red, a.button_red, a.button_red:link, a.button_red:hover, a.button_red:visited, a.button_red:active {
    height: 26px;
    font-size: 14px;
    font-family: 新細明體;
    border: solid 1px #31121A;
    background-color: #ED878A;
    background-image: linear-gradient(to bottom, #F2242B 0%, #ED878A 100%);
    background-image: -o-linear-gradient(bottom, #F2242B 0%, #ED878A 100%);
    background-image: -moz-linear-gradient(bottom, #F2242B 0%, #ED878A 100%);
    background-image: -webkit-linear-gradient(bottom, #F2242B 0%, #ED878A 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #F2242B), color-stop(1, #ED878A) );
    color: white;
    cursor: pointer;
    text-transform: uppercase;
}

    input.button_red:disabled, a.button_red:disabled, a.button_red:disabled:link, a.button_red:hover:disabled, a.button_red:visited:disabled, a.button_red:active:disabled, .button_red_disabled {
        color: #302020 !important;
        background-color: #918283;
        background-image: none;
        cursor: not-allowed !important;
    }

.button_brown, a.button_brown, a.button_brown:link, a.button_brown:hover, a.button_brown:visited, a.button_brown:active {
    height: 26px;
    font-size: 14px;
    font-family: 新細明體;
    border: solid 1px #3A3D0F;
    background-color: #898E23;
    background-image: linear-gradient(to bottom, #5D6018 0%, #898E23 100%);
    background-image: -o-linear-gradient(bottom, #5D6018 0%, #898E23 100%);
    background-image: -moz-linear-gradient(bottom, #5D6018 0%, #898E23 100%);
    background-image: -webkit-linear-gradient(bottom, #5D6018 0%, #898E23 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #5D6018), color-stop(1, #898E23) );
    color: white;
    cursor: pointer;
    text-transform: uppercase;
}

    input.button_brown:disabled, a.button_brown:disabled, a.button_brown:disabled:link, a.button_brown:hover:disabled, a.button_brown:visited:disabled, a.button_brown:active:disabled, .button_brown_disabled {
        color: #292920 !important;
        background-color: #93937C;
        background-image: none;
        cursor: not-allowed !important;
    }

.button_orange, a.button_orange, a.button_orange:link, a.button_orange:hover, a.button_orange:visited, a.button_orange:active {
    height: 26px;
    font-size: 14px;
    font-family: 新細明體;
    border: solid 1px #C67211;
    background-color: #E5A800;
    background-image: linear-gradient(to bottom, #CC8C02 0%, #E5A800 100%);
    background-image: -o-linear-gradient(bottom, #CC8C02 0%, #E5A800 100%);
    background-image: -moz-linear-gradient(bottom, #CC8C02 0%, #E5A800 100%);
    background-image: -webkit-linear-gradient(bottom, #CC8C02 0%, #E5A800 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #CC8C02), color-stop(1, #E5A800) );
    color: white;
    cursor: pointer;
    text-transform: uppercase;
}

    input.button_orange:disabled, a.button_orange:disabled, a.button_orange:disabled:link, a.button_orange:hover:disabled, a.button_orange:visited:disabled, a.button_orange:active:disabled, .button_orange_disabled {
        color: #5E4C37 !important;
        background-color: #A38360;
        background-image: none;
        cursor: not-allowed !important;
    }

.button_purple, a.button_purple, a.button_purple:link, a.button_purple:hover, a.button_purple:visited, a.button_purple:active {
    height: 26px;
    font-size: 14px;
    font-family: 新細明體;
    border: solid 1px #3A0F3D;
    background-color: #89238E;
    background-image: linear-gradient(to bottom, #5D1860 0%, #89238E 100%);
    background-image: -o-linear-gradient(bottom, #5D1860 0%, #89238E 100%);
    background-image: -moz-linear-gradient(bottom, #5D1860 0%, #89238E 100%);
    background-image: -webkit-linear-gradient(bottom, #5D1860 0%, #89238E 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #5D1860), color-stop(1, #89238E) );
    color: white;
    cursor: pointer;
    text-transform: uppercase;
}

    input.button_purple:disabled, a.button_purple:disabled, a.button_purple:disabled:link, a.button_purple:hover:disabled, a.button_purple:visited:disabled, a.button_purple:active:disabled, .button_purple_disabled {
        color: #a0a0a0 !important;
        background-color: #4E3C4F;
        background-image: none;
        cursor: not-allowed !important;
    }

.button_royalblue, a.button_royalblue, a.button_royalblue:link, a.button_royalblue:hover, a.button_royalblue:visited, a.button_royalblue:active {
    height: 26px;
    font-size: 14px;
    font-family: 新細明體;
    border: solid 1px #162551;
    background-color: #5982FF;
    background-image: linear-gradient(to bottom, #1B43BA 0%, #5982FF 100%);
    background-image: -o-linear-gradient(bottom, #1B43BA 0%, #5982FF 100%);
    background-image: -moz-linear-gradient(bottom, #1B43BA 0%, #5982FF 100%);
    background-image: -webkit-linear-gradient(bottom, #1B43BA 0%, #5982FF 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #1B43BA), color-stop(1, #5982FF) );
    color: white;
    cursor: pointer;
    text-transform: uppercase;
}

    input.button_royalblue:disabled, a.button_royalblue:disabled, a.button_royalblue:disabled:link, a.button_royalblue:hover:disabled, a.button_royalblue:visited:disabled, a.button_royalblue:active:disabled, .button_royalblue_disabled {
        color: #a0a0a0 !important;
        background-color: #465170;
        background-image: none;
        cursor: not-allowed !important;
    }

.button_gray, a.button_gray, a.button_gray:link, a.button_gray:hover, a.button_gray:visited, a.button_gray:active {
    height: 26px;
    font-size: 14px;
    font-family: 新細明體;
    border: solid 1px #162551;
    background-color: #c0c0c0;
    background-image: linear-gradient(to bottom, #808080 0%, #c0c0c0 100%);
    background-image: -o-linear-gradient(bottom, #808080 0%, #c0c0c0 100%);
    background-image: -moz-linear-gradient(bottom, #808080 0%, #c0c0c0 100%);
    background-image: -webkit-linear-gradient(bottom, #808080 0%, #c0c0c0 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #808080), color-stop(1, #c0c0c0) );
    color: white;
    cursor: pointer;
    text-transform: uppercase;
}

    input.button_gray:disabled, a.button_gray:disabled, a.button_gray:disabled:link, a.button_gray:hover:disabled, a.button_gray:visited:disabled, a.button_gray:active:disabled, .button_gray_disabled {
        color: #a0a0a0 !important;
        background-color: #465170;
        background-image: none;
        cursor: not-allowed !important;
    }

.button_stuall {
    background: transparent url('../image/bt_up_01.jpg') no-repeat fixed top left;
    width: 161px;
    height: 27px;
    border: none;
    cursor: pointer;
}

/* css3 begin */
input[type=button].aspDisabled, a.aspDisabled {
    color: #808080 !important;
}

    a.aspDisabled:hover, a:hover:disabled {
        cursor: not-allowed;
        text-decoration: none;
    }

input[type=button].button.aspDisabled {
    border-color: #3F6D8D;
}

table.nopadding1 th, table.nopadding1 td {
    padding: 0px;
}

table.nospacing1 {
    border-spacing: 0px;
}

table.padding0 th, table.padding0 td {
    padding: 0px;
}

table.padding1 th, table.padding1 td {
    padding: 1px;
}

table.padding2 th, table.padding2 td {
    padding: 2px;
}

table.padding3 th, table.padding3 td {
    padding: 3px;
}

table.padding4 th, table.padding4 td {
    padding: 4px;
}

table.padding5 th, table.padding5 td {
    padding: 5px;
}

table.spacing0 {
    border-spacing: 0px;
}

table.spacing1 {
    border-spacing: 1px;
}

table.spacing2 {
    border-spacing: 2px;
}

table.spacing3 {
    border-spacing: 3px;
}

table.spacing4 {
    border-spacing: 4px;
}

table.spacing5 {
    border-spacing: 5px;
}

table.margin0 th, table.margin0 td {
    margin: 0px;
}

td.nowrap {
    white-space: nowrap;
}

/* align=center */
div.center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

    div.center div, div.center span, div.center table, div.center img {
        margin-left: auto;
        margin-right: auto;
    }

table.center {
    margin-left: auto;
    margin-right: auto;
}

tr.center {
    text-align: center;
}

    tr.center div, tr.center span, tr.center table, tr.center img {
        margin-left: auto;
        margin-right: auto;
    }

td.center {
    text-align: center;
}

    td.center div, td.center span, td.center table, td.center img {
        margin-left: auto;
        margin-right: auto;
    }

/* align=left */
div.left, span.left {
    text-align: left;
}

    div.left div, div.left span, div.left table, div.left img {
        margin-left: 0px;
        margin-right: auto;
    }

div.left_this {
    text-align: left;
    margin-left: 0px !important;
    margin-right: auto !important;
}

table.left {
    text-align: left;
}

tr.left {
    text-align: left;
}

    tr.left div, tr.left span, tr.left table, tr.left img {
        margin-right: auto;
    }

td.left {
    text-align: left;
}

    td.left div, td.left span, td.left table, td.left img {
        margin-left: 0px;
        margin-right: auto;
    }

td.left_imp {
    text-align: left !important;
}

/* align=right */
div.right {
    text-align: right;
}

    div.right div, div.right span, div.right table, div.right img {
        margin-left: auto;
    }

table.right {
    text-align: right;
}

tr.right {
    text-align: right;
}

    tr.right div, tr.right span, tr.right table, tr.right img {
        margin-left: auto;
    }

td.right {
    text-align: right;
}

    td.right div, td.right span, td.right table, td.right img {
        margin-left: auto;
        margin-right: 0px;
    }

/* valign=top */
tr.top th, tr.top td, th.top, td.top, img.top {
    vertical-align: top;
}

/* valign=middle */
tr.middle th, tr.middle td, th.middle, td.middle, img.middle {
    vertical-align: middle;
}

/* valign=bottom */
tr.bottom th, tr.bottom td, th.bottom, td.bottom, img.bottom {
    vertical-align: bottom;
}

/* border: solid 1px black */
table.border1 {
    border: solid 1px black;
}

    table.border1 th, table.border1 td {
        border: solid 1px black;
    }

/* nowrap */
.nowrap {
    white-space: nowrap;
}

/* css3 end */