﻿body {
    
}

a span.hide {
    pointer-events: none;
    position: absolute;
    width: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.sr-only {
    position: absolute;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
    position: absolute;
    margin: 0;
    width: auto;
    height: auto;
    font-size: 0.9rem;
    text-decoration: none;
    color: #192a51;
    overflow: visible;
    clip: auto;
    z-index: 1031;
}

:focus-visible {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);

}

/*標題 Start*/
nav.navbar {
    padding: 0.5rem;
    background: rgba(255, 255, 255, 1);
}

    nav.navbar .container-fluid {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }
        nav.navbar .container-fluid img {
            width: calc(10rem + 5vw);
            height: calc(2rem + 10vh);
            max-height: 4rem;
        }

        nav.navbar .container-fluid a.navbar-brand {
            margin: -1rem auto 0;
        }
        nav.navbar .container-fluid a.navbar-brand:hover h1 {
            opacity: 0.8;
        }
            nav.navbar .container-fluid a.navbar-brand h1 {
                margin: 0;
                font-size: calc(1.25rem + 1.5vw);
                font-weight: bold;
                text-align: center;
            }

        nav.navbar .container-fluid .navbar-toggler {
            font-size: 1.5rem;
        }

            nav.navbar .container-fluid .navbar-toggler > .navbar-toggler-icon-close {
                display: inline;
                font-size: 1.5em;
            }
            nav.navbar .container-fluid .navbar-toggler.collapsed > .navbar-toggler-icon-close,
            nav.navbar .container-fluid .navbar-toggler:not(.collapsed) > .navbar-toggler-icon {
                display: none;
            }

        nav.navbar .container-fluid div.navbar-collapse {
            align-items: center;
            position: absolute;
            right: 0.75rem;
        }

        nav.navbar .container-fluid div.navbar-collapse #toplink1 {
            display: block;
        }
            nav.navbar .container-fluid div.navbar-collapse #toplink1 ul.navbar-nav {
                display: flex;
                align-items: center;
            }
            nav.navbar .container-fluid div.navbar-collapse #toplink1 ul.navbar-nav li a {
                font-size: 0.9rem;
                color: rgba(0, 0, 0, 0.75);
            }
            nav.navbar .container-fluid div.navbar-collapse #toplink1 ul.navbar-nav li > a:hover {
                text-decoration: underline;
            }
        
        nav.navbar .container-fluid div.navbar-collapse #toplink2 {
            display: none;
        }
            nav.navbar .container-fluid div.navbar-collapse #toplink2 ul.navbar-nav {
                margin: 1rem 0 0 0!important;
                background: #ebebeb;
            }
            nav.navbar .container-fluid div.navbar-collapse #toplink2 ul.navbar-nav li a {
                padding: 0.5rem 1rem;
                font-size: 1.2rem;
                color: rgba(0, 0, 0, 0.75);
                border: 1px solid #fff;
            }
            nav.navbar .container-fluid div.navbar-collapse #toplink2 ul.navbar-nav li > a:hover {
                color: rgba(255, 255, 255, 1);
                background: rgba(0, 0, 0, 0.75);
            }
            
            nav.navbar .container-fluid div.navbar-collapse #toplink2 ul.ul-dropdown {
                list-style: none; 
                padding: 0;
            }
            nav.navbar .container-fluid div.navbar-collapse #toplink2 ul.ul-dropdown ul.dropdown-menu {
                margin: -1px 0 0 0;
                padding: 0;
                border: 1px solid #ebebeb;
                border-radius: 0;
            }
            nav.navbar .container-fluid div.navbar-collapse #toplink2 ul.ul-dropdown ul.dropdown-menu li a {
                padding-left: 2rem;
            }
            nav.navbar .container-fluid div.navbar-collapse #toplink2 ul.ul-dropdown ul.dropdown-menu li a:hover {
                color: rgba(0, 0, 0, 0.75);
                background: rgba(0, 0, 0, 0.25);
            }

            nav.navbar .container-fluid div.navbar-collapse #toplink2 ul.navbar-nav li .link-top {
                display: flex;
                flex-wrap: wrap;
                margin: 1rem 1rem 0 1rem;
            }
                nav.navbar .container-fluid div.navbar-collapse #toplink2 ul.navbar-nav li .link-top div a {
                    margin: 0.5rem;
                    height: 3.05rem;
                    border: 2px solid #ffffff;
                    text-align: center;
                    white-space: nowrap;
                }
                    nav.navbar .container-fluid div.navbar-collapse #toplink2 ul.navbar-nav li .link-top div a:hover {
                        font-size: 1.18rem;
                        color: rgba(255, 255, 255, 1);
                        background: rgba(0, 0, 0, 0.75);
                    }

