@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Droid Sans Bold'), local('DroidSans-Bold'), url(../font/EFpQQyG9GqCrobXxL-KRMYWiMMZ7xLd792ULpGE4W_Y.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

html{color:#ffffff;background:#222222;}body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
body {
/*background-color:#AAAAAA;*/
  /*background:url ('../images/bg0.png') 0px 0px repeat;*/
  background-image: url("../images/bg1.png");
}
a{
    color: hotpink;
 }
#container{
    border:0px solid #ffff00;
	width:728px;
	margin:auto;
	height:auto;	
	padding:0px 0px;
	position:relative;
	background-color:transparent;
    box-shadow:0px 0px 20px rgba(0,0,0,0.8);
               /*0px 0px 15px rgba(235,235,255,0.5);*/
	}
#UBO
{
	border:0px solid #ffff00;
	margin:0px;
	width:100%;	
	height:120px;	
	padding:0px 0px;
	position:relative;
	background-color:#000000;
	background:url('../images/UBOd.png') 0px 0px;
	/*z-index:1;*/
}
#UBOBIG2
{
	border:0px solid #ffff00;
	margin:0px;
	width:100%;	
	height:420px;	
	padding:0px 0px;
	position:relative;
	background-color:#000000;
	/*background:url('../images/UBO2.png') 0px 0px;*/
	/*z-index:1;*/
}	
#UBOBIG2 .APPTITLE
{
	border:0px solid #ffff00;
	margin:0px;
	width:100%;	
	height:50px;	
	padding-top:12px;
	padding-left:20px;
	position:relative;
	background-color:#C40000;
	text-decoration: 		none;
	box-sizing: border-box;
  text-align :          left;
  font: 				24px/1em 'Microsoft JhengHei','Droid Sans', sans-serif;
  font-weight: 			bold;
  text-shadow: 			2px 0px 13px rgba(0, 0,0, 1);
  color:                white;
  /*display: table;
  margin-right: auto;
  margin-left: auto;*/
  -webkit-user-select: 	none;  
          user-select:  none;   
       pointer-events:  none;
}
#UBOBIG2 .APPSCREEN
{
	border:1px solid #333333;
	margin:0px;
	width:700px;	
	height:350px;	
	padding:8px;
	position:absolute;
	background-color:#000000;	
	box-sizing: border-box;
    background-size: cover;
}	
#UBOTEST
{
	border:0px solid #ffff00;
	margin:0px;
	width:100%;	
	height:100px;	
	padding:0px 0px;
	position:relative;
	background-color:#ffffff;
	align:center;
	/*background:url('../images/UBO2.png') 0px 0px;*/
	/*z-index:1;*/
}	
#UBOFB
{
	border:0px solid #ffff00;
	margin:0px;
	width:100%;	
	height:100px;	
	padding:0px 0px;
	position:relative;
	background-color:#ffffff;
	align:center;
	/*background:url('../images/UBO2.png') 0px 0px;*/
	/*z-index:1;*/
}	
#UBO3GS
{
	border:0px solid #ffff00;
	margin:0px;
	width:100%;	
	height:560px;	
	padding:0px 0px;
	position:relative;
	background-color:#000000;
	/*background:url('../images/UBO2.png') 0px 0px;*/
	/*z-index:1;*/
}
#UBO3GS .APP3TITLE
{
	border:0px solid #ffff00;
	margin:0px;
	width:100%;	
	height:50px;	
	padding-top:12px;
	padding-left:20px;
	position:relative;
	background-color:#C40000;
	text-decoration: 		none;
	box-sizing: border-box;
  text-align :          left;
  font: 				24px/1em 'Microsoft JhengHei','Droid Sans', sans-serif;
  font-weight: 			bold;
  text-shadow: 			2px 0px 13px rgba(0, 0,0, 1);
  color:                white;
  /*display: table;
  margin-right: auto;
  margin-left: auto;*/
  -webkit-user-select: 	none;  
          user-select:  none;   
       pointer-events:  none;
}
#UBO3GS .APP3SCREEN
{
	border:1px solid #333333;
	margin:0px;
	width:300px;	
	height:500px;	
	padding:8px;
	position:absolute;
	background-color:#000000;	
	box-sizing: border-box;
    background-size: cover;
}
#UBO7PK
{
	border:0px solid #ffff00;
	margin:0px;
	width:100%;	
	height:560px;	
	padding:0px 0px;
	position:relative;
	background-color:#000000;	
}
#UBO7PK .APP7SCREEN
{
	border:1px solid #333333;
	margin:0px;
	width:300px;	
	height:500px;	
	padding:8px;
	position:absolute;
	background-color:#000000;	
	box-sizing: border-box;
    background-size: cover;
}	
#UBO13CARDS
{
	border:0px solid #ffff00;
	margin:0px;
	width:100%;	
	height:420px;	
	padding:0px 0px;
	position:relative;
	background-color:#000000;
	/*background:url('../images/UBO2.png') 0px 0px;*/
	/*z-index:1;*/
}	
#UBO13CARDS .APPTITLE
{
	border:0px solid #ffff00;
	margin:0px;
	width:100%;	
	height:50px;	
	padding-top:12px;
	padding-left:20px;
	position:relative;
	background-color:#C40000;
	text-decoration: 		none;
	box-sizing: border-box;
  text-align :          left;
  font: 				24px/1em 'Microsoft JhengHei','Droid Sans', sans-serif;
  font-weight: 			bold;
  text-shadow: 			2px 0px 13px rgba(0, 0,0, 1);
  color:                white;
  /*display: table;
  margin-right: auto;
  margin-left: auto;*/
  -webkit-user-select: 	none;  
          user-select:  none;   
       pointer-events:  none;
}

