body {
    padding-top: 50px;
   
    font-family: 微軟正黑體;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 0;
    padding-right: 0;
}

/* Override the default bootstrap behavior where horizontal description lists
   will truncate terms that are too long to fit in the left column
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.navbar-inverse {
    background-color: #ffffff;
    border-color: #ffffff;
    font-family: 微軟正黑體;
}

    .navbar-inverse .navbar-nav > li > a {
        color: #626262;
        font-size: 1.1428em;
        font-family: 微軟正黑體;
    }

        .navbar-inverse .navbar-nav > li > a:hover, a:focus {
            color: #007331;
        }

.topbanner {
    background-image: url('../imgs/home_banner.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 400px;
    
}
.topbannerParnet {
    background-image: url('../imgs/banner_bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 400px;
}

.navbar-header-img {
    background-image: url('../imgs/title_m.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 42px;
    margin-left: -15px;
}
.pageTel {
 
 
    height: 360px;
    margin-top: 20px;
    
}
.pageTelParnet {
    background-image: url('../imgs/home_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    
    background-position: center;
}
.pageLink {
  background-color:#f8f8f8;
    height: 300px;
    margin-top: 20px;
    background-position: center;
}
.pageLinkParent {
    background-color: #f8f8f8;
    
}

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.contantTitle {
    color: #000;
    font-size: 2.1428em;
    font-family: '微軟正黑體';
    border-bottom: #007331 2px solid;
    line-height: 50px;
    padding-bottom: 5px;
    width: 140px;
    text-align: center;
    margin: auto;
    margin-top: 20px;
}
.contentTel {
    border-bottom: #bd5800 2px solid;
    width: 200px;
    
    margin-bottom:40px;
}
.contentBodyTitle {
    border-bottom: #c967a4 2px solid;
    width: 180px;
     
    margin-bottom: 40px;
}
.contentBodyTitle3 {
    border-bottom: #c967a4 2px solid;
    width: auto;
    display: inline-block !important;
    display: inline;
    margin-bottom: 40px;
}

.contentBodyTitle2 {
    border-bottom: #c967a4 2px solid;
    width: 180px;
    margin-bottom: 40px;
    
}
.contentPicText {
    border-bottom: #c967a4 2px solid;
    width: 170px;
    margin-bottom: 40px;
}
.contentLink {
    border-bottom: #2d93bd 2px solid;
    width: 150px;
    margin-bottom: 40px;
}
.ulNews {
    list-style-type: none;
    margin: auto;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 35px;
}

    .ulNews li {
        border-width: 1px;
        border-style: solid;
        border-color: #e0e0e0;
        border-bottom-color: #e0e0e0;
        border-top-width: 0;
        border-left-width: 0;
        border-right-width: 0;
        font-size: 1.3571em;
        color: #5a5a5a;
        margin-top: 10px;
    }

        .ulNews li .newdate {
            background-color: #007331;
            color: #ffffff;
            padding: 10px;
          
            width:130px;
        }

        .ulNews li .newscontent {
            padding-left: 5px;
        }

 
            .ulNews li .newscontent a {
                color: #007331
            }

.contentmore {
    width: 100%;
    margin: auto;
    padding-right: 30px;
    padding-bottom: 60px;
}
.contentmore a {
   float:right;
}


.btn-more {
    font-size: 1.2142em;
    color: #fff;
    background-color: #007331;
    border-radius: 25px;
    border: 1px solid #007331;
    padding: 6px 25px;
    font-family: "微軟正黑體";
    float: right;
}

    .btn-more.focus, .btn-more:focus {
        color: #333;
        background-color: #fff;
        border-color: #007331;
    }

    .btn-more:hover {
        color: #333;
        background-color: #fff;
        border: 1px solid #007331;
        cursor: pointer;
    }

.panel-default {
    border-color: #2d93bd;
    font-size: 1.3571em;
}
    .panel-default > .panel-heading {
        color: #ffffff;
        background-color: #2d93bd;
        border-color: #2d93bd;
    }
.panel-primary {
    border-color: #bd5800;
    font-size: 1.3571em;
}
    .panel-primary > .panel-heading {
        color: #ffffff;
        background-color: #bd5800;
        border-color: #bd5800;
    }
.panel-success {
    border-color: #c967a4;
    font-size: 1.3571em;
}
    .panel-success > .panel-heading {
        color: #ffffff;
        background-color: #c967a4;
        border-color: #c967a4;
    }
.panel-body {
   color:#444444;
}
.rowTel {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    width: 90%;
    margin-left: 20px;
    border-bottom-color: #e0e0e0;
    padding-top: 5px;
    padding-bottom: 5px;
}

 
.rowTellist:nth-of-type(even) {
    color: #02448e
}
.telbody {
    display: none;
}
.row {
    margin: auto;
    max-width:1273px;
}
.colTel {
padding-left:45px;
padding-right:45px;

}

.panel-heading a {
color:white;
text-decoration:none;
}
.linkBox {
    width: 100%;
    text-align: center;
    background-color: #2d93bd;
    color: white;
    line-height: 30px;
    opacity: 0.9;
    position: absolute;
    bottom: 0;
    left: 0;
}
.linkBox a {
   color:white;
}
.contentfooter {
    background-color: #e5e5e5;
    color: #3d3d3d;
    padding-top: 40px;
    padding-bottom: 40px;
}

#sidebar_left {
     
    width: 120px;
    
    text-align: center;
    
    float: left;
}

#sidebar_right {
    
    width: 60px;
   
    text-align: center;
    
    float: right;
}




#content {
    margin-left: 120px;
    margin-right: 60px;
    text-align: left;
    line-height: 30px;
    margin-top: -20px;
}
.scrollToTop {
    bottom: 60px;
    color: #fff;
    display: none;
    font-size: 1.6428em;
    height: 50px;
    line-height: 45px;
    position: fixed;
    right: 20px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 50px;
    z-index: 999;
}

    .scrollToTop:hover,
    .scrollToTop:focus {
        background-color: red;
        text-decoration: none;
        outline: none;
    }
.scrollToTop {
    font-size: 1.4285em;
    height: 40px;
    line-height: 35px;
    width: 40px;
}
.newscontentword {
    
    white-space: nowrap;
    line-height: 50px;
}

.navbar-toggle {
    margin-right: 0;
    border: 0 solid transparent;
    margin-top: 0;
    padding: 4px 5px;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    outline: 2px solid #1d428a;
    outline-offset: 4px;
    background-color: #0c2c71; /* 當按鈕被選取並聚焦時變色 */
}
.navbar-inverse .navbar-toggle {
    border-color: white;
}
.nav > li {
   
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #e0e0e0;
}
.navMoblie {

display:block;
}
.navDestop {
    display: none;
}

