/* Sub menu section : start */

.region-left_siderbar .menu-item--active-trail ul {
    display: block !important;
}

.region-left_siderbar .menu-item--expanded ul {
    /* display: none; */
}

.region-left_siderbar .block-menu {
    background-color: #ffffff;
    font-size: 20px;
    color: #575757;
    padding: 20px;
    border-radius: 20px;
    padding: 0px;
    box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.08), 0 1px 3px 1px rgba(83, 178, 252, 0.16);
    overflow: hidden;
    margin-bottom: 20px;
}

.region-left_siderbar .block-menu [overwrite-accessibility="h2"] {
    margin: 0px;
    color: #ffffff;
    font-size: 28px;
    font-weight: 400;
    padding: 20px 20px 20px 25px;
    border-bottom: 1px solid #ffffff;
    line-height: 1.1;
}

/* .region-left_siderbar .block-menu h2::before{
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    white-space: nowrap;
} */

.region-left_siderbar .block-menu [overwrite-accessibility="h2"] font {
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 45px;
}

.region-left_siderbar .block-menu ul.menu {
    margin: 0px;
}

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

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

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

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

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

.region-left_siderbar .block-menu>ul.menu>li:not(.menu-item--expanded):hover a,
.region-left_siderbar .block-menu>ul.menu>li.menu-item--active-trail:not(.menu-item--expanded):hover a,
.region-left_siderbar .block-menu>ul.menu>li.menu-item--active-trail:not(.menu-item--expanded):hover a.is-active {
    color: #ffffff;
}

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

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

.region-left_siderbar .block-menu ul.menu li.menu-item--active-trail {
    padding: 15px 20px 15px 0px;
}

.region-left_siderbar .block-menu ul.menu li.menu-item--active-trail>a {
    color: #027765;
}

.region-left_siderbar .block-menu ul.menu li.menu-item--active-trail:hover>a {
    color: #ffffff;
}

.region-left_siderbar .block-menu [overwrite-accessibility="h2"] {
    background-color: #737373;
}

.region-left_siderbar .block-menu [overwrite-accessibility="h2"] font {
    background-image: url("../images/sidebar/sidebar_cat06_icon.svg");
}

.region-left_siderbar .block-menu>ul.menu>li.menu-item--active-trail:not(.menu-item--expanded) {
    border-left: 8px solid #108371;
}

.region-left_siderbar .block-menu>ul.menu>li.menu-item--active-trail:not(.menu-item--expanded):hover {
    background-color: #108371;
}

.region-left_siderbar ul.menu>li.menu-item--expanded {
    border-left: 0px !important;
    padding: 0px !important;
    background-color: #f8f8f8;
}

.region-left_siderbar ul.menu>li.menu-item--expanded>a {
    padding: 15px 20px 15px 28px;
    background-color: #ffffff;
}

.region-left_siderbar ul.menu>li.menu-item--expanded.menu-item--active-trail>a {
    padding: 15px 20px 15px 20px;
}

.region-left_siderbar ul.menu>li.menu-item--expanded>a:hover {
    background-color: #22538e;
    color: #ffffff;
}

.region-left_siderbar ul.menu>li.menu-item--expanded.menu-item--active-trail>a {
    border-left: 8px solid #108371;
}

.region-left_siderbar .block-menu ul.menu li a.is-active {
    color: #108371;
}

.region-left_siderbar .block-menu ul.menu li a.is-active:hover {
    color: #ffffff;
}

.e123_have-left-have-right .region-page-title {
    display: none;
}

.e123_have-left-have-right .region-left_siderbar,
.e123_have-left-have-right .region-content,
.e123_have-left-have-right .region-right-siderbar {
    padding-left: 0px;
    padding-right: 0px;
}

.region-left_siderbar ul.menu>li.menu-item--expanded.menu-item--active-trail:hover>a {
    color: #ffffff;
}

/* For sub cat menu */
.region-left_siderbar [class*="menu--e123-submenu-"] ul.menu>li.menu-item--expanded.menu-item--active-trail ul li.menu-item:hover a,
.region-left_siderbar [class*="menu--e123-submenu-"] ul.menu>li.menu-item--expanded.menu-item--active-trail ul li.menu-item a:hover,
.region-left_siderbar [class*="menu--e123-submenu-"] ul.menu>li.menu-item--expanded>a:hover {
    color: #ffffff;
}

.region-left_siderbar [class*="menu--e123-submenu-"] ul.menu li.menu-item--active-trail ul li.menu-item--active-trail::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;
}

/* Category 01 color */
.region-left_siderbar [class*="menu--e123-submenu-1"] [overwrite-accessibility="h2"] {
    background-color: #22538e;
}

.region-left_siderbar [class*="menu--e123-submenu-1"] [overwrite-accessibility="h2"] font {
    background-image: url("../images/sidebar/sidebar_cat01_icon.svg");
}

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

.region-left_siderbar [class*="menu--e123-submenu-1"] ul.menu li.menu-item--active-trail:not(.menu-item--expanded) {
    border-left: 8px solid #22538e;
}

.region-left_siderbar [class*="menu--e123-submenu-1"] ul.menu li a.is-active {
    color: #22538e;
}

[class*="view-e123-1"] .e123-box-title,
[class*="view-e123-1"] .e123-box-title a {
    color: #22538e;
}

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

.region-left_siderbar [class*="menu--e123-submenu-1"] ul.menu>li.menu-item--expanded>a:hover {
    background-color: #164073;
    color: #ffffff;
}

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

/* for cat01 title color */
[class*="view-e123-1"] .e123_page_title_after_exposed {
    background-color: #22538e;
}

.region-left_siderbar [class*="menu--e123-submenu-1"] ul.menu li ul li {
    background-color: #c4d6ec;
}

.region-left_siderbar [class*="menu--e123-submenu-1"] ul.menu li.menu-item--active-trail ul li.menu-item--active-trail::before {
    background-image: url(../images/sidebar_arrow/cat01_arrow.svg);
}

/* For cat01 sub cat */
.region-left_siderbar [class*="menu--e123-submenu-1"] ul.menu>li.menu-item--expanded>a:hover {
    background-color: #164073;
    color: #ffffff !important;
}

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

.region-left_siderbar [class*="menu--e123-submenu-1"] ul.menu>li.menu-item--expanded ul li.menu-item:hover {
    background-color: #164073;
}

.region-left_siderbar [class*="menu--e123-submenu-1"] ul.menu>li.menu-item--expanded ul li.menu-item:hover a {
    color: #ffffff;
}


/* Category 02 color */
.region-left_siderbar [class*="menu--e123-submenu-2"] [overwrite-accessibility="h2"] {
    background-color: #237d87;
}

.region-left_siderbar [class*="menu--e123-submenu-2"] [overwrite-accessibility="h2"] font {
    background-image: url("../images/sidebar/sidebar_cat02_icon.svg");
}

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

.region-left_siderbar [class*="menu--e123-submenu-2"] ul.menu li.menu-item--active-trail:not(.menu-item--expanded) {
    border-left: 8px solid #237d87;
}

.region-left_siderbar [class*="menu--e123-submenu-2"] ul.menu li a.is-active {
    color: #237d87;
}

[class*="view-e123-2"] .e123-box-title,
[class*="view-e123-2"] .e123-box-title a {
    color: #237d87;
}

/* for cat02 title color */
[class*="view-e123-2"] .e123_page_title_after_exposed {
    background-color: #237d87;
}

.region-left_siderbar [class*="menu--e123-submenu-2"] ul.menu li ul li {
    background-color: #bcd7da;
}

