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

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

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

h1 {
    margin: 0;
}

body [overwrite-accessibility="h2"] {
    color: #324545;
}

/* Apply btn */
.btn.btn-apply {
    background-color: #108372;
    border: 2px solid #108372;
    border-radius: 8px;
    color: #ffffff;
    font-size: 17px;
    display: inline-block;
    margin-left: 0px;
    margin-right: 0px;
    padding: 10px 29px;
}

.btn.btn-apply:hover {
    color: #108372;
    background-color: #ffffff;
}

/* End of Apply btn */

/* 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 */


/* Message */
.messages--info {
    /*
    color: #325e1c;
    border-color: #c9e1bd #c9e1bd #c9e1bd transparent;
    background-color: #f3faef;
    background-image: url(../../../../misc/icons/73b355/check.svg);
*/
    color: #108371;
    background-color: #cce5ff;
    border-color: #b8daff;

    box-shadow: -8px 0 0 #108371;
}

.messages .special_link {
    border: 2px solid #015701;
    color: #015701;
    border-radius: 30px;
    padding: 5px 20px;
    margin-left: 15px;
    margin-right: 15px;
    line-height: 2.5;
}

.messages .special_link:hover {
    border: 2px solid #015701;
    background-color: #015701;
    cursor: pointer;
}

.messages .special_link:hover a {
    color: #fff;
}

/* End of Message */


/* SAGE game Icon */
.wsmobileheader .sage-game-logo {
    float: left;
    margin-left: 54px;
    margin-right: -104px;
    width: 54px;
    height: 54px;
    padding: 10px 0;
}

.wsmobileheader .sage-game-logo img {
    height: 100%;
}


/* End of SAGE game Icon */


/* Bell Notification */
.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;
}

@media (max-width: 991px) {
    .e123_bell_notification .e123_bell_notification_preview {
        text-align: left;
    }

    body.e123_user_page .right-hand-side {
        font-size: 16px;
    }

    .notification_row .wsmobileheader .callusbtn a:last-child img {
        padding-left: 0px;
        width: 40px;
        height: auto;
        border-radius: 50px;
        overflow: hidden;
    }
}

.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;
}

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

/* Homepage banner arrow */

/* .view-id-e123_12cat_home_slideshow .bx-wrapper{
    width: 100% !important;
    max-width: 100% !important;
} */

.bx-wrapper .bx-next {
    background: url(../images/controls.png) no-repeat -43px -32px !important;
    border: none !important;
}

.bx-wrapper .bx-prev {
    background: url(../images/controls.png) no-repeat 0 -32px !important;
    border: none !important;
}

.bx-wrapper .bx-controls-direction a {
    z-index: 10;
}

/* Breadcrumb: Start */
.breadcrumb {
    max-width: 1250px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    font-size: 18px;
}


.region-breadcrumb .breadcrumb ol li {
    color: #00592f !important;
}

.region-breadcrumb .breadcrumb ol li:last-child {
    color: #585858 !important;
}

.region-breadcrumb .breadcrumb ol li {
    display: inline !important;
}

[class*="page-node-"] .region-breadcrumb .breadcrumb ol li:last-child {
    display: none !important;
}

.breadcrumb ol li:before {
    color: #585858;
    padding-left: 6px;
    padding-right: 8px;
}

.breadcrumb ol li {
    margin: 0 2px;
}

.breadcrumb ol li a {
    color: #00592f;
    margin: 0px !important;
}

.breadcrumb ol li a:hover {
    color: #585858;
}

.region-breadcrumb {
    margin-top: 35px !important;
}

@media (max-width: 991px) {
    .region-breadcrumb {
        margin-top: 55px !important;
        margin-bottom: 0px !important;
    }
}

.region-breadcrumb .breadcrumb {
    margin-bottom: 0px;
    padding-left: 0px;
}

/* Start of overwrite */
.region-breadcrumb .breadcrumb ol li {
    display: none !important;
}

.region-breadcrumb .breadcrumb ol.overwrite_breadcrumb li {
    display: inline !important;
}

