/*

Rkanr Template System
Create at 2010-1-7 9:54:00

*/
/* --------- page module [192] 首页CSS css begin -------- */
/*Reset.css*/
HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE, A, ABBR, ACRONYM, ADDRESS, BIG, CITE, CODE, DEL, DFN, EM, FONT, IMG, INS, KBD, Q, S, SAMP, SMALL, STRIKE, STRONG, SUB, SUP, TT, VAR, DD, DL, DT, LI, OL, UL, FIELDSET, FORM, LABEL, LEGEND, TABLE, CAPTION, TBODY, TFOOT, THEAD, TR, TH, TD
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: inherit;
	font-family: inherit;
	font-family: ����,Arial,Helvetica,sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: baseline;
}
A IMG
{
	border: none;
}
A
{
	text-decoration: none;
}
A:link
{
	text-decoration: none;
}
A:hover, A:active
{
	text-decoration: underline;
}
TABLE
{
	border-collapse: collapse;
	border-spacing: 0;
}
Q:before, Q:after, BLOCKQUOTE:before, BLOCKQUOTE:after
{
	content: "";
}
UL
{
	list-style-type: none;
}
.clear
{
	clear: both;
}
/*link style*/
A.black
{
	color: black;
}
A.blue
{
	color: #1C58A1;
}
A.orange
{
	color: #FF6600;
}
A.red
{
	color: #F43133;
}
/*start*/
/*body*/
body
{
	background: white url(bg.gif) repeat-x;
}
/*header*/
#header
{
	width: 960px;
	clear: both;
	margin: 0 auto;
	overflow: hidden;
}
#header .userbar
{
	height: 25px;
	clear: both;
	background: #ededed;
	border-bottom: solid 1px #d4d4d4;
	line-height: 25px;
	color: #7c7c7c;
}
#header .userbar .reg
{
	line-height: 15px;
	padding: 1px 5px 0 6px;
	background: #ff5c0c url(reg.gif) no-repeat;
	color: white;
	margin: 0 5px;
}
#header .userbar .reg:hover
{
	text-decoration: none;
}
#header .userbar input
{
	width: 73px;
	height: 15px;
	border: 0;
	border: solid 1px #d5d5d5;
}
#header .userbar .login
{
	width: 36px;
	height: 15px;
	background: orange url(login.gif) no-repeat;
	border: 0;
	color: White;
	padding: 0;
	line-height: 15px;
	margin: 0 5px;
}
#header .userbar a
{
	padding-left: 15px;
	background: #ededed url(icon01.gif) no-repeat;
	color: #7c7c7c;
}
#header .userbar .forgetpwd
{
	margin-right: 320px;
}
#header .pageheader
{
	height: 70px;
	margin-top: 48px;
	background: white url(headerbg.gif) no-repeat;
}
#header .pageheader .logo
{
	float: left;
	margin-right: 35px;
	display: inline;
}
#header .pageheader .tab
{
	float: left;
	margin-top: 44px;
	display: inline;
}
#header .pageheader .tab li
{
	float: left;
}
#header .pageheader .tab li a
{
	width: 100px;
	height: 26px;
	display: block;
	background: white url(tab.gif) no-repeat;
	color: #9d9d9d;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	line-height: 26px;
}
#header .pageheader .tab li a:hover, #header .pageheader .tab li .onselect
{
	text-decoration: none;
	background: white url(tabselect.gif) no-repeat;
	color: White;
}
#header .navbar
{
	width: 940px;
	padding: 8px 10px 10px;
	height: 21px;
	background: white url(navbar.gif) no-repeat center top;
	clear: both;
}
#header .navbar .nav
{
	float: left;
	margin-left: 12px;
	display: inline;
}
/* CSS滑动门 */
#header .navbar .nav li
{
	float: left;
	margin-left: 3px;
	display: inline;
	padding: 0 0 0 8px;
	background: none;
}
#header .navbar .nav li:hover, #header .navbar .nav .lion
{
	background: url(navselect.gif) no-repeat left top;
}
#header .navbar .nav li a
{
	display: block;
	padding: 4px 13px 4px 0;
	color: white;
	background: url(line.gif) no-repeat right top;
}
#header .navbar .nav li a:hover
{
	color: #509c3a;
	background: url(navselect.gif) no-repeat right top;
	text-decoration: none;
	_color: white; /* hack for IE 6*/
	_background: url(line.gif) no-repeat right top; /* hack for IE 6*/
	_text-decoration: underline; /* hack for IE 6*/
}
#header .navbar .nav li .onselect
{
	color: #509c3a;
	background: url(navselect.gif) no-repeat right top;
}
#header .navbar .nav li .onselect:hover
{
	color: #509c3a;
	background: url(navselect.gif) no-repeat right top;
	text-decoration: none;
}
#header .navbar .search
{
	width: 323px;
	padding-left: 26px;
	margin-left: 40px;
	height: 21px;
	float: left;
	background: white url(search.gif) no-repeat;
}
#header .navbar .ddl
{
	width: 57px;
	height: 21px;
	float: left;
}
#header .navbar input
{
	width: 262px;
	height: 15px;
	border: 0;
	padding: 2px 0 0;
}
#header .navbar .searchbtn
{
	width: 38px;
	height: 21px;
	border: 0;
	padding: 0;
	background: white url(searchbtn.gif) no-repeat;
	color: #2a6818;
	margin: 0 8px;
}
#header .location
{
	width: 940px;
	padding: 8px 10px 5px;
	background: white;
	color: #454545;
}
#header .location a
{
	color: #454545;
}
/*content*/
#content
{
	width: 960px;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
	background: white;
}
/*main*/
#main
{
	width: 680px;
	margin-left: 5px;
	display: inline;
	float: left;
	overflow: hidden;
}
/*flash*/
#main .flash
{
	width: 670px;
	height: 240px;
margin:0 20px 5px 5px;
}

