﻿body::-webkit-scrollbar {
    display: none;
}

.newSection{
    padding-top:2rem;
}

@media print,screen and (max-width:600px) {
    .newSection {
        padding-top: 1rem;
    }

    .newSection-no-padding {
        padding-top: 0 !important;
    }

    .newSection-for-small {
        padding-top: 0px !important;
    }
}

.margin-top-2rem {
    margin-top:2rem;
}

.MasterLogo,.alert{
    margin-bottom:10px
}
.poker_menu:hover,div#div_menuicon_poker.is-active,li#mainMenu-poker a:hover div#div_menuicon_poker{
    background-image:url(../assets/img/menu/poker_o.webp)!important
}
.visibilityHidden{
    visibility:hidden
}
.visibilityShow{
    visibility:visible
}
.datagrid-header, .datagrid-header td {
    background-color: #c87332 !important;
    color: #fff !important;
    font-weight: 700
}
.custLottoTableWidth{
    width:100%!important
}
.flex-1{
    flex:1
}
.MasterLogo{
    margin-top:10px;
    margin-left:10px
}
.alert{
    border-width:1px;
    padding:15px
}
.alert.alert-borderless{
    border:0
}
.alert-success{
    background-color:#dff0d8;
    border-color:#d6e9c6;
    color:#3c763d
}
.alert-success hr{
    border-top-color:#c9e2b3
}
.alert-success .alert-link{
    color:#2b542c
}
.alert-info{
    background-color:#d9edf7;
    border-color:#bce8f1;
    color:#31708f
}
.alert-info hr{
    border-top-color:#a6e1ec
}
.alert-info .alert-link{
    color:#245269
}
.alert-warning{
    background-color:#fcf8e3;
    border-color:#faebcc;
    color:#8a6d3b
}
.alert-warning hr{
    border-top-color:#f7e1b5
}
.alert-warning .alert-link{
    color:#66512c
}
.alert-danger{
    background-color:#f2dede;
    border-color:#ebccd1;
    color:#a94442
}
.alert-danger hr{
    border-top-color:#e4b9c0
}
.alert-danger .alert-link{
    color:#843534
}
footer#divMobileFooter{
    position:sticky;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    position:sticky;
    bottom:0;
    left:0;
    z-index:99999;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width:95%;
    background-color:#1a1a1a;
    display:none
}
footer#divMobileFooter nav a{
    display:flex;
    align-items:center;
    flex-direction:column
}
@keyframes zoominout{
    0%{
        transform:scale(1.1)
    }
    50%{
        transform:scale(1.2)
    }
    100%{
        transform:scale(1)
    }
}
.js-button-item{
    list-style:none;
    font-weight:700!important;
    float:right
}
.positionAbsoluteCenter{
    margin-left:auto;
    margin-right:auto;
    left:0;
    right:0;
    text-align:center
}
.angpaoText {
    color: #ff8a00;
    display: block
}
.notificationBadge{
    position:absolute;
    top:-10px;
    right:-10px;
    padding:5px 10px;
    border-radius:50%;
    background:red;
    color:#fff
}
.fishing_menu, .home_menu, .lang_menu, .mobile_menu, .poker_menu, .rtp_menu, .slot_menu, li#mainMenu-fishing a:hover div#div_menuicon_fishing, li#mainMenu-home a:hover div#div_menuicon_home, li#mainMenu-lang a:hover div#div_menuicon_lang, li#mainMenu-mobile a:hover div#div_menuicon_mobile, li#mainMenu-poker a:hover div#div_menuicon_poker, li#mainMenu-slot a:hover div#div_menuicon_slot {
    text-align: center;
    background-position: center;
    margin-bottom: 3px
}
.fishing_menu, .home_menu, .lang_menu, .mobile_menu, .poker_menu, .rtp_menu, .slot_menu, li#mainMenu-fishing a:hover div#div_menuicon_fishing, li#mainMenu-home a:hover div#div_menuicon_home, li#mainMenu-lang a:hover div#div_menuicon_lang, li#mainMenu-mobile a:hover div#div_menuicon_mobile, li#mainMenu-poker a:hover div#div_menuicon_poker, li#mainMenu-rtp a:hover div#div_menuicon_rtp, li#mainMenu-slot a:hover div#div_menuicon_slot {
    height: 25px;
    background-size: 25px;
    background-repeat: no-repeat;
    align-items: center
}
.conversionRateText, .conversionRateText:hover, footer#divMobileFooter nav a.is-active {
    color: #ff8a00;
}
.menuIcon{
    width:25px
}
.menu-link{
    min-width:50px
}
.poker_menu{
    background-image:url(../assets/img/menu/poker.webp);
    color:#0ff
}
.lotto_menu:hover,div#div_menuicon_4d.is-active,li#mainMenu-4d a:hover div#div_menuicon_4d{
    background-image:url(../assets/img/menu/4d_o.webp)!important
}
.affiliate_menu,.livecasino_menu,.lotto_menu,.promotion_menu,.sport_menu,li#mainMenu-4d a:hover div#div_menuicon_4d,li#mainMenu-affiliate a:hover div#div_menuicon_affiliate,li#mainMenu-casino a:hover div#div_menuicon_livecasino,li#mainMenu-promotion a:hover div#div_menuicon_promotion,li#mainMenu-sport a:hover div#div_menuicon_sport{
    height:25px;
    background-size:25px;
    background-repeat:no-repeat;
    align-items:center;
    text-align:center;
    background-position:center;
    margin-bottom:3px
}
.lotto_menu{
    background-image:url(../assets/img/menu/4d.webp)
}
.slot_menu:hover,div#div_menuicon_slot.is-active,li#mainMenu-slot a:hover div#div_menuicon_slot{
    background-image:url(../assets/img/menu/slot_o.webp)!important
}
.slot_menu{
    background-image:url(../assets/img/menu/slot.webp)
}
.sport_menu:hover,div#div_menuicon_sport.is-active,li#mainMenu-sport a:hover div#div_menuicon_sport{
    background-image:url(../assets/img/menu/sportbook_o.webp)!important
}
.sport_menu{
    background-image:url(../assets/img/menu/sportbook.webp)
}
.home_menu:hover,div#div_menuicon_home.is-active,li#mainMenu-home a:hover div#div_menuicon_home{
    background-image:url(../assets/img/menu/home_o.webp)!important
}
.home_menu{
    background-image:url(../assets/img/menu/home.webp)
}
.lang_menu:hover, div#div_menuicon_lang.is-active, li#mainMenu-lang a:hover div#div_menuicon_lang {
    background-image: url(../assets/img/menu/lang_o.webp) !important;
}
.lang_menu {
    background-image: url(../assets/img/menu/lang.webp);
}
.livecasino_menu:hover,div#div_menuicon_livecasino.is-active,li#mainMenu-casino a:hover div#div_menuicon_livecasino{
    background-image:url(../assets/img/menu/livecasino_o.webp)!important
}
.livecasino_menu{
    background-image:url(../assets/img/menu/livecasino.webp)
}
.fishing_menu:hover,div#div_menuicon_fishing.is-active,li#mainMenu-fishing a:hover div#div_menuicon_fishing{
    background-image:url(../assets/img/menu/fishing_o.webp)!important
}
.fishing_menu{
    background-image:url(../assets/img/menu/fishing.webp)
}
.promotion_menu:hover,div#div_menuicon_promotion.is-active,li#mainMenu-promotion a:hover div#div_menuicon_promotion{
    background-image:url(../assets/img/menu/promotion_o.webp)!important
}
.promotion_menu{
    background-image:url(../assets/img/menu/promotion.webp)
}
.mobile_menu:hover,div#div_menuicon_mobile.is-active,li#mainMenu-mobile a:hover div#div_menuicon_mobile{
    background-image:url(../assets/img/menu/mobile_o.webp)!important
}
.mobile_menu{
    background-image:url(../assets/img/menu/mobile.webp)
}
.rtp_menu:hover,div#div_menuicon_rtp.is-active,li#mainMenu-rtp a:hover div#div_menuicon_rtp{
    background-image:url(../assets/img/menu/rtplive_o.webp)!important
}
.rtp_menu{
    background-image:url(../assets/img/menu/rtplive.webp)
}
.affiliate_menu:hover,div#div_menuicon_affiliate.is-active,li#mainMenu-affiliate a:hover div#div_menuicon_affiliate{
    background-image:url(../assets/img/menu/affiliate.gif)!important
}
.affiliate_menu{
    background-image:url(../assets/img/menu/affiliate.gif)
}
.accordion-show-less,.accordion-show-more{
    width:25px!important;
    height:25px!important
}
.accordion-show-less{
    background-image:url(../assets/img/common/showless.webp)!important
}
.accordion-show-more{
    background-image:url(../assets/img/common/showmore.webp)!important
}
.jackpotContainer2{
    font-family:"Microsoft YaHei",Arial,HELVETICA,Tahoma,"sans-serif"!important;
    position:relative;
    font-size:1.1vw;
    font-weight:700
}
.jackpotContainer2Child,.jackpotContainer2Child_short{
    position:absolute;
    bottom:-180px;
    left:165px
}
.jackpotContainer2Child_mid{
    position:absolute;
    bottom:-180px;
    left:155px
}
.jackpotContainer2Child_long{
    position:absolute;
    bottom:-180px;
    left:153px
}
.angpaoImg{
    width:100%
}
@media print,screen and (max-width:1600px){
    .custLottoTableWidth{
        width:700px!important
    }
    .angpaoImg{
        width:80%
    }
    .jackpotContainer2{
        font-size:1.5vw
    }
    .jackpotContainer2Child{
        position:absolute;
        top:-175%;
        left:45%
    }
    .jackpotContainer2Child_short{
        position:absolute;
        bottom:-145px;
        left:158px
    }
    .jackpotContainer2Child_mid{
        position:absolute;
        bottom:-145px;
        left:150px
    }
    .jackpotContainer2Child_long{
        position:absolute;
        bottom:-145px;
        left:143px
    }
}
@media print,screen and (max-width:600px){
    .jackpotContainer2{
        font-size:5.5vw
    }
    .jackpotContainer2Child{
        position:absolute;
        top:-160%;
        left:45%
    }
    .jackpotContainer2Child_short{
        position:absolute;
        bottom:-147px;
        left:160px
    }
    .jackpotContainer2Child_mid{
        position:absolute;
        bottom:-147px;
        left:155px
    }
    .jackpotContainer2Child_long{
        position:absolute;
        bottom:-147px;
        left:147px
    }
}
footer#divMobileFooter.is-active {
    display: block;
    margin-left: 10px;
    padding-right: 10px !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-left: 1px solid #ff8a00;
    border-right: 1px solid #ff8a00;
    border-top: 1px solid #ff8a00;
}
footer#divMobileFooter nav{
    display:flex
}
footer#divMobileFooter nav a{
    display:flex;
    width:100%;
    align-items:center;
    overflow:hidden;
    flex-direction:column;
    padding-top:5px;
    padding-bottom:5px;
    color:#ccc;
    border-top:2px solid transparent
}
footer#divMobileFooter nav a i{
    display:block;
    font-size:20px;
    height:20px;
    line-height:20px
}
footer#divMobileFooter nav a span{
    display:block;
    max-width:100%;
    overflow:hidden;
    line-height:1.2;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:12px;
    margin-top:5px
}
.deposit-img{
    width:8%;
    margin-right:8px
}
.deposit-img-long {
    width: 15%;
    margin-right: 8px
}
.deposit-selectable-img{
    cursor:pointer;
    opacity:0.4;
}
.deposit-selectable-img.is-active{
    /*border:5px solid #222;*/
    background-color:#222;
    opacity:1;
}
.deposit-img-title{
    width:15%;
    margin-right:8px
}
.deposit-package-img{
    width:25%
}
@media print,screen and (min-width:300px){
    .deposit-img{
        width:11%;
        margin-right:5px;
        margin-bottom:5px
    }
    .deposit-img-long {
        width: 25%;
        margin-right: 5px;
        margin-bottom: 5px
    }
    .deposit-img-title{
        width:30%;
        margin-right:8px
    }
    .deposit-package-img{
        width:50%
    }
}
@media print,screen and (min-width:600px){
    .deposit-img-main{
        width:100%;
        margin-right:5px
    }
    .deposit-img{
        width:8%;
        margin-right:5px
    }
    .deposit-img-long {
        width: 15%;
        margin-right: 5px;
    }
    .deposit-img-title{
        width:20%;
        margin-right:8px
    }
    .deposit-package-img{
        width:38%
    }
}
.shareMethodModal{
    background-color:#141822;
    background-image:url(../assets/img/common/bg-left.webp),url(../assets/img/common/bg-right.webp)
}
.ShareMethodText{
    margin-left:20px;
    color:#fff
}
.ShareMethodText:hover{
    color:#ebdf81
}
.js-button-list{
    list-style-type:none;
    margin:0;
    overflow:hidden
}
.blink_me{
    color:red;
    display:inline-block;
    animation:2s linear infinite blinker
}
@keyframes blinker{
    50%{
        opacity:0
    }
}
.LoggedInGameBox{
    position:relative
}
.LoggedInGameIcon{
    color:#dca967;
    position:absolute;
    right:5px;
    top:2px;
    z-index:3
}
.LoggedInGamePad{
    font-size:30px
}
.LoggedInGameName{
    color:#dca967;
    font-weight:700
}

