/*
    VISUAL BOX CSS
*/

.main_visual_latest > .visualbox {
    margin:0 auto;
    text-align: center;
    position: relative;
    height:790px;
    border-bottom:1px solid #400e0e;
    overflow: hidden;
    background:linear-gradient(#0a0000, #000000);
}

#slot_latest.main_visual_latest {
    border-bottom:1px solid #400e0e;
}

#livesports_latest.main_visual_latest > .visualbox {
    margin:0 auto;
    text-align: center;
    position: relative;
    height:790px;
    border-bottom:1px solid #400e0e;
    overflow: hidden;
    background:linear-gradient(#0a0000, #000000);
}

#minigame_latest.main_visual_latest > .visualbox {
    margin:0 auto;
    text-align: center;
    position: relative;
    height:790px;
    border-bottom:1px solid #400e0e;
    overflow: hidden;
    background:linear-gradient(#0a0000, #000000);
}

#poker_latest.main_visual_latest > .visualbox {
    margin:0 auto;
    text-align: center;
    position: relative;
    height:790px;
    border-bottom:1px solid #400e0e;
    overflow: hidden;
    background:linear-gradient(#0a0000, #000000);
}


.main_visual_latest > .visualbox > .visual_light {
    position: absolute;
    left:50%;
    top:0px;
    transform: translate(-50%);
}

.main_visual_latest > .visualbox > .visual_entity {
    position: absolute;
    display: block;
    bottom:0px;
    left:50%;
    transform: translate(-50%);
    margin-left:300px;
}

.main_visual_latest > .visualbox > .centerbox {
    position: absolute;
    top:0px;
    left:50%;
    width:1400px;
    transform: translate(-50%);
    text-align: left;
}

@keyframes golden_effect_title {
    0%{
        background-position: 0rem;
    }
    100%{
        background-position: 50rem;
    }
}

.main_visual_latest > .visualbox > .centerbox > .title {
    background: 
        linear-gradient(135deg,
            #fffce8 20%,
            transparent 25%,
            transparent 50%,
            #c5a773 55%,
            #c5a773 70%,
            transparent 75%, transparent),
            #fffce8;
    background-size:50rem 50rem;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: golden_effect_title 3s linear infinite;
    font-size:46px;
    font-weight:900;
    margin-top:100px;
    margin-bottom:35px;
}

@keyframes golden_effect_subtitle {
    0%{
        background-position: 0rem;
    }
    100%{
        background-position: 50rem;
    }
}

.main_visual_latest > .visualbox > .centerbox > .subtitle {
    background: 
        linear-gradient(135deg,
            #fffce8 20%,
            transparent 25%,
            transparent 50%,
            #c5a773 55%,
            #c5a773 70%,
            transparent 75%, transparent),
            #fffce8;
	/*background: linear-gradient(135deg, #ffe8e8 20%, transparent 25%, transparent 50%, #c57373 55%, #c57373 70%, transparent 75%, transparent), #ffe8e8;*/
    background-size:50rem 50rem;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: golden_effect_subtitle 3s linear infinite;
    font-size:27px;
    font-weight:900;
}

.main_visual_latest > .visualbox > .centerbox > .description {
    line-height: 20px;
    margin-bottom:30px;
}

.main_visual_latest > .visualbox > .centerbox > .description > p {
    color:#585858;
    font-size:16px;
    font-weight:100;
    text-transform:uppercase;
}

@keyframes golden_effect_btn_play_game {
    0%{
        background-position: 0rem;
    }
    100%{
        background-position: 80rem;
    }
}

.main_visual_latest > .visualbox > .centerbox > .btn_play_game {
    display: block;
    position: relative;
    cursor:pointer;
    height:54px;
    width:210px;
}

.main_visual_latest > .visualbox > .centerbox > .btn_play_game > .border {
    background: #3e3e3e;
    position: absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
}

.main_visual_latest > .visualbox > .centerbox > .btn_play_game:hover > .border,
.main_visual_latest > .visualbox > .centerbox > .btn_play_game.active > .border {
    background: 
        linear-gradient(135deg,
            #fffce8 0%,
            transparent 25%,
            transparent 50%,
            #c5a773 55%,
            #c5a773 70%,
            transparent 75%, transparent),
            #fffce8;
    background-size:80rem 80rem;
    animation: golden_effect_btn_play_game 2s linear infinite;
    position: absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
}

