.clearfix {
    overflow: auto;
    zoom: 1;
}

.bar_graph_area h6 {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

/* bargraph */

.bar_graph {
    display: inline-block;
    vertical-align: middle;
    padding: 0px 71px 0 71px;
    width: 100%;
    box-sizing: border-box;
    border: none;
    width: 100%;
}

.bar_graph:last-of-type {
    border-right: none;
}

.bar_graph .bar {
    width: 100%;
    height: 21px;
    border-radius: 11px;
    background-color: #ccc;
    margin-bottom: 15px;
}

/*Game Analysis*/
.bar_graph .powerball_odd,
.bar_graph .powerball_under,
.bar_graph .powerball_even,
.bar_graph .powerball_over,
.bar_graph .nuguri_odd,
.bar_graph .nuguri_left,
.bar_graph .nuguri_line3,
.bar_graph .nuguri_line_3,
.bar_graph .nuguri_even,
.bar_graph .nuguri_right,
.bar_graph .nuguri_line4,
.bar_graph .nuguri_line_4,
.bar_graph .pbladder_evo_left,
.bar_graph .pbladder_evo_right,
.bar_graph .pbladder_evo_odd,
.bar_graph .pbladder_evo_even,
.bar_graph .pbladder_evo_line3,
.bar_graph .pbladder_evo_line4,
.bar_graph .pbladder_dh_left,
.bar_graph .pbladder_dh_right,
.bar_graph .pbladder_dh_odd,
.bar_graph .pbladder_dh_even,
.bar_graph .pbladder_dh_line_3,
.bar_graph .pbladder_dh_line_4,
.bar_graph .soccer_goal,
.bar_graph .soccer_nogoal,
.bar_graph .soccer_kick_left,
.bar_graph .soccer_kick_right,
.bar_graph .soccer_keeper_left,
.bar_graph .soccer_keeper_right,
.bar_graph .soccer_left,
.bar_graph .soccer_right,
.bar_graph .baseball_strike,
.bar_graph .baseball_homerun,
.bar_graph .baseball_h_left,
.bar_graph .baseball_h_right,
.bar_graph .baseball_s_left,
.bar_graph .baseball_s_right,
.bar_graph .squidgame_left,
.bar_graph .squidgame_right,
.bar_graph .sb_ntry_low,
.bar_graph .sb_ntry_hi,
.bar_graph .sb_ntry_blue,
.bar_graph .sb_ntry_red,
.bar_graph .sb_ntry_odd,
.bar_graph .sb_ntry_even,
.bar_graph .dragontiger_lo_odd,
.bar_graph .dragontiger_lo_even,
.bar_graph .baseballstudiolo_odd,
.bar_graph .baseballstudiolo_even,
.bar_graph .forex_buy,
.bar_graph .forex_sell,
.bar_graph .quickdraw_odd,
.bar_graph .quickdraw_even,
.bar_graph .quickdraw_under,
.bar_graph .quickdraw_over,
.bar_graph .lotto365_odd,
.bar_graph .lotto365_even,
.bar_graph .lotto365_under,
.bar_graph .lotto365_over {
    position: relative;
    height: 100%;
    border-radius: 11px;
    color: #fff;
}

.bar_graph .powerball_odd,
.bar_graph .powerball_under,
.bar_graph .nuguri_odd,
.bar_graph .nuguri_left,
.bar_graph .nuguri_line3,
.bar_graph .nuguri_line_3,
.bar_graph .pbladder_evo_line3,
.bar_graph .pbladder_evo_left,
.bar_graph .pbladder_evo_odd,
.bar_graph .pbladder_dh_left,
.bar_graph .pbladder_dh_odd,
.bar_graph .pbladder_dh_line_3,
.bar_graph .soccer_goal,
.bar_graph .soccer_kick_left,
.bar_graph .soccer_keeper_left,
.bar_graph .soccer_left,
.bar_graph .baseball_strike,
.bar_graph .baseball_h_left,
.bar_graph .baseball_s_left,
.bar_graph .squidgame_left,
.bar_graph .sb_ntry_low,
.bar_graph .sb_ntry_blue,
.bar_graph .sb_ntry_odd,
.bar_graph .dragontiger_lo_odd,
.bar_graph .baseballstudiolo_odd,
.bar_graph .forex_buy,
.bar_graph .quickdraw_odd,
.bar_graph .quickdraw_under,
.bar_graph .lotto365_odd,
.bar_graph .lotto365_under {
    float: left;
}

.bar_graph .powerball_even,
.bar_graph .powerball_over,
.bar_graph .nuguri_even,
.bar_graph .nuguri_right,
.bar_graph .nuguri_line4,
.bar_graph .nuguri_line_4,
.bar_graph .pbladder_evo_line4,
.bar_graph .pbladder_evo_right,
.bar_graph .pbladder_evo_even,
.bar_graph .pbladder_dh_right,
.bar_graph .pbladder_dh_even,
.bar_graph .pbladder_dh_line_4,
.bar_graph .soccer_nogoal,
.bar_graph .soccer_kick_right,
.bar_graph .soccer_keeper_right,
.bar_graph .soccer_right,
.bar_graph .baseball_homerun,
.bar_graph .baseball_h_right,
.bar_graph .baseball_s_right,
.bar_graph .squidgame_right,
.bar_graph .sb_ntry_hi,
.bar_graph .sb_ntry_red,
.bar_graph .sb_ntry_even,
.bar_graph .dragontiger_lo_even,
.bar_graph .baseballstudiolo_even,
.bar_graph .forex_sell,
.bar_graph .quickdraw_even,
.bar_graph .quickdraw_over,
.bar_graph .lotto365_even,
.bar_graph .lotto365_over {
    float: right;
}


.bar_graph .powerball_odd.win,
.bar_graph .powerball_under.win,
.bar_graph .nuguri_odd.win,
.bar_graph .nuguri_left.win,
.bar_graph .soccer_goal.win,
.bar_graph .soccer_kick_left.win,
.bar_graph .soccer_keeper_left.win,
.bar_graph .soccer_left.win,
.bar_graph .baseball_strike.win,
.bar_graph .baseball_s_left.win,
.bar_graph .baseball_h_left.win,
.bar_graph .squidgame_left.win,
.bar_graph .sb_ntry_blue.win,
.bar_graph .sb_ntry_low.win,
.bar_graph .sb_ntry_odd.win,
.bar_graph .pbladder_evo_line3.win,
.bar_graph .pbladder_evo_left.win,
.bar_graph .pbladder_evo_odd.win,
.bar_graph .pbladder_dh_left.win,
.bar_graph .pbladder_dh_odd.win,
.bar_graph .dragontiger_lo_odd.win,
.bar_graph .baseballstudiolo_odd.win,
.bar_graph .forex_sell.win,
.bar_graph .quickdraw_odd.win,
.bar_graph .quickdraw_under.win,
.bar_graph .lotto365_odd.win,
.bar_graph .lotto365_under.win {
    background-color: var(--color-blue);
}

.bar_graph .powerball_even.win,
.bar_graph .powerball_over.win,
.bar_graph .nuguri_even.win,
.bar_graph .nuguri_right.win,
.bar_graph .soccer_nogoal.win,
.bar_graph .soccer_kick_right.win,
.bar_graph .soccer_keeper_right.win,
.bar_graph .soccer_right.win,
.bar_graph .baseball_homerun.win,
.bar_graph .baseball_s_right.win,
.bar_graph .baseball_h_right.win,
.bar_graph .squidgame_right.win,
.bar_graph .sb_ntry_hi.win,
.bar_graph .sb_ntry_red.win,
.bar_graph .sb_ntry_even.win,
.bar_graph .pbladder_evo_line4.win,
.bar_graph .pbladder_evo_right.win,
.bar_graph .pbladder_evo_even.win,
.bar_graph .pbladder_dh_right.win,
.bar_graph .pbladder_dh_even.win,
.bar_graph .dragontiger_lo_even.win,
.bar_graph .baseballstudiolo_even.win,
.bar_graph .forex_buy.win,
.bar_graph .quickdraw_even.win,
.bar_graph .quickdraw_over.win,
.bar_graph .lotto365_even.win,
.bar_graph .lotto365_over.win {
    background-color: var(--color-red);
}

.bar_graph .baseball_s_center,
.bar_graph .baseball_h_center {
    background: var(--color-yellow);
}

.bar_graph .nuguri_line3.win,
.bar_graph .nuguri_line_3.win,
.bar_graph .pbladder_dh_line_3.win {
    background-color: var(--color-green);
}

.bar_graph .nuguri_line4.win,
.bar_graph .nuguri_line_4.win,
.bar_graph .pbladder_dh_line_4.win {
    background-color: var(--color-purple);
}

.bar_graph .win,
.bar_graph_area .win {
    color: #fff;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 32px 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 32px 0;
    }

    to {
        background-position: 0 0;
    }
}

.bar_graph .per {
    position: absolute;
    top: 0;
    line-height: 21px;
    white-space: nowrap;
    font-size: 9px;
    z-index: 10;
}

.bar_graph .powerball_odd .per,
.bar_graph .powerball_under .per,
.bar_graph .nuguri_odd .per,
.bar_graph .nuguri_left .per,
.bar_graph .nuguri_line3 .per,
.bar_graph .nuguri_line_3 .per,
.bar_graph .pbladder_evo_line3 .per,
.bar_graph .pbladder_evo_left .per,
.bar_graph .pbladder_evo_odd .per,
.bar_graph .pbladder_dh_line_3 .per,
.bar_graph .pbladder_dh_left .per,
.bar_graph .pbladder_dh_odd .per,
.bar_graph .soccer_goal .per,
.bar_graph .soccer_kick_left .per,
.bar_graph .soccer_keeper_left .per,
.bar_graph .soccer_left .per,
.bar_graph .baseball_strike .per,
.bar_graph .squidgame_left .per,
.bar_graph .sb_ntry_low .per,
.bar_graph .sb_ntry_blue .per,
.bar_graph .sb_ntry_odd .per,
.bar_graph .dragontiger_lo_odd .per,
.bar_graph .baseballstudiolo_odd .per,
.bar_graph .forex_buy .per,
.bar_graph .quickdraw_odd .per,
.bar_graph .quickdraw_under .per,
.bar_graph .lotto365_odd .per,
.bar_graph .lotto365_under .per {
    left: 9px;
}

.bar_graph .powerball_even .per,
.bar_graph .powerball_over .per,
.bar_graph .nuguri_even .per,
.bar_graph .nuguri_right .per,
.bar_graph .nuguri_line4 .per,
.bar_graph .nuguri_line_4 .per,
.bar_graph .pbladder_evo_line4 .per,
.bar_graph .pbladder_evo_right .per,
.bar_graph .pbladder_evo_even .per,
.bar_graph .pbladder_dh_line_4 .per,
.bar_graph .pbladder_dh_right .per,
.bar_graph .pbladder_dh_even .per,
.bar_graph .soccer_nogoal .per,
.bar_graph .soccer_kick_right .per,
.bar_graph .soccer_keeper_right .per,
.bar_graph .soccer_right .per,
.bar_graph .baseball_homerun .per,
.bar_graph .squidgame_right .per,
.bar_graph .sb_ntry_hi .per,
.bar_graph .sb_ntry_red .per,
.bar_graph .sb_ntry_even .per,
.bar_graph .dragontiger_lo_even .per,
.bar_graph .baseballstudiolo_even .per,
.bar_graph .forex_sell .per,
.bar_graph .quickdraw_even .per,
.bar_graph .quickdraw_over .per,
.bar_graph .lotto365_even .per,
.bar_graph .lotto365_over .per {
    right: 9px;
}

