@charset "UTF-8";
/* singha */
/*20171025   Font Eng*/
@font-face {
    font-family: 'DB Helvethaica X Bd v3.2';
    src: url("../../Fonts/DB Helvethaica X Bd v3.2.ttf") format("truetype");
}

@font-face {
    font-family: 'DB Helvethaica X v3.2';
    src: url("../../Fonts/DB Helvethaica X v3.2.ttf") format("truetype");
}

@font-face {
    font-family: 'DB Helvethaica X Med Cond v3.2';
    src: url("../../Fonts/DB Helvethaica X Med Cond v3.2.ttf") format("truetype");
}

@font-face {
    font-family: 'DB Helvethaica X Thin v3.2';
    src: url("../../Fonts/DB Helvethaica X Thin v3.2.ttf") format("truetype");
}

@font-face {
    font-family: 'DB Helvethaica X Med v3.2';
    src: url("../../Fonts/DB Helvethaica X Med v3.2.ttf") format("truetype");
}

/*20171025   Font Thai*/
@font-face {
    font-family: 'kit45';
    src: url("../../Fonts/kit45.TTF") format("truetype");
}

/*@font-face {
    font-family: 'kit45p';
    src: url('../../Fonts/kit45p.TTF') format('truetype');
}*/
@font-face {
    font-family: 'kit65';
    src: url("../../Fonts/kit65.TTF") format("truetype");
}

/*@font-face {
    font-family: 'kit65f';
    src: url('../../Fonts/kit65f.TTF') format('truetype');
}*/
/*Old Font*/
/*@font-face {
    font-family: 'Prompt-Medium';
    src: url('../../Fonts/Prompt-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Prompt-Regular';
    src: url('../../Fonts/Prompt-Regular.ttf') format('truetype');
}*/

btn_back {
    width: 10px;
    height: 10px;
    background-color: black;
    position: absolute;
}


.btn-login {
    font-size: 1.1em;
    border-radius: 5px;
    border: solid 1px #8bc34a;
    background: none;
    padding-left: 20px;
    padding-right: 20px;
    color: #8bc34a;
    margin: auto 9px;
}


.btn-login-mobile {
    border-radius: 5px;
    border: solid 1px #8bc34a;
    background: none;
    padding-left: 20px;
    padding-right: 20px;
    color: #8bc34a;
    margin: 9px;
    font-size: 18px;
    margin-left: 0px;
    margin-top: 11px;
}

.en {
    /*font-family: 'DB Helvethaica X Bd v3.2' !important;*/
    font-family: 'DB Ozone X';
}

    .en .font_bold {
        font-weight: 700;
    }

.th {
    /*font-family: 'DB Helvethaica X Bd v3.2' !important;*/
    font-family: 'DB Ozone X';
    /*font-family: 'kit45';

    .font_bold {
        font-family: 'kit65';
    }*/
}

    .th .font_bold {
        font-weight: 700;
    }

.dw * {
    font-family: 'DB Helvethaica X v3.2' !important;
    font-size: 1em !important;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.campaignlist-wrapper {
    min-height: 200px;
}

.navigatename {
    margin: 10px;
    max-width: 900px;
    margin: 0 auto;
}

.red {
    color: red;
    padding-bottom: 10px;
    font-size: 17px;
}

.validate-text {
    color: red;
    padding-bottom: 10px;
    font-size: 17px;
}

.donate {
    text-align: center;
    color: #84bd00;
}

.name-page {
    padding: 5px;
}



.pagename {
    color: #84bd00;
    padding-top: 8px;
    font-size: 1.7em;
}

.welcome-section {
    padding-top: 10px;
}

    .welcome-section .section-login {
        padding-bottom: 10px;
    }

.page-wrapper {
    width: 100%;
}

.inner-wrapper {
    margin-top: 10px;
    margin-bottom: 15px;
}

.menu-section {
    height: 60px;
    /*background: url(../../Images/redesign/Register/bg-top.png) no-repeat center 0;
    background-size: 100% 100%;*/
    background: transparent;
    width: 100%;
    display: block;
}

.menu-back {
    background: url(../../Images/redesign/Register/btn-back.png) no-repeat center center;
    background-size: contain;
    width: 35px;
    height: 17px;
    margin: 4px;
    margin-left: 0px;
}

.menu-section .menu-item {
    height: 44px;
    width: 44px;
}

.inner-menu {
    text-align: center;
    padding-top: 10px;
    padding-left: 12px;
}

.menu-point {
    float: right;
    height: 44px;
}

.inner-menu {
    text-align: center;
}

.menu-title {
    color: #0074ba;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 44px;
}

.point_unit {
    background: url(../../Images/Privilege/ic_points_blue_2x.png) no-repeat center center;
    width: 15px;
    height: 26px;
    display: inline-block;
    float: right;
    background-size: 100%;
}

@media (min-device-pixel-ratio: 3) {
    .point_unit {
        background: url(../../Images/Privilege/ic_points_blue_3x.png) no-repeat center center;
        background-size: 100%;
    }
}

img.logo {
    height: 60px;
    margin-left: 15px;
}

@media (min-device-pixel-ratio: 3) {
    .sinha_logo {
        background: url(../../Images/Privilege/ic_logo_3x.png) no-repeat center center;
        background-size: 100%;
    }
}

.you_have {
    color: #01acfc;
    line-height: 8px;
    padding-top: 10px;
    font-size: 0.8em;
    text-align: left;
    padding-top: 16px;
}

.points {
    padding-right: 5px;
    color: #01acfc;
    /*font-weight: bold;*/
}

.back-icon {
    /*background:#ccc  url('../../Images/Privilege_detail/ic_back_2x.png') no-repeat center center;*/
    background: url("../../Images/Add Code_Submit/ic_back_2x.png") no-repeat center center;
    cursor: pointer;
    width: 44px;
    height: 44px;
    display: block;
}

@media (min-device-pixel-ratio: 3) {
    .back-icon {
        background: url("../../Images/Add Code_Submit/ic_back_2x.png") no-repeat center center;
        /*background: url('../../Images/Privilege_detail/ic_back_3x.png') no-repeat center center;*/
        background-size: 100%;
    }
}

.btn-default {
    background: #84bd00;
    color: #fff;
}

.text-alert {
    text-align: center;
}

.menu-item.left_logo {
    width: 70px;
}

.menu-item.show_point {
    width: 100px;
    float: right;
    padding-right: 12px;
}

.menu-section .menu-item.menuNavbarItem {
    float: right;
    position: absolute;
    right: 0;
}

.menu-navbarItem {
    width: 24px;
}

.menu-item.header_name {
    width: 100%;
    position: absolute;
    z-index: -1;
}

.tab-section {
    border-bottom: 1px solid #eee;
}

@media (max-width: 768px) {
    .wrapper_container {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 768px) {
    .submit_wrapper {
        width: auto;
    }
}

#alertModal .modal-body, .alertModal .modal-body {
    margin-top: 45px; 
    padding-bottom: 4px;
}
.alertModal .text-alert { 
    font-weight: bold; 
}
.alertModal .modal-footer {
    padding: 15px 24px 24px 24px;
}
.alertModal .modal-footer .form-group { 
    margin-bottom: 0;
}

#alertModal2 .modal-dialog .btn_click_second_btn {
    margin-top: 12px;
}

