﻿
/*
  网站公用css 文件 
*/
/*IE 6.0 背景图片缓存操作*/
html{
 	_filter:expression(document.execCommand("BackgroundImageCache",false,true));
}
/*a 标签*/
a{
	text-decoration:none;
	cursor:pointer;
	outline: none;  /* for Firefox Google Chrome  */
	behavior:expression(this.onFocus=this.blur());  /* for IE */
	color:#fff;
}
a:hover{
	color:#fff
}
html,body{
	margin:0;
	padding:0
}
body {
	font-size: 12px;
	color: #794500;
	font-family:   "SimSun","Microsoft YaHei", "微软雅黑", "宋体" ;
	background-color:#fff
}
.clearfix:before, .clearfix:after { content:""; display:table;}
.clearfix:after { clear:both;}
.clearfix { *zoom:1;}
.dis-none{display:none}
.floatL{ float: left; _display: inline;}
.floatR{ float: right; _display: inline;}
.mCenter{text-align:center;}

/*common  */
.whole-auto{
    width:1040px;
	margin:0 auto;
}
.reg-whole-auto{
    width:990px;
	margin:0 auto;
}
#hd-wrap{
	border-bottom:3px solid #b5985a;
	background:#fff;
}
#hd-top{
	height:31px;
	background:#eadcbf;
	border-bottom:3px solid #b5985a;
}

#header-box-info-div {
    height: 14px;
    line-height: 14px;
    margin: 8px 3px 0;
    position: relative;
    text-align: left;
    width: 112px;
}
.hd-flag {
    display: block;
    float: left;
    height: 14px;
    width: 20px;
}
#header-box-info-div .hd-flag a {
    display: block;
    float: left;
    height: 14px;
    overflow: hidden;
    width: 20px;
}
.hd-flag-1 {
    background:url(../images/common/flag.png?=593) no-repeat 0px 0px;
    left: 36px;
    position: absolute;
	top:0px;
}

.hd-flag-2 {
    background:url(../images/common/flag.png?=593) no-repeat -26px 0px;
    left: 60px;
    position: absolute;
	top:0px;
}

.hd-flag-3 {
    background:url(../images/common/flag.png?=593) no-repeat -52px 0px;
    left: 85px;
    position: absolute;
	top:0px;
}

#hd-form {
    border: medium none;
    float: right;
    margin-top: 12px;
    position: relative;
	width:100%;
	text-align:right;
	line-height: 18px;
	color:#794500
}
#hd-form a{
	color:#794500
}
#hd-form ul{
	width:521px
}
#hd-form ul li{
	float:left;
	margin-right: 3px;
	_display:inline
}
#hd-form input {
    background:none repeat scroll 0 0 #794500;
    border: 1px solid #e2c68b;
    color: #cbb58d;
    height: 20px;
    line-height: 20px;
    padding-left: 5px;
	width:98px;	
}

#hd-form input.input-txt-yzm{
	width:68px
}

#hd-form .span-yzm {
    background:url(../images/common/yz-icon.jpg?=593) no-repeat;
    display: block;
    height: 20px;
    width: 45px;
}

#hd-form .input-login {
	background:url(../images/common/login-btn-login.jpg?=593) no-repeat;
    cursor: pointer;
    height: 21px;
    width: 61px;
	color:#794500;
	font-weight:bold;
	border:none;
	text-align: center;
}

#hd-forger-pwd {
    height: 23px;
    line-height: 23px;
    text-align: center;
}
#hd-forger-pwd a{
	color:#794500;
}

