@charset "utf-8";
.mini_wrap * { box-sizing: border-box; }
.mini_wrap { width: 100%; }
.mini_wrap.wheel {
	background-image: url('/s/front/images/mini/bg_wheel.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
	font-size: 0; word-spacing: 0; position: relative;
}
.wheel_left_box { font-size: 12px; display: inline-block; width: 56%; }
.wheel_right_box {
	width: 42.718446%;
	position: absolute; top: 0; right: 32px;
}

.wheel_box {
	width: 83.914%;
    margin: 0 auto;
    position: relative;
    padding-top: 115.117891%;
}
.wheel_backboard {
	background-image: url('/s/front/images/mini/wheel_pin_back.png');
	background-repeat: no-repeat;
	background-size: 100%;
	width: 19.421487%; height: 0; padding-top: 19.421487%;
	position: absolute;
	top: 4%; left: 50%; margin-left: -9.7107435%;
	z-index: 1;
}
.wheel_pin {
	background-image: url('/s/front/images/mini/wheel_pin.png');
	background-repeat: no-repeat;
	background-size: 100%;
	width: 10.330578%; height: 0; padding-top: 16.735537%;
	position: absolute;
	top: 7.3%; left: 50%; margin-left: -5.165289%;
	z-index: 3;
}
.wheel_frame_box {
	width: 97.520661%; height:0; padding-top: 97.520661%;
	position: absolute;
	top: 11.14876%; left: 50%; margin-left: -48.7603305%;
	z-index: 2;
}
.wheel_base {
	background-image: url('/s/front/images/mini/wheel_base.png');
	background-repeat: no-repeat;
	background-size: 100%;
	width: 97.457627%; height: 0; padding-top: 97.457627%;
	position: absolute; z-index: 3;
	top: 50%; left: 50%; margin-left: -48.7288135%; margin-top: -48.7288135%;
}

@-webkit-keyframes frame_eff {
	0% { background-image: url('/s/front/images/mini/wheel_frame.png'); }
	50% { background-image: url('/s/front/images/mini/wheel_frame_2.png'); }
	100% { background-image: url('/s/front/images/mini/wheel_frame_2.png'); }
}
@-moz-keyframes frame_eff {
	0% { background-image: url('/s/front/images/mini/wheel_frame.png'); }
	50% { background-image: url('/s/front/images/mini/wheel_frame_2.png'); }
	100% { background-image: url('/s/front/images/mini/wheel_frame_2.png'); }
}
@-ms-keyframes frame_eff {
	0% { background-image: url('/s/front/images/mini/wheel_frame.png'); }
	50% { background-image: url('/s/front/images/mini/wheel_frame_2.png'); }
	100% { background-image: url('/s/front/images/mini/wheel_frame_2.png'); }
}
@-o-keyframes frame_eff {
	0% { background-image: url('/s/front/images/mini/wheel_frame.png'); }
	50% { background-image: url('/s/front/images/mini/wheel_frame_2.png'); }
	100% { background-image: url('/s/front/images/mini/wheel_frame_2.png'); }
}
@keyframes frame_eff {
	0% { background-image: url('/s/front/images/mini/wheel_frame.png'); }
	50% { background-image: url('/s/front/images/mini/wheel_frame_2.png'); }
	100% { background-image: url('/s/front/images/mini/wheel_frame_2.png'); }
}

.wheel_frame {
	background-image: url('/s/front/images/mini/wheel_frame.png');
	background-repeat: no-repeat;
	background-size: 100%;
	width: 100%; height: 0; padding-top: 100%;
	position: absolute; z-index: 3;
	top: 0; left: 50%; margin-left: -50%;
	-webkit-animation: frame_eff 0.8s 0.8s infinite step-end alternate;
    -moz-animation: frame_eff 0.8s 0.8s infinite step-end alternate;
    -ms-animation: frame_eff 0.8s 0.8s infinite step-end alternate;
    -o-animation: frame_eff 0.8s 0.8s infinite step-end alternate;
    animation: frame_eff 0.8s 0.8s infinite step-end alternate;
}
canvas.wheel_pannel {
	position: absolute; z-index: 2;
	top: 0; left: 0;
}
.wheel_foot {
	background-image: url('/s/front/images/mini/wheel_foot.png');
	background-repeat: no-repeat;
	background-size: 100%;
	width: 45.454545%; height: 0; padding-top: 24.173553%;
	position: absolute;
	bottom: 3%; left: 50%; margin-left: -22.7272725%;
	z-index: 1;
}



@-webkit-keyframes cheer_eff_1 {
	0% { opacity: 0; }
	50% {opacity: 1;}
	100% {opacity: 1;}
}
@-moz-keyframes cheer_eff_1 {
	0% { opacity: 0; }
	50% {opacity: 1;}
	100% {opacity: 1;}
}
@-ms-keyframes cheer_eff_1 {
	0% { opacity: 0; }
	50% {opacity: 1;}
	100% {opacity: 1;}
}
@-o-keyframes cheer_eff_1 {
	0% { opacity: 0; }
	50% {opacity: 1;}
	100% {opacity: 1;}
}
@keyframes cheer_eff_1 {
	0% { opacity: 0; }
	50% {opacity: 1;}
	100% {opacity: 1;}
}

.cheer_box_1 {
	background-image: url('/s/front/images/mini/cheer_1.png');
	background-size: 100%; opacity: 0;
	background-repeat: no-repeat;
	width: 54.951%; height: 0; padding-top: 24.660%;
	position: absolute; z-index: 3;
	bottom: 3.2%; left: 0.679%;
	-webkit-animation: cheer_eff_1 0.8s 0.8s infinite step-end alternate;
    -moz-animation: cheer_eff_1 0.8s 0.8s infinite step-end alternate;
    -ms-animation: cheer_eff_1 0.8s 0.8s infinite step-end alternate;
    -o-animation: cheer_eff_1 0.8s 0.8s infinite step-end alternate;
    animation: cheer_eff_1 0.8s 0.8s infinite step-end alternate;
}

@-webkit-keyframes cheer_eff_2 {
	0% { opacity: 1; }
	50% {opacity: 0;}
	100% { opacity: 0; }
}
@-moz-keyframes cheer_eff_2 {
	0% { opacity: 1; }
	50% {opacity: 0;}
	100% { opacity: 0; }
}
@-ms-keyframes cheer_eff_2 {
	0% { opacity: 1; }
	50% {opacity: 0;}
	100% {opacity: 0;}
}
@-o-keyframes cheer_eff_2 {
	0% { opacity: 1; }
	50% {opacity: 0;}
	100% { opacity: 0; }
}
@keyframes cheer_eff_2 {
	0% { opacity: 1; }
	50% {opacity: 0;}
	100% { opacity: 0; }
}
.cheer_box_2 {
	background-image: url('/s/front/images/mini/cheer_2.png');
	background-size: 100%; opacity: 1;
	background-repeat: no-repeat;
	width: 54.951%; height: 0; padding-top: 24.660%;
	position: absolute; z-index: 3;
	bottom: 3.2%; left: 0.679%;
	-webkit-animation: cheer_eff_2 0.8s 0.8s infinite step-end alternate;
    -moz-animation: cheer_eff_2 0.8s 0.8s infinite step-end alternate;
    -ms-animation: cheer_eff_2 0.8s 0.8s infinite step-end alternate;
    -o-animation: cheer_eff_2 0.8s 0.8s infinite step-end alternate;
    animation: cheer_eff_2 0.8s 0.8s infinite step-end alternate;
}

.wheel_tit { 
	width: 100%; height: 0; padding-top: 54.545454%;
	background-image: url('/s/front/images/mini/tit_wheel.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 57%;
}
.wheel_tit.rb {
	width: 42.718446%;
	padding-top: 17.545454%;
	position: absolute; top: 0; right: 3%;
	background-size: 50%;
}
.wheel_board_box {
	width: 100%;
	padding: 5px;
	border-radius: 10px;
	background: linear-gradient(to bottom, #ffe272 0%, #eb9b2e 100%);
	box-sizing: border-box;
	position: relative;
}
.wheel_board_box.rb {
	position: absolute;
	width: 42.718446%;
	right: 3%;
	bottom: 2%;
}
.wheel_sel_tit {
	width: 57.627118%; height: 0; padding-top: 10.169491%;
	position: absolute;
	top: -4%; left: 50%; margin-left: -28.813559%;
	background-image: url('/s/front/images/mini/wheel_sel_tit.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	z-index: 2;
}
.wheel_board {
	width: 100%; height: 0; padding-top: 90.697674%;
	border-width: 5px;
	border-style: solid;
	border-image: linear-gradient(to bottom, #eb9b2e 0%, #ffe272 100%);
	border-image-slice: 1;
	box-sizing: border-box;
	border-radius: 10px;
	background-color: #020036;
	text-align: center;
	position: relative;
	z-index: 1;
}
.wheel_board.rb {
	padding-top: 105.116279%;
}
.wheel_board .conNull {
	position: absolute; top: 0; left: 0;
}

.wheel_ul_tit {
	font-size: 0; word-spacing: 0; display: block; height: 36px;
	position: absolute; top: 7%; left: 0; width: 100%; text-align: left;
}
.wheel_ul_tit > em,
.wheel_ul_tit > strong,
.wheel_ul_tit > span {
	line-height: 36px; display: inline-block; font-size: 12px; text-align: center;
}

.wheel_ul_tit > em { width: 10%; }
.wheel_ul_tit > strong { width: 32%; }
.wheel_ul_tit > span { width: 42%; }

.wheel_ul {
	width: 100%; max-height: 216px; overflow-y: auto;
	position: absolute; top: calc( 7% + 36px ); left: 0;
	transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease;
}
.wheel_ul::-webkit-scrollbar {
	width: 8px;
}
.wheel_ul::-webkit-scrollbar-thumb {
	background-color: #58578f;
	border-radius: 4px;
	background-clip: padding-box;
    border: 2px solid transparent;
}
.wheel_ul::-webkit-scrollbar-track {
	background-color: transparent;
}

.wheel_ul::-moz-scrollbar {
	width: 8px;
}
.wheel_ul::-moz-scrollbar-thumb {
	background-color: #58578f;
	border-radius: 4px;
	background-clip: padding-box;
    border: 2px solid transparent;
}
.wheel_ul::-moz-scrollbar-track {
	background-color: transparent;
}

.wheel_ul::-ms-scrollbar {
	width: 8px;
}
.wheel_ul::-ms-scrollbar-thumb {
	background-color: #58578f;
	border-radius: 4px;
	background-clip: padding-box;
    border: 2px solid transparent;
}
.wheel_ul::-ms-scrollbar-track {
	background-color: transparent;
}

.wheel_ul li.selected,
.wheel_ul li:hover { background-color: #ff4c62; }
.wheel_ul li:active { background-color: rgba(255, 76, 98, 0.8); }
.wheel_ul li {
	position: relative; cursor: pointer;
	font-size: 0; word-spacing: 0; display: block;
	text-align: left;
}
.wheel_ul li > em,
.wheel_ul li > strong,
.wheel_ul li > span {
	line-height: 36px; display: inline-block; font-size: 12px; text-align: center;
}
.wheel_ul li strong > em,
.wheel_ul li span > em { display: none; }

.wheel_ul li > em { width: 10%; }
.wheel_ul li > strong { width: 32%; }
.wheel_ul li > span { width: 42%; }

.wheel_ul li .wheel_li_btn {
	width: 43px; height: 24px; display: block;
	background-image: url('/s/front/images/mini/wheel_li_btn.png');
	background-repeat: no-repeat; font-size: 12px;
	background-size: 100%; font-weight: bold;
	background-color: transparent; color: #29294d;
	cursor: pointer; line-height: 24px; text-align: center;
	position: absolute; right: 5px; top: 50%; margin-top: -12px;
}
.wheel_ul li .wheel_li_btn_box .wheel_li_btn:hover {
	background-image: url('/s/front/images/mini/wheel_li_btn_on.png');
	color: #fff;
}

.btn_wheel {
	background-image: url('/s/front/images/mini/btn_wheel.png');
	background-repeat: no-repeat;
	background-size: 100%;
	background-color: transparent;
	width: 20.776699%; height: 0;
	margin: 0 auto;
	cursor: pointer;
	border: 0; padding: 11.067961% 0 0 0;
	display: block; outline: none;
	position: absolute; left: 50%; bottom: 4%;
	margin-left: 15.9%;
	z-index: 3;
}
.btn_wheel:hover { background-image: url('/s/front/images/mini/btn_wheel_over.png'); }
.btn_wheel.off {
	background-image: url('/s/front/images/mini/btn_wheel_off.png');
}

.rb .btn_wheel {
	width: 17.572815%;
	padding: 8.349514% 0 0 0;
	margin-left: 16.9%;
	bottom: 6%;
}

.rb_betlist {
	background-image: url('/s/front/images/mini/btn_betlist_wheel.png');
	background-repeat: no-repeat;
	background-size: 100%;
	background-color: transparent;
	cursor: pointer;
	width: 8.932038%;
	border: 0; padding: 3.592233% 0 0 0;
	display: block; outline: none;
	position: absolute; right: 5.242718%; bottom: 10.116504%;
	z-index: 3;
}
.rb_betlist:hover { background-image: url('/s/front/images/mini/btn_betlist_wheel_on.png'); }


/* rb_bet_box */
.rb_box {
	width: calc( 100% - 20px );
	position: absolute;
	top: 26px; left: 10px;
}

.rb_betmoney_box { width: 100%; }
.rb_money_box::after { content: ''; display: block; clear: both; visibility: hidden; }
.rb_money_box span {
	display: block;
	height: 40px; line-height: 40px;
	color: #fff; text-align: right;
	padding: 0 24px; position: relative;
	background-color: #1e1b68; border-radius: 10px;
	font-size: 14px; font-weight: bold;
}
.rb_money_box span.rb_user_money { width: 60%; float: left; }
.rb_money_box span.rb_bet_money { color: #ffcc00; width: 38%; float: right; }

.rb_money_box span.rb_user_money::before,
.rb_money_box span.rb_bet_money::before {
	display: block;
	position: absolute;
	height: 40px; line-height: 40px;
	font-size: 11px; top: 0;
	font-weight: normal;
}

.rb_money_box span.rb_user_money::before { 
	content: '보유머니'; left: 8px;
}
.rb_money_box span.rb_bet_money::before { 
	content: 'BET'; left: 8px;
}
.rb_money_box span.rb_user_money::after,
.rb_money_box span.rb_bet_money::after { 
	content: '원';
	display: inline-block;
	position: absolute;
	top: 0; right: 8px;
	height: 40px; line-height: 40px;
	font-size: 11px;
}
.rb_add_money_box {  margin: 16px -5px; }
.rb_add_money_box::after { content: ''; display: block; clear: both; visibility: hidden; }
.rb_add_money_box li { width: 20%; float: left; padding: 0 5px; }

.rb_add_money {
	display: block; width: 100%; height: 0;
	padding-top: 52.083333%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	background-color: transparent;
	outline: none; border: none;
	cursor: pointer;
}
.rb_add_money.rb_bet_1000 {
	background-image: url('/s/front/images/mini/btn_betmoney_1000.png');
}
.rb_add_money.rb_bet_5000 {
	background-image: url('/s/front/images/mini/btn_betmoney_5000.png');
}
.rb_add_money.rb_bet_10000 {
	background-image: url('/s/front/images/mini/btn_betmoney_10000.png');
}
.rb_add_money.rb_bet_50000 {
	background-image: url('/s/front/images/mini/btn_betmoney_50000.png');
}
.rb_add_money.rb_bet_reset {
	background-image: url('/s/front/images/mini/btn_betmoney_reset.png');
}

.rb_add_money.rb_bet_1000:hover {
	background-image: url('/s/front/images/mini/btn_betmoney_1000_on.png');
}
.rb_add_money.rb_bet_5000:hover {
	background-image: url('/s/front/images/mini/btn_betmoney_5000_on.png');
}
.rb_add_money.rb_bet_10000:hover {
	background-image: url('/s/front/images/mini/btn_betmoney_10000_on.png');
}
.rb_add_money.rb_bet_50000:hover {
	background-image: url('/s/front/images/mini/btn_betmoney_50000_on.png');
}
.rb_add_money.rb_bet_reset:hover {
	background-image: url('/s/front/images/mini/btn_betmoney_reset_on.png');
}

.rb_add_money.rb_bet_1000.active {
	background-image: url('/s/front/images/mini/btn_betmoney_1000_active.png');
}
.rb_add_money.rb_bet_5000.active {
	background-image: url('/s/front/images/mini/btn_betmoney_5000_active.png');
}
.rb_add_money.rb_bet_10000.active {
	background-image: url('/s/front/images/mini/btn_betmoney_10000_active.png');
}
.rb_add_money.rb_bet_50000.active {
	background-image: url('/s/front/images/mini/btn_betmoney_50000_active.png');
}

.rb_bet_box::after { content: ''; display: block; clear: both; visibility: hidden; }
.rb_bet_list {
	padding-top: 8%; position: relative; width: 49%; margin: -4px;
}
.rb_bet_list.left { float: left; }
.rb_bet_list.right { float: right; }
.rb_bet_list::before {
	content: '';
	display: block;
	width: 100%; height: 0; padding-top: 18.079096%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	background-color: transparent;
	position: absolute;
	top: 0; left: 0;
}
.rb_bet_list.left::before {
	background-image: url('/s/front/images/mini/rb_allo_x198.png');
}
.rb_bet_list.right::before {
	background-image: url('/s/front/images/mini/rb_allo_x396.png');
}
.rb_bet_list li {
	width: 50%; float: left; padding: 4px;
}
.rb_bet_btn {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 75%, 100%;
	background-color: transparent;
	outline: none; border: none;
	cursor: pointer;
	width: 100%; height: 0; padding-top: 81.395348%;
}
.rb_bet_btn.lemon {
	background-image: url('/s/front/images/mini/symbol_wheel_lemon.png');
	background-color: #494588;
	border-radius: 10px;
}
.rb_bet_btn.strawberry {
	background-image: url('/s/front/images/mini/symbol_wheel_strawberry.png');
	background-color: #494588;
	border-radius: 10px;
}
.rb_bet_btn.blue {
	background-image: url('/s/front/images/mini/symbol_wheel_blue.png');
	background-color: #494588;
	border-radius: 10px;
}
.rb_bet_btn.red {
	background-image: url('/s/front/images/mini/symbol_wheel_red.png');
	background-color: #494588;
	border-radius: 10px;
}
.rb_bet_btn.blue_lemon {
	background-image: url('/s/front/images/mini/symbol_wheel_blue_lemon.png'), url('/s/front/images/mini/btn_wheel_bet_blue.png');
}
.rb_bet_btn.red_lemon {
	background-image: url('/s/front/images/mini/symbol_wheel_red_lemon.png'), url('/s/front/images/mini/btn_wheel_bet_red.png');
}
.rb_bet_btn.red_strawberry {
	background-image: url('/s/front/images/mini/symbol_wheel_red_strawberry.png'), url('/s/front/images/mini/btn_wheel_bet_red.png');
}
.rb_bet_btn.blue_strawberry {
	background-image: url('/s/front/images/mini/symbol_wheel_blue_strawberry.png'), url('/s/front/images/mini/btn_wheel_bet_blue.png');
}

.rb_bet_btn.lemon:hover {
	background-image: url('/s/front/images/mini/symbol_wheel_lemon.png');
	background-color: #6662a0;
}
.rb_bet_btn.strawberry:hover {
	background-image: url('/s/front/images/mini/symbol_wheel_strawberry.png');
	background-color: #6662a0;
}
.rb_bet_btn.blue:hover {
	background-image: url('/s/front/images/mini/symbol_wheel_blue.png');
	background-color: #6662a0;
}
.rb_bet_btn.red:hover {
	background-image: url('/s/front/images/mini/symbol_wheel_red.png');
	background-color: #6662a0;
}
.rb_bet_btn.blue_lemon:hover {
	background-image: url('/s/front/images/mini/symbol_wheel_blue_lemon.png'), url('/s/front/images/mini/btn_wheel_bet_blue_on.png');
}
.rb_bet_btn.red_lemon:hover {
	background-image: url('/s/front/images/mini/symbol_wheel_red_lemon.png'), url('/s/front/images/mini/btn_wheel_bet_red_on.png');
}
.rb_bet_btn.red_strawberry:hover {
	background-image: url('/s/front/images/mini/symbol_wheel_red_strawberry.png'), url('/s/front/images/mini/btn_wheel_bet_red_on.png');
}
.rb_bet_btn.blue_strawberry:hover {
	background-image: url('/s/front/images/mini/symbol_wheel_blue_strawberry.png'), url('/s/front/images/mini/btn_wheel_bet_blue_on.png');
}

.rb_bet_btn.lemon.active {
	background-image: url('/s/front/images/mini/symbol_wheel_lemon.png');
	background-color: #17cf00;
}
.rb_bet_btn.strawberry.active {
	background-image: url('/s/front/images/mini/symbol_wheel_strawberry.png');
	background-color: #17cf00;
}
.rb_bet_btn.blue.active {
	background-image: url('/s/front/images/mini/symbol_wheel_blue.png');
	background-color: #17cf00;
}
.rb_bet_btn.red.active {
	background-image: url('/s/front/images/mini/symbol_wheel_red.png');
	background-color: #17cf00;
}
.rb_bet_btn.blue_lemon.active {
	background-image: url('/s/front/images/mini/symbol_wheel_blue_lemon.png'), url('/s/front/images/mini/btn_wheel_bet_active.png');
}
.rb_bet_btn.red_lemon.active {
	background-image: url('/s/front/images/mini/symbol_wheel_red_lemon.png'), url('/s/front/images/mini/btn_wheel_bet_active.png');
}
.rb_bet_btn.red_strawberry.active {
	background-image: url('/s/front/images/mini/symbol_wheel_red_strawberry.png'), url('/s/front/images/mini/btn_wheel_bet_active.png');
}
.rb_bet_btn.blue_strawberry.active {
	background-image: url('/s/front/images/mini/symbol_wheel_blue_strawberry.png'), url('/s/front/images/mini/btn_wheel_bet_active.png');
}

.rb_bet_btn:disabled { cursor: default; }

.rb_bet_btn.lemon:disabled {
	background-image: url('/s/front/images/mini/symbol_wheel_lemon.png');
	background-color: #666574;
}
.rb_bet_btn.strawberry:disabled {
	background-image: url('/s/front/images/mini/symbol_wheel_strawberry.png');
	background-color: #666574;
}
.rb_bet_btn.blue:disabled {
	background-image: url('/s/front/images/mini/symbol_wheel_blue.png');
	background-color: #666574;
}
.rb_bet_btn.red:disabled {
	background-image: url('/s/front/images/mini/symbol_wheel_red.png');
	background-color: #636e62;
}
.rb_bet_btn.blue_lemon:disabled {
	background-image: url('/s/front/images/mini/symbol_wheel_blue_lemon.png'), url('/s/front/images/mini/btn_wheel_bet_disabled.png');
}
.rb_bet_btn.red_lemon:disabled {
	background-image: url('/s/front/images/mini/symbol_wheel_red_lemon.png'), url('/s/front/images/mini/btn_wheel_bet_disabled.png');
}
.rb_bet_btn.red_strawberry:disabled {
	background-image: url('/s/front/images/mini/symbol_wheel_red_strawberry.png'), url('/s/front/images/mini/btn_wheel_bet_disabled.png');
}
.rb_bet_btn.blue_strawberry:disabled {
	background-image: url('/s/front/images/mini/symbol_wheel_blue_strawberry.png'), url('/s/front/images/mini/btn_wheel_bet_disabled.png');
}

.rb_bet_btn.lemon.active:disabled {
	background-image: url('/s/front/images/mini/symbol_wheel_lemon.png');
	background-color: #17cf00;
}
.rb_bet_btn.strawberry.active:disabled {
	background-image: url('/s/front/images/mini/symbol_wheel_strawberry.png');
	background-color: #17cf00;
}
.rb_bet_btn.blue.active:disabled {
	background-image: url('/s/front/images/mini/symbol_wheel_blue.png');
	background-color: #17cf00;
}
.rb_bet_btn.red.active:disabled {
	background-image: url('/s/front/images/mini/symbol_wheel_red.png');
	background-color: #17cf00;
}
.rb_bet_btn.blue_lemon.active:disabled {
	background-image: url('/s/front/images/mini/symbol_wheel_blue_lemon.png'), url('/s/front/images/mini/btn_wheel_bet_active.png');
}
.rb_bet_btn.red_lemon.active:disabled {
	background-image: url('/s/front/images/mini/symbol_wheel_red_lemon.png'), url('/s/front/images/mini/btn_wheel_bet_active.png');
}
.rb_bet_btn.red_strawberry.active:disabled {
	background-image: url('/s/front/images/mini/symbol_wheel_red_strawberry.png'), url('/s/front/images/mini/btn_wheel_bet_active.png');
}
.rb_bet_btn.blue_strawberry.active:disabled {
	background-image: url('/s/front/images/mini/symbol_wheel_blue_strawberry.png'), url('/s/front/images/mini/btn_wheel_bet_active.png');
}


/* bet-list */
.rb img.betlist_img { width: 26px; }
.rb .bet_list_box {
	width: 60%;
	height:0; padding-top: 50%;
	position: absolute;
	top: 50%; left: 50%;
	margin-top: -25%; margin-left: -30%;
	background-color: #272554;
	border-radius: 15px;
	border: 5px solid #ffcc00;
	display: none; z-index: 10;
}
.rb .betlist_tit {
	width: 26.354319%; height: 0;
	padding-top: 11.273792%;
	position: absolute;
	top: -45px; left: 50%; margin-left: -13.177159%;
	background-image: url("/s/front/images/mini/spin7/betlist_tit.png");
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
}
.rb .bet_list_box #mini-bet-list {
	display: block; width: 100%;
	position: absolute; top: 0; left: 0;
	padding: 50px 40px;
	text-align: center;
}

.rb .bet_list_box .mini_bet_dl dt > div.col-01,
.rb .bet_list_box .mini_bet_dl dt > div.col-02,
.rb .bet_list_box .mini_bet_dl dt > div.col-03,
.rb .bet_list_box .mini_bet_dl dt > div.col-04,
.rb .bet_list_box .mini_bet_dl dd > div.col-01,
.rb .bet_list_box .mini_bet_dl dd > div.col-02,
.rb .bet_list_box .mini_bet_dl dd > div.col-03,
.rb .bet_list_box .mini_bet_dl dd > div.col-04 {
	width: 25%;
	text-align: center;
	line-height: 36px;
	font-size: 12px;
}

.rb .bet_list_box .btn_mini_betlist_close {
	border: none; outline: none;
	position: absolute; right: -15px; top: -15px;
	width: 40px; height: 40px; line-height: 30px;
	text-align: center; color: #fff;
	font-size: 30px; z-index: 5; cursor: pointer;
	margin: 0; padding: 0; display: block;
	background-color: #eb2c2c; border-radius: 50%;
	padding: 5px;
}
.rb .bet_list_box .btn_mini_betlist_close:hover {
	color: #ffcc00;
}

/* result */
.result_box {
	position: absolute;
	width: 100%;
	z-index: 10;
	background: rgba(0, 0, 0, 0.6);
	top: 0; left: 0; right: 0; bottom: 0;
	display: none;
}
.result_box.active { display: block; }

@-webkit-keyframes scale_result {
	0% {  opacity: 0; transform: scale( 0 ); }
	100% {  opacity: 1; transform: scale( 1 ); }
}
@-moz-keyframes scale_result {
	0% {  opacity: 0; transform: scale( 0 ); }
	100% {  opacity: 1; transform: scale( 1 ); }
}
@-ms-keyframes scale_result {
	0% {  opacity: 0; transform: scale( 0 ); }
	100% {  opacity: 1; transform: scale( 1 ); }
}
@-o-keyframes scale_result {
	0% {  opacity: 0; transform: scale( 0 ); }
	100% {  opacity: 1; transform: scale( 1 ); }
}
@keyframes scale_result {
	0% {  opacity: 0; transform: scale( 0 ); }
	100% {  opacity: 1; transform: scale( 1 ); }
}

.result_wheel_win_box {
	width: 77.184466%; height: 0; padding-top: 48.932038%;
	position: absolute; opacity: 0;
	top: 50%; left: 50%; margin-top: -24.466019%; margin-left: -38.592233%;
	background-image: url('/s/front/images/mini/wheel_win.png');
	background-repeat: no-repeat;
	background-size: 100%; transform: scale( 1 );
}
.result_wheel_win_box p {
	display: block; position: absolute;
	top: 50%; left: 50%; margin-left: -25%; margin-top: -40px;
	width: 50%; height: 80px; line-height: 80px;
	font-weight: bold; text-align: center; color: #000;
	font-size: 60px; font-family: 'Impact', sans-serif;
}

.result_wheel_lose_box {
	width: 61%; height: 0; padding-top: 43.6%;
	position: absolute;  opacity: 0;
	top: 50%; left: 50%; margin-top: -21.8%; margin-left: -30.5%;
	background-image: url('/s/front/images/mini/wheel_lose.png');
	background-repeat: no-repeat;
	background-size: 100%; transform: scale( 1 );
}

.result_wheel_win_box.rb {
	width: 100%; height: 0; padding-top: 64.492753%;
	position: absolute; opacity: 0;
	top: 50%; left: 50%; margin-top: -32.246376%; margin-left: -50%;
	background-image: url('/s/front/images/mini/wheel_win_bg.png');
	background-repeat: no-repeat;
	background-size: 100%; transform: scale( 1 );
}

.result_wheel_win_inner_box {
	width: 50%; position: absolute;
	left: 50%; margin-left: -25%;
	top: 35%;
	text-align: center;
}
.result_wheel_win_inner_box li {
	width: 32%; display: inline-block;
	position: relative;
}
.result_wheel_win_inner_box li .symbol {
	width: 100%; height: 0; padding-top: 100%;
	background-size: 80%;
	background-position: center;
	background-repeat: no-repeat;
}
.result_wheel_win_inner_box li .symbol.lemon {
	background-image: url('/s/front/images/mini/symbol_wheel_lemon.png');
}
.result_wheel_win_inner_box li .symbol.strawberry {
	background-image: url('/s/front/images/mini/symbol_wheel_strawberry.png');
}
.result_wheel_win_inner_box li .symbol.blue {
	background-image: url('/s/front/images/mini/symbol_wheel_blue.png');
}
.result_wheel_win_inner_box li .symbol.red {
	background-image: url('/s/front/images/mini/symbol_wheel_red.png');
}
.result_wheel_win_inner_box li .symbol.red_lemon {
	background-image: url('/s/front/images/mini/symbol_wheel_red_lemon.png');
}
.result_wheel_win_inner_box li .symbol.blue_lemon {
	background-image: url('/s/front/images/mini/symbol_wheel_blue_lemon.png');
}
.result_wheel_win_inner_box li .symbol.red_strawberry {
	background-image: url('/s/front/images/mini/symbol_wheel_red_strawberry.png');
}
.result_wheel_win_inner_box li .symbol.blue_strawberry {
	background-image: url('/s/front/images/mini/symbol_wheel_blue_strawberry.png');
}

.result_wheel_win_inner_box li .result {
	width: 40%;
    height: 0;
    padding-top: 40%;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 43%;
    right: 0;
}
.result_wheel_win_inner_box li .result.double {
	width: 60%;
	background-image: url('/s/front/images/mini/x198.png');
}
.result_wheel_win_inner_box li .result.quad {
	width: 60%;
	background-image: url('/s/front/images/mini/x396.png');
}
.result_wheel_win_inner_box li .result.lose {
	background-image: url('/s/front/images/mini/lose.png');
}

.result_wheel_win_inner_box li .winning_coin {
	width: 90%; height: 40px; line-height: 40px;
	margin: 20px auto 0;
	background-color: #1e1b68;
    border-radius: 10px;
	font-size: 16px;
	color: #fff; text-align: center;
}
.result_wheel_win_inner_box li .winning_coin.win {
	background-color: #17cf00;
	color: #000;
	font-weight: bold;
}

.result_active {
	-webkit-animation: scale_result 0.3s 0s ease-in-out alternate;
    -moz-animation: scale_result 0.3s 0s ease-in-out alternate;
    -ms-animation: scale_result 0.3s 0s ease-in-out alternate;
    -o-animation: scale_result 0.3s 0s ease-in-out alternate;
	animation: scale_result 0.3s 0s ease-in-out alternate;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}

.more_btn { display: none; }

.btn_spin_sound {
	display: block;
	width: 6.590509%; height: 0;
	padding-top: 6.590509%;
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	top: 1%; left: 1%;
	outline: none; border: none; background-color: transparent;
	cursor: pointer;
	z-index: 10;
}
.btn_spin_sound.on {
	background-image: url("/s/front/images/mini/sound_btn_on.png");
}
.btn_spin_sound.off {
	background-image: url("/s/front/images/mini/sound_btn_off.png");
}

@media all and (max-width:1200px){
	.rb .betlist_tit {
		width: 14.354319%;
		padding-top: 6.273792%;
		top: -20px;
		left: 50%;
		margin-left: -7.177159%;
	}
	
	.rb .bet_list_box {
		width: 90%; height: auto; padding-top: 0;
		position: absolute;
		top: 20px; left: 50%;
		margin-top: 0; margin-left: -45%;
		background-color: #272554;
		border-radius: 0;
		border: 5px solid #ffcc00;
		display: none;
	}
	.rb .bet_list_box #mini-bet-list {
		display: block; width: 100%;
		position: relative; top: auto; left: auto;
		padding: 50px 40px; 
	}
	.rb .bet_list_box .btn_mini_betlist_close {
		right: 5px;
		top: 5px;
	}

	.rb .bet_list_box .mini_bet_dl dt > div.col-01,
	.rb .bet_list_box .mini_bet_dl dt > div.col-02,
	.rb .bet_list_box .mini_bet_dl dt > div.col-03,
	.rb .bet_list_box .mini_bet_dl dt > div.col-04,
	.rb .bet_list_box .mini_bet_dl dd > div.col-01,
	.rb .bet_list_box .mini_bet_dl dd > div.col-02,
	.rb .bet_list_box .mini_bet_dl dd > div.col-03,
	.rb .bet_list_box .mini_bet_dl dd > div.col-04 {
		font-size: 16px;
	}
}


@media all and (max-width:860px){
	.wheel_ul_tit { display: none; }
	.wheel_ul { top: 7%; }
	.wheel_ul li { border-bottom: 1px solid #29294d; padding: 5px; }
	.wheel_ul li > em { display: none; }
	.wheel_ul li strong > em,
	.wheel_ul li span > em { color: #ccc; font-style: normal; display: inline; }
	.wheel_ul li strong,
	.wheel_ul li span { line-height: 20px; display: block; width: 100%; text-align: left; }
	.btn_wheel { margin-left: 14.2%; }
}

@media all and (max-width:640px){

	.btn_spin_sound {
		width: 14%; padding-top: 14%;
		top: 1.5625%;
		left: 1.5625%;
	}

	.mini_wrap.wheel {
		background-image: url('/s/front/images/mini/bg_wheel_m.jpg');
		background-size: cover; background-position: center;
	}
	.wheel_right_box {
		width: 100%; position: relative; top: 0; left: 0; right: 0;
	}
	.wheel_tit {
		width: 100%; padding-top: 40%;
		background-size: 40%;
	}

	.wheel_board.rb { padding-top: 82.116279%; }

	.wheel_tit.rb {
		width: 22.718446%;
		padding-top: 23.545454%;
		position: absolute;
		top: 0;
		right: 0;
		background-size: 100%;
	}

	.wheel_sel_tit { top: -26px; }
	.wheel_sel_tit.rb { top: -16px; }
	.wheel_board_box { width: 90%; margin: 0 auto; }
	.wheel_board_box.rb {
		position: relative;
		width: 100%;
		right: 0;
		bottom: 0;
		margin-top: 16px;
	}

	.wheel_board {
		overflow: hidden; height: auto;
		padding-top: 0; border-radius: 0;
	}
	.wheel_ul_box {
		height: 51px; width: 100%; overflow: hidden;
		-webkit-transition: height 0.3s;
		-moz-transition: height 0.3s;
		transition: height 0.3s;
	}
	.wheel_ul { 
		height: auto; position: relative; top: 0;
	}

	.btn_wheel { width: 36%; margin-left: -18%; padding-top: 17.2%; bottom: 1%; }
	.rb .btn_wheel {
		width: 36%;
		margin-left: -18%;
		padding-top: 17.2%;
		bottom: auto;
		top: 46%;
	}

	.rb_betlist {
		width: 20%;
		padding: 8.592233% 0 0 0;
		right: 7.242718%;
		bottom: auto;
		top:48%;
	}

	.result_wheel_win_box.rb {
		margin-top: -83%;
		padding-top: 73.492753%;
		background-image: url('/s/front/images/mini/wheel_win_bg_m.png');
	}
	.result_wheel_win_inner_box {
		width: 70%; margin-left: -35%; top: 33%;
	}
	.result_wheel_win_inner_box li .symbol {
		background-size: 94%;
	}
	.result_wheel_win_inner_box li .result {
		top: 40%;
	}
	.result_wheel_win_inner_box li .winning_coin {
		margin: 0 auto;
		height: 30px; line-height: 30px;
		border-radius: 5px;
	}
	.result_wheel_lose_box.rb {
		margin-top: -85%;
	}

	.more_btn { cursor: pointer; padding: 10px; display: block; font-size: 18px; text-align: center; }
	.wheel_board .conNull { height: 60px; line-height: 60px; position: relative; }

	.wheel_left_box { width: 100%; }
	.wheel_backboard { top: 1%; }
	.wheel_pin { top: 4.3%; }
	.wheel_frame_box { top: 8.14876%; }
	.wheel_foot { bottom: 6%; }
	.cheer_box_1 { width: 100%; padding-top: 45%; }
	.cheer_box_2 { width: 100%; padding-top: 45%; }

	.cheer_box_1.rb,
	.cheer_box_2.rb {
		bottom: 48.2%;
	}

	.result_wheel_win_box {
		width: 80%; padding-top: 50.8%;
		margin-top: -25.4%; margin-left: -40%;
	}
	.result_wheel_win_box p {
		letter-spacing: -1px;
		font-size: 36px;
		width: 60%; margin-left: -30%;
	}
	
	.result_wheel_lose_box {
		width: 92%; padding-top: 65.8%;
		margin-top: -32.9%; margin-left: -46%;
	}


	/*bet_list*/
	.rb .bet_list_box .btn_mini_betlist_close {
		top: -19px;
	}
	.rb .betlist_tit {
		width: 20.354319%;
		padding-top: 9.273792%;
		margin-left: -10.177159%;
	}

	.rb .bet_list_box .mini_bet_dl dt > div.col-01 {
		display: none;
	}
	.rb .bet_list_box .mini_bet_dl dd > div.col-01 {
		width: 100%;
		text-align: left;
		font-size: 11px;
		line-height: 26px;
	}

	.rb .bet_list_box .mini_bet_dl dt > div.col-02,
	.rb .bet_list_box .mini_bet_dl dt > div.col-03,
	.rb .bet_list_box .mini_bet_dl dd > div.col-02,
	.rb .bet_list_box .mini_bet_dl dd > div.col-03, {
		width: 28%;
	}
	.rb .bet_list_box .mini_bet_dl dt > div.col-04,
	.rb .bet_list_box .mini_bet_dl dd > div.col-04 {
		width: 44%;
		text-align: center;
		line-height: 26px;
		font-size: 14px;
	}

	.rb .bet_list_box #mini-bet-list {
		padding: 35px 10px 10px;
	}
}

@media all and (max-width:460px){
	.rb .betlist_tit {
		width: 30.354319%;
		padding-top: 13.273792%;
		margin-left: -15.177159%;
	}
}


/* common bet list */
.mini_bet_dl {
	width: 100%;
}
.mini_bet_dl dt,
.mini_bet_dl dd {
	font-size: 0;
	word-spacing: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.mini_bet_dl dt > div,
.mini_bet_dl dd > div {
	display: inline-block;
	font-size: 12px; font-size: 1.2rem;
}