@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; font:13px 'Microsoft Yahei',Tahoma, Geneva, sans-serif; }
/**clearfix**/
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
  /* Hides from IE-mac \*/
  * html .clearfix {height: 1%;} 
  .clearfix {display: block;} 
  /* End hide from IE-mac */
.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;text-decoration:none !important;}
/**End CSS Base**/

/****wp_guestbook****/
.wp_guestbook { width:100%; background-color:#fff;padding-top: 140px;}
.wp_guestbook_head_fixed{position: fixed; top: 0px; z-index: 888;background-color: #FFF;left: 0;right: 0;}
.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(../../_images/messageboard/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(../../_images/messageboard/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;}
.iLeaveMsg { color:#000; float:right; display:inline-block; height:23px; line-height:23px; margin-top:10px; padding:0 10px; border:1px solid #d9d9d9; border-radius:3px; overflow:hidden; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9f9f9,endColorstr=#eeeeee,grandientType=0);;background:-webkit-linear-gradient(top,#f1f1f1,#eee);background:-moz-linear-gradient(top,#f1f1f1,#eee);background:-o-linear-gradient(top,#f1f1f1,#eee); position:absolute; right:0; top:0;}
.iLeaveMsg :hover{ color:#555;}

.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:68px; height:48px; float:left;}
.message_list .icon_box { width:32px; height:32px; background:url(../../_images/messageboard/guestbook_icon.gif) no-repeat 0 0; margin:0 auto;}
.message_list span.msg_item,.message_list span.reply_item { color:#848484; margin-left:10px;}
.message_list a.msg_item { color:#262626;text-decoration:none;}
.message_list a.msg_item:hover { color:#999; }
.message_list p.msg_item { color:#454545; margin-top:5px;}
.message_list .msg_detail {margin-left:68px; }
.message_list .msg_content {line-height:35px; height:28px; overflow:hidden;}
.message_list .msg_content .msg_text { margin-left:20px;line-height: 32px;}
.message_list .msg_reply { height:48px; line-height:24px; overflow:hidden; border:1px solid #ccc; background:#f4f4f4;}
.message_list .msg_reply .reply_meta { height:20px; padding-left:20px; line-height:20px; background:#ccc url(../../_images/messageboard/reply.png) no-repeat 6px 3px;}
.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 10px 0px 25px; line-height:32px;}
.message_list .open_content { height:auto;}
.message_list .read_more { display:block; width:16px; height:16px; background:url(../../_images/messageboard/plus_minus.png) no-repeat 0 0px; margin-top:7px; 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; 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; }

/**easyui时间选择框**/
.combo {
	BORDER: #D9D9D9 1px solid;
}

.datebox .combo-arrow {
	BACKGROUND: url(../../_images/messageboard/calendar.jpg) no-repeat center center;
	/* BACKGROUND-IMAGE: url(/../../_images/messageboard/calendar.png); */
}

.calendar-header {
	BACKGROUND: #D9D9D9
}

.calendar-nav-hover {
	BACKGROUND-COLOR: #D9D9D9
}

.calendar-menu-hover {
	BACKGROUND-COLOR: #D9D9D9
}

.spinner {
	BORDER: #D9D9D9 1px solid;
}

.spinner-arrow-hover {
	BACKGROUND-COLOR: #D9D9D9
}

.spinner-arrow-up {
	BACKGROUND-COLOR: #D9D9D9
}

.spinner-arrow-down {
	BACKGROUND-COLOR: #D9D9D9
}

.calendar-selected {
	BACKGROUND: #D9D9D9
}
/* html .mobile .wp_guestbook_lists {padding-top: 70px;} */
html .mobile .filters { padding-right:0px;} 
html .mobile .wp_guestbook { width:100%; background-color:#fff;padding-top: 100px;}
html .mobile .options .options_handle {height: 25px;}
html .mobile .message_list .msg_detail {margin-left: 0px;}