body { background:url(/images/top-bg.jpg) #676566 repeat-x; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0; color:#FFFFFF; line-height:180% }
a { text-decoration:none; color:#FFFFFF }
a:hover { }
h4 { font-family:Arial, Helvetica, sans-serif; font-weight:200 }
h3 { font-size:15px }
img { border:0 }
input { color:#3c3c3c }
select { height:21px; font-size:12px; line-height:21px; padding:0; margin:0; background:#FFFFFF }
textarea {  }
dl,dt,dd,ul,li { margin:0; padding:0; list-style:none }
form { margin:0 }

/*-------------public---------------*/
#clear { clear:both }
.bon { width:80px; height:20px; background:url(/images/class-bg.jpg) repeat-x }
#black-bg { background:url(/images/black-bg0.jpg) repeat-x #585858; border:1px #8a8888 solid }
#black-bg2 { background:url(/images/black1-bg.jpg) repeat-x #424141; border:1px #8a8888 solid }
#red-bg { background:url(/images/red-bg.jpg) #730a0a repeat-x; border:1px #8a8888 solid }
#red-bg2 { background:url(/images/red-article-bg.jpg) #730a0a repeat-x; border:1px #8a8888 solid }

.input-bon { width:50px; height:20px; border:1px solid #847304;background:#F3E290; margin-left:5px }

p#message {
	text-align: center;
	font-weight: bold;
	line-height: 100%;
}	
	p#message.error {
		color: #FF2222;
	}
	p#message.success {
		color: #339900;
	}
/*---------------top-------------*/
#top { width:1002px; height:105px; margin:0 auto }
#top div { float:left }
.top-content { width:542px; height:35px }
.top-content a { padding:0 6px; line-height:35px; font-size:14px }
.top-content input { margin-top:6px}

.top-content-img { width:240px; height:35px }

.top-content1 { width:215px; height:35px }
.top-content1 a { padding:0 10px; line-height:35px }
.top-content1 input { margin-top:6px}

.logo { padding:20px 0 0 0px }
.menu { float:right; width:670px; padding-top:44px; text-align:right }
.menus { width:680px; }
.menus a { background:url(/images/menu-bg2.jpg) #870000 repeat-x; border:0px #870000 solid; font-weight:bold; margin-left:4px; padding:3px 10px; line-height:30px; height:28px }
.menus a:hover { background:url(/images/menu-bg1.jpg) #8d0602 repeat-x; border:0px #cc950d solid }
.menus a#current { background:url(/images/menu-bg1.jpg) #8d0602 repeat-x; border:0px #cc950d solid }

.User_information { width:670px;text-align:right; line-height:22px; height:70px; margin-top:-40px; margin-left:-6px}
.menu a { background:url(/images/menu-bg2.jpg) #870000 repeat-x; border:1px #e8e4d5 solid; font-weight:bold; margin-left:6px; padding:3px 15px; line-height:32px; height:30px }
.menu a:hover { background:url(/images/menu-bg1.jpg) #8d0602 repeat-x; border:1px #e8e4d5 solid }
.menu a#current { background:url(/images/menu-bg1.jpg) #8d0602 repeat-x; border:1px #e8e4d5 solid }

.menu1 { text-align:left }
.menu1 a { background:url(/images/menu-bg2.jpg) #870000 repeat-x; border:3px #870000 solid; font-weight:bold; height:28px }
.menu1 a:hover { background:url(/images/menu-bg1.jpg) #8d0602 repeat-x; border:3px #cc950d solid }
.menu1 a#current { background:url(/images/menu-bg1.jpg) #8d0602 repeat-x; border:3px #cc950d solid }


/*-----------ban--------------*/
.content { width:1002px; margin:0 auto; padding-bottom:11px ; height:100%}

/*----ggao---*/
.ggao { width:665px; height:264px;   float:left; margin-bottom:11px }
.ggao img { margin:12px; border:1px #ffffff solid; float:left }
.ggao div { float:left; width:241px;  margin:12px 0 12px 0 }
.ggao div h4 { text-align:center; font-size:14px; margin-top:12px }
.ggao div a { text-decoration:underline; font-weight:bold }

/*----contact---*/
.contact { width:70%; margin:40px auto }
.contact hr { margin:0 30px }
.contact img { margin:25px 30px 0 30px }
.contact-title { margin:8px 22px 20px 40px; float:left; font-size:16px; font-weight:bold; color:#fad56f }
.contact-content { float:left; padding:5px 0 30px 20px; background:#5e5d5d; border:1px #f8e9c8 dotted; width:425px; line-height:200% }

/*---login---*/
.login { height:264px; width:323px; float:right }
.login div { margin:20px 20px }
.login div div { padding:8px 0; border-bottom:2px #f8f8f8 solid; margin:0 }
.login div dl { margin:20px 25px; padding:0 }
.login div dd { margin:0; padding:4px 0 }
.login div dd input { width:135px; height:17px}
.login div dd .bon-img { margin:0 0 0 70px; padding:0; border:none }
.login div dd .bon-img input { margin:0 16px 0 0; width:auto; height:auto }
.login div p { padding:0 0px; margin:0 }
.login div p.click { padding-top:10px; text-align:center }
.login div p.click a { color:#ffffff; font-size:16px; font-style:italic; font-weight:bold; text-decoration:underline }
.login div p.click a:hover { color:#000000 }

/*---------games content----------*/
.games-content { background:url(/images/black1-bg.jpg) repeat-x #424141; clear:both; border:1px #8a8888 solid; padding-bottom:30px }
.games-content div { text-align:center }
.games-content div img { margin:18px 0 10px 0 }
.games-date { background:#807f7b; padding:0; width:958px; line-height:27px; margin:15px auto }
.games-date select { height:19px; border:1px #e2ddce solid }
/*-----games table-----*/
#table { margin:0 auto; border:0; background:url(/images/hotgames-content-bg.jpg) 0 30px }
#table td { border-right:1px #aaaaaa solid; border-bottom:1px #aaaaaa dotted; padding:3px 8px; text-align:center }
#table .b-r-none { border-right:none }
#table .tr-title { background:#696866; line-height:30px; color:#edba19; font-weight:bold }

/*-----my school table-----*/
#m-s-table { border:1px #aaaaaa solid; background:#4c4a47;  margin:15px auto }
#m-s-table td { height:30px; text-align:center; font-weight:bold; border-right:1px #aaaaaa solid; border-bottom:1px #aaaaaa dotted }
#m-s-table .tr { background:#5e5c58 }
#m-s-table .td-b { border-bottom:none }
#m-s-table .td-r { border-right:none }
#m-s-table .td-end { border-right:none; border-bottom:none }

/*-----------class---------------*/
.class { background:url(/images/class-bg.jpg) repeat-x; height:39px; text-align:center; overflow:hidden }
.class a { padding:0 10px; margin:0 8px; font-weight:bold; line-height:38px }
.class a:hover { background:url(/images/class-name-bg.jpg); border:1px #ffd36c solid; padding-top:3px; padding-bottom:3px }
.class a#a { background:url(/images/class-name-bg.jpg); border:1px #ffd36c solid; padding-top:3px; padding-bottom:3px }

/*------------------Article----------------------*/
/*---all-article---*/
.all-article,.left,.article-show { background:#888684; width:665px; float:left; border:1px #b5b1ae solid; margin-bottom:18px }
/*--title--*/
.all-article div { margin:20px 23px; border-bottom:3px #881120 solid ; height:31px; overflow:hidden }
.all-article div div { float:left; border:none; margin:0; padding:0 }
.all-article div div a { background:url(/images/article-title-bg2.gif) repeat-x #85151f; height:26px; line-height:26px; padding:4px 10px 5px 10px; margin:5px 8px 0 0 }
.all-article div div a:hover { background:url(/images/article-title-bg1.gif) #5a5959 }
.all-article div div a#b { background:url(/images/article-title-bg1.gif ) #5a5959 }
.all-article div div.name { text-align:right; float:right; margin:0; padding:10px 0 0 0; color:#f4c417; font-size:16px; font-weight:bold }
/*--article list--*/
.all-article dl { margin:0 23px 20px 23px; padding:0 }
.all-article dd { margin:10px 0 0 0; padding:0; border-bottom:1px #babab9 dotted; height:174px }
.all-article dd div { margin:0; border:none; height:154px }
.all-article dd .poto { background:#c6c6c6; float:left; text-align:center; width:103px; padding:5px; color:#555555 }
.all-article dd .poto img { width:100px; height:105px; border:1px #f0f0f0 solid }
.all-article dd .poto span { display:block; border:1px #555555 solid; color:#881120; text-align:center; font-weight:bold }
.all-article dd .article-content { float:right; width:490px; border:none }
.all-article dd .article-content span { display:block; background:#706f6d; line-height:27px; height:27px; font-size:14px }
.all-article dd .article-content p { margin:0; padding:6px 0; line-height:165% }
.all-article dd .article-content p a { color:#881120; text-decoration:underline; font-size:11px }
.all-article dd .article-content span img { margin:6px 8px 0 8px }
.all-article dd .article-content div { float:left; margin:7px 24px 0 0; padding:0; height:25px } 
/*---------article show--------*/
.article-show { height:100% }
.article-show dl { margin:0 23px 20px 23px; padding:0; clear:both }
.article-show dt { background:#706f6d; line-height:27px; overflow:hidden; height:27px; font-weight:bold; text-indent:1em; margin:10px 0 }
.article-show .dtcolor { background:#82807b }
.article-show dd { margin:10px 0 0 0; padding:0 0 5px 0; height:100% }
.article-show dd div { margin:0; border:none }
.poto { background:#c6c6c6; float:left; text-align:center; width:103px; padding:5px; color:#555555 }
.poto img { width:100px; height:105px; border:1px #f0f0f0 solid }
.poto span { display:block; border:1px #555555 solid; color:#881120; text-align:center; font-weight:bold }
.article-content { float:right; width:490px; border:none; margin-bottom:5px }
.article-content p { margin:0; padding:6px 0; line-height:165% }
.article-content div { float:left; margin:7px 14px 0 0; padding:0; height:25px } 
.article-content div a { padding:0 6px; text-decoration:underline }
.article-nav { border-top:1px #aaaaaa dotted; margin:5px 5px 20px 5px; display:block }
.article-nav a { color:#CCCCCC; text-decoration:underline }
.dd-b { border-bottom:1px #aaaaaa dotted; border-top:none; clear:both; }
/*--------Publication Comment--------*/
.public { margin:0 23px 20px 23px; padding:0; clear:both }
.public-bt { background:#82807b; line-height:27px; height:27px; overflow:hidden; font-weight:bold; text-indent:1em; margin:10px 0 }



/*---hot-article---*/
.hot-article {  float:right; width:303px; padding:20px 10px }
.bt { background:url(/images/line.gif) no-repeat bottom; height:22px }
.hot { float:left; width:100px; padding-left:10px }
.hot-select { float:right; width:170px; text-align:right }
.hot-select select { height:19px; width:131px; text-align:center; color:#464646; padding:0 }
.hot-article-content { margin:10px 10px 20px 10px; padding:0 }
.hot-article-content .lists { margin:0; padding:10px 0 0 0; height:40px; display:block; width:281px; clear:both }
.navs { float:right; width:216px; line-height:120%; height:28px}
.hot-article-content .points h3 { float:left; font-size:16px; background:url(/images/t_l.jpg) no-repeat; width:57px; margin:0; line-height:33px; height:33px; font-weight:bold;  color:#85151f; text-align:center }


/*--------hot article----------*/
.r-listbg { background:#555555; border:1px #b2b2b2 solid; height:25px; margin:0 5px 8px 10px; float:left; width:126px }
.r-listbg img { margin:3px 5px 0 5px }
.r-listbg a { line-height:22px; color:#f4c417 }

.hot-select a { line-height:20px; height:20px; margin:0 0 0 6px; padding:3px }
.hot-select a:hover { background:#777777 }
.hot-select a#bt-current { background:#777777}

/*-----------------------------bottom------------------*/
#bom { background:url(/images/bom-bg.gif) #717173 repeat-x ; width:100%; height:52px; margin-top:5px; border-top:1px #b5b1ae solid; padding:16px 0 10px 0; text-align:center; clear:both; line-height:230%; overflow:hidden }
#bom a { padding:0 10px }


.left{ background:#FFFFFF; width:665px; float:left; border:1px #b5b1ae solid; margin-bottom:18px; margin-left:2px; }



/*------------black2---------------------------*/
DIV.black2 {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 7px; TEXT-ALIGN: center
}
DIV.black2 A {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; TEXT-DECORATION: none
}
DIV.black2 A:hover {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000
}
DIV.black2 A:active {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000
}
DIV.black2 SPAN.current {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000000
}
DIV.black2 SPAN.disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}

.s_tl_l{
margin:auto;
width:42px;
height:33px;
float:left;
background:url(t_l.jpg) no-repeat;

}
.s_tl_r{
margin:auto;
width:528px;
height:auto;
float:right;
}
.s_dingl{
font-size:18px;
color:#744823;
text-align:center;
padding-top:8px;
}
.caook_list_li_l{
margin:auto;
width:auto;
height:auto;
float:left;
}
.list_li_r{
margin:auto;
width:auto;
height:auto;
float:right;
position:relative;
}

.clear{
clear:both;
}
.auto{
margin:auto;
font-size:0px;
line-height:0px;
}

.li_stye{
list-style:none;
}

.s_lilink A:link   {font-family:Verdana,Arial, "宋体";font-size:12px;color: #FFFFFF;;text-decoration: none;}
.s_lilink A:visited{font-family:Verdana, Arial,"宋体";font-size:12px;color: #3D3D3D;;text-decoration: none;}
.s_lilink A:hover  {font-family:Verdana,Arial, "宋体";font-size:12px;color: #000000;;text-decoration: none;}
.s_lilink A:active {font-family:Verdana,Arial, "宋体";font-size:12px;color: #3D3D3D;;text-decoration: none;}


.list_b{
margin:0px;
padding:0px;
width:auto;
height:auto;
}

.list_li_l{
margin:auto;
width:auto;
height:auto;
float:left;
}

.n_tl_l{
margin:auto;
width:50px;
height:50px;
float:left;
background:url(t_l.jpg) no-repeat;
overflow:hidden
}

.text_ad
{
text-align:center;
font-weight:bold;
font-size:24px;
height:45px;
}
#ad_wrapper
{
overflow:hidden;
width:100%;
height:45px;
padding:0px;
margin-top:3px;
position:relative;
left:-5px;
}