#alertModal2 .modal-footer {
    padding-top: 0;
}

.modal-dialog {
    min-height: calc(100vh - 60px);
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    overflow: hidden
}

@media (max-width: 768px) {
    .modal-dialog {
        min-height: calc(100vh - 20px);
    }
}

.btn_blue {
    background-size: 100%;
    text-align: center;
    font-size: 1.1em;
    color: #fff;
    border-radius: 10px;
    border: 2px solid #fff;
    cursor: pointer;
    background: transparent;
    width: 100%;
}

.modal .btn_blue {
    background: #84bd00;
    border: 2px solid #7bb03f;
}

.hidden {
    display: none;
}

.power-by-wrapper {
    bottom: 0;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

.power-by {
    /*background: url("../../Images/bzbLogo/poweredby-color.png") no-repeat center center;*/
    background: url('../../Images/Privilege_detail/bzb_logo.svg') no-repeat center center;
    width: 120px;
    height: 44px;
    display: block;
    background-size: contain;
    margin: 0 auto;
    padding-bottom: 12px;
}

.btnWrapper {
    margin: 0 auto;
    padding: 12px;
    text-align: center;
    padding-bottom: 25px;
}

.btn-modal {
    padding: 12px;
}

.text-message {
    text-align: center;
    padding-top: 20px;
    padding: 20px;
    padding-bottom: 0;
    margin-bottom: 0;
}


.nomal-background {
    background: url(../../Images/page/dashboard/bg_element.png) no-repeat center;
    /* background-size: initial; */
    background-position-y: 24px;
    background-size: 100%;
}

.margin-bottom-20 {
    /*margin-bottom: 20px !important;*/
}

.margin-top-20 {
    margin-top: 20px !important;
}

.footer-section {
    max-width: 900px;
    margin: 0 auto;
}

.campaign-item-line {
    height: 5px;
    margin-top: 10px;
    background: url(/Images/page/dashboard/line.png) no-repeat center center;
    background-size: 95%;
}

.campaign-item {
    margin-right: 0;
    padding-right: 0;
    margin-left: 0;
    padding-left: 0;
    overflow: hidden;
    /*padding-bottom: 10px;*/
    background: #fff;
    cursor: pointer;
    /*width: 50%;
    float: left;
    height: 250px;*/
}

.campaignlit-item {
    background: #fff;
    overflow: hidden;
    padding-bottom: 0;
    margin: 10px;
    margin-bottom: 0;
    border-radius: 10px;
    border: solid #8BC34A 1px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.05), 0 6px 20px 0 rgba(0,0,0,.19);
    cursor: pointer;
}

.btn_cancel {
    background: #5e6d82;
    border: none;
    background-size: 100%;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
}

.btn_retry {
    background: #01acfc;
    border: none;
    background-size: 100%;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
}

.modal-footer {
    display: block;
}

.favourite {
    background: url("../../Images/page/detail/ic_like_inactive.png") no-repeat center center;
    background-size: 100%;
    width: 35px;
    height: 35px;
    display: block;
    margin: 0 auto;
    cursor: pointer;
}

    .favourite.active {
        background: url("../../Images/page/detail/ic_like_active.png") no-repeat center center;
        background-size: 100%;
        width: 35px;
        height: 35px;
        display: block;
        margin: 0 auto;
        cursor: pointer;
    }


.share {
    background: url("../../Images/page/detail/ic_share.png") no-repeat center center;
    background-size: 100%;
    width: 35px;
    height: 35px;
    display: block;
    margin: 0 auto;
    cursor: pointer;
}

.shareline {
    background: url("../../Images/page/detail/ic_share_line.png") no-repeat center center;
    background-size: 100%;
    width: 35px;
    height: 35px;
    display: block;
    margin: 0 auto;
    cursor: pointer;
}





/* change language */
.language_wrapper {
    display: block;
    position: relative;
    width: 82px;
    width: 120px;
    height: 44px;
    float: right;
}

.inner-menu {
    float: left;
}

.language_icon_wrapper {
    float: left;
    padding: 1px 6px;
    cursor: pointer;
    opacity: 0.5;
}

    .language_icon_wrapper.active {
        opacity: 1;
    }

.icon_en {
    background: url("../../../Images/language/ic_eng_active_2x.png") no-repeat center center;
    background-size: 100%;
    width: 27px;
    height: 25px;
    display: block;
}

@media (min-device-pixel-ratio: 3) {
    .icon_en {
        background: url("../../../Images/language/ic_eng_active_3x.png") no-repeat center center;
        background-size: 100%;
    }
}

.icon_th {
    background: url("../../../Images/language/ic_thai_active_2x.png") no-repeat center center;
    width: 27px;
    height: 25px;
    display: block;
    background-size: 100%;
}

@media (min-device-pixel-ratio: 3) {
    .icon_th {
        background: url("../../../Images/language/ic_thai_active_3x.png") no-repeat center center;
        background-size: 100%;
    }
}

.text_language {
    color: #fff;
    font-size: 0.8em;
    text-align: center;
}

/*.back_btn
{
    display:none;
}*/
/* new design */
.tabbar-section {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 100;
    left: 0;
    /*.tab_item:nth-child(2n+1) {
        background: #e7e7e7;
    }*/
    /*.tab_item:nth-child(1), .tab_item:nth-child(2), .tab_item:nth-child(3) {
        border-right: 1px solid #62c5da;
    }*/
}

    .tabbar-section .tab_item {
        background: #fff;
        overflow: hidden;
        width: 25%;
        /*height: 50px;*/
        float: left;
        text-align: center;
    }

        .tabbar-section .tab_item .tab_text {
            color: #171d3d;
            font-size: 0.8rem;
            text-align: center;
            display: block;
            width: 100%;
            height: 24px;
            line-height: 24px;
            text-shadow: none;
            margin-top: -6px;
        }

        .tabbar-section .tab_item.active {
            background: #171d3d;
        }

            .tabbar-section .tab_item.active .tab_text {
                color: #fff;
            }

    .tabbar-section .tab_icon {
        /*width: 30px;*/
        width: 40px;
        height: 50px;
        margin: 0 auto;
    }

    .tabbar-section .tab_reward {
        background: url("../../Images/tabbar/nav-2-inactive.png") no-repeat center center;
        background-size: contain;
    }

    .tabbar-section .tab_profile {
        background: url("../../Images/tabbar/nav-4-inactive.png") no-repeat center center;
        background-size: contain;
    }

    .tabbar-section .tab_draw {
        background: url("../../Images/tabbar/nav-3-inactive.png") no-repeat center center;
        background-size: contain;
    }

    .tabbar-section .tab_point {
        background: url("../../Images/tabbar/nav-1-inactive.png") no-repeat center center;
        background-size: contain;
    }

    .tabbar-section .tab_item.active .tab_reward {
        background: url("../../Images/tabbar/nav-2-active.png") no-repeat center center;
        background-size: contain;
    }

    .tabbar-section .tab_item.active .tab_draw {
        background: url("../../Images/tabbar/nav-3-active.png") no-repeat center center;
        background-size: contain;
    }

    .tabbar-section .tab_item.active .tab_point {
        background: url("../../Images/tabbar/nav-1-active.png") no-repeat center center;
        background-size: contain;
    }

    .tabbar-section .tab_item.active .tab_profile {
        background: url("../../Images/tabbar/nav-4-active.png") no-repeat center center;
        background-size: contain;
    }

/* The side navigation menu */
/* General styles for all menus */
.cbp-spmenu {
    background: #171d3d;
    position: fixed;
    font-family: "DB Helvethaica X Thin v3.2";
}

    .cbp-spmenu a {
        display: block;
        color: #fff;
        /*font-size: 1.1em;*/
        font-weight: 300;
        text-decoration: none;
    }

/*.cbp-spmenu a:hover {
	background: #258ecd;
}

.cbp-spmenu a:active {
	background: #afdefa;
	color: #47a3da;
}*/
/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical {
    width: 200px;
    height: 100%;
    top: 0;
    z-index: 1000;
}

    .cbp-spmenu-vertical a {
        padding: 1em;
    }

.cbp-spmenu-horizontal {
    width: 100%;
    height: 150px;
    left: 0;
    z-index: 1000;
    overflow: hidden;
}

    .cbp-spmenu-horizontal h3 {
        height: 100%;
        width: 20%;
        float: left;
    }

    .cbp-spmenu-horizontal a {
        float: left;
        width: 20%;
        padding: 0.8em;
    }

/* Vertical menu that slides from the left or right */
.cbp-spmenu-left {
    left: -240px;
}

.cbp-spmenu-right {
    right: -240px;
}

.cbp-spmenu-left.cbp-spmenu-open {
    left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
    right: 0px;
}

/* Push classes applied to the body */
.cbp-spmenu-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
}

