﻿.msgExplan {
    color: #932d00;
}

input[type=text],
input[type=password] {
    font-size: 1rem;
    height: 1.3rem;
    vertical-align: middle;
}

input[type=button],
input[type=submit] {
    -webkit-appearance: none; /* Safari 和 Chrome，常用於iOS下移除內建樣式 */
    -moz-appearance: none; /* FireFox */
    height: 1.9rem;
    vertical-align: middle;
    background: #dbdbdb;
    border: 1px #9D9D9D solid;
    font-weight: bolder;
    letter-spacing: 0.1rem;
    font-size: 1.05rem;
}

input[type='checkbox'] {
    zoom: 1.5;
    vertical-align: middle;
}

input[type='radio'] {
    zoom: 1.3;
    /*vertical-align: central;*/
}

select, option {
    font-size: 1rem;
    font-family: 微軟正黑體,新細明體;
    vertical-align: middle;
}

/*label,span,div {
    vertical-align: middle;
}*/

/* 提示訊息 */
.msgPrompt {
    color: #C62A00; /*#ff5e00;*/
    letter-spacing: 0.2rem;
    font-family: 微軟正黑體,新細明體;
    font-size: 1rem;
    display: inline-block;
}

/* 錯誤訊息 */
.msgError {
    color: #D30051; /*/#ff005e;*/
    letter-spacing: 0.1rem;
    font-family: 微軟正黑體,新細明體;
    font-size: 1rem;
    display: inline-block;
    font-weight: bold;
}

/* 成功訊息 */
.msgSuccess {
    color: #00861f;
    letter-spacing: 0.2rem;
    font-family: 微軟正黑體,新細明體;
    font-size: 1rem;
    display: inline-block;
    font-weight:bold;
}

/* 找不到資料頁面訊息 */
.NotFound {
    text-align: center;
    color: #d9006c;
    font-weight: bold;
    margin-top: 8rem;
    margin-bottom: 8rem;
    font-size: 1rem;
}

/* 表格樣式 */
.TableStyle {
    border: 1px solid #97795F;
    border-spacing: 0px;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}

    .TableStyle th {
        /*border:1px solid #808080;*/
        /*background-color:#ff852e;*/
        /*color:#e8e8e8;*/
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        padding-top: 0.3rem;
        /*padding: 5px;*/
        border: 1px solid #333333;
        background: -moz-linear-gradient( center top, #ededed 5%, #cfcdcf 100% );
        background: -ms-linear-gradient( top, #ededed 5%, #cfcdcf 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
        background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #cfcdcf) );
        background-color: #ededed;
        text-shadow: 1px 1px 3px #ffffff;
        color: black;
        font-size: 1rem;
        font-family: 微軟正黑體,新細明體;
    }

    .TableStyle td {
        border: 1px solid #333333;
        /*background-color:#FFF;*/
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        padding-top: 0.3rem;
        font-size: 1rem;
        font-family: 微軟正黑體,新細明體;
    }

    .TableStyle tr:nth-child(2n+1) {
        background-color: #ededed;
    }

    .TableStyle tr {
        background-color: #FFF;
    }

/*超連結樣式*/
/*a:link {
    color: #000000;
    text-decoration: none;
}

a:visited {
    color: #000000;
    text-decoration: none;
}

a:hover, a:focus {
    color: #bb0474;
    text-decoration: none;
    font-weight: bold;
}

a:active {
    color: #000000;
    text-decoration: none;
}*/

/* 超連結按鈕樣式 */
a.Btn_Link {
    border: 1px solid #808080;
    border-radius: 0.3rem;
    background-color: #808080;
    padding: 0rem 0rem 0rem 0.1rem;
    margin-left: 0.1rem;
    margin-right: 0.1rem;
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
    letter-spacing:0.1rem;
    color: #FFFFFF;
    display: inline-block;
}

a:hover.Btn_Link {
    font-weight: normal;
    background-color: #FFFFFF;
    color: #414141;
}

.ws_submenu {
    margin-bottom: 1.5rem;
}

    .ws_submenu li {
        display: inline-block;
        /*border: 2px solid #B1D3C5;*/
        text-decoration: none;
        border: 2px solid #FFFFFF;
        box-shadow: 4px 4px 1px rgba(121, 121, 121, 0.5);
        background: #ffebb0;
        background: -webkit-gradient(linear, left top, left bottom, from(#ffebb0), to(#f5c03b));
        background: -moz-linear-gradient(top, #ffebb0, #f5c03b);
        background: linear-gradient(to bottom, #ffebb0, #f5c03b);
        text-shadow: #FFF 1px 1px 1px;
        padding: 5px 3px 3px 3px;
        padding-left: 5px;
        letter-spacing: 0.1em;
        color: #000000;
        font-size: 1.1rem;
        font-weight: bold;
        margin-left: 0.5rem;
        margin-top: 0.5rem;
        cursor: pointer;
    }

        .ws_submenu li:hover {
            border: 2px solid #808080;
            background: #f5c03b;
            background: -webkit-gradient(linear, left top, left bottom, from(#f5c03b), to(#ffebb0));
            background: -moz-linear-gradient(top, #f5c03b, #ffebb0);
            background: linear-gradient(to bottom, #f5c03b, #ffebb0);
        }


/* 功能選單樣式 */
div.divPrgName > div > ul {
    font-size: 0.2rem;
    line-height: 1.5rem;
    /* 取消ul預設的內縮及樣式 */
    margin: 0;
    padding: 0;
    list-style: none;
}

    div.divPrgName > div > ul > li {
        display: inline-block;
        border: 2px solid #cfcdcf;
        border-radius: 1rem;
        padding: 0.15rem 1.5rem 0.15rem 1.5rem;
        font-size: 1rem;
        background-color: #656464;
        font-family: 微軟正黑體,標楷體,新細明體;
        font-weight: bold;
        color: #FFFFFF;
    }

        div.divPrgName > div > ul > li:hover {
            text-shadow: 2px 2px 3px #333333;
            border: 2px solid #c7c6c7;
            background-color: #333333;
            cursor: pointer;
            transform: scale(1.1);
        }
