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 {
	margin:0;
	padding:0;
}
body {
	font:100%/1.75em tahoma, Arial, 'Microsoft Yahei', 'Simsun';
}
a {
	text-decoration:none;
}
li {
	list-style:none;
}
.clear {
	clear:both;
}
a img {
	border:none;
}
table {
	border-collapse:collapse;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
table td, table th {
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:center;
}
img.aligncenter {
	display:block;
	margin:0 auto;
}
/*gold*/
#container, .inner {
	width:1200px;
	margin:0 auto;
}
/*header*/
#header {
	width:100%;
	height:50px;
	padding:20px 0;
	background-color:#181818;
}
.logo {
	background:url(../images/logo.png) no-repeat center center;
	width:280px;
	height:50px;
	float:left;
	transition-duration: 0.3s;
}
.logo a {
	display:block;
	height:50px;
	text-indent:-9999em;
	outline:none;
}
.menu {
	float:right;
	font-size:0.875em;
}
.menu ul li {
	float:left;
	height:40px;
	line-height:40px;
	position:relative;
}
.menu ul li a {
	display:block;
	height:40px;
	padding:0 15px; font-size:16px;
	color:#eee;
}
.menu ul li a:hover, .menu ul li.current-menu-item a, .menu ul li a.hover {
	background:#fd7f30;
	border-radius:3px;
	color:#fff;
}
.menu ul li ul {
	position:absolute;
	left:0;
	top:27px;
	background:#33b9f7;
	border-radius:0 0 3px 3px;
	padding:10px 0;
	display:none;
	z-index:9999;
}
.menu ul li ul li {
	display:block;
	padding:1px 0;
}
.menu ul li ul li a {
	color:#fff;
	padding:0 15px;
}
/*searchform*/
.searchform_button {
	float:right;
	background:url(../images/sprite.png) no-repeat 10px -157px;
	width:50px;
	height:50px;
	cursor:pointer;
	border:none;
}
#searchform {
	clear:both;
	width:100%;
	background:#33cc99;
	height:60px;
	display:none;
}
#searchform input {
	border:none;
	float:left;
}
#searchform .inner {
	padding:10px 0;
	overflow:hidden;
}
#searchform .text {
	height:16px;
	padding:12px;
	width:1018px;
	color:#666;
	appearance:none;
	border-radius:0;
}
#searchform .submit {
	padding:0 12px;
	width:158px;
	height:40px;
	background:#F90;
	color:#fff;
	cursor:pointer;
	font-size:0.875em;
	font-family:'Microsoft Yahei';
	appearance:none;
	-webkit-appearance: none;
	border-radius:0;
}
/*container*/
#container {
	overflow:hidden;
	clear:both;
	margin:10px auto;
}
.main {
	width:800px;
	float:left;
	transition-duration: 0.5s;
}
/*breadcrumb*/
.breadcrumb {
	font-size:0.8em;
	color:#888;
	font-family:'Microsoft Yahei'; border-bottom:1px solid #eee; line-height:40px; 
}
.breadcrumb a {
	color:#888;
}
.breadcrumb a:hover {
	color:#181818; 
}
/*slider*/
.slider {
	clear:both;
	overflow:hidden;
	border:1px solid #E1E1E1;
	padding:15px;
	max-height:360px;
	position:relative;
	margin-bottom:20px;
}
.slider img {
	display:block;
	width:100%;
}
.flexslider {
	margin:0px auto;
	position:relative;
	width:100%;
	max-height:360px;
	overflow:hidden;
	border:1px solid #eee;
	padding:1px;
}
.flex-viewport {
	max-height:2000px;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	transition:all 1s ease;
}
.flex-direction-nav a {
	width:60px;
	height:90px;
	line-height:99em;
	overflow:hidden;
	margin:-60px 0 0;
	display:block;
	background:url(../images/ad_ctr.png) no-repeat;
	position:absolute;
	top:50%;
	z-index:10;
	cursor:pointer;
	opacity:0;
-webkit-transition:all .3s ease;
}
.flex-direction-nav .flex-next {
	background-position:0 -90px;
	right:0;
}
.flex-direction-nav .flex-prev {
	left:0;
}
.flexslider:hover .flex-next {
	opacity:0.8;
}
.flexslider:hover .flex-prev {
	opacity:0.8;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
	opacity:1;
}
.flex-control-nav {
	width:100%;
	position:absolute;
	bottom:10px;
	text-align:center;
}
.flex-control-nav li {
	margin:0 5px;
	display:inline-block;
}
.flex-control-paging li a {
	background:#666;
	display:block;
	height:6px;
	overflow:hidden;
	text-indent:-99em;
	width:24px;
	cursor:pointer;
	opacity:0.8;
}
.flex-control-paging li a.flex-active {
	background:#333;
}
/*sidebar*/
#BAIDU_SSP__wrapper_u1933416_0 {
	float:right;
}
.sidebar {
	width:360px;
	float:right;
	padding-top:10px;
	transition-duration: 0.5s;
}
.sidebar .fixed {
	position:fixed;
	top:20px;
	width:inherit;
}
.widget {
	margin-bottom:15px;
	overflow:hidden;
}
.widget img {
	width:auto;
	max-width:100%;
	height:auto;
}
.widget h3 {
	border-top:3px solid #fd7f30;
	border-bottom:1px solid #E1E1E1;
	height:35px;
	line-height:34px;
	padding-left:15px;
	font-size:1em;
	color:#fff;
	background-color:#181818;
	font-weight:lighter;
}
.widget ul {
	padding:10px 0;
	overflow:hidden;
	background-color:#fff;
}
.side-post li {
	line-height:1.7em;
	border-bottom:1px dotted #ccc;
	padding:8px 0 8px 20px;
	background:url(../images/sprite.png) no-repeat 0 -109px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:0.875em;
	letter-spacing:1px;
}
.side-post a {
	color:#444;
}
.side-post a:hover {
	color:#33b9f7;
}
#category ul li {
	float:left;
	text-align:right;
	width:165px;
	border-bottom:1px solid #eee;
	padding:8px 0;
	color:#999;
	font-size:0.875em;
}
#category ul li a {
	color:#707070;
	float:left;
}
#category ul li.current-cat a {
	color:#42ABE2;
	font-weight:bold;
}
#tags a {
	font-size:0.75em;
	display:inline-block;
	float:left;
	background-color:#f1f1f1;
	margin:5px;
	padding:2px 10px;
	color:#707070;
	border-bottom:1px solid #ededed;
}
#tags a:hover {
	background:#fd7f30;
	color:#fff;
}
#custom h3 {
	margin-bottom:10px;
}
#custom img {
	display:block;
	border-radius:3px;
}
#custom ul {
	border:1px solid #E1E1E1;
	padding:2px;
	border-radius:3px;
}
#custom ul li {
	float:left;
	width:160px;
	height:160px;
	margin:10px 0 5px;
}
#custom ul li img {
	width:160px;
	height:160px;
}
#custom iframe {
	display:table;
	margin:0 auto;
}
#email input {
	display:block;
	float:left;
	border:none;
}
#email .email {
	border:1px solid #DCDCDC;
	height:14px;
	padding:10px;
	width:252px;
	color:#666;
}
#email .submit {
	background:#33b9f7;
	color:#fff;
	font-family:'Microsoft Yahei';
	font-size:0.875em;
	height:36px;
	border-radius:0 3px 3px 0;
	padding:0px 15px;
	cursor:pointer;
}
#email .submit:hover {
	background:#26C8A8;
}
.post {
	overflow:hidden;
	padding:15px 0;
	transition-duration: 0.3s;
	border-bottom:1px solid #eee;
}
.post .pic {
	float:left;
	width:58px;
	height:58px;
	margin-right:15px;
	display:inline;
	border-radius:29px;
	border:1px solid #ddd;
	padding:1px;
}
.post .pic img {
	width:58px;
	height:58px;
	border-radius:29px;
	transition:transform 0.4s ease-out 0s;
}
.post .pic img:hover {
	transform:rotateZ(360deg);
}
.post.sticky h2 {
	font-weight:normal;
	font-size:1.25em;
}
.post.sticky h2 span {
	color:#FFF;
	background-color:#F04848;
	font-size:0.5em;
	width:30px;
	height:20px;
	border-radius:2px;
	line-height:20px;
	margin:5px 10px 0 0;
	font-family:'Microsoft Yahei';
	display:inline-block;
	float:left;
	text-align:center;
}
.post.sticky h2 a {
	color:#333;
}
.post.sticky h2 a:hover {
	color:#181818;
}
.post .title {
	color:#181818;
	font-size:1.375em;
	letter-spacing:2px;
	margin-bottom:5px;
}
.post .title a {
	color:#181818;
}
.post .title a:hover {
	color:#fd7f30;
	text-decoration: none;
}
.post .pgTitle {
	font-size:32px;
	line-height:1.5em;
	font-weight:normal;
	text-align:center;
	text-transform:uppercase;
	color:#181818;
	letter-spacing:2px;
}
.postmeta {
	line-height:30px;
	color:#bbb;
	font-size:0.75em;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-top:10px;
}
.postmeta a {
	color:#bbb;
}
.postmeta a:hover {
	color:#000;
}
.postmeta span {
	padding:1px 0 1px 25px;
	margin-right:15px;
	background:url(../images/sprite.png) no-repeat;
}
.postmeta span.date {
	background-position:0 -85px;
}
.postmeta span.cmt {
	background-position:0 -40px;
}
.postmeta span.tags {
	background-position:0 -224px;
	padding-left:18px;
}
.postmeta span.views {
	background-position:0 -266px;
}
.entry {
	clear:both;
	font-size:14px;
	padding:10px 0 5px;
	color:#333;
}
.entry hr {
	border:none;
	border-bottom:1px solid #dedede;
	margin-bottom:20px;
}
.entry i {
	color:#3A599A;
}
.entry h5 {
	margin-bottom:20px;
	font-size:1.25em;
	font-weight:normal;
	color:#000;
	line-height:1.5em;
	border-left:6px solid #3A599A;
	padding:3px 0 3px 10px;
	background-color:#f6f6f6;
}
.entry h4 {
	font-size:1.35em;
	text-transform:uppercase;
	margin-bottom:20px;
	color:#3A5999;
	font-weight:normal;
	line-height:1.5em;
	border-bottom:1px solid #eee;
	padding-bottom:10px;
}
.entry img {
	max-width:100%;
	height:auto;
}
.entry .thumbnail {
	float:left;
	width:200px;
	height:150px;
	border:1px solid #ddd;
	padding:1px;
	overflow:hidden;
	margin-right:26px;
	margin-top:4px;
	display:inline;
}
.entry .thumbnail img {
	width:200px;
	height:150px;
	border:none;
	padding:0;
}
.entry a {
	color:#3A599A;
	background:url(../images/link.png) no-repeat right 4px;
	padding-right:18px;
}
.entry p {
	margin-bottom:20px;
	line-height:2em;
}
.entry p.more {
	float:right;
}
.entry p.more a {
	display:block;
	height:30px;
	line-height:30px;
	width:80px;
	border-radius:3px;
	color:#fff;
	text-align:center;
	background:#181818;
	padding-right:0;
}
.entry p.more a:hover {
	background-color:#fd7f30;
}
.entry blockquote {
	background-color:#FFFCEF;
	border:1px dotted #FFbe99;
	border-radius:3px;
	padding:15px 15px 0;
	margin:0 2em 15px;
	overflow:hidden;
	color:#888;
}
.entry code {
	background-color:#F9F2F4;
	color:#c7254e;
	margin:0 3px;
	padding:0 2px;
	font-weight:normal;
}
.entry ul, .entry ol {
	margin-bottom:20px;
	margin-left:2em;
}
.entry li {
	line-height:1.75em;
	margin:10px 0;
}
.entry ul li {
	background:url(../images/libg.png) no-repeat 0 6.5px;
	padding-left:20px;
}
.entry ol li {
	list-style:inside decimal none;
	background:none;
	padding-left:0;
}
.entry table {
	margin-bottom:20px;
}
.entry table td, .entry table th {
	padding:0 5px;
}
.entry .wp_syntax pre {
	font-size:12px;
}
.copyright {
	margin:0;
	padding:10px;
	font-size:0.875em;
	background-color:#f5f5f5;
	border:1px solid #f1f1f1;
	border-radius:5px;
}
.copyright p {
	margin:0;
	line-height:1.75em;
	color:#888;
}
.copyright a {
	color:#888;
	background:none;
	padding-right:0;
	text-decoration:underline;
}
/*favbox*/
.favbox, .favbox ul {
	overflow:hidden;
	clear:both;
}
.favbox h3 {
	font-size:1.125em;
	font-weight:normal;
	margin:10px 0;
	border-bottom:2px solid #eee;
	padding-bottom:5px;
	color:#555;
}
.favbox h3 span {
	border-bottom:2px solid #00ad35;
	padding-bottom:8px;
}
.favbox ul {
	width:101%;
}
.favbox ul li {
	float:left;
	width:22%;
	color:#777;
	font-size:0.75em;
	padding:10px 1%;
	margin:5px 1% 5px 0;
	height:88px;
	overflow:hidden;
	background-color:#f9f9f9;
	display:inline-block;
}
.favbox ul li a {
	display:block;
	width:100%;
	margin-bottom:5px;
	color:#00ad35;
	font-size:1.25em;
}
/*themes*/
.themes {
	overflow:hidden;
}
.themes ul {
	overflow:hidden;
	width:102%;
	padding-top:10px;
}
.themes li {
	float:left;
	width:18%;
	padding-right:2%;
	padding-bottom:2%;
}
.themes li .theme-warp {
	overflow:hidden;
	background:#fff;
	transition-duration: 0.3s;
	border:1px solid #ededed;
	padding:5px;
}
.themes li .thumbnail {
	width:100%;
	margin-bottom:10px;
}
.themes li .thumbnail a {
	display:block;
	color:#666;
	font-size:0.875em;
	padding-bottom:100%;
	position:relative;
	overflow:hidden;
}
.themes li .thumbnail img {
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	left:0;
	top:0;
}
.themes li h2 {
	font-size:0.875em;
	line-height:1.5em;
	height:3em;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-bottom:10px;
}
.themes li h2 a {
	color:#333;
}
.themes li .theme-meta {
	font-size:0.75em;
	line-height:1.5em;
	color:#333;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.themes li .theme-meta a {
	color:#1871B1;
}
.themes .pagenavi {
	margin:0;
}
/*host*/
h3.host-title {
	font-size: 1.125em;
	line-height: 1.4em;
	color: #446BBA;
	margin-bottom:25px;
	text-align:center;
	padding-bottom:4px;
	border-bottom:2px solid #eee;
}
h3.host-title span {
	border-bottom: 2px solid #446BBA;
	padding:0 10px 5px;
}
.host {
	position:relative;
	overflow:hidden;
	padding:15px 0 15px 240px;
}
.host-logo {
	width:200px;
	height:120px;
	border:1px solid #ededed;
	position:absolute;
	left:0;
	top:15px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:60% auto;
}
.host-logo a {
	text-indent:-9999em;
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.host-meta {
	border:1px solid #dedede;
	border-radius:3px;
	padding:10px 20px;
	position:relative;
}
.host-meta h2 {
	font-weight:normal;
	font-size:1.125em;
	margin-bottom:10px;
	line-height:1.5em;
}
.host-meta h2 a {
	color:#E71929;
}
.host-meta h2 i {
	font-weight:normal;
	font-style:normal;
	margin-right:5px;
	background-color:#446BBA;
	color:#fff;
	font-size:0.75em;
	line-height:1em;
	padding:1px 3px;
	border-radius:2px;
}
.host-meta p {
	font-size:0.875em;
	color:#666;
}
.host-meta .arrow {
	position:absolute;
	left:-10px;
	top:51px;
	border-right:10px solid #dedede;
	border-top:10px solid transparent;
	border-bottom:10px solid transparent;
}
.host-meta p.go {
	margin-top:10px;
}
.host-meta p.go span {
	font-weight:bold;
}
.host-meta p.go a {
	color:#446BBA;
}
/*wp_syntax*/
.wp_syntax {
	color:#100;
	background-color:#f9f9f9;
	margin: 0 0 1.5em 0;
	overflow: auto;
}
/* IE FIX */
.wp_syntax {
	overflow-x:auto;
	overflow-y:hidden;
	padding-bottom:0;
	width: 99%;
}
.wp_syntax table {
	border:none !important;
	border-collapse:collapse !important;
	margin:0 !important;
	padding:0 !important;
	width: 100% !important
}
.wp_syntax caption {
	margin:0 !important;
	padding: 2px !important;
	width:100% !important;
	background-color:#def !important;
	text-align:left !important;
	font-family:monospace !important;
	font-size: 12px !important;
	line-height: 1.2em !important;
}
.wp_syntax caption a {
	color: #1982d1 !important;
	text-align: left !important;
	font-family: monospace !important;
	font-size : 12px !important;
	line-height: 16px !important;
	text-decoration: none !important;
}
.wp_syntax caption a:hover {
	color: #1982d1 !important;
	text-decoration: underline !important;
}
.wp_syntax div, .wp_syntax td {
	border: none !important;
	text-align: left !important;
	padding: 0 !important;
	vertical-align: top !important;
}
.wp_syntax td.code {
	background-color: #EEE;
	background-image: -webkit-linear-gradient( transparent 50%, rgba(255, 255, 255, .9) 50% );
	background-image: -moz-linear-gradient( transparent 50%, rgba(255, 255, 255, .9) 50% );
	background-image: linear-gradient( transparent 50%, rgba(255, 255, 255, .9) 50% );
	background-size : 1px 32px;
	line-height: normal !important;
	white-space: normal !important;
	width: 100% !important;
}
/* potential overrides for other styles */
.wp_syntax pre {
	background: transparent !important;
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
	width: auto !important;
	float: none !important;
	clear: none !important;
	overflow: visible !important;
	font-family: monospace !important;
	font-size: 12px !important;
	line-height: 16px !important;
	padding: 0 4px !important;
	white-space: pre !important;	/* FF3.5+ */
	-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important; /* Saf3.0+, Chrome */
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important; /* Opera 10.5, IE 9.0 */
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
}
.wp_syntax td.line_numbers pre {
	background-color: #def !important;
	color: gray !important;
	text-align: right !important;
	width: 16px !important;
}
.relatedpost h3 {
	margin-bottom:10px;
}
.relatedpost ul {
	overflow:hidden;
}
.relatedpost li {
	float:left;
	background:url(../images/sprite.png) no-repeat left -113px;
	padding:2px 0 2px 20px;
	width:360px;
	font-size:0.875em;
	color:#666;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.relatedpost a {
	color:#666;
}
.relatedpost a:hover {
	color:#000;
	text-decoration:underline;
}
.pagenavi {
	margin:15px 0;
	font-size:0.75em;
	overflow:hidden;
}

.pagenavi li {
	background:#fff;
	border:1px solid #eee;
	display:inline-block;
	float:left;
	padding:0 10px;
	margin-right:4px;
	margin-bottom:2px;
	color:#444;
	font-weight:bold;
}

.pagenavi a, .pagenavi span {
	background:#fff;
	border:1px solid #eee;
	display:inline-block;
	float:left;
	padding:0 10px;
	margin-right:4px;
	margin-bottom:2px;
	color:#444;
	font-weight:bold;
}
.pagenavi a:hover, .pagenavi span.current, .pagenavi a.current {
	background-color:#33b9f7;
	border-color:#33b9f7;
	color:#fff;
	transition:background 0.5s ease 0s;
}
.pagenavi a.prev, .pagenavi a.next, .pagenavi .pre-next {
	float:right;
}
#backtop {
	position:fixed;
	bottom:100px;
	right:20px;
	width:23px;
	height:21px;
	cursor:pointer;
	background:url(../images/sprite.png) no-repeat 0 0;
}
#backtop img {
	width:100%;
	height:auto;
}
#footer {
	margin-top:20px;
	clear:both;
	background:#181818;
	width:100%;
	padding:15px 0;

	color:#BDC3C7;
	font-size:14px; line-height:30px;
	text-align:center;
}
#footer a {
	color:#BDC3C7; 
}
#friendlinks {
	clear:both;
	font-size:0.75em;
	color:#333;
	line-height:2em;
}

