.ui-multiselect {
	text-align:left;
	position:relative;
	display: inline-block;
	vertical-align: middle;
    width:auto;
    color: #333;
    font-family: "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
    font-size: 1em !important;
    line-height: 140%;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: "";
    padding: 4px 20px 4px 4px;
	margin: 3px;
    border: 1px solid #409700;
    box-sizing: border-box;
    background: #FFF url(../images/select-bg.svg) no-repeat right;
    appearance: none;
    border-radius: 3px;
	box-shadow: inset 2px 2px 4px #ccc;
}
#searchCriteria .oneSection:has(.firstTx) .ui-multiselect{
    border-radius: 5px;
	max-width:calc(100% - 100px);
}
.ui-multiselect .ui-multiselect-open {
	position:absolute;
	right:0;top:50%;
	margin-top:-9px;
}
.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
	background-color:#fff;
}
.ui-state-hover, .ui-widget-content .ui-state-hover{
	background-color:#ddd;
	border: 1px solid #409700;
    color:#0e872a;
}
.ui-state-active, .ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active, a.ui-button:active,
.ui-button:active, .ui-button.ui-state-active:hover {
	color:#0e872a;
	background:#FFF url(../images/select-bg-on.svg) no-repeat right;
}
.ui-multiselect-menu {
	display:none;
	box-sizing:border-box;
	position:absolute;
	text-align:left;
	z-index: 101;
	width:auto;
	height:auto;
	padding:3px;
	font-size: 100%;
	min-width: 140px;
}
.ui-multiselect-menu.ui-multiselect-listbox {position:relative; z-index: 0;}
.ui-multiselect-header {
	display:block; box-sizing:border-box;
	position:relative; width:auto;
	padding:3px 0 3px 4px; margin-bottom:2px;
	border: 1px solid #ddd;
    background: #e9e9e9;
	color: #333;
    font-weight: bold;
}
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 150%;
    text-decoration: none;
    font-size:110%;
    list-style: none;
}
.ui-helper-reset li:has(.ui-multiselect-all){
	display: none;
}
.ui-icon{
	width:18px;
	height:18px;
	position:relative;
	display: flex;align-items: center;
	justify-content:center;
	box-sizing:border-box;
}
.ui-icon-circle-close{
	border-radius:20px;
	background-color:#666;
}
.ui-icon-circle-close::before,
.ui-icon-circle-close::after{
	content:"";
	display:block;
	width:10px;
	height:2px;
	background-color:#e9e9e9;
	transform: rotate(45deg);
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-5px;
	margin-top:-1px;
}
.ui-icon-circle-close::after{
	transform: rotate(-45deg);
}
.ui-icon-check::before{
	content:"";
	display:block;
	width:9px;
	height:6px;
	transform: rotate(-45deg);
	border-bottom:2px solid #666;
	border-left:2px solid #666;
	box-sizing:border-box;
	margin-top:-3px;
}
.ui-icon-closethick::before,
.ui-icon-closethick::after{
	content:"";
	display:block;
	width:10px;
	height:2px;
	background-color:#666;
	transform: rotate(45deg);
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-5px;
	margin-top:-1px;
}
.ui-icon-closethick::after{
	transform: rotate(-45deg);
}
.ui-multiselect-header > ul { font-size:0.9em;display:flex;flex-wrap:wrap;align-items: center; position:relative;}
.ui-multiselect-header li { margin:0 10px 0 0;}
.ui-multiselect-header a {
	text-decoration:none;display: flex;align-items: center;
	color:#333;
}
.ui-multiselect-header a:hover { text-decoration:underline; cursor: pointer;}
.ui-multiselect-header .ui-icon { }
.ui-multiselect-header li.ui-multiselect-close {
	position:absolute;
	right:0;top:50%;
	margin-top:-9px;
}
.ui-multiselect-checkboxes {
	display:block;
	box-sizing:border-box;
	position:relative;
	overflow:auto; width: auto;
	border: 0; padding: 4px 0;
	background-color:#fff;
}
.ui-multiselect-checkboxes li:first-of-type{ display: none;}
.ui-multiselect-checkboxes li:not(.ui-multiselect-optgroup) { clear:both; font-size:0.9em; list-style: none; padding-right:3px;}
.ui-multiselect-checkboxes label {
	border:1px solid transparent;
	padding:3px 1px;cursor:default;
	display: flex;align-items: center;
}
.ui-multiselect-checkboxes input {
	position:relative; top:1px; cursor: pointer;
	-webkit-appearance: checkbox;
}
.ui-corner-all input:has(+span){
	margin-right: 0.5em;
}
.ui-multiselect-checkboxes img { height: 30px; vertical-align: middle; margin-right: 3px;}
.ui-multiselect-grouplabel { border-bottom:1px solid; display:block; font-weight:bold; margin:1px 0; padding:3px; text-align:center; text-decoration:none; }
.ui-multiselect-selectable { cursor: pointer; }
.ui-multiselect-optgroup > ul { padding: 3px; }
.ui-multiselect-columns { display: inline-block; vertical-align: top; }
.ui-multiselect-collapser { padding: 0 1px; margin: 0; }
.ui-multiselect-collapsed > ul { display:none }

.ui-multiselect-single .ui-multiselect-checkboxes input { left:-9999px; position:absolute !important; top: auto !important; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important; text-indent: 0 !important; }

.ui-multiselect.ui-multiselect-nowrap { white-space: nowrap }
.ui-multiselect.ui-multiselect-nowrap > span { display: inline-block }
.ui-multiselect-checkboxes.ui-multiselect-nowrap li,
.ui-multiselect-checkboxes.ui-multiselect-nowrap a { white-space: nowrap }

.ui-multiselect-measure > .ui-multiselect-header,
.ui-multiselect-measure > .ui-multiselect-checkboxes { }
.ui-multiselect-measure > .ui-multiselect-checkboxes { margin: 4px; overflow-y: scroll; }

.ui-multiselect-resize { border: 2px dotted #00F }

@media screen and (max-width: 480px) {
	#searchCriteria .oneSection:has(.firstTx) .ui-multiselect{
		border-radius: 10px;
		max-width:100%;
	}
}
@media screen and (min-width: 1200px) {
    #searchCriteria .oneSection .ui-multiselect{
        height: 50px;
        font-size: 1.7em !important;
        line-height: 50px;
        padding: 0 20px 0 15px;
		max-width:calc(100% - 110px);
    }
}
@media print{
    .ui-multiselect-menu {display: none;}
}