:root {
	--kuro: #1d190f;
	--gure: #898989;
	--siro: #e0e0e0;
	--yuki: #f6f6f6;

	--mejo: #0268b7;
	--asai: #e0f7ff;
	--aram: #ff6148;

	--mask: #898989cc;
	--bxsd: 0 3px 6px #00000029;
	--font: Microsoft JhengHei, 微軟正黑體, Segoe UI, arial, sans-serif;

	color: var(--kuro);
	font-size: 14px;
	font-family: var(--font);

	--logo: url('/img/dor_logo.svg');
	--ziqu:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" viewBox="0 0 19 19"><style>path{fill:none;stroke:%23888;stroke-linecap:round}</style><path d="m9.5 18.5a9 9 0 11.01 0zm0-18a4 9 0 10.01 0zm7.5 4h-15m0 10h15m1-5h-17"/></svg>')no-repeat center;
	--tick:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" viewBox="0 0 12 12"><style>path{fill:none;stroke:%23fff;stroke-linecap:round;stroke-width:1.5px}</style><path d="m2.2 6.3l3 3.3l4.7-7.7"/></svg>')no-repeat center;
	--warn:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" viewBox="0 0 12 12"><style>path{stroke:%23fff;stroke-linecap:round;stroke-width:2px}path+path{stroke-width:3px}</style><path d="m6 1.5v5"/><path d="m6 10.5v-.01"/></svg>')no-repeat center;
	--zoom:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" viewBox="0 0 20 20"><style>path{fill:none;stroke:%23888;stroke-linecap:round}</style><path d="m14 14a7 7 0 11.01-.01zl4 4"/></svg>')no-repeat center;
	--oder:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" viewBox="0 0 24 24"><style>path{stroke:%23888;stroke-linecap:round}</style><path d="m7.5 8.5h9m-7.5 3h6m-4.5 3h3"/></svg>')no-repeat center;
	--gear:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" viewBox="0 0 24 24"><style>path{fill:none;stroke:%230268b7;stroke-width:1.5px}</style><path d="m12 8.4a3.6 3.6 0 10.01 0zm7.17 1.41l-.55-1.33l1.67-2.07s-.7-2-2.7-2.7l-2.07 1.67l-1.33-.55l-.28-2.65s-1.91-.92-3.82 0l-.28 2.65l-1.33.55l-2.07-1.67s-2 .7-2.7 2.7l1.67 2.07l-.55 1.33l-2.65.28s-.92 1.91 0 3.82l2.65.28l.55 1.33l-1.67 2.07s.7 2 2.7 2.7l2.07-1.67l1.33.55l.28 2.65s1.91.92 3.82 0l.28-2.65l1.33-.55l2.07 1.67s2-.7 2.7-2.7l-1.67-2.07l.55-1.33l2.65-.28s.92-1.91 0-3.82z"/></svg>')no-repeat center;
	--pepr:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" viewBox="0 0 24 24"><style>path{fill:none;stroke:%23888}</style><path d="m13.5 2.5h-10v19h16v-13zv6h6"/></svg>')no-repeat center;
	--fold:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" viewBox="0 0 24 24"><style>path{fill:none;stroke:%23888}</style><path d="m12 6.5h8.5q1 0 1 1v11h-18v-12q0-1 1-1h7l1 3h9"/></svg>')no-repeat center;
}

[showmethemoney] {
	transition: all 3s linear;
	background: #f00;
	transition-delay: 2s
}

dev t {
	word-break: break-all
}

navzp {
	flex-flow: column
}

navzp>navpk::before {
	background: #f53030
}

navzp>navpk[wok],
navzp>navpk:hover {
	background: #fff0f0
}

navzp>navpk:hover svg,
navzp>navpk[wok] svg {
	stroke: #f53030
}

tmd tbpp {
	left: 10px;
	top: 84px
}

tmd tbro>fx1~fx1 {
	padding: 0 20px;
	text-align: right
}

tmd tbhd>fx1~fx1 {
	padding: 0 20px;
	justify-content: flex-start
}

tbss {
	margin-left: 12px
}

@keyframes wait_o {
	0% {
		transform: rotate(30deg)
	}

	100% {
		transform: rotate(390deg)
	}
}

@keyframes wait_i {
	0% {
		clip-path: polygon(50% 50%, 0 50%, 0 0, 0 0, 0 0, 0 0, 0 0)
	}

	14% {
		clip-path: polygon(50% 50%, 0 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)
	}

	28% {
		clip-path: polygon(50% 50%, 0 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)
	}

	42% {
		clip-path: polygon(50% 50%, 0 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)
	}

	54% {
		clip-path: polygon(50% 50%, 0 0, 0 0, 100% 0, 100% 100%, 0 100%, 0 50%)
	}

	65% {
		clip-path: polygon(50% 50%, 100% 0, 100% 0, 100% 0, 100% 100%, 0 100%, 0 50%)
	}

	76% {
		clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 50%)
	}

	87% {
		clip-path: polygon(50% 50%, 0 100%, 0 100%, 0 100%, 0 100%, 0 100%, 0 50%)
	}

	100% {
		clip-path: polygon(50% 50%, 0 50%, 0 0, 0 0, 0 0, 0 0, 0 0)
	}
}

wait {
	margin-right: 4px;
	width: 16px;
	height: 16px;
	border: 3px solid #fff;
	border-radius: 50%;
	animation: wait_i 3s linear infinite, wait_o 1.8s linear infinite
}

[batr0] {
	background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><style>path{fill:%233f3f3f}rect{fill:%23f6f6f7}rect+rect,circle{fill:%23ff4e4e}</style><path d="m6 26a1 1 0 01-1-1v-14a1 1 0 011-1h22a1 1 0 011 1v3h1.5a1 1 0 011 1v6a1 1 0 01-1 1h-1.5v3a1 1 0 01-1 1z"/><rect width="21" height="12" x="6.5" y="12" rx=".5"/><rect width="2" height="6" x="16" y="13" rx="1"/><circle cx="17" cy="21.5" r="1.25"/></svg>')
}

[batr1] {
	background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><style>path{fill:%233f3f3f}rect{fill:%2385d37f}</style><path d="m6 26a1 1 0 01-1-1v-14a1 1 0 011-1h22a1 1 0 011 1v3h1.5a1 1 0 011 1v6a1 1 0 01-1 1h-1.5v3a1 1 0 01-1 1z"/><rect width="6" height="12" x="6.5" y="12" rx=".5"/></svg>')
}

[batr2] {
	background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><style>path{fill:%233f3f3f}rect{fill:%2385d37f}</style><path d="m6 26a1 1 0 01-1-1v-14a1 1 0 011-1h22a1 1 0 011 1v3h1.5a1 1 0 011 1v6a1 1 0 01-1 1h-1.5v3a1 1 0 01-1 1z"/><rect width="6" height="12" x="6.5" y="12" rx=".5"/><rect width="6" height="12" x="14" y="12" rx=".5"/></svg>')
}

[batr3] {
	background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><style>path{fill:%233f3f3f}rect{fill:%2385d37f}</style><path d="m6 26a1 1 0 01-1-1v-14a1 1 0 011-1h22a1 1 0 011 1v3h1.5a1 1 0 011 1v6a1 1 0 01-1 1h-1.5v3a1 1 0 01-1 1z"/><rect width="6" height="12" x="6.5" y="12" rx=".5"/><rect width="6" height="12" x="14" y="12" rx=".5"/><rect width="6" height="12" x="21.5" y="12" rx=".5"/></svg>')
}