#friendlinks  a {
	color:#333;  font-size:14px;
}
#friendlinks  a:hover {
	text-decoration:underline; 
	color:#000;
}
/*commentslist*/
.commentslist {
	clear:both;
	overflow:hidden;
	background-color:#fff;
	margin:15px 0;
}
.commentslist li {
	clear:both;
	border:1px solid #F2F2F2;
	overflow:hidden;
	padding:15px;
	margin-top:20px;
}
.commentslist li .gravatar {
	float:left;
	width:54px;
	height:54px;
	overflow:hidden;
	margin-right:10px;
	display:inline;
}
.commentslist li .gravatar img {
	width:50px;
	height:50px;
	border:1px solid #ddd;
	padding:1px;
	border-radius:50px;
	transition: transform 0.4s ease-out 0s;
}
.commentslist li .gravatar img:hover {
	transform: rotateZ(360deg);
}
.commentslist li .comment-info {
	float:left;
}
.commentslist li .comment-author {
	color:#FB7923;
	font-size:0.875em;
}
.commentslist li .comment-author p {
	color:#999;
}
.commentslist li .comment-author span {
	background-color:#FB7923;
	font-size:0.875em;
	padding:2px 5px;
	margin-right:5px;
	color:#fff;
	border-radius:2px;
	opacity:.5;
}
.commentslist li .comment-author a {
	color:#333;
}
.commentslist li .comment-text {
	clear:both;
	color:#666;
	font-size:0.875em;
	padding-left:64px;
}
.commentslist li .comment-text a {
	color:#3A599A;
}
.commentslist li .comment-text a:hover {
	text-decoration:underline;
}
.commentslist li .comment-time span {
	font-size:0.6875em;
	color:#AAA;
	;
}
.commentslist li .comment-time span a {
	margin-left:10px;
	color:#555;
}
.commentslist li ul {
	overflow:hidden;
	clear:both;
}
.commentslist li li {
	margin-top:10px;
}
.commentslist .pagenavi {
	margin:15px 0;
}
/*commentform*/
.commentform, .relatedpost, .relatedpro {
	margin:15px 0;
}
.commentform h3, .commentslist h3, .relatedpost h3, .relatedpro h3 {
	font-weight:normal;
	font-size:1em;
}
.commentform p {
	margin:5px 0;
	color:#666;
	font-size:0.875em;
}
.commentform p a {
	color:#181818;
}
.commentform p label {
	display:block;
}
.commentform p label i {
	font-style:normal;
	padding:0 5px;
	color:#3A599A;
	font-weight:bold;
}
.commentform p input.text {
	width:94.75%;
	height:24px;
	padding:2px 5px;
	border:1px solid #ddd;
}
.commentform p textarea {
	width:94.75%;
	padding:5px;
	height:110px;
	border:1px solid #ddd;
	resize:vertical;
}
.commentform .submit {
	background-color:#33b9f7;
	padding:6px 10px;
	border-radius:3px;
	border:none;
	cursor:pointer;
	color:#fff;
	appearance:none;
	-webkit-appearance:none;
}
.commentform .submit:hover {
	background:#26C8A8;
}
a#cancel-comment-reply-link {
	font-size:0.875em;
	color:#555;
}
/*screen width*/
@media only screen and (max-width:1280px) {
 .inner, #container {
width:93.75%;
}
 #searchform .text {
