/*-- reset css --*/
body,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td { margin:0; padding:0;}
body,button,select,textarea { font:12px/1.5 simsun,"Microsoft YaHei",arial,Verdana, Geneva, sans-serif;}
body { background:#fff;}
ul,ol,li,dl,dd{list-style:none}
input,select { vertical-align:middle;}
input{
	border:none;
	background:none transparent;
}
em { font-style:normal;}
img{border:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:100%;}
h6 { font-weight:normal;}
.clearfix:after{content:".";height:0;display:block;visibility:hidden;clear:both}
.clearfix{zoom:1;}
table {border-collapse:collapse; border-spacing:0px;}
a { color:#474747; text-decoration:none;}

.maintop ul li a:hover,.maintop ul li.cred a{ color:#c00; text-decoration:none;}
/*-- 默认蓝色风格 --*/
#bluestyle { background:url(/images/blue/bg.gif) repeat-x;}

#header { width:990px; margin:0 auto;}
#topbar { height:36px;}
ul.topnav { float:left; height:36px; width:550px; padding-left:15px;}
ul.topnav li { float:left; padding:0 12px; height:36px; position:relative;}
ul.topnav li a { padding-right:10px; background:url(/images/arrow.gif) no-repeat right center; display:inline-block; height:36px; line-height:36px; color:#fff; font-size:14px; font-weight:bold;}
ul.topnav li ul { position:absolute; visibility:hidden; width:95px; background-color:#1373AD; top:36px; left:0;}
ul.topnav li ul li { line-height:28px; height:28px; text-align:center; padding:0;}
ul.topnav li ul li a { display:block; width:95px; text-align:center; line-height:28px; color:#fff; font-weight:normal; font-size:12px; padding:0; background:none; height:28px; overflow:hidden;}
ul.topnav li ul li a:hover { background-color:#39A5D4; color:#fff;}
ul.topnav li.hover { background:url(/images/blue/topnav_on.gif) repeat-x;}
ul.rnav { float:right; width:420px; padding-top:6px; height:24px;}
ul.rnav li { padding-left:7px; height:24px; line-height:24px; margin-left:7px; float:left; background:url(/images/arrow1.gif) no-repeat 0 10px;}
ul.rnav li a { color:#fff;}
ul.rnav li.charge_style { width:60px; height:24px; position:relative; padding:0; margin:0; background:url(/images/blue/style_bg.gif) no-repeat; margin-left:15px; padding-left:24px;}
ul.rnav li.charge_style ul { position:absolute; left:0; top:24px; background-color:#D2E9EE; visibility:hidden;}
ul.rnav li.charge_style ul li { height:24px; line-height:24px; padding:0; margin:0; background:none;}
ul.rnav li.charge_style ul li a { display:block; width:79px; height:24px; padding:5px 0 5px 5px; height:14px; line-height:14px; color:#13749E;}
ul.rnav li.charge_style ul li em { display:inline-block; width:14px; height:14px; background-color:#13749E; margin-right:2px; vertical-align:middle;}
ul.rnav li.charge_style ul li.red a { color:#F30;}
ul.rnav li.charge_style ul li.red em { background-color:#F30;}
ul.rnav li.charge_style ul li.green a { color:green;}
ul.rnav li.charge_style ul li.green em { background-color:green;}
ul.rnav li.charge_style ul li.black a { color:#222;}
ul.rnav li.charge_style ul li.black em { background-color:#222;}
ul.rnav li.charge_style ul li.orange a { color:#f50;}
ul.rnav li.charge_style ul li.orange em { background-color:#f50;}
#iframe { height:38px;}
.spare_site { float:right; line-height:38px; font-size:14px; padding-right:20px;}


#top { height:73px; clear:both;}
#top h1 { text-align:center; line-height:73px; font-size:48px; color:red;}
#top h2 { text-align:center; line-height:12px; font-size:12px; color:red;}
#main { width:950px; margin:0 auto;}
.maintop { background-color:#fff; border:1px solid #CBE3EB; padding:5px; margin-bottom:10px;}
ul.sitelist li { float:left; width:90px; line-height:29px; height:29px; overflow:hidden; text-align:center;}
.mainbox { clear:both; margin-bottom:10px;}
.mtable { border:1px solid #BFE4EC;}
.mtable td { border:1px solid #BFE4EC; padding:8px;}
.mtable td.tc { text-align:center;}
.mtable .tt td { background-color:#D2E9EE; color:#474747;}
.mtable td a.site { padding-left:5px;color:red; font-weight:bold;}
#friendlink { margin-bottom:10px;}
#friendlink h2 { font-size:14px; height:30px; line-height:30px; }
.friendlinkcon { padding:5px;}
.fri_logo_link li { float:left; margin-right:10px; margin-top:8px;}
.fri_txt_link li { float:left; margin-right:15px; height:24px; line-height:24px; font-size:14px; white-space:nowrap;}
.fri_txt_link li a { white-space:nowrap;}

#footer { text-align:center; padding:15px; line-height:21px; color:#474747;}
#footer a.support { font-weight:bold; color:#299CC9;}

/*-- 黑色风格 --*/
#blackstyle { background:url(/images/black/bg.gif) repeat-x;}
#blackstyle ul.topnav li ul { background-color:#5F5F5F;}
#blackstyle ul.topnav li ul li a:hover { background-color:#868686;}
#blackstyle ul.topnav li.hover { background:url(/images/black/topnav_on.gif) repeat-x;}
#blackstyle ul.rnav li.charge_style { background:url(/images/black/style_bg.gif) no-repeat;}
#blackstyle ul.rnav li.charge_style ul { background-color:#E0E0E0;}
#blackstyle .maintop { border-color:#D5D5D5;}
#blackstyle .mtable { border-color:#D5D5D5;}
#blackstyle .mtable td { border-color:#D5D5D5} 
#blackstyle .mtable .tt td { background-color:#E0E0E0;}

/*-- 红色风格 --*/
#redstyle { background:url(/images/red/bg.gif) repeat-x;}
#redstyle ul.topnav li ul { background-color:#D03D36;}
#redstyle ul.topnav li ul li a:hover { background-color:#E46962;}
#redstyle ul.topnav li.hover { background:url(/images/red/topnav_on.gif) repeat-x;}
#redstyle ul.rnav li.charge_style { background:url(/images/red/style_bg.gif) no-repeat;}
#redstyle ul.rnav li.charge_style ul { background-color:#FFD2C5;}
#redstyle .maintop { border-color:#D5D5D5;}
#redstyle .mtable { border-color:#D5D5D5}
#redstyle .mtable td { border-color:#D5D5D5} 
#redstyle .mtable .tt td { background-color:#FFD2C5;}

/*-- 绿色风格 --*/
#greenstyle { background:url(/images/green/bg.gif) repeat-x;}
#greenstyle ul.topnav li ul { background-color:#2D9732;}
#greenstyle ul.topnav li ul li a:hover { background-color:#51C057;}
#greenstyle ul.topnav li.hover { background:url(/images/green/topnav_on.gif) repeat-x;}
#greenstyle ul.rnav li.charge_style { background:url(/images/green/style_on.gif) no-repeat;}
#greenstyle ul.rnav li.charge_style ul { background-color:#DAE8D9;}
#greenstyle .maintop { border-color:#CCDFCB;}
#greenstyle .mtable { border-color:#CCDFCB}
#greenstyle .mtable td { border-color:#CCDFCB} 
#greenstyle .mtable .tt td { background-color:#DAE8D9;}

/*-- 橙色风格 --*/
#orangestyle { background:url(/images/orange/bg.gif) repeat-x;}
#orangestyle ul.topnav li ul { background-color:#EE740D;}
#orangestyle ul.topnav li ul li a:hover { background-color:#F28A0F;}
#orangestyle ul.topnav li.hover { background:url(/images/orange/topnav_on.gif) repeat-x;}
#orangestyle ul.rnav li.charge_style { background:url(/images/orange/style_bg.gif) no-repeat;}
#orangestyle ul.rnav li.charge_style ul { background-color:#FFD897;}
#orangestyle .maintop { border-color:#D5D5D5;}
#orangestyle .mtable { border-color:#D5D5D5}
#orangestyle .mtable td { border-color:#D5D5D5} 
#orangestyle .mtable .tt td { background-color:#FFD897;}