/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins/tabs.css";


/* Page
-------------------------------------------------------------- */
#page { margin: 0 auto; width: 950px; border-bottom:1px solid #f8f8f8;}
.left { float:left; }
.right { float:right; }
.taocan_left { width:120px; padding:5px; }
.taocan_right { width:350px;  padding:5px;}
strong { color:#1d1d1d;}
.border { border:1px solid #f00; }
.clear { clear:both; }
.maincolor { color:#a70000; }
.vline_dashed {  border-right:dashed 1px #ccc; }
/* Header
-------------------------------------------------------------- */

#header { }
#header #logo { padding-left:300px; height:78px; background:url(../images/logo.jpg) no-repeat left 0; }
#header #logo h1  {line-height:30px; font-size:14px; color:#000; padding:44px 2px 6px 90px; text-align:right; }
#header #logo strong  { display:block; line-height:30px; font-size:14px; color:#000; padding:44px 2px 6px 90px; text-align:right; }
#header #logo a { display:block; padding:2px 6px; color:#ce0000; }
#header #logo h1 div { margin-bottom:16px; font-size:16px;  font-weight:bold; background:url(../images/home_06.jpg) no-repeat 295px 1px; }
#header #logo ul { width:100%; text-align:right; }
#header #logo ul li { float:left; }
#banner {  margin: 6px 0 12px 0; }

#header .tabs { background:url(../images/dao_bg1.jpg) repeat-x left center;  }
#header .tabs li { width:118.75px; }
#header .tabs a { color: #fff; font-weight:bold; font-size:13px; text-decoration: none;}
#header .tabs a:link,#header .tabs a:visited { padding:8px 30px; background:url(../images/dao_bg1.jpg) no-repeat left center; }
#header .tabs a:active,#header .tabs a:hover { background:url(../images/dao_bg2.jpg) no-repeat left center; color:#333333; }


/* Body
-------------------------------------------------------------- */

#body { margin: 0;}
#mainbody {}
#left_navigation_index { width:231px; }
#left_navigation_index dl { margin-bottom:8px; }
#left_navigation_index dt { background:url(../images/left-bg.jpg) no-repeat left center;}
#left_navigation_index dt span { font-size:12px; font-weight:bold; color:#000; padding:17px 0 6px 26px; display:block;}
#left_navigation_index dd {  border: 1px solid #ccc; }
#left_navigation_index dd ul li { margin-bottom:3px; padding-left:15px; background:url(../images/bg_small.gif) no-repeat 6px 6px; }
#left_navigation_index dd ul li strong { color:#770101; }

#right_content_index { width:708px; }
#middleContent{ width:501px; }
#aboutus_index p { padding:2px 10px; }
#middleContent h1 { font-size:12px;padding: 13px 0 13px 16px; background:url(../images/title_bg.jpg) no-repeat left center;}
#middleContent #taocan td h2 { font-size:12px;  }
#middleContent #taocan dl { margin-bottom:5px; }
#middleContent #taocan dd li { float:left; }

#rightNav { width:196px; }
#rightNav dl { margin-bottom:3px;  }
#rightNav dt { background:url(../images/nav_right.gif) no-repeat left center;}
#rightNav dd {border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
#rightNav dd ul { margin-left:6px; }
#rightNav dd li { line-height:22px; }
#rightNav dt span { font-size:12px; font-weight:bold; color:#a70000;display:block; padding:10px 0 6px 36px; }

/* Promation
-------------------------------------------------------------- */

#promation_and_domain { clear:both; width:950px; height:180px; }
#promation {  float:left;width:467px; }
#promation_and_domain img{  padding:5px;vertical-align:middle;}
#domain {  float:right;width:467px; }
#promation_and_domain h1 { margin:0;background:url(../images/pro_domain_bg.jpg) no-repeat left center;}
#promation h2 { margin:5px 0; }
#promation_and_domain h1 span { font-size:12px; font-weight:bold; color:#a70000; padding:8px 0 8px 40px; display:block;}

#virstual_host {clear:both; margin-bottom:10px;  height:108px; background:url(../images/bg01.gif) no-repeat left center; }
#virstual_host h2 { color:#a70000; margin:3px 0;}
#virstual_host div { float:left; padding-top:10px; }
#virstual_host li { padding-left:13px; background:url(../images/bg_small.gif) no-repeat 6px -208px; }
#virstual_host #v1 { width:182px;padding-left:30px; }
#virstual_host #v2 { width:178px;padding-left:66px; }
#virstual_host #v3 { width:172px;padding-left:66px; }
#virstual_host #v4 { width:148px;padding-left:76px; }


#optimization {  clear:both; height:180px;   }
#optimization img { float:left; padding:3px;}
#optimization h2 { color:#a70000; padding-top:3px; background-image:url(../images/seo_bg.gif); }
#optimization h2 span { padding-left:20px; background:url(../images/bg_small.gif) no-repeat 6px -276px; }
#optimization div { width:228px;float:left; border:solid 1px #e0e0e0;}
#googleseo,#companynews,#article { margin-left:10px; }
#optimization li { margin-top:6px; padding-left:26px; background:url(../images/bg_small.gif) no-repeat 15px -108px; }

#links {   clear:both; margin-bottom:0px;border:3px solid #e8e8e8; padding:7px 5px; }

/* subpage
-------------------------------------------------------------- */

.main_body { width:950px; height:100%; border-left:1px solid #fff;  }
.banner_sub { border-bottom:1px solid #ccc; }
.webdesign_description { line-height:2em;}
.main_content { width:701px; min-height:730px; padding:0px 15px; line-height:2em; background:url(../images/line_sub_bg.gif) repeat-y right top;border-bottom:1px solid #fff;}
.main_content h1,.main_content h1 a { font-size:1.5em; margin:0;color:#ce0000; padding:12px 0 2px 1px; }
.main_content ul li { font-size:12px; line-height:2em; text-indent:2em; background:url(../images/bg_small.gif) no-repeat 12px -32px; }
.main_content p { padding:0; margin: 12px; font-size:1em;}
.main_content a { text-decoration:underline; color:#0000FF;  font-size:1em;}

.taocan { margin:12px 0; padding:6px; border:1px solid #999;}
.taocan b { color:#999;}
.taocan h2{ padding:3px; margin-bottom:15px; font-size:1.5em; color:#ce0000; background-color:#FED9C9;}
.taocan h2 a{ color:#ce0000; font-size:1em;}
.taocan h3{ padding:6px 0; font-size:1.2em;}
.taocan h3 a{ font-size:1em;}
.taocan dt { font-weight:bold;}
.taocan dd { margin:0; padding:0;}

.h4_highlight { background-color:#f2f2f2; padding:8px 6px; color:#000033;}
.sameness_article li { font-size:12px; line-height:2em; text-indent:2em; background:url(../images/bg_small.gif) no-repeat 12px -105px;}
.sameness_article li span { padding-left:5px; color:#CCCCCC;}
.sameness_article li a { color:#0000FF; text-decoration:underline; padding: 6px;}

.previous_next_article li { padding:3px 0;}
.previous_next_article a { color:#000033; text-decoration:underline;:}
.text_red { color:#f00; font-family:"Courier New", Courier, monospace;}

.main_body table {border-collapse:collapse;border:1px solid #999;background:#fff;width:90%;}
.main_body td {padding:5px;line-height:2em;border:1px solid #ccc;}

.left_navigation { width:218px; height:100%; }
.left_navigation h6 { font-size:16px; color:#666; margin-top:10px; padding:5px 0 7px 26px; background:url(../images/arrow_1.gif) no-repeat left center;}
.left_navigation ul li { padding:3px;}
.left_navigation ul li a { display:block; padding:12px 0 6px 46px; background:url(../images/design_03.jpg) no-repeat 6px center;}
.left_navigation ol li { padding:3px 0 3px 12px;  background:url(../images/bg_small.gif) no-repeat 2px -32px; }

/*------频道左部----------------*/
.channel_left_list ol { padding:3px 0 3px 12px;}
.channel_left_list ol a { display:block; line-height:1em; padding-left:1em; color:#000000; text-decoration:underline; background:url(../images/bg_small.gif) no-repeat 2px 3px;  }
.channel_left_list ol span { display:block; color:#CCCCCC;}

.h4_highlight { padding:6px; color:#fff; margin-top:10px; background:url(../images/bg_small.gif) repeat-x left -536px;}
.summary_a_list { margin-top:22px;}
.summary_a_list dt { padding:5px 0 5px 2em; background:url(../images/bg_small.gif) no-repeat 2px -296px;}
.summary_a_list dt a { color:#000033; text-decoration:underline; font-weight:bold;}
.summary { border:1px solid #ccc; margin:3px 0; padding:5px;}


.right_content { width:731px;}
.currentPosition {  width:721px; padding:8px 0 0 10px; height:32px;background:url(../images/design_03.gif) repeat-x left top; }
.currentPosition span { color:#999; }
.right_navigation { width:160px;}
.right_navigation ul li { text-align:right; }
.right_navigation ul li h2 { font-size:14px; letter-spacing:1px; color:#963; }
.nav_color { color:#ce0000; font-size:13px;}
.onlinetalk { border:1px solid #ccc; padding:6px 0 6px 12px; margin:0 10px 12px 0;}

.timer { color:#CCCCCC; padding-left:8px; }
.newslist_a { line-height:2.5em; }
.pagelist a { color:#ce0000; text-decoration:underline; }
/* Footer
-------------------------------------------------------------- */
#footer { text-align:left; padding-top:10px;background:url(../images/bot_bg.gif) repeat-x left top; }