[batr4] {
	background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="36" viewBox="0 0 36 36"><style>path{fill:%233f3f3f}rect{fill:%2385d37f}rect~path{fill:none;stroke-linecap:round;stroke:%233f3f3f;stroke-width:5px}path+path{stroke:%23fff;stroke-width:2px}</style><path d="m6 26a1 1 0 01-1-1v-14a1 1 0 011-1h22a1 1 0 011 1v3h1.5a1 1 0 011 1v6a1 1 0 01-1 1h-1.5v3a1 1 0 01-1 1z"/><rect width="21" height="12" x="6.5" y="12" rx=".5"/><path d="m13.4 17.9 l2.5 3.7 6.5-8"/><path d="m13.4 17.9 l2.5 3.7 6.5-8"/></svg>')
}

* {
	position: relative;
	box-sizing: border-box;
	/*transition:all .25s ease-out;*/
	display: flex;
	margin: 0;
	padding: 0
}

::-webkit-scrollbar {
	width: 0;	/* 4px */
	height: 4px;
	background-color: var(--siro)
}

::-webkit-scrollbar-thumb {
	border-radius: 2px;
	background-color: var(--gure)
}

::-webkit-scrollbar-thumb:hover {
	background-color: #aaa
}

::placeholder {
	color: #ccc
}

[off] {
	opacity: 0;
	pointer-events: none
}

[bf]::before {
	content: attr(bf)
}

[af]::after {
	content: attr(af)
}

[ck] {
	cursor: pointer;
	user-select: none
}

[elli] {
	display: inline-block;
	/*vertical-align:middle;*/
	overflow: hidden;
	text-overflow: ellipsis
}

[consolas] {
	font-family: consolas
}

svg {
	pointer-events: none;
	fill: none;
	stroke-linecap: round
}

[svg=xroz] {
	stroke: var(--gure);
	stroke-width: 2px;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px
}

[txt] {
	pointer-events: none;
	border: none;
	height: 20px;
	width: auto;
	padding: 0;
	background: transparent
}

[txt]::before {
	padding: 0
}

[txt]>svg {
	display: none
}

hidn {
	display: none
}

ab {
	position: absolute
}

c {
	justify-content: center;
	align-items: center
}

mg {
	margin: 0 4px
}

hr {
	align-self: stretch;
	border: none;
	border-top: 1px solid var(--siro)
}

[vt] {
	flex: 1;
	flex-flow: column;
	align-items: flex-start
}

[ai] {
	align-items: center
}


[w50] {
	width: 50px;
	padding: 0 6px
}

/*哭阿*/
[w80] {
	width: 80px
}

[w132] {
	width: 132px
}

[w232] {
	width: 232px
}

[w304] {
	width: 304px
}

fx0 {
	flex: 0
}

fx1 {
	flex: 1
}

fx2 {
	flex: 2
}

fx3 {
	flex: 3
}

fx4 {
	flex: 4
}

fx5 {
	flex: 5
}

fx6 {
	flex: 6
}

fx8 {
	flex: 8
}

fx9 {
	flex: 9
}

fz12 {
	font-size: 12px
}

[mgen]:lang(en),
[mgen]:lang(de) {
	margin-right: 4px
}

yrzh:lang(en),
yrzh:lang(de),
yren:lang(zh),
yren:lang(jp) {
	display: none
}

yrzh {
	padding-right: 8px
}

yren {
	padding-left: 8px
}

hizk {
	transition: none;
	align-items: center;
}

hizk:lang(en),
hizk:lang(de) {
	padding-left: 8px
}

warn {
	transform: scale(0);
	color: var(--aram);
	align-items: center
}

warn::before {
	content: '';
	width: 20px;
	height: 20px;
	border-radius: 50%;
	margin-right: 3px;
	background: var(--aram)var(--warn)
}

fakdup>warn {
	position: absolute;
	right: 9px;
	bottom: -10px;
	background: #fff;
	padding: 0 2px
}

fakdup[dup]>input,
fakdup[faklokodup]>input {
	border-color: var(--aram)
}

fakdup[dup]>warn,
fakdup[faklokodup]>warn {
	transform: none
}

tbro fakdup {
	flex: 1
}

tbro ddzo {
	width: 100%;
	background-color: #fff
}

input {
	border: 1px solid var(--siro);
	color: var(--kuro);
	border-radius: 4px;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	padding: 0 12px;
	font-family: var(--font)
}

:disabled {
	border-width: 0px;
	background-color: transparent;
	padding: 0
}

:invalid,
[invalid] {
	border-color: var(--aram)
}

input:focus,
[kago]> :focus~c {
	outline: none;
	box-shadow: 0 0 0 1px var(--mejo)
}

[kago] {
	background: no-repeat center/contain;
	margin: 8px 0 0;
	pointer-events: none
}

[kago]>* {
	position: absolute
}

[kago]>[type=file] {
	opacity: 0;
	pointer-events: none
}

[kago]>img {
	display: none
}

[kago]>canvas {
	display: none
}

[kago]>div {
	border-radius: 4px;
	width: 100%;
	height: 100%;
	background: #fff no-repeat center/contain
}

[kago]>c {
	width: 100%;
	height: 100%;
	border-radius: 4px;
	border: 1px solid var(--siro);
	pointer-events: none;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><style>circle{fill:%230268b7}path{fill:none;stroke:%23fff;stroke-linecap:round;stroke-width:2px}</style><circle cx="25" cy="25" r="25"/><path d="m20 25h10m-5-5v10"/></svg>')no-repeat center/0
}

[kago]:hover>c {
	background-size: 50px;
	box-shadow: 0 0 0 1px var(--mejo)
}

input[type=file][required]+div[off]~c {
	border-color: var(--aram);
	background-size: 50px
}

/* Image Selector on adding New AD */
[kago="grip"] {
	width: 304px;
	height: 190px;
}

[kago="4in_e6"] {
	width: 304px;
	height: 456px;
}

[kago="7in"],
[kago="7in_e6"] {
	width: 304px;
	height: 182px;
}

[kago="13in"] {
	width: 304px;
	height: 228px;
}

[kago="25in"] {
	width: 116px;
	height: 206px;
}

[kago="28in"] {
	width: 304px;
	height: 86px;
}

[kago="13in_e6"] {
	width: 304px;
	height: 405px;
}

[kago="31in_e6"] {
	width: 304px;
	height: 171px;
}

[kago="SP3Q04"] {
	width: 304px;
	height: 171px;
}

[modi] mdof,
[modi] [mdof],
mdon,
[mdon] {
	display: none;
}

[modi] mdon,
[modi] [mdon] {
	display: flex;
}

bt {
	background: var(--mejo);
	user-select: none;
	transition: none;
	cursor: pointer;
	font-size: 14px;
	height: 32px;
	padding: 0 12px;
	border-radius: 6px;
	color: #fff;
	justify-content: center;
	align-items: center;
	white-space: nowrap;
}

bt[krie]::before {
	content: '';
	width: 20px;
	height: 20px;
	background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><style>path{fill:none;stroke:%23fff;stroke-width:2px;stroke-linecap:round}</style><path d="m5 10h10m-5-5v10"/></svg>');
}

bt[dsb] {
	background: var(--siro);
	pointer-events: none;
}

bt[i] {
	background: #fff;
	border: 1px solid var(--kuro);
	color: var(--kuro);
}

bt[i][dsb] {
	border: 1px solid var(--gure);
	color: var(--gure);
}

bt[svg] {
	padding: 0;
	width: 28px;
	height: 28px
}

bt path {
	stroke: #fff;
	stroke-width: 1.5px
}

bt[svg=kioo] {
	width: 36px;
	height: 36px;
	background: var(--aram)
}

bt:hover {
	box-shadow: 0 0 0 20px inset #bbbbbb4d
}

bt:active {
	box-shadow: 0 0 0 20px inset #0000004d
}

bt[wait] {
	background: #bebebe;
	pointer-events: none
}

logo {
	background: url('/img/dor_logo.svg')no-repeat
}

baku {
	flex: 0 0 32px;
	height: 32px;
	margin-left: 10px;
	background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><style>path{fill:none;stroke:%23898989;stroke-width:2px;stroke-linecap:round}</style><path d="m10 6l-6 6l6 6m-6-6h16"/></svg>')no-repeat center
}