.main_visual_latest > .visualbox > .centerbox > .btn_play_game > .fill {
    background: #000000;
    position: absolute;
    left:1px;
    right:1px;
    bottom:1px;
    top:1px;
}


.main_visual_latest > .visualbox > .centerbox > .btn_play_game > span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 13px;
    color:#cccccc;
    font-family: 'GmarketSans';
}

/*
    VISUAL BOX CASNIO GAME LIST CSS
*/

.main_visual_latest > .casino_gamelist {
    min-width: 1400px;
    height:340px;
    text-align: center;
    overflow: hidden;
    position: relative;
    border-bottom:0px solid #432c21;
}

.main_visual_latest > .casino_gamelist > .gamelist {
    min-width: 1400px;
    position: absolute;
    left: 50%;
    top:0px;
    transform: translate(-50%);
    display: flex;
}

.main_visual_latest > .casino_gamelist > .gamelist > .gameitem.disabled {
    width:0px;
    overflow: hidden;
}


.main_visual_latest > .casino_gamelist > .gamelist > .gameitem {
    width:270px;
    margin-left:5px;
    margin-right:5px;
    flex-shrink: 0;
    height:280px;
    border-radius:13px;
    overflow: hidden;
    margin-top:30px;
    position: relative;
    cursor:pointer;
    transition: all 300ms;
}


.main_visual_latest > .casino_gamelist > .gamelist > .gameitem > .border {
    position: absolute;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    background: 
        linear-gradient(135deg,
            #c5a773 12.5%,
            transparent 25%,
            transparent 50%,
            #c5a773 62.5%,
            transparent 75%, transparent),
            #fffce8 100%;
    background-size:80rem 80rem;
    animation: golden_effect_btn_play_game 4s linear infinite;
    filter:grayscale(1) brightness(0.3);
    transition: all 150ms;
}

.main_visual_latest > .casino_gamelist > .gamelist > .gameitem:hover > .border {
    filter:grayscale(0) brightness(1);
    transition: all 150ms;
}

.main_visual_latest > .casino_gamelist > .gamelist > .gameitem > .fill {
    position: absolute;
    display: block;
    left:1px;
    top:1px;
    right:1px;
    bottom:1px;
    border-radius:13px;
    overflow: hidden;
}

.main_visual_latest > .casino_gamelist > .gamelist > .gameitem > .fill > .gmae_img {
    position: absolute;
    display: block;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    width:auto;
    height:auto;
    filter:brightness(0.4);
}

.main_visual_latest > .casino_gamelist > .gamelist > .gameitem > .fill > .game_logo {
    position: absolute;
    display: block;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
    width:auto;
    height:60px;
}