.btn-Login {
    border: 0px;
    color: #E0E0E0;
    margin: 0 .3rem;
    background-color: transparent;
}

    .btn-Login:focus {
        color: #c87332;
        background-color: transparent;
    }

.btn-Login:hover {
    border: 0px;
    color: #c87332;
    margin: 0 .3rem;
    background-color: transparent;
}

.btn-join {
    background: #ff8a00;
    color: #fff;
    /*border-radius: .05rem;
    font-size: .16rem;
    height: .35rem;*/
    padding: .55rem .75rem;
    margin: 0 .3rem;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    animation: 1.5s ease 0s infinite normal none move
}

    .btn-join:hover {
        background: #ff7200
    }

.btn-language {
    border-radius: 15px !important;
    width: 40px !important;
    height: 30px !important;
}

@keyframes move {
    0% {
        opacity: .9
    }

    10% {
        transform: translate3d(-0.01rem,0,0)
    }

    70% {
        transform: scale(1);
        box-shadow: #ff8a0060 0 0 0 .8rem
    }

    80% {
        transform: translate3d(-0.01rem,0,0)
    }

    100% {
        transform: scale(1);
        box-shadow: #ff880000 0 0 0 .22rem;
        opacity: 1
    }
}

.btn-deposit {
    background: #0072e2;
    color: #fff;
    /*border-radius: .05rem;
    font-size: .16rem;
    height: .35rem;*/
    padding: .55rem .75rem;
    margin: 0 .3rem;
}

    .btn-deposit:hover {
        background: #0072e2;
    }

