body {
    font-family: 'ABeeZee', 微軟正黑體,"Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #f3f5f8;
}
/*a{ color:#727cf5;}*/
h1, .h1 {
    font-size: 2.3rem;
    font-weight: bold;
}
/*.navbar-dark .navbar-nav .nav-link {    color: #8391a2!important; }*/
.navbar-dark .navbar-nav .active .nav-link {
    color: #fff !important;
}

main.container {
    padding: 2em 2em;
    background: #fff;
    margin-top: 5em;
}

.webgl .card-header {
    background: #343a40;
}

    .card-header h1.pl-2 {
        padding: 0;
        margin: 0 auto;
    }
/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.card-body h3.card-title {
    font-size: 3em;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: bold;
}

#toc .navbar-nav {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #007bff;
    padding: 4px 0;
}

    #toc .navbar-nav li { /*background-color: #6c757d;    border-color: #6c757d;       border-bottom: 1px solid #acb1b5;*/
        padding: 6px 0;
    }

        #toc .navbar-nav li:hover {
            background: #0062cc;
        }

        #toc .navbar-nav li a {
            color: #fff;
            font-size: 1em;
        }

.card .card-text { /* background-color: #e9ecef;*/
    padding: 10px;
}

.card {
    margin: 10px 0;
}
/*h5, h6{ margin-bottom:1em;     margin-top: 2em;}
h5{font-size: 1.5em;}
h6{font-size: 1.3em;}
.dropdown-item, .dropdown-item {    padding: 0.4rem 0.8rem; }
.navbar-collapse .navbar-nav li{ padding: 0 0.5em;}
.jstree-default .jstree-node {
    min-height: 35px!important;
    line-height: 35px!important;
    margin-left: 35px!important;
    min-width: 35px!important;
}
#KeyWord{ width:100%!important;}
.btn-primary {
    color: #fff;    background-color: #727cf5;    border-color: #727cf5; }
.text-primary {    color:#ffbc00!important; }
#SearchForm{ margin-bottom:5em;}
.btn-outline-primary {    color: #727cf5;    border-color: #727cf5; }
.table th, .table td {    padding: 0.5rem ; }
.text-secondary {    color: #ffffff !important;}
input, button, select, optgroup, textarea {    padding: 2px 8px; }
#SearchForm .table{ width:100%!important;}
#SearchForm .table th { padding:0 0.5em;}
.table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody {    border-color: transparent; }

.table th{ text-align:center; color:#fff; background:#576a80;}
.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {    background-color: #657382; }
.form-horizontal h5, .table-primary h5{background-color: #f1f3fa; padding: 0.5em 0.5em;     margin-top: 3.5em;    margin-bottom: 1.5em; font-size: 1.5em;}
.form-horizontal h6, .table-primary h6{    margin: 1em 0; font-size:1.3em;}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f1f3fa;
}
input[type="radio"], input[type="checkbox"] {
    margin: 10px 4px;
}
.page-header { border-bottom:none!important; }

footer.container{ padding:1em 0; background: transparent;     margin-top: 2em;}
.body-content {
    padding-left: 15px;    padding-right: 15px; }
.badge-info {
    color: #fff;    background-color:#0bbf8c; }
.badge-pill {-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;     padding: 0.5em 1em; }
label {    margin-bottom: 0; }
.row .form-check-inline { margin-left:1em;      margin-bottom: 1em;}
.row .form-check-inline input[type="radio"], .row .form-check-inline input[type="checkbox"]{ margin:0; margin-right: 0.3125rem;}
.btn-success {    background-color: #0acf97;    border-color: #0acf97; }
.btn-success:hover {    background-color: #08ab7c;    border-color: #08ab7c; }
.btn-danger {       background-color: #fa5c7c;    border-color: #fa5c7c; }
.btn-danger:hover {       background-color: #f9375e;    border-color: #f9375e; }
.btn-primary:hover, .btn-outline-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary.focus {    background-color: #4e5bf2;    border-color: #4e5bf2; }
a:hover{ color: #4e5bf2;}

.table, .form-horizontal{ box-shadow: 0 0 35px 0 rgba(154,161,171,.15); background:#fff; color:#484f54;    border-radius: .25rem;}
.form-horizontal{ padding: 2em 1em;}

*/
.table th {
    text-align: center;
}