gear {
	position: absolute;
	right: 0;
	top: -30px;
	align-items: center
}

gear::before {
	content: '';
	width: 24px;
	height: 24px;
	background: var(--gear);
	margin: 0 3px
}

tato {
	font-size: 16px;
	font-weight: bold;
	margin: 0 13px 0 6px;
	white-space: nowrap
}

xlsx {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	box-shadow: var(--bxsd);
	margin-left: 30px;
	background: #efe var(--pepr)
}

fold {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	box-shadow: var(--bxsd);
	margin-left: 30px;
	background: #efe var(--fold)
}

swih {
	width: 51px;
	height: 30px;
	background: #e5e5ea;
	border-radius: 25px;
	margin-left: 36px;
	transition: all .16s ease-in-out
}

swih::before {
	content: '';
	background: #fff;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	position: absolute;
	top: 2px;
	left: 2px;
	transition: all .16s ease-in-out
}

swih[wok] {
	background: var(--mejo)
}

swih[wok]::before {
	left: 23px
}

[ddzo] {
	cursor: pointer
}

ddzo {
	height: 36px;
	border-radius: 4px;
	align-items: center;
	border: 1px solid var(--siro)
}

ddzo::before {
	padding: 0 25px 0 8px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

ddzo>svg {
	position: absolute;
	right: 6px;
	stroke: var(--kuro);
	stroke-width: 1.5px
}

ddpp {
	position: absolute;
	min-width: 100%;
	top: calc(100% + 1px);
	box-shadow: var(--bxsd);
	padding: 6px 0;
	border-radius: 0 4px 4px 4px;
	background: #fff;
	z-index: 2;
	cursor: default;
	transform-origin: top;
	transform: scaleY(0);
	transition: all .16s linear
}

ddba {
	flex: 1;
	flex-flow: column;
	/*margin:0 6px 0 0;*/
	overflow: auto;
	max-height: 288px
}

ddoo {
	padding: 0 12px;
	white-space: nowrap;
	flex: 0 0 48px;
	align-items: center;
	overflow: hidden
}

ddoo[slp] {
	flex: 0 0 0
}

ddoo:hover {
	background: var(--yuki)
}

ddpp[wok] {
	transform: none
}

ddpp[migi] {
	right: 0;
	border-radius: 4px 0 4px 4px
}

ddzo[dsb] {
	cursor: default
}

[hzzo] {
	cursor: pointer
}

hzzo {
	border-radius: 4px;
	align-items: center;
	border: 1px solid var(--siro);
	width: 132px;
	height: 40px
}

hzzo::before {
	content: attr(vu);
	padding: 0 36px 0 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

hzzo>svg {
	position: absolute;
	right: 6px;
	stroke: var(--gure)
}

hzpp {
	position: absolute;
	width: 206px;
	height: 232px;
	top: calc(100% + 1px);
	color: var(--gure);
	font-size: 12px;
	box-shadow: var(--bxsd);
	padding: 5px;
	border-radius: 5px;
	flex-flow: column;
	background: #fff;
	z-index: 2;
	cursor: default;
	transform-origin: top;
	transform: scaleY(0);
	transition: all .16s linear
}

hzhd {
	flex: 0 0 28px;
	align-items: center;
	margin: 8px 5px 0;
	color: var(--gure);
	stroke: #818181;
	stroke-width: 1.5px
}

hzhd>c {
	width: 28px;
	height: 28px
}

hzyr {
	flex: 1;
	white-space: nowrap;
	justify-content: center
}

hzbd {
	flex: 1;
	display: block
}

hzwk,
hzoo,
hzpd {
	width: 28px;
	height: 26px;
	display: inline-flex;
	justify-content: center;
	align-items: center
}

hzoo[dsb] {
	color: var(--siro);
	pointer-events: none
}

hzoo[slp],
hzpd[slp] {
	display: none
}

hzoo[pik]::after {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	background: var(--mejo);
	border-radius: 50%;
	color: #fff
}

hzpp[wok] {
	transform: none
}

hzpp[migi] {
	right: 0
}

kkzo {
	border-radius: 4px;
	align-items: center;
	border: 1px solid var(--siro);
	width: 132px;
	height: 40px
}

kkzo::before {
	padding: 0 36px 0 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

kkzo>svg {
	position: absolute;
	right: 6px;
	stroke: var(--gure)
}

kkp1 {
	position: absolute;
	width: 130px;
	height: 82px;
	top: calc(100% + 1px);
	box-shadow: var(--bxsd);
	padding: 4px 18px;
	border-radius: 6px;
	background: #fff;
	z-index: 2;
	cursor: default;
	transform-origin: top;
	transform: scaleY(0);
	transition: all .16s linear;
	font-size: 16px
}

kko1,
kko2,
kko3 {
	align-items: center;
	justify-content: center
}

kko1,
kko3 {
	flex: 0 0 30px
}

kko2 {
	flex: 0 0 38px
}

kko1 {
	flex-flow: column
}

kka2 {
	padding: 2px 0
}

kka1,
kka3 {
	width: 24px;
	height: 24px;
	stroke: var(--gure);
	stroke-linejoin: round
}

kka1[dsb],
kka3[dsb] {
	stroke: var(--siro);
	pointer-events: none
}

kka3 {
	transform: scaleY(-1)
}

kkpp {
	position: absolute;
	width: 220px;
	height: 186px;
	top: calc(100% + 1px);
	box-shadow: var(--bxsd);
	padding: 10px 10px 6px;
	border-radius: 6px;
	flex-wrap: wrap;
	background: #fff;
	z-index: 2;
	cursor: default;
	transform-origin: top;
	transform: scaleY(0);
	transition: all .16s linear
}

kkoo {
	width: 40px;
	height: 34px;
	align-items: center;
	justify-content: center
}

kkoo[dsb] {
	color: var(--siro);
	pointer-events: none
}

kkoo[pik]::after {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	background: var(--mejo);
	border-radius: 50%;
	color: #fff
}

kkp1[wok],
kkpp[wok] {
	transform: none
}

kkpp[migi] {
	right: 0
}

bkmk {
	height: 36px;
	padding: 0 4px;
	align-items: center;
	border-bottom: 2px solid transparent;
	flex-flow: row-reverse
}

bkmk:first-child {
	margin-right: 16px
}

bkmk[wok] {
	border-bottom-color: var(--mejo);
	pointer-events: none
}

bkmk:hover {
	border-bottom-color: var(--mejo)
}

tbnv {
	margin: 0 20px 0 0;
	width: calc(100% - 30px);
	flex: 0 0 70px;
	align-items: center
}

tbnv>bt {
	height: 36px;
	margin-left: 11px
}

tbqb {
	margin-left: 12px;
	align-items: center
}

tbqb>input {
	width: 200px;
	height: 36px;
	padding: 0 34px;
	border-radius: 20px
}

tbqb>input[slp] {
	cursor: pointer;
	width: 36px;
	padding-right: 0;
	border-color: transparent
}

tbqb>input[slp]+tbqx {
	display: none
}

tbqx {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	position: absolute;
	right: 8px;
	background:var(--mejo)url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" viewBox="0 0 18 18"><style>path{fill:none;stroke:%23fff;stroke-width:1.5px;stroke-linecap:round}</style><path d="m12 6l-6 6m0-6l6 6"/></svg>')
}

tbqg {
	width: 36px;
	height: 36px;
	pointer-events: none;
	position: absolute;
	background: var(--zoom)
}

tbnv>bt[svg=kioo][slp] {
	opacity: 0;
	transform: scale(0)
}

[tbpg] {
	width: 55px;
	height: 30px;
	text-align: right;
	padding: 0 5px
}

tbxp {
	margin-left: 6px;
	color: var(--gure)
}

tbxp::before {
	content: '/'
}

tbhd {
	width: 100%;
	flex: 0 0 40px;
	background: var(--asai);
	padding-right: 4px;
	font-weight: 900;
	align-items: center
}

tbhd>* {
	flex-flow: row-reverse;
	justify-content: flex-end;
	overflow: hidden
}

tbhd> ::after {
	overflow: hidden;
	text-overflow: ellipsis
}

tbhd>[odr]::before {
	content: '';
	width: 24px;
	height: 24px;
	background: var(--oder)
}

tbhd>[odr]>svg {
	display: none
}

tbhd>[odr]::after {
	max-width: calc(100% - 24px)
}

tbhd>[wok]::before {
	display: none
}

tbhd>[wok]>svg {
	display: flex;
	margin: 5px;
	transform: scaleY(-1);
	stroke: var(--mejo)
}

tbhd>[wok$=" desc"]>svg {
	transform: none
}

tbhd>[vu]::before {
	display: none
}

tbhd>[vu]>svg {
	display: flex;
	margin: 5px;
	transform: scaleY(-1);
	stroke: var(--mejo)
}

tbhd>[vu$=" desc"]>svg {
	transform: none
}

tbbd {
	width: 100%;
	flex: 1;
	flex-flow: column;
	overflow: hidden scroll
}

tbro {
	width: 100%;
	flex: 0 0 48px;
	align-items: center;
	border-bottom: 1px solid var(--siro);
	background: #fff
}

tbhd>*,
tbro>* {
	padding-left: 20px;
	white-space: nowrap;
	align-items: center
}

tbro [fd] {
	width: 0;
	flex: 1
}

tbsn {
	flex: 0 0 48px;
	padding: 0;
	justify-content: center;
	overflow: hidden
}

batr {
	flex: 0 0 90px;
	padding: 0;
	justify-content: center;
	align-self: stretch;
	background: center no-repeat
}

tbic {
	margin: 2px;
	padding: 0;
	width: 24px;
	transform: scale(0);
	transition: none
}

tbic path {
	stroke: var(--gure)
}

tbpk {
	position: absolute;
	left: 11px;
	top: 11px;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	box-shadow: 0 0 0 1px var(--kuro) inset;
	transform: scale(0);
	background: #fff var(--tick)/0
}

tbpp {
	padding: 0;
	opacity: 0;
	position: absolute;
	top: 70px;
	left: calc(44% - 128px);
	width: 288px;
	height: 180px;
	z-index: 1;
	box-shadow: var(--bxsd);
	flex-flow: column;
	background: var(--siro)no-repeat center/contain;
	border-radius: 0 0 4px 4px;
	transform: scale(0);
	transition: none;
	pointer-events: none
}

tbpp::before {
	width: 268px;
	height: 35px;
	line-height: 35px;
	background: #fff;
	position: absolute;
	top: -35px;
	padding: 0 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	border-radius: 4px 4px 0 0
}

tbpp[appu] {
	top: unset;
	bottom: 40px
}

tbxz {
	margin-left: 10px
}

tbro:hover {
	background: var(--yuki)
}

tbro:hover>tbpp {
	transform: none;
	opacity: 1
}

tbro[dsb] {
	pointer-events: none;
	opacity: .4
}

tbro[pick] {
	background: var(--siro)
}

tbro[pick]>tbpk {
	transform: none;
	box-shadow: none;
	background-size: 16px;
	background-color: var(--mejo)
}

tbro[miss] bt[kodo=save] {
	background: var(--siro);
	cursor: not-allowed
}

tbbd[fakhover]>tbro:hover>tbpk {
	transform: none
}

tbbd[fakhover]>tbro:hover>tbpk+tbsn,
tbro[pick]>tbsn {
	opacity: 0
}

tbbd[fakhover=both]>tbro:hover>tbic {
	transform: none
}

head {
	display: none
}

body {
	width: 100vw;
	height: 100vh;
	background: var(--yuki)
}

body>* {
	position: absolute;
	background-color: #fff;
	left: 244px;
	top: 128px;
	width: calc(100vw - 268px);
	height: calc(100vh - 144px);
	box-shadow: var(--bxsd);
	flex-flow: column
}

pop,
kio,
exp,
dor {
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	align-items: center
}

pop,
kio,
exp {
	background: var(--mask);
	justify-content: center;
	z-index: 1
}

ziq {
	width: 48px;
	height: 48px;
	left: auto;
	right: 190px;
	top: 10px;
	background: var(--ziqu);
	border-radius: 50%;
	box-shadow: none
}

ziq ddpp {
	min-width: 80px
}

ziq ddoo {
	flex: 0 0 32px
}

ziq[dor] {
	right: 20px
}

ban {
	left: 0;
	top: 0;
	width: 100vw;
	height: 68px;
	flex-flow: row;
	align-items: center
}

ban>logo {
	flex: 1;
	height: 40px;
	margin: 14px 18px
}

bancd {
	flex: 0 0 60px;
	justify-content: center;
	font-weight: bold;
	min-width: 48px;
	justify-content: center
}

bancd,
ban>t {
	color: var(--mejo)
}

bancd+t {
	margin-right: 48px
}

ban>ddzo {
	width: 94px;
	margin: 0 24px
}

ban ddpp {
	right: -24px;
	width: 380px;
	height: 242px
}

ban ddba {
	display: block;
	padding: 3px 0 0 15px
}

ban ddoo {
	display: inline-flex;
	width: 60px;
	height: 30px;
	border-radius: 2px;
	border: 1px solid var(--siro);
	font-size: 12px;
	align-items: center;
	padding-left: 9px;
	margin: 7px 5px;
	color: var(--gure);
	font-family: consolas
}

ban ddoo[vu] {
	border: 1px solid var(--mejo);
	box-shadow: 0 0 0 1px var(--mejo);
	color: var(--kuro)
}

usric {
	width: 40px;
	height: 40px;
	margin-right: 24px;
	cursor: pointer;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" viewBox="0 0 40 40"><path d="m20 2.5a17.5 17.5 0 10.01 0z" fill="%23e0e0e0"/><path d="m20 21.25a7.5 7.5 0 11.01 0zM6.685 31.34a12 12 0 01 11.565-8.86h3.5a12 12 0 01 11.565 8.86a17.5 17.5 0 01-26.63 0z" fill="%230268b7"/></svg>')
}

aknpp {
	position: absolute;
	overflow: hidden;
	flex-flow: column;
	align-items: flex-start;
	width: 480px;
	height: 242px;
	top: 52px;
	right: 1px;
	cursor: default;
	box-shadow: var(--bxsd);
	padding: 0 20px;
	border-radius: 0 0 4px 4px;
	background: #fff;
	z-index: 2;
	transform-origin: top;
	transform: scaleY(0);
	transition: all .16s linear
}

aknpp[wok] {
	transform: none
}

usrzz {
	margin-top: 24px;
	font-weight: 900;
	font-size: 20px
}

aknpp>bt {
	margin-top: 12px
}

aknpp>[cc] {
	align-items: center;
	margin-top: 32px
}

akndv {
	margin-top: 12px;
	stroke: var(--gure);
	align-self: stretch
}

akndv>* {
	align-items: center;
	flex: 1;
	height: 40px
}

akndv>mdof::before {
	margin-right: 12px;
	opacity: .4
}

akndv>mdof[wok]:not([bz])::before {
	opacity: 1
}

akndv input {
	flex: 1
}

akndv bt[i] {
	margin: 0 10px 0 20px
}

[aknvt] {
	margin: 67px 145px 78px 20px
}

nav {
	left: 0;
	top: 68px;
	width: 220px;
	height: calc(100vh - 68px);
	padding: 15px 0 0;
	overflow: hidden
}

navpk {
	flex: 0 0 40px;
	margin: 8px 0;
	align-items: center;
	padding-left: 6px;
	transition: none;
	stroke: var(--gure)
}

navpk::before {
	content: '';
	width: 0px;
	height: 100%;
	background: var(--mejo)
}

navpk>svg {
	margin: 0 7px 0 9px;
	transition: none
}

nav bt {
	color: var(--mejo);
	border: 1px solid var(--mejo);
	height: 24px;
	border-radius: 2px;
	background: #fff;
	align-self: flex-end;
	margin: 12px
}

navvj {
	padding: 0 16px 10px;
	font-size: 12px;
	color: var(--gure)
}

navpk[wok],
navpk:hover {
	background: var(--asai);
	stroke: var(--mejo)
}

navpk[wok] {
	pointer-events: none;
	padding-left: 0
}

navpk[wok]::before {
	width: 6px
}

navpk[dsb] {
	pointer-events: none;
	color: var(--siro);
	stroke: var(--siro);
	display: none
}

tab {
	top: 92px;
	width: auto;
	height: 36px;
	flex-flow: row;
	background: transparent;
	box-shadow: none
}

tabpk {
	padding: 0 12px;
	border-radius: 6px 6px 0 0;
	background: var(--siro);
	align-items: center;
	border-bottom: 2px solid transparent
}

tabpk:hover {
	background: var(--asai)
}

tabpk[wok] {
	background: var(--asai);
	border-bottom-color: var(--mejo)
}

dor {
	flex-flow: row
}

dor::before {
	content: '';
	width: 56%;
	height: 100%;
	max-width: calc(100vw - 400px);
	background: url('/img/dor_bkgd.png')no-repeat center/cover
}

dorfx {
	flex-flow: column;
	width: 44%;
	min-width: 400px;
	align-items: center
}

dor logo {
	margin-bottom: 10px;
	width: 308px;
	height: 40px;
	padding: 13px 0 0 160px;
	font-size: 20px;
	font-weight: bold;
	color: var(--kuro)
}

dor warn {
	height: 40px
}

dor input {
	margin-bottom: 30px;
	width: 308px;
	border-color: transparent;
	padding: 0 24px;
	border-radius: 20px;
	background: var(--yuki)
}

dor bt {
	margin: 20px 0 5vh
}

dorfx[miss]>input {
	border-color: var(--aram)
}

dorfx[miss]>warn {
	transform: none
}

expoh {
	flex-flow: column;
	align-items: center;
	background: #fff;
	border-radius: 8px;
	box-shadow: var(--bxsd);
	width: 400px;
	height: 200px;
	padding: 48px 18px 20px
}

exphd {
	font-size: 16px;
	font-weight: bold
}

expbd {
	margin: 16px
}

expcd {
	min-width: 48px;
	justify-content: center
}

expft {
	flex: 1;
	width: 100%;
	justify-content: flex-end;
	align-items: flex-end
}

kiobx {
	flex-flow: column;
	align-items: center;
	background: #fff;
	border-radius: 8px;
	box-shadow: var(--bxsd);
	width: 400px;
	height: 200px;
	padding: 20px
}

kio c {
	flex: 1
}

kioz1 {
	justify-content: center;
	flex: 1;
	align-items: flex-end
}

kioz2 {
	justify-content: center;
	font-size: 12px;
	margin: 8px 0 4px
}

kioz2:lang(zh)::before {
	content: '有'
}

kioz3 {
	justify-content: center;
	font-size: 12px;
	flex: 1;
	align-items: flex-start
}

kioft {
	align-self: flex-end
}

kio bt {
	margin-left: 16px
}

popbx {
	background: #fff;
	border-radius: 8px;
	box-shadow: var(--bxsd)
}

popxz {
	position: absolute;
	right: 7px;
	top: 7px
}

pophd {
	position: absolute;
	width: 100%;
	height: 45px;
	border-bottom: 1px solid var(--siro);
	font-size: 16px;
	font-weight: bold;
	align-items: center;
	padding: 0 18px;
	white-space: nowrap
}

pophd::after {
	display: none
}

popft {
	position: absolute;
	bottom: 20px;
	right: 18px
}

popft>warn {
	position: absolute;
	right: 0;
	top: -25px
}

popft bt {
	margin-left: 16px
}

popvt {
	flex: 1;
	flex-flow: column;
	align-items: flex-start
}

popdc,
popdc2 {
	height: 20px;
	align-items: center;
	font-size: 12px;
	color: var(--gure)
}

popdc2>popdc {
	margin-right: 4px
}

popbo {
	color: var(--gure);
	align-items: center
}

popbo::before {
	content: '';
	width: 16px;
	height: 16px;
	border-radius: 2px;
	border: none;
	margin: 0 4px 0 10px;
	box-sizing: border-box;
	background: var(--mejo) var(--tick)
}

popbo[i]::before {
	border: 1px solid var(--gure);
	background: none
}

popki {
	margin: 8px 0 30px;
	height: 40px;
	align-items: flex-start
}

popki>bt {
	margin-left: 8px;
	display: none
}

popki>t {
	margin: 0 10px
}

popki>ddzo {
	height: 40px
}

[skjpiker] {
	position: absolute;
	top: 20px
}

[skjpiker],
[skjwrter] {
	width: 304px;
	background: #fff
}

[skjpiker]>ddzo,
[skjwrter]>input {
	flex: 1
}

popvt>hr {
	margin: 0 0 20px
}

faklaibody {
	max-height: 156px;
	overflow: hidden scroll;
	margin: 0 0 12px;
	flex-flow: column;
	width: 462px
}

faktrnro {
	align-items: center;
	margin: 8px 0 4px;
	padding: 0 1px
}

fak288,
[fak288] {
	width: 288px;
	margin-right: 24px
}

fak56 {
	width: 56px;
	margin: 0 12px;
	align-items: center;
	justify-content: center;
	height: 40px;
	border: 1px solid var(--siro);
	border-radius: 4px
}

fak56[txt] {
	margin: 0;
	justify-content: flex-start
}

fakaddtrnro {
	stroke: var(--gure);
	color: var(--gure);
	align-items: center
}

faktrnbody {
	flex-flow: column;
	overflow: hidden scroll;
}

fakdvcbody {
	flex-flow: column;
	overflow: hidden scroll;
	max-height: 290px;
	stroke: var(--gure)
}

fakdvcro {
	align-items: center;
	margin: 8px 0 4px;
	padding: 0 1px
}

fak315,
[fak315] {
	width: 315px;
	margin-left: 20px
}

fakdvcro>c {
	width: 35px;
	height: 35px
}

fakdvcro:only-child>c {
	transform: scale(0)
}

fakadddvcro {
	stroke: var(--gure);
	color: var(--gure);
	align-items: center;
	margin: 10px 20px
}

popll {
	margin: 8px 0 30px;
	flex-wrap: wrap;
	height: 112px;
	width: 604px;
	overflow: hidden auto
}

popll>bt {
	width: 100px;
	height: 40px;
	line-height: 40px;
	margin: 8px 20px 8px 0;
	text-align: center;
	opacity: .3
}

popll>bt>bt {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0
}

popll>bt:hover,
popll>bt[wok] {
	border: none;
	opacity: 1
}

popll>bt:hover>bt,
popll>bt[wok]>bt {
	opacity: 1
}

popdd {
	margin: 12px 0 20px;
	height: 36px
}

popbb {
	margin: 13px 0;
	width: 520px;
	height: 104px;
	flex-wrap: wrap
}

popbb>bt {
	width: 40px;
	height: 40px;
	margin: 0 12px 12px 0;
	border-radius: 8px
}

popbb>bt[i] {
	border-color: var(--siro)
}

popbb>bt:hover {
	background: var(--mejo);
	color: #fff;
	border: none
}

popjw,
popjx {
	font-size: 12px;
	flex-flow: column;
	margin-top: 16px;
	padding-right: 2px;
	flex: 1;
	align-self: stretch;
	overflow: hidden scroll
}

popj0 {
	flex: 0 0 76px;
	border: 1px solid var(--siro);
	margin-top: 8px;
	padding: 10px;
	align-items: center
}

popj0:first-child {
	margin: 0
}

popj1 {
	width: 26px;
	height: 26px;
	border-radius: 50%
}

popj2 {
	flex-flow: column;
	flex: 1;
	margin: 10px
}

popj2>t[elli] {
	font-weight: bold;
	color: var(--kuro)
}

popj2>t {
	padding: 2px 0;
	white-space: nowrap;
	width: 110px;
	color: var(--gure)
}

popjp {
	width: 179px;
	height: 129px;
	box-shadow: var(--bxsd);
	position: absolute;
	top: 40px;
	display: none;
	background: #fff;
	color: var(--gure);
	flex-wrap: wrap;
	z-index: 1;
	padding: 8px 7px 9px 12px;
	pointer-events: none
}

popjp>t {
	width: 152px
}

popjp>c {
	width: 24px;
	height: 24px;
	margin: 8px 8px 0 0;
	border-radius: 50%;
}

popjp>c[wok] {
	background: var(--mejo);
	color: #fff
}

popj3 {
	flex-flow: column;
	flex: 0 0 152px;
	overflow: auto
}

popj0:hover popjp {
	display: flex
}

popj0fakpadd {
	flex: 0 0 110px
}

popjw[slp],
popjx[slp] {
	display: none
}

[laivt] {
	margin: 65px 20px 80px;
	height: 338px
}

[gupvt] {
	margin: 83px 49px 56px 73px
}

[dvcvt] {
	margin: 65px 7px 72px 0;
	height: 364px;
	width: 719px
}

[trmvt] {
	margin: 85px 42px 62px;
	width: 366px
}

[trmvt] kkzo {
	width: 100px
}

[trmvt] kkpp {
	width: 180px;
	height: 220px
}

[trmvt] span {
	margin-right: 16px
}

[trmvt] span>kkzo {
	border-radius: 4px 0 0 4px
}

[trmvt] span>c {
	stroke: var(--gure);
	border-radius: 0 4px 4px 0;
	border: 1px solid var(--siro);
	width: 34px;
	border-left: 0px
}

[trmvt] span[slp]>bt~* {
	display: none
}

[trmvt] span[wok]>bt {
	display: none
}

[skjvt1] {
	margin: 67px 0 70px;
	width: 342px;
	height: auto;	/* 460px */
}

[skjvt1]>[kago] {
	background-size: 0;
	margin-bottom: 29px
}

[skjvt2] {
	margin: 67px 0 0 20px;
	height: 570px;
	width: 342px
}

[pikvt] {
	position: absolute;
	width: 50%;
	height: 100%
}

[advvt] {
	margin: 67px 20px 80px;
	min-height: 268px;
	width: 304px;
}

[ksivt] {
	margin: 67px 20px 80px 200px;
	min-height: 234px;
	min-width: 200px;
	font-weight: bold
}

[ksivt]>t {
	flex: 1
}

[ksivt]> ::before {
	font-weight: normal;
	position: absolute;
	right: 100%
}

[advvr] {
	height: 368px;
	flex: 0 0 336px
}

[advvt]>popki {
	margin: 8px 0 7px
}

[piking]>[skjpiker] {
	position: static
}

[piking]>[skjwrter] {
	display: none
}

[piking]>[kago]>c {
	border-color: var(--siro)
}

popbx[modi] popdc {
	font-size: 14px;
	color: var(--kuro)
}

popbx[modi] popki {
	align-items: center
}

popbx[modi] popki>bt {
	display: flex
}

popbx[modi] [skjpiker]>ddzo {
	background: var(--yuki)
}

popbx[modi]>pophd::before {
	display: none
}

popbx[modi]>pophd::after {
	display: flex
}

popbx[modi]>[advvr] {
	opacity: .24
}

/*	popbx[modi] input{padding:0;border-width:0px;height:20px} */
/*	popbx[modi] hzzo {width:132px;height:40px;border:1px solid var(--siro)} */
/*	popbx[modi] ddzo {width:132px;height:40px;border:1px solid var(--siro)} */
/*	popbx[slp] bt[popmd],popbx[wok] bt[popvu]{display:none}  */
popbx[miss]>popft>warn {
	transform: none
}

popbx[miss] bt[kodo=confirm],
poppp[miss] bt[kodo=confirm],
aknpp[miss] bt[az=confirm],
popbx[miss] bt[az=confirm] {
	background: var(--siro);
	cursor: not-allowed
}

pop[onn]>popbx[modi] [kago] {
	pointer-events: auto
}

[onn] popvt[skjvt1][piking]>label[kago] {
	pointer-events: none;
	background-size: contain
}

/*哭阿*/
div[krie] {
	align-items: center;
	font-size: 14px;
	display: none
}

div[krie]::before {
	content: '';
	width: 20px;
	height: 20px;
	background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><style>path{fill:none;stroke:%23e0e0e0;stroke-width:2px;stroke-linecap:round}</style><path d="m5 10h10m-5-5v10"/></svg>')
}

popbx[modi] div[krie] {
	display: flex
}

/*哭阿*/

lai fx0 {
	flex: 0 0 150px
}

bt[laibt] {
	background: transparent;
	color: var(--kuro);
	width: 122px;
	height: 40px;
	font-family: consolas;
	padding: 0;
	justify-content: flex-start;
	pointer-events: none
}

laisd {
	width: 32px;
	height: 32px;
	border-radius: 4px;
	font-size: 20px;
	margin: 0 4px 0 0;
	align-items: center;
	justify-content: center
}

laisd::before {
	content: 'T'
}

laipp {
	position: absolute;
	flex-flow: column;
	width: 184px;
	top: 41px;
	box-shadow: var(--bxsd);
	padding: 12px;
	border-radius: 4px;
	background: #fff;
	z-index: 2;
	transform-origin: top;
	transform: scaleY(0);
	transition: all .16s linear
}

laipp>t {
	margin-bottom: 8px
}

laipp>hr {
	margin: 12px 0
}

laifc {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 1px solid var(--kuro);
	margin: 4px 8px;
	background: var(--kuro)
}

laifc+laifc {
	background: #fff
}

laifc[wok] {
	box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--mejo)
}

laipp[wok] {
	transform: none
}

pop laipp {
	left: 312px
}

[modi] [laibt] {
	border: 1px solid var(--siro);
	padding-left: 8px;
	background: #fff;
	pointer-events: auto
}

trn fx0 {
	flex: 0 0 156px;
	margin-right: 44px
}

gup>tbhd>fx4 {
	padding-right: 14px
}

gupcr {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	position: absolute;
	padding: 0;
	left: 68px
}

gup tbro>fx4 {
	padding-left: 34px
}

[paivt] {
	min-width: 100px;
	min-height: 480px;
	margin: 90px 50px 50px 220px;
	font-size: 12px
}

[paivt]> :not(flex) {
	flex: 0 0 12px;
	border-top: 2px dashed #000;
	width: 100px
}

[paivt]> ::before {
	position: absolute;
	left: -150px;
	top: -9px
}

[paivt]>t0 {
	font-weight: 900;
	font-size: 16px;
	border-bottom: 1px solid var(--gure);
	margin: 30px 0 9px -165px;
	border-top: none;
	margin-bottom: 8px
}

[paivt]>batr0 {
	width: 10px;
	border-top: solid #f00
}

[paivt]>batr1 {
	width: 40px;
	border-top: solid #f80
}

[paivt]>batr2 {
	width: 70px;
	border-top: solid #7b5
}

[paivt]>batr3 {
	width: 97px;
	border-top: solid #484
}

[paivt]>batr4 {
	width: 100px;
	border-top: solid #484
}

/* ?? */
dvc aktm {
	flex: 0 0 160px
}

/* ?? */

dvcqr {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #fff;
	flex-flow: column
}

dvcqr input {
	margin: 0 20px
}

dvcqr>input {
	margin: 0 20px 20px
}

dvo mdon {
	flex: 11;
	padding-right: 40px
}

/* in pop */
popro {
	height: calc(100% - 45px);
	max-height: calc(100vh - 300px);
	min-height: 580px;
	overflow-y: auto;
	top: 45px
}

[dvovt] {
	min-width: 100px;
	min-height: 480px;
	margin: 50px 50px 50px 170px;
	font-size: 14px
}

[dvovt]>t0 {
	font-weight: 900;
	font-size: 16px;
	border-bottom: 1px solid var(--gure);
	margin: 30px 0 9px -100px
}

[dvovt]> :first-child {
	margin-top: 0
}

[dvovt]>t:last-child {
	min-height: 90px
}

[dvovt]>t {
	min-height: 15px
}

[dvovt]>t::before {
	position: absolute;
	right: calc(100% + 10px);
	white-space: nowrap
}

[dvovt]>c {
	min-height: 24px
}

[dvovt]+[paivt] {
	margin-top: 50px
}

[dev_impo][dvovt] {
	margin-left: 75px
}

[dev_impo][dvovt]>t0 {
	margin-left: -25px
}

[dev_impo][dvovt]>t {
	font-family: consolas
}

pof>tbhd>fx1:first-child {
	padding-right: 12px
}

pofcr {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	position: absolute;
	padding: 0;
	left: 20px
}

pof tbro>pofcr+fx1 {
	padding-left: 32px
}

pofaa {
	margin: 92px 0 119px;
	width: 450px;
	justify-content: center;
	align-items: center
}

pofaa>ddzo {
	border: none;
	font-weight: bold;
	margin: 0 5px 0 2px;
	min-width: 120px
}

/*
施工中的css
*/

[construction] {
	overflow: hidden scroll;
	justify-content: center
}

construction {
	flex-wrap: wrap;
	justify-content: center;
	padding: 31px 24px
}

congd {
	flex-flow: column;
	max-width: 100%;
	align-items: center
}

conh1 {
	width: 338px;
	height: 54px;
	max-width: 100%;
	background: url('/img/img_coming_text.svg')no-repeat center/contain
}

conh2 {
	width: 400px;
	height: 42px;
	max-width: 100%;
	margin: 24px 0;
	background: url('/img/img_under_construction_text.svg')no-repeat center/contain
}

conbg {
	width: 600px;
	height: 420px;
	max-width: 100%;
	background: url('/img/img_under_construction.svg')no-repeat center top/contain
}

/*
施工中被要求隱藏不可看到　所以就先都拿掉
*/

bak {
	flex-flow: row;
	padding-top: 188px
}

bak::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100px;
	top: 0;
	background: var(--asai)
}

bak::after {
	content: '';
	position: absolute;
	width: 121px;
	height: 109px;
	top: 56px;
	left: 17%;
	background: url('/img/bak_icon.svg')0/cover
}

bak>fx5 {
	flex: 5 0 191px;
	flex-flow: column;
	align-items: flex-start
}

bakdv {
	margin: 12px 0 56px;
	align-items: center
}

bakdp {
	margin: 12px 0;
	align-items: center
}

baksw {
	width: 51px;
	height: 30px;
	background: #e5e5ea;
	border-radius: 25px;
	margin-left: 36px;
	transition: all .16s ease-in-out
}

baksw::before {
	content: '';
	background: #fff;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	position: absolute;
	top: 2px;
	left: 2px;
	transition: all .16s ease-in-out
}

baksw[wok] {
	background: var(--mejo)
}

baksw[wok]::before {
	left: 23px
}

baktm {
	margin: 0 0 34px;
	align-items: center
}

baktm>kkzo {
	width: 90px;
	margin-left: 16px;
	border: none
}

baktm>kkzo>svg {
	stroke: var(--mejo)
}

baktm kkpp {
	width: 260px;
	height: 152px
}

bakbo {
	font-weight: bold;
	font-size: 16px
}

bakvt {
	margin: 45px 20px 32px;
	width: 448px;
	height: 389px
}

/* 隱藏功能 刪除備份檔 */
bak>tbnv {
	position: absolute;
	height: 40px;
	width: 50px;
	top: 136px;
	left: 30px
}

bak>tbbd {
	position: absolute;
	flex-flow: column;
	height: calc(100% - 188px);
	background: #fff
}

/* 隱藏功能 刪除備份檔 */
usrtt[slp] {
	display: none
}

usrtt::before {
	content: '、'
}

usrvt {
	margin: 64px 0 89px 73px;
	min-width: 232px;
	height: 480px
}

usrvt+usrvt {
	min-width: 320px;
	margin-right: 60px
}

usroo,
usrbb {
	margin: 10px 20px
}

usroo::after {
	margin: 0 18px 0 0
}

usroo::before {
	content: '';
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	border-radius: 50%;
	margin: 0 6px;
	border: 1px solid var(--siro)
}

usroo[aj]::before {
	border: 6px solid var(--mejo)
}

usroo+popdc {
	margin-top: 30px
}

usrbb::after {
	margin: 0 18px 0 0
}

usrbb::before {
	content: '';
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	border-radius: 2px;
	margin: 0 6px;
	border: 1px solid var(--siro);
	background: var(--tick)center
}

usrbb[wok]::before {
	background-color: var(--mejo)
}

skj {
	font-size: 12px
}

skjnv {
	margin: 0 20px 0 9px;
	width: calc(100% - 29px);
	flex: 0 0 82px;
	align-items: center
}

skjnv>bt {
	min-width: 100px;
	max-width: 180px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	margin-left: 11px
}

skjnv>bt[elli] {
	border-color: var(--siro)
}

skjnv>fx1 {
	flex-wrap: wrap;
	margin: 0 9px
}

skjnv > fx1 t1 {
	align-items: baseline;
	padding-left: 2px;
}

skjnv c {
	margin: 0 7px
}

skjnv skjtm {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	margin-right: 4px
}

skjnv c[dsb] {
	display: none
}

skjnv c[slp] {
	color: var(--siro)
}

skjnv c[slp]>skjtm {
	background: var(--siro)
}

skjhd {
	width: calc(100% - 52px);
	flex: 0 0 36px;
	margin: 0 26px;
	align-items: center
}

skjhd>bt {
	margin-right: 10px
}

skjhd>c {
	width: 28px;
	height: 28px
}

skjhd path {
	stroke: var(--kuro)
}

skjhd>fx1 {
	font-size: 16px;
	font-weight: bold;
	margin-left: 16px
}

skjhd>ddzo {
	width: 60px;
	font-size: 14px
}

skjhd>ddzo:lang(en),
skjhd>ddzo:lang(de) {
	width: 82px
}

skjhd ddoo {
	flex: 0 0 32px
}

skjnk {
	pointer-events: none;
	padding-bottom: 9px;
	margin: 9px 32px 0 192px;
	width: calc(100% - 224px);
	border-bottom: 1px solid var(--siro)
}

skjnk>fx1 {
	flex-flow: column;
	align-items: center
}

skjnk t {
	color: var(--gure)
}

skjnk t:lang(zh)::before {
	content: '週'
}

skjnk c {
	font-size: 16px
}

skjnk ab {
	width: 100%;
	height: calc(100vh - 280px - 100%);
	top: calc(100% + 9px);
	background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6"><style>path{fill:none;stroke:%23e0e0e0}</style><path d="m.5 0v3"/></svg>')repeat-y
}

skjnk[dei] ab {
	width: 1px
}

skjbd {
	width: calc(100% - 56px);
	flex: 1;
	margin: 0 28px;
	flex-flow: column;
	overflow: hidden scroll
}

skjro {
	min-height: 60px;
	align-items: center;
	flex: 0 0 auto
}

skjtx {
	flex-flow: column;
	width: 160px;
	height: calc(100% - 7px);
	white-space: nowrap;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--siro);
	margin-right: 4px
}