/* Breadcrumb: End */



/* Body: Start */
body {
    background-color: #ebf6f2;
}

[class*="page-node-"] .wsmenucontainer {

    /* background-color: #e9ebef; */
}

.e123_main_content {
    margin-bottom: 60px;
    margin-top: 130px;
}

@media (min-width: 480px) and (max-width: 991px) {
    .e123_main_content {
        margin-top: 0px;
    }
}

@media (max-width: 480px) {
    .e123_main_content {
        margin-top: 0px;
    }
}

@media (min-width: 480px) and (max-width: 768px) {
    .e123_chat_bot {
        width: 100px;
    }
}

[class*="page-node-"] .e123_main_content.e123_have-left-have-right .region-page-title {
    display: none;
}


.view-e123-12cat-home-slideshow .bxslide .views-field-field-image img {
    margin-top: 6px;
}

.view-e123-12cat-home-slideshow .bx-default-pager {
    bottom: 0px;
}

/* Body : End */

/* Meun : Start */
.switch_chinese_btn {
    color: #222222;
    display: inline-block;
    font-size: 22px;
    /* text-align: left; */
    width: 50px;
}

.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;
}

.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 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.live_video_onair_listing_in_mobile a {
        font-size: 20px;
    }

    .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 !important;
        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;
    }
}

