/* system ***************************************************/
body {
    color: #666666;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.block {
    position: relative;
}

.col-md-3 {
    width: auto;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-6 {
    width: 50%;
}

.row {
    --bs-gutter-x: 30px;
}

.ratio-16by9,
.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.ratio-4by3,
.embed-responsive-4by3 {
    padding-bottom: 75%
}

.hide {
    display: none !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.1;
    font-weight: 600;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #324545;
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

h1 {
    font-size: 37px;
    margin: 0;
}

h2 {
    font-size: 32px;
}

h3 {
    font-size: 27px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

.small_title {
    margin-bottom: 20px;
    margin-top: 20px;
    position: relative;
}

a {
    text-decoration: none;
}

a:focus {
    color: #334947;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    text-decoration: underline;
}

a:not(.btn),
.nav-link:focus {
    color: #334947;
}

.nav-link:hover,
a:not(.btn):hover {
    color: #009673;
}

.nav-item {
    margin: 0;
    padding-top: 0.2em;
}

.nav-link {
    padding: 0;
}

p {
    margin: 0 0 10px;
}

ol,
ul {
    padding-left: 2.5rem;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #eee;
    opacity: 1;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

.btn {
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}

#go-to-top {
    overflow: hidden;
}

/* table */
table.views-table {
    font-size: 18px;
    margin: 0;
    vertical-align: middle;
}

.table>thead {
    vertical-align: middle;
}

tr,
table.views-table tr {
    background: none;
}

/* fields */
.field__label {
    font-weight: bold;
}

.field--label-inline .field__label,
.js-form-item .field__label,
.field--label-inline .field__items {
    float: left;
    /* LTR */
}

.field--label-inline .field__label,
.field--label-inline>.field__item,
.js-form-item>.field__item,
.field--label-inline .field__items {
    padding-right: 0.5em;
}

[dir="rtl"] .field--label-inline .field__label,
[dir="rtl"] .field--label-inline .field__items {
    padding-right: 0;
    padding-left: 0.5em;
}

.field--label-inline .field__label::after {
    content: ":";
}

/* menu */
ul.menu {
    margin-left: 1em;
    /* LTR */
    padding: 0;
    list-style: none outside;
    text-align: left;
    /* LTR */
}

[dir="rtl"] ul.menu {
    margin-right: 1em;
    margin-left: 0;
    text-align: right;
}

.menu-item--expanded {
    list-style-type: circle;
    list-style-image: url(../../../../../../core/misc/menu-expanded.png);
}

.menu-item--collapsed {
    list-style-type: disc;
    list-style-image: url(../../../../../../core/misc/menu-collapsed.png);
    /* LTR */
}

[dir="rtl"] .menu-item--collapsed {
    list-style-image: url(../../../../../../core/misc/menu-collapsed-rtl.png);
}

.menu-item {
    margin: 0;
    padding-top: 0.2em;
}

ul.menu a.is-active {
    color: #000;
}

/* form */
.js-form-item {
    margin-top: 1em;
    margin-bottom: 1em;
}

.js-form-item .description {
    font-size: 0.85em;
}

label {
    color: #999;
    font-weight: 700;
    line-height: 39px;
    display: block;
    max-width: 100%;
    margin-bottom: 5px;
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="email"],
input[type="number"],
textarea.form-control,
input[type="file"] {
    border: 1px solid #ddd;
    padding: 10px 12px;
    color: #666;
    font-size: 13px;
    background: #fff;
    outline: none;
}

.form-textarea-wrapper textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
}

.form-check {
    padding-left: 18px;
}

.form-check-input[type=checkbox] {
    border-color: #575757;
    border-radius: .15em;
    width: 13px;
    height: 13px;
    margin-left: -18px;
    margin-top: 14px;
}

.form-control {
    width: auto;
}

.form-control:focus {
    border-color: #73e4d3;
    outline: 0;
    box-shadow: 0 0 8px 0 rgba(16, 131, 114, .5);
}

.comment-form .form-actions input[type="submit"] {
    background: #009673;
    border: solid 1px #009673;
    color: #fff;
    display: inline-block;
    width: auto;
}

select,
.form-select {
    border: 1px solid #ddd;
    border-radius: 0;
    color: #888;
    font-size: 18px;
    min-height: 40px;
    padding: 9px;
    width: 100%;
    background: #fff;
    appearance: auto;
}

/* Styles for system messages */
.messages {
    margin: 10px 0;
    padding: 15px 20px 15px 35px;
    /* LTR */
    word-wrap: break-word;
    border: 1px solid;
    border-width: 1px 1px 1px 0;
    /* LTR */
    border-radius: 2px;
    background: no-repeat 10px 17px;
    /* LTR */
    overflow-wrap: break-word;
}

[dir="rtl"] .messages {
    padding-right: 35px;
    padding-left: 20px;
    text-align: right;
    border-width: 1px 0 1px 1px;
    background-position: right 10px top 17px;
}

.messages+.messages {
    margin-top: 1.538em;
}

.messages__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.messages__item+.messages__item {
    margin-top: 0.769em;
}

/* See .color-success in Seven's colors.css */
.messages--status {
    color: #325e1c;
    border-color: #c9e1bd #c9e1bd #c9e1bd transparent;
    /* LTR */
    background-color: #f3faef;
    background-image: url(../../../../../../core/misc/icons/73b355/check.svg);
    box-shadow: -8px 0 0 #77b259;
    /* LTR */
}

[dir="rtl"] .messages--status {
    margin-left: 0;
    border-color: #c9e1bd transparent #c9e1bd #c9e1bd;
    box-shadow: 8px 0 0 #77b259;
}

/* See .color-warning in Seven's colors.css */
.messages--warning {
    color: #734c00;
    border-color: #f4daa6 #f4daa6 #f4daa6 transparent;
    /* LTR */
    background-color: #fdf8ed;
    background-image: url(../../../../../../core/misc/icons/e29700/warning.svg);
    box-shadow: -8px 0 0 #e09600;
    /* LTR */
}

[dir="rtl"] .messages--warning {
    border-color: #f4daa6 transparent #f4daa6 #f4daa6;
    box-shadow: 8px 0 0 #e09600;
}

/* See .color-error in Seven's colors.css */
.messages--error {
    color: #a51b00;
    border-color: #f9c9bf #f9c9bf #f9c9bf transparent;
    /* LTR */
    background-color: #fcf4f2;
    background-image: url(../../../../../../core/misc/icons/e32700/error.svg);
    box-shadow: -8px 0 0 #e62600;
    /* LTR */
}

[dir="rtl"] .messages--error {
    border-color: #f9c9bf transparent #f9c9bf #f9c9bf;
    box-shadow: 8px 0 0 #e62600;
}

.messages--error p.error {
    color: #a51b00;
}

/* Styles for form components */
form .field-multiple-table {
    margin: 0;
}

form .field-multiple-table .field-multiple-drag {
    width: 30px;
    padding-right: 0;
    /* LTR */
}

[dir="rtl"] form .field-multiple-table .field-multiple-drag {
    padding-left: 0;
}

form .field-multiple-table .field-multiple-drag .tabledrag-handle {
    padding-right: 0.5em;
    /* LTR */
}

[dir="rtl"] form .field-multiple-table .field-multiple-drag .tabledrag-handle {
    padding-right: 0;
    padding-left: 0.5em;
}

form .field-add-more-submit {
    margin: 0.5em 0 0;
}

/* Markup generated by Form API. */
.form-item,
.form-actions {
    margin-top: 1em;
    margin-bottom: 1em;
}

tr.odd .form-item,
tr.even .form-item {
    margin-top: 0;
    margin-bottom: 0;
}

.form-composite>.fieldset-wrapper>.description,
.form-item .description {
    font-size: 0.85em;
}

label.form-check-label {
    display: inline;
    font-weight: normal;
}

.form-composite>legend,
.label {
    display: inline;
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-weight: bold;
}

.form-checkboxes .form-item,
.form-radios .form-item {
    margin-top: 0.4em;
    margin-bottom: 0.4em;
}

.form-type-radio .description,
.form-type-checkbox .description {
    margin-left: 2.4em;
    /* LTR */
}

[dir="rtl"] .form-type-radio .description,
[dir="rtl"] .form-type-checkbox .description {
    margin-right: 2.4em;
    margin-left: 0;
}

.marker {
    color: #e00;
}

.form-required:after {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0.3em;
    content: "";
    vertical-align: super;
    /* Use a background image to prevent screen readers from announcing the text. */
    background-image: url(../../../../../../core/misc/icons/ee0000/required.svg);
    background-repeat: no-repeat;
    background-size: 6px 6px;
}

abbr.tabledrag-changed,
abbr.ajax-changed {
    border-bottom: none;
}

.form-item input.error,
.form-item textarea.error,
.form-item select.error {
    border: 2px solid red;
}

/* Inline error messages. */
.form-item--error-message:before {
    display: inline-block;
    width: 14px;
    height: 14px;
    content: "";
    vertical-align: sub;
    background: url(../../../../../../core/misc/icons/e32700/error.svg) no-repeat;
    background-size: contain;
}

/* Default style for file module */
/* File icons. */
.file {
    display: inline-block;
    min-height: 16px;
    padding-left: 20px;
    /* LTR */
    background-repeat: no-repeat;
    background-position: left center;
    /* LTR */
}

[dir="rtl"] .file {
    padding-right: 20px;
    padding-left: inherit;
    background-position: right center;
}

.file--general,
.file--application-octet-stream {
    background-image: url(../images/icons/application-octet-stream.png);
}

.file--package-x-generic {
    background-image: url(../images/icons/package-x-generic.png);
}

.file--x-office-spreadsheet {
    background-image: url(../images/icons/x-office-spreadsheet.png);
}

.file--x-office-document {
    background-image: url(../images/icons/x-office-document.png);
}

.file--x-office-presentation {
    background-image: url(../images/icons/x-office-presentation.png);
}

.file--text-x-script {
    background-image: url(../images/icons/text-x-script.png);
}

.file--text-html {
    background-image: url(../images/icons/text-html.png);
}

.file--text-plain {
    background-image: url(../images/icons/text-plain.png);
}

.file--application-pdf {
    background-image: url(../images/icons/application-pdf.png);
}

.file--application-x-executable {
    background-image: url(../images/icons/application-x-executable.png);
}

.file--audio {
    background-image: url(../images/icons/audio-x-generic.png);
}

.file--video {
    background-image: url(../images/icons/video-x-generic.png);
}

.file--text {
    background-image: url(../images/icons/text-x-generic.png);
}

.file--image {
    background-image: url(../images/icons/image-x-generic.png);
}

/* modal */
.modal-backdrop,
.modal-backdrop.show {
    opacity: 0.9;
}

.modal-dialog {
    max-width: 1000px;
    width: 100%;
}

.modal-content {
    border: none;
}

.modal-content .btn-close {
    z-index: 9994;
    width: 120px;
    height: 50px;
    position: fixed;
    right: 15px;
    top: 0;
    padding: 0;
    color: #fff;
    font-size: 35px;
    box-shadow: none;
    opacity: 1;
}

.modal-content .btn-close::before {
    content: '× 關閉';
}

#CatMenuModal {
    font-size: 14px;
}

#CatMenuModal.show {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

#CatMenuModal .modal-content .modal-body {
    padding: 20px;
}