.bar_graph .tx {
    position: absolute;
    font-size: 0.75rem;
    top: -5px;
    width: 29px;
    height: 29px;
    line-height: 30px;
    text-align: center;
    border-radius: 16px;
}

.bar_graph .powerball_odd .tx,
.bar_graph .powerball_under .tx,
.bar_graph .nuguri_odd .tx,
.bar_graph .nuguri_left .tx,
.bar_graph .nuguri_line3 .tx,
.bar_graph .nuguri_line_3 .tx,
.bar_graph .pbladder_evo_line3 .tx,
.bar_graph .pbladder_evo_left .tx,
.bar_graph .pbladder_evo_odd .tx,
.bar_graph .pbladder_dh_line_3 .tx,
.bar_graph .pbladder_dh_left .tx,
.bar_graph .pbladder_dh_odd .tx,
.bar_graph .soccer_goal .tx,
.bar_graph .soccer_kick_left .tx,
.bar_graph .soccer_keeper_left .tx,
.bar_graph .soccer_left .tx,
.bar_graph .baseball_strike .tx,
.bar_graph .baseball_h_left .tx,
.bar_graph .squidgame_left .tx,
.bar_graph .sb_ntry_odd .tx,
.bar_graph .sb_ntry_low .tx,
.bar_graph .sb_ntry_blue .tx,
.bar_graph .dragontiger_lo_odd .tx,
.bar_graph .baseballstudiolo_odd .tx,
.bar_graph .forex_buy .tx,
.bar_graph .quickdraw_odd .tx,
.bar_graph .quickdraw_under .tx,
.bar_graph .lotto365_odd .tx,
.bar_graph .lotto365_under .tx {
    left: -41px;
}

.bar_graph .powerball_even .tx,
.bar_graph .powerball_over .tx,
.bar_graph .nuguri_even .tx,
.bar_graph .nuguri_right .tx,
.bar_graph .nuguri_line4 .tx,
.bar_graph .nuguri_line_4 .tx,
.bar_graph .pbladder_evo_line4 .tx,
.bar_graph .pbladder_evo_right .tx,
.bar_graph .pbladder_evo_even .tx,
.bar_graph .pbladder_dh_line_4 .tx,
.bar_graph .pbladder_dh_right .tx,
.bar_graph .pbladder_dh_even .tx,
.bar_graph .soccer_nogoal .tx,
.bar_graph .soccer_kick_right .tx,
.bar_graph .soccer_keeper_right .tx,
.bar_graph .soccer_right .tx,
.bar_graph .baseball_homerun .tx,
.bar_graph .squidgame_right .tx,
.bar_graph .sb_ntry_even .tx,
.bar_graph .sb_ntry_red .tx,
.bar_graph .sb_ntry_hi .tx,
.bar_graph .dragontiger_lo_even .tx,
.bar_graph .baseballstudiolo_even .tx,
.bar_graph .forex_sell .tx,
.bar_graph .quickdraw_even .tx,
.bar_graph .quickdraw_over .tx,
.bar_graph .lotto365_even .tx,
.bar_graph .lotto365_over .tx {
    right: -41px;
}

/* piegraph */
.pie_graph_area {
    display: flex;
    flex-wrap: nowrap;
}

.graph {
    display: inline-block;
}

.pie_graph {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pie_graph .info {
    display: inline-block;
    vertical-align: top;
}

.pie_graph .info li {
    margin: 15px;
    height: 15px;
    line-height: 15px;
    text-align: left;
}

.pie_graph .info .ic {
    float: left;
    margin: 1px 10px 0 0;
    width: 11px;
    height: 11px;
    border-radius: 6px;
}

.pie_graph .info .powerball_big .ic,
.pie_graph .info .powerball_odd_under .ic,
.pie_graph .info .powerball_odd_big .ic,
.pie_graph .info .nuguri_left_line4 .ic,
.pie_graph .info .pbladder_evo_line4 .ic,
.pie_graph .info .baseball_homerun .ic,
.pie_graph .info .baseball_h_right .ic,
.pie_graph .info .baseball_s_right .ic,
.pie_graph .info .right .ic,
.pie_graph .info .ong .ic,
.pie_graph .info .jellyfish .ic,
.pie_graph .info .paper .ic,
.pie_graph .info .buy .ic,
.pie_graph .info .right_3line .ic {
    background: var(--color-red);
}

.pie_graph .info .powerball_middle .ic,
.pie_graph .info .powerball_odd_over .ic,
.pie_graph .info .powerball_odd_middle .ic,
.pie_graph .info .nuguri_left_line3 .ic,
.pie_graph .info .pbladder_evo_line3 .ic,
.pie_graph .info .baseball_strike .ic,
.pie_graph .info .baseball_h_left .ic,
.pie_graph .info .baseball_s_left .ic,
.pie_graph .info .left .ic,
.pie_graph .info .garu .ic,
.pie_graph .info .scissors .ic,
.pie_graph .info .sell .ic,
.pie_graph .info .left_3line .ic {
    background: var(--color-blue);
}

.pie_graph .info .powerball_small .ic,
.pie_graph .info .powerball_even_under .ic,
.pie_graph .info .powerball_odd_small .ic,
.pie_graph .info .nuguri_right_line3 .ic,
.pie_graph .info .draw .ic,
.pie_graph .info .turtle .ic,
.pie_graph .info .rock .ic {
    background: var(--color-green);
}

.pie_graph .info .powerball_even_over .ic,
.pie_graph .info .powerball_even_big .ic,
.pie_graph .info .nuguri_even_over .ic,
.pie_graph .info .baseball_h_center .ic,
.pie_graph .info .baseball_s_center .ic,
.pie_graph .info .baseball_s_center .ic,
.pie_graph .info .starfish .ic {
    background: var(--color-yellow);
}

.pie_graph .info .powerball_even_middle .ic,
.pie_graph .info .fish .ic {
    background: var(--color-orange);
}

.pie_graph .info .powerball_even_small .ic,
.pie_graph .info .nuguri_right_line4 .ic,
.pie_graph .info .shark .ic {
    background: var(--color-purple);
}

.pie_graph .info .whale .ic,
.pie_graph .info .left_4line .ic {
    background: var(--color-sky);
}

.pie_graph .info .right_4line .ic {
    background: #ff8d99;
}

.pie_graph .info .nullity .ic {
    background: #ccc;
}

.pie_graph .info .win {
    font-weight: bold;
}

.pie_graph .info .powerball_big.win,
.pie_graph .info .powerball_odd_under.win,
.pie_graph .info .powerball_odd_big.win,
.pie_graph .info .nuguri_left_line4.win,
.pie_graph .info .pbladder_evo_line4.win,
.pie_graph .info .baseball_homerun.win,
.pie_graph .info .baseball_h_right.win,
.pie_graph .info .baseball_s_right.win,
.pie_graph .info .jellyfish.win,
.pie_graph .info .paper.win,
.pie_graph .info .ong.win,
.pie_graph .info .buy.win,
.pie_graph .info .right_3line.win {
    color: var(--color-red);
}

.pie_graph .info .powerball_middle.win,
.pie_graph .info .powerball_odd_over.win,
.pie_graph .info .powerball_odd_middle.win,
.pie_graph .info .nuguri_left_line3.win,
.pie_graph .info .pbladder_evo_line3.win,
.pie_graph .info .baseball_strike.win,
.pie_graph .info .baseball_h_left.win,
.pie_graph .info .baseball_s_left.win,
.pie_graph .info .scissors.win,
.pie_graph .info .garu.win,
.pie_graph .info .sell.win,
.pie_graph .info .left_3line.win {
    color: var(--color-blue);
}

.pie_graph .info .powerball_small.win,
.pie_graph .info .powerball_even_under.win,
.pie_graph .info .powerball_odd_small.win,
.pie_graph .info .nuguri_right_line3.win,
.pie_graph .info .turtle.win,
.pie_graph .info .rock.win,
.pie_graph .info .draw.win {
    color: var(--color-green);
}

.pie_graph .info .powerball_even_over.win,
.pie_graph .info .powerball_even_big.win,
.pie_graph .info .baseball_s_center.win,
.pie_graph .info .baseball_s_center.win,
.pie_graph .info .baseball_h_center.win,
.pie_graph .info .baseball_h_center.win,
.pie_graph .info .starfish.win {
    color: var(--color-yellow);
}

.pie_graph .info .powerball_even_middle.win,
.pie_graph .info .nuguri_right_line3.win,
.pie_graph .info .fish.win {
    color: var(--color-orange);
}

.pie_graph .info .powerball_even_small.win,
.pie_graph .info .nuguri_right_line4.win,
.pie_graph .info .shark.win {
    color: var(--color-purple);
}

.pie_graph .info .whale.win,
.pie_graph .info .left_4line.win {
    color: var(--color-sky);
}

.pie_graph .info .right_4line.win {
    color: #ff8d99;
}

.pie_graph .info .nullity.win {
    color: #ccc;
}

/* Graph Report */
.mix-report .tab-group {
    margin: 0;
}

.mix-report .check-link {
    border: 1px solid var(--border-color);
    padding: 20px 10px;
    border-top: unset;
}

.go-graph-report {
    overflow: hidden;
}

.go-graph-report .filter-tab {
    background-color: var(--main-bg);
    padding: 15px;
    text-align: right;
    border-bottom: 1px solid var(--border-color);
}

.go-graph-report .filter-tab li {
    display: inline-block;
    padding: 0 5px;
}

.go-graph-report .filter-tab li a {
    background-color: var(--color-white);
    color: var(--sub-text01);
    border: 1px solid var(--border-color);
    border-radius: 30px;
    padding: 2px 20px;
}

.go-graph-report .filter-tab li.active a {
    border: none;
    background-color: var(--point-color);
    color: var(--color-white);
}

.go-graph-report .graph-header {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--border-color);
    padding: 15px;
}

.go-graph-report .graph-header ul li {
    display: inline-block;
}

.go-graph-report .graph-header ul.grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
}

.go-graph-report .go-graph-view {
    position: relative;
    border-bottom: 1px solid var(--border-color);
    width: auto;
    overflow-x: scroll;
}

.go-graph-report .go-graph-view .graph-box {
    position: relative;
    background: url(/imgs/graph-paper.png) repeat;
    font-size: 0;
    padding-bottom: 62px;
    overflow: hidden;
    min-width: 100%;
}

.go-graph-report .go-graph-view .graph-box.aquafriends {
    background: url(/imgs/graph-paper-aqua.png) repeat;
}

