@charset "utf-8";
/* CSS Document */
body, html{ overflow-x:hidden;}
body, select, input, textarea, button{
	font: 14px/1.6 "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
	background: #FFF;
	color: #333;
}
body{ padding:0; margin:0;}
li{ list-style:none;}
img{border:none;}
nav, section, menu, aside, header, footer {
	display: block;
}
hr{ line-height:1px; overflow:hidden; height:0; border:none; border-top:1px solid #EEE; background:none;}
a {
	color: #337AB7;
	text-decoration: none;
}
a:hover,a:focus{
	color:#23527c;
	text-decoration:underline
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.clearfix{ clear:both;}
.ws-wrap{ width:960px; margin:0 auto;}

/*nav*/
.navbar{ overflow:hidden; background:#333;}
.navbar h2{ margin:10px 0 0;height:30px; width:80px; overflow:hidden;}
.navbar h2 a{ text-indent:-100px;  display:block; height:30px; width:100px; overflow:hidden;}
.navbar menu{ margin:0; padding-left:15px; overflow:hidden;}
.navbar menu li{ float:left;}
.navbar menu a{ display:block; color:#CCC; line-height:44px; padding:2px 15px; font-size:14px;}
.navbar menu a:hover{ color:#FFF; background:#444; text-decoration: none;}
.navbar li:hover .nav-sub{ display:block;}
.nav-sub{position:absolute; background:#FFF; display:none; border:1px solid #CCC; z-index:9999; width:200px; padding:10px 0; margin:0;}
.navbar .nav-sub li{ float:none;}
.navbar .nav-sub li a{ color:#666; padding:5px 15px;line-height:24px;}
.navbar .nav-sub li a:hover{ background:#EEE; text-decoration: none; border:none;}
.more-btn span{ background:#D9534F; height:6px; width:6px; border-radius:3px; display:inline-block; margin-bottom:10px;}
.nav-sub li a span{background:#D9534F; float:right; color:#FFF; height:auto; font-size:10px; width:auto; font-size:12px; margin-top:4px; padding:1px 5px 0; border-radius:8px; line-height:14px;}

.user-header-box{ overflow:hidden; margin:0;}
.user-header-box li{ float:left;}
.user-header-box a{display:block; color:#CCC; line-height:44px; padding:2px 0 2px 15px; margin-left:10px; font-size:14px;}
.user-header-box a:hover{ color:#FFF;}
.user-header-box img{vertical-align:middle; border-radius:3px;}
.user-header-box div{position:absolute; overflow:hidden; background:#FFF; border:1px solid #CCC; z-index:9999; width:200px;}
.user-header-box div ul{ padding:10px 0;}
.user-header-box div li{ float:none;}
.user-header-box div a{ margin:0; padding:5px 15px; line-height:24px; color:#666;}
.user-header-box div a:hover{ background:#EEE; text-decoration: none;}
.user-sub, .msg-sub{ display:none; margin-left:-80px;}
.msg-btn span{ background:#D9534F; height:6px; width:6px; border-radius:3px; display:inline-block; margin-bottom:10px;}
.msg-sub li a span{background:#D9534F; float:right; color:#FFF; font-size:12px; margin-top:4px; padding:1px 5px 0; border-radius:8px; line-height:14px;}
.user-header-box li:hover a{ color:#FFF; text-decoration: none;}
.user-header-box li:hover div a{color:#666;}
.user-header-box li:hover div{ display:block;}

.user-header-register{ color:#666;}
.user-header-register a{ line-height:46px; color:#CCC; margin:0 5px;}
.user-header-register a:hover{ color:#D9534F; text-decoration: none;}
.user-header-register .oauth-header{ border:1px solid #CCC; padding:5px 6px; border-radius:22px;}
.user-header-register .oauth-header:hover{ background:#D9534F; color:#FFF; border-color:#D9534F;}

.nav-serach{ padding:10px 0 0 25px;}
.form-text.s{ background:#555; border:none; color:#CCC;}
.form-text.s:focus{ background:#777;}
.b{ position:absolute; margin:3px 0 0 130px; border:none; background:none; color:#999;}
.b:hover, .b:focus{ color:#FFF;}
/*nav end*/

.index-sort{ overflow:hidden; margin:15px 0 0;}
.index-sort h3{ font-size:18px; margin:0; font-weight:100;}
.index-sort ul{ padding:0; margin:0; font-size:12px; padding:5px 0 0 15px; overflow:hidden;}
.index-sort ul li{ float:left; margin-right:8px;}
.index-sort ul li a{ background:#F6F6F6; padding:0 6px; color:#666; line-height:22px; border-radius:3px; display:block;}
.index-sort ul li a:hover{ background:#337AB7; color:#FFF; text-decoration: none;}
.index-sort ul li:hover ul{display:block;}
.index-sort ul.sort-sub{position:absolute; background:#FFF; margin-left:-140px; display:none; border:1px solid #DDD; width:160px; box-shadow:0 2px 3px rgba(0, 0, 0, .1); padding:10px 0;}
.index-sort ul.sort-sub li{ float:none; margin-right:0; }
.index-sort ul.sort-sub a{ background:#FFF; padding:4px 15px;}
.index-sort ul.sort-sub a:hover{ background:#F5F5F5; border-radius:0; color:#333;}

.toolszone{ overflow:hidden; margin-top:15px; border:1px solid #EEE;}
.toolszone ul{ overflow:hidden; margin:0; padding:0; width:780px;}
.toolszone li{ float:left; border-right:1px solid #EEE; width:12%;padding:15px 10px; text-align:center;}
.toolszone li span{ display:block; font-size:24px; padding-bottom:5px; line-height:1; color:#FF6C00;}
.toolszone li a{ color:#999; }
.toolszone li a:hover{}
.more-tools{ line-height:80px; font-size:16px; color:#999;}

/*loop*/
.main{ overflow:hidden; margin-top:15px;}
.articles{}
.mod-tit{ overflow:hidden; padding-top:10px;}
.mod-tit h3{ font-weight:100; font-size:16px; margin:0;}
.mod-tit h2{ margin:0 0 15px; line-height:1em;}
.mod-tit p{ line-height:20px; font-size:12px; margin:0;}
.mod-tit span, .mod-tit a{ display:block; font-size:12px; padding-top:5px; cursor:pointer; color:#999;}
.mod-tit span:hover, .mod-tit a:hover{ color:#666;}
.mod-con{ overflow:hidden;}
.loop-list{ overflow:hidden; padding:20px 0; border-bottom:1px dashed #DDD;}
.loop-list .post-tags{ height:28px; overflow:hidden;}
.loop-img{ width:200px; height:150px; overflow:hidden; margin:0 0 0 10px;}
.loop-img img{ width:200px; height:150px; }
.loop-txt{}
.loop-txt h3{ font-size:18px; margin:10px 0 15px; height:26px; overflow:hidden;}
.loop-txt h3 a{ color:#666;}
.loop-txt .info{ color:#999; font-size:12px;}
.loop-txt p{ line-height:20px; margin:5px 0; font-size:12px; color:#777;}
.gap-point{ display:inline-block; padding:0 1px; font-weight:bold;}
.btn.load-more{ padding:5px 0; text-align:center; display:block; margin:0 auto; width:240px;}
.load-more a{ }
.load-more{ padding:10px 0; text-align:center;}
/*loop end*/

/*sidebar*/
.sidebar{ width:300px;}
.side_about{ border:1px solid #DDD; margin-bottom:15px;}
.side_about .mod-tit{ background:#F2F2F2; padding:5px 10px;}
.side_about .mod-con{ padding:15px 15px 12px;}
.side-user-img{ height:100px; width:100px; border-radius:2px; overflow:hidden;}
.side-user-img img{ height:100px; width:100px;}
.side-user-txt{ margin-left:110px;}
.side-user-txt h3, .side-user-txt h3 a{ font-size:18px; font-weight:100; margin:0; color:#333;}
.side-user-txt p{ margin:4px 0 8px; color:#999;}
.side-user-txt .btn{ margin-right:5px;}
.side-user-txt .btn-danger{ margin-right:0;}
.side_user_description{ clear:both; font-size:12px; color:#666; padding-top:15px;}
.side-tags{}
.side-tags .mod-con{ padding:10px 0 0; }
.side-hot .mod-tit span{ display:inline-block; color:#EE6E50; font-size:14px; font-weight:bold; margin-right:2px;}
.side-hot .mod-con{ margin:5px 0; padding:0;} 
.side-hot .mod-con li{ margin:7px 0; white-space: nowrap; text-overflow: ellipsis;}
.side-hot .mod-con a{ font-size:12px; display:block;}
.side-author .mod-tit a{ margin-left:15px;}

.side-author .mod-con{margin:10px -10px 0 0;}
.side-author .side-author-o{ overflow:hidden; width:20%; float:left; font-size:12px; padding-bottom:10px;}
.side-author .side-author-o a{ display:block; padding-right:10px; text-align:center;}
.side-author .side-author-o img{ height:auto; width:100%; border-radius:3px;}

.side-link .mod-con{ padding:15px 0; margin-right:-30px;}
.side-link .mod-con a{ color:#999; font-size:12px; width:65px; overflow:hidden; display:block; float:left; margin:0 15px 7px 0; white-space: nowrap;text-overflow: ellipsis;}
/*sidebar end*/

/*右侧按钮*/
.fast-nav{ position:fixed; bottom:20px; right:20px; border:1px solid #EEE; border-radius:3px; overflow:hidden;}
.fast-nav a{ display:block; background:#FFF;color:#666; text-align:center; height:36px; font-size:18px; line-height:36px; width:36px; border-bottom:1px solid #EEE;}
.fast-nav a:hover{ background:#337AB7; color:#FFF;}
.fast-nav .to_bottom{ border:none;}
/*右侧按钮 end*/

/*single*/
.article-tit{ border-bottom:1px solid #EEE; padding:15px 0;}
.article-tit h1{margin:0; font-size:24px;}
.article-tit .info{ font-size:12px; color:#999; padding-top:10px;}
pre{
font-size: 12px;

line-height: 22px;
padding: 4px 6px;
white-space: pre-wrap;
word-wrap: break-word;
color: #666;
margin: 5px 0px;
background: #F9F9F9;
border: 1px solid #EEE;
border-radius: 3px;
}
.alignleft{ float:left;}
.aligncenter{ display:block; margin:auto;}
.alignright{ float:right;}
blockquote{ background:#F5F5F5; margin:0; overflow:hidden; border-left:4px solid #CCC; padding-left:20px;}
.content ul li{ list-style:square;}
.content ol li{ list-style:decimal;}
.content table{ border-top:1px solid #EFEFEF; border-left:1px solid #EFEFEF; margin:5px 0; border-collapse:collapse; width:100%; font-size:12px;}
.content table td, .content table th{border-bottom:1px solid #EFEFEF; border-right:1px solid #EFEFEF; padding:5px 8px;}
.content table th{ background:#FAFAFA; text-align:left; border-bottom:2px solid #EFEFEF;}
.content img{ margin:10px auto; max-width:100%; height:auto;}
.content p>img{ margin:auto;}
code, kbd, pre, samp {
    font-family: "Courier New";
}
code {
    padding: 2px 4px;
    font-size: 90%;
    color: #C7254E;
    background-color: #F9F2F4;
    border-radius: 4px;
	margin:0 3px;
}
pre code{padding:0; background:none; border-radius:0; color:#666;}
.post-author-img img{ margin:auto;}
.post-copy{ color:#999; font-size:12px; padding:10px 0;}
.post-tags{ overflow:hidden; padding:5px 0; margin-right:-20px;}
.post-tags a{ overflow:hidden; background:#EFF6FA; display:inline-block; border-radius:2px;  padding:1px 10px 0; font-size:12px; margin:0 5px 5px 0; }
.post-tags a:hover{ color:#FFF; background:#337AB7;text-decoration:none;}
.post-options{ padding:10px 0; overflow:hidden; text-align:center;}
.bdsharebuttonbox{ display:inline-block; float:none;}
.bdsharebuttonbox a.bds_more{ background:none; float:none; font-size:12px; line-height:26px; padding:0 10px; margin:0; height:auto;}
.bdsharebuttonbox.bdshare-button-style0-16:after {
	content:" ";
	visibility:hidden;
	display:inline;
	height:0;
}
.post-about{ font-size:12px; margin-top:10px;}
.post-author{ overflow:hidden; padding:15px 0}
.post-author-img{ height:48px; width:48px; border-radius:24px; overflow:hidden;}
.post-author-img img{  height:48px; width:48px;}
.post-author-txt{ margin:0 100px 0 58px;}
.post-author-txt h3{ font-size:14px; margin:0; font-weight:100;}
.post-author-txt p{ margin:0; font-size:12px; padding-top:2px;}
.article-list{ overflow:hidden; margin-right:-20px; padding:0;}
.article-list li{ width:156px; float:left; margin-right:8px; overflow:hidden;}
.article-list li img{ height:111px; width:148px;}
.article-list h4{ margin:0; height:72px; line-height:16px; height: 42px; overflow:hidden;}
.article-list h4 a{ color:#666; font-weight:100; font-size:12px;}
.demo-and-down{ text-align:center; padding:20px 0;}
.post_copyright{background: none repeat scroll 0 0 #efe; border-left: 5px solid #40aa53; color: #333; font-size: 12px; line-height: 20px; margin: 10px 0; padding: 5px 0 5px 10px; border-radius:5px;}

/*public*/
.page-public-editor{}
.wp-editor-container{ border:1px solid #DDD;}
.post_title{ padding-bottom:15px;}
.post_title input{ font-size:18px;padding: 10px 8px;}
.upload-type{ font-size:12px; color:#666; display:inline-block; vertical-align: middle; padding:5px 0 0 10px;}
.page-public{ padding-bottom:15px; width:695px;}
.author-pending{ padding:0;}
.screen-reader-text{ display:none;}
.public-side{ width:250px;}
.public-side-box{ border:1px solid #DDD; border-radius:3px; padding:5px 10px 10px; margin-bottom:15px;}
.public-side h3{ font-size:14px; font-weight:100; margin:0; margin-bottom:5px;}
.public-tags p{ font-size:12px; margin:0; padding-top:5px; color:#999;}
.public-tags h4{ font-size:14px; font-weight:100; margin:4px 0;}
.media_upload_box{ border:1px solid #DDD; width:100%; display:none; margin-top:15px; height:500px;}
.select-tags{ overflow:hidden; padding-top:5px; margin-bottom:10px;}
.select-tags span{ display:block; float:left; margin:0 5px 5px 0; background:#EEE; font-size:12px; padding:2px 5px 0; border-radius:3px; color:#666;}
.select-tags span a{ display:block; float:right; margin:3px 0 0 5px; font-weight:bold; font-size:8px; height:12px; width:12px; overflow:hidden; background:#D9534F; border-radius:6px; text-align:center; color:#FFF;}
.select-tags span a:hover{ background:#D61c19;}
/*public end*/

.alert{padding:10px 12px; margin-bottom:10px;border:1px solid transparent;border-radius:4px}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

.alert h4{ margin:0 0 5px;}

/*comments*/
.comment-avatar{ height:40px; width:40px; overflow:hidden; border-radius:3px; background:#EEE;}
.comment-avatar img{ height:40px; width:40px;}
.comment-body{ margin-left:50px;}
.comment-body p{padding:10px 0; line-height:24px; margin:0;}
.commentlist{ padding:10px 0; margin:0;}
.commentlist li{list-style:none;}
.commentlist .children{ padding-top:10px;}
.children li{ border:none;}
.children .children{ padding:0;}
#respond{ margin-top:15px;}
#respond h3{}
#commentform{ padding:15px 0 0;}
.comment-form-avatar{ padding-bottom:10px; height:40px; width:40px;}
.comment-form-avatar img{ height:40px; width:40px; border-radius:3px;}
.comment-editor{ overflow:hidden;}
.login-comment-form{ margin-left:50px;}
.login-comment-form p{overflow:hidden; margin:15px 0; line-height:30px; font-size:14px; color:#999; }
.login-comment-form p .btn-default{ margin-right:15px;}
.single-no-login{ padding:15px; overflow:hidden; text-align:center;}
.au{ font-size:13px; line-height:13px;}
.time{ color:#999; display:inline-block; padding-left:10px;}
.comment-do{ overflow:hidden; padding-bottom:15px;}
.comment-do a{ display:inline-block; margin-right:15px; color:#999;}
.comment-do a:hover{ color:#337AB7}
.login-comment-form #author, .login-comment-form #email{ width:36%; float:left; margin-right:15px;}
.login-comment-form #loading, .login-comment-form #error{ padding-top:8px;}
/*comments end*/
/*single end*/

/*alone page*/
.friend_link_list{ padding:20px 0; overflow:hidden;}
.friend_link_list li{ float:left; width:25%; line-height:32px;}
.friend_link_list a{ color:#666;}
/*alone page*/

.breadcrumbs{font-size:12px; color:#999;}
.breadcrumbs small {
    color: #bbb;
    font-family: serif;
    font-size: 12px;
    font-weight: bold;
    margin: 0 2px;
}
.breadcrumbs a{ color:#555;}

/*author*/
.author-head{ background-size:100%; overflow:hidden; padding:20px 0;}
.author-head .ws-wrap{overflow:hidden;}
.author-avatar{ height:130px; width:130px; margin-right:30px; background:#FFF; padding:5px; border-radius:5px; box-shadow:0 2px 5px rgba(0, 0, 0, .3) ;overflow:hidden;}
.author-avatar img{ height:120px; width:120px; border-radius:3px;}
.author-head-info p{ margin:6px 0;}
.author-side-wealth{ margin:0;}
.author-nav-ul{padding:0; margin:0; overflow:hidden;}
.author-nav-ul li{ float:left;}
.author-nav-ul li a{ line-height:42px; display:block; color:#666; padding:0 30px;}
.author-nav-ul li a:hover{ background:#F8F8F8;}
.author-sidebar{ width:300px; background:#FFF; margin-top:14px;}
.author-side-name{ font-size:18px;}
.author-side-name .btn{ font-size:12px; line-height:24px; padding:0 10px;}
.author-side-display{display:inline-block; vertical-align: middle; line-height:16px;}
.author-side-sex{ display:inline-block; border-radius:12px; background:#D8615D; padding:0 5px; color:#FFF; font-size:12px; vertical-align: middle;}
.author-side-grade{ color:#CCC; padding-top:10px;}
.author-side-grade span{ display:inline-block; padding:0 2px; color:#666;}
.author-side-action{ padding:10px 50px; overflow:hidden;}
.author-side-action button{line-height:20px;}
.author-side-wealth{ overflow:hidden; padding:0;}
.author-side-wealth li{ float:left; margin-right:20px; color:#666;}
.author-side-wealth span{ font-weight:bold; line-height:16px; color:#333; padding-top:5px;}

.author-con{width:645px;}
.author-con-box{ background:#FFF; overflow:hidden; margin-top:15px;}
.author-con-box h2{ font-weight:100; margin:0; line-height:1em; border-bottom:1px solid #DDD; padding:15px;}
.empty-con{ padding:60px; overflow:hidden;}
.empty-icon{ width:206px; height:183px;}
.empty-text{ margin-left:260px; padding:40px 0; width:200px; color:#999;}

.author-article-list{ padding:0 15px; margin:0;}

.author-comment-item{ padding:15px; overflow:hidden; border-bottom: 1px dashed #DDD;}
.author-comment-item h4{margin:3px 0 3px 0;}
.author-comment-content{ font-size:12px; background:#F5F5F5; padding:10px 15px; border:1px solid #EEE;}

.author-wrap{ background:#EEE; padding:0 0 15px;}
.author-wrap .ws-wrap{ overflow:hidden;}

.author-wenda .wenda-list-nav, .author-wenda .wenda-list{ padding:15px 15px 0;}
.author-wenda .wenda-list h3{ border:none; padding:0; line-height:1.5;}
.author-side-total{ overflow:hidden; padding:15px 5px; margin:0;}
.author-side-total li{ float:left; width:33.33333%; text-align:center;}
.author-side-total a{ font-size:28px; color:#444; display:block; line-height:28px; border-right:1px solid #DDD;}
.author-side-total li:last-child a{ border:none;}
.author-side-total span{ font-size:14px; display:block;}
.author-side-total a:hover{text-decoration: none;}
/*author end*/

/*page-people*/
.page-user-item{ overflow:hidden; width:33.3333%; margin-bottom:30px; padding-right:30px; float:left;}
.page-user-img{ height:64px; width:64px; overflow:hidden; border-radius:3px;}
.page-user-img img{ height:64px; width:64px; }
.page-user-txt{ margin-left:74px;}
.page-user-body{ overflow:hidden; font-size:12px; margin-right:-30px;}
.page-user-txt h3{ margin:0; font-weight:100; padding-top:5px; font-size:16px;}
.page-user-txt h3 a{ color:#333;}
.page-user-txt div span{ color:#19A97B;}
.user-cinfo{ overflow:hidden;}
.user-cinfo .btn{ margin-top:10px; padding:0 10px; line-height:26px;}
.user-cinfo .btn i{ color:#19A97B;}
.arrow{ margin-top:20px;}
.user-description{ overflow:hidden; clear:both;  border:1px solid #EEE; height:78px; overflow:hidden; background:#F5F5F5; padding:10px 15px;}
.arrow:before{position:absolute; border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #EEE; content:" ";display:block;width:0;height:0; margin:-8px 0 0 20px;}
.arrow:after{position:absolute; border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #F5F5F5; content:" ";display:block;width:0;height:0;  margin:-6px 0 0 20px;}

.people-head{ background:#FEC045;  overflow:hidden;}
.join{ background:#58BD5A; padding:15px; color:#FFF; width:300px; text-align:center; height:200px;}
.join h3{ margin:0; padding-bottom:32px; border-bottom:#47B44A 1px solid; font-size:24px;  font-weight:100;}
.join-img{height:200px; width:660px;}
.join div{ font-size:16px; padding:15px 0;}
.join div span{ display:inline-block; margin:0 2px; background:#FFF; border:1px solid #47B44A; color:#58BD5A; width:28px; text-align:center;}
.join a{ font-size:16px; color:#DC532F; background:#FEC045; width:92px; margin:auto; line-height:32px; text-align:center; border:1px solid #47B44A; display:block;}

.people-type{ overflow:hidden; padding:15px 0; border-bottom:1px solid #EEE; margin-bottom:15px;}
.people-type h2{ margin:0;}
.people-type ul{ margin:0; padding:0 0 0 25px;}
.people-type li{ float:left; margin-right:15px; padding:5px 0;}
.people-type li a{ display:block; line-height:26px; background:#EEE; padding:0 10px; border-radius:2px; color:#666;}
.people-type li a:hover{ background:#337AB7; color:#FFF;}
/*page-people end*/

/*404*/
.page-no-found{ line-height:32px; text-align:center;  padding:280px 0 180px;}
/*404 end*/

/*footer*/
.footbar{ background:#333; overflow:hidden; padding:20px 0; clear:both; }
.footbar a{}
.flink{ overflow:hidden;}
.flink div{ width:25%; float:left;}
.flink h3{ font-weight:100; margin-bottom:10px; color:#CCC;}
.flink ul{ margin:0; padding:0;}
.flink li{ line-height:24px; width:40%; float:left; font-size:12px; color:#999;}
.flink li a{color:#999;}
.flink .last-div li{ width:100%; float:none;}
.copy{ text-align:center; font-size:12px; border-top:1px solid #3a3a3a; padding:10px; color:#999; margin-bottom:0;}
.social{ text-align:center; margin-top:0;}
.social a{ display:inline-block; margin:0 10px; font-size:16px; color:#999;}
.social a:hover{ color:#ee6e50;}
/*footer end*/

/*setting*/
/*base*/
.setting-con h2{ border-bottom:1px solid #DDD; padding-bottom:10px; overflow:hidden;}
.setting-con h2 div{ font-size:14px; color:#666; margin-left:10px; font-weight:100; margin-top:10px;}
.progress{ background:#BDDF7D; height:14px; width:200px; display:inline-block;  vertical-align: middle; margin-left:10px;}
.progress .on{ display:block; background:#ADD75C; height:14px; font-size:10px; vertical-align: middle; line-height:14px; text-align:center; color:#FFF;}
.user-sex{ overflow:hidden; padding:0; margin:0;}
.user-sex li{cursor: pointer; float:left; margin-right:20px; padding:5px 1px;}
.user-sex li:hover{ color:#337ab7;}
.user-sex li i{ border:1px solid #337ab7; padding:1px 2px 1px 3px; height:18px; width:19px; border-radius:14px;vertical-align: middle; }
.user-sex li i.active{color:#337ab7;}

/*头像修改*/
.upload-avatar-btn{ display:block; border:#DDD solid 1px; padding:6px 10px; width:120px; text-align:center; color:#666; border-radius:3px; box-shadow:1px 1px 3px #EEE;}
.upload-box{ width:120px; margin-right:10px; float:left; overflow:hidden; height:38px;}
.upload-box:hover a{ background:#F90; border:#BB630B 1px solid; color:#FFF;}
.upload-avatar-box{ overflow:hidden; padding:10px 0;}
.upload-type-title{ font-weight:bold; padding-top:10px;}
.upload-avatar-file-input{ position:relative; top:-32px; height:32px; opacity:0; cursor:pointer;}
.cat-box{ overflow:hidden; padding:10px 0;}
.old-img{ width:400px; height:400px; overflow:hidden; border:1px solid #EEE;}
.old-img h4{ text-align:center; margin:180px 0 0;}
.new-img{ width:280px; font-size:12px; color:#999; border-left:1px solid #DDD; margin-left:20px; padding-left:20px;}
.lage-img{ width:200px; margin-top:15px;}
.lage-img div{ height:160px; width:160px; overflow:hidden; border:1px solid #EEE; border-radius:5px;}
.mediu-img{ width:100px;}
.mediu-img div{ height:64px; width:64px;overflow:hidden; border:1px solid #EEE; border-radius:3px;}
.new-img p{ padding:5px 0;}
/*头像修改结束*/

.form-table td{ padding:8px 10px; color:#777; }
.form-table td .form-text{ width:100%;}
.hide-form{display:none;}

.checkbox-td span{ display:block; width:50%; float:left; padding-bottom:10px;}
.bind{ text-align:center; text-align:center; padding:30px 0;}
.bind-qq, .bind-weibo{ display:inline-block; margin:0 10px;}
.bind-qq div, .bind-weibo div{ margin:10px auto; line-height:96px; overflow:hidden; height:96px; width:96px; font-size:48px; text-align:center; border:1px solid #DDD; border-radius:5px;}

.setting-nav{ width:220px; padding:0;}
.setting-nav li{ padding-bottom:5px;}
.setting-nav a{ color:#777; line-height:42px; border-radius:2px; padding:0 20px; display:block;}
.setting-nav a i{ font-size:18px; width:20px;}
.setting-nav a:hover{ background:#EEE; text-decoration: none;}
.setting-nav a.avtive{ background:#337ab7; color:#FFF;}
.setting-con{ margin-left:260px; padding-bottom:50px;}
/*setting end*/

.form-text{ border:1px solid #DDD; display: inline-block;  vertical-align: middle; background:#FFF; line-height:20px; border-radius:3px; padding:5px 8px;   transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
vertical-align: middle;
}
.form-text:focus{border-color: #66AFE9;}
.form-block{ width:100%;}

.btn{ background:#FFF;  cursor:pointer; border:1px solid #DDD; display:inline-block; line-height:26px; padding:0 10px; color:#666; border-radius:2px; vertical-align: middle; font-size:12px;}
.btn:hover, .btn:focus{ color:#333; border-color:#CCC; text-decoration: none; box-shadow:0 2px 8px rgba(0, 0, 0, .05) inset;}
.btn-danger{background-color: #d9534f;
    border-color: #d43f3a;
    color: #fff;}
.btn-danger:hover, .btn-danger:focus{    background-color: #c9302c;
    border-color: #761c19;
    color: #fff;}
.btn-primary{ border-color:#2e6da4;background:#337ab7; color:#FFF;}
.btn-primary:hover, .btn-primary:focus{background-color: #286090;
    border-color: #122b40;
    color: #fff;}
.btn-block{ display:block; text-align:center;}
.btn-success{
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:focus{
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}

/*mu_register*/
.widecolumn .mu_register{ width:400px; margin:100px auto;}
#user_name, #user_email{ border:1px solid #DDD; display: inline-block;  vertical-align: middle; background:#FFF; border-radius:3px; padding:5px 8px;transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width:100%;}
#user_name:focus, #user_email:focus{border-color: #66AFE9;}
.submit input{background:#337ab7; color:#FFF; border:none; border-radius:3px; cursor:pointer; width:100%; text-align:center;}
.submit input:hover, .submit input:focus{background-color: #286090;
    border-color: #122b40;
    color: #fff;}
.mu_register label{ display:block; padding:10px 0;}
/*mu_register end*/

/*登陆界面*/
.login_page{ width:360px; font-size:12px; margin:5% auto 0; padding:30px;}
.login_page h1{ font-size:24px;margin:0; padding-bottom:20px; text-align:center;}
.login_page p{ margin-bottom:20px;}
.login_page label{ display:block; font-weight:100;}
.login_page input{ font-weight:100; font-size:16px; line-height: 24px;}
.login_page input.form-text{ width:100%;}
#wp-submit{ display:block; padding:5px 0;}
.login-o{ margin-top:15px; border-top:1px solid #EEE; padding-top:15px;}
.login-o h4{ margin:0; font-size:14px; text-align:center; color:#666; font-weight:100;}
.login_page .login-o p{ padding-top:15px; margin:0; text-align:center;}
.login-o a{ font-size:14px; color:#666; margin-right:5px; padding:2px 15px}
.btn-black{ background:#333; color:#FFF;}
.btn-black:hover, .btn-black:focus{ background:#111; color:#FFF;}
.btn-grey, .btn-grey:hover, .btn-grey:focus{ background:#CCC; color:#FFF; cursor:default; border-color:#CCC;}
.login_page .alert{ padding:10px 15px;}
/*登陆界面 end*/

/*捐赠页面*/
.donation{ overflow:hidden; padding:5px 20px; margin-top:20px;}
.donation h2{ text-align:center; border-bottom:2px solid #faebcc; padding:0 0 15px; margin-top:10px;}
.donation ul{ padding:0; overflow:hidden;}
.donation li{ float:left; width:48%; border-bottom:1px solid #DDD; line-height:36px; }
.donation li.li-odd{ float:right;}

/*search*/
.search-left{ width:160px;}
.search-left h2{ margin:0;}
.search-right{ width:780px;}
.search-head{ background:#FFF; padding:25px 0; border-bottom:1px solid #EEE; overflow:hidden;}
.search-head h4{ font-weight:100; margin:0; padding-top:4px}
.search-body{ background:#FFF; padding:15px 0; margin:15px 0; overflow:hidden;}
.search-item{ border-bottom:1px solid #EEE; padding:15px 0;}
.search-item h3{ margin:0; font-size:16px;}
.search-item em{ font-style:normal; color:red;}
.search-item p{ margin:0; font-size:12px; padding:10px 0; color:#666; line-height:22px;}
.search-item div{ font-size:12px; color:#666;}
.sort-result{ font-size:18px;}
.search-cat{ font-size:12px; border:1px solid #DDD; border-radius:3px;}
.search-cat a{ display:block; padding:8px 12px; border-bottom:1px solid #EEE; color:#666;}
.search-cat a:hover{ color:#444; background:#F6F6F6}
.search-cat a:last-child{ border:none;}
.search-cat span{text-shadow: 0px 1px 0px #FFF; cursor: default; padding: 0 5px;
line-height: 16px; height:16px;
color: #666;
font-weight:bold;
background-color: #EEE;
font-size:11px;
border-radius: 20px; float:right;}
.advanced{ padding:0;}
.advanced li{ font-size:12px; list-style:none; text-align:center; float:left; width:50%;}
/*search*/

/*pagenavi*/
.pagination{ text-align:center; margin:0; padding:25px 0;}
.pagination li{ display:inline-block; margin:0 3px; font-size:12px;}
.pagination a{ display:block; border-radius:3px; padding:3px 10px 1px; color:#666;}
.pagination a:hover{background:#EEE; text-decoration: none;}
.pagination .active a{ background:#337AB7; color:#FFF;}
/*pagenavi end*/

.wsservice{ margin-bottom:15px; overflow:hidden; height:90px; }
.footer-zhanzhu{ margin-bottom:15px; overflow:hidden;}
.secend_object{ margin-top:15px;}

/*设计神器*/
.design-tool-head{ text-align:center;}
.design-tool-head h2{ padding:15px;}
.design-tool-head span{ display:block; padding:15px 100px; color:#999; line-height:32px;}
.page-design-sub{ padding:15px 0 30px;}
.page-design-sub a{ display:inline-block; background:#EEE; color:#666; width:10%; border-radius:3px; text-align:center; line-height:36px; margin-right:12px;}
.page-design-sub a:hover{ color:#333; background:#DDD;text-decoration: none;}
.design-item{ margin-bottom:15px;}
.design-item-content{overflow:hidden;}
.design-list{ float:left; width:33%; padding:15px 0 10px 15px;}
.design-list:nth-child(3n+1){ clear:left;}
.design-list-img{}
.design-list-text{ margin-left:74px;}
.design-list-text h3{ font-size:14px; margin:0;}
.design-list-text p{ font-size:12px; color:#999; padding:5px 0; margin:0; line-height:18px;}
.design-list-meta{}
.design-list-meta a{ display:block; float:left; margin-right:8px; font-size:12px; background:#EEE; padding:2px 5px; border-radius:3px;}
.design-list-meta a:hover{ color:#FFF; text-decoration: none; background:#337AB7;}
/*设计神器 end*/

/*排行榜*/
.ranking-head{}
.ranking-head h2{ font-size:36px; margin:0; color:#3A9BD9; padding:30px 0;}
.ranking-head span{ font-size:16px; display:inline-block; padding-left:5px;}
.ranking-con{ margin-right:-30px;}
.ranking-item{ float:left; width:33.33333%;}
.ranking-box{ margin:0 30px 30px 0; box-shadow:0 1px 3px rgba(0, 0, 0, .2); background:#FFF;}
.ranking-item-head{ padding:7px 15px 5px; overflow:hidden; border-bottom:1px solid #DDD;}
.ranking-item-head h3{ font-family:'Microsoft Jhenghei'; margin:0; font-weight:100;}
.ranking-item-head h3:before{background-color: #055F95;content: "";display: inline-block;position:relative; top:2px; height: 16px; margin-right: 4px;width: 2px;}
.ranking-item-head span{ display:inline-block; padding-left:10px; color:#999; font-size:12px;}
.ranking-item-head a{ color:#999; font-size:12px; line-height:28px;}
.ranking-item-head a:hover{ color:#666;}
.ranking-item-con{}
.ranking-list{ margin:0; padding:0 15px;}
.ranking-list li{ border-top:1px dashed #DDD; position: relative; overflow:hidden;}
.ranking-list li:nth-child(4){ border:none;}
.ranking-list a{ display:block; line-height:52px; color:#444; height:52px; overflow:hidden;}
.ranking-list span{ display:inline-block; margin-right:5px;}
.ranking-list .ranking-top{ padding:15px 0; border-top:none; border-bottom:1px solid #DDD;}
.ranking-top div.index {
    position: absolute;
    right: 0px;
    top: auto;
    bottom: -8px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 48px;
    font-weight: bold;
    color: #EEE;
    z-index: 0;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    text-align: right;
    transform: rotate(10deg);
}
.ranking-top h4{ margin:0; font-size:14px; font-weight:100;}
.ranking-top a{ line-height:14px; height:14px;}
.ranking-top div, .ranking-top p a{ font-size:12px;}
.ranking-top p{ margin:8px 0 5px;}
.ranking-top p a{color:#C33}
/*排行榜 end*/

/*media*/
.media-list{ overflow:hidden; margin:0; padding:56px 0 0;}
.media-list li{ margin:10px 0 0 10px; overflow:hidden; float:left; width:160px; height:120px; border:2px solid #DDD;}
.media-list li img{ width:160px;}
.media-list li:hover{ border-color:#2E6DA4;}
.media-list li:hover .media_action{ display:block;}
.media-head{ overflow:hidden; z-index:999; padding:10px; position:fixed; top:0; width:100%; background:#FFF;border-bottom:1px solid #DDD;}
.media-head h3{ margin:3px 20px 0 0; font-weight:100;}
.media-head .pull-right{ color:#666; font-size:18px; margin-right:10px;}
.media-head .pull-right:hover{ color:#D9534F;}
.media_action{ position:absolute; margin:5px 0; text-align:center; width:156px; display:none; }
.media_action a{ line-height:20px; font-size:12px;}
/*media end*/

/*nominate-article*/
.nominate-article{ overflow:hidden;}
.nominate-article h2{ font-size:18px; font-weight:100; margin:15px 0 0;}
.nominate-article h2 a{ font-size:12px; color:#999; margin-top:6px;}
.nominate-article h2 a.btn{ font-size:12px; color:#FFF; margin-top:2px; line-height:22px; padding:0 8px;}
.side-rinking-menu{ overflow:hidden; padding:0; margin:10px 0 5px;}
.side-rinking-menu li{ float:left; background:#F2F2F2; margin-right:2px; cursor:pointer; padding:2px 12px; font-size:12px; color:#666;}
.side-rinking-menu li.active{ background:#D9534F; color:#FFF;}
.side-rinking-con{ overflow:hidden;}
.side-rinking-con ul{ padding:0; margin:0; font-size:12px; display:none; height:215px; overflow:hidden;}
.side-rinking-con .rinking_num{ background:#EEE; border-radius:3px; display:block; width:20px; text-align:center;}
.side-rinking-con .red{ background:#D9534F; color:#FFF;}
.side-rinking-con a{ color:#3A3A3A; display:block; margin-left:28px; white-space: nowrap; text-overflow: ellipsis; width:230px; overflow:hidden;}
.side-rinking-con li{ line-height:20px; overflow:hidden; margin:10px 0;}
.side-rinking-con .pull-right{ color:#999;}

.nominate-slide{ height:500px; width:300px; margin-top:10px;}
.nominate-slide-position{position:absolute; height:500px; width:300px; overflow:hidden;}
.nominate-slide ul{ margin:0; padding:0;height:500px; width:2000px; position:absolute;}
.nominate-slide li{ float:left; height:500px; width:300px;}
.nominate-slide img{ height:500px; width:300px;}
.slide-nav{position:absolute;  cursor:pointer; top:218px; font-size:42px; line-height:48px; width:42px; text-align:center; color:#FFF; background:rgba(0, 0, 0, .5); display:none;}
.nominate-slide-position:hover .slide-nav{ display:block;}
.slide-next{ left:258px;}
.slide-nav:hover{background:rgba(217,83,79,1)}
.nominate-article-box{ width:325px; color:#999; padding:10px 0 10px;}
.nominate-article-box a{ font-size:12px; color:#6B6B6B;}
.nominate-article-box h3{ margin:0 0 5px; padding:0;}
.nominate-article-box h3 a{ color:#333; font-size:16px; font-weight:100; white-space: nowrap; text-overflow: ellipsis; display:block; width:325px; overflow:hidden;}
.nominate-article-ge{ width:1px; border-left:1px solid #DDD; overflow:hidden; height:14px; float:left; margin:5px 0 0 5px;}
.nominate-article-cat{ display:block; float:left; width:24px; overflow:hidden; height:20px; line-height:20px;}
.nominate-article-post{margin-left:5px; height:12px; float:left; display:block; height:20px; line-height:20px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; width: 140px; }
.nominate-user{ overflow:hidden; padding:10px 0;}
.nominate-user-img{ height:64px; width:64px; border-radius:3px; overflow:hidden;}
.nominate-user-img img{ height:64px; width:64px;}
.nominate-user-text{ margin-left:74px;}
.nominate-user-text h3{ margin:0; padding:0; font-size:14px; font-weight:100;}
.nominate-user-text div{ font-size:12px; font-weight:bold; color:#D20000; padding:1px 0;}
.nominate-user-text p{white-space: nowrap; text-overflow: ellipsis; overflow:hidden; margin:0; font-size:12px; color:#999;}
.nominate-user-post{ padding:0; margin:0; overflow:hidden; margin-right:-30px;}
.nominate-user-post li{ width:145px; margin-right:15px; overflow:hidden; float:left;}
.nominate-user-post span{ display:block;}
.nominate-user-post span a{ color:#333;white-space: nowrap;display:block; font-size:12px; text-overflow: ellipsis; overflow:hidden;}
.nominate-user-post img{ width:100%; height:auto;}
.new_uedsc_fast{ overflow:hidden; margin:0; padding:5px 0 0; width:325px;}
.new_uedsc_fast li{ float:left; width:50%;}
.new_uedsc_fast li a{ font-size:12px; color:#666;}
/*nominate-article end*/

/*alone*/
.sub-head{ background:#F5F5F5; border-bottom:1px solid #DDD; overflow:hidden; padding:20px 0;}
.sub-head h2{ margin:0;}
.sub-nav{ overflow:hidden; margin:0; padding:6px 30px 0 30px;}
.sub-nav li{ float:left;}
.sub-nav a{ color:#666; font-size:14px; margin-right:30px; overflow:hidden; display:block;}
.search-sub{ padding-top:2px;}

.sub-nav li:hover ul{ display:block;}
.sub-sub-menu{ background:#FFF; padding:10px 0; margin:0; border:1px solid #DDD; position:absolute; display:none; width:120px;}
.sub-sub-menu li{ float:none; clear:both;}
.sub-nav .sub-sub-menu a{ padding-left:20px; margin-right:0; font-size:12px; line-height:32px;}
.sub-nav .sub-sub-menu a:hover{ background:#F1F1F1;}
/*alone end*/

/*message*/
.message-bg{ background:#F6F6F6; padding:15px 0; overflow:hidden;}
.message-nav{ width:200px;}
.message-nav ul{ margin:0; padding:0;}
.message-nav li{ padding:5px 0;}
.message-nav li a{ color:#888;}
.message-nav li span{ float:right; background:#F8AC59; display:block; border-radius:3px; color:#FFF; padding:0 5px; font-size:12px;}
.message-nav h3{ font-size:18px; font-weight:100; margin-bottom:5px;}
.message-con{ margin-left:220px; background:#FFF; border:1px solid #EEE;}
.message-con h2{ font-size:20px; font-weight:100; margin:0; padding:15px;}
.ws-list-data{ width:100%; border-collapse:collapse; }
.ws-list-data .btn{ font-size:12px; line-height:24px; padding:0 5px;}
.ws-list-data tbody tr:hover td, .ws-list-data tbody tr.checkd td{ background:#F9F9F9}
.ws-list-data tbody tr.unread td{ font-weight:bold;}
.ws-list-data td, .ws-list-data th{ padding:8px 15px; border-bottom:1px solid #EEE; color:#333; font-size:12px;}
.ws-list-data th{ text-align:left; background:#F5F5F5;}
.ws-list-data td a{ color:#333;}
.ws-list-data td span{ color:#999;}
.ws-list-data tbody td i, .ws-list-data th i{ font-size:18px; color:#999; cursor:pointer;}
/*message end*/

/*relationship*/
.relationship-loop{ overflow:hidden;}
.relationship-item{ width:50%; float:left; padding:15px;}
.relationship_box{}
/*relationship*/

/*topic*/
.topic-con{ margin-right:-40px; overflow:hidden;}
.topic-item{ width:50%; overflow:hidden; padding:20px 40px 20px 0; float:left; border-bottom:1px solid #EEE;}
.topic-img{ background:#EEE; border-radius:3px; width:64px; height:64px; overflow:hidden;}
.topic-img img{ height:64px; width:64px;}
.topic-text{ margin-left:74px;}
.topic-text h3{ font-size:14px; margin:0; font-weight:100; padding-bottom:4px;}
.topic-text p{ font-size:12px; line-height:18px; margin:0;}
/*topic end*/

.union_object{ margin-bottom:10px;}
.footer_object{ margin-bottom:15px;}

/*page-nav*/
.page-nav{ overflow:hidden; background:#FFF;}
.page-nav h2 a {
    text-indent: -100px;
    display: block;
    height: 30px;
    width: 100px;
    overflow: hidden;
}
.page-nav h2 {
    margin: 10px 0px 0px;
    height: 30px;
    width: 80px;
    overflow: hidden;
}
.page-nav ul{ overflow:hidden;}
.page-nav li{ float:left; margin-left:50px;}
.page-nav a{ color:#444;}
.page-head{ background-size:100%;}
.page-head{ padding:20px 0; font-weight:100; font-family:'Microsoft Jhenghei';}
.page-head h2{ color:#FFF; font-size:32px; margin:0; }
/*page-nav*/