/* Add here all your css styles (customizations) */

.da-slide {
    margin-top: -50px;
}


.header .logo img {
    margin: 15px 0;
}

.header-fixed .header.header-fixed-shrink .logo img {
    max-height: 100px;
    margin: 45px 0 -4px;
}

.footer {
}

.da-slide .da-img {
    margin-left: 0%;
    margin-top: 30px;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background-color: transparent;
    border-color: #ddd;
}

slide p i {
    padding: 0px;
}

body {
    font-family: Microsoft JhengHei,微軟正黑體;
    font-size: 1.5em;
}

* {
    font-family: Microsoft JhengHei,微軟正黑體;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Microsoft JhengHei,微軟正黑體;
    font-weight: bold;
}


.line-icon-page .item-box {
    width: 33.33333333333333%;
    padding: 15px 10px;
}

    .line-icon-page .item-box a {
        text-decoration: none;
    }

.breadcrumbs.breadcrumbs-dark {
    background: #222;
    padding: 10px 0 10px;
    border-bottom: solid 3px #777;
}

.info-blocks-in a {
    text-decoration: none;
}

.da-slide h2 i {
    background-color: transparent;
    font-weight: bold;
}

.sidebar-nav-v1 li ul a {
    font-size: 0.938em;
}

.da-slide h2 {
    text-shadow: #000000 0px 0px 10px;
}

.da-slide p i {
    text-shadow: #fef365 0px 0px 10px;
    color: #000;
    background-image: none;
}

.MyPager td {
    padding-left: 10px;
}


.da-slide h2 {
    font-size: 2.091em;
}

@media (min-width: 992px) {
    .header .dropdown-menu li a {
        font-size: 0.938em;
    }

    .paddingTop {
        padding-top: 88px;
    }

    .header .dropdown-menu li a {
        font-size: 0.938em;
        white-space: normal;
    }

    .header .dropdown-menu {
        border-top: solid 5px #fb6c6f;
        border-bottom: solid 3px #687074;
    }
}

@media (max-width: 768px) {
    img#ctl00_Img_logo {
        height: 60px;
    }
}



/*訊息對話框RWD*/
.blockMsg {
    width: 60% !important;
    left: 20% !important;
    font-size: 1em !important;
}

@media screen and (min-width: 601px) and (max-width: 1024px) {
    .blockMsg {
        width: 70% !important;
        left: 15% !important;
        font-size: 1em !important;
    }
}

@media screen and (max-width: 600px) {
    .blockMsg {
        width: 90% !important;
        left: 5% !important;
        font-size: 0.92em !important;
    }

        .blockMsg font {
            font-size: 1em;
        }
}

/*自訂CSS*/
@media (max-width: 768px) {
    img#ctl00_Img_logo {
        height: auto;
        width: 250px;
    }
}

.header .navbar-toggle:hover {
    background: #cc2f32;
}

a:hover {
    color: #951013;
    text-decoration: underline
}

span.label {
    font-size: 0.75em;
    font-weight: 400;
    padding: 6px 10px;
    border-radius: 5px;
    margin-right: 10px;
    display: inline-block;
}

a {
    color: #951013;
    text-decoration: none;
}

.header-fixed .header.header-sticky {
    BACKGROUND: #951013;
    background-size: contain;
    background-repeat: NO-REPEAT;
}

.header-fixed .header.header-sticky {
    BACKGROUND: #951013;
    border-bottom: 5px solid #f0b2b4;
    background-image: url(/img/head_back.jpg);
    background-size: contain;
    background-repeat: NO-REPEAT;
}

body {
}

.wrapper {
    background: none;
}

.header .nav > li > .search {
    display: NONE;
}

.header .logo img {
    margin: 15px 0;
    WIDTH: 350PX;
}

.header .navbar-nav > li > a {
    color: #ffffff;
}

@media (min-width: 992px) {
    .header .navbar-nav > li > a {
        bottom: -2px;
        position: relative;
        padding: 9px 10px 9px 10px;
        font-size: 0.875em;
    }

    .header .navbar-nav > li:hover > a {
        color: #ffd0d1;
        border-bottom: solid 4px #d4363a;
    }

    .header-fixed .header.header-fixed-shrink .logo img {
        max-width: 200px;
    }

    .header .navbar-nav > li > a:hover, .header .navbar-nav > .active > a {
        bottom: -5px;
        position: relative;
        padding: 9px 10px 9px 10px;
        font-size: 0.875em;
    }

    .header .navbar-nav > li > a, .header .navbar-nav > li > a:focus {
        border-bottom: solid 5px transparent;
    }

    .header .navbar-nav > li > a {
        bottom: -5px;
    }

    .paddingTop {
        padding-top: 136px;
    }
}

