.game-rules-tinted-sprite {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 422px 502px;
    background-image: url('../image/button_icons.png');
}

/**
 * IMPORTANT!!!!!
 * We need min-height and min-width because
 * normal width and height can be overridden by layout restriction
 * we need it to be fixed width and height so it can be resized
*/
.gamerules-scrollbar::-webkit-scrollbar {
	width: 5px;
}

.gamerules-scrollbar::-webkit-scrollbar-track {
	background-color: transparent;
}

.gamerules-scrollbar::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: var(--scroll-bar-color);
}

.gamerules-scrollbar:hover {
	--scroll-bar-color: hsla(0, 0%, 46%, .7);
}

.gamerules-scrollbar {
	transition: --scroll-bar-color .4s ease-out;
}


.game-rules-btn_add {
    width: 108px;
    min-width: 108px;
    height: 108px;
    min-height: 108px;
    background-position: -1px -1px;
}

.game-rules-btn_close {
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
    background-position: -331px -167px;
}

.game-rules-btn_menu {
    width: 90px;
    min-width: 90px;
    height: 90px;
    min-height: 90px;
    background-position: -331px -1px;
}

.game-rules-btn_minus {
    width: 108px;
    min-width: 108px;
    height: 108px;
    min-height: 108px;
    background-position: -1px -111px;
}

.game-rules-center_autoplay {
    width: 108px;
    min-width: 108px;
    height: 108px;
    min-height: 108px;
    background-position: -1px -221px;
}

.game-rules-center_turbo_on {
    width: 108px;
    min-width: 108px;
    height: 108px;
    min-height: 108px;
    background-position: -1px -331px;
}

.game-rules-ic_chip {
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
    background-position: -331px -229px;
}

.game-rules-ic_close {
    width: 108px;
    min-width: 108px;
    height: 108px;
    min-height: 108px;
    background-position: -111px -1px;
}

.game-rules-ic_coupon {
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
    background-position: -331px -291px;
}

.game-rules-ic_free_game {
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
    background-position: -331px -353px;
}

.game-rules-ic_hist {
    width: 108px;
    min-width: 108px;
    height: 108px;
    min-height: 108px;
    background-position: -111px -111px;
}

.game-rules-ic_nav_calender {
    width: 108px;
    min-width: 108px;
    height: 108px;
    min-height: 108px;
    background-position: -111px -221px;
}

.game-rules-ic_nav_maxbet {
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
    background-position: -331px -415px;
}

.game-rules-ic_paytable {
    width: 108px;
    min-width: 108px;
    height: 108px;
    min-height: 108px;
    background-position: -111px -331px;
}

.game-rules-ic_rollover {
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
    background-position: -1px -441px;
}

.game-rules-ic_rule {
    width: 108px;
    min-width: 108px;
    height: 108px;
    min-height: 108px;
    background-position: -221px -1px;
}

.game-rules-ic_sound {
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
    background-position: -63px -441px;
}

.game-rules-ic_soundon {
    width: 108px;
    min-width: 108px;
    height: 108px;
    min-height: 108px;
    background-position: -221px -111px;
}

.game-rules-ic_spin {
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
    background-position: -125px -441px;
}

.game-rules-ic_wallet_open {
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
    background-position: -187px -441px;
}

.game-rules-ic_win {
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
    background-position: -249px -441px;
}

.game-rules-menu_close_button {
    width: 72px;
    min-width: 72px;
    height: 72px;
    min-height: 72px;
    background-position: -331px -93px;
}

/* add left: 0 manually */
.game-rules-txt_auto {
    width: 108px;
    min-width: 108px;
    height: 108px;
    min-height: 108px;
    left: 0;
    position: absolute;
    background-position: -221px -221px;
}

/* add left: 0 manually */
.game-rules-txt_turbo_on {
    width: 108px;
    min-width: 108px;
    height: 108px;
    min-height: 108px;
    left: 0;
    position: absolute;
    background-position: -221px -331px;
}

.game-rules-sprite {
    overflow: hidden;
    display: inline-block;
	background-image: url("../image/button_icons.png");
    background-repeat: no-repeat;
    background-size: 422px 502px;
}

.rules_img {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 148px 74px;
    background-image: url('../image/spin_button.png');
}


.rules_img.btn_start {
    width: 72px;
    min-width: 72px;
    height: 72px;
    min-height: 72px;
    background-position: -1px -1px;
}

.rules_img.btn_stop {
    width: 72px;
    min-width: 72px;
    height: 72px;
    min-height: 72px;
    background-position: -75px -1px;
}



#game-overlay {
    height: 0;
    position: absolute;
    width: 0
}

#background-img {
    background-size: cover;
    bottom: -10%;
    height: 110%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

#block-page,
#scroll-area {
    height: 100%;


}

#block-page {

}

    table {
border-collapse: collapse;
border-spacing: 0;
color: rgb(247, 186, 101); 
font-size: 11px; 
}


    .game-rules-ic_close {
    background-position: -216px 0;
    height: 108px;
    min-height: 108px;
    min-width: 108px;
    width: 108px
}

