/*responsive moblie css=======================================================================================================*/
/*small size web*/
@media all and (min-width: 1271px) and (max-width: 1400px) {
  .cbbc-quicksearch-table .distribution-area {
    right: 17px;
    font-size: 14px;
  }
  .btn {
    font-size: 15px !important;
    --bs-btn-padding-x: 1rem;
  }
  #site-disclaimer .wrapper,
  #external-disclaimer .wrapper {
    width: 1100px;
    margin: 40px auto;
    padding: 20px;
  }
  #site-disclaimer .content-scroller,
  #external-disclaimer .content-scroller {
    max-height: 435px;
    overflow-y: auto;
  }
  #mid-tab-area .legend_list .legend {
    margin-right: 5px;
  }
  .settle-search .input-group-text {
    padding: 0.375rem 1.75rem 0.375rem 1rem;
  }
  #sma_setting ul li {
    margin-right: 0 !important;
    font-size: 14px;
  }
  .home-page .terms-chart-location .setting-box label,
  .home-page .cbbc-quicksearch-table label {
    width: 60px;
    font-size: 14px;
  }
  .hsi-cbbc-os thead th {
    font-size: 12px;
  }
  .home-page .cbbc-quicksearch-table select {
    display: inline-block;
  }
  .live_stream_link {
    width: 26px;
    padding: 6px;
    font-size: 15px;
  }
  .terms-chart-location .setting-box label {
    width: 140px;
  }
  .select2-container--default .select2-selection--single {
    height: 36px;
  }
  .px-4 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .terms-chart-location .setting-box .form-select {
    display: inline-block;
    width: calc(100% - 150px);
    font-size: 14px;
  }
  .terms-chart-location .setting-box .form-select#change-type {
    width: calc(100% - 150px);
  }
  .moneyflow-date select {
    width: calc(100% - 75px) !important;
  }
  body.en .home-page .search-box-radio ul {
    justify-content: flex-start;
  }
  body.en .home-page .terms-chart-location .setting-box label,
  .home-page .cbbc-quicksearch-table label {
    width: 65px;
  }
  .home-page #search_box .table th {
    padding: 0.5rem 0.2rem;
  }
}
/*for site*/
@media all and (min-width: 1025px) and (max-width: 1270px) {
  #site-disclaimer .wrapper,
  #external-disclaimer .wrapper {
    width: 1100px;
    margin: 40px auto;
    padding: 20px;
  }
  #site-disclaimer .content-scroller,
  #external-disclaimer .content-scroller {
    max-height: 435px;
    overflow-y: auto;
  }
  .live_stream_link {
    width: 21px;
    padding: 3px;
    font-size: 14px;
  }
  #mid-tab-area .legend_list .legend {
    margin-right: 10px;
    padding-left: 15px;
  }
  .settle-search .input-group-text {
    padding: 0.375rem 1.25rem 0.375rem 0.5rem;
    font-size: 14px;
  }
  .hsi-cbbc-os tbody td {
    font-size: 12px;
    padding-left: 2px;
    padding-right: 2px;
  }
  .home-page .hsi-cbbc-os tbody td.bar-area {
    width: 10%;
  }
  .hsi-cbbc-os tbody td.range {
    width: 94px;
    border-left: none;
  }
  .home-page #search_box .table th {
    padding: 0.5rem 0.2rem;
  }
  #sma_setting ul li {
    margin-right: 0 !important;
    font-size: 14px;
  }
  .home-page .terms-chart-location .setting-box label,
  .home-page .cbbc-quicksearch-table label {
    font-size: 14px;
  }
  .hsi-cbbc-os thead th {
    font-size: 12px;
  }
  .home-page .cbbc-quicksearch-table .last-close-info > div {
    width: 150px;
  }
  .cbbc-quicksearch-table .last-close-info > div {
    width: 150px;
  }
  .cbbc-quicksearch-table table thead th:nth-child(1) {
    width: 173px;
  }
  .cbbc-quicksearch-table .distribution-area {
    right: -22px;
    font-size: 12px;
  }
  .daily-info .bg-info button,
  .daily-info .bg-info a {
    width: 140px;
  }
  .last-close-info > .p-2 {
    padding: 0 !important;
  }
  #sma_setting ul li {
    margin-left: 5px;
  }
  .terms-chart-location .setting-box .form-select#chart-underlying-part {
    width: calc(100% - 973px);
  }
  .home-index .data-title {
    font-size: 18px;
  }
  .home-index .pchng {
    font-size: 15px;
  }
  #mf_chart th {
    font-size: 13px;
  }
  #mf-option .ucode-option label {
    margin: 0;
  }
  .bg-info.px-4 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .home-page .cbbc-outstanding .col-lg-8,
  .home-page .cbbc-outstanding .col-lg-4 {
    width: 100%;
  }
  .cbbc-quicksearch-table {
    width: 96%;
  }
  .cbbc-quicksearch-table table thead th {
    padding-right: 0;
    text-align: center;
  }
  .cbbc-quicksearch-table table thead th:nth-child(1) {
    width: 168px;
  }
  .cbbc-quicksearch-table table thead th:nth-child(2) {
    width: 157px;
  }
  .cbbc-quicksearch-table table thead th:nth-child(3) {
    width: 150px;
  }
  .cbbc-quicksearch-table table thead th:nth-child(4) {
    width: 145px;
  }
  .cbbc-quicksearch-table table thead th:nth-child(5) {
    width: 120px;
  }
  .cbbc-quicksearch-table table thead th:nth-child(6) {
    width: 140px;
  }
  .cbbc-quicksearch-table table thead th:last-child {
    width: 7%;
  }
  .cbbc-quicksearch-table .scrolling table td:nth-child(3) {
    width: 155px;
  }
  .cbbc-quicksearch-table .scrolling table td:nth-child(4) {
    width: 150px;
  }
  .cbbc-quicksearch-table .scrolling table td:nth-child(5) {
    width: 145px;
  }
  .doc-search,
  .calculation-results,
  .settlement-search,
  .calculation-search,
  .iv-option {
    padding: 25px;
  }
  .mid_remark br {
    display: none;
  }
  .home-page .cbbc-quicksearch-table .col-lg-7 {
    width: 100%;
  }
  .btn {
    font-size: 14px !important;
  }
  .terms-chart-location .setting-box .btn {
    --bs-btn-padding-y: 0.4rem;
  }
  .terms-chart-location .setting-box label {
    width: 130px;
    font-size: 14px;
  }
  .charttooltip .cbbc-quick-search-chart-code {
    font-weight: bold;
    font-size: 15px !important;
  }
  .cbbc-quick-search-chart {
    cursor: pointer;
  }
  .cbbc-quick-search-chart .charttooltip {
    width: auto;
    height: auto;
  }
  .cbbc-quick-search-chart .charttooltip div {
    font-size: 14px;
  }
  .cbbc-quick-search-chart .charttooltip .cbbc-quick-search-chart-code,
  .cbbc-quick-search-chart .charttooltip .value,
  .cbbc-quick-search-chart .charttooltip .product-name,
  .cbbc-quick-search-chart .charttooltip .product-last,
  .cbbc-quick-search-chart .charttooltip .product-calllv {
    font-size: 15px;
    font-weight: bold;
  }
  .cbbc-quick-search-chart .highcharts-axis.highcharts-xaxis .highcharts-axis-line {
    display: none;
  }
  .cbbc-quick-search-chart .highcharts-axis-labels span {
    width: 60px !important;
  }
  .cbbc-quick-search-chart .op0 {
    opacity: 0 !important;
  }
  .cbbc-quick-search-chart #chart-sub-data {
    width: 100%;
  }
  .cbbc-quick-search-chart .charttooltip.hv-star {
    background: #fff3db !important;
  }
  body.en .home-real-quote {
    padding: 20px 20px;
  }
  body.en .home-real-quote .settle-search .input-group-text {
    padding: 0.375rem 1.5rem 0.375rem 1rem;
  }
}
/*for ipad*/
@media all and (min-width: 768px) and (max-width: 1024px) {
  body {
    width: 1300px;
  }
  .container {
    width: 1280px;
    max-width: 1280px;
  }
  #mid-tab-area .legend_list .legend {
    margin-right: 5px;
  }
  .settle-search .input-group-text {
    padding: 0.375rem 1.75rem 0.375rem 1rem;
  }
  #sma_setting ul li {
    margin-right: 0 !important;
    font-size: 14px;
  }
  .home-page .terms-chart-location .setting-box label,
  .home-page .cbbc-quicksearch-table label {
    width: 60px;
    font-size: 14px;
  }
  .hsi-cbbc-os thead th {
    font-size: 12px;
  }
  .live_stream_link {
    width: 26px;
    padding: 6px;
    font-size: 15px;
  }
  .terms-chart-location .setting-box label {
    width: 140px;
  }
  .terms-chart-location .setting-box .form-select {
    display: inline-block;
    width: calc(100% - 144px);
    font-size: 14px;
  }
  #site-disclaimer .wrapper,
  #external-disclaimer .wrapper {
    width: 1100px;
    margin: 40px auto;
    padding: 20px;
  }
  #site-disclaimer .content-scroller,
  #external-disclaimer .content-scroller {
    max-height: 435px;
    overflow-y: auto;
  }
  .cbbc-quick-search-chart .charttooltip {
    display: none;
  }
  .home-index .pchng {
    font-size: 16px;
  }
  .home-page .hsi-cbbc-os tbody td.bar-area {
    width: 12%;
  }
  #mid-tab-area .legend_list {
    margin-left: 5px;
    flex-wrap: wrap;
  }
  #mid-tab-area .legend_list .legend {
    margin-right: 5px;
  }
  .cbbc-outstanding .legend_list {
    display: block;
  }
  .cbbc-outstanding .legend_list .legend {
    display: inline-block;
  }
  body.en {
    width: 1300px;
  }
  body.en .container {
    width: 1260px;
    max-width: 1260px;
  }
  body.en .navbar-nav a {
    margin: 0 5px;
  }
  body.en .navbar-nav .form-select {
    padding: 0.375rem 1.3rem 0.375rem 0.55rem;
  }
  body.en .navbar-nav .ac_input {
    width: 115px;
  }
  body.en .headerSearch {
    margin-right: 10px;
  }
  body.en .home-page .ui-tabs .ui-tabs-nav .ui-tabs-anchor,
  body.en .subtab-list a {
    font-size: 17px;
  }
  body.en .home-real-quote {
    padding: 20px 20px;
  }
  body.en .home-real-quote .settle-search .input-group-text {
    padding: 0.375rem 1.5rem 0.375rem 1rem;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .home-page .cbbc-quicksearch-table .last-close-info > div {
    width: 150px;
  }
  .cbbc-quicksearch-table .last-close-info > div {
    width: 165px;
  }
  .cbbc-quicksearch-table table thead th:nth-child(1) {
    width: 185px;
  }
  .cbbc-quicksearch-table table thead th:nth-child(4) {
    width: 185px;
  }
  .cbbc-quicksearch-table .distribution-area {
    right: -22px;
    font-size: 12px;
  }
  .cbbc-outstanding .chart-setting .col-lg-5 {
    width: 39%;
  }
  .cbbc-outstanding .chart-setting .col-lg-4 {
    width: 32%;
  }
  .daily-info .bg-info button,
  .daily-info .bg-info a {
    width: 160px;
  }
  .last-close-info > .p-2 {
    padding: 0 !important;
  }
  #sma_setting ul li {
    margin-left: 0;
  }
  .terms-chart-location .setting-box .form-select#chart-underlying-part {
    width: calc(100% - 973px);
  }
  .doc-search,
  .calculation-results,
  .settlement-search,
  .calculation-search,
  .iv-option {
    padding: 25px;
  }
  .mid_remark br {
    display: none;
  }
}
/*for mobile*/
@media all and (min-width: 320px) and (max-width: 767px) {
  h1 {
    font-size: 24px;
  }
  h2 {
    font-size: 20px;
  }
  h3 {
    font-size: 18px;
  }
  body {
    padding-top: 70px;
  }
  .subscribe-disclaimer-area {
    height: calc(100vh - 400px);
    overflow: scroll;
  }
  body.tc,
  .btn {
    font-size: 14px;
  }
  .mobile-br {
    display: block;
  }
  .e-table__header {
    margin-top: 22px;
  }
  .e-table__wrapper th {
    background: #f2f2f2;
    z-index: 100;
  }
  .title h1 {
    padding-left: 10px;
    font-size: 24px;
    line-height: 1.6;
    background-size: 3px calc(100% - var(--impulse-line-line-margin));
  }
  .last-update {
    font-size: 12px;
  }
  .container {
    width: 100%;
  }
  .desktop-only {
    display: none !important;
  }
  .mobile-only {
    display: contents !important;
  }
  .mobile-header-info {
    display: inline-block !important;
  }
  .mobile-header-info a {
    display: none;
  }
  .logo {
    display: flex;
    padding-bottom: 10px;
  }
  .logo > a img {
    width: 100px;
  }
  p {
    font-size: 14px;
  }
  .terms-structure #realtime_terms ul li,
  .terms-structure .terms-info ul li {
    margin-bottom: 15px;
  }
  .terms-structure #realtime_terms ul li {
    flex-wrap: wrap;
    display: flex;
  }
  .terms-structure .terms-info li.moneyness, .terms-structure .terms-info li.listing, .terms-structure .terms-info li.maturity, .terms-structure .terms-info li.theta, .terms-structure .terms-info li.last_trading_day, .terms-structure .terms-info li.vega, .terms-structure .terms-info li.hv10, .terms-structure .terms-info li.hv30, .terms-structure .terms-info li.os_percentage, .terms-structure .terms-info li.os_vs_lastday, .terms-structure .terms-info li.funding_percentage {
    line-height: 1.2;
  }
  .terms-structure .terms-info li.moneyness span, .terms-structure .terms-info li.listing span, .terms-structure .terms-info li.maturity span, .terms-structure .terms-info li.theta span, .terms-structure .terms-info li.last_trading_day span, .terms-structure .terms-info li.vega span, .terms-structure .terms-info li.hv10 span, .terms-structure .terms-info li.hv30 span, .terms-structure .terms-info li.os_percentage span, .terms-structure .terms-info li.os_vs_lastday span, .terms-structure .terms-info li.funding_percentage span {
    margin-top: 8px;
  }
  .terms-structure .terms-info li.spot {
    line-height: 1.2;
  }
  .btn-secondary img {
    width: 17px;
  }
  .header {
    padding-top: 20px;
    padding-bottom: 5px;
    border-bottom: 2px solid #dfdfdf;
    position: fixed;
    top: 0;
    z-index: 1000;
    background: #fff;
    width: 100%;
  }
  .header .warning {
    font-size: 13px;
    margin-top: 13px;
    margin-left: 10px;
  }
  .header .hotline,
  .header .email {
    font-size: 13px;
  }
  .title a {
    font-size: 16px;
  }
  .title a .icon-go:after {
    padding: 4px;
    top: -11px;
  }
  .title a svg.arrow-icon {
    right: 5px;
    top: 2px;
  }
  .title a:hover svg {
    right: 0;
  }
  .title .btn-outline-dark {
    font-size: 16px;
    padding-left: 17px;
    padding-right: 30px;
  }
  .title .download-btn,
  .title #download-btn {
    right: 0;
    font-size: 14px;
  }
  #mobile-menu {
    opacity: 0;
    display: none;
  }
  #mobile-menu.mm-menu {
    opacity: 1;
    display: block;
  }
  #mobile-header {
    display: block;
  }
  .menu {
    display: none;
  }
  .table th {
    padding: 0.5rem 0.3rem;
    min-width: 76px;
  }
  .table td {
    font-size: 14px;
    padding: 0.5rem 0.3rem;
  }
  .moneyflow-table .moneyflow-chart-number ul {
    margin-left: 21%;
  }
  .moneyflow-table .bar_td span {
    padding-left: 2px;
    padding-right: 2px;
    font-size: 11px;
  }
  .moneyflow-table .bar_td > span {
    padding-left: 2px;
    padding-right: 2px;
    vertical-align: middle;
    display: inline-block;
  }
  #mf_chart .mf-vis-mobile {
    display: none !important;
  }
  #mf_chart .mf-vis-desktop {
    display: none !important;
  }
  #mf_chart .mf-vis-mobile {
    display: block !important;
  }
  #mf_chart .comment.mf-vis-desktop {
    display: block !important;
  }
  #mf_chart .comment.mf-vis-mobile {
    display: none !important;
  }
  #mf_chart span.mf-vis-mobile {
    display: inline !important;
  }
  #mf_chart .code-type {
    display: block;
  }
  .os-dist-comment label {
    font-size: 14px;
    padding: 3px 5px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .settlement-search .row.mb-4 {
    margin-bottom: 0 !important;
  }
  #cbbc_mflow .date {
    word-break: keep-all;
    min-width: 90px;
  }
  #inflow_table-clone.table th:first-child, #inflow_table-clone.table th:nth-child(2),
  #outflow_table-clone.table th:first-child,
  #outflow_table-clone.table th:nth-child(2) {
    width: auto;
    min-width: 45px;
  }
  #inflow_table-clone.table th:nth-child(3),
  #outflow_table-clone.table th:nth-child(3) {
    width: auto;
  }
  #inflow_table-clone.table th:nth-child(4),
  #outflow_table-clone.table th:nth-child(4) {
    width: auto;
  }
  #five-moneyflow-inflows-clone.table th:first-child, #five-moneyflow-inflows-clone.table th:nth-child(2), #five-moneyflow-outflows-clone.table th:first-child, #five-moneyflow-outflows-clone.table th:nth-child(2) {
    width: auto;
    min-width: 45px;
  }
  #five-moneyflow-inflows-clone.table th:nth-child(3), #five-moneyflow-outflows-clone.table th:nth-child(3) {
    width: auto;
  }
  #five-moneyflow-inflows-clone.table th:nth-child(4), #five-moneyflow-outflows-clone.table th:nth-child(4) {
    width: auto;
  }
  .southbound-moneyflow #inflow_table.table th:first-child, .southbound-moneyflow #inflow_table.table th:nth-child(2),
  .southbound-moneyflow #outflow_table.table th:first-child,
  .southbound-moneyflow #outflow_table.table th:nth-child(2) {
    width: auto;
    min-width: 45px;
  }
  .southbound-moneyflow #inflow_table.table th:nth-child(3),
  .southbound-moneyflow #outflow_table.table th:nth-child(3) {
    width: auto;
  }
  .southbound-moneyflow #inflow_table.table th:nth-child(4),
  .southbound-moneyflow #outflow_table.table th:nth-child(4) {
    width: auto;
  }
  .southbound-moneyflow #inflow_table.table td div a,
  .southbound-moneyflow #outflow_table.table td div a {
    white-space: nowrap;
  }
  .southbound-moneyflow #five-moneyflow-inflows.table th:first-child, .southbound-moneyflow #five-moneyflow-inflows.table th:nth-child(2), .southbound-moneyflow #five-moneyflow-outflows.table th:first-child, .southbound-moneyflow #five-moneyflow-outflows.table th:nth-child(2) {
    width: auto;
    min-width: 45px;
  }
  .southbound-moneyflow #five-moneyflow-inflows.table th:nth-child(3), .southbound-moneyflow #five-moneyflow-outflows.table th:nth-child(3) {
    width: auto;
  }
  .southbound-moneyflow #five-moneyflow-inflows.table th:nth-child(4), .southbound-moneyflow #five-moneyflow-outflows.table th:nth-child(4) {
    width: auto;
  }
  .southbound-moneyflow #five-moneyflow-inflows.table td div a, .southbound-moneyflow #five-moneyflow-outflows.table td div a {
    white-space: nowrap;
  }
  .terms-chart-location .support-setting {
    margin-bottom: 10px;
  }
  .terms-chart-location .setting-box .btn {
    vertical-align: baseline;
    --bs-btn-padding-y: 0.4rem;
  }
  .terms-chart-location .setting-box .form-select#chart-underlying-part {
    width: calc(100% - 205px);
  }
  .terms-chart-location .setting-box .form-select#change-type {
    width: calc(100% - 140px);
  }
  .terms-chart-location #bol_setting {
    margin-top: 10px;
  }
  .terms-chart-location #macd_setting .d-flex {
    display: block !important;
  }
  .terms-chart-location #macd_setting .d-flex li {
    margin-top: 10px;
  }
  .terms-chart-location #rsi_setting {
    margin-top: 10px;
  }
  .terms-chart-location .tool_area {
    padding: 5px;
  }
  .chart-input-setting label:first-child {
    margin-left: 0;
  }
  .chart-input-setting .select2 {
    width: 100% !important;
  }
  .chart-input-setting .mid_remark br {
    display: none;
  }
  #terms-chart-area .chart-setting {
    padding: 10px 0;
  }
  #sma_setting ul {
    margin-bottom: 0;
  }
  #sma_setting ul li {
    margin-left: 0;
  }
  .setting_box_menu {
    margin-bottom: 7px;
  }
  .terms-chart-location .setting-box #rsi_setting,
  .terms-chart-location .setting-box #macd_setting {
    width: 100%;
  }
  .terms-chart-location .setting-box label {
    width: 130px;
  }
  .terms-chart-location .setting-box li label {
    width: 130px;
  }
  .terms-chart-location .setting-box li .form-select {
    width: calc(100% - 140px);
  }
  .terms-chart-location .setting-box .form-select {
    width: calc(100% - 205px);
  }
  .terms-chart-location .setting-box .support-setting.auxiliary-charts label {
    width: 130px;
  }
  .terms-chart-location .setting-box .support-setting.auxiliary-charts .form-select {
    width: calc(100% - 205px);
  }
  .terms-chart-location #macd_setting li {
    display: inline-block;
    width: 32%;
  }
  .terms-chart-location #macd_setting input {
    width: 100%;
    margin-right: 0;
  }
  .terms-chart-location #bol_setting .d-flex {
    display: block !important;
  }
  .terms-chart-location #bol_setting .d-flex .form-control {
    width: calc(100% - 205px);
    margin-right: 0;
    margin-bottom: 5px;
  }
  .terms-chart-location #rsi_setting .d-flex {
    display: block !important;
  }
  .terms-chart-location #rsi_setting .d-flex .form-control {
    width: 39%;
  }
  .terms-chart-location .chart-title-box #chart-date {
    display: block;
  }
  .terms-chart-location .chart-title-box .legend_list {
    margin-top: 0;
    flex-wrap: wrap;
    align-items: baseline;
  }
  .terms-chart-location .chart-title-box .legend_list .terms-tooltip-value {
    margin-top: 0;
    font-size: 16px;
  }
  .terms-chart-location .volume .terms-tooltip-value {
    font-size: 20px;
  }
  .terms-chart-location .select2 {
    margin-bottom: 0.5rem;
  }
  .underlying-analyzer .terms-chart-location .setting-box .form-select {
    width: calc(100% - 140px);
  }
  .underlying-analyzer .terms-chart-location .setting-box .form-select#chart-underlying-part {
    width: calc(100% - 140px);
    margin-top: 5px;
  }
  .underlying-analyzer .terms-chart-location #bol_setting .d-flex .form-control {
    width: calc(100% - 128px);
  }
  .underlying-analyzer .terms-chart-location #rsi_setting .d-flex {
    display: flex !important;
  }
  .underlying-analyzer .terms-chart-location #rsi_setting .form-control {
    width: auto;
  }
  .date-to-from {
    float: inherit;
    padding-bottom: 0 !important;
  }
  .subtab-list.text-long {
    display: block;
  }
  .subtab-list.text-long li {
    border-right: none;
    margin-bottom: 10px;
  }
  .subtab-list.text-long li a {
    border-left: none;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 5px;
    display: inline-block;
  }
  .subtab-list.text-long li a.active {
    margin-bottom: 5px;
  }
  .subtab-list.text-long li:first-child a {
    padding-left: 0;
  }
  .subtab-list.text-long li:last-child {
    padding-right: 0;
  }
  #economic-tabs .ui-tabs-nav li a,
  #economic-tabs .ui-tabs-nav li button {
    font-size: 15px;
  }
  #pager_box_set {
    font-size: 12px;
    padding: 0.275rem 1.55rem 0.275rem 0.55rem;
    width: 100%;
  }
  .setting_btn {
    font-size: 14px;
    margin-right: 0;
  }
  .setting_btn .e-table__colvis-btn {
    background-size: 3px;
  }
  .last-time {
    font-size: 12px;
  }
  #pager_box_set,
  #pager_box_set2 {
    display: none;
  }
  .doc-search label {
    margin-top: 5px;
  }
  .table-label {
    display: block;
  }
  .table-label .rounded {
    margin-bottom: 10px;
  }
  .slider-chart {
    margin-bottom: 30px;
  }
  .data-detail ul li {
    border: none;
  }
  .calculation-results ul li {
    margin-bottom: 10px;
  }
  .calculation-search .slider-chart {
    margin-bottom: 60px;
  }
  .calculation-search .btn {
    margin-top: 0;
  }
  .new-product {
    margin-bottom: 20px;
  }
  .new-product .underlying-analyzer {
    font-size: 14px;
  }
  .new-product .underlying-name {
    font-size: 15px;
  }
  .new-product .code {
    font-size: 22px;
    background: url(../images/bg-code-02.svg) no-repeat 0;
    padding: 10px;
    font-family: "Frutiger", sans-serif;
    font-weight: 400;
  }
  .new-product:nth-child(even) .code {
    background: url(../images/bg-code-02.svg) no-repeat 0;
  }
  .new-product ul li {
    display: flex;
    margin-top: 5px;
  }
  .new-product ul .tl {
    margin-right: 5px;
  }
  #print-btn {
    display: none;
  }
  .iv-option .chart-selector label {
    margin-top: 20px;
  }
  .iv-option .slider-chart {
    margin-bottom: 0;
  }
  .iv-option .slider-chart .strike-slider {
    display: flex;
  }
  .iv-option .slider-chart .strike-slider .form-control {
    width: 60px;
  }
  .iv-option .slider-chart .strike-slider .ui-slider {
    width: 325px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 15px;
  }
  .iv-table .table tr td:nth-child(1) {
    padding-right: 10px;
  }
  .iv-table .table tr td:nth-child(2) {
    padding-right: 10px;
  }
  .iv-table .table tr td:nth-child(4) {
    padding-left: 10px;
  }
  .iv-table .table tr td:nth-child(5) {
    padding-left: 10px;
  }
  .hsi-cbbc-os .bg-line {
    display: none;
  }
  .southbound-list a {
    font-size: 16px;
    padding-right: 10px;
    padding-left: 10px;
  }
  .southbound-list a:hover {
    text-decoration: none;
  }
  .southbound-moneyflow li {
    border-right: none;
  }
  .southbound-moneyflow h2 .last-update {
    float: inherit;
    display: block;
    position: absolute;
  }
  .subtab-list a {
    font-size: 16px;
  }
  #underlying_result .underlying_name,
  #warrant_info .underlying_name,
  #cbbc_info .underlying_name {
    font-size: 16px;
    margin-top: 12px !important;
  }
  #underlying_result .have-dropdown,
  #warrant_info .have-dropdown,
  #cbbc_info .have-dropdown {
    flex-wrap: wrap;
  }
  .edu-page h3 {
    font-size: 20px;
  }
  .circle {
    height: 12px;
  }
  .data-detail {
    padding-left: 0;
    padding-right: 0;
  }
  .cbbc-quicksearch-table .sma-bar .sma-bar-value {
    font-size: 12px;
  }
  .cbbc-quicksearch-table .sma-bar .sma-bar-td div:before {
    width: 10px;
    height: 10px;
  }
  .cbbc-quicksearch-table .last-time.d-flex {
    display: block !important;
  }
  .cbbc-quicksearch-table .ulast-bar-value {
    background-color: #646464 !important;
    color: #fff;
  }
  .cbbc-quicksearch-table .last-close-info .price {
    font-size: 15px;
  }
  .cbbc-quicksearch-table .last-close-info > div {
    width: 115px;
    left: 5px;
  }
  .cbbc-quicksearch-table .last-close-info > div::after {
    display: none;
  }
  .cbbc-quicksearch-table .underlying-info {
    padding: 0 !important;
  }
  .cbbc-quicksearch-table .floating-ubox {
    border: none;
    margin-left: 5px;
  }
  .cbbc-quicksearch-table .floating-ubox .price {
    font-size: 14px;
  }
  .cbbc-quicksearch-table .floating-ubox .price-change {
    font-size: 12px;
  }
  .cbbc-quicksearch-table .sma-btn {
    float: left;
  }
  .cbbc-quicksearch-table .sma-btn ul li.tl {
    display: block;
    margin-bottom: 5px;
  }
  .cbbc-quicksearch-table .sma-btn ul li a {
    margin-left: 0;
    margin-right: 5px;
  }
  .cbbc-quicksearch-table .sma-btn ul li span {
    width: 10px;
    height: 10px;
  }
  .cbbc-quicksearch-table table thead th {
    font-size: 13px;
    padding: 5px 0;
    text-align: center;
  }
  .cbbc-quicksearch-table table thead th:nth-child(1) {
    width: 200px;
  }
  .cbbc-quicksearch-table table thead th:nth-child(2) {
    width: 28%;
  }
  .cbbc-quicksearch-table table thead th:nth-child(4) {
    width: 25%;
  }
  .cbbc-quicksearch-table table thead th:nth-child(5) {
    width: 25%;
  }
  .cbbc-quicksearch-table table thead th:nth-child(6) {
    width: 25%;
  }
  .cbbc-quicksearch-table .scrolling {
    height: 600px;
    overflow-x: scroll;
  }
  .cbbc-quicksearch-table .scrolling table th {
    font-size: 13px;
  }
  .cbbc-quicksearch-table .scrolling table td {
    font-size: 13px;
    min-width: 5px !important;
  }
  .cbbc-quicksearch-table .scrolling table td.dot-red {
    width: 5px !important;
    max-width: 5px !important;
    min-width: 5px !important;
  }
  .cbbc-quicksearch-table .scrolling table td.dot-red .circle {
    width: 100%;
  }
  .cbbc-quicksearch-table .scrolling table td.green-red {
    width: 5px !important;
    max-width: 5px !important;
    min-width: 5px !important;
  }
  .cbbc-quicksearch-table .scrolling table td.green-red .circle {
    width: 100%;
  }
  .cbbc-quicksearch-table .scrolling table td.dot-gray {
    width: 5px !important;
    max-width: 5px !important;
    min-width: 5px !important;
  }
  .cbbc-quicksearch-table .scrolling table td:nth-child(3) {
    width: 25%;
    padding-left: 0;
  }
  .cbbc-quicksearch-table .scrolling table td:nth-child(5) {
    width: 25%;
    padding-left: 0;
  }
  .cbbc-quicksearch-table .scrolling table td:nth-child(6) {
    width: 25%;
    padding-left: 0;
  }
  .cbbc-quicksearch-table .scrolling .ulast-bar {
    opacity: 1;
    position: inherit;
  }
  .cbbc-quicksearch-table .scrolling .ulast-bar .dot-red {
    border-bottom: 1px solid #cfcfcf;
    border-top: 1px solid #646464;
  }
  .cbbc-quicksearch-table .scrolling .ulast-bar .dot-red .circle {
    background-color: #646464;
  }
  .cbbc-quicksearch-table .distribution-area {
    display: none;
  }
  .cbbc-quicksearch-table .sma-10 .sma-bar-value {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(#0097cc, #0097cc);
    background-position: 0 50%, 100%;
    background-size: 0 2px, 8% 2px;
    background-repeat: no-repeat;
  }
  .cbbc-quicksearch-table .sma-20 .sma-bar-value {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(#e5b01c, #e5b01c);
    background-position: 0 50%, 100%;
    background-size: 0 2px, 8% 2px;
    background-repeat: no-repeat;
  }
  .cbbc-quicksearch-table .sma-50 .sma-bar-value {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(#45999c, #45999c);
    background-position: 0 50%, 100%;
    background-size: 0 2px, 8% 2px;
    background-repeat: no-repeat;
  }
  .cbbc-quicksearch-table .sma-100 .sma-bar-value {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(#cdd760, #cdd760);
    background-position: 0 50%, 100%;
    background-size: 0 2px, 8% 2px;
    background-repeat: no-repeat;
  }
  .cbbc-quicksearch-table .sma-250 .sma-bar-value {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(#785e4a, #785e4a);
    background-position: 0 50%, 100%;
    background-size: 0 2px, 8% 2px;
    background-repeat: no-repeat;
  }
  .highcharts-head-row .terms-chart-label {
    margin-top: 0;
  }
  .analyzer-performance .terms-chart-location .setting-box #chart-core-top,
  .analyzer-performance .select2 {
    width: calc(100% - 140px) !important;
  }
  .mobile-only#heroBanner .carousel-inner {
    margin-bottom: 20px;
  }
  .home-page .cbbc-quicksearch-table .floating-ubox.ontop, .home-page .cbbc-quicksearch-table .floating-ubox.onbot {
    top: 215px;
  }
  .home-page .cbbc-quicksearch-table .last-close-info > div {
    width: 115px;
  }
  .home-page .cbbc-quicksearch-table .table thead th {
    font-size: 13px;
  }
  .home-page .cbbc-quicksearch-table .table thead th:nth-child(2) {
    width: 22% !important;
  }
  .home-page .cbbc-quicksearch-table .table thead th:nth-child(4) {
    width: 31% !important;
  }
  .home-page .cbbc-quicksearch-table .table thead th:nth-child(5) {
    width: 23% !important;
    min-width: auto;
    text-align: right;
  }
  .home-page .cbbc-quicksearch-table .table td img {
    width: 14px !important;
  }
  .home-page .cbbc-quicksearch-table label {
    width: 65px;
  }
  .home-page .cbbc-quicksearch-table select {
    width: calc(100% - 70px);
  }
  .home-page .tabs-nav-container {
    margin-top: 30px;
  }
  .swiper-button-next,
  .swiper-button-prev {
    top: var(--swiper-navigation-top-offset, 37%) !important;
  }
  .swiper-button-next:after,
  .swiper-button-prev:after {
    font-size: 14px !important;
  }
  .swiper-button-next,
  .swiper-rtl .swiper-button-pre {
    right: var(--swiper-navigation-sides-offset, 0) !important;
  }
  .swiper-button-prev,
  .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 0) !important;
    right: auto;
  }
  .tabs-ctn .tabs-nav-container ul.ui-tabs-nav {
    display: flex;
    margin-bottom: 0;
    max-width: 100%;
    width: auto;
    white-space: nowrap;
    overflow-x: hidden;
  }
  .tabs-ctn .tabs-nav-container > div {
    padding-right: 25px !important;
  }
  .fancybox-inner video {
    width: 100%;
  }
  .fancybox-content {
    padding: 10px !important;
  }
  .stockcbbc-label ul li:last-child {
    float: inherit;
    margin-top: 5px;
  }
  .select2-hidden-accessible {
    display: none !important;
  }
  #mf-option .col-lg-8.d-flex {
    flex-wrap: wrap;
  }
  #mf-option .col-lg-8 .ucode-option {
    margin-bottom: 5px;
  }
  #mf-option .col-lg-8 .ucode-option label {
    width: 60px;
  }
  #mf-option .col-lg-8 .ucode-option .select2,
  #mf-option .col-lg-8 .ucode-option select {
    width: calc(100% - 65px) !important;
  }
  #mf-option .col-lg-4 label {
    width: 60px;
  }
  #mf-option .col-lg-4 .select2 {
    width: calc(100% - 65px) !important;
  }
  .tabs-ctn .direct-btn {
    background: #fff;
    padding: 3px;
    right: 0;
    top: 7px;
  }
  .tabs-ctn .direct-btn[data-direct=prev] {
    left: 0;
  }
  .tabs-ctn .direct-btn img {
    opacity: 0.3;
  }
  .compare-td-empty {
    display: none;
  }
  .mobile-stockcbbc .underlying-stock-price {
    display: flex;
    margin-top: 10px;
    margin-bottom: 10px;
    vertical-align: middle;
  }
  .mobile-stockcbbc .underlying-stock-price .price {
    font-size: 18px;
    margin-left: 5px;
  }
  .mobile-stockcbbc .underlying-stock-price .tl {
    margin-top: 5px;
  }
  .mobile-stockcbbc th {
    min-width: 20px;
  }
  .mobile-stockcbbc .freeze-header thead {
    top: 72px;
  }
  .mobile-stockcbbc tr td {
    width: auto;
  }
  .mobile-stockcbbc tr td.no-result {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 16px;
  }
  .mobile-stockcbbc .stockcbbc-table {
    margin-bottom: 10px;
  }
  .mobile-stockcbbc .bull-bg-20,
  .mobile-stockcbbc .bull-bg-15,
  .mobile-stockcbbc .bull-bg-10,
  .mobile-stockcbbc .bull-bg-5,
  .mobile-stockcbbc .bear-bg-10,
  .mobile-stockcbbc .bear-bg-20 {
    width: 20px !important;
  }
  label,
  input,
  select,
  .form-select,
  .col-form-label {
    font-size: 14px;
  }
  .chart-setting .form-check {
    margin-right: 10px;
  }
  .chart-setting .chart-input-setting select {
    margin-left: 0;
  }
  .moneyflow-chart-select {
    display: block;
    float: inherit;
  }
  .moneyflow-chart-select .chart-sector-option label {
    margin-left: 1.5rem;
    width: 65px;
  }
  .moneyflow-chart-select .chart-sector-option .select2 {
    width: calc(100% - 94px) !important;
    display: inline-block;
    max-width: inherit;
  }
  .moneyflow-table .table {
    margin-bottom: 0;
  }
  .moneyflow-table .table td {
    padding: 0.2rem 0.2rem;
    min-width: 30px;
    font-size: 12px;
  }
  .moneyflow-table .table td:nth-child(2) div {
    display: none;
  }
  .moneyflow-table .table td:nth-child(2) div.code-name {
    display: block;
  }
  .moneyflow-table .table td .comment {
    padding: 0;
    border: none;
  }
  .moneyflow-table .table td .comment img {
    width: 22px;
  }
  .moneyflow-table .table th:nth-child(2) {
    text-indent: -999px;
  }
  .contact-page {
    width: 100%;
  }
  .contact-page .captcha_image img {
    width: 100%;
  }
  .legend_list .legend {
    font-size: 13px;
    margin-right: 10px;
    padding-left: 12px;
    margin-top: 0 !important;
  }
  .legend_list .legend:before {
    top: 5px;
    width: 10px;
    height: 10px;
  }
  #event-table .date,
  #result-table .date {
    min-width: 105px;
  }
  .day-by-day {
    margin-top: 5px;
  }
  .day-by-day label[for=fromDate], .day-by-day label[for=fromDate_ipo] {
    margin-left: 0 !important;
  }
  .ashares-page h4 {
    margin-top: 20px;
  }
  .outstanding-quantity .legend_list .legend {
    min-width: 85px;
  }
  .sector-performance .bar-chart {
    width: 100%;
  }
  .sector-performance .performance-tl {
    font-size: 12px;
  }
  .sector-performance #accordion .ui-icon {
    right: 5px;
  }
  .sector-performance #accordion .accordion-head {
    padding-left: 5px;
    padding-right: 20px;
  }
  .sector-performance #accordion .accordion-head ul li {
    font-size: 13px;
  }
  .sector-performance #accordion .accordion-head ul li:first-child {
    width: 5%;
    text-align: center;
  }
  .sector-performance #accordion .accordion-head ul li:nth-child(2) {
    width: 25%;
  }
  .sector-performance #accordion .accordion-head ul li:nth-child(3) {
    width: 30%;
  }
  .sector-performance #accordion .accordion-head ul li:nth-child(4) {
    width: 30%;
  }
  .sector-performance #accordion .accordion-head ul li:nth-child(5) {
    width: 15%;
  }
  .sector-performance #accordion .table th {
    font-size: 13px;
  }
  .sector-performance #accordion .table td {
    font-size: 13px;
  }
  .download-doc a {
    font-size: 15px;
  }
  #economic-tabs .ui-tabs-nav,
  #moneyflow-tabs .ui-tabs-nav {
    display: block;
    overflow: hidden;
  }
  #economic-tabs .ui-tabs-nav li,
  #moneyflow-tabs .ui-tabs-nav li {
    width: auto;
    overflow: hidden;
    padding: 0;
    margin-right: 0;
  }
  #economic-tabs .ui-tabs-nav li a,
  #moneyflow-tabs .ui-tabs-nav li a {
    width: 100%;
  }
  .table tbody td {
    min-width: 20px;
  }
  .top-search-mobile-box {
    position: relative;
  }
  .top-search-mobile-container {
    position: absolute;
    width: 100vw;
    bottom: -45px;
    background: #fff;
    padding: 10px 1rem;
    border-bottom: 2px solid #cccabc;
    display: none;
  }
  .top-search-mobile-container.active {
    display: block;
  }
  .home-page .cbbc-quicksearch-table table thead tr {
    padding-right: 0;
  }
  .hsi-cbbc-os {
    margin-bottom: 20px;
  }
  .hsi-cbbc-os thead th {
    font-size: 12px;
    padding: 5px;
  }
  .hsi-cbbc-os tbody td {
    font-size: 12px;
  }
  .hsi-cbbc-os tbody td.range {
    font-size: 12px;
    width: auto;
    min-width: 100px;
    word-break: break-all;
  }
  .hsi-cbbc-os tbody td.bar-area {
    width: 130px;
  }
  .hsi-cbbc-os .last-close .middle-bar .hedging-futures {
    font-size: 16px;
  }
  .hsi-cbbc-os .last-close .middle-bar .red-bar,
  .hsi-cbbc-os .last-close .middle-bar .green-bar {
    height: 40px;
  }
  .hsi-cbbc-os .last-close .cbbc_ratio,
  .hsi-cbbc-os .last-close .cbbc_ratio2,
  .hsi-cbbc-os .last-close #os-closing {
    font-size: 14px;
    display: block;
  }
  .hsi-cbbc-os .last-close #os-closing {
    display: inline-block;
    margin-bottom: 5px;
  }
  .hsi-cbbc-os .last-close td:first-child {
    padding-left: 0;
  }
  .hsi-cbbc-os .last-close td:last-child {
    padding-right: 0;
    padding-left: 0;
  }
  .hsi-cbbc-os .bg-line ul {
    width: 48%;
    margin-left: 25%;
    margin-right: 30%;
    font-size: 12px;
  }
  .hsi-cbbc-os .bg-line ul li .line {
    border-left: 1px solid #cfcfcf;
    height: 100%;
  }
  .hsi-cbbc-os .bg-line ul li .line.white {
    border-left: 1px solid #fff;
  }
  .single-stock-os tbody td.range {
    min-width: 75px;
  }
  .home-page .cbbc-outstanding .hsi-cbbc-os tbody td.range {
    width: 100px;
  }
  .home-page .cbbc-outstanding .hsi-cbbc-os tbody .bar-area {
    width: 25%;
  }
  .home-page .cbbc-outstanding .hsi-cbbc-os tbody .last-close .mid-data {
    vertical-align: bottom;
  }
  .adr-page h4.mt-3 {
    flex-wrap: wrap;
  }
  .adr-page .col-lg-6 .bg-gray {
    height: 185px;
  }
  .adr-page .col-lg-6:first-child .bg-gray {
    height: 150px;
    margin-bottom: 10px;
  }
  .adr-page h4 {
    font-size: 15px;
  }
  .adr-page .adr-hsi {
    font-size: 22px;
  }
  .adr-page .adr-hsi span {
    margin-top: 0;
  }
  .adr-page .adr-stock {
    font-size: 18px;
  }
  .closing-auctionm-page .p-4 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .inner-term-comparison h2 small {
    font-size: 14px;
  }
  #cbbc_mflow th {
    font-size: 14px;
  }
  .intraday-chart {
    margin-top: 20px;
  }
  .iv-comparison ul {
    display: block !important;
  }
  .iv-comparison ul.have-border li {
    border-left: none;
    padding-left: 0;
  }
  .iv-comparison ul.have-border li:last-child {
    border-left: none;
    padding-right: 0;
  }
  .iv-comparison ul.have-border li:first-child {
    padding-left: 0;
    border-left: none;
  }
  .iv-comparison ul li.me-4 {
    margin-right: 0 !important;
    margin-bottom: 10px;
  }
  #mf-date {
    font-size: 14px;
    padding-right: 10px;
    margin-right: 10px;
  }
  #mf-inflow,
  #mf-outflow,
  #chart-date,
  #mf-last {
    min-width: auto;
    font-size: 14px;
  }
  .underlying-analyzer #mf-date {
    border: none;
  }
  .underlying-analyzer #mf-inflow,
  .underlying-analyzer #mf-outflow {
    margin-right: 5px;
  }
  .cbbc-outstanding .last-time.text-right {
    text-align: left;
    margin-left: 10px;
  }
  .cbbc-outstanding .legend_list {
    padding-left: 10px;
  }
  #warrant_info .warrant_type,
  #warrant_info .cbbc_type,
  #cbbc_info .warrant_type,
  #cbbc_info .cbbc_type,
  #cbbc_info .cbbc_name {
    font-size: 26px;
  }
  .cbbc-quick-search-chart .highcharts-axis-labels span {
    font-size: 10px;
  }
  .home-page iframe {
    width: 100% !important;
  }
  .home-page .box {
    padding: 10px 0;
  }
  .home-page .box.home-real-quote {
    position: relative;
    padding-bottom: 0;
  }
  .home-page .box.home-real-quote .right-col .last-time {
    position: absolute;
    right: 5px;
  }
  .home-page .box.home-real-quote .right-col #intraday_chart_container {
    margin-top: 30px;
  }
  .home-page .box.home-real-quote .quick_code_chart .right-col,
  .home-page .box.home-real-quote .quick_code_chart .left-col {
    width: 100%;
  }
  .home-page .box.home-real-quote .home_quick_search_left_col .row .left-col {
    padding-left: 25px;
  }
  .home-page .box.home-real-quote .home_quick_search_left_col .row .right-col {
    padding-right: 25px;
  }
  .home-page .box.home-real-quote .home_quick_search_left_col .quick_code_chart .right-col {
    padding-left: 25px;
  }
  .home-page .home-real-quote .stock-name,
  .home-page .home-real-quote .cbbc-code,
  .home-page .home-real-quote .quote-price {
    font-size: 20px;
  }
  .home-page .home-real-quote .search-code-area {
    padding-left: 10px;
    padding-right: 10px;
  }
  .home-page .home-real-quote .search-code-area .form-control {
    width: 48%;
    margin-left: 10px;
  }
  .home-page .home_quick_search_data .left-col,
  .home-page .home_quick_search_data .right-col {
    width: 50%;
  }
  .home-page .home_quick_search_data .left-col {
    padding-left: 10px;
  }
  .home-page .home_quick_search_data .right-col {
    padding-right: 10px;
  }
  .home-page .product-item .code_area {
    padding-left: 10px;
  }
  .home-page .product-sectors .product-item:nth-child(even) .code_area {
    padding-left: 0;
  }
  .home-page .relate-highlight h5 {
    padding-left: 10px;
  }
  .home-page .relate-highlight .left-col {
    padding-left: 10px;
  }
  .home-page .relate-highlight .right-col {
    padding-left: 10px;
  }
  .home-page .ui-tabs .ui-tabs-panel {
    padding: 10px 0;
  }
  .home-page .product-item {
    flex: 0 0 auto;
    width: 50%;
  }
  .home-page .product-item .code {
    font-size: 20px;
    padding: 10px;
    font-family: "Frutiger", sans-serif;
    font-weight: 400;
  }
  .home-page .sector-recommend .mySectors {
    padding-right: 25px;
  }
  .home-page .daily-info .bg-info button {
    width: 100%;
  }
  .home-page .btn img {
    width: 15px;
  }
  .home-page table .underlying-info {
    width: 100%;
  }
  .live_stream_link {
    display: none !important;
  }
  .btn {
    --bs-btn-padding-x: 1rem;
    --bs-btn-padding-y: 0.375rem;
  }
  .highcharts-head-row ul {
    display: block;
  }
  .underlying-warrant-flow .col-lg-3 li {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .underlying-warrant-flow .col-lg-3 .day-label {
    width: 52px;
    height: 52px;
    font-size: 20px;
    padding-top: 10px;
  }
  .terms-structure .bg-gray ul li {
    padding: 0 5px;
  }
  .terms-structure .bg-gray ul li span {
    font-size: 14px;
  }
  #moneyflow-tabs .ui-tabs-nav li a,
  #moneyflow-tabs .ui-tabs-nav li button,
  .mf-chart-location .ui-tabs-nav li a,
  .mf-chart-location .ui-tabs-nav li button {
    width: 105px;
  }
  .result-date ul li div {
    width: auto;
  }
  .result-date ul li div.tl {
    width: 45%;
  }
  .cbbc-outstanding .chart-setting .chart-input-setting {
    display: block;
    width: 100%;
  }
  .cbbc-outstanding .past-chart-select {
    font-size: 12px;
    display: flex;
    width: 100%;
  }
  .cbbc-outstanding .past-chart-select label {
    margin-top: 10px;
    width: 70px;
  }
  .cbbc-outstanding .past-chart-select .form-select {
    margin-left: 0;
    width: calc(100% - 70px);
    margin-bottom: 5px;
  }
  .cbbc-outstanding .chart-input-setting {
    margin-bottom: 10px;
  }
  .cbbc-outstanding .chart-input-setting .mid_remark {
    width: 100%;
    margin-top: 5px;
    font-size: 13px;
    margin-left: 0;
  }
  .cbbc-outstanding .last-area {
    text-align: left;
  }
  .terms-structure #realtime_terms {
    display: block;
  }
  .terms-structure #realtime_terms ul {
    width: 100%;
  }
  #warrant_info .underlying_price,
  #warrant_info .warrant_name {
    font-size: 26px;
  }
  #underlying_info .underlying_name {
    font-size: 26px;
  }
  #underlying_result .underlying_price,
  #underlying_result .warrant_name {
    font-size: 26px;
  }
  .rounded {
    font-size: 14px;
  }
  .highcharts-tooltip {
    display: none;
  }
  .mf-chart-underlying-side {
    margin-top: 0;
  }
  #cbbc-chart-tooltip-area {
    margin-bottom: 5px;
  }
  #cbbc-chart-tooltip-area .charttooltip {
    width: auto;
    height: auto;
  }
  #cbbc-chart-tooltip-area .val1 {
    width: 49%;
    display: inline-block;
  }
  #cbbc-chart-tooltip-area .value {
    position: relative;
    display: inline-block;
    top: auto;
    left: auto;
    margin: 0;
    width: auto;
  }
  .index_constituent_ranking .constituent_mid {
    min-width: 100px;
  }
  .edu-page .col-lg-4 img {
    width: 100%;
  }
  .edu-page .col-lg-4 .photo img {
    width: auto;
  }
  .edu-page .col-lg-4 h5 {
    margin-bottom: 20px;
  }
  .edu-page .video-frame iframe {
    height: 230px !important;
    width: 100% !important;
  }
  .edu-page ul {
    padding-left: 25px;
  }
  .edu-page #edu-tabs h5 {
    font-size: 14px;
    padding-left: 0;
    padding-right: 15px;
    background: none !important;
  }
  .edu-page #edu-tabs h5 .ui-icon {
    right: 0;
    width: 14px;
    height: 11px;
  }
  .edu-page .edu-list ul {
    padding-left: 0;
    font-size: 12px;
  }
  .edu-page .section img {
    width: 100%;
  }
  .edu-page .section table img {
    width: auto;
  }
  .edu-page .section p img {
    width: auto;
  }
  #download-btn,
  #print-btn,
  .btn-secondary {
    font-size: 14px;
  }
  #searchform .mb-5 {
    margin-bottom: 20px !important;
  }
  .home-page .top-banner-title > div > span.top-banner-main-title {
    line-height: 1rem;
  }
  .home-index .left-col {
    width: 100%;
  }
  .home-index .left-col ul {
    margin-bottom: 0;
  }
  .home-index .swiper-slide {
    font-size: 14px;
    padding-top: 10px;
    height: 120px;
    border-right: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    border-top: 1px solid #cfcfcf;
    border-left: 3px solid #cfcfcf;
    min-height: 110px;
    max-height: 200px;
  }
  .home-index .swiper-slide .left-col li div > div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .home-index .swiper-slide.flat-box {
    color: #1c1c1c;
    border-right: 1px solid #1c1c1c;
    border-bottom: 1px solid #1c1c1c;
    border-left-color: #1c1c1c;
  }
  .home-index .swiper-slide.down-box {
    color: #ba0000;
    border-left-color: #ba0000;
  }
  .home-index .swiper-slide.up-box {
    color: #90a723;
    border-left-color: #90a723;
  }
  .home-index .data-title {
    font-size: 15px;
  }
  .home-index .data-price .last {
    font-size: 18px;
  }
  .banner-bottom .mt-2 {
    font-size: 12px;
  }
  .sector-recommend > .mySectors > ul {
    max-width: -moz-max-content;
    max-width: max-content;
    display: flex;
    margin-bottom: 0;
  }
  .sector-recommend .last-time {
    padding-left: 10px;
  }
  .product-sectors .row:first-child {
    border-bottom: none;
    margin-bottom: 0;
  }
  .mobile-only .mobile-warrant-edu,
  .mobile-only .mobile-cbbc-edu {
    display: block;
  }
  .mobile-only .mobile-warrant-edu.active,
  .mobile-only .mobile-cbbc-edu.active {
    display: block;
  }
  .mobile-warrant-edu .section h2,
  .mobile-cbbc-edu .section h2 {
    margin-top: 30px;
    margin-bottom: 10px;
  }
  .mobile-warrant-edu .section h2::after,
  .mobile-cbbc-edu .section h2::after {
    content: "";
    border: none;
  }
  .mobile-warrant-edu h3,
  .mobile-cbbc-edu h3 {
    font-size: 18px;
    margin-top: 30px;
  }
  .mobile-warrant-edu h4,
  .mobile-cbbc-edu h4 {
    font-size: 16px;
    margin-top: 20px;
  }
  .mobile-warrant-edu a,
  .mobile-cbbc-edu a {
    font-size: 12px;
  }
  #mid-tab-area {
    margin-top: 20px !important;
  }
  #mid-tab-area.streaming .col-lg-6 {
    width: 100%;
  }
  #mid-tab-area.streaming .col-lg-6:last-child {
    display: block;
  }
  #mid-tab-area.streaming .result-date {
    display: block;
  }
  #mid-tab-area .result-date {
    display: block;
  }
  #mid-tab-area .result-date .home_quick_search_left_col {
    width: 100%;
  }
  #mid-tab-area .result-date .col-lg-6 {
    width: 100%;
  }
  #mid-tab-area .result-date .col-lg-6:last-child {
    display: block;
  }
  #mid-tab-area .result-date .quick_focus_side {
    width: 100%;
    margin-left: 0;
  }
  #mid-tab-area .result-date .quick_focus_side h5 {
    margin-left: 10px;
  }
  #external-disclaimer {
    margin-left: -12px;
  }
  #site-disclaimer .wrapper,
  #external-disclaimer .wrapper {
    width: 100%;
    padding: 20px;
  }
  .calculation-search .slider-chart {
    margin-bottom: 40px;
  }
  .ui-state-active a,
  .ui-state-active a:link,
  .ui-state-active a:visited {
    font-size: 15px;
  }
  .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    font-size: 15px;
    padding: 0.5rem 0.6rem;
  }
  #doc-table thead th.asc,
  #doc-table-fixbox thead th.asc {
    width: 100px;
  }
  #top10-distribution th span {
    display: block;
    width: 90px;
  }
  .article-detail {
    flex-flow: column-reverse;
  }
  .home-page .top-banner-title {
    left: 0;
    padding-bottom: 10px;
    line-height: 3rem;
  }
  .home-page .moneyflow-table .bar_td .bar span {
    padding-left: 0;
    padding-right: 0;
  }
  .home-page .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    font-size: 15px;
  }
  .home-page .search-box-radio ul {
    justify-content: flex-start;
  }
  .mobile-search-icon {
    position: absolute;
    right: 65px;
    top: 22px;
    z-index: 10;
  }
  .mobile-search-icon img {
    width: 30px;
  }
  #video-option .form-select {
    margin-bottom: 10px;
  }
  .edu-page .talker ul {
    padding-left: 0;
    margin-top: 20px;
  }
  .edu-page .talker .name {
    font-size: 22px;
  }
  .webcast-detail .talker ul {
    display: block;
  }
  .webcast-detail .talker ul img {
    width: 50px;
    height: auto;
  }
  .webcast-detail .talker ul .name {
    font-size: 18px;
  }
  .webcast-detail .talker ul .center {
    margin-left: 0;
  }
  .calculator-search-code .form-control {
    width: calc(100% - 70px);
    margin-bottom: 10px;
  }
  .total {
    margin-left: 0;
  }
  #mf-table-section .mobile_none {
    min-width: 90px;
  }
  #mf-table-section .line {
    min-width: 90px;
  }
  .outstanding-quantity .chart-container .legend_list {
    flex-wrap: wrap;
  }
  #mf-option .ucode-option {
    display: block;
    margin-bottom: 5px;
  }
  #mf-option .ucode-option label {
    width: 56px;
    margin-right: 0;
  }
  #mf-option .ucode-option .select2 {
    width: calc(100% - 65px) !important;
  }
  #mf-option .ucode-option #top_select {
    width: auto;
    width: calc(100% - 65px) !important;
  }
  #mf-option #date_range,
  #mf-option .outstanding_select {
    width: auto;
    width: calc(100% - 65px) !important;
  }
  .footer {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 14px;
  }
  .footer p {
    font-size: 14px;
  }
  .footer .col {
    flex: 0 0 auto;
    width: 100%;
  }
  .footer .footer-lang a {
    margin-right: 10px;
  }
  .footer .footer_linksList a {
    margin-right: 10px;
  }
  .sector-page .performance-tl li:first-child {
    width: 27%;
    text-align: left;
    padding-left: 10px;
  }
  .sector-page .performance-tl li:nth-child(2) {
    padding-left: 5px;
    width: 28%;
  }
  .sector-page .performance-tl li:nth-child(3) {
    width: 27%;
  }
  .home-seach-box .bg-info {
    overflow: hidden;
  }
  .home-seach-box .remark {
    flex-wrap: wrap;
  }
  .home-seach-box .remark > div {
    width: 50%;
    margin-bottom: 10px;
  }
  .southbound-list a,
  .subtab-list a {
    font-size: 15px;
    padding-right: 7px;
    padding-left: 7px;
  }
  .southbound-list li:last-child a,
  .subtab-list li:last-child a {
    margin-right: 0;
  }
  .highcharts-head-row .terms-chart-label {
    margin-right: 10px;
  }
  .analyzer-performance #underlying_info .select2 {
    width: 100% !important;
    margin-bottom: 10px;
  }
  .analyzer-performance #underlying_info .search-underlying-row {
    flex-wrap: wrap-reverse;
  }
  .error-page {
    padding: 0;
  }
  .error-page .link a {
    padding-right: 20px;
  }
  .error-page .link a svg.arrow-icon {
    right: -5px;
  }
  .error-page .link a:hover svg.arrow-icon {
    right: -10px;
  }
  body.en .title h1 {
    font-size: 24px;
    width: 86%;
  }
  body.en .title h2 {
    font-size: 1.2rem;
  }
  body.en .title a {
    position: absolute;
    right: 0;
  }
  body.en .legend_list {
    flex-wrap: wrap;
  }
  body.en .header .warning {
    margin-top: 5px;
  }
  body.en .home-page .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    font-size: 14px;
  }
  body.en #ul-Warrant-ctn,
  body.en #ul-CBBC-ctn {
    width: calc(100% - 0px);
  }
  body.en .subtab-list a {
    font-size: 14px;
  }
  body.en .setting_btn .e-table__colvis-btn {
    font-size: 14px;
  }
  body.en .home-real-quote .search-code-area {
    padding-bottom: 15px;
  }
  body.en .home-real-quote .search-code-area .form-control {
    width: 145px;
  }
  body.en .terms-chart-location .tool_area {
    padding: 3px;
  }
  body.en #moneyflow-tabs .ui-tabs-nav li a,
  body.en #moneyflow-tabs .ui-tabs-nav li button,
  body.en .mf-chart-location .ui-tabs-nav li a,
  body.en .mf-chart-location .ui-tabs-nav li button {
    width: auto;
  }
  body.en .moneyflow-chart-select .chart-sector-option label {
    width: 45px;
  }
  body.en .moneyflow-chart-select .chart-sector-option .select2 {
    width: calc(100% - 74px) !important;
  }
  body.en .settle-search .input-group-text {
    padding: 0.375rem 1rem 0.375rem 0.75rem;
  }
  body.en .cbbc-outstanding .past-chart-select label {
    margin-top: 8px;
    width: 115px;
  }
  body.en .cbbc-outstanding .past-chart-select .form-select {
    width: calc(100% - 115px);
  }
  body.en .terms-structure .terms-info ul {
    margin-left: 0;
  }
  body.en .terms-structure .terms-info ul:last-child {
    margin-right: 0;
  }
  body.en .terms-chart-location .setting-box label {
    width: 120px;
  }
  body.en .terms-chart-location .setting-box .support-setting.auxiliary-charts label {
    width: 120px;
  }
  body.en .terms-chart-location .setting-box .form-select#chart-underlying-part {
    width: calc(100% - 213px);
  }
  body.en .terms-chart-location .setting-box .form-select#change-type {
    width: calc(100% - 128px);
  }
  body.en .analyzer-performance .terms-chart-location .setting-box #chart-core-top,
  body.en .analyzer-performance .select2 {
    width: calc(100% - 128px) !important;
  }
  body.en .mf-chart-location .me-4 {
    margin-right: 5px !important;
  }
  body.en .calculation-search label {
    width: 68%;
  }
  body.en .calculator-search-code .form-control {
    width: calc(100% - 85px);
  }
  body.en .country-select label {
    width: 111px;
  }
  body.en .country-select .form-select {
    width: calc(100% - 120px) !important;
  }
  body.en .country-select #country {
    width: calc(100% - 115px) !important;
  }
  body.en .country-select .select2 {
    width: calc(100% - 115px) !important;
  }
  body.en .form-control,
  body.en .form-select {
    font-size: 14px;
  }
  body.en #economic-tabs .ui-tabs-nav li.ui-tabs-active a,
  body.en #economic-tabs .ui-tabs-nav li.ui-tabs-active button,
  body.en #economic-tabs .ui-tabs-nav li a {
    padding: 0.8rem 0.5rem;
  }
  body.en .terms-structure .terms-info li.moneyness, body.en .terms-structure .terms-info li.listing, body.en .terms-structure .terms-info li.maturity, body.en .terms-structure .terms-info li.theta, body.en .terms-structure .terms-info li.last_trading_day, body.en .terms-structure .terms-info li.vega, body.en .terms-structure .terms-info li.hv10, body.en .terms-structure .terms-info li.hv30, body.en .terms-structure .terms-info li.os_percentage, body.en .terms-structure .terms-info li.os_vs_lastday, body.en .terms-structure .terms-info li.funding_percentage {
    line-height: 1.2;
  }
  body.en .terms-structure .terms-info li.moneyness span, body.en .terms-structure .terms-info li.listing span, body.en .terms-structure .terms-info li.maturity span, body.en .terms-structure .terms-info li.theta span, body.en .terms-structure .terms-info li.last_trading_day span, body.en .terms-structure .terms-info li.vega span, body.en .terms-structure .terms-info li.hv10 span, body.en .terms-structure .terms-info li.hv30 span, body.en .terms-structure .terms-info li.os_percentage span, body.en .terms-structure .terms-info li.os_vs_lastday span, body.en .terms-structure .terms-info li.funding_percentage span {
    margin-top: 0;
  }
  body.en .terms-structure .terms-info li.spot {
    line-height: 1.2;
  }
  body.en .mobile-br {
    display: block !important;
  }
  body.en .highcharts-head-row .terms-chart-label {
    margin-right: 10px;
  }
  body.en .legend_list .legend {
    margin-right: 5px;
  }
  body.en #mf-date {
    padding-right: 7px;
  }
  body.en .underlying-analyzer .terms-chart-location .setting-box .form-select#chart-underlying-part {
    width: calc(100% - 128px);
  }
  body.en .southbound-list a,
  body.en .subtab-list a {
    padding-right: 5px;
    padding-left: 5px;
  }
  body.en #mf-option label {
    width: 76px;
  }
  body.en #mf-option .ucode-option label {
    width: 76px;
  }
  body.en #mf-option .ucode-option .select2,
  body.en #mf-option .ucode-option #top_select {
    width: calc(100% - 81px) !important;
  }
  body.en #mf-option #date_range {
    width: calc(100% - 81px) !important;
  }
  body.en .daily-info .btn-secondary {
    --bs-btn-padding-x: 0;
  }
  body.en .product-sectors .code_area ul li {
    font-size: 13px;
  }
  body.en .result-date ul li div.tl {
    width: 50%;
  }
  body.en #underlying_result .underlying_name,
  body.en #warrant_info .underlying_name,
  body.en #cbbc_info .underlying_name {
    margin-top: 10px !important;
  }
  body.en .settlement-search .btn {
    margin-right: 0;
  }
  body.en .sector-performance #accordion .accordion-head ul li:nth-child(3) {
    display: none;
  }
  body.en .sector-performance #accordion .accordion-head ul li:nth-child(2) {
    width: 40%;
  }
  body.en .sector-performance .performance-tl li:nth-child(2) {
    display: none;
  }
  body.en .sector-performance .performance-tl li:first-child {
    width: 43%;
    padding-left: 10px;
  }
  body.en .sector-performance .performance-tl li:nth-child(3) {
    width: 29%;
  }
  body.en h3 {
    font-size: 16px;
  }
  body.en .underlying-warrant-flow .col-lg-3 .day-label {
    width: 65px;
    height: 65px;
    font-size: 16px;
    margin-bottom: 5px;
  }
  body.en #sma_setting ul {
    margin-bottom: 0;
  }
  body.en #sma_setting ul li:last-child {
    margin-left: 0;
  }
  body.en .home-index .swiper-slide {
    height: auto;
  }
  body.en .hsi-cbbc-os .last-close .middle-bar .hedging-futures {
    display: block;
  }
  body.en .hsi-cbbc-os .last-close .middle-bar .green-bar,
  body.en .hsi-cbbc-os .last-close .middle-bar .red-bar {
    height: 50px;
  }
  body.en #mf-option #date_range,
  body.en #mf-option .outstanding_select {
    width: auto;
    width: calc(100% - 81px) !important;
  }
}
/*for SE mobile*/
@media all and (min-width: 320px) and (max-width: 375px) {
  body.en .title h1 {
    width: 77%;
  }
  body.en .settle-search .input-group-text {
    padding: 0.375rem 1rem 0.375rem 0.5rem;
    font-size: 14px;
  }
  body.en .sector-performance #accordion .accordion-head ul li:nth-child(3) {
    display: none;
  }
  body.en .sector-performance #accordion .accordion-head ul li:nth-child(2) {
    width: 40%;
  }
  body.en .sector-performance .performance-tl li:nth-child(2) {
    display: none;
  }
  body.en .sector-performance .performance-tl li:first-child {
    width: 43%;
    padding-left: 10px;
  }
  body.en .sector-performance .performance-tl li:nth-child(3) {
    width: 29%;
  }
  body.en #sma_setting ul li {
    font-size: 13px;
  }
  body.en .legend_list .legend {
    font-size: 12px;
  }
  body.en .setting_btn .e-table__colvis-btn {
    padding-right: 8px;
    font-size: 13px;
  }
  .result-date ul li div {
    font-size: 13px;
  }
  .title .btn-outline-dark {
    padding-left: 10px;
    padding-right: 27px;
  }
  .chart-setting .form-check {
    margin-right: 5px;
  }
  #mf-date {
    padding-right: 5px;
    margin-right: 5px;
  }
  #mf-inflow,
  #mf-outflow,
  #chart-date,
  #mf-last {
    font-size: 12px;
  }
  .highcharts-head-row .terms-chart-label {
    margin-right: 10px;
  }
  .terms-chart-location .chart-title-box #chart-main-data .legend_list .terms-tooltip-value {
    margin-right: 5px;
  }
  .southbound-list a,
  .subtab-list a {
    font-size: 14px;
    padding-right: 7px;
    padding-left: 7px;
  }
  .southbound-list li:last-child a,
  .subtab-list li:last-child a {
    margin-right: 0;
  }
}/*# sourceMappingURL=resportive.css.map */