@charset "UTF-8";
/***************/
._1nguon {
    text-align: right;
}

/* menu */
@media only screen and (max-width: 1024px) {
    .dropDown_orange_M {
        width: 100px !important;
        height: 70px !important;
    }

    .dropDown_orange_M_L {
        width: 460px !important;
        height: 70px !important;
        font-size: 23px !important;
    }

    .dropDown_orange_M_L option {
        font-size: 12px !important;
    }

    .ui-datepicker {
        width: 44em !important;
    }

    .dropDown_orange_M option {
        font-size: 12px !important;
    }

    ._1nguon {
        font-size: 12px !important;
        padding-top: 11px;
    }

    .dropDown_orange_L, .dropDown_orange_M {
        border-radius: 2px;
        border: 1px solid #FD8503;
        background-color: #fff;
        padding: 0;
        font-size: 30px;
    }

    .inputCalender {
        font-size: 35px !important;
        border: 1px solid #FD8503;
        border-radius: 2px;
        background: url(../images/iconPlay.gif) no-repeat 105px -420px #fff;
        padding: 0 10px;
        height: 70px !important;
        width: 208px !important;
        cursor: pointer;
    }

    .menu a {
        padding: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-decoration: none;
        font-size: 18px !important;
    }

    table {
        font-size: 26px !important;
    }

    .dateSpan {
        overflow: hidden;
        padding: 0;
        position: absolute;
        top: 38%;
        z-index: 999999;
        left: 37%;
        color: white;
        font-size: 76px!important;
        text-align: center;
        -ms-transform: translate(-38%, -37%);
        transform: translate(-50%, -50%);
    }
}

@media screen and (max-width: 768px) {
    .box_1_live {
        display: flex;
        flex-direction: column;
    }

    .dropDown_orange_M {
        width: 60px !important;
        height: 40px !important;
    }

    .dropDown_orange_M_L {
        width: 240px !important;
        height: 40px !important;
        font-size: 14px !important;
    }

    .dropDown_orange_M_L option {
        font-size: 14px !important;
    }

    .ui-datepicker {
        width: 20em !important;
    }

    .dropDown_orange_M option {
        font-size: 14px !important;
    }

    ._1nguon {
        font-size: 12px !important;
        padding-top: 11px;
        text-align: right;
    }

    .dropDown_orange_L, .dropDown_orange_M {
        border-radius: 2px;
        border: 1px solid #FD8503;
        background-color: #fff;
        padding: 0;
        font-size: 14px;
    }

    .inputCalender {
        font-size: 14px !important;
        border: 1px solid #FD8503;
        border-radius: 2px;
        background: url(../images/iconPlay.gif) no-repeat 105px -420px #fff;
        padding: 0 10px;
        height: 40px !important;
        width: 100px !important;
        cursor: pointer;
    }

    .menu a {
        padding: 11px !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-decoration: none;
        font-size: 11px !important;
    }

    table {
        font-size: 14px !important;
    }

    .table_result {
        overflow-x: auto;
    }

    .tdMatch .player_3 {
        text-align: center;
        width: 100%;
        color: black;
        font-size: 12px !important;
        padding-top: inherit;
    }

    .a_replay {
        display: block;
        height: 47px;
        width: 50px !important;
        background: url(../images/iconPlay.gif) no-repeat center 1px;
    }

    .dateSpan {
        overflow: hidden;
        padding: 0;
        position: absolute;
        top: 38%;
        z-index: 999999;
        left: 37%;
        color: white;
        font-size: 46px!important;
        text-align: center;
        transform: translate(-50%, -50%);
    }

    .vjs-big-play-button {
        font-size: 1.5em!important;
    }
}

@media only screen and (max-width: 480px) {
    .box_1_live {
        display: flex;
        flex-direction: column;
    }

    .dropDown_orange_M {
        width: 60px !important;
        height: 40px !important;
    }

    .dropDown_orange_M_L {
        width: 240px !important;
        height: 40px !important;
        font-size: 11px !important;
    }

    .dropDown_orange_M_L option {
        font-size: 11px !important;
    }

    .ui-datepicker {
        width: 20em !important;
    }

    .dropDown_orange_M option {
        font-size: 11px !important;
    }

    ._1nguon {
        font-size: 11px !important;
        padding-top: 11px;
        text-align: right;
    }

    .dropDown_orange_L, .dropDown_orange_M {
        border-radius: 2px;
        border: 1px solid #FD8503;
        background-color: #fff;
        padding: 0;
        font-size: 11px;
    }

    .inputCalender {
        font-size: 14px !important;
        border: 1px solid #FD8503;
        border-radius: 2px;
        background: url(../images/iconPlay.gif) no-repeat 105px -420px #fff;
        padding: 0 10px;
        height: 40px !important;
        width: 100px !important;
        cursor: pointer;
    }

    .menu a {
        padding: 11px !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-decoration: none;
        font-size: 11px !important;
    }

    table {
        font-size: 14px !important;
    }

    .table_result {
        overflow-x: auto;
    }

    .tdMatch .player_3 {
        text-align: center;
        width: 100%;
        color: black;
        font-size: 12px !important;
        padding-top: inherit;
    }

    .a_replay {
        display: block;
        height: 47px;
        width: 50px !important;
        background: url(../images/iconPlay.gif) no-repeat center 1px;
    }

    .dateSpan {
        overflow: hidden;
        padding: 0;
        position: absolute;
        top: 38%;
        z-index: 999999;
        left: 37%;
        color: white;
        font-size: 20px!important;
        text-align: center;
        transform: translate(-50%, -50%);
    }

    .vjs-big-play-button {
        font-size: 1em!important;
    }
}

.menu-wrapper, .menu a {
    width: 100%;
}

.menu::after {
    content: '';
    clear: both;
    display: block;
}

.menu a {
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    font-size: 20px;
}

.menu li {
    position: relative;
}

.menu > li {
    float: left;
}

.menu, .menu ul {
    padding: 10px;
    margin: 0;
    list-style-type: none;
    background: #e7cfb5;
}

.menu ul li + li {
    border-top: 1px solid #fff;
}

.menu ul {
    position: absolute;
    box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.5);
}

.menu > li ul, .menu ul ul {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    z-index: -1;
    visibility: hidden;
}

.menu > li ul {
    top: 130%;
    left: 0;
}

.menu ul ul {
    left: 130%;
    top: 0;
}

.menu ul a {
    width: 250px;
}

.menu > li:hover > ul {
    top: 100%;
    opacity: 1;
    z-index: 1;
    visibility: visible;
}

.menu ul > li:hover > ul {
    left: 100%;
    opacity: 1;
    z-index: 1;
    visibility: visible;
}

.menu-gold, .menu-gold a {
    color: #000;
}

.menu-gold a:hover {
    background-color: #e3a058;
    color: #000;
}

body {
    text-align: center;
}

h1 {
    text-align: center;
    margin-top: 20px;
    color: #fff;
    font-size: 40px;
}

/* ends */
.popup h2, .popup-auto h2, .popup-XL h2, .popup-L h2, .popup-ML h2, .popup-M h2 {
    background-image: linear-gradient(90deg, #311D0B 0%, #5D3816 100%);
}

.icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.icon-shield-2FA {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="768" height="768"><path fill="%23666666" d="M385.1 667.6c-37.9-21.5-141.4-86.2-193.6-177.6-2.5-4.4-4.9-8.8-7.1-13.3-14.6-29.2-23.3-60.1-23.3-92.7V182.2l224-84 224 84V384c0 32.6-8.7 63.5-23.2 92.7-2.2 4.5-4.6 8.9-7.1 13.3-52.2 91.4-155.8 156.1-193.7 177.6zm14.3 65S559 653.4 634.3 521.8c3.1-5.4 6-10.9 8.8-16.5 18.2-36.3 30-77.1 30-121.3V160c0-13.6-8.5-25.3-20.8-30l-256-96c-7.6-2.8-15.5-2.6-22.5 0l-256 96c-12.8 4.8-20.7 16.9-20.8 30v224c0 44.2 11.8 85 30 121.3 2.8 5.6 5.7 11.1 8.8 16.5C211 653.4 370.7 732.6 370.7 732.6c9.5 4.7 20 4.4 28.7 0z"/><path fill="%23666666" d="M445 288.3c0-33.1-26.8-59.9-59.9-59.9s-59.9 26.8-59.9 59.9c0 19.3 9.2 36.5 23.5 47.4l-23.5 120.5H445l-23.5-120.5c14.3-10.9 23.5-28 23.5-47.4z"/></svg>');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px;
}

.account_not, .account_ok, .a_point, .a_point_on, .table_Enable a, .table_PT th span, .table_betSetting th span, .agentAddNew .verify a, .popupLoginNotice .icExclamation, .icLoading, .title a, .btnLive, .aBtn-More, .tdChoice .icon-InRunning, .popup_5 .popup_top a, .popup_4 .popup_top a, .popup_3 .popup_top a, .popup_2 .popup_top a, .popup_1 .popup_top a, .a_list, .a_check_on, .a_check, .a_replayOver, .a_replay, .box_loading h1 span, .header h1, .icRefresh, .icExclamation, .icVs, .icUnlock, .icEllipsis, .icCorrect,
.icWrong, .icEarth, .btnInfoPop, .btnTop, .btnMore, .btnXCircle, .btnX, .btnSubmit, .btnView, .btnDownload, .btnReplay, .btnRefresh, .infoNone, .scrollBar-X span, .scrollBar-Y span {
    font-size: 0;
    text-indent: -99999px;
}

.ulInfo, .ulTab-1, .ulTab, .ulAnchor, .ulBox-odd, .ulBox {
    display: flex;
}

.ulInfo li, .ulTab-1 li, .ulTab li, .ulAnchor li, .ulBox-odd li, .ulBox li {
    list-style: none;
}

.ulBox-odd, .ulBox {
    align-items: center;
}

.ulBox-odd li:last-child, .ulBox li:last-child {
    margin: 0;
}

.drop {
    position: relative;
}

.drop:hover ul {
    display: block;
}

.drop ul {
    position: absolute;
    z-index: 600;
    display: none;
}

.drop li {
    list-style: none;
}

.drop a {
    display: block;
}

.fixedPage {
    position: fixed;
    bottom: 0;
    z-index: 500;
    width: 100%;
    padding: 4px 6%;
    background-color: #ffffff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

.btnInbox, .btnMore, .btnDownload, .btnRefresh {
    display: flex;
    justify-content: center;
    align-items: center;
}

.btnInbox:after, .btnMore:after, .btnDownload:after, .btnRefresh:after {
    content: "";
    background-size: cover;
    background-repeat: no-repeat;
}

.popup h2, .popup-auto h2, .popup-XL h2, .popup-L h2, .popup-ML h2, .popup-M h2 {
    background-image: linear-gradient(90deg, #311D0B 0%, #5D3816 100%);
}

.btnBMain-S, .btnBCancel-S, .btnBSec-S, .btnBMain, .btnBCancel, .btnBSec, .btnAMain, .btnAMain-S, .btnAMain-L, .btnACancel, .btnACancel-S, .btnACancel-L, .btnASec, .btnASec-S, .btnASec-L, .btnXCircle, .btnSubmit {
    box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.3);
}

.btnBMain-S:hover, .btnBCancel-S:hover, .btnBSec-S:hover, .btnBMain:hover, .btnBCancel:hover, .btnBSec:hover, .btnAMain:hover, .btnAMain-S:hover, .btnAMain-L:hover, .btnACancel:hover, .btnACancel-S:hover, .btnACancel-L:hover, .btnASec:hover, .btnASec-S:hover, .btnASec-L:hover, .btnXCircle:hover, .btnSubmit:hover {
    box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.3);
}

.btnMore {
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.3);
}

.btnMore:hover {
    box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.3);
}

.btnBMain-S, .btnBCancel-S, .btnBSec-S, .btnBMain, .btnBCancel, .btnBSec, .btnAMain, .btnAMain-S, .btnAMain-L, .btnACancel, .btnACancel-S, .btnACancel-L, .btnASec, .btnASec-S, .btnASec-L, .btnSubmit {
    background-color: #FF6E00;
}

.btnBMain-S:hover, .btnBCancel-S:hover, .btnBSec-S:hover, .btnBMain:hover, .btnBCancel:hover, .btnBSec:hover, .btnAMain:hover, .btnAMain-S:hover, .btnAMain-L:hover, .btnACancel:hover, .btnACancel-S:hover, .btnACancel-L:hover, .btnASec:hover, .btnASec-S:hover, .btnASec-L:hover, .btnSubmit:hover {
    background-color: #e66300;
}

.btnBSec-S, .btnBSec, .btnASec, .btnASec-S, .btnASec-L {
    background-color: #853900;
}

.btnBSec-S:hover, .btnBSec:hover, .btnASec:hover, .btnASec-S:hover, .btnASec-L:hover {
    background-color: #522300;
}

.btnBCancel-S, .btnBCancel, .btnACancel, .btnACancel-S, .btnACancel-L, .btnXCircle {
    background-color: #777777;
}

.btnBCancel-S:hover, .btnBCancel:hover, .btnACancel:hover, .btnACancel-S:hover, .btnACancel-L:hover, .btnXCircle:hover {
    background-color: #5e5e5e;
}

/*--Hide Text Set--*/
.account_not, .account_ok, .a_point, .a_point_on, .table_Enable a, .table_PT th span, .table_betSetting th span, .agentAddNew .verify a, .popupLoginNotice .icExclamation, .icLoading, .title a, .btnLive, .aBtn-More, .tdChoice .icon-InRunning, .popup_5 .popup_top a, .popup_4 .popup_top a, .popup_3 .popup_top a, .popup_2 .popup_top a, .popup_1 .popup_top a, .a_list, .a_check_on, .a_check, .a_replayOver, .a_replay, .box_loading h1 span, .header h1, .icRefresh, .icExclamation, .icVs, .icUnlock, .icEllipsis, .icCorrect,
.icWrong, .icEarth, .btnInfoPop, .btnTop, .btnMore, .btnXCircle, .btnX, .btnSubmit, .btnView, .btnDownload, .btnReplay, .btnRefresh, .infoNone, .scrollBar-X span, .scrollBar-Y span {
    font-size: 0;
    text-indent: -99999px;
}

* {
    margin: 0;
    padding: 0;
}

html, body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 21px;
    color: #3B3B3B;
}

h2 {
    align-items: center;
    box-sizing: border-box;
    border-bottom: 1px solid #F1F1F1;
    padding: 0 10px;
    background-color: #fff;
    font-size: 21px;
    line-height: 34px;
    color: #853900;
    display: flex;
}

h2 .textLevelSec {
    margin: 0 4px;
}

h4 {
    font-size: 21px;
    font-weight: normal;
    line-height: 26px;
    color: #853900;
}

a {
    text-decoration: none;
    outline: none;
    hlbr: expression(this.onFocus=this.blur());
}

button {
    background-color: none;
    border: 0;
}

iframe {
    border: none;
}

input:focus {
    outline: none;
}

.clearfix:after, .createId .basic01:after, .createId .basic02:after {
    content: "";
    display: block;
    clear: both;
}

.clearfix, .createId .basic01, .createId .basic02 {
    zoom: 1;
}

.clear {
    clear: both;
}

.float-L, .bookmark li, .agentTop table, .agentCurrentDetail table, .agentProfile, .a_allSetting-off, .a_allSetting-on, .account_no p, .account_yes p, .account_no h3, .account_yes h3, .boxDl_1 .dl_1, .table_PT th span, .table_PT th strong, .table_PT p, .table_PT input, .table_betSetting th span, .table_betSetting th strong, .agentAddNew .dropDown_gray_M, .agentAddNew .verify a, .agentAddNew .verify img, .agentAddNew .verify, .title h3, .title a, .nav, .headerBtn li, .ul_4 li, .tdChoice span, .tdChoice .icon-InRunning, .tdChoice dt, .dropDown_right h4, .tdMatch span, .match .box_1 p, .match .box_1 input, .prevMonth, .popup_2 dl dd, .popup_2 dl dt, .popup_5 .popup_top h4, .popup_4 .popup_top h4, .popup_3 .popup_top h4, .popup_2 .popup_top h4, .popup_1 .popup_top h4, .inputCalender, .inputText_2, .popup_1 p input, .ul_3_L li, .ul_3_S li, .ul_2 li, .ul_1 li, .dropDown_gray_currency, .dropDown_gray_S, .dropDown_disable, .dropDown_orange_L, .dropDown_orange_M, .dl_1 .dropDown_gray_L, .dl_1 dd strong, .dl_1 dt, .box_2 ul, .header h1, .createId dd {
    float: left;
}

.float-R, .agentTop .last, .userOp h4, .title p, .headerBtn, .language, .scrollingText, .aBtn-More, .ul_3_L, .ul_3_S, .tdChoice dd, .tdChoice dt p, .dropDown_right, .nextMonth, .popup_5 .popup_top a, .popup_4 .popup_top a, .popup_3 .popup_top a, .popup_2 .popup_top a, .popup_1 .popup_top a, .box_loading h1 span {
    float: right;
}

.align-L, .popup_transfer td, .table_PT th span, .table_PT th strong, .table_betSetting th span, .table_betSetting th strong, .table_betSetting td, .tdChoice, .tdInfo, .th_title, .changePassword .text_1, .tdMatch .player_2, .popup_4 .text_1, .inputCalender, .dropDown_gray_L, .dropDown_gray_M {
    text-align: left;
}

.align-R, .tdComm, .tdResult, .tdMatch .player_1, .popup-3 p {
    text-align: right;
}

.align-C, .bookmark, .a_count, .agentTransfer tfoot .inputText_3, .agentAddNew table input, .agentAddNew .box_center .inputText_2, .agentAddNew .box_center .popup_1 p input, .popup_1 p .agentAddNew .box_center input, .ul_3_L, .ul_3_S, .ul_2, .calendarTable_2 th, .calendarTable_2 td, .nowrap, .calendarForm th, table, .inputText_3, .dl_1 dd .inputText_GivenCredit, .page_BGblack, .page_BGwhite, .dropDown_gray_L ul, .dropDown_gray_M ul, .dropDown_gray_currency ul, .dropDown_orange_L ul, .dropDown_orange_M ul, .box_loading p, .box_loading h1, .box_input {
    text-align: center;
}

.dis-B {
    display: block;
}

.dis-F {
    display: flex;
}

.dis-InB {
    display: inline-block;
}

.dis-InF {
    display: inline-flex;
}

