/*
Theme Name:Emlog Fourth
Theme Author:博客吧
Theme Url:http://www.boke8.net/emlog-fourth.html
*/
article, aside, details, figcaption, figure, footer, header, main, nav, section {display:block;}
div,html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {margin:0; padding:0;}
body {background:#fff; font:100%/1.5em 'Microsoft Yahei',Arial,tahoma;}
a {text-decoration:none; color:#333;}
a:hover {color:#F88F55;}
li {list-style:none;}
.clear {clear:both;}
a img {border:none;}
/*gold*/
.inner {width:1000px; margin:0 auto;}
.thumbnail img,.logo img,.commentslist .gravatar img,.ad img {width:100%; height:auto; display:block;}
/*top-bar*/
.top-bar {background-color:#FEF7E6; padding:10px 0; font-size:0.75em; text-align:center; position:relative;}
.top-bar span.no-remind {position:absolute; right:10px; bottom:10px;}
.top-bar .notice-cont {padding:0 10px; line-height:1.5em;}
/*header*/
.header {overflow:hidden; margin-bottom:20px;}
/*logo*/
.logo {float:left; margin:20px 0; display:inline; width:177px; height:auto;}
.logo a {display:block;}

/*search-form*/
.search-form {float:right; padding-top:30px;}
.search-form input {display:block; float:left; -webkit-appearance: none; border-radius: 0;}
.search-form .s {border:1px solid #E5E5E5; height:16px; line-height:18px; padding:10px 0; width:300px; text-indent:1em; border-right:none; transition:width 0.3s ease 0s;}
.search-form .submit {background-color:#00B0C8; color:#fff; border:none; height:38px; padding:0 10px; border-radius:0 3px 3px 0; cursor:pointer; -webkit-appearance:none;}
/*header-other*/
.header-other {float:right; padding-top:30px; padding-left:30px;}
.header-other a {background-color:#F88F55; color:#fff; display:inline-block; float:left; height:38px; line-height:38px; padding:0 15px; border-radius:3px; margin-left:10px; font-size:0.875em;}
/*container*/
.container {overflow:hidden;}
/*main*/
.main {float:left; width:700px;}
/*main-nav*/
.main-nav {background-color:#F4F4F4; height:40px; margin-bottom:30px;}
.main-nav ul li {float:left; line-height:40px; text-align:center; width:140px; position:relative;}
.main-nav ul li a {display:block; height:40px; overflow:hidden;}

.main-nav ul li.current a,.main-nav ul li a:hover {background-color:#00B0C8; color:#fff;}
.main-nav ul li.current span{position:absolute; left:50%; bottom:-8px; margin-left:-8px; border-top:8px solid #00B0C8; border-left:8px solid transparent; border-right:8px solid transparent;}
.main-nav ul li ul {position:absolute; left:0; top:40px; width:100%; background-color:#F4F4F4; display:none; z-index:2;}
.main-nav ul li ul li {float:none; display:block; clear:both; width:100%; font-size:1em;}
/*breadcrumb*/
.breadcrumb {font-size:0.75em; color:#666; border-bottom:1px solid #eee; padding-bottom:5px; margin-bottom:20px;}
.breadcrumb a {color:#666;}
/*post*/
.post {overflow:hidden; margin-bottom:25px;}
.post h1.log-title {font-size:1.25em; margin-bottom:15px;}
.post .postmeta {font-size:0.75em; margin-bottom:20px; color:#555;}
.post .postmeta a {color:#555;}
.post .entry p,.post .entry ul,.post .entry ol,.post .entry blockquote,.post .entry hr,.post .entry h1,.post .entry h2,.post .entry h3,.post .entry h4,.post .entry h5,.post .entry h6 {margin-bottom:20px;}
.post .entry hr {border:none; border-bottom:1px solid #eee;}
.post .entry blockquote {overflow:hidden; background-color:#f1f1f1; padding:20px 20px 0; font-weight:bold; border-radius:3px;}
.post .entry ul,.post .entry ol {text-indent:2em;}
.post .entry ul li {list-style:inside disc none;}
.post .entry ol li {list-style:inside decimal none;}
.post .entry img {width:auto; max-width:100%; height:auto;}
.post .tags {font-size:0.875em; border-bottom:1px solid #eee; padding-bottom:5px; padding-top:20px; margin-bottom:30px;}
.post .tags a {margin:3px 5px;}
.post .post-title {overflow:hidden; margin-bottom:15px;}
.post .post-title em {float:left; font-style:normal; font-size:0.75em; font-family:'宋体';}
.post .post-title em a {display:block; background-color:#F0F0F0; color:#F88F55; padding:0 5px; border:1px solid #eee; margin-right:10px;}
.post .post-title h2 {font-size:1.125em;}
.post .thumbnail {float:left; width:300px; height:120px; margin-right:30px; margin-top:8px; display:inline; overflow:hidden;}
.post .intro-meta {font-size:0.75em; color:#666; margin-bottom:5px; height:24px; overflow:hidden;}
.post .intro-meta span.views,.post .postmeta span.views {float:right;}
.post .intro,.post .entry {font-size:0.875em; color:#444;}
.post .intro p {text-align:justify; height:100px; overflow:hidden;}
.post .read-more {font-size:0.75em; text-align:right;}
.post .read-more  a {color:#00B0C8;}
.post-intro {clear:both; border-bottom:1px dashed #5E758C; padding-bottom:15px;}
/*weiyu*/
#weiyu li {position:relative; margin-bottom:30px;}
#weiyu .main_img {position:absolute; left:0; top:0; width:32px; height:32px;}
#weiyu .main_cont {padding-left:47px;}
#weiyu .main_cont h4 {line-height:1em; margin-bottom:10px;}
#weiyu .main_cont p {font-size:0.875em; color:#555;}
#weiyu .bttome {text-align:right; font-size:0.75em; color:#555; margin-bottom:10px;}
#weiyu .bttome a {color:#00B0C8;}
#weiyu .bttome a:hover {text-decoration:underline;}
#weiyu .error li {background-color:#FFFCEF; border:1px solid #FFBB76; font-size:0.75em; text-align:center; padding:5px 0; color:#F88F55; margin:10px 0;}
#weiyu .tinfo,#weiyu .rcode {margin-bottom:10px; font-size:0.875em;}
#weiyu .tinfo input,#weiyu .rcode input {border:1px solid #ddd; padding:5px 0; text-indent:5px;}
#weiyu textarea {border:1px solid #ddd; width:99%; height:120px; margin-bottom:10px;}
#weiyu .rcode label,#weiyu .rcode input,#weiyu .rcode img {float:left;}
#weiyu .rcode img {margin:3px 0;}
#weiyu .tbutton p {clear:both; padding:10px 0;}
#weiyu .tbutton .button_p {background-color:#00B0C8; color:#fff; border:none; padding:5px 15px; cursor:pointer; -webkit-appearance:none;}
/*related*/
.related {margin-bottom:30px;}
.related h3,.comment-form h3 {border-left:3px solid #F88F55; padding: 5px 10px; font-weight:normal; font-size:1em; margin-bottom:20px;}
.related ul li {font-size:0.875em; overflow:hidden; clear:both;}
.related ul li a {display:block; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-left:10px;}
.related ul li span {float:right; font-size:0.9em; color:#666;}
/*comment-form*/
.comment-form {margin-bottom:30px; border-bottom:1px solid #eee; padding-bottom:20px;}
#comment-post {overflow:hidden; position:relative;}
#comment-post .no-right p{border:1px solid #E5E5E5; margin-bottom:10px;}
#comment-post .no-right textarea {width:100%; text-indent:5px; padding:5px 0;}
#comment-post .left {float:left; width:210px;  position:absolute; left:0; top:0; }
#comment-post .right {padding-left:220px;}
#comment-post .right p {border:1px solid #E5E5E5;}
#comment-post p {overflow:hidden; clear:both; margin-bottom:10px;}
#comment-post  label {float:left; font-size:0.875em; width:48px; display:block;}
#comment-post  label i {font-style:normal; color:#F30;}
#comment-post .text,#comment-post .input {border:1px solid #E5E5E5; padding:5px 0; text-indent:5px;}
#comment-post textarea {border:none; width:98%; height:100px; font-size:0.875em; padding:5px 2% 5px 0; text-indent:5px;}
#comment-post .submit {border:none; color:#fff; cursor:pointer; background-color:#F88F55; float:right; padding:5px 20px; border-radius:3px; -webkit-appearance:none;}
#comment-post .submit:hover {background-color:#f50;}
#comment-post .input {width:80px;}
#comment-post .cancel-reply {margin-bottom:10px;}
#comment-post .cancel-reply a{color:#00B0C8; font-size:0.875em;}
/*commentslist*/
.commentslist {overflow:hidden; clear:both;}
.commentslist li {margin-bottom:20px; border-bottom:1px dashed #E3E4E9; padding-bottom:10px; overflow:hidden; position:relative;}
.commentslist li li {margin:20px 0 0 40px; border:none;}
.commentslist .cmt-wrap {padding-left:60px; position:relative;}
.commentslist .gravatar {float:left; width:50px; height:50px; position:absolute; left:0; top:3px;}
.commentslist .gravatar img {background-color:#f1f1f1;}
.commentslist .cmt-user {margin-bottom:5px;}
.commentslist .cmt-user a,.commentslist .cmt-user {color:#00B0C8;}
.commentslist .cmt-floor {position:absolute; right:0; top:0; font-size:0.875em; color:#555;}
.commentslist .cmt-cont {font-size:0.875em; color:#333; margin-bottom:15px;}
.commentslist .cmt-meta {text-align:right; font-size:0.75em; color:#555;}
.commentslist .cmt-meta span {margin-left:15px;}
.commentslist .cmt-meta a {color:#555;}
/*pagenavi*/
.pagenavi {clear:both; overflow:hidden; text-align:center; padding-bottom:30px;}
.pagenavi a,.pagenavi span {display:inline-block; background-color:#F4F4F4; margin:3px; color:#888; padding:2px 10px;}
.pagenavi a:hover,.pagenavi span {background-color:#F88F55; color:#fff;}
/*sidebar*/
.sidebar {float:right; width:250px;}
/*widget*/
.widget,.user-profile {clear:both; background-color:#F4F4F4; margin-bottom:25px;}
.user-profile {padding:10px 15px;}
.user-profile h3 {font-weight:normal; font-size:1em; border-bottom:1px dashed #E3E4E9; padding-bottom:5px; margin-bottom:20px;}
.widget h3 {font-weight:normal; font-size:0.9em; background-color:#EEE; overflow:hidden;}
.widget h3 span {background-color:#F4F4F4; display:block; float:left; padding:10px 15px; color:#F88F55;}
.widget ul {background-color:#F4F4F4; padding:15px;}
.widget ul li.hot {padding:5px 0; overflow:hidden;}
.widget ul li.hot p {height:54px; overflow:hidden; line-height:1.25em;}
/*侧边栏略图大小*/
.widget .thumbnail {float:left; width:150px; height:auto; padding-right:15px;}
.widget p {text-align:justify; font-size:0.875em;}
.widget ul li.cmt {padding-bottom:10px;}
.widget ul li.cmt p.customtitle {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:0.875em;}
.widget ul li.cmt p a {color:#00B0C8;}
.widget ul li.cmt p {color:#888; font-size:0.75em;}
.widget ul li ul {padding:0 15px 0 19px;}
.widget ul li ul li {padding:0; margin:5px 0;}
#logsearch input {float:left;}
#logsearch .input-search {border:1px solid #ddd; padding:5px 0; text-indent:5px; border-right:none; width:76%;}
#logsearch .btn-round {background-color:#F88F55; border:none; height:28px; color:#fff; width:23%; cursor:pointer;}
#link,#blogtags {font-size:0.75em; overflow:hidden;}
#link li {border-bottom:1px dotted #ddd;}
#calendar {padding:15px;}
#calendar table {width:100%; text-align:center; font-size:0.875em;}
#calendar .calendartop {margin-bottom:10px;}
#blogtags a {display:block; float:left; padding:3px 5px;}
#record li {overflow:hidden; font-size:0.875em; padding:3px 0;}
#record li span {float:right; color:#666;}
#blogsort ul li {font-size:0.875em; line-height:14px; padding:5px 0;}
#blogsort ul li img {float:left; margin-right:5px; display:inline;}
#twitter {font-size:0.875em; color:#333; overflow:hidden;}
#twitter ul li {margin-bottom:10px;}
#twitter p {color:#888; text-align:right;}
.custom-widget img {width:auto; max-width:100%; height:auto; display:block; margin:0 auto;}
.custom-widget ul {padding:0;}
/*user-profile*/
.user-profile {overflow:hidden; font-size:0.875em;}
.user-profile p {color:#555;}
.user-profile img {float:left; width:80px; height:auto; background-color:#fff; border:3px solid #E5E5E5; border-radius:50%; margin-right:15px; display:inline;}
/*footer*/
.footer {clear:both; background-color:#E9E9E9; padding:30px 0; font-size:0.75em; color:#888; text-align:center;}
.footer a {color:#888;}
/*404*/
.error404 {background-color:#FFF; font-size:0.75em; color: #666;	width:50%;	margin:60px auto 0px;	border-radius: 10px;padding:30px 10px;	border:#DFDFDF 1px solid;}
.error404 p {line-height: 18px;margin: 5px 20px;}
.error404 a {color:#00B0C8; text-decoration:underline;}
/*ad*/
.ad {margin:0 auto 15px;}
/*backtop*/
#backtop {position:fixed; right:5%; top:70%; width:23px; height:23px; cursor:pointer; background:url(images/backtop.png) no-repeat center center; z-index:2;}
/*screen width*/
@media only screen and (max-width:1100px){
	.inner {width:90.9%;}
	.main {width:70%;}
	.main-nav ul li {width:20%;}
	.sidebar {width:25%;}
	.post .thumbnail {margin-right:4.285714%;}
}
@media only screen and (max-width:768px){
	.header-other,.sidebar,#backtop {display:none;}
	.main {width:100%;}
}
@media only screen and (max-width:640px) {
	.search-form .s {width:200px;}
}
@media only screen and (max-width:480px) {
	.header {margin-bottom:0;}
	.logo {width:140px;}
	.search-form {padding-top:22px;}
	.search-form .s {width:120px;}
	.main-nav ul li {font-size:0.75em;}
	.post .post-title h2 {font-size:1em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.post .thumbnail {width:200px; height:80px;}
	.post .intro p {height:55px; font-size:0.875em; line-height:1.5em;}
	.post .read-more {display:none;}
	#comment-post .left {position:relative; width:100%;}
	#comment-post .right {padding-left:0;}
	#comment-post .text {width:220px;}
}
@media only screen and (max-width:360px) {
	.logo {width:100px;}
	.search-form {padding-top:15px;}
}