skjtx::before {
	max-width: 98%;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: bold
}

skjtx::after {
	max-width: 98%;
	color: var(--gure)
}

skjhr {
	flex: 1;
	border-bottom: 1px solid var(--siro);
	height: 100%;
	padding: 3px 0
}

skjba {
	flex-flow: column;
	justify-content: center
}

skjtm {
	transition: none;
	height: 40px
}

skjpp {
	flex-flow: column;
	color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: scale(0);
	transition: none;
	background: #1d190fe6;
	width: 212px;
	height: 205px;
	border-radius: 6px;
	padding: 8px 16px;
	pointer-events: none;
	z-index: 1
}

skjdh {
	font-size: 14px;
	font-weight: bold
}

skjdc {
	margin: 14px 0 4px;
	color: #a5a5a5
}

skjsv {
	font-size: 14px
}

skjpp[migi] {
	left: unset;
	right: 50%
}

skjpp[appu] {
	top: unset;
	bottom: 50%
}

skjbd[rnbo] skjtm {
	height: 16px
}

skjbd[rnbo] skjtm::before {
	content: attr(trm);
	width: 16px;
	height: 16px;
	background: #ffffff4d;
	display: flex;
	align-items: center;
	justify-content: center
}

skjtm[trm="1"] {
	background: #96C6D9
}