.region-left_siderbar [class*="menu--e123-submenu-2"] ul.menu li.menu-item--active-trail ul li.menu-item--active-trail::before {
    background-image: url(../images/sidebar_arrow/cat03_arrow.svg);
}

/* For cat02 sub cat */
.region-left_siderbar [class*="menu--e123-submenu-2"] ul.menu>li.menu-item--expanded>a:hover {
    background-color: #176169;
    color: #ffffff !important;
}

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

.region-left_siderbar [class*="menu--e123-submenu-2"] ul.menu>li.menu-item--expanded.menu-item--active-trail ul li.menu-item:hover {
    background-color: #176169;
}

.region-left_siderbar [class*="menu--e123-submenu-2"] ul.menu>li.menu-item--expanded ul li.menu-item:hover a {
    color: #ffffff;
}


/* Category 03 color */
.region-left_siderbar [class*="menu--e123-submenu-3"] [overwrite-accessibility="h2"] {
    background-color: #7359c8;
}

.region-left_siderbar [class*="menu--e123-submenu-3"] [overwrite-accessibility="h2"] font {
    background-image: url("../images/sidebar/sidebar_cat03_icon.svg");
}

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

.region-left_siderbar [class*="menu--e123-submenu-3"] ul.menu li.menu-item--active-trail:not(.menu-item--expanded) {
    border-left: 8px solid #7359c8;
}

.region-left_siderbar [class*="menu--e123-submenu-3"] ul.menu li a.is-active {
    color: #7359c8;
}

[class*="view-e123-3"] .e123-box-title,
[class*="view-e123-3"] .e123-box-title a {
    color: #7359c8;
}

/* for cat03 title color */
[class*="view-e123-3"] .e123_page_title_after_exposed {
    background-color: #7359c8;
}

.region-left_siderbar [class*="menu--e123-submenu-3"] ul.menu li ul li {
    background-color: #d8cef9;
}

.region-left_siderbar [class*="menu--e123-submenu-3"] ul.menu li.menu-item--active-trail ul li.menu-item--active-trail::before {
    background-image: url(../images/sidebar_arrow/cat03_arrow.svg);
}

/* For cat03 sub cat */
.region-left_siderbar [class*="menu--e123-submenu-3"] ul.menu>li.menu-item--expanded>a:hover {
    background-color: #4f33a8;
    color: #ffffff !important;
}

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

.region-left_siderbar [class*="menu--e123-submenu-3"] ul.menu>li.menu-item--expanded ul li.menu-item:hover {
    background-color: #4f33a8;
}

.region-left_siderbar [class*="menu--e123-submenu-3"] ul.menu>li.menu-item--expanded ul li.menu-item:hover a {
    color: #ffffff;
}

/* Category 04 color */
.region-left_siderbar [class*="menu--e123-submenu-4"] [overwrite-accessibility="h2"] {
    background-color: #ad6301;
}

.region-left_siderbar [class*="menu--e123-submenu-4"] [overwrite-accessibility="h2"] font {
    background-image: url("../images/sidebar/sidebar_cat04_icon.svg");
}

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

.region-left_siderbar [class*="menu--e123-submenu-4"] ul.menu li.menu-item--active-trail:not(.menu-item--expanded) {
    /* border-left: 8px solid #ad6301; */
}


.region-left_siderbar [class*="menu--e123-submenu-4"] ul.menu li a.is-active {
    color: #ad6301;
}

[class*="view-e123-4"] .e123-box-title,
[class*="view-e123-4"] .e123-box-title a {
    color: #ad6301;
}

/* for cat04 title color */
[class*="view-e123-4"] .e123_page_title_after_exposed {
    background-color: #ad6301;
}

[class*="view-e123-4a1v2-to-5-"] .e123_page_title_after_exposed {
    background-color: #3d7640;
}

.region-left_siderbar [class*="menu--e123-submenu-4"] ul.menu li ul li {
    background-color: #fdf6eb;
}

.region-left_siderbar [class*="menu--e123-submenu-4"] ul.menu li.menu-item--active-trail ul li.menu-item--active-trail::before {
    background-image: url(../images/sidebar_arrow/cat04_arrow.svg);
}

/* For cat04 sub cat */
.region-left_siderbar [class*="menu--e123-submenu-4"] ul.menu>li.menu-item--expanded>a:hover {
    background-color: #864d03;
    color: #ffffff !important;
}

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

.region-left_siderbar [class*="menu--e123-submenu-4"]>ul.menu>li.menu-item--active-trail:not(.menu-item--expanded) {
    border-left: 8px solid #ad6301;
}

.region-left_siderbar [class*="menu--e123-submenu-4"] ul.menu>li.menu-item--expanded ul li.menu-item:hover {
    background-color: #864d03;
}

.region-left_siderbar [class*="menu--e123-submenu-4"] ul.menu>li.menu-item--expanded ul li.menu-item:hover a {
    color: #ffffff;
}



/* Category 05 color */
.region-left_siderbar [class*="menu--e123-submenu-5"] [overwrite-accessibility="h2"] {
    background-color: #3d7640;
}

.region-left_siderbar [class*="menu--e123-submenu-5"] [overwrite-accessibility="h2"] font {
    background-image: url("../images/sidebar/sidebar_cat05_icon.svg");
}

.region-left_siderbar [class*="menu--e123-submenu-5"] ul.menu li:hover {
    background-color: #1f5a22 !important;
    ;
}

.region-left_siderbar [class*="menu--e123-submenu-5"] ul.menu li.menu-item--active-trail:not(.menu-item--expanded) {
    border-left: 8px solid #3d7640;
}

.region-left_siderbar [class*="menu--e123-submenu-5"] ul.menu li a.is-active {
    color: #3d7640;
}

[class*="view-e123-5"] .e123-box-title,
[class*="view-e123-5"] .e123-box-title a {
    color: #3d7640;
}

/* for cat05 title color */
[class*="view-e123-5"] .e123_page_title_after_exposed {
    background-color: #3d7640;
}

.region-left_siderbar [class*="menu--e123-submenu-5"] ul.menu li ul li {
    background-color: #c7e2c9;
}

.region-left_siderbar [class*="menu--e123-submenu-5"] ul.menu li.menu-item--active-trail ul li.menu-item--active-trail::before {
    background-image: url(../images/sidebar_arrow/cat05_arrow.svg);
}

/* For cat05 sub cat */
.region-left_siderbar [class*="menu--e123-submenu-5"] ul.menu>li.menu-item--expanded>a:hover {
    background-color: #1f5a22;
    color: #ffffff !important;
}

.region-left_siderbar [class*="menu--e123-submenu-5"] ul.menu>li.menu-item--expanded.menu-item--active-trail>a {
    border-left: 8px solid #3d7640;
    color: #3d7640;
}

.region-left_siderbar [class*="menu--e123-submenu-5"] ul.menu>li.menu-item--expanded ul li.menu-item:hover {
    background-color: #1f5a22;
}

.region-left_siderbar [class*="menu--e123-submenu-5"] ul.menu>li.menu-item--expanded ul li.menu-item:hover a {
    color: #ffffff;
}

/* Category 06 color */
.region-left_siderbar [class*="menu--e123-submenu-6"] [overwrite-accessibility="h2"] {
    background-color: #9e3a20;
}

.region-left_siderbar [class*="menu--e123-submenu-6"] [overwrite-accessibility="h2"] font {
    background-image: url("../images/sidebar/sidebar_cat06_icon.svg");
}

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

