@media screen and (min-width: 601px) and (max-width: 767px) {
.draw .toptable img, .draw .aimg, .draw .bimg {
width: 26px!important;
height: 26px!important;
}
.draw .tdcell {
width: 57px!important;
}
}
@media screen and (min-width: 479px) and (max-width: 601px) {
.draw .toptable img, .draw .aimg, .draw .bimg {
width: 18px!important;
height: 18px!important;
}
.draw .tdcell {
width: 40px!important;
}
}
@media screen and (min-width: 0px) and (max-width: 479px) {
.draw {
margin: 0 5px!important;
}
.draw .toptable img, .draw .aimg, .draw .bimg {
width: 11px!important;
height: 11px!important;
}
.draw .tdcell {
width: 25px!important;
}
}
body {
background-image: url("../../back/misc/12.jpg");
background-attachment: fixed;
}
.draw {
margin: 0 20px;
}
.draw .instruct .text {
max-width: 450px;
}
.draw .toptable {
margin: 20px auto -90px auto;
}
.draw .bottomtable {
margin: 0 auto 10px auto;
}
.draw .toptable img,
.draw .aimg,
.draw .bimg {
width: 30px;
height: 30px;
}
.draw .tdcell {
width: 66px;
}
.draw .banner {
font-size: 20px;
font-weight: 900;
background: none;
border: 0;
}
.draw .play-display input[type="text"] {
width: 49px;
height: 20px;
background-color: #d1e3f1;
border: 0;
}
.draw .play-display {
display: table;
margin: 5px auto 50px auto;
font-size: 18px;
padding: 5px 10px;
border: 1px solid #000;
border-radius: 5px;
}
.draw .game-btn {
background-color: #a8d9f9;
border: 1px solid #000;
}
.draw .score-board {
max-width: 700px;
border: 1px solid #000;
}
.draw .score-board tr:nth-child(even) {
background-color: #a3cfea;
}
.draw .score-board tr:nth-child(odd) {
background-color: #8dc3e9;
}