@charset "UTF-8";
/* 套件-巢狀checkbox */
:root{
	--ck-main:#002130;
	--ck-text:#394f66;
	--ck-text-hover:#0a58ca;
	--ck-textSecondary:#6c757d;
	--ck-boxBd:#6c757d;
	--ck-boxBG:#fff;
	--ck-boxBg-hover:#F6F6F6;
	--ck-itemBg:#fff;
	--ck-itemBg-hover:#eee;
	--ck-radius:0.25rem;
	--ck-item-height:50px;
}
.checkListGroupUnit>div>ul{padding-left:0}
.checkListGroupUnit ul,.checkListGroupUnit li{list-style:none}
.checkListGroupUnit li,.btn-ckMore{background-color:var(--ck-boxBG)}
.checkListGroupUnit li:is(:hover,:focus),.btn-ckMore:is(:hover,:focus){
	background-color:var(--ck-boxBg-hover);
	transition:background-color .3s ease-in-out
}
.checkListGroupUnit ul{padding-left:1rem}
.checkListGroupUnit>ul>li{
	flex-flow:row nowrap;
	justify-content:space-between;
	align-items:flex-start
}
.checkListGroupUnit>ul>li>label,.checkListGroupUnit>ul>li>button{
	align-items:stretch;
	flex-grow:1;
	flex-basis:0;
	margin:0
}
.btn-ckMore{
	display:block;
	width:100%;
	height:var(--ck-item-height);
	color:var(--ck-text);
	padding-left: 1rem;
  padding-right: 1rem;
	border:0;
	-webkit-appearance:button;
}
.ck-group {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	align-items:center;
	height:var(--ck-item-height);
	padding-left:1rem;
	padding-right:1rem;
	color:var(--ck-text);
	min-width:0;
}
.ck-group:is(:hover,:active),.btn-ckMore:is(:hover,:active){
	cursor:pointer;
	color:var(--ck-text-hover);
	transition:color .3s ease-in-out
}
.ck-group+ul{padding-left:0}
.checkListGroupUnit li li .ck-group{padding-left:2rem}
.checkListGroupUnit li li li .ck-group{padding-left:3rem}
.checkListGroupUnit li li li li .ck-group{padding-left:4rem}
.checkListGroupUnit li li li li li .ck-group{padding-left:5rem}
.ck-group>label{
	display:flex;
	align-items:center;
	height:var(--ck-item-height);
	cursor:pointer;
	flex:1 1 auto;
	min-width:0;
	flex-direction:row;
	flex-wrap:nowrap;
}
.ck-group>label:only-child{flex:1 1 100%}
.ck-group>label .num{
	font-size:.875rem;
	margin-left:.5rem;
	color:var(--ck-textSecondary);
	background:var(--ck-boxBg-hover);
	padding:.094rem .25rem;
	border-radius:4px;
	flex:none;
}
.ck-group-unit{flex-grow:2}
.ck-group-unit.btn-dropdown{
	text-align:right;
	border:0;
	background:transparent;
	outline:none;
	line-height:var(--ck-item-height);
	min-width:1.75rem;
}
.ck-group input[type="checkbox"]{
	position:relative;
	appearance:initial;
	width:24px;
	height:24px;
	margin:0 5px 0 0;
	flex:none;
	border-radius:4px!important;
	cursor:pointer;
}
.ck-group input[type="checkbox"]:before {
	position:absolute;
	border:1px solid var(--ck-boxBd);
	border-radius:4px;
	background-color:var(--ck-itemBg);
	box-sizing:border-box;
	content:close-quote;
	display:inline-block;
	height:24px;
	width:24px;
	transition-duration:.5s;
	transition-property:background-color,border-color;
}
.ck-group input[type="checkbox"]:checked:before {
	border-color:transparent;
	background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='7'%3E%3Cpath fill='none' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M1 3.226L3.468 5.8 8.2 1'/%3E%3C/svg%3E") no-repeat;
	background-size:100%;
	background-position:0 2px;
	background-color:var(--ck-main);
}
.ck-group input[type="checkbox"]:disabled:before{background-color:#ddd}
.ck-group ._title{font-weight:900}
.btn-switch[aria-expanded="false"] i {transform:scaleY(1)}
.btn-switch[aria-expanded="true"] i {transform:scaleY(-1)}
.ck-close{
	height:1rem;
	width:1rem;
	margin-left:.375rem;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23394f66' class='bi bi-x-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}
.ellipsis{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
#showCheckGroup{
	--item-color:var(--bs-body-color);
	--item-border:var(--bs-secondary);
	--item-bg:transparent;
	--item-color_hover:#fff;
	--item-border_hover:var(--bs-gray);
	--item-bg_hover:var(--bs-gray);/* #6c757d */
	--item-shadow:rgba(108,117,125,.5);
	flex-wrap:wrap;
	word-break:break-all;
}
#showCheckGroup .item,#keyWords .item{
	display:flex;
	align-items:center;
	color:var(--item-color);
	border-radius:var(--ck-radius);
	border:1px solid var(--item-border);
	background:var(--item-bg);
	padding:0.3125em 0.65em;
	font-size:0.875rem;
	cursor:pointer;
	flex-wrap:wrap;
	word-break:break-all;
}
#showCheckGroup .item:hover,#keyWords .item:hover{
  color:var(--item-color_hover);
  background-color:var(--item-bg_hover);
  border-color:var(--item-border_hover);
}
#showCheckGroup .item:focus,#keyWords .item:focus{
  -webkit-box-shadow:0 0 0 .25rem var(--item-shadow);
  box-shadow:0 0 0 .25rem var(--item-shadow);
}
#showCheckGroup .item:hover>.ck-close{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-x-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E")}
#keyWords{
	--item-color:#000;
	--item-border:#ffc107;
	--item-bg:#ffc107;
	--item-color_hover:#000;
	--item-border_hover:#ffc720;
	--item-bg_hover:#ffca2c;
	--item-shadow:rgba(217,164,6,.5);
	flex-wrap:wrap;
	word-break:break-all;
}
#keyWords .item>.ck-close{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000000' class='bi bi-x-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E")}
.ck-group input[type="checkbox"]:checked ~ .ellipsis{font-weight:900}
.ck-group:has(+ ul > li > .ck-group > label > input[type="checkbox"]:checked){font-weight:900}