@charset "utf-8";

/* 字體設定 */
body,
h1,
h2,
h3,
h4,
h5,
h6,
button {
    font-family: 'Microsoft JhengHei';
}
button.button,
a.button {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	padding: 0.765em;
	font-size: 1rem;
	line-height: .9rem;
	border: 0;
}
button.button.radius,
a.button.radius {
    border-radius: 2px;
}
.refresh:before {
    -webkit-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
    display: inline-block;
    content: 'autorenew'!important;
    font-family: 'Material Icons'!important;
    margin-right: .25em;
    vertical-align: bottom;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
.pagination [data-icon]:before {
    font-weight: bold;
    font-size: 1.5rem;
    line-height: initial;
}

.money { font-family: 'Arial', 'Consolas', 'Microsoft JhengHei'; }
.time { font-family: 'Share Tech Mono', 'Microsoft JhengHei'; }
/* 字體設定 END */

/* foundation 6.4.2 錯誤修正*/
/*.input-group-button>.button{ line-height: 2.4em; }*/
.top-bar {
    padding: .9375rem 0;
}
a.is-active {
    font-weight: bold;
    color: #F90;
}
div[data-sticky-container] + div input[type="month"],
div[data-sticky-container] + div select,
div[data-sticky-container] + div button, {
    margin-bottom: .9375rem;
}
[data-whatinput=mouse] .dropdown.menu a:hover {
    background-color: #F5F5F5;
}
.top-bar,
.top-bar ul {
    background-color: #FFF;
}
.top-bar-left ul,
.top-bar-right ul {
    z-index: 2
}
* { outline: none; }
*[class*="fa-"]:before {
    font-family: FontAwesome;
    margin-right: .5rem;
}
[data-icon]:before {
    content: attr(data-icon);
    font-family: 'Material Icons';
    margin-right: .25em;
    vertical-align: bottom;
    font-size: inherit;
    line-height: inherit;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}
.breadcrumbs { margin-top: 1rem; }
.breadcrumbs li:not(:last-child)::after {
    font-family: 'Material Icons'; /* Material Icons */
    content: 'chevron_right';
    text-transform: lowercase;
    margin: 0 .25em;
    vertical-align: inherit;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}
.breadcrumbs a { color: #3DAAF3; }
.breadcrumbs li,
.breadcrumbs li > span {
    color: #666;
    line-height: 1rem;
    height: 1rem;
    vertical-align: bottom;
}
optgroup {
    font-size: .9em;
    font-style: italic;
    color: #AAA;
}
optgroup > option {
    font-size: 1rem;
    font-style: normal;
    color: #333;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #DDD!important;
    font-style: italic!important;
    font-size: .9rem;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #DDD!important;
    font-style: italic!important;
    font-size: .9rem;
}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: #DDD!important;
    font-style: italic!important;
    font-size: .9rem;
}
.fail { color: #F93423; }
.fail input,
.fail select,
.fail textarea {
    color: #FB7468;
    border: 1px solid #FB7468;
    margin-bottom:0; 
}
.fail input:focus,
.fail input:hover,
.fail select:focus,
.fail select:hover
.fail textarea:hover,
.fail textarea:focus {
    color: #FB7468;
    border-color: #FB7468;
}
.fail small.error_msg {
    color: #FFF;
    display: block;
    text-align: right;
    padding: .15em .25em;
    line-height: 0.9rem;
    background-color: #FB7468;
    margin-bottom: 1em;
}

.button.hollow,
.button.hollow:focus,
.button.hollow:hover {
    box-shadow: none;
}
ul.pagination a:before { margin-right: 0; }
.pagination li {
    font-size: 1rem;
    display: inline-block;
}

.pagination li span {
    padding: .1875rem .625rem;
    display: block;
}

.pagination a, .pagination button {
    color: #2199E8;
    border-radius: 2px;
}
.pagination li strong {
    padding: .1875rem .625rem;
    color: #0A0A0A;
    cursor: default;
    font-size: 1.1em;
}
.z-depth-1,
.button,
a.button,
.switch-paddle {
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
}
.z-depth-2 { box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16), 0 3px 10px rgba(0, 0, 0, 0.23); }
.z-depth-3 { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.19), 0 6px 10px rgba(0, 0, 0, 0.23); }
.z-depth-4 { box-shadow: 0 14px 45px rgba(0, 0, 0, 0.25), 0 10px 18px rgba(0, 0, 0, 0.22); }
.z-depth-5 { box-shadow: 0 19px 60px rgba(0, 0, 0, 0.30), 0 15px 20px rgba(0, 0, 0, 0.22); }
div.is-drilldown ul.z-depth-1,
div.is-drilldown ul.z-depth-2,
div.is-drilldown ul.z-depth-3 {
    box-shadow: none;
}
.text-indent-1 {
    text-indent: -1em;
    margin-left: 1em
}
.text-indent-2 {
    text-indent: -2em;
    margin-left: 2em
}
.text-indent-3 {
    text-indent: -3em;
    margin-left: 3em
}
.text-indent-4 {
    text-indent: -4em;
    margin-left: 4em
}
.text-indent-5 {
    text-indent: -5em;
    margin-left: 5em
}
.text-indent-6 {
    text-indent: -6em;
    margin-left: 6em
}
.text-indent-7 {
    text-indent: -7em;
    margin-left: 7em
}
.noselect {
    -webkit-touch-callout: none;/* iOS Safari */
    -webkit-user-select: none;/* Chrome/Safari/Opera */
    -khtml-user-select: none;/* Konqueror */
    -moz-user-select: none;/* Firefox */
    -ms-user-select: none;/* IE/Edge */
    user-select: none;/* non-prefixed version, currently not supported by any browser */
}
#pop_tip {
    position: fixed;
    right: 10em;
    bottom: 0;
    background-color: rgba(255, 153, 0, 0.88);
    color: #F5F5F5;
    transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
    opacity: 0;
    padding: 1em;
    min-height: 2em;
    min-width: 20em;
    z-index: -1
}
#pop_tip:before,
#pop_tip:hover:after {
    content: attr(data-icon);
    font-family: 'Material Icons';
    font-size: inherit;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
}
#pop_tip:hover:after {
    content: '\e034';
    position: absolute;
    right: .75rem;
    bottom: .25rem;
}
#pop_tip:before {
    font-size: 2em;
    float: left;
    display: block;
    padding-right: 1rem;
    color: #FFF;
}
/*#pop_tip.warning { background-color: #FFB13D; }*/
#pop_tip.warning:hover {
    background-color: #F90;
    color: #FFF;
}
/*#pop_tip.warning:before { content: '\e002'; }*/
#pop_tip.success { background-color: #83C743; }
#pop_tip.success:hover {
    background-color: #69a431;
    color: #FFF;
}
/*#pop_tip.success:before { content: '\e5ca'; }*/
#pop_tip.alert { background-color: #fb7468; }
#pop_tip.alert:hover {
    background-color: #f93423;
    color: #FFF;
}
/*#pop_tip.alert:before { content: '\e002'; }*/
#pop_tip.secondary { background-color: #999; }
#pop_tip.secondary:hover {
    background-color: #888;
    color: #FFF;
}
.text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
[v-cloak] { display: none; }

