/*
 * @author ( Angie Radtke )
*/
/* not ready */
/* ##########################  general  ########################### */

@font-face { font-family: 'Titillium Maps'; src: url("../fonts/TitilliumMaps29L002.eot"); src: local('Titillium Maps'), local('TitilliumMaps'),
    url("../fonts/TitilliumMaps29L002.otf") format("opentype"),
    url("../fonts/TitilliumMaps29L002.woff") format("woff");}

body{ background: #fff; color: #535353; font-family: Arial, Helvetica, sans-serif; }

#all{ color: #333; border:solid 0px ; padding-top:0px; background:#fff}

#header{ padding-top:10em; padding:0!important}

a:link,
a:visited{ color:#095197}

a:hover,
a:active,
a:focus{ color:#053563;}

input:focus{ border:solid 2px;}

fieldset{ border:solid 0px #ccc}

.article-info{ color:#444}
/*shufei.zhang 20160307*/
.article-info dd span{ color:#444; border-right:solid 0px;}

/* ##########################  back  ########################### */

#back{}

/* ##########################  logo  ########################### */

#logo span{ color:#fff; padding-left:50px; font-size:0.3em !important; text-transform:none; font-family:arial, sans-serif}
#all #header{padding-top:8.0em ;}
.logoheader{ background:  #0c1a3e  URL(../images/personal/personal2.png) no-repeat bottom right ; color:#fff; min-height:200px; margin:0em 10px 0 10px !important; display:none}


h1#logo{    font-family: 'Titillium Maps',  Arial;    padding:0.9em 20px 20px 10px;    text-transform:uppercase;    font-weight:normal;    margin-top:0;}



#line{ width:98% ; max-width:100% ; top:0px; left:0px; padding:5px 10px !important; margin-right:10px; text-align:right;}


/* ##########################  header  ########################### */

#header{ background:#fff; font-size:1em; position:relative}

/* ++++++++++++++  lists, skiplinks  ++++++++++++++ */
#header ul.menu{

   /* top:62px; */
   /*top:5em; */

  padding: 0px 0px 0px 0 ; background:#e0e0e0  url(../images/personal/ecke.gif) top left repeat-x ; border:0 ; text-align:left; left:0px;  display:block;  margin:0px 10px 0 10px;  border-top:solid 1px #ddd;}


#header ul.menu li{border:0; margin:0 !important;     }
#header ul.menu li a:link,
#header ul.menu li a:visited{ color:#333; border:0 ; border-right:solid 1px #ddd; margin:0px 0 0 0 ; padding:12px 15px ; position:relative; background: #e0e0e0 url(../images/personal/ecke.gif) repeat-x top left; display:inline-block}

#header ul.menu li a:hover,
#header ul.menu li a:active,
#header ul.menu li a:focus{ background:#0d4c89 ; color:#fff;}

#header ul li.active a:link,
#header ul li.active a:visited{ color:#f5f5f5; background:url(../images/personal/navi_active.png) ; text-shadow: 1px 1px 1px #000;}


#header ul.skiplinks{ width:100%; text-align:left; background:none; z-index:20000; top:0; display:inline; padding:0}

#header ul.skiplinks li a.u2:active,
#header ul.skiplinks li a.u2:focus
{ background:#095197 !important; color:#fff !important; border:solid 1px; top:0 !important; z-index:10000; right:auto; left:0 !important; display:block}


/* ++++++++++++++  fontsize  ++++++++++++++ */

#fontsize{  display:inline;}

#fontsize p a:link,
#fontsize p a:visited{ color:#222; border-right:solid 1px #ccc}


#fontsize p a.larger,
#fontsize p a.reset,
#fontsize p a.smaller{ padding-left:5px; padding-right:5px; text-decoration:none; margin:0;}



#fontsize p a:hover,
#fontsize p a:active,
#fontsize p a:focus{ background:#095197 !important; color:#fff}

#fontsize h3{ color:#222; font-weight:bold}

/* ++++++++++++++  search  ++++++++++++++ */
#header form,
#header form .search,
#header form .finder{display:inline;
padding-right:1px ;}

#header form .inputbox{ background:url(../images/header-bg.gif) repeat-x; border:solid 1px #ccc; border-bottom:0; border-right:0; padding:5px}

#header form .inputbox:focus{ border:solid 2px #000;}

#header form .button{ border:solid 0px #ddd; background:#ccc url(../images/personal/button.png); color:#333; padding:4px !important}

/* ##########################  contentarea  ########################### */

#contentarea,
#contentarea2{ background:#fff}


/* ##########################  breadcrumbs  ########################### */

#breadcrumbs{ color:#333; overflow: auto;}

#breadcrumbs span{ color:#333;}

#breadcrumbs span a:link,
#breadcrumbs span a:visited{ background:#fff; color:#333;}

#breadcrumbs span a:hover,
#breadcrumbs span a:active,
#breadcrumbs span a:focus{ background:#095197; color:#fff;}


/* ##########################  navigation column  ########################### */

.module_content{ border:solid 1px #ddd;}
.moduletable_js{ border:solid 0px #ddd;}

#right .moduletable_js{ border:0}

#nav h3{ border-bottom:solid 1px #ddd; font-family: 'Titillium Maps', Arial; color:#555}

h3.js_heading{ border-bottom:solid 1px #ddd; background:#eee; font-family: 'Titillium Maps', Arial;}

h3.js_heading span.backh{ border:solid 0px #000}

h3.js_heading span.backh1{}

h3.js_heading a{ border:0}

h3.js_heading a img{ border:0}

h3.js_heading a.opencloselink:hover,
h3.js_heading a.opencloselink:active,
h3.js_heading a.opencloselink:focus{ background:none}


#right h3 span.backh{}

#right h3 span.backh2{ background:#fff; color:#555; border-bottom:solid 1px #ddd}

#right h3 span.backh3{padding-left:0}

h3.js_heading a:link,
h3.js_heading a:visited,
h3.js_heading a:hover,
h3.js_heading a:active,
h3.js_heading a:focus{}

#nav h3.js_heading a:focus{}

#nav form{ color:#000;}

#nav form a:hover,
#nav form a:active,
#nav form a:focus{ color:#fff; background:#095197; text-decoration:none}

/* ++++++++++++++  first level  ++++++++++++++ */
#nav .moduletable-example ul.menu{ background:#fff; border:0;}

ul.menu{ border:0; background:#fff /* url(../images/nature/nav_level_1.gif) repeat-x */; border:solid 0px #eee;}

.module_content ul.menu{ border:0;}

ul.menu li{ border-bottom:solid 1px #ddd;}


ul.menu li a:link,
ul.menu li a:visited{ color:#666666; background:url(/images/99bill/plus.gif) 6px 13px no-repeat}

ul.menu li.active a:link,
ul.menu li.active a:visited{ color:#670B07;background:#F9EFE5 url(/images/99bill/minus.gif) 6px 13px no-repeat}

ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus,
ul.menu li.active a:hover,
ul.menu li.active a:active,
ul.menu li.active a:focus{  color:#444;}


/* ++++++++++++++  second level  ++++++++++++++ */

ul.menu li ul{ border:solid 0px #eee;}

 ul.menu li ul li{ border:solid 0px #000; background:#fff;}

 ul.menu li.active ul li a:link,
 ul.menu li.active ul li a:visited{ color:#666; border:0; border-bottom:solid 0px #fff; background: #fff; padding:1px 4px 1px 20px!important; }

 ul.menu li.active ul li a:hover,
 ul.menu li.active ul li a:active,
 ul.menu li.active ul li a:focus{ background:#fff !important; color:#444 !important;}

 ul.menu li.active ul li.active a:link,
 ul.menu li.active ul li.active a:hover,
 ul.menu li.active ul li.active a:visited,
 ul.menu li.active ul li.active a:focus{ border:0; color:#670B07; border-bottom:solid 0px #fff; font-weight:bold; background:url(/images/99bill/arrow1.gif) right no-repeat}


/* ++++++++++++++  third level  ++++++++++++++ */

ul.menu li ul li ul{ border:0 !important; background:#f5f5f5 !important; padding-bottom:0}

ul.menu li.active ul li.active ul li a:link,
ul.menu li.active ul li.active ul li a:visited{ background:#f5f5f5 ; border-bottom:solid 1px #fff; color:#444}

ul.menu li.active ul li.active ul li.active a:link,
ul.menu li.active ul li.active ul li.active a:visited{ color:#333;}



/* ++++++++++++++  fourth level  ++++++++++++++ */

ul.menu li ul li ul li ul{ border:solid 1px #eee !important; padding-top:10px !important; padding-bottom:10px !important; background:#fff url(../images/nature/level4.png) repeat-x !important;}


ul.menu li.active  ul li.active  ul li.active  ul li  a:link,
ul.menu li.active  ul li.active  ul li.active  ul li a:visited{ font-weight:normal; padding: 3px 2px 3px 40px; font-size:0.9em; background:#fff url(../images/nature/arrow_small.png) no-repeat  30px 5px; color:#444}


ul.menu li.active  ul li.active  ul li.active  ul li.active  a:link,
ul.menu li.active  ul li.active  ul li.active  ul li.active a:visited{font-weight:bold;
color:#333 }



/* ++++++++++++++  fifth level  ++++++++++++++ */

ul.menu li ul li ul li ul li ul{ border:solid 0px #eee !important; padding-top:5px !important; padding-bottom:10px !important; background:#fff !important;}


ul.menu li.active  ul li.active  ul li.active  ul li.active  ul li  a:link,
ul.menu li.active  ul li.active  ul li.active  ul li.active  ul li a:visited{ font-weight:normal; padding: 3px 2px 3px 5px; font-size:0.9em; background:#fff ; color:#444; margin:0 10px  0 35px; border-bottom:solid 1px #ddd}


ul.menu li.active  ul li.active  ul li.active  ul li.active  ul li.active  a:link,
ul.menu li.active  ul li.active  ul li.active  ul li.active  ul li.active a:visited{font-weight:bold; color:#333}

/* ++++++++++++++  my  nav  ++++++++++++++ */

.daohang{ width:100%; background:url(/images/99bill/daohang_bg.gif) repeat-x top; position:relative;}
.daohang ul.menu{ width:1030px; margin:auto;background:url(/images/99bill/daohang_bg.gif) repeat-x!important; height:30px; padding:0!important;}
.daohang ul.menu li{ float:left; border:0!important;}

.daohang ul.menu li a:link,
.daohang ul.menu li a:visited{ color:#E8E8EA!important; background:url(/images/99bill/daohang_li.gif) right no-repeat!important;padding:0; width:96px; text-align:center; line-height:30px}

.daohang ul.menu li a:hover,
.daohang ul.menu li a:active,
.daohang ul.menu li a:focus,
.daohang ul.menu li.active a:hover,
.daohang ul.menu li.active a:active,
.daohang ul.menu li.active a:focus{ color:#FAF6FA!important;}
.daohang ul.menu li.active a:link,
.daohang ul.menu li.active a:visited{font-weight:bold;background:url(/images/99bill/daohang_now.gif) no-repeat!important; color:#C10209!important;}

.daohang .search{ height:58px; border:1px solid #D9D9D9; border-top:0; width:1030px; margin:0 auto; text-align:left; background:url(/images/99bill/search_bg.gif) repeat-x bottom; }
.daohang .search .inputbox{ margin:15px 10px 0 95px ; border:1px solid #BCCAD5; background:#E0EDFA; width:350px; height:26px; line-height:26px; color:#535353; padding-left:4px;}
.daohang .search .button{background:url(/images/99bill/search.gif) no-repeat; width:63px; height:28px; border:0; text-align:center; color:#002E73}
.csLine{ background:url(/images/99bill/cs_line.gif) no-repeat; width:154px; height:40px; right:197px; top:30px; position:absolute; padding:18px 0 0 70px;}

/* ##########################  content - main   ########################### */


#main{}

#main a:link,
#main a:visited{}

#main a:hover,
#main a:active,
#main a:focus{  color:#053563;}

#main th a:hover,
#main th a:active,
#main th a:focus{ background:#333; color:#fff;}

.items-row{ background:#fff}

.items-row h2{ border-bottom:solid 1px #ddd; border-top:solid 1px #ddd; color:#555}

.column-1,
.column-2{ border: solid 0px ;}

.item-separator{ border: solid 0px #333333;}

#main ul li{}

.small{ border:solid 0;}

ul#archive-items li.row0,
ul#archive-items li.row1{ border-bottom:solid 1px #ddd}

.archive #adminForm fieldset{ border:0; padding:0; margin:20px 0}
/* ++++++++++++++  images  ++++++++++++++ */

.image-left{ padding:2px;}

.image-right{ border:solid 1px #ddd; padding:2px}

/* ++++++++++++++  leading  ++++++++++++++ */

.items-leading{}


/* ++++++++++++++++++++ headings +++++++++++++ */
#main h1{ color:#0d4c89;

  border-bottom:solid 1px #ddd; font-family: 'Titillium Maps', Arial;}


#main .blog  h1,
#main .blog-featured  h1{ color:#0d4c89; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; font-family: 'Titillium Maps', Arial; margin-top:-1px !important}

/* h1 on frontpage */

.items-row h2{ border-top:solid 1px #ddd; border-bottom:solid 1px #ddd;}

.items-leading h2,
#main h3,
#main h4{ color:#555;}

#main h2
{ color:#555; font-family: 'Titillium Maps', Arial;}

#main h2 a{ color:#095197}


/* ++++++++++++++  readmore  ++++++++++++++ */

.readmore a:link,
.readmore a:visited,
a.readmore:link,
a.readmore:visited{ color:#095197; background:#eee url(../images/nature/arrow1.gif) no-repeat left top; border:solid 1px #ddd;}

.readmore a:hover,
.readmore a:active,
.readmore a:focus,
a.readmore a:hover,
a.readmore a:active,
a.readmore a:focus{ background:#555 url(../images/nature/arrow2.gif) no-repeat left 6px !important; color:#fff;}

a.readmore:hover,
a.readmore:active,
a.readmore:focus{ background:#555; color:#fff;}

/* ++++++++++++++  icons  ++++++++++++++ */

.actions img{ border:0;}

/* ++++++++++++++  items-more  ++++++++++++++ */

#main .items-more h3{ border-bottom:solid 1px #ddd; border-top:solid 1px #ddd; color:#444;}

#main .items-more ol{ color:#000;}

#main .items-more ol li a{ background:#FFFFFF url(../images/blog_more.gif) no-repeat 0px center; color:#095197}

#main .items-more ol li a:hover,
#main .items-more ol li a:active,
#main .items-more ol li a:focus{ background: #095197 url(../images/blog_more_hover.gif) no-repeat 0px center; color:#fff;}

/* ++++++++++++++  pagination  ++++++++++++++ */

#main .pagination{ border-top:solid 1px #ddd; clear: both;}

/* ++++++++++++++  article index  ++++++++++++++ */

table.contenttoc{ border:solid 1px #ccc;}


/* ##########################  right column   ########################### */

#right{ border:solid 0px #e6e6e6; background:#fff}



#right h3{}

#right h4{ color:#555; border:solid 0;}



#right ul li a:hover,
#right ul li a:active,
#right ul li a:focus{ background:#095197; color:#fff;}

/* ++++++++++++++  button for closing right column  ++++++++++++++ */
#close span{ color:#000;}

/* ##########################  modules  ########################### */

/* ++++++++++++++  mostread, latest news ++++++++++++++ */

.mostread li a:link,
.mostread li a:visited,
.latestnews li a:link,
.latestnews li a:visited{ background: url(../images/personal/arrow2_grey.png) 2px 7px  no-repeat ;}

.mostread li a:hover,
.latestnews li a:hover,
.mostread li a:active,
.latestnews li a:active,
.mostread li a:focus,
.latestnews li a:focus{ background:#555 url(../images/arrow_white_grey.png) 2px 7px  no-repeat !important;}

/* ++++++++++++++  newsfeed  ++++++++++++++ */

ul.newsfeed{ border:solid 0px #000;}

.newsfeed-item{ border-bottom:solid 1px #ddd;}

.newsfeed-item h5 a{}

/* ++++++++++++++  newsflash  ++++++++++++++ */
/* newsflash horizontal */

ul.newsflash-horiz{ background:#F5F5F5 url(../images/nature/box.png) repeat-x; border:1px solid #EEEEEE;}

ul.newsflash-horiz li{ border:solid 0px #eee; background:#f5f5f5;}

ul.newsflash-horiz li h4{ font-family: 'Titillium Maps', Arial;}


/* newsflash vertical */

.newsflash-vert{}

/* ++++++++++++++  banner  ++++++++++++++ */

.banneritem{ border:0}

.banneritem a{ background:none}

.banneritem a img{ background:none; border:0}

/* ++++++++++++++  login  ++++++++++++++ */

#login-form .inputbox{ border:solid 1px #ddd; background:url(../images/content_bg.gif) repeat-x;}

fieldset.input{ border:0 ;}

input.button,
button.button,
button.validate{ background:#FFFFFF url(../images/nature/arrow1.gif) no-repeat left top; border:1px solid #DDDDDD; color:#444444;}

/* ++++++++++++++  tabs/ slide  ++++++++++++++ */

ul.tabs{ border:solid 1px #ddd; border-bottom:0; background:#f5f5f5 url(../images/nature/box.png) repeat-x;}

ul.tabs li{ background:#f5f5f5 url(../images/nature/box.png) repeat-x; border-right:solid 1px #ddd}

ul.tabs li a:link,
ul.tabs li a:visited{ color:#333;}

ul.tabs li a:hover,
ul.tabs li a:active,
ul.tabs li a:focus{ color:#000}

.tabcontent{ border:solid 1px #ddd; background:#fff; color:#000;}

.tabcontent .linkclosed{ color:#000; border-bottom:solid 1px #e5e5e5;}

ul.tabs li a.linkopen{ background:#fff; color:#333; border:0}

ul.tabs li a.linkclosed:hover,
ul.tabs li a.linkclosed:active,
ul.tabs li a.linkclosed:focus,
ul.tabs li a.linkopen:hover,

ul.tabs li a.linkopen:active,
ul.tabs li a.linkopen:focus{ background:#555; color:#fff}

/* ++++++++++++++  category-module  ++++++++++++++ */

#right .category-module h4 a:link,
#right .category-module h4 a:visited{ color:#0D4C89}

#right .category-module h4 a:hover,
#right .category-module h4 a:active,
#right .category-module h4 a:focus{ color:#fff}


.category-module li{ border-bottom: dashed 1px #ddd;}

.category-module li li{ border:0}



/* ##########################  search   ########################### */

.searchintro img{ border:0px}

.inputbox:focus{ border:solid 2px #000;}

.word{ background:#fff; border:solid 0px #ccc ;}

.word input{ border:solid 1px #ddd; background:url(../images/content_bg.gif) repeat-x; color:#333;}

.only{ border:solid 1px #ccc;}

.phrases{ color:#000; border:solid 1px #ccc;}

/* ++++++++++++++  selects  ++++++++++++++ */
.phrases .inputbox{ background:#fff; color:#000;}

.phrases .inputbox option{ background:#f5f5f5; border-bottom:solid 1px #ccc;}

.phrases .inputbox option a:hover{ background:#C00; border-color:#CFD0D6; color:#fff;}

/* ++++++++++++++   search results  ++++++++++++++++++ */

dl.search-results{ background:#f5f5f5;}

dl.search-results dt.result-title{ border-top:dotted 1px #ddd}

dl.search-results dd.result-url{ border-bottom:solid 5px #fff; color:#115599;}

dl.search-results dd.result-created{ border-bottom:solid 5px #fff;}

/* ##########################  forms   ########################### */


/* ++++++++++++++  form validation  ++++++++++++++ */

.invalid{ border-color:red !important;}

label.invalid{ color:red;}


/* ##########################  user profile  ########################### */
#users-profile-core,
#users-profile-custom{ border:solid 1px #ccc;}

#member-profile fieldset{ border:solid 1px #ccc;}


/* ##########################  tables   ########################### */
table{}

tbody{}

tr.odd,
.cat-list-row1{ background:url(../images/news.gif)  repeat-x;}

table.newsfeeds td,
table.weblinks td{}

table.weblinks th,
table.newsfeeds th,
table.category th,
table.jlist-table th{ background:#F6F6F6 ;border:1px solid #DDDDDD}

table.weblinks th a,
table.newsfeeds th a,
table.category th a,
table.jlist-table th a,
table.weblinks th,
table.newsfeeds th,
table.category th,
table.jlist-table th{ color:#555555}


td.table_footer{ background:#ddd url(../images/table_footer.gif) bottom left repeat-x;}

td.counter{}

td.num,
td.hits{}

td p{}

table.category th a img{ border:solid 0px ;}

/* for opera */
tr, td{ border:solid 1px #ddd}


#main table.moduletable td,
#main table.moduletable tr{border:0;}
fieldset.filters{ border:solid 0px #ddd;}

/* ##########################  contacts   ########################### */

.contact form{ background:#fff; color:#000;}

.contact input{ background:#fff; color:#000;}

.contact .button{}

.contact input.invalid,
.contact textarea.invalid{ border:solid 2px red;}

.contact label.invalid{ color:red;}


/* ++++++++++++++  Error Message contact form  ++++++++++++++ */

p.error{ color:#044b63; background:#eee; border-top:3px solid #044b63; border-bottom:3px solid #044b63;}

body.contentpane{ background:#fff;}


/* ##########################  footer   ########################### */

#footer{margin:0; background:#fff; overflow:hidden}
#footer a:link, #footer a:visited{ color:#535353;}
#footer a:hover, #footer a:active{ color:#ff0000; background:none}
#footer div.custom{ margin:auto; width:1030px; margin-top:10px; text-align: center; background:#fff url(https://img.99bill.com/jt/p/i/index/foot_bg.gif) top repeat-x; padding-top:10px; display:block; clear:both; float:none}
#footer p{ display:none}
#footer-inner{ background:#f5f5f5 url(../images/personal/footer.jpg) repeat-x left bottom; border-top:solid 1px #ddd}

#footer a{ color:#fff;}

#bottom a img{ border:0}

.box h3{ font-family: 'Titillium Maps', Arial; font-size:1.2em}
.box ul{padding-left:0}

.box1{border-right:solid 1px #ccc}
.box3{border-left:solid 1px #ccc}
#bottom  ul li a{background-image:none;
padding-left:0}
/* ##########################  editor  ########################### */

.contentpaneopen_edit img{ border:0}

form.editor fieldset{ border:solid 1px #ccc;}


/* ++++++++++++++  edit  ++++++++++++++ */

form#adminForm{ border:solid 0px #000}

.edit form#adminForm fieldset{ border:solid 1px #ddd}
.edit form#adminForm  legend{ font-weight:bold}
/* ++++++++++++++  tooltip  ++++++++++++++ */
.tip{ border:solid 1px #333; background:#ffffcc;}
.breadcrumb {
    overflow: hidden;
}
.breadcrumb li {
    float: left;
}
#breadcrumbs a {
    position: relative;
    z-index: 2;
}
#breadcrumbs a span {
    color: #095197;
}
.categories-list .item-title .badge {
    display: block;
}
#main .icons .dropdown-menu {
    overflow: hidden;
}
#main .icons .dropdown-menu li{
    float: right;
    margin-left: 10px;
}
/*-------------------------------*/


table.pagenav,
table.pagenav tr,
table.pagenav td{border:0 !important}

.cat-children ul ul,
.categories-list ul ul{ list-style-type:none;}

.cat-children ul ul ul,
.categories-list ul ul ul{}
.categories-list .category-desc ul li{list-style-type:square}

/* contact  plain */
#main .contact h3{ border-bottom:solid 1px #ddd; margin: 20px 0}

.form-required{ font-weight:bold; margin:10px 0; background:#fff url(../images/req.png) no-repeat; padding:10px 40px}

.contact .inputbox,
.registration input,
.profile-edit input,
.login-fields input,
.remind input,
.reset input

{ background:#fff url(../images/content_bg.gif) repeat-x ; border:solid 1px #ccc; padding:3px}

.profile-edit select{ padding:0px; border:solid 1px #ccc; background:#f5f5f5;}
.profile-edit select option{ padding:3px}
/* contact  slider */

.panel{ border:solid 1px #ddd; margin-top:-1px}
#main .contact .panel h3{ margin:0px 0 0px 0; padding: 0; background:#eee; border:0}
.panel h3 a{ display:block; padding:6px; text-decoration:none; color:#444; padding:6px;}


.panel h3.pane-toggler a{ background:#f5f5f5 url(../images/slider_plus.png) right  top no-repeat;}
.panel h3.pane-toggler-down a{ background:#f5f5f5  url(../images/slider_minus.png) right  top no-repeat; border-bottom:solid 1px #ddd;}

.pane-slider{ border:solid 0px; padding:0px 10px !important; margin:0; background: url(../images/nav_level_1.gif) repeat-x ;}

.panel .contact-form,
.panel  .contact-miscinfo{ padding:10px}

.contact .panel .contact-form form,
.contact .panel .contact-address{ margin:20px 0 0 0}


/* tabs */

div.current{ background: url(../images/nav_level_1.gif) repeat-x ;}

/* image upload modal */

#all #upload-flash ul li a:hover,
#all .item a:hover span { background:#095197; color:#fff;}
#close a{text-decoration:none}

/* ########################## sample module styling  ########################### */

div.sample-module {   border: 2px dashed #ddd;   padding: 10px;   background-color: #f5f5f5;}
.indexSelf{ padding-top:3px; _padding-top:5px;}
.indexSelf li{ height:47px; line-height:47px; padding-left:20px; font-weight:bold}
.indexSelf li img{ vertical-align:middle; margin-right:5px; _margin:2px 5px 2px 0px}
.indexSelf li a:link,
.indexSelf li a:visited{ display:block; color:#535353;}
.indexSelf li a:hover,
.indexSelf li a:active{color:#C10808;background:none!important;}
.indexSelfMore{ text-align:right; padding-right:10px; margin-top:-2px; *margin-top:-15px; clear:both}


ul.tab, ul.cata{ margin:0px!important; font-size:14px; width:725px; height:27px; padding:0!important; background:#f6f6f6; border:1px solid #d8d8d8; border-bottom:0px;}
ul.tab li, ul.cata li{list-style-type:none; float:left;border-right:1px solid #d8d8d8;text-align:center; margin:0px;width:115px;height:27px; line-height:27px;}
ul.tab li a, ul.cata li a{height:27px; line-height:27px;width:115px;display:block;font-size:14px; }
ul.tab li a:link, ul.tab li a:visited,
ul.cata li a:link, ul.cata li a:visited{ color:#000000;}
ul.tab li a:hover,ul.tab li a:active, ul.tab li a.now,
ul.cata li a:hover,ul.cata li a:active, ul.cata li a.now{ color:#040404!important;  font-weight:bold; background:#fff; border-top:2px solid #da0a06; margin-top:-1px;border-bottom:1px solid #fff; height:26px;}

.content{ width:725px; border:1px solid #d8d8d8; height:170px; margin-bottom:10px}
.content ul{ float:left; display:block; width:335px;}
.content ul li{ list-style:none; font-size:12px; color:#656565; line-height:26px!important;background:url(/images/99bill/disc.jpg) 3px 11px no-repeat  }
.content ul a{margin-left:13px;font-size:12px; }
.content ul a:link, .content ul a:visited{ color:#535353!important; }
.content ul a:hover, .content ul a:active{ color:#62120B!important; }


.catalog{ width:725px; height:502px; border:1px solid #d8d8d8; margin:11px 0 0 0; background:url(/images/99bill/catalog_bg.jpg) repeat-x top; padding-top:20px; overflow:hidden}
.catalog dl{ width:330px; height:85px; float:left; padding-left:28px}
.catalog dt{ font-size:14px; font-weight:bold;}
.catalog dd{ font-size:12px; line-height:20px; padding-top:1px;}
.catalog dt a:link,.catalog dt a:visited{color:#ab0c05!important;}
.catalog dt a:hover,.catalog dt a:active{color:#da0a06!important; }
.catalog dd a:link,.catalog dd a:visited{color:#535353!important;}
.catalog dd a:hover,.catalog dd a:active{ color:#62120B!important; }


.services{ padding:10px 15px;}
.services img{ vertical-align:middle; margin:1px 5px 0 0px}
.services span{ color:#686868;} 
.services a{ background:url(/images/99bill/home_bg.gif) no-repeat; width:96px; height:21px; display:block; text-align:center; line-height:21px;}
.services a:link,.services:visited{color:#2F2F2F!important;}
.services a:hover,.services a:active{ color:#62120B!important;}
.lineDash{ font-size:0; line-height:0; height:0; border-bottom:1px dashed #C2C2C2; margin:10px 1px}


.zizhu_often{ border:1px solid #D8D8D8; height:130px; padding:12px; margin:10px 0; background:url(/images/99bill/zizhu_often.gif) bottom repeat-x; font-size:14px; color:#000; font-weight:bold; width:47%; float:left}
.zizhu_often ul{ margin:10px 0 0 0;}
.zizhu_often li{ float:left; text-align:center; width:33%; overflow:hidden; text-align:center}
.zizhu_often li img{ display:block; margin:10px 0 5px 57px; *margin-left:0;}
.zizhu_often li a{ display:block; padding-top:10px; height:90px; background:url(/images/99bill/zizhu_li.gif) left no-repeat;}
.zizhu_often li a:link,.zizhu_often li a:visited{color:#C10808!important;}
.zizhu_often li a:hover,.zizhu_often li a:active{color:#084EC1!important;}
.often2{ float:right}

.zizhu_all{border:1px solid #D8D8D8; padding:12px; background:url(/images/99bill/catalog_bg.jpg) repeat-x top; clear:both; }
.zizhu_allT{font-size:14px; color:#000; font-weight:bold; line-height:30px; border-bottom:1px dashed #C4C3C3;}
.zizhu_all dl{ margin:10px; display:block; height:70px; line-height:25px; font-size:12px;}
.zizhu_all dt{ color:#AB0C05; font-weight:bold}
.zizhu_all dd{ color:#AB0C05; float:left; padding-right:15px;}
.zizhu_all dd a:link,.zizhu_all dd  a:visited{ color:#535353!important;} 
.zizhu_all ul.zizhu_app{ display:block; clear:both; min-height:78px;_height:60px;}
.zizhu_all ul.zizhu_app li{ color:#535353; height:50px; line-height:25px;background:url(/images/99bill/application_icon.gif) no-repeat left top; padding-left:50px!important; margin-bottom:10px; }
.zizhu_all ul.zizhu_app li a{ display:block; height:25px; font-weight:bold;}
.zizhu_all ul.zizhu_app a:link,.zizhu_all ul.zizhu_app a:visited{color:#000!important;}

table.qiyedemo, table.qiyedemo td{ border:0;}

.posShow{ border:1px solid #D8D8D8; width:701px; padding:12px; margin:10px 0; color:#535353; background:url(/images/99bill/catalog_bg.jpg) repeat-x top;  font-size:14px; font-weight:bold; height:200px; overflow:hidden}
.posTit{ display:block;}
.posShow span{ color:#535353; font-size:12px; font-weight:normal;}
.posShow dl{ font-size:12px; font-weight:normal; float:left; width:150px; margin:12px;}
.posShow dt{ font-weight:bold; line-height:32px; }
.posShow dt img{ vertical-align:middle}
.posShow dd a{ text-align:right; display:block}




.c_s_contact_box { margin:0; padding:0; width:100%; list-style:none;}
.c_s_contact_box li { display:block; margin-top:10px; height:50px; padding-left:60px;color:#000;}
.c_s_contact_box li span{ margin:0px; color:#666; display:block}
.c_s_contact_box li.line{ margin:5px auto; _margin-top:0px; width:92%; height:1px; font-size:0;border-bottom:1px dotted #c4c3c3; padding-left:0;}
.c_s_contact_box li.text{ color:#666666; text-align:center; padding-left:0;}
/* icon */
#live114883{ margin:0; padding-left:0;}
.online_icon {display:block; margin:0 0 10px 0; padding:0; width:100%; height:50px; background-image:url(/images/99bill/online_icon.png);}
.c_s_contact_icon01,.c_s_contact_icon02,.c_s_contact_icon03,.c_s_contact_icon04,.c_s_contact_icon05 { background-image:url(/images/99bill/c_s_contact_icon.png); background-repeat:no-repeat}
.c_s_contact_icon01 { background-position:10px -1px;}
.c_s_contact_icon02 { background-position:10px -60px;}
.c_s_contact_icon03 { background-position:10px -120px;}
.c_s_contact_icon04 { background-position:10px -180px;}
.c_s_contact_icon05 { background-position:10px -240px;}