﻿body {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-position: top;
    overflow-y: scroll;
    font-family: "微軟正黑體";
}

ul, h1, h2, h3 { /* 取消ul預設的內縮及樣式 */
    margin: 0;
    padding: 0;
    list-style: none;
}

h1 {
    display: inline-block;
}

/*超連結樣式*/
a:link, a:visited {
    color: #903;
    text-decoration: none;
    font-weight: bolder;
}

a:hover, a:active {
    color: #903;
    text-decoration: underline;
    font-weight: bolder;
}

/*TAB文字*/
a:focus {
    outline: none;
}

/*錯誤訊息*/
.eMsg {
    color: #D50000;
    text-align:center;
}

/*沒資料*/
.ndata {
    text-align: center;
    margin-top: 8rem;
    color: #595757;
    letter-spacing: 0.2em;
}

@media screen and (min-width:850px) {
    header {
        width: 100%;
        height: 85px;
        background: #e1bf6d;
    }

        header > .top_div {
            float: right;
            font-size: 0;
        }


        header > .Rtop_div {
            display: none;
        }

    .container {
        background: url(../images/Templates/Bg.jpg) top center;
    }

    section {
        width: 1500px;
        min-height: 725px;
        margin: 0 auto;
    }

    footer {
        background: url(../images/Templates/footerBg.png) center;
        height: 123px;
    }

        footer > div {
            width: 100%;
            padding-top: 4.8rem;
        }
}

@media screen and (max-width:1519px) and (min-width:850px) {
    header {
        width: 100%;
    }

    section {
        width: 100%;
    }
}

@media screen and (max-width:849px) {
    header {
        width: 100%;
        background: #ffffff;
        margin: 0;
    }

        header > .top_div {
            display: none;
        }

        header > .Rtop_div {
            padding-top: 1rem;
            text-align: center;
        }

            header > .Rtop_div > h1 > img {
                max-width: 100%;
            }

    .S_header_menu { /* 手機選單 */
        width: 100%;
        padding: 0.5rem 0;
        margin: 0;
        background: #e1bf6d;
        height: 1.5rem;
    }

    section {
        width: 100%;
        min-height: 500px;
    }
}

    /*列表樣式*/
.TableStyle02 {
    width: 85%;
    margin: 1rem auto;
    border: 0.05rem solid #adadad;
    border-spacing: 0 0;
    border-collapse: collapse;
    text-align: center;
    letter-spacing: 0.1rem;
    line-height: 2rem;
}

    .TableStyle02 th {
        text-align: center;
        padding: 3px;
        height: 25px;
        border: 0.05rem solid #adadad;
        background-color: #d1e9e9;
    }

    .TableStyle02 td {
        border: 0.04rem solid #adadad;
        padding: 3px;
        height: 2rem;
        line-height: 2rem;
        word-wrap: break-word;
        word-break: break-all;
    }

         /*列表按鈕*/
        .TableStyle02 td.td_4 > a.Btn {
            display: inline-block;
            text-align: center;
            letter-spacing: 0.2em;
            /*文字顏色*/
            color: #000000;
            /*邊線*/
            border: 0.01rem solid #000000;
            /*背景顏色*/
            background-color: #DDDDDD;
            /*內距*/
            padding: 0.3rem;
            /*外距*/
            margin: 0 0.8rem;
        }

@media screen and (max-width:859px) {
    /*列表按鈕*/
    .TableStyle02 td.td_4 > a.Btn {
        /*外距*/
        margin: 0.8rem 0.8rem;
    }
}

@media screen and (max-width:599px) {
    .TableStyle02 {
        width: 95%;
        border: none;
    }

        .TableStyle02 tr {
            display: block;
            margin-bottom: 0.5rem;
            border-top: 1px solid #2F0000;
            border-left: 1px solid #2F0000;
            border-right: 1px solid #2F0000;
        }

        .TableStyle02 .trH {
            display: none;
        }

        .TableStyle02 th {
            display: none;
        }

        .TableStyle02 td {
            display: block;
            padding: 0.3rem 0.5rem;
            border: none;
            border-bottom: 1px solid #2F0000;
            text-align: left;
            height: auto;
        }

            .TableStyle02 td.Tone {
                background-color: #d1e9e9;
                color: #000000;
            }

            .TableStyle02 td:before {
                content: attr(data-title)"：";
                font-weight: bold;
                display: inline-block;
                color: #1f1f1f;
                padding-bottom: 0.1rem;
                padding-top: 0.1rem;
            }

            .TableStyle02 td.td_1, .TableStyle02 td.td_2, .TableStyle02 td.td_3, .TableStyle02 td.td_4 {
                width: auto;
            }
}

    @media screen and (max-width:480px) {
        .TableStyle02 {
            width: 95%;
        }

            .TableStyle02 td.td_1 {
                word-break: keep-all;
                white-space: nowrap;
            }

            /*列表按鈕*/
            .TableStyle02 td.td_4 > a.Btn {
                /*外距*/
                margin: 0.5rem 0.2rem;
            }
    }