#CatMenuModal .modal-content .modal-body .row {
    margin-left: 0;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 15px;
}

#CatMenuModal .modal-content .modal-body .row a {
    display: contents;
}

#CatMenuModal .modal-content .modal-body .row a .col-md-4.e123_homepage_12cat {
    width: 30%;
}

/* modal end */

/* Styles for buttons */
.button,
.image-button {
    margin-right: 1em;
    margin-left: 1em;
}

.button:first-child,
.image-button:first-child {
    margin-right: 0;
    margin-left: 0;
}

/* Header ***************************************************/
.region-logo {
    margin-left: 0;
    margin-right: 0;
}

.region-logo #block-e123-enar-sub-branding {
    padding-left: 0;
    padding-right: 0;
}

.region-logo-for-mobile {
    display: block;
}

/* Menu ***************************************************/
.header_menu .e123_header_menu>.col-xs-12:last-child {
    padding-left: 15px;
    padding-right: 15px;
}

.header_menu .e123_menu_content>div>.row {
    margin: 0;
}

.header_menu .e123_menu_content>div>.row .navigation {
    padding: 0;
}

/* Footer ***************************************************/
.region-footer-copyright-menu,
.region-footer-copyright {
    margin-left: 0;
    margin-right: 0;
}

.region-footer-copyright-menu nav {
    padding-left: 0;
    padding-right: 0;
}