width:84.833333%;
padding:12px 1%;
}
 #searchform .submit {
padding:12px 1%;
width:13.166667%;
}
 .main {
width:66.666667%;
}
 .slider {
padding:15px 1.875%;
}
 .postmeta span {
margin-right:1.875%;
}
 .entry .thumbnail {
width:25%;
height:auto;
max-height:200px;
}
 .entry .thumbnail img {
width:100%;
height:auto;
}
 .sidebar {
width:30%;
}
 .widget h3 {
padding-left:4.166667%;
}
 .widget ul {
padding:10px 1.388889%;
}
 #email .email {
width:76.388889%;
padding:10px 2.777778%;
}
 #email .submit {
padding:0 4.166667%;
width:17%;
}
 #category ul li, #custom ul li {
width:45.833333%;
}
 #custom ul li {
height:auto;
max-height:160px;
overflow:hidden;
}
#custom ul li a {
display:block;
}
#custom ul li img {
width:100%;
height:auto;
max-height:160px;
}
 .relatedpost ul li {
width:45.5%;
}
 .sidebar .fixed {
width:26.5%;
}
 #backtop {
right:1.48257969%;
}
}
@media only screen and (max-width:1199px) {
 #category ul li {
float:none;
width:100%;
clear:both;
}
}
@media only screen and (max-width:1080px) {
 .menu ul li a {
padding:0 10px;
}
}
@media only screen and (max-width:960px) {
 #header {
padding:25px 0;
height:auto;
}
 #header .inner {
