﻿/* Css Reset */

/*留言本 CSS*/
.book_box {padding: 20px;}
.book{
	overflow:hidden;
	clear:both;
	margin-bottom:10px;
	margin-top: 10px;
}
.book .face{float:left;width:60px;height:60px;}
.book .text{border:1px solid #dadada;margin-left:70px;}
.book .text .div{padding:10px 20px;}
.book .text .div .icon{
	position:absolute;
	width:20px;
	height:20px;
	margin:6px 0 0 -40px;
	background:url(../images/dot.gif) no-repeat top right;
}
.book .text .div .base{font-family:verdana;color:#000;border-bottom:1px dashed #ccc;line-height:30px;margin-bottom:10px;}
.book .text .div .base span{float:right;color:#999;}
.book .text .div .content{line-height:20px;}
.book .text .div .reply{font-family:verdana;border-top:1px dashed #ccc;line-height:30px;margin-top:10px;color:#000;padding-top:5px;}
.book .text .div .reply strong{color:#f60;}

.bookadd{
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
.bookadd div{margin-bottom:15px;}
.bookadd .label{
	width:100px;
	text-align:right;
	padding-right:10px;
	padding-top: 7px;
	padding-bottom: 7px;
}
.bookadd .label span{color:#f30;font-family:宋体;}
.bookadd .enter{
	width: 700px;
}
.bookadd .enter .ip{
	border:1px solid #ccc;
	border-radius:2px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	background-color: #F6F6F6;
}
.bookadd .enter .ips{border:1px solid #ccc;padding:8px 10px;width:70%;height:60px;}
.bookadd .enter .bnt{
	border:1px solid #ccc;
	vertical-align:middle;
	margin-top: 10px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	margin-right: 10px;
	background-color: #f6f6f6;
}
.bookadd .enter label{display:block;}
.bookadd .enter #booklen{color:#f30;}
.bookadd .enter #imgcode {
	display: inline;
}

.list_page {
	text-align: right;
}


/*留言本提示 CSS*/
*html .baseMessage {position: absolute;top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(35 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');}
.baseMessage{height:53px;overflow:hidden;padding:5px 15px 5px 10px;display:none;position:fixed;top:35%;left:50%;z-index:1000;}
.baseMessage .icon_ok{background:url(../images/tip_layer.png) no-repeat -7px 0;_background:url(../images/tip_layer.gif) no-repeat -7px 0;height:53px;display:inline-block;width:44px;vertical-align:middle;}
.baseMessage .icon_warn{background:url(../images/tip_layer.png) no-repeat -7px -54px;_background:url(../images/tip_layer.gif) no-repeat -7px -54px;height:53px;display:inline-block;width:44px;vertical-align:middle}
.baseMessage .icon_error{background:url(../images/tip_layer.png) no-repeat -7px -108px;_background:url(../images/tip_layer.gif) no-repeat -7px -108px;height:53px;display:inline-block;width:44px;vertical-align:middle}
.baseMessage .icon_txt{background:url(../images/tip_layer.png) 0 -161px;_background:url(../images/tip_layer.gif) 0 -161px;height:53px;line-height:53px;display:inline-block;padding:0 10px;vertical-align:middle;min-width:50px;font-size:14px;font-weight:bold;color:#606060;}
.baseMessage .icon_r{background:url(../images/tip_layer.png) no-repeat 0 0;_background:url(../images/tip_layer.gif) no-repeat 0 0;height:53px;display:inline-block;width:6px;vertical-align:middle;}

.upIcon{background:url(../images/up.gif) no-repeat;width:16px;height:16px;display:inline-block;}
.downIcon{background:url(../images/down.gif) no-repeat;width:16px;height:16px;display:inline-block;}
.deleteIcon{background:url(../images/delete.gif) no-repeat;width:16px;height:16px;display:inline-block;}

/*评论 CSS*/
.mt10 {
	border: 1px solid #CCCCCC;
	padding: 10px;
}
.mt10 .title {
	font-weight: bold;
	background-image: url(../img/icon01.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	clear: both;
	line-height: 30px;
	height: 30px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.mt10 .subject {
	line-height: 30px;
	height: 30px;
	margin-bottom: 10px;
	background-image: url(../img/icon01.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.info_intro{padding:0 0 20px 0;line-height:22px;color:#666;}
.info_intro p{margin:0 0 5px 0;padding:0;}
.info_intro .red{color:#f30;margin:0 5px;}

.comment{overflow:hidden;clear:both;margin-bottom:20px;}
.comment .face{float:left;width:60px;height:60px;}
.comment .text{border:1px solid #dadada;margin-left:70px;}
.comment .text .div{padding:10px 20px;}
.comment .text .div .icon{
	position:absolute;
	width:20px;
	height:20px;
	background:url(../images/dot.gif) no-repeat top right;
	margin-top: 6px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -40px;
}
.comment .text .div .base{font-family:verdana;color:#000;border-bottom:1px dashed #ccc;line-height:30px;margin-bottom:10px;}
.comment .text .div .base span{float:right;color:#999;}
.comment .text .div .content{line-height:20px;}
.comment .text .div .reply{font-family:verdana;border-top:1px dashed #ccc;line-height:30px;margin-top:10px;color:#000;padding-top:5px;}
.comment .text .div .reply strong{color:#f60;}

.commentadd{margin:10px 0;overflow:hidden;clear:both;}
.commentadd .face{float:left;width:60px;height:60px;}
.commentadd .text{overflow:hidden;margin-left:70px;}
.commentadd .text .div{padding:0 5px 0 0;}
.commentadd .text .div textarea{width:100%;_width:98%;border:1px solid #ccc;height:70px;overflow:auto;}
.commentadd .text span{color:#999;line-height:22px;clear:both;}
.commentadd .text #commentlen{color:#f30;}
.commentadd .input{margin:10px 0;font-size:14px;}
.commentadd .input a{color:#666;font-size:12px;}
.commentadd .input a:hover{color:#f30;font-size:12px;}
.commentadd .input .send{float:right;border:1px solid #ccc;background:#fff;padding:5px 10px;_padding:3px 10px;margin:0;_margin:0 9px 0 0;vertical-align:middle;width:80px;}
.commentadd .input .ip{border:1px solid #ccc;width:80px;padding:5px 10px;vertical-align:middle;}
.commentadd .xm{
	border:1px solid #ccc;
	width:140px;
	vertical-align:middle;
	line-height: 24px;
	height: 24px;
}

/*投票 CSS*/
.toupiao {
	background-image: url(../img/icon01.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
.vote{margin:15px;padding:0;list-style:none;}
.vote li{
	line-height:30px;
	height:30px;
	padding-left:10px;
	padding-top: 10px;
}
.vote .title{font-size:14px;font-weight:bold;}
.vote .bnt{padding-left:20px;}
.vote .bnt img{
	vertical-align:middle;
	display: inline;
}
.vote .bnt .l {
	display: inline;
	float: left;
	height: 26px;
	width: 52px;
	margin-right: 10px;
}


.votejg {
	padding: 15px;
}
.votejg .title {
	line-height: 30px;
	font-weight: bold;
	background-image: url(../img/icon04.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 30px;
	margin-bottom: 15px;
}
.votejg h4 {
	font-size: 14px;
	font-weight: bold;
	display: block;
	margin-bottom: 15px;
}
