.navImportantNotice {
    display: block;
    background-color: #7CB52D;
}

.navImportantNoticeChi {
    font-family: 'Lato', Arial, sans-serif, Verdana, Helvetica !important;
}
.navImportantNoticeEng {
    font-family: 'MHei', STXihei, 微軟正黑體, Arial, PMingLiU, Helvetica, sans-serif !important;
}

    .navImportantNotice.opened {
        max-height: none;
    }

    .navImportantNotice .notice {
        width: 100%;
        margin: 0 auto;
        position: relative;
        color: #fff;
        padding: 20px 60px 20px 60px;
    }

        .navImportantNotice .notice .btnClose {
            position: absolute;
            top: 24px;
            right: 40px;
            width: 16px;
            height: 16px;
            display: block;
            border: none;
            padding: 0;
            background: transparent;
            border-radius: 0;
        }

            .navImportantNotice .notice .btnClose:before,
            .navImportantNotice .notice .btnClose:after {
                content: '';
                border-top: #fff 2px solid;
                width: 24px;
                height: 1px;
                position: absolute;
                top: 7px;
                left: -4px;
            }

            .navImportantNotice .notice .btnClose:before {
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
            }

            .navImportantNotice .notice .btnClose:after {
                -moz-transform: rotate(135deg);
                -ms-transform: rotate(135deg);
                -webkit-transform: rotate(135deg);
                transform: rotate(135deg);
            }

        .navImportantNotice .notice h2 {
            text-indent: -9999px;
            font-size: 1.375rem;
            font-weight: bold;
            padding-bottom: 10px;
            padding-left: 37px;
            color: #fff;
            margin: 0;
            letter-spacing: 0;
            float: left;
            background: url(/images/ImportantNotice/icon_important_notice.png) no-repeat;
            background-size: 25px auto;
        }

        .navImportantNotice .notice .noticeContent {
            font-size: 14px;
            line-height: 1.6;
            margin-right: 30px;
            padding-right: 20px;
            padding-left: 20px;
            max-height: 135px;
            overflow-y: auto;
            overflow-x: hidden;
        }

            /* 自定义滚动条样式 (WebKit浏览器) */
            .navImportantNotice .notice .noticeContent::-webkit-scrollbar {
                width: 8px;
            }

            .navImportantNotice .notice .noticeContent::-webkit-scrollbar-track {
                background: rgba(58, 113, 178, 0.3);
                border-radius: 4px;
            }

            .navImportantNotice .notice .noticeContent::-webkit-scrollbar-thumb {
                background: #fff;
                border-radius: 4px;
            }

            .navImportantNotice .notice .noticeContent::-webkit-scrollbar-thumb:hover {
                background: rgba(255, 255, 255, 0.8);
            }

            .navImportantNotice .notice .noticeContent p {
                line-height: 1.5;
            }

            .navImportantNotice .notice .noticeContent .item {
                position: relative;
                padding-right: 200px;
                padding-bottom: 15px;
            }

                .navImportantNotice .notice .noticeContent .item:last-child {
                    padding-bottom: 0;
                }

            .navImportantNotice .notice .noticeContent .time {
                position: absolute;
                top: 0;
                right: 0;
                font-size: 14px;
            }

            .navImportantNotice .notice .noticeContent a {
                color: #fff;
            }

            .navImportantNotice .notice .noticeContent .simplebar-track.simplebar-vertical {
                width: 8px;
                background-color: #3a71b2;
                border-radius: 4px;
            }

                .navImportantNotice
                .notice
                .noticeContent
                .simplebar-track.simplebar-vertical
                .simplebar-scrollbar:before {
                    background: #fff;
                    border-radius: 4px;
                    left: 0;
                    right: 0;
                    top: 0;
                    bottom: 0;
                    opacity: 1;
                }



@media (max-width: 1023px) {
    .navImportantNotice .notice {
        padding: 20px 55px 20px 20px;
    }

        .navImportantNotice .notice .btnClose {
            top: 20px;
            right: 20px;
        }

        .navImportantNotice .notice h2 {
            float: none;
            padding-bottom: 20px;
            position: absolute;
            top: 20px;
            left: 20px;
        }

        .navImportantNotice .notice .noticeContent {
            margin: 0;
            padding-left: 44px;
            padding-right: 25px;
            border-left: none;
            max-height: 175px;
        }

            .navImportantNotice .notice .noticeContent .item {
                padding-right: 0;
            }

            .navImportantNotice .notice .noticeContent .time {
                position: static;
                padding-top: 5px;
            }
}



[data-simplebar] {
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit;
}

.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0;
}

.simplebar-offset {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    width: auto;
    visibility: visible;
    max-width: 100%;
    max-height: 100%;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

    .simplebar-content-wrapper::-webkit-scrollbar,
    .simplebar-hide-scrollbar::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

.simplebar-content:before,
.simplebar-content:after {
    content: ' ';
    display: table;
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0;
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}

.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all;
}

.simplebar-scrollbar {
    position: absolute;
    left: 0;
    right: 0;
    min-height: 10px;
}

    .simplebar-scrollbar:before {
        position: absolute;
        content: '';
        background: #000;
        border-radius: 7px;
        left: 2px;
        right: 2px;
        opacity: 0;
        transition: opacity 0.2s linear;
    }

    .simplebar-scrollbar.simplebar-visible:before {
        opacity: 0.5;
        transition: opacity 0s linear;
    }

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px;
}

    .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
        top: 2px;
        bottom: 2px;
    }

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px;
}

    .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
        height: 100%;
        left: 2px;
        right: 2px;
    }

    .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
        right: auto;
        left: 0;
        top: 2px;
        height: 7px;
        min-height: 0;
        min-width: 10px;
        width: auto;
    }

[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0;
}

.hs-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll;
}

.simplebar-hide-scrollbar {
    position: fixed;
    left: 0;
    visibility: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}