.pagerun {
    color: #707070;
    font-size: 1.0714em;
    line-height: 33px;
    font-family: 微軟正黑體;
    background-color: #eeeeee;
    padding-left: 10px;
}
.pagerunParent {
    background-color: #eeeeee;
}


.top2Menu {
    list-style-type: none;
    text-align: center;
    margin: 30px;
    padding: 0;
}


    .top2Menu li {
        margin: 10px;
        color: #5a5a5a;
        font-size: 1.3571em;
        border-width: 1px;
        border-style: solid;
        border-color: #e0e4e9;
        padding: 11px;
    }
        .top2Menu li a {
            color: #5a5a5a;
        }
            .top2Menu li a:hover {
                color: #007331;
            }

/*
 * 對話框，邊框式（下三角）
 */
.dialog-border-bottom {
    border: 1px solid #007331;
    height: 55px;
    position: relative;
    
    
    background-color: #007331
}

    
.dialog-border-bottom-blue {
    border: 1px solid #2d93bd;
    height: 55px;
    position: relative;
    
    background-color: #2d93bd
}

   

.dialog-border-bottom-org {
    border: 1px solid #bd5800;
    height: 55px;
    position: relative;
    
    background-color: #bd5800
}

    


.inputinline {

display:inline;
}
label {
    font-size: 1.2857em;
}
.rowBottomPadding {
padding-bottom:10px;
}
.newsbar {
    background-color: #f6f7f8;
    border-width: 1px;
    border-style: solid;
    border-color: #e0e4e9;
    text-align: right;
   
}
.newsTypeActive {

background-color:#e0e4e9;
}
.newsDatec {
    color: #bd5800;
    font-size: 1.0714em;
}
.newsTypec {
    color: #007331;
    font-size: 1.0714em;
}
.newsTitlec a {
    color: #000000;
    font-weight: bold;
    font-size: 1.2142em;
}
    .newsTitlec a:hover {
        color: #007331;
        font-weight: bold;
        font-size: 1.2142em;
    }
