/********************
* Author: synyan.cn *
* Date:   2022-4-8 *
********************/

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?etpl9g');
  src:  url('../fonts/icomoon.eot?etpl9g#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?etpl9g') format('truetype'),
    url('../fonts/icomoon.woff?etpl9g') format('woff'),
    url('../fonts/icomoon.svg?etpl9g#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-bubbles2:before {
	content: "\e96d";
}
.icon-arrow-up:before {
	content: "\ea32";
}
.icon-arrow-down:before {
	content: "\ea36";
}
.icon-heart:before {
	content: "\e9da";
}
.icon-bubble:before {
	content: "\e96b";
}
.icon-brightness-contrast:before {
	content: "\e9d6";
}
.icon-book:before {
	content: "\e91f";
}
.icon-camera:before {
	content: "\e90f";
	margin-right: 6px;
}
.icon-pencil:before {
	content: "\e905";
	margin-right: 6px;
}

@font-face {
  font-family: quote;
  src: local('PingFang SC'), local('SimSun');    
  unicode-range: U+201c, U+201d, U+2018, U+2019;
}
@font-face {
  font-family: 'BASE';
  src: url('../fonts/Hiragino/minguobaozhi.ttf');
}


/* Self defined color variables */
:root {
	--day-base-white: #f8f8f8;
	--day-white-0: rgba(255,255,255,0.0);
	--day-white-6: rgba(255,255,255,0.6);
	--day-white-9: rgba(255,255,255,0.9);
	--day-gray-02: rgba(0,0,0,0.02);
	--day-gray-04: rgba(0,0,0,0.04);
	--day-gray-06: rgba(0,0,0,0.06);
	--day-gray-08: rgba(0,0,0,0.08);
	--day-gray-2: rgba(0,0,0,0.2);
	--day-gray-6: rgba(0,0,0,0.6);
	--day-gray-8: rgba(0,0,0,0.8);
	--day-base-gray: gray;
	--day-dark-gray: darkgray;
	--day-light-gray: lightgray;
	--night-black: #1c2023;
	--night-gray: #37383a;
	--night-dark-black: #343638;
	--highlight-dot: firebrick;
}


a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figure,font,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-family: "PingFang SC", quote, "Microsoft YaHei", Roboto, "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans","Helvetica Neue", Helvetica, sans-serif; */
	font-family: webfont, quote, "Lucida Grande", "Helvetica Neue", Arial, "Hiragino Sans GB", "Noto Sans CJK SC", "Heiti SC", "Microsoft YaHei", "WenQuanYi Microhei", sans-serif;
	text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
	color: var(--day-gray-8);
	font-style: inherit;
	font-weight: inherit;
	outline: 0;
	padding: 0;
	vertical-align: baseline
}

html {
	box-sizing: border-box;
	overflow-y: scroll;
}

button,input,textarea {
	-webkit-appearance: none;
	outline: none;
	-webkit-tap-highlight-color: var(--night-dark-black)
}

button:focus,input:focus,textarea:focus {
	outline: none
}

button,select {
	text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],html input[disabled] {
	border: 0
}

article,aside,details,figcaption,figure,footer,header,main,nav,section {
	display: block
}

s, del {
   text-decoration-color: #af616c;
	text-decoration-style: solid
}

::selection {
	background: var(--day-gray-8);
	color: white
}

abbr[title] {
	border-bottom: 1px dotted
}

dfn {
	font-style: italic
}

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

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

ol,ul {
	list-style: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

table,th, td
{
	border: 1px solid var(--night-dark-black);
	margin: 0 auto
}

caption,td,th {
	font-weight: 400;
	text-align: left
}

.is-style-stripes td {
    padding-left: 0.5em;
    height: 1.5em;
    vertical-align: middle;
}

.wp-block-table.is-style-stripes {
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
}

small, small:before {
	font-size: 80%
}

blockquote:after,blockquote:before,q:after,q:before {
	content: ""
}

blockquote,q {
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none
}

/* Blockquote with gray background */
/* blockquote{
	border-left: 3px solid var(--day-gray-8);
	font-weight: 400;
	letter-spacing: .01rem;
	margin: 30px 0;
	padding-left: 20px
	background: var(--day-gray-06);
	padding: 5px 20px 10px;
	border: 1px solid var(--day-gray-8);
} */

blockquote{
	border-left: 3px solid var(--day-gray-8);
	font-weight: 400;
	letter-spacing: .01rem;
	margin: 30px 0;
	padding-left: 20px
}

blockquote small {
	float: right;
	margin-top: 25px;
	color: var(--day-gray-5);
	font-style: italic
}

a:active, a:hover {
	outline: 0;
	cursor: pointer;
}

a:hover {
	text-decoration: underline;
}

pre {
	padding: 17px;
	font: 14px/22px courier new;
	position: relative;
	margin: 30px auto !important;
	border: 1px solid var(--day-gray-2);
}

code,pre {
	margin: 0 auto;
 	white-space: pre-wrap;
	word-wrap: break-word;
   font-size: 0.9em;
	font: 16px/22px courier
}

code {
	padding: 4px;
	vertical-align: middle;
	word-break: break-all;
	letter-spacing: 0;
	font: 16px/22px courier;		
}

pre code {
	padding: 0;
	border-radius: 0;
}

pre.wp-block-code {
	color: black;
/* 	background-color: var(--day-gray-02) */
}

.wp-block-preformatted {
	text-align: left
}

/* For poem */
.wp-block-verse {
	color: inherit;
	font-size: 1.0em;
	font-style: inherit;
	font-weight: inherit;
/* 	font-family: Courier, STKaiti, KaiTi, KaiTi_GB2312, simkai; */
	font-family: 'Noto Serif SC', Times New Roman, STZhongsong, serif;
	text-align: center;
	line-height: 1.4em;
	background-color: var(--day-gray-02);
	border: 0;
	border-left: 3px solid var(--day-gray-8);
	line-height: 1.8;
}

.wp-block-verse strong {
	font-size: 1.0em;
/* 	font-family: Courier, STKaiti, KaiTi, KaiTi_GB2312, simkai; */
	font-family: 'Noto Serif SC', Times New Roman, STZhongsong, serif;
	font-weight: 700;
}

pre.wp-block-verse {
	margin-bottom: 20px;
	font-size: 1.0em;
/* 	font-family: Courier, STKaiti, KaiTi, simkai; */
	font-family: 'Noto Serif SC', Times New Roman, STZhongsong, serif;
	font-weight: 500;	
}

img {
	height: auto
}

figure, figure img {
	margin-left:0;
}

button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0
}

a,button,input {
	-webkit-tap-highlight-color: var(--night-dark-black)
}

figcaption {
	-webkit-nbsp-mode: normal
}

a {
	text-decoration: none
}

input[disabled] {
	color: var(--day-gray-8);
	background-color: var(--day-gray-06)
}

audio:not([controls]) {
	display: none;
	height: 0
}[hidden],template {
	display: none
}

svg:not(:root) {
	overflow: hidden
}

strong {
	font-weight:500
}

.u-floatLeft {
	float: left
}

.u-floatRight {
	float: right
}

.u-verticalAlignTop {
	vertical-align: top
}

.u-verticalAlignMiddle {
	vertical-align: middle
}

.u-verticalAlignBottom {
	vertical-align: bottom
}

.u-disablePointerEvents {
	pointer-events: none
}

.u-preventScroll {
	height: 100%;
	overflow: hidden
}

.u-inlineBlock {
	display: inline-block
}

.u-block {
	display: block
}

.u-table {
	display: table
}

.u-table:before {
	height: auto;
	display: inherit
}

.u-tableCell {
	display: table-cell
}

.u-clearfix {
	*zoom: 1
}

.u-clearfix:after,.u-clearfix:before {
	display: table;
	content: " "
}

.u-clearfix:after {
	clear: both
}

.u-overflowHidden {
	overflow: hidden
}

.u-textMuted {
	color: var(--day-gray-6)
}

.u-textAlignCenter, .aligncenter {
	text-align: center
}

.aligncenterauto {
	text-align: center;
	margin: 0 auto
}

.u-textAlignRight, .alignright {
	text-align: right
}

