@charset "utf-8";
/* CSS Reset */
*{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0;vertical-align:bottom;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
:focus{outline:none;}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-size:12px;font-family:'Microsoft Yahei', Verdana, Geneva, sans-serif ;*font-size:100%}
legend{color:#000}
/**End CSS Reset**/
/**CSS Base**/
body { color:#333;line-height:32px; font:13px 'Microsoft Yahei',Tahoma, Geneva, sans-serif; }
/**clearfix**/
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
.clear { width:100%; height:0; line-height:0; font-size:0; overflow:hidden; clear:both;}
/**End clearfix***/
a{ text-decoration:none; color:#333;}
a:hover { color:#666;}
/**End CSS Base**/
/****wp_guestbook****/
.wp_guestbook { width:100%; background-color:#fff;}
.wp_guestbook_head { width:100%; height:90px; background-color:#4aa0dd; border-bottom:3px solid #044a7d; position:relative;}
.wp_guestbook_title { display:inline-block; height:40px; line-height:40px; color:#fff; font-size:26px; font-family:'\9ED1\4F53'; position:absolute; left:9%; top:50%; margin-top:-20px;}
.wp_guestbook_panel,.wp_guestbook_lists,.wp_guestbook_paging,.wp_guestbook_post{ width:95%; margin:0 auto;}

.wp_guestbook_panel {margin-bottom:11px;position:relative;}
.filters { display:block; width:auto; padding-right:60px; color:#4b4b4b;}
.filters li.term { display:inline-block; height:25px; line-height:25px; float:left; margin-right:10px; margin-top:10px;}
.filters li.term .term_name { float:left;}
.options { float:left; position:relative;}
.options .time_picker { display:block; width:26px; height:22px; background:url(calendar.png) no-repeat center; cursor:pointer; position:absolute; right:0; top:50%; margin-top:-11px;}
.options .options_input { display:inline-block; _display:inline; height:23px; border:1px solid #d9d9d9;}
.options .options_input input { border:0; outline:none; height:16px; line-height:16px; padding:3px; width:100px;}
.options .time_input input { width:120px; padding-right:23px;}
.options .options_handle { display:block; width:68px; height:23px; line-height:23px; border:1px solid #d9d9d9; cursor:pointer;}
.options .options_handle:hover { color:#777;}
.options .options_handle span { margin-left:5px; float:left;}
.options .options_handle i { float:right; display:inline-block; width:14px; height:23px; text-indent:-99em; overflow:hidden; font-style:normal; font-weight:bold; font-size:15px; float:right; margin:0 5px; background:url(guestbook_arrow.gif) no-repeat 50% 6px;}
.options .options_handle:hover i { filter:alpha(opacity=60); opacity:0.6;}
.options_list { display:block; width:68px; position:absolute; left:0; top:25px; background-color:#fff; border:1px solid #d9d9d9;border-width:0 1px 1px 1px; display:none;}
.options_list li { vertical-align:top;}
.options_list li a { display:block; width:100%; cursor:pointer; text-indent:5px; color:#666;}
.options_list li a:hover { background:#f8f8f8; color:#222;}
.options_list li.selected a,.filters li.term .options_list li.selected a:hover{ background:#e9e9e9;}
#goPost { float:right; display:inline-block; line-height: 32px; margin-top:10px; padding: 0 20px; border-radius: 2px; overflow:hidden; color: #FFF; background:#4AA0DD; vertical-align:top;}
#goPost:hover{ color:#eee;}
#goPost span{display:inline-block; height:32px;line-height: 32px; vertical-align:top;}

.wp_guestbook_lists {}
.message_list {border-top:1px solid #d5d5d5;}
.message_list li.list_item { display:block; width:100%; padding:18px 0; border-bottom:1px solid #d5d5d5;}
.message_list .icon {width: 60px;height:48px;float:left;}
.message_list .icon_box { width:32px; height:32px; background:url(guestbook_icon.gif) no-repeat 0 0; margin:0 auto;}
.message_list span.msg_item,.message_list span.reply_item { color:#848484; margin-left: 7px;}
.message_list a.msg_item { color:#262626;text-decoration:none;}
.message_list a.msg_item:hover { color:#333; }
.message_list .msg_item { color:#454545; margin-top:5px;}
.message_list .msg_detail {margin-left: 60px;}
.message_list .msg_content {line-height:24px; height:24px; overflow:hidden;}
.message_list .msg_content .msg_text { color:#666;}
.message_list .msg_reply {line-height: 28px;padding: 5px 0px;overflow:hidden;}
.message_list .msg_reply .reply_meta {line-height: 14px;margin:4px 0px;border-left: 3px solid #4AA0DD;}
.message_list .msg_reply .reply_meta .icon_text { display:inline-block; height:20px; padding-left:20px; font-size:13px; color:#000; margin-left:5px;}
.message_list .msg_reply .reply_text {margin: 0px 6px 0px 0px;line-height: 26px;color:#666;}
.message_list .open_content { height:auto;}
.message_list .read_more { display:block; width:16px; height:16px; background:url(plus_minus.png) no-repeat 0 0px; margin-top:4px; cursor:pointer; float:left;}
.message_list .active { background-position:0 -16px;}
.message_count { padding:15px 0; color:#8e8e8e;}

.wp_guestbook_paging { text-align:center;}
.wp_pagenavi a { color:#666; vertical-align:top; display:inline-block; height:27px; line-height:27px; padding:0 10px; margin:0 3px 5px 3px; border:1px solid #ebebeb; cursor:pointer;}
.wp_pagenavi a:hover { color:#000;}
.wp_pagenavi a.current{ border-color:#fff; color:#222; font-weight:bold; margin:0 0 5px 0; cursor:default;}

.wp_guestbook_post { padding:10px 0;}
.post_title { width:100%; height:24px; line-height:24px; font-size:18px; font-weight:bold; color:#343434; margin-bottom:10px;}
.post_box {border:1px solid #d9d9d9;padding:25px 15px;height: 392px;overflow:hidden;border-radius:5px;}

/**标题列表式**/
.title_list .message_list a.msg_item { cursor:pointer;}
.title_list .message_list a.msg_item:hover { text-decoration:underline; color:#C00}
.title_list .message_list .icon { display:none;}
.title_list .message_list .msg_detail {margin-left:0px; display:none; }

@media screen and (max-width: 999px) {
    .message_list .icon {width:40px;}
    .message_list .msg_detail {margin-left: 40px;}
    .message_list .icon_box { background:url(mini_guestbook_icon.gif) no-repeat 0 0;}
	.message_list .msg_reply .reply_meta {line-height: 26px;background:#eee;padding:2px 0px 0px;}
    .message_list span.msg_none {display:none;}
    .message_list span.msg_time,
	.message_list span.reply_time {display:block;}
    .post_box {height: 440px;}
	.wp_pagenavi a.page {display:none;}
}