body {
    font-family: "Microsoft JhengHei", "微軟正黑體" !important;
    padding-top: 0px !important;
}

*{
    font-family: "Microsoft JhengHei", "微軟正黑體" !important;
}

em.fa,
i.fa{
    font-family: FontAwesome !important;
}

input[type="text"], input[type="password"], input[type="date"], input[type="email"], input[type="number"], textarea, input[type="file"]{
    border-radius: 5px;
    font-size: 18px !important;
}

/* Start of Tab btn Jump to main-content */
body a[href="#main-content"] {
    position: fixed;
    font-size: 18px;
    z-index: 101;
    padding: 5px 15px;
}

body a[href="#main-content"]:focus {
    background-color: #108371;
    color: #fff;
}
/* End of Tab btn Jump to main-content */


/* Setup max width for 1250px : start */
.region-e_center_index_bannner,
.group_menu_bar_before_banner_wrapper_js,
.e123_main_content,
footer>.e123_content,
.region-bannner {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
    max-width: 1250px;
    float: none;
    clear: both;
}
@media (max-width: 991px){
    .wsmenucontainer{
        margin-top: 70px;
    }
}


/* Setup max width for 1250px : end */

/* Read more */
.button{
    background-color: #108372 !important;
    color: #ffffff !important;
    font-size: 22px !important;
    min-width: 100px !important;
    border-radius: 8px !important;
    padding: 7px 30px 7px 30px !important;
    border: 2px solid #108372 !important;
}
/* header menu : start */
#e123_bell_notification_unread_count{
    background-color: #f00;
    padding: 0px 7px;
    border-radius: 50%;
    color: #fff;
    font-weight: bold;
}

@media (min-width: 480px) {
    .e123_wsmainwp {
        max-width: 1250px !important;
    }
    .e123_wsmainwp>.col-lg-9 {
        padding-left: 0px;
    }
    .e123_wsmainwp>.col-lg-9 .menu_row:first-child{
        margin-left: 0px;
    }
}

.menu--e-center-header,
.menu--e-center-header-guest {
    margin-top: 20px;
}

.menu--e-center-header ul,
.menu--e-center-header-guest ul {
    list-style-type: none;
    margin: 0px;
}
.region-header_menu nav ul li:not(:first-child) {
    border: 2px solid #015701;
    color: #015701;
    border-radius: 50px;
    padding: 3px 25px;
    margin-left: 5px;
    margin-right: 5px;
}
.region-header_menu nav ul li:not(:first-child):hover{
    background-color: #015701;
    color: #ffffff !important;
}
.region-header_menu nav ul li:not(:first-child):hover a{
    color: #ffffff !important;
}
.menu--e-center-header ul li,
.menu--e-center-header-guest ul li {
    margin-right: 20px;
    margin-bottom: 20px;
    padding-right: 20px;
    float: left;
    cursor: pointer;
}

.menu--e-center-header ul li:first-child,
.menu--e-center-header-guest ul li:first-child {
    padding: 5px 30px;
    background-color: #108371;
    border-radius: 50px;
    background: linear-gradient(90deg, rgba(16, 131, 113, 1) 0%, rgba(76, 131, 35, 1) 100%);
}

.menu--e-center-header ul li:first-child a,
.menu--e-center-header-guest ul li:first-child a {
    color: #ffffff;
}

.menu--e-center-header ul li:first-child a:hover,
.menu--e-center-header-guest ul li:first-child a:hover {
    color: #ffffff;
}

.menu--e-center-header ul li a,
.menu--e-center-header-guest ul li a {
    font-size: 22px;
    color: #2b2b2b;
}

.menu--e-center-header ul li a:hover,
.menu--e-center-header-guest ul li a:hover {
    color: #108371;
}

/* header menu : end */

/* Meun : Start */
.wsmenu>.wsmenu-list>li>.wsmegamenu .wsmegamenuwp:nth-child(7){
    clear: both;
}
.wsmegamenuwp [class*="region-header-menu-elder-info-"] {
    margin-bottom: 20px;
}

.wsmobileheader .callusbtn img{
    height: 24px;
}
.wsmobileheader .callusbtn a:last-child img{
    padding-left: 10px;
}

@media screen and (min-width: 991px) and (max-width: 1245px){
    .header_menu .wsmenu>.wsmenu-list>li {
        margin-left: 4px !important;
        margin-right: 5px !important;
    }
    .header_menu .wsmenu>.wsmenu-list>li a{
        letter-spacing: 0px !important;
        font-size: 22px;
    }
    
}