.globalTime{
    font-size:.7rem;
}


.register-guide-section {
    display: flex;
    flex-direction: column;
    align-items: center
}

.guide-title {
    /*color: #0f161f;*/
    font-size: 1.2rem;
    text-align: center;
    margin: 1.05rem 0 0
}

.guide-title2 {
    /*color: #0f161f;*/
    font-size: 2rem;
    text-align: center;
    margin-bottom: 2rem;
}

    .step-container {
        /*display: grid;*/
        /*grid-template-columns: 23% 23% 23% 23%;*/
        /*margin: .5rem 0 0;*/
        /*width: 12rem;*/
        justify-content: space-between;
        text-align: center;
    }

        .guide-box {
            padding: 1.4rem;
            border-radius: .8rem
        }

            .guide-box svg {
                width: 5rem;
                height: 5rem
            }

            .guide-box .guide-content {
                margin: .15rem .05rem .05rem;
                word-break: break-word
            }

                .guide-box .guide-content p {
                    margin: 0;
                    /*font-size: .16rem;*/
                    /*color: #0f161f*/
                }

            .guide-box.box-0 {
                min-height: 190px;
                border: .01rem solid red
            }

            .guide-box.box-1 {
                min-height: 190px;
                border: .01rem solid #67e49e
            }

            .guide-box.box-2 {
                min-height: 190px;
                border: .01rem solid #f7921a
            }

            .guide-box.box-3 {
                min-height: 190px;
                border: .01rem solid #fbb813
            }

    .progress-bar-img {
        width: 100%;
        margin: 1rem 0 0
    }

    .register-guide-section .step-title-container {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: .18rem 0 0
    }

