/*
    LOGO  #005494
    頁面背景顏色#EDEDED
    主題文字顏色中文#3D4140、英文#20A0AB
    內文文字#393D3C
    內文段落主題#005090
*/

@media screen and (max-width: 400px) {
}

@media screen and (min-width: 400px) and (max-width: 800px) {
    
}

@media screen and (min-width: 800px) {
}

body {
    min-width: 600px;
    padding: 0;
    margin: 10px;
    background-color: #EDEDED;
    color: #393D3C;
    font-family: '微軟正黑體','Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

h1 {
    padding: 5px 0 0 0;
    color: #3D4140;
    height: 24px;
}

p{
    height:10px;
}

a, a:visited {
    display: #393D3C;
    color: #333;
    text-decoration: none;
}

.SubjectEng {
    padding:5px 0 0 0;
    color: #20A0AB;
    font-size:24px;
    height:12px;
}

.HeadArea {
}

.ContentArea {
    padding-top:125px;
    margin-left:auto;
    margin-right:auto;
    max-width:1080px;
}
.gridContainer_Left {
    display: grid;
    grid-template-columns: 450px 630px;
    padding:10px;
}


.gridContainer_Right {
    display: grid;
    grid-template-columns: 630px 450px;
    grid-column-gap: 20px;
}

    .FooterArea {
        padding-top: 50px;
        padding-bottom:20px;
        margin-left: auto;
        margin-right: auto;
        max-width: 1080px;
    }

article {
    display: block;
    grid-template-columns:85px auto;
}

/* 整體設置*/
.navigation {
    margin: 0;
    padding: 45px 0 0 0px;
    list-style-type: none;
}
.FooterInfo {
    margin: 0;
    list-style-type: none;
}
.FooterInfo li {
    padding: 0;
    margin: 0 10px 0 0;
    width: 800px;
}

    .navigation li {
        float: left;
        padding: 0;
        margin: 0 10px 0 0;
        width: 150px;
    }
        /* 設置選單區塊*/
        .navigation li dl {
            margin: 0;
            padding: 0;
        }

        .navigation li dt a, .navigation li dd a {
            display: #393D3C;
        }


        /* 設置主選單dt */
        .navigation li dt {
            margin: 0;
            padding: 5px;
            text-align: center;
            font-size: 18px;
            font-weight: bold;
            height: 20px;
            overflow: hidden;
        }

            .navigation li dt a, .navigation li dt a:visited {
                display: #393D3C;
                color: #333;
                text-decoration: none;
            }

        /* 設置子選單dd */
        .navigation li dd {
            margin: 0;
            padding: 0;
            border-bottom: dotted 1px #393D3C;
        }

            .navigation li dd.last {
                border-bottom: 0;
            }

            .navigation li dd a, .navigation li dd a:visited {
                display: #393D3C;
                text-decoration: none;
                padding: 4px 5px 4px 20px;
            }


        /*隱藏子選單*/
        .navigation li dd {
            display: none;
        }


        /* 滑鼠滑入顯示子選單 */
        .navigation li:hover dd, .navigation li a:hover dd {
            display: block;
        }

        /*ie6 hack*/
        .navigation li:hover, .navigation li a:hover {
            border: 0;
        }

    .navigation table {
        border-collapse: collapse;
        padding: 0;
        text-align: left;
    }

.CopyRightMark {
    margin: 0 auto;
    padding: 10px;
    background-color: #BDA58D;
    width: 300px;
    height: 24px;
    text-align: center;
    vertical-align: middle;
}