.region-left_siderbar [class*="menu--e123-submenu-6"] ul.menu li.menu-item--active-trail:not(.menu-item--expanded) {
    border-left: 8px solid #9e3a20;
}

.region-left_siderbar [class*="menu--e123-submenu-6"] ul.menu li a.is-active {
    color: #9e3a20;
}

[class*="view-e123-6"] .e123-box-title,
[class*="view-e123-6"] .e123-box-title a {
    color: #9e3a20;
}

/* for cat06 title color */
[class*="view-e123-6"] .e123_page_title_after_exposed {
    background-color: #9e3a20;
}

.region-left_siderbar [class*="menu--e123-submenu-6"] ul.menu li ul li {
    background-color: #eccdc5;
}

.region-left_siderbar [class*="menu--e123-submenu-6"] ul.menu li.menu-item--active-trail ul li.menu-item--active-trail::before {
    background-image: url(../images/sidebar_arrow/cat06_arrow.svg);
}

/* For cat06 sub cat */
.region-left_siderbar [class*="menu--e123-submenu-6"] ul.menu>li.menu-item--expanded>a:hover {
    background-color: #7a2610;
    color: #ffffff !important;
}

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

.region-left_siderbar [class*="menu--e123-submenu-6"] ul.menu>li.menu-item--expanded ul li.menu-item:hover {
    background-color: #7a2610;
}

.region-left_siderbar [class*="menu--e123-submenu-6"] ul.menu>li.menu-item--expanded ul li.menu-item:hover a {
    color: #ffffff;
}


/* Category 07 color */
.region-left_siderbar [class*="menu--e123-submenu-7"] [overwrite-accessibility="h2"] {
    background-color: #8c714c;
}

.region-left_siderbar [class*="menu--e123-submenu-7"] [overwrite-accessibility="h2"] font {
    background-image: url("../images/sidebar/sidebar_cat07_icon.svg");
}

.region-left_siderbar [class*="menu--e123-submenu-7"]>ul.menu>li:not(.menu-item--expanded):hover {
    background-color: #775c38 !important;
    ;
}

.region-left_siderbar [class*="menu--e123-submenu-7"]>ul.menu>li.menu-item--active-trail:not(.menu-item--expanded) {
    border-left: 8px solid #8c714c;
}

.region-left_siderbar [class*="menu--e123-submenu-7"] ul.menu li a.is-active {
    color: #8c714c;
}

[class*="view-e123-7"] .e123-box-title,
[class*="view-e123-7"] .e123-box-title a {
    color: #8c714c;
}

/* for cat07 title color */
[class*="view-e123-7"] .e123_page_title_after_exposed {
    background-color: #8c714c;
}

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

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

/* For cat07 sub cat */
.region-left_siderbar [class*="menu--e123-submenu-7"] ul.menu>li.menu-item--expanded>a:hover {
    background-color: #775c38;
    color: #ffffff !important;
}

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

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

.region-left_siderbar [class*="menu--e123-submenu-7"] ul.menu>li.menu-item--expanded ul li.menu-item:hover a {
    color: #ffffff;
}

/* Category 08 color */
.region-left_siderbar [class*="menu--e123-submenu-8"] [overwrite-accessibility="h2"] {
    background-color: #c3436f;
}

.region-left_siderbar [class*="menu--e123-submenu-8"] [overwrite-accessibility="h2"] font {
    background-image: url("../images/sidebar/sidebar_cat08_icon.svg");
}

.region-left_siderbar [class*="menu--e123-submenu-8"]>ul.menu>li:not(.menu-item--expanded):hover {
    background-color: #9a2950 !important;
    ;
}

.region-left_siderbar [class*="menu--e123-submenu-8"]>ul.menu>li.menu-item--active-trail:not(.menu-item--expanded) {
    border-left: 8px solid #c3436f;
}

.region-left_siderbar [class*="menu--e123-submenu-8"] ul.menu li a.is-active {
    color: #c3436f;
}

[class*="view-e123-8"] .e123-box-title,
[class*="view-e123-8"] .e123-box-title a {
    color: #c3436f;
}

/* for cat08 title color */
[class*="view-e123-8"] .e123_page_title_after_exposed {
    background-color: #c3436f;
}

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

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

/* For cat08 sub cat */
.region-left_siderbar [class*="menu--e123-submenu-8"] ul.menu>li.menu-item--expanded>a:hover {
    background-color: #9a2950;
    color: #ffffff !important;
}

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

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

.region-left_siderbar [class*="menu--e123-submenu-8"] ul.menu>li.menu-item--expanded ul li.menu-item:hover a {
    color: #ffffff;
}


/* Category 09 color */
.region-left_siderbar [class*="menu--e123-submenu-9"] [overwrite-accessibility="h2"] {
    background-color: #a555aa;
}

.region-left_siderbar [class*="menu--e123-submenu-9"] [overwrite-accessibility="h2"] font {
    background-image: url("../images/sidebar/sidebar_cat09_icon.svg");
}

.region-left_siderbar [class*="menu--e123-submenu-9"]>ul.menu>li:not(.menu-item--expanded):hover {
    background-color: #86318b !important;
    ;
}

.region-left_siderbar [class*="menu--e123-submenu-9"]>ul.menu>li.menu-item--active-trail:not(.menu-item--expanded) {
    border-left: 8px solid #a555aa;
}

.region-left_siderbar [class*="menu--e123-submenu-9"] ul.menu li a.is-active {
    color: #a555aa;
}

[class*="view-e123-9"] .e123-box-title,
[class*="view-e123-9"] .e123-box-title a {
    color: #a555aa;
}

/* for cat09 title color */
[class*="view-e123-9"] .e123_page_title_after_exposed {
    background-color: #a555aa;
}

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

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

/* For cat09 sub cat */
.region-left_siderbar [class*="menu--e123-submenu-9"] ul.menu>li.menu-item--expanded>a:hover {
    background-color: #86318b;
    color: #ffffff !important;
}

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

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

.region-left_siderbar [class*="menu--e123-submenu-9"] ul.menu>li.menu-item--expanded ul li.menu-item:hover a {
    color: #ffffff;
}


/* Category 10 color */
.region-left_siderbar [class*="menu--e123-submenu-10"] [overwrite-accessibility="h2"] {
    background-color: #277caa;
}

.region-left_siderbar [class*="menu--e123-submenu-10"] [overwrite-accessibility="h2"] font {
    background-image: url("../images/sidebar/sidebar_cat10_icon.svg");
}

.region-left_siderbar [class*="menu--e123-submenu-10"] ul.menu li:hover {
    background-color: #1a6187 !important;
    ;
}

.region-left_siderbar [class*="menu--e123-submenu-10"] ul.menu li.menu-item--active-trail:not(.menu-item--expanded) {
    border-left: 8px solid #277caa;
}

.region-left_siderbar [class*="menu--e123-submenu-10"] ul.menu li a.is-active {
    color: #277caa;
}

[class*="view-e123-10"] .e123-box-title,
[class*="view-e123-10"] .e123-box-title a {
    color: #277caa !important;
}

/* for title color */
[class*="view-e123-10"] .e123_page_title_after_exposed {
    background-color: #277caa;
}

.region-left_siderbar [class*="menu--e123-submenu-10"] ul.menu li ul li {
    background-color: #277caa;
}

/* for cat10 title color */
[class*="view-e123-10"] .e123_page_title_after_exposed {
    background-color: #277caa;
}

.region-left_siderbar [class*="menu--e123-submenu-10"] ul.menu li ul li {
    background-color: #a1c3d6;
}