#hd-free-game {
    background:url(../images/common/login-btn-register.jpg?=593) no-repeat;
    cursor: pointer;
    height: 21px;
    line-height: 21px;
    text-align: center;
    width: 61px;
}
#hd-free-game a{color:#fff}
.onlineBtn,.regBtn{
	height:32px;
	line-height: 30px;
	margin:5px 0 0 5px;
    width: 97px;
	text-align:center
}
.onlineBtn a,.regBtn a{
	color:#794500;
	font-size:0;
	line-height:0
}
#hd-main{
	width:100%;
	background:url(../images/bg-sp-body.gif?=593) left -34px repeat-x ;
}
#hd-con{
	position:relative;
	height:108px;
}
.hd-header-btn{
width:770px
}
#logo{
	background:url(../images/common/logo.png?=593) no-repeat;
	width:200px;
	height:73px;
	display:block;
	position:absolute;
	top:15px;
	left:0px;
}
#news-bar{
	background:url(../images/common/news-bar.png?=593) no-repeat;
	height:30px;
	width: 1008px;
	margin: 0 auto
}
#news-bar marquee{
	height:30px;
	line-height:30px;
	margin-left: 95px;
}
.msg-col{
	font-size:12px;
	color:#794500
} 
#hd-nav{
    position: absolute;
    bottom: 0px;
    height: 31px;
    line-height: 31px;
    right: 0;
    width: 775px;
    z-index: 9999;
}
#hd-nav ul {
	position:relative
}
#hd-nav ul li{
	width:110px;
	height:31px;
	float:left;
	display:inline-block;
	position: relative;
}
#hd-nav ul  li a{
	background-color:none;
	height:31px;
	display:block;
	cursor:pointer;
	text-align:center;
	font-weight:bold;
	color:#7d4a08;
	font-size:14px;
}
#hd-nav ul li a:hover,#hd-nav ul li a.hover{
	background-color: #be9e56;
	color:#fff
}

#ft-wrap{
width:100%;
background:#1c1d1e;
color:#A3A3A3;
}
#ft-con{
	height:559px;
	margin:15px auto;
	width:1040px;

}
#ft-con dl{
	width: 243px;
	margin: 0 8px;
	float: left;
}
#ft-con dl dt{
	height:20px;
	line-height:20px;
	font-size:14px;
	font-weight:bold;
	border-bottom:2px solid #A3A3A3;

}
#ft-con dl h1{
    height:35px;
	line-height:35px;
}
#ft-con dl p{
  margin: 10px 0;
  line-height:14pt;

}
#banner-bg{
	width:100%;
}
.box{
height:288px;
position:relative;
}
.title-attr{
	text-align:center;
	position:relative;
	z-index:2
}
.banner-attr{
	text-align:center;
	position:relative;
	z-index:1;
	margin-top:-112px
}
.ele-title{
background:url(../images/banner/ele-banner-title.png?=593) no-repeat;
}
.vip-title{

}
.live-title{
background:url(../images/banner/live-banner-title.png?=593) no-repeat;
}

#ft-link-area{
    bottom: 0;
    height: 145px;
    left: 0;
    margin: 0 auto;
	width:100%;
}

.bannerDiv{
font-size:0;
line-height:0;
background:url(../images/banner/banner.jpg?=593) center top no-repeat;
height:210px;
}

/*首页  */
#con-wrap{
	width:100%;
	position:relative;
	background-color:#fff;
}
.con-index-banner{
	position:relative;
	z-index:1;
	text-align: center;
	line-height:0;
	font-size:0
}
.con-index-bg{
	background:url(../images/banner/scc-homepage.jpg?=593) no-repeat
}
.con-index-wrap{
	width:100%;
	margin:0 auto;
	position:relative;
}
.con-index-mar{
	margin-top:-10%;
	background:url(../images/common/index-fade.png?=593) left top repeat-x;
	position:relative;
	z-index:2;
}
.con-index-nav-mar{
	margin-top:80px
}
#banner-inner{
	width:1549px;
	height:145px;
	margin:0 auto;
	position:absolute;
	bottom:0px;
	left:0px;
}
#balack-bar{
	width:1008px;
	height:43px;
	margin:0 auto;	
	color:#525252;
	position:relative;
}
.links-attr{
	height:43px;
	line-height:43px;
	padding:0px 23px;
	position:relative;
	text-align:center
}
.links-attr a{
	color:#525252
}
.links-attr a:hover{
  color:#be9e56;

}


#ser-bar{
	background:url(../images/common/ft-brand.png?=594) no-repeat;
	width:1000px;
	height:70px;
	position:relative;
	bottom:0px;
	margin:0 auto;
}



