#e123_add_friend_ajax_form .messages {
    display: none;
}

/* 我的帳戶 : Start */
body.e123_user_page {
    background-color: #e5f2f7;
}

body.e123_user_page #block-e123-enar-sub-page-title {
    display: none;
}

body.e123_user_page .region-left_siderbar .block-menu h2 {
    background-color: #737373;
}

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

.menu--e123-e-center-user-menu ul.menu li.active {
    border-left: 8px solid #108371;
}

body.e123_user_page .region-left_siderbar .menu--e123-e-center-user-menu ul.menu li.active a {
    color: #108371;
}

body.e123_user_page .region-left_siderbar .menu--e123-e-center-user-menu ul.menu li a.is-active {
    color: #108371;
}

body.e123_user_page .region-left_siderbar .menu--e123-e-center-user-menu ul.menu li:hover a.is-active {
    color: #ffffff;
}

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

body.e123_user_page .region-left_siderbar .menu--e123-e-center-user-menu>ul.menu>li:hover {
    background-color: #108371;
}

body.e123_user_page .region-left_siderbar .menu--e123-e-center-user-menu>ul.menu>li a:hover {
    background-color: #108371 !important;
}

body.e123_user_page .region-left_siderbar .menu--e123-e-center-user-menu>ul.menu>li ul li {
    background-color: #f8f8f8;
}

body.e123_user_page .region-left_siderbar .menu--e123-e-center-user-menu>ul.menu>li ul li:hover {
    background-color: #108371;
}

body.e123_user_page .region-left_siderbar .menu--e123-e-center-user-menu>ul.menu>li ul li:hover>a {
    color: #ffffff !important;
}



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

body.e123_user_page .e123_main_content #block-loginasfacebookgooglee72e1668linktoregister {
    background-color: #ffffff;
    color: #575757;
    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);
    overflow: hidden;
    padding: 20px;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
    display: none;
}

body.e123_user_page .e123_main_content #block-e123-enar-sub-content article #user-account-left {
    display: none;
}

body.e123_user_page .e123_main_content #block-e123-enar-sub-content article #user-account-left .field--name-user-picture {
    text-align: center;
}

body.e123_user_page .e123_main_content #block-e123-enar-sub-content article #user-account-left .field--name-user-picture img {
    border-radius: 50%;
    overflow: hidden;
}

body.e123_user_page .e123_main_content #block-e123-enar-sub-content article #user-account-left #qrcode {
    margin: 20px auto;
    margin-top: 10px;
}

body.e123_user_page .e123_main_content #block-e123-enar-sub-content article #user-account-left .page-title-on-top-of-image {
    font-size: 27px;
    font-weight: 600;
    color: #262626;
    margin-bottom: 20px;
    display: inline-block;
}



body.e123_user_page .e123_main_content #block-e123-enar-sub-content article #user-account-left .fieldset-legend {
    font-size: 28px;
    color: #262626;
    margin-top: 20px;
    margin-bottom: 20px;
}

body.e123_user_page .e123_main_content #block-e123-enar-sub-content article #user-account-left .desc {
    text-align: center;
}

body.e123_user_page .e123_main_content #block-e123-enar-sub-content article #user-account-right {
    display: none;
}

body.e123_user_page .e123_main_content #block-e123-enar-sub-content article #user-account-right legend {
    border: none;
}

body.e123_user_page .e123_main_content #block-e123-enar-sub-content article #user-account-right .fieldset-legend {
    font-size: 27px;
    color: #262626;
    margin-bottom: 20px;
}

body.e123_user_page .e123_main_content #block-e123-enar-sub-content article #user-account-right .field {
    clear: both;
    margin-bottom: 20px;
    padding-bottom: 0px;
    padding-top: 0px;
    display: inline-block;
    width: 100%;
}

body.e123_user_page .e123_main_content #block-e123-enar-sub-content article #user-account-right .field .field__label {
    max-width: 320px;
    width: 320px;
    display: inline-block;
    padding-right: 30px;
    font-size: 22px;
    color: #2f2f2f;
    font-weight: 200;
}

