/*
Theme Name:LeHuo
*/
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:#eee; font:100%/1.5em 'Microsoft Yahei',Arial,tahoma;}
a {text-decoration:none; color:#444;}
a:hover {color:#2B6BAB; text-decoration:underline;}
li {list-style:none;}
h1{ font-size:1.25em; line-height:1.75em;}
h2{ font-size:1.125em; line-height:1.625em;}
h3{ font-size:1em; line-height:1.5em;}
h4{ font-size:0.875em; line-height:1.375em;}
h5{ font-size:0.8125em; line-height:1.375em;}
h6{ font-size:0.75em; line-height:1.25em;}
hr{ margin:30px auto; height:0; border-top:1px solid #EAEAEA;}
.clearfix {clear:both;}
a img {border:none;}
.thumbnail {position:relative; overflow:hidden;}
.thumbnail img {position:absolute; left:0; top:50%; transition:all 0.2s ease 0s;}
.define-img img,.thumbnail a {width:100%; height:auto; display:block;}
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:1080px; margin:0 auto;}
.wrap,.ad {overflow:hidden; margin-bottom:20px;}
h3.title {background-color:#EBEBEB; height:35px;  line-height:35px; font-size:1em; margin-bottom:15px;}
h3.title span {background-color:#2B6BAB; color:#fff; display:block; float:left; padding:0 10px;}
.ad img,.latest li img,.featured ul li img,.widget img {display:block; width:100%; height:auto;}
/*header*/
#header {width:100%; background-color:#fff; padding-top:10px;}
#header .logo {float:left;}
#header .logo a {display:block;}
#header .logo img {display:block; width:auto; max-width:100%; height:auto;}
#header .search-form {float:right; height:30px; margin-top:20px; display:inline; font-size:0.875em;}
#header .search-form .s{border:2px solid #ddd; width:200px;  height:20px; padding:5px; border-radius:3px 0 0 3px; box-shadow:0 1px 2px #ddd;}

#header .search-form .submit {background-color:#2B6BAB; color:#fff; border:none; height:33px; padding:0 5px; cursor:pointer; border-radius:0 3px 3px 0;box-shadow:0 1px 2px #ddd;  -webkit-appearance : none ;}
#header .nav {background-color:#2B6BAB; width:100%; height:42px; box-shadow:0 1px 2px #bbb; position:relative;}
#header .menu ul li {float:left; width:120px; text-align:center; line-height:42px; position:relative;}
#header .menu ul li a {display:block; color:#fff;}
#header .menu ul li a:hover,#header .menu ul li a.on,#header .menu ul li.on > a {background-color:#ddd; color:#000; text-decoration:none;}
#header .menu ul li ul {position:absolute; width:100%; left:0; top:42px; z-index:2; background-color:#2B6BAB; display:none;}
#header .menu ul li li {float:none; font-size:1em; width:100%;}
#header .menu ul li li a {color:#fff;}
.nav-btn {position:absolute; left:5%; height:42px; line-height:40px; display:block; cursor:pointer; display:none;}
.nav-btn i {font-style:normal; float:left;  color:#fff; display:block; padding:0 2px; height:100%;}
.nav-btn i.line {padding:6px 6px; height:auto;}
.nav-btn span {display:block; width:30px; height:4px; background-color:#fff; margin:5px 0; border-radius:2px;}
#menu {background-color:#fff;overflow:hidden; display:none;}
#menu ul {padding:10px 0;}
#menu ul li a{display:block; padding:5px 10px;}
#menu ul li ul {padding:0;}
#menu ul li li a {padding:5px 10px 5px 2em;}
/*container*/
#container {width:1050px; background-color:#fff; padding:10px 25px 25px; margin:3px auto 15px; overflow:hidden;}
/*slides*/
.slides,.main {float:left; width:700px;}
.slides img {width:100%; height:auto; display:block;}
.slides {overflow:hidden;}
/*latest*/
.latest,.sidebar {float:right; width:330px; overflow:hidden;}
.latest li,.featured ul li p {margin-bottom:8px; font-size:0.875em; overflow:hidden; text-overflow:ellipsis;}
.latest li img {float:left; width:120px; border:1px solid #ddd; padding:1px; margin:5px 5px 5px 0; display:inline; height:80px;}
.latest li.first {height:100px; border-bottom:1px dotted #ddd;}
.latest p.title {font-weight:bold;}
.latest p.cont {color:#444;}
.latest li.new {white-space:nowrap; background:url(images/dot.jpg) no-repeat left center; padding-left:10px; padding-right:50px;}
/*breadcrumb*/
.breadcrumb {font-size:0.75em; font-family:'宋体'; color:#2B6BAB; margin-bottom:10px; background:url(images/home.png) no-repeat left 6px; padding-left:15px;}
.breadcrumb a {color:#2B6BAB;}
/*featured*/
.featured ul {width:1064px; overflow:hidden;}
.featured ul li {float:left; width:250px; margin-right:16px; display:inline; overflow:hidden; background-color:#eee;}
.featured ul li a,.box .top a {display:block; background-color:#eee; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.featured ul li p,.box .top p {padding:5px 10px; margin-bottom:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bx-wrapper {position: relative;}
.bx-wrapper .bx-viewport {left: -5px; background: #fff;}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position: absolute;bottom: -30px;	width: 100%;}
.bx-wrapper .bx-loading {min-height: 50px;background: url(images/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}
/* PAGER */
.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;padding-top: 20px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;	*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #666;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;	border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;}
.bx-wrapper .bx-prev {left: 10px;background: url(images/controls.png) no-repeat 0 -32px;}
.bx-wrapper .bx-next {right: 10px;background: url(images/controls.png) no-repeat -43px -32px;}
.bx-wrapper .bx-prev:hover {background-position: 0 0;}
.bx-wrapper .bx-next:hover {background-position: -43px 0;}
.bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -16px;outline: 0;width: 32px;	height: 32px;text-indent: -9999px;z-index: 3;}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}
.bx-wrapper .bx-controls-auto {text-align: center;}
.bx-wrapper .bx-controls-auto .bx-start {display: block;	text-indent: -9999px;width: 10px;height: 11px;	outline: 0;	background: url(images/controls.png) -86px -11px no-repeat;	margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {	background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {	display: block;	text-indent: -9999px;	width: 9px;	height: 11px;	outline: 0;	background: url(images/controls.png) -86px -44px no-repeat;	margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {	background-position: -86px -33px;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left;	width: 80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;	width: 35px;}
.bx-wrapper .bx-caption {position: absolute;	bottom: 0;	left: 0;	background: #666\9;	background: rgba(80, 80, 80, 0.75);	width: 100%;}
.bx-wrapper .bx-caption span {color: #fff;font-family: Arial;	display: block;	font-size: .85em;	padding: 10px;}
/*main*/
.box {position:relative;}
.box,.boxlist,.portfolio {width:100%; overflow:hidden; margin-bottom:20px;}
.box .latest {float:left; width:100%;}
.box .latest li.bold {font-weight:bold; font-size:1em;}
.box .ad {float:right; width:250px;}
.box .top {font-size:0.875em;}
.boxlist .latest {margin:10px 0;}
.latest div.title {font-size:1.125em; margin-bottom:10px; border-bottom:1px solid #eee; padding-bottom:5px;}
.latest div.title span {float:right; font-size:0.7em; font-family:'Simsun';}
.latest div.title span a {color:#888;}
/*category-blog*/
.category-blog {margin-bottom: 20px; overflow:hidden; border-bottom:1px solid #eee; padding-bottom:20px;}
.category-blog h2 {font-size: 1.25em; letter-spacing: 2px; margin-bottom:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.category-blog .thumbnail {width:200px; height:133px; float:left; margin-right:20px; display:inline;}
.category-blog .intro {height:120px; overflow:hidden; text-overflow:ellipsis;}
/*portfolio*/
.portfolio {margin-bottom:0;}
.portfolio-box {overflow:hidden; margin-bottom:20px; position:relative;}
.portfolio-box span.more,.box span.more {position:absolute; right:10px; top:5px; font-size:0.75em; font-family:'宋体';}
.portfolio-box ul {overflow:hidden; width:1080px; }
.portfolio-box li {float:left; width:240px; margin:10px 30px 10px 0; display:inline; font-size:0.875em; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background-color:#f5f5f5;}
.portfolio-box li .thumbnail {height:160px; overflow:hidden;}
.portfolio-box li p {padding:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/*portfolio-post*/
#portfolio {margin-bottom:20px;}
.portfolio-post h1.title,.post h1.title {text-align:center; font-size:1.5em; border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:10px;}
.postmeta {text-align:center; font-size:0.75em; margin-bottom:25px; color:#555;}
.postmeta a {color:#555;}
.postmeta span {padding:0 10px;}
.entry {padding:20px 0;}
.entry p{margin-bottom:20px;}
.entry img {max-width:100%; height:auto;}
.entry blockquote {overflow:hidden; padding:20px 20px 0; border-radius:3px; font-size:0.875em; color:#444; margin-bottom:20px; background:#f2f2f2 url(images/block_l.png) no-repeat 5px 5px; position:relative;}
.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6,.entry ul,.entry ol {margin-bottom:20px;}
.post .entry ul li,.post .post-related ul li  {list-style:inside disc none; padding-left:2em; margin:5px 0;}
.entry ol li {list-style:inside decimal none; padding-left:2em; margin:5px 0;}
.entry blockquote i.bq {position:absolute; right:5px; bottom:5px; background:url(images/block_r.png) no-repeat center center; display:block; width:20px; height:28px;}
.post .post-related {padding:1em 2em 30px;}
.post .post-related h3 {margin-bottom:25px;}
.post .post-related ul li {color:#2B6BAB; padding-left:1em;}
.post .post-related ul li a {color:#2B6BAB;}
.post .tags {border-bottom:1px solid #ececec; padding-bottom:5px; margin-bottom:20px;}
.post .tags span {font-weight:bold; font-size:0.875em;}
.post .tags a {color:#333; font-family:'宋体'; font-size:0.875em; background:url(images/tag.png) no-repeat left 4px; padding-left:22px; margin:2px 4px; display:inline-block;}
.post-navi {font-size:0.75em;color:#333; margin-bottom:20px; overflow:hidden;}
.post-navi a {color:#333;}
.post-navi span {font-weight:bold;}
.portfolio-related h3 {margin-bottom:20px;}
.portfolio-post .post-navi {border-top:1px solid #ededed; padding-top:5px;}
/*comments*/
.comments h3,.comment-form h3 {font-weight:normal; margin-bottom:20px;}
.comments ol li {position:relative; height:auto; min-height:42px; border-bottom:1px dotted #ddd; margin-bottom:20px; padding-bottom:5px;}
.comments ol li .gravatar {float:left; width:42px; height:42px; position:absolute; left:0; top:3px;}
.comments ol li .cmt-cont {padding-left:62px;}
.comments ol li .cont-head {font-family:'宋体'; font-size:0.75em; color:#888; overflow:hidden; margin-bottom:10px;}
.comments ol li .cont-head a {color:#2B6BAB;}
.comments ol li .cont-head span.cmt-time {float:right;}
.comments ol li .cont-msg {font-size:0.875em; font-family:'宋体';}
.comments ol li .cont-other {font-size:0.75em; font-family:'宋体'; text-align:right;}
.comments ol li .cont-other span {color:#555;}
.comments ol li .cont-other a{color:#888}
.comments ol li li {border-bottom:0; margin-top:20px; margin-left:6%;}
/*commentpost*/
.commentpost {margin-bottom:20px;}
.commentpost h3 {font-size:1.25em; border-bottom:2px solid #ccc; padding-bottom:5px;}
.comment-form p {margin-bottom:10px; overflow:hidden; clear:both;}
.comment-form .text {border:1px solid #CCD4D9; padding:8px 5px; width:250px; float:left;}
.comment-form label {margin-left:10px; line-height:34px;}
.comment-form textarea {border:2px solid #CCD4D9; border-radius:2px; width:90%; height:150px; padding:5px 1%;}
.comment-form .submit {background-color:#E74851; color:#fff; font-size:1.5em; border:none; border-radius:2px; padding:5px 15px;  cursor:pointer; -webkit-appearance : none ;}
.commentpost .tips {color:#f30; text-align:center; font-size:0.75em; font-family:'宋体'; margin:40px auto; float:left; clear:both;}
.commentpost .tips  span {display:block; background-color:#FFF6E8; border:1px solid #FFE8C4; padding:5px 15px;}
.commentpost .tips a {color:#333;}
/*pgwslideshow*/
.pgwSlideshow {width: 100%; display: none;}
.pgwSlideshow a{color: #fff;}
.pgwSlideshow .ps-current {text-align: center; position: relative; min-height: 150px; overflow: hidden;}
.pgwSlideshow .ps-current > ul  > li {text-align: center; width: 100%; z-index: 1; opacity: 0; display: block;}
.pgwSlideshow .ps-current > ul  > li img {
    display: block;
    max-width: 100%;
    margin: auto;
}

.pgwSlideshow .ps-caption {
    background: rgba(0, 0, 0, 0.5);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";
    text-align: left;
    font-size: 1rem;
    color: #fff;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    padding: 10px;
    display: none;
}

.pgwSlideshow .ps-caption span {
    padding: 7px;
    display: inline-block;
}

.pgwSlideshow .ps-list {    
    overflow: hidden;
    position: relative;
}

.pgwSlideshow .ps-list ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    left: 0;
}

.pgwSlideshow .ps-list li {
    float: left;
}

.pgwSlideshow .ps-list li .ps-item {
    display: block;
    margin: 15px 8px;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.pgwSlideshow .ps-list li img {
    display: block;
    border: 1px solid #777;
    width: 80px;
    height: 80px;
}

.pgwSlideshow .ps-list li .ps-item.ps-selected {
    float: left;
    opacity: 1;
    border: 4px solid #fff;
    overflow: hidden;
}

.pgwSlideshow .ps-list li .ps-item.ps-selected img {
    margin: -4px;
}

.pgwSlideshow .ps-prevIcon {
    border-color:transparent #fff transparent;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    display: block;
}

.pgwSlideshow .ps-nextIcon {
    border-color:transparent #fff transparent;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    display: block;
}

.pgwSlideshow .ps-current .ps-prev {
    background: rgba(0, 0, 0, 0.5);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";
    border: 1px solid #777;
    border-left: 0;
    border-radius: 0 4px 4px 0;
    position: absolute;
    padding: 20px 20px 20px 15px;
    left: 0;
    top: 45%;
    cursor: pointer;
}

.pgwSlideshow .ps-current .ps-next {
    background: rgba(0, 0, 0, 0.5);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";
    border: 1px solid #777;
    border-right: 0;
    border-radius: 4px 0 0 4px;
    position: absolute;
    padding: 20px 15px 20px 20px;
    right: 0;
    top: 45%;
    cursor: pointer;
}

.pgwSlideshow .ps-list .ps-prev {background: rgba(0, 0, 0, 0.5); filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000')"; border: 1px solid #777; border-left: 0; border-radius: 0 4px 4px 0; padding: 20px 15px 20px 12px; cursor: pointer; position: absolute; left: 0; top: 25px; z-index: 1000; display: none;}
.pgwSlideshow .ps-list .ps-next {background: rgba(0, 0, 0, 0.5); filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000')"; border: 1px solid #777; border-right: 0; border-radius: 4px 0 0 4px; padding: 20px 12px 20px 15px; cursor: pointer; position: absolute; right: 0; top: 25px; z-index: 1000; display: none;}
.pgwSlideshow.narrow .ps-list li img {width: 60px;    height: 60px;}
.pgwSlideshow.narrow .ps-current .ps-prev {padding: 15px 15px 15px 12px; top: 40%;}
.pgwSlideshow.narrow .ps-current .ps-next {padding: 15px 12px 15px 15px; top: 40%;}
.pgwSlideshow.narrow .ps-list .ps-prev {padding: 15px 12px 15px 10px; top: 20px;}
.pgwSlideshow.narrow .ps-list .ps-next {padding: 15px 10px 15px 12px; top: 20px;}
.pgwSlideshow.narrow .ps-caption {font-size: 0.8rem; padding: 8px;}
/*pagenavi*/
.pagenavi {clear:both; overflow:hidden; text-align:center; margin-bottom:20px;}
.pagenavi a,.pagenavi span.now-page {display:inline-block; padding:3px 10px; background-color:#eee; color:#777; margin:3px; font-size:0.875em; border-radius:3px;}
.pagenavi a:hover,.pagenavi span.now-page {background-color:#2B6BAB; color:#fff;}
/*sidebar*/
.sidebar {}
.widget {margin-bottom:20px;}
.widget ul li {background:url(images/list_style.png) no-repeat left center; padding:5px 0 5px 12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:0.875em;}
.widget ul.column li {background:none; padding:5px 0; white-space:normal;}
.widget ul.column li .thumbnail{display:block; float:left; width:100px; height:auto; margin:3px 10px 0 0;}
.widget ul.column li a {font-weight:bold;}
/*widget-tab*/
.widget-tab .tab-title {overflow:hidden; margin-bottom:15px;}
.widget-tab .tab-title li {float:left; width:33.333333%; height:35px; line-height:35px; text-align:center; cursor:pointer; background-color:#EBEBEB;}
.widget-tab .tab-title li.on {background-color:#2B6BAB; color:#fff;}
.widget-tab .widget {display:none;}
.widget-tab .widget.on {display:block;}
.widget-tab .widget ul li {background:none; padding-left:0;}
.widget-tab .widget i {font-style:normal; background-color:#eee; margin-right:5px; display:inline-block; width:20px;  text-align:center; font-size:0.875em;}
.widget-tab .widget i.top {background-color:#FC9F14; color:#fff;}
#divTags ul {overflow:hidden;}
#divTags li {float:left; background:none; padding:2px 2px 2px 0; font-size:0.75em;}
#divTags li a {display:block; background:#eee; padding:2px 10px; color:#222;}
#divTags li a:hover {text-decoration:none; background-color:#FC9F14; color:#fff;}
#divTags li span.tag-count {font-size:0.875em; color:#888; padding-left:5px;}
#divTags li a:hover span.tag-count {color:#fff;}
/*friendlinks*/
.friendlinks h3 {font-weight:normal; font-size:1.25em; border-bottom:2px solid #ddd; padding:0 10px 5px;}
.friendlinks ul {overflow:hidden;}
.friendlinks ul li {float:left; font-size:0.875em; padding:5px 10px;}
/*footer*/
.footer {background-color:#222; box-shadow:0 -2px 5px #bbb; padding:20px 0; color:#aaa; font-size:0.75em; text-align:center;}
.footer a {color:#aaa;}
#backtop {width:40px; height:40px; position:fixed; top:70%; z-index:999; right:15%;}
#backtop a {display:block; width:40px; height:40px;  background:#999 url(images/backtop.gif) no-repeat center center;}
#backtop a:hover {background-color:#333;}
/*last*/
.right {float:right;}
.left {float:left;}
/*screen width*/
@media only screen and (max-width:1700px){
	#backtop {
		right:10%;
	}
}
@media only screen and (max-width:1500px){
	#backtop {
		right:5%;
	}
}
@media only screen and (max-width:1349px){
	#backtop {
		right:20px;
	}
}
@media only screen and (max-width:1200px){
	.inner {
		width:90%;
	}
	#header .menu ul li {
		width:11.111111%;
	}
	#container {
		width:87.5%;
		padding: 10px 2.083333% 25px;
	}
	.slides, .main {
		width:66.666667%;
	}
	.wrap .latest,.sidebar {
		width:31.428571%;
	}
	.boxlist .latest {
		width:47.142857%;
	}
	.box .latest {
		
	}
	.portfolio-box ul {
		width:102.857143%;
	}
	.portfolio-box li {
		width:22.222222%;
		margin: 10px 2.777778% 10px 0px;
	}
}
@media only screen and (max-width:1000px){
	.box .ad {
		width:42.9%;
	}
}
@media only screen and (max-width:800px){
	#container {		
		padding: 10px 2.083333% 15px;
	}
	.boxlist .latest {
		width:100%;
	}
}
@media only screen and (max-width:768px){
	#header .logo  {
		max-width:43%;		
	}
	#header .menu ul li {
		font-size:0.875em;
	}
	.wrap .latest {
		display:none;
	}
	.slides {
		float:none;
		width:100%;
		display:block;
	}
	.main {
		float:none;
		display:block;
		width:auto;
	}
	.sidebar {
		display:none;
	}
	.boxlist .latest {
		width:47.142857%;
	}
	#backtop {
	    right:10px;
	}
}
@media only screen and (max-width:640px) {
	#header .search-form {
		margin-top:15px;
	}
	#header .search-form .s {
		width:150px;
	}
	#header .menu ul li {
		font-size:0.75em;
	}
}
@media only screen and (max-width:540px) {
	#header .search-form {
		margin-top:10px;
	}
	.nav-btn {
		display:block;
	}
	#header .menu,.box .ad {
		display:none;
	}
	.box .latest {
		width:auto;
		float:none;
		display:block;
	}
	.category-blog .thumbnail {
		width:150px;
		height:100px;
	}
	.category-blog .intro {
		height:100px;
	}
	.boxlist .latest {
		width:100%;
	}
}
@media only screen and (max-width:480px) {
	#header .search-form {
		margin-top:5px;
	}
	#header .search-form .s {
		width:100px;
	}
	#header .search-form .submit {
		padding:0;
	}
	#header .logo img{
		max-width:170px;
	}
	.category-blog .thumbnail {
		width:100px;
		height:67px;
		margin-top:4px;
	}
	.category-blog .intro {
		height:70px;
	}
	.comments ol li .cont-head span.cmt-time {
		display:block;
		clear:both;
		float:none;
	}
	.portfolio-box li {
		width:47%;
		margin: 10px 3% 10px 0px;
	}
}
@media only screen and (max-width:360px) {
	#header .search-form .s {
		width:60px;
	}
	.comment-form .text {		
		width:180px;
	}	
	.comment-form textarea {
		width:90%;
	}
}