@charset "UTF-8";

/*#000
getmoney_today
balls_div_list
text1
td_ball_top_left  height:40px;
balls_id_today
how_money2
td_ball_bottom
@media screen and (max-width: 335px)
button_yellowball_list
balls_table
screen and (min-width: 651px)
text2 balls_table3 a_nav
button_purpleball_list
nav_share
nav_share
table-radius
txet_time_th2
texts
td.a
th.htitle phone
*/

body{overflow-x: hidden;

}



a{text-decoration: none;color: #000000;}

a:hover{color: currentColor;}

header{align-items: center;width: 100vw;height: 100px;background-color: #fff;box-shadow: 0px 2px 3px rgba(0, 0, 0, 25%);display: flex;}

header .a_nav{ width: 100%;padding: 5px 60px;display: flex;align-items: center;justify-content: space-between;}

header .a_nav_logo img{ width: 140px;height: 66px;    
}
.lotterylogo{ content: url("./img/icon.png");}
header .a_nav_item{display: flex;align-items: center;justify-content: flex-end;letter-spacing: 3px;}

header .item{text-align: center;margin-inline: 15%;font-size: 20px;letter-spacing: 3px;color: #102447;
    padding: 5px 0;transition: all .1s ease;border-bottom: 0px solid #64d6f4;border-top: 0px solid #64d6f4;cursor: pointer;}

header .item:hover{ border-bottom: 3px solid #64d6f4;border-top: 3px solid #64d6f4;}

header .item-button a{ background-color: #274d8a;width: 110px;height: 40px;font-size: 20px;
    display: flex;justify-content: center;align-items: center;font-size: 16px;font-weight: 600;
    color: #fff;transition: all .5s ease;
}

header .item-button a:hover{background-color: #64d6f4;}

header .item-button2 a{background-color: #274d8a;
	width: 110px;height: 40px;font-size: 20px;display: flex;justify-content: center;
    align-items: center;font-weight: 600;color: #fff;transition: all .5s ease;border-left: 1px #000000 solid;}
header .item-button3 a{

    background-color: #FFFFFF;width: 110px;height: 40px;font-size: 20px;display: flex;
    justify-content: center;align-items: center;font-weight: 600;color: #000;transition: all .5s ease;border-left: 1px #000000 solid;}
header .item-button3_Home a{background-color: #FFFFFF;width: 110px;height: 40px;font-size: 20px;display: flex;
    justify-content: center;align-items: center;font-weight: 600;color: #000;transition: all .5s ease;}

header .item-button2 a:hover{background-color: #64d6f4;}


header .mobile-toggler{ font-size: 30px;}

.modal-dialog{margin: 0;width: 300px;float:right;}

.modal-content{overflow-y: scroll; background-color: #FFCE33;border-radius: 0;height: 100vh;}

.modal-header{display: flex;justify-content: space-between;align-items: center;width: 88%;
    margin: 0 auto;padding-bottom: 0px;padding-left: 0px;border-bottom: none;}

.modal-header img{margin-top: 15px;width: 154px;height: 72.6px;}

.modal-header .btn-close{background: transparent;opacity: 1;}

.modal-header i{color: #fefefe;font-size: 30px;}

.b-nav-body{width: 88%;margin: 0 auto;padding: 20px 0 0 0;flex: unset;}

.b-nav-body .b-nav-line{width: 100%;display: flex;align-items: center;justify-content: flex-start;padding: 7px 0;
	margin-bottom: 10px;cursor: pointer;transition: all .5s ease;color: #800000;border-bottom: 1px solid #800000;}

.b-nav-body .b-nav-line:hover{color: #454545;border-bottom: 1px solid #454545;}

.b-nav-line a{font-size: 26px;font-weight: 900;letter-spacing: 2.5px;color: #000;}

.b-nav-line i{color: currentColor;font-size: 30px;width: 35px;margin-right: 15px;padding: 0 0 3px 3px;}

.b_nav-button{width: 100%;height: 47px;background-color: #FBC006;display: flex;justify-content: center;align-items: center;
    font-size: 20px;font-weight: 700;color: #000;letter-spacing: 2px;transition: all .5s ease;}

.b_nav-footer{width: 87%;margin: 0 auto;padding: 10% 0;display: flex;
    justify-content: space-between;align-items: center;font-size: 25px;color: #274d8a;}

.b_nav-footer i:hover{ color: #fefefe;}


.balls_table_div {margin: 0px auto;text-align: center;max-width:600px;}
.balls_table_div div {display: inline-block;width: 170px;height: 50px;border: none;margin: 2px;}
	
	.button_redball {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
	margin: 1px 2px;
    padding: 5px 6px;
    border: 1px solid #a12727;
    border-radius: 30px;
    background: #ff4a4a;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#992727));
    background: -moz-linear-gradient(top, #ff4a4a, #992727);
    background: linear-gradient(to bottom, #ff4a4a, #992727);
    -webkit-box-shadow: #ff5959 0px 0px 0px 0px;
    -moz-box-shadow: #ff5959 0px 0px 0px 0px;
    box-shadow: #ff5959 0px 0px 0px 0px;
    text-shadow: #591717 1px 1px 1px;
    font: normal normal bold 22.5px arial;
    color: #ffffff;
    text-decoration: none;}

	.button_redball_list {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
	margin: 1px 2px;
    padding: 5px 6px;
    border: 1px solid #a12727;
    border-radius: 30px;
    background: #ff4a4a;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#992727));
    background: -moz-linear-gradient(top, #ff4a4a, #992727);
    background: linear-gradient(to bottom, #ff4a4a, #992727);
    -webkit-box-shadow: #ff5959 0px 0px 0px 0px;
    -moz-box-shadow: #ff5959 0px 0px 0px 0px;
    box-shadow: #ff5959 0px 0px 0px 0px;
    text-shadow: #591717 1px 1px 1px;
    font: normal normal bold 22.5px arial;
    color: #ffffff;
    text-decoration: none;}

	.button_yellowball {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
	margin: 1px 2px;
    padding: 5px 6px;
    border: 1px solid #E5AD57;
    border-radius: 30px;
    background: #FEF08A;
    background: -webkit-gradient(linear, left top, left bottom, from(#FEF08A), to(#E5AD57));
    background: -moz-linear-gradient(top, #FEF08A, #E5AD57);
    background: linear-gradient(to bottom, #FEF08A, #E5AD57);
    -webkit-box-shadow: #ff5959 0px 0px 0px 0px;
    -moz-box-shadow: #ff5959 0px 0px 0px 0px;
    box-shadow: #ff5959 0px 0px 0px 0px;
    text-shadow: #FEF08A 1px 1px 1px;
    font: normal normal bold 22.5px arial;
    color: #2e2e2d;
    text-decoration: none;
}
	.button_yellowball_list  {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
	margin: 1px 2px;
    padding: 5px 6px ;
    border: 1px solid #E5AD57;
    border-radius: 30px;
    background: #FEF08A;
    background: -webkit-gradient(linear, left top, left bottom, from(#FEF08A), to(#E5AD57));
    background: -moz-linear-gradient(top, #FEF08A, #E5AD57);
    background: linear-gradient(to bottom, #FEF08A, #E5AD57);
    -webkit-box-shadow: #ff5959 0px 0px 0px 0px;
    -moz-box-shadow: #ff5959 0px 0px 0px 0px;
    box-shadow: #ff5959 0px 0px 0px 0px;
    text-shadow: #FEF08A 1px 1px 1px;
    font: normal normal bold 22.5px arial;
    color: #2e2e2d;
    text-decoration: none;
}
	.button_blueball { 
    display: inline-block;
    text-align: center;
    vertical-align: middle;
	margin: 1px 2px;
    padding: 5px 6px;
    border: 1px solid #0AB9CA;
    border-radius: 30px;
    background: #0AB9CA;
    background: -webkit-gradient(linear, left top, left bottom, from(#3AEEF2), to(#0AB9CA));
    background: -moz-linear-gradient(top, #3AEEF2, #0AB9CA);
    background: linear-gradient(to bottom, #3AEEF2, #0AB9CA);
    -webkit-box-shadow: #ff5959 0px 0px 0px 0px;
    -moz-box-shadow: #ff5959 0px 0px 0px 0px;
    box-shadow: #ff5959 0px 0px 0px 0px;
    text-shadow: #3AEEF2 1px 1px 1px;
    font: normal normal bold 22.5px arial;
    color: #2e2e2d;
    text-decoration: none;
}
	.button_blueball_list { 
    display: inline-block;
    text-align: center;
    vertical-align: middle;
	margin: 1px 2px;
    padding: 5px 6px;
    border: 1px solid #0AB9CA;
    border-radius: 30px;
    background: #0AB9CA;
    background: -webkit-gradient(linear, left top, left bottom, from(#3AEEF2), to(#0AB9CA));
    background: -moz-linear-gradient(top, #3AEEF2, #0AB9CA);
    background: linear-gradient(to bottom, #3AEEF2, #0AB9CA);
    -webkit-box-shadow: #ff5959 0px 0px 0px 0px;
    -moz-box-shadow: #ff5959 0px 0px 0px 0px;
    box-shadow: #ff5959 0px 0px 0px 0px;
    text-shadow: #3AEEF2 1px 1px 1px;
    font: normal normal bold 22.5px arial;
    color: #2e2e2d;
    text-decoration: none;
}

	.button_purpleball { 
    display: inline-block;
    text-align: center;
    vertical-align: middle;
	margin: 1px 2px;
    padding: 5px 12px;
    border: 1px solid #C750DA;
    border-radius: 30px;
    background: #FA7DE5;
    background: -webkit-gradient(linear, left top, left bottom, from(#FA7DE5), to(#C750DA));
    background: -moz-linear-gradient(top, #FA7DE5, #C750DA);
    background: linear-gradient(to bottom, #FA7DE5, #C750DA);
    -webkit-box-shadow: #ff5959 0px 0px 0px 0px;
    -moz-box-shadow: #ff5959 0px 0px 0px 0px;
    box-shadow: #ff5959 0px 0px 0px 0px;
    text-shadow: #a928bd 1px 1px 1px;
    font: normal normal bold 22.5px arial;
    color: #ffffff;
    text-decoration: none;
}
	.button_purpleball_list { 
    display: inline-block;
    text-align: center;
    vertical-align: middle;
	margin: 1px 2px;
    padding: 5px 12px;
    border: 1px solid #C750DA;
    border-radius: 30px;
    background: #FA7DE5;
    background: -webkit-gradient(linear, left top, left bottom, from(#FA7DE5), to(#C750DA));
    background: -moz-linear-gradient(top, #FA7DE5, #C750DA);
    background: linear-gradient(to bottom, #FA7DE5, #C750DA);
    -webkit-box-shadow: #ff5959 0px 0px 0px 0px;
    -moz-box-shadow: #ff5959 0px 0px 0px 0px;
    box-shadow: #ff5959 0px 0px 0px 0px;
    text-shadow: #a928bd 1px 1px 1px;
    font: normal normal bold 22.5px arial;
    color: #ffffff;
    text-decoration: none;
}
	.button_greenball { 
    display: inline-block;
    text-align: center;
    vertical-align: middle;
	margin: 1px 2px;
    padding: 5px 6px;
    border: 1px solid #05EB3A;
    border-radius: 30px;
    background: #57FA7E;
    background: -webkit-gradient(linear, left top, left bottom, from(#57FA7E), to(#05EB3A));
    background: -moz-linear-gradient(top, #57FA7E, #05EB3A);
    background: linear-gradient(to bottom, #57FA7E, #05EB3A);
    -webkit-box-shadow: #ff5959 0px 0px 0px 0px;
    -moz-box-shadow: #ff5959 0px 0px 0px 0px;
    box-shadow: #ff5959 0px 0px 0px 0px;
    text-shadow: #9cfcb2 1px 1px 1px;
    font: normal normal bold 22.5px arial;
    color: #2e2e2d;
    text-decoration: none;
}
	.button_greenball_list { 
    display: inline-block;
    text-align: center;
    vertical-align: middle;
	margin: 1px 2px;
    padding: 5px 6px;
    border: 1px solid #05EB3A;
    border-radius: 30px;
    background: #57FA7E;
    background: -webkit-gradient(linear, left top, left bottom, from(#57FA7E), to(#05EB3A));
    background: -moz-linear-gradient(top, #57FA7E, #05EB3A);
    background: linear-gradient(to bottom, #57FA7E, #05EB3A);
    -webkit-box-shadow: #ff5959 0px 0px 0px 0px;
    -moz-box-shadow: #ff5959 0px 0px 0px 0px;
    box-shadow: #ff5959 0px 0px 0px 0px;
    text-shadow: #9cfcb2 1px 1px 1px;
    font: normal normal bold 22.5px arial;
    color: #2e2e2d;
    text-decoration: none;
}	
	 .ball_table {border: 1px solid black;width:100%;max-width: 700px; border:none;}
   .ball_table tr:nth-child(even) {background: #FFF}
   .ball_table tr:nth-child(odd) {background: #e8e8e8}
	
	
	.sl638_icon{width:150px;height:60px;content:url("./img/sl638.gif");}
	.l649_icon{width:150px;height:60px;content:url("./img/l649.gif");}

	.l1224_icon{width:150px;height:60px;content:url("./img/l1224.gif");}
	.d539_icon{width:150px;height:60px;content:url("./img/d539.gif");}
	.l3d_icon{width:150px;height:60px;content:url("./img/l3d.gif");}
	.l4d_icon{width:150px;height:60px;content:url("./img/l4d.gif");}

	.sl638_icon_small{width:100px;height:45px;content:url("./img/sl638.gif");margin: 5px;}
	.l649_icon_small{width:100px;height:45px;content:url("./img/l649.gif");}
	.l1224_icon_small{width:100px;height:45px;content:url("./img/l1224.gif");}
	.d539_icon_small{width:100px;height:45px;content:url("./img/d539.gif");}
	.l3d_icon_small{width:100px;height:45px;content:url("./img/l3d.gif");}
	.l4d_icon_small{width:100px;height:45px;content:url("./img/l4d.gif");}
	img.loto_icon{height:70px;content:url("./img/loto_icon.gif");box-shadow:3px 3px 12px gray;padding:0px;border-radius:15px;font-size:!important 10px;}
	
div.date_today{color:#ECECEC;font-size:15px;text-align:left;margin-left: 3px;position:absolute;top:20px;}
div.balls_id_today{font-size:15px;text-align:left;color: #ECECEC;margin-left: 0px;margin-top: 10px;}
div.getmoney_today{color: #ECECEC;font-size:15px;position:absolute;width: 85px;top:20px;left: 0px;text-align:right;}
	span.how_money{font-size: 27px;line-height: 30px;position:absolute;text-align:right;left: 0px;width: 70px;}
	span.how_money2{font-size:15px;position:absolute;text-align:right;top:25px;left: 69px;}
 td.left{text-align: left;}
 td.td_ball_bottom{height:40px;padding-top:5px;}	
 td.td_ball_top_left{padding:7px 0px 0px 0px; width: 27%;  position: relative;}	
 td.td_ball_top_center{padding:7px 0px 0px 0px;width: 40%;  position: relative;}	
 td.td_ball_top_right{padding:7px 0px 0px 0px; width:33%; position: relative;}	

/*
	div.getmoney_today{font-size:20px;position:absolute;width: 110px; top:20px;left: 17px;text-align:right;}
	span.how_money{font-size: 35px;position:absolute;text-align:right;left: 22px}
	span.how_money2{font-size:15px;position:absolute;text-align:right;top:32px;left:94px;}
*/
p.title {
    font-size: 18pt;
    font-weight: bolder;
    padding: 60px 0px;
}
span.title2 {
    font-size: 15px;
}
p.text {
    font-weight: bolder;
    padding: 40px 0px;
}
h2.txet_time_th{font-size: 35px}
td.txet_time_th2{font-size: 35px;background:#3B3B3B;;line-height:  50px;color: #F7F7F7;}
td.time_icontd{border:  1px solid #4B4B4B;margin: 0px 3px;background:#B9B9B9;vertical-align: middle;}
td.idtime{font-size: 25px;text-align: left;border:  1px solid #4B4B4B;margin: 0px 3px;background:#ffffff;vertical-align: middle;}
table.table-radius{border-collapse: separate;border-spacing: 0;margin: 0;padding: 0; width: 90%;max-width: 500px;background: #FFFFFF;}
table.table-radius >td.left{border-bottom:1px solid #464646}

 div.td_ball_bottom_FFF{background: #FFFFFF;margin: 5px;padding: 4px 2px;border-radius: 10px}

td.left{text-align: left;vertical-align: middle;}
td.border_b{border-bottom:1px solid #464646;border-right:1px solid #464646;vertical-align: middle;}
#d539_time{font-size: 30px;text-align: left;}
#l3d_time{font-size: 30px;text-align: left;}
#l4d_time{font-size: 30px;text-align: left;}
#l1224_time{font-size: 30px;text-align: left;}
#sl638_time{font-size: 20px;text-align: left;}

/*左上*/
tr:first-child td.txet_time_th2:first-child{
  border-top-left-radius: 10px;}

/*右上*/
tr:first-child td.txet_time_th2:last-child{
  border-top-right-radius: 10px;
}

/*左下*/
tr:last-child td.time_icontd:first-child{
  border-bottom-left-radius: 10px;
}
/*右下*/
tr:last-child td.idtime:last-child{
  border-bottom-right-radius: 10px;
}
 .ball_today{border-radius: 10px;background:#646464;font-size:15px;}
p.graytitle {
        margin-top: 1px;
        padding-bottom: 0px;
    }
img.fshare {
    width: 80px;
    content: url(./img/fshare.png);
    margin-top: 0px;
}
img.lshare {
    width: 80px;
    content: url(./img/lshare.png);
    margin-top: 3px;
}
div.balls_div{max-width: 320px;margin: 5px auto;align: center;position:relative;display: block;/*border:#F00509 3px solid;float:*/ }
div.date{position:absolute;color: #303030;left:5px;}
div.getmoney{position:absolute;color: #C40003;right:5px;top: -2px}
div.getmoney_000{position:absolute;color: #000000;right:5px;top: -2px}

table{font-family:arial;font-size:16pt;max-width: 700px; border-style:solid;border-color:grey;border-width:0px;border-collapse:collapse;}
th.spacing{padding:5px; letter-spacing: 10px;font-size:24px;text-align:center;background-color:#444;color:#fff;}
tr,td{text-align:center;}
/*td{padding-left:14%;height: 50px}position: relative;left:-10px;bottom:7px;*/
span.sub{vertical-align:super;font-size:14px;color: #B50003;font-style:oblique;}
a.decoration{text-decoration:underline;text-decoration-color:  #4267B2;letter-spacing: 2px;text-decoration-style:double;}
a.decoration:hover{color:#5D5D5D}
a.link:hover{color:#5D5D5D}
span.sub2{vertical-align:super;font-size:14px;color: #B50003;font-style:oblique;}

h1.text1{font-size:34px;color: #000000;}
h2.text2{font-size:20px;color: #000000;margin:10px auto}

h2{font-size:25px;}
h3{}
p.text2{font-size:20px;}
p.texts{font-size:15px;text-align: left;max-width: 500px}
tr.htitlepink{text-align:center;background-color:#FFB0B2;color:#000;border:2px #FFFFFF solid;border-color:white;font-size:18pt;font-weight: bolder; padding-bottom: 10px;padding:5px;}
	div.br{height: 1px}

	.balls_table{font-size: 26px;
	box-shadow:0 0 5px 1px  inset #dee2e6;margin: 0px;width: 167px;height: 50px; background: #f8f9fa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e9ecef));
    background: -moz-linear-gradient(top, #fff, #e9ecef);
    background: linear-gradient(to bottom, #fff, #e9ecef);border-radius: 10px;border:none;color: #000000;
		
	}
	
	.balls_table2{font-size: 26px;
	box-shadow:0 0 5px 1px  inset #dee2e6;margin: 0px;width: 167px;height: 50px; background: #f8f9fa;
    background: -webkit-gradient(linear, left top, left bottom, from(#FEF08A), to(#E5AD57));
    background: -moz-linear-gradient(top, #FEF08A, #E5AD57);
    background: linear-gradient(to bottom, #FEF08A, #E5AD57);border-radius: 10px;border:none;color: #000000;
		
	}

	
	
a.download {
    text-decoration-line: none;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 3px;
}
a.download_0 {
    text-decoration-line: none;
    color: #000000;
    font-weight: bold;
    letter-spacing: 3px;
}
.hand{
	    height: 30px;
    width: 30px;
    content: url("./img/hand.png");
    margin-bottom: -8px;
    margin-right: 5px;
}

button.download {
    border: 2px #ffffff outset;
    border-radius: 10px;
    text-align: center;
    width: auto;
    height: auto;
    padding: 3px 3px 8px 0px;
    background: #1F1F1F;
}
img.phone {
    height: 30px;
    width: 30px;
    content: url("./img/phone.png");
    margin-bottom: -8px;
    margin-right: 5px;
}

div.nav_share{
  padding: 0px;
  position: sticky;
  top:0;
  opacity:1!important;
  z-index: 1000;
text-align: right;
float:center;
width:180px;
font-size: 12px;  left:50%;
}
	.sharefb {
    height: 56px;
    width: 56px;
    content: url("./img/sharefb.png");
}
	
.shareline {
    height: 56px;
    width: 56px;
    content: url("./img/shareline.png");
}


	.time_top{color: #C40003;font-size: 20px;margin: 10px auto;}
div.balls_div_list{max-width: 400px;margin: 2px 0px;align: center;position:relative;/*border:#F00509 3px solid;*/ }
div.balls_div_list_purpleball{max-width: 400px;margin:  5px 0px;align: center;position:relative;/*border:#F00509 3px solid;*/ }
div.balls_id{text-align:center;color: #002B97;margin-bottom: 5px}


     th.htitle
     {
     background-color:#3C3C3C;/*3C3C3C*/
     color:#FFD500;
     border-style:solid;
     border-width:0px;
     font-size:18pt;
     text-align:center;
     padding-top: 5px;}
  
    td.htitle2
     {
     background-color:#3C3C3C;/*571003*/
     color:white;
     border-style:solid;
     border-width:0px;
     font-size:14pt;
	 text-align:center;}
   .table_a,.table_b > tr
    {
     background-color:#FFFFFF;/*#FFF8C6*/
     }
   .table_a,.table_b >  td
    {
     background-color:#FFFFFF;/*#F9B7FF*/
     color:black;   
     font-size:16pt;
	 font-width:bold;
	 text-align: center;
	 color:black;}

    td.a
    {
     background-color:#DCDCDC;/*#F9B7FF*/
	 text-align: center;
	 color:black;border:1px #4D4D4D solid;}

td.A,td.pa{border:1px #4D4D4D solid;}

		td.c
    {
     background-color:#DCDCDC;/*#F9B7FF*/
	 text-align: center;
	 color:black;border:1px #4D4D4D solid;vertical-align: middle;line-height: 50px} 
		td.d
    {
     background-color:#FFFFFF;
	 text-align: center;
	 color:black;border:1px #4D4D4D solid;vertical-align: middle;line-height: 50px} 

	td.a_line
    {
     background-color:#DCDCDC;/*#F9B7FF*/
	 text-align: center;
	 color:black;border:1px #4D4D4D solid;}
    td.a_linef
    {
     background-color:#ffffff;/*#F9B7FF*/
	 text-align: left;
	 color:black;border:1px #4D4D4D solid;
	font-size: 15px;}
    td.a_linefbig    {
     background-color:#ffffff;/*#F9B7FF*/
	 text-align: center;
	 color:black;border:1px #4D4D4D solid;
}
	
	td.z
    {
     background-color:#696969;/*#F9B7FF*/
	 text-align:center;
	 color:#FFFFFF;vertical-align: middle;}  
	.hollow_yellowball {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
	margin: 2px 1px;
    padding: 17px 17px;
    border: 1px solid #E5AD57;
    border-radius: 30px;
    background: #FEF08A;
    background: -webkit-gradient(linear, left top, left bottom, from(#FEF08A), to(#E5AD57));
    background: -moz-linear-gradient(top, #FEF08A, #E5AD57);
    background: linear-gradient(to bottom, #FEF08A, #E5AD57);
    -webkit-box-shadow: #ff5959 0px 0px 0px 0px;
    -moz-box-shadow: #ff5959 0px 0px 0px 0px;
    box-shadow: #ff5959 0px 0px 0px 0px;
    text-shadow: #FEF08A 1px 1px 1px;
    font: normal normal bold 22.5px arial;
    color: #2e2e2d;
    text-decoration: none;
}
	.hollow_redball {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
	margin: 2px 1px;
    padding: 17px 17px;
    border: 1px solid #a12727;
    border-radius: 30px;
    background: #ff4a4a;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#992727));
    background: -moz-linear-gradient(top, #ff4a4a, #992727);
    background: linear-gradient(to bottom, #ff4a4a, #992727);
    -webkit-box-shadow: #ff5959 0px 0px 0px 0px;
    -moz-box-shadow: #ff5959 0px 0px 0px 0px;
    box-shadow: #ff5959 0px 0px 0px 0px;
    text-shadow: #591717 1px 1px 1px;
    font: normal normal bold 22.5px arial;
    color: #ffffff;
    text-decoration: none;}	
	.table_a,.table_b
	{
		max-width: 500px
	}
	span.text_yellow{color: rgb(255, 247, 0);}
	
	span.text_orange{color: #E5AD57;}
	




@media screen and (min-width: 700px){

div.balls_div{max-width: 600px;transform:scale(1.5,1.5);-webkit-transform:scaleX(1.5,1.5);-moz-transform:scaleX(1.5,1.5);}
 .ball_today{width: 400px;}

	div.br{height: 60px}
	.button_redball, .button_yellowball ,.button_blueball ,.button_purpleball ,.button_greenball
	{transform:scale(1.3,1.3);margin: 6px 7px;}

	.sl638_icon,.l649_icon,.l1224_icon,.l3d_icon,.l4d_icon,.d539_icon{transform:scale(1.2,1.2);-webkit-transform:scaleX(1.2,1.2);-moz-transform:scaleX(1.2,1.2);}
	div.date_today{font-size:20px;text-align:left;}
	div.balls_id_today{font-size:20px;text-align:left;}
	div.getmoney_today{font-size:19px;position:absolute;width: 110px; top:20px;left: 17px;text-align:right;margin-bottom: 5px}
	span.how_money{font-size: 35px;position:absolute;text-align:right;top:20px;left: -7px;width: 100px;}
	span.how_money2{font-size:15px;position:absolute;text-align:right;top:33px;left:94px;}
 td.td_ball_top_left{ width: 30%; }	
 td.td_ball_top_center{width: 35%; }	
 td.td_ball_top_right{ width:35%; }	


}

@media screen and (min-width: 380px){

div.balls_div{transform:scale(1.1,1.1);-webkit-transform:scaleX(1.1,1.1);-moz-transform:scaleX(1.1,1.1);}

div.br{height: 15px}
}

@media screen and (min-width: 400px){

div.balls_div{transform:scale(1.15,1.15);-webkit-transform:scaleX(1.15,1.15);-moz-transform:scaleX(1.15,1.15);}
	div.br{height: 20px}
	
.button_redball_list, .button_yellowball_list ,.button_blueball_list ,.button_greenball_list
{transform:scale(1.2,1.2);margin: 3px 7px 7px 7px;}
.button_purpleball_list
{transform:scale(1.5,1.5);margin: 7px 12px 7px 12px;}

div.balls_div_list{max-width: 400px;margin: 7px 0px 3px 0px;}
div.balls_div_list_purpleball{max-width: 380px;height: 90px;margin:  0px;}
h1.text1{font-size:40px;}
	
	div.date {font-size: 20px;margin-bottom: 4px;}
	div.balls_id {font-size: 20px;margin-bottom: 4px;}
	div.getmoney {font-size: 20px;margin-bottom: 4px;}
	div.getmoney_000 {font-size: 20px;margin-bottom: 4px;}
	td.z
    {width: 30%}  
		
	}
	
	

	
	
@media screen and (min-width: 651px){

div.balls_div{transform:scale(1.3,1.3);-webkit-transform:scaleX(1.3,1.3);-moz-transform:scaleX(1.3,1.3);}
div.br{height: 50px}
	
.computer_size{font-size: 12px;margin: 0px;padding: 0px;}
.phone_size{display:none}

.button_redball_list, .button_yellowball_list ,.button_blueball_list  ,.button_greenball_list
{transform:scale(1.5,1.5);margin: 7px 10px 12px 10px;padding: 5px 6px;}
.button_purpleball_list 
{transform:scale(1.5,1.5);margin: 7px 12px 7px 12px;}
div.balls_div_list{max-width: 420px;min-height: 80px;margin:  10px 0px;}
div.balls_div_list_purpleball{max-width: 420px;min-height: 80px;margin: 10px 0px 0px 0px;}

h1.text1{font-size:50px;}
div.getmoney{right:5px;top: 0px}
	
	div.date {font-size: 23px;margin-bottom: 10px;}
	div.balls_id {font-size: 23px;margin-bottom: 10px;}
	div.getmoney {font-size: 23px;margin-bottom: 10px;}
	div.getmoney_000 {font-size: 23px;margin-bottom: 10px;}
}	
	
	

	
@media screen and (max-width: 550px){
	.balls_table_div {max-width:480px;}
	.balls_table,.balls_table2{width: 120px;height: 45px;}
	.balls_table_div div {width: 120px;height: 50px;}
	

			
			
	}
	

	



@media screen and (max-width: 650px){
.computer_size{display:none}
.phone_size{font-size: 12px;margin: 0px;padding: 0px;}
}
@media screen and (max-width: 335px){
 div.td_ball_bottom_FFF{margin: 0px;padding: 4px 0px;border-radius: 10px}
	.button_redball, .button_yellowball ,.button_blueball ,.button_purpleball ,.button_greenball
		{margin: 1px;}
	.button_redball_list, .button_yellowball_list ,.button_blueball_list ,.button_purpleball_list ,.button_greenball_list
		{margin: 1px;}
	td.td_ball_bottom {padding: 1px;}
	
	div.getmoney_today{position:absolute;width:90px; top:20px;left: -4px;text-align:right;}
	span.how_money{position:absolute;text-align:right;left: 15px;width: 60px;}
	span.how_money2{position:absolute;text-align:right;top:25px;left:75px;}
 td.td_ball_top_left{ width: 32%; }	
 td.td_ball_top_center{width: 30%; }	
 td.td_ball_top_right{ width:38%; }	

}	
	


@media(max-width: 450px){
	
	.modal-dialog{width: 82%;}
	
	.balls_table_div {max-width:380px;}
	.balls_table,.balls_table2{width: 120px;height: 45px;}
	.balls_table_div div {width: 120px;height: 50px;}
	
		.balls_table{font-size: 22px;
	margin: 0px;padding: 0px; border-radius: 10px;border:none;}
	
	.balls_table2{font-size: 22px;
	margin: 0px;padding: 0px; border-radius: 10px;border:none;}		
	
	

	
}




@media (min-width: 750px){
	
	.d-xl-flex {display: flex!important;}
	
	.d-lg-none {display: none!important;}
	
}




@media(min-width: 998px){
	
	header.item-button a{width: 150px;height: 55px;font-size: 30px;}
	header .item-button2 a{width: 150px;height: 55px;font-size: 30px;}
	header .item-button3 a{width: 150px;height: 55px;font-size: 30px;background-color: #FFFFFF;}
	header .item-button3_Home a{width: 150px;height: 55px;font-size: 30px;}
	header .a_nav{ padding: 7px 60px;}
	header{height: 80px}

}
@media(max-width: 997px){
	header{height: 70px}
	header .a_nav{ width: 100%;padding: 0 5%;}

}


@media screen and (max-width:700px)
{
table{font-size:16pt;}
th.spacing{padding:5px; letter-spacing: 5px;font-size:20px;}
table.computer_size>td{padding-left:auto;text-align:center;font-size:12px;height:auto}
table.phone_size>td{padding-left:auto;text-align:center;font-size:12px;height:auto}
tr.htitlepink>td{text-align:center;background-color:#FFB0B2;color:#000;border:2px #FFFFFF solid;border-color:white;font-size:18pt;font-weight: bolder; padding-bottom: 10px;padding:5px;}
span.sub{font-size:12px;}
span.sub2{font-size:12px;}
p.text2{font-size:18px;text-align:left;padding:2px 5px}


/*
div.getmoney_today{color: #ECECEC;font-size:15px;position:absolute;top:20px;right: 5px}
	span.how_money{font-size: 27px;line-height: 30px;}
	span.how_money2{font-size:15px;position:absolute;top:24px;}
 */
	
	}
	


/* https://www.youtube.com/watch?v=nVuDtzqkalo 
https://fontawesome.com/icons/ticket?s=solid&f=classic
https://www.casper.tw/css/2017/07/21/css-flex/

*/



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}