/**********************

All Style Sheet For web.haobangni.net

@file    : Style.css
@version : CSS 2.1
@author  : hh
@update  : 2010-04-01
@note    : this web local css
 

/*************************************************************** 封装的导航菜单样式 *******************************************************/

/*** 导航菜单 ***/
.MenuTabs_Out { background:url(Img/menu/bg_menu.gif) repeat-x left top; height:50px; border-top:solid 1px #8e8e8e; }
.MenuTabs_In{ font-size:14px; width:960px; margin:0 auto;}
.MenuTabs_Int ul{ }
.MenuTabs_In ul li{ text-align: center;line-height: 50px; height:50px; float: left; color:White; padding:0 15px; position:relative; display:inline;}
.MenuTabs_In ul li.WrapLine{ cursor:default; padding:0; width:0; }
.MenuTabs_In ul li a{ display:block; outline:none; color:#fff; text-decoration:none;}
.MenuTabs_In ul li a:link{ text-decoration:none; color:#fff;}
.MenuTabs_In ul li a:visited{ text-decoration:none; color:#fff;}
.MenuTabs_In ul li b{ display:block; position:absolute; background:url(Img/menu/hot.gif) no-repeat -19px top; width:19px; height:23px; top:-8px; left:63px; z-index:9;}
.MenuTabs_In ul li.MenuTabs_Cur{ padding:0 15px; font-weight:bold; background:url(Img/menu/bg_menu_active.gif) repeat-x left top;color:#111;}
.MenuTabs_In ul li.MenuTabs_Cur a{ color:#111;}
.MenuTabs_In ul li.MenuTabs_Cur a:link{ color:#111;}
.MenuTabs_In ul li.MenuTabs_Cur a:visited{ color:#111;}


/************************************************************** 本站点其它网页样式 *********************************************************/

/* 分页样式 */
.Page{ line-height: 40px; margin-top:10px; height:40px;}
.Pagination{text-align:center; line-height:25px; background-color:Transparent; color:#333; padding:4px 0 0 0; font-size:12px;}
.Pagination label{ border:solid 1px #333; padding:3px 5px; margin-right:5px; color:#999;}
.Pagination a{border:solid 1px #333; padding:3px 5px; background-color:Transparent; color:#fff;}
.Pagination a font{color:red; font-size:12px;}
.Pagination a:hover{padding:3px 5px;border:solid 1px #1385AA; color:#072732; text-decoration:none; background-color:#15B9EE;}
.Pagination span{padding:3px 5px;border:solid 1px #333; color:#999;}
.Pagination p{border:solid 1px #ccc; margin-right:5px; padding:3px 5px; color:#333;}
.Pagination b{padding:3px 5px; background-color:#BFF15C; color:#202D04; border:solid 1px #5B820B;}

/*** 该站点全局样式 ***/
body { text-align:center; font-size: 12px; color: #999;font-family: "宋体"; background-color:#000;}
a:link {color: #999; text-decoration:none; }
a:visited {color: #999; text-decoration:none;}
a:hover {color: #A3D817; text-decoration: underline;}
a:active {color: #A3D817; text-decoration: underline;}

/*** 网页布局/及本站公共样式 ***/
.BodyBg{ background:#000 url(Img/site/bg_page.gif) repeat-x left top; padding-top:20px;}
.BodyWidth{ width:960px; margin:0 auto; background-color:Transparent;}
.BodyTop{background:url(Img/site/body_top.png) no-repeat left top; height:15px; }
.BodyCenter{background:url(Img/site/body_center.png) repeat-y left top; padding:0 20px; }
.BodyFoot{background:url(Img/site/body_foot.png) no-repeat left bottom; height:15px;}
.ImgMargin img{ margin-bottom:5px;}

/*** 本站显示内容 ***/
.ContentTxt{text-align: left; line-height: 22px;}
.ContentTxt table{ border-collapse:collapse;}
.ContentTxt table th{border:solid 1px #222; text-align:center; background-color:#0F0E0E; height:30px;}
.ContentTxt table td{ border:solid 1px #222; padding:5px;}

.MainNav{ text-align:left; background:url(Img/page/arrow_tit.gif) no-repeat 10px bottom; margin-bottom:15px;}
.MainNav h1{ line-height:45px; text-indent:10px; font-size:14px; font-weight:bold; }
.MainNav h1 span{color: #A3D817;}

.Con_Box_Left{float: left; width: 200px;}
.Con_Box_Right{margin-left: 210px;}

/*** 头部、底部 ***/
.HeaderBg{ background:#000 url(Img/site/bg_top.gif) repeat-x left top;}
.HeaderWidth{width: 940px; margin: 0 auto; text-align:left;}
.FooterBg{ background:#000 url(Img/site/bg_footter.gif) repeat-x left top;}
.FooterWidth{width: 940px; margin: 0 auto;}
.FooterLinks{ text-align:left; width:958px; margin:0 auto; border:solid 1px #ddd; border-bottom-width:0; padding:10px;}
.FooterLinks li{ display:inline; padding-right:5px; line-height:20px;}
.Copyright{}
.Copyright div{line-height: 25px; font-family: Verdana, Helvetica; padding:20px 0; color:#E2E0ED;}
.Copyright div a{ color:#E2E0ED;}

/*** index 样式 ***/ 
.IndexFlash{background:#434F5B url() no-repeat left top; height:210px;}
.IndexFlash div{ text-align:left; padding:5px;}

.HotFaq{ text-align:left; margin:0 10px;}
.HotFaq h3{ background: url(Img/page/tit1.png) repeat-x left top; line-height:30px; color:#999; font-size:14px; font-weight:bold; text-indent:10px; }
.HotFaq ul{ padding:5px 0 5px 10px;}
.HotFaq ul li{ line-height:25px; background:url(Img/page/dot.gif) no-repeat left -483px; padding-left:15px;}

.Index_contact{background: #333 url(/Skin/Img/page/bg_mail.gif) no-repeat right bottom; margin: 0 10px; text-align: left; padding: 10px;}
.Index_contact h3{background: #333 url(/Skin/Img/page/tit_contact.gif) no-repeat left top; height:32px;}
.Index_contact div{ line-height: 20px;color: #ccc; margin:10px 0 0 10px;}

.Index_Pic{ text-align:left;}
.Index_Pic ul li{ background: url(Img/page/bg_pic.jpg) no-repeat left top; height:132px; width:180px; float:left; margin:0 0 0 0; padding:16px 0 0 18px;}
.Index_Pic_Tit{ background: url(Img/page/bg_case.png) no-repeat center top; height:300px;}
.Index_Pic_Tit div{ padding-top:260px;}

/*** 建站套餐 ***/
.WebSiteBg{background: url(Img/page/content_bg.gif) repeat-y right top;}
.WebSiteMenu{ text-align:left; margin:0 10px;}
.WebSiteMenu h3{ line-height:30px; color:#f60; font-size:14px; font-weight:bold;}
.WebSiteMenu ul{ margin:5px 0 0 0;}
.WebSiteMenu ul li{ line-height:30px; border-bottom:dashed 1px #333; background:url(Img/page/dot.gif) no-repeat left -480px; padding-left:15px;}

/*** 案例展示 ***/
.WorkPic li{ float:left; width:200px; text-align:center; margin:0 10px 30px 0; border:solid 2px #333; padding:8px;}
.WorkPic li span{ line-height:20px; height:20px;}

.CaseBg{ background:url(Img/page/content_bg2.gif) repeat-y left top; margin-left:10px;}
.CaseBg2{ background:url(Img/page/content_bg.gif) repeat-y left top; margin-left:10px;}
.CaseMenu{ text-align:left; border:solid 1px #121212; margin:0 10px;}
.CaseMenu h3{ line-height:35px; color:#f60; font-size:14px; border-bottom:solid 1px #121212; text-indent:10px; font-weight:bold;}
.CaseMenu ul{  margin:0 0 0 10px;}
.CaseMenu ul li{ line-height:30px; background:url(Img/page/dot.gif) no-repeat left -150px; padding-left:20px;}
.CaseMenu ul li a{color: #A3D817;}

/*** 常见问题 ***/
.FaqList{ text-align:left;}
.FaqList ul li{ line-height:25px;}

/*** 付款方式 ***/
.PayWarn{ text-align:left; margin-left:10px; margin-bottom:10px;}
.PayWarn h3{ background:url(Img/page/warn.gif) no-repeat left center; height:25px; line-height:25px; text-indent:30px; font-size:14px; color:#f60;}
.PayWarn div{ line-height:22px;}