body {
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	background:url(../images/menu_bg.gif) repeat-x;
	background-position-y: 53px;
    background-size: 75px;
	background-color:#e1ebf1;
}

.wrapper{
   min-width:1080px;
    margin:0 auto
}
.wrapper .top{
    width:100%
}
.wrapper .top .line{
    width:100%;
    height:20px;
    background:-moz-linear-gradient(left,#fbcd06,#fdf9cc,#cc9b24,#fdf6ca);
    background:-webkit-gradient(linear,left top,right top,from(#fbcd06),color-stop(.25,#fdf9cc),color-stop(.5,#cc9b24),to(#fdf6ca));
    background:-webkit-linear-gradient(left,#fbcd06,#fdf9cc,#cc9b24,#fdf6ca);
    background:-o-linear-gradient(left,#fbcd06,#fdf9cc,#cc9b24,#fdf6ca);
	    border-radius: 3px;
}
.wrapper .top .line2{
    width:100%;
    height:20px;
    background:-moz-linear-gradient(left,#fdf6ca,#ca981d,#fef8c8,#fbcd06);
    background:-webkit-gradient(linear,left top,right top,from(#fdf6ca),color-stop(.25,#ca981d),color-stop(.5,#fef8c8),to(#fbcd06));
    background:-webkit-linear-gradient(left,#fdf6ca,#ca981d,#fef8c8,#fbcd06);
    background:-o-linear-gradient(left,#fdf6ca,#ca981d,#fef8c8,#fbcd06);
	    border-radius: 3px;
}
.wrapper .top .topcon{
    max-width:1000px;
    margin:0 auto
}
.wrapper .top .topcon .logo {
   
    margin-top:20px;
    background:url(../images/logo.png) no-repeat;
	    margin-left: 30px;
	background-size:contain;	
}
.wrapper .top .topcon .logo .icon_social {
	float: right;
    margin-top: -57px;
    margin-right: 5px;
}
.wrapper .top .topcon .logo .icon_social img {
	width: 38px;
    padding: 0px 3px;
	float: right;
}


.wrapper .top .topcon .my-nav{
    
    margin-top:14px;
    border:none;
	background:url(../images/menu_bg.png) no-repeat;
	background-size:contain;
	
}
.wrapper .top .topcon .my-nav .navbar-collapse{
    padding:0
}

.wrapper .top .topcon .my-nav.navbar {
	border-radius:0px;	
	margin-bottom:0px;
}

.wrapper .top .topcon .my-nav .navbar-collapse ul.nav {
	font-size:13px;	
}

.wrapper .top .topcon .my-nav .navbar-collapse ul.nav li{
    width:86px;
    
    /*background:url(../images/navbg.png) -18px -18px no-repeat*/
}


.wrapper .top .topcon .my-nav .navbar-collapse ul.nav li a{
    /*line-height:59px;*/
    text-align:center;
    font-weight:700;
    color:#fff;
	    padding-top: 9px;
		padding-bottom:0px;
}
.wrapper .top .topcon .my-nav .navbar-collapse ul.nav li:nth-child(2){
    background-position:-134px -18px
}
.wrapper .top .topcon .my-nav .navbar-collapse ul.nav li:nth-child(3){
    background-position:-249px -18px
}
.wrapper .top .topcon .my-nav .navbar-collapse ul.nav li:nth-child(4){
    background-position:-364px -18px
}
.wrapper .top .topcon .my-nav .navbar-collapse ul.nav li:nth-child(5){
    background-position:-479px -18px
}
.wrapper .top .topcon .my-nav .navbar-collapse ul.nav li:nth-child(6){
    background-position:-594px -18px;
    margin:0
}
.wrapper .top .topcon .my-nav .navbar-collapse ul.nav li.active a{
    color:#ffc0c8;
}
.wrapper .top .topcon .my-nav .navbar-collapse ul.nav li a:hover{
	background:none;
	color:#ffc0c8;
}
.nav>li>a:focus, .nav>li>a:hover {
	background-color:transparent !important;	
}

.wrapper .banner  {
    position:relative;
    max-width:1000px;
    margin:-9px auto;
	height:248px;
}


#content {
	max-width:1000px;
	background:#FFF;	
	margin:-9px auto;
	padding: 20px 10px;	
}
#content .info {
	
    
}

#content .page_content {
	padding-top:30px;	
}

#content .page_content .title_with_bg { 
	background-color:#e6e7e8;
	color:#124b9c;
	width:100%;
	padding:10px;
	font-weight:700;
	font-size:16px;
	
}
#content .page_content .result {
	background-color:#e6e7e8;
	min-height:200px;
	padding:10px;
	margin-top:20px;
	margin-bottom:20px;
	    text-align: center;
}
#content .page_content .result.nobackground {
	background-color:transparent;	
	    text-align: left;
}

#content .page_content .result .result_date {
	color:#124b9c;	
}

#content .page_content .result .results-heading{
    margin-top:20px
}
#content .page_content .result .results-heading span{
    display:inline-block;
    font-size:20px;
    font-weight:bolder;
    padding:5px 10px;
    color:#feff00;
    background:#b72026;
    margin-right:1px;
	padding-right:20px;
	
}


#content .page_content .result .game_logo {
	text-align:center;	
	padding-top:10px;
}
#content .page_content .result .game_logo img {
	width:200px;	
}

