﻿@media screen and (max-width:1318px) {
    section {
        width: 65%;
    }

    .Banner img {
        width: 18rem;
    }

    .LineQR {
        margin-right: 1.3rem;
    }
}

@media screen and (max-width:1218px) {

    .Grey > div {
        width: 100%;
    }

    .imgframe {
        width: 100%;
    }
}

@media screen and (max-width:841px) {
    .Banner .logo {
        display: inline-block;
        margin-top: 1.5rem;
    }

    .Banner img {
        width: auto;
    }

    .Menu, .Uppic, .Grey, .LeftMenu, .NavRight, nav {
        display: none;
    }

    section {
        display: block;
        width: 90%;
        margin: auto;
    }
    /*手機選單*/
    .SMenu {
        display: block;
        background: #b13858;
        height: 2rem;
        width: 100%;
        padding: 0.2rem 0;
        text-align: right;
    }

    .BarText {
        display: inline-block;
        color: #ffffff;
        font-size: 1.5rem;
        font-weight: bold;
        vertical-align: text-top;
    }

    .SMenu > a > div {
        display: inline-block;
        width: 2rem;
        line-height: 0.45rem;
        margin-right: 1.2rem;
        vertical-align: top;
    }

    .SMenu > a {
        display: inline-block;
        margin: 0;
        padding: 0;
        text-decoration: none;
    }

    .IconBar {
        background: #ffffff;
        display: inline-block;
        width: 1.5rem;
        height: 0.3rem;
        margin: auto;
       
    }
    /*手機選單內容*/
    .RMenu {
        display: block;
        background: #F8C3CD;
        padding-top: 1rem;
    }

    .ListItem {
        background: #FEDFE1;
    }

    .RMenu li {
        list-style-type: none;
        line-height: 2rem;
        padding-top: 0.5rem;
        text-align: left;
    }

    .RMenu > ul > li {
        margin: 0;
    }

    .RMenu a {
        text-decoration: none;
        color: #393939;
        font-size: 1.2rem;
        font-weight: bold;
        padding-left: 0.5rem;
    }

    .ListViewS:hover, .ListView:hover {
        background: #e5abbe;
        /*background: #e597b2;*/
    }

    .ListViewS a, .ListView a {
        display: inline-block;
        width: 98%;
    }

    .ListItem a {
        display: block;
        padding-left: 1rem;
    }
        .ListItem a:hover {
            background: #FEF2F4;
        }
    /*手機選單內容-下拉按鈕*/
    .Arrow {
        display: inline-block;
        width: 10px;
        height: 10px;
        border-bottom: 5px #393939 solid;
        border-left: 5px #393939 solid;
        transform: rotate(-45deg);
        position: absolute;
        margin-top: 0.3rem;
        right: 2rem;
    }
    /*表格*/
    thead {
        display: none;
    }

    td:first-child, td:last-child, td {
        border-radius: 0;
        background: #ffffff;
    }

        td::before {
            content: attr(data-title)":";
            font-weight: bold;
        }

    tr {
        display: block;
        border-top: 2px solid;
        border-left: 2px solid;
        border-right: 2px solid;
        margin-bottom: 2rem;
    }

    td {
        display: block;
        border-bottom: 2px solid;
        font-size: 1.2rem;
    }

 


}