/*副導覽列*/
#live-nav{position:absolute;top:35px;z-index:9999;}
#live-nav a{background-color:#be9e56;color:#fff;height:28px;line-height:28px;overflow:hidden;display:inline;float:left;text-decoration:none;font-size:12px;text-align:center;width:75px;position:relative}
#live-nav a:hover{color:#525252;}
.live-nav-l,.live-nav-r{width:6px;height:28px;float:left;background-color:#be9e56;}


/*注册界面 start*/
#main #register-content{
  width:1400px;
  background:#1b1313;
  border-bottom:1px solid #5f3d3c;
  margin:0px auto;
  text-align:center;
  padding:20px 0px
}
#main #register-wraper-content{
  width:950px;
  margin:0px auto;
}
#main #register-content .leftsidebar{
   width:223px;
   height:280px;
}  
#main #register-content .leftsidebar h2{
   width:223px;
   height:66px;
   background:url(../images/main_register_sidebar_title_bg.jpg?=593) no-repeat left top;
   text-indent:-9999px
}
#main #register-content .leftsidebar a{
    display:block;
	width:100%;
	height:35px;
	text-align:left;
	color:#fff;
	line-height:35px;
	font-size:14px;
	text-indent:55px
}
#main #register-content .leftsidebar a:hover{
    text-decoration:underline;
}
#main #register-content .rightregisterpanel{
    width:717px;
	height:703px;
	
} 
/*表单验证样式*/