.setFlex-between {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.setFlex-center, .fixedPage, .createId dd {
    justify-content: center;
    align-items: center;
    display: flex;
}

.setFlex-alignCenter {
    align-items: center;
    display: flex;
}

.setFlex-alignEnd {
    justify-content: flex-end;
    align-items: center;
    display: flex;
}

.table-sheet {
    justify-content: start;
    align-items: center;
    display: flex;
    background-color: #f1f1f1;
    border-radius: 5px 5px 0 0;
}

.table-sheet .btnRefreshText {
    margin-left: 5px;
}

.table-sheet .flex-end {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.wrapper {
    position: relative;
    min-width: 1400px;
    box-sizing: border-box;
    background-color: #F1F1F1;
    display: flex;
    min-height: 100vh;
}

.fixed {
    position: fixed;
    border-top: 10px solid #F1F1F1;
}

.fixedPadding {
    padding: 64px 8% 60px;
}

.fixedPadding-S {
    padding: 64px 1% 60px;
}

.fixedPadding-M {
    padding: 64px 12% 60px;
}

.padding-M, .popup .popWrapper, .popup-auto .popWrapper, .popup-XL .popWrapper, .popup-L .popWrapper, .popup-ML .popWrapper, .popup-M .popWrapper {
    padding: 24px 3%;
}

.padding-S {
    padding: 24px 1%;
}

.padding-basic {
    padding: 0;
}

.basic01 dl {
    width: 200px;
    margin-bottom: 12px;
}

.basic01 dl:last-child {
    margin-bottom: 0;
}

.basic01 dt {
    font-size: 20px;
    font-weight: normal;
    line-height: 22px;
    color: #666;
}

.basic01 dt .textRadio {
    font-size: 20px;
    line-height: 20px;
}

.basic01 dd {
    margin-bottom: 12px;
}

.basic01 dd:last-child {
    margin-bottom: 0;
}

.basic01 input, .basic01 .info, .basic01 .infoNone, .basic01 .select, .basic01 dd.error {
    width: 180px;
}

.basic01 input.w-220px, .basic01 .info.w-220px, .basic01 .w-220px.infoNone, .basic01 .select.w-220px, .basic01 dd.error.w-220px {
    width: 220px;
}

.basic01.currency {
    margin-bottom: 5px;
}

.basic01 input.w-100per {
    width: 100%;
}

.basic01-group, .password-group {
    margin-bottom: 14px;
    display: flex;
}

.basic01-group:last-child, .password-group:last-child {
    margin-bottom: 0;
}

.basic01-group .basic01, .password-group .basic01 {
    margin-right: 30px;
}

.basic01-group .basic01:last-child, .password-group .basic01:last-child {
    margin-right: 0;
}

.basic02 dt {
    visibility: hidden;
    line-height: 22px;
}

.basic02 dd {
    height: 30px;
    align-items: center;
    display: flex;
}

.borderDottedMP {
    margin-bottom: 14px;
    border-bottom: 1px dotted #979797;
    padding-bottom: 14px;
}

.borderSolid {
    border: 1px solid #979797;
}

.borderSolid-B {
    border-bottom: 1px solid #979797;
}

.borderSolid-T {
    border-top: 1px solid #979797;
}

.borderSolid-R {
    border-right: 1px solid #979797;
}

.borderSolid-L {
    border-left: 1px solid #979797;
}

.borderDotted {
    border: 1px dotted #979797;
}

.borderDotted-R {
    border-right: 1px dotted #979797;
}

.borderDotted-L {
    border-left: 1px dotted #979797;
}

.borderDotted-B, tr {
    border-bottom: 1px dotted #979797;
}

.borderNone {
    border: none;
}

.borderNone-T {
    border-top: none;
}

.borderNone-L {
    border-left: none;
}

.borderNone-R, .ulTab a {
    border-right: none;
}

ul {
    list-style: none;
}

table {
    width: 100%;
    border-collapse: collapse;
    background-color: #fff;
    font-size: 21px;
    color: #3B3B3B;
    margin-bottom: 10px;
    text-align: right;
}

table:last-child {
    margin-bottom: 0;
}

table .drop, table .dropStatus {
    width: 100px;
    margin: 0 auto;
}

table .drop a, table .dropStatus a {
    width: 100px;
}

table input, table .select, table .info, table .infoNone {
    width: 90%;
    height: 26px;
    margin: 4px auto;
    line-height: 26px;
}

table .textLevelSec {
    margin-right: 2px;
}

thead {
    background-image: linear-gradient(-180deg, #FEFEFE 0%, #EAEAEA 100%);
}

thead th {
    border-right: 1px solid #bebebe;
    border-bottom: 1px solid #979797;
    border-top: 1px solid #979797;
    text-align: center;
}

thead th:first-child {
    border-left: none;
}

thead th:last-child {
    border-right: none;
}

tbody tr:hover {
    background-color: #fff7f2;
}

th, td {
    padding: 3px 8px;
}

th {
    box-sizing: border-box;
    height: 30px;
    font-weight: normal;
    color: #853900;
}

td {
    position: relative;
    box-sizing: border-box;
    height: 26px;
}

.tableScroll {
    border-collapse: separate;
    border-spacing: 0;
}

.tableScroll th {
    position: sticky;
    z-index: 501;
    background-image: linear-gradient(-180deg, #FEFEFE 0%, #EAEAEA 100%);
}

.tableScroll td {
    border-bottom: 1px solid rgba(196, 196, 196, 0.534);
}

.tableScroll td.lt {
    text-align: left;
}

.tableRow2 tbody tr:nth-child(even) td {
    border-bottom: 1px solid #979797;
}

.tableReport th, .tableReport td {
    padding: 0 4px;
    font-size: 20px;
}

.tableAuto {
    width: auto;
}

.tableTrSolid tbody tr {
    border-bottom: 1px solid #979797;
}

.tableTrDotted {
    border-top: 1px solid #979797;
}

.tableTrDotted tbody tr {
    border-bottom: 1px dotted #979797;
}

.tableTdDotted td {
    border-right: 1px dotted #979797;
}

.tableTdDotted td:first-child {
    border-left: none;
}

.tableTdDotted td:last-child {
    border-right: none;
}

.tableTdDotted .trTitle td, .tableTdDotted .trTotal td {
    border: none;
}

.tableTdDotted .borderSolid-R {
    border-right: 1px solid #979797;
}

.tableTdDotted .borderSolid-L {
    border-left: 1px solid #979797;
}

.trSelect {
    background-color: #FFFEEF;
}

.trSelect:hover {
    background-color: #FFFEEF;
}

.trSelect .tb-card {
    border-color: #fec4a0;
}

.trBgEven {
    background-color: #fafafa;
}

.trBgEven:hover {
    background-color: #fafafa;
}

.trBg-1 {
    background-color: #F7F7F7;
}

.trDeleteLine {
    background-color: #d5d5d5;
    color: #666;
}

.trDeleteLine:hover {
    background-color: #d5d5d5;
}

.trDeleteLine td {
    background-repeat: repeat-x;
    background-position: center center;
    background-image: url(../images/report-web/deleteLine.png);
}

.trDeleteLine ul .id {
    color: #666;
}

.trTitle, .tableTrDotted .trTitle {
    background-color: #FFFEEF;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3);
    font-weight: bold;
    color: #853900;
    border-bottom: 1px solid #979797;
    border-top: 1px solid #979797;
}

.trTitle:hover {
    background-color: #FFFEEF;
}

.trSubTotal {
    background-color: #eeeeee;
    font-weight: bold;
    border-bottom: 1px solid #979797;
    border-top: 1px solid #979797;
}

.trTotal, .tableTrSolid .trTotal, .tableTrDotted .trTotal, .tableTrDotted .tableTrSolid .trTotal, .tableTrSolid .tableTrDotted .trTotal {
    height: 40px;
    border-bottom: 1px solid #FF6E00;
    background-color: #eeeeee;
    box-shadow: inset 0 3px 4px 0 rgba(0, 0, 0, 0.2);
    font-weight: bold;
    line-height: 40px;
    color: #111;
}

.trTotal:hover, .tableTrSolid .trTotal:hover {
    background-color: #eeeeee;
}

.trExtend, .tableTrSolid tbody .trExtend {
    border: none;
}

.trExtend td, .tableTrSolid tbody .trExtend td {
    padding: 0;
}

.trExtend:hover, .tableTrSolid tbody .trExtend:hover {
    background-color: #fff;
}

.thSortingTop,
.thSorting {
    position: relative;
}

.thSortingTop:after,
.thSorting:after {
    font-family: 'icomoon' !important;
    content: "\e9df";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    cursor: pointer;
    color: #853900;
    line-height: 30px;
    width: 20px;
    z-index: 100;
    font-size: 20px;
}

.thSortingTop:after {
    content: "\e90a";
}

.tdRowspanBG {
    position: static;
    background-color: #fff;
    border-bottom: 1px solid #979797;
}

.tdNoWrap {
    white-space: nowrap;
    align-items: center;
    display: flex;
}

.tdNoWrap span {
    text-align: left;
}

.rowspanBorder {
    font-style: italic;
    font-size: 21px;
    text-align: center;
    border-bottom: 1px solid #979797;
    border-right: 1px solid #979797;
}

.h3Tab {
    width: 170px;
    box-sizing: border-box;
    padding-left: 10px;
    font-weight: normal;
    font-size: 21px;
    line-height: 28px;
}

.h3Tab .ulInfo.icon-only {
    padding: 0 !important;
}

.h3Tab .ulInfo.icon-only .popupInText {
    padding: 5px !important;
}

.h3Text {
    font-size: 21px;
}

.scroll {
    position: relative;
    overflow: auto;
}

.scrollBar-Y {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    width: 8px;
    border: 1px solid #b1b1b1;
    border-top: none;
    padding: 1px;
    background-color: #fff;
}

.scrollBar-Y span {
    min-height: 80px;
    width: 8px;
    background: #ddd url(../images/scroll-Y.png) no-repeat center center;
    display: block;
}

.scrollBar-X {
    position: absolute;
    bottom: -20px;
    left: 0;
    z-index: 10;
    height: 8px;
    width: calc(100% - 4px);
    border: 1px solid #b1b1b1;
    padding: 1px;
    background-color: #fff;
}

.scrollBar-X span {
    height: 8px;
    min-width: 180px;
    background: #ddd url(../images/scroll-X.png) no-repeat center center;
    display: inline-block;
}

.ulBox li {
    position: relative;
    margin: 0 4px 0 0;
}

.ulBox li.drop li {
    margin: 0;
}

.ulBox li .btnAMain, .ulBox li .btnAMain-S, .ulBox li .btnAMain-L, .ulBox li .btnACancel, .ulBox li .btnACancel-S, .ulBox li .btnACancel-L, .ulBox li .btnASec, .ulBox li .btnASec-S, .ulBox li .btnASec-L {
    margin: 0 8px;
}

.ulBox li .form-select {
    min-width: 120px;
}

.ulBox .textRadio {
    margin-right: 5px;
}

.ulBox .drop a, .ulBox input {
    width: 150px;
}

.ulBox input.w-200px {
    width: 200px;
}

.ulBox .ulTab {
    margin-left: 8px;
}

.ulBox .ulTab li {
    margin: 0;
}

.ulBox .btnRefreshText {
    margin-left: 8px;
}

.ulBox .inputDate, .ulBox .inputTime {
    width: 110px;
}

.ulBox + .ulBox-odd {
    margin-left: 5px;
}

.ulBox-odd li {
    margin-right: 2px;
}

.ulBox-odd li:first-child {
    margin-left: 0;
}

.ulBox-odd .btnASec, .ulBox-odd .btnASec-S, .ulBox-odd .btnASec-L {
    min-width: 100px;
    padding: 0;
    font-size: 21px;
}

.ulLevel {
    flex: none;
    display: block;
}

.ulLevel li {
    padding-right: 24px;
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    background: none;
}

.ulLevel li::after {
    font-family: 'icomoon' !important;
    content: '\e904';
    position: absolute;
    right: 5px;
    top: 12px;
    color: #b4b4b4;
}

.ulLevel li:last-child::after {
    content: '';
}

.ulLevel a {
    padding: 16px 5px 3px 5px;
    position: relative;
    min-width: 40px;
    border-radius: 5px;
    height: auto;
    line-height: normal;
    border: 1px solid #f1f1f1;
    background-color: #f1f1f1;
    color: #3B3B3B;
    display: flex;
}

.ulLevel a:hover {
    color: #853900;
    border-color: #ffcca6;
    background-color: #ffeee1;
}

.ulLevel a:hover .textLevel, .ulLevel a:hover .textLevelSec {
    background-color: #853900;
}

.ulLevel a .textLevel, .ulLevel a .textLevelSec {
    position: absolute;
    left: -1px;
    top: -1px;
    font-size: 11px;
    font-weight: normal;
    border-radius: 5px 0 5px 0;
    background-color: #848484;
}

.ulLevel a.now {
    box-shadow: none;
    border: 1px solid #ffcca6;
    background-color: #ffeee1;
    color: #853900;
}

.ulLevel a.now .textLevel, .ulLevel a.now .textLevelSec {
    background-color: #853900;
}

.ulLevel.borderDottedMP {
    border: none;
    padding-bottom: 0;
    margin-bottom: 10px;
}

.ulSelect {
    position: relative;
    height: 30px;
    display: flex;
    padding: 6px 15px 1px 15px;
    border-radius: 5px 5px 0 0;
    background-color: #f1f1f1;
    overflow: hidden;
}

.ulSelect li {
    background: #fff;
    margin-right: 5px;
    border-radius: 5px 5px 0 0;
}

.ulSelect li a {
    min-width: 90px;
    width: auto !important;
    background-image: none !important;
    color: #853900;
    display: block;
    line-height: 30px;
    border-radius: 5px 5px 0 0;
    padding: 0 20px !important;
    background: #ffd5bd;
    text-align: center;
    border: 1px solid #fff;
    border-bottom: 0;
    transition: all .2s ease-in-out;
}

.ulSelect li a:hover {
    color: #fff;
    background: #FF6E00;
    border-color: #ff801e;
}

.ulSelect li a.now, .ulSelect li a.now:hover {
    position: relative;
    border-color: #fff;
    background-color: #fff;
    color: #5d5d5d;
    font-weight: bold;
    cursor: default;
    box-shadow: 0 1px 3px #909090;
}

.ulAnchor {
    position: sticky;
    top: 50px;
    left: 0;
    z-index: 500;
    width: auto;
    margin-bottom: 10px;
    border-top: 10px solid #F1F1F1;
    background-color: #fff;
    box-shadow: 0 1px 0 #FF6E00;
}

.ulAnchor li {
    margin-right: 20px;
}

.ulAnchor li:last-child {
    margin: 0;
}

.ulAnchor a {
    min-width: 98px;
    height: 30px;
    padding: 0 16px;
    border-bottom: 2px solid #fff;
    line-height: 32px;
    color: #3B3B3B;
    text-align: center;
    display: block;
}

.ulAnchor a:hover {
    border-color: #FF6E00;
    color: #FF6E00;
}

.ulAnchor a.now {
    border-radius: 3px 3px 0 0;
    border-color: #FF6E00;
    background-color: #FF6E00;
    color: #fff;
}

.ulTab {
    line-height: 20px;
}

.ulTab a {
    min-width: 80px;
    box-sizing: border-box;
    padding: 0 10px;
    background-color: #fff;
    color: #3B3B3B;
    border: 1px solid #979797;
    display: block;
    text-align: center;
}

.ulTab a:hover {
    box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}

.ulTab li:first-child a {
    border-radius: 99em 0 0 99em;
}

.ulTab li:last-child a {
    border: 1px solid #979797;
    border-radius: 0 99em 99em 0;
}

.ulTab .now {
    background-color: #888;
    box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.3);
    color: #fff;
}

.ulTab .now:hover {
    background: #888;
    color: #fff;
}

.ulTab-1 {
    height: 30px;
    border-radius: 99em;
    background: #666;
    box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, 0.3);
    line-height: 30px;
}

.ulTab-1 a {
    width: 90px;
    border-radius: 99em;
    color: #fff;
    text-align: center;
    display: block;
}

.ulTab-1 a:hover {
    text-decoration: underline;
}

.ulTab-1 a.now {
    background: #FF6E00;
    box-shadow: inset 0 -2px 0 0 #863C03;
}

.ulInfo li, .ulInfo .ulInfo-btntag {
    min-width: 110px;
    height: 22px;
    box-sizing: border-box;
    margin-right: 5px;
    border-radius: 4px;
    padding: 0 10px;
    background-color: #EAEAEA;
    line-height: 22px;
    font-size: 20px;
    text-align: center;
}

.ulInfo li.no-style, .ulInfo .ulInfo-btntag.no-style {
    background: none;
    padding: 0;
}

.ulInfo li .popupInText, .ulInfo .ulInfo-btntag .popupInText {
    display: none;
}

.ulInfo .ulInfo-btntag {
    color: #c80000;
    display: inline-block;
    line-height: 22px;
    position: relative;
    margin-right: 0;
}

.ulInfo .ulInfo-btntag .tag-i {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: #FF6E00;
    line-height: 17px;
    text-align: center;
    font-weight: 500;
    color: #ffffff;
    border-radius: 40px;
}

.ulInfo .ulInfo-btntag:hover .popupInText {
    display: inline-block;
    padding: 8px;
    z-index: 1000;
}

.ulInfo .ulInfo-btntag:hover .popupInText::after {
    left: calc(50% - 60px);
    width: 120px;
}

.ulInfo .ulInfo-btntag:hover .popupInText.right .popupInText-body {
    padding: 0;
}

.ulInfo .ulInfo-btntag:hover .popupInText .popupInText-body {
    min-width: 200px;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px;
}

.ulInfo .ulInfo-btntag:hover .popupInText .popupInText-body p {
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    line-height: 24px !important;
    padding: 0 5px;
    width: 100%;
}

.ulInfo .ulInfo-btntag:hover .popupInText .popupInText-body p.tit {
    font-weight: bold;
    text-align: center;
    background: none;
}

.ulInfo .ulInfo-btntag:hover .popupInText .popupInText-body p span {
    float: right;
}

.ulInfo .ulInfo-btntag:hover .popupInText .popupInText-body p:nth-child(even) {
    background: #ffffff;
}

.ulInfo .ulInfo-btntag:hover .popupInText .popupInText-body .txt.lt {
    font-family: Arial;
    text-align: left;
    color: #333;
    margin-bottom: 15px;
}

.ulInfo .ulInfo-btntag:hover .popupInText .popupInText-body .txt.lt .tit {
    font-weight: bold;
}

.ulInfo .ulInfo-btntag:hover .popupInText .popupInText-body .txt.lt:last-child {
    margin-bottom: 5px;
}

.ulInfo .ulInfo-btntag:hover .popupInText.top-start {
    left: 0%;
    transform: translateX(-22px);
}

.ulInfo .ulInfo-btntag:hover .popupInText.top-start::after {
    left: calc(0% - 30px);
}

.ulInfo .ulInfo-btntag:hover .popupInText.top-end {
    left: auto;
    right: 0%;
    transform: translateX(22px);
}

.ulInfo .ulInfo-btntag:hover .popupInText.top-end::after {
    left: auto;
    right: calc(0% - 30px);
}

.ulInfo .ulInfo-btntag:hover .popupInText.right {
    max-width: 300px;
    transform: translate(22px, -34px);
}

.ulInfo .ulInfo-btntag:hover .popupInText.right::after {
    transform: rotate(-90deg);
    top: 11px;
    left: -62px;
}

.ulInfo .ulInfo-btntag:hover .popupInText.msg-SMS {
    width: 500px;
    color: #333;
    background: #fff;
}

.ulInfo .ulInfo-btntag:hover .popupInText.msg-SMS ul li {
    height: auto;
    background-color: initial;
}

.ulInfo.icon-only {
    display: inline-block;
    min-width: auto;
    background: #FF6E00;
    border-radius: 40px;
    line-height: normal;
}

.ulInfo.icon-only .ulInfo-btntag {
    min-width: auto;
    padding: 0;
    background: none;
    height: auto;
    line-height: normal;
    margin: 0;
}

.ulInfo.icon-only .ulInfo-btntag p {
    width: auto;
}

.ulInfo.icon-only .w-nowrap {
    min-width: auto !important;
    max-width: auto !important;
    white-space: nowrap;
    padding: 0;
}

.ulInfo.icon-only .w-nowrap p {
    text-align: center !important;
    padding: 0 5px;
}

.ulInfo.icon-only .w-nowrap p.lt {
    text-align: left !important;
}

.div-tb .inputCheckbox .ulInfo.icon-only, .div-tb .inputCheckbox-circle .ulInfo.icon-only,
.checkboxList .inputCheckbox .ulInfo.icon-only,
.checkboxList .inputCheckbox-circle .ulInfo.icon-only {
    margin: 0 3px;
}

.drop > a {
    width: 200px;
    height: 30px;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 0 20px 0 10px;
    background-color: #fff;
    font-weight: normal;
    line-height: 30px;
    color: #3B3B3B;
    text-align: left;
    border: 1px solid #979797;
    background-image: svg-arror-btm(#FF6E00);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 28px;
}

.drop > a:hover {
    border-color: #FF6E00;
    color: #FF6E00;
}

.drop > a:active {
    color: #FF6E00;
}

.drop > a.now {
    color: #FF6E00;
}

.drop > ul {
    border-radius: 6px;
    min-width: 200px;
    padding: 5px;
    width: 200px;
    max-height: 305px;
    background: #fff;
    box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.2);
}

.drop > ul li {
    margin: 0;
    padding: 3px 0;
    display: block;
    background: #fff;
    border-bottom: 1px solid #ededed;
}

.drop > ul li:first-child {
    padding-top: 0;
}

.drop > ul li:last-child {
    border: none;
    padding-bottom: 0;
}

.drop > ul li a {
    line-height: 26px;
    padding: 3px 3px 3px 10px;
    cursor: pointer;
    display: block;
    border-radius: 3px;
    color: #333;
    min-width: auto;
    width: 185px !important;
    border: 1px solid #fff;
    border-radius: 5px;
}

.drop > ul li a:hover {
    border: 1px solid #FF6E00;
}

.drop .scroll {
    height: 300px;
}

.drop .scrollBar-Y {
    height: 297px;
}

.select-S, .select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    overflow: hidden;
    box-sizing: border-box;
    width: 50px;
    height: 30px;
    padding: 0 8px;
    border-radius: 4px;
    background-color: #fff;
    font-size: 21px;
    color: #3B3B3B;
    background-image: svg-arror-btm(#FF6E00);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 20px;
    border: 1px solid #979797;
}

.select-S:hover, .select:hover {
    border: 1px solid #FF6E00;
}

.select-S:hover option, .select:hover option {
    color: #FF6E00;
}

.select-S.now, .now.select {
    border: 1px solid #FF6E00;
    color: #FF6E00;
}

.select-S option, .select option {
    color: #FF6E00;
}

.select-S:focus, .select:focus {
    outline: none;
}

.select {
    width: auto;
    padding: 0 30px 0 8px;
}

input, .inputC {
    height: 30px;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 0 6px;
    background-color: #fff;
    font-size: 21px;
    line-height: 30px;
    color: #FF6E00;
    text-align: center;
    border: 1px solid #979797;
}

input:hover, .inputC:hover {
    border: 1px solid #FF6E00;
}

input[disabled], .inputC[disabled] {
    color: #3B3B3B;
    border: none !important;
    background-color: #EAEAEA;
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.inputL {
    text-align: left;
}

.inputR {
    text-align: right;
}

.inputC-L {
    height: 40px;
    font-size: 21px;
    line-height: 38px;
    text-align: center;
}

.inputL-L {
    height: 40px;
    line-height: 38px;
    text-align: left;
}

.inputDate {
    background: url(../images/report-web/main/icDate.png) no-repeat left center;
    background-size: 26px;
    width: 110px;
    padding: 0 0 0 20px;
    color: #666;
}

.inputDate:hover {
    background: url(../images/report-web/main/icDate-hover.png) no-repeat left center;
    background-size: 26px;
}

.inputTime {
    background: url(../images/report-web/main/icTime.png) no-repeat left center;
    background-size: 30px;
    width: 110px;
    padding: 0 0 0 20px;
    line-height: 30px;
}

.inputAdd, .inputSub {
    width: 120px;
    padding-left: 24px;
    text-align: right;
}

.inputCheckbox input[type="checkbox"], .inputCheckbox-circle input[type="checkbox"] {
    display: none;
}

.inputCheckbox input[type="checkbox"] + span, .inputCheckbox-circle input[type="checkbox"] + span {
    height: 22px;
    line-height: 22px;
    cursor: pointer;
    align-items: center;
    display: flex;
}

.inputCheckbox input[type="checkbox"] + span:before, .inputCheckbox-circle input[type="checkbox"] + span:before {
    content: " ";
    width: 14px;
    height: 14px;
    margin-right: 3px;
    background-image: svg-icCheckbox(#666666);
    background-repeat: no-repeat;
    background-color: #ffffff;
    border-radius: 3px;
}

.inputCheckbox input[type="checkbox"] + span:hover, .inputCheckbox-circle input[type="checkbox"] + span:hover {
    color: #FF6E00;
}

.inputCheckbox input[type="checkbox"] + span:hover:before, .inputCheckbox-circle input[type="checkbox"] + span:hover:before {
    background-image: svg-icCheckbox(#FF6E00);
}

.inputCheckbox input[type="checkbox"]:checked + span, .inputCheckbox-circle input[type="checkbox"]:checked + span {
    color: #FF6E00;
}

.inputCheckbox input[type="checkbox"]:checked + span:before, .inputCheckbox-circle input[type="checkbox"]:checked + span:before {
    background-image: svg-icCheckbox-now(#FF6E00);
}

.inputCheckbox input[type="checkbox"]:disabled + span, .inputCheckbox-circle input[type="checkbox"]:disabled + span {
    color: #c6c7c7;
}

.inputCheckbox input[type="checkbox"]:disabled + span:before, .inputCheckbox-circle input[type="checkbox"]:disabled + span:before {
    background-image: svg-icCheckbox(#c6c7c7);
}

.inputCheckbox input[type="checkbox"]:checked:disabled + span, .inputCheckbox-circle input[type="checkbox"]:checked:disabled + span {
    color: #c6c7c7;
}

.inputCheckbox input[type="checkbox"]:checked:disabled + span:before, .inputCheckbox-circle input[type="checkbox"]:checked:disabled + span:before {
    background-image: svg-icCheckbox-now(#c6c7c7);
}

.inputCheckbox input[type="checkbox"][readonly]:checked + span, .inputCheckbox-circle input[type="checkbox"][readonly]:checked + span {
    pointer-events: none;
    color: #8d8d8d;
}

.inputCheckbox input[type="checkbox"][readonly]:checked + span:before, .inputCheckbox-circle input[type="checkbox"][readonly]:checked + span:before {
    background-image: svg-icCheckbox-now(#8d8d8d);
}

.inputCheckbox-circle input[type="checkbox"] + span:before {
    border-radius: 99em;
    background-image: svg-icCheckboxCircle(#666666);
}

.inputCheckbox-circle input[type="checkbox"] + span:hover:before {
    background-image: svg-icCheckboxCircle(#FF6E00);
}

.inputCheckbox-circle input[type="checkbox"]:checked + span:before {
    background-image: svg-icCheckboxCircle-now(#FF6E00);
}

.inputCheckbox-circle input[type="checkbox"]:disabled + span,
.inputCheckbox-circle input[type="checkbox"]:checked:disabled + span {
    color: #c6c7c7;
}

.inputCheckbox-circle input[type="checkbox"]:disabled + span:before,
.inputCheckbox-circle input[type="checkbox"]:checked:disabled + span:before {
    background-image: svg-icCheckboxCircle-now(#c6c7c7);
}

.inputRadio input[type="radio"] {
    display: none;
}

.inputRadio input[type="radio"] + span {
    height: 22px;
    line-height: 22px;
    cursor: pointer;
    align-items: center;
    display: flex;
}

.inputRadio input[type="radio"] + span strong:first-child {
    margin-right: 4px;
}

.inputRadio input[type="radio"] + span strong:last-child {
    margin-left: 4px;
}

.inputRadio input[type="radio"] + span:before {
    content: " ";
    width: 14px;
    height: 14px;
    margin-right: 3px;
    border-radius: 99em;
    background-image: svg-icRadio(#666666);
    background-repeat: no-repeat;
    background-color: #ffffff;
}

.inputRadio input[type="radio"] + span:hover {
    color: #FF6E00;
}

.inputRadio input[type="radio"] + span:hover:before {
    background-image: svg-icRadio(#FF6E00);
}

.inputRadio input[type="radio"]:checked + span {
    color: #FF6E00;
}

.inputRadio input[type="radio"]:checked + span:before {
    background-image: svg-icRadio-now(#FF6E00);
}

.inputRadio input[type="checkbox"]:disabled + span {
    background-image: none;
}

.inputRadio input[type="checkbox"]:checked:disabled + span {
    color: #c6c7c7;
}

.info, .infoNone {
    height: 30px;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 0 10px;
    background-color: #EAEAEA;
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    line-height: 30px;
    text-align: center;
}

.infoC-S {
    min-width: 90px;
    box-sizing: border-box;
    padding: 0 10px;
    border-radius: 99em;
    background-color: #EAEAEA;
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    line-height: 22px;
    display: inline-block;
    text-align: center;
}

.btnRefresh {
    width: 28px;
    height: 32px;
    background-color: #fff;
}

.btnRefresh:after {
    width: 22px;
    height: 16px;
    background-image: svg-btnRefresh("rgb(136,136,136)");
}

.btnRefresh:hover:after {
    background-image: svg-btnRefresh("rgb(133,58,0)");
}

.btnRefreshText {
    position: relative;
    height: 20px;
    border: 1px solid #FF6E00;
    border-radius: 99em;
    padding: 0 10px 0 25px;
    background-color: #fff;
    line-height: 20px;
    color: #FF6E00;
    display: inline-block;
}

.btnRefreshText:hover {
    background-image: linear-gradient(-270deg, #FFA700 0%, #FF6E00 100%);
    color: #fff;
}

.btnRefreshText strong {
    margin-left: 3px;
    font-style: italic;
}

.btnRefreshText .icRefresh {
    position: absolute;
    top: -1px;
    left: -2px;
}

.btnReplay {
    width: 20px;
    height: 20px;
    background: url(../images/report-web/main/btnReplay.png) no-repeat center center;
    background-size: 100%;
    display: block;
}

.btnReplay:hover {
    background: url(../images/report-web/main/btnReplay-hover.png) no-repeat center center;
    background-size: 100%;
}

.btnDownload {
    width: 34px;
    height: 34px;
}

.btnDownload:after {
    width: 20px;
    height: 20px;
    background-image: svg-btnDownload(#853900);
}

.btnDownload:hover:after {
    background-image: svg-btnDownload(#522300);
}

.btnView {
    width: 25px;
    height: 25px;
    background: url(../images/report-web/main/btnView.png) no-repeat center center;
    background-size: 100%;
    display: block;
}

.btnView:hover {
    background: url(../images/report-web/main/btnView-hover.png) no-repeat center center;
    background-size: 100%;
}

.btnSubmit {
    width: 30px;
    height: 30px;
    border-radius: 4px;
    background: #FF6E00 url(../images/report-web/main/btnSubmit.png) no-repeat center center;
    background-size: 100%;
    display: block;
}

.btnX {
    width: 30px;
    height: 30px;
    background: url(../images/report-web/main/btnX.png) no-repeat center center;
    background-size: 30px;
    display: block;
}

.btnX:hover {
    background: url(../images/report-web/main/btnX-hover.png) no-repeat center center;
    background-size: 30px;
}

.btnXCircle {
    width: 25px;
    height: 25px;
    background: #777 url(../images/report-web/main/btnXCircle.png) no-repeat center center;
    background-size: 100%;
    border-radius: 99rem;
    display: block;
}

.btnMore {
    width: 24px;
    height: 12px;
    border: 1px solid #979797;
    border-radius: 99rem;
    background-color: #ffffff;
}

.btnMore:after {
    width: 16px;
    height: 4px;
    background-image: svg-btnMore(#853900);
}

.btnMore:hover {
    border-color: #FF6E00;
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}

.btnMore:hover:after {
    background-image: svg-btnMore(#FF6E00);
}

.btnTop {
    position: fixed;
    right: 20px;
    bottom: 10px;
    z-index: 999;
    width: 40px;
    height: 40px;
    background: url(../images/report-web/main/btnTop.png) no-repeat center center;
    background-size: 100%;
    display: inline-block;
}

.btnTop:hover {
    background: url(../images/report-web/main/btnTop-hover.png) no-repeat center center;
    background-size: 100%;
}

.btnInfoPop {
    width: 14px;
    height: 14px;
    margin: 0 5px;
    background-image: url('data:image/svg+xml,<svg width="14" height="14" xmlns="http://www.w3.org/2000/svg"><path d="M6 9h1.7v1.6H6V9zm0-6h1.7v4.8H6V3zm.993-3A6.997 6.997 0 0 0 0 7c0 3.864 3.129 7 6.993 7A7.004 7.004 0 0 0 14 7c0-3.864-3.136-7-7.007-7zM7 12.6A5.598 5.598 0 0 1 1.4 7c0-3.094 2.506-5.6 5.6-5.6s5.6 2.506 5.6 5.6-2.506 5.6-5.6 5.6z" fill="%23494949" fill-rule="evenodd"/></svg>');
    display: block;
}

.btnInbox {
    position: relative;
    width: 35px;
    height: 35px;
    border-radius: 99rem;
    background-color: #F1F1F1;
}

.btnInbox:hover {
    background-color: #ffffff;
    box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, 0.4);
}

.btnInbox:after {
    width: 20px;
    height: 15px;
    background-image: svg-btnInbox(#853900);
}

.btnInbox span {
    position: absolute;
    top: -5px;
    right: -10px;
    display: block;
    width: 18px;
    height: 18px;
    padding: 0px 4px;
    border-radius: 99em;
    background-color: #c0110e;
    color: #fff;
    line-height: 18px;
    font-size: 11px;
    text-align: center;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.btnAMain, .btnAMain-S, .btnAMain-L, .btnACancel, .btnACancel-S, .btnACancel-L, .btnASec, .btnASec-S, .btnASec-L {
    height: 30px;
    min-width: 130px;
    box-sizing: border-box;
    padding: 0 12px;
    border-radius: 4px;
    font-size: 21px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    display: block;
}

.btnAMain-L {
    height: 40px;
    font-size: 18px;
    line-height: 40px;
}

.btnASec-L {
    height: 40px;
    line-height: 40px;
}

.btnACancel-L {
    height: 40px;
    line-height: 40px;
}

.btnAMain-S {
    height: 22px;
    font-size: 20px;
    line-height: 22px;
}

.btnASec-S {
    height: 22px;
    font-size: 20px;
    line-height: 22px;
}

.btnACancel-S {
    height: 22px;
    font-size: 20px;
    line-height: 22px;
}

.btnBMain, .btnBCancel, .btnBSec {
    height: 30px;
    padding: 0 12px;
    border-radius: 99em;
    line-height: 29px;
    color: #fff;
    text-align: center;
    display: inline-block;
}

.btnBMain-S, .btnBCancel-S, .btnBSec-S {
    height: 22px;
    padding: 0 10px;
    border-radius: 99em;
    font-size: 20px;
    line-height: 22px;
    color: #fff;
    text-align: center;
    display: inline-block;
}

.btnCMain-S, .btnCSec-S {
    min-width: 90px;
    box-sizing: border-box;
    padding: 0 10px;
    border-radius: 99em;
    border: 1px solid #FF6E00;
    background-color: #fff;
    color: #FF6E00;
    line-height: 20px;
    display: inline-block;
    text-align: center;
}

.btnCMain-S:hover, .btnCSec-S:hover {
    color: #fff;
    background: #FF6E00;
}

.btnCSec-S {
    border: 1px solid #853900;
    color: #853900;
}

.btnCSec-S:hover {
    background: #853900;
}

.btnDMain, .btnDCancel {
    width: 180px;
    height: 26px;
    background-image: svg-btnDMain("%23ff6e00");
    background-repeat: no-repeat;
    line-height: 26px;
    color: #fff;
    text-align: center;
    display: block;
}

.btnDMain:hover, .btnDCancel:hover {
    background-image: svg-btnDMain("%23e66300");
}

.btnDCancel {
    background-image: svg-btnDMain("%23777777");
}

.btnDCancel:hover {
    background-image: svg-btnDMain("%235e5e5e");
}

.btnStateMain-Red, .btnStateMain-Gray {
    min-width: 90px;
    box-sizing: border-box;
    padding-left: 10px;
    border-radius: 99em;
    border: 1px solid #FF6E00;
    background-color: #fff;
    color: #FF6E00;
    line-height: 20px;
    display: inline-block;
    text-align: center;
}

.btnStateMain-Red:hover, .btnStateMain-Gray:hover {
    color: #fff;
    background: #FF6E00;
}

.btnStateMain-Red span, .btnStateMain-Gray span {
    height: 20px;
    padding: 0 10px;
    color: #ffffff;
    margin-left: 8px;
    border-radius: 99em;
    background-color: #c80000;
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3);
    display: inline-block;
}

.btnStateMain-Gray span {
    background-color: #979797;
}

.textCheckInfo {
    height: 22px;
    line-height: 22px;
    align-items: center;
    display: flex;
}

.textCheckInfo:before {
    content: " ";
    width: 14px;
    height: 14px;
    margin-right: 3px;
    background-image: svg-icCheckbox-now(#666666);
    background-repeat: no-repeat;
    background-color: #ffffff;
}

.textRadioInfo, .textRadioInfo-none {
    height: 22px;
    line-height: 22px;
    align-items: center;
    display: flex;
}

.textRadioInfo:before, .textRadioInfo-none:before {
    content: " ";
    width: 14px;
    height: 14px;
    margin-right: 3px;
    background-image: svg-icCheckboxCircle-now(#666666);
    background-repeat: no-repeat;
    background-color: #ffffff;
}

.textRadioInfo-none:before {
    background-image: svg-icCheckboxCircle(#666666);
}

.textLevel, .textLevelSec {
    height: 16px;
    padding: 0 5px;
    border-radius: 99em;
    background-color: #666;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    color: #fff;
    text-align: center;
    display: inline-block;
}

.textLevelSec {
    background-color: #853900;
}

.textBtn, .textBtnRed, .textBtnSec {
    font-style: italic;
    color: #1951A2;
    text-decoration: underline;
    display: inline-block;
}

.textBtn:hover, .textBtnRed:hover, .textBtnSec:hover {
    color: #FF6E00;
    text-decoration: none;
}

.textBtnSec {
    color: #853900;
}

.textBtnRed {
    color: #c80000;
}

.textRed {
    color: #c80000;
}

.textMainDarken {
    color: #cc5800;
}

.textGray {
    color: #868686;
}

.textBold {
    font-weight: bold;
}

.textBorderMain {
    border-radius: 4px;
    border: 1px solid #FF6E00;
    padding: 1px 4px;
    color: #FF6E00;
}

.textBorderSec {
    border-radius: 4px;
    border: 1px solid #853900;
    padding: 1px 4px;
    color: #853900;
}

.textBorderRed {
    border-radius: 4px;
    border: 1px solid #c80000;
    padding: 1px 4px;
    color: #c80000;
}

.textBorderGray {
    border-radius: 4px;
    border: 1px solid #3B3B3B;
    padding: 1px 4px;
    color: #3B3B3B;
}

.textSolidMain {
    border-radius: 4px;
    padding: 1px 4px;
    font-weight: bold;
    background-color: #FF6E00;
    color: #000;
}

.textBSolidGray {
    height: 20px;
    border-radius: 99em;
    padding: 0 8px;
    background-color: #3B3B3B;
    font-size: 21px;
    line-height: 20px;
    color: #fff;
    display: inline-block;
}

.textBSolidLightGray-S {
    height: 14px;
    padding: 0 6px;
    border-radius: 99em;
    line-height: 14px;
    background-color: #9f9f9f;
    color: #fff;
    font-size: 11px;
    letter-spacing: 1px;
    display: inline-block;
}

.icEarth {
    display: block;
}

.icCorrect,
.icWrong {
    width: 20px;
    height: 20px;
    background: url(../images/report-web/main/icWrong.png) no-repeat center center;
    background-size: 100%;
    display: block;
}

.icCorrect {
    background: url(../images/report-web/main/icCorrect.png) no-repeat center center;
    background-size: 100%;
}

.icEllipsis {
    display: block;
}

.icUnlock {
    display: block;
}

.icTextStatus {
    height: 26px;
    min-width: 80px;
    box-sizing: border-box;
    padding: 0 10px;
    border-radius: 99em;
    background-color: #666;
    font-weight: normal;
    line-height: 26px;
    color: #fff;
    display: inline-block;
}

.icVs {
    width: 18px;
    height: 18px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url('data:image/svg+xml,<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M9 18A9 9 0 1 1 9 0a9 9 0 0 1 0 18zm-3.612-5.205h1.44l2.393-6.681H7.79l-1.636 4.945-1.691-4.945H3l2.388 6.681zm4.18-2.174c.088.748.358 1.317.81 1.707.453.39 1.102.586 1.947.586.58 0 1.065-.081 1.454-.244A1.968 1.968 0 0 0 15 10.85c0-.423-.089-.778-.267-1.065a1.877 1.877 0 0 0-.738-.679c-.314-.166-.8-.326-1.456-.48-.656-.156-1.07-.305-1.24-.448a.513.513 0 0 1-.2-.405c0-.173.071-.312.214-.415.222-.16.529-.241.92-.241.38 0 .665.075.855.225.19.15.314.397.372.74l1.349-.058c-.022-.614-.244-1.105-.668-1.473C13.717 6.184 13.086 6 12.247 6c-.513 0-.952.077-1.315.232-.363.155-.64.381-.834.677-.193.296-.289.615-.289.955 0 .529.205.977.615 1.345.292.26.8.481 1.522.66.563.14.923.237 1.08.292.232.082.393.179.486.29.093.11.139.245.139.403 0 .246-.11.46-.33.645-.22.183-.548.275-.983.275-.41 0-.736-.103-.977-.31-.242-.206-.402-.53-.481-.97l-1.313.127z" fill="%23B3B3B3" fill-rule="evenodd"/></svg>');
    display: inline-block;
}

.icExclamation {
    display: block;
}

.icRefresh {
    width: 22px;
    height: 22px;
    background: url(../images/report-web/main/icRefresh.png) no-repeat center center;
    background-size: 100%;
    display: block;
}

.lineHight-S {
    line-height: 22px;
}

.marginTop-S {
    margin-top: 7px;
}

.colorBG-1 {
    background-color: #FFFEEF;
}

.colorBG-1:hover {
    background-color: #FFFEEF;
}

.colorBG-1Darken {
    background-color: #fffcd6;
}

.colorBG-2 {
    background-color: #eeeeee;
}

.colorBG-2Darken {
    background-color: #e1e1e1;
}

.choosedFontColor {
    color: #FF6E00 !important;
}

.baccaratRed {
    color: #d91029;
}

.baccaratBlue {
    color: #2072d1;
}

.createNick .ulBox {
    margin-bottom: 10px;
}

.createNick .ulBox li:last-child {
    margin-left: 7px;
}

.createId {
    display: flex;
}

.createId dd {
    height: 30px;
    margin-right: 2px;
}

.createId .basic01, .createId .basic02 {
    min-width: 200px;
    margin-right: 30px;
}

.createId .info, .createId .infoNone {
    width: inherit;
    font-size: 21px;
    font-style: italic;
}

.createId .info.user, .createId .user.infoNone {
    color: #853900;
}

.createId .textLevelSec {
    margin-right: 2px;
}

.createId .drop a, .createId input {
    width: 50px;
}

.createId .icWrong, .createId .icCorrect {
    margin-left: 5px;
}

.createId .check-name {
    position: relative;
    display: inline-block;
    border-radius: 100px;
    background-color: #f1f1f1;
    min-width: 50px;
    line-height: 24px;
    margin: 0 8px;
    padding: 2px 5px 2px 32px;
}

.createId .check-name .icCorrect {
    position: absolute;
    left: 0px;
    top: 4px;
    display: inline-block;
}

.password {
    align-self: stretch;
    width: 180px;
    background-color: #eeeeee;
}

.password .btnAMain, .password .btnASec, .password .btnACancel, .password .btnAMain-L, .password .btnASec-L, .password .btnACancel-L, .password .btnAMain-S, .password .btnASec-S, .password .btnACancel-S {
    width: 100%;
    font-size: 21px;
}

.password dd {
    position: relative;
}

.password .icWrong, .password .icCorrect {
    position: absolute;
    top: 5px;
    right: -23px;
}

.password .form-control-btn {
    right: 2%;
    margin-top: -28px;
}

.password .form-control-btn i:hover {
    background: #e3e3e3;
}

.password-group .basic01 {
    padding: 10px 0;
}

.password-group .password {
    padding: 10px 30px 10px 20px;
}

.password-group .basic01:last-child {
    margin: 0;
}

.textBgCock, .textBgPlatform, .textBgBrand {
    height: 17px;
    margin-right: 4px;
    border-radius: 4px;
    padding: 1px 4px;
    background-color: #e64a00;
    line-height: 17px;
    color: #fff;
    text-align: center;
    display: inline-block;
}

.textBgBrand {
    background-color: #4e4e4e;
}

.textBgPlatform {
    background-color: #1299e4;
    box-shadow: 0 0 5px #a5daff;
}

.textColorRed, .colorMeron {
    color: #D0021B;
}

.textColorBlue, .colorWala {
    color: #0046a0;
}

.textColorGreen, .colorBdd {
    color: #006e08;
}

.textColorLive {
    color: #5e00b1;
}

.textColorLive .textBtn, .textColorLive .textBtnSec, .textColorLive .textBtnRed {
    color: #5e00b1;
}

.textColorLive .textBtn:hover, .textColorLive .textBtnSec:hover, .textColorLive .textBtnRed:hover {
    color: #FF6E00;
}

.textBorderFontColor, .textBorderLightgreen, .textBorderLightBlue, .textBorderGreen, .textBorderBlue, .textBorderRed {
    border-radius: 4px;
    border: 1px solid #3B3B3B;
    padding: 1px 4px;
    color: #3B3B3B;
    display: inline-block;
}

.textBorderRed {
    border-color: #D0021B;
    color: #D0021B;
}

.textBorderBlue {
    border-color: #0046a0;
    color: #0046a0;
}

.textBorderGreen {
    border-color: #006e08;
    color: #006e08;
}

.textBorderLightBlue {
    border-color: #057EC1;
    color: #057EC1;
}

.textBorderLightgreen {
    border-color: #3f6b00;
    color: #3f6b00;
}

.textBgRed, .textBgGrayLight, .textBgGray, .textBgGold, .textBgGreen, .textBgBlue {
    height: 17px;
    border-radius: 4px;
    padding: 0 4px;
    background-color: #D0021B;
    line-height: 17px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    display: inline-block;
}

.textBgBlue {
    background-color: #0046a0;
}

.textBgGreen {
    background-color: #006e08;
}

.textBgGold {
    background-color: #856802;
}

.textBgGray {
    background-color: #4e4e4e;
}

.textBgGrayLight {
    background-color: #686868;
}

.checkboxList {
    flex-wrap: wrap;
    display: flex;
}

.checkboxList .textCheckInfo, .checkboxList .textCheck, .checkboxList .textRadio {
    margin-right: 24px;
}

.checkboxList label {
    margin-right: 20px;
}

.fixedPage .ulpage {
    margin: 0 6px 0 0;
}

/***************/
.nicescroll-rails {
    position: absolute;
    right: 0;
    width: 10px;
    background-color: #BDBDBD;
    height: 100%;
}

.nicescroll-rails div {
    height: 58px;
    background-color: #444;
    display: block;
    font-size: 0;
    text-indent: -99999px;
    cursor: pointer;
}

.nicescroll-rails div:hover {
    background-color: #666;
}

.nicescroll-rails div span {
    display: block;
    margin: 5px auto 3px auto;
    border-top: 1px #CBCBCB solid;
    border-bottom: 1px #CBCBCB solid;
    height: 100%;
    width: 4px;
}

/******** Setting ********/
body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 21px;
    height: 100%;
    position: relative;
}

iframe {
    border: none;
}

/* clear */
.clearfix:after, .createId .basic01:after, .createId .basic02:after {
    content: "";
    display: block;
    clear: both;
}

.clearfix, .createId .basic01, .createId .basic02 {
    zoom: 1;
}

.clear {
    clear: both;
}

/* Float Set */
.float-L, .bookmark li, .agentTop table, .agentCurrentDetail table, .agentProfile, .a_allSetting-off, .a_allSetting-on, .account_no p, .account_yes p, .account_no h3, .account_yes h3, .boxDl_1 .dl_1, .table_PT th span, .table_PT th strong, .table_PT p, .table_PT input, .table_betSetting th span, .table_betSetting th strong, .agentAddNew .dropDown_gray_M, .agentAddNew .verify a, .agentAddNew .verify img, .agentAddNew .verify, .title h3, .title a, .nav, .headerBtn li, .ul_4 li, .tdChoice span, .tdChoice .icon-InRunning, .tdChoice dt, .dropDown_right h4, .tdMatch span, .match .box_1 p, .match .box_1 input, .prevMonth, .popup_2 dl dd, .popup_2 dl dt, .popup_5 .popup_top h4, .popup_4 .popup_top h4, .popup_3 .popup_top h4, .popup_2 .popup_top h4, .popup_1 .popup_top h4, .inputCalender, .inputText_2, .popup_1 p input, .ul_3_L li, .ul_3_S li, .ul_2 li, .ul_1 li, .dropDown_gray_currency, .dropDown_gray_S, .dropDown_disable, .dropDown_orange_L, .dropDown_orange_M, .dl_1 .dropDown_gray_L, .dl_1 dd strong, .dl_1 dt, .box_2 ul, .header h1, .createId dd {
    float: left;
}

.float-R, .agentTop .last, .userOp h4, .title p, .headerBtn, .language, .scrollingText, .aBtn-More, .ul_3_L, .ul_3_S, .tdChoice dd, .tdChoice dt p, .dropDown_right, .nextMonth, .popup_5 .popup_top a, .popup_4 .popup_top a, .popup_3 .popup_top a, .popup_2 .popup_top a, .popup_1 .popup_top a, .box_loading h1 span {
    float: right;
}

/* Align Set */
.align-L, .popup_transfer td, .table_PT th span, .table_PT th strong, .table_betSetting th span, .table_betSetting th strong, .table_betSetting td, .tdChoice, .tdInfo, .th_title, .changePassword .text_1, .tdMatch .player_2, .popup_4 .text_1, .inputCalender, .dropDown_gray_L, .dropDown_gray_M {
    text-align: left;
}

.align-R, .tdComm, .tdResult, .tdMatch .player_1, .popup-3 p {
    text-align: right;
}

.align-C, .bookmark, .a_count, .agentTransfer tfoot .inputText_3, .agentAddNew table input, .agentAddNew .box_center .inputText_2, .agentAddNew .box_center .popup_1 p input, .popup_1 p .agentAddNew .box_center input, .ul_3_L, .ul_3_S, .ul_2, .calendarTable_2 th, .calendarTable_2 td, .nowrap, .calendarForm th, table, .inputText_3, .dl_1 dd .inputText_GivenCredit, .page_BGblack, .page_BGwhite, .dropDown_gray_L ul, .dropDown_gray_M ul, .dropDown_gray_currency ul, .dropDown_orange_L ul, .dropDown_orange_M ul, .box_loading p, .box_loading h1, .box_input {
    text-align: center;
}

/* BGcolor */
.BGcolor_Gray, .agentNewAccount .box_input, .changePassword .box_input, .ul_1, .box_3, .box_loading, .box_1 {
    background-color: #ECECEC;
}

/* color */
.color_Red, .tdLose, .tdChoice .liFirst_color, .popup_1 h5, .dl_1 .notice p, .text_1 {
    color: #D91717;
}

.color_Blue {
    color: #0657B9;
}

.color_Orange, .nav h3, .btnLogout:hover, .language ul li:hover, .language, .popup_5 p input, .popup_5 .popup_top h4, .popup_4 .popup_top h4, .popup_3 .popup_top h4, .popup_2 .popup_top h4, .popup_1 .popup_top h4, .star_on, table a:hover, .inputCalender, .inputText_2, .popup_1 p input, .inputBtn_gray:hover, .input_on:hover, .page_BGblack .a_firstLast:hover, .page_BGwhite .a_firstLast:hover, .page_BGblack a:hover, .page_BGwhite a:hover, .dropDown_gray_L ul a, .dropDown_gray_M ul a, .dropDown_gray_currency ul a, .dropDown_gray_S ul a, .dropDown_gray_L ul li, .dropDown_gray_M ul li, .dropDown_gray_currency ul li, .dropDown_gray_S ul li, .dropDown_orange_L, .dropDown_orange_M, h3 {
    color: #FD8503;
}

.color_Green {
    color: #099113;
}

.color_Black {
    color: #000;
}

/* Hide Text Set */
.account_not, .account_ok, .a_point, .a_point_on, .table_Enable a, .table_PT th span, .table_betSetting th span, .agentAddNew .verify a, .popupLoginNotice .icExclamation, .icLoading, .title a, .btnLive, .aBtn-More, .tdChoice .icon-InRunning, .popup_5 .popup_top a, .popup_4 .popup_top a, .popup_3 .popup_top a, .popup_2 .popup_top a, .popup_1 .popup_top a, .a_list, .a_check_on, .a_check, .a_replayOver, .a_replay, .box_loading h1 span, .header h1, .scrollBar-Y span, .scrollBar-X span, .infoNone, .btnRefresh, .btnReplay, .btnDownload, .btnView, .btnSubmit, .btnX, .btnXCircle, .btnMore, .btnTop, .btnInfoPop, .icEarth, .icCorrect,
.icWrong, .icEllipsis, .icUnlock, .icVs, .icExclamation, .icRefresh {
    text-indent: -99999px;
}

/******** header ********/
.header {
    border-bottom: 1px solid #fff;
    background-color: #1E1E1E;
}

.header h1 {
    color: #fff;
    margin: 0;
    width: 140px;
    height: 49px;
    padding: 0;
    background: url(../images/logo.gif) no-repeat 20px center;
}

.header a {
    line-height: 49px;
    display: block;
    text-decoration: none;
}

/******** h3 ********/
h3 {
    margin: 0 0 5px 0;
}

/* box */
.box_1 {
    padding: 20px 20px;
}

.box_1 .inputText_2, .box_1 .popup_1 p input, .popup_1 p .box_1 input, .box_1 .inputCalender, .box_1 .inputBtn_orange, .box_1 .dropDown_orange_M, .box_1 .dropDown_orange_L, .box_1 .dropDown_disable {
    margin: 0 3px 0 0;
}

.box_1 .ul_1 {
    padding: 0;
}

.box_input {
    padding: 5px 20px;
}

.box_input input {
    margin: 10px 0;
}

.box_2 {
    background: url(../images/bg-profileTop.gif) repeat-y center 2px #ECECEC;
    margin: 0 0 30px 0;
}

.box_2 ul {
    padding: 10px 0;
    margin: 0;
    width: 50%;
}

.box_2 li {
    list-style: none;
    margin: 0 0 0 20px;
    padding: 5px 0;
}

.box_black {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 9998;
    width: 100%;
    height: 100%;
    margin: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000) \9;
}

.box_loading {
    padding: 120px 0 200px;
}

.box_loading h1 {
    width: 150px;
    margin: 0 auto 5px;
    border-bottom: 1px solid #333;
    padding: 0 0 5px 35px;
    background: url(../images/iconSet.gif) no-repeat -12px -1430px;
    font-size: 26px;
    font-weight: normal;
}

.box_loading h1 span {
    display: block;
    width: 20px;
    background: url(../images/mov-loading.gif) no-repeat 0 center;
}

.box_loading p {
    margin: 0 auto;
    font-size: 21px;
}

.box_3 {
    padding: 40px 20px 1px 20px;
}

/* text */
.text_1 p {
    margin: 0 0 10px 0;
}

.text_1 ul {
    line-height: 25px;
    margin: 0 0 10px 0;
    padding: 0 0 0 30px;
}

/* ul */
.ul_1 {
    margin: 0;
    padding: 5px 10px;
}

.ul_1 li {
    background: url(../images/iconSet.gif) no-repeat -16px -856px;
    margin: 0 30px 0 0;
    padding: 5px 0 5px 30px;
}

.ul_1 li:hover {
    color: #fd7303;
}

.ul_1 .li_check_on {
    color: #fd7303;
    background: url(../images/iconSet.gif) no-repeat -16px -946px;
}

/* dl */
.dl_1 {
    line-height: 28px;
    margin: 0px;
    padding: 25px 0 10px 0;
}

.dl_1 span {
    margin: 0 5px;
}

.dl_1 dt {
    padding: 0 0 0 40px;
    width: 160px;
    margin: 0;
}

.dl_1 dd {
    margin: 0 0 10px 0;
    min-height: 30px;
}

.dl_1 dd strong {
    display: block;
    margin: 0 10px 0 0;
}

.dl_1 dd .inputText_GivenCredit {
    width: 120px;
    height: 26px;
}

.dl_1 .span_notice {
    margin: 0 10px;
    color: #666;
    font-size: 20px;
}

.dl_1 .span_dd {
    margin: 0 5px;
}

.dl_1 .notice p {
    margin: 10px 20px 15px 200px;
    font-size: 20px;
    line-height: 14px;
}

/* dropDown */
.dropDown_gray_L li, .dropDown_gray_M li, .dropDown_gray_currency li, .dropDown_gray_S li, .dropDown_disable li, .dropDown_orange_L li, .dropDown_orange_M li {
    cursor: pointer;
    list-style: none;
    position: relative;
    padding: 0 0 0 10px;
    line-height: 28px;
    height: 28px;
}

.dropDown_gray_L li:hover, .dropDown_gray_M li:hover, .dropDown_gray_currency li:hover, .dropDown_gray_S li:hover, .dropDown_disable li:hover, .dropDown_orange_L li:hover, .dropDown_orange_M li:hover {
    border-radius: 2px;
}

.dropDown_gray_L li:hover ul, .dropDown_gray_M li:hover ul, .dropDown_gray_currency li:hover ul, .dropDown_gray_S li:hover ul, .dropDown_disable li:hover ul, .dropDown_orange_L li:hover ul, .dropDown_orange_M li:hover ul {
    display: block;
}

.dropDown_gray_L ul, .dropDown_gray_M ul, .dropDown_gray_currency ul, .dropDown_gray_S ul, .dropDown_disable ul, .dropDown_orange_L ul, .dropDown_orange_M ul {
    position: absolute;
    display: none;
    top: 28px;
    right: 0;
    z-index: 2;
    margin: 0;
    padding: 0;
    border-radius: 2px;
    max-height: 260px;
    overflow-x: hidden;
    overflow-y: auto;
}

.dropDown_gray_L ul li, .dropDown_gray_M ul li, .dropDown_gray_currency ul li, .dropDown_gray_S ul li, .dropDown_disable ul li, .dropDown_orange_L ul li, .dropDown_orange_M ul li {
    list-style: none;
    background: none #fff;
    padding: 0;
    border-radius: 2px;
}

.dropDown_gray_L a, .dropDown_gray_M a, .dropDown_gray_currency a, .dropDown_gray_S a, .dropDown_disable a, .dropDown_orange_L a, .dropDown_orange_M a {
    display: block;
    text-decoration: none;
}

.dropDown_orange_L, .dropDown_orange_M {
    border-radius: 2px;
    border: 1px solid #FD8503;
    background-color: #fff;
    padding: 0;
}

.dropDown_orange_L ul, .dropDown_orange_M ul {
    color: #979797;
    border: 1px solid #979797;
}

.dropDown_orange_L ul li:hover, .dropDown_orange_M ul li:hover {
    background: none #FD8503;
    color: #fff;
}

.dropDown_orange_M {
    width: 75px;
    height: 50px;
}

.dropDown_orange_M_L {
    width: 275px;
    height: 50px;
}

.dropDown_orange_M li {
    background: url(../images/iconSet.gif) no-repeat 54px -1066px;
}

.dropDown_orange_M li:hover {
    background: url(../images/iconSet.gif) no-repeat 54px -1097px;
}

.dropDown_orange_M ul {
    width: 99px;
}

.dropDown_orange_L {
    width: 200px;
}

.dropDown_orange_L li {
    background: url(../images/iconSet.gif) no-repeat 154px -1066px;
}

.dropDown_orange_L li:hover {
    background: url(../images/iconSet.gif) no-repeat 154px -1066px;
}

.dropDown_orange_L ul {
    width: 199px;
}

.dropDown_disable {
    background-color: #ECECEC;
    border-radius: 2px;
    border: 1px solid #979797;
    padding: 0;
    width: 100px;
    color: #979797;
}

.dropDown_disable li {
    cursor: default;
}

.dropDown_gray_L, .dropDown_gray_M, .dropDown_gray_currency, .dropDown_gray_S {
    border-radius: 4px;
    border: 1px solid #C1C1C1;
    color: #727272;
}

.dropDown_gray_L a, .dropDown_gray_M a, .dropDown_gray_currency a, .dropDown_gray_S a {
    color: #9B9B9B;
}

.dropDown_gray_L ul, .dropDown_gray_M ul, .dropDown_gray_currency ul, .dropDown_gray_S ul {
    border: 1px solid #FD8503;
    background-color: #F8F8F8;
}

.dropDown_gray_L ul li:hover, .dropDown_gray_M ul li:hover, .dropDown_gray_currency ul li:hover, .dropDown_gray_S ul li:hover {
    color: #fff;
    background: none #FD8503;
}

.dropDown_gray_L ul a:hover, .dropDown_gray_M ul a:hover, .dropDown_gray_currency ul a:hover, .dropDown_gray_S ul a:hover {
    color: #fff;
}

.dropDown_gray_S {
    width: 50px;
    margin: 0 3px 0 0;
    padding: 0;
}

.dropDown_gray_S li {
    background: url(../images/iconSet.gif) no-repeat 8px -986px;
}

.dropDown_gray_S li:hover {
    background: url(../images/iconSet.gif) no-repeat 8px -1017px;
}

.dropDown_gray_S ul {
    width: 49px;
}

.dropDown_gray_S ul a {
    padding: 0 0 0 10px;
}

.dropDown_gray_currency {
    width: 65px;
    margin: 0 3px 0 0;
    padding: 0;
}

.dropDown_gray_currency li {
    background: url(../images/iconSet.gif) no-repeat 22px -986px;
}

.dropDown_gray_currency li:hover {
    background: url(../images/iconSet.gif) no-repeat 22px -1017px;
}

.dropDown_gray_currency ul {
    width: 64px;
}

.dropDown_gray_currency ul li {
    padding: 0;
}

.dropDown_gray_M {
    width: 100px;
    padding: 0;
}

.dropDown_gray_M li {
    background: url(../images/iconSet.gif) no-repeat 57px -986px;
}

.dropDown_gray_M li:hover {
    background: url(../images/iconSet.gif) no-repeat 57px -1017px;
}

.dropDown_gray_M ul {
    width: 99px;
}

.dropDown_gray_L {
    width: 200px;
    padding: 0;
}

.dropDown_gray_L li {
    background: url(../images/iconSet.gif) no-repeat 150px -986px;
}

.dropDown_gray_L li:hover {
    background: url(../images/iconSet.gif) no-repeat 150px -1017px;
}

.dropDown_gray_L ul {
    width: 199px;
}

/* ul */
.ul_3_L li, .ul_3_S li, .ul_2 li, .ul_1 li {
    cursor: pointer;
    list-style: none;
}

/* page */
.page_BGblack, .page_BGwhite {
    line-height: 20px;
    padding: 15px 0;
}

.page_BGblack a, .page_BGwhite a {
    padding: 2px 10px;
    text-decoration: none;
}

.page_BGblack a:hover, .page_BGwhite a:hover {
    border-radius: 3px;
}

.page_BGblack .a_now, .page_BGwhite .a_now {
    text-decoration: underline;
}

.page_BGblack .a_firstLast:hover, .page_BGwhite .a_firstLast:hover {
    text-decoration: underline;
}

.page_BGwhite a {
    color: #797979;
}

.page_BGwhite a:hover {
    background-color: #ECECEC;
}

.page_BGwhite .a_noFinger {
    cursor: default;
}

.page_BGwhite .a_noFinger:hover {
    color: #797979;
    background-color: #fff;
}

.page_BGblack a {
    color: #d2d2d2;
}

.page_BGblack a:hover {
    background-color: #000;
}

.page_BGblack .a_noFinger {
    cursor: default;
    color: #D2D2D2;
}

.page_BGblack .a_noFinger:hover {
    color: #D2D2D2;
    background-color: #5B5B5B;
}

/* page for history */
.simple-pagination {
    text-align: center;
    margin: 20px 0;
}

.simple-pagination ul {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.simple-pagination ul li {
    float: left;
    list-style: none;
    margin: 0 3px 0 0;
}

.simple-pagination ul a, .simple-pagination ul span {
    display: block;
    padding: 2px 8px;
    text-decoration: none;
    color: #797979;
    cursor: pointer;
}

.simple-pagination ul a:hover, .simple-pagination ul span:hover {
    color: #FD8503;
    border-radius: 3px;
    background-color: #ECECEC;
}

.simple-pagination ul .disabled {
    cursor: default;
}

.simple-pagination ul .disabled:hover {
    color: #797979;
    background-color: #fff;
}

.simple-pagination ul .next:hover {
    color: #FD8503;
    text-decoration: underline;
}

.simple-pagination .current {
    text-decoration: underline;
}

/* input */
.input_on, .input_off {
    cursor: pointer;
    width: 220px;
    height: 40px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

.input_off {
    background-color: #A6A6A6;
    border: 1px solid #A6A6A6;
}

.input_off:hover {
    background-color: #353535;
    border: 1px solid #353535;
}

.input_on {
    background-color: #FD8503;
    border: 1px solid #FD8503;
}

.input_on:hover {
    background-color: #353535;
    border: 1px solid #353535;
}

.inputBtn_disable, .inputBtn_gray, .inputBtn_orange {
    border-radius: 2px;
    border: none;
    font-size: 18px;
    height: 30px;
    font-weight: bold;
    padding: 0 20px;
}

.inputBtn_orange {
    cursor: pointer;
    background-color: #FD8503;
}

.inputBtn_orange:hover {
    color: #fff;
    background-color: #979797;
}

.inputBtn_gray {
    cursor: pointer;
    background-color: #A6A6A6;
}

.inputBtn_gray:hover {
    background-color: #353535;
}

.inputBtn_disable {
    cursor: default;
    color: #DEDEDE;
    background-color: #979797;
}

.popup_5 p input, .inputText_3, .dl_1 dd .inputText_GivenCredit, .inputText_2, .popup_1 p input, .inputText_1, .agentAddNew table input, .dl_1 dd input {
    font-size: 21px;
    padding: 0 10px;
    background-color: #fff;
    cursor: text;
}

.inputText_1, .agentAddNew table input, .dl_1 dd input {
    border: 1px solid #C1C1C1;
    color: #6a6a6a;
    width: 180px;
    height: 26px;
    line-height: 28px \9;
}

.inputText_1:hover, .agentAddNew table input:hover, .dl_1 dd input:hover {
    border: 1px solid #FD8503;
}

.inputText_2, .popup_1 p input {
    border: 1px solid #FD8503;
    width: 160px;
    height: 28px;
    line-height: 30px \9;
}

.inputText_2:hover, .popup_1 p input:hover {
    border: 1px solid #979797;
}

.inputText_3, .dl_1 dd .inputText_GivenCredit {
    border: 1px solid #C1C1C1;
    color: #6a6a6a;
}

.inputText_3:hover, .dl_1 dd .inputText_GivenCredit:hover {
    border: 1px solid #FD8503;
}

.inputCalender {
    font-size: 20px;
    border: 1px solid #FD8503;
    border-radius: 2px;
    background: url(../images/iconPlay.gif) no-repeat 105px -420px #fff;
    padding: 0 10px;
    height: 50px;
    width: 160px;
    cursor: pointer;
}

.inputCalender:hover {
    border: 1px solid #979797;
    color: #979797;
    background: url(../images/iconPlay.gif) no-repeat 105px -480px #fff;
}

/* betIcon */
.void, .betPENDING, .betBDD, .betFTD, .betWALA, .betMERON {
    border-radius: 4px;
    color: #fff;
    padding: 1px 6px;
    display: inline-block;
}

.betMERON {
    color: #D91717;
}

.betWALA {
    color: #0761d1;
}

.betBDD, .betFTD {
    color: #099113;
}

.betPENDING {
    color: #ffee00;
}

.void {
    color: #5B5B5B;
}

/* table */
table {
    width: 100%;
    border-collapse: collapse;
    background-color: #fff;
    font-size: 20px
}

table th, table td {
    padding: 17px 5px;
    border: 1px solid #C1C1C1;
}

table thead {
    background-color: #ECECEC;
}

table a {
    color: #5e5e5e;
}

table a:hover {
    text-decoration: none;
}

.trcolor {
    background: #FFF9F1;
}

.tdNodate {
    padding: 15px 0;
    font-size: 18px;
    border: 1px solid #C1C1C1;
}

/* a */
.a_replay {
    display: block;
    height: 47px;
    background: url(../images/iconPlay.gif) no-repeat center 1px;
}

.a_replay:hover {
    background: url(../images/iconPlay.gif) no-repeat center -1px;
}

.span_sort {
    background-color: #D91717;
}

.a_replayOver {
    display: block;
    height: 20px;
    background: url(../images/iconPlay.gif) no-repeat center -30px;
}

.a_replayOver:hover {
    background: url(../images/iconPlay.gif) no-repeat center -30px;
}

.a_check {
    display: block;
    background: url(../images/iconPlay.gif) no-repeat -16px -859px;
    width: 30px;
    height: 20px;
}

.a_check:hover {
    background: url(../images/iconPlay.gif) no-repeat -16px -904px;
    color: #fd7303;
}

.a_check_on {
    display: block;
    width: 30px;
    height: 20px;
    background: url(../images/iconPlay.gif) no-repeat -16px -949px;
}

.a_list {
    width: 25px;
    height: 25px;
    background: url(../images/iconPlay.gif) no-repeat center -1553px;
}

.a_list:hover {
    background: url(../images/iconPlay.gif) no-repeat center -1591px;
}

.a_wordBtn {
    border-radius: 2px;
    padding: 2px 5px;
    color: #FFF;
    background-color: #ABA9A9;
    text-decoration: none;
}

.a_wordBtn:hover {
    background-color: #FD8503;
    color: #FFF;
}

/* 重點星號 span */
.star_on {
    font-weight: bold;
}

.star_off {
    visibility: hidden;
}

/* popup */
.popup_5, .popup_4, .popup_3, .popup_2, .popup_1 {
    background-color: #5B5B5B;
    z-index: 9999;
}

.popup_5 .popup_top, .popup_4 .popup_top, .popup_3 .popup_top, .popup_2 .popup_top, .popup_1 .popup_top {
    background-color: #000;
    padding: 0 0 0 30px;
}

.popup_5 .popup_top h4, .popup_4 .popup_top h4, .popup_3 .popup_top h4, .popup_2 .popup_top h4, .popup_1 .popup_top h4 {
    margin: 0;
    line-height: 45px;
    font-size: 20px;
}

.popup_5 .popup_top a, .popup_4 .popup_top a, .popup_3 .popup_top a, .popup_2 .popup_top a, .popup_1 .popup_top a {
    padding: 10px;
    width: 30px;
    height: 25px;
    display: block;
    background: url(../images/iconPlay.gif) no-repeat -6px -1251px #FD8503;
}

.popup_5 .popup_top a:hover, .popup_4 .popup_top a:hover, .popup_3 .popup_top a:hover, .popup_2 .popup_top a:hover, .popup_1 .popup_top a:hover {
    background: url(../images/iconPlay.gif) no-repeat -6px -1301px #737373;
}

.popup_5 .popup_main, .popup_4 .popup_main, .popup_3 .popup_main, .popup_2 .popup_main, .popup_1 .popup_main {
    padding: 5px 30px;
}

.popup_1 {
    margin: 120px auto 0;
    width: 550px;
}

.popup_1 table {
    margin: 10px 0;
}

.popup_1 table th, .popup_1 table td {
    padding: 7px 20px;
}

.popup_1 tbody {
    background-color: #fff;
}

.popup_1 p {
    color: #fff;
    word-wrap: break-word;
    font-size: 21px;
    margin: 10px 0;
}

.popup_1 h5 {
    margin: 5px 0 0 0;
    line-height: 16px;
    background-color: #C1C1C1;
    padding: 6px 5px;
    font-size: 21px;
}

.popup_2 {
    width: 1000px;
}

.popup_2 .popup_main {
    height: 500px;
    padding: 10px 30px;
    overflow-x: hidden;
    overflow-y: auto;
}

.popup_2 dl {
    margin: 10px 0 0 0;
}

.popup_2 dl dt {
    padding: 20px 15px;
    width: 80px;
}

.popup_2 dl dt p {
    color: #b5b5b5;
}

.popup_2 dl p {
    margin: 0;
    padding: 0 0 2px 0;
    line-height: 20px;
    word-wrap: break-word;
    color: #fff;
}

.popup_2 dl dd {
    padding: 20px 30px;
    margin: 0;
    width: 752px;
    border-left: 1px solid #4e4e4e;
    width: 742px \9;
}

.popup_2 dl h5 {
    margin: 0 0 5px 0;
    color: #fff;
    font-size: 18px;
}

.popup_2 .dl_agent {
    background-color: #363846;
}

.popup_2 .dl_play {
    background-color: #4c3f3f;
}

.popup_2 .dl_system {
    background-color: #404040;
}

.popup_2 .inputCalender {
    margin-right: 5px;
}

.popup_3 {
    width: 480px;
}

.popup_3 h4 {
    *width: 610px;
}

.popup_3 strong {
    color: #fff;
    font-size: 21px;
    margin: 0 0 0 10px;
}

.popup_3 span {
    color: #afafaf;
    font-size: 21px;
    font-weight: normal;
    margin: 0 0 0 10px;
}

.popup_3 .replayVideo {
    background-color: #333;
    height: 270px;
    width: 480px;
}

.popup_4 {
    margin: 120px auto 0;
    width: 1000px;
}

.popup_4 h4 {
    *width: 940px;
}

.popup_4 .popup_main .box_1 {
    *width: 870px;
    margin: 0 auto 1px auto;
    padding: 20px 20px 10px 20px;
}

.popup_4 .box_input {
    background-color: #ECECEC;
}

.popup_4 .text_1 {
    margin: 0 0 20px 0;
}

.popup_5 {
    margin: 120px auto 0;
    width: 440px;
    font-size: 21px;
}

.popup_5 p {
    color: #fff;
    margin: 10px 0;
}

.popup_5 p input {
    border: 1px solid #FD8503;
    width: 110px;
    height: 30px;
    line-height: 32px \9;
    font-size: 21px;
    font-weight: bold;
    margin: 0 5px;
}

.popup_5 p input:hover {
    border: 1px solid #979797;
}

.popup_5 .box_input {
    background-color: #737373;
    padding: 8px 0;
}

.popup_5 .box_input input {
    padding: 0 5px;
    font-size: 21px;
}

.popup_5 .box_input .inputText_3, .popup_5 .box_input .dl_1 dd .inputText_GivenCredit, .dl_1 dd .popup_5 .box_input .inputText_GivenCredit {
    height: 33px;
    width: 134px;
    line-height: 31px \9;
    margin: 0 15px 0 0;
}

.popup_5 .box_input .input_on {
    height: 35px;
    width: 154px;
    margin: 0;
}

/* popup相同於player */
.popupBG-BK {
    position: absolute;
    z-index: 9999;
    width: 100%;
    height: 100%;
}

.popup-3 {
    margin: 100px auto 0;
    background-color: #e6e6e6;
    position: relative;
    width: 650px;
}

.popup-3 p {
    margin: 0;
    padding: 2px 8px 10px;
    height-line: 20px;
    color: #353535;
    background-color: #fff;
}

.popup-3 input {
    margin: 0 6px;
}

.popup-3 .aBtn-close {
    position: absolute;
    top: -18px;
    right: -18px;
    display: block;
    width: 36px;
    height: 36px;
    background: url(../images/iconAll.png) no-repeat -9px -1054px;
}

.popup-3 .aBtn-close:hover {
    background: url(../images/iconAll.png) no-repeat -67px -1054px;
}

/* calendarPanel */
.calendarPanel {
    position: absolute;
    z-index: 9999;
    left: 0px;
    top: 0px;
}

.calendarForm {
    margin: 0px;
}

.calendarTable_1 {
    background-color: #FD8503;
    border-top: 2px solid #ECECEC;
}

.calendarTable_1 th {
    padding: 3px;
    border: none;
}

.calendarTable_1 input {
    cursor: pointer;
    border: none;
    width: 30px;
    height: 20px;
}

.prevMonth {
    background: url(../images/iconSet.gif) no-repeat 5px -539px #FD8503;
}

.prevMonth:hover {
    background: url(../images/iconSet.gif) no-repeat 5px -580px #FD8503;
}

.nowrap {
    padding: 3px 10px;
}

.calendarYear {
    width: 60px;
    margin: 0 0 0 5px;
}

.calendarMonth {
    width: 70px;
}

.nextMonth {
    background: url(../images/iconSet.gif) no-repeat -36px -539px #FD8503;
}

.nextMonth:hover {
    background: url(../images/iconSet.gif) no-repeat -36px -580px #FD8503;
}

.calendarTable_2 th, .calendarTable_2 td {
    width: 30px;
}

.calendarTable_2 th {
    font-weight: normal;
    color: #FFF;
}

.calendarTable_title {
    background-color: #666;
    border: none;
}

.calendarTable_inputBox {
    background-color: #c2c2c2;
}

.calendarTable_inputBox input {
    border: 1px solid #CCCCCC;
    background-color: #666;
    font-weight: bold;
    color: #fff;
    width: 100%;
    height: 20px;
    font-size: 20px;
    border: none;
    padding: 0 0 1px 0;
}

.calendarTable_inputBox input:hover {
    background-color: #FD8503;
}

.calendarTable_inputBox .calendarInput1_ie7 {
    *width: 55px;
}

.calendarTable_inputBox .calendarInput2_ie7 {
    *width: 85px;
}

.comingDate {
    text-decoration: line-through;
}

/* Loading */
.loading_2, .loading_1 {
    font-size: 20px;
    line-height: 40px;
    width: 80px;
    padding: 0 0 0 40px;
}

.loading_1 {
    margin: 0 auto;
    background: url(../images/iconSet.gif) no-repeat -14px -1425px;
}

.loading_2 {
    background: url(../images/iconSet.gif) no-repeat -14px -1488px;
    color: #fff;
    margin: 200px auto;
}

/* Match */
.match .box_1 {
    margin: 0 0 0px 0;
}

.match .box_1 p {
    margin: 0 0 0 10px;
    line-height: 30px;
}

.spanResult {
    min-width: 60px;
}

.tdMatch {
    background: url(../images/bg-resultsVS.gif) no-repeat center center;
    min-width: 150px;
}

.tdMatch span {
    width: 44%;
    display: block;
    margin: 0;
}

.tdMatch .player_1 {
    padding: 0 6% 0 0;
    color: #D91717;
}

.tdMatch .player_2 {
    padding: 0 0 0 17%;
    color: #0761d1;
}

.tdMatch .player_3 {
    text-align: center;
    width: 100%;
    color: black;
    font-size: 20px;
    padding-top: inherit;
}

/* changePassword */
.changePassword .box_1 {
    margin: 0 0 1px 0;
}

.changePassword .dl_1 dt {
    width: 200px;
}

.ul_2 {
    padding: 0;
    font-size: 21px;
    margin-bottom: 7px;
}

.ul_2 a {
    color: #333;
    margin: 0;
    border-left: 1px solid #999;
    padding: 5px 25px;
    text-decoration: none;
}

.ul_2 a:hover {
    background-color: #ECECEC;
}

.ul_2 .a_Last {
    border-right: 1px solid #999;
}

.ul_2 .a_btn_now {
    color: #FD8503;
    background-color: #ECECEC;
    border-bottom: 3px solid #ECECEC;
    font-weight: bold;
}

/* Transfer */
.playerTransfer .box_1, .playerTransfer table {
    margin: 0 0 10px 0;
}

.th_title {
    padding: 7px 20px;
}

/* table_1 + history */
.history .box_1 {
    margin: 0 0 10px 0;
}

.history .table_1 {
    margin: 0 0 10px 0 \9;
}

.history .tdInRunning {
    background-color: #f9ecff;
}

.dropDown_right h4 {
    margin: 0 10px 0 0;
    padding: 5px 0;
    color: #FD8503;
    font-size: 21px;
}

.table_1 th {
    border: 1px solid #BEAA87;
    padding: 5px;
}

.table_1 thead {
    background-color: #ECE2D2;
}

.tdInfo {
    min-width: 160px;
    line-height: 16px;
    *width: 200px;
}

.tdInfo p {
    margin: 0 0 5px 0;
}

.tdInfo strong {
    color: #000;
}

.tdInfo span {
    display: block;
    padding: 3px 0;
    color: #5e5e5e;
}

.tdChoice {
    min-width: 230px;
    *width: 350px;
    padding: 0;
    vertical-align: top;
}

.tdChoice dl {
    padding: 0 5px;
    margin: 0;
    border-bottom: 1px solid #C1C1C1;
    background-color: #EEE;
    color: #666;
}

.tdChoice dt {
    width: 160px;
    margin: 0;
    padding: 2px 0;
    background: url(../images/bg-choice.gif) no-repeat right center;
    *width: 145px;
    *margin: 0 5px 0 0;
}

.tdChoice dt p {
    margin: 0 15px 0 0;
    padding: 2px 0;
}

.tdChoice .icon-InRunning {
    display: block;
    width: 16px;
    height: 20px;
    margin: 0 0 0 5px;
    background: url(../images/inRunning.png) no-repeat center center;
}

.tdChoice dd {
    margin: 0;
    font-size: 20px;
    padding: 5px 0;
    *float: none;
}

.tdChoice ul {
    margin: 0;
    padding: 3px 0px 3px 35px;
    background: url(../images/bg-choiceVS.gif) no-repeat 7px center;
}

.tdChoice ul li {
    list-style: none;
    color: #0657b9;
    padding: 2px 0;
}

.tdChoice span {
    margin: 1px 0;
}

.tdChoice .tdChoice_p {
    margin: 0;
    font-size: 20px;
    color: #705D3B;
    background-color: #f5f5f5;
    border-bottom: 1px solid #C1C1C1;
    padding: 3px 5px;
}

.tdChoice .tdChoice_p span {
    display: block;
    float: right;
    margin: 0px;
}

.tdResult ul {
    margin: 0;
    padding: 0;
}

.tdResult ul li {
    list-style: none;
    padding: 3px 0;
}

.status_result ul {
    margin: 0;
    padding: 0;
}

.status_result ul li {
    list-style: none;
}

.tdWin {
    font-weight: bold;
    color: #247b99;
}

.tdLose {
    font-weight: bold;
}

.tdDraw {
    font-weight: bold;
    color: #000;
}

.tdOutstanding {
    font-weight: bold;
    color: #666;
}

.tdComm {
    font-size: 20px;
    padding: 0;
    margin: 0;
    vertical-align: top;
    width: 100px;
}

.tdComm ul {
    margin: 0;
    padding: 7px 5px;
}

.tdComm ul li {
    list-style: none;
    padding: 1px 0;
}

.tdComm .tdComm_first {
    background-color: #eeeeee;
}

/***************/
.agentDetails table {
    font-size: 20px;
}

.agentDetails th, .agentDetails td {
    padding: 5px 1px;
}

.agentDetails tbody th {
    color: #FD8503;
    border-bottom: 1px solid #FD8503;
}

.agentDetails tfoot {
    color: #000;
    background-color: #fff9b5;
}

.agentDetails .box_1 {
    margin: 0 0 10px 0;
}

.agentDetails .hightlight {
    color: #000;
    background-color: #FFEA00;
}

.agentDetails .first {
    border: none;
    border-left: 1px solid #C1C1C1;
}

.agentDetails .atext {
    margin-left: 15px;
    color: #666;
    line-height: 18px;
    font-size: 20px;
    font-weight: normal;
}

.agentDetails .atext:hover {
    text-decoration: none;
}

.tr_SubTotal {
    font-weight: bold;
    background-color: #ececec;
}

.ul_3_L, .ul_3_S {
    margin: 0;
    padding: 0;
    *float: none;
}

.ul_3_L li, .ul_3_S li {
    border-radius: 2px;
    background-color: #B9B9B9;
    font-weight: bold;
    margin: 0 0 0 2px;
    line-height: 30px;
}

.ul_3_L li:hover, .ul_3_S li:hover {
    background-color: #FD8503;
}

.ul_3_L .li_First, .ul_3_S .li_First {
    margin: 0 0 0 10px;
}

.menu-item .active {
    color: #fd0303;
}

.ul_3_S {
    font-size: 20px;
}

.ul_3_S li {
    padding: 0 8px;
}

.ul_3_L li {
    padding: 0 12px;
}

.ul_4 li {
    list-style: none;
    margin: 0px 10px 0px 0px;
}

.ul_4 a {
    display: block;
    color: #353535;
    padding: 0 15px 0 0;
    text-decoration: none;
    background: url("../images/bg-level.gif") no-repeat right center;
}

.ul_4 a:hover {
    text-decoration: underline;
    color: #FD8503;
}

.ul_4 .a_last {
    background: none;
}

.member {
    background-color: #ffe5e5;
}

.agent {
    background-color: #ffebd7;
}

.master {
    background-color: #fff6df;
}

.senior {
    background-color: #ecffe8;
}

.ssenior {
    background-color: #E6FDFF;
}

.shareholder {
    background-color: #faeeff;
}

.aBtn-More {
    display: block;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    background: url("../images/iconSet.gif") no-repeat right -1863px;
}

.aBtn-More:hover {
    background-position: right -1892px;
}

.aBtn-More.now {
    background: url("../images/iconSet.gif") no-repeat right -1954px;
}

.aBtn-More.now:hover {
    background-position: right -1925px;
}

.trColor {
    color: #6a6a6a;
    background-color: #f6f6f6;
}

.trColor .member {
    background-color: #fff5f5;
}

.trColor .agent {
    background-color: #fff6ee;
}

.trColor .master {
    background-color: #fefaf1;
}

.trColor .senior {
    background-color: #f6fef4;
}

.trColor .ssenior {
    background-color: #f2fdfe;
}

.trColor .shareholder {
    background-color: #fdf8ff;
}

.trBorder-1 {
    border-bottom: 1px solid #fff;
}

.trShadow-1 td {
    background: url("../images/bgSW-top.png") repeat-x 0 top;
}

.trShadow-2 td {
    background: url("../images/bgSW-bottom.png") repeat-x 0 bottom;
}

.body_bg {
    background: url("../images/bg-nav.gif") repeat-y top left;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .body_bg {
        overflow: hidden;
    }
}

h3 {
    font-size: 21px;
}

/******** header ********/
.header {
    min-width: 920px;
}

.header .language {
    margin: 0;
    padding: 0;
    margin: 11px 20px 0 0;
}

.scrollingText {
    width: 40%;
    height: 27px;
    margin: 11px 10px 10px 0px;
    border-radius: 4px;
    padding: 0px 10px 0px 25px;
    background: #5A3D1E url("../images/iconSet.gif") no-repeat -17px -11px;
    line-height: 27px;
    color: #FEBD78;
}

.scrollingText li {
    list-style: none;
}

.language {
    width: 130px;
    line-height: 25px;
    border: 1px solid #FD8503;
    font-size: 20px;
    border-radius: 4px;
    background-color: #353535;
}

.language li {
    position: relative;
    padding: 0 10px;
    background: url("../images/iconSet.gif") no-repeat 82px -48px;
    cursor: pointer;
    list-style: none;
}

.language li:hover {
    background: #000 url(../images/iconSet.gif) no-repeat 82px -68px;
    border-radius: 4px;
}

.language li:hover ul {
    display: block;
}

.language ul {
    position: absolute;
    display: none;
    top: 25px;
    right: 0px;
    width: 130px;
    background-color: #353535;
    border-radius: 4px;
    color: #fff;
    margin: 0;
    padding: 0;
}

.language ul li {
    padding: 0 10px;
    background-image: none;
    list-style: none;
}

.language ul li:hover {
    background-image: none;
    background-color: #000;
    border-radius: 4px;
}

.headerBtn {
    cursor: pointer;
    margin: 0;
    padding: 0;
}

.headerBtn li {
    border-left: 1px solid #fff;
    list-style: none;
}

.btnLive {
    width: 70px;
    background: url(../images/iconSet.gif) no-repeat center -101px #353535;
}

.btnLive:hover {
    background: url(../images/iconSet.gif) no-repeat center -146px #353535;
}

.btnLogout {
    padding: 0 30px;
    background-color: #FD8503;
    color: #fff;
}

.btnLogout:hover {
    background-color: #000;
}

/******** nav ********/
.nav {
    width: 220px;
    background-color: #353535;
}

.nav h3 {
    margin: 0;
    padding: 5px 0 5px 35px;
    font-weight: normal;
    background: url(../images/iconSet.gif) no-repeat -6px -324px;
    /*background: url(../images/nav-title.gif) no-repeat 16px 2px;*/
}

.nav ul {
    padding: 0;
    margin: 0 0 20px 0;
}

.nav ul li {
    padding: 5px 0 5px 35px;
    color: #fff;
    cursor: pointer;
}

.nav ul li:hover {
    color: #FFCB93;
    background-color: #272727;
}

.nav .tagPage {
    color: #FFCB93;
    background-color: #272727;
}

.userID {
    padding: 6px 0 4px 45px;
    height: 35px;
    border-bottom: 1px solid #fff;
    background-image: url("../images/icon-id.gif");
    background-repeat: no-repeat;
    background-color: #FD8503;
    margin: 0 0 10px 0;
}

.userID p {
    margin: 0 0 2px 0;
    font-size: 20px;
}

.userID p strong {
    font-size: 21px;
}

.com {
    background-position: -2px -2px;
}

.pl {
    background-position: -2px -49px;
}

.ag {
    background-position: -2px -96px;
}

.ma {
    background-position: -2px -143px;
}

.sma {
    background-position: -2px -190px;
}

.ssma {
    background-position: -2px -237px;
}

.sh {
    background-position: -2px -289px;
}

.sub {
    background-position: -2px -338px;
}

/******** title ********/
.title {
    min-width: 830px;
    background-color: #FFCB93;
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #FFF;
}

.title a {
    width: 70px;
    background: url(../images/iconSet.gif) no-repeat center -209px;
    display: block;
    height: 45px;
    cursor: pointer;
}

.title a:hover {
    background: url(../images/iconSet.gif) no-repeat center -265px;
}

.title h3 {
    margin: 0;
    font-size: 21px;
    padding: 0;
    color: #000;
}

.title p {
    padding: 0 30px 0 0;
    font-size: 20px;
    line-height: 45px;
    margin: 0;
}

/******** title/op ********/
.userOp {
    background-color: #C8C6C6;
}

.userOp h4 {
    margin: 10px 15px 10px 0;
    border-right: 1px solid #9B9B9B;
    border-left: 1px solid #9B9B9B;
    padding: 0 15px 0 46px;
    font-size: 21px;
    line-height: 25px;
    color: #417505;
    background: url(../images/iconSet.gif) no-repeat left -1812px;
}

.userOp span {
    margin: 0 5px 0 0;
}

/******** main ********/
.main {
    color: #353535;
}

.div-tb {
    display: table;
    width: 100%;
    margin: 0;
}

.div-tb .hd {
    width: 140px;
}

.div-tb .tr {
    display: table-row;
}

.div-tb .td {
    text-align: left;
    display: table-cell;
    vertical-align: top;
    padding: 0 1px 0 1px;
    line-height: normal;
}

.div-tb .td.ct {
    text-align: center;
}

.div-tb .td.rt {
    text-align: right;
}

.div-tb .td.hd {
    line-height: 22px;
}

.div-tb .td.v-mid {
    vertical-align: middle;
}

table .select,
.sel-dropdown,
.form-select {
    display: inline-block;
    width: 100%;
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    border: 1px solid #F1F1F1;
    border-radius: 5px;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: #F1F1F1;
    background-image: svg-arror-btm(#FF6E00);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 28px;
}

table .select:hover,
.sel-dropdown:hover,
.form-select:hover {
    border-color: #ffc396;
    cursor: pointer;
}

table .select[disabled], table .select.disabled,
.sel-dropdown[disabled],
.sel-dropdown.disabled,
.form-select[disabled],
.form-select.disabled {
    color: #838383;
    background-color: #f5f5f5f5;
    background-image: svg-arror-btm(#ababab);
}

table .select[disabled]:hover, table .select.disabled:hover,
.sel-dropdown[disabled]:hover,
.sel-dropdown.disabled:hover,
.form-select[disabled]:hover,
.form-select.disabled:hover {
    border-color: #c0c0c0 !important;
}

table .select:focus,
.sel-dropdown:focus,
.form-select:focus {
    outline: none;
}

table .select.w-60px,
.sel-dropdown.w-60px,
.form-select.w-60px {
    width: 60px;
}

table .select.w-100px,
.sel-dropdown.w-100px,
.form-select.w-100px {
    width: 100px;
}

table .select {
    padding: 0 8px;
}

.form-edit {
    margin-bottom: 20px;
}

.form-edit .txt-gray {
    padding: 3px;
    display: block;
}

.form-edit .div-tb .td.v-top {
    vertical-align: top;
    padding-top: 7px;
}

.form-edit.form-mail {
    width: 90% !important;
    margin: 0 auto !important;
}

.form-edit.form-mail .form-group {
    display: flex;
    width: 100% !important;
}

.form-edit.form-mail .form-group label {
    width: 15%;
    padding-right: 20px;
    text-align: right;
}

.form-edit.form-mail .form-group label.inputCheckbox, .form-edit.form-mail .form-group label.inputCheckbox-circle {
    width: auto;
}

.form-edit.form-mail .form-group div.inputL {
    width: 80%;
    line-height: 30px;
}

.form-edit.form-mail .form-group textarea {
    height: 160px;
    resize: none;
}

.form-edit.form-mail .form-group .checkboxList {
    width: 100%;
    flex-direction: column;
}

.form-edit.form-mail .notice {
    align-items: start;
}

.form-edit.w-100per {
    width: 100% !important;
}

.form-edit.w-100per textarea {
    width: 100%;
    height: 90px;
}

.form-edit textarea,
.form-edit input[type="tel"],
.form-edit input[type="file"],
.form-edit input[type="text"],
.form-edit input[type="number"],
.form-edit input[type="password"] {
    background-color: #f9f9f9;
    box-shadow: 0 1px 2px #dadada inset;
    border: 1px solid #c7c7c7;
    height: 34px;
}

.form-edit textarea:hover,
.form-edit input[type="tel"]:hover,
.form-edit input[type="file"]:hover,
.form-edit input[type="text"]:hover,
.form-edit input[type="number"]:hover,
.form-edit input[type="password"]:hover {
    border-color: #ffc396;
}

.form-edit textarea:focus,
.form-edit input[type="tel"]:focus,
.form-edit input[type="file"]:focus,
.form-edit input[type="text"]:focus,
.form-edit input[type="number"]:focus,
.form-edit input[type="password"]:focus {
    border-color: #FF6E00;
    background-color: #ffffff;
    outline: none;
}

.form-edit textarea[readonly],
.form-edit input[type="tel"][readonly],
.form-edit input[type="file"][readonly],
.form-edit input[type="text"][readonly],
.form-edit input[type="number"][readonly],
.form-edit input[type="password"][readonly] {
    box-shadow: 0 1px 2px #f1f1f1 inset;
    color: #919191;
    border-color: #e9e9e9;
}

.form-edit textarea[disabled], .form-edit textarea.disabled,
.form-edit input[type="tel"][disabled],
.form-edit input.disabled[type="tel"],
.form-edit input[type="file"][disabled],
.form-edit input.disabled[type="file"],
.form-edit input[type="text"][disabled],
.form-edit input.disabled[type="text"],
.form-edit input[type="number"][disabled],
.form-edit input.disabled[type="number"],
.form-edit input[type="password"][disabled],
.form-edit input.disabled[type="password"] {
    color: #ababab;
    background-color: #f5f5f5bd;
}

.form-edit textarea[disabled]:hover, .form-edit textarea.disabled:hover,
.form-edit input[type="tel"][disabled]:hover,
.form-edit input.disabled[type="tel"]:hover,
.form-edit input[type="file"][disabled]:hover,
.form-edit input.disabled[type="file"]:hover,
.form-edit input[type="text"][disabled]:hover,
.form-edit input.disabled[type="text"]:hover,
.form-edit input[type="number"][disabled]:hover,
.form-edit input.disabled[type="number"]:hover,
.form-edit input[type="password"][disabled]:hover,
.form-edit input.disabled[type="password"]:hover {
    border-color: #ababab !important;
}

.form-edit.w-620px {
    width: 620px;
}

.form-edit textarea {
    margin-top: 0;
    padding: 5px;
    border-radius: 5px;
    height: 50px;
    font-family: Arial, Helvetica, sans-serif;
}

.form-edit textarea.h-40px {
    height: 40px;
}

.form-edit .phoneNumber .iti__selected-flag {
    padding: 0 8px 0 18px;
}

.form-edit .dropdown-menu {
    display: none;
}

.form-edit .form-dropdown,
.form-edit .form-group,
.form-edit .form-btnbox {
    width: 200px;
    min-width: 200px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
}

.form-edit .form-dropdown.btn-only .btn.btn-primary,
.form-edit .form-group.btn-only .btn.btn-primary,
.form-edit .form-btnbox.btn-only .btn.btn-primary {
    margin-top: 25px;
}

.form-edit .form-dropdown.w-100per,
.form-edit .form-group.w-100per,
.form-edit .form-btnbox.w-100per {
    width: 100%;
}

.form-edit .form-dropdown.w-100per.ct,
.form-edit .form-group.w-100per.ct,
.form-edit .form-btnbox.w-100per.ct {
    text-align: center;
}

.form-edit .form-dropdown.w-100per.m-0,
.form-edit .form-group.w-100per.m-0,
.form-edit .form-btnbox.w-100per.m-0 {
    margin: 0 !important;
}

.form-edit .form-dropdown.w-150px,
.form-edit .form-group.w-150px,
.form-edit .form-btnbox.w-150px {
    width: 150px !important;
    min-width: 150px;
}

.form-edit .form-dropdown.w-120px,
.form-edit .form-group.w-120px,
.form-edit .form-btnbox.w-120px {
    width: 120px !important;
    min-width: 120px;
}

.form-edit .form-dropdown.w-330px,
.form-edit .form-group.w-330px,
.form-edit .form-btnbox.w-330px {
    width: 330px;
}

.form-edit .form-dropdown.w-350px,
.form-edit .form-group.w-350px,
.form-edit .form-btnbox.w-350px {
    width: 350px;
}

.form-edit .form-dropdown.w-420px,
.form-edit .form-group.w-420px,
.form-edit .form-btnbox.w-420px {
    width: 420px;
}

.form-edit .form-dropdown.w-col-2,
.form-edit .form-group.w-col-2,
.form-edit .form-btnbox.w-col-2 {
    width: 400px;
}

.form-edit .form-dropdown label,
.form-edit .form-group label,
.form-edit .form-btnbox label {
    display: block;
    line-height: 24px;
    margin-bottom: 2px;
    padding-left: 3px;
    text-align: left;
}

.form-edit .form-dropdown .btn-primary,
.form-edit .form-group .btn-primary,
.form-edit .form-btnbox .btn-primary {
    line-height: 34px;
    width: 100%;
    border-radius: 5px;
    font-size: 21px;
}

.form-edit .form-dropdown.pl-30px,
.form-edit .form-group.pl-30px,
.form-edit .form-btnbox.pl-30px {
    padding-left: 30px;
}

.form-edit .form-dropdown .inputL,
.form-edit .form-group .inputL,
.form-edit .form-btnbox .inputL {
    width: 100%;
}

.form-edit .form-dropdown.v-btm,
.form-edit .form-group.v-btm,
.form-edit .form-btnbox.v-btm {
    vertical-align: bottom;
}

.form-edit .form-dropdown.mt-20px,
.form-edit .form-group.mt-20px,
.form-edit .form-btnbox.mt-20px {
    margin-top: 20px !important;
}

.form-edit .form-dropdown .checkboxList-box, .form-edit .form-dropdown .inputCheckbox, .form-edit .form-dropdown .inputCheckbox-circle,
.form-edit .form-group .checkboxList-box,
.form-edit .form-group .inputCheckbox,
.form-edit .form-group .inputCheckbox-circle,
.form-edit .form-btnbox .checkboxList-box,
.form-edit .form-btnbox .inputCheckbox,
.form-edit .form-btnbox .inputCheckbox-circle {
    display: inline-block !important;
}

.form-edit .form-dropdown .txt-error,
.form-edit .form-group .txt-error,
.form-edit .form-btnbox .txt-error {
    display: none;
}

.form-edit .form-dropdown.is-error input[type="text"],
.form-edit .form-dropdown.is-error input[type="password"],
.form-edit .form-group.is-error input[type="text"],
.form-edit .form-group.is-error input[type="password"],
.form-edit .form-btnbox.is-error input[type="text"],
.form-edit .form-btnbox.is-error input[type="password"] {
    background-color: #fff6f6;
    box-shadow: 0 1px 2px #e4bfc1 inset;
    border: 1px solid #c80000;
    height: 34px;
}

.form-edit .form-dropdown.is-error input[type="text"]:hover,
.form-edit .form-dropdown.is-error input[type="password"]:hover,
.form-edit .form-group.is-error input[type="text"]:hover,
.form-edit .form-group.is-error input[type="password"]:hover,
.form-edit .form-btnbox.is-error input[type="text"]:hover,
.form-edit .form-btnbox.is-error input[type="password"]:hover {
    border-color: #ff6666;
}

.form-edit .form-dropdown.is-error input[type="text"]:focus,
.form-edit .form-dropdown.is-error input[type="password"]:focus,
.form-edit .form-group.is-error input[type="text"]:focus,
.form-edit .form-group.is-error input[type="password"]:focus,
.form-edit .form-btnbox.is-error input[type="text"]:focus,
.form-edit .form-btnbox.is-error input[type="password"]:focus {
    border-color: #c80000;
    background-color: #ffeeef;
}

.form-edit .form-dropdown.is-error .txt-error,
.form-edit .form-group.is-error .txt-error,
.form-edit .form-btnbox.is-error .txt-error {
    display: inline-block;
    font-size: 20px;
    color: #c80000;
    width: calc(100% - 12px);
}

.form-edit .form-dropdown .ulInfo.icon-only,
.form-edit .form-group .ulInfo.icon-only,
.form-edit .form-btnbox .ulInfo.icon-only {
    margin-bottom: 0;
}

.form-edit .form-group.w-100per {
    position: relative;
}

.form-edit .form-group.w-100per .checkboxList-box,
.form-edit .form-group.w-100per .radioList-box {
    margin: 0;
    padding: 0;
}

.form-edit .form-group.w-100per .checkboxList-box .inputRadio,
.form-edit .form-group.w-100per .radioList-box .inputRadio {
    display: inline-block;
}

.form-edit .form-group.w-100per .form-control-btn {
    right: 5px !important;
}

.form-edit .form-dropdown {
    position: relative;
    width: auto;
    min-width: auto;
}

.form-edit .form-dropdown .sel-dropdown {
    display: inline-block;
    background-color: #fff;
    height: auto;
    min-width: 150px;
    width: auto;
    padding: 3px 25px 3px 10px;
}

.form-edit .form-dropdown .sel-dropdown > span {
    line-height: 26px;
    white-space: nowrap;
}

.form-edit .form-dropdown:hover .dropdown-menu {
    display: inline-block;
}

.form-edit .form-dropdown .dropdown-menu {
    opacity: 1;
    position: absolute;
    left: 0;
    top: 35px;
    border-radius: 5px;
    min-width: 200px;
    width: auto;
}

.form-edit .form-dropdown .dropdown-menu.w-300px {
    width: 300px;
}

.form-edit .form-dropdown .dropdown-menu.w-220px {
    width: 220px;
}

.form-edit .form-dropdown .dropdown-menu li .bg-gray {
    padding: 4px;
    width: calc(100% - 10px);
    text-align: right;
}

.form-edit .form-dropdown .dropdown-menu li .bg-gray textarea {
    text-align: left;
    width: 100%;
    resize: none;
    margin-bottom: 5px;
}

.form-edit .form-dropdown .dropdown-menu li .bg-gray textarea.h-80px {
    height: 80px;
    width: calc(100% - 13px);
}

.form-edit .form-dropdown .dropdown-menu li .bg-gray .btn.btn-primary {
    padding: 0 10px;
    font-size: 21px;
    line-height: 28px;
    width: auto;
    min-width: 90px;
    display: inline-block;
}

.form-edit .form-dropdown .dropdown-menu li .bg-gray .btn.btn-primary::after {
    display: none;
}

.form-edit .form-dropdown .dropdown-menu li .bg-gray .bg-gray-btnbox {
    text-align: center;
    padding: 5px 0;
}

.form-edit .form-dropdown .dropdown-menu li .bg-gray .bg-gray-btnbox .btn.btn-primary {
    min-width: auto;
    width: 75px;
    line-height: normal;
    padding: 5px;
    margin: 0 3px;
}

.form-edit .form-dropdown .dropdown-menu li span {
    line-height: 26px;
    padding: 3px 3px 3px 10px;
    cursor: pointer;
    display: block;
    border-radius: 3px;
}

.form-edit .form-dropdown .dropdown-menu li span:hover {
    box-shadow: 0 0 2px 1px #ffc396;
}

.form-edit .form-dropdown .dropdown-menu li span.user-badge {
    display: inline-block;
    border-radius: 50px;
    line-height: 26px;
    padding: 0 10px 0 8px;
    box-shadow: none;
    white-space: nowrap;
}

.form-edit .form-dropdown .dropdown-menu li span.txt-state {
    position: relative;
    padding-left: 23px !important;
    line-height: 26px;
    display: block;
    text-align: left;
}

.form-edit .form-dropdown .dropdown-menu li span.txt-state.card-active, .form-edit .form-dropdown .dropdown-menu li span.txt-state.card-locked, .form-edit .form-dropdown .dropdown-menu li span.txt-state.card-suspend {
    padding-left: 30px !important;
}

.form-edit .form-dropdown .dropdown-menu li span.txt-state.card-active::after, .form-edit .form-dropdown .dropdown-menu li span.txt-state.card-locked::after, .form-edit .form-dropdown .dropdown-menu li span.txt-state.card-suspend::after {
    left: 4px;
}

.form-edit .form-dropdown .dropdown-menu li span.txt-state::after {
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 14px;
}

.form-edit .form-dropdown .dropdown-menu li span.txt-state.cancel {
    text-decoration: unset;
}

.form-edit .form-dropdown .dropdown-menu li span.txt-state.cancel::after {
    left: 0;
    content: '123';
    font-size: 10px;
    text-decoration: line-through;
    display: inline-block;
}

.form-edit .form-btnbox {
    display: block;
    margin-top: 20px;
    width: 100%;
    vertical-align: bottom;
}

.form-edit .form-btnbox.ct {
    text-align: center;
}

.form-edit .form-btnbox.ct .btn {
    width: auto;
    min-width: 180px;
}

.form-edit .form-btnbox.mt-0 {
    margin-top: 0;
}

.form-edit .form-inner {
    padding: 20px 80px;
    border-bottom: 2px solid #ddd;
}

.form-edit .form-inner.bg-gray {
    background-color: #f1f1f1;
    border: none;
}

.form-edit .form-inner.bg-gray input[type="text"],
.form-edit .form-inner.bg-gray input[type="password"] {
    background-color: #ffffff;
}

.form-edit .form-inner .form-inner-tit {
    font-weight: bold;
    line-height: normal;
    margin-bottom: 20px;
}

.form-edit .form-inner .inputCheckbox, .form-edit .form-inner .inputCheckbox-circle {
    margin: 0 5px 6px 0;
    display: block;
}

.form-edit .form-inner .inputCheckbox .ulInfo.icon-only, .form-edit .form-inner .inputCheckbox-circle .ulInfo.icon-only {
    width: auto;
    padding: 0;
    margin: 0 5px;
    min-height: auto;
}

.form-edit .form-inner .inputCheckbox .ulInfo.icon-only .tag-i, .form-edit .form-inner .inputCheckbox-circle .ulInfo.icon-only .tag-i {
    padding: 0;
    min-height: auto;
    width: 17px;
    height: 17px;
}

.form-edit .form-inner.border-0 {
    border: none;
}

.form-edit.sel-radio-box {
    background: #ececec;
    border-radius: 10px;
    box-shadow: 0 1px 5px #dedede inset;
}

.form-edit .sel-radio-group {
    position: relative;
    padding: 5px 10px 10px 30px;
    margin: 10px 3px !important;
}

.form-edit .sel-radio-group::after {
    position: absolute;
    left: 10px;
    top: 8px;
    font-family: 'icomoon' !important;
    content: '\e9c5';
    font-size: 21px;
    border-radius: 50px;
    background: #fff;
    box-shadow: 0 0 0 3px #fff;
}

.form-edit .sel-radio-group:hover::after {
    color: #ff9f56;
}

.form-edit .sel-radio-group.checked {
    border-color: #FF6E00;
}

.form-edit .sel-radio-group.checked:hover::after {
    color: #FF6E00;
}

.form-edit .sel-radio-group.checked::after {
    color: #FF6E00;
    content: '\e9c3';
}

.form-edit .sel-radio-group label {
    cursor: pointer;
}

.form-edit label {
    vertical-align: top;
}

.form-edit.form-promotion {
    width: 380px;
    margin: 0 auto;
    border: 3px solid #ddd;
    border-radius: 10px;
    background: #fff;
    padding: 8px;
}

.form-edit.form-promotion .btn-upload {
    width: 370px;
    height: 90px;
    margin-bottom: 5px;
}

.form-edit.form-promotion .btn-upload i {
    font-size: 200%;
}

.form-edit.form-promotion .btn-upload img {
    left: 0;
    top: 0;
    transform: none;
    height: auto;
    width: 100%;
}

.form-edit.form-promotion textarea {
    border-radius: 8px;
    border: none;
    width: 100%;
    height: 120px;
    background: #f1f1f1;
}

.form-group.check-list {
    width: auto;
    display: inline-flex;
    align-items: center;
    border-radius: 5px;
    margin: 0px;
    padding: 0px 8px;
}

.form-group.check-list .inputCheckbox, .form-group.check-list .inputCheckbox-circle {
    margin: 0 10px;
    cursor: default;
}

.form-group.check-list .inputCheckbox span, .form-group.check-list .inputCheckbox-circle span {
    font-size: 21px;
    cursor: default;
}

.form-group.check-list .inputCheckbox span:before, .form-group.check-list .inputCheckbox-circle span:before {
    margin-right: 4px !important;
}

.form-group.check-list .inputCheckbox input:disabled + span, .form-group.check-list .inputCheckbox-circle input:disabled + span {
    color: #9e9e9e;
}

.form-group.check-list .inputCheckbox input:disabled + span:hover, .form-group.check-list .inputCheckbox-circle input:disabled + span:hover {
    color: #9e9e9e !important;
}

.form-group.check-list .inputCheckbox input:disabled:checked + span, .form-group.check-list .inputCheckbox-circle input:disabled:checked + span {
    color: #3B3B3B;
}

.form-group.check-list .inputCheckbox input:disabled:checked + span:hover, .form-group.check-list .inputCheckbox-circle input:disabled:checked + span:hover {
    color: #3B3B3B !important;
}

.form-tooltip {
    position: relative;
    background: none;
}

.form-tooltip input {
    width: 100%;
}

.form-tooltip .btn-tag {
    position: absolute;
    right: 4px;
    top: 4px;
    height: 26px;
    background: #ffffff;
    width: 30px;
    border-radius: 3px;
    text-align: center;
    box-shadow: 0 1px 2px #cecece;
}

.form-tooltip .btn-tag .popupInText {
    display: none;
    top: 29px;
    left: 50%;
}

.form-tooltip .btn-tag .popupInText p {
    line-height: normal;
    font-size: 20px;
    text-align: left;
    width: 100%;
    white-space: nowrap;
}

.form-tooltip .btn-tag:hover .popupInText {
    display: inline-block;
}

.form-tooltip .tag-i {
    background: none;
}

.form-tooltip .tag-i .inputCheckbox, .form-tooltip .tag-i .inputCheckbox-circle {
    margin: 0;
    padding: 2px 0 0 0;
}

.form-tooltip .tag-i .inputCheckbox span:before, .form-tooltip .tag-i .inputCheckbox-circle span:before {
    margin: 0;
    left: 3px;
    top: 6px;
}

.dropdown-menu {
    display: none;
    opacity: 0;
    position: absolute;
    left: 110%;
    background: #fff;
    box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.2);
    color: #222222;
    width: 200px;
    max-height: 305px;
    overflow-y: auto;
    border-radius: 6px;
    padding: 5px;
    margin-left: 3px;
    z-index: 1000;
    transition: all 0.3s;
}

.dropdown-menu.show {
    display: inline-block;
    transition: all 0.3s;
    opacity: 1;
}

.dropdown-menu.pt-25px {
    padding-top: 35px;
}

.dropdown-menu li {
    margin: 0;
    padding: 3px 0;
    display: block;
    background: #fff;
    border-bottom: 1px solid #f4f4f4;
}

.dropdown-menu li:first-child {
    padding-top: 0;
}

.dropdown-menu li:last-child {
    border: none;
    padding-bottom: 0;
}

.dropdown-menu li.is-status .icon {
    position: absolute;
    top: 50%;
    left: 90%;
    transform: translate(-50%, -50%);
}

.dropdown-menu li.is-status .icon::before {
    content: '' !important;
}

.dropdown-menu li.is-nosetting {
    cursor: not-allowed;
}

.dropdown-menu li.is-nosetting a {
    position: relative;
    pointer-events: none;
    background: rgba(234, 234, 234, 0.4);
    color: rgba(112, 112, 112, 0.2);
}

.dropdown-menu li.is-nosetting a::after {
    content: 'No setting';
    position: absolute;
    display: block;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 80%;
    width: 30%;
    height: inherit;
    border: none;
    pointer-events: none;
    font-size: 12px;
    color: #FF6E00;
}

.dropdown-menu li.is-disable a {
    position: relative;
    color: rgba(112, 112, 112, 0.7);
    background: #EAEAEA;
}

.dropdown-menu li.is-disable a:hover {
    color: #FF6E00;
    background: #EAEAEA;
}

.dropdown-menu li.is-disable a:hover::after {
    display: block;
}

.dropdown-menu li a {
    text-decoration: none;
    display: block;
    width: auto;
    padding: 10px 10px;
    line-height: 22px;
    border-radius: 8px;
    min-height: 0;
    font-weight: normal;
    text-align: left;
    color: #3B3B3B;
    position: relative;
}

.dropdown-menu li a::after {
    content: '';
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: -1px;
    top: -1px;
    border: 1px solid #FF6E00;
    border-radius: 8px;
}

.dropdown-menu li a:hover {
    color: #FF6E00;
    background: #ffffff;
}

.dropdown-menu li a:hover::after {
    display: block;
}

.dropdown-menu li a .icon {
    margin-right: 3px;
}

.dropdown-menu li a .icon.icon-edit {
    background-image: svg-edit2(#666666);
}

.dropdown-menu li a .icon::before {
    display: none;
}

.dropdown-menu li a.txt-red {
    color: #c41919;
}

.dropdown-menu li a.txt-red .icon-reset {
    content: '\e931';
}

.dropdown-menu li a .icon.icon-search::before,
.dropdown-menu li a .icon.icon-edit::before {
    content: '';
}

.dropdown-menu li a .icon.icon-user-plus,
.dropdown-menu li a .icon.icon-copy {
    font-size: 18px;
    margin-left: 2px;
}

.dropdown-menu li a .icon-dis-coin::before,
.dropdown-menu li a .icon-coin::before,
.dropdown-menu li a .icon-reset::before,
.dropdown-menu li a .icon.icon-bank::before,
.dropdown-menu li a .icon.icon-dis-bank::before,
.dropdown-menu li a .icon.icon-credit-card-v2::before,
.dropdown-menu li a .icon.icon-users-3::before,
.dropdown-menu li a .icon.icon-new-agent::before,
.dropdown-menu li a .icon.icon-new-player::before,
.dropdown-menu li a .icon-tool::before,
.dropdown-menu li a .icon-ref::before {
    display: inline-block;
    font-size: 24px;
    margin: -5px 0 0 -3px;
}

.dropdown-menu li.dropdown-menu-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #f1f1f1;
    border-bottom: 1px solid #eee;
    height: 30px;
    text-align: right;
}

.dropdown-menu li.dropdown-menu-top .btn-i {
    display: inline-block;
    border-radius: 100px;
    font-size: 20px;
    width: 25px;
    height: 25px;
    padding: 0;
    color: #5f5f5f;
    text-align: center;
    background: none;
    margin: 5px;
}

.dropdown-menu li.dropdown-menu-top .btn-i i {
    line-height: 25px;
}

.dropdown-menu li.dropdown-menu-top .btn-i:hover {
    box-shadow: 0 0 3px #333;
}

.dropdown-menu li.dropdown-menu-top .btn-i:hover::after {
    border: none;
}

.basic01 .btn-tag {
    background: none;
    box-shadow: none;
}

.basic01 .btn-tag .inputCheckbox span:before, .basic01 .btn-tag .inputCheckbox-circle span:before {
    margin-left: 10px;
}

.basic01 .form-select {
    min-width: 180px;
    background-color: #fff;
    border-color: #979797;
    height: 30px;
}

.basic01 .form-select.disabled {
    background-color: #f1f1f1;
    border-color: #bbbbbb;
}

.basic01 .info, .basic01 .infoNone {
    white-space: nowrap;
}

.ulBox .form-select {
    min-width: 180px;
    background-color: #fff;
    border-color: #979797;
    height: 30px;
}

.ulBox .form-select.disabled {
    background-color: #f1f1f1;
    border-color: #bbbbbb;
}

.ulBox .form-dropdown.disabled {
    background-color: #f1f1f1;
    border-color: #bbbbbb;
}

.ulBox .form-dropdown .sel-dropdown {
    border-color: #979797;
}

.ulBox .inputCheckbox span, .ulBox .inputCheckbox-circle span {
    white-space: nowrap;
}

.ulBox li .txt-GMT {
    position: absolute;
    left: 40px;
    bottom: -10px;
    background: #f1f1f1;
    color: #7b7b7b;
    width: auto;
    font-size: 10px;
    border-radius: 3px;
    padding: 2px 5px;
}

/* ===== switch =====*/
.switch {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 65px;
    height: 26px;
    padding: 3px;
    margin: 0 5px;
    border-radius: 25px;
    cursor: pointer;
}

.switch.size-s {
    width: 55px;
    height: 21px;
}

.switch.size-s .switch-label:after {
    left: 11px;
    line-height: 22px;
}

.switch.size-s .switch-label:before {
    right: 5px;
    line-height: 22px;
}

.switch.size-s .switch-handle {
    width: 23px;
    height: 23px;
}

.switch.size-s .switch-input:checked ~ .switch-handle {
    left: 39px;
}

.switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 9px;
    text-transform: uppercase;
    background: #eceeef;
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
}

.switch-label:before,
.switch-label:after {
    position: absolute;
    top: 0;
    line-height: 26px;
    vertical-align: middle;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
}

.switch-label:before {
    content: attr(data-off);
    right: 7px;
    color: #aaaaaa;
}

.switch-label:after {
    content: attr(data-on);
    left: 14px;
    color: #FFFFFF;
    opacity: 0;
}

.switch-input:checked ~ .switch-label {
    background: #00a9ba;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}

.switch-input:checked ~ .switch-label:before {
    opacity: 0;
}

.switch-input:checked ~ .switch-label:after {
    opacity: 1;
}

.switch-handle {
    position: absolute;
    top: 2px;
    left: 3px;
    width: 28px;
    height: 28px;
    background: #fff;
    border-radius: 100%;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0px 0px 0 1px rgba(200, 200, 200, 0.4);
}

.switch-input:checked ~ .switch-handle {
    left: 44px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3), 0px 0px 0 1px #00a8b9;
}

/* Transition ========================== */
.switch-label,
.switch-handle {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.radioList-box,
.checkboxList-box {
    background-color: #f1f1f1;
    border-radius: 100px;
    padding: 2px 15px;
    margin-top: 5px;
}

.radioList-box label,
.checkboxList-box label {
    display: inline-block;
    margin-right: 12px;
}

.radioList-box label.inputCheckbox span, .radioList-box label.inputCheckbox-circle span,
.checkboxList-box label.inputCheckbox span,
.checkboxList-box label.inputCheckbox-circle span {
    line-height: 30px;
    height: 30px;
}

.card-accordion-box {
    display: inline-block;
    margin: 15px 0 5px 0;
    border-radius: 50px;
    background-color: #fff2e8;
    min-width: 150px;
    max-width: 1300px;
    border: 2px solid #fff;
}

.card-accordion-box:hover {
    border: 2px solid #ffe1c9;
}

.card-accordion-box .card-accordion-tit {
    display: inline-block;
    position: relative;
}

.card-accordion-box .card-accordion-tit .tit {
    display: inline-block;
    font-size: 110%;
    min-width: 150px;
    line-height: 40px;
    color: #FF6E00;
    padding-left: 10px;
    cursor: default;
}

.card-accordion-box .card-accordion-body {
    display: none;
    height: 0;
    opacity: 0;
    border-radius: 0 0 10px 10px;
    padding: 0;
}

.card-accordion-box .card-accordion-body .tb-mult-box {
    margin: 0 5px;
    border-radius: 10px;
    padding: 0;
    border: none;
    overflow: hidden;
}

.card-accordion-box .card-accordion-body .tb-mult-box td {
    padding: 3px 5px;
    vertical-align: top;
}

.card-accordion-box .card-accordion-body .tb-mult-box td .btn-s {
    padding: 0 10px;
}

.card-accordion-box .card-accordion-body .tb-mult-box td .form-select {
    margin-bottom: 5px;
}

.card-accordion-box .card-accordion-body .tb-mult-box .form-select {
    background-color: #fff;
    font-size: 95%;
    background-size: 20px;
    width: 65px;
}

.card-accordion-box .card-accordion-body .tb-mult-box tfoot {
    background-color: #fff8f3;
}

.card-accordion-box.show {
    border-radius: 15px;
    border: 2px solid #ffe1c9;
    transition: all 0.3s;
}

.card-accordion-box.show .card-accordion-tit {
    display: block;
    width: 100%;
}

.card-accordion-box.show .card-accordion-tit .tit {
    display: block;
    width: 100%;
}

.card-accordion-box.show .card-accordion-body {
    opacity: 1;
    display: block;
    height: auto;
    width: 100%;
}

.form-control-btn {
    position: absolute;
    right: 30%;
    margin-top: -30px;
    cursor: pointer;
}

.form-control-btn i {
    display: inline-block;
    padding: 0;
    width: 30px;
    height: 26px;
    text-align: center;
    line-height: 25px;
    border-radius: 3px;
    font-size: 100%;
}

.form-control-btn i:hover {
    background: #e3e3e3;
}

.input-filter-box {
    position: relative;
    display: none;
}

.input-filter-box input {
    margin: 0 3px;
}

.input-filter-box input.filter {
    width: 90px;
}

.input-filter-box i {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    text-align: right;
    height: 30px;
    line-height: 26px;
}

.input-filter-box.hide {
    display: none;
}

.input-filter-box.show {
    display: inline-block;
}

.btn-filter {
    position: relative;
    display: none;
    width: auto;
    background: none;
    border: none;
    border-bottom: 1px dashed #853900;
    width: auto;
    border-radius: 0;
    padding: 0;
    margin: 0 0 0 15px;
    color: #853900;
}

.btn-filter::before {
    position: absolute;
    left: -15px;
    top: 2px;
    font-family: 'icomoon' !important;
    content: '\e9dc';
}

.btn-filter.show {
    display: inline;
}

.user_name,
.user_id_txt {
    display: inline-block;
    padding: 0;
    color: #676767;
    line-height: normal;
    font-size: 20px;
    text-align: left;
    white-space: nowrap;
}

.user_name::before,
.user_id_txt::before {
    content: 'ID : ';
    padding: 0;
    font-size: 12px;
}

.sms_txt,
.basic_country_txt {
    display: inline-block;
    padding: 0;
    color: #676767;
    line-height: normal;
    font-size: 20px;
    text-align: left;
    white-space: nowrap;
}

.sms_txt::before,
.basic_country_txt::before {
    content: 'Country : ';
    padding: 0;
    font-size: 12px;
}

.sms_txt {
    display: block;
}

.sms_txt::before {
    content: 'SMS : ';
}

.user_name {
    display: block;
}

.user_name::before {
    content: 'NAME : ';
}

.user_tel {
    display: inline-block;
    position: relative;
    font-size: 12px;
    background-color: #f3f3f3;
    border-radius: 10px;
    padding: 3px 10px;
    margin-top: 3px;
    white-space: nowrap;
    color: #797979;
}

.user_tel::before {
    font-family: 'icomoon' !important;
    content: '\e93f ';
}

.error {
    font-size: 20px;
    color: #c80000;
}

.error dt, .error dd {
    color: #c80000;
}

.error input, .error a {
    border-color: #c80000;
    background-color: #fff8f8;
    color: #c80000;
}

.error.drop a {
    border-color: #c80000;
    font-size: 20px;
    color: #c80000;
}

.error.drop a:hover {
    border-color: #c80000;
    color: #c80000;
}

.txt-error {
    margin: 5px 0px 0px 0px;
    font-size: 21px;
    border-radius: 5px;
    text-align: left;
    line-height: normal;
    color: #C00;
    padding: 4px 6px;
    background: #fff0f0;
}

.txt-status,
.txt-time {
    position: relative;
    line-height: 30px;
    padding: 0 10px 0 20px;
    color: #696969;
}

.txt-status .icon,
.txt-time .icon {
    position: absolute;
    left: 0;
    line-height: 30px;
}

.txt-status i {
    font-size: 155%;
    border-radius: 100px;
    background: #9c9c9c;
    color: #fff;
    width: 25px;
    height: 25px;
    display: inline-block;
}

.txt-status.active i {
    background: #63a41c;
}

.txt-status.suspend i {
    background: #c0110f;
}

.txt .icon {
    font-size: 20px;
    width: 25px;
}

.notice {
    font-size: 20px;
    color: #c80000;
    align-items: center;
    display: flex;
}

.notice .icWrong, .notice .icCorrect {
    margin: 0 5px !important;
    display: inline-block;
}

p.notice {
    margin: 15px 0 0 5px;
}

.noticeUl {
    font-size: 20px;
    color: #c80000;
}

.noticeUl li {
    margin-bottom: 8px;
    padding-left: 12px;
    list-style: none;
    line-height: 16px;
    background: url(../images/icNoticePoint.png) no-repeat 2px -4px;
}

.longWord {
    word-break: break-all;
}

.txt-b {
    font-weight: bold;
}

.txt-link {
    color: #007bff;
    text-decoration: underline;
}

.txt-link:hover {
    text-decoration: none;
}

.txt-disabled {
    color: #bbbbbc;
}

.txt-gray {
    color: #666666;
}

.txt-dl {
    margin-bottom: 10px;
}

.txt-dl dt, .txt-dl dd {
    display: inline-block;
    font-size: 20px;
    line-height: normal;
}

.txt-dl dt::after {
    content: ':';
    display: inline-block;
    width: 10px;
    text-align: center;
}

.txt-dl dd {
    margin-right: 20px;
    font-weight: 800;
}

td .txt-active-player,
td .txt-user,
td .txt-bet-count,
td .txt-count {
    position: relative;
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
    padding: 0;
}

td .txt-active-player::before,
td .txt-user::before,
td .txt-bet-count::before,
td .txt-count::before {
    content: '#';
    margin-right: 1px;
    text-align: center;
}

td .txt-active-player:hover,
td .txt-user:hover,
td .txt-bet-count:hover,
td .txt-count:hover {
    cursor: pointer;
}

td .txt-active-player:hover .tooltip,
td .txt-user:hover .tooltip,
td .txt-bet-count:hover .tooltip,
td .txt-count:hover .tooltip {
    display: inline-block;
}

td .txt-active-player .tooltip,
td .txt-user .tooltip,
td .txt-bet-count .tooltip,
td .txt-count .tooltip {
    display: none;
}

td .txt-user {
    margin-right: 8px;
}

td .txt-user::before {
    font-family: 'icomoon' !important;
    content: '\e983';
}

td .txt-user.lock::before {
    content: '\e993';
}

td .txt-user.suspended::before {
    content: '\e9ac';
}

td .txt-active-player {
    margin-right: 8px;
}

td .txt-active-player::before {
    font-family: 'icomoon' !important;
    content: '\e983';
}

td .d-flex .txt-user:last-child {
    margin: 0;
}

tr.Deposit {
    border-top: 2px solid #a8a8a8;
}

tr.tr-Lv1 .d-flex {
    justify-content: flex-end;
}

tr.tr-Lv1 .txt-active-player,
tr.tr-Lv1 .txt-bet-count,
tr.tr-Lv1 .txt-count,
tr.tr-Lv1 .txt-user {
    color: #c1c1c1;
}

tr.tr-Lv1 .txt-active-player:hover,
tr.tr-Lv1 .txt-bet-count:hover,
tr.tr-Lv1 .txt-count:hover,
tr.tr-Lv1 .txt-user:hover {
    color: #888888;
}

tr.tr-Lv2 {
    color: #9f9f9f;
}

tr.tr-Lv2 .d-flex {
    justify-content: flex-end;
}

tr.tr-Lv2 .info-tit,
tr.tr-Lv2 .txt-money {
    color: #6c6c6c;
    font-style: italic;
    font-size: 20px;
}

tr.tr-Lv2 .txt-active-player,
tr.tr-Lv2 .txt-bet-count,
tr.tr-Lv2 .txt-count,
tr.tr-Lv2 .txt-user {
    color: #c1c1c1;
    display: inline-block;
}

tr.tr-Lv2 .txt-active-player:hover,
tr.tr-Lv2 .txt-bet-count:hover,
tr.tr-Lv2 .txt-count:hover,
tr.tr-Lv2 .txt-user:hover {
    color: #888888;
}

tr.tr-Lv2 .txt-user {
    margin-right: 0;
}

.txn-dl {
    margin: 4px !important;
    width: calc(100% - 8px) !important;
}

.txn-dl .tr .td {
    line-height: 14px;
    font-size: 20px;
    padding: 3px 1px;
    text-align: center;
    vertical-align: middle;
}

.txn-dl .tr .td.txt-WL {
    padding: 5px;
    font-weight: bold;
    white-space: nowrap;
}

.txn-dl .tr .td.txt-balance {
    text-align: right;
}

.txn-dl .tr .td.tit {
    text-align: left;
    color: #676767;
    min-width: 50px;
}

.txt-sup {
    color: #969696;
    white-space: nowrap;
}

.txt-red {
    color: #c41919;
}

sup.txt-red {
    font-weight: bold;
}

.txt-nowrap {
    white-space: nowrap;
}

.list-guide {
    width: 100%;
}

.list-guide li {
    list-style: none;
    margin-bottom: 15px;
}

.list-guide li .list-guide-tit {
    display: block;
    line-height: normal;
    font-size: 20px;
    font-weight: normal;
}

.list-guide li .list-guide-tit .txt-number {
    display: inline-block;
    font-size: 20px;
    font-style: italic;
    border-radius: 100px;
    line-height: 35px;
    width: 35px;
    text-align: center;
    background: #f1f1f1;
    color: #FF6E00;
    margin-right: 5px;
}

.list-guide li img {
    width: 100%;
}

.list-disc li {
    position: relative;
    padding-left: 12px;
    text-align: left;
}

.list-disc li::before {
    position: absolute;
    content: ' · ';
    left: 0;
    top: 0;
}

.txt-manual::before,
.txt-approver::before {
    display: inline-block;
    font-family: 'icomoon' !important;
    content: '\e9ad';
    background-color: #33be6d;
    border-radius: 30px;
    text-align: center;
    color: #fff;
    width: 17px;
    height: 17px;
    line-height: 17px;
    margin-right: 3px;
}

.txt-manual::before {
    content: 'M';
    background-color: #5e5e5e;
}

.txt-state {
    position: relative;
    margin: 0 2px;
    text-align: center;
    display: inline-block;
}

.txt-state span {
    white-space: nowrap;
}

.txt-state::before, .txt-state::after {
    font-family: 'icomoon' !important;
    white-space: nowrap;
}

.txt-state.user-active::after, .txt-state.user-locked::after, .txt-state.user-suspend::after {
    content: '\e90f';
    background-color: #33be6d;
    border-radius: 30px;
    color: #fff;
    width: 14px;
    height: 14px;
    line-height: 14px;
}

.txt-state.user-locked::after {
    content: '\e914';
    background-color: #4d4d4d;
}

.txt-state.user-suspend::after {
    content: '\e9e0';
    background-color: #c0110f;
}

.txt-state.card-active::after, .txt-state.card-locked::after, .txt-state.card-suspend::after {
    content: '\e9d5';
    color: #33be6d;
    font-size: 24px;
    font-weight: lighter;
}

.txt-state.card-locked::after {
    content: '\e9d6';
    color: #808080;
}

.txt-state.card-suspend::after {
    content: '\e9d7';
    color: #c0110f;
}

.txt-state.processing::after, .txt-state.success::after, .txt-state.sent::after {
    content: '\e90f';
    background-color: #33be6d;
    border-radius: 30px;
    margin-right: 3px;
    color: #fff;
    width: 14px;
    height: 14px;
    line-height: 14px;
}

.txt-state.sent::after {
    position: absolute;
}

.txt-state.reject::after {
    content: '\e914';
    background-color: #df1e38;
    border-radius: 30px;
    margin-right: 3px;
    color: #fff;
    text-align: center;
}

.txt-state.wating::after {
    content: '\e9a5';
    color: #5c5c5c;
}

.txt-state.wating:hover {
    color: #5c5c5c;
}

.txt-state.tool::after {
    content: '\e9b2';
    color: #5c5c5c;
}

.txt-state.app-can::after {
    content: '\ea12';
    color: #5c5c5c;
}

.txt-state.pending {
    padding-right: 20px;
}

.txt-state.pending::after {
    position: absolute;
    right: 0;
    content: '\e90b';
    color: #df7b1e;
}

.txt-state.processing::after {
    background: linear-gradient(to top, #3d91f1, #5cb8ff);
    content: '\e989';
    color: #fff;
    font-weight: bold;
}

.txt-state.cancel {
    text-decoration: line-through;
}

.txt-state.cancel::after {
    content: '';
    display: inline-block;
    width: 15px;
}

.txt-state.icon-front {
    padding-left: 23px;
    align-items: center;
}

.txt-state.icon-front::after {
    position: absolute;
    left: 3px;
    top: 2px;
}

.txt-state .tooltip {
    display: none;
}

.txt-state:hover {
    transition: all 0.15s ease-in-out;
    color: #e66300;
}

.txt-state:hover .tooltip {
    display: inline-block;
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 101;
    padding: 5px;
    background: #000000b9;
    border-radius: 3px;
    color: #ffffff;
    font-size: 12px;
    text-align: left;
    white-space: nowrap;
    transition: all .3s ease-in-out;
}

.txt-state:hover .tooltip::before {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -5px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #000000b9 transparent transparent transparent;
}

.txt-state:hover .tooltip.top-center {
    top: auto;
    bottom: -30px;
}

.txt-state:hover .tooltip.top-center::before {
    bottom: auto;
    top: -5px;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #000000b9 transparent;
}

.txt-state.done {
    background-color: #ffe8d6;
    border-radius: 50px;
    padding: 2px 5px;
    color: #e66300;
}

.txt-state.done:hover {
    text-decoration: none;
    color: #e66300;
}

.txt-state.done::before {
    content: '\e90f';
    background-color: #e66300;
    border-radius: 30px;
    color: #fff;
    width: 14px;
    height: 14px;
    line-height: 14px;
}

.txt-state.done.auto-pay {
    background-color: #dbefff;
    color: #2463aa;
}

.txt-state.done.auto-pay::before {
    background: linear-gradient(to top, #3d91f1, #5cb8ff);
    color: #fff;
}

.txt-state.icon-lt {
    padding: 2px 5px 2px 18px;
}

.txt-state.icon-lt span {
    font-family: Arial, Helvetica, sans-serif !important;
}

.txt-state.icon-lt::after {
    right: auto;
    left: 0;
}

.user_Uid_txt .user-OP-locked::before,
.user_Uid_txt .user-suspend::before,
.user_Uid_txt .user-locked::before,
.user_Uid_txt .user-NotExist::before {
    content: 'Suspend';
    font-size: 10px;
    background-color: #c0110f;
    color: #fff;
    border-radius: 3px;
    padding: 0 3px;
    vertical-align: middle;
    white-space: nowrap;
}

.user_Uid_txt .user-locked::before {
    content: 'Locked';
    background-color: #333;
}

.user_Uid_txt .user-OP-locked::before {
    background-color: #444;
    content: 'OP Locked';
}

.user_Uid_txt .user-NotExist::before {
    content: 'Not Exist';
    background-color: #333;
}

.user_Uid_txt .user-badge-box {
    padding-left: 0 !important;
}

.txt-url {
    word-break: break-all;
}

.toast {
    transition: all .3s ease-in-out;
    position: fixed;
    top: -150px;
    left: 0;
    text-align: center;
    width: 100%;
}

.toast.show {
    display: inline-block;
    z-index: 12000;
    opacity: 1;
    transition: all .3s;
    top: 0;
}

.toast::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100px;
    display: block;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
    z-index: 100;
}

.toast .txt {
    position: relative;
    z-index: 200;
    display: inline-block;
    color: #fff;
    white-space: nowrap;
    line-height: 33px;
    text-align: left;
    width: auto;
    border-radius: 30px;
    padding: 5px 8px 5px 50px;
    margin-top: 30px;
    height: 33px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
}

.toast .txt::before {
    position: absolute;
    left: 3px;
    top: 3px;
    font-family: 'icomoon' !important;
    color: #fff;
    font-size: 33px;
    line-height: 40px;
    border-radius: 50px;
    text-align: center;
    height: 40px;
    width: 40px;
}

.toast .txt .btn {
    color: inherit;
    padding: 3px 10px;
    border: 1px solid rgba(255, 255, 255, 0.603);
    border-radius: 20px;
    line-height: 24px;
    margin: 0 0 0 5px;
}

.toast .txt .btn:hover {
    background-color: rgba(0, 0, 0, 0.253);
    border-color: rgba(0, 0, 0, 0.253);
}

.toast.success .txt {
    background: linear-gradient(0deg, #8ccc57, #71ac41);
}

.toast.success .txt::before {
    background: linear-gradient(90deg, #8ccc57, #71ac41);
    content: '\e90f';
    text-shadow: 0 2px 4px #53992b;
}

.toast.fail .txt {
    background: linear-gradient(0deg, #cc5757, #b73232);
}

.toast.fail .txt::before {
    background: linear-gradient(90deg, #cc5757, #b73232);
    content: '\e900';
    text-shadow: 0 2px 4px #992b59;
}

.toast.warning .txt {
    background: linear-gradient(0deg, #fffaee, #fff5d9);
    color: #fd9f01;
    text-shadow: none;
}

.toast.warning .txt::before {
    background: none;
    content: '\e90b';
    text-shadow: 0 2px 2px #fffdf9;
    color: #fd9f01;
    text-align: right;
    font-size: 30px;
}

.toast.warning .txt .btn {
    background-color: #fffaee;
    border-color: #ffeebe;
}

.toast.warning .txt .btn:hover {
    background-color: #ffe8aa;
    border-color: #ffe8aa;
}

@keyframes slide-in-top {
    0% {
        transform: translateY(-1000px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.txt-gametype {
    position: relative;
    color: #5a5a5a;
    vertical-align: inherit;
    width: auto;
    display: inline-block;
}

.txt-gametype .game-type-txt {
    display: none;
}

.txt-gametype .game-type-txt ul.txt-platform {
    display: block;
    padding: 5px 0;
    min-width: 230px;
    max-width: 230px;
}

.txt-gametype .game-type-txt ul.txt-platform li {
    display: inline-block;
    font-size: xx-small;
    white-space: nowrap;
    padding-right: 3px;
}

.txt-gametype .game-type-txt ul.txt-platform li::before {
    content: '• ';
}

.txt-gametype:hover {
    background-color: #f1f1f1;
}

.txt-gametype:hover .game-type-txt {
    display: inline-block;
    position: absolute;
    top: auto;
    left: 0;
    z-index: 101;
    padding: 4px 5px !important;
    background: #000000b9;
    border-radius: 3px;
    color: #ffffff;
    font-size: 12px;
    line-height: normal;
    text-align: left;
    transition: all .3s ease-in-out;
    word-wrap: break-word;
    min-width: 55px;
    top: auto;
    bottom: 30px;
}

.txt-gametype:hover .game-type-txt::before {
    position: absolute;
    left: 10px;
    bottom: -5px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #000000b9 transparent transparent transparent;
}

.txt-gametype .icon {
    vertical-align: top;
    display: inline-block;
    width: 25px;
    height: 25px;
}

.txt-gametype .icon.icon-SPORT {
    background: url(../../library/img-common/game-type/icon-sport.png) no-repeat center center;
    background-size: 22px;
}

.txt-gametype .icon.icon-LIVE {
    background: url(../../library/img-common/game-type/icon-live.png) no-repeat center top;
    background-size: 25px;
}

.txt-gametype .icon.icon-LIVE::before {
    content: '';
}

.txt-gametype .icon.icon-SLOT {
    background: url(../../library/img-common/game-type/icon-e-game.png) no-repeat center center;
    background-size: 25px;
}

.txt-gametype .icon.icon-SLOT::before {
    content: '';
}

.txt-gametype .icon.icon-OTHER {
    background: url(../../library/img-common/game-type/icon-other.png) no-repeat center center;
    background-size: 25px;
}

.txt-gametype .icon.icon-OTHER::before {
    content: '';
}

.txt-gametype .icon.icon-deposit {
    background: url(../../library/img-common/game-type/icon-currency.png) no-repeat center center;
    background-size: 22px;
}

.txt-gametype .icon.icon-deposit::before {
    content: '';
}

.txt-gametype .txt {
    line-height: 25px;
}

.txt-badge {
    display: block;
    margin: 3px 0 0 0;
    background-color: #ebebeb;
    padding: 2px 5px;
    border-radius: 3px;
}

.btn {
    cursor: pointer;
    display: inline-block;
    text-align: center;
}

.btn.btn-primary {
    border: 2px solid #ffffff;
    background-color: #FF6E00;
    color: #ffffff;
}

.btn.btn-primary:hover {
    background: #e66300;
    color: #fff;
}

.btn.show-tooltip {
    position: relative;
}

.btn-icon-only, .btn-icon-o, .btn-icon-primary {
    display: inline-block;
    height: 30px;
    padding: 0 10px;
    width: auto;
    background-color: none;
    border-radius: 5px;
    margin: 3px;
    border: 1px solid #ffffff00;
}

.btn-icon-only:hover, .btn-icon-o:hover, .btn-icon-primary:hover {
    border-color: #e66300;
    color: #e66300;
}

.btn-icon-primary {
    background-color: #FF6E00;
    border-color: #FF6E00;
}

.btn-icon-primary.icon-check {
    background-image: svg-check(#ffffff);
}

.btn-icon-primary:hover {
    background-color: #e66300;
}

.btn-icon-o {
    border: 1px solid #FF6E00;
    background-color: #fff;
}

.btn-icon-o:hover {
    background-color: #FFF7F2;
    border-color: #e66300;
    color: #e66300;
}

.btn-lock {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 35px;
    background: no-repeat center center;
    background-image: svg-lock2(#e6460e);
    background-size: 25px;
}

.btn-lock.unlock {
    background-image: svg-unlock2(#63A41B);
}

.btn-lock::before {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #979797 transparent transparent transparent;
}

.btn-s, .error .btn-s, .btn-i {
    display: inline-block;
    min-width: 28px;
    min-height: 28px;
    line-height: 28px;
    background: #FF6E00;
    color: #fff;
    border-radius: 5px;
    vertical-align: middle;
    cursor: pointer;
}

.btn-s:hover, .error .btn-s:hover, .btn-i:hover {
    background-color: #e66300;
}

.btn-s.icon-copy, .error .btn-s.icon-copy, .btn-i.icon-copy {
    position: relative;
    padding: 0 8px 0 26px !important;
    font-size: 21px;
    line-height: 28px;
    color: #fff;
    min-width: auto;
    font-family: Arial, Helvetica, sans-serif !important;
    background: #FF6E00;
}

.btn-s.icon-copy::before, .error .btn-s.icon-copy::before, .btn-i.icon-copy::before {
    position: absolute;
    left: 5px;
    top: 0;
    font-family: 'icomoon' !important;
    content: '\e98c';
    font-size: 17px;
}

.btn-s.icon-copy:hover, .error .btn-s.icon-copy:hover, .btn-i.icon-copy:hover {
    background-color: #e66300;
}

.btn-s.empty, .error .btn-s.empty, .btn-i.empty {
    background: none;
}

.btn-s i.icon, .error .btn-s i.icon, .btn-i i.icon {
    color: #fff;
    font-size: 21px;
    line-height: 28px;
    height: 28px;
    margin-right: 2px;
    vertical-align: top;
}

.btn-i {
    border-radius: 100px;
    min-width: auto;
    min-height: auto;
    line-height: 20px;
}

.btn-i i.icon-question {
    background: none;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    display: inline-block;
}

.btn-i.gray {
    background: none;
}

.btn-i.gray i {
    color: #c5c5c5;
    transition: all .3s;
}

.btn-i.gray:hover i {
    color: #FF6E00;
    transition: all .3s;
}

.btn-primary,
.btn-o {
    cursor: pointer;
    display: inline-block;
    min-width: 40px;
    color: #FF6E00;
    padding: 0 12px;
    line-height: 30px;
    background: #ffffff;
    border-radius: 100px;
    border: 1px solid #FF6E00;
    transition: all 0.15s ease-in-out;
}

.btn-primary .icon,
.btn-o .icon {
    font-size: 21px;
    margin: 0 2px;
}

.btn-primary .icon.icon-edit,
.btn-o .icon.icon-edit {
    background: none;
}

.btn-primary .icon.icon-add,
.btn-o .icon.icon-add {
    font-weight: 600;
    vertical-align: top;
    margin: 0;
}

.btn-primary:hover,
.btn-o:hover {
    transition: all 0.15s ease-in-out;
    color: #e66300;
    box-shadow: 0 0 0 3px #ffd6b7;
}

.btn-primary.is-disabled,
.btn-o.is-disabled {
    background-color: #e8e8e8;
    color: #bbbbbb;
    cursor: default;
}

.btn-primary.is-disabled:hover,
.btn-o.is-disabled:hover {
    background-color: #e8e8e8;
    color: #bbbbbb;
    box-shadow: none;
}

.btn-o.pos-rt {
    position: absolute;
    right: 0;
    margin: 0;
    cursor: pointer;
    vertical-align: top;
    text-align: center;
    padding: 0 5px;
    font-size: 12px;
    line-height: 25px;
    border: none;
    background: #eb772e;
}

.btn-o.pos-rt i {
    font-size: 20px;
    font-weight: bold;
    line-height: 25px;
    color: #fff;
}

.btn-o.min-width-65 i {
    margin-right: 3px !important;
}

.btnOpen,
.btnClose {
    position: relative;
    top: auto !important;
    display: inline-block;
    width: 20px;
    height: 20px;
    font-family: 'icomoon' !important;
    color: #853900;
    font-size: 0;
    text-indent: -99999px;
    text-indent: unset;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    border: none;
    box-shadow: none;
    background: none;
    margin-right: 3px;
}

.btnOpen::before,
.btnClose::before {
    font-size: 21px;
    position: absolute;
    left: 0;
    content: "\e98a";
    width: 16px;
    height: 15px;
    line-height: 15px;
    border-radius: 3px;
    border: 2px solid #e8e6c7;
    background: #ffffff;
}

.btnOpen:hover,
.btnClose:hover {
    color: #FF6E00;
}

.btnOpen:hover::before,
.btnClose:hover::before {
    border-color: #ffd6d6;
}

.btnOpen::before {
    content: "\e984";
    border-color: #e8e6c7;
    background-color: #fff;
}

.btnOpen:hover::before {
    background-color: #fff;
    color: #853900;
}

.btn-sort,
.btn-add-tag {
    position: relative;
    display: inline-block;
    width: auto;
    color: #FF6E00;
    padding: 2px 20px 2px 10px;
    background: #fff;
    border-radius: 30px;
    line-height: 20px;
    border: 1px solid #eccdb5;
    margin-bottom: 2px;
    transition: all 0.15s ease-in-out;
}

.btn-sort:hover,
.btn-add-tag:hover {
    border-color: #e66300;
    transition: all 0.15s ease-in-out;
}

.btn-sort i,
.btn-add-tag i {
    position: absolute;
    right: 2px;
    top: 2px;
    font-size: 17px;
}

.btn-sort i.icon-caret-default,
.btn-add-tag i.icon-caret-default {
    color: #ffb47b;
}

.btn-add-tag {
    padding: 0;
    width: 30px;
    height: 23px;
    border-color: #fff;
}

.btn-add-tag i {
    position: relative;
    font-size: 20px;
    color: #aaaaaa;
}

.btn-add-tag:hover {
    border-color: #ffbe8d;
    color: #e66300;
    box-shadow: 0 0 0 3px #ffd6b7;
}

.btn-2,
.btn-2-primary,
.btn-2-o {
    position: relative;
    display: inline-block;
    color: #FF6E00;
    border-radius: 30px;
    line-height: 23px;
    transition: all 0.15s ease-in-out;
    padding: 0;
    width: 30px;
    height: 23px;
    border-color: #fff;
    background: #fff;
    text-align: center;
    margin: 0 2px;
}

.btn-2 i,
.btn-2-primary i,
.btn-2-o i {
    position: relative;
    font-size: 20px;
    line-height: 23px;
    color: #e66300;
    right: auto;
}

.btn-2 i.icon-check, .btn-2 i.icon-edit,
.btn-2-primary i.icon-check,
.btn-2-primary i.icon-edit,
.btn-2-o i.icon-check,
.btn-2-o i.icon-edit {
    background: none;
}

.btn-2 .tooltip,
.btn-2-primary .tooltip,
.btn-2-o .tooltip {
    display: none;
}

.btn-2.add-border,
.btn-2-primary.add-border,
.btn-2-o.add-border {
    box-shadow: 0 0 0 1px #ffd6b7;
}

.btn-2.add-border i,
.btn-2-primary.add-border i,
.btn-2-o.add-border i {
    font-size: 18px;
    vertical-align: top;
}

.btn-2:hover,
.btn-2-primary:hover,
.btn-2-o:hover {
    transition: all 0.15s ease-in-out;
    border-color: #ffbe8d;
    color: #e66300;
    box-shadow: 0 0 0 3px #ffd6b7;
}

.btn-2:hover .tooltip,
.btn-2-primary:hover .tooltip,
.btn-2-o:hover .tooltip {
    display: inline-block;
    top: -37px;
}

.btn-2.btn-2-primary,
.btn-2-primary.btn-2-primary,
.btn-2-o.btn-2-primary {
    background: #e66300;
    min-width: 35px;
    width: 50px;
}

.btn-2.btn-2-primary .txt,
.btn-2-primary.btn-2-primary .txt,
.btn-2-o.btn-2-primary .txt {
    display: block;
    color: #646464;
    font-size: 11px;
    line-height: 14px;
    padding-top: 5px;
}

.btn-2.btn-2-primary i,
.btn-2-primary.btn-2-primary i,
.btn-2-o.btn-2-primary i {
    color: #fff;
    text-shadow: 0 2px 2px #b65409;
}

.btn-2.btn-2-primary.w-50px,
.btn-2-primary.btn-2-primary.w-50px,
.btn-2-o.btn-2-primary.w-50px {
    width: 50px;
}

.btn-2.btn-2-primary.auto-pay,
.btn-2-primary.btn-2-primary.auto-pay,
.btn-2-o.btn-2-primary.auto-pay {
    background: linear-gradient(to top, #3d91f1, #5cb8ff);
}

.btn-2.btn-2-primary.auto-pay i,
.btn-2-primary.btn-2-primary.auto-pay i,
.btn-2-o.btn-2-primary.auto-pay i {
    text-shadow: 0 2px 2px #194f8d;
}

.btn-2.btn-2-primary.auto-pay:hover,
.btn-2-primary.btn-2-primary.auto-pay:hover,
.btn-2-o.btn-2-primary.auto-pay:hover {
    box-shadow: 0 0 0 3px #9ed5ffb6;
}

.btn-2.btn-2-o,
.btn-2-primary.btn-2-o,
.btn-2-o.btn-2-o {
    min-width: 30px;
}

.btn-2.disabled,
.btn-2-primary.disabled,
.btn-2-o.disabled {
    opacity: .6;
    cursor: default;
}

.btn-2.disabled i,
.btn-2-primary.disabled i,
.btn-2-o.disabled i {
    color: #ddd;
}

.btn-2.disabled:hover,
.btn-2-primary.disabled:hover,
.btn-2-o.disabled:hover {
    box-shadow: none;
}

.btn-2 .icon-question,
.btn-2-primary .icon-question,
.btn-2-o .icon-question {
    background: none;
}

.btn-2 .icon.icon-unclaim::before,
.btn-2 .icon.icon-claim::before,
.btn-2-primary .icon.icon-unclaim::before,
.btn-2-primary .icon.icon-claim::before,
.btn-2-o .icon.icon-unclaim::before,
.btn-2-o .icon.icon-claim::before {
    font-size: 21px;
}

.btn-xs {
    background: #fff;
    border-radius: 5px;
    color: #FF6E00;
    border-radius: 50px;
    width: auto;
    padding: 0 3px;
    border: 1px solid #ffe8d5;
}

.btn-xs:hover {
    background: #FF6E00;
    color: #fff;
    border-color: #FF6E00;
}

.img-upload,
.btn-upload {
    position: relative;
    display: block;
    background: #f3f6f7;
    border: 2px dashed #9bb7d4;
    border-radius: 10px;
    text-align: center;
    overflow: hidden;
}

.img-upload img,
.img-upload i,
.btn-upload img,
.btn-upload i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 280%;
    line-height: 30px;
    color: #1a68a7;
}

.img-upload img.icon-image,
.img-upload i.icon-image,
.btn-upload img.icon-image,
.btn-upload i.icon-image {
    font-size: 30px;
}

.img-upload img,
.btn-upload img {
    height: auto;
}

.img-upload.img-upload i,
.btn-upload.img-upload i {
    color: #b5cae0;
}

.img-upload:hover,
.btn-upload:hover {
    overflow: visible;
}

.img-upload:hover img,
.btn-upload:hover img {
    z-index: 1500;
    width: 280px;
    border: 2px dashed #9bb7d4;
    border-radius: 10px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.img-upload.no-hover,
.btn-upload.no-hover {
    overflow: hidden;
}

.img-upload.no-hover img,
.btn-upload.no-hover img {
    width: auto;
    box-shadow: none;
    border: none;
    border-radius: unset;
}

.img-upload.img-none, .img-upload.img-check,
.btn-upload.img-none,
.btn-upload.img-check {
    width: 25px !important;
    height: 25px !important;
    background: none;
    border: none;
    border-radius: 2px;
    overflow: visible;
    box-shadow: 0 1px 3px silver;
}

.img-upload.img-none i, .img-upload.img-check i,
.btn-upload.img-none i,
.btn-upload.img-check i {
    color: #979797;
}

.img-upload.img-none::before, .img-upload.img-check::before,
.btn-upload.img-none::before,
.btn-upload.img-check::before {
    position: absolute;
    right: -12px;
    top: -7px;
    z-index: 100;
    font-family: 'icomoon' !important;
    content: '\e97a';
    background-color: #33be6d;
    border-radius: 30px;
    margin-right: 3px;
    color: #fff;
    width: 14px;
    height: 14px;
    line-height: 14px;
    border: 1px solid #fff;
}

.img-upload.img-none::before,
.btn-upload.img-none::before {
    content: '\e97a';
    background-color: #969696;
}

.modal-dialog .modal-content .modal-body.padd-0 {
    padding: 0;
    max-height: 100%;
}

.modal-dialog .modal-content .modal-2FA-box {
    display: block;
    width: 600px;
    max-width: 100%;
}

.modal-dialog .modal-content .modal-2FA-box ul {
    margin-top: 0;
    padding-left: 50px;
    position: relative;
}

.modal-dialog .modal-content .modal-2FA-box ul::after {
    content: "";
    position: absolute;
    background-color: #ffeee4;
    top: 0;
    left: 0px;
    height: 100%;
    width: 80px;
}

.modal-dialog .modal-content .modal-2FA-box ul li {
    position: relative;
    list-style: none;
    margin: 0 0 0 50px;
    padding: 10px 30px 15px 0;
}

.modal-dialog .modal-content .modal-2FA-box ul li .step {
    display: inline-flex;
    line-height: 32px;
    width: 100%;
}

.modal-dialog .modal-content .modal-2FA-box ul li .step .txt-num {
    position: absolute;
    z-index: 3;
    width: 32px;
    height: 32px;
    left: -40px;
    border-radius: 50%;
    background-color: #FF6E00;
    color: white;
    text-align: center;
    font-weight: bold;
    font-style: italic;
    font-size: 20px;
    line-height: 32px;
    display: inline-block;
}

.modal-dialog .modal-content .modal-2FA-box ul li .step .txt-num::before {
    content: "Step";
    position: absolute;
    top: 0;
    left: -35px;
    color: #FF6E00;
    font-size: 20px;
    font-weight: 600;
    text-align: right;
}

.modal-dialog .modal-content .modal-2FA-box ul li .step p {
    padding: 7px 0 5px 0;
    line-height: normal;
}

.modal-dialog .modal-content .modal-2FA-box ul li .div-tb {
    border-radius: 10px;
    background-color: #f6f6f6;
    margin-top: 6px;
}

.modal-dialog .modal-content .modal-2FA-box ul li .div-tb .td {
    padding: 10px;
    vertical-align: middle;
    text-align: center;
}

.modal-dialog .modal-content .modal-2FA-box ul li .div-tb .td.social-icons {
    font-size: 35px;
}

.modal-dialog .modal-content .modal-2FA-box ul li .div-tb .td.social-icons a {
    margin: auto 10px;
    cursor: default;
}

.modal-dialog .modal-content .modal-2FA-box ul li .div-tb .td.social-icons a .icon-ios {
    color: #555555;
}

.modal-dialog .modal-content .modal-2FA-box ul li .div-tb .td.social-icons a .icon-android {
    color: yellowgreen;
}

.modal-dialog .modal-content .modal-2FA-box ul li .div-tb .td.social-icons a .icon-googlechrome {
    background: url(../images/2FA-Setting/chrome.png) no-repeat center right;
    background-size: 33px;
    width: 33px;
    height: 33px;
    vertical-align: baseline;
}

.modal-dialog .modal-content .modal-2FA-box ul li .div-tb .td.social-icons a .icon-googlechrome::before {
    content: '';
}

.modal-dialog .modal-content .modal-2FA-box ul li .div-tb .td.apps {
    display: flex;
}

.modal-dialog .modal-content .modal-2FA-box ul li .div-tb .td.apps img {
    width: 80px;
    height: 80px;
    max-width: 100%;
}

.modal-dialog .modal-content .modal-2FA-box ul li .div-tb .td .app-name {
    display: block;
    margin: auto 10px;
    text-align: left;
}

.modal-dialog .modal-content .modal-2FA-box ul li .div-tb .td span.img-qrcode {
    display: inline-block;
    text-align: center;
    position: relative;
}

.modal-dialog .modal-content .modal-2FA-box ul li .div-tb .td span.img-qrcode::before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #0185D9 transparent transparent transparent;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
}

.modal-dialog .modal-content .modal-2FA-box ul li .div-tb .td span.img-qrcode img {
    width: 160px;
    max-width: 100%;
    position: relative;
    border: 2px solid #0185D9;
    border-radius: 10px;
}

.modal-dialog .modal-content .modal-2FA-box ul li .div-tb .td .txt-num {
    display: flex;
    justify-content: space-around;
    background-color: #ffffff;
    padding: 10px 10px;
    border-radius: 10px;
    max-width: 100%;
}

.modal-dialog .modal-content .modal-2FA-box ul li .div-tb .td .txt-num p {
    font-size: 18px;
}

.modal-dialog .modal-content .modal-2FA-box ul li .div-tb .td .txt-num a {
    margin: auto 0;
    color: #0185D9;
    font-size: 21px;
}

.modal-dialog .modal-content .modal-2FA-box ul li .div-tb .td .txt-num a:hover {
    text-decoration: underline;
}

.modal-dialog .modal-content .modal-2FA-box ul li .div-tb .td .btn-sumit {
    display: inline-block;
    text-align: center;
    background-color: #FF6E00;
    border: 3px solid white;
    color: white;
    padding: 10px;
    min-width: 200px;
    margin: 10px auto;
    border-radius: 6px;
}

.modal-dialog .modal-content .modal-2FA-box ul li .div-tb .td .btn-sumit:hover {
    background: #e66300;
    color: #fff;
    box-shadow: 0 0 0 3px #ffd6b7;
    transition: all 0.15s ease-in-out;
}

.modal-dialog .modal-content .modal-2FA-box ul li .div-tb .td .btn-sumit .icon-shield-check {
    font-size: 21px;
    font-weight: 500;
}

.modal-dialog .modal-content .modal-2FA-box ul li .div-tb .td .btn-sumit .icon-shield-check span {
    padding: 0px 5px;
}

.modal-dialog .modal-content .modal-2FA-box ul li .div-tb .td .txt-tooltip {
    position: relative;
    background-color: #0185D9;
    color: white;
    padding: 6px;
    border-radius: 5px;
    width: auto;
    margin: 0 auto;
    margin-top: 10px;
    text-align: center;
}

.modal-dialog .modal-content .modal-2FA-box ul li .div-tb .td .txt-tooltip::before {
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 0 8px 10px 8px;
    border-color: transparent transparent #0185D9;
    top: -10px;
    right: 210px;
}

.modal-dialog .modal-content .modal-2FA-box ul li .div-tb .td .txt-tooltip i {
    margin-right: 6px;
}

.bgRelative {
    position: relative;
}

.bgWhite {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
}

.bgBlack,
.bg-empty {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}

.bg-empty {
    height: 100vh;
    background: none;
}

.pop-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 10000;
}

.overHidden {
    overflow: hidden;
}

.target:not(:target) {
    display: none;
}

.target:target {
    display: flex;
}

.popup, .popup-auto, .popup-XL, .popup-L, .popup-ML, .popup-M {
    width: 400px;
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
}

.popup.no-iframe .modal-content .modal-body, .no-iframe.popup-auto .modal-content .modal-body, .no-iframe.popup-XL .modal-content .modal-body, .no-iframe.popup-L .modal-content .modal-body, .no-iframe.popup-ML .modal-content .modal-body, .no-iframe.popup-M .modal-content .modal-body {
    height: auto;
    padding-bottom: 65px;
}

.popup.no-iframe .modal-content .modal-footer, .no-iframe.popup-auto .modal-content .modal-footer, .no-iframe.popup-XL .modal-content .modal-footer, .no-iframe.popup-L .modal-content .modal-footer, .no-iframe.popup-ML .modal-content .modal-footer, .no-iframe.popup-M .modal-content .modal-footer {
    position: absolute;
    border-radius: 0 0 12px 12px;
}

.popup h2, .popup-auto h2, .popup-XL h2, .popup-L h2, .popup-ML h2, .popup-M h2 {
    justify-content: space-between;
    border: none;
    font-size: 18px;
    font-weight: normal;
    line-height: 40px !important;
    color: #fff;
}

.popup table, .popup-auto table, .popup-XL table, .popup-L table, .popup-ML table, .popup-M table {
    margin-bottom: 20px;
}

.popup table li, .popup-auto table li, .popup-XL table li, .popup-L table li, .popup-ML table li, .popup-M table li {
    list-style: none;
}

.popup p, .popup-auto p, .popup-XL p, .popup-L p, .popup-ML p, .popup-M p {
    font-size: 21px;
    line-height: 22px;
}

.popup .popWrapper, .popup-auto .popWrapper, .popup-XL .popWrapper, .popup-L .popWrapper, .popup-ML .popWrapper, .popup-M .popWrapper {
    max-height: 80vh;
    overflow-y: auto;
}

.popup .inputC, .popup-auto .inputC, .popup-XL .inputC, .popup-L .inputC, .popup-ML .inputC, .popup-M .inputC {
    width: 130px;
}

.popup .basic01-group, .popup-auto .basic01-group, .popup-XL .basic01-group, .popup-L .basic01-group, .popup-ML .basic01-group, .popup-M .basic01-group, .popup .password-group, .popup-auto .password-group, .popup-XL .password-group, .popup-L .password-group, .popup-ML .password-group, .popup-M .password-group {
    justify-content: center;
    align-items: center;
}

.popup .basic01, .popup-auto .basic01, .popup-XL .basic01, .popup-L .basic01, .popup-ML .basic01, .popup-M .basic01 {
    width: 200px;
    margin-right: 20px;
}

.popup .basic01 dd, .popup-auto .basic01 dd, .popup-XL .basic01 dd, .popup-L .basic01 dd, .popup-ML .basic01 dd, .popup-M .basic01 dd {
    position: relative;
}

.popup .basic01 dd input, .popup-auto .basic01 dd input, .popup-XL .basic01 dd input, .popup-L .basic01 dd input, .popup-ML .basic01 dd input, .popup-M .basic01 dd input {
    width: 100%;
}

.popup .basic01 dd .form-control-btn, .popup-auto .basic01 dd .form-control-btn, .popup-XL .basic01 dd .form-control-btn, .popup-L .basic01 dd .form-control-btn, .popup-ML .basic01 dd .form-control-btn, .popup-M .basic01 dd .form-control-btn {
    position: absolute;
    right: 2%;
    margin-top: -28px;
    cursor: pointer;
}

.popup .basic01 dd .form-control-btn i, .popup-auto .basic01 dd .form-control-btn i, .popup-XL .basic01 dd .form-control-btn i, .popup-L .basic01 dd .form-control-btn i, .popup-ML .basic01 dd .form-control-btn i, .popup-M .basic01 dd .form-control-btn i {
    display: inline-block;
    padding: 0;
    width: 30px;
    height: 26px;
    text-align: center;
    line-height: 25px;
    border-radius: 3px;
    font-size: 100%;
}

.popup .basic01 dd .form-control-btn i:hover, .popup-auto .basic01 dd .form-control-btn i:hover, .popup-XL .basic01 dd .form-control-btn i:hover, .popup-L .basic01 dd .form-control-btn i:hover, .popup-ML .basic01 dd .form-control-btn i:hover, .popup-M .basic01 dd .form-control-btn i:hover {
    background: #e3e3e3;
}

.popup .h3Text, .popup-auto .h3Text, .popup-XL .h3Text, .popup-L .h3Text, .popup-ML .h3Text, .popup-M .h3Text {
    margin-bottom: 6px;
}

.popup .inputAdd, .popup-auto .inputAdd, .popup-XL .inputAdd, .popup-L .inputAdd, .popup-ML .inputAdd, .popup-M .inputAdd, .popup .inputSub, .popup-auto .inputSub, .popup-XL .inputSub, .popup-L .inputSub, .popup-ML .inputSub, .popup-M .inputSub {
    height: 30px;
}

.popup.w-460px, .w-460px.popup-auto, .w-460px.popup-XL, .w-460px.popup-L, .w-460px.popup-ML, .w-460px.popup-M {
    width: 460px;
}

.popup-M {
    width: 600px;
    max-height: 720px;
}

.popup-ML {
    width: 680px;
    max-height: 720px;
}

.popup-2L {
    width: 1100px;
}

.popup-L {
    width: 900px;
    max-height: 720px;
}

.popup-L .scroll {
    height: 595px;
}

.popup-L .popWrapper {
    padding: 15px 20px 0px 20px;
}

.popup-XL {
    width: 1300px;
}

.popup-auto {
    width: auto;
}

.popup-auto .popWrapper {
    padding: 24px;
}

.popupInTable, .popupInText, .popupInTable-plusMinus, .popupInTable-L {
    position: relative;
    position: absolute;
    top: 26px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 30;
    border-radius: 4px;
    padding: 12px;
    background: #f7f7f7;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.5), inset 0 0 1px 0 rgba(0, 0, 0, 0.6);
    display: flex;
}

.popupInTable:after, .popupInText:after, .popupInTable-plusMinus:after, .popupInTable-L:after {
    content: " ";
    position: absolute;
    top: -7px;
    left: calc(50% - 4px);
    width: 9px;
    height: 11px;
    background: url(../images/icArrowPopInTable.png) no-repeat center center;
}

.popupInTable .btnXCircle, .popupInText .btnXCircle, .popupInTable-plusMinus .btnXCircle, .popupInTable-L .btnXCircle {
    position: absolute;
    top: -10px;
    right: -10px;
}

.popupInTable .inputC, .popupInText .inputC, .popupInTable-plusMinus .inputC, .popupInTable-L .inputC,
.popupInTable .info,
.popupInText .info,
.popupInTable-plusMinus .info,
.popupInTable-L .info,
.popupInTable .infoNone,
.popupInText .infoNone,
.popupInTable-plusMinus .infoNone,
.popupInTable-L .infoNone {
    width: 100px;
    margin: 0 2px 0 0;
}

.popupInTable .drop, .popupInText .drop, .popupInTable-plusMinus .drop, .popupInTable-L .drop {
    width: 110px;
    margin: 0 2px 0 0;
}

.popupInTable .drop a, .popupInText .drop a, .popupInTable-plusMinus .drop a, .popupInTable-L .drop a {
    width: 110px;
}

.popupInTable-L {
    flex-direction: column;
}

.popupInTable-L .ulTab-1 {
    margin-bottom: 4px;
}

.popupInTable-L .ulTab-1 a {
    width: 104px;
}

.popupInTable-L .inputAdd, .popupInTable-L .inputSub {
    width: 176px;
    height: 30px;
    font-size: 20px;
    margin: 0 2px 4px 0;
}

.popupInTable-L .inputC {
    width: 102px;
}

.popupInTable-L .btnRefreshSec {
    margin-bottom: 4px;
}

.popupInTable-L .validationCode {
    margin-right: 2px;
}

.popupInTable-L .validationCode img {
    width: 40px;
    height: 28px;
}

.popupInTable-L .validationCode .btnRefresh {
    width: 24px;
    height: 24px;
}

.popupInTable-L .validationCode .btnRefresh:after {
    width: 20px;
    height: 15px;
}

.popupInTable-plusMinus {
    flex-direction: column;
}

.popupInTable-plusMinus .ulTab-1 {
    margin-bottom: 4px;
}

.popupInTable-plusMinus .ulTab-1 a {
    width: 100px;
}

.popupInTable-plusMinus .inputAdd, .popupInTable-plusMinus .inputSub {
    width: 136px;
    height: 30px;
    font-size: 20px;
    margin: 0 2px 0 0;
}

.popupInTable-plusMinus .inputC {
    width: 102px;
}

.popupInTable-plusMinus .btnRefreshSec {
    margin-right: 2px;
}

.popupInTable-plusMinus .txt {
    text-align: left;
}

.popupInText {
    padding: 6px 10px;
}

.popupInText p {
    width: 160px;
    color: #333333;
    line-height: 20px;
    text-align: center;
}

#loading.bgWhite.setFlex-center, .createId dd.bgWhite, .bgWhite.fixedPage {
    position: fixed;
}

.icLoading {
    width: 70px;
    height: 70px;
    background: url(../images/loading.svg) no-repeat center center;
}

.popupLoginNotice .icExclamation {
    margin: 0 auto 10px;
    display: block;
}

.popupTab {
    font-size: 20px;
}

.popupTab td {
    padding: 3px 8px;
}

.popupTab li {
    line-height: 20px;
}

.popupTab li span {
    margin-right: 6px;
}

.popupTab .ulSelect {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
}

.popupTab .tdParlay {
    padding: 0;
}

.popupTab .tdParlay ul {
    padding: 6px 10px;
    border-bottom: 1px dotted #979797;
}

.popupTab .tdParlay ul:last-child {
    border: none;
}

.popAnnouncement-PL {
    display: flex;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 40%;
    min-width: 560px;
    transform: translate(-50%, -50%);
    z-index: 10001;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
    border-radius: 12px;
    border: 3px solid #222;
}

.popAnnouncement-PL .modal-header {
    position: relative;
    background: #222;
    height: 38px;
    text-align: right;
}

.popAnnouncement-PL .modal-header .modal-tit {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    text-align: center;
    color: #636363;
    line-height: 34px;
}

.popAnnouncement-PL .modal-header .close {
    vertical-align: top;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><path fill="%23f3f3f3" d="M17.414 16L24 9.414 22.586 8 16 14.586 9.414 8 8 9.414 14.586 16 8 22.586 9.414 24 16 17.414 22.586 24 24 22.586z"/></svg>');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px;
    border-radius: 100px;
    display: inline-block;
    width: 35px;
    height: 35px;
}

.popAnnouncement-PL .modal-header .close:hover {
    background-color: #494949;
}

.popAnnouncement-PL .modal-header .inputCheckbox, .popAnnouncement-PL .modal-header .inputCheckbox-circle {
    min-width: 90px;
    vertical-align: top;
    text-align: center;
    display: inline-block;
    background: #2f2f2f;
    padding: 6px 15px;
    border-radius: 100px;
    margin: 2px 15px 0px 15px;
}

.popAnnouncement-PL .modal-header .inputCheckbox span, .popAnnouncement-PL .modal-header .inputCheckbox-circle span {
    color: #c9c9c9;
    line-height: 30px;
    font-size: 20px;
}

.popAnnouncement-PL .modal-header .inputCheckbox span:before, .popAnnouncement-PL .modal-header .inputCheckbox-circle span:before {
    background: none;
    border: 2px solid #c9c9c9;
    height: 15px;
    width: 15px;
    border-radius: 3px;
    margin-right: 5px;
}

.popAnnouncement-PL .modal-header .inputCheckbox span:hover, .popAnnouncement-PL .modal-header .inputCheckbox-circle span:hover {
    color: #c9c9c9;
}

.popAnnouncement-PL .modal-header .inputCheckbox span:hover::before, .popAnnouncement-PL .modal-header .inputCheckbox-circle span:hover::before {
    background: none;
}

.popAnnouncement-PL .modal-header .inputCheckbox:hover, .popAnnouncement-PL .modal-header .inputCheckbox-circle:hover {
    background-color: #494949;
}

.popAnnouncement-PL .modal-header .inputCheckbox input[type="checkbox"]:checked + span, .popAnnouncement-PL .modal-header .inputCheckbox-circle input[type="checkbox"]:checked + span {
    color: #c9c9c9;
}

.popAnnouncement-PL .modal-header .inputCheckbox input[type="checkbox"]:checked + span:before, .popAnnouncement-PL .modal-header .inputCheckbox-circle input[type="checkbox"]:checked + span:before {
    border-color: #868686;
    background-image: svg-check(#f3f3f3);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 15px;
}

.popAnnouncement-PL .btn-mail {
    position: absolute;
    z-index: 100;
    right: 20px;
    bottom: 20px;
    width: 45px;
    height: 45px;
    border-radius: 100px;
    background-image: svg-btnInbox(#f3f3f3);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    background-color: #222;
}

.popAnnouncement-PL .btn-mail:hover {
    background-color: #494949;
}

.popAnnouncement-PL .pop_up-content {
    position: relative;
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 12px;
}

.bgBlack h2 {
    position: relative;
}

.pop_up-box {
    position: relative;
    width: 100%;
}

.pop_up-box .pop_up-box-list {
    position: relative;
    max-height: 70vh;
    text-align: center;
    box-sizing: border-box;
    overflow-y: scroll;
}

.pop_up-box dl {
    font-size: 21px;
}

.pop_up-box dt {
    position: sticky;
    top: -1px;
    background: #222;
}

.pop_up-box dt span {
    display: block;
    width: 100%;
    line-height: normal;
    font-size: 21px;
    font-weight: bold;
    color: #fff;
    padding: 15px 0;
}

.pop_up-box dd {
    margin: 0;
    padding: 0;
    line-height: 1.6;
}

.pop_up-box dd img,
.pop_up-box dd object {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.pop_up-box dd img {
    width: 100%;
}

.pop_up-box dd p {
    margin: 0;
    padding: 10px 15px;
    text-align: left;
}

.pop_up-box dd ol,
.pop_up-box dd ul,
.pop_up-box dd .txt {
    margin: 15px 0 0 0;
    padding: 0 6% 0 6%;
    text-align: left;
}

.pop_up-box dd .txt {
    padding-bottom: 2%;
}

.pop_up-box dd ol,
.pop_up-box dd ul {
    margin: 0;
}

.pop_up-box dd li {
    text-align: left;
}

.pop_up-box dd .game-tit {
    margin-top: 2%;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
    color: #853900;
}

.pop_up-box dd .game-tit.lt {
    text-align: left;
}

.pop_up-box dd .game-list {
    margin-left: 10%;
}

.pop_up-box dd .game-list.lt {
    padding-left: 0;
}

.pop_up-box dd .game-btnbox {
    padding: 10px 0 20px 0;
    display: block;
    text-align: center;
}

.pop_up-box dd .game-btnbox.lt {
    padding-left: 10%;
    text-align: left;
}

.pop_up-box dd .game-btn {
    display: inline-block;
    padding: 6px 20px;
    margin: 0 auto;
    background: #FF6E00;
    border-radius: 100px;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s;
}

.pop_up-box dd .game-btn:hover, .pop_up-box dd .game-btn:active {
    transition: all 0.3s;
}

.pop_up-box dd .game-message {
    border-radius: 6px;
    padding: 10px 20px;
    color: #853900;
    background-color: #fff5bc;
}

.pop_up-box dd a {
    display: inline-block;
    color: #FF6E00;
    text-decoration: underline;
}

.pop_up-box dd a:hover {
    text-decoration: none;
}

.pop_up-box dd hr {
    height: 1px;
    margin: 10px 0;
    border: 0;
    background: #000000;
}

.pop_up-box:before {
    position: relative;
    content: "";
}

.modal-dialog {
    border-radius: 12px;
    position: relative;
    padding-bottom: 0;
}

.modal-dialog.no-bg {
    background: none;
}

.modal-dialog iframe {
    border-radius: 12px;
}

.modal-dialog .close {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><path fill="%23311401" d="M17.414 16L24 9.414 22.586 8 16 14.586 9.414 8 8 9.414 14.586 16 8 22.586 9.414 24 16 17.414 22.586 24 24 22.586z"/></svg>');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px;
    background-color: #f3f3f3;
    border: 1px solid #f3f3f3;
    border-radius: 100px;
    display: inline-block;
    font-weight: 400;
    position: absolute;
    right: 3px;
    top: 3px;
    z-index: 100;
    padding: 0;
    margin: 0;
    width: 40px;
    height: 40px;
}

.modal-dialog .close:hover {
    background-color: #ffffff;
}

.modal-dialog .modal-content {
    border-radius: 12px;
    background-color: #ffffff;
}

.modal-dialog .modal-content.bg-gray {
    background: #f1f1f1;
    padding: 0;
    height: 100vh;
    width: 100%;
    border-radius: 0 0 12px 12px;
}

.modal-dialog .modal-content.bg-gray .modal-body.modal-wrapper {
    background: #f1f1f1;
}

.modal-dialog .modal-content.bg-gray .ulAnchor {
    top: -20px;
}

.modal-dialog .modal-header {
    position: relative;
    border-radius: 12px 12px 0 0;
    background-color: #f3f3f3;
    border: none;
}

.modal-dialog .modal-header .modal-tit {
    display: inline-flex;
    align-items: center;
    font-size: 21px;
    line-height: 44px;
    padding-left: 15px;
    font-weight: normal;
}

.modal-dialog .modal-header .modal-tit i {
    font-size: 20px;
    margin-right: 5px;
}

.modal-dialog .modal-header .modal-tit .icon {
    font-size: 20px;
    line-height: 44px;
    width: 25px;
    height: auto;
}

.modal-dialog .modal-header .modal-tit .icon.icon-profile {
    height: 44px;
}

.modal-dialog .modal-header .modal-tit .icon::before {
    color: #3B3B3B;
}

.modal-dialog .modal-header .modal-tit .inputCheckbox input[type="checkbox"] + span, .modal-dialog .modal-header .modal-tit .inputCheckbox-circle input[type="checkbox"] + span {
    line-height: inherit;
    height: auto;
}

.modal-dialog .modal-header .modal-tit .inputCheckbox input[type="checkbox"]:checked + span, .modal-dialog .modal-header .modal-tit .inputCheckbox-circle input[type="checkbox"]:checked + span,
.modal-dialog .modal-header .modal-tit .inputCheckbox input[type="checkbox"] + span:hover,
.modal-dialog .modal-header .modal-tit .inputCheckbox-circle input[type="checkbox"] + span:hover {
    color: #3B3B3B;
}

.modal-dialog .modal-header .modal-tit .inputCheckbox span::before, .modal-dialog .modal-header .modal-tit .inputCheckbox-circle span::before {
    margin-right: 8px;
}

.modal-dialog .modal-header .modal-tit .btn {
    font-size: 21px;
    line-height: normal;
    padding: 5px 8px;
    border-width: 1px;
    border-radius: 4px;
    margin-left: 10px;
}

.modal-dialog .modal-header .modal-tit .modal-tit-tag {
    display: inline-flex;
    align-self: center;
    background-color: #fff;
    border-radius: 100px;
    padding: 0px 10px;
    font-size: 20px;
    line-height: 22px;
    height: 22px;
    margin: 0 10px;
    color: #777;
    background-color: #e0e0e0;
}

.modal-dialog .modal-header .modal-tit .modal-tit-tag i {
    align-self: center;
    font-size: 20px;
    line-height: 14px;
    margin-right: 3px;
    height: 15px;
}

.modal-dialog .modal-header.bg-none {
    padding-top: 0;
    background: none;
    border: none;
}

.modal-dialog .modal-header.bg-none .close {
    right: 13px;
    top: 13px;
}

.modal-dialog .modal-header.bg-none .close:hover {
    background-color: #ffffff;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><path fill="%23FF6E00" d="M17.414 16L24 9.414 22.586 8 16 14.586 9.414 8 8 9.414 14.586 16 8 22.586 9.414 24 16 17.414 22.586 24 24 22.586z"/></svg>');
    border: 1px solid #FF6E00;
}

.modal-dialog .modal-body {
    background: #fff;
    padding-top: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    border-radius: 0 0 15px 15px;
    padding: 15px;
    max-height: 520px;
}

.modal-dialog .modal-body.overflow-show {
    overflow: visible;
}

.modal-dialog .modal-body .form-edit {
    margin: 0 auto;
    padding-top: 20px;
    width: 250px;
}

.modal-dialog .modal-body .form-edit .form-group {
    width: 100%;
    margin-bottom: 15px;
}

.modal-dialog .modal-body .form-edit .form-group .inputL {
    width: 100%;
}

.modal-dialog .modal-body .form-edit .txt-error {
    margin-bottom: 15px;
}

.modal-dialog .modal-body .box-gray {
    padding: 10px;
    border-radius: 5px;
    background-color: #f7f7f7;
}

.modal-dialog .modal-body .box-gray .btn {
    padding: 5px;
    line-height: 24px;
    border-radius: 5px;
}

.modal-dialog .modal-body .box-gray .info-list {
    margin: 0;
    padding: 10px 0;
    list-style-type: disc;
    font-size: 20px;
}

.modal-dialog .modal-body .box-gray .info-list li {
    margin: 0 0 10px 30px;
    line-height: normal;
}

.modal-dialog .modal-body .card .createId .basic02 {
    width: 100%;
}

.modal-dialog .modal-body .card .createId .basic01 + .basic02 {
    width: auto;
}

.modal-dialog .modal-body .page {
    padding: 0;
    margin: 0;
    box-shadow: none;
}

.modal-dialog .modal-body .page .page-body {
    padding: 0;
}

.modal-dialog .modal-body .page .page-body.pb-50px {
    padding-bottom: 50px;
}

.modal-dialog .modal-body .page .page-body .search-form > ul {
    margin-bottom: 10px;
}

.modal-dialog .modal-body .page .page-body .search-form .txt-state {
    margin-top: 10px;
}

.modal-dialog .modal-body .page .page-body .search-form.bank-form .btn-upload img {
    width: auto;
    height: 100px;
}

.modal-dialog .modal-body .page .page-body .search-form.bank-form .btn-upload:hover img {
    height: auto;
    max-height: 300px;
    max-width: 800px;
    transform: translate(-80%, -50%);
}

.modal-dialog .modal-body .page .page-body .search-form.bank-form .btn-upload.relative.w-col-2 {
    position: relative !important;
    width: 370px;
    right: auto;
}

.modal-dialog .modal-body .page .page-body .search-form.bank-form .btn-upload.relative.w-col-2:hover img {
    transform: translate(-50%, -50%);
}

.modal-dialog .modal-body .page .page-body .search-form .form-group.form-tooltip .btn-tag {
    top: 30px;
}

.modal-dialog .modal-body .page .page-body .search-form.h-350px {
    height: auto;
    max-height: 350px;
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog .modal-body .page .page-body .bank-info .img-upload,
.modal-dialog .modal-body .page .page-body .bank-info .btn-upload {
    overflow: hidden;
}

.modal-dialog .modal-body .page .page-body .bank-info .img-upload img,
.modal-dialog .modal-body .page .page-body .bank-info .btn-upload img {
    width: auto;
    box-shadow: none;
    border: none;
    border-radius: unset;
    height: 360px;
}

.modal-dialog .modal-body .page .page-body .bank-info .txt-state {
    font-size: 21px;
}

.modal-dialog .modal-body .page .page-body .tb-mult {
    margin-bottom: 15px;
}

.modal-dialog .modal-body .page .form-edit {
    position: relative;
    padding: 0;
    width: 100%;
}

.modal-dialog .modal-body .page .form-edit.ct {
    text-align: center;
    margin-left: 0;
}

.modal-dialog .modal-body .page .form-edit.border-btm {
    border-bottom: 1px solid #e0e0e0;
}

.modal-dialog .modal-body .page .form-edit .form-group {
    width: 200px;
}

.modal-dialog .modal-body .page .form-edit .form-group.w-100per {
    width: 100%;
}

.modal-dialog .modal-body .page .form-edit .form-group.w-220px {
    width: 220px;
}

.modal-dialog .modal-body .page .form-edit .form-group.w-330px {
    width: 330px;
}

.modal-dialog .modal-body .page .form-edit .form-group.w-350px {
    width: 350px;
}

.modal-dialog .modal-body .page .form-edit .form-group.w-col-2 {
    width: 410px;
}

.modal-dialog .modal-body .page .form-edit .form-group.w-col-3 {
    width: 620px;
}

.modal-dialog .modal-body .page .form-edit .form-group.w-435px {
    width: 435px;
}

.modal-dialog .modal-body .page .form-edit .form-group.w-435px textarea {
    resize: none;
}

.modal-dialog .modal-body .page .form-edit .form-group.w-450px {
    width: 450px;
}

.modal-dialog .modal-body .page .form-edit .form-group.w-800px {
    width: 800px;
}

.modal-dialog .modal-body .page .form-edit .form-group.w-700px {
    width: 700px;
}

.modal-dialog .modal-body .page .form-edit .form-inner {
    padding: 20px 70px;
}

.modal-dialog .modal-body .page .inputCheckbox, .modal-dialog .modal-body .page .inputCheckbox-circle {
    position: relative;
}

.modal-dialog .modal-body .page .inputCheckbox span, .modal-dialog .modal-body .page .inputCheckbox-circle span {
    height: auto;
    min-height: 22px;
    line-height: normal;
    padding-left: 20px;
}

.modal-dialog .modal-body .page .inputCheckbox span::before, .modal-dialog .modal-body .page .inputCheckbox-circle span::before {
    position: absolute;
    left: 0;
    top: 4px;
}

.modal-dialog .modal-body .page .checkboxList-box .inputCheckbox span, .modal-dialog .modal-body .page .checkboxList-box .inputCheckbox-circle span {
    height: 30px;
}

.modal-dialog .modal-body .page .checkboxList-box .inputCheckbox span::before, .modal-dialog .modal-body .page .checkboxList-box .inputCheckbox-circle span::before {
    left: 4px;
    top: 8px;
}

.modal-dialog .modal-body .page .form-tooltip .tag-i .inputCheckbox span:before, .modal-dialog .modal-body .page .form-tooltip .tag-i .inputCheckbox-circle span:before {
    left: 3px;
    top: 6px;
}

.modal-dialog .modal-body .tb-mult-box {
    overflow: auto;
}

.modal-dialog .modal-body .tb-mult-box table {
    margin-bottom: 0;
}

.modal-dialog .modal-body .tb-mult-box table.tableReport {
    table-layout: fixed;
}

.modal-dialog .modal-body .tb-mult-box li {
    list-style: none;
}

.modal-dialog .modal-body .tb-mult-box .tableReport td {
    padding: 5px;
}

.modal-dialog .modal-body .tb-mult-box .tdPtComm dl {
    line-height: 24px;
}

.modal-dialog .modal-body .tb-mult-box .tdPtComm dl:first-child {
    border-bottom: 1px solid #ddd;
}

.modal-dialog .modal-body .tableScroll th {
    top: -15px;
}

.modal-dialog .modal-body .referral-box {
    margin-bottom: 20px;
}

.modal-dialog .modal-body .referral-box .referral-body {
    padding: 0;
}

.modal-dialog .modal-body .referral-box .referral-body .form-group.w-50per {
    width: 50%;
}

.modal-dialog .modal-wrapper {
    width: calc(100% - 30px);
    max-height: calc(100vh - 105px);
    padding: 15px 15px 40px 15px;
    overflow-y: auto;
}

.modal-dialog .modal-btnbox {
    text-align: center;
    padding: 10px 0;
}

.modal-dialog .modal-btnbox .btn {
    min-width: 120px;
}

.modal-dialog.popup, .modal-dialog.popup-M, .modal-dialog.popup-ML, .modal-dialog.popup-L, .modal-dialog.popup-XL, .modal-dialog.popup-auto {
    background: none !important;
    box-shadow: none;
}

.modal-dialog .content {
    margin-left: 0;
}

.modal-dialog .content .modal-body.modal-wrapper.bg-gray {
    background: #f1f1f1;
}

.modal-dialog .content h2.fixed {
    display: none;
}

.modal-dialog .content .fixedPadding-S {
    padding-top: 0;
}

.modal-dialog .card {
    width: calc(100% - 30px);
    display: block;
    border-radius: 10px;
    margin: 0 0 15px 15px;
    box-shadow: 0 5px 10px #d6d6d6;
}

.modal-dialog .card h2 {
    position: relative;
    flex: unset;
    width: 100%;
    line-height: 34px;
    border-radius: 9px 9px 0 0;
    padding-left: 20px;
    background: linear-gradient(to bottom, #fff7f2 0%, #fff 100%);
}

.modal-dialog .card h2 span {
    font-weight: normal;
    color: #a25013;
    padding-top: 5px;
}

.modal-dialog .card .padding-M, .modal-dialog .card .popup .popWrapper, .popup .modal-dialog .card .popWrapper, .modal-dialog .card .popup-M .popWrapper, .popup-M .modal-dialog .card .popWrapper, .modal-dialog .card .popup-ML .popWrapper, .popup-ML .modal-dialog .card .popWrapper, .modal-dialog .card .popup-L .popWrapper, .popup-L .modal-dialog .card .popWrapper, .modal-dialog .card .popup-XL .popWrapper, .popup-XL .modal-dialog .card .popWrapper, .modal-dialog .card .popup-auto .popWrapper, .popup-auto .modal-dialog .card .popWrapper {
    background: none !important;
    padding: 20px;
}

.modal-dialog .card .padding-M .card-accordion-body .tb-mult-box .tb-mult, .modal-dialog .card .popup .popWrapper .card-accordion-body .tb-mult-box .tb-mult, .popup .modal-dialog .card .popWrapper .card-accordion-body .tb-mult-box .tb-mult, .modal-dialog .card .popup-M .popWrapper .card-accordion-body .tb-mult-box .tb-mult, .popup-M .modal-dialog .card .popWrapper .card-accordion-body .tb-mult-box .tb-mult, .modal-dialog .card .popup-ML .popWrapper .card-accordion-body .tb-mult-box .tb-mult, .popup-ML .modal-dialog .card .popWrapper .card-accordion-body .tb-mult-box .tb-mult, .modal-dialog .card .popup-L .popWrapper .card-accordion-body .tb-mult-box .tb-mult, .popup-L .modal-dialog .card .popWrapper .card-accordion-body .tb-mult-box .tb-mult, .modal-dialog .card .popup-XL .popWrapper .card-accordion-body .tb-mult-box .tb-mult, .popup-XL .modal-dialog .card .popWrapper .card-accordion-body .tb-mult-box .tb-mult, .modal-dialog .card .popup-auto .popWrapper .card-accordion-body .tb-mult-box .tb-mult, .popup-auto .modal-dialog .card .popWrapper .card-accordion-body .tb-mult-box .tb-mult {
    min-width: 100%;
}

.modal-dialog .card.game-detail-list {
    width: calc(100% - 30px) !important;
    margin: 15px 0 15px 15px !important;
    background: #fff;
    border: none;
    border-radius: 10px;
}

.modal-dialog .card.game-detail-list .game-detail-box {
    background: #fff;
    border-radius: 10px;
    border: none;
    top: 23px;
}

.modal-dialog .card.game-detail-list h2 {
    display: block;
    border-radius: 10px;
}

.modal-dialog .card.game-detail-list h2 i {
    position: absolute;
    left: 15px;
    top: 10px;
    flex: unset;
    margin-right: 5px;
}

.modal-dialog .card.game-detail-list h2 span {
    padding: 5px 0 0 25px;
    line-height: 44px;
}

.modal-dialog .card .basic01-group .basic01, .modal-dialog .card .password-group .basic01 {
    margin-right: 25px;
}

.modal-dialog .card .basic01-group .basic01 .info, .modal-dialog .card .password-group .basic01 .info, .modal-dialog .card .basic01-group .basic01 .infoNone, .modal-dialog .card .password-group .basic01 .infoNone,
.modal-dialog .card .basic01-group .basic01 .select,
.modal-dialog .card .password-group .basic01 .select {
    width: 175px;
}

.modal-dialog .card table tr td:first-child .popupInText {
    transform: translateX(-2%);
    left: 1%;
}

.modal-dialog .card table tr td:first-child .popupInText::after {
    left: 10px;
    width: 11px;
}

.modal-dialog .game-detail-page {
    background: none;
    padding-top: 0 !important;
}

.modal-dialog .btnBoxFixed {
    left: 0;
    width: 100%;
    z-index: 600;
    padding: 5px 0 !important;
    display: block;
    text-align: center;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}

.modal-dialog .btnBoxFixed .ulBox {
    display: block;
}

.modal-dialog .btnBoxFixed .ulBox li {
    margin: 0;
}

.modal-dialog .btnBoxFixed .ulBox li .btnAMain-L {
    margin: 0;
    min-width: 120px;
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0 15px;
}

.modal-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 5px 0;
    background-color: #f7f7f7;
    box-shadow: 0px -3px 10px rgba(0, 0, 0, 0.1);
}

.modal-footer .btn {
    position: relative;
    padding: 5px;
    line-height: 24px;
    border-radius: 5px;
    min-width: 120px;
}

.modal-footer .btn .icon-arrow-left,
.modal-footer .btn .icon-arrow-right {
    position: absolute;
    right: 5px;
    font-size: 23px;
}

.modal-footer .btn .icon-arrow-left {
    right: auto;
    left: 5px;
}

.modal-footer .btn.btn-o {
    border: none;
}

body.modal-open .tb-mult .dropdown-menu.show {
    z-index: 499;
}

body.modal-open .bg-empty {
    z-index: 498;
    height: 100%;
}

body.modal-open-DailyReport {
    background: #000;
}

body.modal-open-DailyReport .modal-dialog {
    width: 750px;
    margin: 0 auto;
}

body.modal-open-DailyReport .modal-dialog .modal-content {
    height: 515px;
    overflow-y: auto;
}

.modal-body .modal-tit {
    padding-bottom: 20px;
}

.modal-body .modal-tit span {
    font-size: 20px;
    color: #333333;
}

.modal-body .text-muted {
    font-size: 20px;
    color: #848484;
}

.modal-body .modal-table {
    text-align: center;
    line-height: normal;
}

.modal-body .modal-table th {
    background: #ebebeb;
    color: #333333;
    height: 35px;
    padding: 5px;
}

.modal-body .modal-table th.align-L, .modal-body .modal-table th.dropDown_gray_M, .modal-body .modal-table th.dropDown_gray_L, .modal-body .modal-table th.inputCalender, .modal-body .modal-table .popup_4 th.text_1, .popup_4 .modal-body .modal-table th.text_1, .modal-body .modal-table .tdMatch th.player_2, .tdMatch .modal-body .modal-table th.player_2, .modal-body .modal-table .changePassword th.text_1, .changePassword .modal-body .modal-table th.text_1, .modal-body .modal-table th.th_title, .modal-body .modal-table th.tdInfo, .modal-body .modal-table th.tdChoice {
    padding-left: 10px;
}

.modal-body .modal-table td {
    padding: 5px;
}

.modal-body .modal-table td.align-L, .modal-body .modal-table .popup_transfer td, .popup_transfer .modal-body .modal-table td, .modal-body .modal-table .table_betSetting td, .table_betSetting .modal-body .modal-table td, .modal-body .modal-table td.dropDown_gray_M, .modal-body .modal-table td.dropDown_gray_L, .modal-body .modal-table td.inputCalender, .modal-body .modal-table .popup_4 td.text_1, .popup_4 .modal-body .modal-table td.text_1, .modal-body .modal-table .tdMatch td.player_2, .tdMatch .modal-body .modal-table td.player_2, .modal-body .modal-table .changePassword td.text_1, .changePassword .modal-body .modal-table td.text_1, .modal-body .modal-table td.th_title, .modal-body .modal-table td.tdInfo, .modal-body .modal-table td.tdChoice {
    padding-left: 10px;
}

.modal-body .modal-table td.game-result-td {
    vertical-align: top;
}

.modal-body .modal-table tr {
    border-bottom: 0;
}

.modal-body .modal-table.w-90per {
    margin: 0 auto;
}

.modal-body .game-result {
    display: inline-block;
    width: 40px;
    line-height: 20px;
    height: 20px;
    padding: 1px 4px;
    border-radius: 5px;
    vertical-align: middle;
    margin: 3px auto;
}

.modal-body .game-result.win {
    color: #ffffff;
    border: 1px solid #ffffff;
    background-color: #1299e4;
    box-shadow: 0px 3px 10px 0px rgba(77, 161, 240, 0.38);
}

.modal-body .game-result.tie {
    color: #ffffff;
    border: 1px solid #ffffff;
    background-color: #59b15e;
    box-shadow: 0px 3px 10px 0px rgba(77, 240, 150, 0.38);
}

.modal-body .poker {
    display: inline-block;
    width: 35px;
    height: 53px;
    padding: 8px;
    border: 1px solid #c8c8c8;
    border-radius: 5px;
    font-weight: bold;
    line-height: 14px;
    text-align: center;
    box-sizing: border-box;
    margin-bottom: 2px;
    background: #fff;
}

.modal-body .poker:after {
    content: "";
    display: block;
    width: 100%;
    height: 14px;
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 7px;
}

.modal-body .poker-spade:after {
    background-image: svg-spade(#000000);
}

.modal-body .poker-heart {
    color: #da1414;
}

.modal-body .poker-heart:after {
    background-image: svg-heart(#da1414);
}

.modal-body .poker-diamond {
    color: #da1414;
}

.modal-body .poker-diamond:after {
    background-image: svg-diamond(#da1414);
}

.modal-body .poker-club:after {
    background-image: svg-club(#000000);
}

.modal-body .score {
    padding: 0 4px;
}

.modal-body .number {
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    border-radius: 5px;
    margin: 6px auto;
}

.modal-body .number.red {
    background: #da1414;
    box-shadow: 0px 3px 10px 0px rgba(218, 20, 20, 0.38);
}

.modal-body .number.black {
    background: #333;
    box-shadow: 0px 3px 10px 0px rgba(51, 51, 51, 0.38);
}

.modal-body .number.green {
    background: #63a41b;
    box-shadow: 0px 3px 10px 0px rgba(99, 164, 27, 0.38);
}

.modal-body .tag {
    display: inline-block;
    color: #fff;
    background: #777777;
    padding: 2px 10px;
    border-radius: 5px;
}

.popover {
    display: none;
}

.popover.credit-pop.show {
    transform: translateX(-50%) !important;
}

.popover.credit-pop.show::before {
    left: 50% !important;
}

.popover.w-370px.show {
    width: 370px;
    transform: translateX(-80%);
    padding-bottom: 0;
}

.popover.w-370px.show::before {
    left: 80%;
}

.popover.show {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 20px;
    z-index: 499;
    height: auto;
    display: inline-block;
    background: #fff;
    box-shadow: 0 2px 8px #bebebe;
    border-radius: 6px;
    padding: 8px;
    width: 270px;
}

.popover.show::before {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -6px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #666 transparent;
}

.popover.show .form-edit .form-group .btn {
    font-size: 12px;
    min-width: 28px;
}

.popover.show .close {
    position: absolute;
    right: -20px;
    top: -20px;
    border-radius: 100px;
    background-color: #666;
}

.popover.show .close i {
    display: inline-block;
    color: #fff;
    font-size: 23px;
    line-height: 30px;
    text-align: center;
    width: 30px;
    height: 30px;
}

.popover .tab-body {
    padding: 10px 8px;
}

.popover .tab-body .txt-error #promotionText {
    word-break: break-all;
    word-wrap: break-word;
}

.popover .tab-body.pb-0 {
    padding-bottom: 0;
    text-align: center;
}

.popover .tab-body.form-edit {
    margin: 0;
    text-align: center;
}

.popover .tab-body.form-edit .icon-minus,
.popover .tab-body.form-edit .icon-checked,
.popover .tab-body.form-edit .icon-reset,
.popover .tab-body.form-edit .icon-add {
    flex: 0.2;
    background: none;
    color: #ff6e00;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    width: 30px;
    height: 30px;
    margin-top: 2px;
}

.popover .tab-body.form-edit .div-tb {
    margin-bottom: 10px;
}

.popover .tab-body.form-edit .div-tb .txt {
    padding: 0 5px;
}

.popover .tab-body.form-edit .div-tb .td {
    padding: 0 5px;
    text-align: center;
}

.popover .tab-body.form-edit .div-tb .td.rt {
    text-align: right;
}

.popover .tab-body.form-edit .div-tb .td.w-50px {
    width: 50px !important;
}

.popover .tab-body.form-edit .div-tb .td:first-child {
    padding-left: 0;
}

.popover .tab-body.form-edit .div-tb .td:last-child {
    padding-right: 0;
}

.popover .tab-body.form-edit .div-tb .td .btn.btn-primary {
    width: 100%;
}

.popover .tab-body.form-edit .div-tb .td.p-0 {
    padding: 0;
}

.popover .tab-body.form-edit .div-tb .td.vbtm {
    vertical-align: bottom;
}

.popover .tab-body.form-edit .div-tb .td.vbtm .btn.btn-primary {
    margin-bottom: 0;
}

.popover .tab-body.form-edit textarea {
    resize: none;
    min-height: 80px;
    padding: 5px;
}

.popover .tab-body.form-edit textarea.w-100per {
    width: 100%;
    display: block;
}

.popover .tab-body.form-edit .form-group {
    background-color: #f9f9f9;
    box-shadow: 0 1px 2px #dadada inset;
    border: 1px solid #c7c7c7;
    height: 35px;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    width: 100%;
    min-width: auto;
}

.popover .tab-body.form-edit .form-group input {
    flex: 1;
    border: none;
    background: none;
    box-shadow: none;
    margin: 0;
    height: 35px;
    width: 110px;
    max-width: 100%;
}

.popover .tab-body.form-edit .form-group a.btn {
    flex: 0.3;
    background: #e2e3e1;
    border-radius: 3px;
    height: 30px;
    margin: 3px 3px 0 0;
    line-height: 30px;
    width: 100%;
    color: #666;
}

.popover .tab-body.form-edit .form-group a.btn .icon-reset {
    background: none;
    color: #666;
    font-weight: normal;
}

.popover .tab-body.form-edit .form-group a.btn:hover {
    color: #333;
}

.popover .tab-body.form-edit .form-group a.btn:hover i {
    color: #333;
}

.popover .tab-body.form-edit .btn.btn-primary {
    border-radius: 5px;
    width: 40px;
    height: 34px;
    padding: 0;
    margin: 0;
}

.popover .tab-body.form-edit .btn.btn-primary .icon-checked {
    color: #fff;
    font-size: 28px;
    height: 30px;
    line-height: 32px;
    text-shadow: 0 1px 3px #5f351d;
}

.popover .tab-body.form-edit .form-tooltip input {
    padding-right: 25px;
    margin: 0;
}

.popover .tab-body.form-edit .form-tooltip input::-webkit-outer-spin-button,
.popover .tab-body.form-edit .form-tooltip input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.popover .tab-body.form-edit .form-tooltip input[type="number"] {
    -moz-appearance: textfield;
}

.popover .tab-body.form-edit .form-tooltip .btn-tag {
    top: 0;
    width: 30px;
    height: 33px;
    background: none;
    box-shadow: none;
}

.popover .tab-body.form-edit .form-tooltip .btn-tag .inputCheckbox span, .popover .tab-body.form-edit .form-tooltip .btn-tag .inputCheckbox-circle span {
    height: 30px;
}

.popover .tab-body.form-edit .form-tooltip .btn-tag .inputCheckbox span::before, .popover .tab-body.form-edit .form-tooltip .btn-tag .inputCheckbox-circle span::before {
    margin: 1px 0 0 6px;
}

.popover .tab-body.form-edit .form-tooltip .btn-tag .popupInText:after {
    left: calc(50% - 2px);
}

.popover .tab-body .calc-withdraw-info {
    color: #969696;
}

.popover .tab-body .calc-withdraw-info .td.txt-info {
    border-radius: 8px;
}

.popover .tab-body .calc-withdraw-info .txt-info {
    margin-bottom: 0 !important;
    padding: 3px !important;
    color: #444444;
}

.popover .tab-body .calc-withdraw-info .txt-info strong.txt-number {
    color: #ff6e00;
}

.popover .tab-body .calc-withdraw-info .txt-info .txt-number {
    display: block;
    white-space: nowrap;
    line-height: 25px;
    font-size: 21px;
}

.popover .tab-body .txt-info {
    margin: 0 auto;
    background-color: #f1f1f1;
    border-radius: 8px;
    display: inline-block;
    padding: 3px 10px;
    font-size: 90%;
}

.popover .tab-body .txt-info .txt-inner {
    padding: 5px;
    line-height: 20px;
    margin-bottom: 0;
}

.popover .tab-body .txt-info .txt-inner .lt {
    text-align: left;
}

.popover .tab-body .platform-selbox {
    position: relative;
    margin-top: 10px;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    background: #f1f1f1;
    text-align: center;
    padding: 0 20px 15px 20px;
    margin-left: -16px;
    width: calc(100% - 8px);
}

.popover .tab-body .platform-selbox .tit {
    position: relative;
    line-height: 40px;
    font-size: 20px;
}

.popover .tab-body .platform-selbox .tit .btn-2 {
    position: absolute;
    top: 8px;
    margin-left: 8px;
}

.popover .tab-body .platform-selbox .form-group.platform-group {
    border: none;
    box-shadow: none;
    text-align: center;
    display: flex;
    justify-content: space-evenly;
    padding: 5px 0;
}

.popover .tab-body .platform-selbox .form-group.platform-group .txt-gametype {
    position: static;
    border-radius: 10px;
}

.popover .tab-body .platform-selbox .form-group.platform-group .txt-gametype .icon {
    width: 35px;
    height: 35px;
    line-height: 35px;
}

.popover .tab-body .platform-selbox .form-group.platform-group .txt-gametype .icon.icon-LIVE {
    background-position: center center;
}

.popover .tab-body .platform-selbox .form-group.platform-group .txt-gametype:hover {
    background-color: #8d8d8d;
}

.popover .tab-body .platform-selbox .form-group.platform-group .txt-gametype .game-type-txt {
    left: 50%;
    transform: translateX(-50%);
    top: auto;
    bottom: 65px;
}

.popover .tab-body .platform-selbox .form-group.platform-group .txt-gametype .game-type-txt .txt-platform {
    min-width: 280px;
    max-width: 280px;
}

.popover .tab-body .platform-selbox .form-group.platform-group .txt-gametype .game-type-txt .txt-platform::before {
    display: none;
}

.popover .tab-body .platform-selbox .form-group.platform-group .txt-gametype:nth-of-type(1) .game-type-txt::before {
    left: 25px !important;
}

.popover .tab-body .platform-selbox .form-group.platform-group .txt-gametype:nth-of-type(2) .game-type-txt::before {
    left: 100px !important;
}

.popover .tab-body .platform-selbox .form-group.platform-group .txt-gametype:nth-of-type(3) .game-type-txt::before {
    left: 177px !important;
}

.popover .tab-body .platform-selbox .form-group.platform-group .txt-gametype:nth-of-type(4) .game-type-txt::before {
    left: 255px !important;
}

.popover .tab-body .btnbox {
    text-align: center;
    margin: 0;
    padding: 3px 0;
}

.popover .tab-body .btnbox .btn.btn-primary {
    min-width: 90px;
    padding: 0 20px;
    line-height: 35px;
}

/***************/
/*******Layout********/
.setting-box {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.setting-box .btn {
    display: inline-block;
    border-radius: 5px;
    font-size: 21px;
    background: #fa8c0b;
    min-width: 90px;
    max-width: 90px;
    min-height: 65px;
    color: #fff;
    border: 1px solid #FF6E00;
    padding: 1px 10px 0px 10px;
    vertical-align: top;
    line-height: 15px;
    text-align: center;
}

.setting-box .btn i {
    display: block;
    font-size: 23px;
    line-height: 30px;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
}

.setting-box .btn i.icon-mail-group {
    font-size: 30px;
}

.setting-box .btn:hover {
    background: #FF6E00;
}

.setting-box .btn.btn-2FA .icon-shield-2FA {
    background: none;
}

.setting-box .btn.btn-2FA p {
    font-size: 10px;
    margin-top: 2px;
}

.setting-box .btn.btn-2FA p .on {
    background-color: #ffffff;
    color: #fa8c0b;
    padding: 2px 15px;
    border-radius: 10px;
}

.setting-box .btn.btn-2FA p .disabled {
    background-color: rgba(104, 104, 104, 0.308);
    color: white;
    padding: 2px 15px;
    border-radius: 10px;
}

.card {
    position: relative;
}

.card.card-action {
    display: flex;
    border-radius: 2px;
    margin: 20px 0px 20px 0px;
    background-color: #ececec;
}

.card.card-action .card-tit {
    align-self: center;
    padding: 10px 25px 10px 15px;
    color: #853900;
    font-weight: bold;
}

.card.card-action .card-body {
    padding: 10px;
    margin: 0px;
    background: none;
}

.card.myProfileStatistics {
    display: block;
    border-radius: 20px;
    padding: 0px;
    margin: 0 20px 0 10px;
    max-width: 1300px;
}

.card.myProfileStatistics .card-body {
    padding: 0px;
    margin: 0;
    border-radius: 15px;
}

.card .card-body {
    margin: 20px 3% 10px 3%;
    background: #f1f1f1;
    border-radius: 8px;
    padding: 18px 20px 20px 20px;
}

.card .card-body .card-body-tit {
    display: flex;
}

.card .card-body .form-edit {
    width: auto;
    display: inline-block;
    background-color: #fff;
    margin-bottom: 0;
    padding: 5px;
    border-radius: 5px 5px 0 0;
}

.card .card-body .form-edit .form-select {
    width: 200px;
    border-color: gainsboro;
    background-color: #fff;
}

.card .card-body .form-edit .form-select:hover {
    border-color: #ffc396;
}

.card .card-body .online-box {
    display: flex;
    background: #fff;
    border-radius: 60px;
    margin: 0 10px 5px 10px;
    padding: 0 20px 0 15px;
}

.card .card-body .online-box span {
    line-height: 40px;
    color: #909090;
}

.card .card-body .online-box .online-info {
    position: relative;
    text-align: left;
    padding: 3px 0 0 50px;
}

.card .card-body .online-box .online-info i {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    color: #909090;
}

.card .card-body .online-box .online-info small {
    position: relative;
    font-size: 8px;
    color: #909090;
    transform: scale(0.9);
}

.card .card-body .online-box .online-info .txt-num {
    font-size: 21px;
}

.card .card-body .card-bodyflex {
    display: grid;
    grid-template-columns: auto 65%;
    gap: 1.5%;
    background: #fff;
    padding: 15px 25px 25px 25px !important;
    border-radius: 0 10px 10px 10px;
    margin-bottom: 20px;
}

.card .card-body .card-bodyflex.top-info {
    grid-template-columns: 70% auto;
}

.card .card-body .card-bodyflex.top-info small.txt-gray {
    color: #c1c1c1;
    white-space: nowrap;
}

.card .card-body .card-bodyflex.mb-10 {
    margin-bottom: 10px;
    border-radius: 0 6px 6px 6px;
    padding: 10px 20px 20px 20px !important;
}

.card .card-body .card-bodyflex .tab-content table tr {
    border: none;
}

.card .card-body .card-bodyflex .tab-content table tr:nth-child(even) {
    background-color: #f7f7f7;
}

.card .card-body .card-bodyflex .tab-content table tr td {
    height: 35px;
}

.card .card-body .card-bodyflex .statistic-tb.padd-5px {
    padding: 0 3px 5px 3px;
    border-radius: 6px;
}

.card .card-body .card-bodyflex .w-35per {
    width: 32%;
    min-width: 32%;
    margin-right: 10px !important;
}

.card .card-body .card-bodyflex table tr th {
    border-right: none;
    height: 30px;
    padding: 2px 5px 2px 2px;
}

.card .card-body .card-bodyflex table tr th .dis-inline {
    display: inline-block;
}

.card .card-body .card-bodyflex table tr td {
    padding: 2px 5px 2px 2px;
}

.card .card-body .card-bodyflex table tr td.vtop {
    vertical-align: top !important;
}

.card .card-body .card-bodyflex table tr td .img-platform-logo {
    position: relative;
    width: auto;
    margin-left: 45px;
    display: table;
    height: 40px;
    width: 100%;
}

.card .card-body .card-bodyflex table tr td .img-platform-logo i {
    position: absolute;
    top: 0;
    left: -45px;
    width: 40px;
}

.card .card-body .card-bodyflex table tr td .img-platform-logo .txt {
    word-wrap: break-word;
    line-height: normal;
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
}

.card.is-error .p-0 .dis-F {
    padding: 30px 4%;
}

.card .card-error-msg {
    position: relative;
    padding: 0px 3% 25px 3%;
}

.card .card-error-msg .info-icon {
    position: absolute;
    left: 55px;
    top: 15px;
    display: inline-block;
    background: #fff;
    border: 1px solid #f8dbd7;
    border-radius: 30px;
    padding: 8px;
    vertical-align: top;
}

.card .card-error-msg .info-list {
    display: block;
    width: calc(100% - 108px);
    vertical-align: middle;
    color: #c80000;
    border-radius: 20px;
    margin: 0;
    padding: 10px 20px 20px 90px;
    background: #ffeeef;
}

.card .card-error-msg .info-list li {
    margin-bottom: 10px;
}

.card .card-error-msg .info-list li.tit {
    font-weight: bold;
    margin: 15px 0 5px -20px;
    list-style: none;
}

.card .card-error-msg .info-list li:only-child {
    list-style-type: none;
    margin: 10px 0 0 -15px;
}

.card .createId .basic02 dt {
    display: none;
}

.card .createId .basic02 .h-auto {
    width: 100%;
}

.card .createId .basic02 .h-auto .btnASec, .card .createId .basic02 .h-auto .btnASec-L, .card .createId .basic02 .h-auto .btnASec-S {
    white-space: nowrap;
}

.card .checkbox-list {
    display: block;
    padding: 5px 0;
}

.card .checkbox-list .inputCheckbox, .card .checkbox-list .inputCheckbox-circle {
    display: inline-block;
}

.card .btn-s {
    align-self: flex-end;
    padding: 0 10px;
}

.card .form-group.check-list {
    background: #f1f1f1;
    padding: 5px 5px;
}

* {
    margin: 0;
    padding: 0;
}

* a {
    text-decoration: none;
}

.table_betSetting tbody th {
    min-width: 65px;
}

.table_betSetting th strong {
    display: block;
    margin: 0 5px;
    padding: 10px 0;
}

.table_betSetting th span {
    display: block;
    height: 36px;
    margin: 0;
    padding: 0 15px;
}

.table_betSetting .copySetting {
    cursor: pointer;
    background: url("../images/iconSet.gif") no-repeat -17px -1685px;
}

.table_betSetting .copySetting:hover {
    background: url("../images/iconSet.gif") no-repeat -17px -1743px;
}

.table_betSetting .copySetting_on {
    cursor: pointer;
    background: url("../images/iconSet.gif") no-repeat -17px -1743px;
}

.table_PT tr {
    border: 1px solid #C1C1C1;
}

.table_PT td {
    border: none;
}

.table_PT p {
    margin: 6px 5px 0 5px;
    padding: 0;
}

.table_PT tbody th {
    min-width: 65px;
}

.table_PT th strong {
    display: block;
    margin: 0 5px;
    padding: 10px 0;
}

.table_PT th span {
    display: block;
    height: 36px;
    margin: 0;
    padding: 0 15px;
}

.table_PT .copySetting {
    cursor: pointer;
    background: url("../images/iconSet.gif") no-repeat -17px -1685px;
}

.table_PT .copySetting:hover {
    background: url("../images/iconSet.gif") no-repeat -17px -1743px;
}

.table_PT .copySetting_on {
    cursor: pointer;
    background: url("../images/iconSet.gif") no-repeat -17px -1743px;
}

.table_Enable a {
    display: block;
    width: 25px;
    height: 20px;
    margin: 0 auto;
    background: url(../images/iconSet.gif) no-repeat -19px -859px;
}

.table_Enable .a_point_on {
    background: url(../images/iconSet.gif) no-repeat -19px -949px;
}

.table_Enable .dropDown_gray_L {
    margin: 0 auto;
}

.a_point, .a_point_on {
    display: block;
    width: 25px;
    height: 20px;
    margin: 0 auto;
    background: url(../images/iconSet.gif) no-repeat -19px -859px;
}

.a_point_on {
    background: url(../images/iconSet.gif) no-repeat -19px -949px;
}

.boxDl_1 {
    background: url(../images/bg-profileTop.gif) repeat-y center 2px #ECECEC;
    min-width: 1050px;
}

.boxDl_1 .dl_1 {
    width: 50%;
}

.remarks {
    max-width: 250px;
    padding: 10px;
    border: 1px solid #C1C1C1;
    font-size: 21px;
    line-height: 18px;
    font-family: Arial, Helvetica, sans-serif;
    color: #6a6a6a;
}

.remarks:hover {
    border: 1px solid #FD8503;
}

.a_allSetting-off, .a_allSetting-on {
    display: block;
    margin: 0;
    padding: 5px 0 5px 25px;
    background: url(../images/iconSet.gif) no-repeat -21px -856px;
    color: #353535;
    text-decoration: none;
}

.a_allSetting-off:hover, .a_allSetting-on:hover {
    color: #fd7303;
}

.a_allSetting-on {
    color: #fd7303;
    background: url(../images/iconSet.gif) no-repeat -21px -946px;
}

.popup_addNew p {
    line-height: 24px;
}

.popup h2, .popup-M h2, .popup-ML h2, .popup-L h2, .popup-XL h2, .popup-auto h2 {
    background-image: linear-gradient(90deg, #311D0B 0%, #5D3816 100%);
}

.icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.icon-shield-2FA {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="768" height="768"><path fill="%23666666" d="M385.1 667.6c-37.9-21.5-141.4-86.2-193.6-177.6-2.5-4.4-4.9-8.8-7.1-13.3-14.6-29.2-23.3-60.1-23.3-92.7V182.2l224-84 224 84V384c0 32.6-8.7 63.5-23.2 92.7-2.2 4.5-4.6 8.9-7.1 13.3-52.2 91.4-155.8 156.1-193.7 177.6zm14.3 65S559 653.4 634.3 521.8c3.1-5.4 6-10.9 8.8-16.5 18.2-36.3 30-77.1 30-121.3V160c0-13.6-8.5-25.3-20.8-30l-256-96c-7.6-2.8-15.5-2.6-22.5 0l-256 96c-12.8 4.8-20.7 16.9-20.8 30v224c0 44.2 11.8 85 30 121.3 2.8 5.6 5.7 11.1 8.8 16.5C211 653.4 370.7 732.6 370.7 732.6c9.5 4.7 20 4.4 28.7 0z"/><path fill="%23666666" d="M445 288.3c0-33.1-26.8-59.9-59.9-59.9s-59.9 26.8-59.9 59.9c0 19.3 9.2 36.5 23.5 47.4l-23.5 120.5H445l-23.5-120.5c14.3-10.9 23.5-28 23.5-47.4z"/></svg>');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px;
}

.tr_lock {
    background: #ffcecf;
}

.tr_close {
    background: #ECECEC;
    color: #919191;
}

.tr_close a {
    color: #919191;
}

.tr_suspended {
    background: #ecd3f4;
}

.setting-box {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.setting-box .btn {
    display: inline-block;
    border-radius: 5px;
    font-size: 21px;
    background: #fa8c0b;
    min-width: 90px;
    max-width: 90px;
    min-height: 65px;
    color: #fff;
    border: 1px solid #FF6E00;
    padding: 1px 10px 0px 10px;
    vertical-align: top;
    line-height: 15px;
    text-align: center;
}

.setting-box .btn i {
    display: block;
    font-size: 23px;
    line-height: 30px;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
}

.setting-box .btn i.icon-mail-group {
    font-size: 30px;
}

.setting-box .btn:hover {
    background: #FF6E00;
}

.setting-box .btn.btn-2FA .icon-shield-2FA {
    background: none;
}

.setting-box .btn.btn-2FA p {
    font-size: 10px;
    margin-top: 2px;
}

.setting-box .btn.btn-2FA p .on {
    background-color: #ffffff;
    color: #fa8c0b;
    padding: 2px 15px;
    border-radius: 10px;
}

.setting-box .btn.btn-2FA p .disabled {
    background-color: rgba(104, 104, 104, 0.308);
    color: white;
    padding: 2px 15px;
    border-radius: 10px;
}

.currentTable_Mer thead {
    background-color: #FFE5E5;
}

.currentTable_Wala thead {
    background-color: #E6FDFF;
}

.currentTable_Bdd thead {
    background-color: #ECFFE8;
}

.a_count {
    display: inline-block;
    height: 22px;
    width: 22px;
    margin: 0 0 0 5px;
    border-radius: 99em;
    background-color: #ABA9A9;
    color: #fff;
    text-decoration: none;
    line-height: 22px;
    font-size: 21px;
}

.a_count:hover {
    background-color: #FD8503;
    color: #fff;
}

/***** new 2016/2/5 by H *****/
.reloadBtn {
    width: 80px;
    height: 29px;
    text-align: left;
    margin-bottom: 10px;
    background: url(../images/iconSet.png) no-repeat 4px -1312px #f1f1f1;
    border: 1px #999 solid;
    font-size: 20px;
    text-indent: 30px;
    cursor: pointer;
}

.reloadBtn:hover {
    background: url(../images/iconSet.png) no-repeat 4px -1388px #f1f1f1;
    border: 1px #fd8503 solid;
}

.bgColor-1 {
    background-color: #ffe7cc;
}

.bgColor-2 {
    background-color: #fff9c6;
}

.bookmark {
    margin: 0 0 10px 0;
    border-bottom: 2px solid #FF6E00;
    padding: 0;
    font-size: 21px;
    font-weight: bold;
}

.bookmark li {
    min-width: 100px;
    margin: 0 4px 0 0;
    padding: 7px 10px 2px;
    background-color: #B9B9B9;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    list-style: none;
    cursor: pointer;
}

.bookmark li:hover, .bookmark li.now {
    background-color: #FF6E00;
}

.setFlex-center, .createId dd, .fixedPage {
    justify-content: center;
    align-items: center;
    display: flex;
}

.icLoading {
    width: 70px;
    height: 70px;
    background: url("../images/loading.svg") no-repeat center center;
}

.bgWhite {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
}


.game-schedule {
    padding: 0px;
}

.game-schedule h2 {
    padding: 10px 10px;
    color: #fff;
    text-align: left;
    margin-bottom: 0px;
    text-shadow: 1px 1px 10px #000, 1px 1px 10px #333;
}

.game-schedule h2 span {
    color: #FF6E00;
}

.game-schedule table {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}

.game-schedule thead {
    color: #ff6e00;
    font-weight: bold;
    line-height: 2;
}

.game-schedule thead td {
    border-right: none;
    height: auto;
}

.game-schedule td, .game-schedule th {
    text-align: left;
    border-right: 1px solid #123a52;
}

.game-schedule th {
    position: relative;
    font-size: 20px;
    text-align: left;
    line-height: 2;
    padding-left: 10px;
    border-top: 1px solid #123a52;
}

.game-schedule td {
    padding: 5px;
    vertical-align: top;
    height: 120px;
}

.game-schedule dl {
    display: block;
    margin: 0 0 2px 0;
    padding: 4px 2px;
    border-radius: 5px;
    zoom: 1;
}

.game-schedule dl::after {
    content: '';
    display: block;
    clear: both;
}

.game-schedule dt, .game-schedule dd {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    margin-bottom: 0;
    padding-left: 4px;
}

.game-schedule dt {
    border-radius: 5px;
}

.game-schedule td[eventcount='0'] dl:hover {
    background: none;
}

.game-schedule td[eventcount='0'] dl:hover dt {
    background: none;
}

.game-schedule td[eventcount='0'] dl dt {
    background: none;
}

.game-schedule td[eventcount='4'] dl:nth-child(n + 5):hover {
    background: none;
}

.game-schedule td[eventcount='4'] dl:nth-child(n + 5):hover dt {
    background: none;
}

.game-schedule td[eventcount='4'] dl:nth-child(n + 5) dt {
    background: none;
}

.game-schedule td[eventcount='3'] dl:nth-child(n + 4):hover {
    background: none;
}

.game-schedule td[eventcount='3'] dl:nth-child(n + 4):hover dt {
    background: none;
}

.game-schedule td[eventcount='3'] dl:nth-child(n + 4) dt {
    background: none;
}

.game-schedule td[eventcount='2'] dl:nth-child(n + 3):hover {
    background: none;
}

.game-schedule td[eventcount='2'] dl:nth-child(n + 3):hover dt {
    background: none;
}

.game-schedule td[eventcount='2'] dl:nth-child(n + 3) dt {
    background: none;
}

.game-schedule td[eventcount='1'] dl:nth-child(n + 2):hover {
    background: none;
}

.game-schedule td[eventcount='1'] dl:nth-child(n + 2):hover dt {
    background: none;
}

.game-schedule td[eventcount='1'] dl:nth-child(n + 2) dt {
    background: none;
}

.game-schedule th.today {
    border-top: 2px solid #ff9238;
    position: relative;
}

.game-schedule td.today {
    border-bottom: 2px solid #ff9238;
    position: relative;
}

.game-schedule td.today dl {
    color: #FF6E00;
}

.game-schedule .this-week dl dd {
    text-align: left;
    padding-left: 4px;
}

.game-schedule .this-week td[eventcount='0'] dl:hover {
    background: none;
}

.game-schedule .this-week td[eventcount='0'] dl:hover dt {
    background: none;
}

.game-schedule .this-week td[eventcount='0'] dl dt {
    background: none;
}

.game-schedule .this-week td.today[eventcount='4'] dl:nth-child(n + 5):hover dt {
    background: none;
}

.game-schedule .this-week td.today[eventcount='4'] dl:nth-child(n + 5) dt {
    background: none;
}

.game-schedule .this-week td.today[eventcount='3'] dl:nth-child(n + 4):hover {
    background: none;
}

.game-schedule .this-week td.today[eventcount='3'] dl:nth-child(n + 4):hover dt {
    background: none;
}

.game-schedule .this-week td.today[eventcount='3'] dl:nth-child(n + 4) dt {
    background: none;
}

.game-schedule .this-week td.today[eventcount='2'] dl:nth-child(n + 3):hover {
    background: none;
}

.game-schedule .this-week td.today[eventcount='2'] dl:nth-child(n + 3):hover dt {
    background: none;
}

.game-schedule .this-week td.today[eventcount='2'] dl:nth-child(n + 3) dt {
    background: none;
}

.game-schedule .this-week td.today[eventcount='1'] dl:nth-child(n + 2):hover {
    background: none;
}

.game-schedule .this-week td.today[eventcount='1'] dl:nth-child(n + 2):hover dt {
    background: none;
}

.game-schedule .this-week td.today[eventcount='1'] dl:nth-child(n + 2) dt {
    background: none;
}

.game-schedule .next-month td {
    display: none;
}

.game-schedule span.month-start {
    position: relative;
    padding: 0 10px;
    margin: 0 10px;
    font-size: 80%;
    line-height: 24px;
    border-radius: 50px;
}

.video-js {
    width: 100%;
    height: 100%;
}

.dateSpan {
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 40%;
    z-index: 999999;
    left: 50%;
    color: white;
    font-size: 76px;
    text-align: center;
    -ms-transform: translate(-38%, -37%);
    transform: translate(-50%, -50%);
    font-weight: 800;
}

.logo {
    width: 12%;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 999999;
    color: white;
    font-size: 76px;
    text-align: center;
    -ms-transform: translate(-38%, -37%);
    transform: translate(-50%, -50%);
    font-weight: 800;
    display: none;
}