.platform{width: 450px;height: 613px;margin: 70px auto 0 auto;background: url(/__dev/img/loto/Bg.jpg) 100% 100% no-repeat; position: relative; transform: scale(1.25);}
.ltWrap { padding: 15px;}
.ltWrap #lt-game-ui {position: relative; height: 100%; font-family: Arial;}
.ltWrap #lt-game-ui #title { font-size: 32px; text-transform: uppercase; text-shadow: 0 2px 4px rgba(0,0,0,0.5); color: #ffe51a; text-align: center; }
.ltWrap #lt-game-ui #lmessage { font-size: 18px; color: #fff; text-align: center;}
.ltWrap #lt-game-ui #lmessage a#reset{display: inline-block;background: #ffe51a;padding: 7px 15px;border-radius: 3px;color: #0f6c38;text-decoration: none;margin-bottom: 9px; box-shadow: 0 2px 4px rgba(0,0,0,0.5);}
.ltWrap #lt-game-ui #lmessage .fa {font-size: initial !important;}
.ltWrap #lt-game-ui #lmessage a#reset:hover{background: #e9d00b;}
.ltWrap #lt-game-ui .success{background: #ffe51a;padding: 8px;border-radius: 15px;font-size: 22px;color: #0f6c37;}
.ltWrap #lt-game-ui #body{position: relative; margin: 20px 0;}
.ltWrap #lt-game-ui #body:after{content: ' '; display: table; clear: both;}
.ltWrap #lt-game-ui .label {position: absolute; left: 15px; width: 100px; top: 20px;}
.ltWrap #lt-game-ui .label > div { position: relative; height: 32px; background-image: url(/__dev/img/loto/label.png); background-repeat: no-repeat; background-size: auto 30px; margin-bottom: 10px; padding: 5px 30px 9px 18px; z-index: 5; text-align: center; font-size: 16px; color: #fff; box-sizing: border-box;}
.ltWrap #lt-game-ui .label > div.curent { background-image: url(/__dev/img/loto/labelCur.png); color:#0e6c36; font-weight: bold; }
.ltWrap #lt-game-ui .label > div.win { background-image: url(/__dev/img/loto/labelWin.png); color:#0e6c36; font-weight: bold;}
.ltWrap #lt-game-ui .label > div.error { background-image: url(/__dev/img/loto/labelError.png); color:#d20100; font-weight: bold;}
.ltWrap #lt-game-ui .label > div:before {content: ' '; display: block; position: absolute; border-bottom: 1px dotted #d0d0d0; width: 235px; bottom: -2.5px; left: 133px; z-index: 1;}
.ltWrap #lt-game-ui .label > div:last-child:before {display: none;}
.ltWrap #lt-game-ui .area {position: relative; margin-left: 125px; margin-right: 15px; background: url(/__dev/img/loto/area-bg.png) no-repeat; background-size: 100% 100%; height: 445px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); border: 1px solid #bfbebe; border-radius: 15px; box-sizing: border-box;}
.ltWrap #lt-game-ui .area .left { position: absolute; left: 20px; top: 15px; width: 40%; }
.ltWrap #lt-game-ui .area .right { position: absolute; left: calc(40% + 35px); top: 15px; width: 40%; }
.ltWrap #lt-game-ui .area a { position: relative; display: block; height: 34px; width: 100%; border: 1px solid #646464; background: #646464; margin-bottom: 8px; text-align: center; font-size: 22px; font-weight: bold; line-height: 34px; text-decoration: none; border-radius: 4px; box-sizing: border-box; z-index: 4; color:rgba(255,255,255,0.4); bottom:initial !important;right:initial !important;top:initial !important;left:initial !important;}
.ltWrap #lt-game-ui .area a.link {cursor: default;}
.ltWrap #lt-game-ui .area a.link.active {cursor: pointer;}

.ltWrap #lt-game-ui .area a.win, .ltWrap #lt-game-ui .area a.error {background: #dff0d8; color: #3c763d; border-color: #d6e9c6;}
.ltWrap #lt-game-ui .area a.error {background-color: #f2dede; color: #a94442; border-color: #d20100;}
.ltWrap #lt-game-ui a{
position:initial;
text-shadow:none;
bottom:initial;
right: initial;
width: initial;
height:initial;
display: initial;
line-height:initial;}