.go-graph-report .go-graph-view .graph-box dl {
    display: inline-block;
    vertical-align: top;
}

.go-graph-report .go-graph-view .graph-box dt,
.go-graph-report .go-graph-view .graph-box dd {
    width: 31px;
    height: 31px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 1px 1px 0;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
}

.go-graph-report .go-graph-view .graph-box.aquafriends dt,
.go-graph-report .go-graph-view .graph-box.aquafriends dd {
    width: 93px;
}

.go-graph-report .go-graph-view .graph-box dt.even,
.go-graph-report .go-graph-view .graph-box dt.over,
.go-graph-report .go-graph-view .graph-box dt.large,
.go-graph-report .go-graph-view .graph-box dt.right,
.go-graph-report .go-graph-view .graph-box dt.nogoal,
.go-graph-report .go-graph-view .graph-box dt.kick_right,
.go-graph-report .go-graph-view .graph-box dt.keeper_right,
.go-graph-report .go-graph-view .graph-box dt.homerun,
.go-graph-report .go-graph-view .graph-box dt.h_right,
.go-graph-report .go-graph-view .graph-box dt.s_right,
.go-graph-report .go-graph-view .graph-box dt.right,
.go-graph-report .go-graph-view .graph-box dt.ong,
.go-graph-report .go-graph-view .graph-box dt.paper,
.go-graph-report .go-graph-view .graph-box dt.even_over,
.go-graph-report .go-graph-view .graph-box dt.even_under,
.go-graph-report .go-graph-view .graph-box dt.even_large,
.go-graph-report .go-graph-view .graph-box dt.even_middle,
.go-graph-report .go-graph-view .graph-box dt.even_small,
.go-graph-report .go-graph-view .graph-box dt.red,
.go-graph-report .go-graph-view .graph-box dt.hi,
.go-graph-report .go-graph-view .graph-box dt.buy,
.go-graph-report .go-graph-view .graph-box dt.pbladder_evo_line4,
.go-graph-report .go-graph-view .graph-box dt.right_3line {
    color: var(--color-red);
}

.go-graph-report .go-graph-view .graph-box dt.odd,
.go-graph-report .go-graph-view .graph-box dt.under,
.go-graph-report .go-graph-view .graph-box dt.middle,
.go-graph-report .go-graph-view .graph-box dt.left,
.go-graph-report .go-graph-view .graph-box dt.goal,
.go-graph-report .go-graph-view .graph-box dt.kick_left,
.go-graph-report .go-graph-view .graph-box dt.keeper_left,
.go-graph-report .go-graph-view .graph-box dt.strike,
.go-graph-report .go-graph-view .graph-box dt.h_left,
.go-graph-report .go-graph-view .graph-box dt.s_left,
.go-graph-report .go-graph-view .graph-box dt.left,
.go-graph-report .go-graph-view .graph-box dt.garu,
.go-graph-report .go-graph-view .graph-box dt.scissors,
.go-graph-report .go-graph-view .graph-box dt.odd_over,
.go-graph-report .go-graph-view .graph-box dt.odd_under,
.go-graph-report .go-graph-view .graph-box dt.odd_large,
.go-graph-report .go-graph-view .graph-box dt.odd_middle,
.go-graph-report .go-graph-view .graph-box dt.odd_small,
.go-graph-report .go-graph-view .graph-box dt.blue,
.go-graph-report .go-graph-view .graph-box dt.low,
.go-graph-report .go-graph-view .graph-box dt.sell,
.go-graph-report .go-graph-view .graph-box dt.pbladder_evo_line3,
.go-graph-report .go-graph-view .graph-box dt.left_3line {
    color: var(--color-blue);
}

.go-graph-report .go-graph-view .graph-box dt.left_4line {
    color: var(--color-sky);
}

.go-graph-report .go-graph-view .graph-box dt.small,
.go-graph-report .go-graph-view .graph-box dt.draw,
.go-graph-report .go-graph-view .graph-box dt.rock,
.go-graph-report .go-graph-view .graph-box dt.line_3 {
    color: var(--color-green);
}

.go-graph-report .go-graph-view .graph-box dt.h_center,
.go-graph-report .go-graph-view .graph-box dt.s_center {
    color: var(--color-yellow);
}

.go-graph-report .go-graph-view .graph-box dt.line_4 {
    color: var(--color-purple);
}

.go-graph-report .go-graph-view .graph-box dt.nullity {
    color: var(--sub-text01);
}

.go-graph-report .go-graph-view .graph-box dt.right_4line {
    color: #ff8d99;
}

.go-graph-report .go-graph-view .graph-box dd span {
    position: relative;
    display: block;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    border-radius: 30px;
    font-size: 9px;
    color: var(--color-white);
}

.go-graph-report .go-graph-view .graph-box dd.gray {
    color: var(--sub-text01);
}

.go-graph-report .go-graph-view .graph-box dd.red {
    color: var(--color-red);
}

.go-graph-report .go-graph-view .graph-box dd.length {
    position: absolute;
    bottom: 31px;
}

.go-graph-report .go-graph-view .graph-box dd.times {
    position: absolute;
    bottom: 0;
}

.go-graph-report .go-graph-view .graph-box dd span.goal,
.go-graph-report .go-graph-view .graph-box dd span.nogoal {
    background-image: none;
    text-indent: inherit;
}

.go-graph-report .go-graph-view .graph-box dd span.kick_left,
.go-graph-report .go-graph-view .graph-box dd span.kick_right,
.go-graph-report .go-graph-view .graph-box dd span.keeper_left,
.go-graph-report .go-graph-view .graph-box dd span.keeper_right {
    padding-top: 5px;
    text-align: center;
    background-position: center 0;
    background-size: 60%;
    text-indent: inherit;
}

.go-graph-report .go-graph-view .graph-box dd span sup.time-cycle {
    position: absolute;
    left: -2px;
    top: -2px;
    width: 11px;
    height: 11px;
    line-height: 11px;
    background-color: #444;
    color: var(--color-white);
    border-radius: 30px;
    font-family: Arial, Helvetica, sans-serif;
}

.go-graph-report .go-graph-view .graph-box dd span.garu,
.go-graph-report .go-graph-view .graph-box dd span.ong {
    position: relative;
    text-indent: inherit;
    z-index: 0;
}

.go-graph-report .go-graph-view .graph-box dd span.fish,
.go-graph-report .go-graph-view .graph-box dd span.starfish,
.go-graph-report .go-graph-view .graph-box dd span.jellyfish,
.go-graph-report .go-graph-view .graph-box dd span.shark,
.go-graph-report .go-graph-view .graph-box dd span.turtle,
.go-graph-report .go-graph-view .graph-box dd span.whale {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: end;
    text-indent: inherit;
    line-height: inherit;
    z-index: 0;
}

.go-graph-report .go-graph-view .graph-box dd span.garu:after,
.go-graph-report .go-graph-view .graph-box dd span.ong:after,
.go-graph-report .go-graph-view .graph-box dd span.fish:after,
.go-graph-report .go-graph-view .graph-box dd span.starfish:after,
.go-graph-report .go-graph-view .graph-box dd span.jellyfish:after,
.go-graph-report .go-graph-view .graph-box dd span.shark:after,
.go-graph-report .go-graph-view .graph-box dd span.turtle:after,
.go-graph-report .go-graph-view .graph-box dd span.whale:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: -1;
}

.go-analysis-table span,
.go-graph-report .graph-header ul li span {
    border-radius: 30px;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    letter-spacing: -0.5px;
}

.go-graph-report .graph-header ul li {
    margin-right: 10px;
}

.go-graph-report .graph-header ul li span {
    margin-right: 7px;
}

.go-analysis-table .even,
.go-graph-report .graph-header ul li .even {
    background-color: var(--color-red);
    border: none;
    color: var(--color-white);
}

.go-analysis-table .odd,
.go-graph-report .graph-header ul li .odd {
    background-color: var(--point-color);
    border: none;
    color: var(--color-white);
}

.go-analysis-table .over,
.go-graph-report .graph-header ul li .over {
    background-color: var(--color-red);
    border: none;
    color: var(--color-white);
}

.go-analysis-table .under,
.go-graph-report .graph-header ul li .under {
    background-color: var(--point-color);
    border: none;
    color: var(--color-white);
}

.go-graph-report .graph-header ul li .fall {
    background-color: var(--color-black);
    border: none;
    color: var(--color-white);
}

.go-graph-report .graph-header ul li .break {
    background-color: var(--color-purple);
    border: none;
    color: var(--color-white);
}

.go-analysis-table .lg,
.go-graph-report .graph-header ul li .lg {
    border: 1px solid var(--color-red);
    border-radius: 30px;
    color: var(--color-red);
}

.go-analysis-table .md,
.go-graph-report .graph-header ul li .md {
    border: 1px solid var(--point-color);
    border-radius: 30px;
    color: var(--point-color);
}

.go-analysis-table .sm,
.go-graph-report .graph-header ul li .sm {
    border: 1px solid var(--color-green);
    border-radius: 30px;
    color: var(--color-green);
}

.go-analysis-table .hash {
    display: flex;
    overflow: hidden;
}

.go-analysis-table .hash p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
}

.go-analysis-table span.fish,
.go-analysis-table span.starfish,
.go-analysis-table span.jellyfish,
.go-analysis-table span.turtle,
.go-analysis-table span.shark,
.go-analysis-table span.whale {
    display: inline-block !important;
    text-indent: -9999px;
}

.go-analysis-table span[class*="card_"] {
    width: 42px !important;
    height: 25px;
    line-height: 25px;
    font-size: 18px;
    background-size: 40px 25px !important;
    background-color: #000 !important;
    overflow: hidden;
    border-radius: 5px;
}

/* 패턴 그래프 리포트 */
.pattern-graph-report {
    overflow: hidden;
}

.pattern-graph-report .graph-header {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding: 15px;
}

.pattern-graph-report .graph-header ul li {
    display: inline-block;
}

.pattern-graph-report .go-graph-view {
    position: relative;
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.2);*/
    width: auto;
    overflow-x: scroll;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.pattern-graph-report .go-graph-view::-webkit-scrollbar {
    display: none;
}

.pattern-graph-report .go-graph-view .graph-box {
    position: relative;
    background: url(/imgs/graph-paper.png) repeat;
    font-size: 0;
    padding-bottom: 0;
    overflow: hidden;
    min-width: 100%;
    height: 189px;
}

.pattern-graph-report .go-graph-view .graph-box.h280 {
    height: 280px;
}

.pattern-graph-report .go-graph-view .graph-box.aquafriends {
    background: url(/imgs/graph-paper-aqua.png) repeat;
}

.pattern-graph-report .go-graph-view .graph-box dl {
    display: inline-block;
    vertical-align: top;
}

.pattern-graph-report .go-graph-view .graph-box dt,
.pattern-graph-report .go-graph-view .graph-box dd {
    width: 31px;
    height: 31px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 1px 1px 0;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
}