@media (min-width: 480px) {
    .wsmenu .desktop {
        display: block;
    }

    .wsmenu .mobile {
        display: none;
    }

    .header_menu {
        background-color: #ffffff;
        width: 100%;
        position: fixed;
        height: auto;
        z-index: 100;
        top: 0px;
    }

    body#adminimal-admin-toolbar .header_menu {
        top: 3em;
    }

    .wsmenu>.wsmenu-list>li:focus>.wsmegamenu,
    .wsmenu>.wsmenu-list>li:hover>.wsmegamenu {
        padding-top: 40px;
    }

    .wsmenu>.wsmenu-list>li[aria-haspopup="true"] a.lnk-ddm.active+.wsmegamenu {
        opacity: 1;
        visibility: visible;
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }

    .wsmenu [overwrite-accessibility="h2"] {
        font-size: 24px;
        padding-left: 10px;
        margin-bottom: 20px;
        line-height: 24px;
    }

    .wsmenu .menu--e123-submenu-1 [overwrite-accessibility="h2"] {
        border-left: 6px solid #22538e;
    }

    .wsmenu .menu--e123-submenu-2 [overwrite-accessibility="h2"] {
        border-left: 6px solid #237d87;
    }

    .wsmenu .menu--e123-submenu-3 [overwrite-accessibility="h2"] {
        border-left: 6px solid #7359c8;
    }

    .wsmenu .menu--e123-submenu-4 [overwrite-accessibility="h2"] {
        border-left: 6px solid #ad6301;
    }

    .wsmenu .menu--e123-submenu-5 [overwrite-accessibility="h2"] {
        border-left: 6px solid #3d7640;
    }

    .wsmenu .menu--e123-submenu-6 [overwrite-accessibility="h2"] {
        border-left: 6px solid #9e3a20;
    }

    .wsmenu .menu--e123-submenu-7 [overwrite-accessibility="h2"] {
        border-left: 6px solid #8c714c;
    }

    .wsmenu .menu--e123-submenu-8 [overwrite-accessibility="h2"] {
        border-left: 6px solid #c3436f;
    }

    .wsmenu .menu--e123-submenu-9 [overwrite-accessibility="h2"] {
        border-left: 6px solid #a555aa;
    }

    .wsmenu .menu--e123-submenu-10 [overwrite-accessibility="h2"] {
        border-left: 6px solid #277caa;
    }

    .wsmenu .menu--e123-submenu-11 [overwrite-accessibility="h2"] {
        border-left: 6px solid #d23d2b;
    }

    .wsmenu .menu--e123-submenu-12 [overwrite-accessibility="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 {
        margin-top: 15px;
        margin-bottom: 15px;
        float: right;
    }

    .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: 115px;
    }

    .wsmenu>.wsmenu-list>li .wsmegacont02 {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .wsmegamenuwp [class*="region-header-menu-elder-info-"] {
        /* width: 16.6%; */
        width: 20%;
        padding-right: 0px;
        padding-left: 0px;
    }

    .e123_wsmainwp {
        max-width: 1280px !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: #027765;
    }

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

    .header_menu ul.function_menu li:nth-child(2) {
        font-size: 22px !important;
        font-weight: bold;
        color: #027765;
        font-family: Arial, Helvetica, sans-serif;
    }

    .header_menu ul.function_menu li:nth-child(3) {
        font-size: 26px !important;
        font-weight: bold;
        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;
    }

    .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: 45px;
        border-radius: 50px;
        overflow: hidden;
    }

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

    .header_menu ul.function_menu li.active {
        color: #027765;
        font-weight: bold;
    }

    .header_menu ul.function_menu li.non-active {
        color: #666666;
    }

    /* 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;
        cursor: pointer;
    }

    .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;
    }

    .rightmenu li.btn_redemption_item {
        border: 2px solid #015701;
        color: #015701;
        border-radius: 50px;
        padding: 1px 25px !important;
        margin-left: 0;
        margin-right: 5px;
    }

    .rightmenu li.btn_redemption_item:hover {
        border: 2px solid #015701;
        color: #ffffff;
        background-color: #015701;
    }

    .rightmenu li.btn_redemption_item:hover a {
        color: #ffffff !important;
    }

    .rightmenu li.btn_login {
        border: 2px solid #015701;
        color: #015701;
        border-radius: 50px;
        padding: 1px 25px !important;
        margin-left: 5px;
        margin-right: 0;
    }

    .rightmenu li.btn_login:hover {
        border: 2px solid #015701;
        color: #ffffff;
        background-color: #015701;
    }

    .rightmenu 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;
        cursor: pointer;
    }

    .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;
    }

    .header_menu .wsmenu>.wsmenu-list>li.btn_sage_game {
        color: #ffffff;
        border: 2px solid #108371;
        background-image: linear-gradient(to bottom right, #108371, #108371);
        border-radius: 50px;
        padding: 9px 25px;
        margin-top: -11px;
        margin-left: 5px;
        margin-right: 5px;
        cursor: pointer;
    }

    .header_menu .wsmenu>.wsmenu-list>li.btn_sage_game img {
        width: 24px;
        padding: 0;
        vertical-align: top;
        margin-right: 5px;
    }

    .header_menu .wsmenu>.wsmenu-list>li.btn_sage_game a {
        color: #ffffff !important;
    }

    .header_menu .wsmenu>.wsmenu-list>li.btn_sage_game:hover {
        border: 2px solid #108371;
        background: #ffffff !important;
    }

    .header_menu .wsmenu>.wsmenu-list>li.btn_sage_game:hover a {
        color: #108371 !important;
    }

    .e123_chat_bot {
        position: fixed;
        right: 0px;
        bottom: 50px;
        z-index: 1;
        max-width: 140px;
    }
}

@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;
        padding-left: 8px;
        padding-right: 8px;
    }

    .header_menu .wsmenu>.wsmenu-list>li.btn_ecenter,
    .header_menu .wsmenu>.wsmenu-list>li.btn_sage_game {
        padding: 9px 15px;
    }
}

@media screen and (min-width: 991px) and (max-width: 1100px) {
    .header_menu .wsmenu>.wsmenu-list>li a {
        padding-left: 2.5px;
        padding-right: 2.5px;
    }
}


@media (min-width: 991px) {
    .mobile_menu {
        display: none;
    }
}

@media (max-width: 991.99px) {

    body .wsmenucontainer,
    body.role-authenticated .wsmenucontainer {
        padding-top: 0px !important;
    }
}

.e123_chat_bot {
    cursor: pointer;
}

/* Menu : End */