position:relative;
overflow:hidden;
}
 .relatedpost ul li {
width:100%;
}
 .sidebar .fixed {
width:27%;
}
 .host-logo {
width:150px;
height:90px;
}
 .host {
padding-left:180px;
}
 .host-meta .arrow {
top:35px;
}
 .host-meta p {
line-height:1.65em;
}
 * {
-webkit-tap-highlight-color:transparent;
}
 body.open {
position:fixed;
right:150px;
top:0;
width:100%;
height:100%;
overflow:hidden;
}
 .searchform_button, #backtop {
display:none;
}
 #searchform {
display:block;
}
 .nav_btn {
width:40px;
height:29px;
overflow:hidden;
border-radius:3px;
cursor:pointer;
position:absolute;
right:0;
top:50%;
margin-top:-14.5px;
}
 .nav_btn span {
display:block;
width:25px;
height:3px;
background:#ccc;
margin:5px auto;
}
 .nav {
position:fixed;
right:-150px;
top:0;
width:150px;
height:100%;
background-color:#222;
overflow-y:auto;
-webkit-overflow-scrolling:tourch;
}
 .nav.open {
right:0;
}
 .menu {
float:none;
padding:2em 0;
}
 .menu ul li {
float:none;
display:block;
border-top:1px solid #262626;
border-bottom:1px solid #363636;
height:auto;
line-height:45px;
text-align:center;
}
 .menu ul li a {
padding:0;
height:auto;
}
 .menu ul li a:hover, .menu ul li.current-menu-item a, .menu ul li a.hover {
background:none;
border-radius:0;
}
 .menu ul li ul li {
padding:0;
}
 .menu ul li ul {
position:relative;
top:0;
border-radius:0;
background:none;
padding:0;
}
 .menu ul li ul li a {
padding:0;
}
 .themes li {
width:23%;
}
}
@media only screen and (max-width:768px) {
 .main, .sidebar {
width:100%;
}
 .widget {
display:none;
}
 #tags {
display:block;
}
 #tags h3 {