body.e123_user_page .e123_main_content #block-e123-enar-sub-content article #user-account-right .field .field__item {
    display: inline-block;
}

body.e123_user_page .e123_main_content #block-e123-enar-sub-content article #user-account-right .field .field__items {
    display: inline-grid;
}



body.e123_user_page .e123_main_content #block-e123-enar-sub-content article #user-account-right fieldset:not(:last-child) {
    border-bottom: 1px solid #dedede;
}


body.e123_user_page .form-item-field-newsletter-value label,
body.e123_user_page .form-item-field-tnc-value label {
    font-weight: bold;
}

body.e123_user_page .form-item-field-tnc-value label a {
    color: #009673;
}


@media (min-width: 768px) {
    body.e123_user_page .e123_main_content>div {
        padding-right: 0px !important;
    }

    body.e123_user_page .e123_main_content .region-left_siderbar {
        padding-right: 0px !important;
    }
}

@media (max-width: 480px) {

    body.e123_user_page .region-content,
    body.e123_user_page .region-page-title， body.e123_user_page .region-left-siderbar {
        padding-left: 0px;
        padding-right: 0px;
    }

    body.e123_user_page .e123_main_content .region-left_siderbar {
        padding-left: 0px;
        padding-right: 0px;
    }
}



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


.e123_form_basic_info #group-account-info,
.e123_form_my_favorite #group-account-info {
    display: none;
}

#group-account-info h3,
#group-basic-info h3,
#group-my-favorite h3 {
    padding-left: 15px;
}

#group-account-info .messages {
    max-width: 550px;
    margin: 0 auto;
}

/* 我的帳戶 : End */



/* 我的書籤 : start */
body.e123_user_page {
    background-color: #e5f2f7;
}

body.e123_user_page .page-title-in-views {
    font-size: 28px;
    font-weight: 600;
    padding-left: 15px;
}

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


body.e123_user_page .menu--e123-e-center-user-menu ul.menu li.active {
    border-left: 8px solid #108371 !important;
}

body.e123_user_page .region-left_siderbar .menu--e123-e-center-user-menu ul.menu li.active a {
    color: #108371 !important;
}

body.e123_user_page .region-left_siderbar .menu--e123-e-center-user-menu ul.menu li a.is-active {
    color: #108371 !important;
}

body.e123_user_page .region-left_siderbar .menu--e123-e-center-user-menu>ul.menu>li:hover {
    background-color: #108371 !important;
}

body.e123_user_page .region-left_siderbar .menu--e123-e-center-user-menu>ul.menu>li a:hover {
    background-color: #108371 !important;
}

body.e123_user_page .region-left_siderbar .menu--e123-e-center-user-menu>ul.menu>li ul li {
    background-color: #ffffff !important;
}

body.e123_user_page .region-left_siderbar .menu--e123-e-center-user-menu>ul.menu>li ul li:hover {
    background-color: #108371 !important;
}

body.e123_user_page .region-left_siderbar .menu--e123-e-center-user-menu>ul.menu>li ul li:hover a {
    color: #ffffff !important;
}

body.e123_user_page .region-left_siderbar .menu--e123-e-center-user-menu ul.menu li:hover a.is-active {
    color: #fff !important;
}


body.e123_user_page .views-field-title {
    font-size: 26px;
}

body.e123_user_page .views-field-title a {
    color: #108372;
}

body.e123_user_page .view-empty {
    padding-left: 15px !important;
}

body.e123_user_page .left-hand-side {
    max-width: 30%;
    display: inline-block;
    margin-right: 20px;
}

body.e123_user_page .left-hand-side img {
    /* vertical-align: top; */
}

body.e123_user_page .right-hand-side {
    width: 60%;
    display: inline-block;
}

body.e123_user_page .e123_remove_bookmark_in_listing_wrapper {
    text-align: right;
}

body.e123_user_page .e123_remove_bookmark_in_listing_wrapper .e123_remove_bookmark_in_listing {
    border: 2px solid #aaa;
    border-radius: 30px;
    padding: 0 10px 0 10px;
    display: inline-block;
    background-color: #ffffff;
    cursor: pointer;
    margin-top: 5px;
}



