html, body{font-size: 15px; font-family: arial, sans-serif; width: 100%; padding: 0; margin: 0; color: #000; background: #ececec;}
a{text-decoration: none;}
.al-right{text-align: right;}
.al-left{text-align: left;}
.al-center{text-align: center;}
.clearfix{clear: both;}
.pull-right{float: right;}
.pull-left{float: left;}
.wraper{width: 990px; margin: auto;  min-height: 100%; position: relative; overflow: hidden;}

#header{height: 130px; background: #fff; margin-bottom: 5px;}
#header .right{float: right; margin-top: 20px; width: 690px; text-align: right;}
#header .right a{background: url(/images/header-btn.png) top left no-repeat; display: inline-block; width: 131px; height: 25px; text-align: center; color: #fff; padding-top: 7px; opacity: 0.9; vertical-align: top;}
#header .right a:hover{opacity: 1}
#logo{width: 279px; height: 100px; background: url(/images/logo.png) top left no-repeat; position: absolute; top:15px; left:5px;}

#body{padding: 10px; background: #fff; color: #000;}
#body .menu{margin: 0; padding: 0; list-style: none; width: 247px;}
#body .menu li{background: url(/images/menu-body-bg.jpg) repeat-x; height: 40px; margin: 0 auto 5px auto; width: 227px; border-radius: 0 0 5px 5px;}
#body .menu li:hover{opacity: 0.9;}
#body .menu li:first-child{background-image: url(/images/home-result-menu.png); width: 247; margin-bottom: 0; opacity: 1;}
#body .menu li a{color: #fff; display: block; width: 100%; text-align: center; padding: 11px 0;}
#body>.right{width: 700px; float: right; text-align: left;}
#body>.right>.single{}
#body>.right>.single>.prize{border-bottom: 0;}
#body>.right>.single>.prize .header{color: #000;}
#body>.right>.single>.prize .result .num{color: #000;}

#header .menu{list-style-type: none; height: 27px; margin: 0; padding: 0; width: 70%; float: right; margin-top: 32px; text-align: right;}
#header .menu li{display: inline-block;}
#header .menu li a{color:#22660b; line-height: 27px; text-transform: uppercase; font-size: 1em; display: block; width: 100%; text-align: center; padding: 8px; box-sizing: border-box;}
#header .menu li a:hover{background: url(/images/menu-bg.png) left bottom repeat-x;}
 
#header .lng{position: absolute;top: 10px;margin-left: 745px; width: 235px;}
#header .lng a{width: 115px; height: 46px; display: table-cell; vertical-align: middle; text-align: center; background: url(/images/lng-bg.png) top left no-repeat; color:#ffde00; font-size: 1.3em; text-transform: uppercase;}
#header .lng a.active{color: #606163; background-image: url(/images/lng-bg_active.png); cursor: default;}
/*#header .lng select, #header .lng .search{width: 100%; height: 34px;background:  url(/images/inp-bg.jpg) top left repeat-x; color: #fff; border: 0px; margin-top: 10px;}*/

#body-center{background: #fff; margin: 5px 0; padding: 10px 0;}
#body-center>div{background: url(/images/body-center-bg.jpg); padding: 20px 10px;}
#body-center hr{border: 1px solid #000; border-top: 0; margin: 27px 0;}
#body-center .img{background: url(/images/body-center-img.png) center top no-repeat; height: 63px;}
/*#header .center a{line-height: 35px !important;}*/
#header .center{width: 546px; margin: 0 0 0 227px;}
#header .center .menu{border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;}
#header .center .menu li:first-child a{border-bottom-left-radius: 15px;}
#header .center .menu li:last-child a{border-bottom-right-radius: 15px;}

#day-menu{list-style-type: none; padding: 0; margin: 0;}
#day-menu li{border-bottom: 1px solid #fff;}
#day-menu a{color: #000;}
#day-menu a p{margin: 0; padding: 5px 10px; text-align: left;}
#day-menu a p:hover{background: #fff;}

.header1, .header2{text-align: center; font-size: 1.4em; text-transform: uppercase; text-shadow: 2px 2px 3px #000;}
.header2{font-size: 1.8em; color: #001; text-shadow: 2px 2px 3px #000; margin: 5px 0 10px 0; font-weight: bold; margin-top: 10px;}
.draw-date{padding: 3px 0 13px 0; color: #000; font-size: 12px;}
/*.draw-date div{display: inline-block;}*/

.prize-payment{text-align: center; text-shadow: 1px 1px 3px #000; margin: 10px; font-size: 1.1em;}

.single{text-align: center;}
.single .result{display: inline-block; margin: auto; font-size: 19px;}
.single .prize{display: table; width: 100%; border-bottom: 1px solid #000;}
.single .prize>div{display: table-cell; font-size: 17px; padding: 5px; text-transform: uppercase;}
#body>.single .prize:last-child{border: 0;}
.index > .left > .single, .index > .left > .multi, #livedraw .single, #livedraw .multi{font-weight: bold;}
.index > .left > .single .prize, #livedraw .single .prize{table-layout: fixed;}
.index > .left > .single .prize .header, #livedraw .single .prize .header{text-align: right;}
.index > .left > .single .prize .result, #livedraw .single .prize .result{text-align: left;}
#livedraw #next_draw{margin-top: 15px;}

.prize{border-spacing: 4px; text-align: center; margin: auto;}
.prize .header{text-align: center; font-size: 1.1em; margin: 3px 0 3px 0; color:#fff;}
.prize .num{display: inline-block; color: #fff;}

.multi{margin: 0; text-align: center;}
.multi .header{color: #000; text-transform: uppercase; margin: 10px 0;}
.multi .prize{width: 48%; display: inline-block;}
.multi .prize:nth-child(2n+1){margin-right:1%; border-right: 1px solid #000;}
.multi .result{display: inline-block; width: 49%; margin: 5px 0; font-size: 17px;}

#next_draw{text-align:center; text-shadow: 1px 1px 2px #000;}
#next_draw span{display: list-item; list-style-type: none;}
#next_draw span#next_draw_text{font-size: 1.2em;}
#next_draw span#next_draw_date{font-size: 1.7em;}
#next_draw span#next_draw_hour{font-size: 1.3em;}

.col-sm-12{color: #000;}

.table{width: 100%; border-collapse: collapse;}
.table td, .table th{padding: 4px; border: 1px solid #ff6666;color:#fff;}
.table th{background: rgba(255,255,255,0.2);}

/*Search Day*/
.day{text-align: left;}
.day .prize{border-spacing: 4px; text-align: center; border: 1px solid #1B5308 !important; border-collapse: collapse;}
.day .prize .header{text-align: center; font-size: 1em; padding: 5px; background: #1B5308; color: #fff;}

.day .single{text-align: center; width: 100%; background: none; display: initial; margin-top:15px; }
.day .draw-date{width: auto; background: none; color: #000; height: auto; float: left;}
.day .draw-date div{display: block; text-align: left;}
.day .single .header{display: table-cell; width: 150px; }
.day .single .result{display: table-cell; margin: 0; width: 120px; text-align: center; border-bottom: 0 !important;}
.day .single .prize{list-style-type: none; display: list-item; background: none; height: auto; border-bottom: 0 !important;}
.day .single .prize:last-child{border-bottom: 1px solid #1B5308 !important;}

.day .multi{margin: 15px 0; }
.day .multi .prize{background: none; padding: 0; margin: 0 0 10px 0;}
.day .multi .prize .header{margin: 0;}
.day .multi .prize .result{margin: 0; padding: 5px 0; border-bottom: 1px solid #1B5308;}
.day .multi .prize .result:last-child, .day .multi .prize .result:nth-last-child(2){border-bottom: 0; }
.day .multi .prize .result:nth-child(2n){box-shadow: 1px 0 00 #1B5308;}

.result-per-day{width: 195px; margin: 0 20px 0 0; display: inline-block; vertical-align: top;}
.result-per-day.auto{margin: auto;}
.result-per-day:nth-child(2n){margin: 0;}

.result-per-day .multi .prize{width: 100%;}

.paging{clear: both; text-align: right;}

#search{border-radius: 15px; background: #ebebeb; height: 32px; margin: 0 5px 0 0; width: 200px; display: inline-block; box-shadow: 2px 2px 2px #7a9e6f inset;}
#search #txtSearch{border:0; padding: 8px 3px; background: none; width: 160px;}
#search #btnSearch, #search img{width: 28px !important; height: 28px !important; margin: 0 !important; padding: 0 !important; background: none; border:none; cursor: pointer;}

input, select{padding: 3px; margin-left: 5px; vertical-align: top;}
input[type=button]{cursor: pointer; background: #669453; border: 1px solid #669453; padding: 4px; color: #fff;}
input[type=button]:hover{background: #1B5308;}

.zone{width: 48%; display: inline-block; margin: 5px 0 5px 0;}
.zone span{display: list-item; list-style-type: none;}

.more-result{text-align: right; line-height: 27px;}
.more-result a{color: #184908;}
.more-result a:hover{color:#408828}

#footer{margin: auto; bottom: 0; color:#000; padding: 15px 10px 0 10px; background:#fff; text-align: center; padding-bottom: 10px;}
#footer table{width: 100%; table-layout: fixed;}
#footer table td{vertical-align: top;}
#footer table b{font-size: 12px;}
#footer ul{margin: 0; padding: 0; list-style: none;}
#footer table ul a{color: #4f4f4f; font-size: 11px;}
#footer > div{background: url(/images/footer-bg.png); height: 68px; margin: 10px -10px 0 -10px; color: #fff;}
#footer > div > div.left{float: left; margin: 16px 0 0 10px; text-align: left;}
#footer > div > div.left li{display: inline-block;}
#footer > div > div.left li:not(:last-child){border-right: 1px solid #fff; padding-right: 6px}
#footer > div > div.left a{color: #fff;}
#footer > div > div.right{float: right; margin: 17px 10px 0 0;}
#footer > div > div.right a{display: inline-block; width: 32px; height: 32px; background: url(/images/facebook.png) top left no-repeat;}
#footer > div > div.right a.twitter{background-image: url(/images/twitter.png)}
#footer > div > div.right a.youtube{background-image: url(/images/youtube.png)}

.index{background: #8da984; border-radius: 10px; margin: -7px; padding: 10px; min-height: 340px; height: 636px;}
.index>.left{width: 60%; float: left; margin-right: 20px;}
.index>.left>.header{padding: 5px 10px; background: #fff; border-radius: 0 0 10px 10px; display: inline-block; color: #22660b; font-weight: bold; font-size: 15px; margin: -10px 0 10px 10px;}
.index>.left>b{font-size: 17px;}
.index>.right{float: right;}
.index>.right>p{padding: 0; margin: 0;}
.index>.right img{margin-bottom: 10px;}
.index>.right>a{display: inline-block; margin-bottom: 10px; width: 253px; height: 41px; background: url(/images/last-6-draws.jpg);}
.index>.right>.bottom-img{background: url(/images/right-bottom.png); width: 234px; height: 113px;}