.game-rules-menu_close_button {
    background-position: -738px -108px;
    height: 72px;
    width: 72px
}

.game-rules-ic_nav_calender {
    background-position: -324px 0;
    height: 108px;
    min-height: 108px;
    min-width: 108px;
    vertical-align: middle;
    width: 108px
}


        .game-title {
    width: 300px;
    height: 17px;


    color: white;
    opacity: 0.85;
    text-shadow: rgb(65, 50, 24) 1px 0px 0px, rgb(65, 50, 24) 0.552px 0.85px 0px, rgb(65, 50, 24) -0.4px 0.9px 0px, rgb(65, 50, 24) -0.1px 0.15px 0px, rgb(65, 50, 24) -0.65px -0.7px 0px, rgb(65, 50, 24) 0.3px -0.95px 0px, rgb(65, 50, 24) 0.96px -0.28px 0px;
    pointer-events: none;
    white-space: nowrap;
    z-index: 250;
}


.game-rules-tinted-sprite {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 422px 502px;
    background-image: url('../image/button_icons.png');
}

/**
* IMPORTANT!!!!!
* We need min-height and min-width because
* normal width and height can be overridden by layout restriction
* we need it to be fixed width and height so it can be resized
*/

.game-rules-btn_add {
    width: 108px;
    min-width: 108px;
    height: 108px;
    min-height: 108px;
    background-position: -1px -1px;
}

.game-rules-btn_close {
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
    background-position: -331px -167px;
}

.game-rules-btn_menu {
    width: 90px;
    min-width: 90px;
    height: 90px;
    min-height: 90px;
    background-position: -331px -1px;
}

.game-rules-btn_minus {
    width: 108px;
    min-width: 108px;
    height: 108px;
    min-height: 108px;
    background-position: -1px -111px;
}

.game-rules-center_autoplay {
    width: 108px;
    min-width: 108px;
    height: 108px;
    min-height: 108px;
    background-position: -1px -221px;
}

.game-rules-center_turbo_on {
    width: 108px;
    min-width: 108px;
    height: 108px;
    min-height: 108px;
    background-position: -1px -331px;
}

.game-rules-ic_chip {
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
    background-position: -331px -229px;
}

.game-rules-ic_close {
    width: 108px;
    min-width: 108px;
    height: 108px;
    min-height: 108px;
    background-position: -111px -1px;
}

.game-rules-ic_coupon {
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
    background-position: -331px -291px;
}

.game-rules-ic_free_game {
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
    background-position: -331px -353px;
}

.game-rules-ic_hist {
    width: 108px;
    min-width: 108px;
    height: 108px;
    min-height: 108px;
    background-position: -111px -111px;
}

.game-rules-ic_nav_calender {
    width: 108px;
    min-width: 108px;
    height: 108px;
    min-height: 108px;
    background-position: -111px -221px;
}

.game-rules-ic_nav_maxbet {
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
    background-position: -331px -415px;
}

.game-rules-ic_paytable {
    width: 108px;
    min-width: 108px;
    height: 108px;
    min-height: 108px;
    background-position: -111px -331px;
}

.game-rules-ic_rollover {
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
    background-position: -1px -441px;
}

.game-rules-ic_rule {
    width: 108px;
    min-width: 108px;
    height: 108px;
    min-height: 108px;
    background-position: -221px -1px;
}

.game-rules-ic_sound {
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
    background-position: -63px -441px;
}

.game-rules-ic_soundon {
    width: 108px;
    min-width: 108px;
    height: 108px;
    min-height: 108px;
    background-position: -221px -111px;
}

.game-rules-ic_spin {
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
    background-position: -125px -441px;
}

.game-rules-ic_wallet_open {
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
    background-position: -187px -441px;
}

.game-rules-ic_win {
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
    background-position: -249px -441px;
}

.game-rules-menu_close_button {
    width: 72px;
    min-width: 72px;
    height: 72px;
    min-height: 72px;
    background-position: -331px -93px;
}

/* add left: 0 manually */
.game-rules-txt_auto {
    width: 108px;
    min-width: 108px;
    height: 108px;
    min-height: 108px;
    left: 0;
    position: absolute;
    background-position: -221px -221px;
}

/* add left: 0 manually */
.game-rules-txt_turbo_on {
    width: 108px;
    min-width: 108px;
    height: 108px;
    min-height: 108px;
    left: 0;
    position: absolute;
    background-position: -221px -331px;
}





.paytable_ways {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 642px 244px;
    background-image: url('../image/win_ways.png');
}


.paytable_ways.cross-243 {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    background-position: -485px -183px;
}

.paytable_ways.megaways-pic1 {
    width: 240px;
    min-width: 240px;
    height: 242px;
    min-height: 242px;
    background-position: -1px -1px;
}

.paytable_ways.megaways-pic2 {
    width: 240px;
    min-width: 240px;
    height: 242px;
    min-height: 242px;
    background-position: -243px -1px;
}