.u-textAlignLeft, .alignleft {
	text-align: left
}

img.alignright {
	float: right
}

.u-noWrap {
	white-space: nowrap
}

.u-centered {
	margin-left: auto;
	margin-right: auto
}

.u-borderBox {
	box-sizing: border-box
}

.u-size640 {
	max-width: 640px
}

.u-marginBottom50 {
	margin-bottom: 50px
}

.u-marginBottom30 {
	margin-bottom: 30px
}

.u-paddingBottom10 {
	padding-bottom: 10px!important
}

.u-paddingTop10 {
	padding-top: 10px!important
}

.u-marginLeftNegative100 {
	margin-left: -100px!important
}

.u-fontSizeSmallest {
	font-size: 12px!important
}

.u-textUppercase {
	text-transform: uppercase!important
}

.u-textColorNormal {
	color: var(--day-gray-6)!important;
	fill: var(--day-gray-6)!important
}

.u-marginTop5 {
	margin-top: 5px
}

.u-hide {
	display: none
}

.u-textScreenReader {
	color: hsla(0,0%,100%,0)!important;
	height: 1px!important;
	overflow: hidden!important;
	pointer-events: none!important;
	position: absolute!important;
	width: 1px!important
}

.u-noWrapWithEllipsis {
	overflow: hidden!important;
	text-overflow: ellipsis!important;
	white-space: nowrap!important
}

.u-paddingTop50 {
	padding-top: 50px
}

.u-paddingLeft15 {
	padding-left: 15px
}

.u-flex {
	display: -ms-flexbox!important;
	display: flex!important
}