/* Footer: Start */
footer {
    background-color: #ffffff;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
}

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 {
    font-size: 18px;
    color: #575757 !important;
    padding: 15px 0px 15px 0px;
    text-align: right;
}



#block-footerappdownloadlink {
    text-align: right;
}

@media (max-width: 480px) {
    #block-footersponsor .col-lg-6 {
        margin-bottom: 20px;
    }
}

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

    .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-footerappdownloadlink {
        text-align: left;
        margin-top: 30px;
    }
}

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

/* Footer: End */

/* Chatbot: Start */
#webchat-header-title {
    font-size: 20px;
    padding-top: 10px;
}

#mindlayer-webchat-chathead {
    display: none;
}

#mindlayer-webchat-conv-frame {
    right: 150px;
}

@media (max-width: 991px) {
    #mindlayer-webchat-conv-frame {
        right: 0px;
        bottom: 0px;
    }
}

#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 */

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;
}




/* Donate part : start */
body.e123_donate .e123_main_content {
    max-width: 1250px;
}

body.e123_donate .e123_main_content>.col-lg-12:first-child {
    padding: 30px;
    background-color: #ffffff;
    border-radius: 30px;
    box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.08), 0 1px 3px 1px rgba(60, 64, 67, 0.16);
    min-height: 300px;
}

body.e123_donate .e123_main_content .col-lg-12 .container {
    padding-left: 0px;
    margin-left: 0px;
}

body.e123_donate .e123_main_content .col-lg-12 .region-content {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    float: none;
}

body.e123_donate .e123_main_content h1 {
    margin-bottom: 20px;
    color: #015701;
}

body.e123_donate button,
body.e123_donate input[type=button],
body.e123_donate input[type=reset],
body.e123_donate input[type=submit] {
    font-size: 18px;
    font-weight: normal;
    display: block;
    border: 2px solid #015701;
    background-color: #015701;
    border-radius: 50px;
    padding: 7px 20px;
    text-align: center;
    color: #fff !important;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

body.e123_donate #edit-amount--wrapper>.fieldset-wrapper {
    background-color: #DBF4D7;
    margin: 0 auto 15px auto;
    padding: 15px 20px;
    clear: both;
    border: 1px solid #358E0E;
    color: #348F0E;
}

body.e123_donate #edit-personal-info-field>.fieldset-wrapper {
    background-color: #DBF4D7;
    margin: 0 auto 15px auto;
    padding: 15px 20px;
    clear: both;
    border: 1px solid #358E0E;
    color: #348F0E;
}

body.e123_donate #block-donationpagebottom {
    background-color: #DBF4D7;
    margin: 30px auto 15px auto;
    padding: 15px 20px;
    clear: both;
    border: 1px solid #358E0E;
}

body.e123_donate label {
    color: #222222;
}

/* Donate part : end */


/*  */
body.e123_node_page_coupon {
    background-color: #ebf6f2;
}


/* e123_global_search ：start */
body.e123_global_search {
    background-color: #ebf6f2;
}

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

body.e123_global_search #block-e123-enar-sub-page-title .container {
    padding-left: 0px;
    margin-left: 0px;
}

body.e123_global_search .field--name-title {
    font-family: "Microsoft JhengHei", "微軟正黑體" !important;
    font-size: 37px;
    font-weight: 600;
    color: #324545;
}

body.e123_global_search .view-content .views-row {
    background-color: #ffffff;
    font-size: 18px;
    color: #575757;
    padding: 20px;
    border-radius: 0px !important;
    margin-top: 0;
    margin-bottom: 0px;
    box-shadow: none;
}

body.e123_global_search .view-content .views-row:nth-child(odd) {
    background-color: #DBF4D7;
}

body.e123_global_search .views-field-title {
    display: inline-block;
    padding-bottom: 0px;
    width: calc(100% - 110px);
}

body.e123_global_search .views-field-nothing {
    margin: 0px;
    display: inline-block;
    float: right;
}

body.e123_global_search .views-field-nothing>.field-content>.row {
    margin-top: 0px;
}

body.e123_global_search .views-field-nothing>.field-content>.row h6 {
    font-size: 22px;
}

