/*
Theme Name:teblogcms
Theme Author:博客吧 
Theme URL:http://www.boke8.net/teblogcms.html
*/
* {-webkit-tap-highlight-color:transparent;}
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-color:#f7f5f5; font:100%/1.5em Arial,"Lucida Grande","Microsoft Yahei","Hiragino Sans GB","Hiragino Sans GB W3",SimSun,"PingFang SC",STHeiti; overflow-x:hidden; transition:padding 0.2s ease 0s;}
a {text-decoration:none; outline:none; color:#333;}
a:hover {color:#F13F3F;}
input {-webkit-appearance:none;}
input:focus {outline:none;}
li {list-style:none;}
.clear {clear:both;}
a img {border:none;}
table {background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size:0.75em; width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd; box-sizing: border-box;}
table th{background-color:#f9f9f9;text-align:center; box-sizing: border-box;}
table td,table th{padding:5px 10px;border:1px solid #ddd; box-sizing: border-box;}
/*gold*/
.inner {width:1200px; margin:0 auto;}
.thumbnail {position:relative; overflow:hidden;}
.thumbnail a {display:block; position:relative; padding-bottom:75%; overflow:hidden;}
.thumbnail img {display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.ad img {display:block; width:100%; height:auto;}
h3.title {font-size:1.125em; font-weight:normal; margin-bottom:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-bottom:1px solid #eee; padding-bottom:10px;}
h3.title.divtitle {text-align:center; font-weight:lighter; color:#888;}
.listad {margin-bottom:20px;}
/*header*/
#header {background-color:#fff; height:70px; box-shadow:0px 0px 10px #ccc; position:relative; margin-bottom:20px;}
#header .inner {position:relative;}
/*breadcrumb*/
#breadcrumb {clear:both; width:100%; margin-top:-20px; font-size:0.75em; padding:8px 0 5px; color:#888;}
#breadcrumb a {color:#888;}
#breadcrumb i {font-style:normal; font-family:'Simsun'; margin:0 3px;}
/*logo*/
.logo {float:left; padding:15px 0;}
.logo a {display:block;}
.logo img {height:40px; width:auto; display:block;}
/*navbtn*/
.navbtn {position:absolute; left:0; top:13px; font-size:1.5em; color:#F13F3F; cursor:pointer; display:none;}
/*nav*/
.nav {float:left; padding:0 20px;}
.nav .menu ul li {float:left; line-height:70px; font-size:1.125em; position:relative; overflow:hidden;}
.nav .menu ul li.open {overflow:visible;}
.nav .menu ul li a {display:block; padding:0 20px; transition:color 0.3s ease 0s; position:relative; z-index:5; overflow:hidden; background-color:#fff;}
.nav .menu ul li a i {font-size:0.75em; color:#ccc; transition:transform 0.3s ease 0s;}
.nav .menu ul li a:hover i.fa-caret-down {transform:rotate(180deg);}
.nav .menu ul li a.on {color:#F13F3F;}
.nav .menu ul li ul {position:absolute; left:50%; top:0; margin-left:-75px; width:150px; background-color:#fff; background:rgba(255,255,255,.9); box-shadow:0px 0px 2px #ddd; padding:0 0 10px; z-index:3; opacity:0;}
.nav .menu ul li ul li {float:none; text-align:center; line-height:normal;}
.nav .menu ul li ul li a {padding:10px 0; background-color:transparent;}
.nav .menu ul li ul.drop {top:70px; opacity:1; transition:all 0.7s ease 0s; }
/*another*/
.another {position:absolute; right:0; top:18px;}
.another ul li {font-size:0.875em; float:left; padding-left:5px; position:relative; overflow:hidden;}
.another ul li.on {overflow:visible;}
.another ul li a {display:block; float:left; border:1px solid #dedede; height:35px; line-height:35px; padding:0 12px; transition:all 0.2s ease 0s; border-radius:2px; background-color:#fff; position:relative; overflow:hidden; z-index:6;}
.another ul li a:hover,.another ul li.on > a {background-color:#2f3c4e; border-color:#2f3c4e; color:#fff;}
.another ul li.rss a {border-color:#ff9101; background-color:#ff9101; color:#fff;}
.another ul li .loginform {position:absolute; right:0; top:22px; width:250px; background-color:#fff; box-shadow:0px 0px 2px #ccc; padding:20px 25px 15px; z-index:5; opacity:0;}
.another ul li .loginform.open {top:52px; opacity:1; transition:0.3s ease 0s;}
.another ul li .loginform .arrow {position:absolute; right:25px; top:-6px; border-left:1px solid #ddd; border-top:1px solid #ddd; height:10px; width:10px; display:block; transform:rotate(45deg); background-color:#fff; z-index:1;}
.another ul li .loginform p {overflow:hidden; padding:5px 0;}
.another ul li .loginform label {display:block; float:left; font-size:1em; width:44px; height:40px; line-height:40px; border:1px solid #ddd; border-right:0; text-align:center; border-radius:3px 0 0 3px; color:#888;}
.another ul li .loginform .text {border:1px solid #ddd; padding:8px 5px; float:left; width:193px; border-radius:0 3px 3px 0; font-size:1em; height:24px; line-height:24px; border-left:none; color:#333;}
.another ul li .loginform .text.verify {width:100px;}
.another ul li .loginform .submit {display:block; width:100%; background-color:#F13F3F; color:#fff; border:none; padding:10px 0; cursor:pointer; font-size:1em; border-radius:3px;}
.another ul li .loginform a {border:none; display:inline; float:none; height:auto; line-height:normal; padding:0; border-radius:0; background-color:transparent; color:#555; font-size:0.875em;}
.another ul li .loginform p span {padding:0 10px; color:#555;}
/*searchform*/
.searchform {position:absolute; left:0; top:71px; width:100%; background:rgba(255,255,255,.8); padding:20px 0; display:none; z-index:3;}
.searchform .inner {width:760px;}
.searchform .s {float:left; height:25px; line-height:25px; padding:8px 5px; border:1px solid #ddd; border-radius:3px; width:670px; font-size:1em;}
.searchform .submit {float:right; display:block; width:60px; background-color:#F13F3F; color:#fff; border:1px solid #F13F3F; height:43px; font-size:1em; border-radius:3px; cursor:pointer;}
/*container*/
#container {overflow:hidden;}
/*main*/
.main {float:left; width:850px;}
/*slides*/
#slides {overflow:hidden; margin-bottom:20px; position:relative; z-index:1; height:450px; background:#fff url(images/grey.gif) no-repeat center center;}
#slides .slidesitem {position:relative;}
#slides h2 {position:absolute; left:0; bottom:8px; width:100%; background:rgba(0,0,0,.7); font-weight:normal; font-size:0.875em;}
#slides h2 a {display:block; padding:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#fff;}
.owl-carousel {display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1;}
.owl-carousel img {width:100%; height:auto; display:block;}
.owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y;
 -moz-backface-visibility: hidden;}
.owl-carousel .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.owl-carousel .owl-stage-outer {position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,.owl-carousel .owl-item {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled { display: none;}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next {cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-indent:-9999em; width:14px; height:24px; position:absolute; top:50%; margin-top:-12px;}
.owl-carousel .owl-nav .owl-prev {background:url(images/arrows.png) no-repeat 0 0; left:10px;}
.owl-carousel .owl-nav .owl-next {background:url(images/arrows.png) no-repeat 0 -36px; right:10px;}
.owl-carousel.owl-loaded {display: block; }
.owl-carousel.owl-loading {opacity: 0; display: block; }
.owl-carousel.owl-hidden {opacity: 0; }
.owl-carousel.owl-refresh .owl-item { visibility: hidden; }
.owl-carousel.owl-drag .owl-item {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity:0.2;}
.owl-carousel.owl-drag .owl-item.active {opacity:1;}
.owl-carousel.owl-grab { cursor: move; cursor: grab;}
.owl-carousel.owl-rtl {direction: rtl; }
.owl-carousel.owl-rtl .owl-item {float: right; }
.no-js .owl-carousel {display: block; }
.owl-carousel .animated {animation-duration: 1000ms; animation-fill-mode: both; }
.owl-carousel .owl-animated-in { z-index: 0; }
.owl-carousel .owl-animated-out { z-index: 1; }
.owl-carousel .fadeOut { animation-name: fadeOut; }
@keyframes fadeOut {0% {opacity: 1; }100% {opacity: 0; }}
.owl-height {transition: height 500ms ease-in-out; }
.owl-carousel .owl-item .owl-lazy {opacity: 0;  transition: opacity 400ms ease; }
.owl-carousel .owl-item img.owl-lazy {transform-style: preserve-3d; } 
.owl-nav .disabled { opacity: 0.5; cursor: default; }
.owl-nav.disabled + .owl-dots { margin-top: 10px; }
.owl-dots { position:absolute; bottom:0px; width:100%; left:0;}
.owl-dots .owl-dot {float:left; cursor:pointer; width:25%;}
.owl-dots .owl-dot span {width:100%; height:8px; background:rgba(0,0,0,.7);  display: block;  -webkit-backface-visibility: visible;  transition: opacity 200ms ease; }
.owl-dots .owl-dot.active span,.owl-dots .owl-dot:hover span {background: #869791;}
/*catebox*/
.catebox {background-color:#fff; border:1px solid #eee; padding:15px 15px 5px; overflow:hidden; position:relative; margin-bottom:20px;}
.catebox span.more {position:absolute; right:15px; top:15px; font-size:0.75em;}
.catebox span.more a {color:#999;}
.catebox h4 {font-size:1em; font-weight:normal; line-height:1.75em; height:3.5em; overflow:hidden; margin-bottom:10px;}
.catebox .postmeta,.post-list .postmeta {font-size:0.75em; color:#999; border-bottom:1px solid #eee; overflow:hidden; margin-bottom:14px;}
.catebox .first a,.catebox .boxitem a {display:block;}
.catebox .first {float:left; width:370px; padding-bottom:10px;}
.catebox .first .thumbnail {margin-bottom:10px;}
.catebox img {transition:transform 0.3s ease 0s;}
.catebox img:hover {transform:scale(1.2,1.2);}
.catebox .first .postmeta span,.post-list .postmeta span {border-right:1px solid #eee; float:left; padding-right:10px; margin-right:10px;}
.catebox .first .postmeta .cmts,.catebox .first .postmeta .good,.post-list .postmeta .cmts,.post-list .postmeta .good {float:right; border:none; padding-right:0; margin-right:0; margin-left:10px;}
.catebox .first .excerpt {font-size:0.875em; color:#666; line-height:1.75em; height:7em; overflow:hidden; text-align:justify;}
.catebox .boxitem h4 {margin-bottom:0;}
.catebox .boxitem {float:left; width:433px; padding-left:15px; padding-bottom:10px;}
.catebox .boxitem .thumbnail {float:left; width:120px; margin-right:10px; display:inline-block;}
.catebox .boxitem .postmeta {border-bottom:none; margin-bottom:0;}
/*post-list*/
.post-list,.post,.related,.commentslist,.commentform {background-color:#fff; padding:15px; overflow:hidden; margin-bottom:20px; border:1px solid #eee;}
.post-list .thumbnail {float:left; width:300px;}
.post-list .info {margin-left:315px; overflow:hidden;}
.post-list h2 {font-size:1.25em; font-weight:normal; margin-bottom:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.post-list .entry {font-size:14px; line-height:1.75em; color:#555; height:10.5em; overflow:hidden;}
/*post*/
.post,.related,.commentslist,.commentform {padding:20px;}
.post h1.post-title {font-size:1.75em; font-weight:normal; margin-bottom:10px; line-height:1.5em;}
.post h1.post-title.page-title {text-align:center;}
.post .postmeta {font-size:0.75em; margin-bottom:10px; border-bottom:1px solid #eee;}
.post .postmeta span {margin-right:8px; color:#aaa;}
.post .postmeta span a {color:#aaa;}
.post .entry {color:#222;}
.post .entry p {padding:10px 0; font-size:1em;}
.post .entry ul,.post .entry ol {margin-left:2em; padding:5px 0;}
.post .entry ul li {list-style:inside disc none; font-size:1em; padding:5px 0;}
.post .entry ol li {list-style:inside decimal none; font-size:1em; padding:5px 0;}
.post .entry li p {display:inline;}
.post .entry img {max-width:100%; height:auto;}
.post .entry blockquote {overflow:hidden; margin:10px 2em; padding:10px 20px; border:1px solid #bbd2e8; background-color:#eff6fc; box-shadow: 0 2px 0 rgba(158,186,212,.24); border-radius: 5px; color:#0077b5; text-align:justify; font-size:0.875em; font-style:italic;}
.post .entry blockquote p {text-indent:2em;}
.post .entry h1,.post .entry h2,.post .entry h3,.post .entry h4,.post .entry h5,.post .entry h6 {padding:10px 0; line-height:1.5em;}
.post .tags {font-size:0.75em; clear:both; margin-top:10px; color:#999;}
.post .tags a {color:#999; margin:0 4px;}
.post .tags a:hover {text-decoration:underline;}
/*postnavi*/
.postnavi {overflow:hidden; line-height:1.6em; margin-bottom:15px; color:#999;}
.postnavi a {display:block; color:#999; font-size:0.875em;}
.postnavi i {font-size:4em; display:block; float:left; padding-right:5px;}
.postnavi .right i {float:right; padding-left:5px;}
.postnavi .left {float:left; width:48%; overflow:hidden;}
.postnavi .right {float:right; width:48%; text-align:right; overflow:hidden;}
.postnavi span {display:block; font-size:0.75em;}
/*related*/
.related ul {overflow:hidden; width:103%;}
.related ul li {float:left; width:31%; padding-right:2%; padding-top:8px;}
.related ul li .thumbnail {margin-bottom:5px;}
.related ul li img {transition:transform 0.3s ease 0s;}
.related ul li img:hover {transform:scale(1.3,1.3);}
.related ul li h4 {font-weight:normal; font-size:0.875em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/*commentslist*/
.commentslist ol {overflow:hidden;}
.commentslist li {overflow:hidden; padding:10px 0;}
.commentslist li .wrap {position:relative; padding-left:60px; border-bottom:1px solid #eee;}
.commentslist li .gravatar {position:absolute; left:0; top:0;}
.commentslist li img {width:50px; height:50px; border-radius:50%;}
.commentslist li span.date {float:right; font-size:0.75em; color:#999;}
.commentslist li .content {padding:5px 55px 15px 0; font-size:0.875em; color:#555;}
.commentslist li .replay {position:absolute; right:0; bottom:0; font-size:0.75em; overflow:hidden;}
.commentslist li .replay a {background-color:#eee; padding:0 10px; float:right;}
.commentslist li li {margin-left:35px; margin-top:20px; padding:5px 0;}
.commentslist .pagenavi {margin-bottom:0;}
.commentslist .warning {text-align:center; font-size:0.875em; color:#999;}
/*comment*/
#comment {background-color:#fff;}
#comment .textarea {border:1px solid #eee; padding:5px;}
#comment textarea {border:none; width:100%; height:150px; resize:vertical;}
#comment .input {background-color:#f9f9f9; position:relative; padding:10px 0; border:1px solid #eee; border-top:none; margin-bottom:5px; overflow:hidden;}
#comment label {font-size:0.75em; color:#555; padding:0 5px 0 10px; display:block; float:left; border:1px solid transparent; height:28px; line-height:28px;}
#comment .text {border:1px solid #ddd; font-size:0.875em; height:18px; line-height:18px; padding:5px 0; text-indent:5px; width:140px; display:block; float:left;}
#comment .text.verify {width:100px;}
#comment img {width:80px; height:29px; display:block; float:left;}
#comment .submit {display:block; width:100%; background-color:#F13F3F; color:#fff; cursor:pointer; border-radius:3px; border:none; padding:5px 0; font-size:0.875em;}
.commentform .warning {font-size:0.875em; margin-bottom:10px; color:#555;}
/*pagenavi*/
.pagenavi {overflow:hidden; clear:both; font-size:0.875em; margin-bottom:20px;}
.pagenavi a,.pagenavi span.now-page {display:block; float:left; color:#555; padding:2px 10px;}
.pagenavi a:hover,.pagenavi span.now-page {background-color:#F13F3F; color:#fff;}
/*sidebar*/
.sidebar {float:right; width:330px;}
.widget {margin-bottom:20px; background-color:#fff; border:1px solid #eee;}
.widget.widgetad {background-color:transparent; border:none;}
.widget .textwidget img {display:block; width:100%; height:auto; margin:0 auto;}
.widget h3 {padding-top:15px; margin:0 15px;}
.widget ul {padding:7px 15px; overflow:hidden;}
.widget ul li {font-size:0.875em; text-align:justify; padding:5px 0; position:relative; overflow:hidden;}
.widget ul li a {display:block; transition:all 0.2s ease 0s;}
.widget ul.divComments li {font-size:0.75em; color:#999; line-height:1.75em;}
.widget ul.divComments li a {padding-left:43px; position:relative; color:#999;}
.widget ul.divComments li a:hover,.widget ul.divComments li a:hover i {color:#333;}
.widget ul.divComments li a:hover img {transform:rotate(360deg);}
.widget ul.divComments img.avatar {width:35px; height:35px; border-radius:50%; position:absolute; left:0; top:4px; transition:transform 0.5s ease 0s;}
.widget ul.divComments li i {font-style:normal; display:block; color:#666;}
.widget ul.divTags li {float:left; font-size:0.75em;}
.widget ul.divTags li a {display:block; float:left; background-color:#eee; padding:0 8px; border-right:1px solid #fff; transition:all 0.2s ease 0s;}
.widget ul.divTags li a:hover {color:#fff; background-color:#2f3c4e;}
.widget ul.hotposts .thumbnail {float:left; width:100px;}
.widget ul.hotposts .info {margin-left:110px; overflow:hidden;}
.widget ul.hotposts h4 {font-weight:normal; font-size:1em; line-height:1.75em; height:3.5em; overflow:hidden;}
.widget ul.hotposts p {font-size:0.75em; color:#999;}
.widget ul.hotposts img {transition:transform 0.3s ease 0s;}
.widget ul.hotposts img:hover {transform:scale(1.2,1.2);}
.widget ul.divLinkage li {float: left; width: 50%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/*nofound*/
.nofound {padding:50px 0; text-align:center; color:#888; font-weight:lighter;}
.nofound h2 {font-size:3em; font-weight:lighter; line-height:1.5em;}
.nofound p {padding:5px 0;}
.nofound a {color:#F13F3F; text-decoration:underline;}
/*footer*/
#footer {width:100%; background-color:#323232; color:#c2c2c2; padding-top:35px;}
#footer .inner {overflow:hidden; position:relative;}
#footer .line,#footer .line2 {position:absolute; left:450px; top:0; height:100%; border-left:1px solid #222; border-right:1px solid #444;}
#footer .line2 {left:900px;}
.box {float:left; width:400px; text-shadow:0px 1px 0px #000; padding-bottom:35px;}
.box.contact {width:350px; padding:0 100px;}
.box.qrcode {width:250px;}
.box.qrcode img {float:left; display:block; width:120px; height:120px;}
.box.qrcode img.qqun {padding-left:10px;}
.box h3 {font-weight:normal; font-size:1.125em; margin-bottom:15px; text-shadow:0px 1px 0px #000;}
.box p {font-size:0.875em; text-align:justify;}
.backtop {position:fixed; right:20px; bottom:50px; background-color:#F13F3F; color:#fff; font-size:2em; width:45px; height:45px; line-height:45px; text-align:center; cursor:pointer; border-radius:3px; opacity:0.8; transition:opacity 0.3s ease 0s; z-index:6;}
.backtop:hover {opacity:1;}
.copyright {background-color:#222; font-size:0.75em; text-align:center; padding:10px 0; color:#a2a2a2; clear:both;}
.copyright a {color:#a2a2a2;}
/*screen width*/
@media only screen and (max-width:1240px){
	.inner {width:1060px;}
	.nav .menu ul li a {padding:0 12px;}
	.main {width:750px;}
	#slides {height:397px;}
	.sidebar {width:290px;}
	.catebox .first {width:320px;}
	.catebox .boxitem {width:383px;}
	.catebox .first .excerpt {height:120px;}
	.catebox .postmeta {margin-bottom:20px;}
	.box {width:350px;}
	.box.contact {width:300px; padding:0 80px;}
	#footer .line {left:390px;}
	#footer .line2 {left:770px;}
	#comment .text {width:120px;}
	#comment .text.verify {width:80px;}
}
@media only screen and (max-width:1100px){
	.inner {width:960px;}
	.logo {padding:20px 0;}
	.logo img {height:30px;}
	.nav .menu ul li {font-size:1em;}
	.main {width:670px;}
	#slides {height:355px;}
	.sidebar {width:270px;}
	.catebox .first {width:310px;}
	.catebox .boxitem {width:313px;}
	.box {width:330px;}
	.box.contact {width:260px; padding:0 60px;}
	#footer .line {left:360px;}
	#footer .line2 {left:680px;}
	#comment .text {width:110px;}
	#comment label {padding:0 5px;}
	#comment .text.verify {width:60px;}
}
@media only screen and (max-width:1000px) and (min-width:860px){
	#comment .text {width:200px; margin:2px 0;}
	#comment label {padding:0 10px; margin:2px 0;}
	#comment img {margin-top:2px;}
	#comment .text.verify {width:100px;}
}
@media only screen and (max-width:1000px){
	.inner {width:820px;}
	#header {height:66px; margin-bottom:10px;}
	.logo img {height:26px;}
	.nav .menu ul li {font-size:0.875em; line-height:66px;}
	.nav .menu ul li a {padding:0 10px;}
	.nav .menu ul li ul.drop {top:66px; width:120px; margin-left:-60px;}
	.nav .menu ul li ul li {font-size:1em;}
	.another ul li {font-size:0.75em;}
	.another ul li a {padding:0 8px; height:30px; line-height:30px;}
	.another ul li .loginform.open {top:48px;}
	.searchform {top:67px;}
	.searchform .inner {width:560px;}
	.searchform .s {width:478px;}
	#slides,.widget,.catebox,.post-list,.pagenavi {margin-bottom:10px;}
	.main {width:550px;}
	#slides {height:291px;}
	.sidebar {width:260px;}
	.catebox {padding:10px 10px 0;}	
	h3.title {margin-bottom:10px; padding-bottom:5px;}
	.catebox .first {width:225px;}
	.catebox .boxitem {width:283px; padding-left:10px; padding-bottom:10px;}
	.catebox .boxitem .thumbnail {width:100px;}
	.catebox .boxitem h4 {font-size:0.875em; height:48px;}
	.widget h3 {padding-top:10px; margin:0 10px;}
	.widget ul {padding:5px 10px;}
	.widget ul.hotposts h4 {line-height:1.5em; height:3em;}
	.widget ul.hotposts .thumbnail {width:80px;}
	.widget ul.hotposts .info {margin-left:90px;}
	.widget ul.hotposts li {padding:2px 0;}
	.widget ul.divComments li {line-height:1.5em;}
	.box {width:280px;}
	.box.contact {width:230px; padding:0 40px;}
	.box.qrcode {width:220px;}
	#footer .line {left:300px;}
	#footer .line2 {left:570px;}
	#footer {padding-top:20px;}
	.box {padding-bottom:20px;}
	.post-list .thumbnail {width:230px;}
	.post-list .info {margin-left:245px;}
	.post-list h2 {font-size:1em; margin-bottom:5px;}
	.post-list .entry {height:7em;}
	.post-list .postmeta {margin-bottom:5px;}
	.post, .related, .commentslist, .commentform {padding:15px; margin-bottom:10px;}
	.postnavi {margin-bottom:5px;}
	.box.qrcode img {width:105px; height:105px;}
}
@media only screen and (max-width:860px){
	body.open {position:fixed; padding-left:150px; left:0; overflow:hidden; top:0; width:100%; height:100%;}
	.inner {width:93%;}
	#header {height:50px;}
	.logo {float:none; padding:15px 0;}
	.logo a {width:95px; height:20px; margin:0 auto; overflow:hidden;}
	.logo img {height:20px;}
	/*.nav {background-color:#2f3c4e; position:fixed; left:-150px; top:0; height:100%; width:150px;  z-index:9; padding:0; float:none; overflow:hidden; transition:all 0.2s ease 0s;}*/
	.nav {background-color:#fff; box-shadow:1px 0px 2px #ddd; position:fixed; left:-150px; top:0; height:100%; width:150px;  z-index:9; padding:0; float:none; overflow:hidden; transition:all 0.2s ease 0s;}	
	.nav.open {left:0;}
	.nav .menu {width:167px; height:100%; overflow:auto;}
	.nav .menu ul {margin:20px 0; width:150px; overflow:hidden;/* border-top:1px solid #23344c; border-bottom:1px solid #384557;*/}
	.nav .menu ul li {float:none; line-height:normal; text-shadow:0px 1px 0px #eee;}
	/*.nav .menu ul li a {padding:10px 10px 10px 20px; background-color:transparent; color:#fff; border-bottom:1px solid #23344c; border-top:1px solid #384557;}*/
	.nav .menu ul li a {padding:10px 10px 10px 20px; background-color:transparent;}
	.nav .menu ul li a:hover i.fa-caret-down {transform:none;}
	/*.nav .menu ul li a.on {color:#fff;}*/
	.nav .menu ul li a.on {color:#333;}
	.nav .menu ul li ul {position:static; left:0; top:0; margin:0; width:100%; background-color:transparent; box-shadow:none; padding:0; opacity:1; border:none; border-bottom:1px solid #eee; border-top:1px solid #eee;}
	.nav .menu ul li ul li {text-align:left;}
	.nav .menu ul li ul li a {padding:10px 10px 10px 20px;}
	.nav .menu ul li ul.drop {top:0; margin:0; width:100%;}
	.another {top:10px;}
	.navbtn {display:block;}
	.searchform {top:51px; padding:10px 0;}
	.searchform .s {padding:5px;}
	.searchform .submit {height:36px; font-size:0.875em;}
	.another ul li .loginform.open {top:41px;}
	.main {float:none; width:100%;}
	#slides {height:auto;}	
	.sidebar,#footer .inner {display:none;}
	.catebox {padding:15px 15px 5px;}
	.catebox .first {width:100%; float:none; overflow:hidden;}
	.catebox .first .thumbnail {float:left; width:250px; margin-right:10px; display:inline-block; margin-top:3px;}
	.catebox .boxitem {width:100%; padding-left:0; float:none;}
	.catebox .boxitem h4 {font-size:1em;}
	.catebox h4 {margin-bottom:0;}
	.catebox .postmeta {margin-bottom:5px;}
	.catebox .first .excerpt {height:96px;}
	#footer {padding-top:2px;}
	#breadcrumb {margin-top:-10px;}
	.post h1.post-title {font-size:1.5em;}
}
@media only screen and (max-width:768px) and (min-width:767px) {
	#slides {height:378px;}
}
@media only screen and (max-width:736px) and (min-width:735px) {
	#slides {height:362px;}
}
@media only screen and (max-width:667px) and (min-width:666px) {
	#slides {height:328px;}
}
@media only screen and (max-width:760px) {
	#comment .text {width:41%; margin:2px 0;}
	#comment label {padding:0 10px; margin:2px 0;}
	#comment img {margin-top:2px;}
	#comment .text.verify {width:100px;}
	
	
}
@media only screen and (max-width:640px) {
	.searchform .inner {width:480px;}
	.searchform .s {width:400px;}
	.searchform .submit {width:50px;}
	h3.title {font-size:1em; margin-bottom:5px;}	
	.catebox .first .thumbnail {width:180px; margin-top:5px; margin-bottom:0;}
	.catebox h4,.catebox .boxitem h4 {font-size:0.875em; height:48px;}
	.catebox .first .excerpt {font-size:0.75em; line-height:1.5em; height:54px;}
	.backtop,.post-list .postmeta .cmts, .post-list .postmeta .good {display:none;}
	.post-list {padding:10px;}
	.post-list .thumbnail {width:120px;}
	.post-list .info {margin-left:130px;}
	.post-list h2 {white-space:normal;}
	.post-list .entry {display:none;}
	.post-list .postmeta {border:none;}
	.post-list .postmeta span {border:none; margin-right:0;}
	#comment .text {width:39%;}
	.post, .related, .commentslist, .commentform {padding:10px;}
	.post h1.post-title {font-size:1.125em; margin-bottom:5px;}
	.post .entry blockquote {padding:0 10px;}
	.postnavi {line-height:1.2em;}
	.commentslist li li {margin:10px 0 0 20px;}
	.commentslist li {padding:10px 0 5px;}
	.related ul li h4 {white-space:normal; height:48px;}
	.related ul li {padding-top:0;}
	.related h3.title {margin-bottom:8px;}
}
@media only screen and (max-width:540px) {
	.another ul li.rss,.catebox .first .excerpt,.catebox .first .postmeta .cmts, .catebox .first .postmeta .good {display:none;}
	.another ul li a {border:none; padding:0 5px;}
	.another ul li a:hover,.another ul li.on a {background-color:transparent; color:#333;}
	.searchform .inner {width:360px;}
	.searchform .s {width:300px;}
	.searchform .submit {width:40px;}
	.catebox {padding:10px 10px 0px;}
	.catebox span.more {top:10px;}
	.catebox .first .thumbnail {width:100px;}
	
	#comment .text {width:37%;}
	#comment .text.verify {width:15%;}
}
@media only screen and (max-width:480px) {
	#comment .text {width:85%;}
	#comment .text.verify {width:35%;}
}
@media only screen and (max-width:420px) {
	.searchform .inner {width:320px;}
	.searchform .s {width:260px;}
	.another ul li .loginform {padding:10px 15px 5px; width:200px;}
	.another ul li .loginform .text {width:143px; padding:5px;}
	.another ul li .loginform label {height:34px; line-height:34px;}
	.another ul li .loginform .text.verify {width:50px;}
	.catebox .first .postmeta span {padding-right:5px; margin-right:5px;}
	#comment .text {width:80%;}
}
@media only screen and (max-width:360px) {
	.searchform .inner {width:260px;}
	.searchform .s {width:200px;}
	#comment .text {width:75%;}
}