@media only screen and (max-width: 991px){
    .wsmobileheader {
        display: block;
    }
    .mobile_menu ul.function_menu li {
        display: inline-block;
        padding: 0px 15px;
        cursor: pointer;
    }
    .mobile_menu ul.function_menu li:hover {
        color: #00592f;
    }
    .mobile_menu ul.function_menu li:nth-child(1) {
        font-size: 16px !important;
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;
    }
    .mobile_menu ul.function_menu li:nth-child(2) {
        font-size: 22px !important;
        font-weight: bold;
        color: #00592f;
        font-family: Arial, Helvetica, sans-serif;
    }
    .mobile_menu ul.function_menu li:nth-child(3) {
        font-size: 26px !important;
        font-weight: bold;
        padding-right: 20px;
        margin-right: 20px;
        font-family: Arial, Helvetica, sans-serif;
    }
}

@media (max-width: 991px) {
    .wsmenu .desktop {
        display: none;
    }
    .wsmenu .mobile {
        display: block;
    }
    .mobile_menu .mobile_menu_ecenter{
        clear: both;
        padding-top: 10px;
    }
    .mobile_menu .mobile_menu_tnc{
        width: 50% !important;
        float: left !important;
        display: inline-block !important;
        border-top: 1px solid #eeeeee !important;
    }
    .mobile_menu .mobile_menu_tnc a{
        font-size: 20px !important;
        padding-left: 10px!important;
        padding-right: 10px !important;
    }
    .mobile_menu .mobile_menu_tnc a{
        font-size: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .header_menu {
        display: none;
    }
    .wsmobileheader {
        background-color: #ffffff;
    }
    .wsmobileheader .smllogo {
        margin-top: 0px !important;
    }
    .wsmobileheader .smllogo img {
        max-height: 52px;
    }
    .mobile_menu .wsmenu>.wsmenu-list>li a{
        font-size: 22px;
        border: none;
    }
    .mobile_menu .wsmenu>.wsmenu-list>li>ul.sub-menu{
        border-bottom: 1px solid;
    }
    .mobile_menu .wsmenu>.wsmenu-list>li>ul.sub-menu>li{
        width: 50%;
        float: left;
    }
    .mobile_menu .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a{
        font-size: 20px;
        line-height: 24px;
        margin: 10px 0px 10px 16px;
        padding: 0px 0px 0px 10px;
    }
    .mobile_menu .wsmenu>.wsmenu-list>li>ul.sub-menu>li:nth-child(1)>a{
        border-left: 6px solid #22538e;
    }
    .mobile_menu .wsmenu>.wsmenu-list>li>ul.sub-menu>li:nth-child(2)>a{
        border-left: 6px solid #237d87;
    }
    .mobile_menu .wsmenu>.wsmenu-list>li>ul.sub-menu>li:nth-child(3)>a{
        border-left: 6px solid #7359c8;
    }
    .mobile_menu .wsmenu>.wsmenu-list>li>ul.sub-menu>li:nth-child(4)>a{
        border-left: 6px solid #ad6301;
    }
    .mobile_menu .wsmenu>.wsmenu-list>li>ul.sub-menu>li:nth-child(5)>a{
        border-left: 6px solid #3d7640;
    }
    .mobile_menu .wsmenu>.wsmenu-list>li>ul.sub-menu>li:nth-child(6)>a{
        border-left: 6px solid #9e3a20;
    }
    .mobile_menu .wsmenu>.wsmenu-list>li>ul.sub-menu>li:nth-child(7)>a{
        border-left: 6px solid #8c714c;
    }
    .mobile_menu .wsmenu>.wsmenu-list>li>ul.sub-menu>li:nth-child(8)>a{
        border-left: 6px solid #c3436f;
    }
    .mobile_menu .wsmenu>.wsmenu-list>li>ul.sub-menu>li:nth-child(9)>a{
        border-left: 6px solid #a555aa;
    }
    .mobile_menu .wsmenu>.wsmenu-list>li>ul.sub-menu>li:nth-child(10)>a{
        border-left: 6px solid #277caa;
    }
    .mobile_menu .wsmenu>.wsmenu-list>li>ul.sub-menu>li:nth-child(11)>a{
        border-left: 6px solid #d23d2b;
    }
    .mobile_menu .wsmenu>.wsmenu-list>li>ul.sub-menu>li:nth-child(12)>a{
        border-left: 6px solid #6f7d2b;
    }
    .mobile_menu .green_background{
        background-color: #108371 !important;
    }
    .mobile_menu .green_background a{
        color: #ffffff !important;
    }
    .wsmobileheader .callusbtn{
        padding: 12px 0px;
        min-width: 100px;
        text-align: right;
        padding-right: 10px;
    }
    .wsmobileheader .callusbtn .e123_bell_notification{
        display: inline-block;
        padding-right: 0px;
    }
    body#e123_user_page .e123_main_content .region-left_siderbar{
        padding-left: 0px;
    }
    body#e123_user_page .region-left_siderbar .menu--e123-e-center-user-menu ul.menu li a.is-active{
        font-size: 20px;
    }
    .e123_bell_notification .e123_bell_notification_preview .notification_avatar img{
        padding-left: 0px;
        width: 40px;
        height: auto;
        border-radius: 50px;
        overflow: hidden;
    }
}

