@charset "UTF-8";
/* = = = = = = &LABEL& = = = = = = */
/* CATHAY-LIFE FUND CSS BY ALD.com */
/* CATHAY-LIFE FUND CSS BY ALD.com */
/* CATHAY-LIFE FUND CSS BY ALD.com */
/* CATHAY-LIFE FUND CSS BY ALD.com */
/* CATHAY-LIFE FUND CSS BY ALD.com */
/* = = = = = = &LABEL& = = = = = = */
/**/
/**/
/**/
.CSD_main {
  width: 320px; }
  .CSD_main * {
    -webkit-box-sizing: content-box;
            box-sizing: content-box; }
  .CSD_main input, .CSD_main button, .CSD_main select, .CSD_main textarea {
    line-height: normal; }
  .CSD_main .CSD_TopDecoration {
    left: 47%; }

body {
  background-color: #f9fbf7;
  font-family: "微軟正黑體", "Microsoft JhengHei", "Helvetica Neue", Helvetica, Arial, sans-serif; }

a {
  color: #12a845; }
  a:hover, a:focus {
    color: #148e3e; }

div#SysJustIFRAMEDIV::after {
  margin-bottom: 20px; }

/* start -- bootstrap extension -- */
.table > tbody > tr td, .table > tfoot > tr td, .table > thead > tr td, .table > tbody > tr th, .table > tfoot > tr th, .table > thead > tr th {
  vertical-align: middle; }

.table-striped-inverse > tbody > tr:nth-child(2n) > th, .table-striped-inverse > tbody > tr:nth-child(2n) > td {
  background-color: #f9f9f9; }

.form-group-inline > .form-group {
  display: inline-block;
  vertical-align: middle;
  margin-top: 0;
  margin-bottom: 0px; }

/* 修正 radio-inlne 折行時，不會對齊的問題 */
.radio-inline {
  margin-left: 0 !important;
  margin-right: 10px; }

.visible-xs-table, .visible-xs-table-row-group {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs-table {
    display: table !important; } }

@media (max-width: 767px) {
  .visible-xs-table-row-group {
    display: table-row-group !important; } }

.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none; }

@media (max-width: 767px) {
  .form-inline-xs .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; } }

.form-horizontal-inline > .form-group {
  display: block;
  margin-bottom: 15px; }

.just-btn-fixed {
  width: 300px;
  height: 60px;
  margin: 10px;
  font-size: 18px;
  line-height: 20px;
  padding: 20px 12px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -webkit-box-shadow: 5px 5px 3px rgba(144, 143, 143, 0.3);
  box-shadow: 5px 5px 3px rgba(144, 143, 143, 0.3); }

.bs-responsive-tabs a {
  cursor: pointer; }

/* start -- dataTable extension -- */
/* Style setting */
.dataTables_wrapper .DTFC_RightWrapper .DTFC_RightBodyWrapper .DTFC_RightBodyLiner {
  overflow-y: hidden !important; }

.dataTables_wrapper .dataTables_scroll.scrolling:not(.DTFC_NoData).tip .dataTables_scrollBody::before {
  content: "\e129";
  font-family: 'Glyphicons Halflings';
  position: absolute;
  top: 5px;
  right: 0;
  z-index: 10;
  font-size: 20px;
  color: #8f96a1;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-name: changeRight;
          animation-name: changeRight;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
          animation-direction: normal; }

.dataTables_wrapper .dataTables_scroll.scrolling:not(.DTFC_NoData)::after {
  position: absolute;
  display: block;
  content: ' ';
  top: 20px;
  height: calc(100% - 20px);
  width: 10px;
  right: 0;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(179, 179, 179, 0.5));
  -webkit-animation: blink 300ms 0 ease;
  -moz-animation: blink 300ms 0 ease;
  -ms-animation: blink 300ms 0 ease; }

.dataTables_wrapper .dataTables_scroll .dataTables_scrollHead {
  z-index: 11; }

.dataTables_wrapper .dataTables_scroll .dataTables_scrollBody thead th::after {
  display: none !important; }

.dataTables_wrapper .DTFC_LeftWrapper {
  z-index: 12; }
  .dataTables_wrapper .DTFC_LeftWrapper.DTFC_NoData {
    display: none; }
  .dataTables_wrapper .DTFC_LeftWrapper .DTFC_LeftHeadWrapper table {
    border-right: 0; }
  .dataTables_wrapper .DTFC_LeftWrapper.scrolling > .DTFC_LeftBodyWrapper {
    -webkit-box-shadow: -5px 0 0 0 transparent, 0 -5px 0 0 transparent, 0 5px 0 0 transparent, 5px 0 20px -5px rgba(0, 0, 0, 0.5);
    box-shadow: -5px 0 0 0 transparent, 0 -5px 0 0 transparent, 0 5px 0 0 transparent, 5px 0 20px -5px rgba(0, 0, 0, 0.5); }
  .dataTables_wrapper .DTFC_LeftWrapper .DTFC_LeftBodyLiner table thead tr th::after {
    display: none; }

@-webkit-keyframes changeRight {
  from {
    right: 0px; }
  to {
    right: 40%; } }

