/*
Theme Name:PERSON
Theme Author:博客吧
Theme Url:https://www.boke8.net
*/
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.875em 'Microsoft Yahei',Arial,tahoma; overflow-x:hidden;word-wrap:break-word;}
textarea,
input {font-family:inherit; font-size: 1em;}
textarea:focus,
input:focus {outline:none;}
a {text-decoration:none; color:#555;}
a:hover {color:#F35B4F;}
li {list-style:none;}
.clear {clear:both;}
a img {border:none;}
img {vertical-align: middle;}
table {background-color: transparent; border-spacing: 0; border-collapse: collapse; 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:93.75%; max-width:1200px; margin:0 auto;}
.thumbnail a {display: block; padding-bottom: 75%; position: relative; overflow: hidden;}
.thumbnail img {display: block; position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit: cover;}
.ad img,#logo img {width:100%; height:auto; display:block;}
.mb-ad {float:left; overflow:hidden; margin-top:30px; background-color:#fff; padding:15px;}
.mb15 {margin-bottom:15px;}
.round-ad {float:left; margin:5px 10px 10px 0; display:inline;}
.bk8-flex {display: flex; flex-wrap: wrap;}
/*header*/
#header {background-color:#fff; width:100%; border-bottom:1px solid #D7D7D7; margin-bottom:1.25em;}
#header .inner {position:relative; display: table; table-layout: fixed;}
/*logo*/
#logo {display: table-cell; vertical-align: middle; border-right:1px solid #eee; width:9.375em; padding-right: 0.625em;}
#logo a {display:block; padding-bottom: 22.223%; position: relative; background: no-repeat left center; background-size: contain;}
#logo i {display: block; position: absolute; left:0; top:0; width: 100%; height: 100%; text-indent: -99999em; overflow: hidden;}
/*navi*/
#navi {display: table-cell; position:relative; vertical-align: middle;}
#navi .menu {justify-content: center;}
#navi li {line-height:3.75em; padding:0 2.5%;  position:relative;}
#navi li a {display:block;}
#navi .on > a {color:#F95A32;}
#navi li ul {position:absolute; left:50%; top:100%; background-color:#fff; z-index:9; width: auto; min-width:100%; border:1px solid #d7d7d7; border-top:none; transform: translateX(-50%); text-align:center; display:none;}
#navi li li {line-height:1.5em; padding:10px 0; border-top:1px solid #eee;}
#navi li li a {padding:0 1em; white-space: nowrap;}
/*button*/
#button {display: table-cell; vertical-align: middle; border-left:1px solid #eee; width: 1.25em; padding-left:1em;}
#button > div {align-items: center; justify-content: space-between; height: 100%;}

/*button*/
#search {position: relative;}
#search span {display: block; width: 1.25em; height: 1.25em; background: url(images/search.svg) no-repeat center center; background-size: contain; cursor: pointer;}
#search .form {position: absolute; top:2.5em; right:0; width: 250px; background-color:#fff; border:1px solid #D7D7D7; z-index: 5; display: none;}
#search form {display: block; position: relative; padding-right: 2.5em;}
#search .text {border:none; display: block; width: 100%; padding:0.5em 1em; box-sizing: border-box; height: 3em; line-height: 2em; font-size: 0.875em;}
#search .submit {position: absolute; right:0; top:0; height: 100%; width: 2.5em;  background: url(images/search.svg) no-repeat center center; background-size: 50% auto; cursor: pointer; border:none;}

/*navbtn*/
#navbtn{cursor:pointer;display:none;width:1.25em;height:1em; position: relative;}
#navbtn i{display:block;position:absolute;top:50%;left:0;margin-top:-1px;height:2px;background-color:#555;width:100%;}
#navbtn i:before,#navbtn i:after{content:'';display:block;height:2px;background-color:#555;position:absolute;left:0;width:100%;}
#navbtn i:before{top:-0.4em;}
#navbtn i:after{bottom:-0.4em;}

/*sub-header*/
.sub-header {border:1px solid #ededed; background-color:#fff; position:relative; margin-bottom:20px; clear:both;}
.sub-header .sub-nav {border-top:1px solid #eee; background-color:#FAFAFA; padding:5px 15px; overflow:hidden;}

/*profile*/
#profile {position:relative; text-align:center;}
#profile .avatar {width:5em; height:5em; overflow:hidden; border:4px solid #fff; border-radius:50%; margin:-2.5em auto 0; z-index:3; font-size: 20px;position: relative;}
#profile .avatar img {width:100%; height:100%; display:block; object-fit: cover;}
#profile .info {width:90%; max-width:50em; font-size:0.875em; line-height: 1.875em; margin:0 auto; padding:10px 0;}


/*banner*/
#banner {padding-bottom: 25%; overflow:hidden; background: no-repeat center center; background-size: cover;}
/*slides*/
.slides {position:relative;}
#slides {position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;}
#slides li {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0;}
#slides li:first-child {position: relative; display: block; float: left;}
#slides img {display: block; height: auto; float: left; width: 100%; border: 0;}
.rslides_container {position: relative; float: left;	width: 100%; overflow:hidden; border-radius:3px; margin-bottom:15px;}
.centered-btns_nav {z-index: 3;	position: absolute;	-webkit-tap-highlight-color: rgba(0,0,0,0);	top: 50%; left: 10px; text-indent: -9999px; overflow: hidden; text-decoration: none;	height: 27px; width: 27px; background: transparent url("images/arrow.png") no-repeat left top; margin-top: -13.5px;}
.centered-btns_nav:active {opacity: 1.0;}
.centered-btns_nav.next {left: auto;	background-position: right top;	right: 10px;}
.transparent-btns_nav {z-index: 3;	position: absolute;	-webkit-tap-highlight-color: rgba(0,0,0,0);	top: 0;	left: 0; display: block;background: #fff;opacity: 0;filter: alpha(opacity=1);width: 48%;text-indent: -9999px;overflow: hidden;height: 91%;}
.transparent-btns_nav.next {left: auto;	right: 0px;}
.large-btns_nav {z-index: 3;	position: absolute;	-webkit-tap-highlight-color: rgba(0,0,0,0);	opacity: 0.6;text-indent: -9999px;	overflow: hidden;top: 0;bottom: 0;left: 0;	background: #000 url("images/arrow.png") no-repeat left 50%;	width: 38px;}
.large-btns_nav:active {	opacity: 1.0;}
.large-btns_nav.next {left: auto;background-position: right 50%;	right: 0;}
.centered-btns_nav:focus,.transparent-btns_nav:focus,.large-btns_nav:focus {outline: none;}
.centered-btns_tabs,.transparent-btns_tabs,.large-btns_tabs {text-align: center;	position: absolute;	bottom: 10px; right:10px; z-index: 9;}
.centered-btns_tabs li,.transparent-btns_tabs li,.large-btns_tabs li {text-indent:-8888em;	display: inline;float: none;_float: left;*float: left;margin-right: 5px;}
.centered-btns_tabs a,.transparent-btns_tabs a,.large-btns_tabs a {	overflow: hidden;-webkit-border-radius: 50%;-moz-border-radius: 50%;	border-radius: 50%;	background: #ccc;background: rgba(255,255,255, .9);	display: inline-block; _display: block;	*display: block; width: 10px;height: 10px;	line-height:20px; font-size:0.75em; color:#666;}
.centered-btns_here a,.transparent-btns_here a,.large-btns_here a {background: #F95A32; color:#fff;}
/*breadcrumb*/
.breadcrumb {font-size:0.75em; color:#888; font-family:'宋体'; float:left; line-height:30px;}
.breadcrumb a {color:#888;}
.social-share {float:right;}
/*container*/
.container {overflow:hidden; padding-bottom:40px;}
/*main*/
.main {float:left; width:880px;}
/*section*/
.section,.post {background-color:#fff; border:1px solid #ededed; padding:15px; margin-bottom:20px; overflow:hidden;}
.section .box {display: table; table-layout: fixed; width: 100%; margin-bottom: 1em;}
.section .small {display: table-cell;vertical-align: top; width:250px; padding-right:1.5em;}
.section .intro {display: table-cell;vertical-align: top;text-align:justify; font-size: 0.875em; line-height: 1.875em; color:#515151;}
.section .excerpt {display: -webkit-box; -webkit-box-orient:vertical; max-height: 13.125em; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:7;}
.section .large {margin-bottom:1em;}
.section .large a {display: block;}
.section .large img {display: block; width: 100%; height: auto;}
.section .title {font-size: 1.35em; color:#333; line-height: 1.5em; font-weight: normal; margin-bottom:2%;}
.section .title a {color:#333;}
.section .title strong {color:#f00;}
.section .title i {display:inline-block;background-color:#F95A32; color:#fff; font-size:0.5em; border-radius:2px; height:22px; line-height:22px; padding:0 0.75em; margin-top:-4px; margin-right:5px; vertical-align: middle;}
.section .meta {clear:both; float:left;font-size:0.75em;color:#999; width:100%; line-height: 2.5em;}
.section .meta span {display: inline-block; vertical-align: middle;  margin-right:5px;}
.section .meta a {color:#999;}
.section .meta .more {float:right;margin-right: 0;}
.section .meta .more a {color:#fff;  background-color:#39F; color:#fff; padding:0 0.75em; border-radius: 0.25em; display: block;}
/*post*/
.post h1 {text-align:center;line-height:1.5em; font-weight:normal; font-size:1.5em; margin-bottom:10px;}

.post .post-copyright {margin-top:20px; font-size:1em; padding:5px; text-align:center;}
.post .post-copyright a {color:#A74F1B; text-decoration:underline;}
.post .ad {margin-top:20px;}
/*page404*/
.page404 {min-height: 50vh; padding:10%; text-align: center;}
/*postmeta*/
.postmeta {text-align:center; border-top:1px dotted #eee;margin-bottom:10px;}
.postmeta span {font-size:0.75em; color:#999; margin:0 5px; display: inline-block; vertical-align: middle;}
/*tags*/
.tags {font-size:0.875em; overflow:hidden;}
.tags span {font-weight:bold; display:block; float:left;}
.tags a {display:block; float:left; padding:0 5px;}
.tags a:hover {text-decoration:underline;}
/*entry*/
.entry * {line-height: 1.875em;}
.entry p,.entry ul,.entry ol {margin-bottom:15px; font-size:0.875em;}
.entry img {max-width:100%; height:auto!important;}
.entry ul,.entry ol {padding-left:2em;}
.entry ul li {list-style:inside disc none;}
.entry ol li {list-style:inside decimal none;}
.entry blockquote {overflow:hidden; padding:15px 25px 0; background:#f1f1f1 url(images/block_l.png) no-repeat 5px 10px; position:relative; border-radius:3px; margin:0 15px 15px;}
.entry .quote {background:url(images/block_r.png) no-repeat center center; width:20px; height:28px; position:absolute; right:5px; bottom:5px;}
.entry h1 {font-weight:bold; font-size:1.75em; margin-bottom:15px; text-align:left;}
.entry h2 {margin-bottom:15px; font-size:1.5em;}
.entry h3 {margin-bottom:15px; font-size:1.25em;}
.entry h4 {margin-bottom:15px; font-size:1em;}
.entry h5 {margin-bottom:15px; font-size:0.875em;}
.entry h6 {margin-bottom:15px; font-size:0.75em;}
.entry hr {border:none; border-bottom:1px solid #e4e4e4; margin-bottom: 15px;}
/*postnavi*/
#postnavi {text-align:center;}
#postnavi a {display:inline-block; vertical-align: middle; background-color:#F95A32; color:#fff; padding:0 10px; font-size: 14px; border-radius: 5px; height: 30px; line-height: 29px; margin:0 5px;}
/*related*/
#related {border-top:2px dotted #F0F0F0; margin-top:20px; padding-top:15px;}
#related h3 {font-weight:normal; color:#333; margin-bottom:10px;}
#related li {border-bottom:1px dashed #e4e4e4; font-size:0.875em; line-height:24px; padding:8px 0; overflow:hidden;}
#related li a {display:block; margin-right: 110px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-left:1.125em; position: relative;}
#related li a:before {content:''; display: block; width: 4px; height: 4px; border-radius:50%; background-color: #F95A32; position: absolute; left:0; top:50%; transform: translateY(-50%);}
#related li time {float:right; display: block; font-size:0.75em; color:#999;}

/*comment-form*/
#divCommentPost {margin-top:20px; font-size:14px;}
#divCommentPost .item {margin-bottom:5px; overflow:hidden;}
#divCommentPost label {clear:left; float:left; height:34px; line-height:34px; padding:0 0.5em; border:1px solid #e2e2e2; border-right:none; width: 4em;}
#divCommentPost label i {font-style: normal; color:#f00;}
#divCommentPost .input {margin-left: 5em; overflow: hidden; position: relative; }
#divCommentPost .text {width: 100%; box-sizing: border-box; height:36px; line-height: 24px; padding:6px 1em; border:1px solid #ddd; -webkit-appearance:none; border-radius:0;position: relative; z-index: 2; background-color: transparent;}

#divCommentPost textarea.text {height:120px; resize: vertical;}
#divCommentPost .btm {display: flex; justify-content: space-between;flex-direction: row-reverse; align-items: center;}
#divCommentPost .submit {background-color:#4391EA; color:#fff; border:none; height:32px; width: 5.5em; cursor:pointer; -webkit-appearance:none;}
#divCommentPost .item span {color:#888;}
#divCommentPost .item span b {color:#c00; font-weight:normal; font-size:1.25em;}
/*comment*/
.comment-list {border-top:2px dotted #f0f0f0; margin-top:20px; padding-top:10px;}
.comment-list li {margin-top:20px; border:1px solid #f0f0f0; position:relative; overflow:hidden; padding:10px; border-radius:3px; background-color:#fff;}
.comment-list li.mouseover {border:1px solid #ddd;}
.comment-list .gravatar {float:left; width:50px; height:50px; margin:5px 10px 0 0; display:inline;}
.comment-list .gravatar img {display:block; width:100%; height:auto;}
.comment-list .cmt-meta .user {margin-bottom:5px;}
.comment-list .cmt-meta .user a {text-decoration:underline; color:#F95A32;}
.comment-list .cmt-meta .time {font-size:0.875em; color:#999;}
.comment-list .floor {position:absolute; right:10px; top:10px; font-size:1.5em; color:#eee;}
.comment-list .cmt-cont {clear:both; padding:10px 0; text-align:justify; font-size:0.875em; color:#555;}
.comment-list .cmt-other {text-align:right;}
.comment-list .cmt-other a {background-color:#f90; color:#fff; font-size:0.875em; padding:0 5px; border-radius:4px;}
/*pagenavi*/
#pagenavi {clear:both; overflow:hidden; font-size:14px;}
#pagenavi a,#pagenavi span.now-page {display:inline-block; background-color:#fff; height: 2.857em; line-height: 2.857em; padding:0 0.2em; margin:0.179em; border-radius:0.143em; min-width: 2.857em; box-sizing: border-box; text-align: center;}
#pagenavi a:first-child {margin-left: 0;}
#pagenavi a:hover {color:#F35B4F;}
#pagenavi span.now-page {background-color:#F35B4F; color:#fff; font-weight:bold;}
/*sidebar*/
.sidebar {background-color:#fff; border:1px solid #eee; width:290px; float:right;}
.widget {padding:15px; border-bottom:1px solid #ededed;}
.widget h3,#divCalendar caption {font-size:1em; margin-bottom:15px;}
.widget li {border-bottom:1px dashed #eee; font-size:0.875em; color:#444; padding:5px 0;}
.widget img {width:auto; max-width:100%; height:auto; display:block; margin:0 auto;}
.widget .new-cmts li {overflow:hidden; margin-bottom:10px;}
.widget .new-cmts li img {float:left; width:35px; height:35px; display:inline-block; margin:0 10px 0 0;}
.widget .new-cmts li p {margin-top:-5px; margin-bottom:5px; color:#444;}
.widget .new-cmts li a {color:#E7542E; font-weight:bold;}
/*divSearchPanel*/
#divSearchPanel > div {position: relative; padding-right: 2.625em;}
#divSearchPanel input[type="text"]{display:block;border:1px solid #ddd; border-right: none; width: 100%; box-sizing: border-box; height:2.5em; line-height: 1.5em; padding:0.5em 1.25em;}
#divSearchPanel input[type="submit"] {display:block;border:none; background-color:#39F; color:#fff; cursor:pointer; position: absolute; right:0; top:0; height: 100%; font-size: 0.875em; width: 3em;}
#divCalendar table {text-align:center;}
#divCalendar caption {text-align:center; font-weight:bold;}
#divCalendar td {font-size:0.875em; color:#333;}
#divCalendar td a {background-color:#F35B4F; color:#fff; padding:0 5px; border-radius:50%;}

/*divArticles*/
.divArticles li {padding:0.75em 0;}
.divArticles li a{display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.divArticles li i {display: inline-block; width: 2em; height: 2em; border-radius: 50%; color:#666; background-color:#f6f6f6; text-align: center; line-height: 2em; vertical-align: middle; margin-right:0.35em;}
.divArticles li:nth-child(1) i {background-color: #f95a32; color:#fff;}
.divArticles li:nth-child(2) i {background-color: #3FB8AF; color:#fff;}
.divArticles li:nth-child(3) i {background-color: #39F; color:#fff;}

#divTags ul {overflow: hidden;}
#divTags li{float:left;padding:1% 2% 1% 0;}
#divTags li .tag-count {display:none;}
#divTags li a{display:block;background-color:#39f;padding:0 8px;color:#fff;font-size:12px; line-height: 2em; transition: all .2s;}
#divTags li a:hover{opacity:.8; border-radius: 4px; text-shadow: rgba(0,0,0,.7) 1px 1px 1px;}
#divTags li:nth-child(8n-7) a{background-color:#8A9B0F;}
#divTags li:nth-child(8n-6) a{background-color:#EB6841;}
#divTags li:nth-child(8n-5) a{background-color:#3FB8AF;}
#divTags li:nth-child(8n-4) a{background-color:#FE4365;}
#divTags li:nth-child(8n-3) a{background-color:#FC9D9A;}
#divTags li:nth-child(8n-2) a{background-color:#EDC951;}
#divTags li:nth-child(8n-1) a{background-color:#C8C8A9;}
#divTags li:nth-child(8n) a{background-color:#83AF9B;}
#divTags li:first-child a{background-color:#E1474D;}
#divTags li:last-child a{background-color:#3299BB;}

#divCatalog ul li ul {margin-top:5px;}
#divCatalog ul li li {border-bottom:none; border-top:1px dashed #eee; }
#divContorPanel div {font-size:0.875em;}
#divContorPanel br {display:block; height:1px;}
#divContorPanel span.cp-hello {display:block; padding-bottom:5px; border-bottom:1px dotted #eee;}
/*footer*/
#footer {border-top:1px solid #dedede; padding:20px 0; clear:both; background-color:#FFF; overflow:hidden;font-size:0.875em; line-height: 1.75em;}
#footer .inner {justify-content: space-between;}
/*pageslist*/
#pageslist li { margin-right:1.5em;}
#pageslist li:last-child {margin-right: 0;}
/*copyright*/
#copyright {text-align:right; color:#999;}
#copyright a {color:#999;}
/*backtop*/
@keyframes fire {
	0% {
		background-size:100% 20%;
		background-position:center 39px;
	}
	25% {
		background-size:100% 30%;
		background-position:center 39px;
	}
	50% {
		background-size:100% 35%;
		background-position:center 39px;
	}
	75% {
		background-size:100% 30%;
		background-position:center 39px;
	}
	100% {
		background-size:100% 20%;
		background-position:center 39px;
	}
}
@-moz-keyframes fire {
	0% {
		background-size:100% 20%;
		background-position:center 39px;
	}
	25% {
		background-size:100% 30%;
		background-position:center 39px;
	}
	50% {
		background-size:100% 35%;
		background-position:center 39px;
	}
	75% {
		background-size:100% 30%;
		background-position:center 39px;
	}
	100% {
		background-size:100% 20%;
		background-position:center 39px;
	}
}
@-webkit-keyframes fire {
	0% {
		background-size:100% 20%;
		background-position:center 39px;
	}
	25% {
		background-size:100% 30%;
		background-position:center 39px;
	}
	50% {
		background-size:100% 35%;
		background-position:center 39px;
	}
	75% {
		background-size:100% 30%;
		background-position:center 39px;
	}
	100% {
		background-size:100% 20%;
		background-position:center 39px;
	}
}
@-o-keyframes fire {
	0% {
		background-size:100% 20%;
		background-position:center 39px;
	}
	25% {
		background-size:100% 30%;
		background-position:center 39px;
	}
	50% {
		background-size:100% 35%;
		background-position:center 39px;
	}
	75% {
		background-size:100% 30%;
		background-position:center 39px;
	}
	100% {
		background-size:100% 20%;
		background-position:center 39px;
	}
}
#backtop {position:fixed; top:60%; right:15px; width:30px; height:65px; background:url(images/scrolltop_1.png) no-repeat top center; display:none;}
#backtop a {display:block; position:relative;  background:url(images/scrolltop_2.png) no-repeat center 37px; display:block; width:16px; height:71px; margin:0 auto;}
#backtop a:hover {animation:fire 1.5s infinite linear; -moz-animation:fire 1.5s infinite linear; -webkit-animation:fire 1.5s infinite linear; -o-animation:fire 1.5s infinite linear;}
/*screen width*/
@media only screen and (max-width:1280px){		
	.main {width:73.333333%;}
	.sidebar {width:24.166667%;}
	/*1280px*/
	#header {font-size: 15px;}	
	/*1280px*/
	#navi li {padding:0 2.2%;}
}
@media only screen and (max-width:1024px){	
    /*1024px*/
    #profile .avatar {font-size: 16px;}
	/*1024px*/
	#pagenavi {font-size: 13px;}
	/*1024px*/
	.section .small {width: 180px;}
	.section .excerpt {-webkit-line-clamp:5; max-height: 9.375em;}
	/*1024px*/
	.main {width:auto; float:none; margin-bottom: 1.5em;}
	.sidebar {width:auto; float:none;}
	/*1024px*/
	#header .inner {display: flex; justify-content: space-between;}
	/*1024px*/
	#logo {display: block; padding-top:0.5em; padding-bottom:0.5em }
	/*1024px*/
	#button {display: block; width: 4em;}
	/*1024px*/
	#navbtn {display: block;}
	/*1024px*/
	#navi{position:fixed;width:100%;clear:both;width:250px; max-width: 100%; z-index:9;right:0;top:47px;height:calc(100% - 47px);transition:transform .3s; background-color: #fff; display: block; border-left:1px solid #D7D7D7; border-top: 1px solid #D7D7D7; box-sizing: border-box; padding:3em 0; transform: translateX(100%);}
	#navi.active{transform: translateX(0%);}
	#navi .menu {padding:0 2em; display: block;overflow-y:auto;-webkit-overflow-scrolling:touch;}
	#navi li{line-height:45px; padding:0;}
	#navi li em{display:block;position:absolute;right:-20px;top:0;width:45px;height:45px; cursor: pointer;}
	#navi li em:before{content:'';display:block;width:8px;height:8px;border-right:1px solid #555;border-bottom:1px solid #555;transform:rotate(45deg);position:absolute;left:50%;top:50%;margin:-6px 0 0 -6px;transition:all .3s;}
	#navi li em.open:before{transform:rotate(-135deg);margin-top:0;}
	#navi li ul{position:static;left:auto;top:auto;padding:0;border:none;background:none; transform: none; min-width: 0;}
	#navi li li{text-align:left; border:none; padding:0;}
	#navi li li a{padding:10px 0 10px 2em;}
	/*1024px*/
	#search .form {top:2.2em;}
}
@media only screen and (max-width:768px){
    .sub-header .sub-nav {padding:5px 10px;}
	/*768px*/
	#profile .avatar {font-size: 12px;}
	/*768px*/
	#header {position: relative;}
	#header .inner {position: static;}
	/*768px*/
	#pagenavi {text-align: center; font-size: 12px;}
	/*768px*/
	.section .title {font-size: 1.125em; margin-bottom: 5%;}
	.section .box,
	.section .intro {display: block;}
	.section .small {display: block; width: auto; margin-bottom: 5%; padding-right: 0;}
	.section .meta {line-height: 1.75em;}
	.section .meta .more {display: block; width: 100%; text-align: center; margin-top: 0.75em; line-height: 2.25em;}
	/*768px*/
	#footer {font-size: 0.75em;}
	/*768px*/
	#pageslist {width: 100%; margin-bottom: 0.5em;}
	#pageslist ul {justify-content: center;}
	/*768px*/
	#copyright {width: 100%; text-align: center;}
	/*768px*/
	#search {position: static;}
	#search .form {top:100%; width: 100%;}
}