/*reset*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, 
dl, dt, dd, ul, ol, li, 
pre, 
fieldset, lengend, button, input, textarea, 
th, td { margin: 0; padding: 0;}
body,
button, input, select, textarea { font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;}
body{
	background-color: #081235;
	background-image: url(bg.jpg);
	background-repeat: no-repeat;
	background-position: center top ;
	
}
h1, h2, h3 { font-size: 12px; font-weight:normal;}
h4, h5, h6 { font-size: 100%;}
address, cite, dfn, em, var { font-style: normal;} 
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace;} 
small { font-size: 12px;} 
ul, ol { list-style: none;}
a { color:#2b2b2b; text-decoration:none;}
a:visited { color:#2b2b2b; text-decoration:none;}
a:hover { color:#1A9AF3; text-decoration:underline;}
a:active { color:#2b2b2b;}
abbr[title], acronym[title] { border-bottom: 1px dotted; cursor: help;}
q:before, q:after { content: '';}
legend { color: #000; } 
fieldset, img { border: none; } 
button, input, select, textarea { font-size: 100%;}
table { border-collapse: collapse; border-spacing: 0;}
hr { border: none; height: 1px;}
input{ font-size:12px;}
html { overflow-y: scroll;}

/*layout*/
.wrapbg{ width:960px; margin:0 auto; overflow:hidden;}
.nav{ height:53px; overflow:hidden;}
.colL{ float:left; width:270px; overflow:hidden;}
.colR{ float:right; width:678px; }