.u-flex0 {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.u-flex1 {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.fontSizeSmallest {
	font-size: 12px
}

.u-textColorNormal {
	color: var(--day-gray-6);
	fill: var(--day-gray-6)
}

.u-textUnderline {
	text-decoration: underline
/* 	border-bottom: 1px dashed; */
}

.u-colorGrayLight {
	color: var(--day-gray-08);
}

.u-backgroundGrayLightest {
	background-color: var(--day-gray-02)
}

.u-backgroundGrayLightest.hasHeaderBackground {
	background-size: cover;
	background-position: 50%;
	position: relative;
	color: white
}

.u-backgroundGrayLightest.hasHeaderBackground:before {
	background-color: var(--day-gray-08);
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.u-backgroundGrayLightest.hasHeaderBackground .hero--standalone {
	position: relative;
	color: white
}

.u-backgroundGrayLightest.hasHeaderBackground .hero-description {
	color: hsla(0,0%,100%,.95)
}

.u-boxShadowThick {
	box-shadow: 0 5px 30px -6px var(--day-gray-06)
}

.u-width280 {
	width: 280px
}

.u-height280 {
	height: 280px
}

.u-marginRight10 {
	margin-right: 10px
}

.u-marginLeft10 {
	margin-left: 10px
}

.u-backgroundCover {
	background-origin: border-box;
	background-position: 50%;
	background-size: cover
}

.u-height180 {
	height: 180px
}

.u-absolute {
	position: absolute
}

.u-sizeHalfWidth {
	width: 50%
}

.u-marginTop30 {
	margin-top: 30px!important
}

.u-flexCenter {
	-ms-flex-align: center!important;
	align-items: center!important;
	display: -ms-flexbox!important;
	display: flex!important
}

.u-marginAuto {
	margin-left: auto!important;
	margin-right: auto!important
}

.u-borderBottomLight {
	border-bottom: 1px solid var(--day-gray-08)!important
}

.u-marginRight20 {
	margin-right: 20px!important
}

.u-flexColumn {
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center
}

.u-flexColumn,.u-flexTop {
	display: -ms-flexbox;
	display: flex
}

.u-flexTop {
	-ms-flex-align: start;
	align-items: flex-start
}

.u-marginLeft20 {
	margin-left: 20px!important
}

.u-fontSizeSmaller {
	font-size: 14px!important
}

.u-size1of12,.u-size2of12,.u-size3of12,.u-size4of12,.u-size5of12,.u-size6of12,.u-size7of12,.u-size8of12,.u-size9of12,.u-size10of12,.u-size11of12,.u-size12of12 {
	float: left!important
}

.u-size12of12 {
	width: 100%!important
}

.u-size11of12 {
	width: 91.6667%!important
}

.u-size10of12 {
	width: 83.3333%!important
}

.u-size9of12 {
	width: 75%!important
}

.u-size8of12 {
	width: 66.6667%!important
}

.u-size7of12 {
	width: 58.3333%!important
}

.u-size6of12 {
	width: 50%!important
}

.u-size5of12 {
	width: 41.6667%!important
}

.u-size4of12 {
	width: 33.3333%!important
}

.u-size3of12 {
	width: 25%!important
}

.u-size2of12 {
	width: 16.6667%!important
}

.u-size1of12 {
	width: 8.33333%!important
}

.u-marginRight20 {
	margin-right: 20px
}

.u-foreground {
	position: relative;
	/*z-index: 1*/
}

.u-paddingTop5 {
	padding-top: 5px!important
}

.u-flexWrap {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.u-paddingLeft20 {
	padding-left: 20px
}

.u-paddingRight20 {
	padding-right: 20px
}

.u-paddingBottom30 {
	padding-bottom: 30px
}

.u-paddingBottom50 {
	padding-bottom: 50px
}

.u-paddingTop20 {
	padding-top: 20px
}

.u-paddingTop80 {
	padding-top: 80px
}

.u-paddingTop30 {
	padding-top: 30px
}

.u-paddingTop70 {
	padding-top: 70px
}

.grap p,.grap ul {
	margin-bottom: 15px;
	margin-top: 10px
}

.grap p {
	margin-bottom: 1.5rem;
	font-size: 18px;
	font-size: 1.125rem;
}
.grap li{
	list-style-type:square;
}

.grap, .post-status {
	word-wrap: break-word;
	font-size: 18px;
}

.grap, .comment, .comment-content a, .post-title {
	color: #444
}

.grap sub, .grap sup {
	font-size: 50%;
	top: -1em;
}

.grap strong {
	font-weight: 900
}

/* Highlight color */
.grap .highlight {
	background-image: linear-gradient(90deg, rgba(247, 239, 7, 0.9) 100%, rgba(0, 0, 0, 0.84) 0);
	background-repeat: repeat-x;
	background-size: 1px 14px;
	background-position: 0 calc(1em - 4px);
	max-width: fit-content;
	max-width: -moz-fit-content;
	max-width: -webkit-fit-content;
}

.grap em {
	font-style: italic;
	color: inherit
}

.grap a {
 	text-decoration: underline;
/* 	border-bottom: 1px solid; */
	cursor: pointer;
/* 	font-weight: 500; */
}

.grap a:hover {
	color: var(--day-gray-6);
	text-decoration: none;
}
	
.grap a .svgIcon {
	margin-right: 4px
}

/* Magnify */
.grap a.highslide:hover {
    border-bottom: 0
}

.grap a.magnify:after {
	width: 30px;
	height: 30px;
	background:url('https://synyan.net/picture/magnify50.png');
	content: '';
	background-size:cover;	
	display: block;
    position: absolute;
    top: 7px;
    right: 7px;
    color: white;
    font-size: 30px;
}

.grap a.highslide.magnify {
    border-bottom: none;
}

.grap a.highslide:hover:after {
	content: none
}

/* External icon after link */
a.external {
	background: url("https://synyan.net/picture/external-image.png") right no-repeat;
	padding-right: 16px;
	background-size:13px 13px;
}

.grap li {
	margin-left: 30px;
	margin-bottom: 15px;
	padding-top: 2px
}

.grap li:before {
	font-size: 14px;
	margin-left: -58px;
	padding-right: 15px;
	display: inline-block;
	text-align: right;
	width: 58px
}

.grap ol, .grap ul {
    list-style: initial;
	margin-left: 1rem
}

/* set the list style type of ol to decimal */
.grap ol li {
	list-style-type: decimal
}

/* set the list style type of ol second level to lower alpha */
.grap li ol li {
    list-style-type: lower-alpha;
	margin-left: 0.5rem
}

.grap ol {
    padding-bottom: 5px;
}

.grap hr {

}

.grap--figure {
	margin-bottom: 20px
}

.grap--figure .imageCaption {
	font-size: 12px;
	color: var(--day-gray-6);
	text-align: center
}

.grap span {
	display: inline;
}

.grap div.leaflet-control-layers-base span {
	display: inline-block
}

body {
	line-height: 1.8;
	text-rendering: optimizeLegibility;
	background-color: white;
	margin: 0
}

.surface-content {
	background-color: white;
	margin: 0 auto 50px;
	max-width: 1110px;
	word-wrap: break-word
}

.block-snippet.grap {
    margin-top: 20px;
}

.main-content {
	padding-left: 40px;
	padding-right: 40px
}

.grap {
    margin: 0 10px;
	text-align: justify
}

.site-back {
	background: var(--day-gray-06);
}

.site-header {
	font-weight: 500;
	text-align: center;
	background-image: none;
	background-position: 50%;
	background-size: cover;
	box-sizing: border-box;
	padding: 20px 0;
	position: relative;
	max-width: 1010px;
	margin: 0 auto;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center
}

.site-header .header-inner {
	display: inline-block;
	position: relative;
	font-weight: 500
}

.site-header .site-title {
	font-size: 1.5rem;
	display: inline;
}

.site-header .site-description {
	font-size: 1rem;
	display: inline;
	margin: auto 1em;
}

.site-header .social-links {
	display: none
}

.topNav-items {
	font-size: 14px;
	line-height: 50px
}

time {
	vertical-align: middle;
}

.comment-metadata time {
	margin: 0;
}

.menu-item {
	color: var(--day-gray-6);
	display: inline-block;
	font-size: 12px;
	letter-spacing: 1px;
	margin-right: 8px;
	margin-left: 8px;
	position: relative;
	text-transform: uppercase
}

.menu-item a:hover {
	text-decoration: underline
}

.block--list {
	padding: 35px 0 20px;
	position: relative
}

.block--list:last-child {
	border-bottom: 0;
	margin-bottom: 30px
}

.block.block--inset.block--list {
    margin: auto 10px;
}


/* Set block title to Songti */
.block-title a {
	transition: .5s;
	font-family: 'Noto Serif SC', Times New Roman, STZhongsong, serif;
	font-weight: 600;
}
.block-title a:hover {
}

/* Post page navigation */
.posts-nav {
	padding: 30px 0;
	text-align: center
}

.posts-nav .page-numbers {
	background-color: var(--day-gray-02);
	border: 1px solid var(--day-gray-06);
	color: var(--day-gray-6);
	display: inline-block;
	font-size: 12px;
	margin: 0 5px;
	padding: 3px 10px
}

.posts-nav .page-numbers.current, .posts-nav .page-numbers:hover {
	background-color: var(--day-gray-06);
}
.posts-nav .page-numbers:hover {
	cursor: pointer;
	background-color: var(--day-gray-08);
}
.posts-nav .page-numbers.current, .posts-nav .page-numbers.dots {
	cursor: text;
}

.comment-navigation .page-numbers.current, .comment-navigation .page-numbers:hover {
	padding: 1px 10px
}

.comment-navigation span.page-numbers.dots:hover {
	padding: 0 !important;
	background-color: inherit !important;
	margin: 0 !important;
	border: none !important;
}

.section-body {
	padding: 40px 0 0
}

.site-footer {
	border-top: 1px solid var(--day-gray-06);
	font-size: 1.2rem;
	margin-top: 20px;
	padding-bottom: 20px;
	padding-top: 20px;
	text-align: center
}

.responsesWrapper {
	margin-bottom: 30px;
	margin-top: 30px;
	margin-left: 10px;
	margin-right: 10px;
}

.comments-title {
	font-weight: 700;
	padding: 1rem 0 0
}

#comments, #comments p, .comment-content p {
	font-size:1rem
}

.comment-at {
	color:#888;
	padding: .5px 10px 1px;
	font-size: 15px;
	border-bottom:0 !important;
	text-decoration:none !important;
	background-color: var(--day-gray-06);
	border-radius: 14px;
}

.comment-body {
	border-top: 0px;
	padding-bottom: 25px;
	padding-top: 25px;
	position: relative;
	margin: 1.5rem .2rem 2rem;
}

.comment-meta {
	font-size: 14px;
	overflow: hidden
}

.comment-meta .avatar {
	border-radius: 100%;
	float: left;
	margin-right: 10px;
	transition: all .5s ease 0s
}

.comment-author {
	font-family: initial;
}

.comment-author a.url {
	text-decoration: underline;
	font-family: initial;
}

.comment-author a.url:hover {
	text-decoration: none
}

.comment-meta .says {
	display: none
}

.comment-meta .comment-metadata {
	font-size: 12px;
	font-style: normal
}

.comment-content {
	margin-top: 10px;
    word-wrap: break-word
}

.comment-content a{
	text-decoration: underline;
}

.comment-content a:hover{
	color: var(--day-gray-6)
}

.reply {
	position: absolute;
	right: 0;
	top: 20px
}

.reply .comment-reply-link {
	border-radius: 2px;
	color: var(--day-gray-6);
	font-size: 12px;
	padding: 3px 8px;
	border: 1px solid var(--day-gray-6);
}

.reply .comment-reply-link:hover {
	background-color: var(--day-gray-08);
	border-radius: 2px;
	color: inherit;
	font-size: 12px;
	padding: 3px 8px;
	border: 1px solid var(--day-gray-06);
}

.comment-navigation {
	padding: 20px 0;
	text-align: center
}

.comment-reply-title {
	color: initial;
	font-size: 1.5rem;
	font-weight: 700;
}

.comment-form {
	padding: 20px 0
}

.comment-form p {
	margin-bottom: 15px
}

.comment-form label {
	display: block;
	margin-bottom: 3px
}

.comment-form textarea {
	border: 1px solid var(--day-gray-08);
	border-radius: 3px;
	box-sizing: border-box;
	padding: 10px;
	resize: none;
	width: 100%
}

.comment-form .comment-form-comment textarea {
    font-size: initial
}

.comment-form .submit {
	border: 1px solid var(--day-gray-06);
	border-radius: 3px;
	color: var(--day-gray-6);
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	padding: 3px 15px;
	transition: .5s
}

.comment-form .submit:hover {
	background-color: var(--day-gray-08);
	border: 1px solid var(--day-gray-06);
	color: inherit;
}

.comment-form .comment-form-author input,.comment-form .comment-form-email input,.comment-form .comment-form-url input {
	border: 1px solid var(--day-gray-06);
	border-radius: 3px;
	color: var(--day-gray-6);
	font-size: 14px;
	height: 30px;
	padding: 0 10px;
	width: 280px
}

.required {
	color: #c00
}

.comment-notes {
	font-size: 14px;
	color: var(--day-gray-6)
}

.post-navigation {
    overflow: hidden;
    padding: 1rem 0;
    margin: 1rem 0
}

.post-navigation .meta-nav {
	color: var(--day-gray-6);
	display: block;
	font-size: 12px;
	text-transform: uppercase
}

.post-navigation .nav-next,.post-navigation .nav-previous {
	background-position: 50%;
	background-size: cover;
	box-sizing: border-box;
	position: relative;
	width: 50%;
	color: initial
}

.post-navigation .nav-next:only-child,.post-navigation .nav-previous:only-child {
	width: 100%
}

.post-navigation .nav-next a,.post-navigation .nav-previous a {
	display: block;
	position: relative
}

.post-navigation .nav-previous {
	float: left;
}

.post-navigation .nav-next {
	float: right;
	text-align: right;
}

.nav-previous span.post-title {
	margin-right: 20px;
	display: inline-block;
}

.nav-next span.post-title {
	margin-left: 20px;
	display: inline-block;
}

.post-navigation .nav-next:before,  .post-navigation .nav-previous:before{
	background-color: transparent !important;
}

.post-navigation .nav-next .meta-nav, .post-navigation .nav-previous .meta-nav {
	color: inherit
}

.post-navigation .nav-next .post-title, .post-navigation .nav-previous .post-title {
	color: inherit
}

.nav-links a {
	font-size: inherit
}

.screen-reader-text {
	left: -9999px;
	position: absolute;
	top: -9999px
}

.postFooterinfo {
	border-top: 1px solid var(--day-gray-06);
	padding-bottom: 20px;
	padding-top: 20px
}

.postFooterinfo .avatar {
	border: 1px solid var(--day-gray-06);
	border-radius: 100%;
	padding: 4px
}

.postFooterinfo .author-name {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 5px
}

.postFooterinfo .author-description {
	color: var(--day-gray-6);
	font-size: 14px
}

.postFooterinfo .author-meta {
	color: var(--day-gray-06);
	font-size: 14px;
	font-style: italic;
	margin-top: 5px
}

.archive-header {
	border-bottom: 1px solid var(--day-gray-06);
	padding: 30px 0
}

.archive-header .archive-title {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px
}

/*.termlike {
	height: 32px;
	line-height: 33px;
	margin: 3em 0;
	border: 0;
}

.termlike.is-active, .termlike:hover {
	color: pink
}*/

.button {
	background: white;
	border: 1px solid var(--day-gray-6);
	border-radius: 999em;
	box-sizing: border-box;
	color: var(--day-gray-6);
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	height: 37px;
	padding: 0 16px;
	text-decoration: none;
	vertical-align: bottom;
	white-space: nowrap
}

.post-status {
	margin-bottom: 15px
}

.post-status .avatar {
	border: 1px solid var(--day-gray-06);
	border-radius: 100%;
	float: left;
	margin-right: 20px;
	transition: all .5s ease 0s
}

/* Block-footer's child style */
.status-footer {
	font-size: 14px;
	text-align: left
}
.status-footer span {
	background-color: var(--day-gray-08);
	border-radius: 3px;
	color: var(--day-gray-6);
	display: inline-block;
	padding: 0 8px;
}


a.post-edit-link:hover {
	text-decoration: none;
}

p:empty:before {
	display: none;
}

.sep:before {
	content: "·";
	margin-right: 3px;
	margin-left: 3px
}

.taxonomy-description {
	font-size: 18px;
	color: var(--day-gray-06)
}

.round-letter {
	font-size: 1.5rem;
	font-weight: 700;
	color: initial;
	vertical-align: middle;
}

.round-letter:after {
	content:"　";
}

.back-to-top, .back-to-bottom, .back-to-comment, .back-to-heart, .back-contrast {
	position: fixed;
	right: calc((100% - 1200px)/4);
	cursor: pointer;
	font-size: 24px;
	color:var(--day-gray-08)
}
.back-to-top span, .back-to-bottom span, .back-to-comment span, .back-to-heart span, .back-contrast span {
	color:var(--day-gray-08);
}
.back-to-top:hover, .back-to-bottom:hover, .back-to-comment:hover, .back-to-heart:hover, .back-contrast:hover {
	color:var(--day-gray-2)
}
.back-to-top {
	bottom:180px;
}
.back-to-heart {
	bottom:140px
}
.back-to-comment{
	bottom:100px
}
.back-to-bottom{
	bottom:60px
}
.back-contrast {
	bottom:20px;
}
.to-top-icons {
	display: block;
	text-align: center
}

.wp-caption img, .wp-block-image img {
	max-width: 100%;
}

.fancy-archive {
	color: var(--day-gray-6);
	font-size: 14px;
	position: relative
}

.fancy-archive:before {
	background-color: var(--day-gray-06);
	bottom: 0;
	content: "";
	left: 100px;
	position: absolute;
	top: 0;
	width: 3px
}

.archive-year {
	background-color: var(--day-base-white);
	border: 1px solid var(--day-gray-08);
	border-radius: 3px;
	color: var(--day-gray-6);
	display: inline-block;
	margin-bottom: 10px;
	margin-left: 40px;
	margin-top: 30px;
	padding: 1px 0;
	position: relative;
	text-align: center;
	width: 120px
}

.archive-month:after,.archive-month:before {
	background-color: white;
	border-radius: 100%;
	content: "";
	height: 19px;
	left: 92px;
	position: absolute;
	top: 3px;
	width: 19px
}

.archive-month:after {
	background-color: #eee;
	height: 15px;
	left: 94px;
	top: 5px;
	width: 15px
}

.archive-month {
	font-weight: 700;
	margin-bottom: 15px;
	position: relative
}

.fancy-ul {
	margin-bottom: 30px;
	margin-left: 100px
}

.fancy-ul li:after,.fancy-ul li:before {
	background-color: white;
	border-radius: 100%;
	content: "";
	height: 13px;
	left: -5px;
	position: absolute;
	top: 7px;
	width: 13px
}

.fancy-ul li:after {
	background-color: #eee;
	height: 9px;
	left: -3px;
	top: 9px;
	width: 9px
}

.fancy-ul li {
	padding-left: 15px;
	position: relative
}

.fancy-ul li:hover:after {
	background-color: var(--highlight-dot)
}

.fancy-ul a {
	font-size: 1rem;
}

.link-title {
	font-size: 18px;
	color: var(--day-gray-06)
}

.link-description {
	font-size: 14px;
	color: var(--day-gray-6)
}

.link-items {
	padding-top: 15px;
	padding-bottom: 15px
}

.link-item {
	display: inline-block;
	text-align: center;
	margin: 10px
}

.link-item .avatar {
	border-radius: 100%
}

.link-item .sitename {
	display: block;
	font-size: 12px
}

.post--keywords {
	margin-bottom: 20px
}

.post--keywords a:hover{
}

.post--keyword {
	display: inline-block;
	border-radius: 3px;
    border: 0px;
	font-size: 12px;
	margin: 0 .5rem 0 0
}

.post--keyword:hover {
	border-color: var(--day-gray-06)
}

.search-form {
	padding-top: 15px
}

.search-field {
	background-color: var(--day-gray-06);
	border: 0;
	border-radius: 3px;
	padding: 5px 10px;
	color: initial;
	box-shadow: inset 0 0 3px var(--day-gray-2);
	width: 200px;
	text-align: center;
	font-size: 12px
}

.search-field:focus {
	color: initial
}

p.with-img {
	margin-left: -60px;
	margin-right: -60px
}

p.with-img img {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.more-link {
    font-weight:normal;
    font-size:100%;
    color: var(--day-gray-06)
}

.more-link:hover {
    color:var(--day-gray-06);
	cursor: pointer
}

@media (max-width:600px) {
	p.with-img {
		margin-left: -15px;
		margin-right: -15px
	}
}

/* Fenye page break */
.fenye{
    text-align:left;
    margin:30px 20px;
    font-size: 16px;
    padding-bottom:20px;
    line-height: 3.5em
}  

.fenye span{
    background-color: var(--day-gray-06);
    font-size: 16px;
    line-height:1;
    padding: 10px 14px;
    margin: 0 10px 20px 0;
    margin: 0 1rem 2rem 0;
    text-decoration:none;
    border: 1px solid var(--day-gray-06);
    border-radius:1px;
}  

.fenye span.continue {
    background-color: var(--day-gray-02);
    font-size: 13px;
    border-radius: 2px;
    color: var(--day-gray-6);
    line-height:1;
    padding: 10px 14px;
    margin: 0 10px 20px 0;
    margin: 0 1rem 2rem 0;
    text-decoration: none;
    border: 1px solid var(--day-gray-06);
}

.fenye a{
    text-decoration:none;
    border-bottom:0
}  

.fenye a span{
    font-size: 16px;
    background-color: var(--day-gray-02);
    font-weight: normal;
    text-decoration: none;
    border-bottom:0;
    border: 1px solid var(--day-gray-06);
    color: var(--day-gray-6)
}

.fenye a:hover span{
    background-color: var(--day-gray-06);
    border: 1px solid var(--day-gray-06);
    color: inherit;
	text-decoration: underline;
}

.fenye span.post-page-numbers.current {
    padding: initial;
    margin: initial;
    border: initial;
}

.post-page-numbers.current {
	background-color: transparent;
}

/* Exif css */
.grap .wp-caption .exif-caption:before {
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
    content: attr(exif-data);
    display: block;
    position: absolute !important;
    background-color: #222;
    color: white;
    font-size: .7rem;
	font-weight: 700;
    line-height: inherit;
    height: auto;
	min-height: 20px;
	word-break: break-all;
	word-wrap: break-word;
    overflow: hidden;
    opacity: 0;
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
}
.wp-caption:hover .exif-caption[exif-data]:before {
    opacity: .7;
}
.grap .wp-caption, .grap p.with-img {
	position: relative;
	max-width: 100%
}
.size-full {
	max-width: 100%
}
/* When Exif info is 'none' in a gallery, display none */
figure.wp-block-gallery .exif-caption[exif-data *='无Exif信息'] {
	display: none;
}

/* Front page image size */
.wp-post-image {
    width: 100%;
}

.wp-caption img, .wp-block-image img{
	border: 1px solid var(--day-gray-08);
}

figcaption img {
 	border-radius: 0 !important; 
 	box-shadow: none !important;
}

.wp-caption .wp-caption-text, figcaption  {
	text-align:center;
	width:auto;
    color: --day-gray-8;
	font-size: .9em;
    line-height: 1.3em
}

.wp-caption-text:before{
    content:"\2191";
    margin-right: 3px !important
}

.grap .wp-caption,.grap p.with-img {
    margin: 1em auto 2em
}

#exif-text-margin:before {
    padding: 0 5px !important;
}

/* exif css for Gutenberg figure caption */
.exif-caption:before {
	text-align: center;
	margin: 0;
    content: attr(exif-data);
    display: block;
    position: absolute !important;
    top: 0px;
    left: 0px;
	right: 0px;
    background-color: #333;
    color: white;
	font-size: 0.7rem;
	font-weight: 700;
    line-height: 1.6rem;
    overflow: hidden;
    opacity: 0;
    transition: opacity .5s;
    -webkit-transition: opacity .5s;
}

figure:hover .exif-caption[exif-data]:before {
    opacity: .7;
}

figure {
	position: relative;
	text-align: center !important;
	display: table;
	max-width: 1000px;
}

figcaption {
}

/* Figure caption align center for Gutenberg */
.wp-block-image, .wp-block-image.is-resized {
	margin: 0.8rem auto
}

.wp-block-image figure {
	margin: 0 auto
}

figure.wp-block-image figcaption {
}

figcaption:before {
    content:"\2191";
    margin-right: 3px !important	
}

figure.wp-block-image img {
    position: relative;
    text-align: center;
}

.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a, .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
	flex: auto;
}

figcaption, .entry-content figcaption, .wp-caption-text, .blocks-gallery-caption {
    text-align: center;
	margin: 0 auto;
}

.wp-block-gallery {
	margin-bottom: 2rem;
	margin-top: 2rem;
}

.wp-block-gallery ol, .wp-block-gallery ul {
	margin-left: 0;
	margin-right: 0;
	padding-top: 15px !important;
}

.blocks-gallery-grid {
	border: 1px solid var(--day-gray-08);
	padding-left: 15px;
	padding-right: 15px;	
}

.wp-block-gallery .blocks-gallery-item figcaption {
	padding: 40px 0px 9px
}

/* Block footer */
.block-footer {
	font-size: 12px;
	color: var(--day-gray-6);
    margin: 0 10px 15px 10px;
    border-left: 0;
    padding-left: 0;
}
.block-postMetaWrap-status {
    color: var(--day-gray-06);
    font-size: 14px;
    float: right;
    margin: 1.4rem 2.5rem 0 1.5rem
}

/* Post keywords */
.post--keywords {
    margin:0px !important;
    float:left
}

.post--keywords-archive, .post--keywords-archive a {
	margin:0px !important;
	float:none;
	color: var(--day-gray-2);
}

.post--data {
    font-size:12px;
    float: right;
}

.note-small {
    font-size: 0.9rem;
}

/* reference list */
.ref, cite {
	padding: 10px;
	background-color: var(--day-gray-06);
	margin: 40px 5px;
	font-size: 0.9rem;
	word-break: break-all;
}
cite {
	padding: 5px;
	margin: 0;
}
cite, cite a{
	font-weight: 300;
}
cite::before {
    content: "^ ";
}
.ref {
	background-color: var(--day-gray-06);
}
.ref a, cite a{
	border-bottom: none !important;
	text-decoration: none !important;
}

.ref h3, .ref h2, .ref h1, cite h3, cite h2, cite h1{
	margin: 1em auto .9em !important;
	font-size: 1.2rem;
	text-align: center
}

sup a {
	text-decoration: none !important;
	border-bottom: 0 !important;
	color: var(--night-dark-black);
	margin: 0 5px
}

/* Set margin for a.external */
a.external {
    margin: 0 4px 0 2px;
}

/* wp-user-agent style */
.wp-useragent {
	color: var(--day-gray-6);
	font-size: .8em;
	font-size: 15px;
    display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
    bottom: -.2rem;
    position: relative;
	margin-left: -8px;
	filter: grayscale(1);
}
.wp-useragent img {
    margin: 0 8px;
	width: 14px;
	height: 14px;
	filter: opacity(0.25);
}

/* aplayer */
.aplayer .aplayer-lrc::after, .aplayer .aplayer-lrc::before {
	background: initial;
}
.aplayer-pic {
	background-color: initial !important;
}
.aplayer {
	box-shadow: none;
	border: 1px solid var(--day-gray-08);
	background: inherit;
	max-width: 50%;
}
@media (min-width: 200px) and (max-width:1024px) {
	.aplayer {
	max-width: 90%
	}
}

/* Wpl Heart */
span.icon-heart:before {
    content: "\e9da";
	vertical-align: middle;
	font-size: 15px;
	font-size: 1rem
}
span.icon-heart:after {
    content: " ";
}
.count {
	vertical-align: middle;
	font-size: 15px;
}

/* Wpl-button and likes */
.wpl-text {
	vertical-align: middle;
}
.wpl-button{
	height: 32px;
    line-height: 31px;
    padding:0 15px;
	border: 0 !important;
    color:#444 !important;
    display:inline-block;
    font-size:14px;
    background: initial !important;
	margin: 3em auto 3.5em
}
.wpl-button.is-active, .wpl-button:hover{right: calc((100% - 1200px)/4);
	background-color: #ddd !important;
	border: 1px #ddd solid !important;
	color: white;
}

/* Comment page break */
a.page-numbers {
	border:1px var(--day-gray-06) solid;
	background-color: var(--day-gray-02);
	display:inline-block;
	padding:1px 10px;
	margin:5px;
	color:var(--day-gray-6);
	font-size: 16px;
}
a.page-numbers:hover {
    background-color: var(--day-gray-06);
    color: inherit;
}
span.page-numbers.current, span.page-numbers:hover {
	border:1px var(--day-gray-06) solid;
	background-color: var(--day-gray-06);
	color:var(--day-gray-6);
	margin:5px;	
	display:inline-block;
	font-size: 16px;
}
span.page-numbers.dots:hover {
	background: none;
	border: 1px var(--day-white-0) solid;
}

/* Comment link */
.fn a {
}
.fn a:hover {
	color: var(--day-gray-06)
}

/* Comment label */
.czs-user-l:before, .czs-comment-l:before, .czs-time-l:before, .czs-heart-l:before, .czs-world-l:before, .czs-eye-l:before {
	content: ' / '
}
.like-circle:after {
	content: '赞'
}
.view-circle:after {
	content: '阅'
}

/* Comment indent */
ol.children {
    margin-left: 50px;
}
.commentlist .depth-2 .children {
	margin-left:0
}

/* Tag cloud */
.all-tags a, .tagcloud{
    text-shadow:0 0 1px #bbb;
    text-decoration:none;
	border-bottom: 0;
    vertical-align: middle
}
.all-tags a:hover, .tagcloud:hover{
	color: var(--day-gray-06);
	border-bottom: 0;
}

/* Color tag cloud */
.tags{padding: 12px 1px 10px 1px;}
.tags a:nth-child(9n){background-color: #4A4A4A;}
.tags a:nth-child(9n+1){background-color: #428BCA;}
.tags a:nth-child(9n+2){background-color: #5CB85C;}
.tags a:nth-child(9n+3){background-color: #D9534F;}
.tags a:nth-child(9n+4){background-color: #567E95;}
.tags a:nth-child(9n+5){background-color: #B433FF;}
.tags a:nth-child(9n+6){background-color: #00ABA9;}
.tags a:nth-child(9n+7){background-color: #B37333;}
.tags a:nth-child(9n+8){background-color: #FF6600;}
.tags a {opacity: 0.70;filter:alpha(opacity=70);color: white;font-weight:700;background-color: #428BCA;display: inline-block;margin: 0 5px 5px 0;padding: 0;line-height: 25px; text-decoration:none;}
.tags a:hover{opacity: 1;filter:alpha(opacity=100);}
.tags a sup{color:white;}

/* Mapsmarker */
div.maps-marker-pro {
    margin: 2rem auto;
}
.maps-marker-pro .leaflet-popup-content {
	min-width: 200px
}
.mmp-popup {
    margin: 0 5px;
}
.mmp-popup-text p {
	font-size: 1.2em !important;
}
.mmp-popup-text a {
	color: initial;
	text-decoration: underline !important;
}
input[type="checkbox"]{
	-webkit-appearance: checkbox !important;
}
input[type="radio"]{
	-webkit-appearance: radio;
}
input[type=submit] {
	background-color: initial;
}
img.mmp-filter-icon {
	max-width: 15px;
	margin: 1px 4px;
}
/* Mapsmarker marker cluster */
.marker-cluster-small,.marker-cluster-medium,.marker-cluster-large {
	background-color: var(--day-white-0);
}
.marker-cluster-small div,.marker-cluster-medium div,.marker-cluster-large div {
	background: url('https://synyan.cn/wp-content/uploads/maps-marker-pro/icons/dot-red.png');
	background-size: 25px 25px;
}
.marker-cluster {
	background: transparent;	
	background-clip: content-box;
}
.marker-cluster, .marker-cluster div, .marker-cluster span {
	width: 25px;
	height: 25px;
	line-height: 25px;	
	margin-left: 0;
	margin-top: 0;
	border-radius: 25px;
}
.marker-cluster span {
	width: calc(100% - 2px) !important;
	color: white !important;
	text-align: center;
	margin: -1px 0 0 0;
	font-weight: 500;
	font-size: smaller;
	letter-spacing:-0.8px;
	font-family: inherit;
	-ms-text-size-adjust: 96%;
	-webkit-text-size-adjust: 96%;
	-moz-text-size-adjust: 96%;
	text-size-adjust: 96%;	
}


/*自定义疑难字 16px*/
img.character, figure img.character {
	width: 16px;
	height: 16px;
	width: 1.05em;
	height: 1.05em;	
	vertical-align: bottom;
	margin-bottom: .4em;
	margin-top: 0;
	display: inline-block;
	border: 0;
	border-radius: 0
}

/*自定义疑难字 12px*/
.wp-caption-text img.character, figcaption img.character  {
	width: 1.03em;
	height: 1.03em;
	vertical-align: bottom;
	margin-bottom: 0.16em;
	margin-top: 0;
	display: inline-block;
	border: 0;
	border-radius: 0;
	box-shadow: none
}

/* Footer css */
#footer {
    margin: 50px 30px;
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(auto-fill, 50%);
	font-size: 1em;
}
#footer .left-foot, #footer .right-foot{
	overflow: hidden;
	color: var(--day-gray-8);
	font-size: 100%;
	display: flex;
	margin: 50px 0 0 10px;
}
#footer .left-foot a, #footer .right-foot a{
  color:var(--day-gray-6);
}
#footer .left-foot ol, .left-foot ul, .right-foot ol, .right-foot ul{
  margin-left:0px;
}

/* Yarpp style */
.yarpp-related {
        margin: 0 !important
}
.yarpp-related, .tags-today {
    font-size: 1.2rem;
}
.yarpp-related ol, .tags-today ol, .tags-yarpp p {
    text-indent: 2em;
}
.yarpp-related a , .tags-today a{
        font-weight: 500 !important;
}
.yarpp-related a:hover {
	text-decoration: underline
}

/* Widget font weight */
.tags-yarpp span, .tags-yarpp div.yarpp-related, .tags-today span {
   font-weight: 500;
   margin: 0 auto;
}
.tags-yarpp span li, .tags-yarpp div p, .tags-yarpp div.yarpp-related li, .tags-today li {
	font-weight: normal;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}


/* external icon color */
a.external_icon {
    filter: brightness(100%) !important;
}
a.external_icon:hover {
    filter: brightness(200%) !important;
}

.icon-play:before{
	content: '► '
}

.icon-film:before{
	content: '📹 '
}

/* videojs style */
.video-js.vjs-16-9, .video-js.vjs-4-3, .video-js.vjs-fluid {
    max-width: 1000px !important;
    margin: 15px auto 30px;
	background-color: transparent !important
}
.vjs-poster {
	background-color: white !important
}
.video-js .vjs-big-play-button {
	border: 0 !important;
	background-color:#f9f9f9;
	background-color: var(--day-white-9) !important;
	box-shadow: 4px 4px 2px var(--day-gray-6), -3px -3px 2px var(--day-gray-2)
}
.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button {
	border: 0 !important;
	background-color: var(--day-light-gray) !important;
}

/* audio block center*/
figure.wp-block-audio {
	margin:0 auto
}

/* comment text area font size */
div#nep_fake_textarea {
    font-size: 17px !important;
}

/* 着重号 */
.point {
	position: relative
}

.point:before {
    content: ".";
    position: absolute;
    top: 6.5px;
    left: 6.5px;
	font-weight: 700
}

.wp-shot {
	text-align: center;	
}
.wp-shot img {
/* 	border-radius: 5px; */
/* 	box-shadow: 0 2px 2px 0 --day-gray-06, 0 1px 5px 0 var(--day-gray-2); */
	border: 1px solid var(--day-gray-08);
}

/* Enlighter */
span.EnlighterJS {
	border: none !important;
	background-color: --day-gray-02 !important;
	padding: 6px 6px 2px 6px !important;
}

.qmark {
	cursor: help;
	color: inherit;
}

.lineup {
	line-height: 4rem;
}


rb, rt {
    unicode-bidi: isolate;
}
rt {
    display: ruby-text;
    white-space: nowrap;
	font-size: 70%;
	color: #af616c;
	ruby-align: space-around;
}

/* bmdb plugin for books and movies */
.bmdb-list{
    margin: 50px 0;
}
.bmdb-li {
/* 	margin-right: 0; */
	margin-bottom: 20px !important;
}
.grap a.bmdb-link {
	text-decoration: none;
}
.grap span.bmdb-star {
    display: inline-block !important;
}
.grap ul.bmdb-ul {
	margin-left: 0;
	margin-right: 0;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	flex-wrap: wrap;	
}
.grap li.bmdb-li {
	margin-left: 10px;
	margin-right: 10px;
	display: grid;
}
/* @supports (display: grid) {
     .grap li.bmdb-li {
         display: grid;
         justify-content: space-around;
         grid-template-columns: repeat(auto-fill, 140px);
         grid-gap: 20px;
     }
 } */
.bmdb-cover-image {
	min-height: 210px
}

/* date in content */
date {
/* 	word-spacing: -0.12rem; */
}

/* music in content */
.music:before {
	content: "♫ ";
}
/* text indent */
.grap p {
/* 	text-indent: calc(2rem + 6px); */
}
.grap blockquote p {
	text-indent: 0;
}
.mmp-popup-text p {
    text-indent: 0;
}

.header2020gray {
	background-color: var(--day-gray-06);
	padding-top: 50px;
	padding-bottom: 20px;
}

.header2020white {
	padding-bottom: 20px
}

.topNav-items {
	display: inline-block;
}

/* Title style */
.grap h1, .grap--h1, h1.block-title, .grap h2, .grap--h2, h2.block-title, .grap--h3, .grap h3, h3.block-title, .grap--h4,.grap h4, h4.block-title, .grap--h5, .grap h5, h5.block-title {
	margin: 1.2rem auto;
	text-align: center;
	font-weight: 700;
}
.grap h1, .grap--h1, h1.block-title {
	font-size: 3.5rem;
}

.grap h2, .grap--h2, h2.block-title {
	font-size: 3rem;
}

.grap h3, .grap--h3, h3.block-title {
	font-size: 2.5rem;
}

.grap h4, .grap--h4, h4.block-title {
	font-size: 2rem;
}

.grap h5, .grap--h5, h5.block-title {
	font-size: 1.5rem;
}

/* Navigation style */
.post-navigation .nav-next .post-title, .post-navigation .nav-previous .post-title, .yarpp-related strong, .tags-today strong {
	font-size: 1.5rem;
	font-weight: 700;
}

/* Comments font */
#comments, #comments p, .comment-content p, .surface-content, .yarpp-related, .tags-today, #foot, .comment-body, .grap p, .block-snippet.grap {
	font-size: 1.15rem
}

.menu-item {
	font-size: 1rem;
}

.block-postMetaWrap, .block-postMetaWrap span, .posts-nav .page-numbers, .search-field，#footer, .post--data, .wpl-text, .commentlist, .comments-title, .comment-form .submit, .comment-form .comment-form-comment textarea, .search-field, a.post--keyword, .comment-meta, .comment-meta .comment-metadata, .ref p {
	font-family: initial;
	font-size: 1rem;
}

#foot {
	font-weight: 400;
}


/* Hr style */
hr.wp-block-separator {
	margin: 4rem auto;
}
hr.styled-separator {
	margin: 0 auto;
}
.surface-content hr, hr.styled-separator {
	background: linear-gradient(to left,var(--day-gray-8) calc(50% - 16px),transparent 0,transparent calc(50% + 16px),var(--day-gray-8) 0);
	background-color: transparent !important;
	border: none;
	height: .1rem;
	overflow: visible;
	position: relative;
}
.surface-content hr:before, hr.styled-separator:before {
	left: calc(50% - .4rem);
}
.surface-content hr:after, hr.styled-separator:after {
	left: calc(50% + .4rem);
}
.surface-content hr:before, .surface-content hr:after, hr.styled-separator:before, hr.styled-separator:after {
	background: currentColor;
    content: "";
    display: block;
    height: 1.2rem;
    position: absolute;
    top: calc(50% - .6rem);
    transform: rotate(22.5deg);
    width: .1rem;
}

.site-footer {
	background: var(--day-gray-06) !important;
}

.site-search{
	border-top: 1px solid var(--day-gray-06);
	color: var(--day-gray-6);
	margin-top: 20px;
	padding-bottom: 20px;
	padding-top: 20px;
	text-align: center
}

img.avatar {
	width: 56px;
	height: auto;
}

.block-footer-inner {
	margin-bottom: 3rem;
}

.display-name {
	color: white;
}

/* Force width=100% */
figure.wp-block-image.size-large img, figure.wp-block-image.size-full img {
    width: 100%;
}

figure.wp-block-image.size-full.is-resized img {
    width: auto
}

figure.wp-block-image.size-full img.character {
    width: auto
}

/* WP embed block */
.wp-block-embed {
    margin: 1.5em auto 0;
}

/* page 404 */
.page404 p{
	font-family: Courier New;
	font-weight: 400;
	font-size: 40px;
}

/* typewriter */
.element {
	font-size: 40px;
	font-family: Courier New;
	display: inline-block;
}
.typed-cursor {
	font-size: 35px;
}

/* Bulb style */
.bulb-position {
	position: fixed;
    right: calc((100% - 1200px)/4);
    bottom: 0px;
    cursor: pointer;
    font-size: 24px;
}
.bulb-position a {
	color: var(--day-gray-6);
	font-weight: 700;
}
.bulb-position a:hover {
	text-decoration: none;
}

.head_category {
	font-size: 16px;
	color: --day-base-gray;
}

/* Bddb book and movie image style */
.HPRth img, .HPRth .LazyLoad, .lazyload-wrapper img {
	height:100% !important;
}


/** Media Screen scripts **/
@media screen and (max-width: 899px) {
	body {
		word-wrap: break-word !important
	}
	.surface-content {
		margin: 0;
	}
	.site-header {
		padding: 20px;
		display: block;
	}
	.site-header .header-inner {
		float: none;
		margin-left: 0;
	}
	.site-header .site-description {
		display: block;
		font-size: 15px;
	}
	.topNav {
		margin-right: 0;
		text-align: center;
	}
	.topNav-items {
		padding: 0
	}
	.main-content {
		padding-left: 15px;
		padding-right: 15px
	}
	.block--list {
		padding: 15px 0
	}
	.block-title {
		font-size: 24px;
		line-height: 1.4
	}
	.section-body {
		padding-top: 15px
	}
	.block-snippet.grap {
		margin-top: 15px !important;
	}
	.post-navigation .nav-next,.post-navigation .nav-previous {
		float: none;
		width: 100%;
		text-align: center
	}
	.nav-links div:first-child {
	}
	.nav-links div:only-child {
		border-bottom: 0
	}
	figure {
		max-width: calc(100% - .2rem) !important;
	}
	#footer {
		margin: 0px !important;
		grid-template-columns: none !important;	
		justify-content: flex-start !important;
		overflow: hidden
	}
	#footer .left-foot, #footer .right-foot{
    	overflow:hidden;
    	width:100% !important;
		margin: .5rem !important;		
		display: block;
		text-overflow: ellipsis;
		white-space: nowrap;	
	}
/* 	#footer .left-foot:after {
		content: "\D"
	} */
	.back-to-top, .back-to-bottom, .back-to-comment, .back-to-heart, .back-contrast {
		right: 2px !important;
	}
	.exif-caption:before {
		font-size: 0.6rem !important;
		line-height: 1.1rem !important;
		height: auto;
		min-height: 20px;
	}
	.post-navigation .nav-next .post-title, .post-navigation .nav-previous .post-title, .yarpp-related strong, .tags-today strong {
		font-size: 1.1rem;
		font-weight: 700;
	}
	.menu-item, #comments, #comments p, .comment-content, .surface-content, .yarpp-related, .tags-today {
		font-size: 1rem !important;
	}
	.block-postMetaWrap, .block-postMetaWrap span, .posts-nav .page-numbers, .search-field，#footer, #foot, .post--data, .wpl-text, .commentlist, .comments-title, .comment-form .submit, .comment-form .comment-form-comment textarea, .search-field, a.post--keyword, .comment-meta, .comment-meta .comment-metadata {
		font-family: initial;
		font-size: 1rem !important;
	}
	time {
		margin: auto 0;
	}
	.grap h2, .grap--h2, h2.block-title {
		font-size: 1.6rem !important;
		font-weight: 700;
	}
	.grap h3, .grap--h3, h3.block-title {
		font-size: 1.4rem !important;
		font-weight: 700;
	}
	.grap h4, .grap--h4, h4.block-title {
		font-size: 1.2rem !important;
		font-weight: 700;
	}
	#foot {
		font-weight: 400;
	}
	.yarpp-related ol, .tags-today ol {
    	text-indent: 0;
	}
	.post--data, .post--keywords-archive {
		display: none;
	}
	.grap li.bmdb-li {
		margin-left: 10px;
		margin-right: 10px;
	}	
}

