
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 {background:#f2f2f2; font:100%/1.75em tahoma,Arial,'宋体B8B\4F53';}
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*/
.header,#container,.footer,.searchform,#friendlinks {width:1200px; margin:0 auto;}
/*header*/
#header {width:100%; height:30px; padding:25px 0; background:#353535;}/*border-top:5px solid #6EA10D;*/
#header .logo {background:url(../images/logo.png) no-repeat; width:280px; height:55px; float:left; transition-duration: 0.3s;}
#header .logo a {display:block; width:280px; height:32px; text-indent:-9999em; outline:none;}
#header .menu {float:right; font-size:0.875em;}
#header .menu ul li {float:left; height:30px; line-height:30px; font-family:'Microsoft Yahei'; position:relative;}
#header .menu ul li a {display:block;height:30px; padding:0 15px; color:#bdc3c7;}
#header .menu ul li a:hover,#header .menu ul li.current-menu-item a,#header .menu ul li a.hover {background:#1abc9c; border-radius:3px; color:#fff;}
#header .searchform_button {float:right; background:url(../images/sprite.png) no-repeat 6px -162px; width:30px; height:30px; cursor:pointer; border:none;}
#header .menu ul li ul {position:absolute; left:0; top:27px; background:#1ABC9C; border-radius:0 0 3px 3px; padding:10px 0; display:none; z-index:9999;}
#header .menu ul li ul li {display:block; padding:1px 0;}
#header .menu ul li ul li a{color:#fff; padding:0 15px;}
.nav_btn {width:40px; height:29px; overflow:hidden; border-radius:3px; float:left; display:none; cursor:pointer;}
.nav_btn span {display:block; width:25px; height:3px; background:#ccc; margin:5px auto;}
/*searchform*/
#searchform {clear:both; width:100%;background:#f2f2f2; height:60px; display:none;}
#searchform input {border:none; float:left;}
#searchform .searchform {padding:10px 0; overflow:hidden;}
#searchform .searchform .text {height:16px; padding:12px; width:1018px; color:#666;}
#searchform .searchform .submit {padding:0 12px; width:158px; height:40px; background:#F90; color:#fff; cursor:pointer; font-size:0.875em; font-family:'Microsoft Yahei'; -webkit-appearance: none;}
/*container*/
#container {overflow:hidden; clear:both; background-color:#fff; margin:20px auto; padding:10px 0 20px; border:1px solid #ededed;}
.main {width:800px; float:left; display:inline; transition-duration: 0.5s;}
/*breadcrumb*/
.breadcrumb {margin:0 20px; font-size:0.75em; color:#888; font-family:'宋体';}
.breadcrumb a {color:#888;}
.breadcrumb a:hover {color:#353535;}
/*slider*/
.slider {clear:both; overflow:hidden; border:1px solid #E1E1E1; padding:15px; background:#fff; 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;zoom:1; 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;}
.flexslider .slides{zoom:1;}
.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;filter:alpha(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;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.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*/
.sidebar {width:360px; float:right; margin:10px 20px 0 0; display:inline-block; transition-duration: 0.5s;}
.sidebar .fixed {position:fixed; top:20px; width:inherit;}
.widget {margin-bottom:15px;}
.widget img {width:auto; max-width:100%; height:auto;}
.widget h3 {border-top:2px solid #1abc9c; border-bottom:1px solid #E1E1E1; height:35px; line-height:34px; padding-left:15px; font-family:'Microsoft Yahei'; font-size:1em; color:#fff; background:#353535;}
.widget ul {padding:10px 5px; overflow:hidden; background:#fff;}
.side-post ul li {line-height:1.7em; border-bottom:1px dotted #ccc; padding:5px 0 5px 20px; background:url(../images/sprite.png) no-repeat 0 -113px; font-family:'Microsoft Yahei'; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:0.8125em; letter-spacing:1px;}
.side-post ul li a {color:#444;}
.side-post ul li a:hover {color:#1ABC9C;}
#social {border:1px solid #ededed; background:#fff; padding:15px 0;}
#social a {margin:0 12.8px;}
#social img {width:60px; height:66px;}
#category ul li {float:left; text-align:right; width:165px; border-bottom:1px solid #eee; line-height:34px; color:#999; font-family:'Microsoft Yahei'; font-size:0.75em;}
#category ul li a {color:#707070; float:left; font-size:1.25em;}
#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:#1ABC9C; color:#fff;}
#ad ul {border:1px solid #E1E1E1;}
#ad ul li {float:left; width:160px; height:160px; margin:10px 0 5px;}
#ad ul li img {display:block; width:160px; height:160px;}
#ad 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:#1ABC9C; 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;}
.themes ul li .theme-warp {overflow:hidden; background:#fff; transition-duration: 0.3s; border:1px solid #ededed; padding:5px;}
.post {overflow:hidden; padding:15px 0; margin:0 20px; background:#fff; 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-family:'Microsoft Yahei'; font-size:1.25em;}
.post.sticky h2 span {color:#FFFFFF; background:#F04848; font-size:0.8em; width:140px; height:25px; border-radius:2px; line-height:25px; margin:5px 10px 0 0; font-family:'宋体'; display:inline-block; float:left; text-align:center;padding-top: 2px;}
.post.sticky h2 a {color:#333;}
.post.sticky h2 a:hover {color:#353535;}
.post .title,.post .title a{color:#353535;}
.post .title a:hover {color:#333; text-decoration:underline;}
.post .title h2 {font-family:'Microsoft Yahei'; font-size:1.375em; letter-spacing:2px; margin-bottom:5px;}
.post .title .postmeta {line-height:30px; color:#bbb;  font-size:0.75em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:10px;}
.post .title .postmeta a {color:#bbb;}
.post .title .postmeta a:hover {color:#000;}
.post .title .postmeta span {padding:1px 0 1px 25px; margin-right:15px; background:url(../images/sprite.png) no-repeat;}
.post .title .postmeta span.date {background-position:0 -85px;}
.post .title .postmeta span.cmt {background-position:0 -40px;}
.post .title .postmeta span.tags {background-position:0 -224px; padding-left:18px;}
.post .title .postmeta span.views {background-position:0 -266px;}
.post .entry {clear:both; font-size:0.875em; font-family:'Microsoft Yahei'; padding:10px 0 5px; color:#333;}
.post .entry hr {border:none; border-bottom:1px solid #dedede; margin-bottom:15px;}
.post .entry i {color:#3A599A;}
.post .entry h5 {margin-bottom:15px; font-size:1.2em;}
.post .entry h4 {font-size:1.125em; text-transform:uppercase; margin-bottom:15px; color:#3A5999;}
.post .entry img {max-width:100%; height:auto;}
.post .entry .thumbnail {float:left; width:200px; height:200px;  border:1px solid #ddd; padding:1px; overflow:hidden; margin-right:26px; margin-top:4px; display:inline;}
.post .entry .thumbnail img {width:200px; height:200px; border:none; padding:0;}
.post .entry a {color:#3A599A; background:url(../images/link.png) no-repeat right 4px; padding-right:18px;}
.post .entry p {margin-bottom:15px; line-height:1.75em;}
.post .entry p.more {float:right;}
.post .entry p.more a{display:block; height:30px; line-height:30px; width:80px;  border-radius:3px; color:#fff;  text-align:center; background:#1ABC9C; padding-right:0;}
.post .entry p.more a:hover {background-color:#26c8a8;}
.post .entry blockquote {background-color:#FFFCEF; border:1px dotted #FFbe99; border-radius:3px; padding:10px 10px 0; margin:0 2em 15px; overflow:hidden; font-size:0.875em; color:#555;}
.post .entry code {background-color:#F9F2F4; color:#c7254e; margin:0 3px; padding:0 2px; font-weight:normal;}
.post .entry ul,.post .entry ol {margin-bottom:15px; margin-left:2em;}
.post .entry li {line-height:1.75em; margin:10px 0;}
.post .entry ul li {background:url(../images/libg.png) no-repeat 0 6.5px; padding-left:20px;}
.post .entry ol  li {list-style:inside decimal none; background:none; padding-left:0;}
.post .entry table {margin-bottom:15px;}
.post .entry table td,.post .entry table th {padding:0 5px;}
.post .copyright {margin:0; padding:10px; font-size:0.875em; background-color:#f5f5f5; border:1px solid #f1f1f1; border-radius:5px;}
.post .copyright p {margin:0; line-height:1.75em; color:#888;}
.post .copyright a {color:#888; background:none; padding-right:0; text-decoration:underline;}
.post .copyright a:hover {}
/*themes*/
.themes ul {overflow:hidden;}
.themes ul li {float:left; width:210px; padding:15px; display:inline-block;}
.themes ul li .theme-warp {margin-bottom:0;}
.themes ul li .thumbnail {width:100%; height:auto; margin-bottom:10px;}
.themes ul li .thumbnail a {display:block; color:#666; font-size:0.875em;}
.themes ul li .thumbnail img {width:100%; height:auto; display:block;}
.themes ul li h2 {font-size:0.875em; line-height:1.5em; height:42px; overflow:hidden; text-overflow:ellipsis; margin-bottom:10px;}
.themes ul li h2 a {color:#333;}
.themes ul li .theme-meta {font-size:0.75em; line-height:1.5em; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.themes ul li .theme-meta a {color:#1871B1;}
/*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:expression(this.scrollWidth > this.offsetWidth ? 15 : 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: -ms-linear-gradient( transparent 50%, rgba(255, 255, 255, .9) 50% ); background-image: -o-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;	-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !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; -moz-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 ul li {float:left; background:url(../images/sprite.png) no-repeat 0 -115px; padding-left:20px; width:360px; font-size:0.875em; color:#666; font-family:'Microsoft Yahei'; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.relatedpost ul li a {color:#666;}
.relatedpost ul li a:hover {color:#000; text-decoration:underline;}
.pagenavi {margin:15px 20px; font-size:0.75em}
.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:#1ABC9C; color:#fff; transition:background 0.5s ease 0s;}
.pagenavi a.prev,.pagenavi a.next,.pagenavi .pre-next {float:right;}
.pagenavi em{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;font-style: normal;}
.pagenavi .pagenow{background:#1ABC9C; color:#fff; transition:background 0.5s ease 0s;}
.pagego{font-size: 0px;visibility: hidden;}
.pagebtn{font-size: 0px;visibility: hidden;}

#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:#353535; width:100%; padding:15px 0;  font-size:0.75em}
#friendlinks {clear:both;  font-size:0.75em; margin:20px auto 0;}
#friendlinks ul {overflow:hidden;}
#friendlinks ul li {float:left; color:#333; margin-right:10px; line-height:2em;}
#friendlinks ul li a {color:#333;}
#friendlinks ul li a:hover {text-decoration:underline; color:#000;}
.footer {color:#BDC3C7;; text-align:center;}
.footer a {color:#BDC3C7;;}
/*commentslist*/
.commentslist {clear:both; overflow:hidden; background-color:#fff; margin:15px 20px;}
.commentslist ol li {clear:both; border:1px solid #F2F2F2; overflow:hidden; padding:15px; margin-top:20px;}
.commentslist ol li .gravatar {float:left; width:54px; height:54x; overflow:hidden; margin-right:10px; display:inline;}
.commentslist ol li .gravatar  img {width:50px; height:50px;  border:1px solid #ddd; padding:1px; border-radius:50px; transition: transform 0.4s ease-out 0s;}
.commentslist ol li .gravatar  img:hover {transform: rotateZ(360deg);}
.commentslist ol li .comment-info {float:left; font-family:'Microsoft Yahei';}
.commentslist ol li .comment-info .comment-author {color:#FB7923; font-size:0.875em;}
.commentslist ol li .comment-info .comment-author span {background-color:#FB7923; font-size:0.875em; padding:2px 5px; margin-right:5px; color:#fff; border-radius:2px;}
.commentslist ol li .comment-info .comment-author a {color:#333;}
.commentslist ol li .comment-text {font-family:'Microsoft Yahei'; clear:both; color:#666; font-size:0.875em; padding-left:64px;}
.commentslist ol li .comment-text a {color:#3A599A;}
.commentslist ol li .comment-text a:hover {text-decoration:underline;}
.commentslist ol li .comment-info .comment-time span {font-size:0.6875em; color:#AAA;;}
.commentslist ol li .comment-info .comment-time span a {margin-left:10px; color:#555;}
.commentslist ol li ul {overflow:hidden; clear:both;}
.commentslist ol li li {margin-top:10px;}
.commentslist .pagenavi {margin:15px 0;}
/*commentform*/
.commentform,.relatedpost,.relatedpro {margin:15px 20px; background-color:#fff;}
.commentform h3,.commentslist h3,.relatedpost h3,.relatedpro h3 {font-weight:normal; font-size:1em; font-family:'Microsoft Yahei';}
.commentform p {margin:5px 0; font-family:'Microsoft Yahei'; color:#666; font-size:0.875em;}
.commentform p a {color:#353535;}
.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;}
.commentform .submit {background:#1ABC9C; padding:6px 10px; border-radius:3px; border:none; cursor:pointer; color:#fff;}
.commentform .submit:hover {background:#26C8A8;}
a#cancel-comment-reply-link {font-size:0.875em; color:#555;}
/*screen width*/
@media only screen and (max-width:1349px){
    .header,#container,.footer,.searchform,#friendlinks {width:88.954781%;}
    #searchform .searchform .text {width:84.833333%; padding:12px 1%;}
    #searchform .searchform .submit {padding:12px 1%; width:13.166667%;}
    .main {width:66.666667%;}
    .slider {padding:15px 1.875%;}
    .post .title .postmeta span {margin-right:1.875%;}
//.post .entry img {width:auto; max-width:100%; height:auto;}
    .post .entry .thumbnail {width:25%; height:auto; max-height:200px;}
    .post .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,#ad ul li {width:45.833333%;}
    #social a {margin:0 3.5%;}
    #social img {width:16.66666667%; height:auto;}
    #ad ul li  {height:auto; max-height:160px; overflow:hidden;}
    #ad ul li a {display:block;}
    #ad 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%;}
    .themes ul li {width:17.5%; padding:15px 1.25%;}
}
@media only screen and (max-width:1199px){
    #category ul li {float:none; width:100%; clear:both;}
    #social a {margin:0 3.4%;}
}
@media only screen and (max-width:960px){
    #header {padding:25px 0 70px;}
    #header .menu {float:left; clear:both;}
    .relatedpost ul li {width:100%;}
    #social a {margin:0 3.2%;}
    .sidebar .fixed  {width:27%;}
    .themes ul li {width:21.875%; padding:15px 1.5625%;}
}
@media only screen and (max-width:768px){
    .main,.sidebar,.header {width:100%;}
    #header {padding:25px 0; height:70px;}
    #header .logo {float:none; margin:0 auto;}
    .nav {clear:both; width:100%; background:#222; height:30px; padding:5px 0;}
    .nav_btn {display:block;}
    .widget,#header .menu {display:none;}
    #header .menu {position:absolute; left:0; top:125px; background:#333; width:100%; z-index:9999;}
    #header .menu ul li {float:none; display:block; border-top:1px solid #262626; border-bottom:1px solid #363636; height:auto;}
    #header .menu ul li a {padding:6px 1.953125%;}
    #header .menu ul li a:hover,#header .menu ul li a.hover {border-radius:0;}
    #header .menu ul li ul li {padding:0;}
    #header .menu ul li ul{position:relative; top:0;  border-radius:0; background:none; padding:0;}
    #header .menu ul li ul li a {padding:6px 4.557292%;}
    #tags {display:block;}
    #tags h3 {border:none; background:#1ABC9C; 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%;}
    .themes ul li {width:43.75%; padding:15px 3.125%;}
}
@media only screen and (max-width:480px) {
    .postmeta,.homeentry,#ad,#tags {display:none;}
    .post {padding-bottom:15px;}
    .commentslist ol li .gravatar {width:44px; height:44x;}
    .commentslist ol li .gravatar  img {width:40px; height:40px;}
    .commentslist ol li .comment-info .comment-author {font-size:0.75em; line-height:1.5em;}
    .commentslist ol li .comment-text {padding-left:0px;}
    .slider,.flexslider {max-height:200px;}
    .sidebar {margin:0;}
}
@media only screen and (max-width:320px) {
    .themes ul li {width:93.75%;}
}



