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

h1, h2 {
    color: #16846e;
}

h3 {
    color: #16846e;
}

body {
    font-size: 13pt;
    color: black;
}

#maintb1 {
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}


    #maintb1 td, #RadioGrp1 td {
        padding: 5px;
    }

label, radio {
    padding-right: 4px;
}

.form-control {
    height: 40px;
    padding: 5px 5px;
}

.inline {
    display: inline-block;
}

.width_n {
    width: 5em;
}

.width_y {
    width: 7em;
}

.width_s {
    width: 11em;
}

.width_m {
    width: 15em;
}

.width_q {
    width: 25em;
}

.width_h {
    width: 35em;
}

.indentation {
    margin-left: 2em;
}

input[type=text] {
    color: #006699;
}

input[type=select] {
    color: #006699;
}

.mustFill {
    color: red;
}


.auto-style1 {
    width: 22px;
    height: 32px;
}

.hide {
    display: none;
}

input:invalid {
    background-color: #ffdddd;
}

form:invalid {
    border: 5px solid #ffdddd;
}

.btn[disabled], fieldset[disabled] .btn {
    opacity: 1;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #95a5a6;
}

.bs-callout-danger {
    background-color: #fdf7f7;
    border-color: #eed3d7;
}

.highlight {
    background-color: #f8f9fa;
}

.question_block {
    margin-top: 1em;
    margin-bottom: 1em;
    font-weight: 700;
}

.question_highlight {
    color: #0094ff;
    font-weight: 700;
    text-decoration: dashed;
}

.question_desc {
    border-bottom: 1px dashed gray;
}

.question_option {
    background-color: #e3cfe6;
    border-bottom: 1px dashed gray;
}

.img-fluid {
    max-width: 60%;
    height: auto;
}

.alert-info {
    background-color: #f8f9fa !important;
    border-color: #3498db !important;
    color: black !important;
}

.text-warning {
    color: #f39c12 !important;
}

    .text-warning:hover {
        color: #f39c12 !important;
        background-color: #feeba3 !important;
    }

.alert-danger-light {
    background-color: #da7267;
    border-color: #e74c3c;
    color: #ffffff;
}

.alert-warning-light {
    background-color: #fff8ab;
    border-color: #d7d238;
    color: #8f6324;
}

.alert-success-light {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}

.badge-greenlight {
    background-color: #47cd35;
}

@media screen and (max-width: 768px) {
    .img-fluid {
        max-width: 100%;
        height: auto;
    }

    * {
        font-size: 12pt;
        line-height: 1.65em;
    }

    h1, h2 {
        font-size: 17pt;
    }

    h3 {
        font-size: 15pt;
    }

    .question_desc {
        margin-left: 1em !important;
        margin-right: 1em !important;
    }

    .question_option {
        padding-top: 0.5rem;
        margin-left: 1em !important;
        margin-right: 1em !important;
    }
}