@charset "UTF-8";

/* misc */

/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */
/*
.sticky-menu.scrolling {
  -webkit-animation: 0.05s linear 0s alternate fadein;
          animation: 0.05s linear 0s alternate fadein;
}

@-webkit-keyframes fadein {
  from {  
          -webkit-transform: translateY(-20px);  
                  transform: translateY(-20px);
          opacity: 0; }
  to   { 
          -webkit-transform: translateY(0px); 
                  transform: translateY(0px);
          opacity: 1; }
}

@keyframes fadein {
  from {  
          -webkit-transform: translateY(-20px);  
                  transform: translateY(-20px);
          opacity: 0; }
  to   { 
          -webkit-transform: translateY(0px); 
                  transform: translateY(0px);
          opacity: 1; }
}

*/

label h3{
  margin: 0;
}

.home-right-slide{
  width: 370px !important;
}

.home-box-left{
  width: calc(100% - 370px - 390px);
  overflow: hidden;
}

@media (max-width: 1200px){


.home-box-left {
  width: calc(100% - 370px - 340px);
}


}


@media (max-width: 991.98px){
.home-box-left {
  width: calc(100% - 380px);
}

}

@media (max-width: 767px){
.home-box-left {
  width: calc(100% - 0px);
}

.home-right-slide {
  width: calc(100% + 18px) !important;
}

}
@media (max-width: 575px){

.home-right-slide {
  width: calc(100% + 0px) !important;
}

}


@media (min-width: 992px){
.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: .5rem;
  padding-left: .5rem;
}


}



@media print{
  body,html{
    min-width: 1400px !important;
    width: 1400px !important;
    width: 310mm!important;
    min-width: 310mm !important
  }
}




/* 修正粗體 */

@font-face {
    font-family: '微軟正黑體修正';
    unicode-range: U+7db0, U+78A7, U+7B75;
    font-style: normal;
    font-weight: bold;
    src: local(MS Gothic), local(Yu Gothic);
}

@font-face {
    font-family: '微軟正黑體修正';
    unicode-range: U+7db0, U+78A7, U+7B75;
    font-style: normal;
    font-weight: normal;
    src: local(微軟正黑體), local(Microsoft JhengHei);
}

.migrated .inner_content .result_list table th{
  border-bottom: 1px solid #dee2e6;
  position: static !important
}


.swiper-pagination-bullet-active{
  background-color: #00965E !important;
}

.ac_results{

}
.ac_results li{
  cursor: pointer !important
}

.m--1 + * {
  margin-top: -20px !important;
}
.custom-control-label{
  cursor: pointer;
}
.fc-content-skeleton td.fc-today{
  background: none !important;
}

.page-holder table a {
    text-decoration: underline;
    color: #333;
}
.swiper-container2 .swiper-pagination-bullet {
  background: #fff !important;
  opacity: 1;
}

.swiper-container2 .swiper-pagination-bullet-active{
  background: #00965E !important;
}

.swiper-container2 {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  padding: 0;
  z-index: 1;
  padding-bottom: 10px;
}

.swiper-container2 .swiper-pagination{
  bottom: 1px;
}

@media (max-width: 991.98px){
body {
  padding-top: 38px;
}
}



@media (min-width: 768px){
.home-right-slide .card {
  position: relative;
  height: 194px;
}


}

.home-right-slide .card{
  position: relative;
  overflow: hidden;
}

.home-right-slide .card .h5{
  color: #000;
}



.home-right-slide .card , .home-right-slide .card:hover,.home-right-slide .card:hover *{
  text-decoration: none !important;
}



.home-right-slide .card img {
  height: 180px;
  width: 180px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto
}

@media (max-width: 767px) and (min-width: 576px){

.home-right-slide .card img {
  height: 270px;
  width: 270px;
}

}
@media (max-width: 575px){
.home-right-slide .card img {
  height: 170px;
  width: 170px;
}

}

.page-holder table td, .page-holder table th {
  vertical-align: middle;
}

.nav-item{
  text-align: center;
}
@media (max-width: 767px){

.page-holder table td, .page-holder table th {
  padding: 5px 2.5px;
}

}
 @media all and (-ms-high-contrast:none)
     {

     *::-ms-backdrop, .fade {
  -webkit-transition: none;
  transition: none;
}

 }


.shorten{
  height: 80px;
  display: none !important;
}

.no-bg{
  background: none !important
}

.text-greenx strong{
  font-weight: normal;
}

.fa-caret-down,.fa-caret-up{
  margin-right: 3px;
}

h1.h1 {
    color: #212529;
    font-size: 2.5rem;
    line-height: 1.1;
}

.pill-label{
  line-height: 30px;
  font-size: 12px;
}

.sr-hidden{
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.mt-n{
  margin-top: -12px;
  display: block;
}

table i{
  margin-right: 3px;
}


@media (max-width:767px){
.btn-xs-block{
width: 100%;

}

.page-link {
  padding: .15rem .3rem;
}

}

@media (min-width: 992px){
.col-lg-50 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
}



/*color */

.otm{
  color:#dc3545!important
}
.itm{
  color:#28a745!important

}
/* sticky head */
.is-sticky .sticky-option{
  margin: 0 !important;
  padding-top: 3px;
  background-color: #fff;
}

.is-sticky .sticky-option > div{
  padding: 0 !important;
}
.is-sticky .sticky-option > div > div{
  margin: 0 !important;
}


.clone-table{
  background: #fff;
}

.clone-case{
  position: fixed;
  top: 64px;
  width: 100%;
  z-index: 99;
}

.fix-thead{
  padding: 0 20px;
  margin-top: -1px;
}

.fix-thead th{
  padding: 5px !important;
  vertical-align: middle !important
}

.fix-thead .tablesaw-overflow{
  overflow: hidden !important;
}
@media (max-width:900px){
.fix-thead .tablesaw-overflow{
  overflow: auto !important;
}
}





tr#sorting{
    background-color: rgba(228,242,236,.5);
        border-top: 1px solid #dee2e6;
}

tr#sorting td {
  padding: 0px !important;
  position: relative;
  vertical-align: top;
    border-top: 1px solid #dee2e6;
}
tr#sorting td a{
  display: block;
  height: 20px;
  width: 50%;
  float: left;
}
tr#sorting td a.arrow_down {
  background: url(/home/images/arrow_down2.png) center left no-repeat;
}

tr#sorting td a.arrow_up {
  background: url(/home/images/arrow_up2.png) center right no-repeat;
}
tr#sorting td a.arrow_down.active,tr#sorting td a.arrow_down:hover {
  background: url(/home/images/arrow_down_on2.png) center left no-repeat;
}

tr#sorting td a.arrow_up.active,tr#sorting td a.arrow_up:hover {
  background: url(/home/images/arrow_up_on2.png) center right no-repeat;
}



@media (max-width: 991.98px){
  .clone-case {
  top: 39px;
}
}

@media (max-width:767px){

.fix-thead th{
  padding: 2.5px !important;

}
.fix-thead {
  padding: 0 25px;
  margin-top: -1px;
}


#ah-moneyflow .fix-thead {
  padding: 0 20px;
}

#market_overview_index br{
  display: none;
}
}

.clone-case{
  /*
  -webkit-transform: translateY(-30px);
      -ms-transform: translateY(-30px);
          transform: translateY(-30px);
  -webkit-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
  */
  opacity: 1;
}

.clone-case.start{
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
          opacity: 1;
}




/* share */


.share-box a{
  margin-right: 4px;
}

.share-box a:last-child{
  margin-right: 0px;
}

.share-box .print{
  color: #fff !important;
}

.trader .dropdown-item.active, .dropdown-item:active,.trader .dropdown-item.active, .dropdown-item:hover{
  background-color: #fff;
}


/* table */

@-webkit-keyframes moving-gradient {
  0% {
   opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.loading-tr .loading-block:before {
  background-color: #fff !important;
  color: #fff !important;
  text-indent: 999999px;
  content: "";
  width: 100%;
  height: 15px;
  display: block;
  margin: -11px 0 0 0;
  position: absolute;
  animation-name: moving-gradient;
  animation-duration: 0.3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
animation-direction: alternate;
border: 1px solid #e8e8e8
}

tr:nth-child(odd).loading-tr .loading-block:before {
  background-color: #f7f7f7 !important;
}


.hide-td{
  display: none;
}

.loading-tr .loading-block {
  background-color: #fff !important;
  display: inline-block;
  position: relative;
  width: 100%;
}



.migrated .inner_content .result_list table th {

    padding: 7px 4px !important
}
.search-table th, .search-table td{
  white-space: nowrap
}

@media (max-width: 991.98px){
.search-table td{
    padding: 6px 4px !important
}


}
.table-responsive.scrollable {
  height: 218px;
}

#cbbc-terms .table-responsive.scrollable {
  height: 192px;
}
table th.h6{
  font-size: 14px !important;
  font-weight: bold !important;
  padding: 7px 0
}

table td, table th{

  font-size: 12px !important;
}


@media (min-width:576px){

  .cbbc-map-scroll tr > td:nth-child(3){
    padding-left: 23px;
  }
}

.result_list{
  display: block !important
}

 table input[type="text"]{
  width: 80px;
  display: inline;
}

.search-table td, .search-table th{
  text-align: center;
}



.tablesaw-advance {
    float: left;
}

.tablesaw-advance a.tablesaw-nav-btn {
    background-color: #00965E;
    color: #fff;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(38,166,118,.5);
    box-shadow: 0 0 0 0.2rem rgba(38,166,118,.5);
}

.tablesaw-advance a.tablesaw-nav-btn:after {
    content: "\f0b0" !important;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 5px;
    width: 10px;
    height: 10px;
    float: left;
        margin-top: 2px;
}

.tablesaw-advance a.tablesaw-nav-btn:before {
    content: '數據選擇' !important;
    width: auto !important;
    height: auto !important;
    overflow: auto !important;
    position: static !important;
    float: right;
    border: none !important;
    border-right: 0px !important;line-height: 16px;
    border-top:  0px !important;
    display: none;
}

.tablesaw-advance a.tablesaw-nav-btn{
  font-size: 13px !important;
}

.tablesaw-advance a.tablesaw-nav-btn {
overflow: visible;
    width: auto;
    height: auto;
    background-position: 50% 50%;
    margin-left: .25em;
    margin-right: .25em;
    position: relative;
    text-indent: 0px;
    text-shadow: none !important;
    padding: .3rem .5rem !important;
    box-shadow: none !important;
    border: none;
    border-radius: 0px !important;
    margin-right: 10px;
}

.tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup {
    display: block;
    position: absolute;
    top: 2em;
    left: 0;
    right: auto;
    background-color: #fff;
    padding: .5em .8em;
    border: 1px solid #ccc;
    box-shadow: none;
    border-radius: 0;
    z-index: 9;
}

.tablesaw-columntoggle-popup .tablesaw-btn-group > label input {
    margin-right: .4em;
}

.hide-pop{
  display: none !important
}

.tablesaw-columntoggle-popup .tablesaw-btn-group > label:last-child(){
  margin-bottom: 0;
}

.tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup{
  padding-bottom: 0 !important
}

.tablesaw-columntoggle-popup .tablesaw-btn-group > label input {
    margin-top: 0;
    vertical-align: -1px;
}

[colspan]{
  display: table-cell !important;
}

.migrated .inner_content .result_list table th {
  color: #6c757d!important;
  font-weight: bold!important;
  padding: 15px 4px;
  text-align: center;
  vertical-align: middle;
  border-bottom: #00965E 3px solid;
  background-color: #f7f7f7;
  font-weight: 400;
}

#search-table-clone-case thead th{
  color: #6c757d!important;
  padding: 7px 4px !important;
  text-align: center;
  vertical-align: middle;
  border-bottom: #00965E 3px solid;
  background-color: #fff;
  font-weight: 400;
  font-weight: bold;
}

@media (max-width:767px){

#search-table-clone-case thead th{
color: #00965e;
  padding: 6px 4px !important;

}
.form-group {
  margin-bottom: 7px;
}

}

/* datatable */

.datatable{
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
}
.datatable thead th,.sticky-head thead th{
  border-bottom: 1px solid #dee2e6!important;
  box-sizing: border-box;
}



/* ion range slider */

.irs-from,.irs-to{
  display: none;
}


.irs--round .irs-handle {
  top: 26px;
  width: 15px;
  height: 15px;
  border: 1px solid #ccc;
  background-color: white;
  border-radius: 24px;
  box-shadow: none;
  cursor: pointer;
}
.irs--round .irs-handle:hover {
  border: 1px solid #00965E;
}

  
.irs--round .irs-line {
  top: 33px;
  height: 1px;
  background-color: #dee4ec;
  border-radius: 4px;
}