@media screen and ( min-width: 900px) and (max-width: 950px) {
	time {
		margin: auto 0;
	}
	.site-header {
		max-width: 800px;
	}
}

@media screen and ( min-width: 951px) and (max-width: 1050px) {
	time {
		margin: auto 0;
	}
	.site-header {
		max-width: 900px;
	}
}

@media screen and ( width: 1024px) {
	.back-to-top, .back-to-bottom, .back-to-comment, .back-to-heart, .back-contrast {
		right: calc((100% - 1000px)/4);
	}	
}

@media screen and ( width: 1133px) {
	.back-to-top, .back-to-bottom, .back-to-comment, .back-to-heart, .back-contrast {
		right: calc((100% - 1100px)/4);
	}	
}

@media screen and ( min-width: 1051px) and (max-width: 1680px) {
}

@media screen and ( min-width: 1681px) and (max-width: 1799px) {
	.surface-content {
		max-width: 1110px;
	}
	.grap, #comments, #comments p, .comment-content p {
		font-size: 1.1rem
	}
	.grap {
		margin: 0 20px;
	}
	.responsesWrapper {
		margin-left: 20px;
		margin-right: 20px;
	}
	.topNav-items {
		font-size: 1.3rem
	}
}

@media screen and ( min-width: 1800px ) {
	.surface-content {
		max-width: 1210px;
	}
	.site-header {
		max-width: 1110px;
	}
	.wp-caption img, .wp-block-image img{
		max-width: 1200px;
	}
}
/** End of Media Screen scripts **/