.cbp-spmenu-push-toright {
    left: 240px;
}

/* Transitions */
.cbp-spmenu,
.cbp-spmenu-push {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* Example media queries */
@media screen and (max-width: 55.1875em) {
    .cbp-spmenu-horizontal {
        font-size: 75%;
        height: 110px;
    }
}

@media screen and (max-height: 26.375em) {
    .cbp-spmenu-vertical {
        font-size: 90%;
        width: 190px;
    }
}

#content-wrapper.has-push-right {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}

@media all and (min-width: 320px) {
    #content-wrapper.has-push-right {
        -webkit-transform: translateX(-200px);
        -ms-transform: translateX(-200px);
        -moz-transform: translateX(-200px);
        -o-transform: translateX(-200px);
        transform: translateX(-200px);
    }
}

/* menu */
.cbp-spmenu .menu_icon {
    width: 40px;
    height: 40px;
    display: inline-block;
    float: left;
}

.cbp-spmenu .icon_reward {
    background: url("../../Images/tabbar/nav-2-active.png") no-repeat center center;
    background-size: contain;
}

.cbp-spmenu .icon_draw {
    background: url("../../Images/tabbar/nav-3-active.png") no-repeat center center;
    background-size: contain;
}

.cbp-spmenu .icon_point {
    background: url("../../Images/tabbar/nav-1-active.png") no-repeat center center;
    background-size: contain;
}

