/* CSS Document */

*{margin:0px;padding:0px;}
body{font:12px Verdana,Arial,Tahoma;color:#000; background:#D3EEF9 url(bg.jpg) repeat-y center top; padding-top:65px}
ul{list-style-type:none}
img{border:none;margin:0px;padding:0px;}
a{color:#333;text-decoration:none}
a:hover{text-decoration:none;color:#f30}
a:active,a:focus{outline:none}
div{display:inline-block}
div{display:block;overflow:hidden;width:auto}
.warp{width:1000px;margin:0 auto;}
.cle{clear:both;font-size:0px;height:0px;overflow:hidden;}
.mt1{margin-top:10px}

/*head*/
#header{position:fixed; overflow:hidden; top:0px; left:0px; z-index:10; width:100%; height:50px; background:#222;
/*IE:filter: progid: DXImageTransform.Microsoft.Alpha(style=0,opacity=80);
filter:alpha(opacity=80); 
-moz-opacity:0.8;  
opacity: 0.8; */
_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop));
/*-moz-box-shadow:0 1px 2px rgba(0,0,0,.12);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.12);box-shadow:0 2px 0 rgba(0,0,0,.12)*/
border-bottom:2px solid #bbb
 }
* html{background-image:url(bg.jpg); background-attachment:fixed}
.head{}
.head h1{float:left;width:145px;height:50px; overflow:hidden;}
.head h1 a{display:block;width:160px;height:50px; text-indent:-9999px; background:url(logo.jpg) no-repeat 5px top}

#nav{float:right; height:30px; padding:10px 0; font:normal 18px/22px "MicroSoft YaHei","SimHei";}
#nav a{color:#C9C9C9; line-height:30px; height:30px; overflow:hidden; font-size:14px; display:block; float:left; padding:0 10px}
#nav a:hover,#nav a:hover#vip,#nav a.hover{background:#333; color:#fff;}
#nav a#vip{color:#f90}
#nav a.hover{background:#000}

/*foot*/
#footer{width:1000px; margin:0 auto; text-align:center}	
#bottomBar{background:#606060; color:#fff; height:18px; padding-top:7px; +padding-top:7px; _padding-top:10px; line-height:18px;padding-bottom:5px; overflow:hidden; border-bottom:1px solid #848484;}	
#bottomBar a{color:#fff; margin-right:15px; margin-left:15px;}
#copyBottom{background:#4b494a url(foot-bg.gif); color:#bbb; line-height:25px; padding:15px}
#copyBottom a{color:#BBBBBB;}

/*BackTop*/
#BackTop{
        height:63px;
        width:19px;
		background:url(back.png) no-repeat;
		cursor:pointer;
        position:fixed;
        bottom:60px;
		right:100px;
        display:none;
		text-indent:-9999px
        }

