* {
    margin: 0;
    padding: 0;
    word-wrap: break-word;
    word-break: normal;
    box-sizing: border-box;
    text-decoration: none;
    list-style: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-family: "Noto Sans TC","sans-serif;",Circular,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif
}

/*#bac3e0
#512c8a*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp, small, strong, sub, sup, var, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, li, ul, i {
    margin: 0;
    padding: 0;
    border: 0 none;
    font: inherit;
    font-family: "Noto Sans TC","sans-serif;",Circular,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 500
}

strong, th {
    font-weight: bold
}

em {
    font-style: normal
}

ul, li, img {
    border: 0 none;
    list-style-type: none
}

a {
    text-decoration: none;
    outline: none
}

    a:hover, a:visited, a:active, a:link {
        text-decoration: none;
        outline: none
    }

img, input, select {
    vertical-align: middle
}

    input[type=radio] {
        vertical-align: baseline
    }

    input[type=checkbox] {
        vertical-align: middle
    }

.ie7 input[type=checkbox] {
    vertical-align: baseline
}

.ie6 input {
    vertical-align: text-bottom
}

label, input[type=button], input[type=submit], input[type=image], button {
    cursor: pointer
}

textarea {
    overflow-x: hidden;
    overflow-y: auto
}

button {
    width: auto;
    overflow: visible
}

img {
    max-width: 100%;
    height: auto
}

.ie7 img {
    -ms-interpolation-mode: bicubic
}

table {
    border-spacing: 0px;
    border: 0px none
}

    table tr td, table tr th {
        padding: 0px;
        border: 0px none
    }

div, p, a, ul, li {
    zoom: 1
}

table, th, td {
    zoom: 1
}

.modal-header {
    border-bottom: 1px solid rgba(0,0,0,0)
}

    .modal-header h5 {
        font-size: 1.5em
    }

.modal-footer {
    border-top: 1px solid rgba(0,0,0,0)
}

.modal-body h2 {
    font-size: 20px;
    margin-bottom: 10px
}

input[type=text], input[type=url], input[type=number], input[type=password], textarea, select, input[type=date], input [type=tel] {
    min-width: 100px;
    width: 100%;
    padding: 12px 25px 12px 15px;
    border: none;
    border: 1px solid #ced4da;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 17px
}

    input[type=text].error, input[type=url].error, input[type=number].error, input[type=password].error, textarea.error, select.error, input[type=date].error, input [type=tel].error {
        border: solid 1px #512c8a
    }

    input[type=text].form-control:disabled, input[type=text] .form-control[readonly], input[type=url].form-control:disabled, input[type=url] .form-control[readonly], input[type=number].form-control:disabled, input[type=number] .form-control[readonly], input[type=password].form-control:disabled, input[type=password] .form-control[readonly], textarea.form-control:disabled, textarea .form-control[readonly], select.form-control:disabled, select .form-control[readonly], input[type=date].form-control:disabled, input[type=date] .form-control[readonly], input [type=tel].form-control:disabled, input [type=tel] .form-control[readonly] {
        background-color: #e9ecef;
        opacity: 1
    }

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    font-size: 1rem
}

input::-webkit-input-placeholder {
    color: #ced4da;
    font-weight: normal;
    font-size: 15px
}

input::-moz-placeholder {
    color: #ced4da;
    font-weight: normal;
    font-size: 15px
}

input::-moz-placeholder {
    color: #ced4da;
    font-weight: normal;
    font-size: 15px
}

input:-ms-input-placeholder {
    color: #ced4da;
    font-weight: normal;
    font-size: 15px
}

.inputBlock {
    display: block
}

.input_group--horizontal {
    margin-top: 5px
}

.input-title {
    font-weight: 800;
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 10px
}

.input-title--lg {
    font-weight: 800;
    font-size: 17px;
    margin-bottom: 5px
}

.input--horizontal {
    margin-bottom: 15px;
    position: relative
}

    .input--horizontal .icon-error-cyc-o-600 {
        display: none;
        position: absolute;
        right: 5px;
        bottom: 16px;
        z-index: 0;
        color: #512c8a
    }

    .input--horizontal .icon-eye-o, .input--horizontal .icon-eye-off-o {
        position: absolute;
        right: 5px;
        bottom: 16px;
        top: 58px;
        z-index: 0;
        font-size: 20px
    }

    .input--horizontal.error input {
        border: 1px solid #512c8a
    }

    .input--horizontal.error .icon-error-cyc-o-600 {
        display: block
    }

    .input--horizontal.checked {
        font-size: 13px;
        color: #512c8a;
        vertical-align: middle;
        font-weight: 400
    }

        .input--horizontal.checked .icon-check-cyc {
            position: absolute;
            right: 5px;
            bottom: 16px;
            z-index: 0;
            color: #512c8a
        }

    .input--horizontal .form_group_input--select {
        font-size: 16px;
        border: 1px solid #ced4da;
        cursor: pointer;
        background: #fff url("../../img/icon/down.svg") no-repeat calc(100% - .6rem) center;
        background-size: 10px 10px;
        margin-top: 4px
    }

        .input--horizontal .form_group_input--select.error {
            border: solid 1px #512c8a
        }

    .input--horizontal .form_group_input--select--1of2 {
        letter-spacing: 0
    }

        .input--horizontal .form_group_input--select--1of2 span {
            width: 5%;
            display: inline-block;
            text-align: center
        }

        .input--horizontal .form_group_input--select--1of2 .form_group_input--select {
            display: inline-block;
            width: 47%
        }

        .input--horizontal .form_group_input--select--1of2 .form_group_input--half {
            display: inline-block;
            width: 51%
        }

    .input--horizontal li {
        display: inline-block;
        margin-right: 25px
    }

.selection-input {
    margin-right: 25px
}

    .selection-input.selection-input--checkbox {
        font-size: 17px;
        margin-top: 5px;
        margin-bottom: 5px
    }

        .selection-input.selection-input--checkbox.inputBlock {
            width: 100%;
            margin-top: 10px;
            margin-bottom: 10px
        }

    .selection-input input {
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
        appearance: none;
        outline: none;
        -webkit-border: 0;
        border: 0;
        -webkit-outline: none;
        outline: none;
        box-shadow: none;
        position: relative;
        top: 4px;
        right: 0;
        bottom: 0;
        left: 0;
        height: 17px;
        width: 17px;
        border: 1px solid #ced4da;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        margin-right: .25rem;
        z-index: 3
    }

        .selection-input input:hover {
            border: 2px solid #512c8a
        }

        .selection-input input[type=radio] {
            border-radius: 50%;
            height: 18px;
            width: 18px
        }

            .selection-input input[type=radio]:checked::before {
                height: 8px;
                width: 8px;
                position: absolute;
                content: "";
                top: 3px;
                left: 3px;
                display: inline-block;
                text-align: center;
                background-color: #512c8a;
                color: #512c8a;
                border-radius: 50%
            }

            .selection-input input[type=radio]:focus {
                outline: none
            }

            .selection-input input[type=radio]:checked {
                border: 2px solid #512c8a
            }

        .selection-input input[type=checkbox] {
            top: 0;
            vertical-align: -3px;
            position: relative;
            margin-left: 1px;
            border-radius: 2px
        }

            .selection-input input[type=checkbox]::after {
                content: "";
                display: none;
                position: absolute;
                left: 4px;
                top: 0px;
                width: 7px;
                height: 12px;
                border: 4px solid #fff;
                border-width: 0 3px 3px 0;
                border-radius: 2px;
                transform: rotate(40deg);
                background-color: rgba(0,0,0,0)
            }

            .selection-input input[type=checkbox]:focus {
                outline: none
            }

            .selection-input input[type=checkbox]:checked {
                border: 2px solid #512c8a;
                background: #512c8a
            }

                .selection-input input[type=checkbox]:checked::after {
                    display: block
                }

.selection-input-lg input[type=checkbox] {
    top: 0;
    vertical-align: -3px;
    position: relative;
    margin-left: 1px;
    border-radius: 2px;
    width: 20px;
    height: 20px
}

.input-years input, .input-years select {
    display: inline-block;
    width: 32%
}

.form_group_input--address input:nth-child(1), .form_group_input--address select:nth-child(1) {
    display: inline-block;
    width: 25%
}

@media(max-width: 768px) {
    .form_group_input--address input:nth-child(1), .form_group_input--address select:nth-child(1) {
        width: 49%
    }
}

.form_group_input--address input:nth-child(2), .form_group_input--address select:nth-child(2) {
    display: inline-block;
    width: 25%
}

@media(max-width: 768px) {
    .form_group_input--address input:nth-child(2), .form_group_input--address select:nth-child(2) {
        width: 49%
    }
}

.form_group_input--address input:nth-child(3), .form_group_input--address select:nth-child(3) {
    display: inline-block;
    width: 48.5%
}

@media(max-width: 768px) {
    .form_group_input--address input:nth-child(3), .form_group_input--address select:nth-child(3) {
        width: 100%
    }
}

.form_group_input--tel input:nth-child(1) {
    display: inline-block;
    width: 75%
}

.form_group_input--tel input:nth-child(2) {
    display: inline-block;
    width: 23%
}

.form_group_input--1of2 {
    width: 49%;
    display: inline-block
}

.form_group_input--1of3 {
    max-width: 32%;
    display: inline-block
}

.form_group_input--inline label, .form_group_input--inline input[type=text], .form_group_input--inline input[type=url], .form_group_input--inline input[type=number], .form_group_input--inline input[type=password], .form_group_input--inline textarea, .form_group_input--inline select {
    max-width: 80%;
    display: inline-block
}

.error--text {
    color: red;
    font-size: 15px;
    margin-bottom: 20px
}

    .error--text .icon {
        color: red;
        vertical-align: -2px;
        margin-right: 2px;
        font-weight: 500;
        font-size: 14px
    }

.formTitle {
    font-size: 20px;
    font-weight: 800;
    color: #512c8a;
    margin: 30px 0 20px
}

.identityTiltie {
    padding: 5px 15px;
    font-weight: 800;
    background-color: #eee;
    margin-bottom: 10px;
    border-radius: 3px
}

.form-note {
    font-size: 14px
}

.lightline {
    color: red
}

.underline {
    text-decoration: underline
}

.demoImg {
    max-width: 300px
}

.custom-file-label::after {
    content: "上傳照片"
}

.form_filte--between {
    justify-content: space-between;
    margin: 0
}

button.main-btn, .main-btn {
    min-width: 180px;
    background-color: #512c8a;
    color: #fff
}

    button.main-btn:hover, button.main-btn:focus, .main-btn:hover, .main-btn:focus {
        color: #fff;
        background-color: #240e43;
        cursor: pointer
    }

button.search-btn, .search-btn {
    min-width: auto;
    background-color: #512c8a;
    color: #fff;
    font-size: 16px
}

    button.search-btn:hover, button.search-btn:focus, .search-btn:hover, .search-btn:focus {
        background-color: #240e43;
        color: #fff;
        cursor: pointer
    }

button.main-line-btn, .main-line-btn {
    min-width: 180px;
    border: 2px solid #512c8a;
    color: #512c8a;
    transition: .3s
}

    button.main-line-btn:hover, button.main-line-btn:focus, .main-line-btn:hover, .main-line-btn:focus {
        background-color: #240e43;
        color: #fff;
        transition: .3s
    }

a.form-forget, a.linkText {
    text-decoration: underline
}

a.moreicon-btn {
    display: inline-block;
    margin: 25px 0;
    position: relative;
    padding-left: 38px;
    vertical-align: middle;
    font-size: 18px
}

    a.moreicon-btn::before {
        content: "";
        background-image: url(../../img/icon/plus-circle.svg);
        background-repeat: no-repeat;
        background-size: 100% auto;
        display: block;
        width: 30px;
        height: 30px;
        position: absolute;
        left: 0;
        top: -1px;
        transition: .3s
    }

    a.moreicon-btn:hover::before {
        transform: scale(0.92);
        transition: .3s
    }

.modal_btn {
    color: #512c8a
}

.btn-primary {
    background-color: #512c8a;
    border: none
}

    .btn-primary:hover {
        background-color: #240e43
    }

.submit-btn {
    margin-top: 10px;
    margin-bottom: 25px
}

.application {
    border: 1px solid #f5f5f5;
    box-shadow: 3px 1px 8px 0px rgba(0,0,0,.2);
    -webkit-box-shadow: 3px 1px 8px 0px rgba(0,0,0,.2);
    -moz-box-shadow: 3px 1px 8px 0px rgba(0,0,0,.2);
    -o-box-shadow: 3px 1px 8px 0px rgba(0,0,0,.2)
}

    .application button {
        margin-bottom: 15px
    }

.identity_list, .application_list {
    margin-bottom: 30px
}

@media(max-width: 768px) {
    .identity_list, .application_list {
        margin-top: 15px
    }
}

.identity_list > li, .application_list > li {
    display: flex;
    padding: 15px
}

    .identity_list > li > p, .application_list > li > p {
        width: 80px;
        align-items: center;
        flex: 0 0;
        flex-basis: 100px
    }

    .identity_list > li h3, .identity_list > li div, .application_list > li h3, .application_list > li div {
        flex-grow: 1;
        margin-left: 10px;
        line-height: 1.8;
        font-weight: normal
    }

        .identity_list > li h3 a, .identity_list > li div a, .application_list > li h3 a, .application_list > li div a {
            display: block
        }

            .identity_list > li h3 a:nth-child(1), .identity_list > li div a:nth-child(1), .application_list > li h3 a:nth-child(1), .application_list > li div a:nth-child(1) {
                margin-bottom: 10px
            }

.identity_list .input--horizontal, .application_list .input--horizontal {
    margin: 0
}

.identity_list p, .application_list p {
    font-weight: 800
}

.identity_list.pa-15, .application_list.pa-15 {
    padding: 15px
}

.identity_download {
    padding: 15px
}

@media(max-width: 768px) {
    .identity_download {
        padding: 15px 15px 0px
    }
}

.identity_list_edit {
    border-radius: 3px
}

    .identity_list_edit li {
        align-items: center
    }

        .identity_list_edit li > p {
            font-weight: bold
        }

.identity_photo {
    margin: auto
}

@media(max-width: 768px) {
    .identity_photo {
        max-width: 200px
    }
}

.blessVideo {
    margin-bottom: 40px
}

    .blessVideo video {
        border: 8px solid #512c8a;
        border-radius: 20px;
        box-shadow: 3px 1px 8px 0px rgba(0,0,0,.2);
        -webkit-box-shadow: 3px 1px 8px 0px rgba(0,0,0,.2);
        -moz-box-shadow: 3px 1px 8px 0px rgba(0,0,0,.2);
        -o-box-shadow: 3px 1px 8px 0px rgba(0,0,0,.2)
    }

@media(max-width: 500px) {
    .blessVideo video {
        border: 5px solid #512c8a
    }
}

.blessVideo p {
    font-size: 18px;
    margin: 15px 0;
    text-align: center
}

.article-box h1 {
    font-size: 1.5em;
    margin: 15px 0
}

.article-box .date {
    font-size: .9em;
    color: #a2a2a2
}

.article-box .article-inner {
    margin: 20px 0;
    font-size: 1em;
    line-height: 1.8em
}

.newsList ul.newsListTitle {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-weight: 500
}

    .newsList ul.newsListTitle li {
        display: block
    }

        .newsList ul.newsListTitle li.web-show {
            display: block
        }

@media(max-width: 500px) {
    .newsList ul.newsListTitle li.web-show {
        display: none
    }
}

.newsList {
    background-color: #fff;
    padding: 15px 0px 40px;
    border-radius: 0 0 5px 5px
}

@media(max-width: 500px) {
    .newsList {
        padding: 15px 0 20px
    }
}

.newsList ul.newsListInner {
    padding-left: 0
}

    .newsList ul.newsListInner li {
        display: flex;
        flex-direction: row;
        list-style-type: none;
        padding: 15px 0;
        border-bottom: 1px solid #ddd
    }

        .newsList ul.newsListInner li:nth-last-child(1) {
            border: none
        }

        .newsList ul.newsListInner li > p {
            border-bottom: none;
            flex: 0 0 65px
        }

            .newsList ul.newsListInner li > p span.tag {
                font-size: .9rem;
                padding: 1px 8px;
                border-radius: 50px;
                color: #fff
            }

                .newsList ul.newsListInner li > p span.tag.elementary {
                    background-color: #c0282a
                }

                .newsList ul.newsListInner li > p span.tag.secondary {
                    background-color: #cc8225
                }

                .newsList ul.newsListInner li > p span.tag.senior {
                    background-color: #427a3f
                }

                .newsList ul.newsListInner li > p span.tag.group {
                    background-color: #6767ba
                }

                .newsList ul.newsListInner li > p span.tag.organization {
                    background-color: #c18181
                }

        .newsList ul.newsListInner li a {
            color: #373737;
            display: contents;
            flex-direction: row;
            justify-content: space-between;
            width: 100%
        }

@media(max-width: 500px) {
    .newsList ul.newsListInner li a {
        flex-direction: column
    }
}

.newsList ul.newsListInner li a p {
    font-size: 1.1em;
    margin-bottom: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    padding-left: 15px
}

    .newsList ul.newsListInner li a p:hover {
        color: #240e43
    }

@media(max-width: 500px) {
    .newsList ul.newsListInner li a p {
        padding-left: 0px
    }
}

.newsList ul.newsListInner li a span.newsListTime {
    display: block;
    font-size: 14px;
    color: #512c8a
}

.page-tab ul {
    margin-bottom: 10px
}

    .page-tab ul li {
        margin: 0px 5px 10px 0
    }

.tab-wrapper {
    margin-bottom: 10px;
    border-radius: 5px
}

.tab-header {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #e5e5e5
}

@media(max-width: 768px) {
    .tab-header {
        justify-content: space-around
    }
}

.tab-header .tab-btn {
    font-size: 1.1em;
    padding: 20px 20px;
    border: none;
    cursor: pointer;
    font-weight: 500;
    z-index: 1;
    background-color: rgba(0,0,0,0);
    transition: all .3s ease
}

@media(max-width: 500px) {
    .tab-header .tab-btn {
        padding: 10px
    }
}

.tab-header .tab-btn:focus {
    outline: none
}

.tab-header .tab-btn i {
    margin-right: 5px;
    font-size: 10px
}

.tab-header .tab-btn .tab-header .tab-btn:hover, .tab-header .tab-btn.active {
    color: #512c8a
}

.tab-header .underline {
    position: absolute;
    bottom: -1px;
    left: 0;
    height: 2px;
    width: 0;
    transform-origin: left;
    background-color: #512c8a;
    transition: all .3s ease
}

.tab-body {
    display: flex;
    overflow: hidden
}

    .tab-body .tab-content {
        min-width: 100%;
        padding: 0 20px;
        transition: all .3s;
        text-align: justify
    }

.tab-wrapper[rounded] {
    border-radius: 10px
}

.tab-header[full-width] .tab-btn {
    flex: 1;
    text-align: center
}

.tab-header[background] {
    background-color: #512c8a
}

    .tab-header[background] .tab-btn {
        color: #fff
    }

        .tab-header[background] .tab-btn.active {
            color: #512c8a
        }

            .tab-header[background] .tab-btn.active:after {
                content: "";
                position: absolute;
                bottom: -1px;
                left: 0;
                height: 2px;
                width: 100%;
                background-color: #fff
            }

    .tab-header[background] .underline {
        background-color: #fff;
        height: 100%;
        bottom: 0
    }

.tab-header[border] .tab-btn {
    border: 1px solid #e5e5e5
}

    .tab-header[border] .tab-btn.active {
        border: 1px solid #512c8a
    }

    .tab-header[border] .tab-btn.active {
        color: #fff
    }

.tab-header[border] .underline {
    height: 100%;
    bottom: 0
}

.credits {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 10px;
    color: #fff;
    background-color: #512c8a
}

    .credits a {
        color: #fff;
        text-decoration: none;
        font-weight: 600
    }

        .credits a:hover {
            text-decoration: underline
        }

#tabelhorizontal th, td {
    white-space: nowrap
}

table th {
    background-color: #ececec
}

.awards {
    padding: 15px
}

tbody {
    background-color: #fff
}

    tbody p {
        line-height: 1.8em
    }

.table-hover tbody tr:hover {
    background-color: #f8f8f8
}

.navbar-light .navbar-toggler {
    border-color: rgba(0,0,0,0)
}

.navbar-nav {
    align-items: center
}

    .navbar-nav .btn {
        margin-top: 0
    }

@media(max-width: 768px) {
    .navbar-nav .btn {
        margin-top: 20px
    }
}

.navbar-nav .btn a {
    color: #fff
}

.navbar-nav .modal_btn {
    color: #512c8a
}

.collapse {
    justify-content: flex-end
}

@media(max-width: 768px) {
    .navbar-collapse {
        background-color: #bac3e0;
        position: absolute;
        left: 0;
        top: 0;
        padding-top: 40%;
        padding-left: 30px;
        padding-right: 15px;
        padding-bottom: 15px;
        width: 100%;
        min-height: 1000px;
        height: 100vh;
        z-index: 9
    }

        .navbar-collapse.collapsing {
            height: auto;
            transition: left .3s ease;
            left: -100%;
            height: 100vh
        }

        .navbar-collapse.show {
            left: 0;
            transition: left .3s linear
        }

    .navbar-toggler {
        position: absolute;
        top: 6%;
        bottom: 10%;
        right: 3%;
        z-index: 99
    }
}

.navbar-toggler:focus {
    outline: none
}

.navbar-toggler span {
    display: block;
    background-color: #240e43;
    height: 3px;
    width: 25px;
    margin-top: 4px;
    margin-bottom: 4px;
    transform: rotate(0deg);
    position: relative;
    left: 0;
    opacity: 1
}

    .navbar-toggler span:nth-child(1), .navbar-toggler span:nth-child(3) {
        transition: transform .35s ease-in-out
    }

.navbar-toggler:not(.collapsed) span:nth-child(1) {
    position: absolute;
    left: 12px;
    top: 20px;
    transform: rotate(135deg);
    opacity: .9
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
    height: 12px;
    visibility: hidden;
    background-color: rgba(0,0,0,0)
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
    position: absolute;
    left: 12px;
    top: 20px;
    transform: rotate(-135deg);
    opacity: .9
}

.logo_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #bac3e0
}

    .logo_box .navbar-nav {
        display: flex;
        justify-content: flex-end
    }

.navbar-admin {
    background-color: #bac3e0;
    min-height: 56px;
    justify-content: center
}

    .navbar-admin ul li a {
        color: #240e43
    }

    .navbar-admin .dropdown-menu a {
        color: #240e43
    }

        .navbar-admin .dropdown-menu a:hover {
            opacity: .9
        }

@media(max-width: 768px) {
    .navbar-admin .navbar-collapse {
        padding-top: 20%;
        background-color: #bac3e0
    }
}
.navbar-admin .navbar-toggler {
    padding: 0 15px;
    top: 8px
}

    .navbar-admin .navbar-toggler span {
        background-color: #fff
    }

.navbar-admin .navbar-admin-list {
    max-width: 1400px;
    /*justify-content: center*/
}

    .navbar-admin .navbar-admin-list .navbar-nav {
        flex-wrap: wrap;
        /*border-top: 1px solid #9dabdb*/
    }

    .navbar-admin .navbar-admin-list ul li {
        padding: 0px 15px
    }