.step-title {
    /*width: 2.76rem;*/
    margin-top: 0.5rem;
    text-align: center;
    font-size: 1.3rem
}

            .register-guide-section .step-title-container .step-title:not(:last-child) {
                margin: 0 12rem 0 0
            }

            .step-title.title-0 {
                color: red
            }

            .step-title.title-1 {
                color: #50c583
            }

            .step-title.title-2 {
                color: #f7921a
            }

            .step-title.title-3 {
                color: #f9b100
            }

    .register-guide-section .guide-tutorial-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        height: .33rem;
        background: #ff8a00;
        border-radius: .3rem;
        margin: .61rem 0 0;
        font-size: .16rem;
        padding: 0 .16rem
    }

        .register-guide-section .guide-tutorial-btn svg {
            fill: #fff
        }

            .register-guide-section .guide-tutorial-btn svg.video-icon {
                width: .23rem;
                height: .21rem;
                margin: 0 .13rem 0 0
            }

            .register-guide-section .guide-tutorial-btn svg.arrow-icon {
                transform: rotate(180deg);
                width: .06rem;
                height: .11rem;
                margin: 0 0 0 .21rem
            }

@media(max-width:1024px) {
    .register-guide-section .step-container {
        max-width: 10.32rem
    }

    .register-guide-section .progress-bar-img {
        width: 10.32rem
    }

    .register-guide-section .step-title-container .step-title {
        width: 2.37rem
    }

        .register-guide-section .step-title-container .step-title:not(:last-child) {
            margin: 0 .27rem 0 0
        }
}

