﻿/* noscript */
noscript {
    font-size: 1rem;
}

/* input */
input[type=text],
input[type=password] {
    font-size: 1rem;
    height: 1.35rem;
    vertical-align: middle;
    border-radius: 0;
    padding: 3px 0;
    line-height: 1rem;
}

textarea {
    font-size: 1rem;
    border-radius: 0;
    padding: 3px;
    line-height: 1.5rem;
}

input[type=file] {
    font-size: 1rem;
    height: 1.35rem;
    vertical-align: middle;
    border-radius: 0;
}

input[type=button],
input[type=submit] {
    font-size: 1rem;
    font-weight: bold;
    padding: 3px 5px;
    border-radius: 0;
}

select {
    height: 1.8rem;
    vertical-align: middle;
    font-size: 1rem;
}

input[type=checkbox]{
    zoom:150%;
    vertical-align:middle;
}

input[type=radio] {
    zoom: 150%;
    vertical-align:text-bottom;
}

/* 表格樣式 */
.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: 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;
    }

    .TableStyle td {
        border: 1px solid #333333;
        /*background-color:#FFF;*/
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .TableStyle tr:nth-child(2n+1) {
        background-color: #ededed;
    }

    .TableStyle tr {
        background-color: #FFF;
    }

           /* 沒有資料 */
    .noData{
        color:#313131;
        text-align:center;
    }

/* 驗證碼 */
#imgValidateCode {
    border-color: #999999;
    border-width: 1px;
    margin: 5px;
    border-style: solid;
    vertical-align: middle;
}

    #imgValidateCode:focus {
        outline: 2px solid #03375B;
    }
/* 驗證碼後面的T */
a.ChkcoodTxt {
    border-radius: 0.5rem;
    padding: 0.2rem 0.5rem;
    letter-spacing: 0rem;
    background-color: #999999;
    color: #000000;
    cursor: pointer;
    font-weight: bold;
    vertical-align: middle;
}

 a.ChkcoodTxt:hover {
    background-color: #585053;
    color: #FFF;
}

 a.ChkcoodTxt:focus {
    background-color: #585053;
    color: #FFF;
}

h3 {
    letter-spacing: 0.1rem;
    color: #3C3C3C;
    display: block;
    line-height: 2rem;
}

    h3 > span {
        border-bottom: 0.2rem double #3C3C3C;
        padding: 0.2rem;
    }

h4 {
    display: inline-block;
    background: linear-gradient(transparent 60%, #f8d5bb 60%);
    padding: 0 0.2rem 0.1rem 0.2rem;
    font-weight: bolder;
    font-size: 1.1rem;
}

h5 {
    display: inline-block;
    /*background: linear-gradient(transparent 60%, #f8d5bb 60%);*/
    /*padding: 0 0.2rem 0.1rem 0.2rem;*/
    /*font-weight: bold;*/
    font-weight:400;
    font-size: 1.1rem;
    margin:1.5rem 0 0.5rem 0;
}