/*標題 End*/


/*社交連結 Start*/
nav.navbar .sociallink {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
    nav.navbar .sociallink a {
        margin: 0 0.25rem;
        width: 2rem;
        height: 2rem;
    }
        nav.navbar .sociallink a:hover {
            opacity: 0.8;
        }
        nav.navbar .sociallink a.facebook {
            background: url(../Images/facebook.svg);
            background-repeat: no-repeat;
            background-size: cover;
        }
        nav.navbar .sociallink a.line {
            background: url(../Images/line.svg);
            background-repeat: no-repeat;
            background-size: cover;
        }
        nav.navbar .sociallink a.twitter {
            background: url(../Images/twitter.svg);
            background-repeat: no-repeat;
            background-size: cover;
        }
/*社交連結 End*/


/*瀏覽器不支援JavaScript Start*/
noscript {
    display: table;
    margin: 5px 0px;
    padding: 5px;
    width: 100%;
    text-align: center;
    border: 5px double #064d5d;
    box-shadow: 4px 4px grey;
}
    noscript span {
        margin: 0px;
        font-size: 1.5em;
        font-weight: bold;
        color: red;
    }
/*瀏覽器不支援JavaScript End*/


/*功能列 Start*/
nav.function {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0;
}
    nav.function div {
        width: 100%;
        text-align: center;
    }
        nav.function div a {
            padding: 1rem 0;
            color: rgba(255, 255, 255, 1);
            background: rgba(25, 42, 81, 1);
        }
            nav.function div a:hover {
                color: rgba(255, 255, 255, 1);
                background: rgba(68, 114, 196, 1);
            }
        nav.function div div {
            display: inline-block;
        }

    nav.function #function_Search {
        width: auto;
        height: 56px;
    }
        nav.function #function_Search button {
            width: 4rem;
            height: 100%;
            font-weight: bold;
            color: rgba(255, 255, 255, 1);
            background: rgba(68, 114, 196, 1);
            border: 2px solid rgba(68, 114, 196, 1);
            border-radius: 0;
        }
            nav.function #function_Search button svg {
                fill: #fff;
                stroke: #fff;
                stroke-width: 1px;
                width: 1.5rem;
                height: 1.5rem;
            }
            nav.function #function_Search button:hover {
                background: rgba(134, 178, 255, 1);
                border: 2px solid rgba(134, 178, 255, 1);
            }

    nav.function + #div_Keyword div {
        padding: 1rem;
        background: rgba(68, 114, 196, 1);
        transition: all 0.6s;
    }
        nav.function + #div_Keyword input {
            font-size: 0.9rem;
            border: none;
            border-radius: 0;
        }
        nav.function + #div_Keyword button {
            font-weight: bold;
            color: rgba(255, 255, 255, 1);
            background: rgba(25, 42, 81, 1);
            border: none;
        }
            nav.function + #div_Keyword button:hover {
                background: rgba(134, 178, 255, 1);
            }
/*功能列 End*/


/*導覽 Start*/
#bottom #sitemap {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0.5rem 5rem 0.75rem;
    font-size: 0.95rem;
    color: rgba(0, 0, 0, 1);
    background: rgba(218, 227, 243, 1);
}
    #bottom #sitemap div {
        margin: 0 1rem;
        width: 100%;
    }
        #bottom #sitemap div .title {
            margin: 0.5rem 0;
            padding-bottom: 0.5rem;
            font-size: 1.05rem;
            font-weight: bold;
            white-space: nowrap;
            border-bottom: 1px solid rgba(0, 0, 0, 1);
        }
        #bottom #sitemap div a {
            display: block;
            padding: 0.25rem 0;
            color: rgba(0, 0, 0, 1);
            text-decoration: none;
        }
        #bottom #sitemap div a:hover {
            text-decoration: underline;
        }
/*導覽 End*/