.irs--round .irs-bar {
  top: 33px;
  height: 1px;
  background-color: #dee4ec;
}
.irs-single{
  display: none;
}
.irs--round .irs-min, .irs--round .irs-max{
  visibility: visible !important;
  font-size: 12px;
  padding: 6px 0px 0 0;
  background: none;
}

.slider .pointer{
  bottom: 11px;
}


#inline-landing .irs--round {
  height: 30px;
}

#inline-landing .irs--round .irs-bar,#inline-landing .irs--round .irs-line {

  top: 13px;
}

#inline-landing .irs--round .irs-handle {
  top: 6px;
}
.slider .pointer {
    border-left: 1px solid #aaa;
}
.irs--round .irs-bar ,.irs--round .irs-line{
    background-color: #ccc;
}
#g-search .slider{
  height: 0;
  margin: 0 10px
}

#g-search .irs--round .irs-min,#inline-search .irs--round .irs-max{
  background: none;
}

#g-search .slider .pointer {
    bottom: -13px;
}
.silder-group input{
  height: 30px;
  width: 100% !important;
  padding: 0;
  text-align: center;
}

.silder-group .irs--round {
    height: 30px;
}

.silder-group .irs--round .irs-handle {
    top: 16px;
}

.silder-group .irs--round .irs-bar {
    top: 23px;
}

.silder-group .irs--round .irs-line {
    top: 23px;
}

.silder-group .irs--round .irs-min,.silder-group  .irs--round .irs-max {
    padding: 0px 0px 0 0;
}

.g-search .irs--round .irs-min,.g-search .irs--round .irs-max{
  top: 32px;
  color: #495057;
}
.g-search .silder-group{
  margin-top: -10px;
}
.g-search .silder-group input{
  width: 60px !important;
}

#basicPanel .btn-group label {
    margin: -1px -1px 0 0;
}
/* spinner */


@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: spinner-border .75s linear infinite;
  animation: spinner-border .75s linear infinite;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@-webkit-keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
  }
}

@keyframes spinner-grow2 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
  }
}

.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: spinner-grow 0.7s linear infinite;
  animation: spinner-grow 0.7s linear infinite;
}




.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

/* popup */

[data-popup]{
  cursor: pointer;
}

.product-pop.score {
    max-width: 400px !important;
    width: 400px !important;
}

.bs-popover-bottom.underlying .product-pop,.bs-popover-bottom.underlying .product-pop{
    max-width: 420px !important;
  min-height: 100px !important;
}


.product-pop.score .card-body{
  padding: 0;
}

.product-pop.score .col-6 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}
.product-pop.score .scoring-circle-small{
  display: none;
}

.bs-popover-bottom .product-pop {
  width: 250px !important;
  height: auto;
  min-height: 100px;
}


.bs-popover-bottom .product-pop p{
  margin-bottom: 5px;
}


.bs-popover-top[x-placement="bottom"]{
  margin: -220px 0 0 -100px !important;
  width: 233px !important;
}

.popover-body {
  padding: .75rem .75rem;
  position: relative;
}


.popover-body .loader {
  position: absolute;
  text-align: center;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
  left: 0;
  right: 0;
  top: 50%;
}

.popover-body .loader .spinner-grow{
  margin: 0 7px;
}


.bs-popover-top.product-pop{
    margin-top: -25px;
}


[data-toggle="modal"]{
  cursor: pointer;
}

/* select */

.disable  .custom-select,.disable  input,.disable  .irs--round .irs-handle {
   background-color: #e9ecef;
   /* filter: grayscale(100%);  */
}


.custom-select.bootstrap-select {
  display: inline-block !important;
  width: 100% !important;
  height: calc(2.05rem + 2px) !important;
  padding: 0 !important;
  font-size: 1rem !important;
  line-height: 1.3 !important;
  color: #495057 !important;
  vertical-align: middle !important;
  border: 1px solid #ced4da !important;
  border-radius: 0;
  appearance: none;
}

.bs-actionsbox .btn-group button{
    
    color:#00965e;
    border: 1px solid #00965e;
    box-sizing: border-box;
}

.bs-actionsbox .btn-group button.bs-select-all{
      background: #00965e;
    color: #fff;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner{
  color: #333 !important;
line-height:20px;
}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    top: 8px;
    font-size: 10px;
    color: #00965e; 
}
.bootstrap-select.show-tick .dropdown-menu .selected:hover span.check-mark{
  color: #fff !important;
}

.custom-select.bootstrap-select .btn.dropdown-toggle {
  background: none;
  height: 100%;
  border: none !important;
}
 .bootstrap-select .dropdown-menu li a:hover{
  background-color: #00965E!important;
  color: #fff;
}

.bootstrap-select .dropdown-menu li a{
  white-space: normal;
  line-height: 1.1; 
  padding-top: 5px;
  padding-bottom: 5px;
}

.bootstrap-select .dropdown-menu li.active a {
  background-color: #00965e!important;
  color: #fff;
}
 .bootstrap-select .dropdown-menu li.active a:hover{
  background-color: #00965E!important;
  color: #fff;
}

.dropdown-toggle::after{
  display: none;
}

.bootstrap-select .dropdown-menu input:focus {
  border-color: #17ffa8;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23,255,168,.5);
  box-shadow: 0 0 0 0.2rem rgba(23,255,168,.5);
}
.target-row:not(.ulast_row) {
    background-color: #00965e;
    color: #fff;
}

.target-row:not(.ulast_row) a{
    color: #fff;
}

.dropup .dropdown-toggle::after{
  display: none;
}

.custom-select.bootstrap-select .btn.dropdown-toggle {
    width: 100%;
    padding-right: 25px !important;
}


.dropdown-menu.show[role="combobox"]{
  width: 100% !important;
  min-width: 1px !important;
}

.select-search ~ .dropdown-menu.show{
  min-width: 240px !important;
}


.dropdown-menu .inner{
  overflow-x: hidden;
  width: 100%;
}
.dropdown-menu .dropdown-item {

    padding: .25rem 1rem;

}

/* chart */


.highcharts-tooltip .charttooltip{
  background-color: #fff;
  padding: 7px 10px;
border: 1px solid #dee2e6!important;
box-sizing: border-box;
position: relative;
z-index: 9;

}

.highcharts-series-hover.highcharts-tracker *{
   cursor: pointer;
}


.highcharts-tooltip .charttooltip .title{
  font-size: 14px !important;
    font-family: Arial,微軟正黑體修正,"Microsoft JhengHei",微軟正黑體， sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
  margin-bottom: 3px;
  cursor: pointer;
  color: #00965E;
  font-weight: 500;
}
.highcharts-tooltip .charttooltip div{
    font-family: Arial,微軟正黑體修正,"Microsoft JhengHei",微軟正黑體， sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
    margin-bottom: 1px;
}


.highcharts-axis.highcharts-yaxis:nth-child(2) span{
  left: 0 !important;
    line-height: 1.2;
}
.highcharts-axis.highcharts-yaxis:not(:nth-child(2)) span{
  margin-left: -130px !important;
  margin-top: -20px !important
}

#inline-landing .highcharts-axis.highcharts-yaxis:not(:nth-child(2)) span {
  margin-left: -110px !important;
  margin-top: -41px !important;
}
.highcharts-axis.highcharts-yaxisspan{
    line-height: 1.2;
    text-align: center
}



svg,svg *{
  font-family: Arial,微軟正黑體修正,"Microsoft JhengHei",微軟正黑體， sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
  font-size: 12px !important;
}

.html-graphic-chart .h-bar:before,.html-graphic-chart .h-bar:after{
  display: none;
}

.html-graphic-chart .h-bar{
  border: none;
}

  .highcharts-markers image{
    display: none;
  }
  .highcharts-markers image:last-child{
    display: block;
  }







div[class*="intraday-chart"] .highcharts-markers path,div[id*="intradayChartContainer"] .highcharts-markers path{
    display: none;
  }

div[class*="intraday-chart"]   .highcharts-markers path:last-child,div[id*="intradayChartContainer"]   .highcharts-markers path:last-child{
    display: block;
  stroke: #fff;
  stroke-width: 2;
  stroke-linecap: butt;
  stroke-dasharray: 0;
width: 10px;
height: 10px;
  }


#searchPage  .highcharts-markers path{
    display: none;
  }

#searchPage  .highcharts-markers path:last-child{
    display: block;
  stroke: #fff;
  stroke-width: 2;
  stroke-linecap: butt;
  stroke-dasharray: 0;
width: 10px;
height: 10px;
  }



  .home-intraday-chart{
    margin-top: -10px;
  }




.line_function {
    padding-left: 0;
    padding-top: 0px;
    float: none;
    padding-left: 5px;
    padding-right: 10px;
    padding-bottom: 2px;
}

.line_function a {
    border: 1px solid #ced4da;
    width: 35px;
    height: 35px;
    float: left;
    display: inline-block;
    /* margin-right: 10px; */
    -webkit-background-size: 10px !important;
    -o-background-size: 10px !important;
    background-size: 22px !important;
    display: block;
    margin-bottom: 0;
    margin-left: -1px;
    box-sizing: border-box;
}

.line_function a:hover,.line_function a.active {
  border: 2px solid #00965e;
  border-right: 3px solid #00965e;
}

.line_function a:last-child:hover {
  border-right: 2px solid #00965e;
}


.line_function .icons_move {
    background: url(/home/images/icon/icon_move.png) center no-repeat;
}

.line_function .icons_circle {
    background: url(/home/images/icon/icon_circle.png) center no-repeat;
}

.line_function .icons_line {
    background: url(/home/images/icon/icon_line.png) center no-repeat;
}

.line_function .icons_arrow {
    background: url(/home/images/icon/icon_arrow.png) center no-repeat;
}

.line_function .icons_square {
    background: url(/home/images/icon/icon_square.png) center no-repeat;
}

.line_function .icons_text {
    background: url(/home/images/icon/icon_a.png) center no-repeat;
}

.line_function .icons_v_line {
    background: url(/home/images/icon/icon_v_line.png) center no-repeat;
}

.line_function .icons_h_line {
    background: url(/home/images/icon/icon_h_line.png) center no-repeat;
}

.line_function .icons_ls {
    background: url(/home/images/icon/icon_ls.png) center no-repeat;
}

.line_function .icons_del {
    background: url(/home/images/icon/icon_del.png) center no-repeat;
}

.line_function .icons_bb {
    background: url(/home/images/icon/icon_bb.png) center no-repeat;
}


#underlyingChartContainer{
  width:100%;
  margin-top: 0px;
}

#underly-chart-container .box {
  height: 8px;
  width: 8px;
  /* line-height: 12px; */
  display: inline-block;
  vertical-align: 1px;
  margin-right: 5px;
}

@media (max-width:767px){

#underlyingChartContainer{
  width:100%;
  height:450px;
}

.line_function{
  display: none;
}

}



/* faq */
.score-head-1{
  color: #28a745;
  padding-left: 25px;
  background: url(/home/images/moneyness_s_icon.png) no-repeat left center;
  background-size: contain;
}
.score-head-2{
  color: #E9721C;
  padding-left: 25px;
  background: url(/home/images/maturity_s_icon.png) no-repeat left center;
  background-size: contain;
}
.score-head-3{
  color: #dc3545;
  padding-left: 25px;
  background: url(/home/images/spread_s_icon.png) no-repeat left center;
  background-size: contain;
}
.score-head-4{
  color: #007bff;
  padding-left: 25px;
  background: url(/home/images/outstanding_quantity_s_icon.png) no-repeat left 2px center;
  background-size: contain;
}


.img-inside img{
  display: block;
  width: 100%;
  height: auto;
}

/* auto complete */

.ac_results {

    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    border: 1px solid rgba(51,51,51,.15);
    border-radius: 0;
    padding: 0.5rem 0 !important;
}

.ac_results li {
  display: block;
  width: 100%;
  padding: .25rem 1.5rem;
  clear: both;
  color: #212529;
  background-color: #fff;
  text-align: inherit;
  background-color: transparent;
  height: 25px;
  border: 0;
  padding: 0 1.5rem !important;
  line-height: 25px !important;
  font-size: 1rem !important;
  font-family: Arial,微軟正黑體修正,"Microsoft JhengHei",微軟正黑體， sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
}


.ac_results li:focus, .ac_results li:hover {
    color: #16181b;
    background-color: #f8f9fa;
}
.ac_results li *:focus, .ac_results li *:hover {
    color: #16181b !important;
    background-color: #f8f9fa !important;
}
.ac_results li *{
  width: auto !important;
}