skjtm[trm="2"] {
	background: #C3D973
}

skjtm[trm="3"] {
	background: #E4707A
}

skjtm[trm="4"] {
	background: #F2BE5C
}

skjtm[trm="5"] {
	background: #2A4759
}

skjtm[trm="6"] {
	background: #658CBF
}

skjtm[trm="7"] {
	background: #F2D5CE
}

skjtm[trm="8"] {
	background: #C07BAE
}

skjtm[trm="9"] {
	background: #69688C
}

skjtm[trm="10"] {
	background: #709AA7
}

skjtm[trm="11"] {
	background: #7DC6BB
}

skjtm[trm="12"] {
	background: #FFA967
}

skjtm[trm="13"] {
	background: #F3F0D7
}

skjtm[trm="14"] {
	background: #E5B299
}

skjtm[trm="15"] {
	background: #B4846C
}

skjtm[trm="3"],
skjtm[trm="5"],
skjtm[trm="6"],
skjtm[trm="8"],
skjtm[trm="9"],
skjtm[trm="10"],
skjtm[trm="15"] {
	color: #fff
}

skjtm:hover {
	box-shadow: 0 0 0 20px inset #0000004d
}

skjtm:hover>skjpp {
	transform: none
}

skjro:nth-child(even)>skjhr {
	background: #e0e0e04d
}

