﻿body {
    font-size: 1.22em !important;
}

.bx-wrapper .bx-next:focus {
    border-width: 4px;
    border-style: dashed;
    border-color: red;
}

.bx-wrapper .bx-prev:focus {
    border-width: 4px;
    border-style: dashed;
    border-color: red;
}

.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: red;
}

.navbar-header a:focus > .navbar-header-img {
    border-width: 1px;
    border-style: dashed;
    border-color: red;
}

.liPic a:focus > .divImgLink {
    border-width: 1px !important;
    border-style: dashed !important;
    border-color: red !important;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 125%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: 0;
    z-index: 9999;
    color: darkblue;
    padding-top: 30px;
}

.bx-next {
    white-space: nowrap;
}

.bx-prev {
    white-space: nowrap;
}

.navbar-fixed-top, .navbar-fixed-bottom {
    z-index: 99999;
}

.btSearchLope {
    background-image: url('../images/loupe.png');
    border: none;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    padding: 4px;
    margin-left: 5px;
    width: 25px;
    position: relative;
    top: 8px;
    cursor: pointer;
}

.col-6 {
    display: inline-block;
    width: 47%;
}

.tblConsultList {
}

    .tblConsultList th {
        text-align: center;
        background-color: #58BDFA;
        border-width: 1px;
        border-style: solid;
        border-color: white;
    }

    .tblConsultList td {
        text-align: center;
        border-style: solid;
        border-width: 1px;
        border-color: white;
    }

    .tblConsultList tbody tr:nth-child(odd) {
        background-color: aliceblue;
    }

    .tblConsultList tbody tr:nth-child(even) {
    }

.tab2 button {
    min-width: 130px;
}

    .tab2 button:focus {
        background-color: #0070c0;
    }

#ulbxslider3 li {
    width: 226px;
    display: inline-block;
    margin: 8px;
    position: relative;
}

.ulbxslider4 li {
    width: 226px;
    display: inline-block;
    margin: 8px;
    position: relative;
}

.liPic {
    text-align: center;
}





@media (max-width: 555px) {
    .ulbxslider4 li {
        width: 100%;
    }

    #ulbxslider3 li {
        width: 100%;
    }
}

.index_1 {
    position: fixed;
    z-index: 999999;
    top: 5px;
    left: 10px;
}

.index_2 {
    color: white;
}

.index_3 {
    width: 30px;
}

.index_4 {
    position: absolute;
    top: -500px
}

.index_5 {
    margin-bottom: 40px;
}

.index_6 {
    text-align: center;
}

.index_7 {
    margin: auto;
    display: inline-flex;
}

.index_8 {
    margin-left: 30px;
}

.index_9 {
    display: inline-flex;
    width: 150px;
}

.index_10 {
    color: white;
    padding-left: 21px;
}

.index_11 {
    text-align: right;
}

.index_12 {
    font-size: 1.25em;
}

.index_13 {
    color: black;
}

.index_14 {
    border-color: #ffffff;
}

.index_15 {
    background-image: url('../imgs/link1.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 100px;
    background-position: center;
}

.index_16 {
    background-image: url('../imgs/消防署.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 100px;
    background-position: center;
}

.index_17 {
    background-image: url('../imgs/link3.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 100px;
    background-position: center;
}

.index_18 {
    background-image: url('../imgs/link4.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 100px;
    background-position: center;
}

.index_19 {
    background-image: url('../imgs/link5.gif');
    background-repeat: no-repeat;
    background-size: cover;
    height: 100px;
    background-position: center;
}

.index_20 {
    width: 90px;
}

.index_21 {
    color: #4a6400
}

.index_22 {
    color: #4a6400
}

.index_23 {
    color: #3d3d3d
}

.index_24 {
    display: none;
}

.index_25 {
    text-decoration: none;
    color: #0066cc;
    font-size: 0.920104175867712em;
}

.index_26 {
    border-style: solid;
    border-color: #cdcdcd;
    border-width: 1px;
    min-height: 77px;
}

.index_27 {
    height: 77px;
    margin: auto;
}

.index_28 {
    text-align: left;
    background-color: #f5f5f5;
    color: #0066cc;
    border-style: solid;
    border-color: #cdcdcd;
    border-width: 1px;
    border-top-style: none;
    min-height: 46px;
}

.dialogFont {
    font-size: 1.5em
}

.tab2 button:focus {
	outline: 2px solid #1d428a;
	outline-offset: 4px;
	background-color: #0c2c71; /* 當按鈕被選取並聚焦時變色 */
}
.tab2 button:not(.active):focus {
	background-color: #295fa9; /* 其他按鈕被聚焦時的變化 */
}
.tab2 button:focus:hover {
	background-color: #0a234f; /* 聚焦並滑鼠懸停時的效果 */
}
