﻿
/*全局定义*/

body {font-family:"宋体", arial; margin:0; padding:0; background: #fff; font-size:12px; color:#333; padding-bottom:10px;}
div,form,img,ul,ol,li,dl,dt,dd,p {margin:0; padding: 0; border: 0;}
div{height:auto; width:auto;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}
table,td,tr,th{font-size:12px;}
ul,li{ list-style-type:none;}
/* Clear Fix */


.clearfix:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clear{ clear: both; font-size:1px; width:1px; height:0px; overflow:hidden; visibility: hidden; }





a{color: #000000; text-decoration:none;}
a:hover {color: #f60; text-decoration:underline;}




.error,.ok,.load{padding:5px 5px 3px 25px; color:#000; height:25px; line-height:25px; margin-left:5px;}
.error{ border:1px solid #FF0000; background:#FEE9E1 url(/images/error.gif) no-repeat 5px 3px;}
.ok{ border:1px solid #5EBF01; background: #E7FBC0 url(/images/ok.gif) no-repeat 5px 3px;}
.load{ border:1px solid #FFBD33; background: #FFFFCC url(/images/ajax_loader.gif) no-repeat 5px 3px;}

/* ============================================
Standard Message Styles 1

Usage examples:
<p class="ErrorMsg">Warning!You took my underware!</p>
============================================ */
.OkMsg{
	padding:5px 5px 5px 25px;
	border:1px solid #00BE00;
	background:#E6FFE6 url(/images/standard_msg_ok.gif) 5px 5px no-repeat;
	color:#000;
}
.WarningMsg{
	padding:5px 5px 5px 25px;
	border:1px solid #00A8FF;
	background:#E2F5FF url(/images/standard_msg_warning.gif) 5px 5px no-repeat;	
	color:#000;
}
.ErrorMsg{
	padding:5px 5px 5px 25px;
	border:1px solid #F60;
	background:#FFF2E9 url(/images/standard_msg_error.gif) 5px 5px no-repeat;	
	color:#000;
}
.HintMsg{
	padding:5px 5px 5px 5px;
	border:1px solid #FFF;
	background-color:transparent;
	background-image:none;
	color:#999;
}
.HintMsg a:link, .HintMsg a:visited{
	color:#666;
	text-decoration:none;
}


.txtInput{border:#CCCCCC solid 1px;}

#header,#footer,#MainContainer,div.Container,#friendLink,#SitePath{ width:950px; margin:0 auto; height:auto;  }
#MainContainer{ margin-top:5px; }
#MainContainer div.ml{ float:left; width:700px;}
#MainContainer div.mr{ float:right; width:240px;}

div.Container{ clear:both; background-color:#FFFFFF; }
div.Container2{ margin:0px auto; clear:both; background-color:#FFFFFF; padding-left:150px; width:800px;}
/*页面头部*/
#header{ height:auto; background-color:#FFFFFF}
	div.h_logo{width:350px;  float:left;}
	div.h_r{width:580px; text-align:right;float:right; }
		div.qucik-menu{margin-top:10px;margin-right:5px;width:100%;;   }
		div.qucik-menu li{  margin-right:5px; float:right;line-height:22px; height:22px; }
		div.qucik-menu li a{ background:url(/images/hrqm_l.gif) left repeat-x;  display:block;}	
		div.qucik-menu li a span{ background:url(/images/hrqm_r.gif) right no-repeat;padding:0px 8px; display:block;}	
		div.qucik-menu li a.love{ background:url(/images/hrqm_l_love.gif) left repeat-x;}	
		div.qucik-menu li a.love span{padding-left:25px; }
		div.qucik-menu li a.score{ background:url(/images/hrqm_l_score.gif) left repeat-x;  }	
		div.qucik-menu li a.score span{padding-left:25px;}
		
		div.qucik-menu li.feedBack{ margin-left:10px;}
		div.qucik-menu li.feedBack a{ margin-top:5px; background:none; color:#EE6600}
		div.qucik-menu li.feedBack a:hover{color:#EE6600}
		
		div.qucik-menu li.help{ margin-left:10px;}
		div.qucik-menu li.help a{ margin-top:5px; background:none; color:#EE6600}
		div.qucik-menu li.help a:hover{color:#EE6600}
		
		div.qucik-Link{margin-right:5px ; margin-top:10px ;width:100%; clear:both; height:20px; line-height:20px;  }
		div.qucik-Link li{  margin-right:5px; float:right;line-height:22px; height:22px;  }
		div.qucik-Link li a{ color:#0044DD;}

div.head_menu{ clear:both; width:100%;  margin-top:2px;   }
div.head_menu div.hm_l{height:92px;background:url(/images/hrbg_l.gif) bottom left no-repeat; width:5px; float:left;}
div.head_menu div.hm_r{height:92px;background:url(/images/hrbg_r.gif) bottom right no-repeat; width:5px; float:right;}
div.head_menu div.hm_c{height:92px;background:url(/images/hrbg_c.gif) bottom repeat-x; width:6px; float:left;width:940px;}
				
				
/*栏目导航*/

div.h-new{position:absolute;z-index:100;height:26px;width:26px;background:url(/images/title_new.gif) 0 0 no-repeat; margin:-50px 0px 0px -420px;  }
ul.c_m{ height:32px; width:auto;  float:left;margin-left:100px !important; margin-left:50px; }
ul.c_m li{ padding:0px; height:30px; line-height:30px; float:left;margin-right:1px;background:url(/images/hr_mmtr_shadow.gif) bottom right no-repeat; padding-right:2px; }

ul.c_m li.Selected { height:32px; line-height:32px; padding-right:0px; }

ul.c_m li a{background:url(/images/hr_mmtl.gif) bottom left repeat-x; font-size:14px; color:#FF7E00;   text-align:center; display:block; font-weight:bold;  }
ul.c_m li a span{display:block;background:url(/images/hr_mmtr.gif) bottom right no-repeat;padding:0px 13px 0px 15px; }
ul.c_m li a:hover{background:url(/images/hr_mmtl_hover.gif) bottom left repeat-x; text-decoration:none;  }
ul.c_m li a:hover span{background:url(/images/hr_mmtr_hover.gif) bottom right no-repeat; }

ul.c_m li.Selected a,ul.c_m li.Selected a:hover{background:url(/images/hr_mmtl_Selected.jpg) top left repeat-x;  color:#FFFFFF;   text-align:center; color:#FFFFFF;  display:block; font-weight:bold; }
ul.c_m li.Selected a span,ul.c_m li.Selected a:hover span{display:block;background:url(/images/hr_mmtr_Selected.jpg) top right no-repeat;}



ul.c_i{ height:27px; width:auto; float:left; margin-top:3px; margin-left:20px; }
ul.c_i li {padding:0px; height:27px; line-height:27px; float:left; margin-left:1px; }
ul.c_i li.Selected {height:29px; line-height:29px;}
ul.c_i li a{background:url(/images/hr_mmtsl.gif) bottom left repeat-x; color:#000000;   text-align:center; display:block;  }
ul.c_i li a span{display:block;background:url(/images/hr_mmtsr.gif) bottom right no-repeat;padding:0px 10px 0px 12px; }
ul.c_i li a:hover{background:url(/images/hr_mmtsl_hover.gif) bottom left repeat-x; text-decoration:none;  }
ul.c_i li a:hover span{background:url(/images/hr_mmtsr_hover.gif) bottom right no-repeat;}

ul.c_i li.Selected a,ul.c_i li.Selected a:hover{background:url(/images/hr_mmtsl_Selected.gif) top left repeat-x; color:#FFFFFF;   text-align:center; color:#FFFFFF;  display:block;  }
ul.c_i li.Selected a span,ul.c_i li.Selected a:hover span{display:block;background:url(/images/hr_mmtsr_Selected.gif) top right no-repeat;padding:0px 10px 0px 12px; }



/*Div搜索*/
div.hsearch_Left {clear:both;  height:auto;  width:580px; float:left; background:url(/images/hrbg_c_line.gif) bottom repeat-x; height:60px; margin-left:100px!important; margin-left:50px;}
div.h_Userbtn{ width:223px; float:right; height:60px; background:url(/images/hrbg_r1.jpg) right bottom no-repeat;}
div.hSearchFrom Select{ width:100px; }
div.hSearchFrom input.input{ width:200px;  }
div.hSearchFrom input.button{background:url(/images/top_searchbtn.gif) top left no-repeat; width:90px; height:24px; border:0px; cursor:pointer }
div.hSearchFrom{ margin:5px 0px 0px 0px; height:25px; line-height:25px; }

div.hSearchKeyWord{  margin-top:5px; height:20px; line-height:20px;  color:#FEDEAF; }
div.hSearchKeyWord a,div.hSearchKeyWord a:hover{color:#FEDEAF; margin-right:10px;}

div.h_Userbtn ul{  height:58px;}
div.h_Userbtn ul li{ float:left;}
div.h_Userbtn ul li a{  padding:40px 0px 0px 0px; width:60px; display:block; text-align:center;margin-left:5px; color:#FFFAA2}
div.h_Userbtn ul li a:hover{color:#FFFAA2}

/*站点路径*/
#SitePath{	text-align:left;margin-top:5px; line-height:20px; height:20px; clear:both;}

/*友情链接*/
#friendLink{clear:both; height:auto; } 
#friendLink ul{clear:both;  }
#friendLink ul.pic li{ height:38px; line-height:38px; vertical-align:middle; width:88px; margin:0px 8px; float:left;}
#friendLink ul.word li{height:20px; line-height:20px; vertical-align:middle; width:88px;margin:0px 8px; float:left;overflow-y:hidden;}

/*页面底部*/
#footer{  text-align:center; clear:both;  }
#footer a { color:#000000;}
#footer a:hover{ color:red;}
#footer div.link{height:25px; line-height:25px; text-align:center;}
#footer div a{ margin:0px 3px; color:#000000;}
#footer div.link a:hover{ margin:0px 3px; color:red;}

/*通用版块外框样式*/
div.box_bd{ border:1px solid #FFBC7B; height:auto; width:100%;}
div.box_bd div.box_title{ height:25px; line-height:25px; width:100%; border-bottom:1px solid #FFBC7B; background-color:#FFDFBE}
div.box_bd div.box_title h5{ margin-left:10px !important; margin-left:5px; width:50%; float:left; font-size:13px;  }
div.box_bd div.box_title span{ float:right; margin-right:10px;}
div.box_bd div.box_content{ min-height:50px; width:100%; } 




/*分页*/
.CustomInfoClass{clear:both;margin-top:8px;margin-bottom:8px;}
.CustomInfoClass div.CustomInfo{ float:left; width:100%; margin-left:5px}
.CustomInfoClass div.CustomInfo b{ color:#ff9900; }

.CustomInfoClass div.pageinfo{ width:auto; margin-right:5px; text-align:right; background:#cccccc;}
.CustomInfoClass div.pageinfo a{font-size:15px;color:#666666;TEXT-DECORATION:none;padding:3px;  }
.CustomInfoClass div.pageinfo a:hover{font-size:15px;color:#FF9900; padding:3px; background-color:#F3F3F3; }
.CustomInfoClass div.pageinfo span.selected{font-size:15px;color:red;padding:3px;background-color:#FF9900; color:White; }
.CustomInfoClass div.pageinfo a img{vertical-align:-3px; }
.CustomInfoClass div.pageinfo input.InputClass{border:1px solid #cccccc;margin-left:10px;}
.CustomInfoClass div.pageinfo input.ButtonClass{border:1px solid #cccccc;margin-left:10px;background-color:#F0F0F0}
.PageInfo{ margin-left:20px}
.Selected1{background-color:#ff9900;padding:0 5px; color:White;font-size:17px }


/*--评论列表--*/
#CommentList{width:580px; height:auto; }
#CommentList li{ clear:both;  height:auto; width:auto;border-bottom:1px dotted #cccccc; margin-top:5px; padding-bottom:5px;}
#CommentList li div.itemLeft{ float:left; width:70px; text-align:center;  }
#CommentList li div.itemLeft img{ border:1px solid #cccccc; padding:1px; width:50px; height:50px; margin-top:5px;}
#CommentList li div.itemRight{ float:left; width:500px;}
#CommentList li div.itemRight div.row1{ height:25px; line-height:25px; background-color:#F5F5F5;  width:100%}
#CommentList li div.itemRight div.row1 div.userName{ float:left; margin-left:5px; }
#CommentList li div.itemRight div.row1 div.userName a{ color:#019EED; font-size:12px;}
#CommentList li div.itemRight div.row1 div.userName a:hover{ color:red}
#CommentList li div.itemRight div.row1 div.userName Span.time{color:#999999; font-size:12px;}
#CommentList li div.itemRight div.row1 div.star{ float:right; margin-right:10px; margin-top:5px; }
#CommentList li div.itemRight div.row2{ margin-left:5px; line-height:20px; text-align:left; clear:both;  }
#CommentList li div.itemRight div.row2 span{color:#999999}
#CommentList li div.itemRight div.row3{ line-height:18px; text-indent:20px; margin:0px 5px; text-align:left; }
#CommentList li div.itemRight div.row4{ line-height:18px; text-align:right;color:#999999;margin:0px 5px  }
#CommentList li div.itemRight div.row5{line-height:15px; background: #FFFFE1;border: 1px #EBECDA solid; margin:2px 5px; padding:3px; text-indent:20px; text-align:left;}

/*--图片上传--*/
div.uploadPanel{margin-left:10px;}
div.uploadPanel img.pic{border:1px solid #CCCCCC;width:64px;padding:1px;}
div.uploadPanel div.uploadInput{}
div.uploadPanel div.uploadInput iframe{ margin-left:5px; width:200px; height:28px;}
div.uploadPanel div.uploadState{height:20px; line-height:20px;text-align:left;color:red;margin-left:5px;}
div.uploadPanel div.uploadOption{height:20px; line-height:20px;text-align:left;margin-left:5px;}

.mybtn {
	float: right;
	width: 150px;
}
.mybtn a {
	color: #FFFFFF;
	display: block;
	height: 35px;
	width: 100px;
	padding-left: 25px;
	background-image: url(/images/btn_mAddbg100.gif);
	background-repeat: no-repeat;
	line-height: 25px;
	margin-top: 15px;
}
.mybtn a:hover {
	background-image: url(/images/btn_mAddbg100_on.gif);
	background-repeat: no-repeat;
}