@media(max-width: 768px) {
    .navbar-admin .navbar-admin-list ul li {
        width: 100%;
        padding: 5px 15px
    }
}

@media(max-width: 768px) {
    .navbar-admin .dropdown-menu {
        width: 100%
    }
}

.navbar-admin .dropdown-menu a {
    margin-bottom: 5px
}

.navbar-admin .dropdown-item:focus, .navbar-admin .dropdown-item:hover {
    background-color: rgba(0,0,0,0);
    color: #240e43;
    opacity: .9
}

html, body {
    height: 100%;
    margin: 0
}

body {
    display: flex;
    flex-direction: column
}

.main-content {
    flex-grow: 1
}

footer {
    margin-top: 50px
}

.footer {
    text-align: center;
    width: 100%;
    position: relative
}

@media(max-width: 500px) {
    .footer {
        position: relative;
        bottom: auto
    }
}

.footer .copyright {
    padding: 10px 5px 20px
}

@media(max-width: 500px) {
    .footer .copyright {
        padding: 10px 33px 10px
    }
}

.footer .copyright p {
    font-size: 12px;
    color: #afafaf;
    margin: 0px
}

@media(max-width: 500px) {
    .footer .copyright p {
        font-size: 11px
    }
}

.footer-login {
    background-color: #373737;
    color: #fff
}