@media (max-width: 480px) {
    .wsmenu .desktop {
        display: none;
    }
    .wsmenu .mobile {
        display: block;
    }
    .header_menu {
        display: none;
    }
    .wsmobileheader {
        background-color: #ffffff;
    }
    .wsmobileheader .smllogo {
        margin-top: 0px !important;
    }
    .wsmobileheader .smllogo img {
        max-height: 52px;
    }
    .e123_chat_bot{
        display: none;
    }
    body#e123_user_page .e123_main_content .region-left_siderbar{
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 480px) {
    .wsmenu .desktop {
        display: block;
    }
    .wsmenu .mobile {
        display: none;
    }
    .header_menu {
        background-color: #ffffff;
        width: 100%;
        height: auto;
        z-index: 100;
        top: 0px;
    }
    .wsmenu>.wsmenu-list>li:hover>.wsmegamenu {
        padding-top: 40px;
    }

    .wsmenu h2 {
        font-size: 24px;
        padding-left: 10px;
        margin-bottom: 20px;
        line-height: 24px;
    }
    .wsmenu .menu--e123-submenu-1 h2 {
        border-left: 6px solid #22538e;
    }
    .wsmenu .menu--e123-submenu-2 h2 {
        border-left: 6px solid #237d87;
    }
    .wsmenu .menu--e123-submenu-3 h2 {
        border-left: 6px solid #7359c8;
    }
    .wsmenu .menu--e123-submenu-4 h2 {
        border-left: 6px solid #ad6301;
    }
    .wsmenu .menu--e123-submenu-5 h2 {
        border-left: 6px solid #3d7640;
    }
    .wsmenu .menu--e123-submenu-6 h2 {
        border-left: 6px solid #9e3a20;
    }
    .wsmenu .menu--e123-submenu-7 h2 {
        border-left: 6px solid #8c714c;
    }
    .wsmenu .menu--e123-submenu-8 h2 {
        border-left: 6px solid #c3436f;
    }
    .wsmenu .menu--e123-submenu-9 h2 {
        border-left: 6px solid #a555aa;
    }
    .wsmenu .menu--e123-submenu-10 h2 {
        border-left: 6px solid #277caa;
    }
    .wsmenu .menu--e123-submenu-11 h2 {
        border-left: 6px solid #d23d2b;
    }
    .wsmenu .menu--e123-submenu-12 h2 {
        border-left: 6px solid #6f7d2b;
    }
    .wsmenu>.wsmenu-list>li .wslistlinks>li{
        display: inline-block;
        white-space: inherit;
        width: 100%;
    }
    .wsmenu>.wsmenu-list>li .wslistlinks>li>a {
        font-size: 20px;
        font-family: "Microsoft JhengHei", "微軟正黑體" !important;
        line-height: 22px;
        padding-left: 15px;
        
    }
    .wsmenu>.wsmenu-list>li .wslistlinks>li>a:hover {
        color:#ffffff;
        background-color: #015701;
    }
    .header_menu .menu_row {
        display: block;
        float: left;
        clear: both;
    }
    .header_menu .menu_row>div {
        padding: 0px;
    }
    .wsmenu>.wsmenu-list>li>.wsmegamenu {
        width: 100%;
        position: fixed;
        top: 115px;
        z-index: 10000;
    }
    body.toolbar-tray-open .wsmenu>.wsmenu-list>li>.wsmegamenu {
        top: 130px;
    }
    .wsmenu>.wsmenu-list>li .wsmegacont02 {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
    .wsmegamenuwp [class*="region-header-menu-elder-info-"] {
        width: 16.6%;
        padding-right: 0px;
        padding-left: 0px;
    }
    .e123_wsmainwp {
        max-width: 1250px !important;
    }
    .e123_nav {
        width: 100%;
    }
    /* First row menu : Start */

    .header_menu ul.function_menu {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        display: block;
        float: right;
    }
    .header_menu ul.function_menu li {
        float: left;
        padding-right: 10px;
        line-height: 28px;
        cursor: pointer;
    }
    .header_menu ul.function_menu li:hover {
        color: #00592f;
    }
    .header_menu ul.function_menu li:nth-child(1) {
        font-size: 16px;
        font-family: Arial, Helvetica, sans-serif;
    }
    .header_menu ul.function_menu li:nth-child(2) {
        font-size: 22px;
        color: #00592f;
        font-family: Arial, Helvetica, sans-serif;
    }
    .header_menu ul.function_menu li:nth-child(3) {
        font-size: 26px;
        padding-right: 20px;
        border-right: 1px solid #a5a5a5;
        margin-right: 20px;
        font-family: Arial, Helvetica, sans-serif;
    }
    .header_menu ul.function_menu li:nth-child(4) {
        font-size: 18px;
        color: #00592f;
    }
    .header_menu ul.function_menu li:nth-child(5) {
        font-size: 18px;
        border-right: 1px solid #a5a5a5;
        margin-right: 20px;
        padding-right: 20px;
    }
    .header_menu ul.function_menu li:nth-child(6) {
        border-right: 1px solid #a5a5a5;
        margin-right: 20px;
        padding-right: 20px;
    }
    .header_menu ul.function_menu li:nth-child(6) img {
        max-width: 24px;
    }
    .header_menu ul.function_menu li:nth-child(7) {
        border-right: 1px solid #a5a5a5;
        margin-right: 20px;
        padding-right: 20px;
    }
    .header_menu ul.function_menu li:nth-child(7) img {
        max-width: 24px;
    }
    .header_menu ul.function_menu li:nth-child(8) img {
        max-width: 36px;
    }
    
    /* First row menu : End */
    .header_menu .wsmenu>.wsmenu-list>li {
        margin-left: 17px;
        margin-right: 17px;
        color: #000000;
        font-size: 20px;
        padding-bottom: 20px;
    }
    .header_menu .wsmenu>.wsmenu-list>li>a {
        padding: 0px;
        line-height: 25px;
        font-size: 22px;
        letter-spacing: 2px;
        font-family: "Microsoft JhengHei", "微軟正黑體" !important;
    }
    .header_menu .wsmenu>.wsmenu-list>li.btn_login {
        border: 2px solid #015701;
        color: #015701;
        border-radius: 50px;
        padding: 9px 25px;
        margin-top: -11px;
        margin-left: 15px;
        margin-right: 5px;
    }
    .header_menu .wsmenu>.wsmenu-list>li.btn_login:hover {
        border: 2px solid #015701;
        color: #ffffff;
        background-color: #015701;
    }
    .header_menu .wsmenu>.wsmenu-list>li.btn_login:hover a {
        color: #ffffff !important;
    }
    .header_menu .wsmenu>.wsmenu-list>li.btn_ecenter {
        color: #ffffff;
        border: 2px solid rgb(216, 122, 0);
        background-image: linear-gradient(to bottom right, rgb(216, 122, 0), rgb(211, 112, 0));
        border-radius: 50px;
        padding: 9px 25px;
        margin-top: -11px;
        margin-left: 5px;
        margin-right: 5px;
    }
    .header_menu .wsmenu>.wsmenu-list>li.btn_ecenter a {
        color: #ffffff !important;
    }
    .header_menu .wsmenu>.wsmenu-list>li.btn_ecenter:hover {
        border: 2px solid rgb(216, 122, 0);
        background: #ffffff !important;
    }
    .header_menu .wsmenu>.wsmenu-list>li.btn_ecenter:hover a {
        color: rgb(216, 122, 0) !important;
    }

    .e123_chat_bot{
        position: fixed;
        right: 0px;
        bottom: 50px;
        z-index: 1;
        max-width: 140px;
    }
}
@media (min-width: 480px) and (max-width: 768px) {
    .e123_chat_bot{
        width: 100px;
    }
}

@media (min-width: 991px) {
    .mobile_menu{
        display: none;
    }
}
@media (max-width: 480px) {
    
}
@media (max-width: 991px) {
    .switch_chinese_btn {
        color: #222222;
        display: inline-block;
        font-size: 22px;
        width: 50px;
        margin-top: 10px;
        cursor: pointer;
    }
    .switch_chinese_btn.active{
        color: #00592f;
        font-weight: bold;
    }
}
.wsmenu-list li i.wsmenu-arrow.fa.fa-angle-down {
    display: none !important;
}
/* Menu : End */

/* Bell Notification */
.e123_bell_notification_unread_count {
    background-color: #f00;
    padding: 0px 6px;
    border-radius: 10px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    display: inline-block;
    line-height: 19px;
}

.e123_bell_notification .e123_bell_notification_preview {
    position: absolute;
    background-color: #fff;
    z-index: 999;
    width: 300px;
    right: 0px;
    padding: 20px 0px;
    box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.08), 0 1px 3px 1px rgba(60, 64, 67, 0.16);
    border-radius: 20px;
}
.e123_bell_notification .e123_bell_notification_preview .notification_row{
    padding-top: 10px;
    padding-bottom: 10px;
}
.e123_bell_notification .e123_bell_notification_preview  .right-hand-side{
    line-height: 20px;
}
.e123_bell_notification .e123_bell_notification_preview .notification_avatar{
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.e123_bell_notification .e123_bell_notification_preview .notification_title{
    font-size: 22px;
    font-weight: 600;
    padding: 5px 20px;
}

.notification_row{
    padding: 20px 20px;
}

.notification_row:nth-child(odd){
    background-color: #efefef;
}
.notification_row:nth-child(odd){
    background-color: #efefef;
}

.e123_bell_notification .notification_link_to_all{
    padding: 0px 20px;
    font-size: 18px;
}


/* Setup Background color */
body#e-center-home {
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 3%, #ffebc9 13%, #ffebc9 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 3%, #ffebc9 13%, #ffebc9 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 3%, #ffebc9 13%, #ffebc9 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffebc9', GradientType=0);
    /* IE6-9 */
}