#content .page_content .result .ballscon {
	  padding-top: 20px;
    text-align: center;
    margin-left: -19px;
}



#content .page_content .result .ballscon .ball_bg {
	display:inline-block;	
	padding-left:7px;
}
#content .page_content .result .price {
	padding-left:7px;
	color: #124b9c;
	font-weight:600;
	padding-left:20px;
	padding-top: 2px;
	display:inline-block;
	
}
#content .page_content .result .price .price_name{
	width:200px;
	padding:5px;
	
}
#content .page_content .result .price .ball_number{
	background-image: url(../images/ball_result.png);
    width: 33px;
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain;
    padding-top: 8px;
    padding-bottom: 13px;
    font-size: 12px;
	color:black;
}

#content .page_content .result .btn_more_result {
	padding-top:20px;
	padding-bottom:20px;	
}


#content  .result_left  {
	padding-top:20px;	
	padding-bottom:50px;
}
#content  .result_left  li{
	padding:10px;
	border-bottom: 1px solid #CCC;
	width: 260px;
}


.wrapper .banner .swiper-container img{
    width:100%;
	
}
.wrapper .banner>.swiper-pagination{
    left:49%;
    bottom:-20px;
    margin-left:-23px;
	display: none;
}
.wrapper .banner>.swiper-pagination .swiper-pagination-bullet{
    width:10px;
    height:10px;
    display:inline-block;
    border-radius:100%;
    background:#fff;
    border:2px solid #e5e5e5;
    opacity:1;
    margin-right:5px
}
.wrapper .banner>.swiper-pagination .swiper-pagination-bullet-active{
    background:#656565
}
.wrapper .result_tabs{
    max-width:980px;
    margin:20px auto
}
.wrapper .result_tabs>ul li{
    float:left;
	padding: 0 10px;
}
.wrapper .result_tabs>ul li a{
    display:inline-block;
    width:100%
}
.wrapper .result_tabs>ul li a img{
    width:100%;
	-moz-box-shadow:0 0 10px rgba(0,0,0,.7);
    -webkit-box-shadow:0 0 10px rgba(0,0,0,.7);
    box-shadow:0 0 10px rgba(0,0,0,.7)
}
.wrapper .result_tabs>ul li a p{
    font-size:18px;
    font-weight:bolder;
    color:#4e4e4e;
    text-align:center;
    line-height:35px
}
.wrapper .result_tabs>ul li a:hover{
    text-decoration:none
}
.wrapper .result_tabs .tabs_container{
    width:100%;
	padding: 10px;
	margin-top:-24px;
}
.wrapper .bottomcon{
    max-width:1080px;
    margin:0 auto;
    background:url(../images/con_topbg.png) top no-repeat;
    background-size:100%
}
.wrapper .bottomcon .row ul{
    width:96%;
    margin:0px auto 0 auto
}
.wrapper .bottomcon .row ul li{
    float:left;
    border-radius:5px;
    margin-bottom:25px
}
.wrapper .bottomcon .row ul li a{
    position:relative;
    display:inline-block;
    border-radius:8px;
    -moz-box-shadow:3px 3px 10px rgba(0,0,0,.7);
    -webkit-box-shadow:3px 3px 10px rgba(0,0,0,.7);
    box-shadow:3px 3px 10px rgba(0,0,0,.7);
    overflow:hidden
}
.wrapper .bottomcon .row ul li a img{
    width:100%
}
.wrapper .bottomcon .row ul li a>div{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:70px;
    line-height:70px;
    font-size:25px;
    font-weight:700;
    text-indent:1rem;
    color:#fff;
    background:rgba(0,0,0,.3)
}
.wrapper .bottomcon .detail{
    width:100%;
    height:175px;
    background:url(../images/con_bottombg.png) bottom no-repeat;
    background-size:100% 100%
}
.wrapper .bottomcon .detail .con{
    width:90%;
    margin:0 auto
}
.wrapper .bottomcon .detail .con .detail_top{
    padding-top:15px
}
.wrapper .bottomcon .detail .con .detail_top .phone{
    float:left;
    width:30%
}
.wrapper .bottomcon .detail .con .detail_top .phone img{
    width:100%;
    margin-top:15px
}
.wrapper .bottomcon .detail .con .detail_top .age{
    float:right;
    width:14.2%;
    margin-top:35px
}
.wrapper .bottomcon .detail .con .detail_top .age img{
    width:100%
}
.wrapper .bottomcon .detail .con .detail_bottom ul.footernav{
    float:left
}
.wrapper .bottomcon .detail .con .detail_bottom ul.footernav li{
    float:left;
    line-height:50px
}
.wrapper .bottomcon .detail .con .detail_bottom ul.footernav li a{
    font-size:16px;
    font-weight:700;
    padding:0 7px;
    color:#fefdfb;
    text-shadow:#000 .1em .1em .2em
}
.wrapper .bottomcon .detail .con .detail_bottom ul.footernav li a:hover{
    color:#4d4d4d;
    text-decoration:none
}
.wrapper .bottomcon .detail .con .detail_bottom ul.icon{
    float:right
}
.wrapper .bottomcon .detail .con .detail_bottom ul.icon li{
    float:left;
    margin-right:15px
}
.wrapper .bottomcon .detail .con .detail_bottom ul.icon li a{
    height:45px;
    display:inline-block
}
.wrapper .bottomcon .detail .con .detail_bottom ul.icon li a img{
    height:100%
}
.wrapper .bottomcon .detail .con .detail_bottom ul.icon li:last-child{
    margin-right:0
}
.wrapper .footer{
    width:100%;
    background:#e6e7e8;
	 padding: 3px 100px;
	 font-size:12px;
}
.wrapper .footer .footer_con{
    width:95%;
    margin:0 auto;
	padding-top:5px;
}
.wrapper .footer .footer_con .row{
    padding-top:20px
}
.wrapper .footer .footer_con .row>div{
    margin-bottom:20px
}
.wrapper .footer .footer_con .row>div a{
    display:inline-block;
    width:100%
}
.wrapper .footer .footer_con .row>div a img{
    width:100%
}
.wrapper .footer .footer_con p{
    text-align:right;
    line-height:45px;
    margin:0;
    color:#fff;
	text-align: center;
}