.region-left_siderbar [class*="menu--e123-submenu-10"] ul.menu li.menu-item--active-trail ul li.menu-item--active-trail::before {
    background-image: url(../images/sidebar_arrow/cat10_arrow.svg);
}

/* For cat10 sub cat */
.region-left_siderbar [class*="menu--e123-submenu-10"] ul.menu>li.menu-item--expanded>a:hover {
    background-color: #1a6187;
    color: #ffffff !important;
}

.region-left_siderbar [class*="menu--e123-submenu-10"] ul.menu>li.menu-item--expanded.menu-item--active-trail>a {
    border-left: 8px solid #277caa;
    color: #277caa;
}

.region-left_siderbar [class*="menu--e123-submenu-10"] ul.menu>li.menu-item--expanded ul li.menu-item:hover {
    background-color: #1a6187;
}

.region-left_siderbar [class*="menu--e123-submenu-10"] ul.menu>li.menu-item--expanded ul li.menu-item:hover a {
    color: #ffffff;
}

/* Category 11 color */
.region-left_siderbar [class*="menu--e123-submenu-11"] [overwrite-accessibility="h2"] {
    background-color: #d23d2b;
}

.region-left_siderbar [class*="menu--e123-submenu-11"] [overwrite-accessibility="h2"] font {
    background-image: url("../images/sidebar/sidebar_cat11_icon.svg");
}

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

.region-left_siderbar [class*="menu--e123-submenu-11"] ul.menu li.menu-item--active-trail:not(.menu-item--expanded) {
    border-left: 8px solid #d23d2b;
}

.region-left_siderbar [class*="menu--e123-submenu-11"] ul.menu li a.is-active {
    color: #d23d2b;
}

[class*="view-e123-11"] .e123-box-title,
[class*="view-e123-11"] .e123-box-title a {
    color: #d23d2b !important
}

/* for cat11 title color */
[class*="view-e123-11"] .e123_page_title_after_exposed {
    background-color: #d23d2b;
}

.region-left_siderbar [class*="menu--e123-submenu-11"] ul.menu li ul li {
    background-color: #f1c3bd;
}

.region-left_siderbar [class*="menu--e123-submenu-11"] ul.menu li.menu-item--active-trail ul li.menu-item--active-trail::before {
    background-image: url(../images/sidebar_arrow/cat11_arrow.svg);
}

/* For cat11 sub cat */
.region-left_siderbar [class*="menu--e123-submenu-11"] ul.menu>li.menu-item--expanded>a:hover {
    background-color: #a62d1f;
    color: #ffffff !important;
}

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

.region-left_siderbar [class*="menu--e123-submenu-11"] ul.menu>li.menu-item--expandedul li.menu-item:hover {
    background-color: #a62d1f;
}

.region-left_siderbar [class*="menu--e123-submenu-11"] ul.menu>li.menu-item--expanded ul li.menu-item:hover a {
    color: #ffffff;
}

/* Category 12 color */
.region-left_siderbar [class*="menu--e123-submenu-12"] [overwrite-accessibility="h2"] {
    background-color: #6f7d2b;
}

.region-left_siderbar [class*="menu--e123-submenu-12"] [overwrite-accessibility="h2"] font {
    background-image: url("../images/sidebar/sidebar_cat12_icon.svg");
}

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

.region-left_siderbar [class*="menu--e123-submenu-12"] ul.menu li.menu-item--active-trail:not(.menu-item--expanded) {
    border-left: 8px solid #6f7d2b;
}

.region-left_siderbar [class*="menu--e123-submenu-12"] ul.menu li a.is-active {
    color: #6f7d2b;
}

[class*="view-e123-12"] .e123-box-title,
[class*="view-e123-12"] .e123-box-title a {
    color: #6f7d2b !important;
}

/* for cat11 title color */
[class*="view-e123-12"] .e123_page_title_after_exposed {
    background-color: #6f7d2b;
}

.region-left_siderbar [class*="menu--e123-submenu-12"] ul.menu li ul li {
    background-color: #d2d8b7;
}

.region-left_siderbar [class*="menu--e123-submenu-12"] ul.menu li.menu-item--active-trail ul li.menu-item--active-trail::before {
    background-image: url(../images/sidebar_arrow/cat11_arrow.svg);
}

/* For cat12 sub cat */
.region-left_siderbar [class*="menu--e123-submenu-12"] ul.menu>li.menu-item--expanded>a:hover {
    background-color: #58651b;
    color: #ffffff !important;
}

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

.region-left_siderbar [class*="menu--e123-submenu-12"] ul.menu>li.menu-item--expanded ul li.menu-item:hover {
    background-color: #58651b;
}

.region-left_siderbar [class*="menu--e123-submenu-12"] ul.menu>li.menu-item--expanded ul li.menu-item:hover a {
    color: #ffffff;
}

/* Sub menu section : start */
[class*="view-e123-"] .view-content .views-row .views-field .field-content {
    display: inline-block;
}

.view:not(.view-e123-ngo-listing) .view-content .views-row:nth-child(1) {
    border-radius: 0px 0px 20px 20px;
}

.view.view-e123-ngo-live-video-listing-3 .view-content .views-row:nth-child(1) {
    border-radius: 20px;
}

.view-content .views-row {
    background-color: #ffffff;
    font-size: 18px;
    color: #575757;
    padding: 20px;
    border-radius: 20px;
    margin-top: 0;
    margin-bottom: 20px;
    box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.08), 0 1px 3px 1px rgba(60, 64, 67, 0.16);
}

.view-content .views-row .views-label-title {
    font-weight: bold;
}

.view-e123-1a-listing .views-field-field-taxonomy-term-3>.field-content {
    font-size: 28px;
    color: #262626;
}

/* Sub menu section : end */

/* Read more button : start */
.pager__item a.button {
    background-color: #108372;
    color: #ffffff;
    font-size: 24px;
    min-width: 150px;
    border-radius: 30px;
    padding: 10px 30px 10px 30px;
    padding: 8px 40px 8px 40px;
    border: 2px solid #108372;
}

.pager__item a.button:hover {
    color: #108372 !important;
    background-color: #ffffff !important;
}

/* Read more button : end */

/* Search Listing Page */
#views-exposed-form-e123-global-search-page-1 #edit-search {
    width: 350px;
}

@media (max-width: 767px) {
    #views-exposed-form-e123-global-search-page-1 .js-form-type-textfield {
        width: 100%;
    }

    #views-exposed-form-e123-global-search-page-1 #edit-search {
        width: 100%;
    }
}

#views-exposed-form-e123-global-search-page-1 .form-submit {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

/* End of Search Listing Page */

/* Search form : start */
form.views-exposed-form {
    display: none;
}

form.views-exposed-form {
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 20px;
    box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.08), 0 1px 3px 1px rgba(60, 64, 67, 0.16);
}

form.views-exposed-form .button {
    background-color: #108372;
    color: #ffffff;
    font-size: 17px;
    border-radius: 8px;
    padding: 10px 29px;
    border: 2px solid #108372;
    margin-left: 0px;
    margin-right: 0px;
}

@media (max-width: 1280px) {
    form.views-exposed-form .button {
        padding: 10px 20px;
    }
}

form.views-exposed-form #edit-reset,
form.views-exposed-form [id*="edit-reset--"] {
    display: none;
}

form.views-exposed-form .button:hover {
    color: #108372 !important;
    background-color: #ffffff !important;
}

form.views-exposed-form .form--inline .form-item {
    width: 47%;
    margin-top: 2px;
    margin-bottom: 10px;
}

@media (max-width: 768px) {
    form.views-exposed-form .form--inline .form-item {
        width: 100%;
    }
}

