.鍵{
   right: 4.8em;
   position: sticky;
   z-index: 144;
   box-shadow: .6em .6em 1em var(--藏靑);
}

textarea{/*border: .0625em solid royalblue;*/
	resize: none;
	line-height: 1em;
	border-radius: .25em;	
}

.gram{height: 1em;}

label{
	border-radius: .1875em;
	display: inline-block;
	text-align: center;
	padding:  0;
	margin: 0;
	transition: all 0.2s;
	user-select: none;
	-webkit-user-select: none;
	cursor: pointer;
	position: relative;
}

.本鈕{
	color: #333;
	background-color: #fff;
	border-color: #ccc
}

.本鈕.focus,
.本鈕:focus{
	color: #333;
	background-color: #e6e6e6;
	border-color: #8c8c8c
}

.本鈕:hover,
.本鈕.active,
.本鈕:active,
.open>.dropdown-toggle.本鈕{
	color: #333;
	background-color: #e6e6e6;
	border-color: var(--藏靑)
}

.本鈕.active.focus,
.本鈕.active:focus,
.本鈕.active:hover,
.本鈕:active.focus,
.本鈕:active:focus,
.本鈕:active:hover,
.open>.dropdown-toggle.本鈕.focus,
.open>.dropdown-toggle.本鈕:focus,
.open>.dropdown-toggle.本鈕:hover{
	color: #333;
	background-color: #d4d4d4;
	border-color: #8c8c8c
}

.本鈕.active,
.本鈕:active,
.open>.dropdown-toggle.本鈕{
	background-image: none
}

.本鈕.disabled.focus,
.本鈕.disabled:focus,
.本鈕.disabled:hover,
.本鈕[disabled].focus,
.本鈕[disabled]:focus,
.本鈕[disabled]:hover,
fieldset[disabled] .本鈕.focus,
fieldset[disabled] .本鈕:focus,
fieldset[disabled] .本鈕:hover{
	background-color: #fff;
	border-color: #ccc
}

.本鈕 .badge{
	color: #fff;
	background-color: #333
}

.初鈕{
	color: #fff;
	background-color: #337ab7;
	border-color: #2e6da4
}

.初鈕.focus,
.初鈕:focus{
	color: #fff;
	background-color: #286090;
	border-color: #122b40
}

.初鈕:hover,
.初鈕.active,
.初鈕:active,
.open>.dropdown-toggle.初鈕{
	color: #fff;
	background-color: #286090;
	border-color: #204d74
}

.初鈕.active.focus,
.初鈕.active:focus,
.初鈕.active:hover,
.初鈕:active.focus,
.初鈕:active:focus,
.初鈕:active:hover,
.open>.dropdown-toggle.初鈕.focus,
.open>.dropdown-toggle.初鈕:focus,
.open>.dropdown-toggle.初鈕:hover{
	color: #fff;
	background-color: #204d74;
	border-color: #122b40
}

.初鈕.active,
.初鈕:active,
.open>.dropdown-toggle.初鈕{
	background-image: none
}

.初鈕.disabled.focus,
.初鈕.disabled:focus,
.初鈕.disabled:hover,
.初鈕[disabled].focus,
.初鈕[disabled]:focus,
.初鈕[disabled]:hover,
fieldset[disabled] .初鈕.focus,
fieldset[disabled] .初鈕:focus,
fieldset[disabled] .初鈕:hover{
	background-color: #337ab7;
	border-color: #2e6da4
}

.初鈕 .badge{
	color: #337ab7;
	background-color: #fff
}

.成鈕{
	color: #fff;
	background-color: #4DC86F;
	border-color: #4cae4c
}

.成鈕.focus,
.成鈕:focus{
	color: #fff;
	background-color: #449d44;
	border-color: #255625
}

.成鈕:hover,
.成鈕.active,
.成鈕:active,
.open>.dropdown-toggle.成鈕{
	color: #fff;
	background-color: #449d44;
	border-color: #398439
}

.成鈕.active.focus,
.成鈕.active:focus,
.成鈕.active:hover,
.成鈕:active.focus,
.成鈕:active:focus,
.成鈕:active:hover,
.open>.dropdown-toggle.成鈕.focus,
.open>.dropdown-toggle.成鈕:focus,
.open>.dropdown-toggle.成鈕:hover{
	color: #fff;
	background-color: #398439;
	border-color: #255625
}

.成鈕.active,
.成鈕:active,
.open>.dropdown-toggle.成鈕{
	background-image: none
}

.成鈕.disabled.focus,
.成鈕.disabled:focus,
.成鈕.disabled:hover,
.成鈕[disabled].focus,
.成鈕[disabled]:focus,
.成鈕[disabled]:hover,
fieldset[disabled] .成鈕.focus,
fieldset[disabled] .成鈕:focus,
fieldset[disabled] .成鈕:hover{
	background-color: #4DC86F;
	border-color: #4cae4c
}

.成鈕 .badge{
	color: #4DC86F;
	background-color: #fff
}

.訊鈕{
	color: #fff;
	background-color: #0F9ACF;
	border-color: #46b8da
}

.訊鈕.focus,
.訊鈕:focus{
	color: #fff;
	background-color: #31b0d5;
	border-color: #1b6d85
}

.訊鈕:hover,
.訊鈕.active,
.訊鈕:active,
.open>.dropdown-toggle.訊鈕{
	color: #fff;
	background-color: #31b0d5;
	border-color: #269abc
}

.訊鈕.active.focus,
.訊鈕.active:focus,
.訊鈕.active:hover,
.訊鈕:active.focus,
.訊鈕:active:focus,
.訊鈕:active:hover,
.open>.dropdown-toggle.訊鈕.focus,
.open>.dropdown-toggle.訊鈕:focus,
.open>.dropdown-toggle.訊鈕:hover{
	color: #fff;
	background-color: #269abc;
	border-color: #1b6d85
}

.訊鈕.active,
.訊鈕:active,
.open>.dropdown-toggle.訊鈕{
	background-image: none
}

.訊鈕.disabled.focus,
.訊鈕.disabled:focus,
.訊鈕.disabled:hover,
.訊鈕[disabled].focus,
.訊鈕[disabled]:focus,
.訊鈕[disabled]:hover,
fieldset[disabled] .訊鈕.focus,
fieldset[disabled] .訊鈕:focus,
fieldset[disabled] .訊鈕:hover{
	background-color: #0F9ACF;
	border-color: #46b8da
}

.訊鈕 .badge{
	color: #0F9ACF;
	background-color: #fff
}

textarea:focus, input:focus{
	transition: all .48s;
	outline-color: var(--藏靑);
	box-shadow: var(--褾緣) 0 .0625em .0625em inset,  var(--藏靑) 0 0 1em;
}
input[type='checkbox']{
	&:not(:checked)+label input{color: inherit;}
	&:checked+label input{color: inherit; background-color: inherit;}
}

.檢>* .檢 label{
	height: min-content;
	transition: all .48s;
	user-select: none;
	-webkit-user-select: none;
	cursor: pointer;
}.檢 input[type='checkbox']{
	padding: 0;
	margin: 0;
	display: none;
	&:not(:checked)+label{color: #888; background-color: hsl(0, 96%, 96%);}
	&:checked+label{color: #fff; background-color: hsl(216, 96%, 36%);}
	&+label{&:hover{color: #000; background-color: hsl(108, 96%, 60%);} &:active{color: #fff248;}}	
}
.字影{text-shadow: 0 0 .12em var(--藏靑);}