/* 舊版相容 */
.full-page-img {
    width: 100%;
    max-width: 100%;
    padding: .25em 0em;
}

    .full-page-img img {
        max-width: 100%;
        width: 100%;
    }

.full-page-middle-img {
    text-align: center;
    padding: .25em 0em;
}

    .full-page-middle-img img {
        width: 50%;
        max-width: 100%;
    }

.center-page-org-img {
    text-align: center;
    padding: .25em 0em;
}

    .center-page-org-img img {
        max-width: 100%;
    }

.img-container {
    display: inline-block;
    float: left;
}

.half-page-img {
    width: 50%;
    padding: 0px 0px 10px 0px;
}

    .half-page-img img {
        width: 100%;
    }

.left-img {
    float: left;
    padding-right: 5px;
}

.right-img {
    float: right;
    padding-left: 5px;
}

.title_01 {
    color: #666;
    line-height: 1.5;
    font-size: 1.8em;
    font-weight: bold;
    line-height: 1.875;
    border-bottom: .125rem solid #e7dde1;
    margin-top: 1em;
    margin-bottom: 1.25em;
    border-left: .125rem solid none;
    padding-left: 0;
    padding-right: 0;
    line-height: normal;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
}

    .title_01:first-letter {
        color: #e73357;
        font-size: 1.2em;
    }

.title_02 {
    color: #000;
    line-height: 1.5;
    font-size: 1.5em;
    font-weight: bold;
    border-left: 0 solid #f78127;
    border-bottom: .04rem solid #e7dde1;
    margin-top: 1em;
    margin-bottom: 1.25em;
    padding-left: 0;
    line-height: 1.7;
}

    .title_02 span {
        border-bottom: .04rem solid #e73357;
        padding-bottom: .25em;
    }

        .title_02 span a {
            display: inline-block;
        }

.title_03 {
    color: #303030;
    line-height: 1.5;
    font-size: .945rem;
    font-weight: normal;
    border-bottom: .04rem solid #f0eee8;
    margin-top: 2.5em;
    margin-bottom: 1.25em;
    padding-left: 0;
    padding-bottom: 0.25em;
}

    .title_03 span {
        border-left: .31em solid #e73357;
        padding-left: 0.5em;
    }

.title_04 {
    padding-left: 0.5em;
    border-left: .2rem solid #e73357;
    border-bottom: .04rem solid rgb(231, 221, 225);
    display: block;
    margin-top: 2.5em;
    margin-bottom: 1.25em;
}

.page-content-download-button,
.section[data-type="10"] .btn.btn-danger:not(.delete-content) {
    color: var(--main-menu-color);
    background-color: var(--main-menu-background-color);
    border-color: var(--main-menu-border-color);
    border-radius: var(--bs-border-radius-pill);
    padding: .25em .833em;
    line-height: 1.375em;
    display: inline-block;
    margin-bottom: .1em;
}

.secTitleStyle {
    border-left: .2rem solid #e73357;
    padding-left: .5em;
    border-bottom: .042em solid rgb(231, 221, 225);
    font-weight: bold;
    font-size: 1.3em;
}

/* --------- */
:root {
    --main-menu-background-color: #74144f;
    --main-menu-border-color: #600121;
    --main-menu-color: white;
}

a {
    text-decoration: none;
}

    .bg-light a:not(.btn), a.bg-light {
        color: #0056b3;
        text-decoration: inherit;
    }

.footerContent a {
    color: #0056b3;
    text-decoration: inherit;
}

.not-open-javascript {
    width: 100%;
    text-align: center;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

.ipas-logo {
    display: inline-block;
}

    .ipas-logo img {
        max-height: 3.1rem;
    }

.mega-dropdown {
    position: static !important;
    display: block;
}

.mega-dropdown-menu {
    width: 100%;
}

.top-main-menu .dropdown-menu li {
    padding: .2em;
}

.top-main-menu {
    background-color: var(--main-menu-background-color);
    border-color: var(--main-menu-border-color);
    color: var(--main-menu-color);
}

    .top-main-menu .nav-link {
        color: var(--main-menu-color);
    }

        .top-main-menu .nav-link:focus {
            background-color: black;
            border-radius: .25em;
            color: var(--main-menu-color);
        }

        .top-main-menu .nav-link.active, .top-main-menu .nav-link.show {
            background-color: var(--main-menu-color);
            color: black;
        }

    .top-main-menu .navbar-toggler {
        border-color: var(--main-menu-color);
        color: var(--main-menu-color);
    }

@media (max-width: 991px) {
    .top-main-menu .dropdown-menu .link-items {
        padding: 0;
    }
}

.no-list-style-type > li {
    list-style-type: none !important;
}

.ability-moea-logo {
    max-height: 5em;
}

.ability-title1 {
    font-size: 1.875em;
    color: var(--main-menu-background-color);
}

.ability-top-main-menu {
    background-color: var(--main-menu-background-color);
}

    .ability-top-main-menu a, .greenroom-top-main-menu a {
        word-break: keep-all;
        white-space: nowrap;
    }

.ability-top-image-area {
    background: #df7223;
}

    .ability-top-image-area img {
        max-height: 232px;
    }

.ability-footer-organizer img {
    max-height: 50px;
}

.accessibilityLogo {
    height: 31px;
    width: 88px;
}

.greenRoomTitle {
    font-size: 3rem;
}

.greenroom-top-main-menu .nav-item.dropdown {
    font-size: var(--bs-body-font-size);
}

.greenroom-top-main-menu .top-main-menu .dropdown-menu li {
    padding: .2em 0;
}

    .greenroom-top-main-menu .top-main-menu .dropdown-menu li a {
        margin: 0 1em;
    }

hr.menuDivider {
    margin-top: .25em;
    margin-bottom: .25em;
    border: 0;
    border-top: 1px solid #eee;
}

.required:before {
    content: "*";
    color: red;
}

.checkCodeArea {
    max-width: 512px;
}

span.alert.errorMessage {
    display: inline-block;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.queryConditionArea {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity));
    border-radius: var(--bs-border-radius);
    padding: .5rem;
}