.cbp-spmenu .text {
    padding-left: 6px;
    font-size: 1.2em;
    line-height: 50px;
}

.cbp-spmenu a {
    padding: 4px 10px !important;
    padding-left: 24px !important;
}

.cbp-spmenu .avatar_menu {
    width: 35px;
    height: 35px;
    border-radius: 35px;
    display: inline-block;
}

.link_wrapper {
    overflow: hidden;
    padding-top: 12px;
}

    .link_wrapper .text {
        border-top: 1px solid rgba(117, 117, 117, 0.46);
        border-bottom: 1px solid rgba(117, 117, 117, 0.46);
        padding-left: 6px;
        color: #fff;
        padding: 2px 20px;
        text-align: center;
        font-size: 1em;
        line-height: 46px;
    }

        .link_wrapper .text:nth-child(2) {
            border-bottom: 1px solid #e8e8e8;
        }

.request_help_wrpper {
    overflow: hidden;
    border-bottom: 1px solid rgba(117, 117, 117, 0.46);
    padding-bottom: 12px;
    padding-top: 12px;
}

    .request_help_wrpper .text {
        color: #fff;
        text-align: center;
        font-size: 1.1em !important;
        line-height: 20px;
        padding-bottom: 4px;
    }

    .request_help_wrpper a {
        padding: 0 !important;
    }

    .request_help_wrpper .desc {
        color: #fff;
        text-align: center;
        font-size: 0.7em;
        line-height: 20px;
    }

.contact_wrapper {
    overflow: hidden;
    border-bottom: 1px solid rgba(117, 117, 117, 0.46);
    padding-bottom: 18px;
}

    .contact_wrapper .text_fb {
        font-size: 0.5em;
        text-align: center;
        line-height: 10px;
        padding-top: 4px;
    }

    .contact_wrapper .text {
        padding-left: 6px;
        color: #fff;
        padding: 1px 20px;
        text-align: center;
        font-size: 1em;
        line-height: 28px;
        padding-bottom: 0;
        padding-top: 8px;
    }

    .contact_wrapper .left {
        width: 55%;
        float: left;
        border-right: 1px solid rgba(117, 117, 117, 0.46);
    }

        .contact_wrapper .left .call_center, .contact_wrapper .left .tel {
            text-align: center;
            color: #62c5da;
        }

            .contact_wrapper .left .tel a {
                padding: 0 !important;
                font-size: 2.4em !important;
                text-align: center;
                margin-left: 6px;
                margin-right: 6px;
                line-height: 35px;
                color: #62c5da;
                margin-top: 0px;
            }

        .contact_wrapper .left .call_center {
            text-align: center;
            font-size: 0.8em !important;
            line-height: 12px;
            padding-top: 6px;
            padding-left: 4px;
        }

    .contact_wrapper .right {
        width: 45%;
        float: left;
    }

    .contact_wrapper .fb_icon a {
        padding: 0 !important;
    }

    .contact_wrapper .fb_icon img {
        width: 40px;
        height: 40px;
        margin: 0 auto;
    }

.cbp-spmenu .active {
    background: #7BC4E1;
}

/* header section  */
.header_section {
    position: relative;
    width: 100%;
    text-align: center;
}

    .header_section .header_current_section_logo {
        position: absolute;
        margin-top: 0;
        padding-left: 12px;
    }

        .header_section .header_current_section_logo .div_logo {
            display: none;
        }

            .header_section .header_current_section_logo .div_logo .header_current_section_icon {
                width: 18px;
                height: 18px;
                display: block;
                float: left;
                background-size: 100%;
                margin-top: 6px;
            }

            .header_section .header_current_section_logo .div_logo .icon_reward {
                background: url("../../Images/redesign/sidebar/rewards-1.png") no-repeat center center;
                background-size: contain;
                display: none;
            }

            .header_section .header_current_section_logo .div_logo .icon_point {
                background: url("../../Images/redesign/sidebar/points-1.png") no-repeat;
                background-size: cover;
                display: none;
            }

            .header_section .header_current_section_logo .div_logo .icon_draw {
                background: url("../../Images/redesign/sidebar/draw-1.png") no-repeat center center;
                background-size: contain;
                display: none;
            }

            .header_section .header_current_section_logo .div_logo .text {
                font-size: 1em;
                opacity: 1;
                color: #fff;
                font-weight: bold;
                text-shadow: none;
                font-family: 'DB Helvethaica X Thin v3.2';
            }

            .header_section .header_current_section_logo .div_logo.active {
                display: block;
            }

    .header_section .inner_wrapper {
        position: relative;
        padding-top: 10px;
    }