/* Register Page ***************************************************/
body.page-user-register.e123_user_page div#group-basic-info h3 {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 20px;
    margin-top: 50px;
    color: #108372;
}

body.e123_user_page #block-e123-enar-sub-content label {
    font-size: 22px;
    color: #262626;
}

body.e123_user_page #block-e123-enar-sub-content .form-actions {
    text-align: center;
}

/* Home Page ***************************************************/
.home-mobile-carousel,
.home-mobile-carousel-play-pause-btns {
    display: none;
}

#block-views-block-e123-12cat-home-content-block-2 h2 {
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 18px;
}

.row.region-front-fullwidth,
.row.region-front-fullwidth-2 {
    margin-left: 0;
    margin-right: 0;
}

.row.region-front-fullwidth>div,
.row.region-front-fullwidth-2>div {
    padding-left: 0;
    padding-right: 0;
}

.like_comment_share_bookmark>.col-xs-6 {
    float: left;
}

.like_comment_share_bookmark::after {
    clear: both;
    content: "";
    display: block;
}

.e123_homepage_ecentre_banner img {
    width: auto;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
}

.e123_homepage_ecentre_section .region-front-about-e-center {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

#block-views-block-e-center-latest-content-block-1 {
    padding-left: 0;
    padding-right: 0;
}

.e123_homepage_ecentre_section h3 {
    padding-left: 0;
    padding-right: 0;
}

.e123_ecentre_post_user_info {
    display: block;
}

.e123_ecentre_post_user_info::after {
    clear: both;
    content: '';
    display: block;
}

.e123_ecentre_post_user_info>div {
    float: left;
}

.e123_ecentre_post_img>img {
    padding-left: 0;
    padding-right: 0;
}

.e123_homepage_ecentre_section .e123_ecentre_post_user_info .col-lg-8 {
    width: 66.66666667%;
}

.view-e123-12cat-home-banner-before-footer .view-content {
    margin-left: 0;
    margin-right: 0;
}

/* Breadcrumb ***************************************************/
#block-e123-enar-sub-breadcrumbs {
    color: #888;
    font-size: 12px;
    line-height: 40px;
    text-align: right;
    padding-left: 15px;
    padding-right: 15px;
    margin: 165px 0 30px;
}

#block-e123-enar-sub-breadcrumbs .breadcrumb {
    margin-bottom: 0;
    padding: 8px 0;
}

#block-e123-enar-sub-breadcrumbs .breadcrumb ol {
    margin: 0;
    padding: 0;
}

#block-e123-enar-sub-breadcrumbs .breadcrumb ol li {
    display: inline;
    list-style-type: none;
    margin: 0 2px;
    padding: 0;
}

#block-e123-enar-sub-breadcrumbs .breadcrumb ol li::before {
    color: #585858;
    content: "\f105";
    font-family: 'idealtheme';
    padding-left: 6px;
    padding-right: 8px;
}

#block-e123-enar-sub-breadcrumbs .breadcrumb ol li:first-child::before {
    content: '';
}

#block-e123-enar-sub-breadcrumbs .breadcrumb ol li:last-child {
    color: #585858 !important;
}

/* Detail Page ***************************************************/
.e123_main_content {
    margin-top: 0;
    align-items: self-start;
}

.e123_have-left-have-right .region-left-siderbar,
.e123_have-left-have-right .region-content,
.e123_have-left-have-right .region-right-siderbar,
.e123_no-left-have-right>div:first-child>*,
.e123_no-left-have-right .region-right-siderbar,
.e123_have-left-no-right .region-left-siderbar {
    margin-left: 0;
    margin-right: 0;
}

.e123_have-left-have-right .region-right-siderbar {
    --bs-gutter-x: 0;
}

.region-left-siderbar .block-menu ul.nav {
    display: block;
}

.region-left-siderbar .block-menu ul.nav li {
    margin-left: 0px;
    padding: 15px 20px 15px 10px;
}

