#board {
    position:relative;
	height: 1236px;
}

.card {
    border-radius: 5px;
    position: absolute;
    width: 142px;
    height: 234px;
    cursor:pointer;
	background-color: #f00;
	bottom: 0px; width: 144px; height: 236px;
	box-shadow: none;
}

.cardNo {
    display:none;
}

@media screen and (min-width: 40em) {
    .card {
        border-radius:7.5px
    }
}

@media screen and (min-width: 64em) {
    .card {
        border-radius:10px
    }
}

@media screen and (max-width: 64em) {
    table.scroll-for-celtic-cross {
        display: block;
        width: 100%;
        overflow-x:auto
    }
}

div.rotated {transform: rotate(90deg);}

div.sig {z-index: 14; top: 450px; left: 263px; }

div.c1  {z-index: 16; top: 500px; left: 263px; }
div.c2  {z-index: 17; top: 600px; left: 263px; }
div.c3  {z-index: 12; top: 150px; left: 263px; }
div.c4  {z-index: 13; top: 850px; left: 263px; }
div.c5  {z-index: 10; top: 500px; left: 513px; }
div.c6  {z-index: 11; top: 500px; left:  13px; }
div.c7  {z-index: 9;  top: 950px; left: 763px; }
div.c8  {z-index: 8;  top: 650px; left: 763px; }
div.c9  {z-index: 7;  top: 350px; left: 763px; }
div.c10 {z-index: 6;  top:  50px; left: 763px; }