.pattern-graph-report .go-graph-view .graph-box.aquafriends dt,
.pattern-graph-report .go-graph-view .graph-box.aquafriends dd {
    width: 93px;
}

.pattern-graph-report .go-graph-view .graph-box dt.even,
.pattern-graph-report .go-graph-view .graph-box dt.over,
.pattern-graph-report .go-graph-view .graph-box dt.large,
.pattern-graph-report .go-graph-view .graph-box dt.right,
.pattern-graph-report .go-graph-view .graph-box dt.nogoal,
.pattern-graph-report .go-graph-view .graph-box dt.kick_right,
.pattern-graph-report .go-graph-view .graph-box dt.keeper_right,
.pattern-graph-report .go-graph-view .graph-box dt.homerun,
.pattern-graph-report .go-graph-view .graph-box dt.h_right,
.pattern-graph-report .go-graph-view .graph-box dt.s_right,
.pattern-graph-report .go-graph-view .graph-box dt.right,
.pattern-graph-report .go-graph-view .graph-box dt.ong,
.pattern-graph-report .go-graph-view .graph-box dt.paper,
.pattern-graph-report .go-graph-view .graph-box dt.buy {
    color: var(--color-red);
}

.pattern-graph-report .go-graph-view .graph-box dt.odd,
.pattern-graph-report .go-graph-view .graph-box dt.under,
.pattern-graph-report .go-graph-view .graph-box dt.middle,
.pattern-graph-report .go-graph-view .graph-box dt.left,
.pattern-graph-report .go-graph-view .graph-box dt.goal,
.pattern-graph-report .go-graph-view .graph-box dt.kick_left,
.pattern-graph-report .go-graph-view .graph-box dt.keeper_left,
.pattern-graph-report .go-graph-view .graph-box dt.strike,
.pattern-graph-report .go-graph-view .graph-box dt.h_left,
.pattern-graph-report .go-graph-view .graph-box dt.s_left,
.pattern-graph-report .go-graph-view .graph-box dt.left,
.pattern-graph-report .go-graph-view .graph-box dt.garu,
.pattern-graph-report .go-graph-view .graph-box dt.scissors,
.pattern-graph-report .go-graph-view .graph-box dt.sell {
    color: var(--color-blue);
}

.pattern-graph-report .go-graph-view .graph-box dt.small,
.pattern-graph-report .go-graph-view .graph-box dt.draw,
.pattern-graph-report .go-graph-view .graph-box dt.rock {
    color: var(--color-green);
}

.pattern-graph-report .go-graph-view .graph-box dt.h_center,
.pattern-graph-report .go-graph-view .graph-box dt.s_center {
    color: var(--color-yellow);
}

.pattern-graph-report .go-graph-view .graph-box dt.nullity {
    color: var(--sub-text01);
}

.pattern-graph-report .go-graph-view .graph-box dd span {
    position: relative;
    display: block;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 22px;
    border-radius: 30px;
    font-size: 9px;
    color: var(--color-white);
}

.pattern-graph-report .go-graph-view .graph-box dd.gray {
    color: var(--sub-text01);
}

.pattern-graph-report .go-graph-view .graph-box dd.red {
    color: var(--color-red);
}

.pattern-graph-report .go-graph-view .graph-box dd.length {
    position: absolute;
    bottom: 31px;
}

.pattern-graph-report .go-graph-view .graph-box dd.times {
    position: absolute;
    bottom: 0;
}

.pattern-graph-report .go-graph-view .graph-box dd span.goal,
.pattern-graph-report .go-graph-view .graph-box dd span.nogoal {
    background-image: none;
    text-indent: inherit;
}

.pattern-graph-report .go-graph-view .graph-box dd span.kick_left,
.pattern-graph-report .go-graph-view .graph-box dd span.kick_right,
.pattern-graph-report .go-graph-view .graph-box dd span.keeper_left,
.pattern-graph-report .go-graph-view .graph-box dd span.keeper_right {
    padding-top: 5px;
    text-align: center;
    background-position: center 0;
    background-size: 60%;
    text-indent: inherit;
}

.pattern-graph-report .go-graph-view .graph-box dd span sup.time-cycle {
    position: absolute;
    right: -5px;
    top: -3px;
    width: 13px;
    height: 13px;
    line-height: 13px;
    font-size: 10px;
    background-color: rgba(0, 0, 0, 0.7);
    color: var(--color-white);
    border-radius: 5px;
    zoom: 95%;
    transform: scale(95%);
}

.pattern-graph-report .go-graph-view .graph-box dd span.garu,
.pattern-graph-report .go-graph-view .graph-box dd span.ong {
    position: relative;
    text-indent: inherit;
    z-index: 0;
    background-image: none;
}

.pattern-graph-report .go-graph-view .graph-box dd span.fish,
.pattern-graph-report .go-graph-view .graph-box dd span.starfish,
.pattern-graph-report .go-graph-view .graph-box dd span.jellyfish,
.pattern-graph-report .go-graph-view .graph-box dd span.shark,
.pattern-graph-report .go-graph-view .graph-box dd span.turtle,
.pattern-graph-report .go-graph-view .graph-box dd span.whale {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: end;
    text-indent: inherit;
    line-height: inherit;
    z-index: 0;
}

.pattern-graph-report .graph-header ul li span {
    border-radius: 30px;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
}

.pattern-graph-report .graph-header ul li {
    margin-right: 10px;
}

.pattern-graph-report .graph-header ul li span {
    margin-right: 7px;
}

.pattern-graph-report .graph-header ul li .even,
.pattern-graph-report .graph-header ul li .ong {
    background-color: var(--color-red);
    border: none;
    color: var(--color-white);
}

.pattern-graph-report .graph-header ul li .odd,
.pattern-graph-report .graph-header ul li .garu {
    background-color: var(--point-color);
    border: none;
    color: var(--color-white);
}

.pattern-graph-report .graph-header ul li .over {
    background-color: var(--color-red);
    border: none;
    color: var(--color-white);
}

.pattern-graph-report .graph-header ul li .under {
    background-color: var(--point-color);
    border: none;
    color: var(--color-white);
}

.pattern-graph-report .graph-header ul li .break {
    background-color: var(--color-purple);
    border: none;
    color: var(--color-white);
}

.pattern-graph-report .graph-header ul li .fall {
    background-color: var(--color-black);
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: var(--color-white);
}

.pattern-graph-report .graph-header ul li .lg {
    border: 1px solid var(--color-red);
    border-radius: 30px;
    color: var(--color-red);
}

.pattern-graph-report .graph-header ul li .md {
    border: 1px solid var(--point-color);
    border-radius: 30px;
    color: var(--point-color);
}

.pattern-graph-report .graph-header ul li .sm {
    border: 1px solid var(--color-green);
    border-radius: 30px;
    color: var(--color-green);
}

.pattern-graph-report .graph-header ul li .sectionA,
.pattern-graph-report .go-graph-view .graph-box dd span.sectionA {
    background-color: #c88002;
    color: var(--color-white);
}

.pattern-graph-report .graph-header ul li .sectionB,
.pattern-graph-report .go-graph-view .graph-box dd span.sectionB {
    background-color: #966813;
    color: var(--color-white);
}

.pattern-graph-report .graph-header ul li .sectionC,
.pattern-graph-report .go-graph-view .graph-box dd span.sectionC {
    background-color: #655124;
    color: var(--color-white);
}

.pattern-graph-report .graph-header ul li .sectionD,
.pattern-graph-report .go-graph-view .graph-box dd span.sectionD {
    background-color: #3d3e31;
    color: var(--color-white);
}

.pattern-graph-report .prediction {
    position: relative;
}

.pattern-graph-report .prediction.hidden {
    display: none;
}

