﻿@charset "utf-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,and,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea,select {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

body {
    background-color: #000!important;
}

:focus {
    outline: 0;
}

ol,ul {
    list-style: none;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption,th,td {
    text-align: left;
    font-weight: normal;
}

blockquote:before,blockquote:after,q:before,q:after {
    content: "";
}

blockquote,q {
    quotes: "" "";
}

.clr {
    clear: both;
    padding: 0;
    margin: 0;
    min-height: 1px;
    zoom:1;height: 1px
}

.clear {
    clear: both;
}

.clear {
    display: inline-block;
}

.clear:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
}

.clearfix {
    zoom:1;}

.clearfix:before,.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    zoom:1}

.baccaratSetBg,.baccaraTableBorder,.baccaraTableBorderBetInfo,.header,.tableGarnish,h3 a em,.header ul li.rules span,.header ul li.rules h3 a,.header ul li.results h3 a,.header ul li.score img,.resultsBox,.header ul li.results,ul.bargainingChip li a span,.tableBetBoxPattern,.BP_Num h4 strong,.tie,.player,.banker,.tablePokerLeft,.tablePokerRight,.tablePokerLeft ul li,.tablePokerRight ul li,.mask,.tieSpotlight,.playerSpotlight,.bankerSpotlight,.youWinImg,.scoreBetInfo strong,#gallery {
    position: absolute;
    display: block;
}

.page-wrapper,.header ul,.header ul li,.header ul li a,b,.header ul li.score span,.header ul li span ol,ul.bargainingChip,ul.bargainingChip li,a.chipsButtonActive img,.tableBetBoxPattern ul,.BP_Num,.tableBetBoxPattern ul li ol,.tableBetBoxPattern ul li ol span,.ontop,.tableBetBoxPattern ul li strong,ul.betsBtnsStatus,ul.betsBtnsStatus li,ul.betsBtnsStatus button,.tableBetBoxPattern ul li ol b {
    position: relative;
    display: block;
}

#ie-alert-overlay {
    width: 100%;
    height: 100%;
    background-image: url(../images/game/baccarat/bg.png);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999
}

* html #ie-alert-overlay {
    position: absolute
}

#ie-alert-panel {
    width: 600px;
    height: auto;
    top: 200px;
    left: 50%;
    position: fixed;
    z-index: 1000001;
    margin: 0 0 0 -300px;
    _position: absolute;
    _top: expression(200+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');
    font-family: 'Roboto Condensed';
}

.ie-p {
    font-size: 12pt;
    color: #7c7c7c;
    line-height: 24px;
    text-align: left;
    font-weight: normal;
    font-family: Arial,Helvetica,sans-serif;
}

#ie-alert-panel a {
    text-decoration: none
}

.ie-span {
    font-size: 20pt;
    color: #333333;
    display: block;
    font-weight: bold;
    line-height: 1.6em;
    margin: 0 0 15px 0;
}

.ie-r-b-c,.ie-r-t-c,.ie-l-t-c,.ie-l-b-c {
    background: url(../images/game/baccarat/iesprites.png) no-repeat
}

.ie-l-t-c {
    width: 47px;
    height: 47px;
    background-position: -18px -9px;
    float: left
}

.ie-l {
    height: 100%;
    width: 47px;
    float: left;
    clear: both;
    background: url(../images/game/baccarat/left.png)
}

.ie-l-b-c {
    width: 47px;
    height: 46px;
    background-position: -17px -66px;
    float: left;
    clear: both
}

.ie-b {
    height: 46px;
    width: 506px;
    float: left;
    background: url(../images/game/baccarat/bottom.png)
}

.ie-r-t-c {
    width: 47px;
    height: 47px;
    background-position: -83px -10px;
    float: right;
    cursor: pointer
}

.ie-r-t-c:hover {
    background-position: -143px -9px
}

.ie-r {
    height: 100%;
    width: 47px;
    float: right;
    background: url(../images/game/baccarat/right.png)
}

.ie-c {
    width: 506px;
    height: 100%;
    background: #f6f6f6;
    float: left
}

.ie-r-b-c {
    width: 47px;
    height: 46px;
    background-position: -83px -65px;
    float: right
}

.ie-t {
    height: 47px;
    width: 506px;
    float: left;
    background: url(../images/game/baccarat/top.png)
}

.ie-u {
    width: auto;
    height: 43px;
    margin: 30px auto 0 -66px;
    position: relative;
    left: 50%
}

.ie-u-l {
    width: 14px;
    height: 43px;
    background: url(../images/game/baccarat/u-left.png);
    float: left
}

.ie-u-c {
    width: auto;
    height: 43px;
    background: url(../images/game/baccarat/u-center.png);
    float: left;
    padding: 11px 0 0 0;
    cursor: pointer
}

.ie-u-s {
    margin: 5px 25px 5px 25px;
    color: #fff;
    font-size: 14pt;
    font-weight: bold;
    line-height: 1em;
}

.ie-u-r {
    width: 14px;
    height: 43px;
    background: url(../images/game/baccarat/u-right.png);
    float: left
}

#ie-alert-panel.ie6-style .ie-r-b-c {
    background: url(../images/game/baccarat/6_r_b_c.png) no-repeat
}

#ie-alert-panel.ie6-style .ie-r-t-c {
    background: url(../images/game/baccarat/6_r_t_c.png) no-repeat
}

#ie-alert-panel.ie6-style .ie-r-t-c:hover {
    background: url(../images/game/baccarat/6_r_t_c_h.png) no-repeat
}

#ie-alert-panel.ie6-style .ie-l-t-c {
    background: url(../images/game/baccarat/6_l_t_c.png) no-repeat
}

#ie-alert-panel.ie6-style .ie-l-b-c {
    background: url(../images/game/baccarat/6_l_b_c.png) no-repeat
}

#ie-alert-panel.ie6-style .ie-l {
    background: url(../images/game/baccarat/6_left.png)
}

#ie-alert-panel.ie6-style .ie-r {
    background: url(../images/game/baccarat/6_right.png)
}

#ie-alert-panel.ie6-style .ie-b {
    background: url(../images/game/baccarat/6_bottom.png)
}

#ie-alert-panel.ie6-style .ie-t {
    background: url(../images/game/baccarat/6_top.png)
}

.modalDialog {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 9999999999;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
}

.modalDialog h1 {
    font-size: 18pt;
    font-family: 'Roboto Condensed';
    font-weight: bold;
    text-shadow: 1px 1px 0 rgba(255,255,255,.8);
    line-height: 28px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #999999
}