/*版權 Start*/
#bottom #copyright {
    position: relative;
    padding: 1rem 0.5rem 0.75rem;
    text-align: left;
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 1);
    background: rgba(25, 42, 81, 1);
}
    #bottom #copyright .row {
        position: relative;
        margin: 0.25rem auto;
        width: 80%;
        transition: all 0.25s;
    }

        #bottom #copyright .row.social-link {
            display: flex;
            align-items: flex-end;
            margin-bottom: 1rem;
        }
            #bottom #copyright .row.social-link div {
                display: inline-block;
                width: auto;
            }
            #bottom #copyright .row.social-link a {
                text-decoration: none;
            }
                #bottom #copyright .row.social-link a:hover {
                    opacity: 0.8;
                }
            #bottom #copyright .row.social-link .img-logo {
                width: 235px;
                height: 65.61px;
            }
            #bottom #copyright .row.social-link .img-logo2 {
                padding: 0.25rem;
                width: 45px;
                height: 45px;
            }

    #bottom #copyright ul {
        margin: 0;
        list-style-type: none;
    }
        #bottom #copyright ul li {
            display: inline-block;
            margin: 0 auto 0.25rem;
            padding: 0 0.5rem;
            border: 1px solid rgba(255, 255, 255, 1);
            border-radius: 0.25rem;
        }
            #bottom #copyright ul li:not(:nth-last-child(1)) {
                margin-right: 0.5rem;
            }
            #bottom #copyright ul li a {
                text-decoration: none;
                color: rgba(255, 255, 255, 1);
            }
        
    #bottom #copyright .copyright-row2 {
        display: inline-block;
        width: auto;
    }
        #bottom #copyright .copyright-row2.tel {
            text-indent: 2.35rem;
        }
        #bottom #copyright .copyright-row2.tel2 {
            text-indent: 1rem;
        }
        #bottom #copyright .copyright-row2 span {
            white-space: nowrap;
        }
        #bottom #copyright .copyright-row2 a {
            color: rgba(255, 255, 255, 1);
            text-decoration: none;
        }
            #bottom #copyright .copyright-row2 a:hover {
                text-decoration: underline;
            }

    #bottom #copyright .copyright-row3 {
        display: block;
    }
        #bottom .copyright-row-accessibility {
            position: absolute;
            top: 0.5rem;
            left: 18rem;
            width: auto;
        }
/*版權 End*/


/* 網站公告 */
#tip_News .title p {
    margin: 0;
    padding: 0.5rem 1rem;
    font-weight: bold;
}
#tip_News .content p {
    margin: 0;
    text-indent: 2rem;
}
#tip_News .btn,
#tip_Login .btn {
    margin: 0.5rem 1.5rem;
    text-indent: 1rem;
    letter-spacing: 1rem;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    background: rgba(121, 121, 121, 1);
    border: 1px solid transparent;
}
#tip_News .btn:hover,
#tip_Login .btn:hover {
    color: rgba(121, 121, 121, 1);
    background: rgba(221, 221, 221, 1);
}


/*回頂端 Start*/
.gotop {
    display: none;
    position: fixed;
    right: 1.5rem;
    bottom: 2rem;
    width: 3rem;
    height: 3rem;
    background: url(../Images/arrow_up_circle.svg);
    background-size: contain;
    border-radius: 100%;
    z-index: 3;
}
.gotop:hover {
    background: url(../Images/arrow_up_circle2.svg);
    background-size: contain;
}
/*回頂端 End*/


/*登入 Start*/
#tip_Login {
    
}
    #tip_Login .modal-body {
        padding: 0 1rem;
    }
    #tip_Login .col-12 div {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        margin: 1rem 0;
    }
        #tip_Login .col-12 div .img-ValidateCode {
            margin: 0.25rem  0.5rem;
            width: 68px;
            height: 32px;
        }
        #tip_Login .col-12 div .img-refresh,
        #tip_Login .col-12 div .img-play {
            margin: 0.25rem 0.5rem;
            width: 1.5rem;
        }
            #tip_Login .col-12 div .img-refresh:hover,
            #tip_Login .col-12 div .img-play:hover {
                opacity: .5;
                cursor: pointer;
            }
/*登入 End*/


