﻿/******************************************************
FileName:       SzmycWeb.CSS
Copyright  (c)  2009-2010 满园春
Writer:         TeamWei
Impact:         前台样式
Version:        1.0
******************************************************/

*{margin:0; padding:0;}
html{background:url(html_bg.jpg) no-repeat top center;}
body{background:url(body_bg.gif) repeat-x center 100px;}
html,body{height:100%; min-height:100%; font-size:12px; font-family:宋体;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
img{border:0; vertical-align:middle;}
ul,ol,dl{list-style-type:none;}
.clear{clear:both; overflow:hidden; height:0 !important; height:auto;}

/*AspNetPager*/
.AspNetPager{padding-bottom:10px;}
.AspNetPager a{color:#666; background:#FFF; border:1px solid #CCC; padding:2px 8px; display:inline-block; vertical-align:middle;}
.AspNetPager a:hover{color:#000; background:#EEE; text-decoration:none;}

.CustomInfo{color:#000; margin:10px 0 10px 0; text-align:center;}
.CustomInfo b{color:#0066CC;}

.IndexBox,.SubmitBut{vertical-align:middle;}
.IndexBox{height:17px; margin-right:5px;}
.SubmitBut{height:22px;}
.CurrentBut,.CustomInfo strong{color:#FF0000; font-weight:bold;}

.pager_right{padding:20px 0 40px 0;}
.pager_right a{color:#666; background:#FFF; border:1px solid #CCC; padding:2px 8px; display:inline-block; vertical-align:middle;}
.pager_right a:hover{color:#000; background:#EEE; text-decoration:none;}

/*Generic*/
#main_article ul a{text-overflow:ellipsis; -moz-binding:url('../ellipsis.xml#ellipsis'); overflow:hidden; white-space:nowrap; display:block;}
#main_article,#article_box,#main_link,#article_list,.pager_right,.brand_box{width:940px; margin:auto;}

/*Main*/
#header{border-top:3px solid #FF6600; text-align:center;}
#header img,#header tt{vertical-align:top; margin:20px 25px 0 0;}
#header a{display:inline-block; color:#FFF; width:88px; height:52px; padding-top:45px;}
#header a:hover{color:#FF6600; font-weight:bold; text-decoration:none;}
#header a.cur{background:url(menu_bg.gif) no-repeat; color:#FF6600; font-weight:bold;}

#ad{margin:15px auto 0 auto; width:940px;}
#ad dt{border-top:4px solid #000; border-bottom:4px solid #000;}
#ad dd{background:#669900; color:#FFF; line-height:24px; padding:10px 15px;}
#ad dd a{color:#FFFF00;}

#main_article{padding-bottom:15px; background:#FFF;}
#main_article ul{float:left; width:293px; margin:17px 0; padding-left:20px;}
#main_article ul li{background:url(dot.gif) repeat-x bottom center; width:273px; height:15px; padding:7px 0; position:relative; overflow:hidden;}
#main_article ul span{color:#999; position:absolute; right:0;}
#main_article ul a{display:inline-block; width:220px; color:#333;}

#main_link{padding-top:30px; text-align:center; border-top:1px solid #999;}
#main_link img{margin:0 15px 10px 0;}
#main_link span{display:block; line-height:20px;}
#main_link span a{display:inline-block; margin-right:10px; color:#660000;}

#footer{text-align:center; line-height:20px; color:#666; padding:15px 0 40px 0;}

#article_box{background:#663300;}
#article_box span{width:283px; float:left; display:inline; background:url(line_01.gif) repeat-y; color:#FFF; line-height:24px; padding:15px;}
#article_box span a{color:#ffffff}

#article_list{color:#666; line-height:22px; background:#FFF;}
#article_list dt{padding:20px 20px 10px 20px; position:relative;}
#article_list dt a{font-size:14px; font-weight:bold; color:#000;}
#article_list dt span{position:absolute; right:20px;}
#article_list dd{background:url(dot.gif) repeat-x bottom center; padding:0 20px 20px 20px;}

#article_info{background:#FFF; padding:15px 20px; width:900px; margin:auto; line-height:28px; color:#333; font-size:14px;}
#article_info h1{font-size:16px; color:#000; background:url(dot.gif) repeat-x bottom center; padding-bottom:10px; margin-bottom:10px;}
#article_info h1 span{font-size:12px; font-weight:normal; color:#999;}

.brand_box{margin-top:20px;}
.brand_box li{float:left; display:inline; width:162px; margin:0 13px 25px 13px; text-align:center;}
.brand_box li a{display:block; background:#FFF; border:1px solid #CCC; padding:5px;}
.brand_box li span{color:#000; padding-top:8px; display:block;}

#brand_content{width:920px; line-height:24px; color:#333; margin:10px auto 0 auto; padding:10px 10px 0 10px;}
#brand_content h1{font-size:16px; color:#663300; text-align:center; padding-bottom:10px;}
