@import "font.css";

html, body{font-size: 0.9em; font-family: cocogoose; height: 100%; width: 100%; padding: 0; margin: 0;}
body{background: #000 url(../img/bg.jpg) center top no-repeat; color: #FFD700; min-width: 1025px;}
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: 1025px; margin: auto; position: relative;}
/*#bg{ z-index: -1; width: 100%; height: 100%; position: fixed;}*/
#header{background: url(../img/head1.jpg) top center no-repeat; min-height: 201px; margin-bottom: 10px;}
.logo{background: url(../img/YERUSALEM.png) bottom center no-repeat; height: 240px; width: 268px; display: inline-block;}

.menu{list-style: none; margin: 0; padding: 0; position: absolute; top:0; right: 0;}
.menu li{display: inline-table; text-align: center; width: 126px; height: 130px; vertical-align: top;}
.menu li a{text-transform: uppercase; color: #000; display: block; width: 100%;}

.menu#menu2{margin: -5px auto 0 auto; z-index: 1;}
.menu#menu2 li{background: url(../img/menu-bg.png) bottom left no-repeat;}
.menu#menu2 a{padding: 11px 0; color: #fff; height: 100%; text-align: center; display: table-cell; vertical-align: middle;}
.menu#menu2 a:hover, .menu#menu2 a.active{top:10px;}

#hot-msg{border:1px solid #0eb00c; color: #0eb00c; background: rgba(0,0,0,0.6); padding: 5px; border-radius: 5px; width: 760px; position: absolute; right: 0; top: 155px; font-family: ubuntu; font-style: italic;}

#footer{margin: 10px 0 10px 0; text-align: center;}
#ftbg1{background: url(../img/footer-bg.png) top center no-repeat; height: 82px; margin-top: 15px;}

.index-result > .draw-date .date{height: 28px; color: #ffd200; width: 363px; padding: 10px 10px 0 10px; display: none;}
.index-result > .draw-date .date span{float: right;}
.index-result > .draw-date .desc{text-align: center; font-size: 15px; height: 44px; background: url(../img/result-bg.png) top left no-repeat; padding-top: 7px;}
.index-result > .draw-date .desc > div{display: inline-block;}
.index-result > .draw-date .desc > div:first-child{font-size: 25px;}
.index-result > .draw-date .desc > div:nth-child(2){text-transform: uppercase; font-size: 18px;}
.index-result > .draw-date .desc > div:nth-child(2):before{content: '\00a0\00a0(\00a0';}
.index-result > .draw-date .desc > div:nth-child(2):after{content: '\00a0)\00a0\00a0';}

/*.box{background: #39a000;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM5YTAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZjZhMTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top,  #39a000 0%, #2f6a12 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#39a000), color-stop(100%,#2f6a12));background: -webkit-linear-gradient(top,  #39a000 0%,#2f6a12 100%);background: -o-linear-gradient(top,  #39a000 0%,#2f6a12 100%);background: -ms-linear-gradient(top,  #39a000 0%,#2f6a12 100%);background: linear-gradient(to bottom,  #39a000 0%,#2f6a12 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39a000', endColorstr='#2f6a12',GradientType=0 ); box-shadow: 2px 2px 8px #000;}*/

.index-result .single{margin: 30px 0 20px 0; height: 65px; position: relative;}
.index-result .single .price{font-size: 20px; display: inline-block;}
.index-result .single .price:first-child{float: left;}
.index-result .single .price:last-child{float: right;}
.index-result .single .price:not(:last-child):not(:first-child){position: absolute; left: 350px;}
.index-result .single .price .header{display: inline-block; padding: 15px 0 15px 15px; color: #ffd700;}
.index-result .single .price .header:after{content: '\00a0>\00a0';}
.index-result .single .price .result-wraper{display: inline-block;}
.index-result .single .price .result-wraper .num{display: inline-block; padding: 10px 7px; font-size: 50px;}
.index-result .single .price .result-wraper .num:not(:last-child){background: url(../img/single-result1.png) top right no-repeat;}

.index-result .multi{width: 460px; display: inline-block; font-size: 30px; padding: 10px; margin: 10px 0 10px 10px; border-radius: 5px; float: left}
/*.index-result .multi:nth-child(2n+2){margin: 10px 10px 10px 0;}*/
.index-result .multi .header{text-align: center; margin-bottom: 5px; background: url(../img/multi-result-header.png) top center no-repeat; height: 44px; padding-top: 7px; font-size: 23px;}
.index-result .multi .result-wraper{display: inline-block; margin-bottom: 7px; border:2px solid #FFD700; border-radius: 5px; float: left;}
.index-result .multi .result-wraper:nth-child(2n+1){float: right}
.index-result .multi .result-wraper .num{display: inline-block; padding: 8px 0; width: 33px; text-align: center;}
.index-result .multi .result-wraper .num:not(:last-child){background: url(../img/multi-result1.png) top right no-repeat;}
.index-result .multi .desc{width: 420px; margin: auto;} 

.index-result .multi:nth-child(2n){float: right;}
/*Search Day*/
.day{text-align: center;}
.day .prize{border-spacing: 4px; text-align: center; border: 1px solid #1F410E; border-collapse: collapse;}
.day .prize .header{text-align: center; font-size: 1em; padding: 5px; background: #2D6213; text-shadow: 0 0 0 #fff !important;}

.day .single{text-align: center; width: 100%; background: none; display: initial; margin-top:15px; }
.day .draw-date{width: auto; background: none; color: #fff; height: auto; float: left; margin-bottom: 5px;}
.day .draw-date div{display: list-item; list-style-type: none; 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;}
.day .single .prize{list-style-type: none; display: list-item; background: none; height: auto; border-bottom: 0;}
.day .single .prize:last-child{border-bottom: 1px solid #1F410E;}

.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 #1F410E; width: 49%; display: inline-block;}
.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 #1F410E;}

.result-per-day{width: 252px; margin: 0 20px 0 0; display: inline-block;}
.result-per-day.auto{margin: auto;}
/*.result-per-day:nth-child(n){margin: 0;}*/

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

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

#search{height: 25px; margin: 10px 5px 15px 5px;}
#search #txtSearch{border:0; padding: 5px 3px;}
#search #btnSearch, #search img{width: 25px !important; height: 25px !important; margin: 0 !important; padding: 0 !important; background: none; border:none; cursor: pointer;}
/*End Search Day */

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

.table{width: 99%; border-spacing: 0; border-collapse: collapse; margin: auto;}
.table td, .table th{padding: 5px; border: 1px solid #2D6213;}
.table th{background:#01AA00;}

.years{margin: 10px 10px;}
.years a:not(:last-child){margin-right: 7px;}
.years a{color: #fff;}
.years a:hover{color: #54ff00;}

@keyframes abc{from{opacity: 0;} to {opacity: 1;}}
@keyframes bca{from{opacity: 1;} to {opacity: 0;}}
#next_draw{text-align: center;}
#next_draw div span{display: block;}
#next_draw_text{font-size: 16px;}
#next_draw_date{font-size: 20px; animation: abc 2s, bca 1s;}
#next_draw_hour{font-size: 18px; animation: abc 2s, bca 1s;}

#main{min-height: 100px; padding: 10px; background: url(../img/main-line.png) top center no-repeat, url(../img/main-line.png) bottom center no-repeat rgba(0,0,0,0.5); margin-top: -50px;}
#word-time{margin: 0 0 10px 0; padding: 0; list-style: none; text-align: center;}
#word-time li{width: 106px; height: 106px; background: url(../img/time-bg.png) top center no-repeat; display: inline-table;}
#word-time li > div{display: table-cell; text-align: center; vertical-align: middle;}
#word-time li:not(:last-child){margin-right: 40px;}
#word-time .country{color: #FFD700; text-align: center; text-transform: uppercase;}
#word-time .time{}