.region-left-siderbar .block-menu ul.nav li:not(:last-child) {
    border-bottom: 1px solid #ececec;
}

.region-left-siderbar .block-menu ul.nav li:hover {
    background-color: #737373;
    cursor: pointer;
}

.region-left-siderbar .block-menu ul.nav li a {
    width: 100%;
    display: inline-block;
    padding-left: 18px;
    font-size: 22px;
    transition: none;
}

.region-left-siderbar .block-menu ul.nav>li.nav-item:not(.menu-item--expanded):hover>a,
.region-left-siderbar .block-menu ul.nav>li.nav-item:not(.menu-item--expanded).active:hover>a,
.region-left-siderbar .block-menu ul.nav>li.menu-item--expanded ul li.nav-item:hover a {
    color: #fff;
    transition: none;
}

.region-left-siderbar .block-menu ul.nav li.nav-item.active {
    padding: 15px 20px 15px 0px;
}

.region-left-siderbar .block-menu ul.nav li.nav-item.menu-item--expanded.active>a {
    color: #027765;
}

.region-left-siderbar .block-menu ul.nav li.nav-item.menu-item--expanded.active>a:hover,
.region-left-siderbar .block-menu ul.nav li.nav-item.menu-item--expanded.active>a:focus {
    color: #fff;
}

.region-left-siderbar .block-menu ul.nav>li ul.menu {
    padding-left: 0;
}

.region-left-siderbar .block-menu ul.nav>li ul.menu li {
    padding: 15px 20px 15px 0px;
}

.region-left-siderbar .block-menu ul.nav>li ul.menu li:not(:last-child) {
    border-bottom: 1px solid #ffffff;
}

.region-left-siderbar .block-menu ul.nav>li ul.menu li a {
    width: 100%;
    display: inline-block;
    padding-left: 50px;
    font-size: 22px;
}

/* .region-left-siderbar ul.nav>li.menu-item--expanded {
    border-left: 0px !important;
    padding: 0px !important;
    background-color: #f8f8f8;
} */
.region-left-siderbar ul.nav>li.menu-item--expanded>a {
    padding: 15px 20px 15px 28px;
    background-color: #ffffff;
}

/* .region-left-siderbar ul.nav>li.menu-item--expanded.active>a {
    padding: 15px 20px 15px 20px;
} */
.region-left-siderbar [class*="menu--e123-submenu-"] ul.nav li.active ul li.active::before {
    background-image: url(../images/sidebar_arrow/admin_arrow.svg);
    content: " ";
    background-repeat: no-repeat;
    width: 20px;
    height: 31px;
    position: absolute;
    display: inline-block;
    left: 30px;
    margin-top: 7px;
}

.region-left-siderbar [class*="menu--e123-submenu-1"] ul.nav>li:hover {
    background-color: #164073 !important;
}

.region-left-siderbar [class*="menu--e123-submenu-1"] ul.nav>li.nav-item.active {
    border-left: 8px solid #22538e;
}

.region-left-siderbar [class*="menu--e123-submenu-2"] ul.nav>li:hover {
    background-color: #176169 !important;
}

.region-left-siderbar [class*="menu--e123-submenu-2"] ul.nav>li.nav-item.active {
    border-left: 8px solid #237d87;
}

.region-left-siderbar [class*="menu--e123-submenu-3"] ul.nav>li:hover {
    background-color: #4f33a8 !important;
}

.region-left-siderbar [class*="menu--e123-submenu-3"] ul.nav>li.nav-item.active {
    border-left: 8px solid #7359c8;
}

.region-left-siderbar [class*="menu--e123-submenu-4"] ul.nav>li:hover {
    background-color: #864d03 !important;
}

.region-left-siderbar [class*="menu--e123-submenu-4"] ul.nav>li.nav-item.active {
    border-left: 8px solid #ad6301;
}

.region-left-siderbar [class*="menu--e123-submenu-6"] ul.nav>li:hover {
    background-color: #7a2610 !important;
}

.region-left-siderbar [class*="menu--e123-submenu-6"] ul.nav>li.nav-item.active {
    border-left: 8px solid #9e3a20;
}

.region-left-siderbar [class*="menu--e123-submenu-7"] ul.nav>li:hover {
    background-color: #775c38 !important;
}

.region-left-siderbar [class*="menu--e123-submenu-7"] ul.nav>li.nav-item.active {
    border-left: 8px solid #8c714c;
}

.region-left-siderbar [class*="menu--e123-submenu-7"] ul.nav li ul li {
    background-color: #f5f3ea;
}

.region-left-siderbar [class*="menu--e123-submenu-7"] ul.nav>li.menu-item--expanded.active>a {
    border-left: 8px solid #8c714c;
    color: #8c714c;
}

.region-left-siderbar [class*="menu--e123-submenu-7"] ul.nav>li.menu-item--expanded>a:hover {
    background-color: #775c38;
    color: #ffffff !important;
}

.region-left-siderbar [class*="menu--e123-submenu-7"] ul.nav>li.menu-item--expanded ul li.nav-item:hover {
    background-color: #775c38;
}

.region-left-siderbar [class*="menu--e123-submenu-7"] ul.nav>li.active ul li.active::before {
    background-image: url(../images/sidebar_arrow/cat07_arrow.svg);
}

.region-left-siderbar [class*="menu--e123-submenu-8"] ul.nav>li:hover {
    background-color: #9a2950 !important;
}

.region-left-siderbar [class*="menu--e123-submenu-8"] ul.nav>li.nav-item.active {
    border-left: 8px solid #c3436f;
}