.main_visual_latest > .casino_gamelist > .mask_left {
    position: absolute;
    right:50%;
    top:0;
    bottom:0;
    left:0px;
    margin-right:700px;
    background: linear-gradient(-90deg, #00000000 0px, #000000cc 280px );
}

.main_visual_latest > .casino_gamelist > .mask_right {
    position: absolute;
    left:50%;
    top:0;
    bottom:0;
    right:0px;
    margin-left:700px;
    background: linear-gradient(90deg, #00000000 0px, #000000cc 280px );
}

.main_visual_latest > .casino_gamelist > .btn_left_arrow {
    position: absolute;
    right:50%;
    top:50%;
    transform: translate(50%,-50%);
    margin-right:670px;
    width:0px;
}

.main_visual_latest > .casino_gamelist > .btn_right_arrow {
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    margin-left:650px;
    width:0px;
}

.main_visual_latest > .casino_gamelist > .btn_left_arrow > span,
.main_visual_latest > .casino_gamelist > .btn_right_arrow > span  {
    display: block;
    position: absolute;
    font-size: 80px;
    transform: scaleX(0.7) translate(-50%, -40%);
    cursor:pointer;
    color:#e0c088;
    font-family: 'GmarketSans';
    text-shadow: 10px 10px 10px rgba(0,0,0,0);
}

.main_visual_latest > .casino_gamelist > .btn_left_arrow:hover > span,
.main_visual_latest > .casino_gamelist > .btn_right_arrow:hover > span {
    color:#fffce8;
}



/*
    VISUAL BOX SLOT GAME LIST CSS
*/

.main_visual_latest > .slot_gamelist {
    width:1400px;
    height:360px;
    text-align: center;
    overflow: hidden;
    position: relative;
    display: flex;
    margin:0 auto;
}

.main_visual_latest > .slot_gamelist > .jackpot {
    display: block;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    width:450px;
}

.main_visual_latest > .slot_gamelist > .jackpot > .jackpot_img {
    width:450px;
}


.main_visual_latest > .slot_gamelist > .jackpot > .jackpot_money {
    font-size:14px;
    position: absolute;
    top:215px;
    left:50%;
    transform: translate(-50%);
    font-size:30px;
    font-family: 'GmarketSans';
    font-weight:700;

}

.main_visual_latest > .slot_gamelist > .gamelist {
    flex-shrink: 0;
    width:950px;
    position: relative;
    display: grid;
    grid-template: repeat(2, 1fr) / repeat(3, 1fr);
    grid-gap:20px;
    padding:30px;
    height:340px;
    padding-right:45px;
    overflow: hidden;
}

.main_visual_latest > .slot_gamelist > .gamelist > .gameitem {
    max-width: 400px;
    width:100%;
    flex-shrink: 0;
    height:140px;
    border-radius:13px;
    overflow: hidden;
    position: relative;
    cursor:pointer;
    filter:brightness(0.7);
}


.main_visual_latest > .slot_gamelist > .gamelist > .gameitem:hover {
    filter:brightness(1);
    transition: all 300ms;
}

.main_visual_latest > .slot_gamelist > .gamelist > .gameitem > .border {
    position: absolute;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    background: 
        linear-gradient(135deg,
            #c5a773 12.5%,
            transparent 25%,
            transparent 50%,
            #c5a773 62.5%,
            transparent 75%, transparent),
            #fffce8 100%;
    background-size:80rem 80rem;
    animation: golden_effect_btn_play_game 4s linear infinite;
    filter:grayscale(1) brightness(0.3);
    transition: all 150ms;
}

.main_visual_latest > .slot_gamelist > .gamelist > .gameitem:hover > .border {
    filter:grayscale(0) brightness(1);
    transition: all 150ms;
}

.main_visual_latest > .slot_gamelist > .gamelist > .gameitem > .fill {
    position: absolute;
    display: block;
    left:1px;
    top:1px;
    right:1px;
    bottom:1px;
    border-radius:13px;
    overflow: hidden;
    background:#11141d;
}

.main_visual_latest > .slot_gamelist > .gamelist > .gameitem > .fill > .game_logo {
    position: absolute;
    display: block;
    left:50%;
    top:45px;
    transform: translate(-50%, -50%);
    width:auto;
    object-fit: scale-down;
    filter:brightness(0.8);
    transition: all 200ms;
}

.main_visual_latest > .slot_gamelist > .gamelist > .gameitem:hover > .fill > .game_logo {
    filter:brightness(1);
    transition: all 200ms;
}

.main_visual_latest > .slot_gamelist > .gamelist > .gameitem > .fill > .game_title {
    display: block;
    position: absolute;
    left:0px;
    bottom:0px;
    right:0px;
    height:50px;
    line-height:50px;
    font-size:13px;
    text-align: left;
    padding-left:15px;
    background:#211e28;
    color:#888888;
}

.main_visual_latest > .slot_gamelist > .gamelist > .gameitem:hover > .fill > .game_title {
    color:#cccccc;
    transition: all 200ms;
}

.main_visual_latest > .slot_gamelist > .gamelist > .gameitem > .fill > .game_money {
    display: block;
    position: absolute;
    left:0px;
    bottom:0px;
    right:0px;
    height:50px;
    line-height:50px;
    font-size:13px;
    text-align: right;
    padding-right:15px;
    color:#888888;
}

.main_visual_latest > .slot_gamelist > .gamelist > .gameitem:hover > .fill > .game_money {
    color:#cccccc;
    transition: all 200ms;
}


.main_visual_latest > .slot_gamelist > .btn_left_arrow {
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    margin-left:-260px;
    width:0px;
}

.main_visual_latest > .slot_gamelist > .btn_right_arrow {
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    margin-left:680px;
    width:0px;
}

.main_visual_latest > .slot_gamelist > .btn_left_arrow > span,
.main_visual_latest > .slot_gamelist > .btn_right_arrow > span  {
    display: block;
    position: absolute;
    font-size: 80px;
    transform: scaleX(0.7) translate(-50%, -40%);
    cursor:pointer;
    color:#e0c088;
    font-family: 'GmarketSans';
    text-shadow: 10px 10px 10px rgba(0,0,0,0);
}

.main_visual_latest > .slot_gamelist > .btn_left_arrow:hover > span,
.main_visual_latest > .slot_gamelist > .btn_right_arrow:hover > span {
    color:#fffce8;
}





/*
    VISUAL BOX LIVE SPORTS GAME LIST CSS
*/

.main_visual_latest > .livesports_gamelist {
    min-width: 1400px;
    height:363px;
    text-align: center;
    overflow: hidden;
    position: relative;
    border-bottom:px solid #432c21;
}

.main_visual_latest > .livesports_gamelist > .gamelist {
    min-width: 1400px;
    position: absolute;
    left: 50%;
    top:0px;
    transform: translate(-50%);
    display: flex;
}

.main_visual_latest > .livesports_gamelist > .gamelist > .gameitem.disabled {
    width:0px;
    overflow: hidden;
}


.main_visual_latest > .livesports_gamelist > .gamelist > .gameitem {
    width:460px;
    margin-left:5px;
    margin-right:5px;
    flex-shrink: 0;
    height:300px;
    border-radius:13px;
    overflow: hidden;
    margin-top:30px;
    position: relative;
    cursor:pointer;
    transition: all 300ms;
}


.main_visual_latest > .livesports_gamelist > .gamelist > .gameitem > .border {
    position: absolute;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    background: 
        linear-gradient(135deg,
            #c5a773 12.5%,
            transparent 25%,
            transparent 50%,
            #c5a773 62.5%,
            transparent 75%, transparent),
            #fffce8 100%;
    background-size:80rem 80rem;
    animation: golden_effect_btn_play_game 4s linear infinite;
    filter:grayscale(1) brightness(0.3);
    transition: all 150ms;
}

.main_visual_latest > .livesports_gamelist > .gamelist > .gameitem:hover > .border {
    filter:grayscale(0) brightness(1);
    transition: all 150ms;
}

.main_visual_latest > .livesports_gamelist > .gamelist > .gameitem > .fill {
    position: absolute;
    display: block;
    left:1px;
    top:1px;
    right:1px;
    bottom:1px;
    border-radius:13px;
    overflow: hidden;
}

.main_visual_latest > .livesports_gamelist > .gamelist > .gameitem > .fill > .game_img {
    position: absolute;
    display: block;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    width:auto;
    height:auto;
    filter: grayscale(0.7) brightness(0.7);
    transition: all 300ms;
}

.main_visual_latest > .livesports_gamelist > .gamelist > .gameitem:hover > .fill > .game_img {
    filter: grayscale(0) brightness(1);
    color:#cccccc;
    transition: all 300ms;
}

.main_visual_latest > .livesports_gamelist > .gamelist > .gameitem > .fill > .game_title {
    position: absolute;
    display: block;
    top:50%;
    right:50px;
    font-size:20px;
    width:auto;
    height:auto;
    color:#888888;
    transition: all 300ms;
}

.main_visual_latest > .livesports_gamelist > .gamelist > .gameitem:hover > .fill > .game_title  {
    color:#cccccc;
    transition: all 300ms;
}


.main_visual_latest > .livesports_gamelist > .gamelist > .gameitem > .fill > .game_logo {
    position: absolute;
    display: block;
    right:40px;
    bottom:50%;
    width:auto;
    height:60px;
    filter:brightness(0.6);
    color:#888888;
    transition: all 300ms;
}

.main_visual_latest > .livesports_gamelist > .gamelist > .gameitem:hover > .fill > .game_logo {
    filter:brightness(1);
    color:#cccccc;
    transition: all 300ms;
}


.main_visual_latest > .livesports_gamelist > .mask_left {
    position: absolute;
    right:50%;
    top:0;
    bottom:0;
    left:0px;
    margin-right:470px;
    background: linear-gradient(-90deg, #00000000 0px, #000000cc 300px );
}

.main_visual_latest > .livesports_gamelist > .mask_right {
    position: absolute;
    left:50%;
    top:0;
    bottom:0;
    right:0px;
    margin-left:470px;
    background: linear-gradient(90deg, #00000000 0px, #000000cc 300px );
}

.main_visual_latest > .livesports_gamelist > .btn_left_arrow {
    position: absolute;
    right:50%;
    top:50%;
    transform: translate(50%,-50%);
    margin-right:520px;
    width:0px;
}

.main_visual_latest > .livesports_gamelist > .btn_right_arrow {
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    margin-left:500px;
    width:0px;
}

.main_visual_latest > .livesports_gamelist > .btn_left_arrow > span,
.main_visual_latest > .livesports_gamelist > .btn_right_arrow > span  {
    display: block;
    position: absolute;
    font-size: 80px;
    transform: scaleX(0.7) translate(-50%, -40%);
    cursor:pointer;
    color:#e0c088;
    font-family: 'GmarketSans';
    text-shadow: 10px 10px 10px rgba(0,0,0,0);
}

.main_visual_latest > .livesports_gamelist > .btn_left_arrow:hover > span,
.main_visual_latest > .livesports_gamelist > .btn_right_arrow:hover > span {
    color:#fffce8;
}





/*
    VISUAL BOX MINIGAME GAME LIST CSS
*/


.main_visual_latest > .minigame_gamelist {
    min-width: 1400px;
    height:250px;
    text-align: center;
    overflow: hidden;
    position: relative;
    border-bottom:0px solid #432c21;
}

.main_visual_latest > .minigame_gamelist > .gamelist {
    min-width: 1400px;
    position: absolute;
    left: 50%;
    top:0px;
    transform: translate(-50%);
    display: flex;
}

.main_visual_latest > .minigame_gamelist > .gamelist > .gameitem.disabled {
    width:0px;
    overflow: hidden;
}


.main_visual_latest > .minigame_gamelist > .gamelist > .gameitem {
    width:155px;
    margin-left:10px;
    margin-right:10px;
    flex-shrink: 0;
    height:186px;
    border-radius:13px;
    overflow: hidden;
    margin-top:30px;
    position: relative;
    cursor:pointer;
    transition: all 300ms;
}

.main_visual_latest > .minigame_gamelist > .gamelist > .gameitem > .fill {
    position: absolute;
    display: block;
    left:1px;
    top:1px;
    right:1px;
    bottom:1px;
    border-radius:13px;
    overflow: hidden;
}

.main_visual_latest > .minigame_gamelist > .gamelist > .gameitem > .fill > .gmae_img {
    position: absolute;
    display: block;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    width:auto;
    height:auto;
    filter:brightness(0.5);
    transition: all 300ms;
}

.main_visual_latest > .minigame_gamelist > .gamelist > .gameitem:hover > .fill > .gmae_img {
    filter:brightness(1);
    transition: all 300ms;
}

.main_visual_latest > .minigame_gamelist > .gamelist > .gameitem > .fill > .game_logo {
    position: absolute;
    display: block;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
    width:auto;
    height:60px;
}


.main_visual_latest > .minigame_gamelist > .gamelist > .gameitem > .fill > .game_title {
    opacity: 0;
}

.main_visual_latest > .minigame_gamelist > .gamelist > .gameitem > .fill > .game_period {
    display: block;
    position: absolute;
    right:54px;
    bottom:16px;
    font-size:12px;
    color:#d1b32f;
    font-weight:600;
    transition: all 300ms;
}

.main_visual_latest > .minigame_gamelist > .gamelist > .gameitem:hover > .fill > .game_period {
    color:#ffda38;
    transition: all 300ms;
}

.main_visual_latest > .minigame_gamelist > .gamelist > .gameitem > .fill > .game_period > .game_subtxt {
    font-size:7px;
    color:#d1b32f;
    font-weight:600;
    transition: all 300ms;
}

.main_visual_latest > .minigame_gamelist > .gamelist > .gameitem:hover > .fill > .game_period > .game_subtxt {
    color:#ffda38;
    transition: all 300ms;
}

.main_visual_latest > .minigame_gamelist > .gamelist > .gameitem > .fill > .game_time {
    display: block;
    position: absolute;
    right:56px;
    bottom:1px;
    font-size:13px;
    color:#aaaaaa;
    font-weight:600;
    transition: all 300ms;
}

.main_visual_latest > .minigame_gamelist > .gamelist > .gameitem:hover > .fill > .game_time {
    color:#ffffff;
    transition: all 300ms;
}

.main_visual_latest > .minigame_gamelist > .mask_left {
    position: absolute;
    right:50%;
    top:0;
    bottom:0;
    left:0px;
    margin-right:600px;
    background: linear-gradient(-90deg, #00000000 0px, #000000cc 280px );
}

.main_visual_latest > .minigame_gamelist > .mask_right {
    position: absolute;
    left:50%;
    top:0;
    bottom:0;
    right:0px;
    margin-left:600px;
    background: linear-gradient(90deg, #00000000 0px, #000000cc 280px );
}

.main_visual_latest > .minigame_gamelist > .btn_left_arrow {
    position: absolute;
    right:50%;
    top:50%;
    transform: translate(50%,-50%);
    margin-right:670px;
    width:0px;
}

.main_visual_latest > .minigame_gamelist > .btn_right_arrow {
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    margin-left:650px;
    width:0px;
}

.main_visual_latest > .minigame_gamelist > .btn_left_arrow > span,
.main_visual_latest > .minigame_gamelist > .btn_right_arrow > span  {
    display: block;
    position: absolute;
    font-size: 80px;
    transform: scaleX(0.7) translate(-50%, -40%);
    cursor:pointer;
    color:#e0c088;
    font-family: 'GmarketSans';
    text-shadow: 10px 10px 10px rgba(0,0,0,0);
}

.main_visual_latest > .minigame_gamelist > .btn_left_arrow:hover > span,
.main_visual_latest > .minigame_gamelist > .btn_right_arrow:hover > span {
    color:#fffce8;
}


.gamelist_toggle {
    display: flex;
    flex-direction: row;
    height:40px;
    margin-top:-1px;
    border-top:1px solid #400e0e;
    border-bottom:1px solid #400e0e;
    line-height:40px;
    justify-content: center;
}


.gamelist_toggle > span {
    display: inline-block;
    text-align: center;
    font-weight: 900;
    transform: rotate(90deg) scaleX(1.5);
    color:#e2b49c;
    cursor:pointer;
    height:40px;
    width:40px;
    transition: all 500ms;
}

.gamelist_toggle.active > span {
    transform: rotate(270deg) scaleX(1.5);
    transition: all 500ms;
} 

.gamelistbox {
    max-height: 0px;
    overflow: hidden;
    transition: all 500ms;
}

.gamelistbox.active {
    max-height: 600px;
    transition: all 500ms;
}

.poprnb {
    position: fixed;
    right:20px;
    top:170px;
    bottom:0px;
    z-index:10000;
}

.poprnb > div.menu {
    display: flex;
    flex-direction: column;
    right:0px;
    top:0px;
    padding:10px;
    position: relative;
    z-index:100;
}

.poprnb > div.menu > .menuitem {
    display: block;
    width:68px;
    height:68px;
    position: relative;
    border-radius: 34px;
    overflow: hidden;
    margin-bottom:20px;
    cursor:pointer;
    transition: all 500ms;
}


.poprnb > div.menu > .menuitem > .border {
    position: absolute;
    display: block;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    background:#452b1d;
    border-radius: 34px;
    transition: all 100ms;
}

.poprnb > div.menu > .menuitem:hover > .border,
.poprnb > div.menu > .menuitem.active > .border {
    background:#c69b4c;
    
    transition: all 100ms;
}
.poprnb > div.menu > .menuitem > .fill {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    left:2px;
    top:2px;
    right:2px;
    bottom:2px;
    background:#030201;
    border-radius: 34px;
    transition: all 150ms;
}

.poprnb > div.menu > .menuitem:hover > .fill,
.poprnb > div.menu > .menuitem.active > .fill {
    background:#1f1501;
    transition: all 150ms;
}

.poprnb > div.menu > .menuitem > .fill > img {
    object-fit: none;
    object-position: center;
    height:24px;
    filter:brightness(0.6);
    transition: all 150ms;
}

.poprnb > div.menu > .menuitem:hover > .fill > img,
.poprnb > div.menu > .menuitem.active > .fill > img {
    object-fit: none;
    object-position: center;
    height:24px;
    filter:brightness(1);
    transition: all 150ms;
}


.poprnb > div.menu > .menuitem > .fill > span {
    font-size:11px;
    font-weight:600;
    color:#888888;
    font-family: 'GmarketSans';
    height:20px;
    line-height:20px;
    transition: all 150ms;
}

.poprnb > div.menu > .menuitem:hover > .fill > span,
.poprnb > div.menu > .menuitem.active > .fill > span {
    color:#efefef;
}

.poprnb > div.contents {
    display: block;
}

.poprnb > div.contents > .contentsitem {
    display: none;
    position: absolute;
    right:100px;
    top:10px;
}

.poprnb > div.contents > .contentsitem.active {
    display: block;
}

.poprnb > div.contents > .tabbox {
    width:300px;
}

.poprnb > div.contents > .tabbox > .tabmenu {
    display: flex;
}

.poprnb > div.contents > .tabbox > .tabmenu > .tabitem {
    display: block;
    position: relative;
    width:100%;
    height:110px;
    margin-left:10px;
    cursor:pointer;
}

.poprnb > div.contents > .tabbox > .tabmenu > .tabitem:nth-child(1) {
    margin-left:0px;
}

.poprnb > div.contents > .tabbox > .tabmenu > .tabitem > .border {
    position: absolute;
    display: block;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    background:#452b1d;
    border-radius: 20px;
}

.poprnb > div.contents > .tabbox > .tabmenu > .tabitem:hover > .border,
.poprnb > div.contents > .tabbox > .tabmenu > .tabitem.active > .border  {
    background:#c69b4c;
}

.poprnb > div.contents > .tabbox > .tabmenu > .tabitem > .fill {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    left:2px;
    top:2px;
    right:2px;
    bottom:2px;
    background:#030201;
    border-radius: 20px;
    transition: all 150ms;
}

.poprnb > div.contents > .tabbox > .tabmenu > .tabitem > .fill > img {
    display: block;
    object-fit: none;
    height:60px;
}

.poprnb > div.contents > .tabbox > .tabmenu > .tabitem:hover > .fill,
.poprnb > div.contents > .tabbox > .tabmenu > .tabitem.active > .fill {
    background:#1f1501;
    transition: all 150ms;
}

.poprnb > div.contents > .tabbox > .tabmenu > .tabitem > .fill > span {
    font-size:12px;
    font-weight:600;
    color:#888888;
    font-family: 'GmarketSans';
    line-height:14px;
    transition: all 150ms;
}

.poprnb > div.contents > .tabbox > .tabmenu > .tabitem:hover > .fill > span,
.poprnb > div.contents > .tabbox > .tabmenu > .tabitem.active > .fill > span {
    color:#efefef;
}

.poprnb > div.contents > .tabbox > .tabbody {
    display: block;
    position: relative;
    margin-top:10px;
}

.poprnb > div.contents > .tabbox > .tabbody > .tabitem {
    display: none;
    padding:2px;
}

.poprnb > div.contents > .tabbox > .tabbody > .tabitem.active {
    display: block;
}

.poprnb > div.contents > .tabbox > .tabbody > .tabitem > .orderbox {
    display: flex;
}

.poprnb > div.contents > .tabbox > .tabbody > .tabitem > .border {
    position: absolute;
    display: block;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    background:#452b1d;
    border-radius: 20px;
}

.poprnb > div.contents > .tabbox > .tabbody > .tabitem > .fill {
    position: relative;
    display: block;
    background:#000000;
    border-radius: 20px;
    overflow: hidden;
}

.poprnb > div.contents > .tabbox > .tabbody > .tabitem > .fill > .orderbox {
    display: flex;
    padding:10px;
}


.poprnb > div.contents > .tabbox > .tabbody > .tabitem > .fill > .orderbox > .btn_order {
    flex-shrink: 1;
    display: block;
    width:100%;
    height:40px;
    margin-left:10px;
    border-radius:15px;
    overflow: hidden;
}

.poprnb > div.contents > .tabbox > .tabbody > .tabitem > .fill > .orderbox > .btn_order > .fill {
    border-radius:15px;
    text-align: center;
}

.poprnb > div.contents > .tabbox > .tabbody > .tabitem > .fill > .orderbox > .btn_order > .border {
    border-radius:15px;
}

.poprnb > div.contents > .tabbox > .tabbody > .tabitem > .fill > .orderbox > .btn_order:nth-child(1) {
    margin-left:0px;
}

.poprnb > div.contents > .tabbox > .tabbody > .tabitem > .fill > .titlebox {
    display: block;
    position: relative;
    height:100px;
}

.poprnb > div.contents > .tabbox > .tabbody > .tabitem > .fill > .titlebox > img {
    display: block;
    position: absolute;
    left:50px;
    top:50px;
    transform: translate(-50%, -50%);
    object-fit: none;
    object-position: center;
}

.poprnb > div.contents > .tabbox > .tabbody > .tabitem > .fill > .titlebox > .title {
    display: block;
    position: absolute;
    left:95px;
    top:25px;
    font-size:20px;
    font-weight: 900;
    font-family: 'GmarketSans';
    color:#f92552;
}

.poprnb > div.contents > .tabbox > .tabbody > .tabitem > .fill > .titlebox > .subtitle {
    display: block;
    position: absolute;
    left:95px;
    top:55px;
    font-size:13px;
    font-weight: 400;
    font-family: 'GmarketSans';
    color:#888888;
}

.listbox_poprnb {
    display: block;
}

.listbox_poprnb .listhead {
    display: block;
    border-top:3px solid #432a1c;
    background: #1e1501;
}

.listbox_poprnb .listbody {
    display: block;
    border-bottom:3px solid #432a1c;
}

.listbox_poprnb .listhead .row {
    display: flex;
    height:30px;
}

.listbox_poprnb .listbody .row {
    display: flex;
    border-top:1px solid #432a1c;
    height:30px;
}

.listbox_poprnb .row > .col {
    height:30px;
    line-height:30px;
    border-left:1px solid #432a1c;
    font-size:12px;
}

.listbox_poprnb .row > .col:nth-child(1) {
    border-left:0px;
}

.listbox_poprnb .col_center {
    text-align: center;
}

.listbox_poprnb .col_1x {
    width:100%;
}

.listbox_poprnb .col_2x {
    width:200%;
}

.listbox_poprnb .col_3x {
    width:300%;
}

.poprnb > div.contents > .tabbox > .tabbody > .tabitem > .fill > .btn_goto {
    width:auto;
    display: block;
    height:40px;
    margin:5px;
    border-radius: 15px;
    text-align: center;
}

.poprnb > div.contents > .tabbox > .tabbody > .tabitem > .fill > .btn_goto > .fill,
.poprnb > div.contents > .tabbox > .tabbody > .tabitem > .fill > .btn_goto > .border {
    border-radius: 15px;
}

.poprnb > div.contents > .tabbox > .tabbody > .tabitem:not(:hover) > .fill > .btn_goto > .border {
    background:#432a1c;
}

.poprnb > div.contents > .tabbox > .tabbody > .tabitem > .fill > .btn_goto > .fill {
    background:#000000;
    left:2px;
    right:2px;
    top:2px;
    bottom:2px;
}

.poprnb > .contents {
    z-index:10;
}

.poprnb > .contents > .contentsitem_01 {
    display: block;
    position: absolute;
}

.poprnb > .contents > .contentsitem_01 > img {
    display: block;
    position: absolute;
    top:20px;
    right:-90px;
}


.poprnb > .contents > .contentsitem_01 > .visual_jackpot_amount {
    display: block;
    position: absolute;
    text-shadow: 
        0px 0px 3px #ffc967,
        0px 0px 5px #ffc967,
        0px 0px 10px #ffc967,
        0px 0px 15px #ffc967;
    font-family: 'Rajdhani';
    opacity: 0;
    width:300px;
    right:0px;
    text-align: center;
    top:200px;
}

.poprnb > .contents > .contentsitem_01 > .visual_jackpot_amount {
    opacity: 1;
    transform: scale(1);
    transition-property: all;
    transition-duration: 500ms;
    transition-delay: 700ms;
}

.poprnb > .contents > .contentsitem_01 > .visual_jackpot_amount * {
    color:#ffffff;
    font-size:36px;
    font-weight:600;
}