body.e123_user_page .right-hand-side .views-field-title {
    font-size: 26px;
    max-width: 540px;
}

body.e123_user_page .right-hand-side .views-field-title a {
    color: #108372;
}

body.e123_user_page #block-e123-enar-sub-content .view-content .views-row {
    box-shadow: none;
    border-bottom: 1px solid#ddd;
    border-radius: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

body.e123_user_page .views-field-user-picture {
    max-width: 100px;
    display: inline-block;
    margin-right: 20px;
    border-radius: 50%;
    vertical-align: top;
    overflow: hidden;
}

body.e123_user_page .right-hand-side .link-to-details-page {
    font-size: 24px;
    color: #108372;
}

/* 我的書籤 : end */

/* 喜愛類別 : start */

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

body.e123_user_my_friends .block-title {
    font-size: 28px;
    font-weight: 600;
}

body.e123_user_my_friends .menu--e123-e-center-user-menu ul.menu li.active {
    border-left: 8px solid #108371 !important;
}

body.e123_user_my_friends .region-left_siderbar .menu--e123-e-center-user-menu ul.menu li.active a {
    color: #108371 !important;
}

body.e123_user_my_friends .region-left_siderbar .menu--e123-e-center-user-menu ul.menu li a.is-active {
    color: #108371 !important;
}

body.e123_user_my_friends .region-left_siderbar .menu--e123-e-center-user-menu>ul.menu>li:hover {
    background-color: #108371 !important;
}

body.e123_user_my_friends .region-left_siderbar .menu--e123-e-center-user-menu>ul.menu>li a:hover {
    background-color: #108371 !important;
}

body.e123_user_my_friends .region-left_siderbar .menu--e123-e-center-user-menu>ul.menu>li ul li {
    background-color: #ffffff !important;
}

body.e123_user_my_friends .region-left_siderbar .menu--e123-e-center-user-menu>ul.menu>li ul li:hover {
    background-color: #108371 !important;
}

body.e123_user_my_friends .region-left_siderbar .menu--e123-e-center-user-menu>ul.menu>li ul li:hover a {
    color: #ffffff !important;
}

body.e123_user_my_friends .region-left_siderbar .menu--e123-e-center-user-menu ul.menu li.menu-item--active-trail :hover a {
    color: #ffffff !important;
}

body.e123_user_my_friends .region-left_siderbar .menu--e123-e-center-user-menu ul.menu li a.is-active:hover {
    color: #ffffff !important;
}


.e123_profile_page_click_to_popup {
    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_profile_page_popup {
    padding: 20px;
    background-color: #ffffff;
    min-width: 800px;
    font-size: 20px;
}

.e123_profile_page_popup h2 {
    margin-top: 0px;
}

.e123_profile_page_popup ul {
    padding-left: 0px;
}


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

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

.e123_profile_page_popup_btn:hover {
    color: #fff;
    background-color: #108371;
}


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

.e123_profile_page_popup_confirm:hover {
    color: #fff;
    background-color: #108371;
}





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

body.e123_user_page .region-content #group-my-favorite----- {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

body.e123_user_page .region-content .form-checkboxes .form-item {
    width: 49%;
    display: inline-block;
    vertical-align: top;

    padding-left: 15px;
    text-indent: -15px;
}

body.e123_user_page .region-content label {
    font-size: 22px;
    color: #262626;
}


body.e123_user_page .region-content .form-actions {
    text-align: center;
}

body.e123_user_my_friends input[type=submit],
body.e123_user_page input[type=submit],
.registerBtn {
    background-color: #108372;
    color: #ffffff;
    font-size: 22px;
    min-width: 100px;
    border-radius: 8px;
    padding: 4px 21px !important;
    border: 2px solid #108372;
    margin-bottom: 30px;
}

body.e123_user_page input[type=submit]:disabled,
.registerBtn:disabled {
    background-color: #ddd;
    border: 2px solid #ddd;
}


@media (max-width: 480px) {

    body.e123_user_my_friends input[type=submit],
    body.e123_user_page input[type=submit],
    .registerBtn {
        width: 100%;
        margin: 0;
    }
}

/* 喜愛類別 : end */


/* 朋友清單 :start  */
body.e123_user_my_friends {
    background-color: #e5f2f7;
}

body.e123_user_my_friends .e123_main_content>div.col-lg-9 {
    background-color: #ffffff;
    color: #575757;
    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);
    overflow: hidden;
    padding: 20px;
    display: inline-block;
    margin-bottom: 20px;
}

