@font-face {
  font-family: 'pokerIcon';
  src:  url('pokerIcon/fonts/pokerIcon.eot?n3pgnp');
  src:  url('pokerIcon/fonts/pokerIcon.eot?n3pgnp#iefix') format('embedded-opentype'),
    url('pokerIcon/fonts/pokerIcon.ttf?n3pgnp') format('truetype'),
    url('pokerIcon/fonts/pokerIcon.woff?n3pgnp') format('woff'),
    url('pokerIcon/fonts/pokerIcon.svg?n3pgnp#pokerIcon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="pokerIcon-"], [class*=" pokerIcon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'pokerIcon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.pokerIcon-club:before {
  content: "\e900";
}
.pokerIcon-heart:before {
  content: "\e901";
  color: #ff0000;
}
.pokerIcon-spade:before {
  content: "\e902";
}
.pokerIcon-diamond:before {
  content: "\e903";
  color: #ff0000;
}

.poker{
  position:relative;
  width:50px;
  height:70px;
  border-radius: 10px;
  text-align: left; 
  font-weight: bold;
  transform-style:preserve-3d;
  /* transition:0.5s all ease; */
}

/*front poker*/
.poker div:nth-child(1){
  border-radius:5px;
  position: absolute;;
  width:100%;
  height:100%;
  background: #FFF;
  color:#333;
  font-size:1.5rem;
  z-index: 1;
}

.poker div:nth-child(1)::before{
  display:block;
  position:absolute;
  top:5%;
  left:5%;
}

.poker div:nth-child(1)::after{
  display:block;
  position:absolute;
  right:5%;
  bottom:5%;
  font-size: 20px;
}

.poker.spade div:nth-child(1){
  border:1px #000 solid;
  color:#000;
}

.poker.heart div:nth-child(1){
  border:1px #ff0000 solid;
  color:#ff0000;
}

.poker.diamond div:nth-child(1){
  border:1px #ff0000 solid;
  color:#ff0000;
}

.poker.club div:nth-child(1){
  border:1px #000 solid;
  color:#000;
}

.poker.number1 div:nth-child(1)::before{
  content:"A";
}
.poker.number2 div:nth-child(1)::before{
  content:"2";
}
.poker.number3 div:nth-child(1)::before{
  content:"3";
}
.poker.number4 div:nth-child(1)::before{
  content:"4";
}
.poker.number5 div:nth-child(1)::before{
  content:"5";
}
.poker.number6 div:nth-child(1)::before{
  content:"6";
}
.poker.number7 div:nth-child(1)::before{
  content:"7";
}
.poker.number8 div:nth-child(1)::before{
  content:"8";
}
.poker.number9 div:nth-child(1)::before{
  content:"9";
}
.poker.number10 div:nth-child(1)::before{
  content:"10";
}
.poker.number11 div:nth-child(1)::before{
  content:"J";
}
.poker.number12 div:nth-child(1)::before{
  content:"Q";
}
.poker.number13 div:nth-child(1)::before{
  content:"K";
}
.poker.spade div:nth-child(1)::after{
  font-family: 'pokerIcon';
  content: "\e902";
}
.poker.heart div:nth-child(1)::after{
  font-family: 'pokerIcon';
  content: "\e901";
  color: #ff0000;
}
.poker.diamond div:nth-child(1)::after{
  font-family: 'pokerIcon';
  content: "\e903";
  color: #ff0000;
}
.poker.club div:nth-child(1)::after{
  content: "\e900";
  font-family: 'pokerIcon';
}
/*back poker*/
.poker div:nth-child(2){
  border-radius:5px;
  position:absolute;
  width:100%;
  height:100%;
  color:#333;
  font-size:1.5rem;
  z-index: 0;
  background:#000 url(data:image/png;base64,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) center center no-repeat;
  background-size: 70%;
}
@media screen and (min-width: 1025px){
  .poker{
    transition: transform  .4s ease;
  }
  .poker div:nth-child(1){
    backface-visibility:hidden;
  }
  .poker.close {
    transform:rotateY(180deg);
  }
}

@media screen and (max-width: 1024px){
  .poker div:nth-child(1){
    transition: transform .2s ease .2s;
  }
  .poker.close div:nth-child(1){
    transform: rotateY(90deg);
    transition: transform .2s ease;
  }
  .poker div:nth-child(2){
    transition: transform .2s ease;
    transform: rotateY(90deg);
  }
  .poker.close div:nth-child(2){
    transition: transform .2s ease .2s;
    transform: rotateY(0);
  }
}

body.lottery-body .poker{
	margin:0 auto;
} 

#LotteryNew ul.pokerOpen{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content:center;
	align-items:center;
	margin: 0;
	padding:0;
	margin-top:25px;
}
#LotteryNew ul.pokerOpen li.poker{
	list-style: none;
}
#LotteryNew ul.pokerOpen li.poker+li.poker{
	margin-left:2rem;
}

.poker.minpoker{
	height: 22px;
	width: 35px;
}
.poker.minpoker div{
	font-size:1rem;
}
.poker.minpoker div:nth-child(1):before{
  top: 50%;
  left: 25%;
  transform: translate(-50%,-50%);
}
.poker.minpoker div:nth-child(1):after{
	font-size:1rem;
  bottom: 50%;
  right: 25%;
  transform: translate(50%,50%)
}
#GameRecordMore .poker{
	margin-left:1rem;
}
#GameRecordMore .openStatus{
	margin-left:1rem;
}
.roomOpenPoker{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content:left;
	align-items:center;
}
.roomOpenPoker .poker{
	margin-left:.5rem;
}
.trendOpenPoker{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content:center;
	align-items:center;
}
.trendOpenPoker .poker + .poker{
	margin-left:.5rem;
}

.mobileLotteryPoker{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content:left;
	align-items:center;
}
.mobileLotteryPoker .poker{
	margin-left:.5rem;
}
.mobileLotteryPoker .poker div:nth-child(1)::before{
 	font-size:12px;
}
.mobileLotteryPoker .poker div:nth-child(1)::after{
	font-size: 16px;
}
.poker.mobileMinPoker{
	height: .8rem;
	width: 1.5rem;
  line-height: 15px;
}
.poker.mobileMinPoker div:nth-child(1)::before{
 	font-size:0.6rem;
}
.poker.mobileMinPoker div:nth-child(1)::after{
	font-size: 14px;
}

.poker.mobileMinPoker div:nth-child(2),
.poker.minpoker div:nth-child(2){
  background-size: 45%;
}


.agBetDetail{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content:flex-end;
  align-items:center;
}
.agBetDetail .poker{
  margin-left:.5rem;
}

.agOpenLottery{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content:center;
  align-items:center;
}