﻿
body, hr, ul, h1, h2, h3 {
    font-family: "微軟正黑體";
    margin: 0;
    padding: 0;
}
a:link,a:visited{
    color:#262626;
    text-decoration:none;
}
nav > ul > li:hover > a{
    border:2px #ffffff solid;
}
.jump-only {
    position: absolute;
    background-color: #003F8E;
    padding: 0.5rem;
    clip: rect(0, 0, 0, 0);
    z-index: 99;
}

.jump-only-focusable:active, .jump-only-focusable:focus {
    left: 0;
    position: absolute;
    color: yellow;
    width: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
    margin-bottom: 0.5rem;
    margin-left: 0.1rem;
    z-index: 99;
}
.Menu > ul > li:hover > a,
.LeftMenu > ul > li:hover > a::before,
.LeftMenu > ul > li:hover > a {
    color: #aa1f4d;
}


header {
    text-align: center;
    margin: 0;
    padding: 0;
    /*background: #f5e1ed;*/
}
/*背景*/
.Banner {
    background-image: url('../images/Templates/Bg01.png');
    min-height: 146px;
    max-width: 100%;
}

.Uppic {
    background: url('../images/Templates/Picture_02.png') center;
    min-height: 263px;
    max-width: 100%;
}
.logo{
   
    margin:auto;
}
.logo > a > img {
    max-width:100%;
    margin: 0 auto;
    margin-bottom: 0;
    text-align: center;
    display: block;
}


.Menu {
    margin: auto;
}

    .Menu > ul {
        padding: 0.2rem;
        padding-top: 0.5rem;
    }

        .Menu > ul > li {
            display: inline-block;
            margin-left: 2rem;
            font-size: 1.2rem;
        }

            .Menu > ul > li > a {
                color: #393939;
                font-weight: bold;
                text-decoration: none;
            }

.SMenu, .RMenu {
    display: none;
}

.Grey {
    background: #dcdcdd;
    padding: 0.3rem;
}
    /*灰色區塊對位置*/
    .Grey > div {
        width: 75rem;
        margin: auto;
    }

    .Grey > .Left {
        margin-left: 20rem;
    }

    .Grey > .Right {
        margin-right: 20rem;
    }

/*article*/
article {
    margin: auto;
}
/*左方功能*/
.LeftMenu {
    display: inline-block;
    width: 30%;
    vertical-align: text-top;
    margin-top: 3rem;
    text-align: right;
}
    
    .LeftMenu >div > a {
      
        margin-right:7rem;
        text-decoration: none;
        color: #ffffff;
    
    }

    .LeftMenu > ul {
        display: inline-block;
        width: 13rem;
        line-height: 3rem;
        background: #ce3a68;
        border-radius: 1.3rem;
        padding: 0.6rem 0.8rem 0.8rem 0.8rem;
        font-weight: bold;
        font-size: 1.5rem;
    }

        .LeftMenu> ul > li {
            background: #ffffff;
            list-style-type: none;
            padding: 0.8rem;
        }

            .LeftMenu  > ul > li:first-child {
                background: #ce3a68;
                color: #ffffff;
                margin: auto;
                text-align: center;
                padding: 0;
            }

            .LeftMenu  > ul > li > a {
                line-height: 2rem;
                border-radius: 0.2rem;
                color: #3d3938;
                text-decoration: none;
                text-align: justify;
                display: block;
                vertical-align: text-top;

            }

                .LeftMenu > ul > li > a::before {

                    content: '■';
                    padding-right: 0.5rem;
                    margin: 0;
                    line-height: 2.5rem;
                    vertical-align: text-bottom;
                }
/*中間區塊*/
section {
    display: inline-block;
    width: 50%;
    margin-left: 2rem;
    margin-top: 0;
    min-height: 600px;
    vertical-align: text-top;
}
/*內容*/
.Nav {
    margin-top: 1rem;
}
/*導覽*/
.NavLeft > div > a {
    text-decoration: none;
    color: #393939;
}
/*搜尋*/
.SearchText {
    font-size: 1rem;
    line-height: 2rem;
    vertical-align: middle;
    margin-right: 0;
}

.Search {
    display: inline-block;
    padding: 0.3rem;
    vertical-align: middle;
    background: #595757;
    margin-left: -0.5rem;
}

.AdvanceSearch {
    font-size: 1rem;
    display: inline-block;
    vertical-align: middle;
    color: #393939;
    text-decoration: none;
    font-weight: bold;
}
/*middle*/
.MTLeft > .img {
    display: inline-block;
    vertical-align: middle;
}

.MTLeft > .text {
    display: inline-block;
    vertical-align: middle;
}



.MTRight {
    margin-top: 0.5rem;
    vertical-align: text-top;
}

hr {
    border-top: 3px #fbe7f7 solid;
    border-bottom: 5px #ead4e5 solid;
}
/*top*/
.DivTop {
    text-align: right;
    margin-right: 5rem;
    margin-bottom: 0.5rem;
}

.Top:link,.Top:visited {
    text-decoration: none;
    font-weight: bold;
    font-size: 1.2rem;
    color: #007bbb;

}

/*footer*/
footer{
    width:100%;
   
}
nav {
    background: #b13858;
}

    nav > ul {
        width: 70%;
        margin: auto;
        text-align: center;
        list-style-type: none;
    }

        nav > ul > li {
            display: inline-block;
            padding: 0.3rem;
                font-weight:bold;
                font-size:1.1rem;
                color: #ffffff;
        }

            nav > ul > li > a:link, nav > ul > li > a:visited {
                text-decoration: none;
                line-height: 1.5rem;
                color: #ffffff;
                font-weight: bold;
                letter-spacing: 2.3px;
            }

.Address {
    background: #f5e1ed;
    min-height: 180px;
    margin:auto;
    padding:1.3rem;
    text-align: center;
    line-height:1.5rem;
}
.Address>div{
    margin-top:1rem;
}
.Address>div>div:first-child{
    padding-bottom:0.5rem;
}
    .Address a:link, .Address a:visited {
        color: #393e4f;
        font-size: 1.2rem;
        font-weight: bold;
        text-decoration:underline;
    }