.bread {
    text-align: -webkit-right;
    color: #c3c3c3;
    font-size: 0.813em;
}

.cover-img {
    width: 80%;
    height: auto;
    display: block;
    border: 1px solid #d2d2d2;
    margin-top: 5%;
    margin-bottom: 5%;
}

.title {
    font-size: 1.5056em;
    color: #940f12;
}

.list-1 {
    margin-bottom: 50px;
}

    .list-1 ul {
        list-style: none;
        background: #FFF;
        padding: 20px 20px 10px 20px;
    }

        .list-1 ul li {
            border-bottom: 1px dashed #cacaca;
            padding-bottom: 20px;
            margin-bottom: 10px;
        }

.list-title {
    background: #940f12;
    color: #fff;
    padding: 10px 20px;
    font-size: 1em;
    margin-bottom: 15px;
    display: inline-block;
}

.back {
    position: absolute;
    left: 7%;
    top: 50%;
    margin-top: -60px;
    z-index: 99;
}

.next {
    position: absolute;
    right: 7%;
    top: 50%;
    margin-top: -60px;
    z-index: 99;
}

@media (max-width: 991px) {
    .back {
        position: absolute;
        left: 0%;
        top: 15%;
        margin-top: -60px;
        z-index: 99;
    }

    .next {
        position: absolute;
        right: 0%;
        top: 15%;
        margin-top: -60px;
        z-index: 99;
    }

    .cover-img {
        margin: 5% auto;
    }

    .header .navbar-collapse.collapse.in {
        border-top: 1px solid #FFF;
    }
}

.header .navbar-toggle {
    background: #e46f72;
    padding: 6px 10px 2px;
    margin-top: 34px;
    border: none;
}

div.block {
    padding-bottom: 60px;
}



.breadcrumb li.active, .breadcrumb li a:hover {
    color: #ff8688;
}

.sidebar-nav-v1 ul li:hover a, .sidebar-nav-v1 ul li.active a {
    color: #ff8688;
}

.btn {
    border-radius: 6px;
}

.header .topbar ul.loginbar li i.fa {
    color: #fff;
}

.header .topbar ul.loginbar > li > a, .header .topbar ul.loginbar > li > a:hover {
    color: #fff;
}

.header .topbar ul.loginbar > li {
    color: #fff;
}


.header .dropdown > a:after {
    top: 9px;
    right: 0px;
    content: "\f107";
}

li.dropdown {
    padding-right: 5px;
}

@media (min-width: 992px) {
    .header .navbar-nav > .open > a, .header .navbar-nav > .open > a:hover, .header .navbar-nav > .open > a:focus {
        color: #ffabad;
    }
}

.reg-page {
    color: #555;
    padding: 30px;
    background: #fefefe;
    border: solid 1px #eee;
    box-shadow: 0 0 3px #eee;
}

@media (max-width: 991px) {
    .header .navbar-nav .open .dropdown-menu > li > a {
        color: #ffc6a5;
    }

    .header .navbar-nav > li > a:hover {
        color: #fff;
    }

    .header .dropdown .dropdown-submenu > a {
        font-size: 0.813em;
        color: #fff !important;
        text-transform: uppercase;
    }

    .header .topbar {
        width: 200px;
    }

    .g-brd-gray-light-v4 {
        display: none
    }

    .navbar-brand {
        margin: 0 !important;
        padding: 15px !important;
    }
}

table.GV, table.GV1 {
    width: 100%;
    margin-top: 15px;
}


    table.GV td, table.GV1 td {
        padding: 5px;
        border-color: #e2e2e2;
        font-size: 0.92em;
    }

    table.GV th, table.GV1 th {
        padding: 5px;
        border-color: #e2e2e2;
        font-size: 0.92em;
    }

table.tb_data {
    width: 100%;
}

    table.tb_data td {
        padding: 7px;
        font-size: 0.92em;
    }

label {
    padding-right: 15px;
    padding-left: 6px;
}

.FuncGroup2 a:hover {
    background-color: #ffe0e0;
    font-weight: bolder;
}

.user-menu li {
    margin-right: 2px;
}

    .user-menu li a {
        text-decoration: none;
        color: black;
    }

.btn-u.btn-u-green:hover, .btn-u.btn-u-green:focus, .btn-u.btn-u-green:active, .btn-u.btn-u-green.active, .open .dropdown-toggle.btn-u.btn-u-green {
    background: #387b54;
}

.dv_edm {
    padding: 15px;
    padding-bottom: 30px;
    width: 100%;
    text-align: left;
    font-size: 0.83645em;
}

td.newstitle {
    font-size: 1.3383em;
    font-weight: bold;
    padding-bottom: 25px;
}