form.views-exposed-form .form--inline .form-type-textfield {
    width: 100%;
}

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

form.views-exposed-form .form--inline .form-item-search {
    width: 60%;
    margin-top: 0px;
    margin-bottom: 0px;
}

[id*="views-exposed-form-e123-4a1v2-listing-"] .form--inline .form-item-search {
    display: none;
}

[id*="views-exposed-form-e123-4a1v2-listing-"] {
    height: 93px;
}


@media (max-width: 991px) {
    form.views-exposed-form .form--inline .form-item-search {
        width: 55%;
    }
}

form.views-exposed-form .form--inline .form-item-search label {
    display: none;
}

@media (min-width: 480px) {

    form.views-exposed-form .form--inline #edit-actions,
    form.views-exposed-form .form--inline [id*="edit-actions--"] {
        float: right;
        margin-top: 0px;
        margin-bottom: 0px !important;
        top: 20px;
        position: absolute;
        right: 20px;
    }
}

form.views-exposed-form .form--inline .form-item-sort-order,
form.views-exposed-form .form--inline .form-item-sort-by {
    display: none;
}


form.views-exposed-form .form--inline .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;
}

form.views-exposed-form .form--inline .show-adv-exposed-items:hover {
    cursor: pointer;
}

@media (max-width: 480px) {
    form.views-exposed-form .form--inline .form-item-search {
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0px;
    }

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

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

    .form--inline .form-actions {
        display: inline-block;
        margin-top: 0px;
        margin-bottom: 0px;
        width: 47%;
    }

    form.views-exposed-form .button {
        width: 100%;
    }
}

form.views-exposed-form .form--inline .adv-exposed-items {
    /*background-color: green;
    display: inline-block; */
}

form.views-exposed-form .form--inline .adv-exposed-items {
    display: none;
}

form.views-exposed-form label {
    color: #333333;
    font-size: 20px;
}

form.views-exposed-form select {
    color: #333333;
    font-size: 20px;
}

form.views-exposed-form select option {
    color: #333333;
    font-size: 20px;
}

form.views-exposed-form .go_to_adv_search_link {
    margin: 8px;
}

form.views-exposed-form .go_to_adv_search_link a {
    background-color: #108372;
    border-radius: 8px;
    padding: 10px 29px;
    border: 2px solid #108372;
    color: #ffffff;
    font-size: 24px;
    text-decoration: none;
}

form.views-exposed-form .go_to_adv_search_link a:hover {
    color: #108372 !important;
    background-color: #ffffff !important;
    border: 2px solid #108372;
}


/* Search form : end */


/* Ttile after Search form : start */
.e123_page_title_after_exposed {
    display: none;
}

.e123_page_title_after_exposed {
    background-color: #737373;
    padding: 20px;
    border-radius: 20px 20px 0px 0px;
    margin-top: 0;
    margin-bottom: 0px;
    box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.08), 0 1px 3px 1px rgba(60, 64, 67, 0.16);
}

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

/* Ttile after Search form : end */



/* Content box : start */
.view-id-rche_search .views-row {
    width: calc(50% - 10px);
    float: left;
    /*height: 455px;*/
}

.view-id-rche_search .views-row.view-empty {
    width: 100%;
    height: 70px;
    text-align: center;
}

.view-id-rche_search .views-row:nth-child(odd) {
    margin-right: 10px;
}

.view-id-rche_search .views-row:nth-child(even) {
    margin-left: 10px;
}

@media (max-width: 991px) {
    .view-id-rche_search .views-row {
        width: 100%;
        height: unset;
    }

    .view-id-rche_search .views-row:nth-child(odd) {
        margin-right: 0;
    }

    .view-id-rche_search .views-row:nth-child(even) {
        margin-left: 0;
    }
}



.view-id-rche_search .views-field-title .e123-box-title,
[class*="view-e123-"] .views-field-title .e123-box-title {
    font-size: 26px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.view-id-rche_search .view-content .views-row>.views-field-title,
[class*="view-e123-"] .view-content .views-row>.views-field-title {
    padding-bottom: 10px;
}

.view-id-rche_search .view-content .views-row>.views-field-title {
    display: none;
}

.view-id-rche_search .view-content .views-row>.views-field-title-1 {
    padding-bottom: 10px;
    /*height: 115px;*/
}

.view-id-rche_search .e123-box-title,
[class*="view-e123-"] .e123-box-title {
    font-size: 26px;
}

.view-id-rche_search .views-field-title .e123-box-title a,
[class*="view-e123-"] .views-field-title .e123-box-title a {
    font-size: 26px;
    font-weight: 400;
}

.view-id-rche_search .views-field-created h3,
[class*="view-e123-"] .views-field-created h3 {
    font-size: 18px;
    font-weight: 200;
}

[class*="view-e123-1"] .views-field-title .e123-box-title {
    color: #22538e;
}

[class*="view-e123-1"] .views-field-title .e123-box-title a {
    color: #22538e;
}

.view-id-rche_search .views-field-title .e123-box-title img,
[class*="view-e123-"] .views-field-title .e123-box-title img,
.view-id-rche_search .views-field-title img,
[class*="view-e123-"] .views-field-title img {
    padding-left: 5px;
    height: 20px;
    margin-bottom: 2px;
}

.view-id-rche_search .view-content .views-row>.views-field-field-images img,
[class*="view-e123-"] .view-content .views-row>.views-field-field-images img {
    width: 100%;
}

.view-id-rche_search .view-content .views-row>.views-field-field-image-1 img,
[class*="view-e123-"] .view-content .views-row>.views-field-field-image-1 img {
    width: 100%;
}


.e123_have-left-have-right [class*="view-e123-"] #block-e123-enar-sub-page-title .container {
    width: 100%;
    padding: 0px !important;
}

.e123_have-left-have-right [class*="view-e123-"] #block-e123-enar-sub-page-title .container .page-title {
    float: left;
}

.e123_have-left-have-right [class*="view-e123-"] #block-e123-enar-sub-page-title .container .e123-sort-box-next-to-title-after-exposed {
    float: right;
}

.e123_have-left-have-right [class*="view-e123-"] #block-e123-enar-sub-page-title .container .e123-sort-box-next-to-title-after-exposed label {
    display: none;
}

@media (max-width: 480px) {
    .e123_have-left-have-right [class*="view-e123-"] #block-e123-enar-sub-page-title .container .e123-sort-box-next-to-title-after-exposed {
        /*float: left;*/
        /*margin-top: 15px;*/
    }
}




/* Content box : end */


/* Category 04 : start */
.view-id-rche_search .e123_page_title_after_exposed .page-title,
[class*="view-e123-4"] .e123_page_title_after_exposed .page-title {
    line-height: 1.7;
}

.view-id-rche_search .view-content .views-row>.views-field-title a,
.view-id-rche_search .view-content .views-row>.views-field-title-1 span,
[class*="view-e123-4"] .view-content .views-row>.views-field-title a {
    font-size: 28px;
    line-height: 1.2em;
    /*padding-bottom: 10px;*/
    color: #ad6301;
}

/*.view-id-rche_search .view-content .views-row>.views-field-title a, 
.view-id-rche_search .view-content .views-row>.views-field-title-1 span {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}*/

.view-id-rche_search .view-content .views-row>.views-field-title>span>img {
    /*display: none;*/
}


[class*="view-e123-4a1v2-to-5-"] .view-content .views-row>.views-field-title a {
    color: #3d7640;
}