.page_title {
    background: url("../../Images/v2/logo.png") no-repeat center center;
    width: 130px;
    height: 70px;
    background-size: contain;
    text-indent: -9999px;
    margin: 0 auto;
}

.topbar-section {
    width: 100%;
    text-align: left;
    padding-bottom: 0;
    position: relative;
    background: white;
}

.text-welcome-line1 {
    color: #8BC34A;
    font-size: 2.5em;
    line-height: 0.7;
    font-weight: bold;
    /*letter-spacing: 3px;*/
}

.btn-modal-login {
    border-radius: 5px;
    border: solid 1px #8bc34a;
    padding-left: 20px;
    padding-right: 20px;
    color: #ffffff;
    margin: 9px;
    background: #8bc34a;
    position: absolute;
    bottom: 0;
}

    .btn-modal-login.confirm-login {
        position: relative;
        margin-top: 15px;
    }

.padding-10 {
    padding: 20px;
}

.text-welcome-line2 {
    color: #646464;
    font-size: 1.1em;
    letter-spacing: 0.8px;
    margin-top: -11px;
    margin-left: 15px;
}

.point-section-inner {
    padding: 0px 10px;
    /*background: linear-gradient(130deg,#ffffff 79.5%,#fff0 80%);*/
    /*background: url(/Images/page/masterpage/top_bar.png) no-repeat;*/
    background: #fff;
    background-size: auto;
    background-position-x: -270px;
    min-height: 50px;

    display: flex;
    justify-content: space-between;
}

.profile {
    margin-top: -5px;
    height: 50px;
    width: 50px;
    background: #fff url(/Images/page/masterpage/default_profile.jpg) no-repeat center center;
    margin-left: 25px;
    border-radius: 30px;
    margin-right: 10px;
    background-size: 100%;
    margin-bottom: 5px;
}




.point-section {
    display: inline-block;
    color: #fff;
    font-size: 0.7em;
    /*width: 70%;*/
    /*max-width: 240px;*/
    width: 100%;
}

.point-section .point {
    font-size: 1.1em;
}


.reward-logo-section .reward-logo {
    float: left;
    padding-left: 12px;
}

    .reward-logo-section .reward-logo .logo {
        background: url("../../Images/redesign/Redeem/ico-gift.png") no-repeat center center;
        width: 18px;
        height: 18px;
        display: block;
        float: left;
        background-size: 100%;
    }

    .reward-logo-section .reward-logo .text {
        padding-left: 8px;
        font-size: 0.9em;
        color: #fff;
    }

/* dot */
.rsDefault .rsBullet {
    width: 6px !important;
    height: 6px !important;
    display: inline-block;
    padding: 6px 7px 6px !important;
}

    .rsDefault .rsBullet span {
        display: block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        border: 1px solid #fff;
        background: transparent !important;
    }

    .rsDefault .rsBullet.rsNavSelected span {
        background-color: #FFF !important;
        background: #fff !important;
    }

.modal .btn_blue {
    border-radius: 10px;
    color: #fff;
    background: #84bd00;
    /*box-shadow: 0px 4px 0 #2e4370;*/
    border: none;
}

.modal .btn_white {
    border-radius: 35px;
    color: #171d3d;
    background: #fff;
    border: none;
    width: 100%;
}

.modal .btn_shadow {
    cursor: pointer;
    /*box-shadow: 0px 4px 0 #2e4370;*/
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.bg-top {
    position: absolute;
    width: 100%;
    max-width: 100%;
    max-height: 120px;
    top: 0;
    left: 0;
    z-index: -1;
}

.Offcanvas {
    overflow-y: hidden;
}

.bottom_wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

    .bottom_wrapper .bzb_logo {
        background: url("../../Images/bzbLogo/poweredby-white.png") no-repeat center center;
        width: 100px;
        height: 40px;
        background-size: 100%;
        margin: 0 auto;
    }

.btn-back {
    background: url(/Images/page/masterpage/ic_back.png) no-repeat center center;
    background-size: 95%;
    width: 16px;
    height: 30px;
    float: left;
    margin-right: 25px;
    margin-top: 10px;
    margin-left: 5px;
    cursor: pointer;
}


#termModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background: #e7f6fb;
    overflow: hidden;
}

    #termModal .title {
        text-align: center;
        font-weight: bold;
        font-size: 1.3em;
        /*background: #171d3d;
        color: #fff;*/
        background: #d9d7d8;
        color: #171d3d;
        padding: 6px;
    }

    #termModal .scroll-wrapper {
        -webkit-overflow-scrolling: touch;
        overflow-y: scroll;
        position: fixed;
        right: 0;
        bottom: 70px;
        left: 0;
        top: 50px;
    }

    #termModal #terms_iframe {
        width: 100%;
        border: none;
        padding-top: 20px;
        height: 100%;
        width: 100%;
    }

    #termModal .modal-content {
        position: relative;
        border-radius: 0;
        border: none;
    }

    #termModal .modal-body {
        padding-bottom: 0;
        padding: 0;
    }

    #termModal .modal-footer {
        padding-top: 0;
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    #termModal .btn_blue {
        background: #84bd00;
        border: none;
        font-size: 1.5em;
        font-weight: lighter;
        line-height: 25px;
        width: 80%;
        box-shadow: 0px 4px 0 #7bb03f;
    }

    #termModal .content p {
        color: #171d3d;
    }