/* Comment page */
.comment-page-style {
	border-left: 3px solid var(--day-gray-8);
	margin: 30px 0;
	padding-left: 20px	
}

/*************
* Night mode *
*************/
/* Header background set to black */
body.night .site-back, body.night .site-header, body.night .header2020gray, body.night .site-footer {
	background-color: var(--night-black) !important;
}
/* Body background set to dark gray and white font */
body.night, body.night div.surface-content, body.night .reply .comment-reply-link, body.night .leaflet-zoom-box {
    background-color: var(--night-gray) !important;
    color: var(--day-white-9) !important;
}
/* Text field background set to night dark black */
body.night .search-field, body.night textarea#comment, body.night .comment-form .comment-form-author input, body.night .comment-form .comment-form-email input, body.night .comment-form .comment-form-url input, body.night h3.archive-year {
	background-color: var(--night-dark-black)
}
/* Image set to darker */
body.night div.surface-content img {
    filter: brightness(100%);
}
/* Character image invert color */
body.night div.surface-content img.character {
	filter: invert(100%);
}
/* Navi page number color set to light */
body.night .posts-nav a.page-numbers, body.night .posts-nav .page-numbers.dots {
	background-color: var(--day-gray-06);
	color: var(--day-white-9) !important;
}
body.night .posts-nav .page-numbers.current, body.night span.page-numbers.current, body.night span.page-numbers:hover, body.night .fenye a:hover span{
	background-color: var(--day-gray-2) !important;
	color: var(--day-white-9) !important;
}
/* Reference and cite color */
body.night .ref, body.night cite {
	background-color: var(--day-gray-06);
}
body.night pre.wp-block-verse {
	background-color: var(--day-gray-06);
	border: 0;
	border-left: 3px solid var(--day-white-9);
}
body.night blockquote{
	border-left: 3px solid var(--day-white-9);
}