#UBO13CARDS .APPSCREEN
{
	border:1px solid #333333;
	margin:0px;
	width:700px;	
	height:350px;	
	padding:8px;
	position:absolute;
	background-color:#000000;	
	box-sizing: border-box;
    background-size: cover;
}
.PLAYIND
{ 
  border:0px solid #ffff00;
  top:5px;
  left:478px;
  margin:0px;
  width:100px;	
  height:39px;	
  padding:0px 0px;
  position:absolute;
  background-color:transparent;
  -webkit-transform-style: preserve-3d;
  -webkit-transform: translate3d(0,0,0);  
  -webkit-perspective: 0;
 /* background:url("../images/7pkheader3.png") 0px 0px no-repeat;*/
  /*z-index:500;*/
  -webkit-user-select: 	none;  
       pointer-events:  none;
}
.adBanner
{
	border:0px solid #ffff00;
	margin:0px;
	width:100%;	
	height:90px;	
	padding:0px 0px;
	position:relative;
	background-color:#000000;
	/*z-index:1;*/
}

 
 .backBoard {
    text-align :            center;
    text-decoration: 		none;
	font: 					24px/1em 'Droid Sans', sans-serif;
	font-weight: 			bold;
	text-shadow: 			rgba(0,0,0,.5) 0 1px 0;
	color:                  #c8c8c8;    
    border:0px solid #ffff00;	
	top:725px;
	left: 0px;
	width:728px;	
	height:550px;	
	position:absolute;
	margin:0px;
	padding:0px;
	background-color:  #FFFF00;
	background:url('../images/backboard.png') 0px 0px;
	z-index:900;
 }
 
 .hintcanvas
 {
	top:220px;
	left:20px; 
	/*width:728px;
	height:390px;	*/
	position:absolute;	
	background-color:transparent;
	display:none;
	z-index:999999;	
	opacity:1;
	
	pointer-events    :    none;
    -webkit-user-select: 	none;
	-moz-user-select   :	none;
	user-select        :	none;
	
	
 }
 
 