.region-left-siderbar [class*="menu--e123-submenu-8"] ul.nav li ul li {
    background-color: #fdf4f7;
}

.region-left-siderbar [class*="menu--e123-submenu-8"] ul.nav>li.menu-item--expanded.active>a {
    border-left: 8px solid #c3436f;
    color: #c3436f;
}

.region-left-siderbar [class*="menu--e123-submenu-8"] ul.nav>li.menu-item--expanded>a:hover {
    background-color: #9a2950;
    color: #ffffff !important;
}

.region-left-siderbar [class*="menu--e123-submenu-8"] ul.nav>li.menu-item--expanded ul li.nav-item:hover {
    background-color: #9a2950;
}

.region-left-siderbar [class*="menu--e123-submenu-8"] ul.nav>li.active ul li.active::before {
    background-image: url(../images/sidebar_arrow/cat08_arrow.svg);
}

.region-left-siderbar [class*="menu--e123-submenu-9"] ul.nav>li:hover {
    background-color: #86318b !important;
}

.region-left-siderbar [class*="menu--e123-submenu-9"] ul.nav>li.nav-item.active {
    border-left: 8px solid #a555aa;
}

.region-left-siderbar [class*="menu--e123-submenu-9"] ul.nav li ul li {
    background-color: #f6e7f7;
}

.region-left-siderbar [class*="menu--e123-submenu-9"] ul.nav>li.menu-item--expanded.active>a {
    border-left: 8px solid #a555aa;
    color: #a555aa;
}

.region-left-siderbar [class*="menu--e123-submenu-9"] ul.nav>li.menu-item--expanded>a:hover {
    background-color: #86318b;
    color: #ffffff !important;
}

.region-left-siderbar [class*="menu--e123-submenu-9"] ul.nav>li.menu-item--expanded ul li.nav-item:hover {
    background-color: #86318b;
}

.region-left-siderbar [class*="menu--e123-submenu-9"] ul.nav>li.active ul li.active::before {
    background-image: url(../images/sidebar_arrow/cat09_arrow.svg);
}

.region-left-siderbar [class*="menu--e123-submenu-11"] ul.nav>li:hover {
    background-color: #a62d1f !important;
}

.region-left-siderbar [class*="menu--e123-submenu-11"] ul.nav>li.nav-item.active {
    border-left: 8px solid #d23d2b;
}

.region-left-siderbar [class*="menu--e123-submenu-12"] ul.nav>li:hover {
    background-color: #58651b !important;
}

.region-left-siderbar [class*="menu--e123-submenu-12"] ul.nav>li.nav-item.active {
    border-left: 8px solid #6f7d2b;
}

.e123_page_title_after_exposed #block-e123-enar-sub-page-title .title {
    color: #ffffff !important;
    font-size: 28px !important;
    font-weight: 500 !important;
    font-family: "Microsoft JhengHei", "微軟正黑體" !important;
}

.e123_main_content .title .field--name-title {
    font-size: 36px;
    padding-bottom: 10px;
    color: #ad6301;
    font-weight: 400;
}

[class*="e123_node_page_e123_elder_info_"] #block-e123-enar-sub-page-title .title {
    color: #22538e;
    font-size: 37px;
    max-width: 800px;
}

[class*="e123_node_page_e123_elder_info_"] #block-e123-enar-sub-page-title .title img {
    padding-left: 10px;
    margin-bottom: 1px;
    height: 27px;
}

[class*="e123_node_page_e123_elder_info_1"] .e123_main_content .title .field--name-title {
    color: #22538e;
}

[class*="e123_node_page_e123_elder_info_2"] .e123_main_content .title .field--name-title {
    color: #237d87;
}

[class*="e123_node_page_e123_elder_info_3"] .e123_main_content .title .field--name-title {
    color: #7359c8;
}

[class*="e123_node_page_e123_elder_info_4"] .e123_main_content .title .field--name-title {
    color: #ad6301;
}

.e123_node_page_e123_elder_info_4a3 .e123_main_content .title .field--name-title {
    color: #3d7640;
}

[class*="e123_node_page_e123_elder_info_5"] .e123_main_content .title .field--name-title {
    color: #3d7640;
}

[class*="e123_node_page_e123_elder_info_6"] .e123_main_content .title .field--name-title {
    color: #9e3a20;
}

[class*="e123_node_page_e123_elder_info_7"] .e123_main_content .title .field--name-title {
    color: #8c714c;
}

[class*="e123_node_page_e123_elder_info_8"] .e123_main_content .title .field--name-title {
    color: #c3436f;
}

[class*="e123_node_page_e123_elder_info_9"] .e123_main_content .title .field--name-title {
    color: #a555aa;
}

[class*="e123_node_page_e123_elder_info_10"] .e123_main_content .title .field--name-title {
    color: #277caa !important;
}

[class*="e123_node_page_e123_elder_info_11"] .e123_main_content .title .field--name-title {
    color: #d23d2b !important;
}

[class*="e123_node_page_e123_elder_info_12"] .e123_main_content .title .field--name-title {
    color: #6f7d2b !important;
}

/* #block-ad2hardcodefortemp {
    padding-left: 0;
    padding-right: 0;
} */
.view-e123-details-images .view-content .views-row {
    background: none;
    box-shadow: none;
    padding: 0;
    margin-bottom: 0;
}

.view-e123-details-images .view-content .views-row .views-field-field-image-1 .field-content {
    display: inline;
}

/* swd pubsvc elderly */
.page-node-921708 .e123_main_content.e123_have-left-have-right .e123_page_title_after_exposed {
    display: none !important;
}