.copyright {
	text-align:center;
	margin:0 auto;
	font-size:10px;	
	padding:20px;
}
.ball_chooser{
    display:inline-block;
    width: 40px;
    height: 53px;
    margin: 5px 3px 5px 3px;
    line-height: 40px;
    cursor:pointer;
    cursor:hand;
    text-align:center;
    color:#000
}
.ball_chooser>div{
        font-size: 12px;
    font-weight: 700;
    text-indent: 0;
    padding-top: 3px;
}
.ball_result_blue {
	 background:url(../images/ball_result_blue.png) no-repeat;
    -moz-background-size:100% 100%;
    -o-background-size:100% 100%;
    background-size:100% 100%
}
.ball_result_green {
	 background:url(../images/ball_result_green.png) no-repeat;
    -moz-background-size:100% 100%;
    -o-background-size:100% 100%;
    background-size:100% 100%
}
.ball_red,
.ball_1, .ball_8, .ball_15, .ball_22, .ball_29, .ball_36, .ball_43
{
    background:url(../images/ball_red.png) no-repeat;
    -moz-background-size:100% 100%;
    -o-background-size:100% 100%;
    background-size:100% 100%
}
.ball_yellow,
.ball_2, .ball_9, .ball_16, .ball_23, .ball_30, .ball_37, .ball_44
{
    background:url(../images/ball_yellow.png) no-repeat;
    -moz-background-size:100% 100%;
    -o-background-size:100% 100%;
    background-size:100% 100%
}
.ball_purple,
.ball_3, .ball_10, .ball_17, .ball_24, .ball_31, .ball_38, .ball_45
{
    background:url(../images/ball_purple.png) no-repeat;
    -moz-background-size:100% 100%;
    -o-background-size:100% 100%;
    background-size:100% 100%
}
.ball_brown,
.ball_4, .ball_11, .ball_18, .ball_25, .ball_32, .ball_39, .ball_46
{
    background:url(../images/ball_brown.png) no-repeat;
    -moz-background-size:100% 100%;
    -o-background-size:100% 100%;
    background-size:100% 100%
}
.ball_blue,
.ball_5, .ball_12, .ball_19, .ball_26, .ball_33, .ball_40, .ball_47
{
    background:url(../images/ball_blue.png) no-repeat;
    -moz-background-size:100% 100%;
    -o-background-size:100% 100%;
    background-size:100% 100%
}
.ball_cyan,
.ball_6, .ball_13, .ball_20, .ball_27, .ball_34, .ball_41, .ball_48
{
    background:url(../images/ball_cyan.png) no-repeat;
    -moz-background-size:100% 100%;
    -o-background-size:100% 100%;
    background-size:100% 100%
}
.ball_green,
.ball_7, .ball_14, .ball_21, .ball_28, .ball_35, .ball_42, .ball_49
{
    background:url(../images/ball_green.png) no-repeat;
    -moz-background-size:100% 100%;
    -o-background-size:100% 100%;
    background-size:100% 100%
}
.result_tabs .tabs_container .con .poin{
    width:16.667%;
    max-width:152px;
    height:32px;
    margin-bottom:20px;
    background:url(../images/49Lottery_arrow.png) no-repeat;
    background-size:100%
}
.result_tabs .tabs_container .con .uk,
.result_tabs .tabs_container .con .UK49
{
    background:url(../images/uk49_pick.png) no-repeat;
    background-size:100%;
    margin-left:17%
}
.result_tabs .tabs_container .con .super,
.result_tabs .tabs_container .con .SuperBall
{
    background:url(../images/superball_pick.png) no-repeat;
    background-size:100%;
    margin-left:34%
}
.result_tabs .tabs_container .con .mega,
.result_tabs .tabs_container .con .MegaBall
{
    background:url(../images/megaball_pick.png) no-repeat;
    background-size:100%;
    margin-left:51%
}
.result_tabs .tabs_container .con .UKMillions{
    background:url(../images/ukmillions_pick.png) no-repeat;
    background-size:100%;
    margin-left:68%
}
.result_tabs .tabs_container .con .powerlottery,
.result_tabs .tabs_container .con .PowerLottery
{
    background:url(../images/powerlottery_pick.png) no-repeat;
    background-size:100%;
    margin-left:85%
}