@media only screen and (max-width: 39.9375em) {
    .title-bar-left {
        line-height: 45px;
        height: 45px;
    }
    .title-bar-left > [data-open="offCanvasLeft"] {
        font-weight: normal;
        width: 45px;
        display: block;
        float: left;
        text-align: center;
        font-size: 1.5em;
    }
    #main-section {padding-bottom: 100px; }
    .off-canvas-wrapper,
    .off-canvas {
        /* background-color: #f5f5f5; */
    }
    .small-no-padding-left { padding-left: 0 }
    .small-no-padding-right { padding-right: 0 }
    .small-no-padding { padding: 0 }
    .offcanvas-overlap-left .exit-off-canvas,
    .offcanvas-overlap-right .exit-off-canvas {
        background-color: rgba(0, 0, 0, 0.2)
    }
    .off-canvas.position-right { min-height: 480px;}
    .menu>li:not(.menu-text)>a:hover { font-weight: bold; }
    ul.dropdown > li.back { display: none; }
    ul.dropdown > li.title.back.js-generated { display: block; }
    #search_results { position: relative; }
    .tabs-title>a { padding: 1rem .75rem; }
    #pop_tip {
        right: 5%;
        bottom: 0;
        padding: .5em;
        max-width: 90%;
        width: 90%;
    }
    .pagination a,
    .pagination button {
        padding: .1875rem .5rem;
    }
}

@media screen and (min-width: 40em) {

    #bottom_nav {
        left: auto;
        right: 10%;
        width: auto;
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
    }
    #bottom_nav > div.button { min-width: 6em }

}/*--- medium 以上 ---*/



/* 僅 IE 瀏覽器 */
@media screen\0 {

    .step_title:before { line-height: 32px!important; }
}

/* 僅 Firefox 瀏覽器 */
@-moz-document url-prefix() { 
    [data-icon]:before { vertical-align: middle; }
}