body.e123_global_search [class*="view-e123-"] .view-content .views-row .views-field .field-content {
    margin: 0px;
}

body.e123_global_search [class*="e123_elder_info_1"].row h6 {
    color: #22538e;
}

body.e123_global_search [class*="e123_elder_info_2"].row h6 {
    color: #237d87;
}

body.e123_global_search [class*="e123_elder_info_3"].row h6 {
    color: #7359c8;
}

body.e123_global_search [class*="e123_elder_info_4"].row h6 {
    color: #ad6301;
}

body.e123_global_search [class*="e123_elder_info_5"].row h6 {
    color: #3d7640;
}

body.e123_global_search [class*="e123_elder_info_6"].row h6 {
    color: #9e3a20;
}

body.e123_global_search [class*="e123_elder_info_7"].row h6 {
    color: #8c714c;
}

body.e123_global_search [class*="e123_elder_info_8"].row h6 {
    color: #c3436f;
}

body.e123_global_search [class*="e123_elder_info_9"].row h6 {
    color: #a555aa;
}

body.e123_global_search [class*="e123_elder_info_10"].row h6 {
    color: #277caa;
}

body.e123_global_search [class*="e123_elder_info_11"].row h6 {
    color: #a62d1f;
}

body.e123_global_search [class*="e123_elder_info_12"].row h6 {
    color: #58651b;
}

/* e123_global_search ：end */

/* Login : start */
body.e123_user_page .link-as-other-social-media .title {
    font-size: 24px;
    margin-bottom: 30px;
}

body.e123_user_page .link-as-other-social-media>div {
    outline: none;
}

body.e123_user_page .link-as-other-social-media>div>a {
    outline: none;
}

body.e123_user_page .link-as-other-social-media [class*="link-to-"] {
    display: inline-block;
    margin: 0px 25px 0px 25px;
    overflow: hidden;
    height: 70px;
    width: 70px;
    border-radius: 100px;
    /* cursor: pointer; */
    line-height: 50px;
    box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.08), 0 1px 3px 1px rgba(60, 64, 67, 0.16);
    background-position: center center;
    margin-bottom: 20px;
    vertical-align: top;
}

@media (max-width: 480px) {
    body.e123_user_page .link-as-other-social-media [class*="link-to-"] {
        vertical-align: top;
        display: inline-block;
        clear: both;
    }
}

.link-to-facebook {
    background-image: url(../images/facebook_login_2.svg);
    background-size: 40px 40px;
    background-repeat: no-repeat;
}

.link-to-facebook .fb-login-btn-wrapper {
    opacity: 0.0001;
}

.link-to-apple {
    background-image: url(../images/apple_login_2.svg);
    background-size: 40px 40px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.link-to-e72 {
    background-image: url(../images/e72_logo.png);
    background-size: 50px 50px;
    background-repeat: no-repeat;
}


.g-login-btn * {
    min-width: 80px;
    min-height: 80px;
}

.link-to-google {
    background-image: url(../images/google_login_2.svg);
    background-size: 40px 40px;
    background-repeat: no-repeat;
}

.link-to-google .g-login-btn {
    opacity: 0.0001;
}

.link-to-e1668 a,
.link-to-e72 a {
    width: 80px;
    height: 80px;
    display: block;
    text-indent: -999em;
}

.link-to-e1668 {
    background-image: url(../images/e1668_logo.png);
    background-size: 50px 50px;
    background-repeat: no-repeat;
}


.link-to-register {
    border-top: 1px solid #ededed;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    padding-top: 50px;
    margin-bottom: 50px;
}

.link-to-register .title {
    font-size: 40px;
}

.link-to-register .title {
    margin-bottom: 40px;
}

.link-to-register .button {
    background-color: #108372;
    color: #ffffff;
    font-size: 22px;
    min-width: 100px;
    border-radius: 8px;
    padding: 7px 30px 7px 30px;
    border: 2px solid #108372;
}

.link-to-register .button:hover {
    color: #ffffff;
}


body.e123_user_page.e123_user_login .e123_main_content #block-e123-enar-sub-content {
    background-color: #ffffff;
    color: #575757;
    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);
    overflow: hidden;
    padding: 20px;
    display: inline-block;
    width: 100%;
    margin-bottom: 0px;
}

