www.gusucode.com > cso中国seo优化html整站源码程序 > style/default/layout.css

    /*layout*/
body{background:url(/images/bg_menu.png) repeat-x 0px 100px;}
#wrap{width:960px;margin:0 auto;background:#FFF;}
.box{width:960px;float:left;}
.box_main{width:620px;float:left;}
.box_side{width:336px;float:right;}
.box_side dl{padding:5px;}
.box_side dl dt{line-height:24px;}
.box_side dl dt a{font-size:14px;color:#079;font-weight:bold;}
.box_side dl dd{line-height:20px;border-bottom:1px dashed #CCC;}
.box_side dl dd a{font-size:12px;color:#666;}

.mainbar{width:670px;float:left;}
.sidebar{width:270px;float:right;}

.title{height:19px;width:190px;background:url(/images/bg_title.png) no-repeat;padding-right:10px;}
.title h2{float:left;line-height:19px;width:150px;font-size:12px;font-weight:bold;color:#FFF;text-indent:0.5em;}
.title a{display:blcok;width:31px;height:13px;float:right;margin-top:3px;}

.list_side{padding:5px;}
.list_side ul li{line-height:24px;text-indent:18px;background:url(/images/dot_list.gif) 0px 6px no-repeat;font-size:12px;color:#077;border-bottom:1px dashed #CCC;}
.list_side ul li a em{font-size:12px;color:#077;}
.list_side ul li a{font-size:12px;color:#333;}

.bar_left{width:330px;float:left;}
.bar_right{width:330px;float:right;}

/*header*/
#header h1{float:left;width:230px;background:url(/images/logo.png) no-repeat center top;padding-top:60px;line-height:20px;margin:10px 0;text-align:center;font-size:14px;color:#149387;}
#banner{width:728px;float:right;height:90px;margin:5px 0;}

/*menu*/
#menu{line-height:37px;background:url(/images/bg_menu.png) repeat-x;padding:0 20px;width:920px;font-size:14px;color:#FFF;word-spacing:6px;}
#menu a{font-size:14px;color:#FFF;}
#menu span a{font-size:12px;color:#FFF;}

/*lv1*/
#lv1{margin-top:5px;}
#focus{width:300px;height:280px;float:left;position:relative;}
#focus_img{position:absolute;z-index:100;}
#focus_img ul li{display:none;}
#focus_img ul li.curli{display:block;}
#focus_img ul li a img{width:298px;height:278px;border:1px solid #999;}
#focus_btn{position:absolute;z-index:1000;width:298px;height:20px;right:2px;bottom:2px;}
#focus_btn ul{float:right;}
#focus_btn ul li{float:left;}
#focus_btn ul li a{display:block;text-align:center;line-height:16px;width:32px;background:url(/images/bg_focus.png) no-repeat bottom;font-family:Verdana, Arial, Helvetica, sans-serif;margin:1px;margin-top:4px;font-size:12px;color:#FFF;font-weight:bold;}
#focus_btn ul li a:hover{text-decoration:none;}
#focus_btn ul li.curli a{background:url(/images/bg_focus.png) no-repeat;color:#FFF;line-height:19px;width:32px;margin-top:1px;}

#hot{height:279px;width:313px;float:right;border-right:2px solid #EEE;padding:1px 1px 0 0;background:#DDD;}
#hot div{border:1px solid #FFF;height:91px;padding:0 10px;}
#hot div h2{line-height:36px;text-indent:55px;}
#hot div h2 a{font-size:14px;color:#007770;font-weight:bold;}
#hot div p{line-height:18px;font-size:12px;color:#666;text-indent:2em;}
#hot div#hot_1{background:#E5E5E5 url(/images/hot_1.png) no-repeat 10px 0;}
#hot div#hot_2{background:#EFEFEF url(/images/hot_2.png) no-repeat 10px 0;}
#hot div#hot_3{background:#F7F7F7 url(/images/hot_3.png) no-repeat 10px 0;}

/*lv2*/
#lv2{margin-top:5px;width:950px;height:150px;padding:0px 5px;}

/*lv3,lv4,lv5*/
#lv3,#lv4,#lv5{margin-top:5px;padding:4px;border:1px solid #CCC;width:950px;background:url(/images/bg_lv.png) repeat-y right;}
#lv3 .pro_box{width:128px;height:150px;float:left;padding:3px;}
#lv3 .pro_box .pro_img a img{border:2px solid #CCC;padding:2px;width:120px;height:120px;border-top:2px solid #EEE;border-left:2px solid #EEE;}
#lv3 .pro_box .pro_img a:hover img{border:1px solid #077;padding:3px;}
#lv3 .pro_box .pro_txt{line-height:22px;text-align:center;}
#lv3 .pro_box .pro_txt a{color:#077;font-size:12px;}
#lv3 .pro_box .pro_txt a:hover{color:#FFF;text-decoration:none;background:#077;}

/*lv4,lv5*/
.special{width:330px;border-bottom:1px dashed #CCC;}
.spe_img{width:110px;float:left;padding:5px;}
.spe_img a img{border:2px solid #CCC;padding:2px;width:100px;height:100px;border-top:2px solid #EEE;border-left:2px solid #EEE;}
.spe_img a:hover img{border:1px solid #007;padding:3px;}
.spe_txt{width:200px;float:right;padding:10px 5px;}
.spe_txt h3{font-size:14px;line-height:22px;font-weight:bold;color:#790;}
.spe_txt p{font-size:12px;color:#666;line-height:18px;}
.spe_txt p a{font-size:12px;color:#790;}

.list{padding:5px;}
.list ul li{line-height:24px;font-size:14px;}
.list ul li a{font-size:14px;color:#000;}
.list ul li em{font-size:12px;color:#F00;margin-left:4px;}

/*sub*/
#sub{margin-top:5px;}
.sub_ggad{padding:5px;width:610px;border-bottom:1px dashed #CCC;}
.nav{padding:5px 10px;width:600px;color:#666;font-size:14px;}
.nav strong{color:#149387;font-weight:bold;}
.nav a{color:#149387;}
.art_box{padding:5px;width:610px;}
.art_box .art_img{width:135px;float:left;}
.art_box .art_img a img{border:2px solid #CCC;padding:2px;width:120px;height:120px;border-top:2px solid #EEE;border-left:2px solid #EEE;}
.art_box .art_img a:hover img{border:1px solid #077;padding:3px;}
.art_box .art_txt{float:left;}
.art_box .art_txt h2{width:610px;background:#C6ECE8;line-height:26px;text-indent:0.5em;}
.art_box .art_txt h2.pro{width:475px;}
.art_box .art_txt h2 a{font-size:14px;color:#149387;}
.art_box .art_txt p{padding:5px;line-height:20px;font-size:12px;color:#666;}
.art_box .art_txt p a{color:#149387;}

.art_info{padding:5px;width:610px;padding-top:0px;line-height:18px;border-top:1px dashed #CCC;font-size:12px;text-align:right;color:#149387;}
.art_info em,.art_info a,.art_info strong{color:#666;}

.article{border:1px solid #CCC;padding:4px;width:610px;}
.article h2{line-height:30px;font-size:16px;font-weight:bold;color:#149387;text-align:center;}
.article .info{line-height:20px;background:#C6ECE8;text-align:center;font-size:12px;color:#666;}
.article pre{border-top:1px dashed #CCC;line-height:20px;text-align:right;font-size:12px;color:#666;}
.article .info a,.article pre a{color:#666;}

/*comment*/
#comment{margin-top:5px;}
.box_cmt{border-top:2px solid #EEE;border-left:2px solid #EEE;border-right:2px solid #CCC;border-bottom:2px solid #CCC;margin-top:5px;padding:8px;}
.box_cmt h3{color:#333;font-size:14px;font-weight:bold;}
.box_cmt h3 strong{font-weight:bold;color:#069;}
.box_cmt blockquote{margin:10px;padding:10px;border:1px solid #DDd;}
.box_cmt blockquote h3{font-size:12px;font-weight:normal;color:#F30;line-height:20px;}
.box_cmt blockquote p{font-size:12px;font-weight:normal;color:#666;line-height:20px;}
.box_cmt b{display:block;width:600px;text-align:center;}

#mycmt{margin-top:5px;}
#mycmt table{margin:5px;}
#mycmt table tr td{font-size:12px;font-weight:bold;}
#mycmt table tr td label{font-weight:normal;color:#666;}

/*links*/
#links{padding:5px 0;margin:5px 0;border-top:1px dashed #DDD;border-bottom:1px dashed #DDD;margin-bottom:0;}
#links a{display:block;width:88px;height:31px;border:4px solid #FFF;background:#C6ECE8;color:#149387;font-size:12px;text-align:center;line-height:31px;float:left;}
#links a:hover{background:#149387;color:#FFF;text-decoration:none;}

.box_side table{margin:5px;}
.box_side table tr td{height:36px;font-size:12px;font-weight:bold;}
.box_side table tr td input{padding:4px;border:1px solid #149387;font-size:12px;font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif;background:#FFF;color:#149387;}

/*footer*/
#footer{margin-top:5px;line-height:37px;background:url(/images/bg_menu.png) repeat-x;text-align:center;font-size:12px;color:#FFF;}
#footer a{color:#FFF;font-size:12px;}
#footer a strong{font-weight:bold;font-size:12px;color:#FFF;}

/*copyright*/
#copyright{line-height:24px;font-size:12px;color:#333;}
#copyright a{font-size:12px;color:#333;}