html {
	box-sizing:border-box;
	overflow-y:scroll;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}
body {
	font-family:Microsoft YaHei,Arial,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;
	background-color:#DFDBE5;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='18' viewBox='0 0 100 18'%3E%3Cpath fill='%239C92AC' fill-opacity='0.4' d='M61.82 18c3.47-1.45 6.86-3.78 11.3-7.34C78 6.76 80.34 5.1 83.87 3.42 88.56 1.16 93.75 0 100 0v6.16C98.76 6.05 97.43 6 96 6c-9.59 0-14.23 2.23-23.13 9.34-1.28 1.03-2.39 1.9-3.4 2.66h-7.65zm-23.64 0H22.52c-1-.76-2.1-1.63-3.4-2.66C11.57 9.3 7.08 6.78 0 6.16V0c6.25 0 11.44 1.16 16.14 3.42 3.53 1.7 5.87 3.35 10.73 7.24 4.45 3.56 7.84 5.9 11.31 7.34zM61.82 0h7.66a39.57 39.57 0 0 1-7.34 4.58C57.44 6.84 52.25 8 46 8S34.56 6.84 29.86 4.58A39.57 39.57 0 0 1 22.52 0h15.66C41.65 1.44 45.21 2 50 2c4.8 0 8.35-.56 11.82-2z'%3E%3C/path%3E%3C/svg%3E");
	color:rgba(0,0,0,.75);
	font-size:1em;
	line-height:1.8;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-feature-settings:"kern","liga","case";
	-moz-font-feature-settings:"kern=1","liga=1","case=1";
	-moz-font-feature-settings:"kern","liga","case";
	-moz-font-feature-settings:"kern" 1,"liga" 1,"case" 1;
	font-feature-settings:kern,liga,case;
}
#bar {
	position:fixed;
	top:0;
	height:3px;
	background:#27ae60;
	animation:loading 1s infinite;
	-webkit-animation:loading 1s infinite;
}
@keyframes loading {
	0% {
	right:50%;
	left:50%;
}
30% {
	right:0;
	left:0;
}
to {
	right:50%;
	left:50%;
}
;}a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,iframe,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var {
	border:0;
	font-size:100%;
	font-style:inherit;
	margin:0;
	outline:0;
	padding:0;
	word-break:break-word;
	word-wrap:break-word;
	vertical-align:baseline;
}
button,input,textarea {
	font-size:100%;
	font-family:inherit;
	line-height:1.2;
	margin:0;
	outline:0;
	appearance:none;
	-webkit-appearance:none;
}
.indent {
	text-indent:2em;
}
input[type=email],input[type=password],input[type=text],input[type=url] {
	background:0 0;
	padding:5px;
	border:1px solid #eee;
	width:100%;
	height:30px;
	border-radius:2px;
	box-shadow:none;
	box-sizing:border-box;
}
input#author,input#code,input#mail,input#url {
	margin-bottom:10px;
}
button {
	cursor:pointer;
}
textarea {
	padding:5px;
	border:1px solid #eee;
	width:100%;
	border-radius:2px;
	line-height:1.5;
	box-sizing:border-box;
}
input[type=password] {
	display:block;
	width:60%;
	margin:0 auto;
}
input[type=submit] {
	display:block;
	width:60%;
	height:30px;
	border-radius:2px;
	padding:0 6px;
	color:#fff;
	background:#27ae60;
	border:0;
	cursor:pointer;
	margin:10px auto;
}
.gonggao-img {
	margin-right:5px;
	display:inline-block;
	margin-bottom:-5px;
}
.gonggao {
	color:#fb7c00;
	margin-bottom:20px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
}
.word {
	text-align:center;
	text-indent:0;
}
button:focus,input:focus,textarea:focus {
	outline:0;
}
ol {
	padding-left:20px;
	margin-left:2em;
}
ul {
	list-style:none;
	text-indent:0;
	margin-left:2em;
}
audio,video {
	display:block;
}
sup {
	vertical-align:super;
	font-size:smaller;
}
hr {
	background-image:-webkit-linear-gradient(left,transparent,#bdd 50%,transparent);
	background-image:linear-gradient(90deg,transparent,#bdd 50%,transparent);
	height:2px;
	border:0;
	margin:10px 0;
}
table thead tr:first-child {
	text-align:center!important;
	background:rgb(0 0 0/.75);
	color:#fff;
	font-weight:700;
}
table thead tr:first-child td {
	font-weight:700!important;
}
table tbody tr:nth-child(odd) {
	background:rgb(210 210 210/10%);
}
.post-content h1 {
	border-left:8px solid #bd19da;
}
.post-content h2 {
	border-left:8px solid #27ae60;
}
.post-content h3 {
	border-left:8px solid #f77b83;
}
.post-content h4 {
	border-left:8px solid #bb1717;
	padding-left:4px;
	font-size:1.05em;
}
.post-content h5 {
	border-left:8px solid #daba19;
	padding-left:4px;
	font-size:1em;
}
.post-content h6 {
	border-left:8px solid #1998da;
	padding-left:4px;
}
.post-content h1 {
	text-align:left;
}
.post-content h3 {
	font-weight:700;
}
li,ol,ul {
	text-indent:0;
}
.post-content ul li ul li:before {
	height:4px;
	width:4px;
}
.post-content ul li ul li ul li:before {
	height:6px;
	width:6px;
}
.post-content ul li ul li ul li ul li:before {
	height:3px;
	width:6px;
}
.post-content ul li ul li ul li ul li ul li:before {
	height:5px;
	width:5px;
}
.post-content ul li p {
	display:inline;
}
.post-content ul li ul li {
	padding-left:1em;
}
#archives ul li:before,.more-list li:before,.post-content ul li:before,.widget-list li:before {
	display:inline-block;
	content:"";
	background-color:#ddd;
	height:7px;
	width:7px;
	border-radius:100%;
	margin-right:10px;
	margin-bottom:2px;
}
#archives ul li:hover:before,.more-list li:hover:before,.post-content ol li:hover:before,.post-content ul li:hover:before,.widget-list li:hover:before {
	background-color:#27ae60;
}
#teamnewslist ol {
	list-style:none;
	margin-left:36px;
	padding-left:14px;
	border-left:2px solid hsla(0,0%,63.5%,.2);
}
#teamnewslist b {
	font-size:14px;
	font-weight:400;
	display:block;
	position:relative;
	margin-bottom:10px;
	padding-left:1px;
	text-indent:0;
}
#teamnewslist b:after {
	position:absolute;
	top:6px;
	left:-22px;
	content:"";
	width:14px;
	height:14px;
	border-radius:50%;
	background-color:#fff;
	border:2px solid hsla(0,0%,63.5%,.2);
}
#teamnewslist li {
	list-style:none;
	margin:0 0 20px;
	line-height:180%;
}
#teamnewslist li:hover b:after {
	border-color:#27ae60;
}
#teamnewslist li:hover b {
	color:#27ae60;
}
#bddownload a,#download a,#lzdownload a {
	color:#fff;
	background-color:#00c3b6;
	padding:6px 10px 6px 40px;
	border-radius:5px;
	background-size:contain;
	background-repeat:no-repeat;
	text-indent:0!important;
	background-position:5%;
}
#bddownload a:hover,#download a:hover,#lzdownload a:hover {
	background-color:#f77b83;
}
#download a {
	background-image:url(../img/default.svg);
}
#bddownload a {
	background-image:url(../img/baidu.svg);
}
#lzdownload a {
	background-image:url(../img/lanzou.png);
}
#bddownload,#download,#lzdownload {
	display:inline-block;
	text-indent:0!important;
	margin:10px 20px 10px 0;
}
#tips-red {
	border:1px solid #eee;
	border-left:3px solid red;
}
#tips-green,#tips-red {
	padding:3px 6px;
	margin:10px 0;
}
#tips-green {
	border:1px solid #eee;
	border-left:3px solid #72b2aa;
}
#tips-orange {
	border:1px solid #eee;
	border-left:3px solid #ff9b00;
	padding:3px 6px;
	margin:10px 0;
}
input.done_checkbox,input.todo_checkbox {
	-webkit-appearance:none;
	position:relative;
	border-radius:2px;
	width:15px;
	height:15px;
	border:2px solid #409eff;
	vertical-align:-5px;
}
input.done_checkbox:checked {
	border:none;
	background:#409eff;
}
input.done_checkbox:checked:after {
	content:"";
	width:3px;
	height:7px;
	position:absolute;
	top:2px;
	left:5px;
	border:2px solid #fff;
	border-top:0;
	border-left:0;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
table {
	border-collapse:collapse;
	border-spacing:0;
	text-indent:0;
	width:100%;
	margin:10px 0;
	font-size:87.5%;
}
td {
	border:1px solid #eee;
	padding:5px 10px;
	text-align:center;
	vertical-align:middle;
	word-break:break-word;
}
caption,td,th {
	font-weight:400;
}
blockquote:after,blockquote:before,q:after,q:before {
	content:"";
}
blockquote,q {
	-webkit-hyphens:none;
	-moz-hyphens:none;
	-ms-hyphens:none;
	hyphens:none;
	quotes:none;
}
blockquote {
	background:#f8f8f8;
	border-radius:.25em;
	border-left:.25em solid rgba(0,0,0,.8);
	font-weight:400;
	letter-spacing:.01rem;
	margin:10px 0;
	padding:.5em .5em .5em 1.75em;
	text-indent:0;
}
a {
	color:inherit;
	text-decoration:none;
}
a:active,a:hover {
	color:#27ae60;
}
.current {
	font-weight:700;
}
h1,h2,h3,h4 {
	font-weight:600;
	margin:10px 0;
	text-indent:0;
}
pre {
	padding:0 20px;
	white-space:pre-wrap;
	word-wrap:break-word;
	font:14px/22px courier new;
	position:relative;
	margin:20px 0;
	text-indent:0;
	border-radius:6px;
}
pre:after,pre:before {
	display:block;
	padding-top:10px;
	padding-bottom:10px;
}
pre:before {
	content:"-- CODE --";
}
pre:after {
	content:"-- EOF --";
	text-align:right;
}
code {
	padding:2px;
	white-space:pre-wrap;
	word-wrap:break-word;
	word-break:break-word;
	letter-spacing:0;
	text-indent:0;
	font:14px/26px courier new;
}
code,pre {
	background-color:#DDDDDD;
	line-height:2em;
}
pre code {
	padding:0;
}
img {
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}
.clearfix {
	clear:both;
}
.left {
	text-align:left;
}
.center {
	text-align:center;
}
.container {
	margin:0px auto;
	max-width:900px;
	background-color:#fff;
}
#header {
	background-position:50%;
	background-size:cover;
	background-origin:border-box;
	background-color:#f0f0f0;
	position:relative;
	box-sizing:border-box;
	color:rgba(0,0,0,.8);
	padding:120px 40px;
	text-align:center;
	color:#fff;
}
.site-title {
	font-size:24px;
	text-shadow:2px 2px 3px #000;
}
.site-title img {
	height:64px;
	margin:0 auto;
}
.site-title a,.site-title a:hover {
	color:#fff;
}
.site-description {
	font-size:16px;
	text-shadow:2px 2px 3px #000;
}
.menubar {
	height:50px;
	line-height:50px;
	border-bottom:1px solid #eee;
	padding:0 20px;
}
#menu {
	margin-top:0;
	font-size:14px;
}
#menu,#menu li {
	display:inline;
}
#nav-menu a {
	padding:0 15px;
	display:inline-block;
}
#menubutton {
	display:none;
	float:right;
	background:0 0;
	border:0;
	margin-top:18px;
	cursor:pointer;
}
#menubutton span {
	float:left;
	padding:6px 0 7px;
}
#menubutton i {
	width:25px;
	height:2px;
	clear:both;
	display:block;
	background-color:#999;
	margin:5px 0;
}
.mhome {
	display:none;
}
#menu li {
	float:left;
}
#has-sub {
	display:inline-block;
}
#has-sub ul li {
	width:100%;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
	background:#fff;
	box-shadow:0 1px 3px hsla(0,0%,93%,.5);
	line-height:40px;
}
#has-sub:hover ul {
	display:block;
}
#has-sub ul {
	display:none;
	z-index:99;
	width:110px;
	position:absolute;
	border-top:1px solid #eee;
	font-weight:400;
	font-size:87.5%;
	margin-left:-22px;
	text-align:center;
}
#has-sub>a:after {
	position:relative;
	display:inline-block;
	margin-left:3px;
	top:-3px;
	content:"";
	border-left:3.5px solid transparent;
	border-right:3.5px solid transparent;
	border-top:4px solid rgba(0,0,0,.75);
}
#has-sub:hover>a:after {
	border-top:4px solid #27ae60;
}
#main {
	padding:20px 60px;
}
.indexbox {
	margin-top:10px;
}
.indexbox ul {
	font-size:0;
}
.indexbox ul li {
	display:inline-block;
	width:30%;
	margin-right:5%;
	list-style:none;
	padding:0;
}
.indexbox ul li:last-child {
	float:right;
	margin:0;
}
.indexbox ul li img {
	width:100%;
	border-radius:5px;
	height:150px;
}
.page404 {
	text-align:center;
	padding:50px 0;
}
.post-title {
	font-size:18px;
	font-weight:700;
	margin:0 0 10px;
}
.post {
	padding:20px 0;
	border-bottom:1px solid #eee;
}
.post-content {
	line-height:2em;
}
.post-content h1 {
	font-size:1.25em;
	padding-left:4px;
}
.post-content h2 {
	font-size:1.20em;
	padding-left:4px;
}
.post-content h3 {
	font-size:1.05em;
	padding-left:4px;
}
.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6 {
	background:#EEEEEE;
	margin:5px 0;
	text-indent:0;
}
.post-content img {
	border-radius:6px;
}
.post-content a {
	color:#27ae60;
}
.meta {
	margin-top:10px;
	margin-bottom:20px;
}
.post-content p {
	margin:10px 0;
}
.post-near {
	line-height:2em;
}
.meta {
	overflow:hidden;
	font-size:14px;
	color:rgba(0,0,0,.44);
	#margin-top:-10px;
}
.meta li {
	display:inline;
	padding-right:5px;
}
.tags {
	font-size:14px;
	color:rgba(0,0,0,.44);
	margin-top:10px;
}
.tagcloud li {
	list-style:none;
	width:25%;
	display:table-cell;
	float:left;
	padding:10px 0;
}
#archives ul {
	padding:10px 0 10px 20px;
}
#archives ul li {
	padding:5px 0;
}
#archives h2 {
	border-bottom:1px solid #eee;
	padding-bottom:6px;
}
.widget {
	width:46%;
	padding:2%;
	display:block;
	float:left;
	height:425px;
	list-style:none;
	overflow:hidden;
}
.widget-title {
	border-bottom:1px solid #eee;
	padding:0 0 5px;
}
.widget-list li {
	padding:4px 0;
}
.more-list li {
	width:49%;
	display:inline-block;
}
.more-list li,.tag-list,.widget-list li {
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.tag-list {
	width:50%;
	float:left;
}
.post-excerpt-txt {
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	max-height:100px;
	word-break:break-all;
	line-height:2em;
}
.post-excerpt {
	line-height:1.8em;
	word-break:break-all;
}
a.photo-img-a {
	display:flex;
}
.post-excerpt img {
	display:inline;
	float:right;
	border-radius:5px;
	margin-left:10px;
	width:150px;
	height:100px;
}
.photo-img-a img {
	width:32%;
	height:160px;
	margin:0 auto!important;
}
.photo-img-a img:first-child,.photo-img-a img:last-child {
	margin:0!important;
}
.page-navigator {
	text-align:center;
	padding:20px 0 0;
	font-size:87.5%;
}
.page-navigator li {
	display:inline;
	margin:5px 20px;
	padding:4px 0;
}
.page-navigator li a {
	display:inline-block;
	padding:3px 5px;
	margin:3px;
}
.page-navigator li.current {
	background-color:#38bf71;
	color:#fff;
	border-radius:12px;
}
.page-navigator li:hover {
	background-color:#27ae60;
	color:#fff;
	border-radius:12px;
}
.page-navigator li a:hover {
	color:#fff;
}
.page-navigator li button.current {
	background-color:#27ae60;
	color:#fff;
	border-radius:12px;
	border:0;
	display:inline;
	margin:5px 20px;
	padding:4px 10px;
}
.page-navigator li button:hover {
	background-color:#27ae60;
	color:#fff;
	border-radius:12px;
}
#loadMore:disabled {
	background:#95a5a6;
}
#QR {
	padding-top:20px;
}
#QR a {
	border:0;
}
#QR img {
	width:132px;
	max-width:100%;
	display:inline-block;
	margin:.8em .6em 0;
	border:1px solid #eee;
	border-radius:6px;
}
#QR img:hover {
	border:1px solid #27ae60;
}
.reward {
	padding:10px 0;
	margin:20px auto;
	width:100%;
	font-size:16px;
	text-align:center;
}
#rewardButton {
	border:1px solid #f77b83;
	background-color:#fff;
	line-height:36px;
	text-align:center;
	cursor:pointer;
	height:36px;
	display:block;
	border-radius:4px;
	transition-duration:.4s;
	color:#f77b83;
	margin:0 auto;
	padding:0 25px;
	outline-style:none;
}
#rewardButton:hover {
	color:#fff;
	background-color:#f77b83;
	border-color:#f77b83;
	outline-style:none;
}
#footer {
	border-top:1px solid #eee;
	text-align:center;
	padding:30px 35px;
	font-size:14px;
}
#footer img {
	max-height:30px;
	display:inline;
}
#search {
	max-width:100%;
	float:right;
}
#search input {
	width:120px;
	border:0;
	border-radius:3px!important;
	padding:2px;
}
#search button {
	cursor:pointer;
	position:relative;
	border:0;
	padding:0;
	width:24px;
	height:24px;
	background:transparent url(../img/search.png) no-repeat 50%;
	background-size:24px;
	direction:ltr;
	text-indent:-9999em;
	margin-top:9pt;
	margin-right:0;
	float:right;
}
.menu-search {
	float:right!important;
}
.place {
	padding:10px 10px 0 10px;
	text-align:center;
}
.place span {
	color:#27ae60;
	font-size:1pc;
	font-weight:600;
}
#comments h2,#response,.more {
	border-left:.25em solid #27ae60;
	padding:0 0 0 .75em;
	margin-top:15px;
	font-size:16px;
	font-weight:700;
}
.commentReview {
	display:inline-block;
	color:red;
}
#comments {
	margin-top:10px;
}
.comment-content {
	padding-left:42px;
}
.comment-content,.comment-content-jigu {
	font-size:.9375em;
	word-break:break-word;
	word-wrap:break-word;
	line-height:1.6em;
}
.comment-content-jigu {
	border-radius:5px;
	margin-top:15px;
	padding:10px;
	background:#9edf60;
	position:relative;
}
.comment-content-jigu:before {
	left:10px;
	border-right:10px solid #9edf60;
}
.comment-content-jigu:after,.comment-content-jigu:before {
	position:absolute;
	content:" ";
	top:-10px;
	border-top:10px solid #fff;
}
.comment-content-jigu:after {
	left:20px;
	border-left:10px solid #9edf60;
}
.cancel-comment-reply a,.comment-reply a {
	margin-top:1.5em;
	padding:.25em .5em;
	border-radius:.25em;
	background-color:#27ae60;
	color:#fff;
	font-size:.75em;
}
.comment-reply {
	float:right;
}
.comment-a a {
	float:left;
	padding-right:5px;
	color:#27ae60;
}
.comment-list,.comment-list ol {
	list-style:none;
	margin:0;
	padding:0;
}
.comment-children {
	padding-left:2em;
}
.comment-list li {
	margin:.5em 0;
}
.comment-meta {
	margin-top:-5px;
	font-size:.75em;
}
.comment-author {
	display:block;
	margin-top:1em;
	border-top:1px solid #eaeaea;
	padding-top:1em;
	color:#444;
}
.comment-author .avatar {
	float:left;
	margin-right:10px;
	border-radius:32px;
	margin-top:1px;
}
.comment-author cite {
	font-weight:700;
	font-size:.9375em;
	margin:0;
}
.comment-by-author:after {
	content:"V";
	background:#27ae60;
	font-size:.75em;
	border-radius:3px;
	padding:1px 5px;
	color:#fff;
	margin:0 0 0 5px;
}
.comment-list .respond {
	border-top:1px solid #eaeaea;
	margin-top:15px;
}
.respond .cancel-comment-reply {
	float:right;
	font-size:.9375em;
	margin-top:1em;
}
#comment-form button {
	width:100%;
	height:30px;
	border-radius:2px;
	padding:0 6px;
	color:#fff;
	background:#27ae60;
	border:0;
	margin-top:10px;
}
#cornertool li {
	cursor:pointer;
}
html::-webkit-scrollbar {
	width:6px;
}
#catalog-col.catalog::-webkit-scrollbar {
	width:2px;
}
#catalog-col.catalog::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb {
	background-color:rgb(0 195 182/.5);
}
#catalog-col,#catalog:after,#catalog:before,#catalog span,#cornertool li {
	transition:.2s;
	-webkit-transition:.2s;
}
#catalog-col.catalog,#cornertool li {
	visibility:visible;
	opacity:1;
}
#catalog-col,#cornertool .hidden {
	visibility:hidden;
	opacity:0;
}
#catalog-col::-webkit-scrollbar {
	width:6px;
	height:6px;
}
#catalog-col::-webkit-scrollbar-thumb {
	border-radius:3px;
	background-color:#ddd;
}
#cornertool li:before {
	display:block;
}
#catalog-col b {
	font-size:1.125em;
}
#catalog-col,#cornertool {
	position:fixed;
	bottom:5px;
	z-index:999;
	text-indent:0!important;
}
#catalog-col {
	right:50%;
	margin-right:-515px;
	min-width:150px;
	max-width:50%;
	max-height:50%;
	color:#eee;
	background:rgba(0,0,0,.7);
	font-size:87.5%;
	border:1em solid transparent;
	border-right-width:.3em;
	overflow:auto;
}
#catalog-col.catalog {
	margin-right:-533px;
}
#catalog-col>ul {
	margin:.5em .75em 0 0;
}
#catalog-col ul {
	padding-left:10px;
}
#catalog-col a {
	color:#eee;
	border:0;
}
#catalog-col a:hover {
	border-bottom:1px solid #eee;
}
#cornertool ul {
	list-style:none;
	padding:0;
	margin:0;
	text-align:center;
}
#cornertool {
	right:50%;
	margin-right:-578px;
}
#cornertool .hidden {
	left:20px;
}
#cornertool li {
	position:relative;
	display:block;
	left:0;
	width:40px;
	height:40px;
	line-height:40px;
	margin-top:5px;
	color:#fff;
	background:rgba(0,0,0,.7);
}
#percentage {
	font-size:75%;
}
#top:hover:before {
	content:"\25b2";
}
#top:hover span {
	display:none;
}
#catalog-col li {
	margin:5px 0;
	line-height:1.6;
}
#catalog.catalog span {
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
}
#catalog:after,#catalog:before,#catalog span {
	position:absolute;
	display:block;
	top:50%;
	left:50%;
	margin:-1px 0 0 -6px;
	width:12px;
	height:1px;
	background:currentColor;
}
#catalog:before {
	content:"";
	margin-top:-5px;
}
#catalog:after {
	content:"";
	margin-top:3px;
}
#catalog.catalog {
	left:-5px;
}
#catalog.catalog:before {
	margin:-4px 0 0 -11px;
	transform:rotate(-30deg);
	-webkit-transform:rotate(-30deg);
}
#catalog.catalog:after {
	margin:2px 0 0 -11px;
	transform:rotate(30deg);
	-webkit-transform:rotate(30deg);
}
.sticky {
	color:#27ae60;
}
.photo-list {
	width:46%;
	height:300px;
	margin:15px 2%;
	text-align:center;
	box-shadow:0 8px 16px rgb(0 0 0/20%);
	border-radius:5px;
	position:relative;
	overflow:hidden;
	font-size:.875em;
	padding-bottom:0px;
	background:hsla(0,0%,100%,.2);
}
.photo-list:hover {
	filter:brightness(80%);
	box-shadow:0 8px 16px rgb(0 0 0/40%);
}