/* accordion */
.accordion-list a{
  color: #00965E;
  padding-right: 20px;
}

.accordion-list a:hover {
    color: #004a2e;
}

.accordion-list .h6{
  margin-bottom: 0;
}
/* paging */
.paging{
  list-style: none;
  padding: 0;
  margin: 0;
}

.paging .pages{
  list-style: none;
  padding: 0;
  margin: 0;
}

.paging .pgEmpty {
    display: none
}

.paging li {
    padding: 7px 10px;
    color: #646464;
    font-size: 13px;
    float: left;
    background-color: #eee;
    margin: 2px 5px 0px 0;
  list-style: none;
}

.paging .pgCurrent,
.paging li:hover {
    background-color: #328a33;
    color: #fff
}

.paging .Prev {
    background: url(/home/images/paging_left.png) center no-repeat #eee!important;
    width: 8px;
    color: transparent
}

.paging .Prev:hover {
    background: url(/home/images/paging_left_on.png) center no-repeat #328a33!important;
    color: transparent
}

.paging .pgNext {
    background: url(/home/images/paging_right.png) center no-repeat #eee;
    width: 8px;
    color: transparent
}

.paging .pgNext:hover {
    background: url(/home/images/paging_right_on.png) center no-repeat #328a33;
    color: transparent
}

.pagination{
-ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
}
.pagination li:first-child{
      margin-left: -1px;
}
.pagination li{
  margin-top: -1px;
}
.pagination .disabled{
  display: none;
}

/* inner */

@media (max-width:767px){
#cbbc_settlement .per_share{
  display: block;
}

#cbbc_moneyflow .table-responsive + .bg-primary-100{
  margin-top: 1rem;
}

#cbbc_moneyflow .text-red{
  display: block;
}

.card-tab .swiper-container-horizontal>.swiper-pagination-bullets, .card-tab .swiper-pagination-custom, .card-tab .swiper-pagination-fraction {
  bottom: 10px;
}

}


@media (min-width:768px){
#hsi_cbbc_calllv_search table tr td:nth-child(3){
  padding-left: 20px;
}
}

.desktop_chart  td .percent-bar, .desktop_chart  th .percent-bar {
  top: 0;
  margin-top: 8px !important;
}

.page-holder table td .percent-bar, .page-holder table th .percent-bar {
  top: 0;
  margin-top: 2px;
}

#cbbc_moneyflow .flowout .text-greenx,#cbbc_moneyflow .flowin .text-redx{
  display: none;
}



#cbbc_moneyflow .flowout .text-greenx strong,#cbbc_moneyflow .flowin .text-redx strong{
  font-weight: normal;
}


#bnp-score .score_box .score {
  float: left;
  color: #FFF;
  width: 50px;
  height: 50px;
  text-align: center;
  background: center center no-repeat #18a28c;
  border-radius: 25px;
  margin: 0px 0 0 -5px;
}

#bnp-score h4.purple_title.instant {
    font-size: 16px;
    color: #9C3363;
    line-height: 20px;
    margin: 15px auto 3px;
    padding: 0 0 12px;
    font-weight: 400;
    border-bottom: 1px solid #ccc;
    width: 97%;
}

@media screen and (max-width: 1223px){
#bnp-score .score_box .score {
    float: left;
    color: #FFF;
    width: 35px;
    height: 35px;
    text-align: center;
    background: center center no-repeat #18a28c;
    border-radius: 25px;
    margin: -5px 0 0 0px;
}

#bnp-score  .score_box {
    margin: 15px 0% 10px 14px;
}
}
@media (max-width: 991.98px){
#bnp-score .score_box .score_num {
  font-size: 24px;
  padding: 0px 0 0;
  line-height: 36px;
}

}


@media (max-width:900px){

#bnp-score .score_box .score {
  width: 35px;
    height: 35px;
}
.migrated .score_box .score_num {
  font-size: 26px;
    line-height: 35px;
    padding: 0;
}
}
@media (max-width:767px){
#bnp-score h4.purple_title.instant .title{
  margin-left: 10px;
  display: block;
 }


#bnp-score .score_box .score {
    width: 40px;
    height: 40px;
    float: left;
    margin: 0;
}
.migrated .score_box .score_num {
  font-size: 30px;
    line-height: 50px;
    padding: 0;
}
.migrated .score_box .info {
    float: right;
}

}

.migrated .white_pop.cal.residual{
  width: 340px;
  max-width: 100%;
}

.migrated .white_pop.cal.residual .maths2{
  width: 100%;
}


.migrated .white_pop.cal.residual .maths2 {
    float: right;
    border: #d4d4d4 1px solid;
    text-align: center;
    padding: 15px 25px 25px 15px;
    margin: 10px 0 0 0;
    line-height: 50px;
}


.migrated .white_pop.cal.residual .maths2 .w_line_maths {
    height: 1px;
    width: 100%;
    margin: 0 auto;
    background-color: #7f7f7f;
}

.migrated .white_pop.cal.residual .maths2 .green_txt {
    color: #00965e;
}

.migrated .white_pop.cal.residual  .maths2{
  height: auto;
}
#warrant-settlement ~ .migrated .white_pop.cal .maths,
#cbbc-settlement  .migrated .white_pop.cal .maths {
height: 277px;
}

@media (max-width:767px){
#warrant-settlement ~ .migrated .white_pop.cal,
#cbbc-settlement  .migrated .white_pop.cal {
   width: calc(100% - 20px)
}

#warrant-settlement ~ .migrated .white_pop.cal .pop_table2,
#cbbc-settlement  .migrated .white_pop.cal .pop_table2 {
    width: 100%;
    height: auto;
}

#warrant-settlement ~ .migrated .white_pop.cal .maths,
#cbbc-settlement  .migrated .white_pop.cal .maths {
    width: 100%;
    text-align: center;
    height: auto;
    padding-bottom: 15px;
    margin: 0;
    line-height: 30px;
}

.migrated .white_pop.cal.residual .maths2{
   line-height: 30px;
   padding-bottom: 15px;
}

#warrant-settlement ~ .migrated .white_pop.cal .channel,
#cbbc-settlement  .migrated .white_pop.cal .channel {
    float: none;
    width: 100%;
    margin: 0px auto 0px auto;
    text-align: center;
    padding: 0;
}
#warrant-settlement ~ .migrated .white_pop.cal .channel img,
#cbbc-settlement  .migrated .white_pop.cal .channel img{
      margin: 0;
          -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

#calendar_right{
  display: none;
  margin-bottom: 20px;
}


#market-result .datatable td{
  vertical-align: middle !important
}

}


#market-moneyflow .charter_icon {
  height: 26px;
  width: auto;
}



#market-cas .datatable .hv-bg,#market-cas .datatable .hv-bg *{
  color: #fff !important;
}


#market-focus #pdf_area{
  width: 100%;
  border: none;
  height: 500px;
  margin: 10px 0 0 0;
}

#about-us .logo-box {
  width: 600px;
  margin: 0 auto;
}

#about-us .about-container{
  width: 94%;
  margin: 0 auto
}

@media (max-width:767px){
#about-us .logo-box {
  width: 100%;
  padding: 0 10px;
}
#about-us .logo-box img{
  width: 100%;
  height: auto;
}
}

.migrated .about_title3{
  font-size: 1.25rem;
}

@media (max-width:767px){
  #home-index .timestamp {

  margin-bottom: 10px;
  display: block;
  }



 }



.focus-gp .btn-outline-primary {
    color: #333;
    border-color: #707070;

}

.focus-gp .btn-outline-primary:hover {
    color: #fff;
     border-color: #00965E;
}


@media (min-width:768px){
.g-search  .collapse{
    display: flex;
  }

  .g-search  .collapse.os{
    display: block
  }

}

@media (max-width:767px){

.focus-gp .btn-outline-primary {

    margin: -1px 0 0px -1px !important;
}
.focus-gp{
  width: 100%;
}

.mh-radio label{
  width: 50%;
  margin: -1px 0 0px -1px !important;
}

.mh-radio label [value="all"]{
  width: 100%;
}

}


#inline-landing .card-widget-swiper .swiper-slide.highlighted-item{
  position: relative;
  z-index: 1;
  background-color: #fff;
}

#inline-landing .card-widget-swiper .swiper-slide.highlighted-item:before {
  z-index: 0;
  content: "";
  position: absolute;
  width: calc(100% + 20px);
  height: calc(100% + 30px);
  border: 5px solid #ccc;
  top: -15px;
  border: 4px solid #13856E;
  left: -10px;
  pointer-events: none;
}

#inline-landing .card-widget-swiper .swiper-slide.highlighted-item > div{
  position: relative;
}

#inline-landing .card-widget-swiper .swiper-slide.highlighted-item > div:before,.card-widget-swiper .swiper-slide.highlighted-item > div:after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  margin-left: -2px;
  left: 50%;
}

#inline-landing .card-widget-swiper .swiper-slide.highlighted-item > div:before {
  top: -21px;
  border-top: 5px solid #13856E;
}

#inline-landing .card-widget-swiper .swiper-slide.highlighted-item > div:after {
  bottom: -31px;
  border-bottom: 5px solid #13856E;
}

#inline-landing .card-widget-swiper .swiper-slide a{
  text-decoration: none;
}

#inline-landing .card-widget-swiper .swiper-slide{
  cursor: pointer;
}


#inline-landing .card-widget-swiper .swiper-slide {
  width: 140px;
 
  margin: 5px 0; 
  
  background-color: rgba(255,255,255,.5);
  padding: 10px;
}
#inline-landing .td-show{
  display:none;
}
@media (max-width:767px){
#inline-landing .highcharts-plot-line-label {
  display: none;
}
#inline-landing .td-show{
  display: table-row;
}
}

.inside-modal{
  font-size: 12px;
  vertical-align: text-top;
  margin-right: 5px;
}

#wnt-iv .is-sticky .sticky-option {
  padding-top: 15px;
}

.modal-lg.settlement .h4{
  padding-bottom: 5px;
  border-bottom: 1px solid #dee2e6!important;
  margin-bottom: 10px;
}

#inline-landing .card-body-action .timer,#inline-landing .card-body-action .btn-more{
  position: static;
}

#inline-landing .card-body-action .timer{
  margin-bottom: 10px;
  margin-top: -10px;
  display: block;
}
@media (max-width:767px){
#inline-landing table.w-auto{
  width: 100% !important;
}

}
@media (max-width:360px){
#inline-landing .card-widget-swiper .swiper-slide {
  padding: 5px;
}
}

#fx-landing .nav-link {
  padding: .5rem 0;
}
@media (max-width:767px){
#ah-landing .card-body{
  padding: 15px !important
}
}
@media (max-width: 767px){
#searchPage .mh-radio label [value="all"] {
  width: auto;
}
.mh-radio{
  overflow: hidden;
}
}

#monitor-table th{
    border-bottom: 1px solid #dee2e6!important;
}

a[onclick] {
  color: #00965E;
  cursor: pointer;
}

#document table a{
  font-size: 16px;
  
}

#document table a:hover{
  text-decoration: underline;
  color: #00965E!important;
}

#ah-moneyflow .table-chart .lineColor path{
  stroke: #28a745 !important;
  stroke-width: 2px;
}

#ah-moneyflow .ah-mid-chart #chartBackground,#ahHoldingRatioChartContainer  #chartBackground,#ahOtherHoldingRatioChartContainer  #chartBackground{
  display: none;
}


#ah-moneyflow .ah-mid-chart .highcharts-axis.highcharts-yaxis *{
  font-family:"Microsoft JhengHei",微軟正黑體， sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
  font-weight: normal;
  line-height: 1
}

#ah-moneyflow .ah-mid-chart .highcharts-tooltip .charttooltip .title {
    font-size: 14px !important;
    font-weight: 600;
}

#ah-moneyflow .ah-mid-chart .highcharts-axis-line,#ah-moneyflow .ah-mid-chart .highcharts-tick,#ahHoldingRatioChartContainer .highcharts-tick,#ahHoldingRatioChartContainer .highcharts-axis-line {
  display: none;
}

#hmonitorChartContainer ~  .for-total-moneyflow{
  display: none !important;
}

#hmonitorAccuChartContainer ~  .for-moneyflow{
  display: none  !important;
}

