@charset 'utf-8';

/* console font */
html[data-coherent-gt="true"] * { font-family: custom !important; }

p { margin: 0; padding: 0; }
.off { display: none !important; }
.bold { font-weight: bold; }
.dimmed { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); z-index: -1; opacity: 0; -webkit-transition: 0.8s; transition: 0.8s; }
.dimmed.on { opacity: 1; z-index: 1000; -webkit-transition: opacity .3s; transition: opacity .3s; }

.bold_dimmed { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 1); z-index: -1; opacity: 0; -webkit-transition: 0.8s; transition: 0.8s; }
.bold_dimmed.on { opacity: 1; z-index: 1000; -webkit-transition: opacity .3s; transition: opacity .3s; }

.opacity_dimmed { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; }
.opacity_dimmed.on { z-index: 1000; }
.marble_game_wrap { position: relative; width: 918px; height: 655px; overflow: hidden; -webkit-animation: show 1s; animation: show 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.marble_board { -webkit-animation: show 0.7s 0.3s; animation: show 0.7s 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

/*고대 흑정령의 모험 테마*/
.marble_bg[data-marble-theme='8'] { background: url("../../img/MarbleGame/marble_theme_bg8.jpg?v=1") no-repeat 0 0; }

/* black_spirit */
.black_spirit { position: absolute; width: 78px; height: 87px; z-index: 200; -webkit-animation: drop 3 0.5s 1s; animation: drop 3 0.5s 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.black_spirit[data-marble-theme='8'] { background-image: url("../../img/MarbleGame/black_spirit_event_01.png?v=3"); }

/* tile_wrap */
.tile_wrap .tile { position: absolute; width: 76px; height: 75px; z-index: 100; }
.tile_wrap .tile .route_num { display: inline-flex; justify-content: center; align-items: center; width: 19px; height: 19px; position: absolute; top: -6px; left: calc(50% - 9.5px); box-sizing: border-box; padding: 0 1px 2px 0; border: 1px solid rgba(211,195,158,0.7); background: rgba( 0,0,0,0.7); color: #f5ba3a; font-size: 12px; text-align: center; line-height: 1; }
.tile_wrap .tile .item + .route_num { top: -18px; left: 11px }

.tile_wrap .img_start { background-image: url("../../img/MarbleGame/tile_event_start.png?v=1"); }
.tile_wrap .img_end { background-image: url("../../img/MarbleGame/tile_event_finish.png?v=1"); }
.tile_wrap .img_purple { background-image: url("../../img/MarbleGame/tile_event_purple.png?v=1"); }
.tile_wrap .img_orange { background-image: url("../../img/MarbleGame/tile_event_orange.png?v=1"); }

.tile_wrap .img_normal_1 { background-image: url("../../img/MarbleGame/tile_basic_1.png"); }
.tile_wrap .img_complete { background-image: url("../../img/MarbleGame/tile_complete.png?v=1"); }
.tile_wrap .img_change { background-image: url("../../img/MarbleGame/tile_event.png?v=1"); }
.tile_wrap .img_go_1 { background-image: url("../../img/MarbleGame/tile_go_1.png?v=1"); }
.tile_wrap .img_go_2 { background-image: url("../../img/MarbleGame/tile_go_2.png?v=1"); }
.tile_wrap .img_go_3 { background-image: url("../../img/MarbleGame/tile_go_3.png?v=1"); }
.tile_wrap .img_go_4 { background-image: url("../../img/MarbleGame/tile_go_4.png?v=1"); }
.tile_wrap .img_go_5 { background-image: url("../../img/MarbleGame/tile_go_5.png?v=1"); }
.tile_wrap .img_back_1 { background-image: url("../../img/MarbleGame/tile_back_1.png?v=1"); }
.tile_wrap .img_back_2 { background-image: url("../../img/MarbleGame/tile_back_2.png?v=1"); }
.tile_wrap .img_back_3 { background-image: url("../../img/MarbleGame/tile_back_3.png?v=1"); }
.tile_wrap .img_back_4 { background-image: url("../../img/MarbleGame/tile_back_4.png?v=1"); }
.tile_wrap .img_back_5 { background-image: url("../../img/MarbleGame/tile_back_5.png?v=1"); }
.tile_wrap .img_item_random { background-image: url("../../img/MarbleGame/tile_random.png?v=1"); }

.tile .item { width: 50px; height: 55px; left: 10px; top: -20px; position: absolute; }
.tile .item.grade_0 { background-image: url('../../img/MarbleGame/fixed_item_0.png?v=1'); }
.tile .item.grade_1 { background-image: url('../../img/MarbleGame/fixed_item_1.png?v=1'); }
.tile .item.grade_2 { background-image: url('../../img/MarbleGame/fixed_item_2.png?v=1'); }
.tile .item.grade_3 { background-image: url('../../img/MarbleGame/fixed_item_3.png?v=1'); }
.tile .item.grade_4 { background-image: url('../../img/MarbleGame/fixed_item_4.png?v=1'); }

.tile .item .icon { position: absolute; width: 32px; height: 32px; top: 8px; left: 9px; }
.tile .item .count { position: absolute; right: 11px; bottom: 16px; color: #ffffff; font-size: 11px; }

/* random item roulette */
.random_item_roulette { display: flex; justify-content: center; align-items: center; position: absolute; top: 250px; left: 399px; width: 120px; height: 90px; background: #000 url("../../img/MarbleGame/rouletteSlotBg.png?v=1") no-repeat center center; border: 0px solid #444444; color: #fff; border-radius: 5px; text-align: center; z-index: 1002; }
.roulette_arrow { display: flex; justify-content: center; align-items: center; width: 70px; height: 64px; background: url("../../img/MarbleGame/rouletteArrow.png?v=1"); }
.roulette_container { display: inline-block; width: 42px; height: 42px; border: 1px solid rgba(253, 252, 253, 0.31); box-shadow: 0px 0px 3px lightpink; display: block; }
.roulette { margin-top: 0px; overflow: hidden; height: 42px; }
.roulette-inner { left: 0px; }
.roulette .roulette-inner img { width: 42px; height: 42px; }

/* alert_message_box */
.alert_message_box { position: absolute; display: block; width: 914px; height: 86px; left: 50%; top: 245px; margin-left: -457px; z-index: 400; -webkit-animation: show 0.2s both; animation: show 0.2s both; }
.alert_message_box .text_area { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; box-sizing: border-box; padding: 0 0 0; text-align: center; color: #eeddc5; font-size: 20px; }

.alert_message_box .text_area::before { top: 0; }
.alert_message_box .text_area::after { bottom: 0; }
.alert_message_box .text_area em { color: #ffac00; font-style: normal; }
.alert_message_box .burst_area { display: none; justify-content: center; align-items: center; position: absolute; top: -82px; left: 0; width: 100%; z-index: 2; -webkit-animation: show 0.1s both; animation: show 0.1s both; }
.alert_message_box .burst_area.on { display: flex; }

.alert_message_box .icn_burst { display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; width: 117px; height: 123px; -webkit-animation: show 0.1s backwards, shining2 0.2s 0.1s both; animation: show 0.1s backwards, shining2 0.2s 0.1s both; }

.alert_message_box[data-dice-color-type='1'] .icn_burst { background-image: url(../../img/MarbleGame/inc_burst_bg_2.png?v=3); }
.alert_message_box[data-dice-color-type='1'] .text_area { background: url(../../img/MarbleGame/alert_bg_purple.png?v=3) no-repeat top center; }
/* 보라색 */

.alert_message_box[data-dice-color-type='2'] .icn_burst { background-image: url(../../img/MarbleGame/inc_burst_bg_3.png?v=3); }
.alert_message_box[data-dice-color-type='2'] .text_area { background: url(../../img/MarbleGame/alert_bg_orange.png?v=3) no-repeat top center; }
/* 오랜지 */

.alert_message_box .burst_num { display: inline-block; box-sizing: border-box; padding: 0 0 4px; color: #362c18; font-size: 40px; text-align: center; }

/* rolling dice sprite */
.rolling_dice_wrap { pointer-events: none; position: absolute; top: 240px; left: 358px; z-index: 1002; background-size: 3920px 3735px; background-repeat: no-repeat; background-position: 0 0; }
.rolling_dice_wrap .dice { position: absolute; width: 560px; height: 415px; opacity: 0; visibility: hidden; }
.rolling_dice_wrap .dice.on { opacity: 1; visibility: visible; }


/* 보라색 */
.RollingDice_A_1.on[data-dice-color-type='1'] { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_EventRollingDiceA_1_1.png); }
.RollingDice_A_2.on[data-dice-color-type='1'] { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_EventRollingDiceA_1_2.png); }
.RollingDice_A_3.on[data-dice-color-type='1'] { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_EventRollingDiceA_1_3.png); }
.RollingDice_A_4.on[data-dice-color-type='1'] { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_EventRollingDiceA_1_4.png); }
.RollingDice_A_5.on[data-dice-color-type='1'] { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_EventRollingDiceA_1_5.png); }
.RollingDice_A_6.on[data-dice-color-type='1'] { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_EventRollingDiceA_1_6.png); }

/* 오랜지 */
.RollingDice_A_1.on[data-dice-color-type='2'] { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_EventRollingDiceA_2_1.png); }
.RollingDice_A_2.on[data-dice-color-type='2'] { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_EventRollingDiceA_2_2.png); }
.RollingDice_A_3.on[data-dice-color-type='2'] { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_EventRollingDiceA_2_3.png); }
.RollingDice_A_4.on[data-dice-color-type='2'] { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_EventRollingDiceA_2_4.png); }
.RollingDice_A_5.on[data-dice-color-type='2'] { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_EventRollingDiceA_2_5.png); }
.RollingDice_A_6.on[data-dice-color-type='2'] { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_EventRollingDiceA_2_6.png); }

/* 보라색 */
.RollingDice_B_1.on[data-dice-color-type='1'] { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_EventRollingDiceB_1_1.png); }
.RollingDice_B_2.on[data-dice-color-type='1'] { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_EventRollingDiceB_1_2.png); }
.RollingDice_B_3.on[data-dice-color-type='1'] { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_EventRollingDiceB_1_3.png); }
.RollingDice_B_4.on[data-dice-color-type='1'] { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_EventRollingDiceB_1_4.png); }
.RollingDice_B_5.on[data-dice-color-type='1'] { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_EventRollingDiceB_1_5.png); }
.RollingDice_B_6.on[data-dice-color-type='1'] { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_EventRollingDiceB_1_6.png); }

