.pure-menu {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pure-menu-fixed {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 3
}

.pure-menu-item, .pure-menu-list {
    position: relative;
    margin-left: -15px;
    margin-top: -4px;
}

.pure-menu-list {
    list-style: none;
    /*margin: 0;
    padding: 0*/

}

.pure-menu-item {
    padding: 0;
    margin: 0;
    height: 100%;
 
}

.pure-menu-heading, .pure-menu-link {
    display: block;
    text-decoration: none;
    white-space: nowrap;
    margin: 0;
    /*border-bottom: #D3D3D3 .5px solid;*/
}

.pure-menu-horizontal {
    width: 100%;
    white-space: nowrap
}

    .pure-menu-horizontal .pure-menu-list {
        display: inline-block ;
       
    }

    .pure-menu-horizontal .pure-menu-heading, .pure-menu-horizontal .pure-menu-item, .pure-menu-horizontal .pure-menu-separator {
        display: inline-block;
        vertical-align: middle
    }

.pure-menu-item .pure-menu-item {
    display: block;

}

.pure-menu-children {
    display: none;
    position: absolute;
    left: 101%;
    top: -20px;
    margin: 0;
    padding: 0;
    z-index: 3
}

.pure-menu-horizontal .pure-menu-children {
    left: 0;
    top: auto;
    width: inherit
}

.pure-menu-active > .pure-menu-children, .pure-menu-allow-hover:hover > .pure-menu-children {
    display: block;
    position: absolute
}

.pure-menu-has-children > .pure-menu-link:after {
    padding-left: .5em;
    content: "\25B8";
    font-size: small
}

.pure-menu-horizontal .pure-menu-has-children > .pure-menu-link:after {
    content: "\25BE"
}

.pure-menu-scrollable {
    overflow-y: scroll;
    overflow-x: hidden
}

    .pure-menu-scrollable .pure-menu-list {
        display: block
    }

.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list {
    display: inline-block
}

.pure-menu-horizontal.pure-menu-scrollable {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    padding: .5em 0
}

.pure-menu-horizontal .pure-menu-children .pure-menu-separator, .pure-menu-separator {
    background-color: #ccc;
    height: 1px;
    margin: .3em 0
}

.pure-menu-horizontal .pure-menu-separator {
    width: 1px;
    height: 1.3em;
    margin: 0 .3em
}

.pure-menu-horizontal .pure-menu-children .pure-menu-separator {
    display: block;
    width: auto
}

.pure-menu-heading {
    text-transform: uppercase;
    color: #565d64
}

.pure-menu-link {
    color: #777
}

.pure-menu-children {
    background-color: #fff
}

.pure-menu-heading, .pure-menu-link {
    padding: 0 1em
}

.pure-menu-disabled {
    opacity: .5
}

    .pure-menu-disabled .pure-menu-link:hover {
        background-color: transparent;
        cursor: default
    }

.pure-menu-active > .pure-menu-link, .pure-menu-link:focus, .pure-menu-link:hover {
    background-color: #eee
}

.pure-menu-selected > .pure-menu-link, .pure-menu-selected > .pure-menu-link:visited {
    color: #000
}

.pure-table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #cbcbcb
}

    .pure-table caption {
        color: #000;
        font: italic 85%/1 arial,sans-serif;
        padding: 1em 0;
        text-align: center
    }

    .pure-table td, .pure-table th {
        border-left: 1px solid #cbcbcb;
        border-width: 0 0 0 1px;
        font-size: inherit;
        margin: 0;
        overflow: visible;
        padding: .5em 1em
    }

    .pure-table thead {
        background-color: #e0e0e0;
        color: #000;
        text-align: left;
        vertical-align: bottom
    }

    .pure-table td {
        background-color: transparent
    }

.pure-table-odd td {
    background-color: #f2f2f2
}

.pure-table-striped tr:nth-child(2n-1) td {
    background-color: #f2f2f2
}

.pure-table-bordered td {
    border-bottom: 1px solid #cbcbcb
}

.pure-table-bordered tbody > tr:last-child > td {
    border-bottom-width: 0
}

.pure-table-horizontal td, .pure-table-horizontal th {
    border-width: 0 0 1px 0;
    border-bottom: 1px solid #cbcbcb
}

.pure-table-horizontal tbody > tr:last-child > td {
    border-bottom-width: 0
}


/************************************************************************************************/

ul.shortcut-buttons-set{
  left:-8px;
}

ul.shortcut-buttons-set li {
    margin: 12px 0 0 0;
    /*padding: 1px !important;*/
    text-decoration: none;
    list-style: none;
    font-size: 17px;
    font-family: 'noto sans TC';
    white-space: 'break-spaces';    
}

.shortcut-button:hover {
    /*background: #fff;*/
}

.shortcut-button span:hover {
    color: rgb(0, 123, 255);
}

.shortcut-button.active {
    color: rgb(0, 123, 255);
}

.hvr-underline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}

    .hvr-underline-from-center:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 51%;
        right: 51%;
        bottom: 0;
        background: #2098D1;
        height: 2px;
        -webkit-transition-property: left, right;
        transition-property: left, right;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
        left: 0;
        right: 0;
    }