.news_time {
    font-size: 0.83645em;
    text-align: center;
    margin-top: 10px;
    color: #0064a8;
    font-weight: normal;
    width: 190px;
    background: #dff2ff;
    padding: 2px;
    border-radius: 10px;
}

.ajax__tab_xp .ajax__tab_tab {
    height: 20px !important;
    padding: 5px !important;
    margin: 0px !important;
}

/*2019-10-03*/
/* 2019/10/3 */
.nav-link {
    padding: 10px 20px !important;
}

.nav-item > .g-px-0 {
    padding: 10px 20px !important;
}

.navbar-nav > .g-mr-10--lg, .navbar-nav > .g-mr-20--xl, .navbar-nav > .g-mx-20--xl, .navbar-nav > .g-mx-10--lg {
    margin: 0 !important
}

#nav-submenu--home > .nav-item > a {
    color: inherit;
}

    #nav-submenu--home > .nav-item > a:hover {
        color: #a20308;
    }

#nav-submenu--home > .g-mr-10--lg, #nav-submenu--home > .g-mr-20--xl {
    margin: 0 !important
}

.breadcrumb > li + li:before {
    padding: 0 1px 0 5px;
    color: #ccc;
    content: "/\00a0";
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.breadcrumbs h1 {
    font-size: 1.875em;
    color: #555;
}

.breadcrumbs {
    padding: 10px 0 25px;
    border-bottom: solid 1px #dcdcdc;
}

p {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

.breadcrumb > li {
    display: inline-block;
}

.breadcrumb {
    display: block;
}

.js-mega-menu {
    background: #0064a8 !important;
}

.u-block-hover:hover .g-color-primary--hover, .g-color-primary--hover:hover {
    color: #fff !important;
    background: #134062 !important;
}

.g-bg-primary {
    background-color: #0364a9 !important;
}

.g-bg-main--hover:hover {
    background-color: #00375e !important;
}

.g-brd-primary {
    border-color: #ffb232 !important;
}

.footer {
    background: #003d66 !important;
}

.g-bg-secondary-dark-v1:hover {
    background-color: #daefff !important;
}

strong {
    color: inherit;
}

/*無障礙新增CSS*/


/*無障礙新增CSS*/

.navbar-toggle {
    margin-top: 27px;
}

@media (min-width: 992px) {
    .header .navbar-nav > li > a {
        bottom: 0 !important;
    }

    .header .navbar-nav > li:hover > a {
        color: #ffffff !important;
        background: #398ea9 !important;
        bottom: 0 !important;
    }
}

.nav01 a {
    padding: 6px;
    display: inline-block;
    font-size: 0.9em;
}

    .nav01 a:hover {
        background: #969696;
        color: #FFF;
    }

#newContent .md-margin-bottom {
    margin: 0 15px !important;
    padding: 10px 0;
}

    #newContent .md-margin-bottom:hover {
        background: #e6e6e6;
    }

.pagecontent a:hover {
    color: #ffffff !important;
    background: #008c7f !important;
    text-decoration: none !important;
    display: inline-block;
}

a:focus, input:focus, select:focus, button:focus, a:active {
    outline: #f3ac0f 3px dashed !important;
    z-index: 99999 !important;
}

#newContent a {
    display: block;
}

.logo a {
    display: block;
    width: 230px;
}

/*下拉調整*/
.header .dropdown > a:after {
    right: 1px;
    font-size: 0.6250em;
}

.dropdown > a {
    margin-right: 10px;
}

.dropdown-menu {
    font-size: 1em;
}

.header .dropdown-menu li a {
    font-size: 1em;
}

/*下拉調整*/
.navbar2,
.navbar2 .hs-sub-menu {
}

    .navbar2 > .nav-item {
        float: left;
    }

        .navbar2 > .nav-item:last-child {
            /*margin-right: 0;*/
        }

        .navbar2 > .nav-item.active > .hs-sub-menu {
            display: block;
        }

        .navbar2 > .nav-item.active > .hs-has-sub-menu {
            display: block;
        }

        .navbar2 > .nav-item > a {
            display: block;
        }

    .navbar2 .hs-sub-menu > a {
        display: block;
    }

@media (min-width: 992px) {
    .header .dropdown-menu {
        min-width: 150px;
    }
}

.list-group-item div {
    font-size: 1.1em;
    margin: 0;
    font-weight: bold;
}

.active .hs-sub-menu {
    display: block !important;
    visibility: visible;
}

.hs-has-sub-menu {
    overflow: visible;
}

.nav01 a {
    color: #0164a9 !important;
    font-weight: bold !important;
}

.list-unstyled > a {
    display: block;
}