html, body { width: 100%; height: 100%; padding: 0; margin: 0; }

body { background:#ffffff url('../images/misc/main_background.png') no-repeat center center; background-size: cover; font-family:Helvetica;
    -webkit-touch-callout: none;               /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;            /* prevent webkit from resizing text to fit */
    -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
 }

body.nobg { background:#ffffff; }

/* .body { width:1200px; height:740px; } */

a { text-decoration:none; }

#dark_bg { position:fixed; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.7); display:none; z-index:40; }

#dark_bg_connect { position:fixed; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.7); display:none; z-index:42; }
#connect_message { position:fixed; top:300px; display:block; left:50%; margin-left:-330px; background:url('../images/loader_dark.gif') no-repeat center left; padding-left:80px; color:#000000; font-size:30px; line-height:60px; width:660px; display:none; z-index:43; }

.socket_status { position:fixed; top:5px; left:5px; z-index:99999; color:#000000; overflow:hidden; }
.socket_status span { font-size:16px; display:inline-block; width:200px; white-space:nowrap; }

.button { position:absolute; font-size:24px; text-decoration:none; text-align:center; }

* {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent; /* For some Androids */
}
.button:active {
-webkit-transform: scale3d(0.95, 0.95, 1);
}


.button.gray { width:164px; height:79px; background-image:url('../images/buttons/brown_button.png'); color:#000000; line-height:84px; background-size:100% 100%; }
.button.red { width:280px; color:#000000; line-height:50px; border:2px solid #000000;  background-color:#FFCC00;
-webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px;
 }
.button.white { width:280px; color:#000000; line-height:50px; border:2px solid #000000;  background-color:#FFFFFF;
-webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px;
 }

.button.disabled {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
filter: alpha(opacity=50); /* IE 5-7 */
-moz-opacity: 0.5; /* Netscape */
-khtml-opacity: 0.5; /* Safari 1.x */
opacity: 0.5; /* ... ......... ......... */

  -webkit-transform: initial !important;
 }


#start_win .button.red { background-size:100% 100%; line-height:68px; font-size:30px; }

#start_win { width:610px; margin:0 auto; text-align:center; background:url('../images/logo/menu_logo@2x.png?1') no-repeat center 70px; padding:345px 0 20px; overflow:hidden; }
#start_win .status { position:relative; margin:0 auto; color:#EBEBEB; font-size:22px; padding:20px 0 0; }
#start_win .button { float:left; position:relative; margin:5px; width:290px; background:#ffffff; }
#start_win .button.wide { width:590px; }
#start_win .sys { position:absolute; top:5px; right:5px; }
#start_win .button.resume_game_button { display:none1; }