@charset "UTF-8";
.CSD_main {
  width: 320px;
}
.CSD_main * {
  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 {
  font-family: "微軟正黑體", "Microsoft JhengHei", "Helvetica Neue", Helvetica,
    Arial, sans-serif;
}
div#SysJustIFRAMEDIV {
  padding-top: 20px;
}
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 {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs-table {
    display: table !important;
  }
}
.visible-xs-table-row-group {
  display: none !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);
  -moz-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,
.DTFC_LeftBodyLiner {
  overflow: hidden !important;
}
.DTFC_LeftBodyLiner {
  width: auto !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;
  animation-duration: 2s;
  animation-name: changeRight;
  animation-iteration-count: infinite;
  animation-direction: normal;
}
@-webkit-keyframes changeRight {
  from {
    right: 0px;
  }
  to {
    right: 40%;
  }
}
@-moz-keyframes changeRight {
  from {
    right: 0px;
  }
  to {
    right: 40%;
  }
}
@-ms-keyframes changeRight {
  from {
    right: 0px;
  }
  to {
    right: 40%;
  }
}
@-o-keyframes changeRight {
  from {
    right: 0px;
  }
  to {
    right: 40%;
  }
}
@keyframes changeRight {
  from {
    right: 0px;
  }
  to {
    right: 40%;
  }
}
.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: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(255, 255, 255, 0)),
    to(rgba(179, 179, 179, 0.5))
  );
  background-image: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0),
    rgba(179, 179, 179, 0.5)
  );
  background-image: -moz-linear-gradient(
    left,
    rgba(255, 255, 255, 0),
    rgba(179, 179, 179, 0.5)
  );
  background-image: -ms-linear-gradient(
    left,
    rgba(255, 255, 255, 0),
    rgba(179, 179, 179, 0.5)
  );
  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);
  -moz-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;
}
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;
  -moz-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;
  display: flex;
  justify-content: center;
  align-items: center;
}
table.dataTable tbody .odd .sorting_1 {
  background-color: #e0f4ff;
}
table.dataTable tbody .even .sorting_1 {
  background-color: #ecfcfc;
}
table.dataTable tbody td.group {
  background-color: #d2e2ed;
}
.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;
  color: #cd545e;
  font-weight: bold;
  background: #ffffff;
}
.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 #cd545e;
  }
}
/* Including form tag*/
.tLayer2 h4 form {
  display: inline;
}
.tLayer2 line {
  top: 15px;
}
@media screen and (max-width: 767px) {
  .tLayer2 line {
    top: 50px;
  }
}
.tLayer2 span.glyphicon {
  vertical-align: middle;
  top: 0;
}
@media screen and (max-width: 767px) {
  .tLayer2 h4 {
    padding: 0 5px 0px 0;
    margin: 0;
    border-bottom: 2px solid #cd545e;
  }
}
/* Start just Table */
/* 表格-橫行 */
/* 一般表格 */
table {
  /* 表格-直列-兩欄 */
  /* 表格-直列-四欄 */
}
table th.just-fundname {
  min-width: 120px;
}
table th small.th-date {
  position: absolute;
  right: 5px;
  bottom: 5px;
}
@media (max-width: 767px) {
  table th small.th-date {
    position: static;
    text-align: center;
    display: block;
  }
}
table tbody td.group {
  background-color: #d2e2ed;
}
table.table:not(.just-tb-h-fc):hover {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
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 td.child-Title,
table.just-tb-h-2 td.child-Title,
table.just-tb-h-fc td.child-Title {
  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;
}
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 th,
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: #f9f9f9;
}
@media screen and (max-width: 767px) {
  table.just-tb-v-4 th {
    width: 40%;
  }
  table.just-tb-v-4 td {
    width: 60%;
  }
}
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.reversion-xs tbody {
    display: flex;
    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: flex;
    flex-direction: column;
    width: 40%;
  }
  table.reversion-xs tr:nth-child(even) {
    display: flex;
    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: flex;
    display: -webkit-flex;
    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 h3 {
  position: relative;
}
.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: 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 .pills-wrapper {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  height: 40px;
}
.dj-pills ul {
  position: relative;
  left: 0px;
  top: 0px;
  margin-top: 0px;
}
.dj-pills ul li {
  display: table-cell;
  position: relative;
  text-align: center;
  cursor: grab;
  cursor: -webkit-grab;
  color: #efefef;
  vertical-align: middle;
}
.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: flex;
    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: flex;
    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;
  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,
.ui-datepicker a:hover {
  text-decoration: none;
}
.ui-datepicker a:hover,
.ui-datepicker td:hover a {
  color: #2a6496;
  -webkit-transition: color 0.1s ease-in-out;
  -moz-transition: color 0.1s ease-in-out;
  -o-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,
.ui-datepicker .ui-datepicker-calendar td {
  text-align: center;
  padding: 4px 0;
}
.ui-datepicker .ui-datepicker-calendar td {
  position: relative;
  border-radius: 4px;
  -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
  -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
  -o-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: #cd545e;
}
.ui-datepicker .ui-datepicker-current-day a {
  color: #fff !important;
}
.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,
.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: #cd545e;
  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,
.ui-datepicker .ui-widget-header .ui-state-focus {
  border: 0px;
  background: none;
}
.ui-datepicker .ui-widget-header .ui-icon,
.ui-icon,
.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,
.ui-datepicker .ui-datepicker-next-hover {
  top: 2px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 2px;
}
/* 問卷相關 */
.jumbotron-color {
  color: #fff;
  background: #cd545e;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #cd545e 0%, #33b780 100%);
  /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left bottom,
    right top,
    color-stop(0%, #cd545e),
    color-stop(100%, #33b780)
  );
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg, #cd545e 0%, #33b780 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(45deg, #cd545e 0%, #33b780 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(45deg, #cd545e 0%, #33b780 100%);
  /* IE10+ */
  background: linear-gradient(45deg, #cd545e 0%, #33b780 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CD545E', endColorstr='#33b780', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
/* 新聞 */
.newsContainer {
  border: 1px solid #e3e3e3;
  border-radius: 7px;
  padding: 15px 20px;
  position: relative;
}
.newsContainer .back-btn a {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 5px 0 0;
}
.newsContainer h4 {
  display: block;
  border-left: 5px solid #377eb0;
  padding-left: 10px;
  margin: 10px 0 0 0;
  line-height: 1.4;
}
.newsContainer > hr + div::before,
.newsContainer > hr + div::after {
  display: table;
  content: " ";
}
.newsContainer > hr + div::after {
  clear: both;
}
.newsContainer > hr + div img {
  display: block;
  max-width: 100%;
  height: auto;
}
#RemarksDIV table:hover,
.MsgText table:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/*讓過長字串( 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-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;
}
/* 正負數色系 */
.neg-number {
  color: red;
}
.pos-number {
  color: red;
}
.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;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #f8f9fb !important;
  background-color: #cd545e !important;
}
.nav > li > a,
a {
  color: #cd545e !important;
}
.btn-primary {
  background-color: #cd545e !important;
  border-color: #cd545e !important;
  color: #f8f9fb !important;
}
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: #cd545e !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #cd545e !important;
  border-color: #cd545e !important;
  color: #f8f9fb !important;
}
table.dataTable tbody .odd .sorting_1 {
  background-color: #f6f6f6;
}
table.dataTable tbody .even .sorting_1 {
  background-color: #fff8f5;
}
.time-change {
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
}
.time-change:hover,
.time-active {
  color: #cd545e;
}
.show {
  background-color: #ffffff !important;
}
.dropdown-header {
  background-color: #fff !important;
  padding: 10px 0 0 0 !important;
}
@media only screen and (max-width: 767px) {
  .responsive-tabs-container .tabs-dropdown .dropdown-menu .close {
    top: 6px !important;
  }
}
.page-break-before-always {
  page-break-before: always;
}
html.isprint {
  width: 1200px;
}
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;
}
@-webkit-keyframes showing-printing-mask {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes showing-printing-mask {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-ms-keyframes showing-printing-mask {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes showing-printing-mask {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes showing-printing-mask {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
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;
}
@-webkit-keyframes showing-printing {
  from {
    width: 200px;
    height: 0px;
  }
  to {
    width: calc(100% + 30px);
    height: 60px;
  }
}
@-moz-keyframes showing-printing {
  from {
    width: 200px;
    height: 0px;
  }
  to {
    width: calc(100% + 30px);
    height: 60px;
  }
}
@-ms-keyframes showing-printing {
  from {
    width: 200px;
    height: 0px;
  }
  to {
    width: calc(100% + 30px);
    height: 60px;
  }
}
@-o-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;
  }
}
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;
}
@-webkit-keyframes showing-printing-btn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes showing-printing-btn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-ms-keyframes showing-printing-btn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes showing-printing-btn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes showing-printing-btn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
html.isprint .just-navbar-fundbasic .navbar-right {
  display: none;
}
@media print {
  /* quirky chrome print style... */
  html.ischrome table.dataTable thead th {
    position: static !important;
  }
  html.ischrome .table-bordered,
  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;
  }
  .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 {
    display: none;
  }
  .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;
  }
}