/* All fonts set to white */
body.night a, body.night a:hover, body.night blockquote, body.night caption, body.night cite, body.night code, body.night dd, body.night  div, body.night figure, body.night font, body.night form, body.night h1, body.night h2, body.night h3, body.night h4, body.night h5, body.night h6, body.night s, body.night html, body.night hr, body.night iframe, body.night label, body.night pre, body.night strong, body.night sub, body.night sup, body.night table, body.night tbody, body.night tr, body.night td, body.night var, body.night .comment-form .submit, body.night textarea#comment, body.night .comment-meta, body.night .comment-form .comment-form-author input, body.night .comment-form .comment-form-email input, body.night .comment-form .comment-form-url input, body.night figcaption, body.night .posts-nav, body.night #footer .left-foot a, body.night #footer .right-foot a, body.night p, body.night span, body.night ul, body.night li, body.night h3.archive-year, body.night .search-field, body.night .search-field:focus {
	color: var(--day-white-9);
}
body.night .blocks-gallery-grid {
	border: 1px solid var(--day-white-0);
}
/* videojs player icon color */
body.night span.vjs-icon-placeholder {
	color: initial;
}
/* Netease player color set to dark */
body.night iframe {
	filter: invert(100%) contrast(0.6) drop-shadow(1px 4px 6px gray)
}
/* Baidu map invert color */
body.night iframe.baidu{
	filter: invert(0%) contrast(1) drop-shadow(1px 4px 6px gray)
}
/* Post meta wrap and useragent font set to fade white */
body.night .block-postMetaWrap, body.night .block-postMetaWrap span, body.night .wp-useragent, body.night .status-footer span {
	color: var(--day-white-6);
}
/* Block table style */
body.night .wp-block-table.is-style-stripes {
	border-top-color: var(--day-gray-2);
	border-bottom-color: var(--day-gray-2);
}
body.night .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
	background-color: var(--day-gray-2);
}
/* Fancy archieve set to light white */
body.night .fancy-archive:before {
	background-color: var(--day-white-9);
}
/* Mapsmarker text color set to dark black */
body.night .mmp-map, body.night .mmp-map a, body.night .mmp-map p, body.night .mmp-map div, body.night .mmp-map span, body.night .mmp-map ul, body.night .mmp-map li, body.night .mmp-map svg {
	color: var(--night-dark-black);
}
/* Exif black font white background */
body.night .exif-caption:before {
    background-color: var(--day-white-9);
    color: var(--night-dark-black);
}
body.night .wp-caption:hover .exif-caption[exif-data]:before {
    opacity: .6;
}
/* Background set to gray */
body.night .vip1, body.night .vip2, body.night a.comment-at, body.night .wpl-button.is-active, body.night .wpl-button:hover {
	background-color: var(--day-base-gray);
}
/* External background color white */
body.night a.external {
    color: black;
    filter: invert(1);
}
/* Date color */
body.night .date {
/* 	background-image: linear-gradient(90deg, var(--day-gray-2) 100%,var(--day-gray-8) 0); */
}
/* Comment button frame set to white */
body.night .comment-form .submit, body.night .reply .comment-reply-link {
	border: 1px solid var(--day-white-9);
}
/* Blockquote left border color */
body.night blockquote {
/* 	border-left-color: var(--day-white-9); */
}
/* Pre border color */
body.night pre {
	border-color: var(--day-white-6);
}
/* Hr color */
body.night .surface-content hr, body.night hr.styled-separator {
	background: linear-gradient(to left,var(--day-white-6) calc(50% - 16px),transparent 0,transparent calc(50% + 16px),var(--day-white-6) 0);
	background-color: var(--day-white-6);
	background-color: transparent;
	border: none;
	height: .1rem;
	overflow: visible;
	position: relative;
}
/* Ruby color invert to green */
body.night rt {
	color: #2db574;
}
/* Del color invert to green */
body.night s, body.night del {
	text-decoration-color: #2db574;
	color: var(--day-white-9);
}
/* Find all mac, wordpress, wp7 images and invert color */
body.night div.surface-content img[src *="mac-3"], body.night div.surface-content img[src *="wordpress"], body.night div.surface-content img[src *="wp7"] {
	filter: invert(1);
}
/* Strong */
body.night .grap .highlight {
	background-image: linear-gradient(90deg, rgba(247, 239, 7, 0.9) 100%, rgba(0, 0, 0, 0.84) 0);
}
/* Bddb styles of night */
body.night .fancybox__container {
  --fancybox-accent-color: var(--day-base-gray);
  --fancybox-left-control-bg: var(--night-gray) !important;
  --fancybox-right-control-bg: var(--night-gray) !important;
  --fancybox-hover-color: var(--night-gray);
	color:white;
}
body.night .fancybox__nav {
  --carousel-button-bg: var(--night-gray);
	color:white;
}
body.night .bddb-gallery-scores{
	background-color: var(--night-gray);
	color:white;
}
body.night .bddb-disp-sp-dou-score{
	background-color: var(--night-gray);
	color:white;
}
body.night .bddb-disp-sp-imdb-score{
	background-color: var(--night-gray);
	color:white;
}
body.night .fancybox__toolbar {
	background: var(--night-gray);
	color:white;
}
body.night .bddb_disp_panel p, body.night p.bddb-disp-item, body.night span.bddb-disp-label, body.night .bddb-disp-review, body.night .bddb-disp-name, body.night .carousel__button svg, body.night .fancybox__counter span, body.night .fancybox__counter, body.night .bddb-disp-sp-imdb-score::before {
	color:white;
}
body.night button.carousel__button:focus{
  border: 1px solid white;
}
body.night .comment-page-style {
	border-left: 3px solid var(--day-white-9);
}
body.night .video-js.vjs-16-9, body.night .video-js.vjs-4-3, body.night .video-js.vjs-fluid, body.night .vjs-poster {
	background-color: transparent !important
}