/* CSS Document */
.datepicker--day-name { font-weight: 900; color: #888 !important; }
.datepicker--cell.-current- { color: #e81929 !important; }
.datepicker--cell.-current-.-focus- { color: #4a4a4a !important; }
.datepicker--cell.-current-.-in-range- { color: #e81929 !important; }
.datepicker--cell.-selected- { color: #dcdede !important; background: #e81929 !important; border: none; }
.datepicker--cell.-selected-.-current- { color: #fff !important; background: #e81929 !important; }
.datepicker--cell.-selected-.-focus- { color: #fff !important; background: #e81929 !important; }
_::-webkit-full-page-media, _:future, :root .Style-Form input[type='text'], _::-webkit-full-page-media, _:future, :root .Style-Form input[type='password'], _::-webkit-full-page-media, _:future, :root .Style-Form input[type='radio'], _::-webkit-full-page-media, _:future, :root .Style-Form input[type='checkbox'], _::-webkit-full-page-media, _:future, :root .Style-Form input[type='file'], _::-webkit-full-page-media, _:future, :root .Style-Form input[type='email'], _::-webkit-full-page-media, _:future, :root .Style-Form input[type='number'], _::-webkit-full-page-media, _:future, :root .Style-Form input[type='date'], _::-webkit-full-page-media, _:future, :root .Style-Form input[type='week'], _::-webkit-full-page-media, _:future, :root .Style-Form input[type='time'], _::-webkit-full-page-media, _:future, :root .Style-Form input[type='datetime-local'], _::-webkit-full-page-media, _:future, :root .Style-Form input[type='url'], _::-webkit-full-page-media, _:future, :root .Style-Form input[type='search'], _::-webkit-full-page-media, _:future, :root .Style-Form input[type='tel'], _::-webkit-full-page-media, _:future, :root .Style-Form select, _::-webkit-full-page-media, _:future, :root .Style-Form textarea { appearance: none; -moz-appearance: none; -webkit-appearance: none; }
_::-webkit-full-page-media, _:future, :root .Style-Form select { width: calc(100% - 16px + 2px) !important; }
_::-webkit-full-page-media, _:future, :root .Style-Form select + span { position: relative; z-index: 10; top: -25px; right: 20px; line-height: 0; width: 0; height: 0; float: right; }
_::-webkit-full-page-media, _:future, :root .Style-Form select + span::after { content: '\f0dd'; font-family: 'Font Awesome\ 5 Free'; font-weight: 900; width: 0; height: 0; float: left; opacity: .6; }

/* input-file */
.input-file > input[type='file'] { width: 1px; height: 1px; visibility: hidden; opacity: 0; }
.input-file .btn { font-size: 1rem; font-weight: normal; line-height: 1; min-width: auto; display: inline-block; padding: 0 12px 0 12px; color: #8a8fcf !important; background: #282d8b; border: 1px solid #282d8b; border-radius: 4px; opacity: 1; cursor: pointer; text-align: center; }
.input-file .file-selected { font-size: 1rem; padding-left: 16px; text-align: center; }

/**/
ul.Style-Form-Ul li { display: inline-block; white-space: nowrap; }

/* Style-Scroll */
.Style-Scroll-Y::-webkit-scrollbar { width: 8px; }
.Style-Scroll-Y::-webkit-scrollbar-thumb { background: #666; border-radius: 20px; }
.Style-Scroll-Y::-webkit-scrollbar-track { background: #ddd; border-radius: 20px; }
.Style-Scroll-X::-webkit-scrollbar { height: 8px; }
.Style-Scroll-X::-webkit-scrollbar-thumb { background: #666; border-radius: 20px; }
.Style-Scroll-X::-webkit-scrollbar-track { background: #ddd; border-radius: 20px; }

/* ---  vertical-align --- */
.Style-Button, .Style-Button * { position: relative; top: 0; vertical-align: middle; }
a.Style-Button { display: inline-block; vertical-align: middle; }
.Button-Input * { position: relative; top: 0; vertical-align: middle; }
.Style-Table * { position: relative; top: 0; vertical-align: middle; }
.Style-Pagination * { vertical-align: middle; }
.Style-Form * { position: relative; top: 0; vertical-align: middle; }

/* --- From Other --- */
.Style-Form div > label { width: auto; display: inline-block; }
.Style-Form strong { font-size: 1.05rem; font-weight: 400; line-height: 1.3; display: inline-block; padding: 4px 4px 4px 4px; color: #511252; }
.Style-Form fieldset.oneway strong { padding: 4px 0 4px 0 !important; }
.Style-Form strong em { color: #f00; }
.Style-Form label + b, .Style-Form input + b { font-size: 1rem; font-weight: 400; line-height: 1.3; display: block; padding: 0 4px 4px 4px; color: #c785c8; }
.Style-Form small { font-size: 12px; line-height: 1; display: block; margin: 0; padding: 4px 8px 0 8px; color: #f00; }
.Style-Form fieldset { display: inline-block; padding: 4px 8px; }
.Style-Form hr { margin: 10px 0 10px 0 !important; padding: 0; border: 0; }
.Style-From hr::after { content: ''; display: table; clear: both; }
.Style-From hr::before { content: ''; display: table; clear: both; }
.Style-Form div.button-right { text-align: right; }
.Style-Form div.button-center { text-align: center; }
.Style-Form div.button-left { text-align: left; }
.Style-Form .error { border: 1px solid #f00 !important; }
@media (min-width:0) and (max-width:600px) {
	.Style-Form div.button-right { text-align: center; }
	.Style-Form div.button-center { text-align: center; }
	.Style-Form div.button-left { text-align: center; }
}

/* Style form - input - placeholder */
.Style-Form input::-webkit-input-placeholder { font-family: 'Roboto', 'Arial', 'Microsoft JhengHei', 'Microsoft YaHei', 'PMingLiU', 'simhei', 'sans-serif'; font-size: 1rem; color: #ffb27d; }
.Style-Form input::-moz-placeholder { font-family: 'Roboto', 'Arial', 'Microsoft JhengHei', 'Microsoft YaHei', 'PMingLiU', 'simhei', 'sans-serif'; font-size: 1rem; color: #ffb27d; }
.Style-Form input::-ms-input-placeholder { font-family: 'Roboto', 'Arial', 'Microsoft JhengHei', 'Microsoft YaHei', 'PMingLiU', 'simhei', 'sans-serif'; font-size: 1rem; color: #ffb27d; }
.Style-Form input::placeholder { font-family: 'Roboto', 'Arial', 'Microsoft JhengHei', 'Microsoft YaHei', 'PMingLiU', 'simhei', 'sans-serif'; font-size: 1rem; color: #ffb27d; }

/* form - input */
.Style-Form input[type='file']::-webkit-file-upload-button { font-size: 15px; font-weight: 600; line-height: calc(40px - 14px); margin-right: 8px; padding: 0 10px 0 10px; color: #8a8fcf !important; background: #282d8b; border: 0; border-radius: 4px; }
.Style-Form input[type='text'], .Style-Form input[type='password'], .Style-Form input[type='radio'], .Style-Form input[type='checkbox'], .Style-Form input[type='button'], .Style-Form input[type='submit'], .Style-Form input[type='reset'], .Style-Form input[type='file'], .Style-Form input[type='email'], .Style-Form input[type='number'], .Style-Form input[type='date'], .Style-Form input[type='week'], .Style-Form input[type='time'], .Style-Form input[type='datetime-local'], .Style-Form input[type='url'], .Style-Form input[type='search'], .Style-Form input[type='tel'], .Style-Form select, .Style-Form textarea { position: relative; top: 0; font-size: 1rem; line-height: 1rem; margin-top: 0; margin-bottom: 0; }
.Style-Form label { font-size: 1rem; line-height: 1; margin: 0 0; margin-bottom: 0; }
.Style-Form input[type='text'], .Style-Form input[type='password'], .Style-Form input[type='file'], .Style-Form input[type='email'], .Style-Form input[type='number'], .Style-Form input[type='date'], .Style-Form input[type='week'], .Style-Form input[type='time'], .Style-Form input[type='datetime-local'], .Style-Form input[type='url'], .Style-Form input[type='search'], .Style-Form input[type='tel'], .Style-Form textarea { font-family: 'Roboto', 'Arial', 'Microsoft JhengHei', 'Microsoft YaHei', 'PMingLiU', 'simhei', 'sans-serif'; min-height: 40px; padding: 0 10px; color: #085820; background: #6bd089; border: 1px solid #138535; border-radius: 4px; margin: 1px 0; }
.Style-Form textarea { line-height: 1.5; margin: 1px 0; }
.Style-Form input[type='file'] { min-height: 40px; padding: 6px 6px; margin: 1px 0; }
.Style-Form input[type='text']:focus, .Style-Form input[type='password']:focus, .Style-Form input[type='file']:focus, .Style-Form input[type='email']:focus, .Style-Form input[type='number']:focus, .Style-Form input[type='date']:focus, .Style-Form input[type='week']:focus, .Style-Form input[type='time']:focus, .Style-Form input[type='datetime-local']:focus, .Style-Form input[type='url']:focus, .Style-Form input[type='search']:focus, .Style-Form input[type='tel']:focus, .Style-Form textarea:focus { border: 1px solid #89d06b; }
.Style-Form select { position: relative; min-height: 38px; box-sizing: content-box; margin: 1px 0px; color: #807900; background: #fffa99; border: 0; border: 1px solid #bfb500; border-radius: 4px; }
.Style-Form select:focus { border: 1px solid #ffc000; }
.Style-Form select option { font-weight: 300; padding: 0; color: #5c4500; background: #dfd0a3; text-indent: 8px; }
*::-ms-backdrop, .Style-Form select[size='1'] { margin-top: -1px; }
.Style-Form select[size='1'] option { color: #492911; background: #f28403; }
.Style-Form textarea { margin: 1px; padding: 10px 10px; }
.Style-Form textarea[rows='1'] { overflow: hidden; padding: 10px 10px; }
.Style-Form input[type='checkbox'], .Style-Form input[type='radio'], .Style-Form input[type='checkbox'] + span, .Style-Form input[type='radio'] + span, .Style-Form input[type='checkbox'] + span::before, .Style-Form input[type='radio'] + span::before { cursor: pointer; }

/**/
*::-ms-backdrop, .Style-Form input[type='checkbox'], .Style-Form input[type='radio'], .Style-Form input[type='checkbox'] + span, .Style-Form input[type='radio'] + span, .Style-Form input[type='checkbox'] + span::before, .Style-Form input[type='radio'] + span::before, .Style-Form input[type='checkbox'] + span::after, .Style-Form input[type='radio'] + span::after { cursor: pointer; }
.Style-Form input[type='checkbox'] + span, .Style-Form input[type='radio'] + span, .Style-Form input[type='checkbox'] + span::before, .Style-Form input[type='radio'] + span::before, .Style-Form input[type='checkbox'] + span::after, .Style-Form input[type='radio'] + span::after { display: inline-block; }
.Style-Form input[type='checkbox'] + span, .Style-Form input[type='radio'] + span { margin-right: 0; }
.Style-Form input[type='checkbox'] + span::before, .Style-Form input[type='radio'] + span::before, .Style-Form input[type='checkbox'] + span::after, .Style-Form input[type='radio'] + span::after { content: ''; float: left; pointer-events: none; }
.Style-Form input[type='checkbox'] { position: relative; width: 20px; height: 20px; opacity: 0; }
.Style-Form input[type='checkbox'] + span + label { position: relative; font-size: 1rem; line-height: 1; color: #e300d7; cursor: pointer; white-space: nowrap; }
.Style-Form input[type='radio'] { position: relative; width: 20px; height: 20px; opacity: 0; }
.Style-Form input[type='radio'] + span + label { position: relative; font-size: 1rem; line-height: 1; color: #e300d7; cursor: pointer; white-space: normal; }
.Style-Form input[type='checkbox'] + span::before { position: relative; top: 0; left: -20px; width: 20px; height: 20px; margin-right: -20px; padding: 0; background-color: #db71d7; border: 2px solid #b5009a; border-radius: 3px; }
.Style-Form input[type='radio'] + span::before { position: relative; top: 0; left: -20px; width: 20px; height: 20px; margin-right: -20px; padding: 0; background-color: #db71d7; border: 2px solid #b5009a; border-radius: 100px; }
.Style-Form input[type='checkbox'] + span::after { content: '\f00c'; position: relative; top: 2px; font-family: 'Font Awesome\ 5 Free'; font-size: 16px; font-weight: 900; line-height: 16px; margin-left: -18px; text-indent: -9999px; text-transform: uppercase; }
.Style-Form input[type='checkbox']:checked + span::after { color: #470140; text-indent: 0; }
.Style-Form input[type='radio'] + span::after { content: '\f111'; position: relative; top: 4px; font-family: 'Font Awesome\ 5 Free'; font-size: 13px; font-weight: 900; line-height: 13px; margin-left: -16.5px; text-indent: -9999px; text-transform: uppercase; }
.Style-Form input[type='radio']:checked + span::after { color: #470140; text-indent: 0; }
_::-webkit-full-page-media, _:future, :root .Style-Form input[type='radio'] + span::after { top: 2px; }

/* disabled */
.Style-Form input:read-only { color: #c8cae3; opacity: 1; }
.Style-Form select:disabled { opacity: .4; }
.Style-Form select:disabled { opacity: .4; }
.Style-Form select:disabled option { opacity: .4; }
.Style-Form select option[disabled] { opacity: .4; }
.Style-Form select option[selected] { opacity: .4; }
.Style-Form textarea:disabled { opacity: .4; }
.Style-Form input:disabled { opacity: .4; }
.Style-Form input[type='checkbox']:disabled { opacity: 0; }
.Style-Form input[type='checkbox']:disabled + span::before { opacity: .4; }
.Style-Form input[type='checkbox']:disabled + span + label { opacity: .4; }
.Style-Form input[type='radio']:disabled { opacity: 0; }
.Style-Form input[type='radio']:disabled + span::before { opacity: .4; }
.Style-Form input[type='radio']:disabled + span + label { opacity: .4; }
*::-ms-backdrop, .Style-Form input[type='radio']:disabled:checked + span::before { line-height: 9px; }
*::-ms-backdrop, .Style-Form input[type='radio']:checked + span::before { line-height: 11px; }

/* ------------------  form - Full  ------------------ */
.Style-Form-Full div::after, .Style-Form-Full div::before { content: ''; display: table; clear: both; }
.Style-Form-Full fieldset { display: block; margin-bottom: 0; padding: 0 8px 0 8px; }
.Style-Form-Full input[type='text'], .Style-Form-Full input[type='password'], .Style-Form-Full input[type='file'], .Style-Form-Full input[type='email'], .Style-Form-Full input[type='number'], .Style-Form-Full input[type='date'], .Style-Form-Full input[type='week'], .Style-Form-Full input[type='time'], .Style-Form-Full input[type='datetime-local'], .Style-Form-Full input[type='url'], .Style-Form-Full input[type='search'], .Style-Form-Full input[type='tel'] { width: 100%; display: block; }
.Style-Form-Full textarea { width: 100%; display: block; }
.Style-Form-Full select { width: calc(100% - 4px); display: block; margin-left: 1px; }
.Style-Form-Full select[size='1'] { width: calc(100%  - 2px); display: block; margin-left: 0; }

/* ------------------  form - Form-FilterBar ------------------ */
ul.Form-FilterBar { font-size: 0; line-height: 0; display: inline; margin: 0; padding: 0; }
ul.Form-FilterBar > li { font-size: 1rem; line-height: 1; display: inline-block; padding: 4px 2px; white-space: nowrap; }
ul.Form-FilterBar > li input[type='text'], ul.Form-FilterBar > li > input[type='password'], ul.Form-FilterBar > li > input[type='file'], ul.Form-FilterBar > li > input[type='email'], ul.Form-FilterBar > li > input[type='number'], ul.Form-FilterBar > li > input[type='date'], ul.Form-FilterBar > li > input[type='week'], ul.Form-FilterBar > li > input[type='time'], ul.Form-FilterBar > li > input[type='datetime-local'], ul.Form-FilterBar > li > input[type='url'], ul.Form-FilterBar > li > input[type='search'], ul.Form-FilterBar > li > input[type='tel'] { width: auto !important; }
ul.Form-FilterBar > li > select[size='1'] { position: relative; }
.Form-FilterBar::after { content: ''; display: table; clear: both; }
ul.Form-FilterBar > li > label + br + fieldset { min-height: 40px; padding-top: 10px; }

/* ------------------  form - Form-FilterBar ------------------ */
.Button-Input { position: relative; float: right; }
.Button-Input i { position: absolute; z-index: 1; margin-top: 19px; margin-right: -4px; padding: 4px 5px 4px 4px; color: #cdf211; background: #13e6cc; border: 1px solid #d4e3c9; border-radius: 4px; transform: translate(-120%, -50%); pointer-events: none; }
.Button-Input a:hover i { color: #ff7f27; background: #ddc411; border: 1px solid #ddb95f; }
.Button-Input a { pointer-events: auto; }
.Button-Input a i { pointer-events: auto; }
.Button-Input.sm i { font-size: .8rem; margin-top: 15px; padding: 4px 3px 3px 3px; }
.Button-Input.lg i { font-size: 1.2rem; margin-top: 23px; padding: 7px 7px 7px 7px; }
.Button-Input.xl i { font-size: 1.4rem; margin-top: 26px; padding: 9px 9px 9px 9px; }

/* only IE11 */
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, .Button-Input a > i { margin-top: 19px; transform: translate(-120%, 10%); padding: 5px 5px 5px 5px; }
	*::-ms-backdrop, .Button-Input.sm a > i { margin-top: 19px; }
	*::-ms-backdrop, .Button-Input.lg a > i { margin-top: 19px; }
	*::-ms-backdrop, .Button-Input.xl a > i { margin-top: 19px; }
	*::-ms-backdrop, .Button-Input i { margin-top: 4px; transform: translate(-120%, 10%); padding: 5px 5px 5px 5px; }
	*::-ms-backdrop, .Button-Input.sm i { margin-top: 4px; }
	*::-ms-backdrop, .Button-Input.lg i { margin-top: 4px; }
	*::-ms-backdrop, .Button-Input.xl i { margin-top: 4px; }
}
@-moz-document url-prefix() {
	.Button-Input a > i { margin-top: 18px; transform: translate(-120%, 10%); padding: 5px 5px 5px 5px; }
	.Button-Input.sm a > i { margin-top: 18px; }
	.Button-Input.lg a > i { margin-top: 18px; }
	.Button-Input.xl a > i { margin-top: 18px; }
	.Button-Input i { margin-top: 4px; transform: translate(-120%, 10%); padding: 5px 5px 5px 5px; }
	.Button-Input.sm i { margin-top: 4px; }
	.Button-Input.lg i { margin-top: 4px; }
	.Button-Input.xl i { margin-top: 4px; }
}
.InputIcon-Right::before { content: ''; position: absolute; z-index: 1; top: 50%; right: 0px; line-height: 16px; padding: 4px 5px 4px 4px; color: #cdf211; color: #cdf211; background: #13e6cc; border: 1px solid #d4e3c9; border-radius: 4px; transform: translate(-8px, -50%); }
.InputIcon-Left::before { content: ''; position: absolute; z-index: 1; top: 50%; left: 0px; line-height: 16px; padding: 4px 5px 4px 4px; color: #cdf211; color: #cdf211; background: #13e6cc; border: 1px solid #d4e3c9; border-radius: 4px; transform: translate(8px, -50%); }
.InputIcon-Left input[type="text"] { padding-left: 38px; }
.icon-Search::before { content: '\f002'; font-family: 'Font Awesome 5 Free'; font-weight: 900; }
.icon-Calendar::before { content: '\f073'; font-family: 'Font Awesome 5 Free'; font-weight: 900; }
.InputIcon-Right.sm::before, .InputIcon-Left.sm::before { font-size: .8rem; line-height: 1; padding: 4px 3px 3px 3px; }
.InputIcon-Right.lg::before, .InputIcon-Left.lg::before { font-size: 1.2rem; line-height: 1; padding: 7px 7px 7px 7px; }
.InputIcon-Right.xl::before, .InputIcon-Left.xl::before { font-size: 1.4rem; line-height: 1; padding: 9px 9px 9px 9px; }
.InputIcon-Left.sm input[type="text"] { padding-left: 32px; }
.InputIcon-Left.lg input[type="text"] { padding-left: 48px; }
.InputIcon-Left.xl input[type="text"] { padding-left: 54px; }

/* only IE11 */
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, .InputIcon-Right::before { transform: translate(-8px, -40%); }
	*::-ms-backdrop, .InputIcon-Right.sm::before { margin-top: 0; }
	*::-ms-backdrop, .InputIcon-Right.lg::before { margin-top: 0; }
	*::-ms-backdrop, .InputIcon-Right.xl::before { margin-top: 0; }
	*::-ms-backdrop, .InputIcon-Left::before { transform: translate(8px, -40%); }
	*::-ms-backdrop, .InputIcon-Left.sm::before { margin-top: 0; }
	*::-ms-backdrop, .InputIcon-Left.lg::before { margin-top: 0; }
	*::-ms-backdrop, .InputIcon-Left.xl::before { margin-top: 0; }
}
@-moz-document url-prefix() {
	.InputIcon-Right::before { transform: translate(-10px, -40%); }
	.InputIcon-Right.sm::before { margin-top: 0px; }
	.InputIcon-Right.lg::before { margin-top: -1px; }
	.InputIcon-Right.xl::before { margin-top: -2px; }
	.InputIcon-Left::before { transform: translate(10px, -40%); }
	.InputIcon-Left.sm::before { margin-top: 0px; }
	.InputIcon-Left.lg::before { margin-top: -1px; }
	.InputIcon-Left.xl::before { margin-top: -2px; }
}

/* ------------------  form - Button ------------------ */

/* Button */
.Style-Button { width: initial; }
input[type='button'].Style-Button, input[type='submit'].Style-Button, input[type='reset'].Style-Button, button.Style-Button { font-size: 1rem; font-weight: normal; line-height: 16px; min-width: auto; min-height: 40px; display: inline-block; margin: 1px 1px; padding: 0 12px 0 12px; color: #ba9ada; background: #5b1d97; border: 1px solid #1c0234; border-radius: 4px; opacity: 1; cursor: pointer; }
a.Style-Button { font-size: 1rem; font-weight: normal; line-height: calc(40px - 2px); min-width: auto; min-height: 40px; display: inline-block; display: inline-block; margin: 2px 1px; padding: 0 12px 0 12px; color: #ba9ada; background: #5b1d97; border: 1px solid #1c0234; border-radius: 4px; opacity: 1; cursor: pointer; text-align: center; }
input[type='button'].Style-Button:hover, input[type='submit'].Style-Button:hover, input[type='reset'].Style-Button:hover, button.Style-Button:hover, input[type='button'].Style-Button:focus, input[type='submit'].Style-Button:hover, input[type='reset'].Style-Button:focus, button.Style-Button:focus { opacity: .6; text-decoration: none; }
a.Style-Button:hover, a.Style-Button:focus { opacity: .6; text-decoration: none; }
input[type='button'].Style-Button i, input[type='submit'].Style-Button i, input[type='reset'].Style-Button i, button.Style-Button i { line-height: .1; border: 1px solid transparent; }
a.Style-Button i { line-height: .1 !important; border: 1px solid transparent; }
.Style-Button .file-input { position: absolute; z-index: -1; width: .1px; height: .1px; display: none; overflow: hidden; opacity: 0; }
.Style-Button .file-label { position: relative; top: 0; font-size: 1rem; font-weight: normal; line-height: calc(40px - 2px); min-width: auto; min-height: 40px; display: inline-block; display: inline-block; margin: 1px 1px; padding: 0 12px 0 12px; color: #ffedee !important; background: #f47378; border: 1px solid #965255; border-radius: 4px; opacity: 1; cursor: pointer; cursor: pointer; text-align: center; }
.Style-Button .file-label i { line-height: .1; }

/* SM */
.Style-Form select.sm { min-height: calc(32px - 2px) !important; }
.Style-Form select[size='1'].sm { min-height: calc(32px - 2px) !important; }
.Style-Form input[type='text'].sm, .Style-Form input[type='password'].sm, .Style-Form input[type='button'].sm, .Style-Form input[type='file'].sm, .Style-Form input[type='email'].sm, .Style-Form input[type='number'].sm, .Style-Form input[type='date'].sm, .Style-Form input[type='week'].sm, .Style-Form input[type='time'].sm, .Style-Form input[type='datetime-local'].sm, .Style-Form input[type='url'].sm, .Style-Form input[type='search'].sm, .Style-Form input[type='tel'].sm { min-height: 32px; }
.Style-Button.sm .file-label { line-height: calc(32px - 2px); min-height: 32px; padding: 0 8px 0 8px; }
input.Style-Button.sm, button.sm, a.sm { line-height: calc(32px - 2px); min-height: 32px; padding: 0 8px 0 8px; }
.Style-Form input[type='file'].sm { min-height: 32px; padding: 2px 6px; vertical-align: middle; }
.Style-Form input[type='file'].sm::-webkit-file-upload-button { font-size: 15px; vertical-align: middle; }

/* LG */
.Style-Form select.lg { min-height: calc(48px - 2px) !important; }
.Style-Form select[size='1'].lg { min-height: calc(48px - 2px) !important; }
.Style-Form input[type='text'].lg, .Style-Form input[type='password'].lg, .Style-Form input[type='button'].lg, .Style-Form input[type='email'].lg, .Style-Form input[type='number'].lg, .Style-Form input[type='date'].lg, .Style-Form input[type='week'].lg, .Style-Form input[type='time'].lg, .Style-Form input[type='datetime-local'].lg, .Style-Form input[type='url'].lg, .Style-Form input[type='search'].lg, .Style-Form input[type='tel'].lg { min-height: 48px; }
.Style-Button.lg .file-label { line-height: calc(48px - 2px); min-height: 48px; padding: 0 12px 0 12px; }
input.Style-Button.lg, button.lg, a.lg { line-height: calc(48px - 2px); min-height: 48px; padding: 0 12px 0 12px; }
.Style-Form input[type='file'].lg { min-height: 48px; }
.Style-Form input[type='file'].lg::-webkit-file-upload-button { font-size: 15px; line-height: calc(48px - 14px); vertical-align: middle; }

/* XL */
.Style-Form select.xl { min-height: calc(56px - 2px) !important; }
.Style-Form select[size='1'].xl { min-height: calc(56px - 2px) !important; }
.Style-Form input[type='text'].xl, .Style-Form input[type='password'].xl, .Style-Form input[type='button'].xl, .Style-Form input[type='email'].xl, .Style-Form input[type='number'].xl, .Style-Form input[type='date'].xl, .Style-Form input[type='week'].xl, .Style-Form input[type='time'].xl, .Style-Form input[type='datetime-local'].xl, .Style-Form input[type='url'].xl, .Style-Form input[type='search'].xl, .Style-Form input[type='tel'].xl { min-height: 56px; }
.Style-Button.xl .file-label { line-height: calc(56px - 2px); min-height: 56px; padding: 0 20px 0 20px; }
input.Style-Button.xl, button.xl, a.xl { line-height: calc(56px - 2px); min-height: 56px; padding: 0 20px 0 20px; }
.Style-Form input[type='file'].xl { min-height: 56px; }
.Style-Form input[type='file'].xl::-webkit-file-upload-button { font-size: 15px; line-height: calc(56px - 14px); vertical-align: middle; }

/* -------------------------------- table ---------------------------- */

/* table */
.Style-Table { width: calc(100% - 2px); margin-bottom: 4px; padding: 0; background-color: #fff; border: 0 solid #d9d9d9; }
.Style-Table table { width: 100%; display: table; margin: 0; border-spacing: 0; border-collapse: collapse; background-color: #fff; }
.Style-Table thead { margin: 0; padding: 0; border: 1px solid #d9d9d9; }
.Style-Table tbody { margin: 0; margin-bottom: 0; padding: 0; background-color: transparent; border: 1px solid #d9d9d9; border-bottom: 0; }
.Style-Table tfoot { display: inline-block; margin: 0; padding: 0; padding-bottom: 8px; background-color: transparent; }
.Style-Table tbody tr { background-color: transparent; border-bottom: 1px solid #d9d9d9; }
.Style-Table tbody tr:nth-child(odd) { background-color: rgba(128, 128, 128, .15); }
.Style-Table tbody tr:nth-child(even) { background-color: rgba(128, 128, 128, .07); }
.Style-Table th { font-size: 1rem; font-weight: 500; line-height: 1.4; display: table-cell; padding: 10px 10px 10px 10px; color: #f0f; background: #e6ebf7 !important; background-color: transparent; border: 0; border-left: 1px solid #d9d9d9; white-space: nowrap; }
.Style-Table th p { font-size: 1rem; font-weight: 500; line-height: 1.4; }
.Style-Table td { font-size: 1rem; line-height: 1.5; display: table-cell; padding: 8px 10px; color: #593559; border: 0; border-left: 1px solid #d9d9d9; text-align: left; }
.Style-Table th p { font-size: 1rem; line-height: 1.5; }
.Style-Table td[align='center'], .Style-Table th[align='center'] { text-align: center; }
.Style-Table td[align='left'], .Style-Table th[align='left'] { text-align: left; }
.Style-Table td[align='right'], .Style-Table th[align='right'] { text-align: right; }
.Style-Table td a { line-height: 1; color: #a300a3; vertical-align: middle; text-decoration: none; }
.Style-Table td a:hover { color: #420042; }
.Style-Table.Style-Table-Hover tbody tr:hover { background-color: #b197b1; }
.Style-Table input[type='text'] { position: relative; top: 0; min-height: 32px; padding: 0 6px 0 6px; vertical-align: middle; }
.Style-Table select[size='1'] { position: relative; top: 0; min-height: 32px; padding: 0 0 0 0; }
.Style-Table .Style-Button { min-height: 32px; padding: 7px 8px 7px 8px; }
.w3-responsive .Style-Table td, .w3-responsive .Style-Table th { white-space: nowrap; }
.Style-Table th.item-num, .Style-Table td.item-num { padding-left: 16px; }
.Table-BatchBar { padding: 8px 0; }
.Style-Table ul.List-Input li { font-weight: 300; display: inline-block; float: left; list-style: none; }

/* .Style-Table-Link */
.Style-Table-Link td p, .Style-Table-Link td a { line-height: 1.8 !important; }
.Style-Table-Link td a { display: block; color: #a300a3; }
.Style-Table-Link td a:hover { display: block; color: #420042; }

/* Paginatio */
.PaginationOut { display: block; }
@media (min-width:0) and (max-width:800px) {
	.PaginationOut { width: initial; }
}
.Style-Pagination { width: initial; display: inline-block; }
.Style-Pagination ul, .Style-Pagination ul li { display: inline; }
.Style-Pagination a { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 15px !important; line-height: 32px; width: 32px; height: 32px; display: inline-block; overflow: hidden; color: #5e7200; border-radius: 100px !important; text-align: center; }
.Style-Pagination a:hover, .Style-Pagination a:focus { font-weight: bold !important; color: #d9cf0c !important; background-color: #c0c991 !important; }
.Style-Pagination li.active a { font-weight: bold !important; color: #5e7200 !important; background-color: #b6e000 !important; }
.Style-Pagination li.active:hover a, .Style-Pagination li.active:focus a { color: #424a19 !important; background-color: #718a06 !important; }
.Style-Pagination a.arrow { background-color: transparent; }
.Style-Pagination a.arrow i { font-size: 15px; line-height: 32px; color: #999 !important; }
.Style-Pagination a.arrow:hover, .Style-Pagination a.arrow:hover { color: #303a00 !important; background-color: #d2daac !important; }
.Style-Pagination a.arrow:hover i, .Style-Pagination a.arrow:focus i { color: #303a00 !important; }
@media (min-width:0) and (max-width:600px) {
	.Style-Pagination { width: initial; }
	.Style-Pagination ul { position: relative; top: -2px; }
	.Style-Pagination a { font-size: 14px !important; line-height: 28px !important; width: 28px; height: 28px; display: inline-block; color: #5e7200; text-align: center; }
	.Style-Pagination a.arrow { position: relative; top: -2px; }
	.Style-Pagination a:hover, .Style-Pagination a:focus { font-weight: normal !important; color: #d9cf0c !important; background-color: #c0c991 !important; }
	.Style-Pagination a.arrow i { font-size: 14px !important; line-height: 28px !important; }
}
*::-ms-backdrop, select option[hidden] { display: none; }