.header-container {
    display: flex;
    flex-direction: column;
    /*width: 13.4rem;
    margin: auto*/
}

.header-container .standard-tab {
    border-radius: .1rem
}

.tab-container {
    display: flex;
    align-items: center;
    padding: 0 1.2rem;
    background: #141822;
    width: 100%;
    height: 40px;
    border-radius: 0.5rem;
    margin-left: 0px;
    margin-bottom: 0px;
}

@media print,screen and (max-width:600px) {
    .tab-container {
        overflow-x: scroll;
        border-radius: 0.5rem;
    }
}

    .tab-container .tab-wrapper {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        white-space: nowrap;
        background: #141822;
        padding-right: 1.2rem;
        min-width: unset;
        min-height: unset;
        /*border-radius: 0.5rem;*/
        padding-top: 1.1rem;
    }

    .tab-container .tab-wrapper:not(.active) {
        color: #8697a2
    }

    .tab-container .tab-wrapper .tab-title {
        cursor: pointer
    }

        .tab-container .tab-wrapper .tab-title .btn-Login:hover {
            color: #c87332;
            border-bottom: .2rem solid #c87332;
        }

        .tab-container .tab-wrapper .tab-title.not-lowercase {
            text-transform: none
        }

        .tab-container .tab-wrapper .tab-title.hover-line {
            padding: .2rem 0;
            border-bottom: .2rem solid #c87332;
        }

        .tab-container .tab-wrapper .tab-title::first-letter {
            text-transform: uppercase
        }