@media (min-width: 480px) {

    /* Menu: Start */
    body#e-center-home .header_menu{
        margin-top: 20px;
    }
    .header_menu ul.function_menu {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        display: block;
        float: left;
    }

    .header_menu ul.function_menu li {
        float: left;
        padding-right: 10px;
        line-height: 28px;
        cursor: pointer;
    }

    .header_menu ul.function_menu li:hover {
        color: #00592f;
    }

    .header_menu ul.function_menu li:nth-child(1) {
        font-size: 16px;
        font-family: Arial, Helvetica, sans-serif;
    }

    .header_menu ul.function_menu li:nth-child(2) {
        font-size: 22px;
        color: #00592f;
        font-family: Arial, Helvetica, sans-serif;
    }

    .header_menu ul.function_menu li:nth-child(3) {
        font-size: 26px;
        padding-right: 20px;
        border-right: 1px solid #a5a5a5;
        margin-right: 20px;
        font-family: Arial, Helvetica, sans-serif;
    }

    .header_menu ul.function_menu li:nth-child(4) {
        font-size: 18px;
        color: #00592f;
    }

    .header_menu ul.function_menu li:nth-child(5) {
        font-size: 18px;
        border-right: 1px solid #a5a5a5;
        margin-right: 20px;
        padding-right: 20px;
    }

    .header_menu ul.function_menu li:nth-child(6) {
        border-right: 1px solid #a5a5a5;
        margin-right: 20px;
        padding-right: 20px;
    }

    .header_menu ul.function_menu li:nth-child(6) img {
        max-width: 24px;
    }

    .header_menu ul.function_menu li:nth-child(7) {
        border-right: 1px solid #a5a5a5;
        margin-right: 20px;
        padding-right: 20px;
    }

    .header_menu ul.function_menu li:nth-child(7) img {
        max-width: 24px;
    }

    .header_menu ul.function_menu li:nth-child(8) img {
        max-width: 36px;
    }

    /* Menu: End */
}