/*mainbox*/
#main .mainbox
{
	background: white url(mainbox.gif) repeat-y;
	margin:10px 0;
}

#main .mainbox .title
{
	height: 18px;
	padding: 15px 160px 0 30px;
	background: #62b44c url(mainboxheader.gif) no-repeat;
}
#main .mainbox .title h2, #main .mainbox .title h2 a
{
	float: left;
	color: #2a6818;
	font-weight: bold;
}
#main .mainbox .title .more
{
	float: right;
	color: White;
	background: url(point.gif) no-repeat left 4px;
	padding-left: 12px;
}
#main .mainbox .content
{
	width: 660px;
	clear: both;
	padding: 0 10px 10px;
	background: url(mainboxfooter.gif) no-repeat bottom;
}
#main .mainbox .maglist
{
	width: 620px;
	padding-left: 30px;
	padding-right: 30px;
	height: 200px;
}
#main .mainbox .maglist li
{
	float: left;
	margin: 15px 10px;
	display: inline;
	
}
#main .mainbox .maglist li .cover
{
}
#main .mainbox .maglist li .cover a img
{
	width: 86px;
	height: 112px;
	padding: 6px 7px;
	border: solid 1px #e5e5e5;
}
#main .mainbox .maglist li .title
{
	width: 100px;
	height: 15px;
	display: block;
	color: #575757;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0;
	background: none;
	margin: 5px 0 10px;
	text-align:center;
}
#main .mainbox .maglist li .option
{
}
#main .mainbox .maglist li .option .read
{
	display: block;
	width: 44px;
	height: 18px;
	padding-left: 48px;
	line-height: 18px;
	background: #ffffff url(readbtn.gif) no-repeat scroll 18px 0;
	color: #7f7f7f;
}
#main .mainbox .maglist li .option .read:hover
{
	text-decoration: none;
}
/*banner*/
#main .banner
{
	width: 670px;
	height: 79px;
	margin: 5px;
}
#main .mainbox .articlebox
{
	height: 312px;
	margin-top: 18px;
}
#main .mainbox .articlebox .mspecialbox
{
	float: left;
	margin-left: 10px;
	display: inline;
}
/*cspecial*/
#main .mainbox .articlebox .mspecialbox .cspecial
{
	width: 212px;
	padding: 8px;
	background-color: #f8f8f8;
	border: solid 1px #dddddd;
	overflow:hidden;
}
#main .mainbox .articlebox .mspecialbox .cspecial .preview
{
}
#main .mainbox .articlebox .mspecialbox .cspecial .preview a img
{
	width: 208px;
	height: 100px;
	padding: 1px;
	border: solid 1px #cdcdcd;
}
#main .mainbox .articlebox .mspecialbox .cspecial .title
{
	height:20px;
	display:block;
	overflow:hidden;
	text-align:center;
	padding: 0;
	background: none;
	color: #ff9933;
	font-weight: bold;
	line-height: 20px;
	
}
#main .mainbox .articlebox .mspecialbox .cspecial .descn
{height:36px;
	overflow:hidden;
	color: #888888;
	line-height: 18px;
}
/*jspecial*/
#main .mainbox .articlebox .mspecialbox .jspecial
{
	margin: 10px 0 0;
}
#main .mainbox .articlebox .mspecialbox .jspecial h4
{
	width: 228px;
	height: 12px;
	text-indent: 25px;
	background: url(specialtitle.gif) no-repeat;
	margin: 0 0 10px;
}
#main .mainbox .articlebox .mspecialbox .jspecial ul
{
}
#main .mainbox .articlebox .mspecialbox .jspecial ul li
{
	width: 228px;
	height: 74px;
	clear: both;
}
#main .mainbox .articlebox .mspecialbox .jspecial ul li .preview
{
	float: left;
}
#main .mainbox .articlebox .mspecialbox .jspecial ul li .preview img
{
	width: 70px;
	height: 70px;
	padding: 1px;
	border: solid 1px #cdcdcd;
}
#main .mainbox .articlebox .mspecialbox .jspecial ul li dl
{
	width: 140px;
	height:74px;
	overflow:hidden;
	padding: 0 7px;
	float: right;
}
#main .mainbox .articlebox .mspecialbox .jspecial ul li dl dt
{
	margin: 4px 0;
}
#main .mainbox .articlebox .mspecialbox .jspecial ul li dl dt a
{
	color: #ff9933;
	font-weight: bold;
}
#main .mainbox .articlebox .mspecialbox .jspecial ul li dl dd
{
	color: #666666;
	line-height: 1.4;
}
/*articlelist*/
#main .mainbox .articlebox .articlelist
{
	width: 420px;
	overflow: hidden;
	float: right;
}
#main .mainbox .articlebox .articlelist li
{
	width: 120px;
	height: 134px;
	overflow: hidden;
	float: left;
	margin: 0 10px 20px;
	display: inline;
}
#main .mainbox .articlebox .articlelist li .preview
{
}
#main .mainbox .articlebox .articlelist li .preview a img
{
	width: 116px;
	height: 70px;
	padding: 1px;
	border: solid 1px #cdcdcd;
}
#main .mainbox .articlebox .articlelist li .title
{
	 height:20px;
	 display:block;
	 overflow:hidden;
	padding: 0;
	background: none;
	color: #7c9c1c;
	line-height: 20px;
}
#main .mainbox .articlebox .articlelist li .descn
{
	line-height: 20px;
}
/*sidebar*/
#siderbar
{
	width: 269px;
	margin-right: 5px;
	display: inline;
	float: right;
	overflow: hidden;
}
/*intro*/
#siderbar .intro
{
	width: 259px;
	height: 240px;
	margin: 0 auto;
	background: url(intro.gif) no-repeat;
}
#siderbar .intro h2
{
	padding: 13px 0 20px 26px;
	color: #2a6818;
	font-weight: bold;
}
#siderbar .intro p
{
	margin: 0 15px;
	color: #5a5a5a;
	text-indent: 25px;
	line-height: 20px;
}
#siderbar .intro p strong
{
	color: #4a9636;
	font-weight: bold;
}
/*sidebox*/
#siderbar .siderbox
{
	background: white url(siderbox.gif) repeat-y;
margin:5px 0;
}
*+html #siderbar .siderbox
{
	background: white url(siderbox.gif) repeat-y;
margin:10px 0;
}
#siderbar .siderbox .title
{
	height: 17px;
	padding: 17px 0 0 30px;
	background: #62b44c url(siderboxheader.gif) no-repeat;
}
#siderbar .siderbox .title h2, #siderbar .siderbox .title h2 a
{
	float: left;
	color: #2a6818;
	font-weight: bold;
}
#siderbar .siderbox .content
{
	padding-bottom: 10px;
	background: url(siderboxfooter.gif) no-repeat bottom;
}
/*chart*/
#siderbar .siderbox .chart
{
	width: 219px;
	padding-left: 25px;
	padding-right: 25px;
	
}
#siderbar .siderbox .chart li
{
	list-style-position: inside;
	height: 23px;
	line-height: 19px;
	clear: both;
}
#siderbar .siderbox .chart .no1
{
	list-style-type: none;
	height: 95px;
}
#siderbar .siderbox .chart .no1 .preview
{
	float: left;
}
#siderbar .siderbox .chart .no1 .preview a img
{
	width: 80px;
	height: 95px;
}
#siderbar .siderbox .chart .no1 dl
{
	width: 120px;
	height:80px;
	overflow:hidden;
	float: left;
	padding-top: 10px;
}
#siderbar .siderbox .chart .no1 dl dt
{height:20px;
	overflow:hidden;}