.ClassyCountdown-wrapper {
    overflow: hidden;
    height: 160px;
}

    .ClassyCountdown-wrapper .ClassyCountdown-wrapper .ClassyCountdown-value {
        margin-top: -68px !important;
    }

    .ClassyCountdown-wrapper .ClassyCountdown-value div {
        font-size: 70px !important;
    }

/*#content-wrapper {
    background: url(../../Images/v2/bg-pattern-10.png) left top repeat;
}*/
.profile_info_box {
    background-color: #7BC4E1;
}

.cat_title {
    background: url("../../Images/v2/title-bg-pattern.png") left top repeat;
    background-size: contain;
}

#help-code .button-close {
    position: absolute;
    right: 6px;
    top: 6px;
    width: 14px;
    z-index: 100;
}

#help-code .title {
    color: #7BC4E1;
    text-align: center;
    font-size: 1.4em;
    margin-bottom: 0;
}

#help-code .modal-body {
    padding-top: 50px;
}

#help-code .code {
    color: #111;
    text-align: center;
    font-size: 1.6em;
    margin-bottom: 0;
    font-weight: bold;
}

#help-code .desc {
    text-align: center;
    font-weight: bold;
}

#help-code .modal-footer {
    border: none;
}

#help-code .btn_call a {
    color: #fff;
}

#help-code .alert-btn {
    display: block !important;
}

.header-wrapper {
    /*background: url("/Images/page/masterpage/green_bg.png") left top repeat;
    background: #8BC34A;*/
}

    .header-wrapper .point-section {
        height: 36px;
        float: left;
        text-align: left;
    }

        .header-wrapper .point-section .point_unit_icon {
            background: url("../../Images/page/masterpage/ic_use_point_circle.png") no-repeat center bottom;
            width: 22px;
            height: 22px;
            display: block;
            background-size: contain;
            margin-left: 6px;
            margin-top: 7px;
            text-align: center;
            font-weight: bold;
        }

        .header-wrapper .point-section .current_point {
            font-size: 1.3em;
            color: black;
            font-weight: bold;
            letter-spacing: 0.1em;
        }

        .header-wrapper .point-section .point-section-inner {
            padding: 0 16px;
        }

        .header-wrapper .point-section .point {
            font-size: 1.5em;
            line-height: 36px;
            color: #84bd00;
            /*font-weight: bold;*/
        }

#link_profile.hidden {
    display: none;
}

/* ซ่อนปุ่ม cancel */
.dwbw.dwb-c, #ap-button-cancel {
    display: none !important;
}

/*input::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0;
}
::-webkit-credentials-auto-fill-button {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
}*/
/*input::-webkit-textfield-decoration-container {
    display: none; 
}*/

/*input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}*/

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}