.cardnum {
    text-align :            center;
    text-decoration: 		none;
	font: 					24px/1em 'Droid Sans', sans-serif;
	font-weight: 			bold;
	text-shadow: 			rgba(0,0,0,.5) 0 1px 0;
	color:                  #c8c800;    
    border:0px solid #ffff00;	
	top:80px;
	left: 30px;
	width:30px;	
	height:24px;	
	position:absolute;
	margin:0px;
	padding:0px;
	background-color:  transparent;
	z-index:1;
 } 
 .cardcomment {
    font-family:Verdana, Taipei, "新細明體"; /* Helvetica, Arial, "微軟正黑體", sans-serif; */
	font-size: 15px;
    line-height: 18px; 
    color: #c8c8c8;
    text-decoration: none; 
    font-weight: none;
    text-shadow:0 1px 3px rgba(0, 0, 0, 0.8);
    text-align :left;   
	/*color:                  #c8c8c8;    */
    border:0px solid #ffff00;	
	top:83px;
	left: 350px;
	width:390px;	
	height:162px;	
	position:absolute;
	margin:0px;
	padding:2px;
	background-color: #111111;
	z-index:2;
 } 
 .gametactics {
    font-family:Verdana, Taipei, "新細明體"; /* Helvetica, Arial, "微軟正黑體", sans-serif; */
	font-size: 15px;
    line-height: 18px; 
    color: #c8c8c8;
    text-decoration: none; 
    font-weight: none;
    text-shadow:0px 1px 3px rgba(0, 0, 0, 0.2);
    text-align :left;   
	/*color:                  #c8c8c8;    */
    border:0px solid #00ff00;	
	top:2px;
	left: 490px;
	width:282px;	
	height:543px;	
	position:absolute;
	margin:0px;
	padding:3px;
	background-color: #f8f8f8;
	z-index:2;
 } 
 .rulestable {
    font-family:Verdana, Taipei, "新細明體"; /* Helvetica, Arial, "微軟正黑體", sans-serif; */
	font-size: 20px;
    line-height: 22px; 
    color: #c8c8c8;
    text-decoration: none; 
    font-weight: none;
    text-shadow:0 1px 3px rgba(0, 0, 0, 0.8);
    text-align :center;   
	/*color:                  #c8c8c8;    */
    border:0px solid #00ca00;	
	top:640px;
	left: 15px;
	width:760px;	
	height:auto;
	position:absolute;
	margin:0px;
	padding:2px;
	background-color: #111111;
	z-index:2;
 } 
.smallpoker {
	/*position:relative;*/
	border-radius:5px;
	border:0px solid #00ca00;
	position:absolute;
	display:none;
    top:0px;	
	left:0px;
	width:60px;
	height:83px;
	background-color:transparent;
	/*box-shadow : 0 0 12px  #111111;*/
	/*box-shadow : 0 0 12px  #2C2C2C;*/	
	z-index:5000;
	-webkit-background-size: cover;
	background-size: cover;
	-webkit-filter: sepia(60%);
}
/*.tableDiv {    
	border:0px solid #ffff00;
	top:0px;
	left:0px;
	width:800px;	
	height:150px;	
	position:absolute;
	margin:0px;
	padding:0px;	
	} */
#loading {  
  left:14px;
  top:500px;
  width:700px;
  height:120px;	
  border:0px solid #ffff00;
  padding:0px 0px;
  position:relative;
  background-color:#ffffff;
  position:absolute;  
  margin:auto;	
	/*position:relative;*/
  background-color:  transparent;
  z-index:9999;
}
#progress {
  font-size: 50px;
  left: 50%;
  letter-spacing: 0.1em;
  margin: -25px 0 0 -100px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 200px;
}
#progressbar {
  left: 10%;
  position: absolute;
  text-align: center;
  top: 55%;
  right: 10%;
}
#progressbar .bar {
  -moz-box-shadow: green 0 0 10px 1px;
  -webkit-box-shadow: green 0 0 10px 1px;
  box-shadow: green 0 0 10px 1px;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  -webkit-transition: all 300ms;
  transition: all 300ms;
  background-color: green;
  height: 1px;
  display: inline-block;
  width: 0%;
}
#progressbar .bar.complete {
  -moz-box-shadow: rgba(255, 0, 0, 0) 0 0 10px 10px;
  -webkit-box-shadow: rgba(255, 0, 0, 0) 0 0 10px 10px;
  box-shadow: rgba(255, 0, 0, 0) 0 0 10px 10px;
}
.APPTITLE
{
	border:0px solid #ffff00;
	margin:0px;
	width:100%;	
	height:50px;	
	padding-top:12px;
	padding-left:20px;
	position:relative;
	background-color:#C40000;
	text-decoration: 		none;
	box-sizing: border-box;
  text-align :          left;
  font: 				24px/1em 'Microsoft JhengHei','Droid Sans', sans-serif;
  font-weight: 			bold;
  text-shadow: 			2px 0px 13px rgba(0, 0,0, 1);
  color:                white;
  /*display: table;
  margin-right: auto;
  margin-left: auto;*/
  -webkit-user-select: 	none;  
          user-select:  none;   
       pointer-events:  none;
}

#CC,#CC1
{
  position:relative;	
  border:0px solid #ffff00;
  width:708px;
  height:20px;
  margin:0px;
  padding:10px;
  background-color:  transparent;
  background-color:  #478865;/*#B94C0C;*/
  background:url('../images/CC.png') 0px 0px;
}
#CC .tt
{
  	
}