body.e123_user_my_friends .menu--e123-e-center-user-menu ul.menu li.menu-item--active-trail {
    border-left: 8px solid #108371;
}

body.e123_user_my_friends .region-left_siderbar .block-menu h2 {
    background-color: #737373;
}


body.e123_user_my_friends .e123_main_content>div.col-lg-9 table {
    width: 100%;
}

body.e123_user_my_friends .e123_main_content>div.col-lg-9 table thead tr {
    background-color: #ffffff !important;
}

body.e123_user_my_friends .e123_main_content>div.col-lg-9 table thead tr th {
    padding: 10px 20px;
}

body.e123_user_my_friends #block-e123-add-friend-ajax-form {
    margin-top: 30px;
    border-top: 1px solid #eeeeee;
}

#block-e123-add-friend-ajax-form>div {
    max-width: 550px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

body.e123_user_my_friends .e123_main_content>div.col-lg-9 table tr {
    font-size: 22px;
}

body.e123_user_my_friends .e123_main_content>div.col-lg-9 table tr:nth-child(odd) {
    background-color: #f7f7f7;
}

body.e123_user_my_friends .e123_main_content>div.col-lg-9 table tr td {
    padding: 10px 20px;
}

.e123_add_friend_ajax_form_submit,
.e123_user_verification_ajax_form_submit {
    background-color: #108372;
    color: #ffffff;
    font-size: 22px;
    min-width: 100px;
    border-radius: 8px;
    padding: 7px 30px 7px 30px;
    border: 2px solid #108372;
    margin-top: 20px;
}

#e123_user_verification_ajax_form .verification_code_area {
    background-color: #eee;
    padding: 20px;
    margin: 10px 0;
}

.e123_user_verification_ajax_form_submit.small {
    font-size: 16px;
}

body.e123_user_page .form-item,
body.e123_user_page .captcha {
    max-width: 550px;
    width: 100%;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
}

body.e123_user_page .user-pass>p {
    max-width: 550px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

body.e123_user_page #edit-field-date-of-birth-0-value {
    text-align: center;

}

body.e123_user_page [id^="err_before_submit-"] {
    max-width: 550px;
    width: 100%;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
}

body.e123_user_page .captcha {
    border: none;
}

body.e123_user_page .captcha summary a {
    font-size: 20px;
}

body.e123_user_page .captcha summary,
body.e123_user_page .captcha .details-wrapper {
    padding: 5px 0;
}


body.e123_user_my_friends input[type="text"],
body.e123_user_my_friends input[type="password"],
body.e123_user_my_friends input[type="date"],
body.e123_user_my_friends input[type="email"],
body.e123_user_my_friends input[type="number"],
body.e123_user_my_friends textarea,
body.e123_user_my_friends input[type="file"] {
    max-width: 550px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

body.e123_user_page input[type="text"],
body.e123_user_page input[type="password"],
body.e123_user_page input[type="date"],
body.e123_user_page input[type="email"],
body.e123_user_page input[type="number"],
body.e123_user_page textarea,
body.e123_user_page input[type="file"] {
    max-width: 550px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* 朋友清單 : end  */

/* 換領 : end  */
body.e123_user_coupon {
    background-color: #ebf6f2;
}

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

body.e123_user_coupon .view-content .views-row {
    border: none;
}

body.e123_user_coupon .views-field-field-cp-image {
    max-width: 300px;
    display: inline-block;
    vertical-align: top;
}

body.e123_user_coupon .views-field-nothing {
    display: inline-block;
    margin-left: 20px;
    width: calc(70% - 65px);
}

@media (max-width: 1296px) {
    body.e123_user_coupon .views-field-nothing {
        margin-left: 0px;
        width: 100%;
    }
}

body.e123_user_coupon .e123_have-left-no-right .col-lg-9 {
    background-color: #ffffff;
    color: #575757;
    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);
    overflow: hidden;
    padding: 20px;
    display: inline-block;
    margin-bottom: 20px;
}

body.e123_user_coupon .view-content .views-row {
    border: none;
    box-shadow: none;
}

body.e123_user_coupon #block-e123mypointwithexpiredate {
    background-color: #f5f5f5;
    padding: 20px;
    text-align: center;
    border-radius: 20px;
    margin-top: 20px;
}

