body {
    padding:0;
    margin:0;
    color:#222;
    background-color: rgb(0, 0, 0);
    font-size: 12px;
    font-family: "Tahoma", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#wrapper {width:1020px ; height:2700px ; margin:auto}
#header {width:1020px ; height:100px ; background:url() center top no-repeat}
div,h1,h2,h3,h4,p,form,input,textarea,img,span{margin:0; padding:0;font-weight:normal;}
ul{margin:0; padding:0; list-style-type:none;}
li {vertical-align: bottom;}
img {border-width:0;}
a:link,a:visited{text-decoration: none;color: #ffffff;}
a:hover{
    color: #00CBFF;
    text-decoration: underline;
}
#main {
    width: 958px;
    background-color:#2C2C2C;
    clear: both;
    margin:4px auto 0 auto;
    padding: 3px 6px 6px 6px;
}
#main3 {
    width:95%;
	background-color:White;
	clear: both;
	margin:4px auto 0 auto;
	padding: 3px 6px 6px 6px;
}
.clear {
	clear:both;
	display: block;
	height: 1px;
	overflow: hidden;
}
.lrdiv {
	background-color: #FFF;
	clear: both;
	width: 143px;
	border: 1px solid #2C2C2C;
}
.lr_tit {
	line-height: 26px;
	font-weight: bold;
	color: #FFF;
	background-image: url(http://www.nowgoal.com/style/blue_img/tit_bg.gif);
	display: block;
	height: 26px;
	width: 138px;
	padding-left: 7px;
	font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
}
.lr_tit a{color:#FFF;}
.lr_litime,.lr_litime a{line-height:20px;}
/*------------------------------------------------left--------------------*/
#left { width:145px;float:left; padding-right:6px}
.leftnav {}
.leftnav li{border-bottom: 1px solid #373737;}
.leftnav li a{
	line-height: 25px;
	background-image: url(../img/ball_1);
	display: block;
	height: 22px;
	width: 137px;
	font-weight: bold;
	color: #000;
	padding-left: 6px;
	text-align: left;
}
.leftnav li a:hover,.leftnav .select a,.leftnav .select a{
	color: #00CBFF;
	background: url(../img/ball_2.gif) 0px 0px;
	text-decoration: none;
}
#nob,#nob2 {
	border-bottom-width: 0;
}
.leftnav span {
	padding-left:24px;
	background: url(https://www.spbo.fun/index_files/list.png) no-repeat;
}
/*------------------------------------------------min--------------------*/
#min { float:left; width: 655px;}
.mintopnav {
	line-height: 24px;height: 24px;background-image: url('../images/minbg.gif');
	border-top: 1px solid #A0BAD3;
	border-right: 1px solid #A0BAD3;
	border-bottom: 1px solid #C6C6C6;
	border-left: 1px solid #A0BAD3;
	margin-bottom:3px;
}
.mintopnav li{
	float: left;
}
.mintopnav li a {
	background: url('../images/minbg_line.gif') no-repeat right;
	display: block;
	float: left;
	padding: 0 9px;
	line-height: 24px;
	height: 24px;
	font-weight: bold;
	color: #425B7E;
}
.mintopnav li a:hover {
	background-color: #FFF;
	text-decoration: none;
}
.mintopnav li a span {
	color:red;
	font-weight: bold;
}
#mnavnone a{
	background-image: none;
}
#note{
	line-height: 26px;
	background-color: #FFFACC;
	clear: both;
	border-right: 1px solid #C6C6C6;
	border-left: 1px solid #C6C6C6;
	padding: 0 10px;
	text-align: left;
	height: 26px;
	color: #B36946;
}
#note .close a {
	float:right;
	display:block;
	background-image: url('../images/close.gif');
	height: 14px;
	width: 14px;
	margin-top: 5px;
	line-height: 0px;
}
#mintable {
	border: 1px solid #C6C6C6;
}
#mintable td,#oddsmain td {
	height:24px;
	border-bottom: 1px solid #DFDFDF;
	text-align:center;
}
.scoretitle {
	font-weight: bold;
	color: #FFF;
	background-color: #5885B7;
	line-height: 26px;
	text-align: center;
}
.Leaguestitle {
	background-color: #8BAACD;
	color: #FFF;
	background-image: url('../images/de6.gif');
	background-repeat: repeat-x;
}
.Leaguestitle td { line-height:24px}
.Leaguestitle td a,.Leaguestitle td a:visited { color:#FFF}
.red {
	color:#F00;
	font-weight: bold;
	cursor:pointer;
	font-size:12px;
}
.blue {
	color:#00f;
	font-weight: bold;
	cursor:pointer;
	font-size:12px;
}
.red2 {color:#F00;}
.status { color:#0066FF}
.time { color:#666}
.toolimg img{ margin:0 2px}
.b1 {background-color: #ffffff;}
.b2 {background-color: #f4f4f4;}
.b3 {BACKGROUND-COLOR: #eeeeff}
.b4 {BACKGROUND-COLOR: #eeeeee}
.l1 {
	float:left;
	margin-left: 10px;
	background: url('../images/ds.gif') no-repeat left;
	padding-left: 12px;
	color: #C1DBEE;
}
.l1 a {
	font-weight: bold;
}
.l2 {
	float:right;
	padding:4px 4px 0 0;
}
.l2 img { margin:0 2px}
.contest {
	font-weight: bold;
	background-color: #FFFACC;
}

.l3 {
	float:left;
	margin-left: 10px;
	background: url('../images/ds.gif') no-repeat left;
	padding-left: 12px;
	color: black;
	font-weight: bold;
}

.l4 {
	float:left;
	margin-left: 5px;
	padding-left: 6px;
	color: #B36946;
}
.l5 {
	float:right;
	padding:2px 2px 0 0;
}
.l5 img { margin:0 2px}
.contest {
	font-weight: bold;
	background-color: #FFFACC;
}
.date_li{
	height: 24px;
	line-height: 24px;
	background-image: url('../images/minbg.gif');
	margin-bottom:5px;
}
.date_li a,.date_li a:visited {
	display:block;
	float:left;
	padding: 0 8px;
	background: url('../images/minbg_line.gif') no-repeat right;
}
.date_li a:hover {
	background-color: #F4FBFF;
	text-decoration: none;
	color: #F30;
}
.date_li b {
	display:block;
	float:left;
	padding: 0 8px;
	background-image: url('../images/date6.gif');
	color: #FFF;
}
#ad_right_2 {
	margin-top:10px;
	margin-left:-4px;
}

.date_li22{
	height: 24px;
	line-height: 24px;
	background-image: url('../images/minbg.gif');
	margin-bottom:5px;
}
.date_li22 a,.date_li22 a:visited {
	display:block;
	float:left;
	padding: 0 5px;
	text-decoration:underline;

}
.date_li22 a:hover {
	background-color: #F4FBFF;
	text-decoration:underline;
	color: #F30;
}
.date_li22 b {
	display:block;
	float:left;
	padding: 0 8px;
	background-image: url('../images/date6.gif');
	color: #FFF;
}

/*------------------------------------------------right--------------------*/
#right { width:145px;float:right}
.soundtab {
	background-color: #6B6B6B;
	clear: both;
	border-top: 1px solid #ffffff;
	padding:4px 0 4px 4px;
	line-height: 20px;
}
.soundtab select {
	margin-left:2px;
	width:65px;
	height: 20px;
	font-size: 11px;
}
.soundtab span { line-height:18px}
.fontse a{
	background: url('../images/font.gif') repeat-x;
	font-weight: bold;
	margin-right: 7px;
	display: block;
	float: left;
	padding-right: 4px;
	padding-left: 4px;
}
.fontse a:hover {
	color: #039;
	background-image: url('../images/font2.gif');
	text-decoration: none;
}
.e12:link,.e12:visited { font-size:12px}
.e14:link,.e14:visited  { font-size:14px}
.set1:link,.set1:visited {
	padding-left:13px;
	background: url('../images/re.gif') no-repeat left top;
	margin:0 8px 0 4px;color: rgb(204, 198, 198);
}
.set2:link,.set2:visited {
	padding-left:13px;
	background: url('../images/re.gif') no-repeat left -20px;color: rgb(204, 198, 198);
}
.color {
	background-image: url('../images/color.gif');
	height: 8px;
	width: 72px;
	margin-top: 3px;
	background-repeat: no-repeat;
	overflow:hidden;
}
.color li{ float:left}
.color li a{
	display: block;
	height: 8px;
	width: 8px;
	margin-right: 4px;
}
.s_blue a:hover{background: url('../images/color.gif')  left -8px;}
.s_red a:hover{background: url('../images/color.gif')  -12px -8px;}
.s_black a:hover{background: url('../images/color.gif')  -24px -8px;}
.s_green a:hover{background: url('../images/color.gif')  -36px -8px;}
.s_black2 a:hover{background: url('../images/color.gif')  -48px -8px;}
.s_purple a:hover{background: url('../images/color.gif')  -60px -8px;}

/*------------------------------------------------odds 2in1--------------------*/
#oddsmain { float:left; width:787px}
.oddstd p {
	line-height:16px;
	display: block;
	height: 16px;
}
.odds1{color:#880000;}
.odds2{color:#0000bb;}
.up {
	background-color: #FFb0c8;
}
.down {
	background-color: #DCFFB9;
}
.up_red {
	BACKGROUND-COLOR: #fad2c9
}
.down_green {
	BACKGROUND-COLOR: #d5fc9e
}
.change_yellow {
	BACKGROUND-COLOR: yellow
}
A.sb{	FONT-WEIGHT: bold; COLOR: #cc0000; text-DECORATION: none; font-size:12px;}
A.sb:link {	FONT-WEIGHT: bold; COLOR: #cc0000;  text-DECORATION: none}
A.sb:visited {	FONT-WEIGHT: bold; COLOR: #cc0000; text-DECORATION: none}
A.sb:hover {	FONT-WEIGHT: bold; COLOR: #000066;}
a.pk:link { color: #0000FF; text-decoration: none; font-size: 12px;font-weight:bold; }
a.pk:visited { color: #0000FF; text-decoration: none; font-size: 12px;font-weight:bold; }
a.pk:hover { color: #FF0000;font-size: 12px;text-decoration: underline;font-weight:bold;}

/*------------------------------------------------bottom--------------------*/
#bottom {
	background-color: #2C2C2C;
	text-align: center;
	clear: both;border-top: 1px solid #373737;

	margin: 0 auto;
	padding-bottom: 10px;
}
.menu {
	font-weight: bold;
	line-height: 30px;
}
.bt_time {
	font-weight: bold;
	color: #F60;
}
.p2 { color:#999}

#score_win {
	position: absolute;
	left: 356px;
	top: 235px;
	border: 3px solid #090;
	background-color: #FFF;
	padding: 1px;
}
.score_title {
	background-color: #DBECA6;
}
#showoptional {
	background-color: #FFF;
	padding: 1px;
	width: 450px;
	border: 2px solid #666;
	position: absolute;
	left: 20px;
	top: 25px;
	z-index:5;
	position:absolute;
	visibility:hidden;
}
#showoptional h1,#showCompany h1 {
	float:left;
	font-size:11px;
	font-weight: bold;
	background-image: url('../images/show.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 15px;
}
#showoptional li {
	line-height: 26px;
	display: block;
	float: left;
	width: 100px;
	padding-left: 5px;
	 padding-bottom :5px;
}

#showoptional2 {
	background-color: #FFF;
	padding: 1px;
	width: 450px;
	border: 2px solid #666;
	position: absolute;
	left: 20px;
	top: 25px;
	z-index:5;
	visibility:hidden;
}
#showoptional2 h1,#showCompany h1 {
	float:left;
	font-size:11px;
	font-weight: bold;
	background-image: url('../images/show.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 15px;
}
#showoptional2 li {
	line-height: 22px;
	display: block;
	float: left;
	width: 210px;
	padding-left: 5px;
}
.spanleague
{
	display: block;
	clear: both;
	background-color: #E2F5FA;
	border: 1px solid #AEC6EC;
	color: #06C;
	line-height:26px;
	}
#myleague{
    OVERFLOW: auto;
}
#myleague2{
    OVERFLOW: auto;
    height :300px;
}
#showCompany{
 visibility:hidden;
 top:25px;
 left:68px;
 width:110px;
 position:absolute;
 border:solid 2px #666;
 line-height:22px;
 text-align:center;
 background-color:White;
 z-index:8;
 padding:3px;
}
.cc a{
	float:right;
	background-image: url('../images/cc.gif');
	display: block;
	height: 13px;
	width: 15px;
	margin-top: 1px;
}
.sotit {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E1E1E1;
	height: 18px;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 0;
	padding-left: 6px;
	line-height: 18px;
	background-color: #F5F4EF;
	margin-bottom: 6px;
}
.bts {
	display: block;
	clear: both;
	padding: 8px 0 8px 11px;
	text-align:center;
}
.bts input,.vsbtn {
	margin:0 3px;
	font-size: 11px;
	font-weight: bold;
	background-color: #f24541;
	border: 1px solid #AEC6EC;
	color: #FFF;
	line-height:18px;
	cursor:pointer;
}

.rbl {
	padding: 4px;
	text-align:center;
	font-weight: bold;
	border-bottom: 1px solid #AEC6EC;
	color: #06C;
	margin-bottom:5px;
}
.oddstable
{
	background-color: #C6C6C6;
}
.oddstable td {
	line-height:17px;
	text-align:center;
}

/*------------------------------------------------team vs team--------------------*/
#teammain { float:left; width:787px}
#teammain td {
	text-align:center;
	line-height: 18px;
}
.team_info {
	display:block;
	line-height: 24px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E6E6E6;
}
#teammain h2 {
	font-size: 23px;
	line-height: 23px;
	font-weight: bold;
	margin-bottom: 6px;
}
#teammain h3 {
	font-size: 16px;
	line-height: 23px;
	font-weight: bold;
	color: #FFF;
}
#team_info2 {
	border-top-width: 0px;
	border-bottom-width: 0px;
}
.title_h3 {
	background-color: #82BAEC;
}
.teamname_td {
	background-color: #E6F0FB;
	line-height: 18px;
	font-weight: bold;
	font-size: 14px;
}
.teaminfo2 {
	background-color: #E6F0FB;
	color: #33638A;
}
.teaminfo_td {
	background-color: #FFF7E1;
	font-weight:bold;
}
.te1 {
	background-color: #FFF;
}
.te2 {
	background-color: #F5F5F5;
}
.greens {
	color: #360;
	background-color: #D3F88F;
	font-weight: bold;
}
.BgYellow { background-color:#fcebda; color:#73250f}
.BgSky { background-color:#d2e6ff}
#teamid .sl { text-align:left}
#teamid .sr { text-align:right}
.leftnav_2 li{border-bottom: 1px solid #D7D7D7;}
.leftnav_2 li a{
	line-height: 20px;
	display: block;
	height: 20px;
	width: 137px;
	font-weight: bold;
	color: #425B7E;
	padding-left: 6px;
	text-align: left;
}
.leftnav_2 li a:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #0C0;
}
.hp {FONT-SIZE:8pt;COLOR: #ffffff;FONT-FAMILY:Verdana;BACKGROUND-COLOR:#ff0000;}

/*------------------------------------------------i vs i--------------------*/
#main2 {
	width:938px;
	background-color: #FFF;
	clear: both;
	margin:4px auto 0 auto;
	padding: 6px;
}
#main2 a{ text-decoration:underline}

.ivsi_top {
	text-align: center;
	padding-bottom: 16px;
	padding-top: 16px;
}
.ivsi_top h2 {
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	display: inline;
}
.ivsi_top span a {
	background-image: url('../images/Excel_icon.gif');
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: underline;
	padding-left: 16px;
	color: #5F9349;
}
.ivsi_top span a:hover {
	color: #F60;
	text-decoration: none;
}
#ivsi h3 {
	font-size: 16px;
	line-height: 23px;
	font-weight: bold;
	color: #FFF;
}
#ivsi td {
	text-align:center;
	line-height: 18px;
}
.ivsiinfo_td {
	background-color: #72B0E9;
	color: #FFF;
	font-weight:bold;
}
.ivsiinfo_td a,.ivsiinfo_td a:visited {
	color:#FFF;
	display: block;
	background-color: #1F76C5;
}
.ivsiinfo_td a:hover {
	color:#C30;
	background-color: #FF0;
	text-decoration: none;
}
.hh4 {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
}
.leftnav .th_1 {background-position: 0px -490px;}
.leftnav .th_2 {background-position: 0px -168px;}
.leftnav .th_3 {background-position: 0px -1128px;}
.leftnav .th_4 {background-position: 0px -624px;}
.leftnav .th_5 {background-position: 0px -144px;}
.leftnav .th_6 {background-position: 0px -1056px;}
.leftnav .th_7 {background-position: 0px -1104px;}
.leftnav .th_8 {background-position: 0px -1032px;}
.leftnav .th_9 {background-position: 0px -888px;}
.leftnav .th_10 {background-position: 0px -336px;}
.leftnav .th_11 {background-position: 0px -264px;}
.leftnav .th_12 {background-position: 0px -192px;}
.leftnav .th_13 {background-position: 0px -528px;}
.leftnav .th_14 {background-position: 0px -936px;}
.leftnav .th_15 {background-position: 0px -288px;}
.leftnav .th_16 {background-position: 0px -960px;}
.leftnav .th_17 {background-position: 0px -552px;}
.leftnav .th_18 {background-position: 0px 0px;}
.leftnav .th_19 {background-position: 0px -745px;}
.leftnav .th_20 {background-position: 0px -1152px;}
.leftnav .th_21 {background-position: 0px -96px;}
.leftnav .th_22 {background-position: 0px -504px;}
.leftnav .th_23 {background-position: 0px -912px;}
.leftnav .th_24 {background-position: 0px -120px;}
.leftnav .th_25 {background-position: 0px -1512px;}
.leftnav .th_26 {background-position: 0px -216px;}
.leftnav .th_27 {background-position: 0px -648px;}
.leftnav .th_28 {background-position: 0px -672px;}
.leftnav .th_29 {background-position: 0px -1080px;}
.leftnav .th_30 {background-position: 0px -312px;}
.leftnav .th_31 {background-position: 0px -360px;}
.leftnav .th_32 {background-position: 0px -456px;}
.leftnav .th_33 {background-position: 0px -1368px;}
.leftnav .th_34 {background-position: 0px -408px;}
.leftnav .th_35 {background-position: 0px -816px;}
.leftnav .th_36 {background-position: 0px -432px;}
.leftnav .th_37 {background-position: 0px -24px;}
.leftnav .th_38 {background-position: 0px -1344px;}
.leftnav .th_39 {background-position: 0px -840px;}
.leftnav .th_40 {background-position: 0px -1392px;}
.leftnav .th_41 {background-position: 0px -864px;}
.leftnav .th_42 {background-position: 0px -2640px;}
.leftnav .th_43 {background-position: 0px -792px;}
.leftnav .th_44 {background-position: 0px -2448px;}
.leftnav .th_45 {background-position: 0px -2736px;}
.leftnav .th_46 {background-position: 0px -1920px;}
.leftnav .th_47 {background-position: 0px -1704px;}
.leftnav .th_48 {background-position: 0px -1656px;}
.leftnav .th_49 {background-position: 0px -1176px;}
.leftnav .th_50 {background-position: 0px -2976px;}
.leftnav .th_s {background-position: 0px -1200px;}
.leftnav .th_60 {background-position: 0px -3217px;}

.banner-right{position:fixed;bottom:10px;right:20px;text-align:center}.banner{position:relative;margin-bottom:0;padding:0;text-align:center;#width:99%}
.banner-right .banner{padding-top:0}

#footer {width:970px ; height:60px ; margin:auto ; border-top: #5f90c3 5px solid;}
#news {width:970px ; height:20px ; padding-bottom:3px ; margin-top:5px ; color:#000000}
#copyright {width:970px ; height:25px}

#floatcenter{
display: flex;
justify-content: center;
align-content: center;
align-items: center;
margin: auto;
width:200px;
height:0px;
background:rgba(0,0,0,.6);
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
z-index:9999
}
#close-teaser img {
margin: auto !important;
}
.close-teaser {
width: 300px;
margin: auto;
text-align: center;
}
#popupklanfooter{
display: flex;
margin: auto;
flex-direction: row;
flex-wrap: wrap;
align-content: flex-end;
justify-content: center;
align-items: center;
max-width: 70%;
}
#floatcenter .ctrx{
width:100%;
max-width:500px;
margin:auto
}
#popupklan{
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: center;
align-content: center;
}
#floating_banner_top #popupklan a{
flex-basis: 50% !important;
}	
@media  screen and (max-width:1024px){
#floatcenter .ctrx{
width:200px;
margin:auto;
padding-top:0
}
}
@media  only screen and (max-width:768px){
#floatcenter img{
width:200px;
height: auto;
margin-bottom:5px
}
#floating_banner_top img {
width: 100%;
}
#popupklanfooter{
max-width:100% !important;
}
}