/*中間主要內容區 Start*/
#content section {
    margin: 2.5rem 5rem;
} 
#content section h2 {
    font-size: calc(1rem + 0.5vw);
    font-weight: bold;
    color: rgba(89, 89, 89, 1);
}
#content section > div {
    margin: auto;
    max-width: calc(1200px + 10rem);
} 

    /*首頁-圖片輪播*/
    div.div-carousel-picture {
        padding: 2.5rem 5rem;
        background: linear-gradient(to bottom, rgb(255 232 186), rgb(254 231 185), rgb(254 236 201), rgb(255 252 247), rgba(255, 255, 255, 1));
    }

    /*首頁-網站主題*/
    section#theme {
        padding: 1.5rem 0 2.5rem;
        text-align: center;
    }
        section#theme h2 {
            display: inline-block;
            padding-bottom: 0.5rem;
            color: rgba(0, 0, 0, 1)!important;
            border-bottom: 2px solid;
        }

        section#theme .row {
            margin: auto;
        }
            section#theme a, 
            section#theme div[role=link] {
                display: block;
                text-decoration: none;
                cursor: pointer;
            }

                section#theme a .theme-box,
                section#theme div .theme-box {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    margin: 1rem auto;
                    padding: 1rem 0;
                    text-align: center;
                    background: rgba(255, 255, 255, 1);
                    border: 0.25rem solid rgba(25, 42, 81, 1);
                }
                
                section#theme a .theme-box.news {
                    box-shadow: 0 0 0 0.25rem rgba(223, 23, 82, 1);
                }
                    section#theme a:focus .theme-box.news, 
                    section#theme a .theme-box.news:hover {
                        border: 0.25rem solid rgba(223, 23, 82, 1);
                        box-shadow: 0 0 0 0.125rem rgba(223, 23, 82, 0.2);
                    }

                section#theme a .theme-box.Knowledge {
                    box-shadow: 0 0 0 0.25rem rgba(0, 156, 242, 1);
                }
                    section#theme a:focus .theme-box.Knowledge, 
                    section#theme a .theme-box.Knowledge:hover {
                        border: 0.25rem solid rgba(0, 156, 242, 1);
                        box-shadow: 0 0 0 0.125rem rgba(0, 156, 242, 0.2);
                    }

                section#theme a .theme-box.regulation {
                    box-shadow: 0 0 0 0.25rem rgba(167, 228, 9, 1);
                }
                    section#theme a:focus .theme-box.regulation, 
                    section#theme a .theme-box.regulation:hover {
                        border: 0.25rem solid rgba(167, 228, 9, 1);
                        box-shadow: 0 0 0 0.125rem rgba(167, 228, 9, 0.2);
                    }

                section#theme a .theme-box.data {
                    box-shadow: 0 0 0 0.25rem rgba(237, 125, 49, 1);
                }
                    section#theme a:focus .theme-box.data, 
                    section#theme a .theme-box.data:hover {
                        border: 0.25rem solid rgba(237, 125, 49, 1);
                        box-shadow: 0 0 0 0.125rem rgba(237, 125, 49, 0.2);
                    }

                section#theme a .theme-box.link {
                    box-shadow:  0 0 0 0.25rem rgba(137, 0, 230, 1);
                }
                    section#theme a:focus .theme-box.link, 
                    section#theme a .theme-box.link:hover {
                        border: 0.25rem solid rgba(137, 0, 230, 1);
                        box-shadow: 0 0 0 0.125rem rgba(137, 0, 230, 0.2);
                    }

                section#theme div .theme-box.group {
                    box-shadow: 0 0 0 0.25rem rgba(68, 114, 196, 1);
                }
                    section#theme div:focus .theme-box.group, 
                    section#theme div .theme-box.group:hover {
                        border: 0.25rem solid rgba(68, 114, 196, 1);
                        box-shadow: 0 0 0 0.125rem rgba(68, 114, 196, 0.2);
                    }

                    section#theme a .theme-box img,
                    section#theme div .theme-box img {
                        width: calc(2rem + 4vw);
                        min-width: 5vw;
                        height: calc(2rem + 4vw);
                        min-height: 5vh;
                    }
                    section#theme a .theme-box span,
                    section#theme div .theme-box span {
                        display: block;
                        width: 100px;
                        margin: auto;
                        font-size: calc(1rem + 0.25vw);
                        font-weight: bold;  
                        white-space: nowrap;
                        color: rgba(23, 41, 79, 1);
                    }
                    section#theme a .theme-box:hover img,
                    section#theme div .theme-box:hover img {
                        transform: scale(0.95);
                    }
                    section#theme a .theme-box:hover span,
                    section#theme div .theme-box:hover span {
                        transform: scale(1.05);
                    }

    /*首頁-量測資料*/
    section#measure {
        padding: 2.5rem 0;
    }
    section #map {
        display: flex;
        justify-content: center;
    }
        section #map #div_Taiwan {
            display: block;
            width: 100%;    
            height: 100%;
        }
        section #map #div_Taiwan:focus {
            border-color: #86b7fe;
            outline: 0;
            box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
        }
    
    section #data {
        
    }
        section #data #data_content {
            display: flex;
            flex-direction: column;
            justify-content: center;
            width: 100%;
            height: 100%;
        }
        section #data #data_content > div {
            margin: 1rem auto;
        }
            section #data #data_content .data-content-title {
                margin-bottom: 0;
                font-size: calc(1rem + 1vw);
                font-weight: bold;
                color: rgba(0, 90, 94, 1);
            }
            section #data #data_content .data-content-card {
                display: inline-table;
                margin: 0 1rem;
                padding: 1rem 2rem;
                min-width: 150px;
                text-align: center;
                font-size: calc(1rem + 0.5vw);
                font-weight: bold;
                color: rgba(255, 255, 255, 1);
                background: rgba(0, 90, 94, 1);
                border-radius: 1rem;
            }
                section #data #data_content .data-content-card div:nth-child(2) {
                    font-size: calc(1rem + 2vw);
                }
                section #data #data_content .data-content-card div:nth-child(3) {
                    text-align: right;
                    font-size: calc(0.95rem + 0vw);
                }
            section #data #data_content .data-content-search {
                width: 80%;
            }
                section #data #data_content .data-content-search span {
                    display: inline-block;
                    width: 50px;
                    text-align: right;
                    font-weight: bold;
                    white-space: nowrap;
                }
                section #data #data_content .data-content-search select {
                    display: inline-block;
                    margin: 0 0 1rem 1rem;
                    width: calc(100% - 50px - 1rem);
                    border: 1px solid rgba(0, 90, 94, 1);
                }
                section #data #data_content .data-content-btn button {
                    margin: 0 1rem;
                    padding: 0.5rem 2rem;
                    font-weight: bold;
                    color: rgba(255, 255, 255, 1);
                    background: rgba(0, 90, 94, 1);
                    border-radius: 0;
	                transform: skewX(-45deg);
                }
                    section #data #data_content .data-content-btn button:hover {
                        color: rgba(0, 0, 0, 1);
                        background: rgba(0, 208, 218, 1);
                    }
                    section #data #data_content .data-content-btn button span {
                        display: block;
	                    transform: skewX(45deg);
                    }

    /*首頁-新聞與消息*/
    section #news {
        border-right: 1px dashed rgba(166, 166, 166, 1);
    }
        section #news table tr:not(:nth-last-child(1)) {
            border-bottom: 1px solid rgba(166, 166, 166, 1);
        }
        section #news table tr:hover {
            color: rgba(132, 60, 12, 1);
            cursor: pointer;
        }
        section #news table td {
            padding: 0.5rem;
            vertical-align: top;
        }
        section #news table td:nth-child(1),
        section #news table td:nth-child(2) {
            white-space: nowrap;
        }
        section #news #btn_news_more {
            padding: 0.25rem 1rem;
            font-size: 0.8rem;
            color: rgba(255, 255, 255, 1);
            background: rgba(127, 127, 127, 1);
            border-radius: 2rem;
        }
        section #news #btn_news_more:hover {
            color: rgba(0, 0, 0, 0.75);
            background: rgba(127, 127, 127, 0.5);
        }

    section #search {
        border-left: 1px dashed rgba(166, 166, 166, 1);
    }
        section #search #search_content {
            width: 100%;
            height: 100%;
            min-height: 200px;
        }

            section #search #search_content .input-group {
                padding: 0.5rem;
            }
                section #search #search_content .input-group #txt_search {
                    border-radius: 0;
                }
                section #search #search_content .input-group #btn_search {
                    color: rgba(255, 255, 255, 1);
                    background: rgba(127, 127, 127, 1);
                    border-radius: 0;
                }
                    section #search #search_content .input-group #btn_search:hover {
                        color: rgba(0, 0, 0, 0.75);
                        background: rgba(127, 127, 127, 0.5);
                    }
            
                section #search #search_content #search_cloud {
                    margin-top: 15px;
                }
                section #search #search_content #search_cloud text:hover {
                    font-weight: bold;
                }
                section #search #search_content #search_cloud text:focus {
                    outline: #86b7fe auto 5px;
                }
