@charset "UTF-8";
:root {
    --input-border-color: #a6a6a6;
    --input-hover-border-color: #212121;
    --input-focus-border-color: #1888d0
}

@font-face {
    font-family: Microsoft JhengHei !important;
    font-style: normal;
    font-weight: 300;
    src: url("/javax.faces.resource/fonts/open-sans-v13-latin-300.eot.xhtml?ln=primefaces&v=8.0");
    src: local("Open Sans Light"), local("OpenSans-Light"), url("/javax.faces.resource/fonts/open-sans-v13-latin-300.eot.xhtml?ln=primefaces&v=8.0?#iefix") format("embedded-opentype"), url("/javax.faces.resource/fonts/open-sans-v13-latin-300.woff2.xhtml?ln=primefaces&v=8.0") format("woff2"), url("/javax.faces.resource/fonts/open-sans-v13-latin-300.woff.xhtml?ln=primefaces&v=8.0") format("woff"), url("/javax.faces.resource/fonts/open-sans-v13-latin-300.ttf.xhtml?ln=primefaces&v=8.0") format("truetype"), url("/javax.faces.resource/fonts/open-sans-v13-latin-300.svg.xhtml?ln=primefaces&v=8.0#OpenSans") format("svg")
}

@font-face {
    font-family: Microsoft JhengHei !important;
    font-style: normal;
    font-weight: 400;
    src: url("/javax.faces.resource/fonts/open-sans-v13-latin-regular.eot.xhtml?ln=primefaces&v=8.0");
    src: local("Open Sans"), local("OpenSans"), url("/javax.faces.resource/fonts/open-sans-v13-latin-regular.eot.xhtml?ln=primefaces&v=8.0?#iefix") format("embedded-opentype"), url("/javax.faces.resource/fonts/open-sans-v13-latin-regular.woff2.xhtml?ln=primefaces&v=8.0") format("woff2"), url("/javax.faces.resource/fonts/open-sans-v13-latin-regular.woff.xhtml?ln=primefaces&v=8.0") format("woff"), url("/javax.faces.resource/fonts/open-sans-v13-latin-regular.ttf.xhtml?ln=primefaces&v=8.0") format("truetype"), url("/javax.faces.resource/fonts/open-sans-v13-latin-regular.svg.xhtml?ln=primefaces&v=8.0#OpenSans") format("svg")
}

@font-face {
    font-family: Microsoft JhengHei !important;
    font-style: normal;
    font-weight: 700;
    src: url("/javax.faces.resource/fonts/open-sans-v13-latin-700.eot.xhtml?ln=primefaces&v=8.0");
    src: local("Open Sans Bold"), local("OpenSans-Bold"), url("/javax.faces.resource/fonts/open-sans-v13-latin-700.eot.xhtml?ln=primefaces&v=8.0?#iefix") format("embedded-opentype"), url("/javax.faces.resource/fonts/open-sans-v13-latin-700.woff2.xhtml?ln=primefaces&v=8.0") format("woff2"), url("/javax.faces.resource/fonts/open-sans-v13-latin-700.woff.xhtml?ln=primefaces&v=8.0") format("woff"), url("/javax.faces.resource/fonts/open-sans-v13-latin-700.ttf.xhtml?ln=primefaces&v=8.0") format("truetype"), url("/javax.faces.resource/fonts/open-sans-v13-latin-700.svg.xhtml?ln=primefaces&v=8.0#OpenSans") format("svg")
}

body a {
    color: #1888d0;
    text-decoration: none
}

body::-webkit-input-placeholder {
    color: #666
}

body:-moz-placeholder {
    color: #666
}

body::-moz-placeholder {
    color: #666
}

body:-ms-input-placeholder {
    color: #666
}