body.e123_user_coupon #block-e123-enar-sub-content .view-id-e123_my_redeem .views-row:not(:last-child) {
    border-bottom: 1px solid #eeeeee;
    border-radius: 0px;
}

body.e123_user_coupon #block-e123-enar-sub-content .e123-coupon-redeem-in-listing:not(:last-child) {
    border-bottom: 1px solid #eeeeee;
    border-radius: 0px;
}

body.e123_user_coupon #block-e123-enar-sub-content .views-row .datetime {
    color: #009673;
}

body.e123_user_coupon #block-e123-enar-sub-content .field-cp-points {
    color: #009673;
}

body.e123_user_coupon .e123-coupon-redeem-in-details .btn,
.e123-coupon-redeem-in-listing .btn {
    border: 2px solid #015701;
    color: #015701;
    border-radius: 50px;
    padding: 9px 25px;
}

body.e123_user_coupon .e123-coupon-redeem-in-details .btn:hover,
.e123-coupon-redeem-in-listing .btn:hover {
    border: 2px solid #015701;
    color: #ffffff;
    background-color: #015701;
}


.e123_my_point_with_expire_date_wrapper .title {
    font-size: 28px;
    margin-bottom: 20px;
}

.e123_my_point_with_expire_date_wrapper .special_link {
    border: 2px solid #015701;
    color: #015701;
    font-size: 15px;
    border-radius: 50px;
    padding: 9px 25px;
}

.e123_my_point_with_expire_date_wrapper .special_link:hover {
    border: 2px solid #015701;
    color: #ffffff;
    background-color: #015701;
}

.e123_my_point_with_expire_date {
    margin-top: 25px;
}

.e123_my_point_with_expire_date>div {
    width: 48%;
    display: inline-block;
}

.e123_my_point_with_expire_date>div:first-child {
    border-right: 1px solid #dedede;
}

.e123_my_point_with_expire_date #e123_user_points_0,
.e123_my_point_with_expire_date #e123_user_points_1 {
    color: #108371;
    font-size: 50px;
    display: inline-block;
}

.e123_my_point_with_expire_date #e123_user_points_0_suffix,
.e123_my_point_with_expire_date #e123_user_points_1_suffix {
    font-size: 30px;
    display: inline-block;
}





.e123-coupon-redeem-in-listing .out-of-stock,
.e123-coupon-redeem-in-details .out-of-stock {
    font-size: 38px;
    color: #F86923;
}

.e123-coupon-redeem-in-listing .views-field-title,
.e123-coupon-redeem-in-details .views-field-title {
    font-size: 28px;
}

.e123-coupon-redeem-in-listing .field-cp-redemption,
.e123-coupon-redeem-in-listing .field-cp-receive,
.e123-coupon-redeem-in-details .field-cp-redemption,
.e123-coupon-redeem-in-details .field-cp-receive {
    font-size: 16px;
}

.e123-coupon-redeem-in-listing .field-cp-redemption .remarks,
.e123-coupon-redeem-in-listing .field-cp-receive .remarks,
.e123-coupon-redeem-in-details .field-cp-redemption .remarks,
.e123-coupon-redeem-in-details .field-cp-receive .remarks {
    font-size: 12px;
    color: #999;
    padding: 10px 0;
}


.e123-coupon-redeem-in-listing .field-cp-points,
.e123-coupon-redeem-in-details .field-cp-points {
    padding: 15px 0;
}


.view-own-points-added table,
.view-own-points-used table {
    width: 100%;
}


body.e123_node_page_coupon #block-e123-enar-sub-page-title {
    display: none;
}