div#Footer {
    font-size: 1em;
    color: white;
    background: #4c4c4c;
    background: -moz-linear-gradient(top, #4c4c4c 0%, #000000 41%, #1c1c1c 91%, #131313 100%);
    background: -webkit-linear-gradient(top, #4c4c4c 0%,#000000 41%,#1c1c1c 91%,#131313 100%);
    background: linear-gradient(to bottom, #4c4c4c 0%,#000000 41%,#1c1c1c 91%,#131313 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 );
    /*width: 100%;
    float: left;*/
}

.grid-container2 {
    display: block;
    padding: 10px;
    text-align: center;
}

.grid-item2 {
    min-height: 70px;
    border-bottom: solid 1px #eeeeee;
    border-right: solid 1px #eeeeee;
    color: #84bd00;
    cursor: pointer;
}

.grid-item3 {
    min-height: 70px;
    border-bottom: solid 1px #eeeeee;
    border-right: solid 1px #eeeeee;
    color: #84bd00;f
    cursor: pointer;
    width: 33.33%;
}


.grid-item2:nth-child(3n+0) {
    border-right: 0px;
}

.grid-item2:nth-last-child(1), .grid-item2:nth-last-child(2), .grid-item2:nth-last-child(3) {
    border-bottom: 0px !important;
}

.dashboard-caticon {
    height: 45px;
    width: 50%;
    width: 50px;
    margin: auto;
    display: block;
    margin-top: 10px;
}

.dashboard-caticon.active {
    filter: brightness(100);
}

.center {
    margin: 0 auto;
}

.footer-icon {
    width: 20px;
    margin-right: 20px
}

.footer-social-icon {
    height: 30px;
    margin-right: 10px
}

.contract-section {
    margin: 20px;
}

.contract-section-center {
    display: table;
    margin: 0 auto;
    margin-top: 15px;
}

.nopading {
    padding: 0px;
}

.footer3.web {
    display: block;
    margin: 0 auto;
    margin-top: 0px;
    padding: 0;
}

.footer-contract {
    color: #fafafa;
    font-size: 0.9em;
}

.footer-social-contract {
    display: table;
    margin: 0 auto;
}

.top10 {
    margin-top: 15px;
}


.topline {
    border-top: 1px solid #ffffff21;
    margin-top: 20px;
    margin-bottom: 20px;
}

.pipeline {
    border-right: #ffffff26 solid 1px;
    margin-left: 8px;
    margin-right: 15px;
}


.cart-badge {
    background: url(/Images/page/dashboard/ic_cart_num.png) no-repeat center center;
    background-size: 109%;
    color: white;
    text-align: center;
    margin-top: -19px;
    padding: 5px;
    overflow: auto;
    position: absolute;
    margin-left: 15px;
}
/*#region float right block*/
.topbar-left {
    float: left;
    padding: 15px;
}

.topbar-right {
    margin-left: auto;
}

.flex-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
/*#endregion*/
/*#region profile menu*/
.profile-block {
    padding: 10px 20px;
}

.profile-img {
    height: 55px;
    width: 55px;
    margin: auto 10px auto 0;
    background: #fff url(/Images/page/masterpage/profile.jpg) no-repeat center center;
    background-size: 100%;
    border-radius: 30px;
}

.profile-info {
    margin: auto 0;
    /*font-weight: 700;*/
}

.profile-info .user-name {
    line-height: 0.8em;
}

.profile-info .point {
    line-height: 1em;
}


.platinum-level {
    margin: 4px 0;
    text-align: center;
}

    .platinum-level .level-txt {
        width: 100px;
        font-size: 0.8em;
        font-weight: bold;
        line-height: 1.25;
        border: 1px solid #cfcfcf;
        border-radius: 50px;
        background: url(../../Images/home/bg-platinum.png) no-repeat center center;
        background-size: 100% 100%;
    }

/*.profile-menu {
    display: flex;
    align-items: center;
    border-left: 1px solid #eeeeec;
    border-right: 1px solid #eeeeec;
}

.profile-menu .top-row {
    width: 100%;
    height: 50%; 
    margin-bottom: -1px; 
}*/
    
    .profile-menu .top-row {
        width: 100%;
        height: 50%;
        border-bottom: 1px solid #eeeeec;
        margin-bottom: -1px;
        border-left: 1px solid #eeeeec;
        border-right: 1px solid #eeeeec;
    }

    .profile-menu .bottom-row {
        width: 100%;
        height: 50%;
        border-left: 1px solid #eeeeec;
        border-right: 1px solid #eeeeec;
    }

        .profile-menu .bottom-row .history-menu {
            margin: auto;
        }

.profile-mobile {
    background-color: #f7f7f7;
}

.topbar-mobile {
    width: 100%;
}

    .topbar-mobile .profile-info {
        padding: 7px 0 0 10px;
    }

.bottombar-mobile {
    width: 100%;
    padding-bottom: 5px;
}

.topbarleft-mobile {
    width: 65%;
}

.history-menu {
    color: white;
    font-size: 0.7em;
    text-align: center;
    padding: 0 7px;
    border-radius: 50px;
    background: url(../../Images/home/bg-history.png) no-repeat center center;
    background-size: 100% 100%;
    cursor: pointer;
}

@media all and (max-width: 320px) {
    .history-menu {
        font-size: 0.65em;
        padding: 0 2px;
    }
}


.topbarright-mobile {
    width: 35%;
}

    .topbarright-mobile.history {
        padding: 7px 5px 5px;
        border-top: 1px solid #eeeeec;
    }

.profile-menu-mobile {
    margin-left: auto;
    border-left: 1px solid #eeeeec;
}

.point-mobile {
    padding-top: 2px;
    margin-left: 85px;
    border-top: 1px solid #eeeeec;
}

.welcome-block {
    padding: 20px 10px;
}

    .welcome-block .welcome-search {
        margin-left: auto;
    }

.menu-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 33%;
    height: 100%;
    float: left;
}

    .menu-block:nth-child(2) {
        width: 34%;
        border-left: none;
        border-right: none;
        margin-left: -1px;
        margin-right: -1px;
        border-left: 1px solid #eeeeec;
        border-right: 1px solid #eeeeec;
    }

    .menu-block .top-menu-icon {
        margin: auto 10px;
    }

/*.menu-block-cart {
    display:none;
}
.menu-block {
    width: 50%;
}
.menu-block .top-menu-icon { 
    margin: auto;
}*/

/*#endregion*/
/*#region language block*/
.language-block {
    margin: auto;
    padding: 0 10px;
}

    .language-block .top-menu-icon {
        float: left;
    }
/*#endregion*/

.mb-0 {
    margin-bottom: 0;
}

.top-menu-icon {
    background-size: 95%;
    width: 25px;
    height: 25px;
    margin: 4px;
    cursor: pointer;
}

.margintop {
    margin-top: 10px;
    margin-right:0px;
}

.search {
    background: url("/Images/page/masterpage/ic_search.svg") no-repeat center center;
    background-size: 95%;
}

.cart {
    background: url("/Images/page/masterpage/ic_cart.svg") no-repeat center center;
    background-size: 95%;
}

.heart {
    background: url("/Images/page/masterpage/ic_wishlist.svg") no-repeat center center;
    background-size: 95%;
}

.logout {
    background: url("/Images/page/masterpage/signout1.png") no-repeat center center;
    background-size: 95%;
}

.logout-mobile {
    background: url(/Images/page/masterpage/signout1.png) no-repeat center center;
    background-size: 100%;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-bottom: -5px;
    margin-left: 5px;
}

.top-menu-icon.en {
    background: url("/Images/page/dashboard/ic_en_inactive.png") no-repeat center center;
    background-size: 95%;
}

.top-menu-icon.th {
    background: url("/Images/page/dashboard/ic_th_inactive.png") no-repeat center center;
    background-size: 95%;
}

.top-menu-icon.en-active {
    background: url("/Images/page/dashboard/ic_en_active.png") no-repeat center center;
    background-size: 95%;
}

.top-menu-icon.th-active {
    background: url("/Images/page/dashboard/ic_th_active.png") no-repeat center center;
    background-size: 95%;
}

.top-menu-icon.language {
    width: 27px;
    height: 27px;
}


.float-right.seemore {
    background: url("/Images/page/masterpage/ic_more_1x.png") no-repeat center center;
    background-size: 95%;
    width: 15px;
    height: 30px;
    /*margin-top: 10px;*/
    margin-left: 5px;
}

.footer-line1 {
    color: #84bd00;
    font-size: 1.2em;
}

.footer-line2 {
    color: #fafafa;
    font-size: 0.9em;
}

.color-green {
    color: #84bd00;
}

.color-gray {
    color: #888B8D;
}

.color-red {
    color: red;
}

.green {
    color: #84bd00;
}

.footer-link {
    cursor: pointer;
}



.campaignlist-section {
    background: white;
}




/******************************************web*************************************************/
.grid-item2.web {
    font-size: 1.1rem;
    min-width: 140px;
    border: none !important;
}

.web-catmenu {
    justify-content: center;
    padding: 20px;
    background: white;
}

.header-wrapper.web {
    background: none;
}

.web-topbar {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    background: #f7f7f7;
}

.current_point {
    line-height: 0.8em;
    margin-top: 10px;
}

.top15 {
    margin-top: 15px;
}

.section-search {
    display: inline-table;
    background: white;
    border: solid #8BC34A 1px;
    border-radius: 20px;
    margin: auto 0 auto 50px;
    text-indent: 15px;
    overflow: hidden;
}

.tb-search {
    width: 260px;
    border: 0px;
    font-size: 1.1em;
}

@media (max-width: 768px) {
    .tb-search {
        width: 53vw;
        border: 0px;
    }
}

.text-center {
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
}

.margin-15 {
    margin: 15px;
}

.section-search-mobile {
    border-radius: 10px;
    /* border: solid #8BC34A 1px; */
    text-indent: 15px;
    overflow: hidden;
    display: inline-table;
    background: white;
    padding: 8px;
    color: #84bd00;
    font-size: 1.1em;
}

.btn-close {
    border: 0px;
    background: url(/Images/page/detail/ic_close.png) no-repeat center center;
    background-size: 60%;
    width: 30px;
    height: 30px;
    float: right; /* DEW 20180521 Adjust layout*/
    margin-right: 5px;
    margin-top: 2px; /* DEW 20180521 Adjust layout*/
}

.btn-logout {
    border: 0px;
    background: url(/Images/page/masterpage/icon_logout.png) no-repeat center center;
    background-size: 60%;
    width: 30px;
    height: 30px;
    margin-right: 5px;
}



.name-section {
    background: linear-gradient(135deg,rgba(255,255,255,0) 40px,rgba(255,255,255,1) 40px);
}

.nopadding {
    padding: 0 !important;
}

.btn-search {
    border: 0px;
    background: url("/Images/page/masterpage/ic_search.png") no-repeat center center;
    background-size: 60%;
    width: 30px;
    margin-right: 5px;
    /*float:right;*/ /* DEW 20180521 Adjust layout*/
}


.float-right {
    float: right !important;
    margin-right: 10px !important;
}


.margintop100 {
    margin-top: -100px;
}

.margintop10 {
    margin-top: 10px;
}

.margintop20 {
    margin-top: 20px !important;
}

.margintop30 {
    margin-top: 30px !important;
}

.margintop40 {
    margin-top: 40px;
}



.footer-line1-web {
    color: #84bd00;
    font-size: 1.2em;
    padding-left: 15px;
    padding-top: 15px;
}

.footer-line2-web {
    color: #fafafa;
    font-size: 0.9em;
    padding-left: 15px;
    max-width: 50%;
}




.flex-container {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: flex-start;
}

.flex-item {
    background: tomato;
    padding: 5px;
    width: 200px;
    height: 150px;
    margin-top: 10px;
    line-height: 150px;
    color: white;
    font-weight: bold;
    font-size: 3em;
    text-align: center;
}


a {
    text-decoration: none !important;
}


.grid-item-list-web {
    min-height: 70px;
    border-bottom: solid 1px #eeeeee;
    border-right: solid 1px #eeeeee;
}



.grid-container-2row {
    display: grid;
    grid-template-columns: auto auto;
}


.footer3 {
    margin: 15px;
    font-size: 1em;
    color: white;
    display: table;
    margin: 0 auto;
    margin-top: 20px;
}

    .footer3 a {
        color: white;
    }

    .footer3 div {
        text-align: left;
        display: list-item;
        list-style-position: inside;
        margin-left: 20px;
        margin-right: 20px;
    }

    .footer3 ul {
        column-count: 2;
        column-gap: 0;
    }


.grid-item2.active {
    background: linear-gradient(45deg, #bfd255 0%,#37871f 100%);
    border-radius: 10px;
    color: white;
}

.dashboard-caticon.active {
    filter: grayscale(100%) brightness(200%);
}

.dashboard-caticon.active.nofilter {
    filter: none;
}

.web-navigate-section {
    background: linear-gradient(135deg,rgb(255, 255, 255) 50%,rgba(255, 255, 255, 0) 50%);
    padding: 15px;
}






/*for web*/
@media screen and (min-width: 992px) {


    .show-only-mobile {
        display: none !important;
    }
}


/*for mobile*/
@media screen and (max-width: 992px) {


    .show-only-web {
        display: none !important;
    }

    .contract-section {
        margin: 0 auto;
        display: table;
        padding-top: 15px;
    }


    .campaignlist-inner-wrapper {
        margin: 0 auto;
    }

    .campaignlist-section {
        background: none;
    }

    .num_of_list {
        font-size: 1.0em !important;
        margin-top: -10px !important;
    }
}

/*for mobile super small*/
@media screen and (max-width: 400px) {

    .top-menu-icon {
        margin-right: 3px;
    }
}


.wrap_login_btn {
    display:flex;
}