.modalDialog>div {
    width: 400px;
    position: relative;
    margin: 20% auto;
    line-height: 18px;
    padding: 20px;
    border-radius: 10px;
    text-shadow: 1px 1px 0 rgba(255,255,255,.4);
    font-size: 14px;
    color: #000000;
    background: #999999;
    background: -moz-linear-gradient(#fff,#999);
    background: -webkit-linear-gradient(#fff,#999);
    background: -o-linear-gradient(#fff,#999);
}

.close {
    background: #606061;
    cursor: pointer;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    z-index: 9999999999;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 12px;
    box-shadow: 1px 1px 3px #000;
}

.close:hover {
    background: #00d9ff;
}

.header {
    background-color: #000000;
    width: 100%;
    height: 27px;
}

.header ul li.rules,.header ul li.score,.header ul li.results {
    float: left;
    height: 27px;
    background: #ad9e6d;
    background: -moz-linear-gradient(top,#ad9e6d 11%,#a38f4e 29%,#826b21 62%,#705c2a 82%,#6b5213 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(11%,#ad9e6d),color-stop(29%,#a38f4e),color-stop(62%,#826b21),color-stop(82%,#705c2a),color-stop(100%,#6b5213));
    background: -webkit-linear-gradient(top,#ad9e6d 11%,#a38f4e 29%,#826b21 62%,#705c2a 82%,#6b5213 100%);
    background: -o-linear-gradient(top,#ad9e6d 11%,#a38f4e 29%,#826b21 62%,#705c2a 82%,#6b5213 100%);
    background: -ms-linear-gradient(top,#ad9e6d 11%,#a38f4e 29%,#826b21 62%,#705c2a 82%,#6b5213 100%);
    background: linear-gradient(to bottom,#ad9e6d 11%,#a38f4e 29%,#826b21 62%,#705c2a 82%,#6b5213 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ad9e6d',endColorstr='#6b5213',GradientType=0);
    border-bottom: 2px solid #b3a890;
    box-shadow: 0px 5px 12px rgba(0,0,0,0.8);
}

.header ul li.score {
    z-index: 10
}

.header ul li.rules,.header ul li.results {
    z-index: 1000000;
}

.header ul li.rules,.header ul li.results {
    top: -173px;
    background: #a89760;
    background: -moz-linear-gradient(top,#a89760 77%,#99843b 94%,#6c5315 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(77%,#a89760),color-stop(94%,#99843b),color-stop(100%,#6c5315));
    background: -webkit-linear-gradient(top,#a89760 77%,#99843b 94%,#6c5315 100%);
    background: -o-linear-gradient(top,#a89760 77%,#99843b 94%,#6c5315 100%);
    background: -ms-linear-gradient(top,#a89760 77%,#99843b 94%,#6c5315 100%);
    background: linear-gradient(to bottom,#a89760 77%,#99843b 94%,#6c5315 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a89760',endColorstr='#6c5315',GradientType=0);
}

.header ul li.rules {
    width: 165px;
    height: 200px;
}

.header ul li.results {
    right: 0;
    width: 122px;
    height: 200px;
}

.header ul li h3 a {
    left: 10px;
    bottom: 4px;
    width: 160px;
    color: #FFF;
    font-family: 'Roboto Condensed';
    text-decoration: none;
    font-size: 15px;
}

.header ul li h3 a:hover {
    color: #e5ff0e;
}

.header ul li.results h3 a {
    width: 115px;
}

.header ul li h3 em {
    right: 10%;
    bottom: 3px;
    font-size: 10pt;
}

.header ul li.rules b,.header ul li.results b {
    width: 3px;
    height: 200px;
    background-image: url(../images/game/baccarat/baccarattopHeaderBoxBorder.png);
    background-repeat: no-repeat;
}

.header ul li.rules b {
    float: right;
    background-position: left center
}

.header ul li.results b {
    float: left;
    background-position: right center
}

.header ul li.rules span,.resultsBox {
    height: 170px;
    overflow: hidden;
    border-radius: 0 0 4px 4px;
    box-shadow: 0px 1px 3px rgba(255,255,255,.1),-1px 0px 2px rgba(255,255,255,.5),0px 5px 10px rgba(142,120,61,1);
    background: linear-gradient(#010101,#393939);
}

.resultsBoxTitleList {
    margin: 0 auto;
    width: 82%;
}

.resultsBoxTitleList li {
    float: left;
    margin: 8px 0 2px;
    width: 33%;
    font-family: 'Roboto Condensed';
    text-align: center;
    font-size: 16px
}

.resultsBoxTitleList li.red {
    color: #fe2727
}

.resultsBoxTitleList li.white {
    color: #ffffff
}

.resultsBoxTitleList li.yellow {
    color: #fff600
}

.resultsBoxTitleList li.green {
    color: #36e25f
}

.header ul li.rules span {
    left: 3%;
    width: 153px;
}

.resultsBox {
    left: 5%;
    width: 110px
}

@media screen\0 {
    .header ul li.rules span,.resultsBox {
        width: 150px;
        height: 170px;
        overflow: hidden;
        background: url(../images/game/baccarat/rulesBg_ie8.gif) repeat-x top;
    }

    .header ul li.rules span {
        left: 3%;
        width: 153px;
    }

    .resultsBox {
        left: 5%;
        width: 110px
    }
}

.header ul li.rules span p,.header ul li.rules ul li,.header ul li.rules ol li {
    padding: 3px 10px;
    line-height: 16x;
    color: #bebbb4;
    font-weight: normal;
    font-size: 12px;
    font-family: 'Abel',sans-serif;
}

.header ul li.rules ul,.header ul li.rules ol {
    list-style: decimal;
    list-style-position: outside;
    padding-left: 5px;
    margin-left: 5px;
}

.header ul li.score {
    width: 519px;
    left: -1px;
    border-radius: 0 0 2px 2px;
    z-index: 9999999;
}

.header ul li.scoreBetInfo {
    width: 100%
}

.scoreBetInfo strong {
    left: 40%;
    top: 2px;
    font-family: 'Roboto Condensed';
    font-weight: bold;
    color: #ffffff;
    font-size: 16pt;
    text-shadow: -1px -1px 1px rgba(0,0,0,.5);
}

.header ul li.score span {
    padding: 2px 15px;
    background-color: #000000;
    border-radius: 50px;
    color: #ffffff;
    font-size: 12px;
    box-shadow: 0px -1px 1px 0px rgba(0,0,0,0.5) inset,0px -1px 2px 2px rgba(255,255,255,0.3);
}

.header ul li.score span.balance {
    float: left;
    margin-left: 4%;
    margin-top: 0.8%;
}

.header ul li.score span ol li {
    border-bottom: none;
    height: auto;
    box-shadow: none;
    margin: 0 20px;
    font-family: Arial,Helvetica,sans-serif;
}

.header ul li.score span ol li:nth-child(1) {
    float: left;
    color: #fffc00;
}

.header ul li.score span ol li:nth-child(2) {
    float: right;
}

.header ul li.score span.winLose {
    float: right;
    margin-right: 4%;
    margin-top: 0.8%;
}

.header ul li.score span.winLose ol li {
    background: none;
    border-bottom: none;
    height: auto;
    box-shadow: none;
    margin: 0px 5px;
}

.header ul li.score span.winLose ol li.betInfo {
    margin: 0px 40px;
}

.header ul li.score span.winLose ol li:nth-child(1) {
    float: left;
    margin-left: 20px;
    color: #fffc00;
}

.header ul li.score span.winLose ol li:nth-child(2) {
    float: left;
}

.header ul li.score span.winLose ol li:nth-child(3) {
    float: right;
    margin-right: 20px;
}

.header ul li.score span.winLose ol li:nth-child(4) {
    float: right;
    color: #fffc00;
}

.page-wrapper,.baccaratSetBg,.baccaraTableBorder,.baccaraTableBorderBetInfo,.tableGarnish {
    width: 804px;
    height: 603px;
}

.page-wrapper {
    overflow: hidden;
    background: url(../images/game/baccarat/baccaratSetBg.png) no-repeat center bottom;
}

.baccaratSetBg {
    z-index: -1;
    left: -4%;
    width: 870px;
    height: 500px;
    background: url(../images/game/baccarat/baccaratTableBg.gif) repeat center bottom;
    box-shadow: 0px 50px 150px 5px #000 inset;
    border-radius: 305px/ 75px;
}

@media \0screen {
    .baccaratSetBg {
        z-index: -1;
        width: 870px;
        height: 703px;
        background: url(../images/game/baccarat/baccaratTableBg.gif) repeat center bottom;
    }
}

.baccaraTableBorder {
    z-index: 1;
    height: 302px;
    bottom: -2px;
    background: url(../images/game/baccarat/baccaraTableBorder.png) no-repeat center bottom;
}

.baccaraTableBorderBetInfo {
    height: 302px;
    bottom: -2px;
    background: url(../images/game/baccarat/baccaraTableBorderBetInfo.png) no-repeat center bottom;
}

.baccaraTableBorder ul {
    left: -15%;
    top: 198px;
    z-index: 999;
}

.baccaraTableBorder ul.btnStatus {
    z-index: 9;
}

.baccaraTableBorder ul li {
    float: left;
    overflow: hidden;
}

.baccaraTableBorder ul li button {
    overflow: hidden;
    text-indent: -9999em;
    background-color: transparent;
    background-image: url(../images/game/baccarat/betsBtn.png);
    background-repeat: no-repeat;
    border: 0;
    cursor: pointer;
}

.baccaraTableBorder ul li.clearBets {
    top: -13px;
    left: -35px;
}

.baccaraTableBorder ul li.clearBets,.baccaraTableBorder ul li.clearBets button,.baccaraTableBorder ul li.clearBets button:hover,.baccaraTableBorder ul li.clearBets button:active,.baccaraTableBorder ul li.clearBets button.nonActive {
    width: 250px;
    height: 96px;
}

.baccaraTableBorder ul li.clearBets button {
    background-position: 0 -1px;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    transition: opacity .25s ease-in-out;

    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.baccaraTableBorder ul li.clearBets button:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.baccaraTableBorder ul li.clearBets button:active {
    background-position: -251px -2px;
}

.baccaraTableBorder ul li.clearBets button.nonActive {
    background-position: -502px -1px;
    cursor: no-drop;
}

.baccaraTableBorder ul li.deal {
    top: -110px;
    left: 65%;
}

.baccaraTableBorder ul li.deal,.baccaraTableBorder ul li.deal button,.baccaraTableBorder ul li.deal button:hover,.baccaraTableBorder ul li.deal button:active,.baccaraTableBorder ul li.deal button.nonActive {
    width: 245px;
    height: 100px;
}

.baccaraTableBorder ul li.deal button {
    background-position: 0px -120px;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.baccaraTableBorder ul li.deal button:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.baccaraTableBorder ul li.deal button:active {
    background-position: -256px -105px;
}

.baccaraTableBorder ul li.deal button.nonActive {
    background-position: -511px -105px;
    cursor: no-drop;
}

.baccaraTableBorder ul li.reBet {
    top: -10px;
    left: -30px;
}

.baccaraTableBorder ul li.reBet,.baccaraTableBorder ul li.reBet button,.baccaraTableBorder ul li.reBet button:hover,.baccaraTableBorder ul li.reBet button:active,.baccaraTableBorder ul li.reBet button.nonActive {
    width: 250px;
    height: 96px;
}

.baccaraTableBorder ul li.reBet button {
    background-position: 0 -232px;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.baccaraTableBorder ul li.reBet button:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.baccaraTableBorder ul li.reBet button:active {
    background-position: -253px -223px;
}

.baccaraTableBorder ul li.reBet button.nonActive {
    background-position: -510px -232px;
    cursor: no-drop;
}

.baccaraTableBorder ul li.newGame {
    top: -111px;
    left: 65%;
}

.baccaraTableBorder ul li.newGame,.baccaraTableBorder ul li.newGame button,.baccaraTableBorder ul li.newGame button:hover,.baccaraTableBorder ul li.newGame button:active,.baccaraTableBorder ul li.newGame button.nonActive {
    width: 243px;
    height: 105px;
}

.baccaraTableBorder ul li.newGame button {
    background-position: 2px -333px;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.baccaraTableBorder ul li.newGame button:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.baccaraTableBorder ul li.newGame button:active {
    background-position: -253px -327px;
}

.baccaraTableBorder ul li.newGame button.nonActive {
    background-position: -510px -327px;
    cursor: no-drop;
}

ul.bargainingChip {
    left: 30.7%;
    top: 153px;
    width: 320px;
}

ul.bargainingChip li {
    float: left;
    margin: 0 1px;
    overflow: hidden;
    width: 62px;
    height: 58px;
    border-radius: 50px;
    z-index: 999999;
}

ul.bargainingChip li.bargainingChi_1,ul.bargainingChip li.bargainingChi_5 {
    top: -9px;
}

ul.bargainingChip li.bargainingChi_2,ul.bargainingChip li.bargainingChi_4 {
    top: -2px;
}

ul.bargainingChip li.bargainingChi_1 a span {
    -moz-transform: skewx(-20deg);
    -webkit-transform: skewx(-20deg);
}

ul.bargainingChip li.bargainingChi_1 a.chip_1 {
    background: url(../images/game/baccarat/bargainingChi_1.png) no-repeat left top
}

ul.bargainingChip li.bargainingChi_1 a.chip_1:active,ul.bargainingChip li.bargainingChi_1 a.chip_1.active {
    background: url(../images/game/baccarat/bargainingChi_1.png) no-repeat right top;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

ul.bargainingChip li.bargainingChi_2 a span {
    -moz-transform: skewx(-10deg);
    -webkit-transform: skewx(-10deg);
}

ul.bargainingChip li.bargainingChi_2 a.chip_5 {
    background: url(../images/game/baccarat/bargainingChi_5.png) no-repeat left top
}

ul.bargainingChip li.bargainingChi_2 a.chip_5:active,ul.bargainingChip li.bargainingChi_2 a.chip_5.active {
    background: url(../images/game/baccarat/bargainingChi_5.png) no-repeat right top;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

ul.bargainingChip li.bargainingChi_3 a.chip_25 {
    background: url(../images/game/baccarat/bargainingChi_25.png) no-repeat left top
}

ul.bargainingChip li.bargainingChi_3 a.chip_25:active,ul.bargainingChip li.bargainingChi_3 a.chip_25.active {
    background: url(../images/game/baccarat/bargainingChi_25.png) no-repeat right top;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

ul.bargainingChip li.bargainingChi_4 a span {
    -moz-transform: skewx(10deg);
    -webkit-transform: skewx(10deg);
}

ul.bargainingChip li.bargainingChi_4 a.chip_10k {
    background: url(../images/game/baccarat/bargainingChi_10k.png) no-repeat left top
}

ul.bargainingChip li.bargainingChi_4 a.chip_10k:active,ul.bargainingChip li.bargainingChi_4 a.chip_10k.active {
    background: url(../images/game/baccarat/bargainingChi_10k.png) no-repeat right top;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

ul.bargainingChip li.bargainingChi_5 a span {
    -moz-transform: skewx(15deg);
    -webkit-transform: skewx(15deg);
}

ul.bargainingChip li.bargainingChi_5 a.chip_50k {
    background: url(../images/game/baccarat/bargainingChi_50k.png) no-repeat left top
}

ul.bargainingChip li.bargainingChi_5 a.chip_50k:active,ul.bargainingChip li.bargainingChi_5 a.chip_50k.active {
    background: url(../images/game/baccarat/bargainingChi_50k.png) no-repeat right top;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

a.chipsButtonActive {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.5;
    right: 3px;
    top: -2px
}

ul.bargainingChip li a,ul.bargainingChip li a:active {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

ul.bargainingChip li a:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    right: 3px;
    top: -2px
}

ul.bargainingChip li a {
    display: block;
    cursor: pointer;
    border-radius: 999px;
    height: 58px;
    width: 63px;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

ul.bargainingChip li a:focus {
    font-size: 15pt;
}

ul.bargainingChip li a span {
    display: table;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -1px;
    font-family: 'Roboto Condensed';
    width: 60px;
    text-align: center;
    top: 35%;
    color: #000000
}

ul.bargainingChip li.bargainingChi_5 a span:active,ul.bargainingChip li.bargainingChi_5 a.active span {
    font-size: 13pt;
    margin-left: -1px;
}

ul.bargainingChip li a span:active,ul.bargainingChip li a.active span {
    font-size: 13pt;
    margin-top: 1px;
}

.table .bargainingChip li.bargainingChip02 {
    top: 10px;
}

.table .bargainingChip li.bargainingChip03 {
    top: 15px;
}

.tableGarnish {
    height: 165px;
    background: url(../images/game/baccarat/tableGarnish.png) no-repeat center top;
}

@media \0screen {
    .tableGarnish {
        height: 165px;
        background: url(../images/game/baccarat/tableGarnish_ie8.png) no-repeat center top;
    }
}

.tableBetBoxPattern,.tableBetBoxPattern ul {
    width: 524px;
    height: 353px;
    z-index: auto;
}

.tableBetBoxPattern {
    z-index: 2;
    top: 11%;
    left: 17.5%;
    background: url(../images/game/baccarat/baccaraTablePattern.png) no-repeat -5px 53px
}

.tableBetBoxPattern ul {
    background: url(../images/game/baccarat/baccaraLogo.png) no-repeat center 20px
}

.tableBetBoxPattern ul li strong {
    top: 13px;
    width: 100%;
    font-size: 13pt;
    text-align: center;
    font-family: 'Roboto',sans-serif;
    font-weight: bold;
}

.tableBetBoxPattern ul li.BP_Num {
    top: 18%;
    display: table;
    margin: 0 auto;
    width: auto;
}

.tableBetBoxPattern ul li ol {
    display: table;
    width: 50px;
}

.tableBetBoxPattern ul li ol b {
    top: -55px;
    width: 100%;
    border-radius: 50px;
    background-color: #000000;
    margin: 0 auto;
    margin-left: 0;
    padding: 2px 0;
    border: 1px solid #000000;
    text-align: center;
    z-index: 99;
    font-family: 'Oswald',sans-serif;
    font-size: 10pt;
    color: #f3f00f;
}

.tableBetBoxPattern ul li.tie ol {
    z-index: 2;
    left: 133px;
    top: 68px;
}

.tableBetBoxPattern ul li.player ol {
    z-index: 2;
    left: 45%;
    top: 55px;
}

.tableBetBoxPattern ul li.banker ol {
    z-index: 2;
    left: 49%;
    top: 28px;
}

.tableBetBoxPattern ul li ol li {
    width: 50px;
    height: 48px;
}

.tableBetBoxPattern ul li ol li strong {
    font-family: 'Roboto Condensed';
}

.tableBetBoxPattern ul li ol li:nth-child(2) {
    left: 3px;
    top: 2px;
}

.tableBetBoxPattern ul li ol li:nth-child(3) {
    left: 1px;
    top: -5px;
}

.tableBetBoxPattern ul li ol li:nth-child(4) {
    left: 0px;
    top: 1px;
}

.tableBetBoxPattern ul li ol li:nth-child(5) {
    left: -1px;
    top: -2px;
}

.tableBetBoxPattern ul li ol li:nth-child(6) {
    left: 2px;
    top: 0px;
}

.tableBetBoxPattern ul li ol li:nth-child(7) {
    left: 3px;
    top: -2px;
}

.tableBetBoxPattern ul li ol li:nth-child(8) {
    left: -5px;
    top: -2px;
}

.tableBetBoxPattern ul li ol li:nth-child(9) {
    left: 5px;
    top: -3px;
}

.first {
    border-radius: 50px;
    position: static;
    z-index: -1;
    box-shadow: -4px 5px 7px 5px rgba(0,0,0,0.4);
}

.ontop {
    position: relative;
    top: 0em;
    margin-top: -3.3em;
}

.chipBets_1 {
    background: url(../images/game/baccarat/betsChip_1.png) no-repeat 0 0
}

.chipBets_5 {
    background: url(../images/game/baccarat/betsChip_5.png) no-repeat 0 0
}

.chipBets_25 {
    background: url(../images/game/baccarat/betsChip_25.png) no-repeat 0 0
}

.chipBets_10k {
    background: url(../images/game/baccarat/betsChip_10k.png) no-repeat 0 0
}

.chipBets_50k {
    background: url(../images/game/baccarat/betsChip_50k.png) no-repeat 0 0
}

.tableBetBoxPattern ul li a:hover,.tableBetBoxPattern ul li a.hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.tableBetBoxPattern ul li.tie,.tableBetBoxPattern ul li.tie a,.tableBetBoxPattern ul li.player,.tableBetBoxPattern ul li.player a,.tableBetBoxPattern ul li.banker,.tableBetBoxPattern ul li.banker a,.youWin {
    position: absolute;
}

.tableBetBoxPattern ul li.tie,.tableBetBoxPattern ul li.tie a {
    top: 56px;
    left: 105.5px;
    width: 102px;
    height: 86px;
}

.tableBetBoxPattern ul li.player,.tableBetBoxPattern ul li.player a {
    top: 258px;
    left: 0px;
    width: 524px;
    height: 116px;
}

.tableBetBoxPattern ul li.player a {
    top: 0
}

.tableBetBoxPattern ul li.banker,.tableBetBoxPattern ul li.banker a {
    top: 195px;
    left: 24px;
    width: 430px;
    height: 95px;
}

.tableBetBoxPattern ul li.banker a {
    top: -8px;
}

.tableBetBoxPattern ul li.tie a {
    display: block;
    background: url(../images/game/baccarat/baccaraTableTie.png) no-repeat 0 0;
}

.mask {
    width: 805px;
    height: 604px;
    background: url(../images/game/baccarat/mask.png) no-repeat center top;
    z-index: 10001;
    background-size: 805px 604px;
}

.tie .mask {
    left: -247px;
    top: -145px;
}

.player .mask {
    right: -140px;
    top: -300px;
}

.banker .mask {
    left: -165px;
    top: -260px;
}

.tieSpotlight {
    top: -117px;
    left: 80px;
    width: 150px;
    height: 287px;
    background: url(../images/game/baccarat/tieSpotlight.png) no-repeat 0 0;
    z-index: 10005
}

.playerSpotlight {
    left: -45px;
    top: -355px;
    width: 613px;
    height: 499px;
    background: url(../images/game/baccarat/playerSpotlight.png) no-repeat 0 0;
    z-index: 10005
}

.bankerSpotlight {
    left: -62px;
    top: -240px;
    width: 613px;
    height: 499px;
    background: url(../images/game/baccarat/bankerSpotlight.png) no-repeat 0 0;
    z-index: 10005
}

.tieWin {
    left: -29%;
    top: 78%;
    width: 242px;
    height: 215px;
    z-index: 99;
    background: url(../images/game/baccarat/YouWinImg.png) no-repeat 0 0
}

.playerWin {
    left: 31%;
    top: 35%;
    width: 242px;
    height: 215px;
    z-index: 99;
    background: url(../images/game/baccarat/YouWinImg.png) no-repeat 0 0
}

.bankerWin {
    left: 30%;
    top: 22%;
    width: 242px;
    height: 215px;
    z-index: 99;
    background: url(../images/game/baccarat/YouWinImg.png) no-repeat 0 0
}

.animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-100px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-100px,0);
        -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
        animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
    }

    20% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
        animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
    }

    60% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -ms-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
        animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
    }

    20% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -ms-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
        animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
    }

    60% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

.tableBetBoxPattern ul li.tie a.youWin {
    top: 46px;
    left: 95px;
    height: 106px;
    width: 122px;
    background: url(../images/game/baccarat/baccaraTableTieWin.png) no-repeat 0 0;
}

.tableBetBoxPattern ul li.player a.youWin {
    top: -15px;
    left: -12px;
    height: 145px;
    width: 550px;
    background: url(../images/game/baccarat/baccaraTablePlayerWin.png) no-repeat 0 0;
}

.tableBetBoxPattern ul li.banker a.youWin {
    top: -17px;
    left: 15px;
    height: 115px;
    width: 450px;
    background: url(../images/game/baccarat/baccaraTableBankerWin.png) no-repeat 0 0;
}

.youWin {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

.tableBetBoxPattern ul li.player a {
    display: block;
    background: url(../images/game/baccarat/baccaraTablePlayer.png) no-repeat 0 0;
}

.tableBetBoxPattern ul li.banker a {
    display: block;
    background: url(../images/game/baccarat/baccaraTableBanker.png) no-repeat 0 0;
}

.tableBetBoxPattern ul li a {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
}

.tableBetBoxPattern ul li.BP_Num h4 {
    float: left;
    margin-left: 14px;
    width: 118px;
    height: 54px;
    background-image: url(../images/game/baccarat/BP_img.png);
    background-repeat: no-repeat;
}

.tableBetBoxPattern ul li.BP_Num h4.playerText {
    background-position: left top
}

.tableBetBoxPattern ul li.BP_Num h4.bankerText {
    background-position: right top
}

.tableBetBoxPattern ul li.BP_Num h4 strong {
    top: -50%;
    color: #ffffff;
    font-weight: bold;
    font-size: 40pt;
    text-shadow: 0 1px 0 #ccc,0 2px 0 #c9c9c9,0 2px 0 #bbb,-5px 2px 40px rgba(0,0,0,.7),1px 1px 6px #ffffff,1px 1px 5px #ffffff,1px 1px 4px #ffffff,1px 1px 3px #ffffff;
}

.tableBetBoxPattern ul li.BP_Num h4.playerText strong {
    left: -60%;
}

.tableBetBoxPattern ul li.BP_Num h4.bankerText strong {
    right: -53%;
    text-shadow: 0 1px 0 #ccc,0 2px 0 #c9c9c9,0 2px 0 #bbb,-5px 2px 40px rgba(0,0,0,.7),-1px 1px 6px #ffffff,-1px 1px 5px #ffffff,-1px 1px 4px #ffffff,-1px 1px 3px #ffffff;
}

.tableBetBoxPattern ul li.BP_Num h4.playerText strong {
    -moz-transform: skewx(-9deg);
    -webkit-transform: skewx(-9deg);
}

.tableBetBoxPattern ul li.BP_Num h4.playerText {
    -moz-transform: skewx(-1deg);
    -webkit-transform: skewx(-1deg);
}

.tableBetBoxPattern ul li.BP_Num h4.bankerText strong {
    -moz-transform: skewx(3deg);
    -webkit-transform: skewx(3deg);
}

.tableBetBoxPattern ul li.BP_Num h4.bankerText {
    -moz-transform: skewx(1deg);
    -webkit-transform: skewx(1deg);
}

.tablePokerLeft {
    width: 170px;
    top: 135px;
    left: 60px;
    transform: perspective(300px) rotateX(15deg) skewx(-10deg);
    z-index: 10000;
}

.tablePokerRight {
    top: 135px;
    right: 207px;
    transform: perspective(300px) rotateX(15deg) skewx(11deg);
    z-index: 10000;
}

.front {
    position: absolute;
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    -ms-backface-visibility: visible;
    -o-backface-visibility: visible;
    backface-visibility: visible;
    opacity: 1;
}

.back {
    position: absolute;
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;

    -ms-backface-visibility: visible;
    -o-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-transform: rotateY(180deg) translateZ(1px);
    transform: rotateY(180deg) translateZ(1px);
    -webkit-animation: opacityChange-animation 1s ease-in 0s;
    animation: opacityChange-animation 1s ease-in 0s;
    opacity: 0;
}

.backPeek {
    position: absolute;
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    -ms-backface-visibility: visible;
    -o-backface-visibility: visible;
    backface-visibility: visible;
}

.tablePokerRight ul li.one {
    left: 0
}

.tablePokerRight ul li.two {
    left: 86px
}

.tablePokerLeft ul li,.tablePokerRight ul li {
    left: 0;
    width: 83px;
    height: 95px;
    margin: 3px;
    background-size: 83px 95px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0,0,0,.5)
}

.tablePokerLeft ul li.one,.betInfo .tablePokerLeft ul li.one,.betInfo .tablePokerLeft ul li.two {
    left: 0;
    top: 0px;
}

.betInfo .tablePokerLeft ul li.two {
    display: block;
    left: 86px;
}

.tablePokerLeft ul li.two {
    left: 86px
}

.tablePokerLeft ul li.rotation,.tablePokerRight ul li.rotation {
    clear: both;
}

.tablePokerLeft ul li.rotation,.betInfo .tablePokerLeft ul li.rotation {
    width: 70px;
    height: 120px;
    top: 73px;
    left: 48px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.betInfo .tablePokerLeft ul li.rotation {
    display: block
}

@-webkit-keyframes playerCardAni-animation {
    0% {
        -webkit-transform: rotate(90deg) rotateY(180deg);
        opacity: 0;
        box-shadow: 0px 0px 0px 0px #000;
    }

    27% {
        opacity: 1;
    }

    30% {
        -webkit-transform: rotate(90deg) rotateY(180deg);
    }

    100% {
        -webkit-transform: rotate(90deg) rotateY(0deg);
        box-shadow: 3px 0px 3px 0px #000;
    }
}

@keyframes playerCardAni-animation {
    0% {
        transform: rotate(90deg) rotateY(180deg);
        opacity: 0;
        box-shadow: 0px 0px 0px 0px #000;
    }

    27% {
        opacity: 1;
    }

    30% {
        transform: rotate(90deg) rotateY(180deg);
    }

    100% {
        transform: rotate(90deg) rotateY(0deg);
        box-shadow: 3px 0px 3px 0px #000;
    }
}

.tablePokerRight ul li.rotation {
    width: 70px;
    height: 120px;
    top: 73px;
    left: 48px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

@-webkit-keyframes bankerCardRotate-animation {
    0% {
        -webkit-transform: rotate(-90deg) rotateY(180deg);
        opacity: 0;
        box-shadow: 0px 0px 0px 0px #000;
    }

    27% {
        opacity: 1;
    }

    30% {
        -webkit-transform: rotate(-90deg) rotateY(180deg);
    }

    100% {
        -webkit-transform: rotate(-90deg) rotateY(0deg);
        box-shadow: -3px 0px 3px 0px #000;
    }
}

@keyframes bankerCardRotate-animation {
    0% {
        transform: rotate(-90deg) rotateY(180deg);
        opacity: 0;
        box-shadow: 0px 0px 0px 0px #000;
    }

    27% {
        opacity: 1;
    }

    30% {
        transform: rotate(-90deg) rotateY(180deg);
    }

    100% {
        transform: rotate(-90deg) rotateY(0deg);
        box-shadow: -3px 0px 3px 0px #000;
    }
}

.PlayerLeftNoFlipCard1 {
    opacity: 1;
    animation: none;
}

.back {
    background: url(../images/game/baccarat/cards/cardBack.jpg) no-repeat 0 0
}

.backPeek {
    background: url(../images/game/baccarat/cards/cardBack.jpg) no-repeat 0 0
}

.card-AS {
    background: url(../images/game/baccarat/cards/S1.jpg) no-repeat 0 0
}

.card-2S {
    background: url(../images/game/baccarat/cards/S2.jpg) no-repeat 0 0
}

.card-3S {
    background: url(../images/game/baccarat/cards/S3.jpg) no-repeat 0 0
}

.card-4S {
    background: url(../images/game/baccarat/cards/S4.jpg) no-repeat 0 0
}

.card-5S {
    background: url(../images/game/baccarat/cards/S5.jpg) no-repeat 0 0
}

.card-6S {
    background: url(../images/game/baccarat/cards/S6.jpg) no-repeat 0 0
}

.card-7S {
    background: url(../images/game/baccarat/cards/S7.jpg) no-repeat 0 0
}

.card-8S {
    background: url(../images/game/baccarat/cards/S8.jpg) no-repeat 0 0
}

.card-9S {
    background: url(../images/game/baccarat/cards/S9.jpg) no-repeat 0 0
}

.card-TS {
    background: url(../images/game/baccarat/cards/S10.jpg) no-repeat 0 0
}

.card-JS {
    background: url(../images/game/baccarat/cards/S11.jpg) no-repeat 0 0
}

.card-QS {
    background: url(../images/game/baccarat/cards/S12.jpg) no-repeat 0 0
}

.card-KS {
    background: url(../images/game/baccarat/cards/S13.jpg) no-repeat 0 0
}

.card-AH {
    background: url(../images/game/baccarat/cards/H1.jpg) no-repeat 0 0
}

.card-2H {
    background: url(../images/game/baccarat/cards/H2.jpg) no-repeat 0 0
}

.card-3H {
    background: url(../images/game/baccarat/cards/H3.jpg) no-repeat 0 0
}

.card-4H {
    background: url(../images/game/baccarat/cards/H4.jpg) no-repeat 0 0
}

.card-5H {
    background: url(../images/game/baccarat/cards/H5.jpg) no-repeat 0 0
}

.card-6H {
    background: url(../images/game/baccarat/cards/H6.jpg) no-repeat 0 0
}

.card-7H {
    background: url(../images/game/baccarat/cards/H7.jpg) no-repeat 0 0
}

.card-8H {
    background: url(../images/game/baccarat/cards/H8.jpg) no-repeat 0 0
}

.card-9H {
    background: url(../images/game/baccarat/cards/H9.jpg) no-repeat 0 0
}

.card-TH {
    background: url(../images/game/baccarat/cards/H10.jpg) no-repeat 0 0
}

.card-JH {
    background: url(../images/game/baccarat/cards/H11.jpg) no-repeat 0 0
}

.card-QH {
    background: url(../images/game/baccarat/cards/H12.jpg) no-repeat 0 0
}

.card-KH {
    background: url(../images/game/baccarat/cards/H13.jpg) no-repeat 0 0
}

.card-AD {
    background: url(../images/game/baccarat/cards/D1.jpg) no-repeat 0 0
}

.card-2D {
    background: url(../images/game/baccarat/cards/D2.jpg) no-repeat 0 0
}

.card-3D {
    background: url(../images/game/baccarat/cards/D3.jpg) no-repeat 0 0
}

.card-4D {
    background: url(../images/game/baccarat/cards/D4.jpg) no-repeat 0 0
}

.card-5D {
    background: url(../images/game/baccarat/cards/D5.jpg) no-repeat 0 0
}

.card-6D {
    background: url(../images/game/baccarat/cards/D6.jpg) no-repeat 0 0
}

.card-7D {
    background: url(../images/game/baccarat/cards/D7.jpg) no-repeat 0 0
}

.card-8D {
    background: url(../images/game/baccarat/cards/D8.jpg) no-repeat 0 0
}

.card-9D {
    background: url(../images/game/baccarat/cards/D9.jpg) no-repeat 0 0
}

.card-TD {
    background: url(../images/game/baccarat/cards/D10.jpg) no-repeat 0 0
}

.card-JD {
    background: url(../images/game/baccarat/cards/D11.jpg) no-repeat 0 0
}

.card-QD {
    background: url(../images/game/baccarat/cards/D12.jpg) no-repeat 0 0;
}

.card-KD {
    background: url(../images/game/baccarat/cards/D13.jpg) no-repeat 0 0
}

.card-AC {
    background: url(../images/game/baccarat/cards/C1.jpg) no-repeat 0 0
}

.card-2C {
    background: url(../images/game/baccarat/cards/C2.jpg) no-repeat 0 0
}

.card-3C {
    background: url(../images/game/baccarat/cards/C3.jpg) no-repeat 0 0;
}

.card-4C {
    background: url(../images/game/baccarat/cards/C4.jpg) no-repeat 0 0
}

.card-5C {
    background: url(../images/game/baccarat/cards/C5.jpg) no-repeat 0 0
}

.card-6C {
    background: url(../images/game/baccarat/cards/C6.jpg) no-repeat 0 0
}

.card-7C {
    background: url(../images/game/baccarat/cards/C7.jpg) no-repeat 0 0
}

.card-8C {
    background: url(../images/game/baccarat/cards/C8.jpg) no-repeat 0 0
}

.card-9C {
    background: url(../images/game/baccarat/cards/C9.jpg) no-repeat 0 0
}

.card-TC {
    background: url(../images/game/baccarat/cards/C10.jpg) no-repeat 0 0;
}

.card-JC {
    background: url(../images/game/baccarat/cards/C11.jpg) no-repeat 0 0
}

.card-QC {
    background: url(../images/game/baccarat/cards/C12.jpg) no-repeat 0 0
}

.card-KC {
    background: url(../images/game/baccarat/cards/C13.jpg) no-repeat 0 0
}

#gallery {
    width: 500;
    height: 400px;
    top: 10%;
    left: 10%;
    z-index: 9
}

.tieSpotlight #gallery {
    width: 500;
    height: 400px;
    top: 50%;
    left: -158px;
    z-index: 9
}

.playerSpotlight #gallery {
    width: 500;
    height: 400px;
    top: -10%;
    left: 10%;
    z-index: 9
}

.ps-container .ps-scrollbar-x-rail {
    position: absolute;
    bottom: 3px;
    height: 8px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    -moz-transition: background-color .2s linear,opacity .2s linear;
    transition: background-color .2s linear,opacity .2s linear;
}

.ps-container:hover .ps-scrollbar-x-rail,.ps-container.hover .ps-scrollbar-x-rail {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.ps-container .ps-scrollbar-x-rail:hover,.ps-container .ps-scrollbar-x-rail.hover {
    background-color: #000;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.ps-container .ps-scrollbar-x-rail.in-scrolling {
    background-color: #000;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.ps-container .ps-scrollbar-y-rail {
    position: absolute;
    right: 3px;
    width: 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    opacity: 0;
    filter: alpha(opacity= 0);
    -o-transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    -moz-transition: background-color .2s linear,opacity .2s linear;
    transition: background-color .2s linear,opacity .2s linear;
}

.ps-container:hover .ps-scrollbar-y-rail,.ps-container.hover .ps-scrollbar-y-rail {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.ps-container .ps-scrollbar-y-rail:hover,.ps-container .ps-scrollbar-y-rail.hover {
    background-color: #000;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.ps-container .ps-scrollbar-y-rail.in-scrolling {
    background-color: #000;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.ps-container .ps-scrollbar-x {
    position: absolute;
    bottom: 0;
    height: 8px;
    background-color: #aaa;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color.2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,.ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x {
    background-color: #999;
}

.ps-container .ps-scrollbar-y {
    position: absolute;
    right: 0;
    width: 5px;
    background-color: #aaa;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color.2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y {
    background-color: #999;
}

.page-wrapper,.snppopup {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.snp-info {
    white-space: pre-line;
}

.rules,.results {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.open {
    -webkit-transform: translateY(173px);
    transform: translateY(173px);
}

.up {
    display: none;
}

.open .up {
    display: block;
}

.down {
    display: block;
}

.open .down {
    display: none;
}

.win .winningOption {
    z-index: 10009!important;
}

.winBlock,.youWin {
    display: none!important;
}

.win .winningOption .winBlock,.winningOption .youWin {
    display: block!important;
}

.tableBetBoxPattern ol {
    cursor: pointer;
}

.tablePokerLeft ul li,.tablePokerRight ul li {
    -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0);
    -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0);
    box-shadow: 0px 0px 2px rgba(0,0,0,0);
}

.notransition {
    -webkit-transition: none!important;
    -moz-transition: none!important;
    -o-transition: none!important;
    -ms-transition: none!important;
    transition: none!important;
    transform: none!important;
    animation: none!important;
}

.tableBetBoxPattern ul li.tie ol {
    left: 133px;
    top: 68px;
}

.header2 {
    margin: 0 auto;
    width: 100%;
    height: 70px;
    background-color: #dfeaff;
    background-image: -webkit-linear-gradient(top,#c4d7ff,#f7faff);
    background-image: -moz-linear-gradient(top,#c4d7ff,#f7faff);
    background-image: -o-linear-gradient(top,#c4d7ff,#f7faff);
    background-image: linear-gradient(to bottom,#c4d7ff,#f7faff);
}

.headerWrapper {
    margin: 0 auto;
    width: 803px;
    height: 70px;
}

.headerWrapper img {
    margin-top: 12px;
}

.detail .tableBetBoxPattern ul li a:hover {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8
}

.detail .one,.detail .two,.detail ul li.rotation {
    -webkit-animation: none;
    -o-animation: none;
    animation: none;
}

object {
    position: absolute;
    display: block;
}

object {
    width: 500;
    height: 400px;
    top: 10%;
    left: 10%;
    z-index: 9
}

.tieSpotlight object {
    width: 500;
    height: 400px;
    top: 50%;
    left: -158px;
    z-index: 9
}

.playerSpotlight object {
    width: 500;
    height: 400px;
    top: 15%;
    left: 10%;
    z-index: 9
}

.tie .last {
    -webkit-animation: tieChip ease-in 0.1s;
    animation: tieChip ease-in 0.1s;
}

.player .last {
    -webkit-animation: playerChip ease-in 0.1s;
    animation: playerChip ease-in 0.1s;
}

.banker .last {
    -webkit-animation: bankerChip ease-in 0.1s;
    animation: bankerChip ease-in 0.1s;
}

@-webkit-keyframes tieChip {
    0% {
        -webkit-transform: translateY(400px);
    }

    100% {
        -webkit-transform: translateY(0);
    }
}

@keyframes tieChip {
    0% {
        transform: translateY(400px);
    }

    100% {
        transform: translateY(0);
    }
}

@-webkit-keyframes playerChip {
    0% {
        -webkit-transform: translateY(300px);
    }

    100% {
        -webkit-transform: translateY(0);
    }
}

@keyframes playerChip {
    0% {
        transform: translateY(300px);
    }

    100% {
        transform: translateY(0);
    }
}

@-webkit-keyframes bankerChip {
    0% {
        -webkit-transform: translateY(200px);
    }

    100% {
        -webkit-transform: translateY(0);
    }
}

@keyframes bankerChip {
    0% {
        transform: translateY(200px);
    }

    100% {
        transform: translateY(0);
    }
}

.player {
    z-index: 2;
}

.loading {
    background: url(../images/game/loading_bg.png);
}

.loaderContainer {
    position: relative;
    width: 100%;
    height: 100%;
}

.loading .loadIcon {
    position: absolute;
    top: 8px;
    left: 336px;
    width: 137px;
    height: 136px;
    background: url(../images/game/loading_chip.png) no-repeat;
}

.loader {
    font-size: 10px;
    margin: 218px auto;
    text-indent: -9999em;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: #f2d400;
    background: -moz-linear-gradient(left,#f2d400 10%,rgba(242,212,0,0) 42%);
    background: -webkit-linear-gradient(left,#f2d400 10%,rgba(242,212,0,0) 42%);
    background: -o-linear-gradient(left,#f2d400 10%,rgba(242,212,0,0) 42%);
    background: -ms-linear-gradient(left,#f2d400 10%,rgba(242,212,0,0) 42%);
    background: linear-gradient(to right,#f2d400 10%,rgba(242,212,0,0) 42%);
    position: relative;
    -webkit-animation: load3 1.4s infinite linear;
    animation: load3 1.4s infinite linear;
}

.loader:before {
    width: 50%;
    height: 50%;
    background: #f2d400;
    border-radius: 100% 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
}

.loader:after {
    background: #000;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

@-webkit-keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.out-page-wrapper {
    min-height: 603px;
    min-width: 804px;
    position: absolute;
    top: 81px;
    bottom: 0;
    width: 100%;
}

.out-page-wrapper.detail {
    top: 70px;
}

.page-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -301.5px;
    margin-left: -402px;
}

.tie svg {
    position: absolute;
    z-index: 1;
    height: 85px;
    width: 85px;
    top: 58px;
    left: 115px;
}

.banker svg {
    position: absolute;
    z-index: 2;
    height: 95px;
    width: 460px;
    top: -6px;
}

.player svg {
    position: absolute;
    z-index: 1;
    height: 116px;
    width: 524px;
    top: 0;
}

[data-bet] {
    cursor: pointer;
}

.squeezeMask {
    position: absolute;
    display: none;
    width: 805px;
    height: 604px;
    background: url(../images/game/baccarat/squeezeMask.png) no-repeat center top;
    z-index: 10000;
    background-size: 805px 604px;
}

.squeeze {
    transition: all 0.2s ease-in-out;
}

.squeeze .tablePokerRight {
    z-index: 9999
}

.tablePokerLeft.zindex {
    z-index: 99999!important;
}

.tablePokerLeft ul li.noFlip div.front {
    display: none;
}

.tablePokerLeft ul li.noFlip div.back {
    opacity: 1;
    animation: none;
}

.tablePokerLeft ul li.squeezeBig {
    width: 130px;
    height: 151px;
    transition: all 0.2s ease-in-out;
}

.squeeze .tablePokerLeft {
    z-index: 9999
}

.tablePokerRight.zindex {
    z-index: 99999!important;
}

.tablePokerRight ul li.noFlip div.front {
    display: none;
}

.tablePokerRight ul li.noFlip div.back {
    opacity: 1;
    animation: none;
}

.tablePokerRight ul li.squeezeBig {
    width: 130px;
    height: 151px;
    transition: all 0.2s ease-in-out;
}

.tablePokerRight ul li.rotation.squeezeBig,.tablePokerLeft ul li.rotation.squeezeBig {
    width: 110px;
    height: 210px;
    transition: all 0.2s ease-in-out;
    z-index: 99;
    top: 20px;
}

.tablePokerRight ul li.rotation.squeezeBig div.back,.tablePokerLeft ul li.rotation.squeezeBig div.back,.tablePokerRight ul li.rotation.squeezeBig div.front,.tablePokerLeft ul li.rotation.squeezeBig div.front {
    border-radius: 10px;
}

.tablePokerLeft ul li.rotation.squeezeBig span.arrow {
    position: absolute;
    bottom: -55px;
    left: 70px;
    background: url(../images/game/baccarat/squeezeCareHorizontalArrow2.png) no-repeat 0 0;
    width: 40px;
    height: 190px;
    background-size: 40px 190px;
    z-index: 50;
}

.tablePokerLeft ul li.rotation.squeezeBig.rotated span.arrow {
    position: absolute;
    bottom: -100px;
    left: -50PX;
    background: url(../images/game/baccarat/squeezeCareStraightArrow.png) no-repeat 0 0;
    width: 230px;
    height: 59px;
    background-size: 150px 30px;
    z-index: 50;
}

.tablePokerRight ul li.rotation.squeezeBig.rotated span.arrow {
    position: absolute;
    bottom: -95px;
    left: -50PX;
    background: url(../images/game/baccarat/squeezeCareStraightArrow.png) no-repeat 0 0;
    width: 230px;
    height: 59px;
    background-size: 150px 30px;
    z-index: 50;
}

.tablePokerRight ul li.rotation.squeezeBig span.arrow {
    position: absolute;
    bottom: 8px;
    left: 86px;
    background: url(../images/game/baccarat/squeezeCareHorizontalArrow2.png) no-repeat 0 0;
    width: 40px;
    height: 190px;
    background-size: 40px 190px;
    z-index: 50;
}

.tablePokerRight ul li.one.squeezeBig span.arrow,.tablePokerRight ul li.two.squeezeBig span.arrow,.tablePokerLeft ul li.one.squeezeBig span.arrow,.tablePokerLeft ul li.two.squeezeBig span.arrow {
    position: absolute;
    bottom: -95px;
    left: -38px;
    background: url(../images/game/baccarat/squeezeCareStraightArrow.png) no-repeat 0 0;
    width: 140px;
    height: 59px;
    background-size: 140px 30px;
}

.tablePokerRight ul li.rotation.noFlip.squeezeBig div,.tablePokerLeft ul li.rotation.noFlip.squeezeBig div {
    width: 110px;
    height: 210px;
    background-size: 110px 210px;
}

.tablePokerRight ul li.rotation.noFlip.squeezeBig div.back,.tablePokerLeft ul li.rotation.noFlip.squeezeBig div.back {
    z-index: 2;
}

.tablePokerRight ul li.rotation.noFlip.squeezeBig div.front,.tablePokerLeft ul li.rotation.noFlip.squeezeBig div.front {
    z-index: 1;
}

#counter {
    position: absolute;
    z-index: 9999999;
    width: 804px;
    bottom: -90px;
}

#counter .counterBg {
    position: absolute;
    background: url(../images/game/baccarat/timer_count.png?2) no-repeat 0 0;
    height: 169px;
    width: 804px;
    z-index: 2;
}

#counter a.revealAll {
    position: absolute;
    display: block;
    left: 50%;
    margin-left: -125px;
    top: 95px;
    background: url(../images/game/baccarat/revealAll.png?2) no-repeat 0 0;
    width: 250px;
    height: 87px;
    transform: perspective(300px) rotateX(20deg) skewx(0deg);
    z-index: 3;
    transition: all 0.2s ease-in-out;
}

#counter a.revealAll:hover {
    background: url(../images/game/baccarat/revealAll_hover.png?2) no-repeat 0 0
}

#counter div {
    position: relative;
    z-index: 999;
    width: 85px;
    height: 85px;
    margin: 0 auto;
    color: #ffffff;
    font-size: 43pt;
    margin-top: 20px;
}

#counter div p {
    font-family: 'Roboto Condensed';
    font-weight: bold;
    margin-left: -2px;
    letter-spacing: -1px;
    text-align: center;
    text-shadow: 0 0 20px rgba(255,255,255,1),0px 0px 6px #ffffff,0px 0px 2px #ffffff;
    transform: perspective(100px) rotateX(30deg) skewx(0deg);
}

#counter .counterBg.counterQuicklyBg {
    position: absolute;
    background: url(../images/game/baccarat/timer_counterQuickly.png?2) no-repeat 0 0;
    height: 169px;
    width: 804px;
    z-index: 2;
}

#counter div p {
    font-family: 'Roboto Condensed';
    font-weight: bold;
    margin-top: 30px;
    margin-left: -2px;
    letter-spacing: -1px;
    text-align: center;
    text-shadow: 0 0 20px rgba(255,255,255,1),0px 0px 6px #ffffff,0px 0px 2px #ffffff;
}

#counter .counterBg.counterQuicklyBg #count {
    -webkit-animation: betTime-animation 1.2s ease-in 0s infinite;
    animation: betTime-animation 1.2s ease-in 0s infinite;
}

@-webkit-keyframes betTime-animation {
    0% {
        opacity: 1;
        -webkit-transform: scale(1.4) perspective(100px) rotateX(30deg) skewx(0deg);
        color: #fffed3;
        text-shadow: 0px 0px 10px #FFF;
        text-shadow: 0 0 20px rgba(255,254,165,1),0px 0px 6px #ffffff,0px 0px 2px #ffffff;
    }

    50% {
        opacity: 0.6;
        transform: scale(1.1) perspective(100px) rotateX(30deg) skewx(0deg);
        color: #FFF;
        text-shadow: 0px 0px 10px #FFF;
        text-shadow: 0 0 20px rgba(255,255,255,1),0px 0px 6px #ffffff,0px 0px 2px #ffffff;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1) perspective(100px) rotateX(30deg) skewx(0deg);
        color: #ffd21e;
        text-shadow: 0px 0px 0px #ffcc00;
        text-shadow: 0 0 20px rgba(255,255,255,0.7),0px 0px 6px #ffffff,0px 0px 2px #ffffff;
    }
}

@keyframes betTime-animation {
    0% {
        opacity: 1;
        transform: scale(1.4) perspective(100px) rotateX(30deg) skewx(0deg);
        color: #fffed3;
        text-shadow: 0px 0px 10px #FFF;
        text-shadow: 0 0 20px rgba(255,254,165,1),0px 0px 6px #ffffff,0px 0px 2px #ffffff;
    }

    50% {
        opacity: 0.6;
        transform: scale(1.1) perspective(100px) rotateX(30deg) skewx(0deg);
        color: #FFF;
        text-shadow: 0px 0px 10px #FFF;
        text-shadow: 0 0 20px rgba(255,255,255,1),0px 0px 6px #ffffff,0px 0px 2px #ffffff;
    }

    100% {
        opacity: 0;
        transform: scale(0.7) perspective(100px) rotateX(30deg) skewx(0deg);
        color: #ffd21e;
        text-shadow: 0px 0px 0px #ffcc00;
        text-shadow: 0 0 20px rgba(255,255,255,1),0px 0px 6px #ffffff,0px 0px 2px #ffffff;
    }
}

.tablePokerRight li.twoReturn {
    left: 0!important;
}

.tablePokerLeft ul li.squeezeBig div,.tablePokerRight ul li.squeezeBig div {
    width: 130px;
    height: 151px;
    background-size: 130px 151px;
    transition: all 0.2s ease-in-out;
}

@-moz-document url-prefix() {
    .tablePokerLeft ul li.squeezeBig div,.tablePokerRight ul li.squeezeBig div {
        transition: none;
    }
}

.tablePokerLeft ul li.noFlip,.tablePokerRight ul li.noFlip {
    position: absolute;
    animation: none;
}

.tablePokerLeft ul li.squeezeBig div.front,.tablePokerRight ul li.squeezeBig div.front {
    display: block;
}

.tablePokerLeft ul li.squeezeBig,.tablePokerRight ul li.squeezeBig {
    box-shadow: 0 0 10px 2px rgba(0,0,0,.8);
}

.tablePokerLeft ul li.one.squeezeBig,.tablePokerRight ul li.one.squeezeBig {
}

.tablePokerLeft ul li.two.squeezeBig,.tablePokerRight ul li.two.squeezeBig {
}

.tableBetBoxPattern ul li.BP_Num h4.playerSqueeze {
    background-image: url(../images/game/baccarat/BP_img_playerSqueeze.png);
    background-repeat: no-repeat;
}

.tableBetBoxPattern ul li.BP_Num h4.bankerSqueeze {
    background-image: url(../images/game/baccarat/BP_img_bankerSqueeze.png);
    background-repeat: no-repeat;
}

.card-locker {
    box-shadow: rgba(0,0,0,0.5) 0px 5px 10px 2px!important;
}

.shakeSqueeze {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 0.5s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.animated {
    -webkit-animation-name: bounceIn;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: 10;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-name: bounceIn;
    animation-duration: 5s;
    animation-iteration-count: 10;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}

@-webkit-keyframes shake {
    0%,100% {
        -webkit-transform: translateY(0);
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translateY(-5px);
    }

    20%,40%,60%,80% {
        -webkit-transform: translateY(5px);
    }
}

@keyframes shake {
    0%,100% {
        transform: translateY(0);
    }

    10%,30%,50%,70%,90% {
        transform: translateY(-3px);
    }

    20%,40%,60%,80% {
        transform: translateY(3px);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes shake2 {
    0%,100% {
        -webkit-transform: translateX(0);
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translateX(-5px);
    }

    20%,40%,60%,80% {
        -webkit-transform: translateX(5px);
    }
}

@keyframes shake2 {
    0%,100% {
        transform: translateX(0);
    }

    10%,30%,50%,70%,90% {
        transform: translateX(-3px);
    }

    20%,40%,60%,80% {
        transform: translateX(3px);
    }
}

.shake2 {
    -webkit-animation-name: shake2;
    animation-name: shake2;
}

.squeezeBig .backPeek {
    background: url(../images/game/baccarat/squeezeCards/cardBack.jpg) no-repeat 0 0;
}

.squeezeBig .card-AS {
    background: url(../images/game/baccarat/squeezeCards/S1.jpg) no-repeat 0 0
}

.squeezeBig .card-2S {
    background: url(../images/game/baccarat/squeezeCards/S2.jpg) no-repeat 0 0
}

.squeezeBig .card-3S {
    background: url(../images/game/baccarat/squeezeCards/S3.jpg) no-repeat 0 0
}

.squeezeBig .card-4S {
    background: url(../images/game/baccarat/squeezeCards/S4.jpg) no-repeat 0 0
}

.squeezeBig .card-5S {
    background: url(../images/game/baccarat/squeezeCards/S5.jpg) no-repeat 0 0
}

.squeezeBig .card-6S {
    background: url(../images/game/baccarat/squeezeCards/S6.jpg) no-repeat 0 0
}

.squeezeBig .card-7S {
    background: url(../images/game/baccarat/squeezeCards/S7.jpg) no-repeat 0 0
}

.squeezeBig .card-8S {
    background: url(../images/game/baccarat/squeezeCards/S8.jpg) no-repeat 0 0
}

.squeezeBig .card-9S {
    background: url(../images/game/baccarat/squeezeCards/S9.jpg) no-repeat 0 0
}

.squeezeBig .card-TS {
    background: url(../images/game/baccarat/squeezeCards/S10.jpg) no-repeat 0 0
}

.squeezeBig .card-JS {
    background: url(../images/game/baccarat/squeezeCards/S11.jpg) no-repeat 0 0
}

.squeezeBig .card-QS {
    background: url(../images/game/baccarat/squeezeCards/S12.jpg) no-repeat 0 0
}

.squeezeBig .card-KS {
    background: url(../images/game/baccarat/squeezeCards/S13.jpg) no-repeat 0 0
}

.squeezeBig .card-AH {
    background: url(../images/game/baccarat/squeezeCards/H1.jpg) no-repeat 0 0
}

.squeezeBig .card-2H {
    background: url(../images/game/baccarat/squeezeCards/H2.jpg) no-repeat 0 0
}

.squeezeBig .card-3H {
    background: url(../images/game/baccarat/squeezeCards/H3.jpg) no-repeat 0 0
}

.squeezeBig .card-4H {
    background: url(../images/game/baccarat/squeezeCards/H4.jpg) no-repeat 0 0
}

.squeezeBig .card-5H {
    background: url(../images/game/baccarat/squeezeCards/H5.jpg) no-repeat 0 0
}

.squeezeBig .card-6H {
    background: url(../images/game/baccarat/squeezeCards/H6.jpg) no-repeat 0 0
}

.squeezeBig .card-7H {
    background: url(../images/game/baccarat/squeezeCards/H7.jpg) no-repeat 0 0
}

.squeezeBig .card-8H {
    background: url(../images/game/baccarat/squeezeCards/H8.jpg) no-repeat 0 0
}

.squeezeBig .card-9H {
    background: url(../images/game/baccarat/squeezeCards/H9.jpg) no-repeat 0 0
}

.squeezeBig .card-TH {
    background: url(../images/game/baccarat/squeezeCards/H10.jpg) no-repeat 0 0
}

.squeezeBig .card-JH {
    background: url(../images/game/baccarat/squeezeCards/H11.jpg) no-repeat 0 0
}

.squeezeBig .card-QH {
    background: url(../images/game/baccarat/squeezeCards/H12.jpg) no-repeat 0 0
}

.squeezeBig .card-KH {
    background: url(../images/game/baccarat/squeezeCards/H13.jpg) no-repeat 0 0
}

.squeezeBig .card-AD {
    background: url(../images/game/baccarat/squeezeCards/D1.jpg) no-repeat 0 0
}

.squeezeBig .card-2D {
    background: url(../images/game/baccarat/squeezeCards/D2.jpg) no-repeat 0 0
}

.squeezeBig .card-3D {
    background: url(../images/game/baccarat/squeezeCards/D3.jpg) no-repeat 0 0
}

.squeezeBig .card-4D {
    background: url(../images/game/baccarat/squeezeCards/D4.jpg) no-repeat 0 0
}

.squeezeBig .card-5D {
    background: url(../images/game/baccarat/squeezeCards/D5.jpg) no-repeat 0 0
}

.squeezeBig .card-6D {
    background: url(../images/game/baccarat/squeezeCards/D6.jpg) no-repeat 0 0
}

.squeezeBig .card-7D {
    background: url(../images/game/baccarat/squeezeCards/D7.jpg) no-repeat 0 0
}

.squeezeBig .card-8D {
    background: url(../images/game/baccarat/squeezeCards/D8.jpg) no-repeat 0 0
}

.squeezeBig .card-9D {
    background: url(../images/game/baccarat/squeezeCards/D9.jpg) no-repeat 0 0
}

.squeezeBig .card-TD {
    background: url(../images/game/baccarat/squeezeCards/D10.jpg) no-repeat 0 0
}

.squeezeBig .card-JD {
    background: url(../images/game/baccarat/squeezeCards/D11.jpg) no-repeat 0 0
}

.squeezeBig .card-QD {
    background: url(../images/game/baccarat/squeezeCards/D12.jpg) no-repeat 0 0;
}

.squeezeBig .card-KD {
    background: url(../images/game/baccarat/squeezeCards/D13.jpg) no-repeat 0 0
}

.squeezeBig .card-AC {
    background: url(../images/game/baccarat/squeezeCards/C1.jpg) no-repeat 0 0
}

.squeezeBig .card-2C {
    background: url(../images/game/baccarat/squeezeCards/C2.jpg) no-repeat 0 0
}

.squeezeBig .card-3C {
    background: url(../images/game/baccarat/squeezeCards/C3.jpg) no-repeat 0 0;
}

.squeezeBig .card-4C {
    background: url(../images/game/baccarat/squeezeCards/C4.jpg) no-repeat 0 0
}

.squeezeBig .card-5C {
    background: url(../images/game/baccarat/squeezeCards/C5.jpg) no-repeat 0 0
}

.squeezeBig .card-6C {
    background: url(../images/game/baccarat/squeezeCards/C6.jpg) no-repeat 0 0
}

.squeezeBig .card-7C {
    background: url(../images/game/baccarat/squeezeCards/C7.jpg) no-repeat 0 0
}

.squeezeBig .card-8C {
    background: url(../images/game/baccarat/squeezeCards/C8.jpg) no-repeat 0 0
}

.squeezeBig .card-9C {
    background: url(../images/game/baccarat/squeezeCards/C9.jpg) no-repeat 0 0
}

.squeezeBig .card-TC {
    background: url(../images/game/baccarat/squeezeCards/C10.jpg) no-repeat 0 0;
}

.squeezeBig .card-JC {
    background: url(../images/game/baccarat/squeezeCards/C11.jpg) no-repeat 0 0
}

.squeezeBig .card-QC {
    background: url(../images/game/baccarat/squeezeCards/C12.jpg) no-repeat 0 0
}

.squeezeBig .card-KC {
    background: url(../images/game/baccarat/squeezeCards/C13.jpg) no-repeat 0 0
}

.rotate-icon {
    background: url(../images/game/baccarat/rotate.png?1) no-repeat center center;
    width: 100px!important;
    height: 100px!important;
    background-size: 49px 59px!important;
    position: absolute;
    z-index: 200;
    opacity: .8;
    cursor: pointer;
    left: 38%;
    top: 40%;
    margin-left: -54px;
    margin-top: -44px;
}

.tablePokerLeft ul li.one.squeezeBig.rotated .rotate-icon,.tablePokerLeft ul li.two.squeezeBig.rotated .rotate-icon,.tablePokerRight ul li.one.squeezeBig.rotated .rotate-icon,.tablePokerRight ul li.two.squeezeBig.rotated .rotate-icon,.tablePokerLeft ul li.rotation.squeezeBig.rotated .rotate-icon,.tablePokerRight ul li.rotation.squeezeBig.rotated .rotate-icon {
    background-image: url(../images/game/baccarat/rotate.jpg?1);
}

.tablePokerLeft ul li.rotation.squeezeBig .rotate-icon,.tablePokerRight ul li.rotation.squeezeBig .rotate-icon {
    height: 66px!important;
    margin-top: -30px!important;
    margin-left: -31px!important;
}

.tablePokerLeft ul li.rotation.squeezeBig .rotate-icon-target,.tablePokerRight ul li.rotation.squeezeBig .rotate-icon-target {
    background-size: 40px 50px!important;
    height: 80px!important;
    margin-top: -40px!important;
    margin-left: -32px!important;
}

.tablePokerLeft ul li.rotation.squeezeBig.rotated .rotate-icon,.tablePokerRight ul li.rotation.squeezeBig.rotated .rotate-icon {
    left: 44%;
    top: 60px;
    width: 78px!important;
    height: 90px!important;
    background-size: 63px 48px!important;
}

.tablePokerLeft ul li.squeezeBig.rotated,.tablePokerRight ul li.squeezeBig.rotated {
    width: 130px;
    height: 151px;
    background-size: 130px 151px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.tablePokerLeft ul li.rotation.squeezeBig.rotated .rotate-icon-target,.tablePokerRight ul li.rotation.squeezeBig.rotated .rotate-icon-target {
    left: 55%;
    top: 95px;
    width: 50px!important;
    height: 40px!important;
    background-size: 50px 40px!important;
}

.tablePokerLeft ul li.one.squeezeBig.rotated,.tablePokerLeft ul li.two.squeezeBig.rotated,.tablePokerRight ul li.one.squeezeBig.rotated,.tablePokerRight ul li.two.squeezeBig.rotated {
    width: 100px;
    height: 180px;
    background-size: 130px 151px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.tablePokerLeft ul li.one.squeezeBig .rotate-icon,.tablePokerLeft ul li.two.squeezeBig .rotate-icon,.tablePokerRight ul li.one.squeezeBig .rotate-icon,.tablePokerRight ul li.two.squeezeBig .rotate-icon {
    background-size: 55px 45px!important;
    left: 50%!important;
    margin-top: -30px!important;
}

.tablePokerRight ul li.one.squeezeBig.rotated span.arrow,.tablePokerRight ul li.two.squeezeBig.rotated span.arrow,.tablePokerLeft ul li.one.squeezeBig.rotated span.arrow,.tablePokerLeft ul li.two.squeezeBig.rotated span.arrow {
    position: absolute;
    bottom: -15px;
    left: 53px;
    background: url(../images/game/baccarat/squeezeCareHorizontalArrow2.png) no-repeat 0 0;
    width: 35px;
    height: 190px;
    background-size: 35px 190px;
    z-index: 9;
}

.tablePokerLeft ul li.two.squeezeBig.rotated {
    left: 397px!important;
    top: 70px;
}

.tablePokerRight ul li.two.squeezeBig.rotated {
    left: -138px!important;
}

.tablePokerLeft ul li.one.squeezeBig.rotated {
    left: 179px!important;
    top: 70px!important;
}

.tablePokerRight ul li.one.squeezeBig.rotated {
    left: -349px;
    top: 70px;
}

.tablePokerLeft ul li.one.squeezeBig.rotated div,.tablePokerLeft ul li.two.squeezeBig.rotated div,.tablePokerRight ul li.one.squeezeBig.rotated div,.tablePokerRight ul li.two.squeezeBig.rotated div {
    width: 100px!important;
    height: 180px!important;
    background-size: 100px 180px!important;
}

.tablePokerLeft ul li.one.squeezeBig.rotated div.rotate-icon,.tablePokerLeft ul li.two.squeezeBig.rotated div.rotate-icon,.tablePokerRight ul li.one.squeezeBig.rotated div.rotate-icon,.tablePokerRight ul li.two.squeezeBig.rotated div.rotate-icon {
    width: 60px!important;
    height: 150px!important;
    background-size: 40px 60px!important;
    left: 30%!important;
    margin-left: -10px!important;
    margin-top: -70px!important;
}

.tablePokerRight ul li.squeezeBig.rotated div,.tablePokerLeft ul li.squeezeBig.rotated div {
    width: 130px!important;
    height: 151px!important;
    background-size: 130px 151px!important;
}

.tablePokerLeft ul li,.tablePokerRight ul li {
    box-shadow: 0px 3px -1px 0px #000;
}

@-webkit-keyframes playerCardAni-animation {
    0% {
        -webkit-transform: rotate(90deg) rotateY(180deg);
        opacity: 0;
        box-shadow: 0px 0px 0px 0px #000;
    }

    27% {
        opacity: 1;
    }

    30% {
        -webkit-transform: rotate(90deg) rotateY(180deg);
    }

    100% {
        -webkit-transform: rotate(90deg) rotateY(0deg);
        box-shadow: 3px 0px 3px 0px #000;
    }
}

@keyframes playerCardAni-animation {
    0% {
        transform: rotate(90deg) rotateY(180deg);
        opacity: 0;
        box-shadow: 0px 0px 0px 0px #000;
    }

    27% {
        opacity: 1;
    }

    30% {
        transform: rotate(90deg) rotateY(180deg);
    }

    100% {
        transform: rotate(90deg) rotateY(0deg);
        box-shadow: 3px 0px 3px 0px #000;
    }
}

.tablePokerRight ul li.rotation {
    width: 70px;
    height: 120px;
    top: 73px;
    left: 48px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.tablePokerRight ul li.rotation.CardRotate,.tablePokerLeft ul li.rotation.CardRotate {
    transform: rotate(-90deg);
    -webkit-animation: CardRotate-animation 1s ease-in 0s;
    animation: CardRotate-animation 1s ease-in 0s;
}

.tablePokerLeft ul li.three.rotation.CardRotate div.front,.tablePokerRight ul li.three.rotation.CardRotate div.front {
    transition-delay: 0.8s;
    z-index: 9;
}

@-webkit-keyframes CardRotate-animation {
    0% {
        -webkit-transform: rotate(-90deg) rotateY(180deg);
        box-shadow: 0px 0px 0px 0px #000;
    }

    27% {
        opacity: 1;
    }

    30% {
        -webkit-transform: rotate(-90deg) rotateY(180deg);
    }

    100% {
        -webkit-transform: rotate(-90deg) rotateY(0deg);
        box-shadow: -3px 0px 3px 0px #000;
    }
}

@keyframes CardRotate-animation {
    0% {
        transform: rotate(-90deg) rotateY(180deg);
        box-shadow: 0px 0px 0px 0px #000;
    }

    27% {
        opacity: 1;
    }

    30% {
        transform: rotate(-90deg) rotateY(180deg);
    }

    100% {
        transform: rotate(-90deg) rotateY(0deg);
        box-shadow: -3px 0px 3px 0px #000;
    }
}

.tablePokerLeft ul li div,.tablePokerRight ul li div {
    border-radius: 5px;
    width: 83px;
    height: 95px;
    background-size: 83px 95px
}

.tablePokerLeft ul li.rotation div,.tablePokerRight ul li.rotation div {
    width: 70px;
    height: 120px;
    background-size: 70px 120px;
}

@-webkit-keyframes opacityChange-animation {
    0% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    91% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes opacityChange-animation {
    0% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    91% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes opacity-animation {
    0% {
        opacity: 0;
    }

    90% {
        opacity: 0;
    }

    91% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes opacity-animation {
    0% {
        opacity: 0;
    }

    90% {
        opacity: 0;
    }

    91% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes cardAni-animation {
    0% {
        -webkit-transform: rotateY(180deg);
        opacity: 0;
    }

    27% {
        opacity: 1;
    }

    30% {
        -webkit-transform: rotateY(180deg);
    }

    100% {
        -webkit-transform: rotateY(0deg);
    }
}

@keyframes cardAni-animation {
    0% {
        transform: rotateY(180deg);
        opacity: 0;
    }

    27% {
        opacity: 1;
    }

    30% {
        transform: rotateY(180deg);
    }

    100% {
        transform: rotateY(0deg);
    }
}

@-webkit-keyframes cardAni-animation {
    0% {
        -webkit-transform: rotateY(180deg);
        opacity: 0;
    }

    27% {
        opacity: 1;
    }

    30% {
        -webkit-transform: rotateY(180deg);
    }

    100% {
        -webkit-transform: rotateY(0deg);
    }
}

@keyframes cardAni-animation {
    0% {
        transform: rotateY(180deg);
        opacity: 0;
    }

    27% {
        opacity: 1;
    }

    30% {
        transform: rotateY(180deg);
    }

    100% {
        transform: rotateY(0deg);
    }
}

.finger {
    width: 100%;
    position: absolute;
    top: -130%;
    z-index: 199;
}

.finger ul li.leftFinger {
    position: absolute;
    left: -95px;
    top: 0px;
    background: url(../images/game/baccarat/rightHand.png?1);
    width: 120px;
    height: 92px;
    animation: none;
}

.finger ul li.rightFinger {
    position: absolute;
    left: inherit;
    right: -95px;
    top: 0px;
    background: url(../images/game/baccarat/leftHand.png?1);
    width: 120px;
    height: 92px;
    animation: none;
}

.tablePokerLeft ul li.rotated div.finger {
    transform: rotate(-90deg);
    left: 25px;
}

.tablePokerLeft ul li.rotated div.finger ul li.rightFinger {
    width: 180px;
    background: url(../images/game/baccarat/leftHandHorizontal.png);
    left: -138px;
    top: 0px;
}

.tablePokerLeft ul li.rotated div.finger ul li.leftFinger {
    width: 180px;
    background: url(../images/game/baccarat/rightHandHorizontal.png);
    left: -428px;
    top: 3px;
}

.tablePokerLeft ul li.three.rotation.noFlip.squeezeBig div.finger {
    transform: rotate(-90deg);
    top: 0px;
}

.tablePokerLeft ul li.three.rotation.noFlip.squeezeBig.rotated div.finger {
    transform: rotate(0deg);
    top: -50px;
}

.tablePokerLeft ul li.three.rotation.noFlip.squeezeBig.rotated div.finger ul li.rightFinger {
    width: 180px;
    background: url(../images/game/baccarat/leftHandHorizontal.png);
    left: 60px;
    top: 37px;
}

.tablePokerLeft ul li.three.rotation.noFlip.squeezeBig.rotated div.finger ul li.leftFinger {
    width: 180px;
    background: url(../images/game/baccarat/rightHandHorizontal.png);
    left: -180px;
    top: 41px;
}

.tablePokerLeft ul li.three.rotation.noFlip.squeezeBig div.finger ul li.rightFinger {
    width: 180px;
    background: url(../images/game/baccarat/leftHandHorizontal.png);
    left: 105px;
    top: 35px;
}

.tablePokerLeft ul li.three.rotation.noFlip.squeezeBig div.finger ul li.leftFinger {
    width: 180px;
    background: url(../images/game/baccarat/rightHandHorizontal.png);
    left: -205px;
    top: 38px;
}

.tablePokerRight ul li.three.rotation.noFlip.squeezeBig div.finger {
    transform: rotate(-90deg);
    top: 0px;
}

.tablePokerRight ul li.three.rotation.noFlip.squeezeBig.rotated div.finger ul li.rightFinger {
    width: 180px;
    background: url(../images/game/baccarat/leftHandHorizontal.png);
    left: 100px;
    top: 40px;
}

.tablePokerRight ul li.rotation.noFlip.squeezeBig div.finger ul li.rightFinger {
    width: 180px;
    background: url(../images/game/baccarat/leftHandHorizontal.png);
    left: 103px;
    top: 35px;
}

.tablePokerRight ul li.rotation.noFlip.squeezeBig div.finger ul li.leftFinger {
    width: 180px;
    background: url(../images/game/baccarat/rightHandHorizontal.png);
    left: -204px;
    top: 38px;
}

.tablePokerRight ul li.one.noFlip.squeezeBig.rotated div.finger {
    transform: rotate(-90deg);
    top: 0px;
}

.tablePokerRight ul li.one.noFlip.squeezeBig.rotated div.finger ul li.rightFinger {
    width: 180px;
    background: url(../images/game/baccarat/rightHandHorizontal.png);
    left: -195px;
    top: 29px;
}

.tablePokerRight ul li.one.noFlip.squeezeBig.rotated div.finger ul li.leftFinger {
    width: 180px;
    background: url(../images/game/baccarat/leftHandHorizontal.png);
    left: 96px;
    top: 24px;
}

.tablePokerRight ul li.two.noFlip.squeezeBig.rotated div.finger {
    transform: rotate(-90deg);
    top: 0px;
}

.tablePokerRight ul li.two.noFlip.squeezeBig.rotated div.finger ul li.rightFinger {
    width: 180px;
    background: url(../images/game/baccarat/rightHandHorizontal.png);
    left: -195px;
    top: 28px;
}

.tablePokerRight ul li.two.noFlip.squeezeBig.rotated div.finger ul li.leftFinger {
    width: 180px;
    background: url(../images/game/baccarat/leftHandHorizontal.png);
    left: 95px;
    top: 25px;
}

.tablePokerRight ul li.three.rotation.noFlip.squeezeBig.rotated div.finger {
    transform: rotate(0deg);
    top: -45px;
    left: 40px;
}

.tablePokerRight ul li.three.rotation.noFlip.squeezeBig.rotated div.finger ul li.rightFinger {
    width: 180px;
    background: url(../images/game/baccarat/leftHandHorizontal.png);
    left: 46px;
    top: 32px;
}

.tablePokerRight ul li.three.rotation.noFlip.squeezeBig.rotated div.finger ul li.leftFinger {
    width: 180px;
    background: url(../images/game/baccarat/rightHandHorizontal.png);
    left: -195px;
    top: 35px;
}

.tablePokerLeft ul li.one.squeezeBig {

    top: 60px;
    left: 183px;
}

.tablePokerLeft ul li.two.squeezeBig {
    top: 60px;
    left: 352px;
}

.tablePokerLeft ul li.rotation.squeezeBig {
    top: 60px;
    left: 282px;
}

.tablePokerRight ul li.one.squeezeBig {
    top: 60px;
    left: -346px;
}

.tablePokerRight ul li.two.squeezeBig {
    top: 60px;
    left: -178px;
}

.tablePokerRight ul li.rotation.squeezeBig {
    top: 60px;
    left: -243px;
}