#bnp-score .icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    -webkit-background-size: 16px !important;
    background-size: 16px !important;
    vertical-align: -2px;
    line-height: 1;
}
#bnp-score .icon.icon-index{
  background: url(/home/images/sector_icon/class_icon_1_off.png) center;
}
#bnp-score .icon.icon-etf{
  background: url(/home/images/sector_icon/class_icon_2_off.png) center;
}
#bnp-score .icon.icon-fin{
  background: url(/home/images/sector_icon/class_icon_3_off.png) center;
}
#bnp-score .icon.icon-cbank{
  background: url(/home/images/sector_icon/class_icon_4_off.png) center;
}
#bnp-score .icon.icon-it{
  background: url(/home/images/sector_icon/class_icon_5_off.png) center;
}
#bnp-score .icon.icon-prop{
  background: url(/home/images/sector_icon/class_icon_6_off.png) center;
}
#bnp-score .icon.icon-gaming{
  background: url(/home/images/sector_icon/class_icon_7_off.png) center;
}
#bnp-score .icon.icon-oil{
  background: url(/home/images/sector_icon/class_icon_8_off.png) center;
}

#bnp-score label.active .icon.icon-index,#bnp-score label.hover .icon.icon-index{
  background: url(/home/images/sector_icon/class_icon_1.png) center;
}
#bnp-score label.active .icon.icon-etf,#bnp-score label.hover .icon.icon-etf{
  background: url(/home/images/sector_icon/class_icon_2.png) center;
}
#bnp-score label.active .icon.icon-fin,#bnp-score label.hover .icon.icon-fin{
  background: url(/home/images/sector_icon/class_icon_3.png) center;
}
#bnp-score label.active .icon.icon-cbank,#bnp-score label:hover .icon.icon-cbank{
  background: url(/home/images/sector_icon/class_icon_4.png) center;
}
#bnp-score label.active .icon.icon-it,#bnp-score label:hover .icon.icon-it{
  background: url(/home/images/sector_icon/class_icon_5.png) center;
}
#bnp-score label.active .icon.icon-prop,#bnp-score label:hover .icon.icon-prop{
  background: url(/home/images/sector_icon/class_icon_6.png) center;
}
#bnp-score label.active .icon.icon-gaming,#bnp-score label:hover .icon.icon-gaming{
  background: url(/home/images/sector_icon/class_icon_7.png) center;
}
#bnp-score label.active .icon.icon-oil,#bnp-score label:hover .icon.icon-oil{
  background: url(/home/images/sector_icon/class_icon_8.png) center;
}

#wnt_scoring #sector_select{
  margin-top: -5px;
}

#searchPage .badge-gray{
  cursor: pointer;
}

#wnt-iv .silder-group input {
    width: 60px !important;
}

#wnt-iv .silder-group{
  margin-top: -9px;
}



.sticky-option{
  position: relative;
}

@media (min-width: 991px){
  .search-reset{
    position: absolute;
      top: 25px;
      right: 10px;
      width: 100px;
  }
  }
  
  @media (max-width: 990px) and (min-width: 768px){
  .search-reset{
  
      width: 100px;
  }
  }
  


.holding_table.holding_right td{
  position: static;
}


#ahHoldingRatioChartContainer~ table td .box,#ahHoldingRatioChartContainer~ table th .box{
  width: 8px;
  height: 8px;
  display: inline-block;
}

.box-legend{
  width: 13px !important;
  height: 13px !important;
  display: inline-block;
    vertical-align: -2px;
    margin-right: 5px;
}

@media (max-width: 1200px) and (min-width: 768px){
.holding_right .dpn{
  display: table-cell;
}

#ah-ratio .modal-lg{
  max-width: 700px;
}


}

@media (max-width: 900px) and (max-width: 767px){
.holding_container {
  padding: 0 !important;
}

.migrated .holding_left,.migrated .holding_right {
  width: calc(100% + 20px);
  float: none;
  margin: 0 -10px 0 -10px !important;
}

.migrated .holding_right tr td:nth-child(5),
.migrated .holding_right tr th:nth-child(5),
.migrated .holding_right tr td:nth-child(6),
.migrated .holding_right tr th:nth-child(6){
  display: none !important
}

.w-sm-full{
  width: 100%;
}

.migrated .holding_right a{
  color: #505050;
  text-decoration: none !important;
}


}



.chart-info .chart-legend,.chart-info .axis-title,.chart-info {
  position: absolute;
  z-index: 0;
  line-height: 1;
}
.chart{
  position: relative;
  z-index: 1;
}


.chart-info .chart-legend{

right: 0;
}

.chart-info .axis-title{

left: 0;
}
.chart-info .axis-title .left{

float: left;
}

.chart-info .axis-title .right{

float: right;

margin-left: 3px;
}

@media (max-width: 900px) and (max-width: 767px){

.chart-info .chart-legend{
  margin-top: 4px;
}
}



#ah-b-chart.chart-info .axis-title.type1{

top: 36px;
}

#ah-b-chart.chart-info .axis-title.type2{

top: 188px;
}

#ah-b-chart.chart-info .axis-title.type3{

top: 316px;
}

#ah-b-chart.chart-info .chart-legend.type1{

}

#ah-b-chart.chart-info .chart-legend.type2{

top: 138px;
}

#ah-b-chart.chart-info .chart-legend.type3{

top: 277px;
}



#sh-b-chart.chart-info .axis-title.type1{

top: 59px;
}

#sh-b-chart.chart-info .axis-title.type2{

top: 259px;
}

#sh-b-chart.chart-info .chart-legend.type1{

}

#sh-b-chart.chart-info .chart-legend.type2{

top: 183px;
}


.dropdown-header {
  display: block;
  padding: 5px 0 5px 13px;
  font-size: 14px;
  color: #000000;
  background: #f6f6fa;
  margin: 0px 0 0 0;
}

.bootstrap-select .dropdown-menu li a.opt {
  position: relative;
  padding-left: 13px;
}

.dropdown-divider {
  height: 0;
  margin: 0px 0 0 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

#market_overview_tbl td, #market_overview_tbl th{
  text-align:   center;
}

.fc-row .fc-content-skeleton,.fc-row .fc-content-skeleton *{
pointer-events: none;
}

#result_table_s tr td:nth-child(1){
  padding-left: 20px;
}

@media  (max-width: 767px){

.scroller {
    height: auto;
}

}
@media  (min-width: 768px){
.calendar_box_left .fc-right, .calendar_box_right .fc-left{
  display: none;
}

}


#market-cas .hv-bg *{
  color: #fff !important;
}

[data-popup="underlying,HSIF"],[data-popup="underlying,HSCEF"],[data-popup="underlying,HSTECHF"]{
  pointer-events: none;
  text-decoration: none !important;
  cursor: text;
}
@media  (max-width: 767px){

#bnp-score .btn-outline-primary{
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.cas-search input{
  width: 100px;
}

.cas-search .tablesaw-advance input{
  width: auto;
}


.cas-search #code_search{
  width: 70px;
  margin-left: 10px;
}

}

#pop_content .box {
    width: 8px;
    height: 8px;
    display: inline-block;
}


.custom-control-label::after, .custom-control-label::before {
    position: absolute;
    top: 1px;
    left: -1.5rem;
    display: block;
    width: 15px;
    height: 15px;
    content: "";
}

#underlying_trend{
  width: 100%;
}
@media  (max-width: 992px){
#underlying_price {
  margin-top: -30px;
}
}

#inline-underlying + .custom-select{
  width: 200px !important;
}

#inline-underlying{
  margin: 0;
  margin-right: 10px;
  margin-left: 5px;
}

@media  (max-width: 767px){
#inline-underlying {
  width: 40px;
}
}

#inline-underlying + .custom-select{
  width: calc(100% - 40px)
}
}


@media  (min-width: 768px){




}
#bol_para1{
  padding: .375rem;
  width: 30px;
}

#uchart-option table input[type="text"] {
  width: 100%;
  padding: .375rem;
}


@media (min-width: 768px){
#uchart-option .col-md-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 39%;
  flex: 0 0 39%;
  max-width: 39%;
}

#uchart-option .row{
  width: 100%;
}

.custom-control-inline {
  margin-right: 7px;
}



}

#underlyingChartContainer .tooltipBackground{
  background-color: #000;
  display: none;
}
#underlyingChartContainer{
  position: relative;
  z-index: 1;
}
.uchart-boxer,.tchart-boxer{
  position: relative;
  width: 100%;
}

.uchart-boxer .tooltip-bg,.tchart-boxer .tooltip-bg{
  z-index: 0;

}

.uchart-boxer .tooltip-bg .item,.tchart-boxer .tooltip-bg .item{
  position: absolute;
  width: 100%;
  background-color: #f6f6fa!important;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  height: 23px;
}
.tchart-boxer{
  height: 625px;
}

.uchart-boxer .tooltip-bg .item1{
  top: 313px;
}
.uchart-boxer .tooltip-bg .item3{
  top: 559px;
}
.uchart-boxer .tooltip-bg .item2{
  top: 436px;
}

.tchart-boxer .tooltip-bg .item1{
  top: 203px;
  height: 24px;
}
.tchart-boxer .tooltip-bg .item3{
  top: 453px;
  height: 26px;
}
.tchart-boxer .tooltip-bg .item2{
  top: 327px;
  height: 26px;
}




.highcharts-crosshair-thin{
  stroke-dasharray: 4 !important;
}

#underlyingChartContainer,.uchart-boxer{
  height: 747px;
}

.uchart-boxer #underlyingChartContainer, .uchart-boxer .tooltip-bg,
.tchart-boxer #underlyingChartContainer, .tchart-boxer .tooltip-bg
{
  opacity: 0.1;
}

.uchart-boxer.loaded  #underlyingChartContainer, .uchart-boxer.loaded .tooltip-bg,
.tchart-boxer.loaded  #underlyingChartContainer, .tchart-boxer.loaded .tooltip-bg{
  opacity: 1;
}

.uchart-boxer.loaded >  .sball-container,
.tchart-boxer.loaded >  .sball-container{
  display: none;
}




.highcharts-loading{
  width: 100%;
  position: absolute;
  height: 747px !important;
  background: rgba(255,255,255,0.85);
}


.sball-container {
  margin: 80px auto;
  width: 100%;
  position: absolute;
  text-align: center;
  top: 0;
  height: 40px;
  left: 0;
  right: 0;
  background: url(/home/images/loading.gif) top 21px center no-repeat;
}


.sball-container:before{
  content:"載入中";
}


#wnt_terms_cal .slider .num,#cbbc_terms_cal .slider .num ,#inline_term_cal .slider .num{
  top: 40px;
}

.slider [data-ion-label="mdate_from"]{
  left: 0 !important;
  right: auto  !important;
}

.slider [data-ion-label="mdate_to"]{
  right: 0 !important;
 left: auto !important;
}



.uchart-boxer .tooltipLabel {
  width: 5px;
  white-space: normal !important;

  word-break: break-all;
  line-height: 14px;
  vertical-align: middle;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
font-family: Arial,微軟正黑體修正,"Microsoft JhengHei",微軟正黑體， sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

.uchart-boxer [firstone="true"]{
  height: 300px !important;
}

#content-price .tooltipLabel {
  width: 5px;
  white-space: normal !important;

  word-break: break-all;
  line-height: 14px;
  vertical-align: middle;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  margin-left: 4px !important;
font-family: Arial,微軟正黑體修正,"Microsoft JhengHei",微軟正黑體， sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";

}
#content-price [firstone="true"],{
  height: 180px !important;
}
[isyear="true"] {
  width: 100% !important;
  display: block !important;
  margin: 20px !important;
  left: 0 !important;
  right: 0 !important;
  margin: 20px auto 0 auto !important;
  text-align: center;
}

#termsChartContainer{
  height: auto !important;
}

.box-l {
  width: 8px;
  height: 8px;
  display: inline-block;
}

.highcharts-axis-line{
  display: none;
}

.inline-time{
    max-width: calc(100% - 40px);
  margin: 0 auto;
}
#content-cal input{
  padding: .375rem 0.5rem;
}

.tooltip-boxer{
  width: 350px;
  text-align: left;
  padding: 10px 10px 10px 5px;
  font-size: 12px;
  box-sizing: border-box;
}

.tooltip-inner {
  max-width: 350px;
}

[data-cal-result="tm"],[data-cal-result="mdate"]{
  color: #00965E!important;
  font-size: 14px;
}

.migrated .inner_content .result_list table th{
  background-color: #fff;
}

.migrated .inner_content .result_list table tr:nth-child(even) td {
  background-color: #fff;
  margin: 10px 3%;
}

.migrated .inner_content .result_list table tr:nth-child(odd) {
background-color: rgba(228,242,236,.5);
}