skjbd::after {
	content: '';
	flex: 1;
	margin-left: 164px;
	background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1" height="120" viewBox="1 0 1 120"><style>rect{fill:%23e0e0e04d;stroke:%23e0e0e0}</style><rect y="59.5" width="3" height="60"/></svg>')
}

skjbd[odd]::after {
	background-position-y: 60px
}


/* 哭阿 */
/* 這邊是為了「局部刷新」這個功能而追加的。疊床架屋，每次要求追加功能就是顛覆前一版結構，積越久越多歷史共業。 */

[skjvt2] usroo {
	margin: 0 9px 0 0
}

areacodi {
	flex-flow: column;
	list-style-type: decimal
}

li {
	display: list-item;
	margin: 4px 0
}

li::marker {
	margin-right: 16px
}

li>div {
	display: inline-flex;
	align-items: center
}

li input {
	margin: 0 10px 0 4px
}

fakux1 {
	display: none;
	width: 18px;
	height: 18px;
	background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" viewBox="0 0 18 18"><style>path{stroke:%23888;fill:none;stroke-linecap:round}</style><path d="m6 6l6 6m0-6l-6 6m3 5a8 8 0 1 1.01 0z"/></svg>')
}

popbx[modi] li+li fakux1 {
	display: flex
}

skjso {
	width: 304px;
	height: 424px;
	border: 1px solid var(--siro);
	margin-top: 8px;
	border-radius: 4px
}