@media (min-width: 768px) {

    body#e-center-home .e123_main_content>.col-lg-8>.region-content,
    body#e-center-home .e123_main_content>.col-lg-8 {
        padding: 0px;
    }
}

/* 立即註冊 btn : start */
.e_center_index_bannner_link_to_register{
    text-align: center;
    position: relative;
    top: -70px;
}
.e_center_index_bannner_link_to_register a{
    color: #108371 !important;
    font-size: 28px;
    text-align: center;
    border: 2px solid #108371;
    width: 160px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50px;
    padding: 5px 32px;
}
.e_center_index_bannner_link_to_register:hover a{
    color: #ffffff !important;
    background-color: #108371;
}
@media (max-width: 768px) {
    .e_center_index_bannner_link_to_register{
        top: 0px;
    }
    .e_center_index_bannner_link_to_register a{
        color: #108371 !important;
        font-size: 20px;
        text-align: center;
        border: 2px solid #108371;
        width: 160px;
        margin-left: auto;
        margin-right: auto;
        border-radius: 50px;
        padding: 5px 32px;
    }
    .e_center_index_bannner_link_to_register:hover a{
        color: #ffffff !important;
        background-color: #108371;
    }
}
/* 立即註冊 btn : end */

/* e center group : start */
.group_menu_bar_before_banner_wrapper_js {
    clear: both;
    display: block;
    margin-top: 30px;
}

