.page-wrapper {
    position: relative;
    font-family: Sans-serif;
    letter-spacing: normal;
    padding-top: 24px;
    padding-bottom: 48px
  }
  
  .fs-filter {
    border-bottom: 1px solid #e5e5e5
  }
  
  .filter-row {
    border-bottom: 1px solid #e5e5e5;
    padding: 12px 0;
    min-height: 40px;
    display: flex;
    *display: block;
    align-items: center
  }
  
  .filter-row:last-child {
    border-bottom: 0
  }
  
  .filter-cmd {
    text-align: center;
    padding: 12px
  }
  
  .fs-filter .button {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 12px;
    cursor: pointer;
    margin: 6px
  }
  
  .fs-filter .button:hover {
    font-weight: bold
  }
  
  .fs-filter .button.clear {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    color: #3a3a3a
  }
  
  .fs-filter .button.submit {
    background-color: #36c;
    border: 1px solid #36c;
    color: #fff
  }
  
  .fs-filter .fs-search {
    width: 550px
  }
  
  .fs-filter .fs-searchBar {
    margin-left: 26px
  }
  
  .fs-filter .fs-slt .ct {
    margin-left: 14px
  }
  
  .TooltipDown {
    background-image: url('../images/sorting_14_18.png');
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 14px;
    height: 18px;
    background-position: 0 -108px
  }
  
  table.dataTable thead .sorting_desc:hover .TooltipDown {
    background-position: 0 -72px
  }
  
  table.dataTable thead .sorting_asc:hover .TooltipUP {
    background-position: 0 0
  }
  
  .TooltipUP {
    background-image: url('../images/sorting_14_18.png');
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 14px;
    height: 18px;
    background-position: 0 -36px
  }
  .TooltipUPDown {
    background-image: url('../images/two\ arrows.png');
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 14px;
    height: 18px;
  }
  
  th.sorting_disabled .TooltipUP,
  th.sorting_disabled .TooltipDown {
    visibility: hidden;
    display: none
  }
  
  .iconQuestionHelp {
    background-image: url('../images/question_Help.gif');
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    top: 2px;
    margin-left: 3px;
    cursor: pointer
  }
  
  .icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: contain
  }
  
  .iconSearch {
    background-image: url('../images/2x/search.png')
  }
  
  .iconClose {
    background-image: url('../images/2x/close.png')
  }
  
  .iconClose2 {
    background-image: url('../images/2x/close-small.png')
  }
  
  .iconClean {
    background-image: url('../images/2x/clean.png');
    margin-left: 6px
  }
  
  .iconMore {
    background-image: url('../images/2x/Open-in-new-tab_o.png');
    width: 14px;
    height: 14px;
    margin-left: 3px
  }
  
  .iconStar {
    background-image: url('../images/2x/star.png')
  }
  
  .iconStarHalf {
    background-image: url('../images/2x/star_half.png')
  }
  
  .iconCoin {
    background-image: url('../images/2x/coin.png')
  }
  
  .iconCoinHalf {
    background-image: url('../images/2x/coin_half.png')
  }
  
  .iconExpand {
    background-image: url('../images/2x/zoom-out-normal.png');
    margin-left: 3px
  }
  
  .iconExpand.active {
    background-image: url('../images/2x/zoom-in-normal.png')
  }
  
  div:hover>.iconExpand,
  .iconExpand:hover {
    background-image: url('../images/2x/zoom-out-normal.png')
  }
  
  div:hover>.iconExpand.active,
  .iconExpand.active:hover {
    background-image: url('../images/2x/zoom-in-normal.png')
  }
  
  .iconExpand2 {
    background-image: url('../images/2x/Chevron-up-large_g.png');
    margin-left: 9px
  }
  
  .iconExpand2.active {
    background-image: url('../images/2x/Chevron-down-large_g.png')
  }
  
  div:hover>.iconExpand2,
  .iconExpand2:hover {
    background-image: url('../images/2x/Chevron-up-large_g.png')
  }
  
  div:hover>.iconExpand2.active,
  .iconExpand2.active:hover {
    background-image: url('../images/2x/Chevron-down-large_g.png')
  }
  
  .row-check .fs-slt-option .iconCheck {
    background-image: url('#')
  }
  
  .row-check .fs-slt-option.active .iconCheck {
    background-image: url('../images/2x/check-large.png')
  }
  
  .iconCheck2,
  .column .fs-slt-option .iconCheck {
    background-image: url('../images/2x/check-unselected.png');
    margin-right: 3px
  }
  
  .iconCheck2.active,
  .column .fs-slt-option.active .iconCheck {
    background-image: url('../images/2x/check-selected.png')
  }
  
  .fs-mask {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 999
  }
  
  .fs-popup {
    font-family: Microsoft JhengHei;
    position: absolute;
    top: 30px;
    left: 50%;
    background-color: transparent;
    border: 0;
    padding: 0;
    display: none;
    z-index: 999
  }
  
  .fs-popup.fs-popup-fixed {
    position: fixed;
  }
  
  .fs-pp-popup {
    width: 720px;
    margin-left: -360px;
    padding: 0;
    background-color: transparent;
    box-shadow: 0 0 6px rgba(106, 106, 106, 0.8)
  }
  
  .fs-pp-popup .hidden {
    visibility: hidden
  }
  
  .fs-pp-popup .fs-slt .title {
    display: none
  }
  
  .fs-pp-popup>.pp-top {
    background-color: #36c;
    color: #fff;
    padding: 12px 24px;
    border-radius: 12px 12px 0 0
  }
  
  .fs-pp-popup>.pp-header {
    padding: 18px 48px;
    background-color: #fafafa;
    display: flex;
    *display: block;
    justify-content: space-between;
    border-left: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd
  }
  
  .fs-pp-popup>.pp-content {
    padding: 18px 48px;
    background-color: #fff;
    border: 1px solid #bdbdbd;
    border-top: 0;
    border-radius: 0 0 12px 12px
  }
  
  .fs-pp-popup>.pp-top>div {
    display: inline-block
  }
  
  .fs-pp-popup>.pp-top>.iconClose {
    float: right;
    cursor: pointer
  }
  
  .fs-pp-popup>.pp-header>div {
    display: inline-flex;
    *display: inline-block;
    align-self: center;
    align-items: center
  }
  
  .fs-pp-popup>.pp-header .headR {
    float: right
  }
  
  .fs-pp-popup>.pp-header .headR>div {
    display: inline-block
  }
  
  .fs-pp-popup>.pp-header .title {
    display: inline-block;
    font-weight: bold
  }
  
  .fs-pp-popup>.pp-header .focus {
    color: #06c;
    font-weight: 700;
    margin: 0 6px
  }
  
  .fs-pp-popup>.pp-header .closeBtn {
    display: inline-block;
    float: right;
    padding: 6px 12px;
    border-radius: 6px;
    background-color: #fc3;
    color: #1a1a1a;
    cursor: pointer
  }
  
  .fs-pp-popup>.pp-header .clear {
    padding: 2px;
    margin: 0 6px;
    color: #36c;
    cursor: pointer
  }
  
  .fs-pp-popup>.pp-content .ct-head select {
    width: 100%;
    padding: 6px;
    border-radius: 6px
  }
  
  .fs-pp-popup>.pp-content .fs-search {
    margin-bottom: 12px
  }
  
  .fs-pp-company .search {
    margin: 12px 0
  }
  
  .fs-pp-company .tab>div {
    width: 30%
  }
  
  .fs-pp-company .column.fs-slt .ct {
    max-height: 400px
  }
  
  .fs-pp-profit .ct-body {
    display: flex;
    *display: block;
    margin-top: 12px
  }
  
  .fs-pp-profit .ct-sub {
    flex: 1
  }
  
  .fs-pp-profit .ct-sub .title {
    color: #000;
    font-weight: 700
  }
  
  .fs-pp-profit .ct-tab-title {
    padding: 6px;
    color: #6a6a6a
  }
  
  .rs-head {
    display: flex;
    *display: block;
    width: 100%;
    align-items: center
  }
  
  .rs-head>div {
    display: inline-block;
    flex: 1
  }
  
  .rs-head .headR {
    float: right;
    text-align: right
  }
  
  .rs-head .clear {
    display: inline-block;
    color: #36c;
    cursor: pointer
  }
  
  .rs-head .clear:hover {
    font-weight: 700
  }
  
  .rs-head .clear.hidden {
    display: none
  }
  
  .rs-ct {
    margin-top: 12px
  }
  
  .rs-item {
    display: inline-flex;
    *display: inline-block;
    align-items: center;
    background-color: #fbefc8;
    color: #3a3a3a;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 6px;
    padding: 3px 12px;
    margin: 6px 3px
  }
  
  .rs-item>span {
    display: inline-flex;
    align-items: center
  }
  
  .rs-item.highLight {
    background-color: #e60000;
    font-weight: 700;
    color: #fff
  }
  
  .rs-item .close {
    display: inline-block;
    width: 18px;
    height: 18px;
    text-align: center;
    cursor: pointer
  }
  
  .search-container{
    width: 100%;
    display: flex;
}
  .fs-search {
    display: flex;
    *display: block;
    width: 100%;
    align-items: center
  }
  
  .fs-search .title {
    display: inline-block
  }
  
  .fs-search .title>span {
    display: inline-block;
    color: #6a6a6a;
    margin: 0;
    width: 80px;
    min-width: 80px
  }
  
  .fs-search .submit {
    display: inline-block;
    color: #fff;
    background-color: #36c;
    border: 1px solid #36c;
    border-radius: 12px;
    padding: 6px 12px;
    margin-left: 24px;
    cursor: pointer
  }
  
  .fs-searchBar {
    flex: 1;
    position: relative;
    display: inline-block;
    min-width: 100px;
    font-size: 15px;
    height: 36px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 12px
  }
  
  .fs-search-iconTip {
    position: relative;
    display: inline-block;
    top: 8px;
    left: 6px
  }
  
  .fs-search-input {
    position: absolute;
    margin-left: 25px;
    top: 6px;
    bottom: 6px;
    left: 2px;
    right: 2px;
    z-index: 0
  }
  
  .fs-search-text {
    position: absolute;
    left: 0;
    right: 24px;
    height: 100%;
    border: 0;
    background-color: transparent;
    z-index: 1;
    font-size: 16px
  }
  
  .fs-search-text:focus {
    outline: 0
  }
  
  .fs-search-clear {
    position: absolute;
    right: 5px;
    padding: 2px;
    z-index: 2;
    display: none;
    cursor: pointer
  }
  
  .fs-search-placeholder {
    position: absolute;
    left: 5px;
    height: 100%;
    color: #aaa;
    z-index: 0;
    display: inline-flex;
    *display: inline-block;
    align-items: center
  }
  
  .fs-search-placeholder.hidden {
    display: none
  }
  
  .fs-search-poster {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 2;
    background-color: #fff;
    color: #000;
    display: none
  }
  
  .fs-search-poster.fs-posterOn {
    display: block
  }
  
  .fs-slt {
    display: inline-flex;
    *display: inline-block;
    width: 100%;
    align-items: center;
    justify-content: space-between
  }
  
  .fs-slt>div {
    display: inline-flex;
    *display: inline-block;
    align-items: center
  }
  
  .fs-slt .more {
    float: right;
    white-space: nowrap;
    color: #f70;
    cursor: pointer
  }
  
  .fs-slt .more:hover {
    font-weight: 900
  }
  
  .fs-slt .title {
    display: inline-block;
    color: #6a6a6a;
    margin: 0;
    width: 70px;
    min-width: 70px;
  }
  
  .fs-slt .ct {
    display: flex;
    vertical-align: top
  }
  
  .fs-slt-option {
    display: inline-flex;
    *display: inline-block;
    align-items: center;
    color: #3a3a3a;
    border-radius: 12px;
    cursor: pointer
  }
  
  .fs-slt-option:hover,
  .fs-slt-option.active {
    color: #e60000;
    font-weight: 700
  }
  
  .fs-slt-option.hidden {
    display: none
  }
  
  .fs-slt-option .icon {
    position: relative;
    top: 2px;
    /* margin: -2px 0 2px 0 */
  }
  
  .fs-slt-split {
    display: inline-block;
    height: 17px;
    border-left: 1px solid #bdbdbd
  }
  
  .fs-slt-select {
    position: relative;
    top: -2px;
    display: inline-block;
    margin-left: 16px;
    vertical-align: text-bottom
  }
  
  .fs-slt-select select {
    border: 1px solid #bdbdbd;
    border-radius: 6px
  }
  
  .row-check .fs-slt-option {
    padding: 4px 6px;
    margin: 0 6px
  }
  
  .row-check .fs-slt-option:first-child {
    min-width: 60px
  }
  
  .row .fs-slt-option {
    padding: 4px 12px;
    /* margin: 0 6px; */
  }
  
  .row .fs-slt-option.active {
    background-color: #e60000;
    color: #fff;
    font-weight: 700;
    border-radius: 15px
  }
  
  .row .fs-slt-option .iconCheck {
    display: none
  }
  
  .row .fs-slt-split {
    position: relative;
    top: 2px;
    margin: 0 6px
  }
  
  .column.fs-slt>div {
    width: 100%
  }
  
  .column.fs-slt .more {
    display: none
  }
  
  .column.fs-slt .ct {
    display: flex;
    *display: block;
    flex-direction: column;
    width: 100%;
    max-height: 500px;
    overflow-y: auto
  }
  
  .column.fs-slt .wrap {
    flex: 1;
    width: 100%;
    display: flex;
    *display: block
  }
  
  .column .fs-slt-empty {
    flex: 1
  }
  
  .column .fs-slt-option {
    flex: 1;
    padding: 9px 0
  }
  
  .column .fs-slt-option.active {
    color: #e60000;
    font-weight: 700
  }
  
  .column .fs-slt-poster {
    height: 300px;
    display: flex;
    display: block;
    justify-content: center;
    align-items: center;
    text-align: center
  }
  
  .fs-slt ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background: transparent
  }
  
  .fs-slt ::-webkit-scrollbar-thumb {
    background: #d9d9d9;
    border-radius: 8px
  }
  
  .txt-align-l,
  .txt-align-r,
  .txt-align-c {
    padding-right: 2px;
    padding-left: 2px
  }
  
  .txt-align-l,
  .txt-align-l a {
    text-align: left
  }
  
  .txt-align-r {
    text-align: right;
    white-space: nowrap
  }
  
  .txt-align-c {
    text-align: center;
    white-space: nowrap
  }
  
  .th-colspan {
    border-bottom: #c9caca 1px solid
  }
  
  .cTitle,
  .cTitle>span {
    width: auto;
    min-width: 120px;
    max-width: 320px;
  }

  .cApproved,
  .cApproved>span {
    width: 60px;
    min-width: 60px;
    max-width: 60px;
  }
  
  .cSubT1,
  .cSubT1>span {
    width: 70px;
    min-width: 60px;
    max-width: 100px;
    white-space: normal
  }
  
  .cSubT2,
  .cSubT2>span {
    width: 80px;
    min-width: 60px;
    max-width: 120px;
    white-space: normal
  }
  
  .cStar>span {
    min-width: 90px
  }
  
  .dataTables_poster {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.5)
  }
  
  .dataTables_poster>div {
    position: absolute;
    top: 100px;
    background-color: #fff;
    font-size: 20px;
    line-height: 1.5;
    padding: 24px 80px;
    border-radius: 2px
  }
  
  .dataTables_empty {
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    color: #1a1a1a
  }
  
  .dataTables_scrollBody {
    overflow-x: auto
  }
  
  .dataTables_stickyTop {
    display: none;
    position: fixed;
    top: 0;
    z-index: 99;
    overflow: hidden;
    background-color: #fff
  }
  
  .dataTables_stickyTop table {
    table-layout: auto;
    border-spacing: 0
  }
  
  .dataTables_stickyTop th {
    overflow: hidden;
    border-left: #c9caca 1px solid
  }
  
  .dataTables_stickyTop th.sorting {
    cursor: pointer
  }
  
  .tbWrap.dataTables_wrapper {
    line-height: 1.5;
    border: 1px solid #bdbdbd
  }
  
  .tbWrap.dataTables_wrapper .hidden {
    display: none
  }
  
  .tbWrap.dataTables_wrapper thead tr.rowH1 {
    height: 76px
  }
  
  .tbWrap.dataTables_wrapper thead tr.rowH2 {
    height: 38px
  }
  
  .tbWrap.dataTables_wrapper tr:first-child th:first-child {
    border-left: 0
  }
  
  .tbWrap.dataTables_wrapper tr.even {
    background-color: #f0f0f0
  }
  
  .tbWrap.dataTables_wrapper .dataTable tbody tr:hover {
    background-color: rgba(221, 238, 255, 0.25)
  }
  
  .tbWrap.dataTables_wrapper .dataTable tbody tr>.sorting_1 {
    background: rgba(68, 136, 221, 0.25)
  }
  
  .tbWrap.dataTables_wrapper .dataTable tbody tr:hover a {
    font-weight: 700
  }
  
  .tbWrap.dataTables_wrapper .dataTable tbody tr:hover>.sorting_1 {
    background-color: transparent
  }
  
  .tbWrap.dataTables_wrapper .dataTable tbody tr.highlight,
  .tbWrap.dataTables_wrapper .dataTable tbody tr.highlight>.sorting_1 {
    background-color: #f8d3c7
  }
  
  .tbWrap.dataTables_wrapper td {
    border-color: #e0e0e0;
    padding: 8px;
  }
  
  .tbWrap.dataTables_wrapper th {
    background-color: rgba(255, 204, 51, 0.25);
    border-color: #e0e0e0;
    padding: 8px;
  }
  
  .tbWrap.dataTables_wrapper th>span {
    display: inline-flex;
    align-items: center;
    position: relative
  }
  
  .tbWrap.dataTables_wrapper th .FS-inline {
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px;
  }
  
  .tbWrap.dataTables_wrapper th.cObserver .FS-inline {
    margin: 0 3px
  }
  
  .tbWrap.dataTables_wrapper th .tltp {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 0px;
  }
  
  .tbWrap.dataTables_wrapper .dataTables_paginate {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    top: -45px
  }
  
  .tbWrap.dataTables_wrapper .dataTables_paginate .paginate_button {
    margin-left: 6px;
    padding-left: 3px;
    padding-right: 3px;
    color: #3a3a3a
  }
  
  .tbWrap.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #f70
  }
  
  .tbWrap.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
  .tbWrap.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: #f70;
    font-weight: 900;
    border-radius: 12px
  }
  
  .tbWrap.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
  .tbWrap.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    color: #aaa
  }
  
  .tbWrap.dataTables_wrapper a {
    color: #24a;
    text-decoration: none
  }
  
  .tbWrap.dataTables_wrapper a:hover,
  .tbWrap.dataTables_wrapper .price-red {
    color: #f50
  }
  
  .tbWrap.dataTables_wrapper .price-green {
    color: green
  }
  
  .fs-tabs-head {
    position: relative;
    border-bottom: 2px solid #48d
  }
  
  .fs-tabs-head>div {
    position: relative;
    top: 2px;
    display: inline-block;
    padding: 12px 25px;
    margin-right: 3px;
    cursor: pointer;
    background-color: transparent;
    border: 2px solid transparent;
    border-bottom-color: #48d;
    border-radius: 12px 12px 0 0;
    font-size: 18px;
    height: 21px;
    color: #6a6a6a
  }
  
  .fs-tabs-head.small>div {
    padding: 6px 10px;
    font-size: 14px;
    border-radius: 3px 3px 0 0
  }
  
  .fs-tabs-head>div:hover {
    font-weight: bold;
    color: #36c
  }
  
  .fs-tabs-head>div.fs-tabs-selected {
    border: 2px solid #48d;
    border-bottom-color: #fff;
    font-weight: bold;
    color: #36c
  }
  
  .fs-tabs-body {
    position: relative;
    padding-top: 10px;
    background-color: inherit
  }
  
  .fs-tabs-body>div {
    position: absolute;
    top: 0;
    display: none;
    background-color: inherit
  }
  
  .fs-tabs-body>div.fs-tabs-selected {
    position: relative;
    display: block
  }
  
  .fs-tabs-body .fs-tabs-bodyMask {
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 9
  }
  
  .fs-tabs-body .fs-tabs-bodyMask>div {
    position: absolute;
    left: 40%;
    top: 40%;
    font-size: 32px;
    font-weight: bold
  }
  
  .fs-tabs-button {
    position: relative;
    display: flex;
    *display: block;
    flex-direction: row;
    background-color: #fafafa;
    padding: 6px 12px;
    border-radius: 12px
  }
  
  .fs-tabs-button>div {
    position: relative;
    display: inline-block;
    flex: 1;
    text-align: center;
    color: #1a1a1a;
    font-size: 14px;
    line-height: 1.3;
    padding: 3px;
    cursor: pointer
  }
  
  .fs-tabs-button>div.fs-tabs-selected {
    background-color: #36c;
    color: #fff;
    border-radius: 6px;
    box-shadow: 0 0 2px rgba(106, 106, 106, 0.8)
  }
  
  @media screen and (-ms-high-contrast:active),
  (-ms-high-contrast:none) {
    .column.fs-slt .ct {
      display: block
    }
  }
  @media screen and (max-width: 512px) {
    .fs-slt .fs-slt-wrap {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .fs-filter .fs-slt .ct{
        margin-left: 0;
    }
    .fs-slt .title{
        margin-bottom: 14px;
    }
    #filter01 .filter-row .fs-slt-options{
        display: flex;
        flex-wrap: wrap;
        height: 31px;
        overflow: hidden;
    }
    #filter03 .filter-row .fs-slt-options{
      display: flex;
      flex-wrap: wrap;
  }
    .fs-search{
        flex-direction: column;
        align-items: flex-start;
    }
    .fs-search .title{
        margin-bottom: 14px;
    }
    .fs-filter .fs-searchBar{
        margin-left: 0;
    }
    .tbWrap.dataTables_wrapper{
        top: 20px;
    }
    .tbWrap.dataTables_wrapper .dataTables_paginate{
        top: -80px;
    }
    .fs-popup{
      position: sticky;
      left: 0%;
    }
    .fs-pp-popup{
      width: 100%;
      margin-left: 0;
      max-height: 100%;
    }
    .fs-pp-popup>.pp-header>div{
        width: -webkit-fill-available;
    }
    .column.fs-slt .wrap{
        align-items: flex-start;
    }
    .column .fs-slt-option{
        align-items: flex-start;
    }
    .fs-popup.fs-popup-fixed{
      width: 100%;
    }
    .fs-pp-popup>.pp-content{
      padding: 18px 10px;
    }
  }