#contact .contact_table2 input[type="text"], 
#contact .contact_table2 textarea{
  font-size: 1rem;
  line-height: 1.3;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0;
  height: 30px;
  width: 90%;
  padding-left: 10px;
}

#contact .contact_table2 textarea{
height: 80px;
}


#contact .contact_table2 .td{
  padding: 5px 0 5px 25px;
}


#contact .custom-select{
  width: 90% !important;
}

#submitBtn,#resetBtn{
  cursor: pointer;
}

#error-page{
  background: url(../images/error_bg.jpg) no-repeat center bottom !important;
  height: 600px;
  padding-top: 70px;
}

#error-page *{
  text-align: center;
}

#error-page a{
  display: block;
  text-align: center;
}



#main-desktop-menu >li >a{
  line-height: 60px;
  padding-top: 0;
  padding-bottom: 0;
}
#main-desktop-menu li{
  position: relative;
}
#main-desktop-menu li:hover div {
  display: block;
  left: 0;
  display: block;
  left: -50px;
  width: 160px;
  top: 57px;
}

@media (max-width: 991.98px){
#main-desktop-menu li div{
  width: 100% !important;
}
#main-desktop-menu li diva{
  width: 100% !important;
  max-width:100% !important;
}

}
#main-desktop-menu li div a{
    white-space: normal !important;
    max-width: 200px;
}

#d-menu.navbar{
  padding-top: 0;
  padding-bottom: 0;
}

#main-desktop-menu > li > div a{
  border-bottom: 1px solid #dee2e6;
    padding: .4rem 1rem;
    text-align: center;
}
#main-desktop-menu > li > div a:hover{
  color: #00965E;
}

#main-desktop-menu > li > div a:last-child{
  border-bottom:none;
}
#main-desktop-menu > li > div{
  padding: 0;
}

#main-desktop-menu li.active:after{
  position: absolute;
  bottom: 0;
  height: 4px;
  width: 100%;
  display: block;
  background-color: #00965e;
  content:"";
}



#main-desktop-menu > li:not([colname="index"]):not([colname="edu"]) > a:after {
  border: none;
  font: normal normal normal 12px/1 'Font Awesome 5 Free';
  content: "\f078";
  font-weight: 900;
  font-size: .5rem;
  opacity: .5;
  display: inline-block;
  margin-left: .5em;
  vertical-align: .255em;
}


@media (max-width: 991.98px){


#main-desktop-menu >li >a {
  line-height: 20px;

}
#main-desktop-menu >li >a {
  line-height: 32px;
  text-align: left;
  padding-left: 15px;
}

#main-desktop-menu li.active:after{
  display: none;
}

#main-desktop-menu li.active{
  background-color: #f8f9fa
}
#main-desktop-menu li:hover div {
  width: 100%;
  display: none;
}
#main-desktop-menu li div a {
  white-space: normal !important;
  max-width: 100%;
  text-align: left !IMPORTANT;
  padding-left: 25px !important;
  border: none !important;
}
}

#sticky-menu .toggle-btn {
padding: 0px 20px;
  cursor: pointer;
  line-height: 64px;
  margin: 0;
  display: block;
}


#sticky-menu .toggle-btn:after{
  border: none;
  font: normal normal normal 12px/1 'Font Awesome 5 Free';
  content: "\f078";
  font-weight: 900;
  font-size: .5rem;
  opacity: .5;
  display: inline-block;
  margin-left: .5em;
  vertical-align: .255em;
}

#sticky-menu .nav-link{
  padding: 0;
  position: relative;
}

#sticky-menu .toggle-btn:hover{
  color: #00965E;
}

#sticky-menu .nav-link:hover .dropdown-menu {
  display: block;
  margin: 0;
  padding: 0;
  left: 19px;
}


#sticky-menu .nav-link .box{
   color: #00965E;
    font-size: 1rem;
}

#sticky-menu .nav-link .aname {
  padding: 7px 10px;
  display: block;
  border-bottom: 1px solid #e9ecef;
  border-top: 1px solid #e9ecef;
  margin-top: -1px;
}

#sticky-menu .nav-link .dropdown-item{
  
padding-left: 20px;
}

#sticky-menu .nav-link .dropdown-item:hover,#sticky-menu .nav-link .aname:hover{
  background-color: #e9ecef
}

.collapseSearch {
  top: 38px;
}


#sticky-menu .nav-link .aname{
  cursor: normal;
  text-decoration: none !important;
}

.ac_results li:focus, .ac_results li:hover {
  color: #16181b;
  background-color: #f8f9fa;
}

.dropdown-menu .dropdown-item:hover {
  color: #16181b;
  background-color: #f8f9fa;
}
#search_history_resultmobile{
  width: 100%;
}

.widget-recent-search .border-bottom{
  width: 100%;
}

.fx-table table a{
  color: #00965E;
text-decoration: none !important;
}


.fx-table table a:hover{
  color: #00965E;
text-decoration: underline !important;
}
.syn-from{
  padding-left: 5px;
  padding-right: 5px;
}

.col-width{
  width: 120px;
}

.select-ud{
  width: 180px;
}
.select-date{
  width: 110px;
}





@media (max-width: 767px){
.syn-from,.syn-to{
  height: 90px;
}

.col-width{
  width: 8px;
}

.migrated .contact_table2 .reset, .migrated .contact_table2 .submit {
  padding: 8px 15px;
}
#cap_refresh{
  display: block;
}
.select-label{
  width: 70px;
}
.select-ud,.select-date{
  width: calc(100% - 80px);
}


}


@media (min-width: 768px){
#search_uinfo .chart-container{
  width: 200px;
}

}

@media (max-width: 768px){
.card-tab .tab-swiper::after{
  display: none;
}

.card-tab .tab-swiper {
  padding-bottom: 40px;
}

.card-tab .swiper-container-horizontal>.swiper-pagination-bullets{
  bottom: 20px !important
}


.hero-banner .swiper-wrapper{
  margin-left: 0px;
}

}


.card-tab .nav-tabs .nav-link {
  height: 100%;
  line-height: 28px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 992px) and  (max-width: 1200px){
.card-tab .nav-tabs .nav-link {

  padding-left:7px;
  padding-right: 7px;
  font-size: 12px;
}

}


.main-desc h1 {
    color: #00965e !important;
}

.collapseSearch .widget-recent-search{
  background-color: #fff;
}

.inner-page .widget-recent-search {
  height: 206px;
}

.top-pick-boxer{
  padding: 1rem;
  border: 1px solid #00965E;
}

.top-pick-boxer a:hover,.top-pick-boxer:hover{
  text-decoration: none;
  background: rgba(0,150,94,.1);
}

.white-texter h1,.white-texter h1{
  color: #fff !important;
}

.white-texter .breadcrumb a,.white-texter .breadcrumb .active,.white-texter .breadcrumb-item+.breadcrumb-item::before{
  color: #fff !important;
}
.hide-title {
margin-top: 10px;
  margin-left: -5px;
}
.hide-title h1{
  display: none !important;
}

.card-tab .nav-tabs li:nth-child(1) .nav-link {
  border-top: 5px solid #28a745 !important;
}
.card-tab .nav-tabs li:nth-child(2) .nav-link {
  border-top: 5px solid #E9721C !important;
}
.card-tab .nav-tabs li:nth-child(3) .nav-link {
  border-top: 5px solid #ffc107 !important;
}
.card-tab .nav-tabs li:nth-child(4) .nav-link {
  border-top: 5px solid #20c997 !important;
}
.card-tab .nav-tabs li:nth-child(5) .nav-link {
  border-top: 5px solid #dc3545 !important;
}

.card-tab .nav-tabs li:nth-child(6) .nav-link {
  border-top: 5px solid #6610f2 !important;
}


#inline-landing .card-tab .tab-swiper .swiper-slide {
  width: 176px;
}

.card-tab .swiper-container-horizontal>.swiper-pagination-bullets, .card-tab .swiper-pagination-custom, .card-tab .swiper-pagination-fraction {
  bottom: 3px;
}
/*
.card-product-search{
  background-color: #17a2b8!important
}

.card-product-search input:focus, .card-product-search input:hover {
  box-shadow: none !important;
}
*/

.score-ball {
  width:45px;
  height: 45px;
  border-radius: 100%;
  margin: 0 auto;
  display: inline-block;
  line-height: 45px;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
}

#wnt_scoring .score-ball {
  width:25px;
  height: 25px;
  border-radius: 100%;
  margin: 0 auto;
  display: inline-block;
  line-height: 25px;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}


.ball-box-container{
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
}

.score-txt{
  width: 80px;
  width: auto;
}

.page-holder table .lowest-side {
  padding-left: 18px;
}

.page-holder table .highest-side{
  padding-right: 18px;
}

@media (max-width: 767px){

.score-ball,#wnt_scoring .score-ball  {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  font-weight: normal;
}

.page-holder table .lowest-side {
  padding-left: 5px;
}

.page-holder table .highest-side{
  padding-right: 5px;
}

.td-hl{
  display: none;
}

}

.ball-box-container td,.ball-box-container{
  border: none;
}


@media (max-width: 991.98px){
.migrated .score_box .txt {
  font-size: 12px;
}
}



.tchart-boxer{
  overflow: hidden;
}

:focus{
    outline: none !important;
}

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
  outline: none !important;
  outline-offset: -2px;
}

.nav-tabs .nav-link.active {
  border-color: #00965E !important;
}

.hero-banner, .normal-banner {
  min-height: 190px;
}

.hero-img-market {
  background-size: 1920px;
  min-height: 170px;
}


@media (max-width: 767px){
.select-link{
  margin: 10px 0 -10px 0;
}
.hero-banner, .normal-banner {
  min-height: 0px;
}




}


.highlight-text{
  font-size: 1.25rem;
}


.highlight-text *{
  font-weight: normal;
}

#inline-landing .highcharts-plot-line-label{
  display: none;
}

.focus-gp .btn-outline-primary {
  color: #00965e;
  border-color: #00965e;
}

/*#underlying_realtime_quote .btn-outline-primary{
  cursor:text
}

#underlying_realtime_quote .btn-outline-primary:hover{
  color: #00965E;
  border-color: #00965E;
    background-color: transparent;
}
*/
.migrated .contact_table,.migrated .contact_table2 {
  width: 100%;
  margin: 0 auto;
}

.post-head {
  width: 100%;
  height: 300px;
  background: url(/home/images/blog_s.jpeg) no-repeat center;
  background-size: cover;
}

.post-bot{
  
}

.post-bot .title{
  font-size: 2rem;
  margin: 20px 0 10px 0;
  color: #00965e;
}

.migrated .contact_table td {
  background-color: #ffffff;
  padding: 15px 0 15px 10px;
  border-left: none;
  border-right: none;
  font-size: 14px !important;
  border-top: none;
  border-bottom: #eaeaea 1px solid;
}

.migrated .contact_table2 td {
  background-color: #f4f4f4;
  font-size: 13px;
  padding: 7px 0 7px 25px;
  border: none;
}

.migrated .contact_table2 td .h2{
  margin: 7px 0 0 0;
  border-bottom: 1px solid #dadada;
  padding-bottom: 10px;
  width: calc(100% - 20px);
}

#contact select.custom-select{
  width: 1px !important
}


@media (max-width: 767px){

.migrated .contact_table2 >tbody >tr > td {
  padding: 7px 0 7px 15px !important;
}

.migrated .contact_table2 >tbody > tr > td:nth-child(1) {
  width: 80px !important;
}

}

#market-overview #resetBtn{
  position: absolute;
  right: 10px;
  top: 10px;
}
@media (max-width: 767px){
#market-overview #resetBtn {
  position: static;
}

}


#bnp-score h3.purple_title.instant {
  font-size: 16px;
  color: #9C3363;
  line-height: 20px;
  margin: 15px auto 3px;
  padding: 0 0 12px;
  font-weight: 400;
  border-bottom: 1px solid #ccc;
  width: 97%;
}
@media (max-width: 767px){
#bnp-score h3.purple_title.instant {
  font-size: 16px;
  color: #9C3363;
  line-height: 14px;
  margin: 7px auto 3px;
  padding: 0 0 12px;
  font-weight: 400;
  border-bottom: 1px solid #ccc;
  width: 97%;
}
}


#market-overview [data-trend]{
  cursor: pointer;
}

#market-overview [data-trend]:hover,#market-overview .active_trend{
  background-color: #E9721C;
}



.scoring-circle-tiny {
  width: 21px;
  height: 21px;
  color: #fff;
  font-size: 14px;
  line-height: 21px;
  display: inline-block;
  text-align: center;
  margin: -2px 0;
}