.hover-line {
    padding: .2rem 0;
    border-bottom: .2rem solid #ff8a00;
    background-color: transparent;
    color: #c87332 !important;
}

.promotImage{
    border-radius: .6rem;
}

.promoTitle {
    color: #c87332;
    font-size: 1.3rem;
    font-weight: bold;
}

.promoDesc {
    margin-top: 0.5rem;
    color: #E0E0E0;
    font-weight:normal;
    font-size:.9rem;
}

.info-btn {
    margin-top: 1rem;
    width:100px;
    background: #0071e3
}

    .info-btn:hover {
        width: 100px;
        background: #0051d6
    }

.basicInfo-container {
    background: #252525;
    border-radius: 0.5rem;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
}

.home-container {
    background: #252525;
    border-radius: 0.5rem;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
    vertical-align:middle;
}
.home-container .partner-img {
    display:inline-table;
}


.welcomeTitle {
    font-size: 15px;
}

.memberName {
    color: #e4d455;
    font-size:15px;
}

.member-icon {
    color: #c87332;
    font-size: 20px;
    margin-left: 5px;
    position: absolute;
    top: 18%;
}

.member-icon2 {
    font-size: 20px;
    color: #c87332;
}

.nav-sub-title {
    font-weight: bold;
    margin-top: 10px;
    text-align: center;
    color: #c87332;
}

.currency-code {
    color: #8697a2;
}

.wallet-title {
    color: #FFF;
}

.wallet-balance {
    color: #FFF;
}
/*footer*/
.footerDivider {
    border-bottom: 1px solid #c87332;
    margin-top: 2rem;
}
.footerNewSection {
    padding-top:1rem;
}

.footerTitle {
    color: #c87332;
}

.footerMenu {
    margin-top:1rem;
    list-style: none;
    margin-left: 0px;
}
    .footerMenu a {
        color: #E0E0E0;
    }
        .footerMenu a i {
            font-size: 30px;
        }

        .footerMenu a:hover {
            color: #c87332;
        }

.footerImgContainer{
    margin-top : 1rem;
}

.footerImg1 {
    filter: grayscale(30%) opacity(0.8);
    height: 1rem;
    margin-right:0.5rem;
}

.footerImg2 {
    filter: grayscale(30%) opacity(0.8);
    width: 2.6rem;
    margin-right: 0.5rem;
}

.footerImg3 {
    filter: grayscale(30%) opacity(0.8);
    width: 4.5rem;
    margin-right: 0.5rem;
}

.footerImg4 {
    width: 10rem;
}

.footerImg5 {
    filter: grayscale(30%) opacity(0.8);
    width: 6.5rem;
}

.footerText {
    font-size:11px;
}
/*End footer*/

.subpage-img-title {
    text-align: left;
    position: absolute;
    z-index: 1000;
    left: 15rem;
    top: 5rem;
}

    .subpage-img-title h3 {
        margin-bottom:0px;
        font-size: 3rem;
        font-weight: bold;
        color: #FFF;
    }

    .subpage-img-title p {
        font-size: 1.5rem;
        color: #D8D8D8;
    }

/*Mobile overlay Menu*/
.menu-hamburger-icon {
    font-size: 30px;
    cursor: pointer;
    color: #ff8a00;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 99999999;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.3s;
    padding-top: 60px;
}

    .sidenav a {
        /*padding: 8px 8px 8px 32px;*/
        text-decoration: none;
        font-size: .80rem;
        color: #818181;
        display: block;
        transition: 0.3s;
        text-align: center;
    }

        .sidenav a:hover {
            color: #f1f1f1;
        }

    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
        color: #ff8a00;
        cursor: pointer;
    }

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

        .sidenav a {
            font-size: 18px;
        }
}