/* 密码强度 */
.top_testresult{
	font-weight: bold;
	font-size:13px;
	font-family: arail,helvetica,san-serif;
	color:#fff;
	padding:0;
	margin:0 0 2px 0;
	width:180px;
	border-radius:3px;
	box-shadow:0px 0px 6px #999;
	text-align:center
}
.top_testresult span{
	padding:6px ;
	margin:0;
}
.top_shortPass{
	background:#FF0000;
	display:block;
	position:absolute;
}
.top_shortPass span{
	
}
.top_badPass{
	background:#FF0000;
	display:block;
	position:absolute;
}
.top_badPass span{
	
}
.top_goodPass{
	background:#D4BC1C;
	display:block;
	position:absolute;
	
}
.top_goodPass span{

}
.top_strongPass{
	background:#77C801;
	display:block;
	position:absolute;
	color:#000
}
.top_strongPass span{

}
/*注册界面end*/
/*真人娱乐 */
#con-wrap .live-show-area{padding-top:0;margin-top: 20px;border:2px solid #caa85b;}
#page-show-area{padding:0 10px;}
.page-live-list {padding-top:20px;}
.page-live-list a {display: inline-block;font-size: 0;letter-spacing: 0;padding-bottom: 20px;text-align: center;vertical-align: top;width: 307px;float:left;margin-right:19px;margin-left: 20px;}
/*彩票游戏页面 start*/
.page-ele-list{margin-top:10px}
.page-lot-list{margin-left:25px}
.page-lot-list ul{width:310px;float:left;display:inline-block;_display:inline;margin:0 0 0 10px;overflow:hidden;zoom:1}
.page-lot-list ul li{list-style-position:outside}
.page-lot-list.mar{margin:0}
.page-lot-box-top{position:relative;margin-top:10px;width:308px;height:143px;background:#FCF7ED;border:1px solid #caa85b;border-bottom:3px solid #caa85b;}
.page-lot-box-top-l{position:absolute;width:156px;height:123px;overflow:hidden;top:12px;left:5px}
.page-lot-box-top-r{position:absolute;width:136px;overflow:hidden;top:9px;right:13px;text-align:center;background:#D0C5B8}
.page-lot-box-top-r b{height:26px;line-height:26px;color:#000}
.page-lot-box-top-r a{margin-top:7px;display:block;}
.page-lot-t-rule{line-height:30px;margin: 12px 0;}
.page-lot-t-rule b,.page-lot-t-rule a{display:inline-block;float:left;_display:inline;height:35px}
.page-lot-t-rule b{width:130px;margin:0 0 0 15px}
.page-lot-list p{height:65px;width:270px;margin:0 auto;line-height:24px;color:#000}

/*彩票游戏页面 end*/

/*中部 end*/

/*尾部*/
.page-footer-nav{
width:100%;
background:#fff
}
.footer-copyright{line-height:30px;height:30px}
/*文案*/
.articles-content-main{width:765px;margin:0 auto}
.articles-content-line{height:1px;font-size:1px;width:98%;overflow:hidden;background:#ccc;margin:10px 0;}

.articles-menu{margin:10px 18px}
.articles-menu a{display:inline-block;_display:inline;float:left;border-bottom:2px solid #20406a;padding:5px;margin:5px 9px 0;color:#20406a;font-weight:bold}
.articles-menu a:hover{color:#BB1515}
.articles-con{width:705px;margin:0 auto 15px}
.articles-con h3{margin:10px;line-height:24px;font-size:14px}
.articles-con p{margin:5px;line-height:21px;color:#333}
.articles-con p a{color:#BB1515}
.articles-con p a:hover{color:#835252}
.sign{position:absolute;left:5px;top:13px;width:3px;height:6px}
.mtab-menual{margin:34px 0 0 34px}
.mtab-menual li{cursor:pointer;height:30px;line-height:30px;border-bottom:1px solid #551F19;color:#000;float:left;display:inline-block;_display:inline;;padding:0 18px;margin-right:20px;position:relative;zoom:1}
.mtab-menual li.mtab{background-color:#551F19;color:#fff}

table.articles-table-sty001{width:95%;margin:10px;text-align:center;border:1px solid #551F19;}
table.articles-table-sty001 th{text-align:center;vertical-align: middle;padding:10px 0;background-color:#3F0707;color:#fff}
table.articles-table-sty001 td{padding:5px 0}

/*注册*/
h3.reg-title{margin:17px 0 0 36px}
.formular{margin-top:35px}
.formular fieldset{width:620px;margin:0 auto 15px;border:1px solid #60381F;padding:15px}
.formular legend{color:}
.formular p{height:26px;line-height:26px;margin-bottom:10px}
.formular p label,.formular p input,.formular p select,.formular p img,.formular p span{display:inline-block;_display:inline;float:left;}
.formular p label{width:135px;text-align:right}
.formular p input,.formular p select{background-color:#60381F;height:20px;line-height:20px;color:#fff;margin-top:3px;
border:1px solid #6A4444;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
box-shadow: 0 0 2px #6A4444;
-moz-box-shadow: 0 0 2px #6A4444;
-webkit-box-shadow: 0 0 3px #6A4444;
}
.formular p.memCash_text{margin:0 0 0 86px;color:#A70000;font-weight:bold}
.formular p input#HiddenInput{width:1px;height:1px;background: transparent;border:0}
.formular p img{margin-top:4px}
.reg-tip{margin:10px 0 10px 34px}
.reg-select{margin-right:10px;padding:0;border:0}
.reg-input-text{width:122px;}
.formular .mar{margin:11px 0 0 34px;}
.formular .star{color:#ff0000;float:none}

.btn-reg-ok,.btn-reg-reset{cursor: pointer;width: 141px;height: 44px;line-height: 25px;border: none;color:#fff}
.btn-reg-ok{background: url(../images/bg-btn-ok.gif?=593) left top no-repeat;}
.btn-reg-reset{background: url(../images/bg-btn-reset.gif?=593) left top no-repeat;}

.reg-agree{margin-left:34px;position:relative;height:30px;line-height:30px}
.reg-agree input,.reg-agree span{display:inline-block;float:left;_display:inline;}
.reg-agree input{margin:8px 5px 0 0;_margin:4px 0 0 0;*margin:4px 0 0 0}

 /* us by validation */
.FormError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	z-index: 500;
}
.FormError .FormErrorC {
	width: 100%;
	background: #ee0101;
	position:relative;
	z-index:501;
	color: #fff;
	font-family: tahoma;
	font-size: 11px;
	line-height: 14px;
	border: 2px solid #ddd;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.FormError .FormErrorA {
	width: 15px;
	margin: -2px 0 0 13px;
	position:relative;
	z-index: 506;
}
.FormError .FormErrorABottom {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin: 0px 0 0 12px;
	top:2px;
}
.FormError .FormErrorA div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: #ee0101;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}
.FormError .FormErrorABottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
/*use by jquery ui dialog*/
.ui-dialog-content{
	padding: 5px 1px;
}
.ui-dialog-title{
	font-size:14px;
}
#Dialog{
	font-size:12px;
}
#Dialog p {
	line-height:16px;
	margin:10px 0px 10px 10px;
	height: auto;
}
#SendForm input[type=text], #SendForm input[type=password]{
border:1px solid #6A4444;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
box-shadow: 0 0 2px #6A4444;
-moz-box-shadow: 0 0 2px #6A4444;
-webkit-box-shadow: 0 0 3px #6A4444;
}
#SendForm input[type=text]:hover, #SendForm input[type=password]:hover{
border:1px solid #6A4444;
}
#SendForm input[type=text]:focus, #SendForm input[type=password]:focus{
border:1px solid #6A4444;
}
/*  ADVANCED STYLES */
.top_testresult{
	font-weight: bold;
	font-size:12px;
	font-family: arail,helvetica,san-serif;
	color:#FFF;
	padding:0;
	margin:1px 0 0 15px;
}
.top_testresult span{
	padding:0 6px;
	margin:0;
	height: 20px;
	line-height: 20px;
}
.top_shortPass{
	background:#FF0000;
}
.top_badPass{
	background:#5A025A;
}
.top_goodPass{
	background:#0029AA;
}
.top_strongPass{
	background:#128511;
}
		
/*客服css 重置*/
.skin_blue .content_list,.skin_blue .content_bottom{
  background:none;
  position:relative
}
.close_btn, .close_btn a{
  width:44px;
  height:13px
}
.close_btn {
   left:58px;
   bottom:15px;
   top:auto;
}
/* 固定banner*/
#common-banner{
  width:1400px;
  margin:0px auto;
 
}
/* 字体样式 */
.col-coffec{color:#794500}
.col-yellow{color:#ffff00}
.col-red{color:#ff0000}
.col-white{color:#fff}
.col-advertis-yellow{color:#C4881E}
.col-tuhuang{color:#9d8131}
.col-grey{color:#757575}
.col-lightBlue{color:#00a5f3}
.col-dellRed{color:#A70000}
/* css 客服 end*/



.nh-csn{height: 90px;left: 0;overflow: hidden;position: absolute;top:115px;width: 100%;z-index: 99;text-align:center;display:none;}
.nh_cnt{height: 100%;margin: 0 auto;width: 1000px;}
.nh_cnt a{width: 89px;height: 89px;float: left;margin-left: 20px;}
.nh_cnt .fir{margin-left: 135px;}
.nh_cnt .fir-ele{margin-left: 460px;}

.qjt{background: url(../images/common/qjt.png) no-repeat;}
.qjt:hover{background: url(../images/common/qjt-h.png) no-repeat;}
.new-qjt{background: url(../images/common/new-qjt.png) no-repeat;}
.new-qjt:hover{background: url(../images/common/new-qjt-h.png) no-repeat;}
.bbin{background: url(../images/common/bbin.png) no-repeat;}
.bbin:hover{background: url(../images/common/bbin-h.png) no-repeat;}
.ag{background: url(../images/common/ag.png) no-repeat;}
.ag:hover{background: url(../images/common/ag-h.png) no-repeat;}
.mg{background: url(../images/common/mg.png) no-repeat;}
.mg:hover{background: url(../images/common/mg-h.png) no-repeat;}
.og{background: url(../images/common/og.png) no-repeat;}
.og:hover{background: url(../images/common/og-h.png) no-repeat;}
.ct{background: url(../images/common/ct.png) no-repeat;}
.ct:hover{background: url(../images/common/ct-h.png) no-repeat;}
.xtd{background: url(../images/common/xtd.png) no-repeat;}
.xtd:hover{background: url(../images/common/xtd-h.png) no-repeat;}

.ele-game{background: url(../images/common/mg.png) no-repeat;}
.ele-game:hover{background: url(../images/common/mg-h.png) no-repeat;}
.ele-bbin{background: url(../images/common/bbin.png) no-repeat;}
.ele-bbin:hover{background: url(../images/common/bbin-h.png) no-repeat;}
.ele-ag{background: url(../images/common/ag.png) no-repeat;}
.ele-ag:hover{background: url(../images/common/ag-h.png) no-repeat;}