.pubsvc-content .field--name-field-description {
    padding-left: 0;
    padding-right: 0;
}

.pubsvc-content .pubsvc-row {
    padding-left: 0;
}

.pubsvc-content .pubsvc-row li {
    list-style: none;
    border-radius: 20px;
    background: #FFF;
    margin-bottom: 20px;
    box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.08), 0 1px 3px 1px rgba(83, 178, 252, 0.16);
}

.pubsvc-content .pubsvc-row li a {
    display: flex;
    align-items: center;
    padding: 25px 30px;
}

.pubsvc-content .pubsvc-row li a p {
    margin: 0 30px 0 0;
}

[class*="page-node-"] .field--name-field-e123-content-tags a {
    background-color: #ffffff;
    border: 2px solid #dadada;
    border-radius: 5px;
    font-size: 22px;
    text-align: center;
    display: inline-block;
    margin: 10px 10px 10px 0px;
    padding: 5px 15px;
}

.e123_no-left-have-right #block-views-block-field-in-block-block-1 .view-content {
    padding-left: 15px;
    padding-right: 15px;
}

.e123_no-left-have-right .field--type-entity-reference {
    margin-bottom: 0;
}

.e123_detail_page_social_icons_on_top_of_comment {
    display: block;
}

.e123_detail_page_social_icons_on_top_of_comment::after {
    clear: both;
    display: table;
    content: " ";
}

.e123_detail_page_social_icons_on_top_of_comment .e123_social_icon {
    float: left;
}

.e123_detail_page_social_icons_on_top_of_comment a {
    padding: 0;
}

/* news */
body.e123_ngo .e123_no-left-have-right .region-page-title,
.e123_no-left-have-right #block-e123-enar-sub-content {
    padding-left: 15px;
    padding-right: 15px;
}

.e123_no-left-have-right #block-e123-enar-sub-content .field--type-entity-reference.field--label-above .field__label,
.e123_no-left-have-right #block-e123-enar-sub-content .field--name-field-description .field__label,
.e123_no-left-have-right #block-e123-enar-sub-content .field--name-field-text-plain .field__label {
    font-weight: bold;
    float: none;
}

/* from */
form.views-exposed-form .d-flex>* {
    margin-bottom: 0 !important;
}

form.views-exposed-form .d-flex .form-item-search {
    width: calc(80% - 110px);
    margin-right: 0.5em;
    margin-top: 0px;
    margin-bottom: 0px;
}

body.e123_ngo_listing form.views-exposed-form .d-flex .form-item-search {
    width: 60%;
}

form.views-exposed-form .d-flex .adv-exposed-items {
    display: none;
    width: 100%;
}

form.views-exposed-form .d-flex .adv-exposed-items .adv-exposed-item {
    display: contents;
}

form.views-exposed-form .d-flex .adv-exposed-items .adv-exposed-item .js-form-item {
    float: left;
    margin-right: 0.5em;
    width: 47%;
    margin-top: 2px;
    margin-bottom: 10px !important;
}

@media (max-width: 768px) {
    form.views-exposed-form .d-flex .adv-exposed-items .adv-exposed-item .js-form-item {
        width: 100%;
    }
}

form.views-exposed-form .d-flex .adv-exposed-items .adv-exposed-item .js-form-item label {
    font-weight: 700;
    line-height: 39px;
    display: block;
    max-width: 100%;
    margin-bottom: 5px;
}

form.views-exposed-form .d-flex .adv-exposed-items .adv-exposed-item .js-form-item select {
    appearance: auto;
    background: #fff;
    border-radius: 0;
    min-height: 40px;
    padding: 9px;
    width: 100%;
}

form.views-exposed-form .d-flex .form-type-textfield input {
    width: 98%;
}

form.views-exposed-form .d-flex .show-adv-exposed-items {
    width: 18%;
    text-align: center;
    float: left;
    background-color: #dadbdb;
    color: #333;
    font-size: 17px;
    border-radius: 8px;
    padding: 12px 0;
    cursor: pointer;
}

form.views-exposed-form .d-flex #edit-actions {
    margin-top: 0px;
}

/* from end */
/* pagination */
nav[aria-label="pagination-heading"] {
    margin: 20px 0;
    text-align: center;
}

nav[aria-label="pagination-heading"]::after {
    clear: both;
    content: '';
    display: table;
}

.pagination {
    display: block;
    margin-bottom: 10px;
    padding-left: 40px;
}

.pagination .page-item {
    display: inline;
    padding: 0.5em;
}

.pagination .page-item.active {
    font-weight: bold;
}

.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link,
.pagination .page-item.active>.page-link,
.pagination .page-item .page-link.active,
.pagination .page-item>a,
.pagination .page-item>span {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
    color: #334947;
    font-size: 18px;
    display: inline-block;
    margin-left: 0;
    padding: 5px 14px;
}

.pagination .page-item[role="presentation"]>span {
    background: none;
    border: none;
    border-radius: 0;
    padding: 0;
}

/* pagination end */
/* comment box */
.comment-box {
    background: #FEFEFE;
    border: 1px solid #e5e5e5;
    margin-bottom: 20px;
    padding: 22px;
}

.comment-box .avatar {
    background: #fff;
    border: 1px solid #ddd;
    float: left;
    margin: 4px 15px 0 4px;
    padding: 4px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}

.comment-box .avatar img {
    width: 75px;
    height: 75px;
}

.comment-box .avatar .default-user {
    width: 75px;
    height: 75px;
    display: block;
    background: url(../images/icon-user.png);
}