.mobile-logo-container {
    text-align: center;
    padding: 5px 0 !important;
}

.mobile-logo {
    /*width: 4rem;*/
    height:40px;
}
/*End Mobile overlay Menu*/

/*Mobile Join/Reg Button*/
.mobile-btn-container {
    display: flex;
    height: 2.5rem;
}

.btn-mreg {
    background: #0071e3;
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    font-size: 0.85rem;
    text-transform: uppercase;
    border-radius: 0;
    cursor: pointer;
}

    .btn-mreg:hover, .btn-mreg:focus {
        background: #0071e3;
    }

.btn-mlogin {
    background: #cb011b;
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    font-size: 0.85rem;
    text-transform: uppercase;
    border-radius: 0;
    cursor: pointer;
}

    .btn-mlogin:hover,.btn-mlogin:focus {
        background: #cb011b !important;
    }

.btn-logout {
    background: #cb011b;
    margin-bottom: 0px !important;
    cursor: pointer;
}
/* End Mobile Join/Reg Button*/

/*Additional Accordian Css for home page*/
.accordian-container {
    margin-bottom: 0px;
    /*border-top: 1px solid #c87332;*/
}

.add-accordian-title {
    border-bottom: none !important;
    padding: 0.3rem 0.3rem !important;
    text-align: center;
    background-color: #141822 !important;
    color: #c87332 !important;
}

    .add-accordian-title:before {
        position: absolute;
        top: 60% !important;
        right: 1rem;
        margin-top: -0.5rem;
        content: "+";
    }
    .add-accordian-title h6 {
        margin-bottom: 0 !important;
        font-size: 0.8rem !important;
    }

.add-accordian-content {
    background-color: #141822 !important;
    padding: 0.3rem 0.3rem !important;
    font-size: 0.8rem;
    text-align: center;
}

.accordian-app-icon {
    font-size: 20px;
    color: #059AC1;
}

.accordian-app-text {
    color: #FFF;
}
/*End Additional Accordian Css for home page*/

/*Info List*/
.InfoList {
    font-size:12px;
    color: #8697a2;
    list-style-type: disc !important;
    margin: 0px 0px 0.5rem !important;
    word-break: break-word;
    margin-left: 1.5rem !important;
    /*padding-right: 2.5rem;*/
}
.InfoList li {
    padding-bottom:0.8rem;
}
    .InfoList li::marker {
        color: #ff8a00;
    }

/*End Info List*/

/*regForm*/
.RegContainer {
    display: flex;
}

.RegBannerContainer {
    
}

@media print,screen and (max-width:600px) {
    .RegContainer {
        display:initial;
    }

    .RegBannerContainer {
        padding: 0px !important;
        margin-bottom: 1rem;
    }
}


.regForm{

}

.angpaoContainer {
    width: 100%;
    /*border-radius: 25px;*/
    /*border: 2px solid Black;
    padding: 15px 15px 15px 15px;
    margin: 20px 20px 20px 20px;
    background: #A4D3EE;*/
    overflow: visible;
    /*box-shadow: 5px 5px 2px #888888;*/
    position: absolute;
}

.angpaoCloseButton {
    position: absolute;
    background: red;
    color: white;
    top: 5px;
    right: -10px;
    width: 25px;
    height: 25px;
    border-radius: 10px;
    border: 1px solid #fff;
    cursor: pointer;
    padding: 0;
    font-size: 0.8rem;
}

.imgBank {
    align-items: center;
    background-color: #F8F6F5;
    border: transparent 2px solid;
    display: flex;
    justify-content: center;
    max-height: 80px;
    padding: 0.8rem;
    border-radius: 10px;
}

.PaymentTypeTabButton {
}

    @media print,screen and (max-width:600px) {
        .PaymentTypeTabButton {
            width: 50%;
            text-align: center;
            margin-bottom: 5px;
        }
    }