.table th,
.table td {
    vertical-align: middle;
}

.table-bordered {
    background: #FFF;
}

/* Set padding to keep content from hitting the edges */

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/

h6.py-1 {
    margin-bottom: 0.5em;
    margin-top: 2em;
}

.btn {
    margin: 2px 1px;
}

.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
    color: #212529;
}

.form-check-inline {
    margin-bottom: 0.5em;
}

.table th, .form-horizontal h5, .form-horizontal h6, .table-primary h5, .table-primary h6, h5, h6 { /* color:#45515d ;*/
    font-weight: bold;
}

.form-horizontal h5 {
    margin-top: 2.2em;
    margin-bottom: 1em;
    background: #b8daff;
    padding: 0.8em 20px;
    color: #212529;
    margin-left: -20px;
    margin-right: -20px;
}

h5, .h5 {
    font-size: 1.3rem;
}

h6, .h6 {
    font-size: 1.2rem;
}

.form-check-label {
    margin-bottom: 0;
    padding: 0 6px;
}

.dl-horizontal dt, .dl-horizontal dd {
    line-height: 3em;
    border-bottom: 1px dotted #afb2b5;
    border-left: 2px solid #dee2e6;
}

.dl-horizontal {
    border: 2px solid #dee2e6;
    border-left: none;
    margin-bottom: 3em;
}

    .dl-horizontal dt, .bg-light { /*background:#f1f3fa;*/
        background: #e8f2ff !important;
    }

    .dl-horizontal dd {
        margin-bottom: 0;
    }

    .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;
}*/

.validation-summary-errors ul {
    list-style-type: none;
}

.field-validation-error {
    color: #dc3545;
}

.page-header {
    margin: 0px auto 20px auto;
    border-bottom: 1px solid #eeeeee;
}

footer {
    padding-top: 10px;
    text-align: center;
}

    footer a {
        color: #333333;
    }

.btn-manage {
    padding: 0.25rem 0.2rem;
}


@media (min-width: 1200px) {
    /*    .container, .container-sm, .container-md, .container-lg, .container-xl {        max-width: 90%;    }*/
}

@media (max-width: 1200px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
    .navbar-collapse .navbar-nav li {
        padding: 0.5em;
    }

    .container, .container-sm, .container-md {
        max-width: 100%;
    }

    .dropdown-menu {
        position: unset;
        margin-left: 0px !important;
        float: unset;
        background: transparent;
        border: none;
    }

        .dropdown-menu a {
            color: #FFF;
            padding: 0.7em 3em !important;
        }

    .d-flex {
        width: 100%;
        display: block !important;
    }

    #PersonLabel {
        margin-top: 2em;
    }

    .container .col-4, .container .col-8 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .container .col-8 {
        margin-top: 3em;
    }

    .form-group {
        margin-bottom: 1rem;
        margin-top: 1rem;
    }

    .mb-2, .my-2 {
        margin-bottom: 0.5rem !important;
        width: 96%;
        margin: 0 auto 2em auto !important;
    }
}

@media (max-width: 576px) {
    .container, .container-sm {
        max-width: 98%;
    }

    main.container {
        background: transparent;
        padding: 1em 1em;
    }

    .card {
        margin: 10px 0;
    }

    main.container {
        margin-top: 3em;
    }
}

@media (max-width: 812px) {
    .form-horizontal .form-group {
        display: grid;
    }

    .form-horizontal div.form-group {
        padding-bottom: .8em;
    }
}

.move-up {
    position: fixed;
    bottom: 50px;
    right: 40px;
    z-index: 3;
    display: none;
    z-index: 1000;
}

.move-up button {
    background: transparent;
    border: none;
}

.move-up button:active:hover {
    padding-right: 4px !important;
    margin-right: 2px;
}

.move-up i {
    font-size: 60px;
    opacity: 0.5;
    color: #BABABA;
}

[aria-expanded="false"] .menu__icon--open {
    display: inline;
}

[aria-expanded="false"] .menu__icon--close {
    display: none;
}

[aria-expanded="true"] .menu__icon--open {
    display: none;
}

[aria-expanded="true"] .menu__icon--close {
    display: inline;
}

.detail_subtitle {
    font-size: 1.6em;
}

a:not([href]) {
    color: inherit;
    text-decoration: none;
}