#siderbar .siderbox .chart .no1 dl dt a
{
	color: #01a7b1;
	font-weight: bold;
}
#siderbar .siderbox .chart .no1 dl dd, #siderbar .siderbox .chart .no1 dl dd a
{
	color: #5a5a5a;
}
#siderbar .siderbox .chart li .magname
{ 
	color: #01a7b1;
}
#siderbar .siderbox .chart li .sort
{
	float: right;
	margin-top: -19px;
	color: #5a5a5a;
}
#siderbar .siderbox .chart .no2
{
	list-style-image: url(2.gif);
}
#siderbar .siderbox .chart .no3
{
	list-style-image: url(3.gif);
}
#siderbar .siderbox .chart .no4
{
	list-style-image: url(4.gif);
}
#siderbar .siderbox .chart .no5
{
	list-style-image: url(5.gif);
}
#siderbar .siderbox .chart .no6
{
	list-style-image: url(6.gif);
}
#siderbar .siderbox .chart .no7
{
	list-style-image: url(7.gif);
}
#siderbar .siderbox .chart .no8
{
	list-style-image: url(8.gif);
}
#siderbar .siderbox .chart .no9
{
	list-style-image: url(9.gif);
}
#siderbar .siderbox .chart .no10
{
	list-style-image: url(10.gif);
}
/*siderbar banner*/
#siderbar .rightbanner
{
	width:269px;
	height:227px;
	border:0px;	
}