@keyframes changeRight {
  from {
    right: 0px; }
  to {
    right: 40%; } }

table.dataTable {
  background-color: #fff; }
  table.dataTable thead th {
    position: relative;
    white-space: nowrap; }
    table.dataTable thead th.sorting_asc::after, table.dataTable thead th.sorting_desc::after {
      opacity: 1; }
    table.dataTable thead th.sorting:after, table.dataTable thead th.sorting_asc:after, table.dataTable thead th.sorting_desc:after {
      position: absolute;
      top: calc(50% - 10px);
      right: 8px;
      display: inline-block;
      font-family: 'Glyphicons Halflings';
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    table.dataTable thead th .rwd-colspan {
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
  table.dataTable.dtr-column > tbody > tr > td.control::before, table.dataTable.dtr-column > tbody > tr > th.control::before {
    top: auto; }
  table.dataTable tbody .odd .sorting_1 {
    background-color: inherit; }
  table.dataTable tbody .even .sorting_1 {
    background-color: inherit; }
  table.dataTable tbody td.group {
    background-color: #D2E2ED; }

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  padding: 15px 8px; }

.ie table.dataTable thead th.sorting::after, .ie table.dataTable thead th.sorting_asc::after, .ie table.dataTable thead th.sorting_desc::after {
  top: auto;
  bottom: auto; }

.ie table.dataTable thead th.sorting.just-th-h::after, .ie table.dataTable thead th.sorting_asc.just-th-h::after, .ie table.dataTable thead th.sorting_desc.just-th-h::after {
  top: calc(50% - 10px); }

/* Start: RWD style DataTable*/
.dt-details {
  max-width: 30px;
  width: 1px; }

/* End: RWD style DataTable*/
/* End -- dataTable extension -- */
/* 標題層級 */
.tLayer1, .tLayer2 {
  position: relative;
  margin: 50px 0 10px 0; }

.tLayer1 h4, .tLayer2 h4 {
  text-align: center;
  padding: 0 25px;
  display: table;
  margin: 0 auto;
  font-weight: bold;
  color: #12a845;
  background-color: #f9fbf7; }

.tLayer1 span.glyphicon, .tLayer2 span.glyphicon {
  margin-right: 10px; }

@media screen and (max-width: 767px) {
  .tLayer1 span.glyphicon, .tLayer2 span.glyphicon {
    display: none; } }

.tLayer1 line, .tLayer2 line {
  position: absolute;
  width: 100%;
  height: 1px;
  background: #e8e8e8;
  z-index: -1; }

@media screen and (max-width: 767px) {
  .tLayer1 .form-group-inline > .form-group, .tLayer2 .form-group-inline > .form-group {
    margin-bottom: 15px; } }

.tLayer1 line {
  top: 10px; }

@media screen and (max-width: 767px) {
  .tLayer1 line {
    top: 25px; } }

@media screen and (max-width: 767px) {
  .tLayer1 h4 {
    padding: 0 5px 5px 0;
    margin: 0;
    border-bottom: 2px solid #12a845; } }

/* Including form tag*/
.tLayer2 h4 form {
  display: inline; }

.tLayer2 line {
  top: 15px; }

.tLayer2 span.glyphicon {
  vertical-align: middle;
  top: 0; }

@media screen and (max-width: 767px) {
  .tLayer2 line {
    top: 50px; } }

@media screen and (max-width: 767px) {
  .tLayer2 h4 {
    padding: 0 5px 0px 0;
    margin: 0;
    border-bottom: 2px solid #337ab7; } }

/* Start just Table */
/* 表格-橫行 */
/* 一般表格 */
table {
  background-color: #fff;
  /* 表格-直列-兩欄 */
  /* 表格-直列-四欄 */ }
  table th {
    background-color: #999 !important;
    color: #fff !important;
    border-color: #fff;
    font-weight: 300; }
    table th.just-fundname {
      min-width: 120px;
      white-space: normal; }
    table th small.th-date {
      position: absolute;
      right: 5px;
      bottom: 5px; }
  table tbody td.group {
    background-color: #D2E2ED; }
  table.just-tb-h, table.just-tb-h-2, table.just-tb-h-fc {
    border-collapse: collapse; }
  table.just-tb-h thead tr th, table.just-tb-h-2 thead tr th, table.just-tb-h-fc thead tr th {
    background-color: #377EB0;
    color: #FFFFFF; }
  table.just-tb-h thead th, table.just-tb-h thead td {
    padding: 10px 18px; }
  table.just-tb-h thead th {
    text-align: center;
    border-width: 0 0 1px 0;
    white-space: nowrap; }
  table.just-tb-h-2 thead th {
    text-align: left;
    border-width: 0 0 1px 0;
    white-space: nowrap;
    padding: 8px 30px 8px 8px; }
    table.just-tb-h-2 thead th.sorting_disabled.text-center {
      text-align: center;
      padding: 8px; }
    table.just-tb-h-2 thead th span.rwd-colspan {
      text-align: center; }
  table.just-tb-h-2 thead td {
    padding: 8px 30px 8px 8px; }
  table.just-tb-h-fc thead th, table.just-tb-h-fc thead td {
    padding: 10px 18px;
    text-align: center;
    border-width: 0 0 1px 0;
    white-space: nowrap; }
  table.just-tb-h-fc thead th.sorting_desc, table.just-tb-h-fc thead td.sorting_desc, table.just-tb-h-fc thead th.sorting_asc, table.just-tb-h-fc thead td.sorting_asc {
    text-align: left;
    padding-right: 8px 30px 8px 8px; }
  table.just-tb-h-fc thead th span.rwd-colspan, table.just-tb-h-fc thead td span.rwd-colspan {
    text-align: center; }
  table.just-tb-h-fc tbody > tr:nth-of-type(even):hover {
    background: #ffffff; }
  table.just-tb-h-fc tbody > tr:nth-of-type(odd):hover {
    background: #f9f9f9; }
  table.just-tb-h-fc .just-fundname {
    min-width: 100px; }
  table.just-tb-v-2 th {
    width: 30%;
    background-color: #f9f9f9; }
  table.just-tb-v-2 td {
    width: 70%; }
  table.just-tb-v-4 th {
    width: 15%;
    background-color: #eee !important;
    color: #333 !important; }
  table.just-tb-td-top tbody td {
    vertical-align: top; }
  table.reversion-xs {
    /* 反轉table. ex. wb01下方小表格 */ }
    table.reversion-xs th {
      text-align: center; }

@media (max-width: 767px) {
  table th small.th-date {
    position: static;
    text-align: center;
    display: block; } }

@media screen and (max-width: 767px) {
  table.just-tb-v-4 th {
    width: 40%; }
  table.just-tb-v-4 td {
    width: 60%; } }

@media (max-width: 767px) {
  table.reversion-xs tbody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  table.reversion-xs tr:nth-child(1) th:first-child, table.reversion-xs tr:nth-child(2) th:first-child, table.reversion-xs tr:nth-child(1) td:first-child, table.reversion-xs tr:nth-child(2) td:first-child {
    border-top: 0; }
  table.reversion-xs tr:nth-child(odd) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 40%; }
  table.reversion-xs tr:nth-child(even) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 60%; }
  table.reversion-xs tr th, table.reversion-xs tr td {
    display: block;
    border-width: 1px 0 0 0 !important; } }

@media screen and (max-width: 767px) {
  table.flexbox1 {
    display: block;
    border-top: 0 !important; }
    table.flexbox1 tbody, table.flexbox1 thead {
      display: block; }
    table.flexbox1 tr {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      display: -webkit-flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
    table.flexbox1 th, table.flexbox1 td {
      display: block;
      float: left;
      border-width: 1px 0 0 0 !important; } }

@media screen and (max-width: 767px) {
  .ie9 .flexbox1 {
    position: relative; }
    .ie9 .flexbox1 tbody, .ie9 .flexbox1 tr {
      position: relative; }
    .ie9 .flexbox1 th:after, .ie9 .flexbox1 td:after {
      content: "";
      position: absolute;
      z-index: -1;
      bottom: 0;
      height: 100%; }
    .ie9 .flexbox1 th:after {
      left: 0;
      width: 40%;
      background: #f9f9f9; }
    .ie9 .flexbox1 td:after {
      right: 0;
      width: 60%;
      background: #fff; } }

.table-scroll {
  width: 100%;
  overflow-x: auto; }

/* End just Table */
/* Nav bar */
.scrollable-menu {
  height: auto;
  max-height: 200px;
  overflow-x: hidden; }

.navbar .neg-number {
  color: green; }

.navbar .pos-number {
  color: red; }

/* Start 基本資料頁 - 上方資訊 */
.page-header {
  margin: 2rem auto;
  border-bottom: none; }
  .page-header h3 {
    position: relative;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; }
  .page-header small.print {
    position: absolute;
    bottom: 0px;
    right: 0px; }
    .page-header small.print a {
      display: inline-block;
      color: #FFFFFF; }
  .page-header small a {
    display: inline-block;
    color: #777; }

/* Start 基本資料頁 - navbar dropdown */
@media (min-width: 768px), print {
  .just-navbar-fundbasic #corp_dpm > a.dropdown-toggle {
    max-width: 150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 30px; }
    .just-navbar-fundbasic #corp_dpm > a.dropdown-toggle .caret {
      position: absolute;
      right: 20px;
      top: calc(48%); } }

.just-navbar-fundbasic ul.dropdown-menu li a {
  padding: 5px 20px;
  white-space: normal; }

.just-navbar-fundbasic ul.dropdown-menu li.active a {
  background-color: #D1E1EF;
  color: #262626; }

/* 藥丸選單 */
.dj-pills {
  margin-bottom: 2rem; }
  .dj-pills .pills-wrapper {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    height: 40px; }
  .dj-pills ul {
    position: relative;
    left: 0px;
    top: 0px;
    margin-bottom: 2rem; }
    .dj-pills ul > li {
      display: table-cell;
      position: relative;
      text-align: center;
      cursor: grab;
      cursor: -webkit-grab;
      color: #efefef;
      vertical-align: middle;
      padding: 0 .5rem;
      width: 50%; }
      .dj-pills ul > li + li {
        margin-left: 0; }
      .dj-pills ul > li a {
        border-radius: 0;
        background-color: #ddd;
        color: #757575;
        font-weight: 300;
        font-size: 14px;
        letter-spacing: 2px;
        -webkit-transition: 0.1s ease-out;
        transition: 0.1s ease-out; }
        .dj-pills ul > li a:hover, .dj-pills ul > li a:focus {
          background-color: #12a845;
          color: #fff; }
      .dj-pills ul > li .btn-group > a {
        background-color: #12a845;
        color: #fff;
        border-color: white; }
        .dj-pills ul > li .btn-group > a:hover, .dj-pills ul > li .btn-group > a:focus {
          background-color: #148e3e; }
    .dj-pills ul .active > a {
      background-color: #12a845;
      color: #fff; }
      .dj-pills ul .active > a:hover {
        background-color: #12a845;
        color: #fff; }
    @media screen and (min-width: 576px) {
      .dj-pills ul > li {
        width: auto; }
        .dj-pills ul > li + li {
          margin-left: 2px; } }
    @media screen and (min-width: 992px) {
      .dj-pills ul > li {
        padding: 0; }
        .dj-pills ul > li a {
          border-top-left-radius: 5px;
          border-top-right-radius: 5px;
          position: relative; }
          .dj-pills ul > li a:after {
            content: "";
            display: block;
            position: absolute;
            right: 0;
            bottom: 0;
            left: -3px;
            border-bottom: 2px solid #12a845; }
        .dj-pills ul > li:first-child a:after {
          left: 0; }
      .dj-pills ul .btn-group a {
        border-radius: 0; }
        .dj-pills ul .btn-group a:after {
          display: none; } }
  .dj-pills .scroller {
    text-align: center;
    cursor: pointer;
    display: none;
    padding: 7px;
    padding-top: 11px;
    white-space: no-wrap;
    vertical-align: middle;
    background-color: #fff; }
  .dj-pills .scroller-right {
    float: right; }
    .dj-pills .scroller-right i {
      color: inherit; }
  .dj-pills .scroller-left {
    float: left; }
    .dj-pills .scroller-left i {
      color: inherit; }
  .dj-pills .disable {
    cursor: not-allowed; }

/* 行事曆 style */
.just-calendar tbody td {
  height: 200px; }

.just-calendar dd {
  margin-bottom: 15px;
  border-bottom: 1px dotted #e3e3e3;
  padding-bottom: 5px; }
  .just-calendar dd:last-child {
    margin-bottom: 0px;
    border-bottom: 0px;
    padding-bottom: 0px; }

.just-calendar .well {
  background-color: #d9edf7; }

@media (max-width: 767px) {
  .just-calendar {
    display: block;
    border-top: 0; }
    .just-calendar tbody, .just-calendar thead {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
    .just-calendar tbody td {
      height: auto;
      border-width: 1px 0 0 0 !important; }
      .just-calendar tbody td:not(.hidden-xs) {
        border: 1px 0 0 0 !important; }
    .just-calendar tr {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      width: 100%; } }

ul.just-ul {
  list-style-type: none;
  padding: 0;
  position: relative; }
  ul.just-ul li {
    padding-left: 40px;
    position: relative;
    margin-bottom: 5px; }
    ul.just-ul li span {
      display: inline-block;
      position: absolute;
      width: 40px;
      left: 0px; }

/* datepicker style*/
.ui-datepicker {
  background-color: #fff;
  border: 1px solid #66AFE9;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: 0 0 8px rgba(102, 175, 233, 0.6);
  display: none;
  margin-top: 4px;
  padding: 10px;
  width: 300px;
  z-index: 999 !important; }
  .ui-datepicker th {
    padding-bottom: 15px !important; }
  .ui-datepicker a {
    text-decoration: none; }
    .ui-datepicker a:hover {
      text-decoration: none;
      color: #2A6496;
      -webkit-transition: color 0.1s ease-in-out;
      transition: color 0.1s ease-in-out; }
  .ui-datepicker td:hover a {
    color: #2A6496;
    -webkit-transition: color 0.1s ease-in-out;
    transition: color 0.1s ease-in-out; }
  .ui-datepicker .ui-datepicker-header {
    margin-bottom: 4px;
    text-align: center; }
  .ui-datepicker .ui-datepicker-title {
    font-weight: 700; }
  .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    cursor: pointer;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    height: 20px;
    line-height: 1;
    margin-top: 2px;
    width: 40px; }
  .ui-datepicker .ui-datepicker-prev {
    float: left;
    text-align: left;
    height: 100%;
    text-align: center; }
  .ui-datepicker .ui-datepicker-next {
    float: right;
    text-align: right;
    height: 100%;
    text-align: center; }
  .ui-datepicker .ui-datepicker-prev:before {
    content: "\e079";
    vertical-align: middle;
    margin: auto 0; }
  .ui-datepicker .ui-datepicker-next:before {
    content: "\e080";
    vertical-align: middle;
    margin: auto 0; }
  .ui-datepicker .ui-icon {
    display: none; }
  .ui-datepicker .ui-datepicker-calendar {
    table-layout: fixed;
    width: 100%; }
    .ui-datepicker .ui-datepicker-calendar th {
      text-align: center;
      padding: 4px 0; }
    .ui-datepicker .ui-datepicker-calendar td {
      text-align: center;
      padding: 4px 0;
      position: relative;
      border-radius: 4px;
      -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
      transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; }
      .ui-datepicker .ui-datepicker-calendar td:hover {
        background-color: #eee;
        cursor: pointer; }
      .ui-datepicker .ui-datepicker-calendar td a {
        text-decoration: none; }
  .ui-datepicker .ui-datepicker-current-day {
    background-color: #4289cc; }
    .ui-datepicker .ui-datepicker-current-day a {
      color: #fff; }
  .ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
    background-color: #fff;
    cursor: default; }
  .ui-datepicker .ui-state-active, .ui-datepicker .ui-widget-content .ui-state-active, .ui-datepicker .ui-widget-header .ui-state-active, .ui-datepicker .ui-state-active {
    border: 0px;
    background: none;
    font-weight: normal;
    color: #333; }

.ui-widget-content .ui-state-active, .ui-widget-header .ui-state-default {
  border: 0px;
  background: none;
  font-weight: normal;
  color: #333; }

.ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default {
  color: #333; }

.ui-datepicker .ui-state-active, .ui-datepicker .ui-widget-content .ui-state-active, .ui-datepicker .ui-widget-header .ui-state-default {
  background-color: #fff; }

.ui-datepicker .ui-state-active, .ui-datepicker .ui-widget-content .ui-state-active, .ui-datepicker .ui-widget-header .ui-state-active {
  background-color: #4289cc; }

.ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default {
  background: none;
  border: 0px;
  font-weight: 500; }

.ui-datepicker .ui-datepicker-calendar td span, .ui-datepicker .ui-datepicker-calendar td a {
  text-align: center; }

.ui-datepicker .ui-datepicker-today:before {
  content: '';
  display: inline-block;
  border: solid transparent;
  border-width: 0 0 7px 7px;
  border-bottom-color: #337ab7;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px; }

.ui-datepicker .ui-state-hover, .ui-datepicker .ui-widget-content .ui-state-hover, .ui-datepicker .ui-widget-header .ui-state-hover, .ui-datepicker .ui-state-focus, .ui-datepicker .ui-widget-content .ui-state-focus {
  border: 0px;
  background: none; }

.ui-datepicker .ui-widget-header .ui-state-focus {
  border: 0px;
  background: none; }

.ui-datepicker .ui-widget-header .ui-icon {
  background-image: none; }

.ui-icon {
  background-image: none; }

.ui-datepicker .ui-widget-content .ui-icon {
  background-image: none; }

.ui-datepicker .ui-widget-header {
  border: 0px;
  background: none; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: none; }

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: auto;
  margin: 1px 10px; }

.ui-datepicker .ui-datepicker-prev-hover {
  top: 2px; }

.ui-datepicker .ui-datepicker-next-hover {
  top: 2px;
  right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 2px; }

/* 問卷相關 */
.jumbotron-color {
  color: #fff;
  background: #337ab7;
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(45deg, #337ab7 0%, #33b780 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#337ab7', endColorstr='#33b780', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */ }

/* 新聞 */
.newsContainer {
  border: 1px solid #e3e3e3;
  border-radius: 7px;
  padding: 15px 20px;
  position: relative;
  background-color: #fff; }
  .newsContainer .back-btn a {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 5px 0 0;
    background-color: #12a845;
    border-color: #12a845;
    -webkit-box-shadow: none;
            box-shadow: none; }
    .newsContainer .back-btn a:hover, .newsContainer .back-btn a:focus, .newsContainer .back-btn a .focus {
      background-color: #4CAF50;
      border-color: #4CAF50; }
    .newsContainer .back-btn a:active {
      background-color: #239c4d;
      border-color: #239c4d; }
      .newsContainer .back-btn a:active:hover, .newsContainer .back-btn a:active:focus {
        background-color: #239c4d;
        border-color: #239c4d; }
  .newsContainer h4 {
    display: block;
    border-left: 5px solid #12a845;
    padding-left: 10px;
    margin: 10px 0 0 0;
    line-height: 1.4; }
  .newsContainer > hr + div::before {
    display: table;
    content: " "; }
  .newsContainer > hr + div::after {
    display: table;
    content: " ";
    clear: both; }
  .newsContainer > hr + div img {
    display: block;
    max-width: 100%;
    height: auto; }

#RemarksDIV table:hover, .MsgText table:hover {
  -webkit-box-shadow: none;
  box-shadow: none; }

.MsgText {
  margin-top: 20px; }
  .MsgText table.table {
    background-color: transparent; }
    .MsgText table.table:hover {
      -webkit-box-shadow: none;
              box-shadow: none; }
    .MsgText table.table thead tr th, .MsgText table.table thead tr td, .MsgText table.table tbody tr th, .MsgText table.table tbody tr td {
      background-color: transparent !important;
      border: none;
      padding: 8px;
      color: #333 !important; }

/*讓過長字串( ex. url link)能強制自動折行 */
.just-autowrap {
  display: block;
  width: inherit;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-all; }

iframe.embedded-iframe {
  width: 1px !important;
  min-width: 100% !important; }

body.embedded #SysJustIFRAMEDIV {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0; }
  body.embedded #SysJustIFRAMEDIV .row {
    margin-left: 0;
    margin-right: 0; }

body.embedded.embedded-default #SysJustIFRAMEDIV {
  padding-left: 15px;
  padding-right: 15px; }
  body.embedded.embedded-default #SysJustIFRAMEDIV .row {
    margin-left: -15px;
    margin-right: -15px; }

body.embedded.embedded-default-row #SysJustIFRAMEDIV .row {
  margin-left: -15px;
  margin-right: -15px; }

div.dataTables_paginate {
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 2rem; }
  div.dataTables_paginate .pagination > li a {
    cursor: pointer;
    border-radius: 0;
    color: #777; }
    div.dataTables_paginate .pagination > li a:focus {
      outline: 0; }
  div.dataTables_paginate .pagination > li:first-child a {
    cursor: pointer;
    border-top-left-radius: 10px; }
  div.dataTables_paginate .pagination > li:last-child a {
    cursor: pointer;
    border-bottom-right-radius: 10px; }
  div.dataTables_paginate .pagination .active a {
    background-color: #12a845;
    border-color: #12a845;
    color: #fff; }

.btn-primary {
  background-color: #12a845;
  border-color: #12a845;
  -webkit-box-shadow: none;
          box-shadow: none; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary .focus {
    background-color: #4CAF50;
    border-color: #4CAF50; }
  .btn-primary:active {
    background-color: #239c4d;
    border-color: #239c4d; }
    .btn-primary:active:hover, .btn-primary:active:focus {
      background-color: #239c4d;
      border-color: #239c4d; }

.btn-default {
  background-color: #999999;
  border-color: #999999;
  color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none; }
  .btn-default:hover, .btn-default:focus, .btn-default .focus {
    background-color: #888;
    border-color: #888;
    color: #fff; }
  .btn-default:active {
    background-color: #888;
    border-color: #888;
    color: #fff; }
    .btn-default:active:hover, .btn-default:active:focus {
      background-color: #888;
      border-color: #888;
      color: #fff; }

/* 正負數色系 */
.neg-number {
  color: red; }

.pos-number, .zero-number {
  color: gray; }

.neg-number-1 {
  color: green; }

.pos-number-1 {
  color: red; }

.zero-number-1 {
  color: inherit; }

/* loading 過廠動畫圖示 */
#busyImg {
  max-width: 100px; }

@media (max-width: 767px) {
  #busyImg {
    max-width: 75px; } }

/*beta 特殊字體*/
.Fontbeta {
  font-family: Symbol, serif;
  vertical-align: middle; }

/*datatables radio div*/
.dataTables_wrapper div#radio_div {
  margin-top: 6px;
  text-align: right; }

@media (max-width: 767px) {
  .dataTables_wrapper div#radio_div {
    text-align: center; } }

.canvas-style {
  width: 95%;
  margin-left: auto;
  margin-right: auto; }

.custom-actions {
  padding-bottom: 5px;
  margin-bottom: 5px; }
  .custom-actions .custom-id {
    margin-right: 10px; }

/*comman*/
.template, .hide {
  display: none; }

.fright {
  float: right; }

.fleft {
  float: left; }

.top0 {
  margin-top: 0px !important; }

.top5 {
  margin-top: 5px !important; }

.top10 {
  margin-top: 10px !important; }

.top20 {
  margin-top: 20px !important; }

.top30 {
  margin-top: 30px !important; }

.top40 {
  margin-top: 40px !important; }

.bottom0 {
  margin-bottom: 0px !important; }

.bottom5 {
  margin-bottom: 5px !important; }

.bottom10 {
  margin-bottom: 10px !important; }

.bottom20 {
  margin-bottom: 20px !important; }

.bottom30 {
  margin-bottom: 30px !important; }

.right0 {
  margin-right: 0px !important; }

.right5 {
  margin-right: 5px !important; }

.right10 {
  margin-right: 10px !important; }

.right20 {
  margin-right: 20px !important; }

.right30 {
  margin-right: 30px !important; }

.left0 {
  margin-left: 0px !important; }

.left5 {
  margin-left: 5px !important; }

.left10 {
  margin-left: 10px !important; }

.left15 {
  margin-left: 15px !important; }

.left20 {
  margin-left: 20px !important; }

.left30 {
  margin-left: 30px !important; }

.mg-v-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important; }

.mg-v-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important; }

.mg-v-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important; }

.mg-v-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important; }

.mg-h-auto {
  margin-left: auto !important;
  margin-right: auto !important; }

.pd-0 {
  padding: 0px; }

.pd-10 {
  padding: 10px; }

.pos-r {
  position: relative; }

.txt_red {
  color: red; }

.txt_green {
  color: green; }

.beta {
  font-family: Symbol, serif; }

.fundname-warning {
  font-weight: bold; }

.block-style-1 {
  display: inline-block;
  margin-right: 10px; }

.block-style-2 {
  display: inline-block;
  margin: 5px 10px; }

.page-break-before-always {
  page-break-before: always; }

html.isprint {
  width: 700px; }
  html.isprint #SysJustIFRAMEDIV {
    position: relative;
    padding-top: 0px; }
  html.isprint .print-mask {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 60px;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    opacity: 0;
    -webkit-animation: showing-printing-mask 1s 1s ease;
    -moz-animation: showing-printing-mask 1s 1s ease;
    -ms-animation: showing-printing-mask 1s 1s ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  html.isprint .print-manipulate {
    position: relative;
    background-color: #6ca4cb;
    width: 200px;
    border-bottom: 4px solid #377EB0;
    margin: 0 -15px 20px -15px;
    -webkit-animation: showing-printing 1s 1s ease;
    -moz-animation: showing-printing 1s 1s ease;
    -ms-animation: showing-printing 1s 1s ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
    html.isprint .print-manipulate .btn {
      position: absolute;
      top: calc(50% - 16px);
      opacity: 0;
      -webkit-animation: showing-printing-btn 1s 2s ease;
      -moz-animation: showing-printing-btn 1s 2s ease;
      -ms-animation: showing-printing-btn 1s 2s ease;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards; }
      html.isprint .print-manipulate .btn:first-child {
        left: 20px; }
      html.isprint .print-manipulate .btn:last-child {
        right: 20px; }
  html.isprint .just-navbar-fundbasic .navbar-right {
    display: none; }

@-webkit-keyframes showing-printing-mask {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes showing-printing-mask {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes showing-printing {
  from {
    width: 200px;
    height: 0px; }
  to {
    width: calc(100% + 30px);
    height: 60px; } }

@keyframes showing-printing {
  from {
    width: 200px;
    height: 0px; }
  to {
    width: calc(100% + 30px);
    height: 60px; } }

@-webkit-keyframes showing-printing-btn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes showing-printing-btn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@media print {
  /* quirky chrome print style... */
  html.ischrome table.dataTable thead th {
    position: static !important; }
  html.ischrome .table-bordered {
    border-collapse: collapse !important;
    border: 1px solid #eee; }
  html.isfirefox .table-bordered {
    border-collapse: collapse !important;
    border: 1px solid #eee; }
  html.ischrome .table-bordered tr td, html.isfirefox .table-bordered tr td {
    border-width: 1px !important; }
  body {
    margin: 0;
    padding: 0 !important;
    /*webkit like browser, force background printing enable*/
    -webkit-print-color-adjust: exact; }
  .print-manipulate, .print-mask {
    display: none; }
  .dj-pills ul.nav-pills li.active {
    text-decoration: none; }
  .blockUI, #busyImg {
    display: none; }
  .well, .page-break-inside-avoid, .opsCanvas {
    page-break-inside: avoid; }
  .template {
    display: none; }
  .dataTables_wrapper {
    page-break-inside: avoid; }
    .dataTables_wrapper * {
      overflow: hidden !important; }
    .dataTables_wrapper .dataTables_scroll.scrolling:not(.DTFC_NoData).tip .dataTables_scrollBody::before, .dataTables_wrapper .dataTables_scroll.scrolling:not(.DTFC_NoData)::after {
      display: none; }
  /* canvas printing */
  .FundView .notebody span.field, .FundView .notebody span.lgt {
    text-overflow: initial;
    max-width: initial; }
  /* custom printing layout */
  .page-header {
    margin-top: 40px; }
  .print-top20 {
    margin-top: 20px !important; } }

.checkbox label:before, .checkbox label:after {
  width: 20px !important;
  height: 20px !important; }

.checkbox label:after {
  padding-left: 4px !important;
  padding-top: 2px !important; }

.radio label:before {
  width: 20px !important;
  height: 20px !important; }

.radio label:after {
  width: 12px !important;
  height: 12px !important;
  left: 4px !important;
  top: 4px !important; }

.radio-info input[type=radio]:checked + label::before {
  border-color: #12a847 !important; }

.radio input[type=radio]:focus + label::before {
  outline: 0 !important; }

.radio-info input[type=radio] + label::after {
  background-color: #12a847 !important; }

.checkbox-info input[type=checkbox]:checked + label::before, .checkbox-info input[type=radio]:checked + label::before {
  background-color: #12a847 !important;
  border-color: #12a847 !important; }

.checkbox input[type=checkbox]:focus + label::before, .checkbox input[type=radio]:focus + label::before {
  outline: 0 !important; }

.st-content-row {
  margin: 4rem 0 5rem 0 !important;
  font-size: 18px !important;
  color: #333333 !important;
  line-height: 1.35 !important; }
  .st-content-row .content-title {
    color: #12ab47 !important;
    font-size: 20px !important;
    border-bottom: none !important; }
    .st-content-row .content-title i.skin {
      color: #12ab47;
      width: 11px;
      height: 19px;
      margin-right: 1rem;
      background-size: 100% 100%;
      position: relative;
      top: 1px;
      background-image: url(data:image/png;base64,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); }
      .st-content-row .content-title i.skin:before {
        display: none;
        content: ""; }
  .st-content-row .progress {
    border-radius: 10px !important;
    height: 9px !important;
    background-color: #dddddd !important;
    position: relative !important;
    top: 7.5px !important; }
    .st-content-row .progress .progress-bar {
      background-color: #49a72c !important;
      border-radius: 10px !important;
      -webkit-box-shadow: none !important;
              box-shadow: none !important;
      height: 9px !important; }

.progress-bar {
  background-color: #12ab48; }

.form-horizontal {
  background-color: transparent !important; }
  .form-horizontal .form-item {
    margin-bottom: 4rem !important;
    background-color: transparent !important; }
    .form-horizontal .form-item > .form-group {
      padding: 0 0 0 5.25rem !important; }
      .form-horizontal .form-item > .form-group label {
        color: #333;
        font-size: 16px; }
    .form-horizontal .form-item > label {
      color: #12a847 !important;
      font-size: 20px !important;
      font-weight: 300;
      border: none !important;
      margin-bottom: 1rem; }
      .form-horizontal .form-item > label span {
        background: #12a847 !important;
        border-radius: 50% !important;
        top: -5px;
        bottom: initial !important; }
        .form-horizontal .form-item > label span:after {
          display: none; }

.responsive-tabs-container .nav-tabs > li {
  padding: 0; }

.nav-tabs {
  margin-left: -.5rem;
  margin-right: -.5rem;
  border-bottom: none;
  margin-top: 2rem; }
  .nav-tabs > li {
    padding: 0 .5rem; }
    .nav-tabs > li a {
      border-radius: 0;
      background-color: #ddd;
      color: #757575;
      font-weight: 300;
      letter-spacing: 2px;
      -webkit-transition: 0.1s ease-out;
      transition: 0.1s ease-out; }
      .nav-tabs > li a:hover, .nav-tabs > li a:focus {
        background-color: #12a845;
        color: #fff; }
    .nav-tabs > li .btn-group > a {
      background-color: #12a845;
      color: #fff;
      border-color: white; }
      .nav-tabs > li .btn-group > a:hover, .nav-tabs > li .btn-group > a:focus {
        background-color: #148e3e; }
    .nav-tabs > li.active > a {
      background-color: #12a845;
      color: #fff; }
    .nav-tabs > li.active:hover > a, .nav-tabs > li.active:focus > a {
      background-color: #12a845;
      color: #fff;
      border: 1px solid transparent; }
  .nav-tabs.tag {
    margin-bottom: 2rem;
    margin-left: -.5rem;
    margin-right: -.5rem; }
    .nav-tabs.tag > li {
      padding: 0 .5rem; }
      .nav-tabs.tag > li a {
        border-radius: 0;
        background-color: #ddd;
        color: #757575;
        font-weight: 300;
        letter-spacing: 2px;
        -webkit-transition: 0.1s ease-out;
        transition: 0.1s ease-out; }
        .nav-tabs.tag > li a:hover, .nav-tabs.tag > li a:focus {
          background-color: #12a845;
          color: #fff; }
      .nav-tabs.tag > li .btn-group > a {
        background-color: #12a845;
        color: #fff;
        border-color: white; }
        .nav-tabs.tag > li .btn-group > a:hover, .nav-tabs.tag > li .btn-group > a:focus {
          background-color: #148e3e; }
    .nav-tabs.tag .active > a {
      background-color: #12a845;
      color: #fff; }

@media screen and (max-width: 768px) {
  .nav-tabs {
    margin-left: 0;
    margin-right: 0; }
    .nav-tabs > li {
      padding: 0;
      font-weight: 300; }
      .nav-tabs > li a {
        padding: 10px 10px;
        font-size: 14px; }
    .nav-tabs.tag {
      margin-left: 0;
      margin-right: 0; }
      .nav-tabs.tag > li {
        padding: 0;
        font-weight: 300; }
        .nav-tabs.tag > li a {
          padding: 10px 10px;
          font-size: 14px; } }

@media screen and (max-width: 576px) {
  .nav-tabs.tag {
    display: inline-block;
    white-space: nowrap;
    overflow-x: auto;
    width: 100%; }
    .nav-tabs.tag > li {
      width: auto;
      display: inline-block;
      white-space: nowrap;
      float: none; }
      .nav-tabs.tag > li + li {
        margin: 0; }
      .nav-tabs.tag > li a {
        padding: 10px 10px;
        text-align: center;
        border-left: 1px solid #fff;
        border-bottom: none; }
      .nav-tabs.tag > li.active a {
        border-bottom: none; } }

@media screen and (max-width: 320px) {
  .nav-tabs.tag > li a {
    padding: 10px 2px;
    font-size: 13px; } }

@media screen and (min-width: 992px) {
  .nav-tabs.tag {
    margin-left: 0;
    margin-right: 0; }
    .nav-tabs.tag > li {
      padding: 0; }
      .nav-tabs.tag > li a {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        position: relative;
        font-size: 16px; }
        .nav-tabs.tag > li a:after {
          content: "";
          display: block;
          position: absolute;
          right: -1px;
          bottom: -1px;
          left: -4px;
          border-bottom: 2px solid #12a845; }
      .nav-tabs.tag > li:first-child a:after {
        left: 0; }
    .nav-tabs.tag .btn-group a {
      border-radius: 0; }
      .nav-tabs.tag .btn-group a:after {
        display: none; } }

/*# sourceMappingURL=common.css.map */