/**
 * Bingo
 * By 胖妹纸 Themes - http://www.dfmao.cn
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

main {
	display: block
}

h1 {
	margin: .67em 0
}

hr {
	overflow: visible;
	box-sizing: content-box;
	height: 0
}

pre {
	font-size: 1em;
	font-family: monospace,monospace
}

a {
	background-color: transparent
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted
}

b,strong {
	font-weight: bolder
}

code,kbd,samp {
	font-size: 1em;
	font-family: monospace,monospace
}

small {
	font-size: 80%
}

sub,sup {
	position: relative;
	vertical-align: baseline;
	font-size: 75%;
	line-height: 0
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

img {
	border: 0;
	vertical-align: middle
}

button,input,optgroup,select,textarea {
	margin: 0;
	font-size: 100%;
	font-family: inherit;
	line-height: 1.15
}

button,input {
	overflow: visible
}

button,select {
	text-transform: none
}
[type=button],[type=reset],[type=submit],button {
	-webkit-appearance: button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
	padding: 0;
	border-style: none
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: .35em .75em .625em
}

legend {
	display: table;
	box-sizing: border-box;
	padding: 0;
	max-width: 100%;
	color: inherit;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}
[type=checkbox],[type=radio] {
	box-sizing: border-box;
	padding: 0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
	height: auto
}
[type=search] {
	outline-offset: -2px;
	-webkit-appearance: textfield
}
[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	font: inherit;
	-webkit-appearance: button
}

details {
	display: block
}

summary {
	display: list-item
}
[hidden],template {
	display: none
}

html {
	font-size: 112.5%;
	font-family: "Microsoft YaHei","WenQuanYi Micro Hei",Arial,Verdana,Tahoma,sans-serif
}

body {
	background-color: #333;
	color: #818181;
	line-height: 1.66667
}

a {
	color: #22b3eb;
	text-decoration: underline;
	-webkit-transition: color .3s;
	transition: color .3s
}

a:hover {
	color: #5ec5f0
}

h1,h2,h3,h4,h5,h6 {
	color: #333;
	font-weight: 700;
	line-height: 1.16667
}

h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child {
	margin-top: 0
}

h1 {
	margin: 1em 0 .5em;
	font-size: 2em
}

h2 {
	margin: 1.2em 0 .6em;
	font-size: 1.66667em
}

h3 {
	margin: 1.5em 0 .75em;
	font-size: 1.33333em
}

h4 {
	margin: 1.8em 0 .9em;
	font-size: 1.11111em
}

h5 {
	margin: 2em 0 1em;
	font-size: 1em
}

h6 {
	margin: 2.25em 0 1.125em;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: .88889em
}

address,p {
	margin: 0 0 1.33333em
}

address {
	font-style: italic
}

ins,mark {
	padding: 0 3px;
	background-color: hsla(0,0%,77.6%,.3);
	color: #333;
	text-decoration: none
}

pre {
	position: relative;
	margin-bottom: 1.875em;
	padding: 1.5em;
	border-top: 2px solid hsla(0,0%,77.6%,.3);
	background-color: hsla(0,0%,77.6%,.15);
	color: #333;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
	font-size: .88889em;
	line-height: 1.5
}

pre:before {
	position: absolute;
	top: 0;
	right: 0;
	padding: .25em .35em;
	background-color: hsla(0,0%,77.6%,.3);
	color: #818181;
	content: "</>";
	font-size: .875em
}

blockquote {
	margin: 1.5em 0;
	padding: 0 0 0 30px;
	border-left: 3px solid #22b3eb;
	color: #333;
	font-style: italic;
	font-size: 1.11111em;
	line-height: 1.5
}

blockquote:first-child {
	margin-top: 0
}

blockquote p {
	margin-bottom: .6em
}

blockquote p:last-child {
	margin-bottom: 0
}

blockquote cite,blockquote small {
	display: block;
	margin-top: .75em;
	color: #818181;
	font-style: italic;
	font-size: .8em
}

dd,dl {
	margin: 0 0 1.33333em
}

dt {
	font-weight: 700
}

ol,ul {
	margin: 0 0 1.33333em;
	padding: 0 0 0 1.66667em
}

ul {
	list-style: disc
}

ol {
	list-style: decimal
}

li>ol,li>ul {
	margin-bottom: 0
}

table {
	margin: 0 0 1.5em;
	width: 100%;
	max-width: 100%;
	border-collapse: collapse;
	border-bottom: 1px solid hsla(0,0%,77.6%,.3);
	font-size: .88889em;
	line-height: 1.5
}

caption,table {
	text-align: left
}

caption {
	margin-bottom: .75em;
	font-style: italic;
	font-size: 14px
}

td,th {
	padding: .5em;
	border-top: 1px solid hsla(0,0%,77.6%,.3)
}

th {
	background-color: hsla(0,0%,77.6%,.15);
	color: #333;
	font-weight: 700
}

hr {
	margin: 1.66667em 0;
	height: 2px;
	border: 0;
	background-color: hsla(0,0%,77.6%,.3)
}

.responsive-table {
	overflow-x: auto;
	word-break: normal
}

label {
	color: #333;
	font-size: .88889em
}

input,select,textarea {
	box-sizing: border-box;
	padding: .5em .625em;
	max-width: 100%;
	border: 2px solid hsla(0,0%,77.6%,.3);
	border-radius: 0;
	background-color: #fff;
	box-shadow: none;
	color: #818181;
	vertical-align: baseline;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	font-family: Lato,Helvetica,sans-serif;
	line-height: 1.5
}

input:focus,select:focus,textarea:focus {
	outline: 0
}

input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea {
	display: block;
	width: 100%
}

.button,button,input[type=button],input[type=reset],input[type=submit] {
	display: inline-block;
	box-sizing: border-box;
	padding: 0 30px;
	height: 3.5em;
	border: 0;
	background-color: #22b3eb;
	box-shadow: none;
	color: #fff;
	vertical-align: middle;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	font-size: 12px;
	line-height: 1.5;
	cursor: pointer;
	-webkit-transition: background-color .3s;
	transition: background-color .3s
}

.button:active,.button:focus,.button:hover,button:active,button:focus,button:hover,input[type=button]:active,input[type=button]:focus,input[type=button]:hover,input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:active,input[type=submit]:focus,input[type=submit]:hover {
	outline: 0;
	background-color: #5ec5f0;
	color: #fff
}

.button.button-icon,button.button-icon,input[type=button].button-icon,input[type=reset].button-icon,input[type=submit].button-icon {
	position: relative;
	padding: 0;
	width: 3.57142em;
	height: 3.57142em;
	font-size: 14px;
	line-height: 3.57142em
}

.button.button-fill-horz,button.button-fill-horz,input[type=button].button-fill-horz,input[type=reset].button-fill-horz,input[type=submit].button-fill-horz {
	background: linear-gradient(90deg,#22b3eb 50%,hsla(0,0%,50.6%,.15) 0);
	background-color: transparent;
	background-position: 100% 100%;
	background-size: 200% 100%;
	background-repeat: no-repeat;
	color: #c6c6c6;
	-webkit-transition: background-position .3s,color .3s;
	transition: background-position .3s,color .3s
}

.button.button-fill-horz:active,.button.button-fill-horz:focus,.button.button-fill-horz:hover,button.button-fill-horz:active,button.button-fill-horz:focus,button.button-fill-horz:hover,input[type=button].button-fill-horz:active,input[type=button].button-fill-horz:focus,input[type=button].button-fill-horz:hover,input[type=reset].button-fill-horz:active,input[type=reset].button-fill-horz:focus,input[type=reset].button-fill-horz:hover,input[type=submit].button-fill-horz:active,input[type=submit].button-fill-horz:focus,input[type=submit].button-fill-horz:hover {
	background-position: 0 100%;
	color: #fff
}

a.button {
	padding-top: 1em;
	padding-bottom: 1em;
	height: auto;
	text-align: center;
	text-decoration: none
}

.button-icon .icon,.button-icon svg {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	fill: currentColor;
}

.button-icon svg {
	height: 1em;
	fill: currentColor;
}

.icon-menu {
	position: relative;
	display: inline-block;
	width: 14px;
	height: 2px;
	background: currentColor;
	color: inherit
}

.icon-menu:after,.icon-menu:before {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 2px;
	background: currentColor;
	content: ""
}

.icon-menu:before {
	margin-top: -4px
}

.icon-menu:after {
	margin-top: 4px
}

.icon-close {
	position: relative;
	display: inline-block;
	width: 18px;
	height: 2px;
	background: 0;
	color: inherit
}

.icon-close:after,.icon-close:before {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background: currentColor;
	content: ""
}

.icon-close:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.icon-close:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

::-webkit-input-placeholder {
	color: #c6c6c6
}

:-moz-placeholder {
	color: #c6c6c6
}

::-moz-placeholder {
	color: #c6c6c6;
	opacity: 1
}

:-ms-input-placeholder {
	color: #c6c6c6
}

embed,iframe,object,video {
	max-width: 100%
}

:not(.kg-card)>.js-reframe {
	margin: 0 0 1.33333em
}

img {
	height: auto;
	max-width: 100%
}

a img {
	-webkit-transition: .3s;
	transition: .3s
}

a:hover img {
	opacity: .8
}

.caption,.kg-card {
	margin: 0 0 1.66667em
}

.caption-text,.kg-card figcaption {
	padding-top: .5em;
	text-align: left;
	font-style: italic;
	font-size: 14px;
	line-height: 1.5
}

.kg-bookmark-card {
	margin: 0 0 1.66667em;
	width: 100%;
	border: 1px solid hsla(0,0%,77.6%,.3)
}

.kg-bookmark-container {
	min-height: 140px;
	color: #818181;
	text-decoration: none
}

.kg-bookmark-container,.kg-bookmark-content {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

.kg-bookmark-content {
	padding: 1.5em;
	font-size: .88889em;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-justify-content: start;
	-ms-flex-pack: start;
	justify-content: start
}

.kg-bookmark-title {
	margin: 0 0 .75em;
	color: #333;
	font-weight: 700;
	font-size: 1.125em;
	line-height: 1.25;
	-webkit-transition: color .3s;
	transition: color .3s
}

.kg-bookmark-description {
	display: -webkit-box;
	overflow-y: hidden;
	max-height: 3em;
	color: #818181;
	line-height: 1.5;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.kg-bookmark-thumbnail {
	position: relative;
	max-height: 100%;
	min-width: 33%
}

.kg-bookmark-thumbnail img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	-o-object-fit: cover;
	object-fit: cover
}

.kg-bookmark-metadata {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-top: 1.25em;
	color: #818181;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.kg-bookmark-icon {
	margin-right: 8px;
	width: 24px;
	height: 24px
}

.kg-bookmark-author {
	line-height: 1.5
}

.kg-bookmark-author:after {
	margin: 0 5px;
	content: "\002F"
}

.kg-bookmark-publisher {
	overflow: hidden;
	max-width: 240px;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.5
}

.kg-bookmark-container:hover,.kg-bookmark-container:hover .kg-bookmark-title {
	color: #818181
}

.kg-bookmark-container:hover .kg-bookmark-icon {
	opacity: 1
}

.kg-gallery-container {
	max-width: 740px;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.kg-gallery-container,.kg-gallery-row {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

.kg-gallery-row {
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.kg-gallery-row:not(:first-of-type) {
	margin: 4px 0 0
}

.kg-gallery-image:not(:first-of-type) {
	margin: 0 0 0 4px
}

.kg-gallery-image img {
	display: block;
	margin: 0;
	width: 100%;
	height: 100%
}

.full-width {
	clear: both;
	margin: .33333em -15px 1.33333em
}

.full-width .caption-text {
	margin-right: auto;
	margin-left: auto;
	max-width: 740px
}

.kg-width-full .kg-image,.kg-width-wide .kg-image {
	margin-right: -15px;
	margin-left: -15px;
	width: calc(100vw - 30px);
	max-width: none
}

.alignleft {
	float: left;
	margin: .33333em 30px .66667em 0;
	max-width: 50%
}

.alignright {
	float: right;
	margin: .33333em 0 .66667em 30px;
	max-width: 50%
}

.footnotes-sep {
	clear: both
}

.footnotes-list {
	font-size: 14px;
	line-height: 1.5
}

.footnote-item p {
	margin-bottom: .35em
}

.line-accent:before {
	content: "\2014\00a0"
}

.screen-reader-text,.site-logo+.site-title {
	position: absolute!important;
	overflow: hidden;
	clip: rect(1px,1px,1px,1px);
	padding: 0;
	width: 1px;
	height: 1px;
	border: 0
}

.plan-header:after,.post-content:after,.post-header:after {
	clear: both
}

.plan-header:after,.plan-header:before,.post-content:after,.post-content:before,.post-header:after,.post-header:before {
	display: table;
	content: ""
}

@media only screen and (min-width:501px) {
	.full-width,.kg-width-full .kg-image,.kg-width-wide .kg-image {
		margin-right: -3vw;
		margin-left: -3vw
	}

	.kg-width-full .kg-image,.kg-width-wide .kg-image {
		width: 94vw
	}
}

@media only screen and (min-width:841px) {
	.full-width,.kg-width-full .kg-image,.kg-width-wide .kg-image {
		margin-right: calc(370px - 47vw);
		margin-left: calc(370px - 47vw)
	}
}

@media only screen and (min-width:961px) {
	.full-width,.kg-width-full .kg-image,.kg-width-wide .kg-image {
		margin-right: -30px;
		margin-left: -30px
	}

	.kg-width-full .kg-image,.kg-width-wide .kg-image {
		width: calc(75vw - 45px)
	}
}

@media only screen and (min-width:1127px) {
	.full-width,.kg-width-full .kg-image,.kg-width-wide .kg-image {
		margin-right: calc(392px - 37.5vw);
		margin-left: calc(392px - 37.5vw)
	}
}

@media only screen and (min-width:1261px) {
	.full-width,.kg-width-full .kg-image,.kg-width-wide .kg-image {
		margin-right: -80px;
		margin-left: -80px
	}

	.kg-width-full .kg-image,.kg-width-wide .kg-image {
		width: 900px
	}
}

@media only screen and (max-width:640px) {
	html {
		font-size: 100%
	}

	.alignleft,.alignright {
		float: none;
		margin: .33333em 0 1.33333em;
		max-width: none
	}
}

@media only screen and (max-width:480px) {
	h1 {
		margin: 1.14286em 0 .57143em;
		font-size: 1.75em
	}

	h2 {
		margin: 1.33333em 0 .66667em;
		font-size: 1.5em
	}

	h3 {
		margin: 1.6em 0 .8em;
		font-size: 1.25em
	}

	blockquote {
		padding-left: 15px
	}

	.kg-bookmark-container {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.kg-bookmark-thumbnail {
		width: 100%;
		min-height: 160px;
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1
	}

	.kg-bookmark-content {
		-webkit-order: 2;
		-ms-flex-order: 2;
		order: 2
	}
}

@media only screen and (max-width:400px) {
	.kg-gallery-row {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.kg-gallery-image:not(:first-of-type) {
		margin: 4px 0 0
	}
}

.outer {
	padding-right: 15px;
	padding-left: 15px
}

.inner {
	max-width: 1200px
}

.inner,.inner-small {
	margin-right: auto;
	margin-left: auto
}

.inner-small {
	max-width: 740px
}

.site {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	min-height: 100vh;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.site-content {
	box-sizing: border-box;
	width: 100%;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.primary {
	overflow-x: hidden
}

.primary,.sidebar {
	margin-bottom: 3.33333em
}

.sidebar {
	font-size: .88889em
}

@media only screen and (min-width:501px) {
	.outer {
		padding-right: 3vw;
		padding-left: 3vw
	}
}

@media only screen and (min-width:961px) {
	.outer {
		padding-right: 30px;
		padding-left: 30px
	}

	.site-main {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.primary {
		margin-right: 3.333%;
		margin-bottom: 1.66667em;
		-webkit-flex: 0 0 75%;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%
	}

	.primary:only-child {
		margin-right: 0;
		max-width: 900px;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%
	}

	.sidebar {
		margin-bottom: 1.66667em
	}
}

.menu {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
	line-height: 1.5
}

.menu-item a {
	color: #818181;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700
}

.menu-item a:hover {
	color: #22b3eb
}

.site-nav {
	background-color: #3d3d3d
}

.site-nav:after {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,.6);
	content: "";
	opacity: 0;
	-webkit-transition: opacity .25s,visibility 0s .25s;
	transition: opacity .25s,visibility 0s .25s
}

.site-nav .menu li a {
	color: #818181;
	font-weight: 700;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
}

.site-nav .menu li a:hover {
	color: #22b3eb
}

.site-nav .menu li.menu-item-current>a {
	color: #22b3eb
}

.actions,.site-nav-inside {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.actions {
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
	list-style: none
}

.actions .button {
	margin-left: 4px
}

.actions .button-subscribe {
	padding-top: 1.33333em;
	padding-bottom: 1.33333em;
	font-size: 12px
}

@media only screen and (min-width:801px) {
	#menu-hide,#menu-show {
		display: none
	}

	.site-nav .menu {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center
	}

	.site-nav .menu li {
		margin: 1.33333em 0;
		padding-right: 15px;
		padding-left: 15px;
		border-left: 2px solid hsla(0,0%,50.6%,.15)
	}

	.site-nav .menu li:first-child {
		padding-left: 0;
		border: 0
	}
}

@media only screen and (max-width:800px) {
	#menu-show {
		position: relative;
		padding: 0 0 0 20px;
		background: 0;
		color: #818181;
		font-size: 12px
	}

	#menu-show .icon-menu {
		position: absolute;
		top: 50%;
		left: 0;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}

	.site-nav .menu {
		padding: 1.25em 3vw 3em;
		color: #c6c6c6
	}

	.site-nav .menu li a {
		display: block;
		padding: 1.25em 0;
		border-top: 2px solid hsla(0,0%,50.6%,.15)
	}

	.site-nav .menu li:first-child a {
		border: 0
	}

	.menu-panel {
		position: fixed;
		top: 0;
		bottom: 0;
		left: -100%;
		z-index: 9999;
		visibility: hidden;
		width: 100%;
		max-width: 360px;
		background-color: #333;
		-webkit-transition: left .3s cubic-bezier(.65,.05,.36,1),visibility 0s .3s;
		transition: left .3s cubic-bezier(.65,.05,.36,1),visibility 0s .3s;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-overflow-scrolling: touch
	}

	.menu--opened {
		overflow: hidden
	}

	.menu--opened .site-nav:after {
		z-index: 1;
		visibility: visible;
		opacity: 1;
		-webkit-transition: opacity .25s;
		transition: opacity .25s
	}

	.menu--opened .menu-panel {
		left: 0;
		visibility: visible;
		-webkit-transition: left .3s cubic-bezier(.65,.05,.36,1);
		transition: left .3s cubic-bezier(.65,.05,.36,1)
	}

	.menu-panel-scrollable {
		position: relative;
		overflow: auto;
		height: 100%;
		-webkit-overflow-scrolling: touch
	}

	.menu-panel-top {
		background-color: #3d3d3d;
		text-align: right
	}
}

@media only screen and (max-width:500px) {
	.site-nav .menu {
		padding-right: 15px;
		padding-left: 15px
	}
}

.site-header {
	padding-top: 3.88889em;
	padding-bottom: 4.16667em
}

.site-header-inside {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	flex-wrap: wrap
}

.site-logo {
	margin: 0 20px .66667em 0
}

.site-logo img {
	max-height: 50px
}

.site-title {
	margin: 0 20px .33333em 0;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 2em;
	line-height: 1.16667
}

.site-title a {
	padding-left: .55555em;
	border-left: .27778em solid #22b3eb;
	color: inherit;
	text-decoration: none
}

.site-title a:hover {
	color: #5ec5f0
}

.site-description {
	margin-bottom: .85714em;
	max-width: 480px;
	color: #818181;
	font-style: italic;
	font-size: 14px;
	line-height: 1.5;
	-ms-flex: 1 1 360px;
	-webkit-flex: 1 1 360px;
	flex: 1 1 360px
}

@media only screen and (max-width:960px) {
	.site-header {
		padding-top: 3.33333em;
		padding-bottom: 2.66667em
	}
}

@media only screen and (max-width:480px) {
	.site-header {
		padding-top: 2.66667em;
		padding-bottom: 2em
	}

	.site-title {
		font-size: 1.55556em
	}
}

.post {
	margin-bottom: 3.33333em;
	padding-bottom: 2.22222em;
	background-color: #fff
}

.post.featured {
	position: relative
}

.post-template .post {
	margin-bottom: 1.11111em
}

.featured-badge {
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	background-color: #5ec5f0;
	color: #fff;
	text-align: center
}

.featured-badge svg {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 14px;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	fill: currentColor;
}

.post-header {
	margin-bottom: 2.22222em
}

.post-thumbnail {
	display: block
}

.post-thumbnail img {
	width: 100%
}

.post-title {
	margin: 0 0 .66667em;
	word-wrap: break-word;
	font-size: 2em;
	-ms-word-wrap: break-word
}

.post-title a {
	color: inherit;
	text-decoration: none
}

.post-header-wrap {
	position: relative;
	overflow: hidden
}

.post-header-wrap .post-title {
	float: left;
	clear: both;
	margin: 1.66667em 0 0;
	padding-top: .83333em;
	padding-bottom: .83333em;
	max-width: 75%;
	background-color: #22b3eb;
	color: #fff
}

.post-header-wrap .post-thumbnail+.post-title {
	position: absolute;
	bottom: 0;
	left: 0
}

.post-meta {
	float: left;
	clear: both;
	padding-top: 1.25em;
	padding-bottom: 1.25em;
	background-color: #5ec5f0;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
	line-height: 1.5
}

.post-meta a {
	color: inherit;
	text-decoration: none;
	font-weight: 700
}

.read-more {
	margin-top: 2.22222em
}

.read-more .button {
	padding: .75em 15px
}

.post-footer {
	margin-top: 1.66667em
}

.post-share,.post-tags {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 11px;
	line-height: 1.5;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.post-share a,.post-tags a {
	margin: .25em 5px .25em 0
}

.post-share a:first-of-type,.post-tags a:first-of-type {
	margin-left: 8px
}

.post-share {
	margin-bottom: 2.72727em;
	position: relative;
}

.post-share .button {
	width: 2.57143em;
	height: 2.57143em;
	color: #818181;
	line-height: 2.57143em
}
.post-share .button.poster{
    position: absolute;
    right: 0;
    border-radius: 20em;
}

.post-tags {
	padding-top: 2.72727em;
	border-top: 2px solid hsla(0,0%,77.6%,.3)
}

.post-tags a {
	padding: .27273em .90909em;
	background-color: hsla(0,0%,77.6%,.3);
	color: #818181;
	text-decoration: none;
	-webkit-transition: .3s;
	transition: .3s
}

.post-tags a:hover {
	background-color: #22b3eb;
	color: #fff
}

.author-box {
	margin-bottom: 1.11111em;
	padding-top: 2.22222em;
	padding-bottom: 2.22222em;
	background-color: #fff
}

.author-box:last-child {
	margin-bottom: 3.33333em
}

.author-info {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

.author-info+.author-info {
	margin-top: 1.66667em;
	padding-top: 1.66667em;
	border-top: 2px solid hsla(0,0%,77.6%,.3)
}

.author-avatar {
	margin-right: 30px;
	-ms-flex: 0 0 auto;
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto
}

.avatar {
	width: 85px;
	height: 85px;
	border-radius: 50%
}

.author-title {
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: .88889em
}

.author-title a {
	text-decoration: none
}

.author-bio {
	margin: .75em 0 0;
	font-size: .88889em;
	line-height: 1.5
}

.author-links {
	margin: 1.5em 0 0;
	color: #c6c6c6;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	font-size: 12px
}

.author-links>span {
	display: inline-block;
	margin-right: 10px;
	white-space: nowrap
}

.author-links a {
	color: inherit;
	text-decoration: none
}

.author-links a:hover {
	color: #22b3eb
}

.author-links svg {
	position: relative;
	top: .1em;
	display: inline-block;
	margin-right: 3px;
	height: 1em;
	fill: currentColor;
}

.page-header {
	margin-bottom: 2.22222em;
	padding-top: 1.33333em;
	padding-bottom: 1.33333em;
	border-left: 3px solid #22b3eb;
	background-color: hsla(0,0%,50.6%,.15);
	color: #c6c6c6
}

.page-header .author-title,.page-header .page-title {
	color: inherit
}

.page-header .highlight {
	color: #fff
}

.page-header .author-info {
	padding-top: .88889em;
	padding-bottom: .88889em
}

.page-header .author-links {
	color: #818181
}

.page-title {
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: .88889em
}

.page-description {
	margin: .75em 0 0;
	font-size: .88889em;
	line-height: 1.5
}

.error-template .inner {
	max-width: 900px
}

@media only screen and (max-width:960px) {
	.page-header,.post {
		margin-bottom: 3vw
	}

	.author-box,.post-template .post {
		margin-bottom: 15px
	}
}

@media only screen and (max-width:800px) {
	.post-title {
		font-size: 1.77778em
	}

	.post-header-wrap .post-title {
		padding-top: .75em;
		padding-bottom: .75em
	}
}

@media only screen and (max-width:640px) {
	.post-title {
		font-size: 1.75em
	}

	.post-header-wrap .post-title {
		padding-top: .53571em;
		padding-bottom: .53571em
	}
}

@media only screen and (max-width:500px) {
	.page-header,.post {
		margin-bottom: 15px
	}
}

@media only screen and (max-width:480px) {
	.post-header {
		margin-bottom: 1.33333em
	}

	.post-header-wrap .post-title {
		margin-top: 1.5em;
		padding-top: .5em;
		padding-bottom: .5em;
		max-width: none;
		font-size: 1.25em
	}

	.post-meta {
		padding-top: .90909em;
		padding-bottom: .90909em;
		font-size: 11px
	}

	.author-info {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.author-info .author-avatar {
		margin: 0 0 1.25em
	}
}

.comments-area {
	margin-top: 2.22222em;
	margin-bottom: 3.33333em;
	padding-top: 2.22222em;
	padding-bottom: 3.33333em;
	background-color: #fff
}

.comments-title {
	margin: 0 0 2em;
	padding-bottom: 1.5em;
	border-bottom: 2px solid hsla(0,0%,77.6%,.3);
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 1.11111em;
	font-weight: normal;
}

@media only screen and (max-width:960px) {
	.comments-area {
		margin-top: 0;
		margin-bottom: 3vw
	}
}

@media only screen and (max-width:500px) {
	.comments-area {
		margin-bottom: 15px
	}
}

.pagination {
	position: relative;
	margin-bottom: 3.33333em;
	background-color: #3d3d3d;
	color: #818181;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px
}

.pagination .page-number {
	display: block;
	padding: 1.25em 55px
}

.pagination .newer-posts,.pagination .older-posts {
	position: absolute;
	top: 0
}

.pagination .newer-posts {
	left: 0
}

.pagination .older-posts {
	right: 0
}

@media only screen and (max-width:960px) {
	.pagination {
		margin-bottom: 3vw
	}
}

@media only screen and (max-width:500px) {
	.pagination {
		margin-bottom: 15px
	}
}

.post-navigation {
	margin-top: 2.22222em;
	margin-bottom: 2.22222em
}

.post-navigation:last-child {
	margin-bottom: 3.33333em
}

.nav-next,.nav-previous {
	position: relative;
	margin-bottom: 1.11111em;
	padding-top: 1.66667em;
	padding-bottom: 2.5em;
	border-left: 3px solid #22b3eb;
	background-color: hsla(0,0%,50.6%,.15)
}

.nav-thumb {
	right: 0;
	width: 260px
}

.nav-thumb,.nav-thumb img {
	position: absolute;
	top: 0;
	height: 100%
}

.nav-thumb img {
	left: 0;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.nav-title {
	margin: 0 240px .25em 0;
	color: #fff;
	font-size: 1.11111em
}

.nav-title a {
	color: inherit;
	text-decoration: none
}

.nav-title a:hover {
	color: #22b3eb
}

.nav-before,.nav-date {
	margin-right: 240px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px
}

.nav-before {
	margin-bottom: 1.25em;
	color: #c6c6c6
}

@media only screen and (max-width:960px) {
	.post-template .post-navigation {
		margin-top: 0;
		margin-bottom: 3vw
	}

	.nav-next,.nav-previous {
		margin-bottom: 15px
	}
}

@media only screen and (max-width:640px) {
	.nav-next,.nav-previous {
		padding-top: 1.25em;
		padding-bottom: 1.875em
	}

	.nav-thumb {
		width: 200px
	}

	.nav-before,.nav-date,.nav-title {
		margin-right: 200px
	}
}

@media only screen and (max-width:500px) {
	.post-template .post-navigation {
		margin-bottom: 15px
	}

	.nav-next,.nav-previous {
		padding-top: .9375em;
		padding-bottom: 1.125em
	}

	.nav-thumb {
		width: 120px
	}

	.nav-title {
		margin-right: 120px;
		font-size: 1em
	}

	.nav-before {
		margin-bottom: 1em
	}

	.nav-before,.nav-date {
		margin-right: 120px;
		font-size: 11px
	}
}

.site-footer {
	background-color: #3d3d3d
}

.site-footer .inner {
	position: relative
}

.footer-top {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	padding: 2.22222em 0;
	border-bottom: 2px solid hsla(0,0%,50.6%,.15);
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.footer-top .button-icon {
	margin: 0 2px 4px
}

.footer-bottom {
	padding-top: 2.22222em;
	padding-bottom: 2em;
	color: #818181;
	text-align: center
}

.footer-bottom a {
	color: #c6c6c6;
	text-decoration: none
}

.footer-bottom a:hover {
	color: #22b3eb
}

.footer-nav {
	margin-bottom: 1.66667em
}

.footer-nav ul.menu li {
	margin-bottom: .75em
}

.site-info {
	margin-bottom: 2.5em;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
	line-height: 1.5
}

@media only screen and (min-width:481px) {
	.footer-top {
		padding: 3.33333em 65px 3.33333em 0;
		-webkit-justify-content: normal;
		-ms-flex-pack: normal;
		justify-content: normal
	}

	.footer-top .button-icon {
		margin-right: 4px;
		margin-left: 0
	}

	.footer-nav {
		margin-bottom: 1em
	}

	.footer-nav ul.menu li {
		display: inline-block;
		margin: 0 15px .75em 0
	}

	#top-link {
		position: absolute;
		top: 3.33333rem;
		right: 0;
		margin: 0
	}

	.footer-bottom {
		text-align: left
	}

	.footer-bottom:only-child {
		padding-top: 3.33333em;
		padding-right: 65px
	}
}

@media only screen and (min-width:801px) {
	.footer-bottom:not(:only-child) {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex
	}

	.footer-bottom:not(:only-child) .footer-nav {
		margin-left: auto;
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1
	}

	.footer-bottom:not(:only-child) .menu {
		text-align: right
	}

	.footer-bottom:not(:only-child) .menu li {
		margin-right: 0;
		margin-left: 15px
	}

	.footer-bottom:not(:only-child) .site-info:not(:first-child) {
		margin-right: 15px;
		max-width: 60%
	}
}

.widget {
	margin-bottom: 2.5em;
	padding-top: 1.875em;
	border-top: 2px solid hsla(0,0%,50.6%,.15)
}

.widget:first-child {
	padding-top: 0;
	border-top: 0
}

.widget-title {
	margin: 0 0 1.71428em;
	color: #c6c6c6;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: .875em
}

.widget-recent-posts ul {
	padding-left: 0;
	list-style: none
}

.widget-recent-posts li {
	margin-bottom: .9375em
}

.widget-recent-posts a {
	color: #fff;
	text-decoration: none
}

.widget-recent-posts a:hover {
	color: #22b3eb
}

.widget-recent-posts .recent-title {
	margin: 0 0 .25em;
	font-weight: 400;
	font-size: 1em;
	line-height: 1.25
}

.widget-recent-posts .recent-date {
	display: block;
	color: #818181;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
	line-height: 1.5
}

.widget-tags a {
	display: inline-block;
	margin: 0 .4em .4em 0;
	padding: .6em .8em;
	background-color: hsla(0,0%,50.6%,.15);
	color: #c6c6c6;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 10px;
	-webkit-transition: .3s;
	transition: .3s
}

.widget-tags a:hover {
	background-color: #22b3eb;
	color: #fff
}

@media only screen and (max-width:960px) {
	.widget {
		text-align: center
	}

	.widget form {
		margin-right: auto;
		margin-left: auto;
		max-width: 480px
	}

	.widget-title.line-accent:after {
		content: "\00a0\2014"
	}
}

form[data-members-form] .form-group {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

form[data-members-form] .subscribe-email {
	display: block;
	height: 2.625em;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

form[data-members-form] .button {
	position: relative;
	margin-left: 10px
}

form[data-members-form] .button-content {
	position: relative;
	white-space: nowrap;
	-webkit-transition: padding .3s;
	transition: padding .3s
}

form[data-members-form] .message {
	margin: .75em 0 0;
	font-size: .88889em
}

form[data-members-form] .message-error,form[data-members-form] .message-invalid,form[data-members-form] .message-signin-success,form[data-members-form] .message-signup-success {
	display: none
}

form[data-members-form] .message-signin-success,form[data-members-form] .message-signup-success {
	color: #22b3eb
}

form[data-members-form] .message-error,form[data-members-form] .message-invalid {
	color: #f05e7c
}

form[data-members-form].loading .button-content {
	padding-right: 20px
}

form[data-members-form].loading .button-content:after {
	position: absolute;
	top: 50%;
	right: 0;
	box-sizing: border-box;
	margin-top: -8px;
	width: 16px;
	height: 16px;
	border-color: transparent transparent hsla(0,0%,100%,.7) hsla(0,0%,100%,.7);
	border-style: solid;
	border-width: 2px;
	border-radius: 50%;
	content: "";
	-webkit-animation-name: fadeIn,spin;
	animation-name: fadeIn,spin;
	-webkit-animation-duration: .3s,.7s;
	animation-duration: .3s,.7s;
	-webkit-animation-iteration-count: 1,infinite;
	animation-iteration-count: 1,infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear
}

form[data-members-form].error .message-error,form[data-members-form].invalid .message-invalid,form[data-members-form].success.signin-form .message-signin-success,form[data-members-form].success.signup-form .message-signup-success,form[data-members-form].success.subscribe-form .message-signup-success {
	display: block
}

.notification {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 99999;
	visibility: hidden;
	box-sizing: border-box;
	padding: .83333em 75px .83333em 30px;
	background: #22b3eb;
	color: #fff;
	line-height: 1.5;
	-webkit-transition: -webkit-transform .35s ease-in-out .5s,visibility .35s ease-in-out .5s;
	-webkit-transition: transform .35s ease-in-out .5s,visibility .35s ease-in-out .5s;
	transition: transform .35s ease-in-out .5s,visibility .35s ease-in-out .5s;
	-webkit-transform: translateY(-150%);
	transform: translateY(-150%)
}

.notification .notification-close {
	position: absolute;
	top: 50%;
	right: 30px;
	width: 30px;
	height: 30px;
	background: 0;
	color: #fff;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.checkout-success .notification-checkout,.signin-success .notification-signin,.signup-success .notification-signup,.subscribe-success .notification-subscribe {
	visibility: visible;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.checkout-success .notification-checkout.closed,.signin-success .notification-signin.closed,.signup-success .notification-signup.closed,.subscribe-success .notification-subscribe.closed {
	visibility: hidden;
	-webkit-transform: translateY(-150%);
	transform: translateY(-150%)
}

.member-panel {
	position: fixed;
	top: 0;
	right: -100%;
	bottom: 0;
	z-index: 9999;
	visibility: hidden;
	width: 100%;
	max-width: 360px;
	background-color: #333;
	-webkit-transition: right .3s cubic-bezier(.65,.05,.36,1),visibility 0s .3s;
	transition: right .3s cubic-bezier(.65,.05,.36,1),visibility 0s .3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-overflow-scrolling: touch
}

.member--panel--opened {
	overflow: hidden
}

.member--panel--opened .site-nav:after {
	z-index: 1;
	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity .25s;
	transition: opacity .25s
}

.member--panel--opened .member-panel {
	right: 0;
	visibility: visible;
	-webkit-transition: right .3s cubic-bezier(.65,.05,.36,1);
	transition: right .3s cubic-bezier(.65,.05,.36,1)
}

.member-panel-scrollable {
	position: relative;
	overflow: auto;
	height: 100%;
	-webkit-overflow-scrolling: touch
}

.member-panel-top {
	background-color: #3d3d3d;
	text-align: right
}

.member-panel-content {
	padding-top: 2.25em;
	padding-bottom: 2.25em;
	color: #c6c6c6;
	text-align: center;
	font-size: .88889em
}

.member-menu {
	padding: 0;
	list-style: none
}

.member-menu li {
	margin-bottom: 1.125em
}

.member-menu .button {
	display: block;
	margin-right: 0;
	margin-left: 0
}

.site-account .post,.site-membership .post,.site-signin .post,.site-signup .post {
	padding-top: 2.22222em
}

.site-account .post-header,.site-membership .post-header,.site-signin .post-header,.site-signup .post-header {
	margin-bottom: 0
}

.site-account .note,.site-membership .note,.site-signin .note,.site-signup .note {
	margin-top: 1.25em;
	font-size: .88889em
}

.account-subscription {
	margin-bottom: 2.22222em
}

.account-group-label {
	margin-right: 6px;
	font-size: 1em
}

.account-cancel {
	margin-top: 1.66667em
}

.site-membership.primary {
	max-width: none
}

.site-membership .post {
	background-color: hsla(0,0%,50.6%,.15);
	color: #c6c6c6;
	text-align: center
}

.site-membership .post-title {
	color: #fff
}

.membership-plans {
	margin: 2.22222em -15px 0;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.membership-plan,.membership-plans {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.membership-plan {
	box-sizing: border-box;
	margin: 0 15px 1.33333em;
	padding-top: 1.66667em;
	padding-bottom: 1.66667em;
	background-color: #fff;
	color: #818181;
	text-align: left;
	-webkit-flex: 1 0 280px;
	-ms-flex: 1 0 280px;
	flex: 1 0 280px;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.membership-plan .plan-header {
	margin-bottom: 2em
}

.membership-plan .plan-title {
	float: left;
	clear: both;
	margin: 0;
	padding-top: .83333em;
	padding-bottom: .83333em;
	max-width: 75%;
	background-color: #22b3eb;
	color: #fff;
	font-size: 2em
}

.membership-plan .plan-price {
	float: left;
	clear: both;
	padding-top: .5em;
	padding-bottom: .5em;
	background-color: #5ec5f0;
	color: #fff;
	font-size: 1.66667em;
	line-height: 1.5
}

.membership-plan .plan-content {
	font-size: .88889em;
	line-height: 1.5;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.membership-plan ol,.membership-plan ul {
	padding: 0;
	list-style: none
}

.membership-plan li {
	position: relative;
	margin-bottom: .33333em;
	padding-left: 18px
}

.membership-plan li:before {
	position: absolute;
	top: .58333em;
	left: 0;
	display: inline-block;
	box-sizing: border-box;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #22b3eb;
	content: ""
}

.membership-plan .plan-footer {
	margin-top: .66667em
}

.membership-plan .button {
	display: block;
	padding-right: 10px;
	padding-left: 10px
}

.post-excerpt {
	position: relative
}

.post-excerpt:before {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 90%;
	background: -webkit-linear-gradient(top,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 20%,#fff);
	background: linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,0) 20%,#fff);
	content: ""
}

.member-cta {
	margin: 1.66667em 0 1.33333em;
	padding-top: 1.66667em;
	padding-bottom: 1.66667em;
	border: 2px solid hsla(0,0%,77.6%,.3)
}

.member-cta.members .member-cta-paid,.member-cta.paid .member-cta-member {
	display: none
}

.member-cta h2 {
	font-size: 1.33333em
}

.member-cta .button {
	margin-bottom: 1.25em
}

.member-cta .note {
	margin-bottom: .75em;
	font-size: .88889em
}


/*-------------------留言回复------------------------------*/
.comments-area a{
    text-decoration: none;
    font-weight: normal;
    font-size: 14px;
}
.msg{
    margin-top: 10px;
    padding-left: 0;
}
.msg li{
    display:block;
}
.msg li .avatar{
    width: 40px;
    height: 40px;
    float: left;
    padding: 0px 4px 4px 0px;
    border: 0px solid #eaeaea;
    border-radius: 0;
}
.msghead li{
    list-style: none;
}
.commentname,.commentdate{
    padding-left: 10px;
}
li.msgarticle div.quote{
	margin:10px 0 0 0;
    padding:10px;
	background:#FFFFFF;
    border:1px #F4F4F4 solid;
}
li.msgarticle div.quote-title{
	margin:0;
	padding:0;
	font-size:1em;
    color: red;
}
li.msgname {
    padding: 0 0 0.8em 0.5em;
    margin: 0px;
    font-weight: normal;
    font-size: 1em;
    border-bottom: 1px dotted #eaeaea;
    line-height: 1.3;
}
li.msgarticle {
    list-style-position: outside;
    padding: 10px;
    margin: 0;
    line-height: 160%;
    background: #FFF;
    padding-left: 60px;
    font-size: 14px;
}