.boxL{ width:230px; margin:0 auto;}
.boxL p{ line-height:18px;}
.boxR{ width:679px; overflow:hidden;}
.boxR .tit{ height:34px; line-height:30px; overflow:hidden;}
.boxR h1{ text-align:center; font-size:22px; line-height:56px; color:#F00;}
.boxR h2{ text-align:center; color:#999;}
.boxR p{ line-height:1.8; color:#333; margin-top:22px;}
	.boxR-a{ width:330px; overflow:hidden;}
	.boxR-a .tit{ height:38px; line-height:30px; overflow:hidden;}
	.boxR-a .con{ padding-left:16px;}
	.boxR-a .con P {
	TEXT-ALIGN: left; LINE-HEIGHT: 22px; PADDING-LEFT: 0px; WIDTH: 310px; FLOAT: left; PADDING-TOP: 0px; margin:0px; margin-top:5px;
}
.boxR-a .con P A {
	DISPLAY: inline-block; MARGIN-RIGHT: 10px
}

.btnL li{ float:left; width:200px; height:29px; text-align:center; line-height:20px; padding:3px 0; margin:0 7px; _margin:0 5px;}
.btnL li a{ width:183px; height:28px; display:block; line-height:30px; _line-height:28px; font-size:12px; font-weight:bold; color: #06C; text-align:center; padding-left:15px;}
.btnL li a:visited{ color:#06C;}
.btnL li a:hover{ color: #900; text-decoration:none;}

.btn4L li{ float:left; width:92px; height:28px; text-align:center; line-height:20px; padding:6px 0; margin:0 10px; _margin:0 8px;}
.btn4L li a{ width:108; height:28px; display:block; line-height:30px; _line-height:28px; font-size:14px; font-weight:bold; color:#241801; background:url(btn4bg.gif) no-repeat 0 0px;}
.btn4L li a:visited{ color:#472E01;}
.btn4L li a:hover{ color:#483106; background:url(btn4bg.gif) no-repeat 0 -28px; text-decoration:none;}



.column_sad{ width:678px; height:104px;}
.column_sad215100 h1{ float:left; width:225px; height:100px; }

.column_nra{ width:240px; height:190px; *+height:188px; _height:180px; margin:0 auto;}
.column_nra ul{ margin-top:18px; *+margin-top:16px; _margin-top:10px; height:108px;}
.column_nra ul li{ float:left; width:120px; height:35px; text-align:center; line-height:30px;}
.column_nra h1{ width:190px; margin:0 auto; line-height:23px; color:#333;}
.column_nra h2{ width:220px; margin:0 auto; line-height:23px; color:#333;}

.list12 li{ height:26px; line-height:26px; border-bottom:1px dashed #ccc;}
.list12 li span{}
.list12 li h1{ float:right; color:#999; padding-right:10px; font-size:12px; margin:0px; padding:0px; line-height:24px;}
.pic120 { padding-left:10px;}
.pic120 li{ float:left; width:128px; height:130px; margin-right:0px; overflow:hidden;}
.pic120 li.last{ margin-right:0;}
.pic120 img{ border:1px solid #ddd; padding:1px;}
.pic120 h2{ width:116px; text-align:center; line-height:18px;}

.pic8831 li{ float:left; width:88px; height:31px; margin-right:20px; margin-top:15px; overflow:hidden;}
.pic8831 li.last{ margin-right:0;}


.img120tv{ overflow:hidden;}
.img120tv li{ float:left; width:120px; height:130px; margin-right:13px; overflow:hidden}
.img120tv li.last{ margin-right:0;}
.img120tv h2{ width:116px;height:42px; line-height:20px; text-align:center;}
.btntv{ position:absolute; margin:0 0 0 0; width:120px; height:90px; display:block; background:url(btntv.gif);}


.blank58 { clear:both; height:8px; overflow:hidden; display:block;}
.blank8 { clear:both; height:8px; overflow:hidden; display:block;}
.blank12 { clear:both; height:12px; overflow:hidden; display:block;}
.blank24{ clear:both; height:24px; overflow:hidden; display:block;}
.blank3{ clear:both; height:3px; overflow:hidden; display:block;}

.c_ccc0 a{ color:#ccc;}
.c_ccc0 a:visited{ color:#ccc;}

/*tab*/
.tab1 li{ float:left; width:85px; height:36px; line-height:36px; margin-right:6px; text-align:center; display:block; overflow:hidden;}
.tab1 li a:hover{ width:85px; height:36px; line-height:36px; background:url(tabbg.gif) no-repeat 0 8px; text-align:center; color:#000; display:block;  overflow:hidden;}
.tab1 .hv{ width:85px; height:36px; line-height:36px; background:url(tabbg.gif) no-repeat 0 8px; text-align:center; color:#000; display:block;  overflow:hidden;}



/*fy*/
DIV.viciao { padding-left:170px;}
DIV.viciao A {BORDER-RIGHT: #333 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #333 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #333 1px solid; COLOR: #000; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #333 1px solid; TEXT-DECORATION: none}
DIV.viciao A:hover {BORDER-RIGHT: red 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: red 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: red 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: red 1px solid}
DIV.viciao A:active {BORDER-RIGHT: red 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: red 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: red 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: red 1px solid}
DIV.viciao SPAN.current {BORDER-RIGHT: #e89954 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e89954 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #e89954 1px solid; COLOR: #000; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #e89954 1px solid; BACKGROUND-COLOR: #ffca7d}
DIV.viciao SPAN.disabled {BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid}

#footer{ padding:0 0 16px 0; text-align:center;}
#footer p{ color:#666; line-height:24px;}

.gamepaly{width:270px; height:150px; }

.news{}
.news a{ color:#206180; text-decoration:none;}
.news a:hover{ color:#f94c00; text-decoration:none;}


.hero_bg {
	BACKGROUND-IMAGE: url(hero_bg.jpg); WIDTH: 679px; HEIGHT: 107px
}
.hero_area {
	MARGIN-TOP: 36px; WIDTH: 56px; DISPLAY: block; FLOAT: left; HEIGHT: 56px; MARGIN-LEFT: 1px; _margin-top: 36px; _margin-left: 1px
}

/*--login--*/
.slogin_cont{width:340px;height:auto;display:block;overflow:hidden;margin:0 30px 0 5px;padding-top:50px; }
.slogin form{ margin:0px; padding:0px;}
.slogin_input{float:left;width:340px;margin:0 0 0 0;overflow:hidden;}
.slogin_input dl{clear:both;overflow:hidden;margin:2px 0;width:340px;}
.slogin_input dt{float:left;width:200px;text-align:left;;font-size:13px;color:#036;line-height:28px;padding-left:60px;}
.slogin_input dd{float:left;width:200px;text-align:center;font-size:13px;color:#036;line-height:32px;padding-left:30px;}
/*.slogin_input dd{float:left;width:200px;text-align:right;}*/
.textfield {
	border:none;
	font-size:13px;
	color:#369;
	height:20px;
	width:140px;
	border:1px solid #069;
	line-height:20px;
}

.loginbtn{width:200px;height:auto;display:block;text-align:right;}
.loginbutton{cursor:pointer;width:66px;height:27px;border:0;margin:10px -5px 0 0;*margin:10px 10px 0 0 !important;*margin:10px 10px 0 0;
background:url(../images/reg.jpg) no-repeat;}

.slogin_register{width:210px;height:24px;line-height:24px;text-align:right;margin:6px 0 0 0;}
.slogin_register a{
	color:#234669;
	margin:0 20px 0 0;
	font-size:13px;
}
.slogin_register a:hover{
	color:#F33;
	text-decoration:underline;
}

/*--islogin--*/
.yes_login{width:340px;height:auto;display:block;overflow:hidden;margin:0 30px 0 5px;padding-top:40px;}
.welcome { font-size:14px; color:#234669;; line-height:24px; padding-left:30px; font-weight:bold;}
.welcome a{color:#3B3322}
.welcome a:hover{text-decoration:underline;}
.welcome span{font-weight:bold}
.which_play {
	font-size:12px;
	color:#793713;
	line-height:24px;
	padding-left:30px;
}
.which_play a.ceshifu{color:#6b4700;font-weight: normal;text-decoration: none;}
.which_play a.ceshifu:hover{text-decoration:underline;}
.login_option{width:100%;text-align:left; padding-left:50px;}
.login_option a{color:#3B3322; line-height:28px;}
.login_option a:hover{text-decoration:underline;overflow:hidden;}
#logonusername{ color:#E98021;}
.start_game{background:url(../images/moreserver.gif) 0 -52px; text-indent:-9999px; height:48px; margin-left:30px; width:190px; cursor:pointer; display:block; }
.start_game:hover{background-position:0 100px}