.view-id-rche_search .view-content .views-row>.views-field-title .field-content img,
.view-id-rche_search .view-content .views-row>.views-field-title-1 .field-content img,
[class*="view-e123-4"] .view-content .views-row>.views-field-title .field-content img {
    padding-left: 5px;
    height: 20px;
    margin-bottom: 2px;
}

[class*="view-e123-4"] .view-content .views-row>.views-field-field-images {
    width: 50%;
    float: left;
}

.view-id-rche_search .view-content .views-row>.views-field-field-images {
    width: 50%;
    float: left;
}

.view-id-rche_search .view-content .views-row>.views-field-nothing-1,
.view-id-rche_search .views-field-field-google-map,
[class*="view-e123-4"] .view-content .views-row>.views-field-nothing-1 {
    float: right;
    width: 50%;
    padding-left: 20px;
}

@media (max-width: 767px) {
    .view-id-rche_search .views-field-field-google-map {
        width: 100%;
        padding: 15px 0;
    }
}

.view-id-rche_search .view-content .views-row .addr,
[class*="view-e123-4"] .view-content .views-row .addr {
    padding: 5px 20px;
    display: flex;
}

.view-id-rche_search .view-content .views-row .google-map-field h2,
[class*="view-e123-4"] .view-content .views-row .google-map-field h2 {
    font-size: 16px;
    padding-left: 20px;
    display: -webkit-inline-box;
    max-width: 285px;
}

@media (max-width: 480px) {

    .view-id-rche_search .view-content .views-row>.views-field-field-images,
    [class*="view-e123-4"] .view-content .views-row>.views-field-field-images {
        width: 100%;
        float: left;
    }

    .view-id-rche_search .view-content .views-row>.views-field-field-images .field-content,
    [class*="view-e123-4"] .view-content .views-row>.views-field-field-images .field-content {
        margin: 0 auto 15px;
        max-width: 285px;
        display: block;
    }

    .view-id-rche_search .view-content .views-row>.views-field-nothing-1,
    [class*="view-e123-4"] .view-content .views-row>.views-field-nothing-1 {
        float: left;
        width: 100%;
        padding-left: 0px;
        margin-top: 10px;
    }
}

.view-id-rche_search .view-content .views-row>.views-field-field-taxonomy-term,
[class*="view-e123-4"] .view-content .views-row>.views-field-field-taxonomy-term {
    width: 100%;
    display: inline-block;
}

.view-id-rche_search .view-content .views-row>.views-field-nothing-1 .field-content>div,
[class*="view-e123-4"] .view-content .views-row>.views-field-nothing-1 .field-content>div {
    margin-bottom: 10px;
}

.view-id-rche_search .view-content .views-row>.views-field-nothing-1 .field-content>div:nth-child(odd),
[class*="view-e123-4"] .view-content .views-row>.views-field-nothing-1 .field-content>div:nth-child(odd) {
    width: 40%;
    float: left;
}

.view-id-rche_search .view-content .views-row>.views-field-nothing-1 .field-content>div:nth-child(even),
[class*="view-e123-4"] .view-content .views-row>.views-field-nothing-1 .field-content>div:nth-child(even) {
    width: 60%;
    float: left;
    background-color: #ad6301;
    color: #ffffff;
    padding-left: 6%;
    border-radius: 30px;
}

@media (max-width: 767px) {

    .view-id-rche_search .view-content .views-row>.views-field-nothing-1 .field-content>div:nth-child(odd),
    [class*="view-e123-4"] .view-content .views-row>.views-field-nothing-1 .field-content>div:nth-child(odd),
    .view-id-rche_search .view-content .views-row>.views-field-nothing-1 .field-content>div:nth-child(even),
    [class*="view-e123-4"] .view-content .views-row>.views-field-nothing-1 .field-content>div:nth-child(even) {
        width: 100%;
    }
}


[class*="view-e123-4a1v2-to-5-"] .view-content .views-row>.views-field-nothing-1 .field-content>div:nth-child(even) {
    background-color: #3d7640;
}


.view-id-rche_search .view-content .views-row>.views-field-nothing-1 .field-content>div:nth-child(even)::before,
[class*="view-e123-4"] .view-content .views-row>.views-field-nothing-1 .field-content>div:nth-child(even)::before {
    background-image: url("../images/e123_vote_star.svg");
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    background-size: 14px 14px;
}

.view-id-rche_search .view-content .views-row>.views-field-nothing,
[class*="view-e123-4"] .view-content .views-row>.views-field-nothing {
    width: 100%;
    display: inline-block;
}

.view-id-rche_search .view-content .views-row>.views-field-nothing .field-content,
[class*="view-e123-"] .view-content .views-row>.views-field-nothing .field-content {
    width: 100%;
}

.view-id-rche_search .view-content .views-row>.views-field-field-taxonomy-term-2,
[class*="view-e123-4"] .view-content .views-row>.views-field-field-taxonomy-term-2 {
    display: inline-block;
    width: 100%;
}

[class*="view-e123-4"] .form--inline .form-actions {
    text-align: right;
}

@media (max-width: 480px) {
    [class*="view-e123-4"] .form--inline .form-actions {
        width: 100%;
    }
}


.views-row .row>.e123_social_icon {
    width: 70px;
}

.views-row .e123_bookmark {
    float: right;
}

.views-field-nothing>.field-content>.row {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

[class*="view-e123-4"] span.remove_compare_item {
    float: right;
    background-color: #ffffff;
    padding: 0px 10px;
    border: 1px solid #dddddd;
    border-radius: 50px;
}

/* Category 04 : end */

/* Category 07 : start */

.e123-submenu-7a {
    background-color: #ffffff;
    font-size: 20px;
    color: #575757;
    padding: 20px;
    border-radius: 20px;
    padding: 0px;
    box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.08), 0 1px 3px 1px rgba(60, 64, 67, 0.16);
    overflow: hidden;
}

.e123-submenu-7a h1 {
    font-size: 26px;
    font-weight: 400;
    margin: 10px 0px;
}

.e123-submenu-7a .menu-item {
    margin: 15px;
    padding-top: 0px;
}

.e123-submenu-7a .menu-item:not(:first-child) {
    border-radius: 20px;
    overflow: hidden;
}

.e123-submenu-7a .menu-item:nth-child(even) {
    background-color: #f9dfe8;
}

.e123-submenu-7a .menu-item:nth-child(odd):not(:first-child) {
    background-color: #f7ebdb;
}

.e123-submenu-7a .col-lg-6:first-child {
    padding: 0px;
}

.e123-submenu-7a .col-lg-6 {
    padding: 20px;
}

.e123-submenu-7a .col-lg-6 a::before {
    content: ">";
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    white-space: nowrap;
    text-align: center;
    background-color: #8c714c;
    border-radius: 50px;
    color: #ffffff;
    font-size: 17px;
}

/* Category 07 : end */




/* Category 08 : start */

.e123-submenu-8a {
    background-color: #ffffff;
    font-size: 20px;
    color: #575757;
    padding: 20px;
    border-radius: 20px;
    padding: 0px;
    box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.08), 0 1px 3px 1px rgba(60, 64, 67, 0.16);
    overflow: hidden;
}

.e123-submenu-8a h1 {
    font-size: 26px;
    font-weight: 400;
    margin: 10px 0px;
}

.e123-submenu-8a .menu-item {
    margin: 15px;
    padding-top: 0px;
}

.e123-submenu-8a .menu-item:not(:first-child) {
    border-radius: 20px;
    overflow: hidden;
}

.e123-submenu-8a .menu-item:nth-child(even) {
    background-color: #f9dfe8;
}