/************评论发表用的样式*************/
#divCommentPost{
	width:96%;
	margin:0 0 0 0;
	padding:1em 2% 1.5em 2%;
}

#divCommentPost p{margin-top:10px;margin-bottom:0px;font-size:14px;}
#divCommentPost label{margin-top:5px;font-size:14px;}

#divCommentPost p.posttop{
color:#3c6da7;
}

#divCommentPost img{margin-bottom:-0.5em;}
#cancel-reply{float:right;margin-right: 2em;}
div.reply-frm{
    background: #f8f8f8;
    box-shadow: 0 0 15px #3330;
    margin: 1em 1% !important;
    padding: .3em .8em !important;
    min-width: 330px;
}

input.text{
    border:1px solid #d7d7d7;
    font-size: 14px;
}
#txaArticle{padding:0.5em;width:100%;height:150px;border:1px solid #d7d7d7;}
input.button {
    color: #FFFFFF;
    font-size: 14px;
    width: 100px;
    height: 32px;
    background: #333333;
     border:none; 
    cursor: pointer;
    font-weight: normal;
}

@media only screen and (max-width:960px) {
	.notification {
		padding-right: calc(3vw + 45px);
		padding-left: 3vw
	}

	.notification .notification-close {
		right: 3vw
	}

	.membership-plans {
		margin-right: -1.5vw;
		margin-left: -1.5vw
	}

	.membership-plan {
		margin: 0 1.5vw 3vw
	}
}