.newsContentc {
    color: #444444;
    font-size: 1.0714em;
}
.newsTypec2 {
    color: #fff;
    background-color: #007331;
    border-radius: 25px;
    border: 1px solid #007331;
    font-family: "微軟正黑體";
    width: 85px;
    text-align: center;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
}
.spanNewsCount {
    color: #c967a4;
    font-size: 1.0714em;
}
.newspictext {
    margin-top: 20px;
    margin-bottom: 20px;
}
.newstext {
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 30px;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    
    color: black;
}

.linkTitle {
    color: black;
    font-size: 1.3571em;
    background-color: #f6f7f8;
    border-width: 1px;
    border-style: solid;
    border-color: #e0e4e9;
    text-align: left;
    padding: 8px;
}
.linkrow {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #e0e4e9;
    margin-left: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
    .linkrow a {
        color: #444444;
        font-size: 1.2142em;
    }
.linkTypess {
    white-space:normal;
}

.telrow {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #e0e4e9;
     
    margin-top: 5px;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.tableTel tr th {
    text-align: center;
    font-size: 1.0714em;
    color: black;
}
.tableTel tr td {
    text-align: center;
    font-size: 1.2142em;
    color: #444444;
}
.grecpadding {
    text-align: center;
    padding-left: 18%;
}
.grecpadding2 {
    text-align: center;
    padding-left: 5%;
}
.choicediv {
    border-width: 1px;
    border-style: solid;
    border-color: #e0e4e9;
    border-radius: 10px;
    text-align: center;
    padding: 40px;
    margin-left: 25%;
    margin-right: 25%;
}
.choiceDivTxt {
    font-size: 1.6428em;
    padding-top: 50px;
    color: black;
}

.tblLogin {
    text-align: center;
    width: 100%;
}
.tblLogin tr {
}
    .tblLogin td {
        padding: 5px;
    }
.tblValCode {
    
    text-align: center;
    margin: auto;
}
.navbar-collapse.in {
    overflow-y: unset;
}
.navbar-inverse .navbar-nav > li > a {
    font-size: 1.2857em;
}
.btn {
    font-size: 1.1428em;
}

.navbar {
    width: 100%;
}
.g-recaptcha div {
margin:auto;
}
.newsNext {
    background-color: #2d93bd;
    border-radius: 5px;
    color: white;
    padding: 6px;
    margin-right: 5px;
}
.newsNext a {
   
    color: white;
   
}
.webTreeClass {
    font-size: 1.1428em;
    max-width: 1000px;
    margin: auto;
    margin-left: 5%;
    margin-right: 5%;
    line-height: 30px;
}
.cRight {
    padding: 0;
    text-align: left;
    padding-bottom: 5px;
}
.cLeft {
    padding: 0;
    text-align: left;
    padding-bottom: 10px;
}
@media (min-width: 1024px) {

    .cRight {
        padding: 0;
        text-align: right;
    }

    .cLeft {
        padding: 0;
        text-align: left;
    }
    .webTreeClass {
        margin: auto;
    }

    .divFootContent {
        max-width: 1273px;
        margin: auto;
    }


    .dialog-border-bottom:before {
            border-color: #007331 transparent transparent;
            border-style: solid solid solid;
            border-width: 10px 10px 10px 10px;
            bottom: -20px;
            /* 必須指定，才能顯示內容 */ content: "";
            height: 0px;
            left: 30px;
            /* 必須指定，否則會變梯形 */ position: absolute;
            width: 0px;
        }

        .dialog-border-bottom:after {
            border-color: #007331 transparent transparent;
            border-style: solid solid solid solid;
            border-width: 20px;
            bottom: -33px;
            /* 必須指定，才能顯示內容 */ content: "";
            height: 0px;
            left: 20px;
            /* 必須指定，否則會變梯形 */ position: absolute;
            width: 0px;
        }

        .dialog-border-bottom-blue:before {
            border-color: #2d93bd transparent transparent;
            border-style: solid solid solid;
            border-width: 10px 10px 10px 10px;
            bottom: -20px;
            /* 必須指定，才能顯示內容 */ content: "";
            height: 0px;
            left: 30px;
            /* 必須指定，否則會變梯形 */ position: absolute;
            width: 0px;
        }

        .dialog-border-bottom-blue:after {
            border-color: #2d93bd transparent transparent;
            border-style: solid solid solid solid;
            border-width: 20px;
            bottom: -33px;
            /* 必須指定，才能顯示內容 */ content: "";
            height: 0px;
            left: 20px;
            /* 必須指定，否則會變梯形 */ position: absolute;
            width: 0px;
        }

        .dialog-border-bottom-org:before {
            border-color: #bd5800 transparent transparent;
            border-style: solid solid solid;
            border-width: 10px 10px 10px 10px;
            bottom: -20px;
            /* 必須指定，才能顯示內容 */ content: "";
            height: 0px;
            left: 30px;
            /* 必須指定，否則會變梯形 */ position: absolute;
            width: 0px;
        }

        .dialog-border-bottom-org:after {
            border-color: #bd5800 transparent transparent;
            border-style: solid solid solid solid;
            border-width: 20px;
            bottom: -33px;
            /* 必須指定，才能顯示內容 */ content: "";
            height: 0px;
            left: 20px;
            /* 必須指定，否則會變梯形 */ position: absolute;
            width: 0px;
        }

        .panelMinHeight {
            min-height: 410px;
        }

        .rowins {
            text-align:center;
        }

        .grecpadding {
            padding-left: 40%;
        }

        .grecpadding2 {
            padding-left: 0;
        }

        .linkTypess {
            white-space: nowrap;
        }

        .dialog-border-bottom-blue {
            height: 65px;
            width: 80px;
        }


        .top2Menu li {
            display: inline;
        }

        .navMoblie {
            display: none;
        }

        .navDestop {
            display: block;
        }

        .nav > li {
            border-bottom-width: 0;
            border-bottom-style: none;
            border-bottom-color: white;
        }

        .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
            margin-right: 0;
            margin-left: 0;
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .navbar-nav {
            float: right;
            margin: 0;
        }

        .navbar-header-img {
            background-image: url('../imgs/title_l.gif');
            height: 59px;
            width: 565px;
            margin-left: 0;
        }

    .body-content {
        width: 100%;
        /*
            max-width: 1273px;*/
    }

        .contantTitle {
            margin: auto;
            margin-top: 20px;
        }

        .contentTel {
            margin-bottom: 40px;
        }

        .contentBodyTitle {
            margin-bottom: 40px;
        }

        .contentBodyTitle2 {
            margin-bottom: 40px;
        }

    .contentBodyTitle3 {
        margin-bottom: 40px;
       
    }

        .contentPicText {
            margin-bottom: 30px;
        }

        .contentLink {
            margin-bottom: 30px;
        }

        .ulNews {
            list-style-type: none;
            margin: auto;
            margin-right: 35px;
        }

        .contentmore {
            padding-right: 30px;
            margin-top: 20px;
        }

        .telbody {
            display: block;
        }

        .pageTel {
            height: 580px;
        }

        .colTel {
            padding-left: 15px;
            padding-right: 15px;
        }

        .ulNews li {
            border-top-width: 1px;
            border-left-width: 1px;
            border-right-width: 1px;
        }

            .ulNews li .newdate {
                padding: 12px;
                margin: auto;
            }

        .col-lg-4 {
            width: 33.33333333%;
        }

        .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
            float: left;
        }
    }

    @media (min-width: 1273px) {
        .container {
            /*
            width: 1273px;
               */
        }
    }
body {
    font-size: 1.22em !important;
}

#aMainTarget:focus {
    color: gray;
}

#aMainTarget:hover {
    color: gray;
}

#aMainTarget {
    color: white;
}


a:focus {
    color: red !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;
        }



.btn-success {
    color: #fff;
    background-color: #438443;
    border-color: #4cae4c;
}
.btn-warning {
    color: #fff;
    background-color: #bd5800;
    border-color: #eea236;
}




@media (max-width: 1500px) {
    #sidebar_right {
        display: inline-flex;
        position: absolute;
        margin-top: 100px;
    }

    .contentfooter {
        padding-bottom: 120px;
    }
}



@media (max-width: 596px) {
    #sidebar_right {
        display: inline-flex;
        position: absolute;
        margin-top: 165px;
    }

    .contentfooter {
        padding-bottom: 120px;
    }
}

@media (max-width: 378px) {
    #sidebar_right {
        display: inline-flex;
        position: absolute;
        margin-top: 187px;
    }

    .contentfooter {
        padding-bottom: 120px;
    }
}