a {
    color: #512c8a
}

    a:hover {
        color: #240e43
    }

.bg-main, .btn-dark {
    background-color: #512c8a
}

nav.bg-main {
    background-color: #bac3e0
}

.body {
    position: relative;
    background-color: #fff
}

.pt-nav {
    padding-top: 78px
}

@media(max-width: 768px) {
    .pt-nav {
        padding-top: 50px
    }
}

.main-content {
    padding-top: 50px
}

.logo {
    max-width: 400px
}

@media(max-width: 500px) {
    .logo {
        max-width: 260px
    }
}

.web-show {
    display: inline-block
}

@media(max-width: 768px) {
    .web-show {
        display: none
    }
}

@media(max-width: 500px) {
    .web-show {
        display: none
    }
}

.containerArea {
    margin: 50px auto
}

@media(max-width: 500px) {
    .containerArea {
        margin: 15px auto
    }
}

.containerArea-sm {
    max-width: 600px
}

    .containerArea-sm .titleText {
        margin: 15px 0px 25px
    }

        .containerArea-sm .titleText h2 {
            text-align: center;
            font-size: 28px
        }

.containerArea-md {
    max-width: 900px
}

    .containerArea-md .titleText {
        margin: 15px 0px 25px
    }

        .containerArea-md .titleText h2 {
            text-align: center;
            font-size: 28px
        }