@media only screen and (max-width:800px) {
	.membership-plan .plan-title {
		font-size: 1.77778em
	}

	.membership-plan .plan-price {
		font-size: 1.55556em
	}
}

@media only screen and (max-width:640px) {
	.membership-plan .plan-title {
		font-size: 1.75em
	}

	.membership-plan .plan-price {
		font-size: 1.5em
	}

	.membership-plan li {
		padding-left: 15px
	}

	.membership-plan li:before {
		top: .57143em;
		width: 5px;
		height: 5px
	}
}

@media only screen and (max-width:500px) {
	.notification {
		padding-right: 60px;
		padding-left: 15px
	}

	.notification .notification-close {
		right: 15px
	}

	.membership-plans {
		margin-right: -8px;
		margin-left: -8px
	}

	.membership-plan {
		margin: 0 8px 15px
	}
}

@media only screen and (max-width:480px) {
	form[data-members-form] .form-group {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}

	form[data-members-form] .button {
		margin: 1.25em 0 0;
		width: 100%;
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto
	}

	.member-cta h2 {
		font-size: 1.125em
	}
}

pre .comment {
	color: #bdbdbd
}

pre .support {
	color: #2196f3
}

pre .tag,pre .tag-name {
	color: #0d47a1
}

pre .class,pre .css-property,pre .css-value,pre .entity.function,pre .id,pre .keyword,pre .sass,pre .storage.function,pre .vendor-prefix {
	font-weight: 700
}

pre .css-property,pre .css-value,pre .support.namespace,pre .vendor-prefix {
	color: #424242
}

pre .constant.numeric,pre .hex-color,pre .keyword.unit {
	color: #00acc1;
	font-weight: 400
}

pre .entity.class {
	color: #3f51b5
}

pre .entity.function,pre .entity.id {
	color: #b71c1c
}

pre .attribute,pre .variable {
	color: #00796b
}

pre .string,pre .support.value {
	color: #d32f2f;
	font-weight: 400
}

pre .regexp {
	color: #4caf50
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(1turn)
	}
}

@keyframes spin {
	0% {
		transform: rotate(0)
	}

	to {
		transform: rotate(1turn)
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}

	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}

	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.primary,.sidebar,.site-header {
	-webkit-animation-duration: .7s;
	animation-duration: .7s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

.site-header {
	-webkit-animation-delay: .15s;
	animation-delay: .15s
}

.primary {
	-webkit-animation-delay: .4s;
	animation-delay: .4s
}

.sidebar {
	-webkit-animation-delay: .65s;
	animation-delay: .65s
}