skjso1 {
	width: 64px;
	height: 64px;
	outline: 1px solid var(--siro);
	position: absolute;
	cursor: grab;
	user-select: none;
	transition: none .3s ease-out;
	transition-property: left, top;
	border-radius: 4px;
	flex-flow: column
}

fakuimage {
	width: 64px;
	height: 40px;
	background: center/contain no-repeat
}

fakuadvz {
	width: 64px;
	height: 24px;
	line-height: 24px;
	white-space: nowrap
}

fakuxm {
	position: absolute;
	right: -9px;
	top: -9px;
	width: 18px;
	height: 18px;
	background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" viewBox="0 0 18 18"><style>circle{fill:%230268b7}path{stroke:%23fff;fill:none;stroke-linecap:round}</style><circle cx="9" cy="9" r="8"/><path d="m6 6l6 6m0-6l-6 6"/></svg>')
}

skjso1:hover {
	outline: 1px solid var(--kuro)
}

skjso1[fokos] {
	outline: 2px solid var(--mejo)
}

skjso1[dragging] {
	transition: none;
	cursor: grabbing
}

poppp {
	position: absolute;
	min-width: 270px;
	height: 421px;
	width: calc(50vw - 346px);
	right: 0
}

popvw {
	box-shadow: var(--bxsd);
	background: #fff;
	width: 250px;
	height: 100%;
	flex-flow: column;
	border-radius: 8px
}