.card {
    width: 100%;
    background-color: #fff;
    border-radius: 5px;
    padding: 30px 30px;
    border: none;
    margin: 0 auto 40px
}

    .card.cardpa-sm {
        padding: 15px 15px
    }

@media(max-width: 768px) {
    .card {
        padding: 20px
    }
}

@media(max-width: 500px) {
    .card {
        padding: 15px
    }
}

.titleText {
    font-weight: 800;
    border-bottom: 2px solid #512c8a;
    text-align: left
}

    .titleText h2, .titleText h1 {
        text-align: left;
        font-weight: 800;
        font-size: 28px;
        color: #512c8a
    }

    .titleText p {
        color: #373737;
        margin: 10px 0;
        font-size: 20px
    }

    .titleText.underline {
        margin-bottom: 5px
    }

    .titleText.nonline {
        border-bottom: none
    }

        .titleText.nonline h2 {
            color: #373737
        }

    .titleText.titleBt {
        margin-bottom: 30px
    }

    .titleText h3 {
        font-size: 1.1em;
        color: #512c8a;
        padding: 20px 0
    }

@media(max-width: 500px) {
    .titleText h3 {
        padding: 10px 0
    }
}

.kv {
    background-color: #bdc7e2;
    text-align: center
}

.main_bg {
    background-color: #512c8a
}