body.e123_node_page_coupon .e123-coupon-redeem-in-details {
    border: none;
    box-shadow: none;
}


body.e123_node_page_coupon .region-content {
    background-color: #ffffff;
    color: #575757;
    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;
    padding-bottom: 20px;
    display: inline-block;
}

body.e123_node_page_coupon .region-content h2 {
    padding-left: 25px;
    padding-right: 25px;
}

body.e123_node_page_coupon .views-field-field-cp-image {
    display: inline-block;
}

body.e123_node_page_coupon .views-field-field-cp-image img {
    max-height: 240px;
    width: auto;
}

body.e123_node_page_coupon .details-text-and-my-redeem .title {
    font-size: 30px;
}

body.e123_node_page_coupon .details-text-and-my-redeem {
    display: inline-block;
    float: right;
}

body.e123_node_page_coupon .my-redeem-status-btn {
    background-color: #009673;
    color: #ffffff;
    font-size: 24px;
    border-radius: 5px;
}

body.e123_node_page_coupon #block-e123-enar-sub-content {
    padding-left: 25px;
    padding-right: 25px;
    display: inline-block;
    width: 100%;
}

.my-redeem-more-details {
    display: inline-block;
    text-align: center;
    background-color: #e7e7e7;
    padding: 20px;
}

.view-id-e123_my_redeem .view-content .views-row {
    box-shadow: none;
}

.view-id-e123_my_redeem .view-content .views-row .views-field-field-cp-image {
    max-width: 300px;
    display: inline-block;
}

.view-id-e123_my_redeem .view-content .views-field-title a {
    font-size: 30px;
}

.view-id-e123_my_redeem .view-content .views-row .views-field-nothing {
    display: inline-block;
    margin-left: 20px;
}

.my-redeem-more-details #qrcode {
    /* padding: 5px;
    background-color: #ffffff; */
}

@media (min-width: 991px) {
    body.e123_node_page_coupon .views-field-field-cp-image {
        width: 30%;
    }

    body.e123_node_page_coupon .details-text-and-my-redeem {
        width: 68%;
    }
}


@media (max-width: 480px) {
    body.e123_user_coupon .region-left_siderbar {
        padding-left: 0px;
        padding-right: 0px;
    }

    body.e123_user_coupon .e123_have-left-no-right .col-lg-9 {
        margin-left: 15px;
        margin-right: 15px;
    }
}


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

.menu--e123-e-center-user-menu ul.menu li.active {
    border-left: 8px solid #108371;
}

body.e123_user_coupon .region-left_siderbar .menu--e123-e-center-user-menu ul.menu li.active a {
    color: #108371;
}

body.e123_user_coupon .region-left_siderbar .menu--e123-e-center-user-menu ul.menu li a.is-active {
    color: #108371 !important;
}

body.e123_user_coupon .region-left_siderbar .menu--e123-e-center-user-menu ul.menu li:hover a.is-active {
    color: #ffffff;
}

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

body.e123_user_coupon .region-left_siderbar .menu--e123-e-center-user-menu>ul.menu>li:hover {
    background-color: #108371;
}

body.e123_user_coupon .region-left_siderbar ul.menu>li.menu-item--expanded.menu-item--active-trail>a {
    /* color: #108371 !important; */
    color: #ffffff !important;
    background-color: #108371 !important;
}

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

body.e123_user_coupon .region-left_siderbar .menu--e123-e-center-user-menu>ul.menu>li a:hover {
    background-color: #108371 !important;
}

body.e123_user_coupon .region-left_siderbar .menu--e123-e-center-user-menu>ul.menu>li ul li {
    background-color: #f8f8f8;
}

body.e123_user_coupon .region-left_siderbar .menu--e123-e-center-user-menu>ul.menu>li ul li:hover {
    background-color: #108371;
}

body.e123_user_coupon .region-left_siderbar .menu--e123-e-center-user-menu>ul.menu>li ul li:hover>a {
    color: #ffffff !important;
}

/* 換領 : end  */




/* 我的分數詳細 : start  */

body.e123_user_coupon .user-3rd-sub-menu ul.menu {
    margin: 20px 0;
    display: flex;
}