/* 오랜지 */
.RollingDice_B_1.on[data-dice-color-type='2'] { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_EventRollingDiceB_2_1.png); }
.RollingDice_B_2.on[data-dice-color-type='2'] { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_EventRollingDiceB_2_2.png); }
.RollingDice_B_3.on[data-dice-color-type='2'] { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_EventRollingDiceB_2_3.png); }
.RollingDice_B_4.on[data-dice-color-type='2'] { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_EventRollingDiceB_2_4.png); }
.RollingDice_B_5.on[data-dice-color-type='2'] { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_EventRollingDiceB_2_5.png); }
.RollingDice_B_6.on[data-dice-color-type='2'] { background-image: url(coui://UI_Texture/Icon/New_Icon/Product_Icon_PNG/WEB_EventRollingDiceB_2_6.png); }


.RollingDice_A_1.grade_1 { background-position-x: 0; background-position-y: 0; }
.RollingDice_A_1.grade_2 { background-position-x: -560px; background-position-y: 0; }
.RollingDice_A_1.grade_3 { background-position-x: -1120px; background-position-y: 0; }
.RollingDice_A_1.grade_4 { background-position-x: -1680px; background-position-y: 0; }
.RollingDice_A_1.grade_5 { background-position-x: -2240px; background-position-y: 0; }
.RollingDice_A_1.grade_6 { background-position-x: -2800px; background-position-y: 0; }
.RollingDice_A_1.grade_7 { background-position-x: 0; background-position-y: -415px; }
.RollingDice_A_1.grade_8 { background-position-x: -560px; background-position-y: -415px; }
.RollingDice_A_1.grade_9 { background-position-x: -1120px; background-position-y: -415px; }
.RollingDice_A_1.grade_10 { background-position-x: -1680px; background-position-y: -415px; }
.RollingDice_A_1.grade_11 { background-position-x: -2240px; background-position-y: -415px; }
.RollingDice_A_1.grade_12 { background-position-x: -2800px; background-position-y: -415px; }
.RollingDice_A_1.grade_13 { background-position-x: 0; background-position-y: -830px; }
.RollingDice_A_1.grade_14 { background-position-x: -560px; background-position-y: -830px; }
.RollingDice_A_1.grade_15 { background-position-x: -1120px; background-position-y: -830px; }
.RollingDice_A_1.grade_16 { background-position-x: -1680px; background-position-y: -830px; }
.RollingDice_A_1.grade_17 { background-position-x: -2240px; background-position-y: -830px; }
.RollingDice_A_1.grade_18 { background-position-x: -2800px; background-position-y: -830px; }
.RollingDice_A_1.grade_19 { background-position-x: 0; background-position-y: -1245px; }
.RollingDice_A_1.grade_20 { background-position-x: -560px; background-position-y: -1245px; }
.RollingDice_A_1.grade_21 { background-position-x: -1120px; background-position-y: -1245px; }
.RollingDice_A_1.grade_22 { background-position-x: -1680px; background-position-y: -1245px; }
.RollingDice_A_1.grade_23 { background-position-x: -2240px; background-position-y: -1245px; }
.RollingDice_A_1.grade_24 { background-position-x: -2800px; background-position-y: -1245px; }
.RollingDice_A_1.grade_25 { background-position-x: 0; background-position-y: -1660px; }
.RollingDice_A_1.grade_26 { background-position-x: -560px; background-position-y: -1660px; }
.RollingDice_A_1.grade_27 { background-position-x: -1120px; background-position-y: -1660px; }
.RollingDice_A_1.grade_28 { background-position-x: -1680px; background-position-y: -1660px; }
.RollingDice_A_1.grade_29 { background-position-x: -2240px; background-position-y: -1660px; }
.RollingDice_A_1.grade_30 { background-position-x: -2800px; background-position-y: -1660px; }
.RollingDice_A_1.grade_31 { background-position-x: 0; background-position-y: -2075px; }
.RollingDice_A_1.grade_32 { background-position-x: -560px; background-position-y: -2075px; }
.RollingDice_A_2.grade_1 { background-position-x: 0; background-position-y: 0; }
.RollingDice_A_2.grade_2 { background-position-x: -560px; background-position-y: 0; }
.RollingDice_A_2.grade_3 { background-position-x: -1120px; background-position-y: 0; }
.RollingDice_A_2.grade_4 { background-position-x: -1680px; background-position-y: 0; }
.RollingDice_A_2.grade_5 { background-position-x: -2240px; background-position-y: 0; }
.RollingDice_A_2.grade_6 { background-position-x: -2800px; background-position-y: 0; }
.RollingDice_A_2.grade_7 { background-position-x: 0; background-position-y: -415px; }
.RollingDice_A_2.grade_8 { background-position-x: -560px; background-position-y: -415px; }
.RollingDice_A_2.grade_9 { background-position-x: -1120px; background-position-y: -415px; }
.RollingDice_A_2.grade_10 { background-position-x: -1680px; background-position-y: -415px; }
.RollingDice_A_2.grade_11 { background-position-x: -2240px; background-position-y: -415px; }
.RollingDice_A_2.grade_12 { background-position-x: -2800px; background-position-y: -415px; }
.RollingDice_A_2.grade_13 { background-position-x: 0; background-position-y: -830px; }
.RollingDice_A_2.grade_14 { background-position-x: -560px; background-position-y: -830px; }
.RollingDice_A_2.grade_15 { background-position-x: -1120px; background-position-y: -830px; }
.RollingDice_A_2.grade_16 { background-position-x: -1680px; background-position-y: -830px; }
.RollingDice_A_2.grade_17 { background-position-x: -2240px; background-position-y: -830px; }
.RollingDice_A_2.grade_18 { background-position-x: -2800px; background-position-y: -830px; }
.RollingDice_A_2.grade_19 { background-position-x: 0; background-position-y: -1245px; }
.RollingDice_A_2.grade_20 { background-position-x: -560px; background-position-y: -1245px; }
.RollingDice_A_2.grade_21 { background-position-x: -1120px; background-position-y: -1245px; }
.RollingDice_A_2.grade_22 { background-position-x: -1680px; background-position-y: -1245px; }
.RollingDice_A_2.grade_23 { background-position-x: -2240px; background-position-y: -1245px; }
.RollingDice_A_2.grade_24 { background-position-x: -2800px; background-position-y: -1245px; }
.RollingDice_A_2.grade_25 { background-position-x: 0; background-position-y: -1660px; }
.RollingDice_A_2.grade_26 { background-position-x: -560px; background-position-y: -1660px; }
.RollingDice_A_2.grade_27 { background-position-x: -1120px; background-position-y: -1660px; }
.RollingDice_A_2.grade_28 { background-position-x: -1680px; background-position-y: -1660px; }
.RollingDice_A_2.grade_29 { background-position-x: -2240px; background-position-y: -1660px; }
.RollingDice_A_2.grade_30 { background-position-x: -2800px; background-position-y: -1660px; }
.RollingDice_A_2.grade_31 { background-position-x: 0; background-position-y: -2075px; }
.RollingDice_A_2.grade_32 { background-position-x: -560px; background-position-y: -2075px; }
.RollingDice_A_3.grade_1 { background-position-x: 0; background-position-y: 0; }
.RollingDice_A_3.grade_2 { background-position-x: -560px; background-position-y: 0; }
.RollingDice_A_3.grade_3 { background-position-x: -1120px; background-position-y: 0; }
.RollingDice_A_3.grade_4 { background-position-x: -1680px; background-position-y: 0; }
.RollingDice_A_3.grade_5 { background-position-x: -2240px; background-position-y: 0; }
.RollingDice_A_3.grade_6 { background-position-x: -2800px; background-position-y: 0; }
.RollingDice_A_3.grade_7 { background-position-x: 0; background-position-y: -415px; }
.RollingDice_A_3.grade_8 { background-position-x: -560px; background-position-y: -415px; }
.RollingDice_A_3.grade_9 { background-position-x: -1120px; background-position-y: -415px; }
.RollingDice_A_3.grade_10 { background-position-x: -1680px; background-position-y: -415px; }
.RollingDice_A_3.grade_11 { background-position-x: -2240px; background-position-y: -415px; }
.RollingDice_A_3.grade_12 { background-position-x: -2800px; background-position-y: -415px; }
.RollingDice_A_3.grade_13 { background-position-x: 0; background-position-y: -830px; }
.RollingDice_A_3.grade_14 { background-position-x: -560px; background-position-y: -830px; }
.RollingDice_A_3.grade_15 { background-position-x: -1120px; background-position-y: -830px; }
.RollingDice_A_3.grade_16 { background-position-x: -1680px; background-position-y: -830px; }
.RollingDice_A_3.grade_17 { background-position-x: -2240px; background-position-y: -830px; }
.RollingDice_A_3.grade_18 { background-position-x: -2800px; background-position-y: -830px; }
.RollingDice_A_3.grade_19 { background-position-x: 0; background-position-y: -1245px; }
.RollingDice_A_3.grade_20 { background-position-x: -560px; background-position-y: -1245px; }
.RollingDice_A_3.grade_21 { background-position-x: -1120px; background-position-y: -1245px; }
.RollingDice_A_3.grade_22 { background-position-x: -1680px; background-position-y: -1245px; }
.RollingDice_A_3.grade_23 { background-position-x: -2240px; background-position-y: -1245px; }
.RollingDice_A_3.grade_24 { background-position-x: -2800px; background-position-y: -1245px; }
.RollingDice_A_3.grade_25 { background-position-x: 0; background-position-y: -1660px; }
.RollingDice_A_3.grade_26 { background-position-x: -560px; background-position-y: -1660px; }
.RollingDice_A_3.grade_27 { background-position-x: -1120px; background-position-y: -1660px; }
.RollingDice_A_3.grade_28 { background-position-x: -1680px; background-position-y: -1660px; }
.RollingDice_A_3.grade_29 { background-position-x: -2240px; background-position-y: -1660px; }
.RollingDice_A_3.grade_30 { background-position-x: -2800px; background-position-y: -1660px; }
.RollingDice_A_3.grade_31 { background-position-x: 0; background-position-y: -2075px; }
.RollingDice_A_3.grade_32 { background-position-x: -560px; background-position-y: -2075px; }
.RollingDice_A_4.grade_1 { background-position-x: 0; background-position-y: 0; }
.RollingDice_A_4.grade_2 { background-position-x: -560px; background-position-y: 0; }
.RollingDice_A_4.grade_3 { background-position-x: -1120px; background-position-y: 0; }
.RollingDice_A_4.grade_4 { background-position-x: -1680px; background-position-y: 0; }
.RollingDice_A_4.grade_5 { background-position-x: -2240px; background-position-y: 0; }
.RollingDice_A_4.grade_6 { background-position-x: -2800px; background-position-y: 0; }
.RollingDice_A_4.grade_7 { background-position-x: 0; background-position-y: -415px; }
.RollingDice_A_4.grade_8 { background-position-x: -560px; background-position-y: -415px; }
.RollingDice_A_4.grade_9 { background-position-x: -1120px; background-position-y: -415px; }
.RollingDice_A_4.grade_10 { background-position-x: -1680px; background-position-y: -415px; }
.RollingDice_A_4.grade_11 { background-position-x: -2240px; background-position-y: -415px; }
.RollingDice_A_4.grade_12 { background-position-x: -2800px; background-position-y: -415px; }
.RollingDice_A_4.grade_13 { background-position-x: 0; background-position-y: -830px; }
.RollingDice_A_4.grade_14 { background-position-x: -560px; background-position-y: -830px; }
.RollingDice_A_4.grade_15 { background-position-x: -1120px; background-position-y: -830px; }
.RollingDice_A_4.grade_16 { background-position-x: -1680px; background-position-y: -830px; }
.RollingDice_A_4.grade_17 { background-position-x: -2240px; background-position-y: -830px; }
.RollingDice_A_4.grade_18 { background-position-x: -2800px; background-position-y: -830px; }
.RollingDice_A_4.grade_19 { background-position-x: 0; background-position-y: -1245px; }
.RollingDice_A_4.grade_20 { background-position-x: -560px; background-position-y: -1245px; }
.RollingDice_A_4.grade_21 { background-position-x: -1120px; background-position-y: -1245px; }
.RollingDice_A_4.grade_22 { background-position-x: -1680px; background-position-y: -1245px; }
.RollingDice_A_4.grade_23 { background-position-x: -2240px; background-position-y: -1245px; }
.RollingDice_A_4.grade_24 { background-position-x: -2800px; background-position-y: -1245px; }
.RollingDice_A_4.grade_25 { background-position-x: 0; background-position-y: -1660px; }
.RollingDice_A_4.grade_26 { background-position-x: -560px; background-position-y: -1660px; }
.RollingDice_A_4.grade_27 { background-position-x: -1120px; background-position-y: -1660px; }
.RollingDice_A_4.grade_28 { background-position-x: -1680px; background-position-y: -1660px; }
.RollingDice_A_4.grade_29 { background-position-x: -2240px; background-position-y: -1660px; }
.RollingDice_A_4.grade_30 { background-position-x: -2800px; background-position-y: -1660px; }
.RollingDice_A_4.grade_31 { background-position-x: 0; background-position-y: -2075px; }
.RollingDice_A_4.grade_32 { background-position-x: -560px; background-position-y: -2075px; }
.RollingDice_A_5.grade_1 { background-position-x: 0; background-position-y: 0; }
.RollingDice_A_5.grade_2 { background-position-x: -560px; background-position-y: 0; }
.RollingDice_A_5.grade_3 { background-position-x: -1120px; background-position-y: 0; }
.RollingDice_A_5.grade_4 { background-position-x: -1680px; background-position-y: 0; }
.RollingDice_A_5.grade_5 { background-position-x: -2240px; background-position-y: 0; }
.RollingDice_A_5.grade_6 { background-position-x: -2800px; background-position-y: 0; }
.RollingDice_A_5.grade_7 { background-position-x: 0; background-position-y: -415px; }
.RollingDice_A_5.grade_8 { background-position-x: -560px; background-position-y: -415px; }
.RollingDice_A_5.grade_9 { background-position-x: -1120px; background-position-y: -415px; }
.RollingDice_A_5.grade_10 { background-position-x: -1680px; background-position-y: -415px; }
.RollingDice_A_5.grade_11 { background-position-x: -2240px; background-position-y: -415px; }
.RollingDice_A_5.grade_12 { background-position-x: -2800px; background-position-y: -415px; }
.RollingDice_A_5.grade_13 { background-position-x: 0; background-position-y: -830px; }
.RollingDice_A_5.grade_14 { background-position-x: -560px; background-position-y: -830px; }
.RollingDice_A_5.grade_15 { background-position-x: -1120px; background-position-y: -830px; }
.RollingDice_A_5.grade_16 { background-position-x: -1680px; background-position-y: -830px; }
.RollingDice_A_5.grade_17 { background-position-x: -2240px; background-position-y: -830px; }
.RollingDice_A_5.grade_18 { background-position-x: -2800px; background-position-y: -830px; }
.RollingDice_A_5.grade_19 { background-position-x: 0; background-position-y: -1245px; }
.RollingDice_A_5.grade_20 { background-position-x: -560px; background-position-y: -1245px; }
.RollingDice_A_5.grade_21 { background-position-x: -1120px; background-position-y: -1245px; }
.RollingDice_A_5.grade_22 { background-position-x: -1680px; background-position-y: -1245px; }
.RollingDice_A_5.grade_23 { background-position-x: -2240px; background-position-y: -1245px; }
.RollingDice_A_5.grade_24 { background-position-x: -2800px; background-position-y: -1245px; }
.RollingDice_A_5.grade_25 { background-position-x: 0; background-position-y: -1660px; }
.RollingDice_A_5.grade_26 { background-position-x: -560px; background-position-y: -1660px; }
.RollingDice_A_5.grade_27 { background-position-x: -1120px; background-position-y: -1660px; }
.RollingDice_A_5.grade_28 { background-position-x: -1680px; background-position-y: -1660px; }
.RollingDice_A_5.grade_29 { background-position-x: -2240px; background-position-y: -1660px; }
.RollingDice_A_5.grade_30 { background-position-x: -2800px; background-position-y: -1660px; }
.RollingDice_A_5.grade_31 { background-position-x: 0; background-position-y: -2075px; }
.RollingDice_A_5.grade_32 { background-position-x: -560px; background-position-y: -2075px; }
.RollingDice_A_6.grade_1 { background-position-x: 0; background-position-y: 0; }
.RollingDice_A_6.grade_2 { background-position-x: -560px; background-position-y: 0; }
.RollingDice_A_6.grade_3 { background-position-x: -1120px; background-position-y: 0; }
.RollingDice_A_6.grade_4 { background-position-x: -1680px; background-position-y: 0; }
.RollingDice_A_6.grade_5 { background-position-x: -2240px; background-position-y: 0; }
.RollingDice_A_6.grade_6 { background-position-x: -2800px; background-position-y: 0; }
.RollingDice_A_6.grade_7 { background-position-x: 0; background-position-y: -415px; }
.RollingDice_A_6.grade_8 { background-position-x: -560px; background-position-y: -415px; }
.RollingDice_A_6.grade_9 { background-position-x: -1120px; background-position-y: -415px; }
.RollingDice_A_6.grade_10 { background-position-x: -1680px; background-position-y: -415px; }
.RollingDice_A_6.grade_11 { background-position-x: -2240px; background-position-y: -415px; }
.RollingDice_A_6.grade_12 { background-position-x: -2800px; background-position-y: -415px; }
.RollingDice_A_6.grade_13 { background-position-x: 0; background-position-y: -830px; }
.RollingDice_A_6.grade_14 { background-position-x: -560px; background-position-y: -830px; }
.RollingDice_A_6.grade_15 { background-position-x: -1120px; background-position-y: -830px; }
.RollingDice_A_6.grade_16 { background-position-x: -1680px; background-position-y: -830px; }
.RollingDice_A_6.grade_17 { background-position-x: -2240px; background-position-y: -830px; }
.RollingDice_A_6.grade_18 { background-position-x: -2800px; background-position-y: -830px; }
.RollingDice_A_6.grade_19 { background-position-x: 0; background-position-y: -1245px; }
.RollingDice_A_6.grade_20 { background-position-x: -560px; background-position-y: -1245px; }
.RollingDice_A_6.grade_21 { background-position-x: -1120px; background-position-y: -1245px; }
.RollingDice_A_6.grade_22 { background-position-x: -1680px; background-position-y: -1245px; }
.RollingDice_A_6.grade_23 { background-position-x: -2240px; background-position-y: -1245px; }
.RollingDice_A_6.grade_24 { background-position-x: -2800px; background-position-y: -1245px; }
.RollingDice_A_6.grade_25 { background-position-x: 0; background-position-y: -1660px; }
.RollingDice_A_6.grade_26 { background-position-x: -560px; background-position-y: -1660px; }
.RollingDice_A_6.grade_27 { background-position-x: -1120px; background-position-y: -1660px; }
.RollingDice_A_6.grade_28 { background-position-x: -1680px; background-position-y: -1660px; }
.RollingDice_A_6.grade_29 { background-position-x: -2240px; background-position-y: -1660px; }
.RollingDice_A_6.grade_30 { background-position-x: -2800px; background-position-y: -1660px; }
.RollingDice_A_6.grade_31 { background-position-x: 0; background-position-y: -2075px; }
.RollingDice_A_6.grade_32 { background-position-x: -560px; background-position-y: -2075px; }

.RollingDice_B_1.grade_1 { background-position-x: 0; background-position-y: 0; }
.RollingDice_B_1.grade_2 { background-position-x: -560px; background-position-y: 0; }
.RollingDice_B_1.grade_3 { background-position-x: -1120px; background-position-y: 0; }
.RollingDice_B_1.grade_4 { background-position-x: -1680px; background-position-y: 0; }
.RollingDice_B_1.grade_5 { background-position-x: -2240px; background-position-y: 0; }
.RollingDice_B_1.grade_6 { background-position-x: -2800px; background-position-y: 0; }
.RollingDice_B_1.grade_7 { background-position-x: 0; background-position-y: -415px; }
.RollingDice_B_1.grade_8 { background-position-x: -560px; background-position-y: -415px; }
.RollingDice_B_1.grade_9 { background-position-x: -1120px; background-position-y: -415px; }
.RollingDice_B_1.grade_10 { background-position-x: -1680px; background-position-y: -415px; }
.RollingDice_B_1.grade_11 { background-position-x: -2240px; background-position-y: -415px; }
.RollingDice_B_1.grade_12 { background-position-x: -2800px; background-position-y: -415px; }
.RollingDice_B_1.grade_13 { background-position-x: 0; background-position-y: -830px; }
.RollingDice_B_1.grade_14 { background-position-x: -560px; background-position-y: -830px; }
.RollingDice_B_1.grade_15 { background-position-x: -1120px; background-position-y: -830px; }
.RollingDice_B_1.grade_16 { background-position-x: -1680px; background-position-y: -830px; }
.RollingDice_B_1.grade_17 { background-position-x: -2240px; background-position-y: -830px; }
.RollingDice_B_1.grade_18 { background-position-x: -2800px; background-position-y: -830px; }
.RollingDice_B_1.grade_19 { background-position-x: 0; background-position-y: -1245px; }
.RollingDice_B_1.grade_20 { background-position-x: -560px; background-position-y: -1245px; }
.RollingDice_B_1.grade_21 { background-position-x: -1120px; background-position-y: -1245px; }
.RollingDice_B_1.grade_22 { background-position-x: -1680px; background-position-y: -1245px; }
.RollingDice_B_1.grade_23 { background-position-x: -2240px; background-position-y: -1245px; }
.RollingDice_B_1.grade_24 { background-position-x: -2800px; background-position-y: -1245px; }
.RollingDice_B_1.grade_25 { background-position-x: 0; background-position-y: -1660px; }
.RollingDice_B_1.grade_26 { background-position-x: -560px; background-position-y: -1660px; }
.RollingDice_B_1.grade_27 { background-position-x: -1120px; background-position-y: -1660px; }
.RollingDice_B_1.grade_28 { background-position-x: -1680px; background-position-y: -1660px; }
.RollingDice_B_1.grade_29 { background-position-x: -2240px; background-position-y: -1660px; }
.RollingDice_B_1.grade_30 { background-position-x: -2800px; background-position-y: -1660px; }
.RollingDice_B_1.grade_31 { background-position-x: 0; background-position-y: -2075px; }
.RollingDice_B_1.grade_32 { background-position-x: -560px; background-position-y: -2075px; }
.RollingDice_B_2.grade_1 { background-position-x: 0; background-position-y: 0; }
.RollingDice_B_2.grade_2 { background-position-x: -560px; background-position-y: 0; }
.RollingDice_B_2.grade_3 { background-position-x: -1120px; background-position-y: 0; }
.RollingDice_B_2.grade_4 { background-position-x: -1680px; background-position-y: 0; }
.RollingDice_B_2.grade_5 { background-position-x: -2240px; background-position-y: 0; }
.RollingDice_B_2.grade_6 { background-position-x: -2800px; background-position-y: 0; }
.RollingDice_B_2.grade_7 { background-position-x: 0; background-position-y: -415px; }
.RollingDice_B_2.grade_8 { background-position-x: -560px; background-position-y: -415px; }
.RollingDice_B_2.grade_9 { background-position-x: -1120px; background-position-y: -415px; }
.RollingDice_B_2.grade_10 { background-position-x: -1680px; background-position-y: -415px; }
.RollingDice_B_2.grade_11 { background-position-x: -2240px; background-position-y: -415px; }
.RollingDice_B_2.grade_12 { background-position-x: -2800px; background-position-y: -415px; }
.RollingDice_B_2.grade_13 { background-position-x: 0; background-position-y: -830px; }
.RollingDice_B_2.grade_14 { background-position-x: -560px; background-position-y: -830px; }
.RollingDice_B_2.grade_15 { background-position-x: -1120px; background-position-y: -830px; }
.RollingDice_B_2.grade_16 { background-position-x: -1680px; background-position-y: -830px; }
.RollingDice_B_2.grade_17 { background-position-x: -2240px; background-position-y: -830px; }
.RollingDice_B_2.grade_18 { background-position-x: -2800px; background-position-y: -830px; }
.RollingDice_B_2.grade_19 { background-position-x: 0; background-position-y: -1245px; }
.RollingDice_B_2.grade_20 { background-position-x: -560px; background-position-y: -1245px; }
.RollingDice_B_2.grade_21 { background-position-x: -1120px; background-position-y: -1245px; }
.RollingDice_B_2.grade_22 { background-position-x: -1680px; background-position-y: -1245px; }
.RollingDice_B_2.grade_23 { background-position-x: -2240px; background-position-y: -1245px; }
.RollingDice_B_2.grade_24 { background-position-x: -2800px; background-position-y: -1245px; }
.RollingDice_B_2.grade_25 { background-position-x: 0; background-position-y: -1660px; }
.RollingDice_B_2.grade_26 { background-position-x: -560px; background-position-y: -1660px; }
.RollingDice_B_2.grade_27 { background-position-x: -1120px; background-position-y: -1660px; }
.RollingDice_B_2.grade_28 { background-position-x: -1680px; background-position-y: -1660px; }
.RollingDice_B_2.grade_29 { background-position-x: -2240px; background-position-y: -1660px; }
.RollingDice_B_2.grade_30 { background-position-x: -2800px; background-position-y: -1660px; }
.RollingDice_B_2.grade_31 { background-position-x: 0; background-position-y: -2075px; }
.RollingDice_B_2.grade_32 { background-position-x: -560px; background-position-y: -2075px; }
.RollingDice_B_3.grade_1 { background-position-x: 0; background-position-y: 0; }
.RollingDice_B_3.grade_2 { background-position-x: -560px; background-position-y: 0; }
.RollingDice_B_3.grade_3 { background-position-x: -1120px; background-position-y: 0; }
.RollingDice_B_3.grade_4 { background-position-x: -1680px; background-position-y: 0; }
.RollingDice_B_3.grade_5 { background-position-x: -2240px; background-position-y: 0; }
.RollingDice_B_3.grade_6 { background-position-x: -2800px; background-position-y: 0; }
.RollingDice_B_3.grade_7 { background-position-x: 0; background-position-y: -415px; }
.RollingDice_B_3.grade_8 { background-position-x: -560px; background-position-y: -415px; }
.RollingDice_B_3.grade_9 { background-position-x: -1120px; background-position-y: -415px; }
.RollingDice_B_3.grade_10 { background-position-x: -1680px; background-position-y: -415px; }
.RollingDice_B_3.grade_11 { background-position-x: -2240px; background-position-y: -415px; }
.RollingDice_B_3.grade_12 { background-position-x: -2800px; background-position-y: -415px; }
.RollingDice_B_3.grade_13 { background-position-x: 0; background-position-y: -830px; }
.RollingDice_B_3.grade_14 { background-position-x: -560px; background-position-y: -830px; }
.RollingDice_B_3.grade_15 { background-position-x: -1120px; background-position-y: -830px; }
.RollingDice_B_3.grade_16 { background-position-x: -1680px; background-position-y: -830px; }
.RollingDice_B_3.grade_17 { background-position-x: -2240px; background-position-y: -830px; }
.RollingDice_B_3.grade_18 { background-position-x: -2800px; background-position-y: -830px; }
.RollingDice_B_3.grade_19 { background-position-x: 0; background-position-y: -1245px; }
.RollingDice_B_3.grade_20 { background-position-x: -560px; background-position-y: -1245px; }
.RollingDice_B_3.grade_21 { background-position-x: -1120px; background-position-y: -1245px; }
.RollingDice_B_3.grade_22 { background-position-x: -1680px; background-position-y: -1245px; }
.RollingDice_B_3.grade_23 { background-position-x: -2240px; background-position-y: -1245px; }
.RollingDice_B_3.grade_24 { background-position-x: -2800px; background-position-y: -1245px; }
.RollingDice_B_3.grade_25 { background-position-x: 0; background-position-y: -1660px; }
.RollingDice_B_3.grade_26 { background-position-x: -560px; background-position-y: -1660px; }
.RollingDice_B_3.grade_27 { background-position-x: -1120px; background-position-y: -1660px; }
.RollingDice_B_3.grade_28 { background-position-x: -1680px; background-position-y: -1660px; }
.RollingDice_B_3.grade_29 { background-position-x: -2240px; background-position-y: -1660px; }
.RollingDice_B_3.grade_30 { background-position-x: -2800px; background-position-y: -1660px; }
.RollingDice_B_3.grade_31 { background-position-x: 0; background-position-y: -2075px; }
.RollingDice_B_3.grade_32 { background-position-x: -560px; background-position-y: -2075px; }
.RollingDice_B_4.grade_1 { background-position-x: 0; background-position-y: 0; }
.RollingDice_B_4.grade_2 { background-position-x: -560px; background-position-y: 0; }
.RollingDice_B_4.grade_3 { background-position-x: -1120px; background-position-y: 0; }
.RollingDice_B_4.grade_4 { background-position-x: -1680px; background-position-y: 0; }
.RollingDice_B_4.grade_5 { background-position-x: -2240px; background-position-y: 0; }
.RollingDice_B_4.grade_6 { background-position-x: -2800px; background-position-y: 0; }
.RollingDice_B_4.grade_7 { background-position-x: 0; background-position-y: -415px; }
.RollingDice_B_4.grade_8 { background-position-x: -560px; background-position-y: -415px; }
.RollingDice_B_4.grade_9 { background-position-x: -1120px; background-position-y: -415px; }
.RollingDice_B_4.grade_10 { background-position-x: -1680px; background-position-y: -415px; }
.RollingDice_B_4.grade_11 { background-position-x: -2240px; background-position-y: -415px; }
.RollingDice_B_4.grade_12 { background-position-x: -2800px; background-position-y: -415px; }
.RollingDice_B_4.grade_13 { background-position-x: 0; background-position-y: -830px; }
.RollingDice_B_4.grade_14 { background-position-x: -560px; background-position-y: -830px; }
.RollingDice_B_4.grade_15 { background-position-x: -1120px; background-position-y: -830px; }
.RollingDice_B_4.grade_16 { background-position-x: -1680px; background-position-y: -830px; }
.RollingDice_B_4.grade_17 { background-position-x: -2240px; background-position-y: -830px; }
.RollingDice_B_4.grade_18 { background-position-x: -2800px; background-position-y: -830px; }
.RollingDice_B_4.grade_19 { background-position-x: 0; background-position-y: -1245px; }
.RollingDice_B_4.grade_20 { background-position-x: -560px; background-position-y: -1245px; }
.RollingDice_B_4.grade_21 { background-position-x: -1120px; background-position-y: -1245px; }
.RollingDice_B_4.grade_22 { background-position-x: -1680px; background-position-y: -1245px; }
.RollingDice_B_4.grade_23 { background-position-x: -2240px; background-position-y: -1245px; }
.RollingDice_B_4.grade_24 { background-position-x: -2800px; background-position-y: -1245px; }
.RollingDice_B_4.grade_25 { background-position-x: 0; background-position-y: -1660px; }
.RollingDice_B_4.grade_26 { background-position-x: -560px; background-position-y: -1660px; }
.RollingDice_B_4.grade_27 { background-position-x: -1120px; background-position-y: -1660px; }
.RollingDice_B_4.grade_28 { background-position-x: -1680px; background-position-y: -1660px; }
.RollingDice_B_4.grade_29 { background-position-x: -2240px; background-position-y: -1660px; }
.RollingDice_B_4.grade_30 { background-position-x: -2800px; background-position-y: -1660px; }
.RollingDice_B_4.grade_31 { background-position-x: 0; background-position-y: -2075px; }
.RollingDice_B_4.grade_32 { background-position-x: -560px; background-position-y: -2075px; }
.RollingDice_B_5.grade_1 { background-position-x: 0; background-position-y: 0; }
.RollingDice_B_5.grade_2 { background-position-x: -560px; background-position-y: 0; }
.RollingDice_B_5.grade_3 { background-position-x: -1120px; background-position-y: 0; }
.RollingDice_B_5.grade_4 { background-position-x: -1680px; background-position-y: 0; }
.RollingDice_B_5.grade_5 { background-position-x: -2240px; background-position-y: 0; }
.RollingDice_B_5.grade_6 { background-position-x: -2800px; background-position-y: 0; }
.RollingDice_B_5.grade_7 { background-position-x: 0; background-position-y: -415px; }
.RollingDice_B_5.grade_8 { background-position-x: -560px; background-position-y: -415px; }
.RollingDice_B_5.grade_9 { background-position-x: -1120px; background-position-y: -415px; }
.RollingDice_B_5.grade_10 { background-position-x: -1680px; background-position-y: -415px; }
.RollingDice_B_5.grade_11 { background-position-x: -2240px; background-position-y: -415px; }
.RollingDice_B_5.grade_12 { background-position-x: -2800px; background-position-y: -415px; }
.RollingDice_B_5.grade_13 { background-position-x: 0; background-position-y: -830px; }
.RollingDice_B_5.grade_14 { background-position-x: -560px; background-position-y: -830px; }
.RollingDice_B_5.grade_15 { background-position-x: -1120px; background-position-y: -830px; }
.RollingDice_B_5.grade_16 { background-position-x: -1680px; background-position-y: -830px; }
.RollingDice_B_5.grade_17 { background-position-x: -2240px; background-position-y: -830px; }
.RollingDice_B_5.grade_18 { background-position-x: -2800px; background-position-y: -830px; }
.RollingDice_B_5.grade_19 { background-position-x: 0; background-position-y: -1245px; }
.RollingDice_B_5.grade_20 { background-position-x: -560px; background-position-y: -1245px; }
.RollingDice_B_5.grade_21 { background-position-x: -1120px; background-position-y: -1245px; }
.RollingDice_B_5.grade_22 { background-position-x: -1680px; background-position-y: -1245px; }
.RollingDice_B_5.grade_23 { background-position-x: -2240px; background-position-y: -1245px; }
.RollingDice_B_5.grade_24 { background-position-x: -2800px; background-position-y: -1245px; }
.RollingDice_B_5.grade_25 { background-position-x: 0; background-position-y: -1660px; }
.RollingDice_B_5.grade_26 { background-position-x: -560px; background-position-y: -1660px; }
.RollingDice_B_5.grade_27 { background-position-x: -1120px; background-position-y: -1660px; }
.RollingDice_B_5.grade_28 { background-position-x: -1680px; background-position-y: -1660px; }
.RollingDice_B_5.grade_29 { background-position-x: -2240px; background-position-y: -1660px; }
.RollingDice_B_5.grade_30 { background-position-x: -2800px; background-position-y: -1660px; }
.RollingDice_B_5.grade_31 { background-position-x: 0; background-position-y: -2075px; }
.RollingDice_B_5.grade_32 { background-position-x: -560px; background-position-y: -2075px; }
.RollingDice_B_6.grade_1 { background-position-x: 0; background-position-y: 0; }
.RollingDice_B_6.grade_2 { background-position-x: -560px; background-position-y: 0; }
.RollingDice_B_6.grade_3 { background-position-x: -1120px; background-position-y: 0; }
.RollingDice_B_6.grade_4 { background-position-x: -1680px; background-position-y: 0; }
.RollingDice_B_6.grade_5 { background-position-x: -2240px; background-position-y: 0; }
.RollingDice_B_6.grade_6 { background-position-x: -2800px; background-position-y: 0; }
.RollingDice_B_6.grade_7 { background-position-x: 0; background-position-y: -415px; }
.RollingDice_B_6.grade_8 { background-position-x: -560px; background-position-y: -415px; }
.RollingDice_B_6.grade_9 { background-position-x: -1120px; background-position-y: -415px; }
.RollingDice_B_6.grade_10 { background-position-x: -1680px; background-position-y: -415px; }
.RollingDice_B_6.grade_11 { background-position-x: -2240px; background-position-y: -415px; }
.RollingDice_B_6.grade_12 { background-position-x: -2800px; background-position-y: -415px; }
.RollingDice_B_6.grade_13 { background-position-x: 0; background-position-y: -830px; }
.RollingDice_B_6.grade_14 { background-position-x: -560px; background-position-y: -830px; }
.RollingDice_B_6.grade_15 { background-position-x: -1120px; background-position-y: -830px; }
.RollingDice_B_6.grade_16 { background-position-x: -1680px; background-position-y: -830px; }
.RollingDice_B_6.grade_17 { background-position-x: -2240px; background-position-y: -830px; }
.RollingDice_B_6.grade_18 { background-position-x: -2800px; background-position-y: -830px; }
.RollingDice_B_6.grade_19 { background-position-x: 0; background-position-y: -1245px; }
.RollingDice_B_6.grade_20 { background-position-x: -560px; background-position-y: -1245px; }
.RollingDice_B_6.grade_21 { background-position-x: -1120px; background-position-y: -1245px; }
.RollingDice_B_6.grade_22 { background-position-x: -1680px; background-position-y: -1245px; }
.RollingDice_B_6.grade_23 { background-position-x: -2240px; background-position-y: -1245px; }
.RollingDice_B_6.grade_24 { background-position-x: -2800px; background-position-y: -1245px; }
.RollingDice_B_6.grade_25 { background-position-x: 0; background-position-y: -1660px; }
.RollingDice_B_6.grade_26 { background-position-x: -560px; background-position-y: -1660px; }
.RollingDice_B_6.grade_27 { background-position-x: -1120px; background-position-y: -1660px; }
.RollingDice_B_6.grade_28 { background-position-x: -1680px; background-position-y: -1660px; }
.RollingDice_B_6.grade_29 { background-position-x: -2240px; background-position-y: -1660px; }
.RollingDice_B_6.grade_30 { background-position-x: -2800px; background-position-y: -1660px; }
.RollingDice_B_6.grade_31 { background-position-x: 0; background-position-y: -2075px; }
.RollingDice_B_6.grade_32 { background-position-x: -560px; background-position-y: -2075px; }


/*pop_wrap*/
.pop_wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); text-align: center; -webkit-animation: show .5s 1; animation: show .5s 1; z-index: 1003; }
.pop_wrap > div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.pop_wrap .text_area { display: block; width: 100%; position: relative; box-sizing: border-box; padding: 20px 0; text-align: center; }
.pop_wrap .text_area::before,
.pop_wrap .text_area::after { content: ''; display: block; position: absolute; width: 100%; height: 2px; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(157,125,79,1) 50%, rgba(255,255,255,0) 100%); background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(157,125,79,1) 50%, rgba(255,255,255,0) 100%); }
.pop_wrap .text_area::before { top: -2px; }
.pop_wrap .text_area::after { bottom: 0; }
.pop_wrap .text_area .title { display: inline-block; font-size: 50px; margin: 0 0 20px; }
.pop_wrap .reward_list { display: block; width: 420px; margin: 0 auto; }
.pop_wrap .reward_list li { display: flex; justify-content: flex-start; align-items: center; height: 44px; box-sizing: border-box; }
.pop_wrap .reward_list li ~ li { margin: 10px 0 0; }
.pop_wrap .reward_list .reward_img { flex: 0 0 44px; display: inline-block; margin: 0 20px 0 0; }
.pop_wrap .reward_list .reward_name { flex: 0 0 300px; margin: 0 20px 0 0; overflow: hidden; }
.pop_wrap .reward_list .text { color: #ffd79c; font-size: 17px; text-align: left; white-space: nowrap; }
.pop_wrap .reward_info { padding: 20px 0 15px; color: #a28864; font-size: 15px; text-align: center; }
.pop_wrap .icn_deco { display: inline-block; position: absolute; }
.pop_wrap .btn_wrap { text-align: center; margin: 20px 0; -webkit-animation: show .5s 1 1.2s; animation: show .5s 1 1.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.pop_wrap .confirm_btn { display: inline-block; min-width: 140px; height: 40px; box-sizing: border-box; border: 1px solid rgba(244, 192, 124, 0.54); border-radius: 5px; background: radial-gradient(ellipse at bottom, rgba(172,122,53,1) 0%, rgba(80,63,54,1) 100%); -webkit-transition: .3s; transition: .3s; cursor: pointer; }
.pop_wrap .confirm_btn > span { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; box-sizing: border-box; padding: 0 0 3px; font-size: 17px; color: #fff; text-align: center; cursor: pointer; }
.pop_wrap .confirm_btn:hover { -webkit-filter: brightness(1.15); filter: brightness(1.15); }
.pop_wrap img { max-width: 100%; }

/*success_wrap*/
.success_wrap .blackspirit_area { display: inline-block; position: relative; width: 926px; height: 235px; border-bottom: 2px solid #000; bottom: -3px; text-align: center; overflow: hidden; }
.success_wrap .light_effect { display: block; position: absolute; bottom: 0; width: 100%; height: 100%; background: url(../../img/MarbleGame/light_bg_2.png?v=1) no-repeat 0 center; -webkit-animation: show .8s 1 .5s, shining2 2s infinite alternate 1.5s; animation: show .8s 1 .5s, shining2 2s infinite alternate 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-transform-origin: 0px 0px; transform-origin: 0px 0px; }
.success_wrap .blackspirit { bottom: -10px; display: inline-block; position: relative; width: 246px; height: 227px; background: url(../../img/MarbleGame/icn_blackspirit_event.png?v=1) no-repeat 0 0; -webkit-animation: fadeinup cubic-bezier(0.68, -0.55, 0.265, 1.55) .5s; animation: fadeinup cubic-bezier(0.68, -0.55, 0.265, 1.55) .5s; animation-fill-mode: forwards; -webkit-transform-origin: bottom center; transform-origin: bottom center; }
.success_wrap .icn_dice { width: 70px; height: 74px; top: 128px; left: 234px; background: url(../../img/MarbleGame/icn_dice_event_left.png?v=1) no-repeat 0 0; -webkit-animation: fadeinup cubic-bezier(0.39, 0.41, 0, 1.01) 1s .2s, ballbounce ease-in-out 1.8s 1 0s; animation: fadeinup cubic-bezier(0.43, 0.28, 0, 1.04) 1s .2s, fadeinup cubic-bezier(0.39, 0.41, 0, 1.01) 1s .2s, ballbounce ease-in-out 1.8s 1 0s; animation-fill-mode: both; z-index: 1; }
.success_wrap .icn_dice2 { width: 113px; height: 131px; top: 82px; right: 196px; background: url(../../img/MarbleGame/icn_dice_event_right.png?v=1) no-repeat 0 0; -webkit-animation: fadeinup cubic-bezier(0.39, 0.41, 0, 1.01) 1s .2s, ballbounce ease-in-out 1.8s 1 0s; animation: fadeinup cubic-bezier(0.43, 0.28, 0, 1.04) 1s .2s, fadeinup cubic-bezier(0.39, 0.41, 0, 1.01) 1s .2s, ballbounce ease-in-out 1.8s 1 0s; animation-fill-mode: both; z-index: 1; }
.success_wrap .icn_star { background: url(../../img/MarbleGame/icn_star.png?v=1) no-repeat 0 center/cover; opacity: 1; -webkit-animation: show .1s 1, star_shine 5s linear infinite; animation: show .1s 1, star_shine 5s linear infinite; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-transition: all 1200ms linear; transition: all 1200ms linear; }
.success_wrap .icn_star.star1 { width: 66px; height: 66px; bottom: 5px; right: 37px; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.success_wrap .icn_star.star2 { width: 66px; height: 66px; top: 27px; right: 135px; -webkit-animation-delay: 1s; animation-delay: 1s; }
.success_wrap .icn_star.star3 { width: 66px; height: 66px; top: 60px; left: 125px; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
.success_wrap .icn_star.star4 { width: 66px; height: 66px; bottom: 0; left: 32px; -webkit-animation-delay: 2.0s; animation-delay: 2.0s; }
.success_wrap .icn_star.star5 { width: 52px; height: 52px; top: 80px; right: 110px; -webkit-animation-delay: 2.5s; animation-delay: 2.5s; }
.success_wrap .icn_star.star6 { width: 49px; height: 49px; bottom: -3px; right: 76px; -webkit-animation-delay: 3.0s; animation-delay: 3.0s; }
.success_wrap .icn_star.star7 { width: 43px; height: 43px; bottom: -11px; right: 74px; -webkit-animation-delay: 3.5s; animation-delay: 3.5s; }
.success_wrap .icn_star.star8 { width: 43px; height: 43px; bottom: 17px; left: 84px; -webkit-animation-delay: 4.0s; animation-delay: 4.0s; }
.success_wrap .icn_star.star9 { width: 43px; height: 43px; top: 55px; left: 177px; -webkit-animation-delay: 4.5s; animation-delay: 4.5s; }
.success_wrap .icn_star.star10 { width: 43px; height: 43px; top: 43px; left: 187px; -webkit-animation-delay: 5.0s; animation-delay: 5.0s; }
.success_wrap .text_area { background: rgba(34, 34, 34, 0.6) radial-gradient(ellipse at top, rgba(154, 64, 0, 0.6) 0%, rgba(0,0,0,0) 56%, rgba(0,0,0,0) 100%); }
.success_wrap .text_area .title { background: linear-gradient(90deg, #ffca65 0%, #ffb144 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: fadeinup cubic-bezier(0.04, 0.88, 0.16, 1.02) 1s; animation: fadeinup cubic-bezier(0.04, 0.88, 0.16, 1.02) 1s; }
.success_wrap .reward_list li { -webkit-animation: fadeinright cubic-bezier(0.04, 0.88, 0.16, 1.02) 1s both; animation: fadeinright cubic-bezier(0.04, 0.88, 0.16, 1.02) 1s both; }
.success_wrap .reward_list li:nth-of-type(1) { -webkit-animation-delay: .1s; animation-delay: .1s; }
.success_wrap .reward_list li:nth-of-type(2) { -webkit-animation-delay: .3s; animation-delay: .3s; }
.success_wrap .reward_list li:nth-of-type(3) { -webkit-animation-delay: .6s; animation-delay: .6s; }

/*fail_wrap*/
.fail_wrap .blackspirit_area { display: inline-block; position: relative; width: 430px; height: 198px; bottom: -2px; text-align: center; }
.fail_wrap .red_bg { display: block; position: absolute; bottom: 0; width: 100%; height: 100%; background: radial-gradient(ellipse at bottom, rgba(94,2,4,1) 0%, rgba(0,0,0,0) 68%, rgba(0,0,0,0) 100%); -webkit-animation: show .8s 1 .5s, darking 2s infinite alternate 1s; animation: show .8s 1 .5s, darking 2s infinite alternate 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.fail_wrap .right_flame { width: 25px; height: 41px; top: 70px; right: 135px; background: url(../../img/MarbleGame/icn_right_flame.png?v=1) no-repeat 0 0; -webkit-animation: fadeindown cubic-bezier(0.43, 0.28, 0, 1.04) 1s .7s, shake .5s infinite; animation: fadeindown cubic-bezier(0.43, 0.28, 0, 1.04) 1s .7s, shake .5s infinite; -webkit-animation-fill-mode: both; animation-fill-mode: both; z-index: 1; }
.fail_wrap .left_flame { width: 34px; height: 53px; top: 99px; left: 123px; background: url(../../img/MarbleGame/icn_left_flame.png?v=1) no-repeat 0 0; -webkit-animation: fadeindown cubic-bezier(0.43, 0.28, 0, 1.04) 1s 1s, shake .5s infinite; animation: fadeindown cubic-bezier(0.43, 0.28, 0, 1.04) 1s 1s, shake .5s infinite; -webkit-animation-fill-mode: both; animation-fill-mode: both; z-index: 1; }
.fail_wrap .blackspirit { display: inline-block; position: relative; width: 430px; height: 198px; background: url(../../img/MarbleGame/icn_fail_blackspirit.png?v=1) no-repeat 0 0; -webkit-animation: fadeinup cubic-bezier(0.43, 0.28, 0, 1.04) 1s; animation: fadeinup cubic-bezier(0.43, 0.28, 0, 1.04) 1s; animation-fill-mode: forwards; }
.fail_wrap .blackspirit::before { content: ''; display: inline-block; position: absolute; top: 151px; height: 36px; left: 183px; width: 63px; background: url(../../img/MarbleGame/icn_fail_tears.png?v=1) no-repeat 0 0; -webkit-animation: cry .3s 1 1.7s; animation: cry .3s 1 1.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.fail_wrap .text_area .title { background: linear-gradient( rgba(221,43,43,1) 0%, rgba(250,145,97,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: fadeindown ease-out .5s .5s; animation: fadeindown ease-out .5s .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-transition: background .5s; transition: background .5s; }
.fail_wrap .reward_list li { -webkit-animation: fadeindown ease-out .3s .7s both; animation: fadeindown ease-out .3s .7s both; }
.fail_wrap .text_area .sub_title { font-size: 17px; color: #a28864; -webkit-animation: fadeindown ease-out .3s .9s; animation: fadeindown ease-out .3s .9s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.fail_wrap .text_red_bg { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(34, 34, 34, 0.6) radial-gradient(ellipse at top, rgba(121, 2, 4, 0.6) 0%, rgba(0,0,0,0) 56%, rgba(0,0,0,0) 100%); -webkit-animation: show ease-out .5s .5s; animation: show ease-out .5s .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }


/*blacksprit_forest*/
.blacksprit_forest { position: relative; width: 100%; height: 100%; background: radial-gradient(circle, rgba(255,255,255,0) 65%, rgba(0,0,0,0.5) 100%); }
.blacksprit_forest img { max-width: 100%; }
.blacksprit_forest .forest_area { position: absolute; display: flex; justify-content: center; align-items: center; font-size: 0; }
.blacksprit_forest .forest_area > span { display: block; position: absolute; overflow: hidden; }
.blacksprit_forest .wood_board { display: flex; justify-content: center; align-items: center; flex-direction: column; position: absolute; text-align: center; }
.blacksprit_forest .s_leaf { -webkit-animation: show2 cubic-bezier(0.42, 0, 0, 1.26) .5s 1 0.5s; animation: show2 cubic-bezier(0.42, 0, 0, 1.26) .5s 1 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.left_top_wrap { top: 0; left: 0; text-align: left; }
.left_top_wrap .count_info_area { top: 0; left: 0; min-width: 225px; padding: 15px; box-sizing: border-box; background: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 0%, rgba(0,0,0,0) 100%); }
.left_top_wrap .count_info_label { font-size: 17px; color: #ffd79c; margin: 0 0 3px; }
.left_top_wrap .remain_count { margin-top: 10px; }
.left_top_wrap .count_num { font-size: 25px; color: #ffedd4; }
.left_top_wrap .count_num .first_num { color: #ffac00; }
.left_top_wrap .set_board_bg { top: 0; left: 0; min-width: 225px; height: 143px; padding: 15px; box-sizing: border-box; background: linear-gradient(90deg, rgba(43, 43, 43, 0.9) 0%, rgba(0,0,0,0) 100%); }
.left_top_wrap .set_board_bg .wood_board { top: 30px; left: 30px; width: 120px; height: 60px; }
.left_top_wrap .chance_board_bg { top: 81px; left: 25px; width: 133px; height: 99px; }
.left_top_wrap .chance_board_bg .wood_board { top: 31px; left: 6px; width: 120px; height: 60px; }
.left_top_wrap .set_title { display: block; font-size: 20px; color: #ffedd4; }
.left_top_wrap .set_count { font-size: 14px; color: #ffd79c; }
.left_top_wrap .chance_title { font-size: 14px; color: #ffd79c; }
.left_top_wrap .add_chance_area { display: none; justify-content: flex-start; align-items: center; width: 240px; height: 35px; position: absolute; top: 151px; left: 0; box-sizing: border-box; padding: 0 0 0 15px; background: linear-gradient(90deg, rgba(168, 116, 32, 0.9) 0%, rgba(90, 60, 15, 0.9) 50%, rgba(0,0,0,0) 100%); -webkit-animation: fadeinleft ease-out 0.4s both; animation: fadeinleft ease-out 0.4s both; }
.left_top_wrap .add_chance_area.on { display: flex; }
.left_top_wrap .add_chance_area::before,
.left_top_wrap .add_chance_area::after { content: ''; display: block; width: 100%; height: 1px; position: absolute; left: 0%; background: linear-gradient(90deg, #e6ba77 0%, #cfa371 50%, transparent 100%); }
.left_top_wrap .add_chance_area::before { top: 0; }
.left_top_wrap .add_chance_area::after { bottom: 0; }
.left_top_wrap .add_chance_area > span { display: inline-block; font-size: 15px; }
.left_top_wrap .add_chance_area .chance_text { color: #ffedd4; margin: 0 15px 0 0; }
.left_top_wrap .add_chance_area .chance_num { color: #ffac00; }
.right_top_wrap { top: 9px; right: 9px; }
.right_top_wrap .right_btn { position: relative; display: inline-block; width: auto; min-width: 140px; height: 40px; padding: 0 10px; box-sizing: border-box; border: 1px solid rgba(126, 101, 74, 0.8); border-radius: 5px; background: radial-gradient(ellipse at bottom, #635648 0%, #4b433c 100%); opacity: 1; cursor: pointer; }
.right_top_wrap .right_btn ~ .right_btn { margin-left: 8px; }
.right_top_wrap .right_btn > span { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; box-sizing: border-box; padding: 0 0 3px; font-size: 17px; color: #ffd79c; text-align: center; white-space: nowrap; cursor: pointer; }
.right_top_wrap .right_btn:hover { background: radial-gradient(ellipse at bottom, #574B3D 0%, #3A342E 100%); }
.right_top_wrap .right_top_leasvs { top: 0; right: 0; width: 190px; height: 111px; background-position: -611px 0px; z-index: 1; }
.right_top_wrap .way_board { top: 45px; right: 27px; width: 88px; height: 121px; }
.right_top_wrap .second_way_board { top: 140px; right: 27px; width: 88px; height: 125px; }
.right_top_wrap .way_board_bg { display: inline-block; width: 100%; height: 100%; background-position: -415px 0px; -webkit-filter: brightness(1); filter: brightness(1); -webkit-transition: .2s; transition: .2s; }
.right_top_wrap .second_way_board .way_board_bg { background-position: -511px -0px; }
.right_top_wrap .wood_board { display: block; top: 30px; left: 4px; width: 80px; height: 80px; padding: 30px 0; box-sizing: border-box; font-size: 15px; color: #ffedd4; z-index: 2; cursor: pointer; }
.right_top_wrap .wood_board > span { cursor: pointer; }
.right_top_wrap .way_board:hover .way_board_bg { -webkit-filter: brightness(0.8); filter: brightness(0.8); }

.dice_board_wrap { bottom: 0; right: 0; z-index: 10; }
.dice_board_wrap .no_dice { position: absolute; bottom: 61px; right: 154px; display: flex; justify-content: flex-start; align-items: center; width: 195px; height: 44px; font-size: 14px; color: #ffd79c; text-align: left; word-break: break-all; overflow: hidden; }
.dice_board_wrap .dice_board_bg { position: absolute; bottom: 53px; right: 72px; width: 295px; height: 60px; box-sizing: border-box; background: url('../../img/MarbleGame/dice_board_bg_2.png') no-repeat left top; }
.dice_board_wrap .circle_wood { position: absolute; bottom: 12px; right: 9px; width: 140px; height: 139px; background: url(../../img/MarbleGame/dice_circle_bg_2.png?v=1) no-repeat 0 0; z-index: 11; }

.dice_board_wrap .color_circle { position: absolute; bottom: 10px; right: 9px; width: 120px; height: 120px; background: url(../../img/MarbleGame/icn_big_dice_bg_1.png?v=1) no-repeat 0 0; border: none; -webkit-transition: .3s; transition: .3s; cursor: pointer; }
.dice_board_wrap .color_circle[data-dice-color-type='0'] { background: url(../../img/MarbleGame/icn_big_dice_bg_1.png?v=2) no-repeat 0 0; }
/* 일반 */
.dice_board_wrap .color_circle[data-dice-color-type='1'] { background: url(../../img/MarbleGame/icn_big_dice_bg_2.png?v=2) no-repeat 0 0; }
/* 보라색 */
.dice_board_wrap .color_circle[data-dice-color-type='2'] { background: url(../../img/MarbleGame/icn_big_dice_bg_3.png?v=2) no-repeat 0 0; }
/* 오랜지 */
.dice_board_wrap .color_circle:hover { -webkit-filter: brightness(1.1) saturate(1.2); filter: brightness(1.1) saturate(1.2) }

.dice_board_wrap .color_circle.active .big_color_dice { -webkit-transform: scale(0.88); transform: scale(0.88); }
.dice_board_wrap .color_circle:disabled,
.dice_board_wrap .color_circle:disabled .big_color_dice { -webkit-filter: brightness(0.9) saturate(0.1); filter: brightness(0.9) saturate(0.1); }
.dice_board_wrap .color_circle:disabled .big_color_dice { -webkit-transform: scale(0.88); transform: scale(0.88); }

.dice_board_wrap .dice_list { display: flex; justify-content: flex-start; align-items: center; position: absolute; bottom: 59px; right: 160px; width: 198px; height: 48px; box-sizing: border-box; padding: 0 0 0 6px; overflow: hidden; }
.dice_board_wrap .dice_list li { flex: 0 0 44px; display: flex; justify-content: center; align-items: center; position: relative; height: 44px; margin-right: 5px; box-sizing: border-box; }
.dice_board_wrap .dice_list li .icn_new { display: none; justify-content: center; align-items: center; position: absolute; top: -2px; left: -2px; width: 16px; height: 16px; box-sizing: border-box; padding: 0 2px 2px 0; text-align: center; font-size: 13px; color: #ffe9c6; background: #d53737; border-radius: 50%; }
.dice_board_wrap .dice_list li .icn_new.on { display: flex; }
.dice_board_wrap .dice_list li.is_left { -webkit-transform: translate3d(-49px, 0, 0); transform: translate3d(-49px, 0, 0); -webkit-transition: -webkit-transform .5s ease-in-out; transition: transform .5s ease-in-out; }
.dice_board_wrap .dice_list li button { width: 100%; height: 100%; box-sizing: border-box; background: #000; cursor: pointer; }

.dice_board_wrap .dice_list [data-dice-item-type='1'] { border: 1px solid #698019; }
.dice_board_wrap .dice_list [data-dice-item-type='2'] { border: 1px solid #23638F; }
.dice_board_wrap .dice_list [data-dice-item-type='3'] { border: 1px solid #23638F; }

.dice_board_wrap .dice_list li button.active,
.dice_board_wrap .dice_list li button:hover { border-color: #fff; }

.dice_board_wrap .color_circle .big_color_dice { position: absolute; right: 11px; bottom: 10px; width: 99px; height: 99px; cursor: pointer; -webkit-transform-origin: center center; transform-origin: center center; }
/* 주사위가 추가되면 해당 파일에도 추가해서 위치 잡아야줘야한다. (실제 사용되는 아이템 키) */
.dice_board_wrap .color_circle .big_color_dice[data-dice-item-theme='756454'] { background: url(../../img/MarbleGame/icn_big_dice_7.png?v=2) no-repeat 0 0; }
.dice_board_wrap .color_circle .big_color_dice[data-dice-item-theme='756455'] { background: url(../../img/MarbleGame/icn_big_dice_8.png?v=2) no-repeat 0 0; }

.dice_board_wrap .dice_list .icn_small_dice { display: inline-block; width: 100%; height: 100%; opacity: 1; cursor: pointer; }
/* 주사위가 추가되면 해당 파일에도 추가해서 위치 잡아야줘야한다. (실제 사용되는 아이템 키) */
.dice_board_wrap .dice_list .icn_small_dice[data-dice-item-theme] { background: url('../../img/MarbleGame/icn_small_dice_spr.png?v=2') no-repeat 0 0/540px 50px; }
.dice_board_wrap .dice_list .icn_small_dice[data-dice-item-theme='756454'] { background-position-x: -418px; }
.dice_board_wrap .dice_list .icn_small_dice[data-dice-item-theme='756455'] { background-position-x: -478px; }

.dice_board_wrap .dice_num { display: inline-block; position: absolute; bottom: 0; right: 6px; font-size: 17px; color: #ffe9c6; text-align: right; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }
.dice_board_wrap .move_btn { display: inline-block; position: absolute; bottom: 67px; right: 359px; width: 0px; height: 0px; box-sizing: border-box; padding: 0 0; border-right: 15px solid #bc986c; border-top: 15px solid transparent; border-bottom: 15px solid transparent; -webkit-transition: border 0.2s; transition: border 0.2s; }
.dice_board_wrap .move_btn::before { content: ''; display: inline-block; position: absolute; top: calc(50% - 7.5px); left: calc(50% - -5px); width: 8px; height: 14px; background: url(../../img/MarbleGame/icn_deco_spr.png?v=5) no-repeat 0 0/400px 400px; }
.dice_board_wrap .move_btn:hover { border-right: 15px solid #917555; }

.today_dice_area { position: absolute; bottom: 10px; right: 81px; display: flex; justify-content: flex-end; align-items: center; min-width: 272px; height: 41px; box-sizing: border-box; padding: 0 65px 0 0; background: linear-gradient(270deg, rgba(0, 0, 0, 0.79) 10%, rgba(0, 0, 0, 0) 100%); z-index: 10; }
.today_dice_area .deco_dice { flex: 0 0 45px; height: 35px; background-position: -27px 0px; }
.today_dice_area .count_btn_wrap { flex: 0 0 auto; height: 100%; }
.today_dice_area .count_num { flex: 0 0 auto; display: inline-block; font-size: 20px; color: #e9d8c0; margin: 0 15px 0 8px; }
.today_dice_area .count_num .first_num { color: #f5ba3a; }

/*흐르는 텍스트*/
.flowing_text { display: block; position: absolute; bottom: 0; left: 0; width: 450px; height: 39px; z-index: 9; color: #dfcbb1; text-align: left; background: linear-gradient(90deg, #000 10%, rgba(0, 0, 0, 0) 100%); overflow: hidden; }
.flowing_text .msg_zone { position: absolute; left: 10px; display: inline-block; width: calc(450px - 10px); height: 100%; box-sizing: border-box; }
.flowing_text .msg_zone::after { content: ''; display: inline-block; position: absolute; right: 0; top: 0; width: 200px; height: 39px; }
.flowing_text .msg { display: inline-block; font-size: 17px; color: #FFF; line-height: 39px; white-space: nowrap; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-animation-delay: 3s; animation-delay: 3s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

/*마블 팝업*/
.message_box { display: none; justify-content: center; align-items: center; z-index: 999; width: 100%; height: 100%; box-sizing: border-box; text-align: center; position: absolute; left: 0; top: 0; vertical-align: middle; }
.message_box img { max-width: 100%; }
.message_box .message_box_bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); z-index: -1; }
.message_box .margble_popup_content { box-sizing: border-box; z-index: 1; overflow: hidden; }
.message_box .margble_popup_cont { width: 384px; height: 223px; margin: 8px 0 0 0; padding: 5px; box-sizing: border-box; border-radius: 6px; background: #2d2d2d; box-shadow: inset 0px 0px 12px 7px rgba(0, 0, 0, 0.1); }
.message_box .margble_popup_head { position: relative; width: 100%; height: 28px; padding: 0px 0 5px 0; font-size: 20px; color: #ddc39e; border-bottom: 1px solid #9f896c; }
.message_box .margble_popup_head > span { display: inline-block; text-align: center; overflow: hidden; }
.message_box .margble_popup_head .btn_close { position: absolute; top: calc(50% - 17px); right: 0; width: 22px; height: 22px; background: none; }
.message_box .margble_popup_head .btn_close::after,
.message_box .margble_popup_head .btn_close::before { content: ''; display: inline-block; position: absolute; top: 0; right: 10px; background: #bbbaba; width: 2px; height: 22px; -webkit-transform-origin: center; transform-origin: center; }
.message_box .margble_popup_head .btn_close::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.message_box .margble_popup_head .btn_close::before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.message_box .margble_popup_head .btn_close:hover::before,
.message_box .margble_popup_head .btn_close:hover::after { background: #ffd79c; }
.message_box .margble_popup_str { width: 100%; height: 100%; padding: 8px 12px 8px 8px; box-sizing: border-box; color: #ffedd4; font-size: 14px; text-align: left; }
.message_box .margble_popup_str li { width: 100%; box-sizing: border-box; padding: 0 0 0 10px; text-indent: -10px; overflow-wrap: break-word; word-break: keep-all; }
.message_box .margble_popup_str li ~ li { margin-top: 15px; }
.message_box .small_title { margin: 13px 0 0; color: #988d83; font-size: 14px; text-align: center; overflow: hidden; }
.message_box .btn_wrap { text-align: center; margin: 20px 0; }

/*보상팝업*/
.finished_reward_pop .margble_popup_cont { width: 100%; height: 67px; padding: 13px 9px; }
.finished_reward_pop .margble_popup_cont.scroll_cont { position: relative; height: 253px; padding: 13px 9px 13px 13px; }
.finished_reward_pop .margble_popup_cont.scroll_cont::before { content: ''; display: inline-block; position: absolute; left: 31px; top: 18px; width: 4px; height: calc(100% - 31px); background: #795930; }
.finished_reward_pop .margble_popup_head > span { max-width: 270px; }
.finished_reward_pop .single_reward_area { display: flex; justify-content: flex-start; align-items: center; }
.finished_reward_pop .reward_item { flex: 0 0 44px; display: flex; justify-content: center; align-items: center; position: relative; box-sizing: border-box; width: 44px; height: 44px; margin: 0 10px 0 0; background: #2c2115; border: 1px solid #ffcd56; }
.finished_reward_pop .reward_item .item_num { display: inline-block; position: absolute; bottom: 0; right: 2px; width: 100%; color: #ffe9c6; text-align: right; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }
.finished_reward_pop .single_item { flex: 0 0 50px; display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; margin: 0 25px 0 0; background: #1d1d1d; }
.finished_reward_pop .single_item .reward_item { margin: 0; }
.finished_reward_pop .reward_item_name { display: inline-block; font-size: 15px; color: #f9deac; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

/* 보상 아이템 타입별 색상 */
.finished_reward_pop .green .reward_item { border-color: #83a543; }
.finished_reward_pop .green .reward_item_name { color: #83a543; }
.finished_reward_pop .blue .reward_item { border-color: #438dcc; }
.finished_reward_pop .blue .reward_item_name { color: #438dcc; }
.finished_reward_pop .red .reward_item { border-color: #d05d48; }
.finished_reward_pop .red .reward_item_name { color: #d05d48; }
.finished_reward_pop .checked .reward_item { border-color: #7f652a }
.finished_reward_pop .checked .reward_item img { -webkit-filter: brightness(0.5); filter: brightness(0.5); }
.finished_reward_pop .checked .reward_item_name { color: #cbab7b; }
.finished_reward_pop .checked .reward_item::before { content: ''; display: inline-block; position: absolute; top: calc(50% - 14px); left: calc(50% - 5px); width: 2px; height: 10px; border: solid #a0ff6c; border-width: 0 3px 3px 0; padding: 3px; -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 1; }
.finished_reward_pop .history_reward_area .checked .history_num { background: #ae8c5d; }
.finished_reward_pop .history_reward_area .checked .history_num > span { background: #7c5e3b; border: #7c5e3b; color: #ae8c5d; }
/* 현재 강조 */
.finished_reward_pop .history_reward_area .current .history_num { background: #ae8c5d; }
.finished_reward_pop .history_reward_area .current .history_num > span { background: linear-gradient(to bottom, #bb8332, #b2691e); border: 2px solid #9c6a2c; }
.finished_reward_pop .history_reward_area { width: 100%; height: 100%; box-sizing: border-box; }
.finished_reward_pop .history_reward_area li { display: flex; justify-content: flex-start; align-items: center; height: 54px; margin: 0 0 7px; z-index: 2; }
.finished_reward_pop .history_reward_area .history_item { flex: 0 0 405px; display: flex; justify-content: flex-start; align-items: center; overflow: hidden; padding: 0 0 7px; border-bottom: 2px solid #b89969; }
.finished_reward_pop .history_reward_area .history_num { display: flex; justify-content: center; align-items: center; width: 41px; height: 41px; margin: 0 15px 7px 0; box-sizing: border-box; z-index: 1; border-radius: 50%; background: #ddb579; box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.3); }
.finished_reward_pop .history_reward_area .history_num > span { display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; box-sizing: border-box; color: #ffe5b2; font-size: 18px; background: #e1a62a; border: 2px solid #bf801a; border-radius: 50%; }
.finished_box .margble_popup_content { width: 541px; height: 480px; padding: 24px 21px 30px; background: url(../../img/MarbleGame/marble_reward_pop_bg_2.png?v=1) no-repeat 0 0; }
.single_reward_pop .margble_popup_content { width: 603px; height: 275px; padding: 32px 53px 60px; background: url(../../img/MarbleGame/marble_reward_pop_bg_2_v2.png?v=1) no-repeat 0 0; }

/*게임방법 팝업*/
.way_box .margble_popup_head > span { max-width: 345px; }
.way_box .margble_popup_content { width: 436px; height: 327px; padding: 28px 20px 28px 25px; background: url(../../img/MarbleGame/marble_way_pop_bg_2.png?v=1) no-repeat 0 0; box-sizing: border-box; }
.way_box .margble_popup_cont { width: 100%; height: 228px; }

.way_box.on,
.finished_box.on,
.single_reward_pop.on { display: flex; }

/*popup_scroll scroll*/
.popup_scroll { overflow-x: hidden; overflow-y: auto; }
.popup_scroll::-webkit-scrollbar { width: 6px; }
.popup_scroll::-webkit-scrollbar-track { border-radius: 5px; background: #424242; }
.popup_scroll::-webkit-scrollbar-thumb { border-radius: 5px; background: #cca471; }
.popup_scroll::-webkit-scrollbar-thumb:hover { background: #d1b178; }
.popup_scroll::-webkit-scrollbar-thumb:active { background: #d1b178; }
.popup_scroll::-webkit-scrollbar-button { width: 0; height: 0; opacity: 0; }

/*툴팁*/
.marble-tooltip { display: block; min-width: 99px; max-width: 390px; height: auto; position: absolute; box-sizing: border-box; padding: 8px; background: rgba(0, 0, 0, 0.8); border-radius: 3px; overflow: hidden; z-index: 999; }
.marble-tooltip > p { font-size: 12px; color: #eeddc5; word-break: break-all; word-wrap: break-word; }
.marble-tooltip .name { font-size: 14px; color: #ffab00; margin: 0 0 8px; }
.marble-tooltip .desc { margin: 0 0 5px; }


/*키패드 가이드*/
.pad_guide { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; background-color: #000; width: 918px; height: 50px; }
.pad_guide > div { font-size: 16px; color: #eee; }
.pad_guide > div.btnA,
.pad_guide > div.btnB,
.pad_guide > div.btnY,
.pad_guide > div.btnLS_dice { margin: 3px 10px; }

.pad_guide > div span { display: inline-block; vertical-align: middle; overflow: hidden; }

.right_top_wrap .btnLB,
.right_top_wrap .btnRB { position: absolute; left: -8px; top: 21px; }


/*애니메이션*/
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(360deg); transform: rotate(360deg); opacity: 0.5; }
    100% { -webkit-transform: rotate(-30deg); transform: rotate(-30deg); opacity: 1; }
}

@keyframes spin {
    0% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
    100% { -webkit-transform: rotate(-30deg); transform: rotate(-30deg); }
}

@-webkit-keyframes rotateBoard {
    from { opacity: 0; -webkit-transform: rotate(0deg) rotate3d(0, 0, 0, 30deg) scale(0); transform: rotate(0deg) rotate3d(0, 0, 0, 30deg) scale(0); }
    to { opacity: 1; -webkit-transform: rotate(360deg) rotate3d(0, 0, 0, 30deg) scale(1); transform: rotate(360deg) rotate3d(0, 0, 0, 30deg) scale(1); }
}

@keyframes rotateBoard {
    from { opacity: 0; -webkit-transform: rotate(0deg) rotate3d(0, 0, 0, 30deg) scale(0); transform: rotate(0deg) rotate3d(0, 0, 0, 30deg) scale(0); }
    to { opacity: 1; -webkit-transform: rotate(360deg) rotate3d(0, 0, 0, 30deg) scale(1); transform: rotate(360deg) rotate3d(0, 0, 0, 30deg) scale(1); }
}

@-webkit-keyframes drop {
    50% { -webkit-transform: translate3d(0, -1.5rem, 0); transform: translate3d(0, -1.5rem, 0); }
    100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@-webkit-keyframes fadeoutleft {
    from { opacity: 1; -webkit-transform: translate3d( 0, 0, 0); transform: translate3d( 0, 0, 0); }
    to { opacity: 0; -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d( -300px, 0, 0); }
}

@keyframes fadeoutleft {
    from { opacity: 1; -webkit-transform: translate3d( 0, 0, 0); transform: translate3d( 0, 0, 0); }
    to { opacity: 0; -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d( -300px, 0, 0); }
}

@-webkit-keyframes fadeoutright {
    from { opacity: 1; -webkit-transform: translate3d( 0, 0, 0); transform: translate3d( 0, 0, 0); }
    to { opacity: 0; -webkit-transform: translate3d(300px, 0, 0); transform: translate3d( 300px, 0, 0); }
}

@keyframes fadeoutright {
    from { opacity: 1; -webkit-transform: translate3d( 0, 0, 0); transform: translate3d( 0, 0, 0); }
    to { opacity: 0; -webkit-transform: translate3d(300px, 0, 0); transform: translate3d( 300px, 0, 0); }
}

@keyframes drop {
    50% { -webkit-transform: translate3d(0, -1.5rem, 0); transform: translate3d(0, -1.5rem, 0); }
    100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@-webkit-keyframes falling {
    0% { bottom: 240px; left: 85px; -webkit-transform: scale3d(1,.5,1) rotateZ(30deg); }
    33% { bottom: 227px; left: 45px; -webkit-transform: scale3d(1,.8,1) rotateZ(20deg); }
    66% { bottom: 217px; left: 65px; -webkit-transform: scale3d(1,1,1) rotateZ(0deg); }
    100% { bottom: 207px; left: 45px; -webkit-transform: scale3d(1,1,1) rotateZ(0deg); }
}

@keyframes falling {
    0% { bottom: 240px; left: 85px; -webkit-transform: scale3d(1,.5,1) rotateZ(30deg); }
    33% { bottom: 227px; left: 45px; -webkit-transform: scale3d(1,.8,1) rotateZ(20deg); }
    66% { bottom: 217px; left: 65px; -webkit-transform: scale3d(1,1,1) rotateZ(0deg); }
    100% { bottom: 207px; left: 45px; -webkit-transform: scale3d(1,1,1) rotateZ(0deg); }
}

@-webkit-keyframes move_mouth {
    0% { -webkit-transform: translate3d(0, 0, 0) scale3d(1,1,1); transform: translate3d(0, 0, 0) scale3d(1,1,1); }
    100% { -webkit-transform: translate3d(18%, 0, 0) scale3d(0.95,1.1,1); transform: translate3d(18%, 0, 0) scale3d(0.95,1.1,1); }
}

@keyframes move_mouth {
    0% { -webkit-transform: translate3d(0, 0, 0) scale3d(1,1,1); transform: translate3d(0, 0, 0) scale3d(1,1,1); }
    100% { -webkit-transform: translate3d(18%, 0, 0) scale3d(0.95,1.1,1); transform: translate3d(18%, 0, 0) scale3d(0.95,1.1,1); }
}

@-webkit-keyframes banner_loop {
    0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    100% { -webkit-transform: translate3d(-120%, 0, 0); transform: translate3d(-120%, 0, 0); }
}

@keyframes banner_loop {
    0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    100% { -webkit-transform: translate3d(-120%, 0, 0); transform: translate3d(-120%, 0, 0); }
}



@-webkit-keyframes shake {
    0% { -webkit-transform: translate(0.2px, 0.2px) rotate(0deg); transform: translate(0.2px, 0.2px) rotate(0deg); }
    10% { -webkit-transform: translate(-0.2px, -0.3px) rotate(-1deg); transform: translate(-0.2px, -0.3px) rotate(-1deg); }
    20% { -webkit-transform: translate(-0.5px, 0px) rotate(1deg); transform: translate(-0.5px, 0px) rotate(1deg); }
    30% { -webkit-transform: translate(0.5px, 0.3px) rotate(0deg); transform: translate(0.5px, 0.3px) rotate(0deg); }
    40% { -webkit-transform: translate(0.2px, -0.2px) rotate(1deg); transform: translate(0.2px, -0.2px) rotate(1deg); }
    50% { -webkit-transform: translate(-0.2px, 0.3px) rotate(-1deg); transform: translate(-0.2px, 0.3px) rotate(-1deg); }
    60% { -webkit-transform: translate(-0.5px, 0.2px) rotate(0deg); transform: translate(-0.5px, 0.2px) rotate(0deg); }
    70% { -webkit-transform: translate(0.5px, 0.2px) rotate(-1deg); transform: translate(0.5px, 0.2px) rotate(-1deg); }
    80% { -webkit-transform: translate(-0.2px, -0.2px) rotate(1deg); transform: translate(-0.2px, -0.2px) rotate(1deg); }
    90% { -webkit-transform: translate(0.2px, 0.3px) rotate(0deg); transform: translate(0.2px, 0.3px) rotate(0deg); }
    100% { -webkit-transform: translate(0.2px, -0.3px) rotate(-1deg); transform: translate(0.2px, -0.3px) rotate(-1deg); }
}

@keyframes shake {
    0% { -webkit-transform: translate(0.2px, 0.2px) rotate(0deg); transform: translate(0.2px, 0.2px) rotate(0deg); }
    10% { -webkit-transform: translate(-0.2px, -0.3px) rotate(-1deg); transform: translate(-0.2px, -0.3px) rotate(-1deg); }
    20% { -webkit-transform: translate(-0.5px, 0px) rotate(1deg); transform: translate(-0.5px, 0px) rotate(1deg); }
    30% { -webkit-transform: translate(0.5px, 0.3px) rotate(0deg); transform: translate(0.5px, 0.3px) rotate(0deg); }
    40% { -webkit-transform: translate(0.2px, -0.2px) rotate(1deg); transform: translate(0.2px, -0.2px) rotate(1deg); }
    50% { -webkit-transform: translate(-0.2px, 0.3px) rotate(-1deg); transform: translate(-0.2px, 0.3px) rotate(-1deg); }
    60% { -webkit-transform: translate(-0.5px, 0.2px) rotate(0deg); transform: translate(-0.5px, 0.2px) rotate(0deg); }
    70% { -webkit-transform: translate(0.5px, 0.2px) rotate(-1deg); transform: translate(0.5px, 0.2px) rotate(-1deg); }
    80% { -webkit-transform: translate(-0.2px, -0.2px) rotate(1deg); transform: translate(-0.2px, -0.2px) rotate(1deg); }
    90% { -webkit-transform: translate(0.2px, 0.3px) rotate(0deg); transform: translate(0.2px, 0.3px) rotate(0deg); }
    100% { -webkit-transform: translate(0.2px, -0.3px) rotate(-1deg); transform: translate(0.2px, -0.3px) rotate(-1deg); }
}

@-webkit-keyframes waving {
    0% { -webkit-transform: rotate( 0.0deg); transform: rotate( 0.0deg); }
    10% { -webkit-transform: rotate(5.0deg); transform: rotate(5.0deg); }
    20% { -webkit-transform: rotate(-3.0deg); transform: rotate(-3.0deg); }
    30% { -webkit-transform: rotate(5.0deg); transform: rotate(5.0deg); }
    40% { -webkit-transform: rotate(-2.0deg); transform: rotate(-2.0deg); }
    50% { -webkit-transform: rotate(5.0deg); transform: rotate(5.0deg); }
    60% { -webkit-transform: rotate( 0.0deg); transform: rotate( 0.0deg); }
    100% { -webkit-transform: rotate( 0.0deg); transform: rotate( 0.0deg); }
}

@keyframes waving {
    0% { -webkit-transform: rotate( 0.0deg); transform: rotate( 0.0deg); }
    10% { -webkit-transform: rotate(5.0deg); transform: rotate(5.0deg); }
    20% { -webkit-transform: rotate(-3.0deg); transform: rotate(-3.0deg); }
    30% { -webkit-transform: rotate(5.0deg); transform: rotate(5.0deg); }
    40% { -webkit-transform: rotate(-2.0deg); transform: rotate(-2.0deg); }
    50% { -webkit-transform: rotate(5.0deg); transform: rotate(5.0deg); }
    60% { -webkit-transform: rotate( 0.0deg); transform: rotate( 0.0deg); }
    100% { -webkit-transform: rotate( 0.0deg); transform: rotate( 0.0deg); }
}

@-webkit-keyframes cry {
    0% { height: 0; opacity: 0; }
    100% { height: 36px; opacity: 1; }
}

@keyframes cry {
    0% { height: 0; opacity: 0; }
    100% { height: 36px; opacity: 1; }
}

@-webkit-keyframes show {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes show {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes fadeout {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes fadeout {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@-webkit-keyframes up_down {
    from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    to { -webkit-transform: translate3d(0, 7px, 0); transform: translate3d(0, 7px, 0); }
}

@keyframes up_down {
    from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    to { -webkit-transform: translate3d(0, 7px, 0); transform: translate3d(0, 7px, 0); }
}

@keyframes show2 {
    0% { opacity: 0; -webkit-transform: scale(0,0); transform: scale(0,0); }
    100% { opacity: 1; -webkit-transform: scale(1,1); transform: scale(1,1); }
}

@-webkit-keyframes show2 {
    0% { opacity: 0; -webkit-transform: scale(0,0); transform: scale(0,0); }
    100% { opacity: 1; -webkit-transform: scale(1,1); transform: scale(1,1); }
}

@-webkit-keyframes fadeinright {
    from { opacity: 0; -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeinright {
    from { opacity: 0; -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@-webkit-keyframes fadeinleft {
    from { opacity: 0; -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeinleft {
    from { opacity: 0; -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes shining {
    from { opacity: .2; }
    to { opacity: 1; -webkit-filter: brightness(1.1); filter: brightness(1.1); }
}

@-webkit-keyframes shining {
    from { opacity: .2; }
    to { opacity: 1; -webkit-filter: brightness(1.1); filter: brightness(1.1); }
}

@-webkit-keyframes shining2 {
    0%, 100% { -webkit-filter: brightness(1); filter: brightness(1); }
    50% { -webkit-filter: brightness(1.2); filter: brightness(1.2); }
}

@keyframes shining2 {
    0%, 100% { -webkit-filter: brightness(1); filter: brightness(1); }
    50% { -webkit-filter: brightness(1.2); filter: brightness(1.2); }
}

@-webkit-keyframes shining3 {
    from { -webkit-filter: brightness(1); filter: brightness(1); }
    to { -webkit-filter: brightness(1.5); filter: brightness(1.5); }
}

@keyframes shining3 {
    from { -webkit-filter: brightness(1); filter: brightness(1); }
    to { -webkit-filter: brightness(1.5); filter: brightness(1.5); }
}

@keyframes darking {
    from { -webkit-filter: brightness(0.5) saturate(.7); filter: brightness(0.5) saturate(.7); }
    to { -webkit-filter: brightness(1.2) saturate(1.5); filter: brightness(1.2) saturate(1.5); }
}

@-webkit-keyframes fadeinup {
    from { opacity: 0; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeinup {
    from { opacity: 0; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@-webkit-keyframes fadeindown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeindown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}


@-webkit-keyframes fadeinup2 {
    from { opacity: 0; -webkit-transform: scale(0,0) translate3d(0, 10px, 0); transform: scale(0,0) translate3d(0, 10px, 0); }
    to { opacity: 1; -webkit-transform: scale(1,1) translate3d(0, 0, 0); transform: scale(1,1) translate3d(0, 0, 0); }
}

@keyframes fadeinup2 {
    from { opacity: 0; -webkit-transform: scale(0,0) translate3d(0, 10px, 0); transform: scale(0,0) translate3d(0, 10px, 0); }
    to { opacity: 1; -webkit-transform: scale(1,1) translate3d(0, 0, 0); transform: scale(1,1) translate3d(0, 0, 0); }
}

@keyframes fadeindown {
    from { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@-webkit-keyframes fadeindown {
    from { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@-webkit-keyframes ballbounce {
    0% { -webkit-transform: scale(1,1) translate3d(0, 0, 0); transform: scale(1,1) translate3d(0, 20px, 0); }
    10% { -webkit-transform: scale(1.1,.9) translate3d(0, 0, 0); transform: scale(1.1,.9) translate3d(0, 0, 0); }
    30% { -webkit-transform: scale(.9,1.1) translate3d(0, -45px, 0); transform: scale(.9,1.1) translate3d(0, -45px, 0); }
    45% { -webkit-transform: scale(1.05,.95) translate3d(0, 0, 0); transform: scale(1.05,.95) translate3d(0, 0, 0); }
    52% { -webkit-transform: scale(1,1) translate3d(0, -15px, 0); transform: scale(1,1) translate3d(0, -15px, 0); }
    64% { -webkit-transform: scale(1,1) translate3d(0, 0, 0); transform: scale(1,1) translate3d(0, 0, 0); }
    100% { -webkit-transform: scale(1,1) translate3d(0, 0, 0); transform: scale(1,1) translate3d(0, 20px, 0); }
}

@keyframes ballbounce {
    0% { -webkit-transform: scale(1,1) translate3d(0, 0, 0); transform: scale(1,1) translate3d(0, 20px, 0); }
    10% { -webkit-transform: scale(1.1,.9) translate3d(0, 0, 0); transform: scale(1.1,.9) translate3d(0, 0, 0); }
    30% { -webkit-transform: scale(.9,1.1) translate3d(0, -45px, 0); transform: scale(.9,1.1) translate3d(0, -45px, 0); }
    45% { -webkit-transform: scale(1.05,.95) translate3d(0, 0, 0); transform: scale(1.05,.95) translate3d(0, 0, 0); }
    52% { -webkit-transform: scale(1,1) translate3d(0, -15px, 0); transform: scale(1,1) translate3d(0, -15px, 0); }
    64% { -webkit-transform: scale(1,1) translate3d(0, 0, 0); transform: scale(1,1) translate3d(0, 0, 0); }
    100% { -webkit-transform: scale(1,1) translate3d(0, 0, 0); transform: scale(1,1) translate3d(0, 0, 0); }
}

@-webkit-keyframes star_shine {
    from { -webkit-transform: scale(0.3) rotate(0deg); transform: scale(0.3) rotate(0deg); opacity: 0.4; }
    25% { -webkit-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg); opacity: 1; }
    50% { -webkit-transform: scale(0.3) rotate(720deg); transform: scale(0.3) rotate(720deg); opacity: 0.4; }
    to { -webkit-transform: scale(0.3) rotate(0deg); transform: scale(0.3) rotate(0deg); opacity: 0.4; }
}

@keyframes star_shine {
    from { -webkit-transform: scale(0.3) rotate(0deg); transform: scale(0.3) rotate(0deg); opacity: 0.4; }
    25% { -webkit-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg); opacity: 1; }
    50% { -webkit-transform: scale(0.3) rotate(720deg); transform: scale(0.3) rotate(720deg); opacity: 0.4; }
    to { -webkit-transform: scale(0.3) rotate(0deg); transform: scale(0.3) rotate(0deg); opacity: 0.4; }
}