@charset "utf-8";
/* CSS Document */

该文章出自《我的生活》,原文链接：http://www.85hz.com/html-heibai-daima/

转载时间是: 2010-04-21 08:58:11 请保留此链接，谢谢！
body,div,ul,li,input{margin:0;padding:0;}
body{ height:100%; color:#464646; font-size:12px; font-family:宋体;}
ul,li{ list-style:none;}
img{ border:none;}
a{ text-decoration:none;}
a:hover{ text-decoration:underline;}
ul a{ color:#464646; text-decoration:none; }
ul a:hover{ color:#136D61; text-decoration:underline; }
.info ul,#list ul,.box_list ul{ line-height:20px; }
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.font_n{ font-weight:normal;}
.tlt, .tlt_2{ height:22px; line-height:22px; background:url(info_tlt_bg.gif) top left repeat-x; color:#136B55; font-weight:bold; padding-left:7px; padding-right:7px;}
.tlt_2{ width:707px; border-top:1px solid #D9D9D9; border-left:1px solid #D9D9D9; border-right:1px solid #D9D9D9;}
.margin_t{ margin-top:5px;}
.margin_b{ margin-bottom:6px;}
.margin_b_2{ margin-bottom:5px;}
.txt_1 { color:#136D61; text-decoration:none;}
.txt_1 a{ color:#136D61; text-decoration:none;}
.txt_1 a:hover{ color:#136D61; text-decoration:underline;}
.txt_2 { color:#FF840E; text-decoration:none;}
.txt_2 a{ color:#FF840E; text-decoration:none;}
.txt_2 a:hover{ color:#FF840E; text-decoration:underline;}
.txt_3 { color:#CC0000;}
.txt_4 { color:#AA0503;} 
.txt_5 { font-size:14px;}

#content{ margin:0 auto; width:970px; height:100%;}

#header{ margin-top:14px; height:53px;}
#header #logo{ width:172px; height:40px; background:url(logo.gif) top left no-repeat; margin-left:14px; float:left;}
#header #nav{ display:block; width:624px; height:30px; background:url(nav.gif) top left no-repeat; float:right; margin-top:21px; }
#header #nav li{ float:left;}
#header #nav li a{ display:block; width:104px; height:21px; float:left; text-align:center; padding-top:9px;} 
#header #nav .line{ background:url(line.gif) top left no-repeat;}
#header #nav li img{ margin-right:5px; width:6px; height:5px;}
#header #nav .nav_bg_1{ background:url(nav_bg_1.gif) top left no-repeat;}
#header #nav .nav_bg_2{ background:url(nav_bg_2.gif) top left no-repeat;}
#header #nav a{ color:#FFFFFF; text-decoration:none;}
#header #nav a:hover{ color:#FFFFFF; text-decoration:underline;}

#main{ width:723px; float:left;}
#box{ width:713px; height:298px; border:1px solid #7DB5AA; background:#E5F7E7; padding:4px;}
#box_s{ background:#FFFFFF; width:100%; height:100%;}
#box .box_list{ width:330px; float:left; padding:13px; color:#464646; background:url(line_2.gif) 50% left no-repeat;}
#box .box_tlt{ height:15px; margin-bottom:19px;}

#left{ width:243px; float:right;}
#left #advantage{ color:#136B55; border:1px solid #7DB5AA; width:227px; height:195px; background:url(advantage_bg.gif) top left repeat-x; padding:8px; margin-bottom:5px;  }
#left #advantage #ad_tlt{ height:20px; border-bottom:1px dashed #8C9674; margin-bottom:4px;}
#left #advantage #ad_tlt .more{ width:46px; height:11px; margin-top:4px; margin-bottom:4px;}
#left #advantage #ad_txt{ line-height:18px;}
#left #contact{ width:227px; height:290px; color:#464646; border:1px solid #D9D9D9; background-color:#F3F3F3; padding:8px; line-height:20px;}


#about{ width:705px; height:315px; border:1px solid #7DB5AA; background:url(about_bg.gif) top left repeat-x; padding:8px;}
#about .about_tlt{ width:128px; height:41px; margin-top:18px; margin-bottom:25px;}
#about .about_txt{ width:260px; line-height:18px; margin-left:10px; float:left;}
#about #about_prize{ width:265px; height:215px; border:1px solid #D9D9D9; text-align:center; padding-top:15px; float:left;}
#about #about_dl{ width:158px; text-align:center; float:right;}
#about #about_dl img{ margin-bottom:5px;}

#download{ width:705px; height:290px; border:1px solid #7DB5AA; background:url(about_bg.gif) top left repeat-x; padding:8px;}
#download .dl_entry{ height:120px; margin-bottom:10px;}
#download .dl_left{width:auto; float:left;}
#download .dl_tlt{ width:175px; font-size:14px; font-weight:bold; color:#000000; margin-top:18px; float:left;}
#download .dl_button{ margin-top:10px;}
#download .dl_txt{ line-height:18px; margin-top:20px;}
#download .dl_img{ width:80px; height:110px; text-align:center;}
#download .buttom_bd{ border-bottom:1px dashed #C5C5C5; }

.info{ width:356px; height:198px; border:1px solid #D9D9D9;}
.info ul{ padding:7px;}

#clause{ width:707px; height:400px; border:1px solid #D9D9D9; font-size:12px; padding:7px;}
#c_button{ height:50px; text-align:center; margin-top:15px;}
#code{ width:300px; margin:0 auto;}
#cont{ width:681px; border:1px solid #D9D9D9; padding:20px; line-height:18px; text-indent:2em;}
#cont .cont_tlt{ font-size:14px; text-align:center; font-weight:bold; height:40px; line-height:40px;}
#list{ width:701px; border:1px solid #D9D9D9; padding:10px;}
#cont_2{ width:681px; border:1px solid #D9D9D9; padding:20px; line-height:20px;}
#cont_2 img{ margin-right:20px; margin-bottom:20px;}
#succeed{ margin:0 auto; width:500px;}

#copyright{ width:100%; height:50px; line-height:50px; text-align:center; color:#136B55;}