.card-product-search form{
  margin: 0;
}

#cal_result_name span{
  display: block;
}

#pop_content_title{
  margin: 0 !important
}
@media (max-width: 767px){
.modal-header {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.widget-recent-search {
  height: auto;

}

}

#search-table-popup .tablesaw-btn-group label:nth-child(1){
  display: none;
}



/*****  ****/

.refresh-btn{
  cursor: pointer;
  font-size: 13px;
}




.hero-img-warrant {
  background-position: top left;
  background-size: 2152px;
  position: relative;

}

.hero-img-cbbc {
  background-position: top left;
  background-size: 2330px;
  position: relative;

}


}




.hero-img-fx-commodities {
  background-position: bottom left -100px;
  position: relative;
  background-size: 893px;
  background-repeat: no-repeat;
  background-color: #0c0401;
}

.hero-img-fx-commodities.hero-img-search{
  background-position: left -70px top;
  background-size: 786px;
      background-repeat: no-repeat;
    background-color: #000;
}

.hero-img-other{
  background-position: top;
  position: relative;
}


.hero-img-inline-warrant {
  background-position: top -50px left -50px;
  background-size: 2135px;
  position: relative;
}

.hero-img-inline-warrant.hero-img-overview {
  background-position: top  left -50px;
}


.hero-img-cbbc:before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #6a8a95;
  opacity: 0;
  position: absolute;
  z-index: 0;
}

.hero-img-other:before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.3;
  position: absolute;
  z-index: 0;
}

.hero-img-other > div{
  position: relative;
  z-index: 1;
}




.hero-img-market {
  background-size: 1920px;
}

.hero-img-market.zoom {
  background-size: 2741px;
  background-position: right top;
  background-image: url(/home/images/hero_banner/market_hero_bg2.jpg) !important;
}

#fx-landing,.hero-img-fx-commodities .g-search{
  position: relative;
  z-index: 1;
}


.hero-img-stock-connect {
  background-position: left top -79px;
  background-size: 1920px;
}


#cbbc-band #cbbc_os_chart .h4{
    display: none;
}
#cbbc-band .tab-heading{
    margin-top: -10px;
}

.hero-img-outstanding{
  min-height: 1px;
}

#cbbc-band #cbbc_os_chart .text-body.btn-more{
  display: none;
}

@media (max-width: 767px){
.hero-img-warrant:before {
  background-color: #000;
  opacity: .5;
}
}




.hero-img-index.hero-banner{
  min-height: 220px;
  background-size: cover;
  background-size: 1967px;
  background-position: top -50px left -50px;
}

.card-body.cas-search{
  display: block !important
}

.hero-img-cbbc .row{
  z-index: 1;
}


.hero-img-cbbc {
  background-position: top  center;
  background-size: 100%;
  position: relative;

}

.hero-img-outstanding.hero-img-cbbc .flow-box:before {
  bottom: -153px;
}
.hero-img-outstanding.hero-img-cbbc .flow-box:after {
bottom: -268px;
}



.hero-img-cbbc .flow-box:before{
  position: absolute;
  content:"";
  left: -97px;
  bottom: -0px;
  background: url(/home/images/bull_bg_left.png) no-repeat;
  width: 439px;
  height: 288px;
  background-size: contain;
  z-index: 0;
  opacity: 1;
}

.hero-img-cbbc .flow-box:after {
  position: absolute;
  content: "";
  right: -130px;
  bottom: -36px;
  background: url(/home/images/bear_bg_right.png) no-repeat;
  width: 448px;
  height: 406px;
  background-size: contain;
  z-index: 0;
  opacity: 1;
}


.hero-img-cbbc.hero-img-search .flow-box:after,
.hero-img-cbbc.hero-img-listing-document .flow-box:after{

  bottom: -100px;

}

.hero-img-cbbc.hero-img-residual-value-settlement-price .flow-box:before,
.hero-img-cbbc.hero-img-new-listing:before{
  bottom: -100px;
}

.hero-img-cbbc.hero-img-residual-value-settlement-price .flow-box:after,
.hero-img-cbbc.hero-img-new-listing .flow-box:after{
  bottom: -200px;
}
.hero-img-cbbc.hero-img-residual-value-settlement-price .flow-box:before,.hero-img-cbbc.hero-img-new-listing .flow-box:before{
  bottom: -76px;
}

.hero-img-cbbc .flow-box{
  overflow: hidden;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
}

.hero-img-index.hero-banner{
  overflow: hidden;
}


.video-box {
  position: absolute;
  top: 89px;
  width: 100%;
  height: 590px;
  overflow: hidden;
}
.video-box .div{
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 57%;
  margin: 0;
}

.video-box video{
  position: absolute;
  left: 0;
  top: -288px;
  min-width: 1600px;
  height: 100%;
  width: 100%;
  min-height: 1100px;
}

@media (max-width: 1200px){
  .video-box{
    display: none;
  }

}
.home-banner .container{
  opacity: 0;
  transition: 1s all;
  -ms-transform: translate(0px,-50px); /* IE 9 */
  transform: translate(0px,-50px); /* Standard syntax */

}


.home-banner.start .container{
  opacity: 1;
  transition: 1s all;
  -ms-transform: translate(0px,0px); /* IE 9 */
  transform: translate(0px,0px); /* Standard syntax */
}


@media (max-width: 1850px){
.hero-img-cbbc .flow-box:before{
  left: -130px;
}

.hero-img-cbbc .flow-box:after {
  right: -160px;
}

}

@media (max-width: 1770px){
.hero-img-cbbc .flow-box:before{
  left: -230px;
}

.hero-img-cbbc .flow-box:after {
  right: -260px;
}

}



@media (max-width: 1550px){
.hero-img-cbbc .flow-box:after,.hero-img-cbbc .flow-box:before{
  display: none;
}

.hero-img-cbbc{
  background-size: cover;
}

}






@media (max-width: 767px){
.hero-img-cbbc .flow-box:before {
  display: block;
  background-color: #000;
  opacity: 0.3;
  left: 0;
  width: 0;
  width: 100%;
  height: 100%;
  top: 0;
}

.hero-banner,.hero-banner.zoom{
  background-image: none !important;
    margin-bottom: -10px !important
}



.hero-banner:before,.hero-banner:after,.hero-banner .flow-box:before,.hero-banner .flow-box:after{
 display: none;
}

/*
.hero-img-index.hero-banner {
  background-size: cover;
  background-position: top;
  background-image: url(/home/images/hero_banner/index_hero_bg.jpg) !important;
  margin-bottom: 0px !important
}
*/
#subscribleBtn {
  padding: 7px !important
}

#subscribleBtn h3{
  font-size: 14px;
}



}


[name="calllv"]{
  height: 27px;
}
@media (min-width: 1201px){
[name="calllv"]{
  font-size: 14px;
}
.btn-group-sm>.btn, .btn-sm {
  font-size: 14px;
}

.tooltip-boxer{
 font-size: 14px !important;
}

.migrated .score_box .txt ,.migrated .score_box .name{
  font-size: 14px;
}
.tooltip {
  margin-top: 12px;
}

#main-desktop-menu >li >a{
  line-height: 57px;
}
#main-desktop-menu li:hover div {
  top: 54px;
}

.table-responsive.scrollable {
  height: 255px;
}

#inline-landing .card-widget-swiper .swiper-slide{
    width: 150px;
}
.pill-label {
  font-size: 14px;
}

.ah-mfix{
  margin-bottom: 5px;
}


.small,.tiny{
  font-size: 14px !important;
}
.fix-thead {

  margin-top: -3px;
}

table td, table th {
  font-size: 14px !important;
  line-height: 16px !important;
}

.charttooltip *{
  font-size: 14px !important;
}

.bottom-info, .top-info,footer {
  font-size: 14px;
}
.card-tab .tab-swiper .swiper-slide, .card-tab .tab-swiper a.swiper-slide{
  width: 160px;
}

.tablesaw-advance a.tablesaw-nav-btn:before {
  font-size: 14px;
}


.home-hero-swiper .swiper-slide {
  padding: 1rem 0.5rem;
}

.widget-recent-search {
  height: 241px;
  overflow: hidden;
}

.mt-n {
  margin-top: -16px;
  display: block;
}


.fas.fa-info-circle.text-primary.h5{
  vertical-align: -1px;
  margin-right: 5px;
  height: 5px;
}

label {
  margin-bottom: .2rem;
}

.hero-img-bnp-score label ,#market-cas  label{
  margin-bottom: .5rem;
}

table tr th:nth-child(16),table tr td:nth-child(16) {
  display: none;
}

.tablesaw-columntoggle th.tablesaw-toggle-cellvisible, .tablesaw-columntoggle td.tablesaw-toggle-cellvisible {
  display: table-cell !important
}



.custom-select.bootstrap-select .btn.dropdown-toggle {
  padding-top: 4px;
}


}



.hero-img-cbbc .page-holder,.hero-img-cbbc > .container{
    z-index: 2;
  position: relative;
}

.hero-img-residual-value-settlement-price .page-holder {
  position: relative;
  z-index: 100;
}

#product_search{
  min-width: 168px;
}

.type-group .btn{
  padding-left: 7px;
  padding-right: 7px;
  width: 33%;
}


.messager.active {
  margin: -49px 0 0 0px;
  opacity: 1;
}
.messager {
  position: absolute;
  padding: 10px 20px 10px 10px;
  background: #e9721c;
  margin: -34px 0 0 0px;
  left: 0;
  z-index: 99;
  color: #fff;
  opacity: 0;
  transition: all 0.5s;
  display: inline-block;
  cursor: pointer;
}


.messager:after {
  content: "";
  position: absolute;
  width: 0;
  left: 40px;
  bottom: -6px;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: #e9721c transparent transparent transparent;
   
}

.messager .fa-arrow-down{
   animation: arrowdown 0.5s linear 0s infinite alternate;
   margin-right: 5px;
}

.messager .fa-times{
    margin: 0;
  font-size: 12px;
  position: absolute;
  right: 5px;
  top: 5px;
}



@keyframes arrowdown {
  0%   {vertical-align: -2px;}
  100% {vertical-align: 2px;}
}
.tran-bg{
  background: rgba(255,255,255,0.2);
  padding: 6px 10px;
  margin: 10px 0 0 0;
}


.tran-bg span{

  font-size: 16px;
}

@media (max-width: 1200px){
.home-banner.start .container{
  transition: 0s all;
}
.home-banner .container{
  opacity: 1;
}
}

@media (min-width: 992px){
  .modal-lg, .modal-xl {
  max-width: 760px !important;
  width: 100% !important
}
}

@media (max-width: 767px){
.migrated .white_pop.cal {
  width:calc(100% - 15px);
}

#wnt_score .col-auto{
  width: 100%;
}
#wnt_score .col-auto .highcharts-container {
  margin: 0 auto;
  text-align: center;
}

#wnt_score .text-nowrap br{
  display: none !important
}
#wnt_score .text-nowrap{
  text-align: center !important
}
}


.html-graphic-chart .line-txt .box{
  margin-bottom: 7px !important;
}

.modal-content #ahHoldingRatioChartContainer .highcharts-axis.highcharts-yaxis:not(:nth-child(2)) span {
  margin-left: -105px !important;
  margin-top: -20px !important;
}

#ah-moneyflow .highcharts-axis.highcharts-yaxis:not(:nth-child(2)) span {
  margin-left: -122px !important;
  margin-top: -20px !important;
}

@media (min-width: 992px){
[lang="zh-Hans"]  #pop3 {
  background: url(/home/images/popup_bg_sc.jpg) no-repeat;
}
}



.page-holder #cbbc_os_chart table td .percent-bar, .page-holder #cbbc_os_chart table th .percent-bar{
  background-color: #007bff;
}

#cbbc_os_chart .percent-bar.bg-primary-100 {
  background-color: #e9721c !important
}


@media (min-width: 769px){

#hsi_cbbc_calllv_search .listContent tr td:nth-child(4){
    padding-left: 23px;
}
}

.en-br{
  display: none !important
}

.trading a.dropdown-item{
  text-align: center;
  border-bottom: 1px solid #ccc;
  padding: 10px 0
}
.trading .dropdown-menu{
  padding: 0;
}
.trading a.dropdown-item:last-child{

  border-bottom: none
}

@media (max-width: 767px){
.hero-img-index.hero-banner {
  background-image: none !important;
}
 .page-holder table td .percent-bar, .page-holder table th .percent-bar {

  margin-top: 7px;
}
#underlying_rightside{
  margin-top: 20px;
}
}


