@font-face {font-family: '刅糸山人'; src: url('刅糸山人.otf') format('opentype');}
@counter-style 榦 {system: cyclic; symbols: 甲 乙 丙 丁 戊 己 庚 辛 壬 癸; suffix: '、'}
@counter-style 枝 {system: cyclic; symbols: 子 丑 寅 卯 辰 巳 午 未 申 酉 戌 亥; suffix: '。'}
@counter-style 碼 {system: numeric; symbols: 〇 一 二 三 亖 五 〦 〧 〨 九;}
 .tbrl {
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-o-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	writing-mode: tb-rl;
}
html, body {
	text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	margin: 0;	
} 
body {
	overflow-y: hidden;
	overflow-x: auto;
	font-family: 'Microsoft JhengHei', 'Microsoft Yahei', 'Yu Gothic', 游明朝, YuMincho, 'ＭＳ 明朝', 'ＭＳ Ｐ明朝', 'Noto Sans CJK KR', Tahoma, Arial, Helvetica, STHeiti;
}
:root {
	writing-mode: vertical-rl;
	writing-mode: tb-rl;
	--褾面: rgba(156, 216, 255,1);
	--褾緣: rgba(156, 216, 255, .125);
	--藏靑: rgba(48, 84, 124, 1);
	--滄浪: #B1D5C8;
	--碧山: #779649;
	--靑鸞: #9AA7B1;
	--靑雘: #007175;
	--萅碧: #9D9D82;
	--翠微: #4C8045;
	--酡顏: #F29A76;
	--渥赭: #DD6B7B;
	--芸黃: #D2A36C;
	--赩熾: #CB523E;
	--赬霞: #F18F60;
	--吉金: #896D47;
	--白靑: #98B6C2;
	--雲門: #A2D2E2;
	--藕絲: #D3CBC5;
	--葭菼: #CAD7C5;
	--既白: #8BA3C7;
	--蜜合: #DFD7C2;
	--蔥犗: #88BFB8;
	--品月: #8AABCC;
	--紫苑: #757CBB;
	--驖驪: #46433B;
	--霽藍: #3C4654;
	--油紫: #420B2F;
}

.褾 {
	height: 100%;
	position: fixed;
	z-index: 144;
	background-image: linear-gradient(to right, var(--褾緣), var(--褾面) 36%);
}.㞑褾 {background-image: linear-gradient(to right, var(--藏靑), var(--褾緣) 100%);}
.珎 {
	position: fixed;
	right: 0;
	bottom: 0;
	color: var(--藏靑);
	text-shadow: 0 0 .0625em var(--褾面);
	font-size: 4rem;
	font-family: 刅糸山人;
	font-weight: 200;
}

.H {
	display: inline-flex !important;
	flex-direction: row;
	align-items: center;
}
.z {
	display: flex !important;
	flex-direction: column;
	align-items: center;
}

.縱中橫 span {
	-ms-text-combine-horizontal: all;
	text-combine-upright: all;
	-webkit-text-combine: horizontal;
	text-combine-upright: digits 4 !important;	
}.縱中橫 input[type='number'] {
	font-size: 1em;
	height: 2em;}

.圈 {
    border: .0625rem solid;
    font-size: .875em;
    border-radius: 100%;
    position: relative;
    z-index: 2;
    display: inline-block;
    width: 1.15em;
    height: 1.15em;
    line-height: 1em;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; 
}

.lrtb {
	-ms-writing-mode: lr-tb;
	-webkit-writing-mode: horizontal-tb;
	-moz-writing-mode: horizontal-tb;
	-o-writing-mode: horizontal-tb;
	writing-mode: lr-tb;
	writing-mode: horizontal-tb
}