.e123-submenu-8a .menu-item:nth-child(odd):not(:first-child) {
    background-color: #f7ebdb;
}

.e123-submenu-8a .col-lg-6:first-child {
    padding: 0px;
}

.e123-submenu-8a .col-lg-6 {
    padding: 20px;
}

.e123-submenu-8a .col-lg-6 a::before {
    content: ">";
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    white-space: nowrap;
    text-align: center;
    background-color: #e45e90;
    border-radius: 50px;
    color: #ffffff;
    font-size: 17px;
}


/* 8b */

.e123-submenu-8b {
    background-color: #ffffff;
    font-size: 20px;
    color: #575757;
    padding: 20px;
    border-radius: 20px;
    padding: 0px;
    box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.08), 0 1px 3px 1px rgba(60, 64, 67, 0.16);
    overflow: hidden;
}

.e123-submenu-8b h1 {
    font-size: 26px;
    font-weight: 400;
    margin: 10px 0px;
}

.e123-submenu-8b .menu-item {
    margin: 15px;
    padding-top: 0px;
}

.e123-submenu-8b .menu-item:not(:first-child) {
    border-radius: 20px;
    overflow: hidden;
}

.e123-submenu-8b .menu-item:nth-child(even) {
    background-color: #f9dfe8;
}

.e123-submenu-8b .menu-item:nth-child(odd):not(:first-child) {
    background-color: #f7ebdb;
}

.e123-submenu-8b .col-lg-6:first-child {
    padding: 0px;
}

.e123-submenu-8b .col-lg-6 {
    padding: 20px;
}

.e123-submenu-8b .col-lg-6 ul {
    padding-left: 0px;
    list-style-type: none;
}

.e123-submenu-8b .col-lg-6 ul li {
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.e123-submenu-8b .col-lg-6 a::before {
    content: ">";
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    white-space: nowrap;
    text-align: center;
    background-color: #e45e90;
    border-radius: 50px;
    color: #ffffff;
    font-size: 17px;
}

.page-node-149 .region-page_title {
    display: none;
}

.page-node-150 .region-page_title {
    display: none;
}

/* Category 08 : end */


/* For  社交 */
body.e123_grid_3x1_listing {
    background-color: #ebf6f2;
}

body.e123_grid_3x1_listing .wsmenucontainer {
    background-color: #ebf6f2;
}

@media (min-width: 768px) {
    body.e123_grid_3x1_listing .col-lg-4 {
        width: 30%;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    body.e123_grid_3x1_listing .col-lg-4 {
        /* width: 47%; */
    }

    body.e123_grid_3x1_listing .view-content .col-lg-4:not(:nth-child(3n)) {
        margin-right: 0px !important;
    }

    body.e123_grid_3x1_listing .view-content .col-lg-4:not(:nth-child(2n)) {
        margin-right: 20px !important;
    }
}

@media (max-width: 480px) {

    body.e123_grid_3x1_listing .view-content .col-lg-4:not(:nth-child(3n)) {
        margin-right: 0px !important;
    }
}

body.e123_grid_3x1_listing .row.like_comment_share_bookmark {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

body.e123_grid_3x1_listing .row.e123_info_box_message {
    margin-left: 0px;
    margin-right: 0px;
}

body.e123_grid_3x1_listing .col-lg-4 {
    background-color: #ffffff;
    color: #575757;
    border-radius: 20px !important;
    box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.08), 0 1px 3px 1px rgba(60, 64, 67, 0.16);
    overflow: hidden;
    padding: 0px;
    display: inline-block;
    margin-bottom: 20px;
    /* max-width: 390px; */
}

body.e123_grid_3x1_listing .col-lg-4 .views-field-title {
    padding: 20px 20px 0px 20px;
    min-height: 120px;
}

body.e123_grid_3x1_listing .col-lg-4 .views-field-field-short-desc,
body.e123_grid_3x1_listing .col-lg-4 .views-field-field-description {
    padding: 0px 20px 20px 20px;
    min-height: 102px;
}

body.e123_grid_3x1_listing .view-content .col-lg-4:not(:nth-child(3n)) {
    margin-right: 20px;
}

body.e123_grid_3x1_listing .views-element-container {
    clear: both;
}

body.e123_grid_3x1_listing .view-e123-6-listing-block .view-header h2 {
    border-left: 6px solid #9e3a20;
    padding-left: 10px;
    margin-bottom: 30px;
    display: inline-block;
    margin-right: 30px;
}

body.e123_grid_3x1_listing .link_to_listing {
    display: inline-block;
}

body.e123_grid_3x1_listing .link_to_listing::after {
    display: inline-block;
    content: " > ";
    background-color: #9e3a20;
    padding: 0px 6px 0px 6px;
    border-radius: 50px;
    color: #ffffff;
    margin-left: 10px;
    line-height: 24px;
}

body.e123_grid_3x1_listing .region-page-title {
    display: none;
}

.e123_map {
    background-color: #ffffff;
    text-align: center;
    padding: 20px;
    box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.08), 0 1px 3px 1px rgba(60, 64, 67, 0.16);
}


body.e123_ngo.e123_live_video_upcoming #block-e123-enar-sub-page-title .container {
    display: inline !important;
}


body.e123_ngo.e123_live_video_upcoming .e123_main_content {
    margin-top: 60px;
}

body.e123_ngo.e123_live_video_upcoming .view-content .views-row {
    cursor: pointer;
}

@media (max-width: 991px) {
    body.e123_ngo.e123_live_video_upcoming .view-content .views-row {
        display: inline-block;
    }
}

body.e123_ngo.e123_live_video_upcoming .view-empty {
    border-radius: 0 0 20px 20px;
    box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.08), 0 1px 3px 1px rgba(60, 64, 67, 0.16);
    background-color: #fff;
    padding: 15px;
    text-align: center;
}




body.e123_ngo .e123_no-left-have-right #block-e123-enar-sub-page-title {
    background-color: #108372;
    padding: 15px;
    border-radius: 20px 20px 0px 0px;
    box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.08), 0 1px 3px 1px rgba(60, 64, 67, 0.16);
}

body.e123_ngo .e123_no-left-have-right #block-e123-enar-sub-page-title .container {
    padding: 0px;
    display: inline-block;
}

body.e123_ngo .e123_no-left-have-right #block-e123-enar-sub-page-title [accessibility-rewrite="h1"] {
    margin-bottom: 0px;
    color: #ffffff;
    font-size: 28px;
    font-weight: 400;
}

@media (max-width: 750px) {
    body.e123_ngo .e123_no-left-have-right #block-e123-enar-sub-page-title [accessibility-rewrite="h1"] {
        font-size: 24px;
    }
}

body.e123_ngo .e123_no-left-have-right .link-to-details-page,
body.e123_ngo_live_video_listing .e123_no-left-have-right .link-to-details-page {
    font-size: 28px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

body.e123_ngo .e123_no-left-have-right .link-to-details-page a,
body.e123_ngo_live_video_listing .e123_no-left-have-right .link-to-details-page a,
body.e123_ngo .e123_no-left-have-right .link-to-details-page.no-link,
body.e123_ngo_live_video_listing .e123_no-left-have-right .link-to-details-page.no-link {
    color: #108372;
}

body.e123_ngo .e123_no-left-have-right form.views-exposed-form,
body.e123_ngo_live_video_listing .e123_no-left-have-right form.views-exposed-form {
    border-radius: 0px 0px 20px 20px;
}


body.e123_ngo .e123_no-left-have-right #block-e123-enar-sub-content .views-field-field-image,
body.e123_ngo .e123_no-left-have-right #block-e123-enar-sub-content .views-field-field-images,
body.e123_ngo_live_video_listing .e123_no-left-have-right #block-e123-enar-sub-content .views-field-field-image,
body.e123_ngo_live_video_listing .e123_no-left-have-right #block-e123-enar-sub-content .views-field-field-images {
    max-width: 200px;
    display: inline-block;
    margin-right: 10px;
}