.photo-list p {
	display:block;
	width:100%;
	height:300px;
	background-size: cover;
	background-position: center; 
}
.photo {
	display:flex;
	flex-flow:row wrap;
	flex-direction:;
}
.photo img {
	border-radius:5px 5px 0 0;
	margin-bottom:5px;
	width:100%;
	height:100%;
}
.photos {
	display:flex;
	overflow: hidden;
    position: relative;
}
.photos a img {
	width:100%;
	height:100%;
            object-fit: cover;
}
.photos a {
	margin:3px;
}
@media (max-width:1120px) {
	#catalog-col {
	right:65px;
	margin:0;
}
#catalog-col.catalog {
	right:50px;
	margin:0;
}
#cornertool {
	right:5px;
	margin:0;
}
;}@media (max-width:1020px) {
	.container {
	margin:0 auto;
	max-width:900px;
	background-color:#fff;
}
#header {
	padding:80px 40px;
}
;}@media (max-width:768px) {
	#header {
	padding:40px 40px 60px!important;
}
.site-title img {
	height:48px;
}
#has-sub ul li {
	display:none!important;
}
#has-sub ul {
	border-top:0;
}
#has-sub>a:after,#menu {
	display:none;
}
#menu {
	border-bottom:1px solid #eee;
	width:100%;
	padding:0;
	margin:5px 0 15px;
	list-style-type:none;
	float:right;
}
#nav-menu {
	display:flex;
	flex-wrap:wrap;
}
#menu li {
	float:none;
	width:25%;
	display:inline;
	line-height:3pc;
	text-align:center;
}
.menu-search {
	width:100%!important;
	padding:0 1%;
}
#menubutton {
	display:inline-block;
	float:right;
	margin-top:5px;
}
#nav-menu a {
	padding:0;
}
#search button {
	margin-top:-34px;
	cursor:pointer;
}
#search input {
	border-radius:0!important;
	margin-right:0;
	border:0;
	width:100%;
}
#search {
	width:100%;
}
.mhome {
	display:inline-block;
	font-size:14px;
}
.whome {
	display:none!important;
}
.site-title {
	font-size:24px;
}
.tagcloud li {
	width:33.3333%;
}
.widget {
	width:100%;
	padding:0;
}
#footer {
	background:#292929;
	color:hsla(0,0%,100%,.7);
	border-top:0;
}
#footer,#main {
	padding:20px;
}
.more-list li {
	width:100%;
}
.post-excerpt img {
	height:80px;
	margin-top:4px;
}
.post-excerpt-img img {
	width:120px;
}
.indexbox ul li img {
	height:72px;
}
;}@media (max-width:480px) {
	.tagcloud li {
	width:50%;
}
.post-excerpt img {
	height:70px;
	margin-top:7px;
}
.post-excerpt-img img {
	width:100px;
}
;}.cc-say {
	font-size:13px;
	background:#fff4f3;
	color:#f58e85;
	padding:20px;
	letter-spacing:1px;
	line-height:2;
	margin:30px 0;
	text-align:left;
}
.cc-say span {
	font-weight:600;
}
.articlefooter a {
	text-decoration:none;
	color:#333;
	background-color:#EFEFEF;
	padding:6px 5px;
	border-radius:2px;
	margin-right:6px;
}
.articlefooter a:hover {
	color:#ffffff;
	background-color:#333333;
}
.links {
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:2px;
	margin:5px;
}
.links li {
	list-style:none;
	margin:0.1em 0.2em;
}
.link-item a {
	display:block;
	border-radius:var(--radius-inner);
	overflow:hidden;
	padding:8px 15px;
	color:#555;
	word-break:break-all;
	transition:box-shadow 0.35s,-webkit-transform 0.35s;
	transition:transform 0.35s,box-shadow 0.35s;
	transition:transform 0.35s,box-shadow 0.35s,-webkit-transform 0.35s;
}
.link-item h5 {
	position:relative;
	font-size:12px;
	margin:0;
	display:inline-block;
	letter-spacing:2px;
}
.link-item h5:after {
	content:'';
	position:absolute;
	bottom:-5px;
	left:0;
	width:100%;
	height:1px;
	background:#d6d6d6;
}
.link-info {
	display:flex;
	left-content:space-between;
	align-items:center;
	margin-top:15px;
	text-align:left;
}
.link-info span {
	font-size:11px;
}
.links li:nth-child(6n+1) {
	background:#00a4bb1a;
}
.links li:nth-child(6n+2) {
	background:#fff2eb;
}
.links li:nth-child(6n+3) {
	background:#edf7ff;
}
.links li:nth-child(6n+4) {
	background:#f5f2fb;
}
.links li:nth-child(6n+5) {
	background:#ff858529;
}
.links li:nth-child(6n) {
	background:#fbf2f2;
}
h4.link-request {
	margin:20px 30px 15px;
	color:#333333;
}
.diary-content {
	border:#f6f6f6 1px solid;
	box-shadow:1px 1px 0 -1px rgba(126,107,107,0.95);
	-moz-border-radius-bottomleft:20px 500px;
	-moz-border-radius-bottomright:500px 30px;
	-moz-border-radius-topright:5px 100px;
	-webkit-border-bottom-left-radius:20px 500px;
	-webkit-border-bottom-right-radius:500px 30px;
	-webkit-border-top-right-radius:5px 100px;
	border-bottom-left-radius:20px 500px;
	border-bottom-right-radius:500px 30px;
	border-top-right-radius:5px 100px;
	padding:2em 2em;
	margin-top:1em;
	margin-bottom:1em;
}
.color1 {
	background:rgba(255,252,229,1);
}
.color2 {
	background:rgba(217,255,226,0.46);
}
.color3 {
	background:rgba(255,233,156,0.45);
}
.color4 {
	background:rgba(255,226,210,0.27);
}
.color5 {
	background:#f9f9f9;
}
.diary-content .diary-note-content {
	word-wrap:break-word;
	line-height:2rem;
}
.diary-content p {
	margin:0;
	padding-left:0 !important;
	word-break:break-all;
	text-align:left;
	color:#606975;
	line-height:30px !important;
	position:relative;
	padding-bottom:20px;
	font-size:14px;
}
.diary-info {
	text-align:right;
	font-size:11px;
}
.moods {
	padding:0 20px;
	margin:0 20px;
}
.moodslist {
	margin-top:0;
	padding-top:0;
}
.mood-content p {
	text-indent:2em;
}
p.commentr {
	margin:5px;
	padding:5px;
	background:#EEEEEE;
	color:#333333;
}
.photolist img {
	width:100%;
	height:100%;
	clip-path:polygon(0 0,100% 0,100% 100%,0 100%);
}
.icon{width:2em;height:0.8em;}