body.e123_user_page.e123_user_login .e123_main_content #block-loginassocialmediase72e1668linktoregisterdesktop,
body.e123_user_page.e123_user_login .e123_main_content #block-loginassocialmediase72e1668linktoregistermobile {
    background-color: #ffffff;
    color: #575757;
    border-radius: 0px 0px 20px 20px;
    box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.08), 0 1px 3px 1px rgba(60, 64, 67, 0.16);
    margin-top: -10px;
    overflow: hidden;
    padding: 20px;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
}

.link-as-other-social-media {}

.bx-wrapper .bx-viewport img {
    margin-left: auto;
    margin-right: auto;
}

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

@media (max-width: 480px) {
    .chatbot_iframe {
        right: 0px;
    }

    .switch_chinese_btn {
        color: #222222;
        display: inline-block;
        font-size: 22px;
        /* text-align: left; */
        width: 50px;
        margin-top: 10px;
    }
}

@media (max-width: 991px) {
    .switch_chinese_btn.active {
        color: #027765;
        font-weight: bold;
    }
}

.wsmenu-list li i.wsmenu-arrow.fa.fa-angle-down {
    display: none !important;
}



/* 舉報 */
.e123_node_report_spam_wrapper,
.e123_comment_report_spam_wrapper {
    border: 2px solid #aaa;
    border-radius: 30px;
    padding: 0 10px 0 10px;
    text-align: center;
    display: inline-block;
    background-color: #ffffff;
    cursor: pointer;
    margin-top: 5px;
}

#e123_node_report_spam_popup,
#e123_comment_report_spam_popup {
    padding: 20px;
    background-color: #ffffff;
    min-width: 400px;
    font-size: 20px;
}

#e123_node_report_spam_popup h2,
#e123_comment_report_spam_popup h2 {
    margin-top: 0px;
}

#e123_node_report_spam_popup ul,
#e123_comment_report_spam_popup ul {
    padding-left: 0px;
}

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

.e123_node_report_spam_confirm,
.e123_comment_report_spam_confirm {
    font-size: 20px;
    border: 2px solid #108371;
    max-width: 150px;
    text-align: center;
    padding: 3px 19px;
    border-radius: 50px;
    color: #108371;
    background-color: #fff;
    cursor: pointer;
}

.e123_node_report_spam_confirm:hover,
.e123_comment_report_spam_confirm:hover {
    color: #fff;
    background-color: #108371;
}

/* For 404 error */
.e123_no-left-no-right #block-e123-enar-sub-page-title .container {
    margin-left: 0px;
    padding-left: 0px;
}

.e123_no-left-no-right #block-e123-enar-sub-page-title .container h1 {
    margin-bottom: 20px;
}

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;
    }
}


/* Olinkhub Redirect To App   (DEV: 569424, LIVE: 847949)  */

.page-node-569424 h1,
.page-node-847949 h1 {
    display: none;
}

.page-node-569424 article [class*="field--name-field"],
.page-node-847949 article [class*="field--name-field"] {
    padding-top: 0;
}

.page-node-569424 .auto-redirect-to a,
.page-node-847949 .auto-redirect-to a {
    background-color: #d87a00;
    border: 2px solid #d87a00;
    border-radius: 8px;
    color: #ffffff;
    font-size: 17px;
    display: inline-block;
    margin: 0 0 20px;
    padding: 10px 29px;
}

.page-node-569424 .auto-redirect-to a:hover,
.page-node-847949 .auto-redirect-to a:hover {
    background-color: #ffffff;
    color: #d87a00;
}

/* modal popup */
@media (max-width: 991.99px) {
    .modal-backdrop {
        z-index: 100000;
    }
    .modal {
        z-index: 100001;
    }
}