@media all and (-ms-high-contrast:none)
 {

 *::-ms-backdrop, .sr-only{display: none;}
 }
@media (max-width: 991px){
.footer-quick-link a {
    line-height: 14px;
    height: 40px;
    display: table-cell;
    vertical-align: middle;
    width: 200px;
    margin-bottom: 10px;
}

.footer-quick-link .col-6 {
  padding-top: 10px;
}


}

h1 + p{
  text-align: justify !important
}

#wnt_hv  .box {
    height: 8px;
    width: 8px;
    display: inline-block;
    vertical-align: 1px;
    margin-right: 5px;
}
@media (max-width:1200px){

#wnt_hv  .table {
    margin-bottom: 0;

}
#wnt_hv .row *{
font-size: 14px !important;
}

}


.hero-img-outstanding-distribution .flow-box:before{
  bottom: -120px;
}
.hero-img-outstanding-distribution .flow-box:after{
  bottom: -220px;
}


@media (max-width: 1550px){
.hero-img-cbbc .flow-box:after,.hero-img-cbbc .flow-box:before{
  display: block;
}

.hero-img-cbbc .flow-box:after{
  right: -300px;
}
.hero-img-cbbc .flow-box:before {
  left: -300px;
}

}



@media (max-width: 1450px){

.hero-img-cbbc .flow-box:after{
  right: -350px;
}
.hero-img-cbbc .flow-box:before {
  left: -350px;
}

}

@media (max-width: 990px){

.hero-img-cbbc .flow-box:after{
  right: -350px;
}
.hero-img-cbbc .flow-box:before {
  left: -350px;
}

.card-tab .nav-tabs .nav-link {
  height: 100%;
  line-height: 28px;
  padding-left: 6px;
  padding-right: 6px;
}

}


@media (max-width: 800px){
.hero-img-cbbc .flow-box:after,.hero-img-cbbc .flow-box:before{
  display: none;
}


}


#cal_notice{
    background: #edf3d9;
  padding: 10px 15px;
  margin: 10px 0 0 0;
  color: #212529 !important;
}




@media (min-width: 768px){
body:not(.panel-on) .hs-toggle{
  display: none  !important;
}
.hs-button {
  position: absolute;
  right: 121px;
  top: 35px;

}

.panel-on .hs-button {

}


.hs-button .more{
  display: inline;
}
.hs-button .less{
  display: none;
}


.panel-on  .hs-button .more{
   display: none;
  
}
.panel-on  .hs-button .less{
 display: inline;
}

}
@media (max-width: 991px) and (min-width: 768px){
  .search-reset {
    position: static;
    width: 100px;
    display: inline-block;
    
  }
  .hs-button{
    position: static;
    display: inline-block;
    margin-right: 10px;
  }
}


@media (max-width: 767px){
  .hs-button{
    display: none  !important;
  }
}

/* hot view update */
.widget-recent-search {
  height: 176px;
  overflow: hidden;
}


@media (min-width: 1201px){
.widget-recent-search {
  height: 187px;
  overflow: hidden;
}
}


.top-view-stock-box{
	background: rgba(255,255,255,0.95) !important;
	border-top: 4px solid #17a2b8 !important
}

.top-view-product-box{
	background: rgba(255,255,255,0.95) !important;
	border-top: 4px solid  #c20069 !important
}

.top-view-stock-box a:hover h3,.top-view-product-box a:hover h3{
	text-decoration: underline;
}

.top-view-stock-box a,.top-view-product-box a{
	color: #333 !important;
}

.top-view-stock-box a h3{
	color: #17a2b8 !important;
	padding-left: 10px;
}

.top-view-product-box a h3{
	color: #c20069 !important;
	padding-left: 10px;
}

#search_history_result .mb-3{
	margin-bottom: 2px  !important
}

.ranking-box{
		color: #fff;
		margin: 5px ;
		width: 80px;
}


.ranking-box-num {
	line-height: 40px;
	font-size: 26px;
	float: left;
	background: #00965e;
	height: 40px;
	width: 40px;
	font-weight: bold;
}

.ranking-box-sigh{
	float: left;
	height: 40px;
	width: 40px;
	background: #fff;
	border: 1px solid #dee2e6;
	border-left: none;
}


.ranking-box-sighs.up{
	background: url(/home/images/rank-up.png) no-repeat center;
	background-size: 18px;
	width: 40px;
	height: 38px;
	display: block;
}

.ranking-box-sighs.down{
	background: url(/home/images/rank-down.png) no-repeat center;
	background-size: 18px;
	width: 40px;
	height: 38px;
	display: block;
}
.ranking-box-sighs.level{
		width: 40px;
	height: 38px;
	display: block;
	text-align: center;
}
.ranking-box-sighs.level:after{
	content: "-";
	font-weight: bold;
	color: #808080;
	line-height: 31px;
	font-size: 38px;
	text-align: center;
}

.ranking-box-sighs.new{
		width: 40px;
	height: 38px;
	display: block;
	text-align: center;
}
.ranking-box-sighs.new:after{
content: "NEW";
	font-weight: bold;
	color: #00965e;
	line-height: 37px;
	font-size: 38px;
	text-align: center;
	display: block;
	font-size: 11px;
}




.bg-scoremark13 {
	background-color: #0a615c !important;
}

.bg-scoremark14 {
	background-color: #0a615c !important;
}
.bg-scoremark15 {
	background-color: #0a615c !important;
}


@media (max-width:767px){

.ranking-box{
		width: 70px;
}

.ranking-box-num {
	line-height: 40px;
	font-size: 24px;
	float: left;
	background: #00965e;
	height: 40px;
	width: 35px;
	font-weight: bold;
}

.ranking-box-sigh{
	float: left;
	height: 40px;
	width: 32px;
	background: #fff;
	border: 1px solid #dee2e6;
	border-left: none;
}


.ranking-box-sighs.up,.ranking-box-sighs.down,.ranking-box-sighs.level,.ranking-box-sighs.new{
	width: 33px;
}


.ranking-box-sighs.new:after{
	font-size: 10px;
}


}


.inner-page .widget-recent-search {
  height: 182px;

}


.top-view-stock-box{
  margin-top: 10px;
}

  .widget-recent-search .card-body{
    padding: 3px 15px;
  }

.collapseSearch{
  background-color: #fff;
  padding-bottom: 10px;
}

  @media (max-width: 1200px){

    .widget-recent-search {
      height: 186px;
    }
}
  @media (max-width: 991.98px){
  .widget-recent-search .card-body{
    padding: 10px 15px;
  }
  }

  .hero-img-warrant {
  background-position: top left;
  background-size: 2348px;
  position: relative;
}

.hero-img-inline-warrant {
  background-position: top -50px left -50px;
  background-size: 2170px;
  position: relative;
}


[marker="new"]{
  position: relative
  }
  [marker="new"]:after{
    content: "全新";
    font-weight: bold;
    color: #fff;
    background: #e9721c;
    text-align: center;
    display: inline-block;
    font-size: 11px;
    padding: 2px 5px;
  }
  

.card-tab.wrapper .tab-swiper .swiper-slide{
  flex-wrap: wrap;
}
.card-tab.wrapper .tab-swiper .swiper-slide{
  width: 33%
}
.card-tab.wrapper .top-pick-boxer{
    margin-bottom: 15px;
}

.card-tab.wrapper .tab-swiper::after{
  display: none;
}

@media (max-width: 767px){
.card-tab.wrapper .tab-swiper .swiper-slide{
  width: 50%
}
.us-border-top{
  margin: 5px -16px;
}
}

#globalChartTooltip, #n225_globalChartTooltip{
    font-size: 12px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background: #edf3d9;
    padding: 6px;
        min-height: 50px;
        display: flex;
}
#globalChartTooltip.active, #n225_globalChartTooltip.active{
  display: flex;
}
.gtooltip-label.date{

}
.gtooltip-label{
  white-space: nowrap;
  display: block;
  padding: 2px 10px;
}
#globalChartTooltip .gbreak, #n225_globalChartTooltip .gbreak{
  flex-basis: 100%;
  height: 0;
}

@media (max-width: 1150px){
.gtooltip-label {
    white-space: nowrap;
    display: block;
    padding: 2px 5px;
}
}



[marker="new"]{
position: relative
}
[marker="new"]:after{
  content: "全新";
  font-weight: bold;
  color: #fff;
  background: #e9721c;
  text-align: center;
  display: inline-block;
  font-size: 11px;
  padding: 2px 5px;
}
.us-border-top {
  border-bottom: 1px solid #dee2e6 !important;
  margin: 5px -30px;
}

.table-sm td, .table-sm th {
    padding: 6px 6px;
    font-size: 15px;
    line-height: 1.1;
}

[marker="new"]:after{
  margin-left: 5px;
}

.promote-new{
  position: relative;
}
.promote-new::after {
  content: "全新";
  font-weight: bold;
  color: rgb(255, 255, 255);
  text-align: center;
  display: inline-block;
  font-size: 11px;
  background: rgb(233, 114, 28);
  padding: 2px 5px;
  margin: 0px 0 0 3px;
  vertical-align: 1px;
}


#econ-event-btn{
  position: fixed;
  right: 15px;
  bottom: 90px;
  z-index: 99
}
.econ-event-ball{
  border-radius: 100px;
  width: 55px;
  height: 55px;
  background: url(/home/images/icon-calendar.png) #17a2b8 no-repeat top 7px center;
  background-size: 23px;
  padding-top: 33px;
  cursor: pointer;
  filter: drop-shadow(0 2px 4px rgba(34, 36, 38, 0.35));
  filter: drop-shadow(0 2px 4px rgba(34, 36, 38, 0.35));
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 13px;
  box-sizing: border-box;
}

.econ-event-content{
  position: relative;
  cursor: auto;
  display: none;
}

.econ-event-box{
  position: absolute;
  right: 0;
  top: 0;
  width: 300px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  transform: translateY(calc(-100% - 70px));
}

.econ-event-list {
  margin: 0;
  padding-left: 20px;
  padding: 0px 15px 10px 3px;
  margin-left: 12px;
}
.econ-event-li{
  margin: 0;
  margin-bottom: 5px;
  line-height: 1.2;
}
.econ-event-date{
  margin-right: 10px;
  display: inline-block;
}
li.econ-event-li{
  margin-top: 0;
  /* border-bottom: 1px solid #ccc; */
  position: relative;
  padding: 7px 0;
  margin: 0;
  list-style: none;
}
li.econ-event-li:last-child{
  padding-bottom: 0;
}li.econ-event-li:last-child:before{
  display: none;
}
li.econ-event-li:before {
  width: calc(100% + 0px);
  height: 1px;
  content: '';
  background: #dbdbdb;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.econ-event-close{

}

.econ-event-title{
  color: #00965e !important;
  font-size: 16px;
  font-weight: 700;
}

.econ-event-more{
  color: #000;
}

.econ-event-row{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 8px 15px 8px 15px;
  background: #f2f2f2;
  border-radius: 9px 7px 0 0 ;
}

.econ-event-close {
    position: absolute;
    top: -30px;
    width: 20px;
    height: 20px;
    background: black;
    display: block;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    cursor: pointer;
    font-size: 10px;
    padding: 6px;
    line-height: 0.8;
    box-sizing: border-box;
    right: 0;
}
.fc-day span {

  top: 1px !important
}
.fc-widget-content span.calendar{
      background-color: #17a2b8;
    text-indent: -999999px;
    /* width: 3px; */
    /* height: 3px; */
    display: block;
    /* border-radius: 10px; */
    width: 5px;
    height: 5px;
    right: 5px;
    top: 5px;
    border-radius: 50%;
    position: absolute;
    margin: 0;
    z-index: 1;
    right: 3px;
    top: 7px !important
}


.econ-legend{
  margin-top: 10px;
  display: flex;
}

.econ-legend{
  margin-top: 10px;
  margin-left: 5px;
  display: flex;
}

.legend-item{
  margin-right: 15px;
}

.legend-item .legend-icon{
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background: #dc3545;
  margin-right: 5px;
}

.legend-item .legend-icon.event-icon{
  background: #17a2b8;
}
.legend-item{
  display: flex;
  align-items: center;
}


.formula_table{
  width: 100%;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 18px;
}

.formula_table td,.formula_table th{
  border-bottom: 1px solid #ccc;
  padding: 5px 10px;
}

.formula_table td{
  text-align: right;
}

.formula_table th{
  text-align: left;
  font-weight: bold;
}

.formula_table .result-row td,.formula_table .result-row th{
  border-top: 2px solid #ccc
}