.comment-box .author_name {
    font-size: 15px;
    font-weight: 400;
    margin: 0 0 10px;
    text-transform: uppercase;
    color: #009673;
}

.comment-box .author_name a {
    color: #009673;
}

.comment-box .comment_meta {
    display: block;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.comment-box article.profile .field--name-field-user-picture {
    width: 50px;
    border-radius: 50%;
    overflow: hidden;
    height: 50px;
    display: inline-block;
    padding: 0;
}

.comment-box .comment_content {
    margin-left: 110px;
}

.comment-box ul.links.inline {
    list-style: none;
    padding: 0;
}

.comment-box ul.links.inline li {
    display: inline;
    background: #fff;
    border: 1px solid #ddd;
    color: #aaa;
    display: inline-block;
    font-size: 11px;
    margin: 2px 3px 0 0;
    padding: 4px 10px 5px;
}

#e123_prev_next_content_wrapper {
    padding-left: 15px;
    padding-right: 15px;
}

/* comment box end */
/* messages */
.region-messages .alert-wrapper {
    position: relative;
    z-index: 0;
}

.region-messages .alert-wrapper svg {
    display: none;
}

.region-messages .alert-wrapper .alert-heading {
    display: none;
}

.region-messages .alert-wrapper .alert-warning {
    color: #734c00;
    background: #fdf8ed url(../../../../../../core/misc/icons/e29700/warning.svg) 10px 17px no-repeat;
    border-color: #f4daa6 #f4daa6 #f4daa6 transparent;
    /* LTR */
    border-radius: 2px;
    box-shadow: -8px 0 0 #e09600;
    /* LTR */
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 20px 15px 35px;
}

.region-messages .alert-wrapper .alert-success {
    color: #325e1c;
    background: #f3faef url(../../../../../../core/misc/icons/73b355/check.svg) 10px 17px no-repeat;
    border-color: #c9e1bd #c9e1bd #c9e1bd transparent;
    border-radius: 2px;
    box-shadow: -8px 0 0 #77b259;
    /* LTR */
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 20px 15px 35px;
}

.region-messages .alert-wrapper .alert-danger {
    color: #a51b00;
    background: #fcf4f2 url(../../../../../../core/misc/icons/e32700/error.svg) 10px 17px no-repeat;
    border-color: #f9c9bf #f9c9bf #f9c9bf transparent;
    /* LTR */
    border-radius: 2px;
    box-shadow: -8px 0 0 #e62600;
    /* LTR */
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 20px 15px 35px;
}

/* messages end */
.e123_have-left-no-right .e123_content_inner {
    padding-left: 15px;
    padding-right: 15px;
}

.e123_have-left-no-right .e123_content_inner .row {
    --bs-gutter-x: 0;
}

/* popup district */
#district_selection>.col-sm-12 {
    padding-right: 15px;
    padding-left: 15px;
}

/* About Page ***************************************************/
body.e123_about .e123_page_title_after_exposed {
    display: none !important;
}

body.e123_about .node_content .col-12,
body.e123_node_page_e123_elder_info_8c .node_content .col-12 {
    padding-left: 15px;
    padding-right: 15px;
}

body.e123_about .node_content .col-xs-12,
body.e123_about .node_content .col-sm-12,
body.e123_node_page_e123_elder_info_6a .node_content .col-sm-12,
body.e123_node_page_e123_elder_info_8c .node_content .col-sm-12,
body.e123_node_page_e123_elder_info_9a2c .node_content .col-sm-12 {
    float: left;
}

/* Account Page ***************************************************/
body.e123_user_page .e123_main_content .region-left-siderbar {
    padding-left: 15px;
}

#user-account-left,
#user-account-right {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
}

body.e123_user_my_friends .e123_have-left-no-right>div:last-child table {
    color: #575757;
    margin: 0;
}

body.e123_user_my_friends .e123_have-left-no-right>div:last-child table tr th {
    color: #575757;
}

body.e123_user_my_friends .e123_have-left-no-right>div:last-child>* {
    margin-left: 0;
    margin-right: 0;
}

body.e123_user_page .image-preview {
    float: none;
    padding: 0;
}

body.e123_user_page .image-widget-data {
    float: none;
}

body.e123_user_page .form-managed-file.field--type-image img,
body.e123_user_page .field--name-field-user-picture img,
body.e123_user_page .field--type-image img,
body.e123_user_page .field--name-field-user-picture img {
    margin-bottom: 0;
}

/* Verification, Coupon, My Friends Page ***************************************************/
body.page-user-verification .e123_main_content .region-left-siderbar,
body.page-user-my-friends .e123_main_content .region-left-siderbar,
body.e123_user_coupon .e123_main_content .region-left-siderbar {
    padding-left: 15px;
    padding-right: 15px;
}

body.e123_user_my_friends .title,
body.e123_user_coupon h1.title {
    font-size: 28px;
    font-weight: 600;
    padding-bottom: 15px;
}

body.e123_user_my_friends #block-e123-add-friend-ajax-form h2 {
    font-size: 28px;
}

/* Friends List Page ***************************************************/
body.page-view-e-center-friends-list .e123_have-left-no-right #block-e123-enar-sub-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* My Favorite Page ***************************************************/
body.e123_user_page .content .checkbox .js-form-item.mb-3 {
    margin-bottom: 0.4em !important;
}

body.e123_user_page #edit-field-ecenter-taxonomy-wrapper,
body.e123_user_page #edit-field-e123-taxonomy-wrapper {
    margin-bottom: 0 !important;
}

