.stage {position:relative; background-image:url('../img/bg.jpg'); background-size:cover; width:100%; height:550px; background-position: center 0; max-width: 1000px; margin:0 auto;}


.cardArea { width:45%; position:absolute; top:20px; text-align: center;}
.cardArea .rstCnt {position: absolute; text-align: right; width:100%; font-size:40px; color:#000; text-shadow: #FC0 1px 0 10px; font-weight: bold;}
.cardArea.banker {right:20px;}
.cardArea.player {left:20px;}
.cardArea.banker .rstCnt {text-align: left;}
.cardArea .card {width:49%; max-width: 120px; min-width: 80px; margin-bottom:5px; display:none;}

.chipZone {padding:8px;width:300px; left:50%; margin-left:-150px; top:42% !important; height:60px; position:absolute; border-radius: 30px; background-color:RGBA(0,0,0,0.7); cursor:pointer; z-index:2;}
.chip{width:45px; height:45px; display: inline-block; color:#666; background-size:100%;margin-right:10px; font-weight: bold; font-size:1.2em; padding-top:10px; text-align: center; opacity: 0.7;}
.chipZone .chip5 {margin-right:0;}
.chipZone .point {position: absolute; top:-24px; text-align: center; color:#fff; font-weight: bold; width:135%; margin-left:-10px;font-size: 12px;}
.btnZone {position:absolute;}

.bettingZone {width:100%; background-image: url('../img/betting_zone.png'); height:100%; background-size:contain; background-position: center 100%; bottom:0; background-repeat: no-repeat; display: table;}
.bettingZone .betAmount {top:50%; position: absolute; font-size:40px; color:#fff; opacity: 0.6; text-align: right; width:90%;}
.bettingZone .banker .betAmount { text-align: left; margin-left:10%; }
.bettingZone .tie .betAmount {  text-align: center; margin-left:5%;}
.bettingZone .bet {width:40%; margin-left:5%; height:24% !important; position: absolute; bottom:5%; padding-bottom:20px; text-align: center; padding-top:10%; }
.bettingZone .bet.banker{right:0; margin-right:5%;}
.bettingZone .bet .chip, .bettingZone .betTie .chip  {width:30px; height:30px; position:absolute; opacity: 0;}
.bettingZone .betTie {width:10%; height:40%; padding-top:13%; position: absolute; left:45%; padding-right:2.5%; bottom:5%; text-align: center; }

.mp {float:left;}
.bp {float: right; position: absolute; left: 150px;}
.btnZone {width:150px; left:50%; position: absolute; margin-left:-75px; text-align: center; margin-top:100px; color:#fff; font-size:1.2em; font-weight: bold;}
.btnZone .Btn {background:#9F0322; border:3px solid #fff; padding:10px; border-radius:30px; margin-bottom: 10px; cursor:pointer;}
.btnZone .cancelBtn {font-size:0.8em;cursor:pointer;}

.topBTn {font-size:16px; color:#fff;border:3px solid #fff; border-radius: 100%; padding:5px 6px; display:inline-block; position:absolute; margin:10px; right:0px; cursor:pointer;}
.volumeBtn {}
.volumeBtn.sndOff {opacity: 0.5;}
.topBTn.infoBtn {right:calc(100% - 50px);}

.bakaraResult {width:100%;}
.bakaraResult .bakaraRst {border:1px solid #ccc; display: block; width:30px; height:30px; font-size:30px;}
.bakaraResult .pColor {color:blue;}
.bakaraResult .bColor {color:red;}
.bakaraResult .tColor {color:green;}