@font-face {
    font-family: 'Amsi Pro AKS Condensed';
    src: url('fonts/AmsiProAKSCondensed-Bold.eot');
    src: local('Amsi Pro AKS Condensed Bold'), local('AmsiProAKSCondensed-Bold'),
        url('fonts/AmsiProAKSCondensed-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/AmsiProAKSCondensed-Bold.woff2') format('woff2'),
        url('fonts/AmsiProAKSCondensed-Bold.woff') format('woff'),
        url('fonts/AmsiProAKSCondensed-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

body {
	margin: 0;
	padding: 0;
/*	background: url("/Image/bg3.png") no-repeat;*/
    background-image: url('../../Image/table.png');
    overflow: hidden;
}


table {
	position: absolute;
	overflow: hidden;
	left: 80%;
	top: 50%;
    border-radius: 10px;
	transform: translate(-50%, -50%);
	width: 1200px;
	height: 1200px;
}

.table {
	position: absolute;
	overflow: hidden;
	left: 20%;
	top: 50%;
    border-radius: 10px;
	transform: translate(-50%, -50%);
	width: 1200px;
	height: 1200px;
}

table {
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
text-align: left;
border-collapse: separate;
border-spacing: 5px;
background: #ECE9E0;
color: #656665;
border: 16px solid #ECE9E0;
border-radius: 20px;
}
th {
font-size: 25px;
padding: 10px;
}
td {
background: #F5D7BF;
padding: 10px;
font-size: 25px;
}

.first {
     background: linear-gradient(to right, #FAFF00, #FFB800);
}

.second {
     background: linear-gradient(to right, #D9D9D9, #B0B0B0);
}

.third {
     background: linear-gradient(to right, #DBA791, #F15613);
}