popvw>popvt {
	margin: 18px auto 70px;
	justify-content: space-between
}

popvw ddzo {
	width: 216px
}

fakuimagebigright {
	width: 216px;
	height: 135px;
	border: 1px solid var(--siro);
	border-radius: 4px;
	background: center/contain no-repeat
}

popko {
	position: absolute;
	width: 380px;
	height: 200px;
	justify-content: center;
	align-items: center;
	background: #fff;
	border-radius: 8px;
	box-shadow: var(--bxsd);
	flex-flow: column
}

/*
skjso1 {
	background-clip: content-box;
	box-sizing: border-box;
	color: #fff;
	font-size: 40px;
	position: absolute
}
*/

/*
faku0214 {
	position: absolute
}

faku0214 > popvt {
	width: 684px;
	margin: 67px 0 70px 20px;
	height: 500px
}

faku0214 pophd::after {
	display: flex
}

fakadvpartialbody {
	max-height: 400px;
	overflow: hidden scroll;
	margin: 0 0 12px;
	flex-flow: column;
	width: 680px;
	padding: 10px 0 30px
}

fakadvpartial {
	margin: 10px 0;
	align-items: center;
	justify-content: space-around
}

fakadvpartial > ddzo {
	width: 300px
}

fakaddadvpartial {
	stroke: var(--gure);
	color: var(--gure);
	align-items: center
}
*/

/* 哭阿 */
[dur_m][txt],
[dur_s][txt] {
	width: 20px;
	text-align: center
}

/* 哭阿 */

ovd>* {
	position: absolute
}

ovddd {
	box-shadow: 0 0 0 2px #f809
}

ovdd1 {
	box-shadow: 0 0 0 1px #000
}

ovdjj {
	box-shadow: 0 0 0 2px #4849
}

ovd b {
	box-shadow: 0 0 0 1px #000
}

ovd b,
ovd t {
	height: 24px;
	justify-content: center;
	align-items: center
}

ovddd {
	top: 100px;
	width: 190px;
	height: calc(100vh - 300px);
	flex-flow: column
}

ovdjj {
	top: calc(100px - 24px * 2);
	left: 200px;
	width: calc(100vw - 500px);
	height: calc(100vh - 300px)
}

ovdnn {
	flex-flow: column
}

[ota48]::before {
	content: '';
	width: 48px;
	height: 48px
}

[otafd]::before {
	background: var(--fold)
}

ksi>tbnv>fx1 {
	padding-left: 30px;
	font-size: 12px;
	color: var(--gure)
}