.pagination {
    margin: 40px auto 25px;
    justify-content: center;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

    .pagination li a {
        color: #512c8a;
        position: relative;
        display: block;
        padding: .5rem .75rem;
        margin-left: -1px;
        line-height: 1.25;
        background-color: #fff;
        border: 1px solid #dee2e6
    }

        .pagination li a:hover {
            color: #240e43;
            z-index: 2;
            text-decoration: none;
            background-color: #e9ecef;
            border-color: #dee2e6
        }

    .pagination li:nth-child(1) a {
        margin-left: 0;
        border-top-left-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

    .pagination li:nth-last-child(1) a {
        margin-right: 0;
        border-top-right-radius: .25rem;
        border-bottom-right-radius: .25rem
    }

    .pagination li.active a {
        background-color: #512c8a;
        color: #fff
    }

.breadcrumb {
    margin-top: 15px;
    background-color: rgba(0,0,0,0)
}

.friendly-links a {
    display: inline-block;
    padding: 5px 8px;
    border: 1px solid #512c8a;
    margin: 5px;
    border-radius: 3px
}

.modal_btn {
    cursor: pointer
}

.modal-header {
    border-bottom: 1px solid rgba(0,0,0,0)
}

.modal-footer {
    border-top: 1px solid rgba(0,0,0,0)
}

.modal-body h2 {
    font-size: 20px;
    margin-bottom: 10px
}

.modal-title {
    font-size: 20px
}

.login_btn {
    background-color: #e1f2fc;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 15px
}

    .login_btn:hover {
        background-color: #bfe7ff
    }

    .login_btn a {
        display: flex;
        justify-content: Space-between;
        align-items: center;
        color: #512c8a
    }

    .login_btn b {
        display: block;
        font-size: 20px
    }

.calendar img {
    width: 20px;
    height: 20px
}

.datepicker-half {
    width: 48%;
    display: inline-block
}

.datepicker-midd {
    display: inline-block;
    text-align: center;
    width: 3%
}

@media(max-width: 768px) {
    .datepicker-midd {
        width: 2%
    }
}

.search_box {
    background-color: #f3f3f3;
    border-radius: 6px;
    margin: 0 30px;
    padding: 15px;
    display: flex;
    align-items: center
}

@media(max-width: 768px) {
    .search_box {
        display: block;
        margin: 0 15px
    }
}

.search_box .input-title {
    margin-bottom: 0
}

.search_box .input--horizontal {
    width: 25%;
    margin-bottom: 0
}

@media(max-width: 990px) {
    .search_box .input--horizontal {
        width: 100%
    }
}

@media(max-width: 768px) {
    .search_box .input--horizontal {
        width: 100%
    }
}

.search_box .input--horizontal .form_group {
    display: inline-block;
    width: 80%;
    margin-bottom: 0
}

@media(max-width: 990px) {
    .search_box .input--horizontal .form_group {
        width: 80%
    }
}

@media(max-width: 768px) {
    .search_box .input--horizontal .form_group {
        width: 100%
    }
}

.search_box .form-group {
    margin-bottom: 0
}

@media(max-width: 990px) {
    .search_box .search_btn {
        width: 20%
    }
}

@media(max-width: 768px) {
    .search_box .search_btn {
        margin-top: 10px
    }
}
/*# sourceMappingURL=all.css.map */