/*main*/
.main{background:#fff url(bg.gif) repeat-y 192px top; border:1px solid #ddd}

.L{float:left}
.R{float:right}

.w_01{width:176px; padding:8px;}
.w_02{width:556px;  padding:8px 10px}
.w_03{width:214px; padding:8px}

#about{}
#about img{border:1px solid #ccc; width:170px; height:170px; padding:2px}
#about h4,#about h2{font-size:12px; font-weight:normal; line-height:32px; height:32px; color:#333; overflow:hidden; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd}
#about h2{border-top:none; margin-bottom:5px}
#about h2 a#ly{background:url(i_1.jpg) no-repeat left 5px; width:80px; height:26px; display:inline-block; text-indent:22px; color:#999; margin-left:8px}
#about h2 a:hover#ly{color:#f30}
#about p{line-height:22px; color:#515151}
#about p span{color:#006A92; font-weight:bold; padding-left:12px; padding-right:1px}
#about h3{font-size:12px; line-height:22px; font-weight:normal; color:#999; padding:5px 0}
#about h3 a{color:#f30}
#about ul{}
#about li{padding-top:8px}
#about li img{width:170px; height:210px; padding:2px; border:1px solid #ddd}

#flash{width:554px; height:280px; border:1px solid #999; overflow:hidden}

#listbox{}
#listbox div{border:1px solid #ddd; padding:10px; margin-top:10px}
#listbox div img{float:right; max-width:300px; width:expression(this.width > 300 && this.width > this.height ? 300px : 'auto';);  height:150px; padding:2px; border:1px solid #ddd; margin-left:8px}
#listbox div h2{font-size:14px; line-height:30px; height:30px; overflow:hidden; border-bottom:1px solid #ddd}
#listbox div h2 a{color:#006A92}
#listbox div h2 a:hover{color:#D02F53}
#listbox div p{line-height:24px; color:#555}
#listbox div span{display:block; color:#aaa; height:15px; line-height:15px; text-align:right; margin-top:8px; overflow:hidden}
#listbox div span a{color:#999}
#listbox div span a.blue{color:#09f}
#listbox div span.T_r{text-align:left; padding-bottom:3px}

.indexall,.pagelist,.allpage{border:1px solid #ddd; background:#FEFBEF; text-align:right; padding:10px; height:25px; line-height:25px; overflow:hidden}
.indexall a{background:url(icon_1.png) no-repeat right center; padding-right:20px; color:#5b8f0a}
.indexall a:hover{text-decoration:none; color:#f30}

.allpage a,.allpage strong{border:1px solid #ccc; padding:3px 7px;}
.allpage strong{background:#06f; color:#fff;}

#search{background:url(search.gif) no-repeat; width:214px; height:33px}
#search .keyword,#search .submit{background:url(); border:none}
#search .keyword{width:175px; padding-left:5px; padding-top:10px; float:left}
#search .submit{width:34px; height:33px; text-indent:-9999px; cursor:pointer; overflow:hidden}

#Goad{}
#Goad a{display:block; width:214px; height:36px; overflow:hidden; padding-top:8px}
#Goad a.ad{height:60px}

.user{border:1px solid #D3EEF9; padding:8px; background-color:#F1FAFE; height:40px; overflow:hidden}
.user{overflow:hidden; color:#ccc}
.user img{width:40px; height:40px; float:left; padding-top:1px; border:1px solid #ddd}
.user a{text-align:left; color:#515151; padding:0 10px; line-height:22px; height:22px; overflow:hidden;}
.user a:hover{color:#f30;}
#userinfo a#userface{padding:0px}
#userinfo a#username{color:#006A92; font-weight:bold}

#latestlogin{border:1px solid #D3EEF9; border-top:none; padding:0 10px 8px 0; background:#fafafa}
#latestlogin li{display:block; float:left; width:40px; margin-left:10px; margin-top:10px; text-align:center; overflow:hidden}
#latestlogin li img{width:40px; height:40px; border:1px solid #ddd; overflow:hidden}
#latestlogin li span{display:block; height:16px; line-height:16px; overflow:hidden; margin-top:2px; color:#515151}

.rbox{}
.rbox h3{background:url(side_tit_bg1.gif) no-repeat; height:28px; line-height:28px; color:#515151; font-size:12px; text-indent:10px}
.rbox ul{border:1px solid #d3d3d3; padding:5px 8px}
.rbox li{background:url(icon_2.gif) no-repeat left 7px; line-height:24px; height:24px; text-indent:18px; overflow:hidden}
.rbox li a{color:#05a}
.rbox li a:hover{color:#f30}

.rbox .tab_top{padding:8px; border:1px solid #d3d3d3; border-bottom:none}
.rbox .tab_top img{float:left; border:1px solid #ccc; padding:2px; width:80px; height:80px; margin-right:8px}
.rbox .tab_top h2{font-size:14px; line-height:23px; height:23px; overflow:hidden}
.rbox .tab_top h2 a{color:#c50}
.rbox .tab_top p{line-height:20px; color:#888; height:60px; overflow:hidden}

/*list*/
#place{border:1px solid #ddd; height:32px; line-height:32px; background:url(home.png) no-repeat 10px center #f8f8f8; text-indent:30px}
#place strong{color:#f30}

/*listpage*/
.pagelist{height:42px; line-height:42px; padding-right:10px}
.listpage{text-align:right; font-family:"ËÎÌå"; height:22px; overflow:hidden; padding-top:10px}
.listpage ul{float:right}
.listpage li{float:left; margin-right:5px; height:22px; line-height:22px; overflow:hidden}
.listpage li a{border:1px solid #ddd; padding:3px 6px;}
.listpage li.thisclass,.listpage li a:hover{background:#FF8901; color:#fff; text-decoration:none}
.listpage li.thisclass{border:1px solid #ddd;padding:0px 6px 0px 6px; *padding:0px 0px 0px 6px; _padding:0px 0px 0px 6px; padding:0px 6px 0px 6px\9; font-weight:bold}

/*veiwbox*/
.viewbox{border:1px solid #ddd; padding:10px}
.viewbox h1{line-height:60px; height:60px; overflow:hidden; text-align:center; font-size:18px}
.viewbox .info{background:#fcfcfc; height:30px; line-height:32px; overflow:hidden; text-align:center; border:1px solid #eee}
.viewbox .info a#sc{color:#f30; cursor:pointer}
.viewbox .intro{border:1px solid #ddd; background:#fff; padding:8px 10px; line-height:22px; text-indent:2em; color:#aaa; font-size:14px}
.viewbox .content{font-size:14px; line-height:25px; padding:10px 0; color:#333}
.viewbox .content img{max-width:530px; width:expression(this.width > 530 && this.width > this.height ? 530px : 'auto';); padding-bottom:10px}
.viewbox .content a{color:#03f; text-decoration:underline;}
.viewbox .context{border:1px solid #DBD9B5; background:#F7F2E5;; padding:5px 0;padding-left:10px}
.viewbox .context li{line-height:22px}
.viewbox .viewback{border:1px solid #ddd; background:#fff; height:36px; line-height:36px; color:#06f; padding:0 10px}
.viewbox .viewback li{background:#fff; float:left}
.viewbox .viewback li#right{float:right; background:url(icon_6.png) no-repeat left center; padding-left:16px;}
.viewbox .viewback li#left{float:left; background:url(icon_5.png) no-repeat left center; padding-left:20px; font-weight:bold}
.viewbox .viewback li span{color:#c00}
.viewbox .fav{margin:12px auto auto}
.viewzt{text-align:center; color:#c00}

.viewpage{text-align:center}
.viewpage li{display:inline; padding:2px; height:30px; line-height:30px}
.viewpage li a{border:1px solid #ccc; padding:3px 7px}
.viewpage li.thisclass a{ background:#09f; color:#fff}

.tit_1{background:#f8f8f8; border:1px solid #ddd; border-bottom:none; height:33px; line-height:35px; padding:0 8px; overflow:hidden}
.tit_1 h3{font-size:14px; float:left; padding-right:10px}
.tit_1 strong a{color:#c30}
#likearticle{border:1px solid #ddd; padding:10px; background:#fff}
#likearticle li{background:url(ico-1.gif) no-repeat left 10px; height:25px; line-height:26px; overflow:hidden; text-indent:10px; float:left; width:50%}

/*ÆÀÂÛ*/
.comment{border:1px solid #ddd; background:#fff;}
.comment h3{background:url(mainbox_bg.gif) repeat-x left top; height:34px; line-height:34px; overflow:hidden; border-bottom:1px solid #ddd; font-weight:bold; font-size:12px; padding:0 10px}
.comment h3 a{color:#09f; float:right}
.comment dd{}
.comment_post{padding:10px 10px 0 10px;}
.comment .userinfo{padding:10px 0}
.comment .userinfo li{height:34px; line-height:24px; padding-right:10px}
.comment .userinfo li img{margin-top:3px; padding-left:3px; vertical-align:middle}
.comment .userinfo li input{border:1px solid #ccc; background:#FDFBEC; padding:5px; width:220px}
.comment textarea{background:#F1F5F2; border:1px solid #ccc; width:522px; height:120px; padding:5px; line-height:20px}

.comment .userinfo li button{border:1px solid #999; background:#666; width:100px; height:36px; line-height:36px; color:#fff; cursor:pointer; font-size:14px; letter-spacing:1px; padding-left:1px;}

#commetpages{text-align:center; height:30px; line-height:22px; font-family:"ËÎÌå"}

.commet{border:1px solid #ccc; margin:10px 10px 0 10px; padding:10px;}
.commet .p_tit{border-bottom:1px solid #ddd; margin-bottom:8px; padding-bottom:10px; color:#999}
.commet .p_tit img{float:left; width:35px; height:35px; border:1px solid #ddd; display:block; margin-right:10px}
.commet .p_tit p{line-height:20px;}
.commet .p_tit span{float:right}
.commet .p_tit p a{color:#08f}
.commet .p_tit span a{color:#999;}
.commet .msg{line-height:20px; color:#666;}

.pl_tishi{border:1px solid #09f; padding:10px; color:#f00; font-weight:bold}

/*Tag*/
.tags{border:1px solid #ddd; padding:10px 8px; background:#fafafa}
.Tag{border:1px solid #ddd;}
.Tag dt{border-bottom:1px solid #ddd; height:30px; line-height:30px; text-indent:10px; background:#FEFBEF}
.Tag dd{background:#fff; padding:5px}
.Tag dd a{display:block; float:left; padding:0 3px; height:22px; line-height:22px;}

/*µ¥Ò³*/
#dan{line-height:30px; padding:10px; color:#999;}
#dan span{color:#3366FF}
#dan em{padding-left:80px; display:block; font-style:normal; color:#f30}
#dan em a{color:#666; padding:0 5px}
#dan strong{font-size:20px; color:#f30;}
#dan .blue{color:#06f}
#dan p{padding:0px;height:auto;line-height:20px; background:none}
#dan p.p1{color:#336600;line-height:30px;font-weight:bold}
#dan p.p2{color:#aaa; padding-left:2em}
#dan p.p3{color:#f30; padding-left:2em}

/*guestbook*/
#guestbook{}
#g_book,#g_view{border:1px solid #BBE1F7; border-bottom:none;  margin:10px}
#g_book dl{border-bottom:1px solid #BBE1F7;width:998px;float:left}
#g_book dt{float:left;width:150px;border-right:1px solid #BBE1F7;text-align:center;padding:20px}
#g_book dt img{margin-bottom:12px}
#g_book dd{float:left;padding:10px 20px;width:747px;border-left:1px solid #BBE1F7;margin-left:-1px}
#g_book dd strong{display:block;font-size:14px;color:#09f;line-height:30px}
#g_book dd p{line-height:20px}
#g_book dd span{display:block;line-height:20px;color:#bbb;border:1px dashed #ddd;padding:5px 10px;margin-bottom:10px; background:#F0F0F0}
#g_book dd span a{color:#bbb}
#g_book dd span a.quote{background:url(icon_7.png) no-repeat left 1px; padding-left:20px; color:#f80}

.rebox{color:#c90; border:1px solid #CFEAFA; padding:8px; background-color:#FDFDD5; margin-bottom:8px}

#g_pege{border:1px solid #BBE1F7;padding:12px;text-align:center;margin:0 10px 10px 10px; background:#fff}

.pagelistbox{padding:5px;text-align:center;margin-top:10px;}
.pagelistbox a,.pagelistbox strong{border:1px solid #ccc;padding:2px 7px;background:#fefefe}
.pagelistbox a:hover,.pagelistbox strong{color:#fff;background:#09f;text-decoration:none}

#book{border:1px solid #BBE1F7;margin:0 10px 10px 10px;}
#book strong{display:block;}
#book ul{float:left;width:455px;border-right:1px dashed #BBE1F7;padding:20px 10px}
#book li{ height:30px;}
#book li span{width:65px;text-align:right;display:block;float:left}
#book li input{border:1px solid #ccc;padding:2px}
#book p{float:left;width:452px;padding:20px 0 20px 15px;overflow:hidden}
#book p img{width:60px;height:60px;padding-bottom:5px}
#book p span{float:left;display:block-inline;width:60px;height:83px;background:#fafafa;text-align:center;border:1px solid #eee;margin-right:13px;margin-bottom:15px;}

.btn-2{background:#555;border:1px solid #ccc;width:80px;color:#fff;text-align:center;height:30px;line-height:30px;cursor:pointer; margin-left:20px;font-size:14px}


#g_view{border-bottom:1px solid #BBE1F7; padding:10px 100px 15px 100px}
#g_view p{line-height:22px; text-indent:2em}
#g_view strong{font-size:14px; color:#c00; display:block; line-height:30px; border-bottom:1px solid #ddd; margin-bottom:5px}
#g_view span{color:#f00}
#g_view label{color:#06f}