@media (max-width:927px){
    .wrapper .bottomcon .detail .con .detail_bottom ul.footernav li a{
        font-size:15px
    }
    .wrapper .bottomcon .detail .con .detail_bottom ul.icon li a{
        height:38px
    }
    .wrapper .bottomcon .detail .con .detail_bottom ul.icon li{
        margin-right:10px
    }
    .result_tabs>ul li a p{
        font-size:16px
    }
}
@media (max-width:818px){
    .wrapper .top .topcon .my-nav .navbar-collapse ul.nav li{
        margin-right:10px
    }
	body {
		background:none;	
	}
    .wrapper .bottomcon .row ul{
        width:90%;
        margin:75px auto 0 auto
    }
    .wrapper .bottomcon .row ul li{
        padding:0 10px;
        margin-bottom:15px
    }
    .wrapper .bottomcon .row ul li a>div{
        height:50px;
        line-height:50px;
        font-size:20px
    }
    .wrapper .bottomcon .detail .con .detail_bottom ul.icon li a{
        height:32px
    }
}
@media (max-width:768px){
    .wrapper .top .topcon .logo{
        width:112px;
        height:110px;
        background-size:100% 100%
    }
    .wrapper .top .topcon .my-nav{
        margin-top:15px
    }
    .wrapper .top .topcon .my-nav .navbar-collapse ul.nav li{
        margin-right:10px
    }
    .wrapper .bottomcon .detail{
        height:130px
    }
    .wrapper .bottomcon .detail .con .detail_top .age{
        width:20%;
        margin-top:20px
    }
    .wrapper .bottomcon .detail .con .detail_bottom ul.footernav li a{
        font-size:13px;
        padding:0 4px
    }
    .wrapper .bottomcon .detail .con .detail_bottom ul.icon li a img{
        height:30px
    }
}
@media (min-width:320px) and (max-width:767px){
    .wrapper .top .line,.wrapper .top .line2{
        height:10px
    }
    .wrapper .top .topcon{
        position:relative
    }
    .wrapper .top .topcon .logo{
        position:absolute;
        z-index:10;
        width:82px;
        height:80px;
        background-size:100% 100%
    }
    .wrapper .top .topcon .my-nav{
        width:100%;
        margin-top:15px
    }
    .wrapper .top .topcon .my-nav .navbar-collapse{
        margin-top:20px;
        padding:0;
        width:100%;
        margin:20px auto 0 auto;
        background:#e1c26a;
        border-radius:5px
    }
    .wrapper .top .topcon .my-nav .navbar-collapse ul.nav{
        margin:0 -15px
    }
    .wrapper .top .topcon .my-nav .navbar-collapse ul.nav li{
        width:100%;
        height:35px;
        margin-right:0;
        background:0 0
    }
    .wrapper .top .topcon .my-nav .navbar-collapse ul.nav li a{
        line-height:35px;
        text-indent:1rem;
        padding:0 15px;
        text-align:left;
		background-color:none;
    }
    .wrapper .top .topcon .my-nav .navbar-collapse ul.nav li.active{
        width:100%;
        height:35px;
        background:#cb991f
    }
    .wrapper .top .topcon .my-nav .navbar-collapse ul.nav li:hover{
        background:#cb991f
    }
    .wrapper .top .topcon .my-nav .navbar-collapse ul.nav li a:hover{
        background:0 0
    }
    .wrapper .bottomcon .row ul{
        width:90%;
        margin:40px auto 0 auto
    }
    .wrapper .bottomcon .row ul li{
        padding:0 5px;
        margin-bottom:10px
    }
    .wrapper .bottomcon .row ul li a>div{
        height:30px;
        line-height:30px;
        font-size:14px;
        text-indent:.5rem
    }
    .wrapper .bottomcon .detail{
        height:170px
    }
    .wrapper .bottomcon .detail .con{
        width:98%
    }
    .wrapper .bottomcon .detail .con .detail_top .phone{
        width:40%
    }
    .wrapper .bottomcon .detail .con .detail_top .phone img{
        margin-top:20px
    }
    .wrapper .bottomcon .detail .con .detail_top .age{
        width:30%;
        margin-right:5px
    }
    .navbar-inverse{
        background-color:#fef8c6;
        border-color:#cea02b
    }
    .navbar-toggle .icon-bar{
        background:#927221
    }
}
@media (min-width:570px) and (max-width:767px){
    .wrapper .bottomcon .detail{
        height:130px
    }
    .wrapper .bottomcon .detail .con{
        width:98%
    }
    .wrapper .bottomcon .detail .con .detail_top .phone{
        width:30%
    }
    .wrapper .bottomcon .detail .con .detail_top .phone img{
        margin-top:20px
    }
    .wrapper .bottomcon .detail .con .detail_top .age{
        width:20%
    }
    .wrapper .bottomcon .detail .con .detail_bottom ul.footernav{
        margin:0 auto
    }
    .wrapper .bottomcon .detail .con .detail_bottom ul.footernav li a{
        font-size:12px;
        padding:0 5px
    }
    .wrapper .bottomcon .detail .con .detail_bottom ul.icon{
        margin:0 auto
    }
    .wrapper .bottomcon .detail .con .detail_bottom ul.icon li a img{
        height:27px
    }
    .result_tabs .tabs_container .con .poin
	{
        width:33.33%;
        margin-left:10px
    }
    .result_tabs .tabs_container .con .uk,
	.result_tabs .tabs_container .con .UK49,
	{
        width:33.33%;
        margin-left:10px
    }
    .result_tabs .tabs_container .con .super,
	.result_tabs .tabs_container .con .SuperBall
	{
        width:33.33%;
        margin-left:10px
    }
    .result_tabs .tabs_container .con .mega,
	.result_tabs .tabs_container .con .MegaBall
	{
        width:33.33%;
        margin-left:10px
    }
    .result_tabs .tabs_container .con .UKMillions{
        width:33.33%;
        margin-left:10px
    }
    .result_tabs .tabs_container .con .powerlottery,,
	.result_tabs .tabs_container .con .PowerLottery
	{
        width:33.33%;
        margin-left:10px
    }
}
@media (min-width:320px) and (max-width:569px){
    .wrapper .bottomcon .detail{
        height:175px
    }
    .wrapper .bottomcon .detail .con .detail_bottom ul.footernav{
        float:none;
        width:310px;
        margin:0 auto
    }
    .wrapper .bottomcon .detail .con .detail_bottom ul.footernav li a{
        font-size:13px;
        padding:0 7px
    }
    .wrapper .bottomcon .detail .con .detail_bottom ul.icon{
        float:none;
        width:280px;
        margin:0 auto
    }
    .wrapper .bottomcon .detail .con .detail_bottom ul.icon li a img{
        height:27px
    }
    .result_tabs>ul li{
        padding:0 8px
    }
    .result_tabs>ul li a p{
        font-size:14px
    }
    .result_tabs .tabs_container .con .poin{
        width:33.33%;
        margin-left:10px
    }
    .result_tabs .tabs_container .con .uk{
        width:33.33%;
        margin-left:10px
    }
    .result_tabs .tabs_container .con .super{
        width:33.33%;
        margin-left:10px
    }
    .result_tabs .tabs_container .con .mega{
        width:33.33%;
        margin-left:10px
    }
    .result_tabs .tabs_container .con .UKMillions{
        width:33.33%;
        margin-left:10px
    }
    .result_tabs .tabs_container .con .powerlottery{
        width:33.33%;
        margin-left:10px
    }
}
@media (max-width:320px){
    .wrapper .top .line,.wrapper .top .line2{
        height:10px
    }
    .wrapper .bottomcon .row ul{
        width:90%;
        margin:30px auto 0 auto
    }
    .wrapper .bottomcon .row ul li{
        padding:0 5px;
        margin-bottom:8px
    }
    .wrapper .bottomcon .row ul li a>div{
        height:25px;
        line-height:25px;
        font-size:12px;
        text-indent:.3rem
    }
    .navbar-inverse{
        background-color:#fef8c6;
        border-color:#cea02b
    }
    .navbar-toggle .icon-bar{
        background:#927221
    }
}


#content .page_content .result.nobackground .ball_chooser {
    width: 60px;
	line-height: 62px;
	
}

#content .page_content .result.nobackground .ball_chooser>div {
		font-size:16px;
}