/*中間主要內容區 End*/





@media only screen and (max-width: 992px) {
    /*標題*/
    nav.navbar {
        padding: 1rem 0.5rem;
    }

    nav.navbar .container-fluid {
        align-items: center;
        flex-direction: row;
    }
        nav.navbar .container-fluid img {
            display: none;
        }
        nav.navbar .container-fluid a.navbar-brand {
            margin: 0 1rem 0 0;
        }
        
        nav.navbar .container-fluid div.navbar-collapse {
            position: relative;
            top: auto;
            right: auto;
        }
        nav.navbar .container-fluid div.navbar-collapse #toplink1 {
            display: none;
        }
        nav.navbar .container-fluid div.navbar-collapse #toplink2 {
            display: block;
        }
        
    /*社交連結 Start*/
    nav.navbar .sociallink {
        flex-wrap: wrap;
    }
        nav.navbar .sociallink div {
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 1rem;
            width: 3rem;
        }
        nav.navbar .sociallink a {
            margin: 0;
            width: 3rem;
            height: 3rem;
            border: none!important;
        }
            nav.navbar .sociallink a + a {
                margin-left: 0.5rem;
            }
            nav.navbar .sociallink a:hover {
                width: 2.85rem;
                height: 2.85rem;
                opacity: 0.7;
            }

    /*首頁-圖片輪播*/
    div.div-carousel-picture {
        padding: 2.5rem;
    }

    /*功能列*/      
    nav.function {
        display: none;
    }

    /*導覽 Start*/
    #bottom #sitemap {
        padding: 0.5rem 2.5rem 0.75rem;
    }

    /*版權*/
    #bottom #copyright .row {
        width: 90%;
    }

    /*中間主要內容區*/
    #content section {
        margin: 2.5rem;
    }
}