border:none;
background:#33b9f7;
font-weight:normal;
color:#FFF;
line-height: 30px;
}
 .widget {
margin-bottom:0;
}
 .sidebar {
margin:20px 0 0;
}
 .sidebar .fixed {
position:relative;
top:auto;
width:100%;
}
 .favbox ul li {
width:45%;
padding:10px 2%;
}
 .post .pgTitle {
font-size:24px;
}
}
@media only screen and (max-width:640px) {
 .host {
padding:15px 0;
}
 .host-logo {
position:relative;
left:auto;
top:auto;
width:200px;
height:120px;
margin:0 auto 20px;
}
 .host-meta .arrow {
left:50%;
margin-left:-10px;
top:-10px;
border-bottom:10px solid #dedede;
border-top:none;
border-left:10px solid transparent;
border-right:10px solid transparent;
}
 .themes li {
width:48%;
}
 .themes li h2 {
font-weight:normal;
}
}
@media only screen and (max-width:480px) {
 #header {
padding:20px 0;
}
 .logo {
width:250px;
height:28px;
background-size:contain;
}
 .logo a {
height:28px;
}
 .postmeta, .homeentry, #custom, #tags {
display:none;
}
 .post {
padding: 10px 0;
}
 .commentslist li .gravatar {
width:44px;
height:44px;
}
 .commentslist li .gravatar img {
width:40px;
height:40px;
}
 .commentslist li .comment-author {
font-size:0.75em;
line-height:1.5em;
}
 .commentslist li .comment-text {
padding-left:0px;
}
 .slider, .flexslider {
max-height:200px;
}
 .sidebar {
margin:0;
}
 .favbox ul li {
width:auto;
padding:10px;
float:none;
clear:both;
display:block;
}
 .post.sticky h2 {
font-size:18px;
}
 .post.sticky h2 span {
font-size:12px;
}
 .post .title {
font-size:14px;
font-weight:normal;
letter-spacing:0;
}
}
@media only screen and (max-width:320px) {
 .themes ul {
width:auto;
 padding: 10px 0;
}
 .themes li {
width:auto;
padding-right:0;
}
}
.fc_03c{ color:#F00}

.mb20 {
    margin-top:20px;
}
.f14, .f14 a {
    font-size: 14px; color:#333
}
.th0 {
    background: #eee;
    font-weight: bold;
}
/* 通用分页样式 */

.pages {
	width:100%;
	height:auto;
	text-align:center;
	padding:40px 0 20px;
	margin:0 auto;
	overflow:hidden;
	clear:both;
}
.pages a {
	border: 1px solid #181818;
	height: 30px;
	line-height: 30px;
	color: #181818;
	padding: 5px 10px;
	margin-right: 8px;
	font-size:16px;
}
.pages .current, .pages a:hover {
	color: #fff;
	background:#fd7f30;
	border: 1px solid #fd7f30;
}

@media only screen and (max-width: 640px){
.pages {
	width:100%;
	height:auto;
	text-align:center;
	padding:20px 0 10px;
	margin:0 auto;
	overflow:hidden;
	clear:both;
}	
	.pages a {
	border: 1px solid #181818;
	height: 20px;
	line-height: 20px;
	color: #181818;
	padding: 5px 10px;
	margin-right: 4px;
	font-size:14px;
}
}