.pattern-graph-report .spread {
    position: relative;
    display: block;
    font-size: 0.75rem;
    color: #fff;
    line-height: 26px;
    text-align: center;
    padding: 0 10px;
    border-radius: 1px;
    background: #E83144;
    background: -webkit-linear-gradient(0deg, #E83144, #F86F7E);
    background: linear-gradient(0deg, #E83144, #F86F7E);
}

.pattern-graph-report .spread:after {
    content: "\2b";
    font-family: "Font Awesome 6 Pro";
    margin-left: 5px;
}

.pattern-graph-report .spread.active:after {
    content: "\f068";
}

.pattern-graph-report .sub-pattern-graph {
    display: flex;
    justify-content: space-between;
}

.pattern-graph-report .sub-pattern-graph .go-graph-view {
    width: 50%;
}

.pattern-graph-report .sub-pattern-graph .cn-pattern {
    position: relative;
    width: 50%;
    overflow: hidden;
}

.pattern-graph-report .sub-pattern-graph .cn-pattern .go-graph-view {
    width: 100%;
}

.pattern-graph-report .sub-pattern-graph .cn-pattern > div:nth-child(1),
.pattern-graph-report .sub-pattern-graph .cn-pattern > div:nth-child(2),
.pattern-graph-report .sub-pattern-graph .cn-pattern > div:nth-child(3) {
    position: absolute;
    left: 0;
    height: 63px;
    z-index: 20;
    background-color: #fff;
}

.pattern-graph-report .sub-pattern-graph .cn-pattern > div:nth-child(1) {
    top: 0;
}

.pattern-graph-report .sub-pattern-graph .cn-pattern > div:nth-child(2) {
    top: 63px;
}

.pattern-graph-report .sub-pattern-graph .cn-pattern > div:nth-child(3) {
    top: 126px;
}

.go-graph-view span.zoomin:before,
.go-graph-view span.zoomout:before {
    position: absolute;
    right: 50%;
    top: 50%;
    font-weight: 700;
    font-size: 1.0rem;
    width: 35px;
    height: 35px;
    margin-right: -35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50px;
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff;
    z-index: 30;
    transform: translate(-50%, -50%);
    transition: 1s all;
    opacity: 0;
}

.go-graph-view span.zoomin:before {
    content: "\f00e";
    font-family: "Font Awesome 6 Pro";
}

.go-graph-view span.zoomout:before {
    content: "\f010";
    font-family: "Font Awesome 6 Pro";
}

.go-graph-view:hover span.zoomin:before,
.go-graph-view:hover span.zoomout:before {
    opacity: 1;
}

.go-graph-view:hover span.zoomin:hover:before,
.go-graph-view:hover span.zoomout:hover:before {
    background-color: rgba(0, 0, 0, 0.6);
    cursor: pointer;
}

.pattern-graph-report .graph-box.pattern-6 dd span {
    background-color: transparent !important;
}

.pattern-graph-report .graph-box.pattern-6 dd span.odd,
.pattern-graph-report .graph-box.pattern-6 dd span.under,
.pattern-graph-report .graph-box.pattern-6 dd span.middle,
.pattern-graph-report .graph-box.pattern-6 dd span.left,
.pattern-graph-report .graph-box.pattern-6 dd span.kick_left,
.pattern-graph-report .graph-box.pattern-6 dd span.keeper_left,
.pattern-graph-report .graph-box.pattern-6 dd span.goal,
.pattern-graph-report .graph-box.pattern-6 dd span.strike,
.pattern-graph-report .graph-box.pattern-6 dd span.garu,
.pattern-graph-report .graph-box.pattern-6 dd span.scissors,
.pattern-graph-report .graph-box.pattern-6 dd span.s_left,
.pattern-graph-report .graph-box.pattern-6 dd span.h_left,
.pattern-graph-report .graph-box.pattern-6 dd span.blue,
.pattern-graph-report .graph-box.pattern-6 dd span.low,
.pattern-graph-report .graph-box.pattern-6 dd span.sell,
.pattern-graph-report .graph-box.pattern-6 dd span.odd_under,
.pattern-graph-report .graph-box.pattern-6 dd span.odd_under_sp,
.pattern-graph-report .graph-box.pattern-6 dd span.odd_middle_sp {
    border: 1px solid var(--color-blue);
    color: var(--color-blue) !important;
}

.pattern-graph-report .graph-box.pattern-6 dd span.even,
.pattern-graph-report .graph-box.pattern-6 dd span.over,
.pattern-graph-report .graph-box.pattern-6 dd span.large,
.pattern-graph-report .graph-box.pattern-6 dd span.right,
.pattern-graph-report .graph-box.pattern-6 dd span.kick_right,
.pattern-graph-report .graph-box.pattern-6 dd span.keeper_right,
.pattern-graph-report .graph-box.pattern-6 dd span.nogoal,
.pattern-graph-report .graph-box.pattern-6 dd span.homerun,
.pattern-graph-report .graph-box.pattern-6 dd span.ong,
.pattern-graph-report .graph-box.pattern-6 dd span.paper,
.pattern-graph-report .graph-box.pattern-6 dd span.s_right,
.pattern-graph-report .graph-box.pattern-6 dd span.h_right,
.pattern-graph-report .graph-box.pattern-6 dd span.red,
.pattern-graph-report .graph-box.pattern-6 dd span.hi,
.pattern-graph-report .graph-box.pattern-6 dd span.buy,
.pattern-graph-report .graph-box.pattern-6 dd span.even_under,
.pattern-graph-report .graph-box.pattern-6 dd span.even_under_sp,
.pattern-graph-report .graph-box.pattern-6 dd span.odd_large_sp {
    border: 1px solid var(--color-red);
    color: var(--color-red) !important;
}

.pattern-graph-report .graph-box.pattern-6 dd span.odd_small_sp {
    border: 1px solid var(--color-green);
    color: var(--color-green) !important;
}

.pattern-graph-report .graph-box.pattern-6 dd span.odd_over_sp,
.pattern-graph-report .graph-box.pattern-6 dd span.even_middle,
.pattern-graph-report .graph-box.pattern-6 dd span.even_middle_sp {
    border: 1px solid #005a9e;
    color: #005a9e !important;
}

.pattern-graph-report .graph-box.pattern-6 dd span.even_over_sp,
.pattern-graph-report .graph-box.pattern-6 dd span.even_large,
.pattern-graph-report .graph-box.pattern-6 dd span.even_large_sp {
    border: 1px solid #b92424;
    color: #b92424 !important;
}

.pattern-graph-report .graph-box.pattern-6 dd span.even_small_sp {
    border: 1px solid #0c763c;
    color: #0c763c !important;
}

.pattern-graph-report .graph-box.pattern-6 dd span.kick_left,
.pattern-graph-report .graph-box.pattern-6 dd span.keeper_left,
.pattern-graph-report .graph-box.pattern-6 dd span.kick_right,
.pattern-graph-report .graph-box.pattern-6 dd span.keeper_right {
    padding-top: 0;
}

.pattern-graph-report .graph-box.pattern-6 dd span.h_center,
.pattern-graph-report .graph-box.pattern-6 dd span.s_center {
    border: 1px solid var(--color-yellow);
    color: var(--color-yellow) !important;
}

.pattern-graph-report .graph-box.pattern-6 dd span sup.time-cycle {
    position: absolute;
    right: -5px;
    top: -3px;
    width: 13px;
    height: 13px;
    line-height: 13px;
    font-size: 10px;
    color: var(--color-white);
    border-radius: 5px;
    zoom: 95%;
    transform: scale(95%);
}

.pattern-graph-report .graph-box.pattern-6 dd span.even sup.time-cycle,
.pattern-graph-report .graph-box.pattern-6 dd span.over sup.time-cycle,
.pattern-graph-report .graph-box.pattern-6 dd span.large sup.time-cycle,
.pattern-graph-report .graph-box.pattern-6 dd span.s_right sup.time-cycle,
.pattern-graph-report .graph-box.pattern-6 dd span.h_right sup.time-cycle {
    background-color: var(--color-red);
}

.pattern-graph-report .graph-box.pattern-6 dd span.odd sup.time-cycle,
.pattern-graph-report .graph-box.pattern-6 dd span.under sup.time-cycle,
.pattern-graph-report .graph-box.pattern-6 dd span.middle sup.time-cycle,
.pattern-graph-report .graph-box.pattern-6 dd span.s_left sup.time-cycle,
.pattern-graph-report .graph-box.pattern-6 dd span.h_left sup.time-cycle {
    background-color: var(--color-blue);
}

.pattern-graph-report .graph-box.pattern-6 dd span.h_center sup.time-cycle,
.pattern-graph-report .graph-box.pattern-6 dd span.s_center sup.time-cycle {
    background-color: var(--color-yellow);
}

.pattern-graph-report .graph-box.pattern-6 dd span.small sup.time-cycle {
    background-color: var(--color-green);
}

.pattern-graph-report .graph-box.pattern-6 dd span.sectionA {
    background-color: #c88002 !important;
    color: var(--color-white);
}

.pattern-graph-report .graph-box.pattern-6 dd span.sectionB {
    background-color: #966813 !important;
    color: var(--color-white);
}

.pattern-graph-report .graph-box.pattern-6 dd span.sectionC {
    background-color: #655124 !important;
    color: var(--color-white);
}

.pattern-graph-report .graph-box.pattern-6 dd span.sectionD {
    background-color: #3d3e31 !important;
    color: var(--color-white);
}

.pattern-graph-report .graph-box.pattern-6 dd span.garu,
.pattern-graph-report .graph-box.pattern-6 dd span.ong {
    background-image: none;
}

.pattern-graph-report .graph-box.pattern-6 dd span.small,
.pattern-graph-report .graph-box.pattern-6 dd span.line_3,
.pattern-graph-report .graph-box.pattern-6 dd span.rock {
    border: 1px solid var(--color-green);
    color: var(--color-green) !important;
}

.pattern-graph-report .graph-box.pattern-6 dd span.line_4 {
    border: 1px solid var(--color-purple);
    color: var(--color-purple) !important;
}

.pattern-graph-report .graph-box.pattern-6 dd span.pbladder_evo_line3,
.pattern-graph-report .graph-box.pattern-6 dd span.left_3line {
    border: 1px solid var(--color-blue);
    color: var(--color-blue) !important;
}

.pattern-graph-report .graph-box.pattern-6 dd span.left_4line {
    border: 1px solid var(--color-sky);
    color: var(--color-sky) !important;
}

.pattern-graph-report .graph-box.pattern-6 dd span.pbladder_evo_line4,
.pattern-graph-report .graph-box.pattern-6 dd span.right_3line {
    border: 1px solid var(--color-red);
    color: var(--color-red) !important;
}

.pattern-graph-report .graph-box.pattern-6 dd span.right_4line {
    border: 1px solid #ff8d99;
    color: #ff8d99 !important;
}

.pattern-graph-report .graph-box.pattern-6 dd span.nullity {
    border: 1px solid #ccc;
    color: #000;
}

.pattern-graph-report .cn-pattern .go-graph-view .graph-box {
    position: relative;
    background: url(/imgs/cn-graph-paper.png) repeat;
    font-size: 0;
    padding-bottom: 0;
    overflow: hidden;
    min-width: 100%;
    height: 63px;
}

.pattern-graph-report .cn-pattern .go-graph-view .graph-box dl {
    display: inline-block;
    vertical-align: top;
}

.pattern-graph-report .cn-pattern .go-graph-view .graph-box dd {
    position: relative;
    width: 10px;
    height: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    text-align: center;
    font-size: 0;
    margin: 0;
}

.pattern-graph-report .cn-pattern .go-graph-view .graph-box dl:nth-child(odd) {
    margin-left: 1px;
}

.pattern-graph-report .cn-pattern .go-graph-view .graph-box dl:nth-child(1) {
    margin-left: 0;
}

.pattern-graph-report .cn-pattern .go-graph-view .graph-box dl dd:nth-child(odd) {
    margin-top: 1px;
}

.pattern-graph-report .cn-pattern .go-graph-view .graph-box dl dd:nth-child(1) {
    margin-top: 0;
}

.pattern-graph-report .cn-pattern .go-graph-view.cn-pattern-wrap-01 .graph-box dd span,
.pattern-graph-report .cn-pattern .go-graph-view.cn-pattern-wrap-02 .graph-box dd span,
.pattern-graph-report .cn-pattern .go-graph-view.cn-pattern-wrap-03 .graph-box dd span {
    width: 10px;
    height: 10px;
    text-indent: -9999px;
    font-size: 0;
}

.pattern-graph-report .cn-pattern .go-graph-view.cn-pattern-wrap-01 .graph-box dd span {
    background-color: transparent !important;
}

.pattern-graph-report .cn-pattern .go-graph-view.cn-pattern-wrap-01 .graph-box dd span.red {
    border: 1px solid var(--color-red);
}

.pattern-graph-report .cn-pattern .go-graph-view.cn-pattern-wrap-01 .graph-box dd span.blue {
    border: 1px solid var(--color-blue);
}

.pattern-graph-report .cn-pattern .go-graph-view.cn-pattern-wrap-01 .graph-box dd span.nullity {
    border: 1px solid #ccc;
}

.pattern-graph-report .cn-pattern .go-graph-view.cn-pattern-wrap-03 .graph-box dd span {
    width: 2px;
    height: 10px;
    transform: rotate(45deg);
    border-radius: 2px;
    border: none;
}

.pattern-graph-report .cn-pattern .go-graph-view.cn-pattern-wrap-03 .graph-box dd span.red {
    background-color: var(--color-red);
}

.pattern-graph-report .cn-pattern .go-graph-view.cn-pattern-wrap-03 .graph-box dd span.blue {
    background-color: var(--color-blue);
}

.pattern-graph-report .cn-pattern .go-graph-view.cn-pattern-wrap-02 .graph-box dd span.nullity {
    background-color: #ccc;
}

.pattern-graph-report .cn-pattern .go-graph-view.cn-pattern-wrap-03 .graph-box dd span.nullity {
    background-color: #ccc;
}

.prd-check {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    column-gap: 10px;
}

.pattern-graph-report .prd-check {
    margin: 10px;
}

.prd-check .even-check,
.prd-check .odd-check {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 10px;
    padding-right: 0.75rem;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.prd-check .even-check:hover,
.prd-check .odd-check:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

.prd-check .even-check.checked,
.prd-check .odd-check.checked {
    background-color: #dfe1a5;
}

.prd-check .even-check .name,
.prd-check .odd-check .name {
    line-height: 1.5rem;
    padding: 0 7px;
    color: #fff;
}

.prd-check .even-check .name {
    background-color: var(--color-red);
}

.prd-check .odd-check .name {
    background-color: var(--color-blue);
}

.prd-check span.red,
.prd-check span.blue {
    width: 13px;
    height: 13px;
    border-radius: 50%;
}

.prd-check span.red.border {
    background-color: transparent !important;
    border: 2px solid var(--color-red);
}

.prd-check span.blue.border {
    background-color: transparent !important;
    border: 2px solid var(--color-blue);
}

.prd-check span.red.solid {
    background-color: var(--color-red);
}

.prd-check span.blue.solid {
    background-color: var(--color-blue);
}

.prd-check span.line {
    width: 4px;
    height: 13px;
    border-radius: 3px;
    transform: rotate(45deg);
}

/* pattern */

.pattern_select .pattern .tit {
    display: inline-block;
    width: 69px;
    border-top: 1px solid #d6d6d6;
    text-align: center;
    vertical-align: top;
}

.pattern_select .pattern .tit span {
    display: block;
    height: 52px;
    line-height: 51px;
    border-bottom: 1px solid #d6d6d6
}

.pattern_select .pattern .tit .t1 {
    background-color: #fcfcfc
}

.pattern_select .pattern .inner {
    display: inline-block;
    position: relative;
    margin: 0 -4px;
    width: calc(100% - 69px);
    height: 157px;
    overflow-y: hidden;
    vertical-align: top;
}

.pattern_select .pattern ul {
    width: 762px;
    height: 157px;
    z-index: 1;
    background: url(/imgs/bg_pattern.png) repeat-x;
    border-right: 1px #e9e9e9 solid;
}

.pattern_select .pattern li {
    float: left;
    margin-left: -1px;
    width: 39px;
    height: 155px;
    border: 1px solid #78848c;
    text-align: center;
}

.pattern_select .pattern li:first-child {
    margin-left: 0;
}

.pattern_select .pattern .count {
    display: block;
    width: 37px;
    height: 52px;
    line-height: 51px;
    border-bottom: 1px solid #78848c;
    background-color: #95abb9;
    color: #fff;
}

.pattern_select .pattern .ic_result {
    position: relative;
    display: inline-block;
    margin: 10px 0 11px;
    font-size: 0.875rem;
    width: 31px;
    height: 31px;
    line-height: 31px;
    border-radius: 50%;
    color: #fff;
}

.pattern_select .pattern .ic_result.powerball_even,
.pattern_select .pattern .ic_result.nuguri_even,
.pattern_select .pattern .ic_result.ladder_even,
.pattern_select .pattern .ic_result.soccer_nogoal,
.pattern_select .pattern .ic_result.baseball_homerun,
.pattern_select .pattern .ic_result.squidgame_right,
.pattern_select .pattern .ic_result.garujigi_ong,
.pattern_select .pattern .ic_result.rps_rock,
.pattern_select .pattern .ic_result.dragontiger_lo_even,
.pattern_select .pattern .ic_result.baseballstudiolo_even,
.pattern_select .pattern .ic_result.forex_buy,
.pattern_select .pattern .ic_result.right_3line {
    background: var(--color-red);
}

.pattern_select .pattern .ic_result.powerball_odd,
.pattern_select .pattern .ic_result.nuguri_odd,
.pattern_select .pattern .ic_result.ladder_odd,
.pattern_select .pattern .ic_result.soccer_goal,
.pattern_select .pattern .ic_result.baseball_strike,
.pattern_select .pattern .ic_result.squidgame_left,
.pattern_select .pattern .ic_result.garujigi_garu,
.pattern_select .pattern .ic_result.rps_scissors,
.pattern_select .pattern .ic_result.dragontiger_lo_odd,
.pattern_select .pattern .ic_result.baseballstudiolo_odd,
.pattern_select .pattern .ic_result.forex_sell,
.pattern_select .pattern .ic_result.left_3line {
    background: var(--color-blue);
}

.pattern_select .pattern .ic_result.squidgame_draw,
.pattern_select .pattern .ic_result.garujigi_draw,
.pattern_select .pattern .ic_result.rps_paper {
    background: var(--color-green);
}

.pattern_select .pattern .ic_result.left_4line {
    background: var(--color-sky);
}

.pattern_select .pattern .ic_result.right_4line {
    background: #ff8d99;
}

.pattern_select .pattern .round {
    display: block;
    height: 51px;
    line-height: 51px;
    background-color: #fff;
}

.pattern_select .pattern .ic_result.garujigi_garu,
.pattern_select .pattern .ic_result.garujigi_ong {
    background-size: cover;
}

.pattern_select .pattern .ic_result.garujigi_garu {
    text-indent: -9999px;
    background-image: url(/imgs/games/garujigi/garu_bg.png);
}

.pattern_select .pattern .ic_result.garujigi_ong {
    text-indent: -9999px;
    background-image: url(/imgs/games/garujigi/ong_bg.png);
}

/* pattern list */
.pattern_list th {
    height: 51px;
    border: 1px solid #d6d6d6;
    background: #f2f2f7;
}

.pattern_list .date_cell,
.pattern_list .result_cell {
    width: 200px;
}

.pattern_list td {
    text-align: center;
    border: 1px solid #d6d6d6;
    padding: 0;
}

.pattern_cell .wrap {
    height: 76px;
    width: 100%;
    overflow-y: hidden;
    scroll-behavior: smooth;
    position: relative;
}

.pattern_list .pattern_cell .inner {
    width: 100%;
    height: 76px;
    background: url(/imgs/bg_pattern_cell.png) repeat-x;
    position: absolute;
    top: 0;
    left: 0;
}

.pattern_list .pattern_cell li {
    float: left;
    margin-left: 1px;
    width: 30px;
    height: 76px;
    vertical-align: middle;
}

.pattern_list .pattern_cell li:first-child {
    margin-left: 0;
}

.ic_result.powerball_even,
.ic_result.powerball_odd,
.ic_result.powerball_under,
.ic_result.powerball_over,
.ic_result.powerball_large,
.ic_result.powerball_middle,
.ic_result.powerball_small,
.ic_result.nuguri_even,
.ic_result.nuguri_odd,
.ic_result.nuguri_left,
.ic_result.nuguri_right,
.ic_result.nuguri_line3,
.ic_result.nuguri_line4,
.ic_result.ladder_even,
.ic_result.ladder_odd,
.ic_result.ladder_left,
.ic_result.ladder_right,
.ic_result.ladder_line3,
.ic_result.ladder_line4,
.ic_result.pbladder_evo_line3,
.ic_result.pbladder_evo_line4,
.ic_result.nuguri_line4,
.ic_result.soccer_goal,
.ic_result.soccer_nogoal,
.ic_result.soccer_kick_left,
.ic_result.soccer_kick_right,
.ic_result.soccer_keeper_left,
.ic_result.soccer_keeper_right,
.ic_result.baseball_homerun,
.ic_result.baseball_strike,
.ic_result.baseball_h_left,
.ic_result.baseball_h_right,
.ic_result.baseball_s_left,
.ic_result.baseball_s_right,
.ic_result.baseball_h_center,
.ic_result.baseball_s_center,
.ic_result.squidgame_left,
.ic_result.squidgame_right,
.ic_result.squidgame_draw,
.ic_result.garujigi_garu,
.ic_result.garujigi_ong,
.ic_result.garujigi_draw,
.ic_result.rps_rock,
.ic_result.rps_scissors,
.ic_result.rps_paper,
.ic_result.sb_ntry_hi,
.ic_result.sb_ntry_low,
.ic_result.sb_ntry_red,
.ic_result.sb_ntry_blue,
.ic_result.sb_ntry_odd,
.ic_result.sb_ntry_even,
.ic_result.dragontiger_lo_even,
.ic_result.dragontiger_lo_odd,
.ic_result.baseballstudiolo_even,
.ic_result.baseballstudiolo_odd,
.ic_result.forex_buy,
.ic_result.forex_sell,
.ic_result.forex_nullity,
.ic_result.quickdraw_even,
.ic_result.quickdraw_odd,
.ic_result.quickdraw_under,
.ic_result.quickdraw_over,
.ic_result.lotto365_even,
.ic_result.lotto365_odd,
.ic_result.lotto365_under,
.ic_result.lotto365_over,
.ic_result.odd,
.ic_result.even,
.ic_result.under,
.ic_result.over,
.ic_result.left,
.ic_result.right,
.ic_result.line_3,
.ic_result.line_4,
.ic_result.left_3line,
.ic_result.left_4line,
.ic_result.right_3line,
.ic_result.right_4line,
.pattern_list .result_cell .tx.powerball_even,
.pattern_list .result_cell .tx.powerball_odd,
.pattern_list .result_cell .tx.powerball_under,
.pattern_list .result_cell .tx.powerball_over,
.pattern_list .result_cell .tx.powerball_large,
.pattern_list .result_cell .tx.powerball_middle,
.pattern_list .result_cell .tx.powerball_small,
.pattern_list .result_cell .tx.nuguri_even,
.pattern_list .result_cell .tx.nuguri_odd,
.pattern_list .result_cell .tx.nuguri_left,
.pattern_list .result_cell .tx.nuguri_right,
.pattern_list .result_cell .tx.nuguri_line3,
.pattern_list .result_cell .tx.nuguri_line4,
.pattern_list .result_cell .tx.ladder_even,
.pattern_list .result_cell .tx.ladder_odd,
.pattern_list .result_cell .tx.ladder_left,
.pattern_list .result_cell .tx.ladder_right,
.pattern_list .result_cell .tx.ladder_line3,
.pattern_list .result_cell .tx.ladder_line4,
.pattern_list .result_cell .tx.pbladder_evo_line3,
.pattern_list .result_cell .tx.pbladder_evo_line4,
.pattern_list .result_cell .tx.soccer_goal,
.pattern_list .result_cell .tx.soccer_nogoal,
.pattern_list .result_cell .tx.soccer_kick_left,
.pattern_list .result_cell .tx.soccer_kick_right,
.pattern_list .result_cell .tx.soccer_keeper_left,
.pattern_list .result_cell .tx.soccer_keeper_right,
.pattern_list .result_cell .tx.baseball_homerun,
.pattern_list .result_cell .tx.baseball_strike,
.pattern_list .result_cell .tx.baseball_h_left,
.pattern_list .result_cell .tx.baseball_h_right,
.pattern_list .result_cell .tx.baseball_s_left,
.pattern_list .result_cell .tx.baseball_s_right,
.pattern_list .result_cell .tx.baseball_h_center,
.pattern_list .result_cell .tx.baseball_s_center,
.pattern_list .result_cell .tx.squidgame_left,
.pattern_list .result_cell .tx.squidgame_right,
.pattern_list .result_cell .tx.squidgame_draw,
.pattern_list .result_cell .tx.garujigi_garu,
.pattern_list .result_cell .tx.garujigi_ong,
.pattern_list .result_cell .tx.garujigi_draw,
.pattern_list .result_cell .tx.rps_rock,
.pattern_list .result_cell .tx.rps_scissors,
.pattern_list .result_cell .tx.rps_paper,
.pattern_list .result_cell .tx.sb_ntry_hi,
.pattern_list .result_cell .tx.sb_ntry_low,
.pattern_list .result_cell .tx.sb_ntry_red,
.pattern_list .result_cell .tx.sb_ntry_blue,
.pattern_list .result_cell .tx.sb_ntry_odd,
.pattern_list .result_cell .tx.sb_ntry_even,
.pattern_list .result_cell .tx.dragontiger_lo_even,
.pattern_list .result_cell .tx.dragontiger_lo_odd,
.pattern_list .result_cell .tx.baseballstudiolo_even,
.pattern_list .result_cell .tx.baseballstudiolo_odd,
.pattern_list .result_cell .tx.forex_buy,
.pattern_list .result_cell .tx.forex_sell,
.pattern_list .result_cell .tx.forex_nullity,
.pattern_list .result_cell .tx.quickdraw_even,
.pattern_list .result_cell .tx.quickdraw_odd,
.pattern_list .result_cell .tx.quickdraw_under,
.pattern_list .result_cell .tx.quickdraw_over,
.pattern_list .result_cell .tx.lotto365_even,
.pattern_list .result_cell .tx.lotto365_odd,
.pattern_list .result_cell .tx.lotto365_under,
.pattern_list .result_cell .tx.lotto365_over,
.pattern_list .result_cell .tx.odd,
.pattern_list .result_cell .tx.even,
.pattern_list .result_cell .tx.under,
.pattern_list .result_cell .tx.over,
.pattern_list .result_cell .tx.left,
.pattern_list .result_cell .tx.right,
.pattern_list .result_cell .tx.line_3,
.pattern_list .result_cell .tx.line_4,
.pattern_list .result_cell .tx.left_3line,
.pattern_list .result_cell .tx.left_4line,
.pattern_list .result_cell .tx.right_3line,
.pattern_list .result_cell .tx.right_4line {
    display: inline-block;
    margin: 10px 0;
    width: 24px;
    height: 24px;
    line-height: 23px;
    border-radius: 18px;
    color: #fff;
}

.pattern_list .ic_result,
.pattern_list .result_cell .tx {
    font-size: 9px;
}

.ic_result.powerball_even,
.ic_result.powerball_over,
.ic_result.powerball_large,
.ic_result.nuguri_even,
.ic_result.nuguri_right,
.ic_result.ladder_even,
.ic_result.ladder_right,
.ic_result.soccer_nogoal,
.ic_result.soccer_kick_right,
.ic_result.soccer_keeper_right,
.ic_result.baseball_homerun,
.ic_result.baseball_h_left,
.ic_result.baseball_s_left,
.ic_result.squidgame_right,
.ic_result.garujigi_ong,
.ic_result.rps_paper,
.ic_result.sb_ntry_hi,
.ic_result.sb_ntry_red,
.ic_result.sb_ntry_even,
.ic_result.pbladder_evo_line4,
.ic_result.dragontiger_lo_even,
.ic_result.baseballstudiolo_even,
.ic_result.forex_buy,
.ic_result.quickdraw_even,
.ic_result.quickdraw_over,
.ic_result.lotto365_even,
.ic_result.lotto365_over,
.ic_result.even,
.ic_result.over,
.ic_result.right_3line,
.pattern_list .result_cell .tx.powerball_even,
.pattern_list .result_cell .tx.powerball_over,
.pattern_list .result_cell .tx.powerball_large,
.pattern_list .result_cell .tx.nuguri_even,
.pattern_list .result_cell .tx.nuguri_right,
.pattern_list .result_cell .tx.ladder_even,
.pattern_list .result_cell .tx.ladder_right,
.pattern_list .result_cell .tx.soccer_nogoal,
.pattern_list .result_cell .tx.soccer_kick_right,
.pattern_list .result_cell .tx.soccer_keeper_right,
.pattern_list .result_cell .tx.baseball_homerun,
.pattern_list .result_cell .tx.baseball_h_right,
.pattern_list .result_cell .tx.baseball_s_right,
.pattern_list .result_cell .tx.squidgame_right,
.pattern_list .result_cell .tx.garujigi_ong,
.pattern_list .result_cell .tx.rps_paper,
.pattern_list .result_cell .tx.sb_ntry_hi,
.pattern_list .result_cell .tx.sb_ntry_red,
.pattern_list .result_cell .tx.sb_ntry_even,
.pattern_list .result_cell .tx.pbladder_evo_line4,
.pattern_list .result_cell .tx.dragontiger_lo_even,
.pattern_list .result_cell .tx.baseballstudiolo_even,
.pattern_list .result_cell .tx.forex_buy,
.pattern_list .result_cell .tx.quickdraw_even,
.pattern_list .result_cell .tx.quickdraw_over,
.pattern_list .result_cell .tx.lotto365_even,
.pattern_list .result_cell .tx.lotto365_over,
.pattern_list .result_cell .tx.even,
.pattern_list .result_cell .tx.over,
.pattern_list .result_cell .tx.right_3line {
    background: var(--color-red);
}

.ic_result.powerball_odd,
.ic_result.powerball_under,
.ic_result.powerball_middle,
.ic_result.nuguri_odd,
.ic_result.nuguri_left,
.ic_result.ladder_odd,
.ic_result.ladder_left,
.ic_result.soccer_goal,
.ic_result.soccer_kick_left,
.ic_result.soccer_keeper_left,
.ic_result.baseball_strike,
.ic_result.baseball_h_right,
.ic_result.baseball_s_right,
.ic_result.squidgame_left,
.ic_result.garujigi_garu,
.ic_result.rps_scissors,
.ic_result.sb_ntry_low,
.ic_result.sb_ntry_blue,
.ic_result.sb_ntry_odd,
.ic_result.pbladder_evo_line3,
.ic_result.dragontiger_lo_odd,
.ic_result.baseballstudiolo_odd,
.ic_result.forex_sell,
.ic_result.quickdraw_odd,
.ic_result.quickdraw_under,
.ic_result.lotto365_odd,
.ic_result.lotto365_under,
.ic_result.odd,
.ic_result.under,
.ic_result.left_3line,
.pattern_list .result_cell .tx.powerball_odd,
.pattern_list .result_cell .tx.powerball_under,
.pattern_list .result_cell .tx.powerball_middle,
.pattern_list .result_cell .tx.nuguri_odd,
.pattern_list .result_cell .tx.nuguri_left,
.pattern_list .result_cell .tx.ladder_odd,
.pattern_list .result_cell .tx.ladder_left,
.pattern_list .result_cell .tx.soccer_goal,
.pattern_list .result_cell .tx.soccer_kick_left,
.pattern_list .result_cell .tx.soccer_keeper_left,
.pattern_list .result_cell .tx.baseball_strike,
.pattern_list .result_cell .tx.baseball_h_left,
.pattern_list .result_cell .tx.baseball_s_left,
.pattern_list .result_cell .tx.squidgame_left,
.pattern_list .result_cell .tx.garujigi_garu,
.pattern_list .result_cell .tx.rps_scissors,
.pattern_list .result_cell .tx.sb_ntry_low,
.pattern_list .result_cell .tx.sb_ntry_blue,
.pattern_list .result_cell .tx.sb_ntry_odd,
.pattern_list .result_cell .tx.pbladder_evo_line3,
.pattern_list .result_cell .tx.dragontiger_lo_odd,
.pattern_list .result_cell .tx.baseballstudiolo_odd,
.pattern_list .result_cell .tx.forex_sell,
.pattern_list .result_cell .tx.quickdraw_odd,
.pattern_list .result_cell .tx.quickdraw_under,
.pattern_list .result_cell .tx.lotto365_odd,
.pattern_list .result_cell .tx.lotto365_under,
.pattern_list .result_cell .tx.odd,
.pattern_list .result_cell .tx.under,
.pattern_list .result_cell .tx.left_3line {
    background: var(--color-blue);
}

.ic_result.right_4line,
.pattern_list .result_cell .tx.right_4line {
    background: #ff8d99;
}

.ic_result.left_4line,
.pattern_list .result_cell .tx.left_4line {
    background: var(--color-sky);
}

.pattern_list .result_cell .tx.forex_nullity {
    background: #ccc;
}

.ic_result.powerball_small,
.ic_result.nuguri_line3,
.ic_result.ladder_line3,
.ic_result.squidgame_draw,
.ic_result.garujigi_draw,
.ic_result.rps_rock,
.ic_result.line_3,
.pattern_list .result_cell .tx.powerball_small,
.pattern_list .result_cell .tx.nuguri_line3,
.pattern_list .result_cell .tx.ladder_line3,
.pattern_list .result_cell .tx.squidgame_draw,
.pattern_list .result_cell .tx.garujigi_draw,
.pattern_list .result_cell .tx.rps_rock,
.pattern_list .result_cell .tx.line_3 {
    background: var(--color-green);
}

.ic_result.nuguri_line4,
.ic_result.ladder_line4,
.ic_result.line_4,
.pattern_list .result_cell .tx.nuguri_line4,
.pattern_list .result_cell .tx.ladder_line4,
.pattern_list .result_cell .tx.line_4 {
    background: var(--color-purple);
}

.ic_result.baseball_h_center,
.pattern_list .result_cell .tx.baseball_h_center,
.ic_result.baseball_s_center,
.pattern_list .result_cell .tx.baseball_s_center {
    background: var(--color-yellow);
    text-shadow: 1px 1px 2px #000000;
}

.pattern_list .ic_result.garujigi_garu,
.pattern_list .result_cell .tx.garujigi_garu,
.pattern_list .ic_result.garujigi_ong,
.pattern_list .result_cell .tx.garujigi_ong {
    position: relative;
    text-indent: inherit;
    z-index: 0;
    background-size: cover;
}

.pattern_list .ic_result.garujigi_garu,
.pattern_list .result_cell .tx.garujigi_garu {
    background-image: url(/imgs/games/garujigi/garu_bg.png);
}

.pattern_list .ic_result.garujigi_ong,
.pattern_list .result_cell .tx.garujigi_ong {
    background-image: url(/imgs/games/garujigi/ong_bg.png);
}

.pattern_list .ic_result.garujigi_garu:after,
.pattern_list .ic_result.garujigi_ong:after,
.pattern_list .result_cell .tx.garujigi_garu:after,
.pattern_list .result_cell .tx.garujigi_ong:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: -1;
}

.inner > li > span.round {
    display: block;
    border: none;
    font-size: 13px;
    line-height: 33px;
}

.pattern_list .result_cell .ic_result {
    display: block;
    width: 100%;
    height: 33px;
    line-height: 33px;
    font-size: 13px;
    border: none;
    border-top: 1px solid #f2f2f2;
    font-style: normal;
    text-align: center;
    border-radius: 0;
}


/* 기간검색 결과 테이블*/

.max_min_data {
    margin-bottom: 5px
}

.max_min_data table {
    width: 100%;
    font-size: 0.813rem;
    border: 1px solid #d6d6d6;
    border-top: 1px solid var(--gnb-color);
    table-layout: fixed;
}

.max_min_data thead th {
    background-color: var(--main-bg);
    border-bottom: 1px solid #d6d6d6;
    border-top: 0;
}

.max_min_data th {
    border-left: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
    background-color: var(--main-bg);
}

.max_min_data th:first-child,
.max_min_data td:first-child {
    border-left: 0;
}

.max_min_data td {
    border-left: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
    text-align: center;
}

.max_min_data tr.line_top th,
.max_min_data tr.line_top td {
    border-top: 1px solid #d6d6d6;
}

.max_min_data .line_left {
    border-left: 1px solid #d6d6d6;
}

.max_min_data .line_left.abs {
    border-left: 1px solid #d6d6d6 !important;
}

.max_min_data .max {
    font-weight: 700;
    color: var(--color-red);
}

.max_min_data .min {
    font-weight: 700;
    color: var(--color-blue);
}

span.text.pass,
span.text.gray,
span.text.odd,
span.text.even,
span.text.under,
span.text.over,
span.text.large,
span.text.middle,
span.text.small,
span.text.left,
span.text.right,
span.text.draw,
span.text.line_3,
span.text.line_4,
span.text.pbladder_evo_line3,
span.text.pbladder_evo_line4,
span.text.goal,
span.text.kick_left,
span.text.keeper_left,
span.text.nogoal,
span.text.kick_right,
span.text.keeper_right,
span.text.homerun,
span.text.strike,
span.text.h_left,
span.text.h_right,
span.text.h_center,
span.text.s_left,
span.text.s_right,
span.text.s_center,
span.text.garu,
span.text.ong,
span.text.fish,
span.text.starfish,
span.text.jellyfish,
span.text.shark,
span.text.turtle,
span.text.whale,
span.text.rock,
span.text.scissors,
span.text.paper,
span.text.low,
span.text.hi,
span.text.red,
span.text.blue,
span.text.buy,
span.text.sell,
span.text.nullity,
span.text.left_3line,
span.text.left_4line,
span.text.right_3line,
span.text.right_4line {
    background: none !important;
    display: inline-block;
    color: inherit !important;
    border-radius: 0;
    text-indent: inherit;
    text-shadow: none;
}

span.text.odd.many,
span.text.under.many,
span.text.middle.many,
span.text.left.many,
span.text.goal.many,
span.text.kick_left.many,
span.text.keeper_left.many,
span.text.strike.many,
span.text.h_left.many,
span.text.s_left.many,
span.text.garu.many,
span.text.scissors.many,
span.text.low.many,
span.text.blue.many,
span.text.pbladder_evo_line3.many,
span.text.sell.many,
span.text.left_3line.many {
    font-weight: 700;
    color: var(--color-blue) !important;
}

span.text.even.many,
span.text.over.many,
span.text.large.many,
span.text.red.many,
span.text.right.many,
span.text.nogoal.many,
span.text.kick_right.many,
span.text.keeper_right.many,
span.text.homerun.many,
span.text.h_right.many,
span.text.s_right.many,
span.text.ong.many,
span.text.jellyfish.many,
span.text.paper.many,
span.text.hi.many,
span.text.red.many,
span.text.pbladder_evo_line4.many,
span.text.buy.many,
span.text.right_3line.many {
    font-weight: 700;
    color: var(--color-red) !important;
}

span.text.small.many,
span.text.line_3.many,
span.text.draw.many,
span.text.turtle.many,
span.text.rock.many {
    font-weight: 700;
    color: var(--color-green) !important;
}

span.text.fall.many,
span.text.line_4.many,
span.shark.many {
    font-weight: 700;
    color: var(--color-purple) !important;
}

span.text.h_center.many,
span.text.s_center.many,
span.text.starfish.many {
    font-weight: 700;
    color: var(--color-yellow) !important;
}

span.text.fish.many {
    font-weight: 700;
    color: var(--color-orange) !important;
}

span.text.whale.many,
span.text.left_4line.many {
    font-weight: 700;
    color: var(--color-sky) !important;
}

span.text.break.many {
    font-weight: 700;
    color: var(--color-black) !important
}

span.text.right_4line.many {
    font-weight: 700;
    color: #ff8d99 !important
}

span.text.nullity.many {
    font-weight: 700;
    color: #ccc !important
}


/* 회차별 분석 리스트 */
.round_list {
    position: relative;
    width: auto;
}

.round_list .overflow_wrap {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}

.round_list .overflow_wrap .overflow_inner {
    white-space: nowrap;
}

.round_list .inner {
    padding-left: 130px;
}

.round_list .select_area {
    position: absolute;
    top: 0;
    left: 0;
    width: 130px;
    border-right: 1px solid #d6d6d6;
    background-color: #fcfcfc;
    z-index: 1;
}

.round_list .select_area span {
    display: block;
    text-align: center;
}

.round_list .select_area .tx_round {
    height: 40px;
    line-height: 40px;
}

.round_list .select_area .tx_graph {
    height: 116px;
    line-height: 116px;
    border-top: 1px solid #d6d6d6;
    vertical-align: middle;
}

.round_list .select_area .select_date {
    background-color: #fff;
}

.round_list .select_area .select_date li {
    padding: 0 10px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    border-top: 1px solid #d6d6d6;
    box-sizing: border-box;
}

.round_list .select_area .select_date li.total {
    height: 51px;
}

.round_list .select_area .select_date li.total span {
    border-radius: 30px;
    margin: 10px auto;
    text-align: center;
    width: 31px;
    height: 31px;
    line-height: 30px;
    display: block;
}

.round_list.aquafriends .select_area .select_date li.total span {
    text-indent: -9999px;
}

.round_list .select_area .select_date label {
    margin-top: 5px;
    font-size: 9px;
}

.round_list .select_area .select_date label p {
    float: left;
}

.round_list .select_area .select_date label .date {
    margin-right: 4px;
}

.round_list .select_area .select_date label.date-check {
    font-size: 13px;
}

.start_line .select_area .tx_graph {
    height: 219px;
    line-height: 219px;
}

.round_list .round_graph {
    display: block;
}

.round_list .round_graph:after {
    content: "";
    display: block;
    clear: both;
}

.round_list .round_graph li {
    float: left;
    width: 50px;
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    box-sizing: border-box;
}

.round_list .round_graph .round {
    display: block;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #d6d6d6;
    text-align: center;
}

.round_list .graph dl {
    position: relative;
    height: 54px;
    border-bottom: 1px solid #d6d6d6;
}

.round_list .round_graph.aquafriends li {
    width: 80px;
}

.round_list .graph .ODD .result,
.round_list .graph .UNDER .result,
.round_list .graph .LEFT .result,
.round_list .graph .LINE3 .result,
.round_list .graph .LEFT3 .result,
.round_list .graph .RIGHT3 .result {
    /* top:10px;  */
    color: var(--color-blue);
}

.round_list .graph .EVEN .result,
.round_list .graph .OVER .result,
.round_list .graph .RIGHT .result,
.round_list .graph .LINE4 .result,
.round_list .graph .LEFT4 .result,
.round_list .graph .RIGHT4 .result {
    /* bottom:10px;  */
    color: var(--color-red);
}

.round_list .graph .DRAW .result {
    color: var(--color-green);
}

/* .round_list .graph .ODD .per, */
.round_list .graph .UNDER .per,
.round_list .graph .LEFT .per,
.round_list .graph .LINE3 .per,
.round_list .graph .LEFT3 .per,
.round_list .graph .RIGHT3 .per {
    bottom: 0;
    background-color: var(--color-blue);
}

/* .round_list .graph .EVEN .per, */
.round_list .graph .OVER .per,
.round_list .graph .RIGHT .per,
.round_list .graph .LINE4 .per,
.round_list .graph .LEFT4 .per,
.round_list .graph .RIGHT4 .per {
    top: 0;
    background-color: var(--color-red);
}

/* .round_list .graph .ODD .num, */
.round_list .graph .UNDER .num,
.round_list .graph .LEFT .num,
.round_list .graph .LINE3 .num,
.round_list .graph .LEFT3 .num,
.round_list .graph .RIGHT3 .num {
    bottom: 9px;
}

/* .round_list .graph .EVEN .num, */
.round_list .graph .OVER .num,
.round_list .graph .RIGHT .num,
.round_list .graph .LINE4 .num,
.round_list .graph .LEFT4 .num,
.round_list .graph .RIGHT4 .num {
    top: 9px;
}

.round_list .round_result {
    clear: both;
}

.round_list .round_result li {
    height: 31px;
    box-sizing: border-box;
}

.round_list .round_result li.total {
    height: 51px;
    text-align: center;
    line-height: 20px;
    box-sizing: border-box;
}

/* .round_list .round_result li:first-of-type{
	border-top: none;
} */
/* .round_list .round_result li:first-of-type span {border-top:1px solid #d6d6d6; } */
.round_list .round_result span {
    float: left;
    width: 50px;
    height: 31px;
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    box-sizing: border-box;
}

.round_list .round_result.aquafriends span {
    width: 80px;
}

.round_list .round_result li:last-of-type span {
    border-top: none;
    border-bottom: none;
}

.round_list .round_result li.total span {
    display: block;
    height: 51px;
}

.round_list .round_result li.total span p {
    line-height: 25px;
}

.round_list .round_result li.total span p + p {
    border-top: 1px solid var(--border-color);
}

.round_list .round_result em {
    display: block;
    margin: 5px auto;
    background-color: var(--main-bg);
    font-size: 0.75rem !important;
    border-radius: 50px;
    text-align: center;
    font-style: normal;
    width: 21px;
    height: 21px;
    line-height: 21px;
    color: var(--sub-text01);
}

.round_list .round_result.aquafriends span {
    display: flex;
    justify-content: center;
    align-items: center;
}

.round_list .round_result.aquafriends em.fish,
.round_list .round_result.aquafriends em.starfish,
.round_list .round_result.aquafriends em.jellyfish,
.round_list .round_result.aquafriends em.shark,
.round_list .round_result.aquafriends em.turtle,
.round_list .round_result.aquafriends em.whale {
    text-indent: -9999px;
}

.round_list .round_result .X {
    background-color: #7b7b7b;
}

.round_list .round_result em.highlight {
    width: 28px;
    height: 28px;
    line-height: 28px;
    margin: 1px auto;
}

.round_list .round_result.rps em {
    font-size: 0.688rem !important;
}

.round_list .graph .squidgame_LEFT .result {
    color: var(--color-blue);
}

.round_list .graph .squidgame_RIGHT .result {
    color: var(--color-red);
}

.round_list .graph .squidgame_DRAW .result {
    color: var(--color-green);
}

.round_list .graph .squidgame_LEFT .per {
    background: var(--color-blue);
}

.round_list .graph .squidgame_RIGHT .per {
    background: var(--color-red);
}

.round_list .graph .squidgame_DRAW .per {
    background: var(--color-green);
}