/* Brain Test Memory Page ***************************************************/
.page-node-3 .e123_page_title_after_exposed {
    display: none !important;
}

/* e center group ***************************************************/
.group_menu_bar_before_banner_wrapper_js {
    margin-top: 0;
}

/**************************************************************/
/* Paragraph  ***************************************************/
.paragraph--type--element>.paragraph__column {
    padding-bottom: 0 !important;
}

.paragraph--type--element>.paragraph__column {
    padding: 30px 0;
}

.paragraph--type--element>.paragraph__column {
    margin-right: calc(-.5 * var(--bs-gutter-x)) !important;
    margin-left: calc(-.5 * var(--bs-gutter-x)) !important;
}

.paragraph--type--element>.paragraph__column>div {
    padding: 0px calc(var(--bs-gutter-x) * .5);
}

.paragraph--type--element>.paragraph__column .field--name-field-column {
    display: none;
}

.paragraph--type--element .paragraph--type--bp-tabs .nav-link {
    padding: 10px;
    margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
    background: 0 0;
}

.paragraph--type--element .paragraph--type--bp-tabs .nav-link.active {
    color: var(--bs-nav-tabs-link-active-color);
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: var(--bs-nav-tabs-link-active-border-color);
}
.paragraph--type--element .field--name-field-map-name,
.paragraph--type--element .field--name-field-latitude,
.paragraph--type--element .field--name-field-longitude {
    display: none;
}
/**************************************************************/
/* Media Query ************************************************/
@media (min-width: 480px) {

    /* Menu ***************************************************/
    .header_menu .e123_menu_content .navigation .nav {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 10;
        background-color: white;
        padding: 10px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        width: 100%;
        text-align: center;
        border-radius: 10px;
    }

    .header_menu .e123_menu_content>div:hover .navigation .nav {
        display: block;
    }

    .header_menu .e123_menu_content>div:hover .navigation .nav li {
        padding: 8px 0;
    }

    .header_menu .e123_menu_content>div:hover .navigation .nav li a {
        font-size: 16px;
        padding: 0;
    }

    .header_menu .e123_menu_content .info_9 .navigation .nav .menu {
        display: none;
    }

    /* Detail Page ***************************************************/
    /* from */
    form.views-exposed-form .d-flex #edit-actions,
    form.views-exposed-form .d-flex [id*="edit-actions--"] {
        margin-left: auto;
        margin-top: 0px;
        margin-bottom: 0px !important;
        top: 20px;
        position: absolute;
        right: 20px;
    }

    /* from end */
}

@media (min-width: 768px) {

    /* system ***************************************************/
    /* .col-sm-12 {
        width: 100%
    } */
    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }
}

@media (min-width: 992px) {

    /* system ***************************************************/
    /* .col-md-12 {
        width: 100%
    } */
    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    /* Home Page ***************************************************/
    .region-front-slider {
        margin-top: 130px;
    }

    /* Account Page ***************************************************/
    #user-account-left {
        width: 25%;
    }

    #user-account-right {
        width: 75%;
    }
}

@media (max-width: 991px) {

    /* Footer ***************************************************/
    footer {
        padding-top: 0;
    }

    /* Home Page ***************************************************/
    .region-front-slider {
        margin-top: 54px;
    }

    /* Breadcrumb ***************************************************/
    #block-e123-enar-sub-breadcrumbs {
        margin-top: 55px;
        margin-bottom: 0px;
    }

    /* Detail Page ***************************************************/
    /* from */
    body.e123_ngo_listing form.views-exposed-form .d-flex .form-item-search,
    form.views-exposed-form .d-flex .form-item-search {
        width: 55%;
    }

    /* from end */
    /* Account Page ***************************************************/
    body.e123_user_page .e123_main_content .region-left-siderbar {
        padding-left: 0px;
    }
}

@media (max-width: 767px) {

    /* system ***************************************************/
    .col-md-12 {
        width: 100%
    }

    /* Home Page ***************************************************/
    .home-desktop-carousel,
    .home-desktop-carousel-play-pause-btns {
        display: none;
    }

    .home-mobile-carousel,
    .home-mobile-carousel-play-pause-btns {
        display: block;
    }

    /* Detail Page ***************************************************/
    .e123_have-left-no-right .e123_content_inner {
        padding-left: 0;
        padding-right: 0;
    }

    /* Account Page ***************************************************/
    body.e123_user_page .e123_have-left-no-right>div:last-child>* {
        width: 100% !important;
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 575px) {

    /* system ***************************************************/
    .col-sm-12 {
        width: 100%
    }
}

@media (max-width: 480px) {

    /* Detail Page ***************************************************/
    /* from */
    form.views-exposed-form .d-flex {
        display: block !important;
    }

    form.views-exposed-form .d-flex:after {
        clear: both;
        content: "";
        display: table;
    }

    body.e123_ngo_listing form.views-exposed-form .d-flex .form-item-search,
    form.views-exposed-form .d-flex .form-item-search {
        width: 100%;
        margin-bottom: 20px !important;
        margin-right: 0px;
    }

    form.views-exposed-form .d-flex .form-type-textfield input {
        width: 100%;
    }

    form.views-exposed-form .d-flex .show-adv-exposed-items {
        width: 47%;
        display: inline-block;
        margin-right: 6%;
    }

    form.views-exposed-form .d-flex .form-actions {
        display: inline-block;
        width: 47%;
    }

    /* from end */
    /* Coupon Page ***************************************************/
    body.e123_user_coupon .e123_main_content .region-left-siderbar {
        padding-left: 0;
        padding-right: 0;
    }
}