@media only screen and (max-width: 768px) {
    /*首頁-圖片輪播*/
    div.div-carousel-picture {
        padding: 1.5rem;
    }

    /*導覽*/
    #bottom #sitemap {
        display: none;
    }

    /*版權*/
    #bottom #copyright .row {
        width: 95%;
    }

    /*中間主要內容區*/
    #content section {
        margin: 1.5rem;
    }
    
    /*首頁-網站主題*/
    section #theme .theme-box {
        margin: 0.75rem auto;
    }
    
    /*首頁-新聞與消息*/
    section #news, section #search {
        border: none;
        margin-bottom: 1rem;
    }
}


@media only screen and (max-width: 576px) {
    /*首頁-圖片輪播*/
    div.div-carousel-picture {
        padding: 1rem;
    }

    /*中間主要內容區*/
    #content section {
        margin: 1rem;
    }
    
    /*首頁-網站主題*/
    section #theme .theme-box {
        margin: 0.5rem auto;
    }
    
    /*版權*/
    #bottom #copyright ul li:nth-child(1) {
        margin-bottom: 0.75rem;
    }
    #bottom #copyright .row {
        margin: 0;
        width: 100%;
    }
    #bottom #copyright .copyright-row {
        margin: -0.125rem 0;
    }
    #bottom #copyright .copyright-row2 {
        display: block;
        margin: 0.25rem 0;
    }
        #bottom #copyright .copyright-row2.tel,
        #bottom #copyright .copyright-row2.tel2 {
            text-indent: 0;
        }
        #bottom #copyright .copyright-row2 span {
            white-space: normal;
        }
        #bottom .copyright-row-accessibility {
            top: 0.75rem;
            left: 15rem;
        }
}


@media only screen and (max-width: 385px) {
    /*版權*/
    #bottom .copyright-row-accessibility {
        left: 12.5rem;
    }
}