@media (max-width: 1199px) {

    body.e123_ngo .e123_no-left-have-right #block-e123-enar-sub-content .views-field-field-image,
    body.e123_ngo .e123_no-left-have-right #block-e123-enar-sub-content .views-field-field-images,
    body.e123_ngo_live_video_listing .e123_no-left-have-right #block-e123-enar-sub-content .views-field-field-image,
    body.e123_ngo_live_video_listing .e123_no-left-have-right #block-e123-enar-sub-content .views-field-field-images {
        max-width: 100%;
    }
}


body.e123_ngo .right-hand-side,
body.e123_ngo_live_video_listing .right-hand-side {
    display: inline-block;
    position: absolute;
    width: calc(100% - 250px);
}

@media (max-width: 1199px) {

    body.e123_ngo .right-hand-side,
    body.e123_ngo_live_video_listing .right-hand-side {
        position: relative;
        width: 100%;
        padding-top: 15px;
    }
}



body.e123_ngo .right-hand-side .link_to_details_page,
body.e123_ngo_live_video_listing .right-hand-side .link_to_details_page {
    font-size: 24px;
}

body.e123_ngo .right-hand-side .location,
body.e123_ngo_live_video_listing .right-hand-side .location {
    float: left;
    width: calc(100% - 120px);
    padding-bottom: 5px;
}

@media (max-width: 767px) {

    body.e123_ngo .right-hand-side .location,
    body.e123_ngo_live_video_listing .right-hand-side .location {
        float: none;
        width: 100%;
    }
}



body.e123_ngo .e123_no-left-have-right .page-title,
body.e123_ngo_live_video_listing .e123_no-left-have-right .page-title {
    margin-bottom: 10px;
    color: #fff;
}



body.e123_ngo_listing #block-e123-enar-sub-page-title,
body.e123_ngo_live_video_listing_onair #block-e123-enar-sub-page-title,
body.e123_ngo_live_video_listing_archive #block-e123-enar-sub-page-title {
    height: 72px;
}

@media (max-width: 350px) {

    body.e123_ngo_listing #block-e123-enar-sub-page-title [accessibility-rewrite="h1"],
    body.e123_ngo_live_video_listing_onair #block-e123-enar-sub-page-title [accessibility-rewrite="h1"],
    body.e123_ngo_live_video_listing_archive #block-e123-enar-sub-page-title [accessibility-rewrite="h1"] {
        padding: 5px 0;
        font-size: 20px !important;
    }
}




@media (max-width: 991px) {
    body.e123_ngo .view-content .views-row {
        display: inline-block;
    }
}

body.e123_ngo_live_video_listing_onair .view-content .views-row,
body.e123_ngo_live_video_listing_archive .view-content .views-row {
    border-radius: 20px !important;
    cursor: pointer;
}



body.e123_ngo_listing #block-e123-enar-sub-page-title>div,
body.e123_ngo_live_video_listing_onair #block-e123-enar-sub-page-title>div,
body.e123_ngo_live_video_listing_archive #block-e123-enar-sub-page-title>div {
    float: left;
    width: 48%;
}

body.e123_ngo_listing #block-e123-enar-sub-page-title .to-live-video,
body.e123_ngo_live_video_listing_onair #block-e123-enar-sub-page-title .to-live-video-archive,
body.e123_ngo_live_video_listing_archive #block-e123-enar-sub-page-title .to-live-video-onair {
    float: right;
    width: 45%;
    margin: 2px 5px 0;
    text-align: right;
}


@media (max-width: 991px) {
    body.e123_ngo_listing #block-e123-enar-sub-page-title .to-live-video span {
        display: none;
    }
}

@media (max-width: 750px) {

    body.e123_ngo_live_video_listing_onair #block-e123-enar-sub-page-title .to-live-video-archive span,
    body.e123_ngo_live_video_listing_archive #block-e123-enar-sub-page-title .to-live-video-onair span {
        font-size: 20px;
    }
}


body.e123_ngo_listing #block-e123-enar-sub-page-title .to-live-video img,
body.e123_ngo_live_video_listing_onair #block-e123-enar-sub-page-title .to-live-video-archive img,
body.e123_ngo_live_video_listing_archive #block-e123-enar-sub-page-title .to-live-video-onair img {
    height: 46px;
    padding: 0 10px;
    padding-bottom: 8px;
}

body.e123_ngo_listing #block-e123-enar-sub-page-title .to-live-video a,
body.e123_ngo_live_video_listing_onair #block-e123-enar-sub-page-title .to-live-video-archive a,
body.e123_ngo_live_video_listing_archive #block-e123-enar-sub-page-title .to-live-video-onair a {
    color: #fff;
    font-size: 23px;
    text-decoration: underline;
}

/*
body.e123_ngo_live_video_listing_onair #block-e123-enar-sub-page-title>div {
    float: left;
    width: 48%;
}
@media (max-width: 991px) {
    body.e123_ngo_live_video_listing_onair #block-e123-enar-sub-page-title>div {
        width: 100%;
    }
}

body.e123_ngo_live_video_listing_onair #block-e123-enar-sub-page-title .to-live-video {
    float: right;
    /* width: 48%; * /
    margin: 2px 5px 0;
    text-align: right;
}

*/




.e123_google_map_in_listing_wrapper {
    height: 350px;
    box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.08), 0 1px 3px 1px rgba(60, 64, 67, 0.16);
    background-color: #ffffff;
}

#e123_google_map_in_listing .map_alt_image {
    width: 0;
    height: 0;
}

select[name='district[]'] {
    display: none;
}

#district_selection label {
    display: inline;
    padding: 10px;
}

#district_selection .title {
    font-weight: bold;
}


#district_selection {
    padding: 20px;
    background-color: #ffffff;
    /* min-width: 800px; */
    font-size: 20px;
}

#district_selection h2 {
    margin-top: 0px;
}

#district_selection ul {
    padding-left: 0px;
}


#district_selection input[type=radio] {
    height: 18px;
    margin-right: 8px;
}


#district_selection_selected_value {
    min-height: 0;
    color: #333;
    font-weight: bold;
}


#district_selection_btn {
    font-size: 12px;
    border: 2px solid #108371;
    max-width: 110px;
    text-align: center;
    padding: 3px 19px;
    margin: 10px 0;
    border-radius: 50px;
    color: #108371;
    background-color: #fff;
    cursor: pointer;
}

#district_selection_btn:hover {
    color: #fff;
    background-color: #108371;
}

#district_selection_selecting a {
    float: left;
    text-align: center;
    font-size: 16px;
    background-color: #dadbdb;
    color: #333;
    border-radius: 8px;
    padding: 10px;
    border: 2px solid #dadbdb;
    text-decoration: none;
}

#district_selection_selecting a:hover {
    /*background-color: #fff; */
}



#district_selection_confirm {
    font-size: 20px;
    border: 2px solid #108371;
    max-width: 150px;
    text-align: center;
    padding: 3px 19px;
    margin: 15px 0;
    border-radius: 50px;
    color: #108371;
    background-color: #fff;
    cursor: pointer;
}

#district_selection_confirm:hover {
    color: #fff;
    background-color: #108371;
}