.table-with-serial td:first-child {
    text-align: center;
}

.greenRoomBody table thead th,
.greenRoomBody table tbody th {
    background-color: var(--main-menu-background-color);
    color: var(--main-menu-color);
}

.table.ipas-table thead th {
    background-color: var(--main-menu-background-color);
    color: var(--main-menu-color);
}

.home-ability-type-group .ability-logo {
    width: 3em;
    margin-right: .25em;
}

.home-banner .bannerCarouselIndicatorSpace {
    min-height: 24px;
}

.latest-news-container .oneNewsItem {
}

    .latest-news-container .oneNewsItem .newsTypeEnd {
        width: 2em;
    }

.page-content-left-menu {
    display: block;
}

    .page-content-left-menu li {
        display: block;
    }

        .page-content-left-menu li.parent-item {
            background-color: var(--main-menu-background-color);
            border-color: var(--main-menu-border-color);
            color: var(--main-menu-color);
        }

.preview-page-content-left-menu {
    display: block;
}

    .preview-page-content-left-menu li {
        display: block;
    }

        .preview-page-content-left-menu li.parent-item {
            background-color: var(--main-menu-background-color);
            border-color: var(--main-menu-border-color);
            color: var(--main-menu-color);
        }

.iPasBreadcrumb a {
    color: #0b5ed7;
}

.dataUsageConsentText {
    overflow: scroll;
    height: 30em;
}

.checkBoxgroup {
    display: flex;
    align-items: flex-start;
}

    .checkBoxgroup.required:before {
        content: "*";
        color: red;
        margin-left: .5em;
    }

    .checkBoxgroup input[type=checkbox] {
        float: left;
        margin: .5em;
        margin-left: 0;
    }

.viewDataPage span.form-control-plaintext {
    min-height: 2.1em;
}

.examBulletin .examTitle {
    display: -webkit-box;
    font-size: 1.1em;
    height: 4.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.examBulletin .examSubject {
    display: -webkit-box;
    height: 3em;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.table-with-serial tr > td:first-child {
    text-align: center;
}

.table.appraisal-ability thead th {
    background-color: var(--main-menu-background-color);
    color: var(--main-menu-color);
}

.companyIdentityForm .alreadyAllowed .allowItem {
    display: inline-block;
    min-width: 33%;
    max-width: 50%;
    margin-bottom: .25em;
    padding-right: 1em;
}

.form-control:read-only {
    background-color: var(--bs-secondary-bg);
    opacity: 1;
}

.infoSourceArea {
}

    .infoSourceArea fieldset {
        display: inline-block;
    }

    .infoSourceArea .oneInfoSource, .infoSourceArea .subGroupParentheses {
        display: inline-block;
        margin-right: .5em;
    }

.dataUseAgreementArea {
    max-height: 50vh;
    overflow-y: auto;
    overflow-x: hidden;
    word-wrap: break-word;
    word-break: break-word;
    white-space: normal;
}

.shareToArea a img {
    height: 1.25em;
}

.schoolIdentityForm .chklAllowMethod {
    padding-left: 1.75em;
}

    .schoolIdentityForm .chklAllowMethod li {
        margin-bottom: .05em;
    }

        .schoolIdentityForm .chklAllowMethod li input {
            margin-right: .25em;
        }

.schoolIdentityForm .rblTrainingType li {
    margin-right: .5em;
    display: inline-block;
}

ul.aspOneLineRadioButtonList {
    margin-bottom: 0;
}

.aspOneLineRadioButtonList li {
    display: inline-block;
}

.abilityMaster .selLink > * {
    margin-bottom: .25em;
}

.text-indent-2em {
    text-indent: 2em;
}

.text-indent-0 {
    text-indent: 0;
}

.alertInfoPage .iconMark {
    font-size: 6em;
}

.aspCheckBoxWithRightLabel {
    padding-left: .25em;
}

    .aspCheckBoxWithRightLabel input[type=checkbox],
    ul.list-unstyled li input[type=checkbox] {
        transform: scale(1.35);
    }

        .aspCheckBoxWithRightLabel input[type=checkbox] + label,
        ul.list-unstyled li input[type=checkbox] + label {
            margin-left: .35em;
        }

.greenRoomBody .formDataArea .row .col-auto.col-form-label {
}

a.bannerLink:focus figure, a.bannerLink:hover figure {
    outline: 2px solid #fff;
    outline-offset: -2px;
}

.section[data-type]::after {
    content: "";
    display: table;
    clear: both;
}

.section[data-type="15"] .embed-responsive {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 比例 */
    height: 0;
}

    .section[data-type="15"] .embed-responsive iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
        display: block;
    }

.contentEditor .page-content .section {
    position: relative;
}

    .contentEditor .page-content .section .edit-content {
        display: inline-block;
        white-space: nowrap;
        padding-left: 2px;
        padding-right: 2px;
        position: absolute;
        top: 0px;
        right: -1px;
    }

    .contentEditor .page-content .section:focus-within,
    .contentEditor .page-content .section:hover {
        outline: none;
        box-shadow: 0 8px 24px 0 rgba(13,110,253,0.25), 0 0 0 3px #0d6efd33;
        border-radius: .2em;
        transition: box-shadow 0.2s;
        margin-top: .5em;
        margin-bottom: .5em;
    }

.greenRoomMenuEditTree ul {
    list-style: none;
    padding-left: 1em;
}