/* -------------------------------------------------------------------------------------------------------- */
/*																											*/
/* 		 _____    ____   __   _   ____  _																	*/
/*       |____|  |____|  | \  |  |___   |																	*/
/*       |       |    |  |  \_|  |____  |____																*/
/*																											*/
/*																											*/
/* -------------------------------------------------------------------------------------------------------- */


/*
/* 		panelStyle.css | FORTUNE FESTIVAL 
/* 
/* 		1. PANEL CONTROLS
/* 		2. PANEL BUTTONS: SOUND, OPTIONS, BET
/* 		3. SPIN BUTTON
/*		4. GAMBLE BUTTON
/*		5. AUTOPLAY BUTTON
/*		6. BET CONTROL
/*		7. OPTIONS MENU		
/*		8. AUTOPLAY MENU	
/*		9. DESKTOP: SETTINGS BUTTON	/ INFO BUTTON / GAMBLE BUTTON		
/*     10. FREE GAMES
*/




















/* ######################################################################################################### */
/* 1. SPLASH SCREEN																					 		 */
/* ######################################################################################################### */

/* -- Splash Skip -- */
#intro-skip{font-family: Microsoft YaHei, 微软雅黑体, Droid, Helvetica; font-weight:bold;}











/* ######################################################################################################### */
/* 1. INTERFACE																						 */
/* ######################################################################################################### */

/* -- Game Id -- */
.gameId{font-family:BrandonBlack; color:white; text-align:center;}

/** ----- **/

/* -- Bet Value Holder -- */
.panel-desktop #bet-holder-holder,
.panel-landscape #bet-holder-holder, 
.panel-portrait #bet-holder-holder{font-family:BrandonBlack;}

/* -- Bet Label -- */
.panel-desktop .bLabel, 
.panel-portrait .bLabel,
.panel-landscape .bLabel {font-family:Microsoft YaHei, 微软雅黑体, Droid, Helvetica; font-weight:bold;}

/* -- Credit Value Holder -- */
.panel-desktop #credit-holder-holder,
.panel-landscape #credit-holder-holder, 
.panel-portrait #credit-holder-holder{font-family:BrandonBlack;}

/* -- Credit Label -- */
.panel-desktop .cLabel,
.panel-portrait .cLabel,
.panel-landscape .cLabel {font-family:Microsoft YaHei, 微软雅黑体, Droid, Helvetica; font-weight:bold;}

/* -- Win Value Holder -- */
.panel-desktop #win-holder-holder,
.panel-portrait #win-holder-holder,
.panel-landscape #win-holder-holder{font-family:BrandonNum;}

/** ----- **/



/* -- Bet Label -- */
.panel-landscape .betLabel,
.panel-portrait .betLabel,
.panel-desktop .betLabel, 
.panel-desktop #bet-holder{font-family:Microsoft YaHei, 微软雅黑体, Droid, Helvetica;}