body .ui-inputfield.ui-state-focus:not(.ui-state-error) {
    border-color: #1888d0;
    outline: 0 none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token {
    padding: .10725em 0;
    margin: .10725em .286em .10725em 0;
    background: #1888d0;
    color: #fff
}

body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight {
    background-color: #1888d0;
    color: #fff
}

body .ui-autocomplete-itemtip {
    background: #1888d0;
    color: #fff
}

body .ui-chkbox .ui-chkbox-box.ui-state-focus {
    border-color: #1888d0;
    background-color: #fff;
    color: #1888d0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

body .ui-chkbox .ui-chkbox-box.ui-state-active {
    border-color: #1888d0;
    background-color: #1888d0;
    color: #fff
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-focus {
    border-color: #1888d0;
    background-color: #fff;
    color: #1888d0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-focus .ui-icon-bullet {
    background-color: #1888d0
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-active {
    border-color: #1888d0;
    background-color: #1888d0;
    color: #fff
}

body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon,
body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon {
    font-family: 'primeicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
    text-align: center;
    background: 0;
    display: inline-block;
    font-size: 1.25em;
    position: absolute;
    left: 1.1146em;
    top: 50%;
    margin-top: -0.5em;
    color: #1888d0
}

body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight,
body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight {
    background-color: #1888d0;
    color: #fff
}

body .ui-selectonemenu.ui-state-focus:not(.ui-state-error) {
    border-color: #1888d0;
    outline: 0 none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {
    font-family: 'primeicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
    text-align: center;
    background: 0;
    display: inline-block;
    font-size: 1.25em;
    position: absolute;
    left: 1.1146em;
    top: 50%;
    margin-top: -0.5em;
    color: #1888d0
}

body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight {
    background-color: #1888d0;
    color: #fff
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token {
    padding: .10725em 0;
    margin: .10725em .286em .10725em 0;
    background: #1888d0;
    color: #fff
}

body .ui-selectcheckboxmenu.ui-state-focus:not(.ui-state-error) {
    border-color: #1888d0;
    outline: 0 none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon {
    font-family: 'primeicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
    text-align: center;
    background: 0;
    display: inline-block;
    font-size: 1.25em;
    position: absolute;
    left: .429em;
    top: 50%;
    margin-top: -0.5em;
    color: #1888d0
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover {
    color: #1888d0
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight {
    background-color: #1888d0;
    color: #fff
}

body .ui-chips .ui-chips-container .ui-chips-token {
    padding: .10725em 0;
    margin: .10725em .286em .10725em 0;
    background: #1888d0;
    color: #fff
}

body .ui-rating .ui-rating-star-on a {
    font-family: 'primeicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
    text-align: center;
    background: 0;
    display: inline-block;
    font-size: 1.25em;
    display: block;
    font-size: 1.55em;
    height: auto;
    width: auto;
    color: #1888d0
}

body .ui-slider .ui-slider-handle.ui-state-hover {
    border: 2px solid #1888d0;
    background-color: 2px solid #666
}

body .ui-slider .ui-slider-handle.ui-state-focus {
    border: 2px solid #1888d0;
    background-color: #1888d0;
    outline: 0 none
}

body .ui-slider .ui-slider-range {
    background-color: #1888d0
}

body .ui-datepicker .ui-datepicker-next:hover,
body .ui-datepicker .ui-datepicker-prev:hover {
    color: #1888d0
}

body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active {
    background-color: #1888d0;
    color: #fff
}

body .ui-datepicker .ui-timepicker .ui-picker-up:hover {
    color: #1888d0
}

body .ui-datepicker .ui-timepicker .ui-picker-down:hover {
    color: #1888d0
}

body .ui-datepicker .ui-monthpicker .ui-monthpicker-month.ui-state-active {
    background-color: #1888d0;
    color: #fff
}

body .ui-spinner .ui-spinner-button.ui-button.ui-state-active {
    background-color: #1888d0;
    color: #fff;
    border: 0 none
}

body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight {
    background-color: #1888d0;
    color: #fff
}

body .ui-inputswitch.ui-inputswitch-checked {
    border-color: #a6a6a6;
    background-color: #1888d0;
    color: #fff
}

body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider {
    background-color: #1888d0
}

body #keypad-div button.ui-state-active,
body .keypad-popup button.ui-state-active {
    background-color: #1888d0;
    border: 1px solid #1888d0;
    color: #fff
}

body #keypad-div button.keypad-shift,
body #keypad-div button.keypad-spacebar,
body #keypad-div button.keypad-enter,
body #keypad-div button.keypad-clear,
body #keypad-div button.keypad-back,
body #keypad-div button.keypad-close,
body #keypad-div button.keypad-tab,
body .keypad-popup button.keypad-shift,
body .keypad-popup button.keypad-spacebar,
body .keypad-popup button.keypad-enter,
body .keypad-popup button.keypad-clear,
body .keypad-popup button.keypad-back,
body .keypad-popup button.keypad-close,
body .keypad-popup button.keypad-tab {
    background-color: #1888d0;
    border: 1px solid transparent;
    color: #fff;
    font-weight: 700
}

body .ui-button::not(.ui-selectbooleanbutton) {
    background-color: #1888d0;
    color: #fff;
    border: 1px solid #1888d0;
    font-size: 14px;
    margin: 0;
    margin-right: .1em;
    outline: 0 none;
    -moz-transition: background-color .3s;
    -o-transition: background-color .3s;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

body .ui-button.secondary-button.ui-state-active {
    background-color: #1888d0;
    border-color: #1888d0;
    color: #fff
}

body .ui-button.info-btn {
    background-color: #1888d0;
    color: #fff;
    border: 1px solid #1888d0
}

body .ui-selectbooleanbutton.ui-state-active,
body .ui-buttonset:not(.ui-splitbutton)>.ui-button.ui-state-active {
    background-color: #1888d0;
    border-color: #1888d0;
    color: #fff
}

body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon {
    font-family: 'primeicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
    text-align: center;
    background: 0;
    display: inline-block;
    font-size: 1.25em;
    position: absolute;
    left: 1.286em;
    top: 50%;
    margin-top: -0.5em;
    color: #1888d0
}

body .ui-accordion .ui-accordion-header.ui-state-active {
    border: 1px solid #1888d0;
    background-color: #1888d0;
    color: #fff
}

body .ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-active {
    background-color: #1888d0;
    border: 1px solid #1888d0
}

body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-active {
    border: 1px solid #1888d0;
    background-color: #1888d0;
    color: #fff
}

body .ui-panelgrid .ui-panelgrid-cell {
    border: 1px solid #c8c8c8;
    /*background-color: #fff;*/
    color: #333;
    padding: .571em 1em
}

body .ui-fieldset .ui-fieldset-legend.ui-state-active {
    border: 1px solid #1888d0;
    background-color: #1888d0;
    color: #fff
}

body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight {
    border: 1px solid #1888d0;
    background-color: #1888d0;
    color: #fff
}

body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
    background-color: #1888d0;
    color: #fff
}

body .ui-datatable thead th.ui-state-active {
    background-color: #1888d0;
    color: #fff
}

body .ui-datatable .ui-datatable-data>tr.ui-state-highlight {
    border: 1px solid #c8c8c8;
    background-color: #1888d0;
    color: #fff;
    cursor: default
}

body .ui-datatable .ui-datatable-data>tr.ui-datatable-rowordering {
    background-color: #1888d0
}

body .ui-datatable .ui-column-resizer-helper {
    background-color: #1888d0
}

@media(max-width:640px) {
    body .ui-datatable-reflow .ui-datatable-data tr:hover,
    body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight {
        border-left: 0 none;
        border-right: 0 none
    }
}

body .ui-picklist .ui-picklist-filter-container .ui-icon {
    font-family: 'primeicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
    text-align: center;
    background: 0;
    display: inline-block;
    font-size: 1.25em;
    position: absolute;
    left: .429em;
    top: 50%;
    margin-top: -0.7145em;
    color: #1888d0
}

body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight {
    background-color: #1888d0;
    color: #fff
}

body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight {
    background-color: #1888d0;
    color: #fff
}

body .ui-treetable thead th.ui-state-active {
    background-color: #1888d0;
    color: #fff
}

body .ui-treetable .ui-treetable-data>tr.ui-state-highlight {
    border: 1px solid #c8c8c8;
    background-color: #1888d0;
    color: #fff
}

body .ui-treetable .ui-treetable-data>tr>td .ui-chkbox.ui-selection .ui-icon-check {
    color: #1888d0
}

body .ui-treetable .ui-column-resizer-helper {
    background-color: #1888d0
}

body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight {
    background-color: #1888d0;
    color: #fff
}

body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-chkbox-icon {
    color: #1888d0
}

body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover {
    background-color: #1888d0
}

body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight {
    background-color: #1888d0;
    color: #fff
}

body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight .ui-chkbox .ui-chkbox-box {
    background-color: #1888d0;
    border-color: #fff
}

body .ui-tree .ui-tree-filter-container .ui-icon {
    font-family: 'primeicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
    text-align: center;
    background: 0;
    display: inline-block;
    font-size: 1.25em;
    position: absolute;
    left: .429em;
    top: 50%;
    margin-top: -0.5em;
    color: #1888d0
}

body .ui-tree-draghelper {
    border: 1px solid #1888d0
}

body .ui-tagcloud a.ui-state-hover {
    background-color: #1888d0;
    color: #fff
}

body .ui-columntoggler .ui-columntoggler-close:hover {
    color: #1888d0
}

body .timeline-frame .timeline-event.ui-state-active {
    background-color: #1888d0;
    color: #fff
}

body .ui-overlaypanel .ui-overlaypanel-close {
    background-color: #1888d0;
    color: #fff;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    text-align: center;
    position: absolute;
    top: -10px;
    right: -10px;
    -moz-transition: background-color .3s;
    -o-transition: background-color .3s;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

body .ui-breadcrumb ul li .ui-menuitem-link {
    color: #333;
    margin: 0;
    float: none;
    padding: 0 .857em
}

body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number {
    background: #1888d0;
    color: #fff
}

body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active {
    background-color: #1888d0;
    border: 1px solid #1888d0
}

body .ui-panelmenu .ui-panelmenu-header.ui-state-active {
    border: 1px solid #1888d0;
    background-color: #1888d0;
    color: #fff
}

body .ui-progressbar .ui-progressbar-value {
    border: 0 none;
    margin: 0;
    background: #1888d0
}