.paytable_ways.questionmark {
    width: 156px;
    min-width: 156px;
    height: 180px;
    min-height: 180px;
    background-position: -485px -1px;
}

.paytable_ways.tick-243 {
    width: 48px;
    min-width: 48px;
    height: 36px;
    min-height: 36px;
    background-position: -527px -183px;
}



.paytable_special_symbols {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 260px 130px;
    background-image: url('../image/scatter_and_wild.png');
}


.paytable_special_symbols.s_scatter {
    width: 128px;
    min-width: 128px;
    height: 128px;
    min-height: 128px;
    background-position: -1px -1px;
}

.paytable_special_symbols.s_wild {
    width: 128px;
    min-width: 128px;
    height: 128px;
    min-height: 128px;
    background-position: -131px -1px;
}



.paytable_symbols {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 1430px 130px;
    background-image: url('../image/symbols.png');
}


.paytable_symbols.h_brown_mask {
    width: 128px;
    min-width: 128px;
    height: 128px;
    min-height: 128px;
    background-position: -1px -1px;
}

.paytable_symbols.h_flower {
    width: 128px;
    min-width: 128px;
    height: 128px;
    min-height: 128px;
    background-position: -131px -1px;
}

.paytable_symbols.h_grass {
    width: 128px;
    min-width: 128px;
    height: 128px;
    min-height: 128px;
    background-position: -261px -1px;
}

.paytable_symbols.h_purple {
    width: 128px;
    min-width: 128px;
    height: 128px;
    min-height: 128px;
    background-position: -391px -1px;
}

.paytable_symbols.h_red_mask {
    width: 128px;
    min-width: 128px;
    height: 128px;
    min-height: 128px;
    background-position: -521px -1px;
}

.paytable_symbols.h_redviolet {
    width: 128px;
    min-width: 128px;
    height: 128px;
    min-height: 128px;
    background-position: -651px -1px;
}

.paytable_symbols.l_10 {
    width: 128px;
    min-width: 128px;
    height: 128px;
    min-height: 128px;
    background-position: -781px -1px;
}

.paytable_symbols.l_a {
    width: 128px;
    min-width: 128px;
    height: 128px;
    min-height: 128px;
    background-position: -911px -1px;
}

.paytable_symbols.l_j {
    width: 128px;
    min-width: 128px;
    height: 128px;
    min-height: 128px;
    background-position: -1041px -1px;
}

.paytable_symbols.l_k {
    width: 128px;
    min-width: 128px;
    height: 128px;
    min-height: 128px;
    background-position: -1171px -1px;
}

.paytable_symbols.l_q {
    width: 128px;
    min-width: 128px;
    height: 128px;
    min-height: 128px;
    background-position: -1301px -1px;
}



.paytable_feature_localized {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 602px 750px;
    background-image: url('../image/main_game.png');
}


.paytable_feature_localized.feat_wildsontheway {
	background-repeat: no-repeat;
    background-size: 602px 624px;
    background-position: -1px -1px;
}

.paytable_feature_localized.feat_wildsontheway2 {
    width: 600px;
    min-width: 600px;
    height: 258px;
    min-height: 258px;
    background-position: -1px -491px;
}
.paytable_feat_wildsontheway2 {
	background-image: url('../image/item_to_wild.png');
    background-position: -1px -1px;
    background-repeat: no-repeat;
    background-size: 602px 202px;
    display: inline-block;
    height: 200px;
    min-height: 200px;
    min-width: 600px;
    overflow: hidden;
}



.paytable_feature_en {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 602px 386px;
    background-image: url('../image/multiplier_en.png');
}


.paytable_feature_th {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 602px 386px;
    background-image: url('../image/multiplier_th.png');
}


.paytable_feature_en.feat_freespins, .paytable_feature_th.feat_freespins {
    width: 600px;
    min-width: 600px;
    height: 246px;
    min-height: 246px;
    background-position: -1px -1px;
}

.paytable_feature_en.feat_multiplier, .paytable_feature_th.feat_multiplier {
    width: 600px;
    min-width: 600px;
    height: 136px;
    min-height: 136px;
    background-position: -1px -249px;
}



.paytable_feature_featurebuy_en {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 602px 132px;
    background-image: url('../image/feature_buy_btn_en.png');
    width: 600px;
    min-width: 600px;
    height: 130px;
    min-height: 130px;
    background-position: -1px -1px;
}

.paytable_feature_featurebuy_th {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 602px 132px;
    background-image: url('../image/feature_buy_btn_th.png');
    width: 600px;
    min-width: 600px;
    height: 130px;
    min-height: 130px;
    background-position: -1px -1px;
}

.gamerules-scrollbar::-webkit-scrollbar {
width: 10px;
}

.gamerules-scrollbar::-webkit-scrollbar-track {
background-color: transparent;
}

.gamerules-scrollbar::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: var(--scroll-bar-color);
}

.gamerules-scrollbar:hover {
--scroll-bar-color: hsla(0, 0%, 46%, .7);
}

.gamerules-scrollbar {
transition: --scroll-bar-color .4s ease-out;
}