/*LoginButton*/
.LoginButton {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 5px 24px;
    border: 1px solid #008886;
    border-radius: 8px;
    background: #00ddd9;
    background: -webkit-gradient(linear, left top, left bottom, from(#00ddd9), to(#008886));
    background: -moz-linear-gradient(top, #00ddd9, #008886);
    background: linear-gradient(to bottom, #00ddd9, #008886);
    font: normal normal bold 16px Microsoft JhengHei,'Open Sans', sans-serif;
    color: #ffffff;
    text-decoration: none;
}

    .LoginButton:hover,
    .LoginButton:focus {
        border: 1px solid #00aaa7;
        background: #00ffff;
        background: -webkit-gradient(linear, left top, left bottom, from(#00ffff), to(#00a3a1));
        background: -moz-linear-gradient(top, #00ffff, #00a3a1);
        background: linear-gradient(to bottom, #00ffff, #00a3a1);
        color: #ffffff;
        text-decoration: none;
        outline: none;
    }

    .LoginButton:active {
        background: #008886;
        background: -webkit-gradient(linear, left top, left bottom, from(#008886), to(#008886));
        background: -moz-linear-gradient(top, #008886, #008886);
        background: linear-gradient(to bottom, #008886, #008886);       
    }

    .LoginButton:before {
        content: "\0000a0";
        display: inline-block;
        height: 18px;
        width: 18px;
        line-height: 18px;
        margin: 0 5px -6px -5px;
        position: relative;
        top: 0px;
        left: 0px;
        background: url("../img/unlock_32.png") no-repeat left center transparent;
        background-size: 100% 100%;       
    }


/*Small AddButton-S*/
.AddButton-S1 {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 6px 24px;
    border: 0px solid #008886;
    border-radius: 10px;
    background: #5bb75b;
    background: -webkit-gradient(linear, left top, left bottom, from(#5bb75b), to(#5bb75b));
    background: -moz-linear-gradient(top, #5bb75b, #5bb75b);
    background: linear-gradient(to bottom, #5bb75b, #5bb75b);
    font: normal normal bold 14px Microsoft JhengHei,'Open Sans', sans-serif;
    color: #ffffff;
    text-decoration: none;
}

    .AddButton-S1:hover,
    .AddButton-S1:focus {
        border: 0px solid #00aaa7;
        background: #5bb75b;
        background: -webkit-gradient(linear, left top, left bottom, from(#00ffff), to(#5bb75b));
        background: -moz-linear-gradient(top, #5bb75b, #5bb75b);
        background: linear-gradient(to bottom, #5bb75b, #5bb75b);
        color: #ffffff;
        text-decoration: none;
    }

    .AddButton-S1:active {
        background: #5bb75b;
        background: -webkit-gradient(linear, left top, left bottom, from(#5bb75b), to(#5bb75b));
        background: -moz-linear-gradient(top, #5bb75b, #5bb75b);
        background: linear-gradient(to bottom, #5bb75b, #5bb75b);
    }

    .AddButton-S1:before {
        content: "\0000a0";
        display: inline-block;
        height: 16px;
        width: 16px;
        line-height: 16px;
        margin: 0 5px -6px -5px;
        position: relative;
        top: 0px;
        left: 0px;
        background: url("../img/add_32.png") no-repeat left center transparent;
        background-size: 100% 100%;
    }

/*Small EmailButton-S*/
.EmailButton-S1 {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 6px 24px;
    border: 0px solid #008886;
    border-radius: 10px;
    background: #5bb75b;
    background: -webkit-gradient(linear, left top, left bottom, from(#5bb75b), to(#5bb75b));
    background: -moz-linear-gradient(top, #5bb75b, #5bb75b);
    background: linear-gradient(to bottom, #5bb75b, #5bb75b);
    font: normal normal bold 14px Microsoft JhengHei,'Open Sans', sans-serif;
    color: #ffffff;
    text-decoration: none;
}

    .EmailButton-S1:hover,
    .EmailButton-S1:focus {
        border: 0px solid #00aaa7;
        background: #5bb75b;
        background: -webkit-gradient(linear, left top, left bottom, from(#00ffff), to(#5bb75b));
        background: -moz-linear-gradient(top, #5bb75b, #5bb75b);
        background: linear-gradient(to bottom, #5bb75b, #5bb75b);
        color: #ffffff;
        text-decoration: none;
    }

    .EmailButton-S1:active {
        background: #5bb75b;
        background: -webkit-gradient(linear, left top, left bottom, from(#5bb75b), to(#5bb75b));
        background: -moz-linear-gradient(top, #5bb75b, #5bb75b);
        background: linear-gradient(to bottom, #5bb75b, #5bb75b);
    }

    .EmailButton-S1:before {
        content: "\0000a0";
        display: inline-block;
        height: 16px;
        width: 16px;
        line-height: 16px;
        margin: 0 5px -6px -5px;
        position: relative;
        top: 0px;
        left: 0px;
        background: url("../img/email_36.png") no-repeat left center transparent;
        background-size: 100% 100%;
    }

/*Small SMSButton-S*/
.SMSButton-S1 {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 6px 24px;
    border: 0px solid #008886;
    border-radius: 10px;
    background: #5bb75b;
    background: -webkit-gradient(linear, left top, left bottom, from(#5bb75b), to(#5bb75b));
    background: -moz-linear-gradient(top, #5bb75b, #5bb75b);
    background: linear-gradient(to bottom, #5bb75b, #5bb75b);
    font: normal normal bold 14px Microsoft JhengHei,'Open Sans', sans-serif;
    color: #ffffff;
    text-decoration: none;
}

    .SMSButton-S1:hover,
    .SMSButton-S1:focus {
        border: 0px solid #00aaa7;
        background: #5bb75b;
        background: -webkit-gradient(linear, left top, left bottom, from(#00ffff), to(#5bb75b));
        background: -moz-linear-gradient(top, #5bb75b, #5bb75b);
        background: linear-gradient(to bottom, #5bb75b, #5bb75b);
        color: #ffffff;
        text-decoration: none;
    }

    .SMSButton-S1:active {
        background: #5bb75b;
        background: -webkit-gradient(linear, left top, left bottom, from(#5bb75b), to(#5bb75b));
        background: -moz-linear-gradient(top, #5bb75b, #5bb75b);
        background: linear-gradient(to bottom, #5bb75b, #5bb75b);
    }

    .SMSButton-S1:before {
        content: "\0000a0";
        display: inline-block;
        height: 16px;
        width: 16px;
        line-height: 16px;
        margin: 0 5px -6px -5px;
        position: relative;
        top: 0px;
        left: 0px;
        background: url("../img/sms_36.png") no-repeat left center transparent;
        background-size: 100% 100%;
    }

/*Small CancelButton-S*/
.CancelButton-S1 {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 6px 24px;
    border: 0px solid #008886;
    border-radius: 10px;
    background: #faa732;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa732), to(#faa732));
    background: -moz-linear-gradient(top, #faa732, #faa732);
    background: linear-gradient(to bottom, #faa732, #faa732);
    font: normal normal bold 14px Microsoft JhengHei,'Open Sans', sans-serif;
    color: #ffffff;
    text-decoration: none;
}

    .CancelButton-S1:hover,
    .CancelButton-S1:focus {
        border: 0px solid #00aaa7;
        background: #faa732;
        background: -webkit-gradient(linear, left top, left bottom, from(#faa732), to(#00a3a1));
        background: -moz-linear-gradient(top, #faa732, #faa732);
        background: linear-gradient(to bottom, #faa732, #faa732);
        color: #ffffff;
        text-decoration: none;
    }

    .CancelButton-S1:active {
        background: #ccc;
        background: -webkit-gradient(linear, left top, left bottom, from(#faa732), to(#faa732));
        background: -moz-linear-gradient(top, #faa732, #faa732);
        background: linear-gradient(to bottom, #faa732, #faa732);
    }

    .CancelButton-S1:before {
        content: "\0000a0";
        display: inline-block;
        height: 16px;
        width: 16px;
        line-height: 16px;
        margin: 0 5px -6px -5px;
        position: relative;
        top: 0px;
        left: 0px;
        background: url("../img/clear_32.png") no-repeat left center transparent;
        background-size: 100% 100%;
    }

/*Small DoneButton-S*/
.DoneButton-S1 {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 6px 24px;
    border: 0px solid #008886;
    border-radius: 10px;
    background: #006dcc;
    background: -webkit-gradient(linear, left top, left bottom, from(#006dcc), to(#006dcc));
    background: -moz-linear-gradient(top, #006dcc, #006dcc);
    background: linear-gradient(to bottom, #006dcc, #006dcc);
    font: normal normal bold 14px Microsoft JhengHei,'Open Sans', sans-serif;
    color: #ffffff;
    text-decoration: none;
}

    .DoneButton-S1:hover,
    .DoneButton-S1:focus {
        border: 0px solid #00aaa7;
        background: #006dcc;
        background: -webkit-gradient(linear, left top, left bottom, from(#006dcc), to(#006dcc));
        background: -moz-linear-gradient(top, #006dcc, #006dcc);
        background: linear-gradient(to bottom, #006dcc, #006dcc);
        color: #ffffff;
        text-decoration: none;
    }

    .DoneButton-S1:active {
        background: #ccc;
        background: -webkit-gradient(linear, left top, left bottom, from(#006dcc), to(#006dcc));
        background: -moz-linear-gradient(top, #006dcc, #006dcc);
        background: linear-gradient(to bottom, #006dcc, #006dcc);
    }

    .DoneButton-S1:before {
        content: "\0000a0";
        display: inline-block;
        height: 16px;
        width: 16px;
        line-height: 16px;
        margin: 0 5px -6px -5px;
        position: relative;
        top: 0px;
        left: 0px;
        background: url("../img/done_32.png") no-repeat left center transparent;
        background-size: 100% 100%;
    }

/*Small DoneButton-S2*/
.DoneButton-S2 {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 6px 20px;
    border: 0px solid #008886;
    border-radius: 10px;
    background: #006dcc;
    background: -webkit-gradient(linear, left top, left bottom, from(#006dcc), to(#006dcc));
    background: -moz-linear-gradient(top, #006dcc, #006dcc);
    background: linear-gradient(to bottom, #006dcc, #006dcc);
    font: normal normal bold 14px Microsoft JhengHei,'Open Sans', sans-serif;
    color: #ffffff;
    text-decoration: none;
}

    .DoneButton-S2:hover,
    .DoneButton-S2:focus {
        border: 0px solid #00aaa7;
        background: #006dcc;
        background: -webkit-gradient(linear, left top, left bottom, from(#006dcc), to(#006dcc));
        background: -moz-linear-gradient(top, #006dcc, #006dcc);
        background: linear-gradient(to bottom, #006dcc, #006dcc);
        color: #ffffff;
        text-decoration: none;
    }

    .DoneButton-S2:active {
        background: #ccc;
        background: -webkit-gradient(linear, left top, left bottom, from(#006dcc), to(#006dcc));
        background: -moz-linear-gradient(top, #006dcc, #006dcc);
        background: linear-gradient(to bottom, #006dcc, #006dcc);
    }

    .DoneButton-S2:before {
        content: "\0000a0";
        display: inline-block;
        height: 16px;
        width: 16px;
        line-height: 16px;
        margin: 0 5px -6px -5px;
        position: relative;
        top: 0px;
        left: 0px;
        background: url("../img/done_32.png") no-repeat left center transparent;
        background-size: 100% 100%;
    }

/*Small BackButton-S*/
.BackButton-S1 {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 6px 24px;
    border: 0px solid #008886;
    border-radius: 10px;
    background: #006dcc;
    background: -webkit-gradient(linear, left top, left bottom, from(#006dcc), to(#006dcc));
    background: -moz-linear-gradient(top, #006dcc, #006dcc);
    background: linear-gradient(to bottom, #006dcc, #006dcc);
    font: normal normal bold 14px Microsoft JhengHei,'Open Sans', sans-serif;
    color: #ffffff;
    text-decoration: none;
}

    .BackButton-S1:hover,
    .BackButton-S1:focus {
        border: 0px solid #00aaa7;
        background: #006dcc;
        background: -webkit-gradient(linear, left top, left bottom, from(#006dcc), to(#006dcc));
        background: -moz-linear-gradient(top, #006dcc, #006dcc);
        background: linear-gradient(to bottom, #006dcc, #006dcc);
        color: #ffffff;
        text-decoration: none;
    }

    .BackButton-S1:active {
        background: #ccc;
        background: -webkit-gradient(linear, left top, left bottom, from(#006dcc), to(#006dcc));
        background: -moz-linear-gradient(top, #006dcc, #006dcc);
        background: linear-gradient(to bottom, #006dcc, #006dcc);
    }

    .BackButton-S1:before {
        content: "\0000a0";
        display: inline-block;
        height: 16px;
        width: 16px;
        line-height: 16px;
        margin: 0 5px -6px -5px;
        position: relative;
        top: 0px;
        left: 0px;
        background: url("../img/done_32.png") no-repeat left center transparent;
        background-size: 100% 100%;
    }

/*Small DeleteButton-S*/
.DeleteButton-S1 {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 6px 24px;
    border: 0px solid #008886;
    border-radius: 10px;
    background: #da4f49;
    background: -webkit-gradient(linear, left top, left bottom, from(#da4f49), to(#da4f49));
    background: -moz-linear-gradient(top, #da4f49, #da4f49);
    background: linear-gradient(to bottom, #da4f49, #da4f49);
    font: normal normal bold 14px Microsoft JhengHei,'Open Sans', sans-serif;
    color: #ffffff;
    text-decoration: none;
}

    .DeleteButton-S1:hover,
    .DeleteButton-S1:focus {
        border: 0px solid #00aaa7;
        background: #006dcc;
        background: -webkit-gradient(linear, left top, left bottom, from(#da4f49), to(#da4f49));
        background: -moz-linear-gradient(top, #da4f49, #da4f49);
        background: linear-gradient(to bottom, #da4f49, #da4f49);
        color: #ffffff;
        text-decoration: none;
    }

    .DeleteButton-S1:active {
        background: #ccc;
        background: -webkit-gradient(linear, left top, left bottom, from(#da4f49), to(#da4f49));
        background: -moz-linear-gradient(top, #da4f49, #da4f49);
        background: linear-gradient(to bottom, #da4f49, #da4f49);
    }

    .DeleteButton-S1:before {
        content: "\0000a0";
        display: inline-block;
        height: 16px;
        width: 16px;
        line-height: 16px;
        margin: 0 5px -6px -5px;
        position: relative;
        top: 0px;
        left: 0px;
        background: url("../img/done_32.png") no-repeat left center transparent;
        background-size: 100% 100%;
    }

/*Small SearchButton-S*/
.SearchButton-S1 {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 6px 24px;
    border: 0px solid #008886;
    border-radius: 10px;
    background: #49afcd;
    background: -webkit-gradient(linear, left top, left bottom, from(#49afcd), to(#49afcd));
    background: -moz-linear-gradient(top, #49afcd, #49afcd);
    background: linear-gradient(to bottom, #49afcd, #49afcd);
    font: normal normal bold 14px Microsoft JhengHei,'Open Sans', sans-serif;
    color: #ffffff;
    text-decoration: none;
}

    .SearchButton-S1:hover,
    .SearchButton-S1:focus {
        border: 0px solid #00aaa7;
        background: #49afcd;
        background: -webkit-gradient(linear, left top, left bottom, from(#49afcd), to(#49afcd));
        background: -moz-linear-gradient(top, #49afcd, #49afcd);
        background: linear-gradient(to bottom, #49afcd, #49afcd);
        color: #ffffff;
        text-decoration: none;
    }

    .SearchButton-S1:active {
        background: #ccc;
        background: -webkit-gradient(linear, left top, left bottom, from(#49afcd), to(#49afcd));
        background: -moz-linear-gradient(top, #49afcd, #49afcd);
        background: linear-gradient(to bottom, #49afcd, #49afcd);
    }

    .SearchButton-S1:before {
        content: "\0000a0";
        display: inline-block;
        height: 14px;
        width: 14px;
        line-height: 14px;
        margin: 0 5px -6px -5px;
        position: relative;
        top: 0px;
        left: 0px;
        background: url("../img/search_32.png") no-repeat left center transparent;
        background-size: 100% 100%;
    }

/*Small SearchButton-S2*/
.SearchButton-S2 {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 6px 18px;
    border: 0px solid #008886;
    border-radius: 10px;
    background: #49afcd;
    background: -webkit-gradient(linear, left top, left bottom, from(#49afcd), to(#49afcd));
    background: -moz-linear-gradient(top, #49afcd, #49afcd);
    background: linear-gradient(to bottom, #49afcd, #49afcd);
    font: normal normal bold 14px Microsoft JhengHei,'Open Sans', sans-serif;
    color: #ffffff;
    text-decoration: none;
}

    .SearchButton-S2:hover,
    .SearchButton-S2:focus {
        border: 0px solid #00aaa7;
        background: #49afcd;
        background: -webkit-gradient(linear, left top, left bottom, from(#49afcd), to(#49afcd));
        background: -moz-linear-gradient(top, #49afcd, #49afcd);
        background: linear-gradient(to bottom, #49afcd, #49afcd);
        color: #ffffff;
        text-decoration: none;
    }

    .SearchButton-S2:active {
        background: #ccc;
        background: -webkit-gradient(linear, left top, left bottom, from(#49afcd), to(#49afcd));
        background: -moz-linear-gradient(top, #49afcd, #49afcd);
        background: linear-gradient(to bottom, #49afcd, #49afcd);
    }

    .SearchButton-S2:before {
        content: "\0000a0";
        display: inline-block;
        height: 14px;
        width: 14px;
        line-height: 14px;
        margin: 0 5px -6px -5px;
        position: relative;
        top: 0px;
        left: 0px;
        /*background: url("../img/search_32.png") no-repeat left center transparent;*/
        background-size: 100% 100%;
    }

/*Small AgreeButton-S*/
.AgreeButton-S1 {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 6px 24px;
    border: 0px solid #008886;
    border-radius: 10px;
    background: #5bb75b;
    background: -webkit-gradient(linear, left top, left bottom, from(#5bb75b), to(#5bb75b));
    background: -moz-linear-gradient(top, #5bb75b, #5bb75b);
    background: linear-gradient(to bottom, #5bb75b, #5bb75b);
    font: normal normal bold 14px Microsoft JhengHei,'Open Sans', sans-serif;
    color: #ffffff;
    text-decoration: none;
}

    .AgreeButton-S1:hover,
    .AgreeButton-S1:focus {
        border: 0px solid #00aaa7;
        background: #5bb75b;
        background: -webkit-gradient(linear, left top, left bottom, from(#00ffff), to(#5bb75b));
        background: -moz-linear-gradient(top, #5bb75b, #5bb75b);
        background: linear-gradient(to bottom, #5bb75b, #5bb75b);
        color: #ffffff;
        text-decoration: none;
    }

    .AgreeButton-S1:active {
        background: #5bb75b;
        background: -webkit-gradient(linear, left top, left bottom, from(#5bb75b), to(#5bb75b));
        background: -moz-linear-gradient(top, #5bb75b, #5bb75b);
        background: linear-gradient(to bottom, #5bb75b, #5bb75b);
    }

    .AgreeButton-S1:before {
        content: "\0000a0";
        display: inline-block;
        height: 16px;
        width: 16px;
        line-height: 16px;
        margin: 0 5px -6px -5px;
        position: relative;
        top: 0px;
        left: 0px;
        background: url("../img/agree_36.png") no-repeat left center transparent;
        background-size: 100% 100%;
    }


/*Small RejectButton-S*/
.RejectButton-S1 {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 6px 24px;
    border: 0px solid #008886;
    border-radius: 10px;
    background: #bd362f;
    background: -webkit-gradient(linear, left top, left bottom, from(#bd362f), to(#bd362f));
    background: -moz-linear-gradient(top, #bd362f, #bd362f);
    background: linear-gradient(to bottom, #bd362f, #bd362f);
    font: normal normal bold 14px Microsoft JhengHei,'Open Sans', sans-serif;
    color: #ffffff;
    text-decoration: none;
}

    .RejectButton-S1:hover,
    .RejectButton-S1:focus {
        border: 0px solid #00aaa7;
        background: #bd362f;
        background: -webkit-gradient(linear, left top, left bottom, from(#bd362f), to(#bd362f));
        background: -moz-linear-gradient(top, #bd362f, #bd362f);
        background: linear-gradient(to bottom, #bd362f, #bd362f);
        color: #ffffff;
        text-decoration: none;
    }

    .RejectButton-S1:active {
        background: #ccc;
        background: -webkit-gradient(linear, left top, left bottom, from(#bd362f), to(#bd362f));
        background: -moz-linear-gradient(top, #bd362f, #bd362f);
        background: linear-gradient(to bottom, #bd362f, #bd362f);
    }

    .RejectButton-S1:before {
        content: "\0000a0";
        display: inline-block;
        height: 16px;
        width: 16px;
        line-height: 16px;
        margin: 0 5px -6px -5px;
        position: relative;
        top: 0px;
        left: 0px;
        background: url("../img/reject_36.png") no-repeat left center transparent;
        background-size: 100% 100%;
    }

/*Export ExcellButton*/
.ExcelButton {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 5px 20px;
    border: 1px solid #008886;
    border-radius: 8px;
    background: #00ddd9;
    background: -webkit-gradient(linear, left top, left bottom, from(#00ddd9), to(#008886));
    background: -moz-linear-gradient(top, #00ddd9, #008886);
    background: linear-gradient(to bottom, #00ddd9, #008886);
    font: normal normal bold 14px Microsoft JhengHei,'Open Sans', sans-serif;
    color: #ffffff;
    text-decoration: none;
}

    .ExcelButton:hover,
    .ExcelButton:focus {
        border: 1px solid #00aaa7;
        background: #00ffff;
        background: -webkit-gradient(linear, left top, left bottom, from(#00ffff), to(#00a3a1));
        background: -moz-linear-gradient(top, #00ffff, #00a3a1);
        background: linear-gradient(to bottom, #00ffff, #00a3a1);
        color: #ffffff;
        text-decoration: none;
    }

    .ExcelButton:active {
        background: #008886;
        background: -webkit-gradient(linear, left top, left bottom, from(#008886), to(#008886));
        background: -moz-linear-gradient(top, #008886, #008886);
        background: linear-gradient(to bottom, #008886, #008886);
    }

    .ExcelButton:before {
        content: "\0000a0";
        display: inline-block;
        height: 18px;
        width: 18px;
        line-height: 18px;
        margin: 0 5px -6px -5px;
        position: relative;
        top: 0px;
        left: 0px;
        background: url("../img/excel_32.png") no-repeat left center transparent;
        background-size: 100% 100%;
    }

/*Create Button*/
.CreateButton {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 5px 20px;
    border: 1px solid #008886;
    border-radius: 8px;
    background: #00ddd9;
    background: -webkit-gradient(linear, left top, left bottom, from(#00ddd9), to(#008886));
    background: -moz-linear-gradient(top, #00ddd9, #008886);
    background: linear-gradient(to bottom, #00ddd9, #008886);
    font: normal normal bold 14px Microsoft JhengHei,'Open Sans', sans-serif;
    color: #ffffff;
    text-decoration: none;
}

    .CreateButton:hover,
    .CreateButton:focus {
        border: 1px solid #00aaa7;
        background: #00ffff;
        background: -webkit-gradient(linear, left top, left bottom, from(#00ffff), to(#00a3a1));
        background: -moz-linear-gradient(top, #00ffff, #00a3a1);
        background: linear-gradient(to bottom, #00ffff, #00a3a1);
        color: #ffffff;
        text-decoration: none;
    }

    .CreateButton:active {
        background: #008886;
        background: -webkit-gradient(linear, left top, left bottom, from(#008886), to(#008886));
        background: -moz-linear-gradient(top, #008886, #008886);
        background: linear-gradient(to bottom, #008886, #008886);
    }

    .CreateButton:before {
        content: "\0000a0";
        display: inline-block;
        height: 18px;
        width: 18px;
        line-height: 18px;
        margin: 0 5px -6px -5px;
        position: relative;
        top: 0px;
        left: 0px;
        background: url("../img/create_32.png") no-repeat left center transparent;
        background-size: 100% 100%;
    }

.pagebtn:hover {
    cursor: default;
    color: #666;
}

/*Disable dropdownlist arrow for fieldset*/
#ShowCount select::-ms-expand {
    display: none;
}

.pagination select::-ms-expand {
    display: none;
}

/*Disable dropdownlist arrow for fieldset*/
#TypeSelect select::-ms-expand {
    display: none;
}

#ShowCount select::-ms-expand {
    display: none;
}

#TypeSelect1 select::-ms-expand, .ddselect select::-ms-expand {
    display: none;
}


.select {
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    margin-top: 0px;
        margin-bottom: 0;
    padding: 0px 10px;
    text-indent: 0.01px;
    text-overflow: '';
    -webkit-appearance: none;
    background-image: url('/img/darrow.png');
    width: 115px;
    background-position:90px;
    background-repeat: no-repeat;
    line-height: 1em;
    font-size:12px;
    /*font-weight:bold;*/
}

.typeselect {
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    margin-top: 0px;
    padding: 5px 10px;
    text-indent: 0.01px;
    text-overflow: '';
    -webkit-appearance: none;
    background-image: url('/img/darrow.png');
    width: 220px;
    background-position: 195px;
    background-repeat: no-repeat;
    line-height: 1em;
}

.myselect {
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    margin-top: 0px;
    padding: 5px 10px;
    text-indent: 0.01px;
    text-overflow: '';
    -webkit-appearance: none;
    /*background-image: url('/img/darrow.png');*/
    background: url("../img/darrow.png") no-repeat scroll 96% center transparent !important;
    line-height: 1em;
}

/*分頁*/
.NumBox {
    border: 1px solid #666;
    background: #fff;
    padding: 2px 7px;
}

.CurNumBox {
    background: #666;
    padding: 3px 8px;
    color: #fff;
    font-weight: bold;
}

.PageMark1 {
    padding: 2px 6px;
    font-weight: bold;
}

.NumBox1 {
    background: #fff;
    padding: 2px 6px;
    font-weight: bold;
}

.CurNumBox1 {
    background: #666;
    padding: 3px 7px;
    color: #fff;
    font-weight: bold;
}

.NumBox2 {
    padding: 2px 7px;
    font-weight: bold;
    color: #fff;
}

.CurNumBox2 {
    background: #fff;
    padding: 3px 8px;
    color: #00aaa7;
    font-weight: bold;
}

.PageMark2 {
    padding: 2px 7px;
    font-weight: bold;
    color: #fff;
}

#dp a:hover {
    color: #fff;
}

.pagination-ys {
    /*display: inline-block;*/
    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;
        }