.formula_table.toder1{
  background: rgba(228,242,236,.5)
}
.formula_table.toder1 .result-row td,.formula_table.toder1 .result-row th{
  border-top: 2px solid #00965e
}

.formula_table.toder2{
  background: #dfedef
}

.formula_table.toder2 .result-row td,.formula_table.toder2 .result-row th{
  border-top: 2px solid #17a2b8
}

.formula_table.toder3{
  background: rgba(228,242,236,.5)
}
.formula_table.toder3 .result-row td,.formula_table.toder3 .result-row th{
  border-top: 2px solid #00965e
}

.formula_table.toder4{
  background: #dfedef
}

.formula_table.toder4 .result-row td,.formula_table.toder4 .result-row th{
  border-top: 2px solid #17a2b8
}

.formula_table_final td,.formula_table_final th{
  background:#00965e;
  color: #fff;
  padding: 8px 10px;
  font-weight: bold;
}

.formula_table_final td{
  text-align: left;
}
.formula_table_final{
  margin-bottom: 25px;
}



.formula_table_short{
  width: 100%;
  max-width: 250px;
  margin-bottom: 20px;
  border-collapse: collapse;
}

.formula_table_short td,.formula_table_short th{
  border-bottom: 1px solid #ccc;
  padding: 5px 10px;
}

.formula_table_short td{
  text-align: left;
}
.formula_table_short .sign_td{
  width: 10px;
}
.formula_table_short th{
  text-align: left;
  font-weight: bold;
}

.formula_table_short .result_td{
  text-align: right;
  font-weight: bold;
}

.formula_table_short .result-row td,.formula_table_short .result-row th{
  border-top: 2px solid #ccc
}

.formula_table_short td,.formula_table_short th{
  background: rgba(228,242,236,.5)
}

.formula_table_short .result-row td,.formula_table_short .result-row th{
  border-top: 2px solid #00965e
}

.formula_table_short .final-row td, .formula_table_short .final-row th{
  background: #00965e !important;
  color: #fff;
  font-weight: bold;
  border-top: 2px solid #00442b
}



.home-hero-swiper .swiper-slide, .home-hero-swiper a.swiper-slide {
  height: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
}
/* .card-name.h5{
  font-size: 1.4rem;
  font-weight: bold;
}
.card-name .h3{
  font-size: 1.6rem;
  font-weight: bold;
} */
.home-hero-swiper {
  padding-top: 0;
  padding-bottom: 1.5rem;
}

.home-hero-swiper .swiper-pagination-bullets {
  bottom: 2px !important
}

/* .top-pick-boxer .card-name.h5{
  font-size: 1.4rem;
  font-weight: bold;
} */

/* .top-pick-boxer .card-name .h3{
  font-size: 1.6rem;
   font-weight: bold; 
} */
@media (max-width: 767px){
  .page-holder #cbbc_os_chart table td .percent-bar{
    margin-top: 3px;
    margin-bottom: 3px;
  }
  .os-chart-to-breaker{
    display: block;
  }
  .os-chart-focus{
    display: block;
  }
  .os-bar .percent-bar {
    margin-top: 12px;
  }
}

.page-holder #cbbc_os_chart table td .percent-bar.high-os-bar{
  background-color: #00965e !important;
  background-image: url(/home/images/bar_hover_e.png) !important;
  animation: run 900s linear 0s infinite;
}
@keyframes run {
  0% {
    background-position: -9999px 0px;
  }
  100% {
    background-position: 10px 0px;
  }
}


.toggle-input{
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}
.toggle-btn{
  margin-bottom: 0;
  display: block;
}
.toggle-input:checked ~ .toggle-btn{
  color: #fff;
  border-color: #00965e;
  background: #00965e;
}

#sorting{
  display: none !important
}

[toggle-sort]{
  cursor: pointer;
}

.th-wrapper{
  position: relative;
  padding-right: 13px;
  display: inline-block;
  background: url(/home/images/sort_arrow_default.png) no-repeat right center;
  background-size: 9px !important
}

.sorting-asc .th-wrapper{
  background: url(/home/images/sort_arrow_asc.png) no-repeat right center;
}

.sorting-desc .th-wrapper{
  background: url(/home/images/sort_arrow_desc.png) no-repeat right center;
}

.card-tab .topick-timer {
  z-index: 2;
  position: absolute;
  left: 16px;
  bottom: 10px;
}
@media (max-width: 992px) {
#toppick-contenter{
padding-bottom: 48px !important
}
}

@media (max-width: 767px) {
  #toppick-contenter{
  padding-bottom: 34px !important
  }
  }

  #chart-period-row{
    margin-left: -10px;
    margin-right: 4px;
  }

  #chart-period-row label{
    height: 30px ;
  }


  @media (max-width: 1200px) {
    #chart-period-row-parent{
      flex-wrap: wrap;
    }
    .col-type{
      margin-top: 10px;
    }
    .col-first-type{
      margin-left: -15px;
      margin-right: 15px;
    }
  }
  @media (max-width: 767px) {

  #chart-period-row{
    width: calc(100% + 11px) !important
  }

}

.col-type .datetimepicker-input{
  padding-right: 5px !important;
}

.product-hero  #product_search .btn-block{
  /* background-color: #e9721c !important;
  border-color: #e9721c !important; */
  /* background: url(/home/images/icon-glass-type.png) no-repeat left 7px top 5px; */
  background: url(/home/images/sector_icon/class_icon_1_off.png) no-repeat left 10px top 6px;
  background-size: 16px;
  padding-left: 31px;
  padding-right: 9px;
  color: #00965e;
  width: auto !important;
  display: inline-block;
  float: right;
  border-color: #00965e !important;
}

.product-hero  #product_search .btn-block:hover {
  color: #fff;
  background: url(/home/images/sector_icon/class_icon_1.png) no-repeat left 10px top 6px;
  background-size: 16px;
  background-color: #00965e !important;
}

.product-hero #product_search_m .btn-block{
  position: relative;

    color: #00965e;
    background: none !important;
    border-color: #00965e !important;
}
.product-hero #product_search_m .btn-block:hover{
  position: relative;
    color: #fff;
    background: #00965e !important;
    border-color: #00965e !important;
}

/* .product-hero #product_search_m .btn-block{
  background-color: #e9721c !important;
  border-color: #e9721c !important;
} */



.product-hero #product_search_m .btn-block:before{
  content: "";
  height: 20px;
  width: 20px;
  /* background: url(/home/images/icon-glass-type.png) no-repeat center; */
  background: url(/home/images/sector_icon/class_icon_1_off.png) no-repeat left 0 top 0;  
  background-size: 16px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top:6px;
  transform: translateX(-65px);
}
.product-hero #product_search_m .btn-block:hover:before{
  content: "";
  height: 20px;
  width: 20px;
  /* background: url(/home/images/icon-glass-type.png) no-repeat center; */
  background: url(/home/images/sector_icon/class_icon_1.png) no-repeat left 0 top 0;  
  background-size: 16px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 6px;
  transform: translateX(-65px);
}



 .hero-banner-custom-text .h5{
  display: none;
}

.hero-banner-custom-text .card-body{
  padding-top: 5px;
  padding-bottom: 30px;
} 
@media (max-width: 1200px) {

/* .hero-banner .card-name.h5 {
  font-size: 1.3rem;
  font-weight: bold;
  margin-bottom: 10px;
} */
.hero-banner .home-box-left .card-body{
  margin-bottom: 10px !important;
}
}
.card-name+div {
  margin: 9px 0 6px 0 !important;
}
.card-name+div .h3{
  font-size: 1.6rem;
}

.highcharts-annotation-hline{
  transform: translateY(-0.5px) !important;
}

.home-hero-swiper .swiper-slide {
  width: 150px !important
}

@media (max-width: 1200px) {
  .home-right-slide .card {
    height: 203px;
  }
  .widget-recent-search {
    height: 208px;
}
}

@media (max-width: 992px) {
  .home-right-slide .card {
      height: 195px;
  }
}
#collapseSearch .top-view-stock-box .stime{
  font-size: 12px;
}

#search_history_result td, #search_history_result th{
  line-height: 17px !important
}
@media (max-width: 1200px) {
#search_history_result td, #search_history_result th {
  line-height: 20px !important;
}

}

@media (max-width: 992px) {

  .top-view-stock-box .stime{
    border: none !important;
    margin-top: 0px;
  }
  .top-view-stock-box td{
    border: none !important;
  }
  
}

.fb-link-icon {
position: fixed;
    right: 14px;
    bottom: 127px;
    z-index: 99;
    background: url(/home/images/icon/icon_fb_white.png) no-repeat center;
    background-size: cover;
    width: 35px;
    height: 35px;
    filter: drop-shadow(0 2px 4px rgba(34, 36, 38, 0.35));
}

.ig-link-icon {
    position: fixed;
    right: 14px;
    bottom: 172px;
    z-index: 99;
    background: url(/home/images/icon/icon_ig_white.png) no-repeat center #ec4368;
    background-size: 23px;
    width: 35px;
    border-radius: 100px;
    height: 35px;
    filter: drop-shadow(0 2px 4px rgba(34, 36, 38, 0.35));
}

.navbar .ig-link-icon,.navbar .fb-link-icon{
  display: none !important;
}
@media (max-width: 767px) {
  .ig-link-icon,.fb-link-icon{
    display: none !important;
  }
  .navbar .ig-link-icon,.navbar .fb-link-icon{
    display: block !important;
  }
  .ig-link-icon {
    position: absolute;
    top: 7px;
    right: 27px;
    width: 25px;
    height: 25px;
    background-size: 15px;
    filter: none;

}
.fb-link-icon {
  position: absolute;
  top: 7px;
  right: 61px;
  width: 25px;
  height: 25px;
  background-size: cover;
  filter: none;

}
}


.fx-more{
  font-weight: bold;
  margin: 10px 0 0 3px;
  display: block;
}
.econ-event-ball {
    width: 35px;
    height: 35px;
    background: url(/home/images/icon-calendar.png) #17a2b8 no-repeat center;
    background-size: 21px;
}

#econ-event-btn {
    position: fixed;
    right: 15px;
    bottom: 80px;
    z-index: 99;
}

@media (max-width: 767px) {
#econ-event-btn {
    bottom: 68px;
}
}

[lang="zh-Hant"] .edm-type{
  display: inline-block;
  width: 24px;
  height: 24px;
  text-indent: -99999px;
      vertical-align: 5px;
}

[lang="zh-Hant"] .edm-type.call{
  background: url(/home//images/edm_type/icon-call-tc.png) no-repeat center;
      background-size: cover;
}
[lang="zh-Hant"] .edm-type.bull{
  background: url(/home//images/edm_type/icon-bull-tc.png) no-repeat center;
  background-size: cover;
}

[lang="zh-Hant"] .edm-type.put{
  background: url(/home//images/edm_type/icon-put-tc.png) no-repeat center;
  background-size: cover;
}
[lang="zh-Hant"] .edm-type.bear{
  background: url(/home//images/edm_type/icon-bear-tc.png) no-repeat center;
  background-size: cover;
}


[lang="zh-Hans"] .edm-type{
  display: inline-block;
  width: 24px;
  height: 24px;
  text-indent: -99999px;
      vertical-align: 5px;
}

[lang="zh-Hans"] .edm-type.call{
  background: url(/home//images/edm_type/icon-call-sc.png) no-repeat center;
      background-size: cover;
}
[lang="zh-Hans"] .edm-type.bull{
  background: url(/home//images/edm_type/icon-bull-sc.png) no-repeat center;
      background-size: cover;
}

[lang="zh-Hans"] .edm-type.put{
  background: url(/home//images/edm_type/icon-put-sc.png) no-repeat center;
      background-size: cover;
}
[lang="zh-Hans"] .edm-type.bear{
  background: url(/home//images/edm_type/icon-bear-sc.png) no-repeat center;
      background-size: cover;
}



[lang="EN"] .edm-type{
  display: inline-block;
  width: 40px;
  height: 24px;
  text-indent: -99999px;
      vertical-align: 5px;
}

[lang="EN"] .edm-type.call{
  background: url(/home//images/edm_type/icon-call-en.png) no-repeat center;
      background-size: cover;
}
[lang="EN"] .edm-type.bull{
  background: url(/home//images/edm_type/icon-bull-en.png) no-repeat center;
      background-size: cover;
}

[lang="EN"] .edm-type.put{
  background: url(/home//images/edm_type/icon-put-en.png) no-repeat center;
      background-size: cover;
}
[lang="EN"] .edm-type.bear{
  background: url(/home//images/edm_type/icon-bear-en.png) no-repeat center;
      background-size: cover;
}