body.e123_user_coupon .user-3rd-sub-menu ul.menu li {
    width: 50%;
    margin-left: 0px;
    border: 1px solid #ececec;
    padding: 15px 20px 15px 10px;
}

body.e123_user_coupon .user-3rd-sub-menu ul.menu li ul li {
    margin-left: 0px;
    padding: 15px 20px 15px 0px;
}

body.e123_user_coupon .user-3rd-sub-menu ul.menu li:hover {
    cursor: pointer;
}

body.e123_user_coupon .user-3rd-sub-menu>ul.menu>li a {
    width: 100%;
    display: inline-block;
    padding-left: 18px;
    font-size: 22px;
}

body.e123_user_coupon .user-3rd-sub-menu ul.menu>li ul li a {
    width: 100%;
    display: inline-block;
    padding-left: 50px;
    font-size: 22px;
}

body.e123_user_coupon .user-3rd-sub-menu ul.menu li.menu-item--active-trail {
    padding: 15px 20px 15px 0px;
}

body.e123_user_coupon .user-3rd-sub-menu ul.menu li.menu-item--active-trail>a {
    color: #108371;
}

body.e123_user_coupon .user-3rd-sub-menu ul.menu li.menu-item--active-trail:hover>a {
    color: #ffffff;
}

body.e123_user_coupon .user-3rd-sub-menu>ul.menu>li.menu-item--active-trail:not(.menu-item--expanded) {
    border-left: 8px solid #108371;
}

body.e123_user_coupon .user-3rd-sub-menu>ul.menu>li.menu-item--active-trail:not(.menu-item--expanded):hover {
    background-color: #108371;
}

body.e123_user_coupon .user-3rd-sub-menu ul.menu li a.is-active {
    color: #108371;
}

body.e123_user_coupon .user-3rd-sub-menu ul.menu li a.is-active:hover {
    color: #ffffff;
}


body.e123_user_coupon thead th {
    background-color: #f5f5f5;
    padding: 10px;
    border: 2px solid #ececec;
}


body.e123_user_coupon tbody td {
    padding: 10px;
    border: 1px solid #ececec;
}


/* 我的分數詳細 : end  */



/* 用戶註冊 : start  */
#user-register-form .form-required:after {
    background-image: none;
}

#user-register-form .form-required .required_hint_msg {
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: text-bottom;
    font-size: 17px;
    color: #a51b00;
}

#user-register-form .required_hint_msg_long {
    padding: 10px;
    text-align: right;
    vertical-align: text-bottom;
    font-size: 15px;
    color: #a51b00;
}

#user-register-form #group-login-info h3, 
#user-register-form #group-more-info h3 {
    display: none;
}

#user-register-form .js-form-item-mail label:after {
    display: none;
}

#user-register-form #edit-submit {
    display: none;
}

#user-register-form #edit-submit:disabled {
    background-color: #ddd;
    border: 2px solid #ddd;
}

#user-register-form #edit-field-veri-succ-wrapper {
    display: none;
}

.back_btn_wrapper {
    margin-top: -10px;
}

#RegisterModal .modal-body>div>span:nth-child(1) {
    font-weight: bold;
    font-size: 20px;
    color: #000;
    margin-right: 5px;
}

#RegisterModal .modal-body>div>span:nth-child(2) {
    font-weight: bold;
    color: #666666;
}

#RegisterModal .modal-body {
    max-height: 60vh;
    overflow-y: auto;
}

#RegisterModal .modal-title {
    color: #000;
    font-size: 24px;
    font-weight: bold;
}

#RegisterModal .modal-footer {
    justify-content: center;
    display: flex;
}

#RegisterModal .modal-footer button {
    font-size: 20px;
}

@media (max-width: 991px) {
    #RegisterModal {
        padding: 15px !important;
    }
    #RegisterModal .modal-dialog {
        margin: 60px auto 0;
    }
}

@media (max-width: 480px) {
    .back_btn_wrapper {
        margin-top: 20px;
        margin-bottom: 30px;
    }
}