.e-center-group-menu {
    margin: 20px 7px;    
    padding: 7px 25px;
    background-color: #ffffff;
    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);
    display: inline-block;
    float: left;
    cursor: pointer;
}
.e-center-group-menu:first-child{
    margin-left: 0px;
}

.e-center-group-menu:hover {
    background-color: #c25300;
}

.e-center-group-menu a {
    font-size: 26px;
    line-height: 26px;
    color: #c25300;
}

.e-center-group-menu:hover a {
    color: #ffffff !important;
}
@media (max-width: 768px){
    .e-center-group-menu {
        margin-bottom: 10px;
        margin-top: 10px;
    }
}
@media (max-width: 480px){
    .e-center-group-menu {
        margin-bottom: 8px;
        margin-top: 8px;
        padding: 5px 15px;
    }
    .e-center-group-menu a{
        font-size: 18px;
    }
    .views-field-nothing-1 span>div{
        padding: 4px 6px;
        border-radius: 50px;
    }
    .views-row .views-field-field-ecenter-short-desc{
        font-size: 24px !important;
    }
    .e123_main_content .col-lg-4{
        margin-bottom: 20px;
    }
    .views-row .views-field-created {
        font-size: 16px !important
    }
}
#e123_bell_notification_unread_count{
    background-color: #f00;
    padding: 0px 7px;
    border-radius: 50%;
    color: #fff;
    font-weight: bold;
}

.group_menu_bar_before_banner_wrapper_js .active a {
    color: #ffffff !important;
}

#color_22538e:hover {
    background-color: #22538e;
}

#color_22538e a {
    color: #22538e;
}
#color_22538e.active {
    background-color: #22538e;
}


#color_237d87:hover {
    background-color: #237d87;
}

#color_237d87 a {
    color: #237d87;
}
#color_237d87.active {
    background-color: #237d87;
}

#color_7359c8:hover {
    background-color: #7359c8;
}

#color_7359c8 a {
    color: #7359c8;
}
#color_7359c8.active {
    background-color: #7359c8;
}

#color_ad6301:hover {
    background-color: #ad6301;
}

#color_ad6301 a {
    color: #ad6301;
}
#color_ad6301.active {
    background-color: #ad6301;
}

#color_3d7640:hover {
    background-color: #3d7640;
}

#color_3d7640 a {
    color: #3d7640;
}
#color_3d7640.active {
    background-color: #3d7640;
}

#color_9e3a20:hover {
    background-color: #9e3a20;
}

#color_9e3a20 a {
    color: #9e3a20;
}
#color_9e3a20.active {
    background-color: #9e3a20;
}

#color_8c714c:hover {
    background-color: #8c714c;
}

#color_8c714c a {
    color: #8c714c;
}
#color_8c714c.active {
    background-color: #8c714c;
}

#color_c3436f:hover {
    background-color: #c3436f;
}

#color_c3436f a {
    color: #c3436f;
}
#color_c3436f.active {
    background-color: #c3436f;
}

#color_a555aa:hover {
    background-color: #a555aa;
}

#color_a555aa a {
    color: #a555aa;
}
#color_a555aa.active {
    background-color: #a555aa;
}

#color_277caa:hover {
    background-color: #277caa;
}

#color_277caa a {
    color: #277caa;
}
#color_277caa.active {
    background-color: #277caa;
}

#color_d23d2b:hover {
    background-color: #d23d2b;
}