#siderbar .banner
{
	width: 253px;
	height: 65px;
	padding: 2px;
	border: solid 1px #e0e0e0;
	margin: 7px auto;
}
#siderbar .banner img
{
	width: 253px;
	height: 65px;
}
/*characterlist*/
#siderbar .siderbox .characterlist
{
	width: 219px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top:14px;
}
#siderbar .siderbox .characterlist li
{
	height: 65px;
	margin: 9px 0;
	clear: both;
}
#siderbar .siderbox .characterlist li .preview
{
	float: left;
}
#siderbar .siderbox .characterlist li .preview a img
{
	width: 57px;
	height: 57px;
	border: solid 4px #cacdcd;
}
#siderbar .siderbox .characterlist li dl
{
	width: 137px;
	float: right;
	color: #5a5a5a;
	line-height: 20px;
	background: url(line02.gif) repeat-x 0 40px;
}
#siderbar .siderbox .characterlist li dl dt, #siderbar .siderbox .characterlist li dl dd
{ height:20px;
 overflow:hidden;}
#siderbar .siderbox .characterlist li dl dt a
{
	color: #fd831c;
}
#siderbar .siderbox .characterlist li dl dd .go
{
	display: block;
	width: 21px;
	height: 0;
	padding-top: 18px;
	overflow: hidden;
	background: #e77d22 url(go.gif) no-repeat;
	margin-top: 5px;
}
/*link*/
#siderbar .siderbox .link
{
	width: 219px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top:8px;
}
#siderbar .siderbox .link li a img
{
	width: 219px;
	height: 95px;
}
/*footer*/
#footer
{
	width: 910px;
	height: 100px;
	margin: 0 auto;
	padding: 15px 25px;
	clear: both;
	background: white url(footer.gif) no-repeat center top;
	overflow: hidden;
}
/* +copyright */
#footer .copyright li
{
	text-align: center;
	line-height: 20px;
}


/* --------- page module [192] 首页CSS css end -------- */