.back_btn {
    background-color: #108372;
    color: #fff !important;
    font-size: 22px;
    min-width: 100px;
    border-radius: 8px !important;
    padding: 7px 30px 7px 30px;
    border: 2px solid #108372;
    margin-top: -11px;
    margin-left: 20px;
}

.back_btn:visited,
.back_btn:link {
    text-decoration: none;
}


@media (max-width: 480px) {

    .back_btn,
    .forgot_password {
        width: 100%;
        margin-bottom: 30px;
        margin-left: 0px !important;
    }
}

.back_btn:hover {
    color: #fff;
}

.forgot_password {
    background-color: #108372;
    color: #fff;
    font-size: 22px;
    min-width: 100px;
    border-radius: 8px !important;
    padding: 8px 30px 4px 30px;
    border: 2px solid #108372;
    margin-top: -11px;
    display: inline-block;
    margin-left: 20px;
    cursor: pointer;
}

.forgot_password a,
.forgot_password a:hover {
    color: #fff !important;
}



body.e123_user_page div#group-basic-info----- h3,
body.role-anonymous.e123_user_page div#group-basic-info h3,
body.e123_user_page div#group-login-info h3,
body.e123_user_page div#group-more-info h3 {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 20px;
    margin-top: 50px;
    color: #108372;
}


body.e123_user_page div#group-login-info .js-form-item-mail {
    display: none;
}


.fieldgroup>legend {
    border: none;
}

.fieldgroup>legend .fieldset-legend {
    font-size: 22px;
}

body.e123_user_page .js-form-item-field-interest-other-0-value,
body.e123_user_page .js-form-item-field-join-reason-other-0-value {
    margin-bottom: 50px;
}

/* 用戶註冊 : end  */



/* 刪除會員帳戶 : start  */
.e123_node_page_popup {
    min-width: unset;
    width: 80%;
    margin: auto;
}

div#e123_user_delete_popup {
    text-align: center;
}

div#e123_user_delete_popup>h2 {
    color: red;
    margin-bottom: 20px;
}

div#e123_user_delete_popup .del_step_1 li:nth-child(1)>label {
    color: red;
}

div#e123_user_delete_popup .del_step_1 li:nth-child(2)>div {
    margin: auto;
    margin-top: 30px;
}

div#e123_user_delete_popup .del_step_1 li:nth-child(2) .e123_user_delete_pre_confirm {
    background-color: #fe9752;
    border: 2px solid #fe9752;
    color: #fff;
    font-weight: bold;
}

div#e123_user_delete_popup .e123_user_delete_cancel {
    font-size: 20px;
    border: 2px solid #108371;
    max-width: 300px;
    text-align: center;
    padding: 3px 19px;
    border-radius: 50px;
    cursor: pointer;
    background: #108371;
    color: #fff;
    font-weight: bold;
    margin: auto;
    margin-top: 14px;
}

div#e123_user_delete_popup .del_step_2 li:nth-child(1) #e123_user_delete_step_2_desc {
    color: red;
    margin-top: 20px;
    font-weight: bold;
}

div#e123_user_delete_popup .del_step_2 li:nth-child(2) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0;
}

div#e123_user_delete_popup .del_step_2 li:nth-child(3) .e123_user_delete_confirm {
    background-color: #fe9752;
    border: 2px solid #fe9752;
    color: #fff;
    margin: auto;
    font-weight: bold;
}


div#e123_user_delete_popup .del_step_2 li:nth-child(2) input {
    margin: 0;
    margin-right: 10px;
}

div#e123_user_delete_popup .del_step_2 li:nth-child(2) label {
    color: #000;
}

div#e123_user_delete_popup #del_step_confirmed_desc {
    color: #000;
}

div#e123_user_delete_popup .del_step_1 li:nth-child(2) .e123_user_delete_pre_confirm:hover,
div#e123_user_delete_popup .del_step_2 li:nth-child(3) .e123_user_delete_confirm:hover {
    color: #fe9752;
    background-color: #fff;
}

div#e123_user_delete_popup .e123_user_delete_cancel:hover {
    color: #108371;
    background: #fff;
}

/* 刪除會員帳戶 : end  */