#color_d23d2b a {
    color: #d23d2b;
}
#color_d23d2b.active {
    background-color: #d23d2b;
}

#color_6f7d2b:hover {
    background-color: #6f7d2b;
}

#color_6f7d2b a {
    color: #6f7d2b;
}
#color_6f7d2b.active {
    background-color: #6f7d2b;
}

/* e center group : end */

/* Homepage content : Start */
body#e-center-home .region-page_title {
    display: none;
}

body#e-center-home .e123_main_content .col-lg-8,
.e123_main_content .col-lg-4 {
    margin-top: 30px;
}

body#e-center-home .e123_main_content .e123_bookmark {
    text-align: right;
}


/* Homepage content : End */

/* e123_social_icon : start */
.like_comment_share_bookmark {
    display: none;
    font-size: 18px;
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.like_comment_share_bookmark .col-lg-6{
    padding-left: 0px;
    padding-right: 0px;
}
.e123_social_icon {
    color: #575757;
    font-size: 18px;
    padding: 0px;
    cursor: pointer;
}

.e123_social_icon:before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 23px;
    margin-right: 3px;
    background-size: 25px 25px;
    background-repeat: no-repeat;
    white-space: nowrap;
}

@media (max-width: 480px) {
    .e123_social_icon:before {
        width: 20px;
        height: 20px;
        background-size: 20px 20px;
    }

}

.e123_like::before {
    background-image: url("../images/like_icon.svg");
}
.e123_like.active::before {
    background-image: url("../images/like_icon_select.svg");
}
.e123_detail_page_social_icons .e123_like:hover::before {
    background-image: url("../images/like_icon_hover.svg");
}
.e123_detail_page_social_icons .e123_like.active::before, .e123_detail_page_social_icons .e123_like.active:hover::before {
    background-image: url("../images/like_icon_select.svg");
}

.e123_comment::before {
    background-image: url("../images/comment_icon.svg");
}
.e123_detail_page_social_icons .e123_comment:hover::before {
    background-image: url("../images/comment_icon_hover.svg");
}

.e123_share::before {
    background-image: url("../images/share_icon.svg");
}
.e123_detail_page_social_icons .e123_share:hover::before {
    background-image: url("../images/share_icon_hover.svg");
}

.e123_bookmark::before {
    background-image: url("../images/bookmark_icon.svg");
}
.e123_bookmark.active::before {
    background-image: url("../images/bookmark_icon_select.svg");
}
.e123_detail_page_social_icons .e123_bookmark.active::before, .e123_detail_page_social_icons .e123_bookmark.active:hover::before{
    background-image: url("../images/bookmark_icon_select.svg");
}
.e123_detail_page_social_icons .e123_bookmark:hover::before {
    background-image: url("../images/bookmark_icon_hover.svg");
}

/* e123_social_icon : end */


/* e-center info : start */
.view-e-center-my-info .views-row,
.view-e-center-user-info .views-row {
    background: rgb(16, 131, 113);
    background: linear-gradient(112deg, rgba(16, 131, 113, 1) 0%, rgba(57, 82, 145, 1) 100%);
    padding-left: 0px;
    padding-right: 0px;
    min-height: 100px;
}


.view-e-center-my-info .views-row .views-field-nothing-1 {
    width: 100%;
    bottom: 0px;
    right: 0px;
    background-color: #ffffff;
    position: relative;
}

.view-e-center-my-info .views-field-user-picture {
    width: 100px !important;
    float: none !important;
    margin-left: auto;
    margin-right: auto !important;
}


.view-e-center-my-info .views-field-name {
    text-align: center;
    color: #ffffff;
    font-weight: 600;
}

.view-e-center-my-info .views-field.views-field-nothing {
    margin-top: 0px;
}

.view-e-center-my-info #e123_user_points {
    text-align: center;
    color: #ffffff;
    font-weight: 600;
    font-size: 40px;
    display: inline-block;
    padding: 0px;
}

.view-e-center-my-info #e123_user_points_suffix {
    display: inline-block;
    font-size: 22px;
    color: #ffffff;
    padding: 0px;
}
.view-e-center-my-info .views-field-nothing {
    text-align: center;
}