/* -- Bet Lines Info -- */
.panel-desktop .bet-lines-label{color:#ffc107; text-transform:uppercase; font-family:Microsoft YaHei, 微软雅黑体, Droid, Helvetica; font-weight:bold;}

/* -- Win Label -- */
.panel-landscape .winLabel,
.panel-portrait .winLabel,
.panel-desktop .winLabel{font-family:Microsoft YaHei, 微软雅黑体, Droid, Helvetica;}

/* -- Win Label -- */
.panel-landscape .win-label,
.panel-portrait .win-label,
.panel-desktop .win-label{font-family:Microsoft YaHei, 微软雅黑体, Droid, Helvetica; color:#ffcc00; font-weight:bold;}

/* -- Win Value -- */
.panel-landscape .win-value,
.panel-portrait .win-value,
.panel-desktop .win-value{color:white;text-shadow: 0px 1px 1px rgba(0, 0, 0, 1); font-family:BrandonNum;}

/* -- Credit Label Holder -- */
.panel-landscape .creditLabel,
.panel-portrait .value,
.panel-desktop .creditLabel{font-family:Microsoft YaHei, 微软雅黑体, Droid, Helvetica;}

/* -- Credit Value -- */
.panel-landscape .value,
.panel-portrait .value,
.panel-desktop .value{font-family:BrandonBlack; color:white;text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);}

/* -- Credit Label -- */
.panel-landscape .label,
.panel-portrait .label,
.panel-desktop .label{font-family:Microsoft YaHei, 微软雅黑体, Droid, Helvetica; font-weight:bold; color:#ffcc00; text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);}

/* -- Info Bar Holder -- */
.panel-landscape .infoHolder,
.panel-portrait .infoHolder,
.panel-desktop .infoHolder{font-family:Microsoft YaHei, 微软雅黑体, Droid, Helvetica; color: #ffffff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);}

/* -- Info Bar Good Luck -- */
.goodluck-value{font-family: Microsoft YaHei, 微软雅黑体, Droid, Helvetica; font-weight:bold; color: white; top:10px!important;}	











/* ######################################################################################################### */
/* 1. PANEL CONTROLS																						 */
/* ######################################################################################################### */


/* -- Credit / Bet Value -- */
.panel-landscape .value, .panel-portrait .value{color:white;}

/* -- Credit / Bet / Win Label -- */
.panel-landscape .label, .panel-portrait .label{color:#ffcc00;}

/* -- Win Value -- */
.panel-landscape .win-value, .panel-portrait .win-value{color:white;}

/* -- Win Label Portrait -- */
.panel-portrait .win-label{color:#ffcc00;}

/* -- Win Label Landscape-- */
.panel-landscape .win-label{color:#ffcc00;}

/* -- Win Panel Border -- */
.panelWinBorder{fill:none; stroke:#FDD814; stroke-width:6px; stroke-miterlimit:10;}

/* -- Win Panel Back Fill -- */
.panelWinBack{fill:#100101;}

/* -- Panel Controls Back -- */
.panel-portrait .controlsBack{background-color:rgba(60, 3, 3, 0.74);}

 /* -- Panel Back Fill -- */ 
 .panelBackFill{fill:#0a0303; opacity:0.85;}
 
 /* -- Panel Back Border -- */ 
 .panelBorder{fill:none; stroke:#FDD814; stroke-width:6px; stroke-miterlimit:10;}










/* ######################################################################################################### */
/* 2. PANEL BUTTONS: SOUND, OPTIONS, BET																	 */
/* ######################################################################################################### */


/* -- Panel Icon -- */
.iconPanelFill{fill:#ffcc00;}

/* -- Panel Icon Shadow -- */
.iconPanelShadow{fill:black;}

/* -- Panel Icon Hit -- */
.iconPanelHit{fill:#ffffff;opacity:0;}

/* -- Panel Icon Back (some cases: sound/full screen) -- */
.iconPanelBack{fill:#000000; opacity:0.5;}

/* -- Panel Icon Disabled -- */
.iconPanelFillDisabled{fill:#333333;}


/*   D E S K T O P																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Panel Icon -- */
.panel-desktop .iconPanelFill, .settings-menu-desktop .iconPanelFill{fill:#ffdb4d;}








/* ######################################################################################################### */
/* 3. SPIN BUTTON																							 */
/* ######################################################################################################### */


/* -- Spin Outer Border -- */
.spinBorder {fill:none; stroke:#ffffff; stroke-miterlimit:10; stroke-width:3;}

/* -- Spin Outer Ring -- */
.spinBack {fill:#ffffff;opacity:0.3;}

/* -- Spin Back Color -- */
.spinFill {fill:#000000;opacity:1;}

/* -- Spin Desktop Fill -- */
.spinDesktopFill{fill:#000000;opacity:1;}

/* -- Spin Disabled -- */
.spinFillDisabled {fill:#000000; opacity:1;/*opacity:0.3;*/}

/* Spin Inner Border -- */
.spinInBorder {fill:none; stroke:#ffffff; stroke-width:3; stroke-miterlimit:10; opacity:0;}

/* -- Spin Icon Fill -- */
.spinIconFill {fill:#ffcc00;}

/* -- Spin Icon Fill -- */
.spinIconFillDisabled {fill:#ffcc00; opacity:0.5;}

/* -- Spin Icon Shadow -- */
.spinIconShadow {fill:#000000;}

/* -- Spin Shine -- */
.spinShine {opacity:0.24;fill:#FFFFFF;}

/* -- Spin Hit -- */
.spinHit {fill:white;opacity:0;}

/* -- Auto Back -- */
.spinAutoBack{fill:#000000;}

/* -- Auto Back Disabled -- */
.spinAutoBackDisabled{fill:#000000;}

/* -- Auto Icon FIll -- */
.spinAutoIcon{fill:#ffcc00;}

/* -- Auto Icon FIll Disabled -- */
.spinAutoIconDisabled{fill:#ffcc00; opacity:0.5;}

/* -- Auto Icon Shadow -- */
.spinAutoIconShadow{fill:black;}

/* -- Auto Stop Back -- */
.spinAutoStopBack{fill: black; opacity: 0.4;}

/* -- Auto Hit -- */
.spinAutoHit{fill:white;opacity:0;}

/*-- Auto Counter -- */
.autoCounter{font-family:BrandonBlack; color:white;}











/* ######################################################################################################### */
/* 4. GAMBLE BUTTON																							 */
/* ######################################################################################################### */


/* -- Gamble Outer Ring -- */
.gambleBack {fill:#ffffff;opacity:0.2;}

/* -- Gamble Border -- */
.gambleBorder {fill:none; stroke:#ffffff; stroke-miterlimit:10; stroke-width:4;}

/* -- Gamble Back Color -- */
.gambleFill {fill:#ff0000; opacity:1;}

/* -- Gamble Icon Color -- */
.gambleIconFill {fill:#ffcc00;}

/* -- Gamble Icon Shadow -- */
.gambleIconShadow {fill:#000000;}

/* -- Gamble Shine -- */
.gambleShine {opacity:0.4;fill:#FFFFFF;}

/* -- Gamble Hit -- */
.gambleHit {opacity:0}		


/*   D E S K T O P																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Gamble Outer Ring -- */
.panel-desktop .gambleBack {fill:#ffffff;opacity:0;}

/* -- Gamble Border -- */
.panel-desktop .gambleBorder {fill:none;stroke:#ffffff;stroke-miterlimit:10;stroke-width:3; opacity:0;}

/* -- Gamble Back Color -- */
.panel-desktop .gambleFill {fill:red; opacity:0}

/* -- Gamble Icon Color -- */
.panel-desktop .gambleIconFill {fill:#ffdb4d}

/* -- Gamble Icon Shadow -- */
.panel-desktop .gambleIconShadow {fill:#000000;}

/* -- Gamble Shine -- */
.panel-desktop .gambleShine {opacity:0; fill:#FFFFFF;}

/* -- Gamble Hit -- */
.panel-desktop .gambleHit {opacity:0}	










/* ######################################################################################################### */
/* 5. AUTOPLAY BUTTON																						 */
/* ######################################################################################################### */


/* -- Auto Back -- */
.autoBackFill {fill:#ffdb4d;}

/* -- Auto Back -- */
.autoBackShadow {fill:#000000;}

/* -- Auto Back: Open -- */
.autoFillOpen {fill:#ff0000;opacity:0.7;}

/* -- Auto Back: Active -- */
.autoFillActive {fill:#FF0000;opacity:0.9;}

/* -- Auto Back: Disabled -- */
.autoFillDisabled {fill:#000000;opacity:0.4;}

/* -- Auto Back: Active Disabled -- */
.autoFillActiveDisabled {fill:#FF0000;opacity:0.4;}

/* -- Auto Icon -- */
.autoIconFill {fill:#5e0404;}

/* -- Auto Icon Shadow -- */
.autoIconShadow {fill:#000000;}

/* -- Auto Hit -- */
.autoHit {opacity:0;}


/* -- Auto Back -- */
.autoFill {fill:#000000;opacity:0.9;}


/*   D E S K T O P																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Auto Icon -- */
.panel-desktop .autoIconFill {fill:#ffdb4d;}

/* -- Auto Icon Shadow -- */
.panel-desktop .autoIconShadow {fill:#000000;}










/* ######################################################################################################### */
/* 6. BET CONTROL																							 */
/* ######################################################################################################### */


/*   P O R T R A I T / L A N D S C A P E																	 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Outer Ring -- */
.betControlBack {fill:#ffffff;opacity:0.2;}

/* -- Outer Ring Border -- */
.betControlBackBorder {fill:none;stroke:#ffffff;stroke-miterlimit:10;stroke-width:1;}

/* -- Border -- */
.betControlBorder {fill:none;stroke:#ffffff;stroke-miterlimit:10;stroke-width:0;}

/* -- Back Color -- */
.betControlFill {fill:#000000;opacity:1;}

/* -- Icon -- */
.betControlIconFill {fill:#ffffff}

/* -- Disabled Icon -- */
.betControlIconDisabledFill {fill:#999999;}

/* -- Icon Shadow -- */
.betControlIconShadow {fill:#000000;}

/* -- Shine -- */
.betControlShine {opacity:0.4;fill:#FFFFFF;}

/* -- Hit -- */
.betControlHit {fill:#ffffff;opacity:0;}

/* -- Bet Icon Fill -- */
.mobileBetIconFill{fill:#ffcc00;}

/* -- Bet Icon Fill Disabled -- */
.mobileBetIconDisabledFill{opacity:0.6; fill:white;}

/* -- Bet Icon Shadow -- */
.mobileBetIconShadow{fill:black;}

/* -- Bet Back -- */
.mobileBetBack{fill:black; opacity:0.5;}


/*   D E S K T O P																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- PM Ring Fill -- */
.desktopPMBorderFill{fill:#ffdb4d;}

/* -- PM Ring Disabled Fill -- */
.desktopPMBorderDisabledFill{fill:#ffdb4d; opacity:0.6;}

/* -- PM Back Fill -- */
.desktopPMBackFill{fill:#ff0000;}

/* -- PM Back Disabled Fill -- */
.desktopPMBackDisabledFill{fill:#ff0000; opacity:0.6;}

/* -- PM Back Shadow -- */
.desktopPMShadow{fill:#000000;}

/* -- PM Icon Fill -- */
.desktopPMIconFill{fill:#ffdb4d;}

/* -- PM Icon Disabled Fill -- */
.desktopPMIconDisabledFill{fill:#ffdb4d; opacity:0.6;}

/* -- PM Icon Shadow -- */
.desktopPMIconShadow{fill:#000000;}

/* -- PM Hit -- */
.desktopPMHit{fill:#ffffff;opacity:0;}










/* ######################################################################################################### */
/* 7. OPTIONS MENU																							 */
/* ######################################################################################################### */


/* -- Start Button -- */
.optionsButton{}

/* -- Options Icon -- */
.optionsIconFill {fill:white;}

/* -- Options Icon Shadow -- */
.optionsIconShadow {fill:#000000;}

/* -- Options Icon Hit -- */
.optionsIconHit {fill:#ffffff;opacity:0;}

/* -- Options Close Icon -- */
.optionsIconClose {fill:#ffcc00;}

/* -- Options Close Icon Shadow -- */
.optionsIconCloseShadow {fill:black;}

/* -- Options Menu Back -- */
.panel-landscape .optionsMenu, .panel-portrait .optionsMenu{/*background:#3c0303;*/}

/* -- Options Close Back -- */
.panel-landscape .optionsClose, .panel-portrait .optionsClose{/*background:#650000;*/}

/* -- Options Menu Background -- */
.optionsHolder{background:rgba(0,0,0,1);}










/* ######################################################################################################### */
/* 8. AUTOPLAY MENU																							 */
/* ######################################################################################################### */


/* -- Menu Icon -- */
/*.autoMenuIconFill {fill:white;}*/

/* -- Menu Icon Shadow -- */
.autoMenuIconShadow {fill:black;}

/* -- Menu Close Icon -- */
.autoCloseIconFill {fill:#ffcc00;}

/* -- Auto Menu Back -- */
.autoMenu {background: #3c0303;}

/* -- Auto Close Back -- */
.autoClose {background:#650000;}

/* -- Number Color -- */
.autoplay-item {font-family:BrandonBlack; color:white;}

/* -- Auto Info Front -- */
.autoInfoFront{fill:#ffffff;}

/* -- Auto Info Back -- */
.autoInfoShadow{fill:#000000;}

/*-- Auto Menu Background -- */
.autoOptions{background: rgba(0, 0, 0, 0.90);}

/* -- Auto Menu Background - DESKTOP -- */
.panel-desktop .autoOptions{background:rgb(60, 3, 3); border-radius:13px;}

/* -- Auto Menu Title -- */
.autoLabel{font-family: Microsoft YaHei, 微软雅黑体, Droid, Helvetica; font-weight:bold; color: #ffcc00;}

/* -- Auto Fastplay Label -- */
.custom-box-desktop .onoff-label, .custom-box-portrait .onoff-label, .custom-box-landscape .onoff-label{font-family: Microsoft YaHei, 微软雅黑体, Droid, Helvetica; font-weight:bold; color: #ffcc00;}

/* -- Auto Start Btn Label -- */
#auto-start{font-family: Microsoft YaHei, 微软雅黑体, Droid, Helvetica; font-weight:bold; text-align:center;}
 









/* ######################################################################################################### */
/* 9. DESKTOP: SETTINGS BUTTON	/ INFO BUTTON / GAMBLE BUTTON																								 */
/* ######################################################################################################### */


/* -- Button Back Fill (gradient - RED) -- */
.bb1{stop-color:#640D0D;} .bb2{stop-color:#7D1617;} .bb3{stop-color:#931B1D;} .bb4{stop-color:#9B1C1F;} .bb5{stop-color:#A31D21;} .bb6{stop-color:#AC1E23;} .bb7{stop-color:#AF1F23;}

/* -- Button Back Fill (gradient - LIGHT BLUE) -- */
/*.bb1{stop-color:#0d4264;} .bb2{stop-color:#16507d;} .bb3{stop-color:#1b5c93;} .bb4{stop-color:#1c649b;} .bb5{stop-color:#1d69a3;} .bb6{stop-color:#1e6bac;} .bb7{stop-color:#1e72ac;}*/

/* -- Button Back Border -- */ 
.panelButtonBorder{fill:#FDD814;}
 









/* ######################################################################################################### */
/* 10. FREE GAMES																							 */
/* ######################################################################################################### */
 

/* -- Back Color & Border -- */
.fgBack{fill:black; fill-opacity: 0.7; stroke:#FDD814; stroke-width:9; stroke-miterlimit:10;}

/* -- Horizontal Line -- */
.fgLine{fill:none; stroke:#FDD814; stroke-width:9; stroke-miterlimit:10;}

/* -- Retrigger Back -- */
.fgBadge{fill:#ff0000;}

/* -- Shadow -- */
.fgShadow{fill:none; stroke:#000000; stroke-width:9; stroke-miterlimit:10;}

/*-- Label -- */
.freeLabel{font-family:Microsoft YaHei, 微软雅黑体, Droid, Helvetica; color:#ffcc00; text-shadow: 0px 1px 1px rgba(0, 0, 0, 1); font-weight:bold;}

/* -- Value -- */
.freeValue{font-family:BrandonBlack; color:white; text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);}

/* -- Retrigger Value -- */
.retriggerValue{font-family:BrandonBlack; color:white; text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);}










/* ######################################################################################################### */
/* 11. FASTPLAY	 BTN																						 */
/* ######################################################################################################### */


/* -- Shine -- */
.iconFastplayShine{fill:white; opacity:0.24;}

/* -- Circle Fill -- */
.iconFastplayFill{fill:black;}

/* -- Outer Border -- */
.iconFastplayBorder{fill:none;stroke:#ffffff; stroke-miterlimit:10;stroke-width:6;}

/* -- Outer Back -- */
.iconFastplayBack{fill:white; opacity:0.4;}



















/* -------------------------------------------------------------------------------------------------------- */
/*																											*/
/*  	_  __   _  _____   ____   _____    ____    ____    ____   ____										*/
/*  	|  | \  |  |___   |    |  |____|  |____|  |  __   |___    |___										*/
/*  	|  |  \_|  |      |____|  |       |    |  |____|  |____   ____|										*/
/*																											*/
/*																											*/
/* -------------------------------------------------------------------------------------------------------- */


/*
/* 		infoStyle.css | FORTUNE DRAGON 
/* 
/* 		1. COMMON
/* 		2. PAYOUTS
/* 		3. PAYLINES
/* 		4. WIN WAYS
/* 		5. INFO BOX
/* 		6. FEATURES
/* 		7. RULES
/* 		8. GAMBLE
*/




















/* ######################################################################################################### */
/* 1. COMMON																								 */
/* ######################################################################################################### */

.back-style{background: rgba(22, 10, 10, 0.53); border-top: 2px solid yellow; border-bottom: 2px solid yellow;}


/*   L A N D S C A P E 																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* IE10+ CSS styles go here */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* -- Info Back -- */
	.info-parts-landscape{background:rgba(79, 3, 3, 0.33);}
}

/* -- Info Back -- */
.info-parts-landscape {/*background:rgba(79, 3, 3, 0.62);*/}

/* -- Slider Selected Dot -- */
.info-parts-landscape .dot-selected{background-color:#ffcc00;}

/* -- Slider Dot -- */
.info-parts-landscape .dot{background-color:#66d6ff;}


/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Info Back -- */
.info-parts-portrait{/*background:rgba(79, 3, 3, 0.62);*/}

/* -- Slider Selected Dot -- */
.info-parts-portrait .dot-selected{background-color:#ffcc00;}

/* -- Slider Dot -- */
.info-parts-portrait .dot{background-color:#66d6ff;}


/*   D E S K T O P   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Info Back -- */
.info-parts-desktop{/*background:rgba(79, 3, 3, 0.62);*/}

/* -- Slider Selected Dot -- */
.info-parts-desktop .dot-selected{background-color:#ffcc00;}

/* -- Slider Dot -- */
.info-parts-desktop .dot{background-color:#66d6ff;}










/* ######################################################################################################### */
/* 2. PAYOUTS																								 */
/* ######################################################################################################### */


/*   L A N D S C A P E 																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Sym Holder -- */
.site-content-landscape .sym-holder{background: rgba(0, 0, 0, 0.55); border-top: 2px solid yellow; border-bottom: 2px solid yellow;/*background: #210000;border-bottom: solid 2px #ff3636;*/}

/* -- Each Pay -- */
.site-content-landscape .sym-pays{font-family: BrandonBlack; text-align: left; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);}


/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Sym Holder -- */
.site-content-portrait .sym-holder{background: rgba(0, 0, 0, 0.55); border-top: 1px solid yellow; border-bottom: 1px solid yellow;/*background: #210000;border-bottom: solid 2px #ff3636;*/}

/* -- Each Pay -- */
.site-content-portrait .sym-pays{font-family: BrandonBlack; text-align: left; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);}


/*   D E S K T O P   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Sym Holder -- */
.site-content-desktop .sym-holder{background: rgba(0, 0, 0, 0.55); border-bottom: solid 2px #ff3636;}

/* -- Each Pay -- */
.site-content-desktop .sym-pays{font-family: BrandonBold; text-align: left; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);}










/* ######################################################################################################### */
/* 3. PAYLINES																								 */
/* ######################################################################################################### */


/*   10 LINES			  */
/* ********************** */

/* -- Cells Holder -- */
.site-content-portrait .grid-reels-holder-10,
.site-content-landscape .grid-reels-holder-10 {background: #FFC107; box-shadow: 1px 2px 9px #000000; border-radius: 3px; border: 3px solid #FFcc00;}

/* -- Cell Regular Color -- */
.site-content-portrait .grid-cell-10, .site-content-landscape .grid-cell-10 {background-color:#ffffff;} 

/* -- Cell Win Color -- */
/*.site-content-portrait .grid-cell-win, .site-content-landscape .grid-cell-win{background-color: #673AB7;} */




/*   25 LINES			  */
/* ********************** */

/* -- Cell Regular Color -- */
.site-content-portrait .grid-cell-25, .site-content-landscape .grid-cell-25 {background-color:#a50000;} 

/* -- Cell Win Color -- */
.site-content-portrait .grid-cell-win, .site-content-landscape .grid-cell-win{background-color: #ffcc00;} 


/*   50 LINES			  */
/* ********************** */

/* -- Cell Regular Color -- */
.site-content-portrait .grid-cell-50, .site-content-landscape .grid-cell-50 {background-color:#a50000;} 

/* -- Cell Win Color -- */
.site-content-portrait .grid-cell-win, .site-content-landscape .grid-cell-win{background-color: #ffcc00;} 


/*   C O M M O N	   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Payline Number -- */
.line-number-font {color:#ffcc00; font-family:BrandonBlack;}

/* -- Grid Back Color -- */
.grid-back-color{/*background: #210000; border-bottom:2px solid #ff3636;*/}



/* -- Cell Win Color -- */
.site-content-portrait .grid-cell-win, .site-content-landscape .grid-cell-win{background-color: #e41f15;} 



/* ######################################################################################################### */
/* 4. WIN WAYS																								 */
/* ######################################################################################################### */

/* -- Ways Regular Cell -- */
.ways-cell{background:#b50909;}

/* -- Ways Winning Cell -- */
.ways-cell-win{background:#ffcc00;}

/* -- Ways Grid Background Color -- */
.grid-ways-background{background: #3c0303; border-bottom: 2px solid red;}

/* -- Ways Info Font -- */
.ways-info-font{font-family:Microsoft YaHei, 微软雅黑体, Droid, Helvetica; color:#FBF484; font-weight:bold;}

/* -- Ways Title Font -- */
.ways-title-font{font-family:Microsoft YaHei, 微软雅黑体, Droid, Helvetica; color:white; font-weight:bold;}

/* -- Ways Reels Font -- */
.ways-reels-font{font-family:Microsoft YaHei, 微软雅黑体, Droid, Helvetica; color:white; font-weight:bold;}

/* -- Ways Positions Font -- */
.ways-positions-font{font-family:BrandonBold; color:white;}

/* -- Ways Total Font -- */
.ways-total-font{font-family:BrandonBlack; color:white;}










/* ######################################################################################################### */
/* 5. INFO BOX																								 */
/* ######################################################################################################### */


/*   C O M M O N	   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Info Font -- */
.info-box-font{font-family: Microsoft YaHei, 微软雅黑体, Droid, Helvetica; font-weight:bold; text-transform:uppercase; color: #ffedbb; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);}

/* -- Info Back Style  -- */
.back-style-1, 
.back-style-2,
.back-style-3,
.back-style-4,
.back-style-5,
.back-style-6 {background: rgba(0, 0, 0, 0.55);}

/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Valign -- */
.site-content-portrait .vAlign {display:table-cell; vertical-align:middle; padding-left:24px; padding-right:24px;}


/* -- Image Info Text -- */
.site-content-portrait .picInfo{/*background:#210000;  border-bottom: 2px solid #ff3636;*/ margin:auto; border-radius:12px;}


/*   L A N D S C A P E 																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Valign -- */
.site-content-landscape .vAlign {display:table-cell; vertical-align:middle;}

/* -- Image Info Text -- */
.site-content-landscape .picInfo{/*background:#210000; border-bottom:2px solid #ff3636;*/ width:430px; margin:auto; border-radius:12px; /* height: 55px; */ padding-top:10px; padding-right:10px; padding-bottom:10px; padding-left:10px;}







/* ######################################################################################################### */
/* 6. FEATURES																								 */
/* ######################################################################################################### */


/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Features Text Line -- */
/*.site-content-portrait .features-info-line {line-height:12px; font-size:12px; margin-bottom:6px;}*/

/* -- Features Image 1 Holder -- */
.site-content-portrait .features-image-1-holder{/*background:rebeccapurple;*/ width:249px; height:140px; margin:auto; margin-bottom:5px;}

/* -- Features Image 1 -- */
.site-content-portrait .features-image-1 {transform: scale(0.65); transform-origin:left top; margin:auto;
/*-webkit-box-shadow: 6px 6px 29px 1px rgba(0,0,0,0.75); -moz-box-shadow: 6px 6px 29px 1px rgba(0,0,0,0.75); box-shadow: 6px 6px 29px 1px rgba(0,0,0,0.75);*/}


/* -- Features Image Title Holder -- */
.site-content-portrait .features-image-title2-holder{width: 95px; height: 41px; margin: auto;
}

/* -- Features Image Title -- */
.site-content-portrait .features-image-title2r{transform: scale(0.7); transform-origin: -80px 10px;}
	
	









/* ######################################################################################################### */
/* 7. RULES																									 */
/* ######################################################################################################### */


/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Rules Text Line -- */
/*.site-content-portrait .rules-info-line {font-size:14px; line-height:15px; margin-bottom:14px;}*/










/* ######################################################################################################### */
/* 8. GAMBLE																								 */
/* ######################################################################################################### */


/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Gamble Text Line -- */
/*.site-content-portrait .gamble-info-line {font-size:14px; line-height:15px; margin-bottom:14px;}*/

/* -- Gamble Image 1 Holder -- */
.site-content-portrait .gamble-image-1-holder{/*background:rebeccapurple;*/ width:301px; height:186px; margin:auto; margin-bottom:10px;}

/* -- Gamble Image 1 -- */
.site-content-portrait .gamble-image-1 {transform: scale(0.63); transform-origin:left top; margin:auto;
/*-webkit-box-shadow: 6px 6px 29px 1px rgba(0,0,0,0.75); -moz-box-shadow: 6px 6px 29px 1px rgba(0,0,0,0.75); box-shadow: 6px 6px 29px 1px rgba(0,0,0,0.75);*/}










/* ######################################################################################################### */
/* 9. SPACINGS																								 */
/* ######################################################################################################### */


/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Gamble SPACE -- */
.site-content-portrait .gamble-space{height:0px;}

/* -- Rules SPACE -- */
.site-content-portrait .rules-space{height:0px;}

/* -- Features SPACE -- */
/*.site-content-portrait .features-space{height:10px;}*/




















/* -------------------------------------------------------------------------------------------------------- */
/*																											*/
/*		 _____   ____  _____  _____  _   __   _    ____   ____												*/
/*		 |___   |___     |      |    |   | \  |   |  __   |___ 												*/
/*		 ____|  |____    |      |    |   |  \_|   |____|  ____|												*/
/*																											*/
/*																											*/
/* -------------------------------------------------------------------------------------------------------- */


/*
/* 		settingsStyle.css | FORTUNE DRAGON 
/* 
/* 		1. BACKGROUND
/* 		2. TITLE
/* 		3. SITE ICON
/*		4. MENU
/*		5. COMPONENT: PLUS/MINUS
/*		6. COMPONENT: ON/OFF
/*		7. HISTORY TABLE		
/*		8. HISTORY SCROLLER	
/*		9. OTHER
*/




















/* ######################################################################################################### */
/* 1. BACKGROUND																							 */
/* ######################################################################################################### */


/* -- Settings Background -- */
.settings-desktop {background-color: rgb(60, 3, 3);}

.settings-landscape {background-color: rgba(0, 0, 0, 0.9);}

.settings-portrait {background-color: rgba(0, 0, 0, 0.9);}










/* ######################################################################################################### */
/* 2. TITLE																									 */
/* ######################################################################################################### */


/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Settings Title -- */
.settings-title-landscape {/*background:red;*/color:#ffcc00; font-family:Microsoft YaHei, 微软雅黑体, Droid, Helvetica; font-weight:bold; font-size:62px; text-transform:uppercase; text-align:left; height:102px; line-height:102px; border-bottom:2px solid #ffcc00; text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);}


/*   P O R T R A I T																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Settings Title -- */
.settings-title-portrait {/*background:red;*/color:#ffcc00; font-family:Microsoft YaHei, 微软雅黑体, Droid, Helvetica; font-weight:bold; border-bottom:1px solid #ffcc00; text-transform:uppercase; text-align:left; text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);}


/*   D E S K T O P																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Settings Title -- */
.settings-title-desktop {/* background: red; */color: #ffcc00; font-family: Microsoft YaHei, 微软雅黑体, Droid, Helvetica; font-weight:bold; text-transform: uppercase; text-align: left;  border-bottom: 2px solid #ffcc00; text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);}










/* ######################################################################################################### */
/* 3. SITE ICON																								 */
/* ######################################################################################################### */


/* -- Settings Site Icon -- */
.settings-site-icon {fill:#ffcc00;}

/* -- Settings Site Icon Shadow -- */
.settings-site-icon-shadow {/*display:none;*/ fill:black;}










/* ######################################################################################################### */
/* 4. MENU																									 */
/* ######################################################################################################### */


/* -- Icon -- */
.settings-menu-icon{fill:rgba(255,255,255,0.6);}

/* -- Icon Shadow -- */
.settings-menu-icon-shadow{fill:black;}

/* -- Icon: Selected -- */
.settings-menu-icon-select{fill:#ffffff;}

/* -- Icon Shadow: Selected -- */
.settings-menu-icon-shadow-select{fill:black;}

/* -- Close Icon -- */
.settings-close-icon{fill:#ffcc00;}

/* -- Close Icon Shadow -- */
.settings-close-shadow{fill:black;}

/* -- Item Selected -- */
.settings-item-selected {/*background-color: #ffcc00;*/}

/* -- Item Close Background -- */
.settings-item-close-back{/*background:#650000;*/}

/* -- Item Background -- */
.settings-item-back{/*background:#820606;*/}










/* ######################################################################################################### */
/* 5. COMPONENT: PLUS/MINUS																					 */
/* ######################################################################################################### */


/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Stepper Label: 2 cols -- */
.setting-box-landscape .pm-label{color:white; font-family:Microsoft YaHei, 微软雅黑体, Droid, Helvetica; font-size:34px; line-height:60px; font-weight:bold; text-shadow:1px 1px 2px rgba(0, 0, 0, 1);}

/* -- Stepper Label: 1 col -- */
.setting-box-single-landscape .pm-label{color:#ffcc00; font-family:Microsoft YaHei, 微软雅黑体, Droid, Helvetica; font-size:34px; line-height:60px; text-shadow:1px 1px 2px rgba(0, 0, 0, 1); font-weight:bold;}

/* -- Stepper Value: 2 cols -- */
.setting-box-landscape .pm-value{color:white; font-family:BrandonBlack; font-size:34px; text-align:center;}

/* -- Stepper Value: 1 col -- */
.setting-box-single-landscape .pm-value{color:#ffcc00; font-family:BrandonBlack; font-size:34px; text-align:center; position:relative;}


/*   D E S K T O P																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Stepper Label: Portrait -- */
.setting-box-desktop .pm-label{font-family:Microsoft YaHei, 微软雅黑体, Droid, Helvetica; font-size:24px; color:#ffcc00; text-shadow:1px 1px 2px rgba(0, 0, 0, 1); font-weight:bold;}

/* -- Stepper Value: Portrait -- */
.setting-box-desktop .pm-value{font-family:BrandonBlack; color:#ffcc00; font-size:30px;}


/*   P O R T R A I T																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Stepper Label: Portrait -- */
.setting-box-portrait .pm-label{color:#ffcc00; font-family:Microsoft YaHei, 微软雅黑体, Droid, Helvetica; text-shadow:1px 1px 2px rgba(0, 0, 0, 1); font-weight:bold;} 

/* -- Stepper Value: Portrait -- */
.setting-box-portrait .pm-value{color:#ffcc00; font-family:BrandonBlack;}


/*   C O M M O N  																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Plus/Minuns Background: Enabled -- */
.pmEnabled {fill:#b50707; opacity:1;}

/* -- Plus/Minuns Background: Disabled -- */
.pmDisabled {fill:#200100; opacity:1;}

/* -- Plus/Minus Border -- */
.pmRingFill {fill:#ffcc00; opacity:1;}

/* -- Plus/Minus Shadow -- */
.pmRingShadow {fill:#000000; opacity:1;}

/* -- Plus/Minus Icon -- */
.pmIconFill {fill:#ffcc00;}

/* -- Plus/Minus Icon Disabled -- */
.pmIconFillDisabled {fill:#9b7b1b;}

/* -- Plus/Minus Icon Shadow -- */
.pmIconShadow {fill:black;}

/* -- Infinity Fill -- */
.inf_front{fill:#ffcc00;}

/* -- Infinity shadow -- */
.inf_shadow{fill:black;}







/* ######################################################################################################### */
/* 6. COMPONENT: ON/OFF																						 */
/* ######################################################################################################### */


/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- On / Off Label -- */
.setting-box-landscape .onoff-label{font-family: Microsoft YaHei, 微软雅黑体, Droid, Helvetica; color: #ffcc00; font-size: 34px;  line-height: 50px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); font-weight:bold; }

/* -- On / Off Label -- */
.setting-box-single-landscape .onoff-label {font-family: Microsoft YaHei, 微软雅黑体, Droid, Helvetica; color: #ffcc00; font-size: 34px;  line-height: 50px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); font-weight:bold;}


/*   D E S K T O P																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- On / Off Label -- */
.setting-box-desktop .onoff-label{font-family:Microsoft YaHei, 微软雅黑体, Droid, Helvetica; font-size:24px; color:#ffcc00; font-weight:bold; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);}


/*   P O R T R A I T																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- On / Off Label -- */
.setting-box-portrait .onoff-label{font-family: Microsoft YaHei, 微软雅黑体, Droid, Helvetica; color: #ffcc00; font-weight:bold; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);}


/*   C O M M O N  																							 */
/* --------------------------------------------------------------------------------------------------------- */


/* -- On/Off Background ON -- */ /* DOESN'T WORK */
.toggleOn {fill:#00ff00;}

/* -- On/Off Background OFF -- */ /* DOESN'T WORK */
.toggleOff {fill:#ff0000;}

/* -- On/Off Border -- */
.toggleBorder {fill:#ffcc00;}

/* -- On/Off Shadow -- */
.toggleShadow {fill:black;}

/* -- On/Off Slider -- */
.toggleSliderFill {fill:#ffcc00;}

/* -- On/Off Slider Shadow -- */
.toggleSliderShadow {fill:black;}










/* ######################################################################################################### */
/* 7. HISTORY TABLE																							 */
/* ######################################################################################################### */


/* -- Header -- */
.h-header-colors{/*background:#650000!important;*/ color: #ffcc00!important;}

/* -- History Table Holder -- */
#history-table-holder{font-family:Microsoft YaHei, 微软雅黑体, Droid, Helvetica; font-weight:bold;}

/* -- Part Value -- */
.h-part-value{font-family: BrandonBold;}

/* -- Server Time -- */
.item-servertime{font-family: BrandonBold;}

/* -- Round ID -- */
.round-id{font-family: BrandonBold;}

/* -- Row Even -- */
/*#history-table .history-row:nth-child(even) {background-color: orange; color: #6d1f1f;}*/

/* -- Row Odd -- */
/*#history-table .history-row:nth-child(odd) {background-color: #530707; color: wheat;}*/

/* -- Table Row -- */
#history-table .history-row{color: wheat; background-color: #731a1a; margin-top: 6px; margin-bottom: 6px;}

/* -- Partial Item Label -- */
.h-part-label{color:#ffcc00;}

/* -- JP Minor -- */
.jp-minor{background: #275f0c; color: white;}
                               
/* -- JP Major -- */           
.jp-major{background: #7f137a; color: white;}
                               
/* -- JP Grand -- */           
.jp-grand{background: #bb0500; color: white;}








/* ######################################################################################################### */
/* 8. HISTORY SCROLLER																						 */
/* ######################################################################################################### */


/* -- Scroll Track -- */
#history-table::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: brown;}

/* -- Scroll -- */
#history-table::-webkit-scrollbar{}

/* -- Scroll Thumb -- */
#history-table::-webkit-scrollbar-thumb{background-color:#ffcc00; border-radius: 50px; border-color:rgb(165, 42, 42);}




















/* -------------------------------------------------------------------------------------------------------- */
/*																											*/
/*   		    _  _____  _____  ____   _____   _    _														*/
/* 		|____|  |  |___     |   |    |  |____|  |____|														*/
/* 		|    |  |  ____|    |   |____|  |   \      |														*/
/*																											*/
/* 																											*/
/* -------------------------------------------------------------------------------------------------------- */


/*
/* 		historyStyle.css | FORTUNE DRAGON 
/* 
/* 		1. COMMON
/* 		2. PLAY BUTTON
/* 		3. CLOSE BUTTON
/*		4. BACK BUTTON
*/




















/* ######################################################################################################### */
/* 1. COMMON																								 */
/* ######################################################################################################### */


/* -- Fader -- */
.history2-desktop .history-fader{background:rgb(60, 3, 3); opacity:1;}

.history2-portrait .history-fader{background:rgba(0, 0, 0, 0.90);}

.history2-landscape .history-fader{background:rgba(0, 0, 0, 0.90);}


/* -- Info Background -- */
.info-back-color{/* background-color: rgba(0,0,0,0.7);*/}

/* -- Bottom Menu -- */
.history-menu{/*background: #820606; border-top: 1px solid #ffcc00;*/}

/* -- Label Color -- */
.history-label-color{color: #ffcc00;}

/* -- Value Color -- */
.history-value-color{color: #ffffff; font-family: BrandonBlack;}

/* -- Info Item -- */
.history-info-item {font-family:Microsoft YaHei, 微软雅黑体, Droid, Helvetica; font-weight:bold; text-transform:uppercase; color:#ffffff;}

/* -- JP Info Badge -- */
.history2-landscape .jp-info-badge,
.history2-portrait .jp-info-badge,
.history2-desktop .jp-info-badge{font-family: BrandonBlack;}










/* ######################################################################################################### */
/* 2. PLAY BUTTON																							 */
/* ######################################################################################################### */


.hPlayOuterBorder{fill:none; /*stroke:#FFFFFF; stroke-miterlimit:10;*/ }

.hplayOuterFill{opacity:0.1; fill:#FFFFFF;}

.hplayShine{opacity:0.3; fill:#FFFFFF;}

.hplayIconPlayFill{fill:#FFCC00;}

.hplayIconPlayShadow{fill:#000000;}

.hplayIconSpinFill{fill:#ffcc00;}

.hplayIconSpinShadow{fill:#000000;}

.hplayInnerBorder{}

.hplayInnerFill{fill:green;}

.historyPlayHit{}










/* ######################################################################################################### */
/* 3. CLOSE BUTTON																							 */
/* ######################################################################################################### */


/* -- Button Icon -- */
.historyCloseIconFront{fill:#ffcc00;}

/* -- Button Icon Shadow -- */
.historyCloseIconShadow{fill: #000000;}

/* -- Background Landscape -- */
.site-history-landscape .history-close{background:#650000;}

/* -- Background Portrait -- */
.site-history-portrait .history-close{background:#860404;}










/* ######################################################################################################### */
/* 4. BACK BUTTON																							 */
/* ######################################################################################################### */


/* -- Button Background -- */
.historyBackBack{fill:#000000;}

/* -- Button Shine -- */
.historyBackShine{fill:#ffffff; opacity: 0.1;}

/* -- Button Icon -- */
.historyBackIconFront{fill:#ffffff;}

/* -- Button Icon Shadow -- */
.historyBackIconShadow{fill: #000000;}










/* ######################################################################################################### */
/* 5. DIALOG																							 */
/* ######################################################################################################### */


/* -- Title -- */
#dialog-title-holder .text {font-family: Microsoft YaHei, 微软雅黑体, Droid, Helvetica; font-weight:bold;}

/* -- Content -- */
#dialog-text-holder .text{font-family: Microsoft YaHei, 微软雅黑体, Droid, Helvetica; font-weight:bold; color: #2f2b2b;}

/* -- Buttons -- */
.dialog_button_text{font-family: Microsoft YaHei, 微软雅黑体, Droid, Helvetica; font-weight:bold;}





















/* ########################################################################################################## */ 
/*  R E S P O N S I V E																					 	  */
/* ########################################################################################################## */ 


/* ######################################################################################################### */
/* --------------------------------------------------------------------------------------------------------- */
/*   Group H // iPad Mini / iPad 1 / iPad 2 / ipad 3 / iPad 4 / Kindle Fire		  							 */
/* --------------------------------------------------------------------------------------------------------- */
/* ######################################################################################################### */

@media screen 
	and (max-width: 768px) and (max-height:1024px) and (orientation:portrait) {
		
	/* -- Bet Label -- */	
	.panel-portrait .bLabel {top: 17px; font-size: 14px;}
}

/* ######################################################################################################### */
/* --------------------------------------------------------------------------------------------------------- */
/*   Group G // iPhone X																					 */
/* --------------------------------------------------------------------------------------------------------- */
/* ######################################################################################################### */

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
	
	/* -- Bet Label -- */
	.panel-portrait .bLabel {top: 14px; font-size: 12px;}
}

/* ######################################################################################################### */
/* --------------------------------------------------------------------------------------------------------- */
/*   Group F // pixel 2 XL / Samsung Galaxy Note8 / Note9 / S9+	/ Xiaomi Pocophone F1						 */
/* --------------------------------------------------------------------------------------------------------- */
/* ######################################################################################################### */
  
@media screen and (min-width: 393px) and (max-width: 414px)	and (min-height: 798px)	and (max-height: 850px)	and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2.6){
	
	/* -- Bet Label -- */
	.panel-portrait .bLabel {top: 14px; font-size: 12px;}	
}

/* ######################################################################################################### */
/* --------------------------------------------------------------------------------------------------------- */
/*   Group E // iPhone 6 / iPhone 6 Plus																	 */
/* --------------------------------------------------------------------------------------------------------- */
/* ######################################################################################################### */

@media screen and (max-width: 360px),(max-width:414px) and (max-height: 640px),(max-height: 736px) and (orientation:portrait){
	
	/* -- Bet Label -- */
	.panel-portrait .bLabel {top: 14px; font-size: 12px;}
		
}

/* ######################################################################################################### */
/* --------------------------------------------------------------------------------------------------------- */
/*   Group D // iPhone 5 / Galaxy S3, S4, S5, S6, S6 Edge, HTC One X, BlackBerry Z10 / LG G5 				 */
/* --------------------------------------------------------------------------------------------------------- */
/* ######################################################################################################### */

@media screen and (max-width: 320px) and (max-height: 568px),(max-height: 640px) and (orientation:portrait){
	
	/* -- Bet Label -- */
	.panel-portrait .bLabel {top: 15px; font-size: 10px;}
	
}

/* ######################################################################################################### */
/* --------------------------------------------------------------------------------------------------------- */
/*   Group C // iPhone 4																					 */
/* --------------------------------------------------------------------------------------------------------- */
/* ######################################################################################################### */

@media screen and (max-width: 320px) and (max-height:480px) and (orientation:portrait) {
	
	/* -- Bet Label -- */
	.panel-portrait .bLabel {.panel-portrait .bLabel {top: 15px; font-size: 10px;}
		
}

/* ######################################################################################################### */
/* --------------------------------------------------------------------------------------------------------- */
/*   Group B // Huawei T3																					 */
/* --------------------------------------------------------------------------------------------------------- */
/* ######################################################################################################### */

	
@media screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.33) and (-webkit-max-device-pixel-ratio: 1.34) and (orientation:portrait){
		
	/* -- Bet Label -- */
	.panel-portrait .bLabel {top: 14px; font-size: 14px;}
	
	/* -- Credit Value Holder -- */
	.panel-portrait #credit-holder-holder{top: 12px;}
	
}

/* ######################################################################################################### */
/* --------------------------------------------------------------------------------------------------------- */
/*   Group A // iPad Pro / iPad Mini 2-4																	 */
/* --------------------------------------------------------------------------------------------------------- */
/* ######################################################################################################### */

  
/* Portrait */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
	
	/* -- Bet Label -- */
	.panel-portrait .bLabel {top: 14px; font-size: 20px;}
}