/*20231208 nf refactor */
* {
    font-family: "微軟正黑體";
    font-size: 12pt;
    line-height: 1.55em;
}

#xlogo {
    width: 140px;
}
#main_title {
    color: #cd0202;
}

body {
    /*padding-top: 220px;*/
    background-color: #f7f7f7;
    /*background-color:#f7f9e9 ;*/
}

.fixPadding {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.ximg {
    width: 100%;
}

.bg-dark2 {
    background-color: rgba(0,0,0,0.15);
}

.starter-template {
    padding: 20px 15px;
    text-align: left;
    /*background-color: #e0d0ab;*/
    background-image: url('../Picture/index/bg_title_gray.png');
    background-repeat: repeat-x;
    color: white;
}

.navbar {
    background-color: #cd0202 !important;
}

a.nav-link {
    color: white;
    font-weight: 600;
}

.navbar a {
    color: white;
}
.navbar-brand, .navbar-nav > li > a {
     text-shadow: none; 
}
h3, h4 {
    color: #004a4a;
}

.br {
    word-break: break-all;
}

h1 {
    font-size: 22pt;
}

h3 {
    font-size: 18pt;
}

h4 {
    font-size: 15pt;
}

.no-js #loader {
    display: none;
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}

.se-pre-con {
    padding-top: 200px;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url( ) center no-repeat #fff;
    background-image: url('../../../../Content/image/Preloader_3.gif');
}

a {
    cursor: pointer;
}
/*nav*/
    .navbar {
    border-radius: 0px;
    border-color: lightgray;
}

div#essay_block {
   color:dimgray;

}


.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: rgba(68, 68, 68, 1);
    background-color: gold;
}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
    text-shadow: 0px -1px 0px rgba(0,0,0,0.15);
}

.navbar-inverse .navbar-nav > li > a {
    color: rgba(68, 68, 68, 1);
}

.must-fill {
    display: inline;
    vertical-align: super;
    color: red;
}
/*202312*/
.navbar-header {
    display: none;
}

div#navbar {
    DISPLAY: block !important;
}

.navbar-nav {
    DISPLAY: block !important;
    flex-direction: !important;
}


/*202312*/
.collapse:not(.show) {
    display: flex !important;
}

.navbar-nav li {
    display: inline-block;
    margin-right: 0.75rem !important;
}

    .navbar-nav li a {
        text-decoration: none;
    }

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .active > a {
    background-image: none !important;
}

.pageH1.navbar-fixed-top {
    margin-bottom: 1.2em;
}

.slideImg {
    /*max-width: 140px !important;*/
    
}
.thumbnail_pic {
  
}

.containerWide {
    display: block;
    width: 95%;
    padding-left: 6em;
    padding-right: 6em;
    margin-right: auto;
    margin-left: auto;
}

#left_block div {
    line-height:1.75em;

}
/*--*/
@media (max-width: 768px) {
    #essay_block {
        display: none;
    }

    #sneak-peek {
        display: none;
    }

    .containerWide {
        display: block;
        width: 97%;
        padding-left: 1em;
        padding-right: 1em;
        margin-right: auto;
        margin-left: auto;
    }

    #dl-part2, #referenceInfo {
        display: none;
    }

    h3, h4 {
        font-size: 13pt;
    }

    .pic_nav {
        display: none;
    }

    .slider-nav {
        height: 20px !important;
        margin-right: 1rem;
    }
    .slider-for {
      
        width: 100%;
        margin-top: 1em;
    }
    .extra_small {
        display: none;
    }
    .slider-for {
        img
        {
            max-width: 100% !important;
            max-height: 100% !important;

        }
    }

}