.view-e-center-my-info .e123_my_personal_info>div {
    width: 31%;
    display: inline-block;
    text-align: center;
    margin: 10px 0px 14px 0px;
}
.view-e-center-my-info .e123_my_personal_info .link_index a{
    background-image: url("../images/ecenter_icon/mypage_icon.svg");
    margin-right: 3px;
    background-size: 27px 27px;
    background-repeat: no-repeat;
    white-space: nowrap;
    padding-left: 30px;
}
.view-e-center-my-info .e123_my_personal_info .link_index a:hover{
    color: #108371;
}
.view-e-center-my-info .e123_my_personal_info .link_my_article a{
    background-image: url("../images/ecenter_icon/add_new_icon.svg");
    margin-right: 3px;
    background-size: 27px 27px;
    background-repeat: no-repeat;
    white-space: nowrap;
    padding-left: 30px;
}
.view-e-center-my-info .e123_my_personal_info .link_my_group a{
    background-image: url("../images/ecenter_icon/community_icon.svg");
    margin-right: 3px;
    background-size: 27px 27px;
    background-repeat: no-repeat;
    white-space: nowrap;
    padding-left: 30px;
}
@media (max-width: 480px){
    .e123_main_content .region-content{
        padding: 0px;
    }
    .e123_main_content .region-right-siderbar{
        padding: 0px;
    }
}

/* e-center info : end */

/* Footer: Start */

footer {
    background-color: #ffffff;
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 18px;
}

footer .e123_content:first-child {
    padding-bottom: 30px;
}

footer .e123_content>.col-lg-6,
footer .e123_content>.col-lg-6>.col-lg-12,
footer .e123_content>.col-lg-12 {
    padding-left: 0px;
    padding-right: 0px;
}

.region-footer-menu {
    padding: 0px 0px 15px 0px;
    border-bottom: 1px solid #eeeeee;
}

.region-footer-menu ul {
    list-style-type: none;
    margin: 0px !important;
    padding: 0;
    overflow: hidden;
    display: block;
}

.region-footer-menu ul li {
    float: left;
    padding-right: 20px;
}

.region-footer-menu ul li a {
    font-size: 22px;
    color: #000;
}

.region-footer-menu ul li a:hover {
    color: #009673;
}

.region-footer-copyright-menu {
    padding: 15px 0px 15px 0px;
}

.region-footer-copyright-menu ul {
    list-style-type: none;
    margin: 0px !important;
    padding: 0;
    overflow: hidden;
    display: block;
}

.region-footer-copyright-menu ul li {
    float: left;
    padding-right: 15px;
}

.region-footer-copyright-menu ul li a {
    font-size: 18px;
    color: #575757 !important;
}

#block-footercopyright, #block-ecenter-enar-sub-footercopyright {
    font-size: 18px;
    color: #575757 !important;
    padding: 15px 0px 15px 0px;
    text-align: right;
}

.facebook_icon{
    background-image: url(../images/facebook_icon.svg);
    background-size: 30px 30px;
    padding-left: 35px;
    background-repeat: no-repeat;
}

#block-ecenter-enar-sub-footerappdownloadlink {
    text-align: right;
}

@media (max-width: 480px) {
    footer {
        padding-left: 5%;
        padding-right: 5%;
    }

    .region-footer-menu ul li {
        float: none;
    }

    .region-footer-copyright-menu ul li {
        float: none;
    }

    .region-footer-copyright-menu ul li a {
        font-size: 22px;
    }

    #block-footercopyright p {
        font-size: 16px;
        text-align: center;
    }
    #block-ecenter-enar-sub-footerappdownloadlink{
        text-align: left;
        margin-top: 20px;
    }
}

/* Footer: End */

.chatbot_iframe {
    position: fixed;
    bottom: -6px;
    z-index: 1000;
    right: 140px;
    display: none;
}

/* Chatbot: Start */
#webchat-header-title {
    font-size: 20px;
    padding-top: 10px;
}
#mindlayer-webchat-chathead{
    display: none;
}
#mindlayer-webchat-conv-frame{
    right: 150px;
}
#mindlayer-webchat-conv-frame button{
    font-size: 16px;
    display: block;
}
.webchat-chatbox-container-content{
    font-size: 16px;
}
#mindlayer-webchat-conv-frame div:nth-child(3){
    transform: scale(0.7);
}
#mindlayer-webchat-conv-frame div:nth-child(3) a{
    color: #c8c8d6;
}
/* Chatbot : End */

/*
footer .region-footer-app-link{
    display: none;
}
*/


/* Go to Top & Chat Bot at right-bottom corner */
@media (max-width: 991px) {
    .e123_chat_bot{
        bottom: 100px;
    }

    #go-to-top {
        margin-bottom: 45px;
    }    
}