@charset "UTF-8";
@media screen and (max-width: 1400px) {
  #home-page .border-box .e-dropdown__values-span {
    max-width: 38ch;
  }
  #home-page #hm_cbbc_ucode-container .e-dropdown__values-span {
    max-width: 28ch;
  }
  #home-page .etabs .nav-link {
    width: 20%;
  }
  [data-select-from=hqs_ucode] ul li {
    max-width: 38ch;
  }
  #money-flow .radio-group {
    justify-content: flex-start;
  }
  #money-flow .radio-group fieldset {
    width: auto;
  }
  #listed-warrants .e-dropdown__container,
  #listed-cbbcs .e-dropdown__container,
  #expiring-warrants .e-dropdown__container {
    min-width: 200px;
  }
  [lang=zh-Hant] #home-page .etabs .nav-link, [lang=zh-Hans] #home-page .etabs .nav-link {
    width: 17.1%;
  }
  [lang=zh-Hant] body #money-flow .chart .recommond, [lang=zh-Hans] body #money-flow .chart .recommond {
    width: 70px;
  }
  [lang=zh-Hant] body #money-flow .chart #title_chart, [lang=zh-Hans] body #money-flow .chart #title_chart {
    width: 190px;
  }
}
/* 小於1240px */
@media only screen and (max-width: 1240px) {
  #iv .vhsi_table_style .ivchart_tick_td .ivchart_tick_box .ivchart_tick::before {
    height: 430px;
  }
  #market-sector .color-box-list {
    padding: 0.375rem 0rem;
  }
  [lang=zh-Hant] .radio-group .form-check-label {
    white-space: nowrap;
  }
}
/* 小於1200px */
@media only screen and (max-width: 1200px) {
  .container {
    max-width: calc(100% - 60px);
  }
  #tutorial .modal-lg, #tutorial .modal-xl {
    --bs-modal-width: 800px;
  }
  #hm_cbbc_container table thead th.desktop-only, #hm_warrant_container table thead th.desktop-only {
    display: none;
  }
  #hm_cbbc_container .focus, #hm_warrant_container .focus {
    display: none;
  }
  .e-dropdown__listbox-container li {
    max-width: 26ch;
  }
  .e-dropdown__values-span {
    max-width: 26ch;
  }
  #money-flow .radio-group {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  #money-flow .radio-group fieldset {
    width: 100%;
    gap: 5px;
  }
  #money-flow .result-box .radio-group div {
    width: 100%;
  }
  .bg-gray fieldset .row .d-flex {
    flex-wrap: wrap;
  }
  #home-page #top-pick-content .terms-structure dt {
    width: 20%;
  }
  #home-page #top-pick-content .terms-structure dd {
    width: 30%;
  }
}
/* 小於1150px */
@media only screen and (max-width: 1150px) {
  #home-page .etabs .nav-link {
    width: 25%;
  }
  [lang=zh-Hant] #home-page .etabs .nav-link, [lang=zh-Hans] #home-page .etabs .nav-link {
    width: 25%;
  }
}
/* 小於1100px */
@media only screen and (max-width: 1100px) {
  .container {
    max-width: calc(100% - 20px);
  }
  .menu .nav-item .nav-link {
    margin: 0 10px;
  }
  .menu .nav-item:first-child .nav-link {
    margin-left: 0;
  }
  .menu .nav-item:last-child .nav-link {
    margin-right: 0;
  }
  .detail .col-6:first-child dl.quote_area dd {
    white-space: nowrap;
  }
  .search .form-control {
    padding-left: 0;
  }
  .remove-menu .home-icon a {
    width: 44px;
  }
  .menu .nav-item .nav-link {
    margin: 0px 8px;
  }
  [lang=zh-Hant] body #money-flow .chart .recommond, [lang=zh-Hans] body #money-flow .chart .recommond {
    width: 65px;
  }
  [lang=zh-Hant] body #money-flow .chart #title_chart, [lang=zh-Hans] body #money-flow .chart #title_chart {
    width: 180px;
  }
}
/* 小於930px */
@media only screen and (max-width: 991px) {
  #navbar {
    top: 0;
  }
  #header_end {
    height: 73px;
  }
  .container {
    max-width: 100%;
  }
  .desktop-only {
    display: none !important;
  }
  .mobile-only {
    display: block !important;
  }
  .table-scorll {
    overflow-x: auto;
    box-shadow: inset -5px 0 10px rgba(0, 0, 0, 0.1254901961);
  }
  .e-table__wrapper {
    box-shadow: inset -5px 0 10px rgba(0, 0, 0, 0.1254901961);
  }
  .bg-light .btn-link, .bg-light a {
    color: #298236;
  }
  .bg-light .logon-btn-link {
    color: #fff;
  }
  .tutorial.btn-link.btn {
    color: #298236;
  }
  .icon-search {
    width: 20px;
    height: 20px;
    background: url("/home/images/icon-search.svg") no-repeat center center;
    background-size: cover;
    display: block;
  }
  .search-label {
    margin-left: 16px;
  }
  .search_icon[aria-expanded=true] .icon-search {
    background: url("/home/images/icon-search-active.svg") no-repeat center center;
    background-size: cover;
  }
  .logon-dropdown {
    display: none;
  }
  .ac_results {
    top: 0 !important;
  }
  .mobile-search-bar {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1000;
    background-color: #f7f7f7;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    padding: 10px 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  }
  .mobile-search-mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    top: 154px;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .remove-menu {
    transform: translateY(-100%);
  }
  #search-reset-mobile img {
    width: 16px;
    height: 16px;
  }
  .quick-search-expanded {
    height: 100%;
    overflow: hidden;
  }
  .hstack {
    position: relative;
  }
  .hstack .form-control {
    text-align: left;
    padding-left: 15px;
    font-size: 18px;
    border: 1px solid #f7f7f7;
    background-color: #f7f7f7;
    box-shadow: none;
  }
  #sitemap ul.list li {
    width: 50%;
  }
  #cbbcs-quote .left_area .d-flex, #warrants-quote .left_area .d-flex, #underlying-quote .left_area .d-flex {
    flex-wrap: wrap;
  }
  .tutorial-container .swiper-slide .d-flex .desktop-only {
    display: block !important;
  }
  .mobile-menu .offcanvas-body {
    padding: 0;
  }
  .mobile-menu .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .mobile-menu .nav-item {
    border-bottom: 1px solid #D9D9D9;
  }
  .mobile-menu .nav-item > a {
    border-left: 3px solid #ffffff;
  }
  .mobile-menu .nav-item > [aria-expanded=true] {
    border-left: 3px solid #34A344;
  }
  .mobile-menu .nav-item > [aria-expanded=true] i {
    color: #34A344;
    rotate: 180deg;
  }
  .mobile-menu .nav-item a {
    color: #666666;
  }
  .mobile-menu .collapse {
    background: #fafafa;
  }
  .mobile-menu .mobile-menu-bottom {
    padding-top: 12px;
    padding-bottom: 12px;
    position: absolute;
    width: 100%;
    bottom: 0;
  }
  .mobile-menu .mobile-menu-bottom .d-flex {
    align-items: center;
    justify-content: space-between;
  }
  .mobile-menu .mobile-menu-bottom a {
    margin-left: 18px;
    margin-right: 18px;
  }
  .mobile-menu .mobile-menu-bottom .btn-logon {
    margin-right: 18px;
    font-size: 14px;
    color: #fff;
  }
  #logonPopup span.e-icon {
    width: 15px;
    height: 15px;
    background: url(/home/images/icon-newWindow.svg) no-repeat center;
    background-size: cover;
    display: inline-block;
    margin-left: 5px;
  }
  #logonPopup li a {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
  }
  #logonPopup li:last-child a {
    margin-bottom: 0;
  }
  #logonPopup .modal-header h2 {
    font-size: 20px;
  }
  .business-ebank {
    display: flex;
    align-items: center;
  }
  .business-ebank span.e-icon {
    width: 15px;
    height: 15px;
    background: url(/home/images/icon-newWindow.svg) no-repeat center;
    background-size: cover;
    display: inline-block;
    margin-left: 5px;
  }
  #listed-warrants .cbbc-side .radio-group,
  #expiring-warrants .cbbc-side .radio-group,
  #listed-cbbcs .cbbc-side .radio-group,
  #called-cbbcs .cbbc-side .radio-group {
    margin-bottom: 16px;
  }
  #listed-warrants .cbbc-side .d-flex.col-lg,
  #expiring-warrants .cbbc-side .d-flex.col-lg,
  #listed-cbbcs .cbbc-side .d-flex.col-lg,
  #called-cbbcs .cbbc-side .d-flex.col-lg {
    margin-bottom: 16px;
  }
  .history-autocomplete-box-mobile {
    position: relative;
    width: 100% !important;
    top: 5px !important;
    left: auto !important;
    right: 0 !important;
    z-index: 100;
    background: #fff;
    max-height: calc(100vh - 235px);
    overflow-y: auto;
    touch-action: pan-y;
  }
  .history-autocomplete-box-mobile .history-box .history-box-header {
    background-color: #ededed;
    padding-left: 16px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: bold;
    border-bottom: 1px solid #d9d9d9;
  }
  .history-autocomplete-box-mobile .history-box ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
  }
  .history-autocomplete-box-mobile .history-box ul li {
    padding-left: 16px;
    padding-bottom: 16px;
    padding-top: 16px;
    border-bottom: 1px solid #d9d9d9;
  }
  .history-autocomplete-box-mobile .history-box ul li:nth-child(even) {
    background-color: #f7f7f7;
  }
  .history-autocomplete-box-mobile .history-box ul li:hover {
    background: #f7f7f7;
  }
  .history-autocomplete-box-mobile .history-box ul li .trend-arrow-rise, .history-autocomplete-box-mobile .history-box ul li .trend-arrow-drop {
    font-size: 16px;
    background-size: 12px;
    padding-left: 18px;
  }
  .history-autocomplete-box-mobile .history-box ul li a {
    color: #333333;
  }
  .history-autocomplete-box-mobile .auto_stime_block {
    font-size: 12px;
    padding-left: 16px;
    padding-top: 6px;
    padding-bottom: 6px;
    display: block;
  }
  #education .badge {
    margin-top: 10px;
  }
  #main-education .image-block {
    margin-bottom: 1rem;
  }
  [data-select-from=displaySetting_wnt] .e-table__close-btn,
  [data-select-from=displaySetting_cbbc] .e-table__close-btn {
    opacity: 0;
  }
  [data-select-from=displaySetting_wnt] .btn-primary,
  [data-select-from=displaySetting_cbbc] .btn-primary {
    width: 100%;
  }
  #advanced-search .tab-content .col-lg-auto {
    line-height: 12px;
  }
  #advanced-search .tab-content .col-lg-3 {
    margin-bottom: 12px;
  }
  #advanced-search .tab-content .row:first-of-type .col-lg-3:first-child {
    margin-bottom: 0;
  }
  #advanced-search .mobile_fliter_area .col-12:last-child {
    margin-bottom: 0.5rem;
  }
  #advanced-search .adv_area .button_area {
    position: relative !important;
  }
  #advanced-search .adv_area .button_area #reset-btn {
    margin-right: 12px;
  }
  #advanced-search .filter_area {
    background: #fff !important;
    flex-wrap: wrap;
  }
  #advanced-search .filter_area .show_area {
    display: none !important;
  }
  #advanced-search .filter_area .setting_wnt, #advanced-search .filter_area .setting_cbbc {
    display: block !important;
    width: 100%;
    margin-bottom: 12px;
  }
  #advanced-search .filter_area .setting_wnt .e-dropdown__container, #advanced-search .filter_area .setting_cbbc .e-dropdown__container {
    width: 100%;
  }
  #advanced-search .more_btn.adv-btn {
    margin-bottom: 12px;
  }
  #advanced-search .function_area {
    display: none !important;
  }
  .radio-group fieldset legend {
    width: 90%;
  }
  .result-box .radio-group legend {
    width: 100%;
  }
  .result-box .radio-group div label {
    width: 100%;
  }
  .result-box .form-label {
    width: 100%;
  }
  .result-box .d-flex {
    flex-wrap: wrap;
  }
  #iv .col-lg-12 .d-flex {
    flex-wrap: wrap;
  }
  #iv .border-box {
    width: 100%;
    margin-left: 0;
  }
  #iv .border-box:first-child {
    margin-right: 0;
  }
  #iv .vhsi_table_style .ivchart_tick_td .ivchart_tick_box .ivchart_tick::before {
    height: 400px;
  }
  #iv .vhsi-data dl.quote_area dt:first-of-type,
  #iv .vhsi-data dl.quote_area dd:first-of-type {
    border-left: none;
  }
  #tab-wnt {
    width: 100%;
  }
  #tab-cbbc {
    width: 100%;
  }
  .tab-content {
    padding: 16px 12px 32px 12px;
  }
  #money-flow .header {
    justify-content: space-between;
  }
  .recommond {
    text-align: right;
  }
  #title_chart {
    text-align: center;
  }
  .out_flow.bg-white {
    background: #ededed !important;
  }
  .in_flow.bg-white {
    background: #ededed !important;
  }
  .out_flow .bar-containers .chart_tooltip {
    left: 50%;
    width: 220px;
    right: -285px;
  }
  .in_flow .bar-containers .chart_tooltip {
    left: 50%;
    width: 220px;
  }
  #market-sector.sectors-data .sector-title .sector-table-name {
    width: 40%;
  }
  #market-sector.sectors-data .sector-table-item .sector-table-header-btn span {
    width: 25%;
  }
  #market-sector.sectors-data .sector-table-item .sector-table-header-btn span.sector-table-arrow {
    width: 10%;
  }
  #market-sector.sectors-data .sector-table-item .sector-table-header-btn span.sector-table-name {
    width: 40%;
  }
  .table-option-list {
    right: auto;
  }
  #home-page .top-pick-area .more_area {
    height: auto;
  }
  #home-page .map_area .calllv_td {
    width: 60%;
  }
  #home-page .map_area .change_td {
    width: 17%;
  }
  #home-page .radio-group fieldset legend {
    width: auto;
  }
  #home-page .etabs .nav-link {
    width: 25%;
  }
  #home-page #top-pick-content {
    min-height: auto;
  }
  .e-dropdown__listbox-container ul li {
    max-width: 100%;
  }
  .e-dropdown__values-span {
    max-width: 100%;
  }
  .bg-light.filter_area .setting_wnt .e-dropdown__container, .bg-light.filter_area .setting_cbbc .e-dropdown__container {
    width: 100%;
  }
  .bg-light.filter_area .setting_wnt .e-dropdown__values-span, .bg-light.filter_area .setting_cbbc .e-dropdown__values-span {
    max-width: 100% !important;
  }
  [lang=zh-Hant] #home-page .top-pick-area .more_area, [lang=zh-Hans] #home-page .top-pick-area .more_area {
    height: auto;
  }
  [lang=zh-Hant] body #money-flow .chart .recommond, [lang=zh-Hans] body #money-flow .chart .recommond {
    width: 65px;
    text-align: center;
  }
  [lang=zh-Hant] body #money-flow .chart #title_chart, [lang=zh-Hans] body #money-flow .chart #title_chart {
    width: 170px;
    text-align: center;
  }
  .tutorial-container img.mobile-only {
    display: none !important;
  }
  .tutorial-container img.desktop-only {
    display: block !important;
  }
  #home-page .hero-swiper .banner-setting-box #swiper-pause, #home-page .hero-swiper .banner-setting-box #swiper-play {
    margin-right: 0;
  }
}
/* 小於767px */
@media only screen and (max-width: 980px) {
  [lang=en] #home-page .hero-swiper {
    height: auto;
  }
  [lang=en] #home-page .hero-swiper .container {
    position: inherit;
    padding: 12px 18px;
  }
  [lang=en] #home-page .hero-swiper .container h2, [lang=en] #home-page .hero-swiper .container h3, [lang=en] #home-page .hero-swiper .container p {
    color: #333;
  }
  [lang=en] #home-page .hero-swiper .container h2, [lang=en] #home-page .hero-swiper .container h3 {
    font-size: 20px;
  }
  [lang=en] #home-page .hero-swiper .swiper-slide {
    height: 100%;
  }
  [lang=en] #home-page .hero-swiper .swiper-slide.first-banner {
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
  }
  [lang=en] #home-page .hero-swiper .swiper-slide.first-banner img {
    width: auto;
    position: inherit;
    height: 172px;
    margin: 0;
  }
  [lang=en] #home-page .hero-swiper .banner-content {
    width: 100%;
    height: auto;
    padding: 0;
  }
  [lang=en] #home-page .hero-swiper .banner-setting-box {
    position: initial;
    width: 100%;
    padding: 0;
    justify-content: space-between;
  }
  [lang=en] #home-page .hero-swiper .banner-setting-box .swiper-pagination {
    width: 100%;
    margin-left: 0;
    align-items: center;
    justify-content: center;
  }
}
/* 小於767px */
@media only screen and (max-width: 900px) {
  [lang=zh-Hant] #home-page .hero-swiper .container h2, [lang=zh-Hant] #home-page .hero-swiper .container h3, [lang=zh-Hans] #home-page .hero-swiper .container h2, [lang=zh-Hans] #home-page .hero-swiper .container h3 {
    font-size: 24px;
  }
  [lang=zh-Hant] #home-page .hero-swiper .container h2 span, [lang=zh-Hans] #home-page .hero-swiper .container h2 span {
    display: inline-block;
    margin-top: 0;
  }
  [lang=zh-Hant] #home-page .hero-swiper, [lang=zh-Hans] #home-page .hero-swiper {
    height: auto;
  }
  [lang=zh-Hant] #home-page .hero-swiper .container, [lang=zh-Hans] #home-page .hero-swiper .container {
    position: inherit;
    padding: 12px 18px;
  }
  [lang=zh-Hant] #home-page .hero-swiper .container h2, [lang=zh-Hant] #home-page .hero-swiper .container h3, [lang=zh-Hant] #home-page .hero-swiper .container p, [lang=zh-Hans] #home-page .hero-swiper .container h2, [lang=zh-Hans] #home-page .hero-swiper .container h3, [lang=zh-Hans] #home-page .hero-swiper .container p {
    color: #333;
  }
  [lang=zh-Hant] #home-page .hero-swiper .container h2, [lang=zh-Hant] #home-page .hero-swiper .container h3, [lang=zh-Hans] #home-page .hero-swiper .container h2, [lang=zh-Hans] #home-page .hero-swiper .container h3 {
    font-size: 20px;
  }
  [lang=zh-Hant] #home-page .hero-swiper .swiper-slide, [lang=zh-Hans] #home-page .hero-swiper .swiper-slide {
    height: 100%;
  }
  [lang=zh-Hant] #home-page .hero-swiper .swiper-slide.first-banner, [lang=zh-Hans] #home-page .hero-swiper .swiper-slide.first-banner {
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
  }
  [lang=zh-Hant] #home-page .hero-swiper .swiper-slide.first-banner img, [lang=zh-Hans] #home-page .hero-swiper .swiper-slide.first-banner img {
    width: auto;
    position: inherit;
    height: 172px;
    margin: 0;
  }
  [lang=zh-Hant] #home-page .hero-swiper .banner-content, [lang=zh-Hans] #home-page .hero-swiper .banner-content {
    width: 100%;
    height: auto;
    padding: 0;
  }
  [lang=zh-Hant] #home-page .hero-swiper .banner-setting-box, [lang=zh-Hans] #home-page .hero-swiper .banner-setting-box {
    position: initial;
    width: 100%;
    padding: 0;
    justify-content: space-between;
  }
  [lang=zh-Hant] #home-page .hero-swiper .banner-setting-box .swiper-pagination, [lang=zh-Hans] #home-page .hero-swiper .banner-setting-box .swiper-pagination {
    width: 100%;
    margin-left: 0;
    align-items: center;
    justify-content: center;
  }
}
/* 小於767px */
@media only screen and (max-width: 767px) {
  .radio-group {
    flex-wrap: wrap;
    box-sizing: border-box;
  }
  .radio-group > .form-label {
    width: 100%;
  }
  .radio-group .form-check-label {
    padding: 5px 12px;
  }
  #tutorial .modal-header {
    flex-wrap: wrap;
    flex-direction: row-reverse;
  }
  #tutorial .modal-header h2 {
    width: 100%;
    order: 2;
  }
  #tutorial .modal-header .btn-close {
    color: #298236;
    order: 1;
    opacity: 1;
    margin-left: -13px;
    padding: 16px;
    margin-right: auto;
    margin-top: -13px;
    margin-bottom: 15px;
    background: url("/home/images/close-g.svg") no-repeat center center;
    background-size: 16px;
  }
  #tutorial h2 {
    font-size: 18px;
  }
  #tutorial h3 {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.8rem;
  }
  #tutorial p {
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 40px;
    padding-bottom: 16px;
    box-sizing: border-box;
  }
  .tutorial-container .swiper-slide .d-flex {
    padding-bottom: 0;
  }
  .tutorial-container .swiper-slide .d-flex .desktop-only {
    display: none !important;
  }
  .tutorial-container .swiper-slide .d-flex > div {
    width: 100%;
  }
  .tutorial-container .swiper-slide img.mobile-only {
    display: block !important;
    width: 100%;
    max-width: 100%;
    margin: 0 auto 16px auto;
  }
  .tutorial-container .swiper-slide img.desktop-only {
    display: none !important;
  }
  .tutorial-container .slide-pagin {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 100;
    min-height: 80px;
    box-sizing: border-box;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .tutorial-container .swiper-button-next, .tutorial-container .swiper-button-prev {
    position: inherit;
    top: auto;
    left: auto;
    right: auto;
    bottom: 15px;
  }
  .tutorial-container .swiper-button-next {
    margin-right: -65px;
  }
  .tutorial-container .swiper-button-prev {
    margin-left: -65px;
  }
  .tutorial_last_page #tutorial .slide-pagin {
    height: 150px;
    background: #fff;
    min-height: 80px;
    align-items: flex-end;
  }
  .tutorial_last_page #tutorial .slide-pagin .explore-btn {
    position: inherit;
    display: block;
    width: 100%;
  }
  .tutorial_last_page #tutorial .slide-pagin .mobile-explore-btn {
    box-shadow: 0 0 10px #c3c3c3;
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-height: 65px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 20px;
    padding-top: 20px;
  }
  .tutorial_last_page #tutorial .slide-pagin .mobile-explore-btn .explore-btn {
    position: inherit;
    display: block;
  }
  .tutorial_last_page #tutorial .swiper-button-next, .tutorial_last_page #tutorial .swiper-button-prev {
    bottom: 90px;
  }
  .tutorial_last_page #tutorial p {
    margin-bottom: 115px;
  }
  .result-box .radio-group div {
    width: 100%;
  }
  footer {
    position: relative;
  }
  footer .top a {
    text-indent: -999px;
  }
  footer .top a img {
    margin-left: 0;
    width: 20px;
  }
  footer .bottom ul {
    margin-bottom: 24px;
  }
  .bg-light.filter_area .setting_wnt .e-dropdown__values-span, .bg-light.filter_area .setting_cbbc .e-dropdown__values-span {
    max-width: 45ch !important;
  }
  .backtotop {
    position: absolute;
    top: -40px;
    background: #f7f7f7;
    padding: 10px;
    left: 45dvw;
  }
  .button_area {
    flex-wrap: wrap;
    text-align: center;
  }
  .search_option_box .search-results {
    width: 100%;
    margin-bottom: 16px;
  }
  .code_area .d-flex {
    flex-wrap: wrap;
  }
  .code_area .d-flex .btn_copycode {
    margin-left: 0;
    margin-bottom: 12px;
  }
  #advanced-search .adv_area .button_area button#reset-btn, #advanced-search .adv_area .button_area .btn-primary {
    width: 100%;
    margin-right: 0;
  }
  #advanced-search .adv_area .button_area .btn-primary {
    margin-bottom: 12px;
    order: 1;
  }
  #advanced-search .adv_area .button_area #reset-btn {
    order: 2;
  }
  #education-modal .modal-body .d-flex {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #education-modal .modal-body #modal-btn {
    width: 100%;
  }
  #money-flow .radio-group fieldset {
    width: 100%;
    gap: 12px;
  }
  #money-flow .bg-gray .radio-group {
    margin-bottom: 16px;
  }
  #money-flow .bg-gray .radio-group fieldset {
    justify-content: space-between;
  }
  #money-flow .bg-gray .radio-group fieldset div {
    width: 31%;
  }
  #money-flow .bg-gray .radio-group fieldset div:first-child {
    width: 100%;
  }
  #money-flow .bg-gray .col-lg-8 fieldset .col-lg-6:first-child {
    margin-bottom: 16px;
  }
  #money-flow #title_chart {
    text-align: left;
  }
  #economic-calendar .fc-daygrid-day-events {
    display: none;
  }
  .hero-swiper, .swiper-wrapper {
    height: auto;
  }
  #home-mid-tabs-mobile .tab-content {
    padding-top: 0;
  }
  .total-result-text.icon-search {
    background: none;
  }
  #warrants-quote .related-products .timestamp, #cbbcs-quote .related-products .timestamp, #underlying-quote .related-products .timestamp {
    margin-top: 12px;
    margin-bottom: 12px;
    display: block;
  }
  #money-flow .chart {
    margin-bottom: 24px;
  }
  #money-flow .timestamp {
    margin-top: 12px;
    display: block;
  }
  #money-flow #pager ul {
    margin-top: 12px;
    margin-bottom: 0;
  }
  #top-mover .radio-group fieldset {
    justify-content: space-between;
  }
  #top-mover .radio-group fieldset legend {
    float: inherit;
  }
  #top-mover .radio-group fieldset > div {
    width: 100%;
  }
  #top-mover .radio-group fieldset > div label {
    width: 100%;
  }
  .type-gainer #most-active-wnt .td-col-strike,
  .type-gainer #most-active-wnt .td-col-turnover,
  .type-gainer #most-active-wnt .td-col-vol,
  .type-gainer #most-active-wnt .td-col-inout,
  .type-gainer #most-active-wnt .td-col-os,
  .type-loser #most-active-wnt .td-col-strike,
  .type-loser #most-active-wnt .td-col-turnover,
  .type-loser #most-active-wnt .td-col-vol,
  .type-loser #most-active-wnt .td-col-inout,
  .type-loser #most-active-wnt .td-col-os {
    display: none;
  }
  .type-gainer #most-active-cbbc .td-col-strike,
  .type-gainer #most-active-cbbc .td-col-turnover,
  .type-gainer #most-active-cbbc .td-col-vol,
  .type-gainer #most-active-cbbc .td-col-calllv,
  .type-gainer #most-active-cbbc .td-col-mdate,
  .type-loser #most-active-cbbc .td-col-strike,
  .type-loser #most-active-cbbc .td-col-turnover,
  .type-loser #most-active-cbbc .td-col-vol,
  .type-loser #most-active-cbbc .td-col-calllv,
  .type-loser #most-active-cbbc .td-col-mdate {
    display: none;
  }
  .type-turnover #most-active-wnt .td-col-strike,
  .type-turnover #most-active-wnt .td-col-chng,
  .type-turnover #most-active-wnt .td-col-vol,
  .type-turnover #most-active-wnt .td-col-inout,
  .type-turnover #most-active-wnt .td-col-os {
    display: none;
  }
  .type-turnover #most-active-cbbc .td-col-strike,
  .type-turnover #most-active-cbbc .td-col-vol,
  .type-turnover #most-active-cbbc .td-col-chng,
  .type-turnover #most-active-cbbc .td-col-calllv,
  .type-turnover #most-active-cbbc .td-col-mdate {
    display: none;
  }
  .type-volume #most-active-wnt .td-col-strike,
  .type-volume #most-active-wnt .td-col-chng,
  .type-volume #most-active-wnt .td-col-turnover,
  .type-volume #most-active-wnt .td-col-inout,
  .type-volume #most-active-wnt .td-col-os {
    display: none;
  }
  .type-volume #most-active-cbbc .td-col-strike,
  .type-volume #most-active-cbbc .td-col-turnover,
  .type-volume #most-active-cbbc .td-col-chng,
  .type-volume #most-active-cbbc .td-col-calllv,
  .type-volume #most-active-cbbc .td-col-mdate {
    display: none;
  }
  #iv .vhsi-data {
    padding: 0;
  }
  #iv .vhsi_table_style .ivchart_tick_td .ivchart_tick_box .ivchart_tick::before {
    height: 430px;
  }
  #market-sector #sector-chart-table,
  #top-pick-content-sector #sector-chart-table {
    display: block;
  }
  #market-sector #sector-chart-container,
  #market-sector .chart-container,
  #top-pick-content-sector #sector-chart-container,
  #top-pick-content-sector .chart-container {
    display: none;
  }
  .mobile-menu-btn .navbar-toggler-icon {
    height: auto;
  }
  a.transcript-download-btn {
    display: block;
    width: 100%;
    margin-top: 1rem;
  }
  #advanced-search #tab-cbbc,
  #advanced-search #tab-wnt {
    width: 100%;
  }
  #advanced-search .input_check_td {
    display: none;
  }
  #advanced-search #result-table-body tr .search_input_td {
    display: none;
  }
  #advanced-search .adv_area .button_area button {
    width: 100%;
    margin-bottom: 16px;
  }
  .pagination .page-link {
    background: none;
    max-width: 34px;
    width: 34px;
    height: 34px;
    padding-left: 0;
    padding-right: 0;
  }
  .pagination .page-link.active {
    background: #008945;
  }
  .form-select {
    padding: 0.375rem 0;
  }
  .index_bar .index_num #data-ulast {
    font-size: 24px;
  }
  #commentary .col-sm-6 {
    width: 100%;
  }
  #money-flow .bg-gray fieldset .col-lg:first-child {
    margin-bottom: 16px;
  }
  #money-flow .radio-group {
    gap: 16px;
  }
  #money-flow .out_flow .bar-containers .chart_tooltip {
    left: 50%;
  }
  #money-flow .bar-containers .data {
    white-space: nowrap;
  }
  #money-flow .mobile_site td:nth-child(1) {
    width: 25%;
  }
  #money-flow .mobile_site td:nth-child(3) {
    width: 20%;
    font-size: 14px;
  }
  #home-page #hm_vhsi_container .quote_area > .col:nth-child(1),
  #home-page #hm_vhsi_container .quote_area > .col:nth-child(2) {
    border-left: none;
  }
  h2.index_name, #advanced-search .bg-green .underlying_name {
    font-size: 24px;
  }
  #vhsichng,
  .index_bar .index_num #data-chng,
  #advanced-search .bg-green .change_area .search_chng {
    font-size: 16px;
  }
  .trend-arrow-rise,
  .trend-arrow-drop {
    font-size: 16px;
    background-size: 14px;
    padding-left: 22px;
  }
  .code_area h1 {
    width: 100%;
  }
  #cbbc-outstanding .bg-gray .d-flex {
    flex-wrap: wrap;
    margin-bottom: 16px;
  }
  #cbbc-outstanding .bg-gray .d-flex:last-child {
    margin-bottom: 0;
  }
  #cbbc-outstanding .map_table td {
      height: 52px;
      padding-top: 4px;
      padding-bottom: 4px;
      box-sizing: border-box;
  }
  #cbbc-outstanding .map_table .call_level_tr td{
    height: 35px;
    padding-top: 4px;
    padding-bottom: 4px;
    box-sizing: border-box;
  }

  #listed-warrants .cbbc-side .radio-group,
  #expiring-warrants .cbbc-side .radio-group,
  #listed-cbbcs .cbbc-side .radio-group,
  #called-cbbcs .cbbc-side .radio-group {
    margin-bottom: 16px;
  }
  #listed-warrants .cbbc-side .d-flex.col-lg,
  #expiring-warrants .cbbc-side .d-flex.col-lg,
  #listed-cbbcs .cbbc-side .d-flex.col-lg,
  #called-cbbcs .cbbc-side .d-flex.col-lg {
    margin-bottom: 16px;
  }
  #home-page #top-pick-content {
    min-height: auto;
  }
  #home-page .border-box {
    min-height: auto;
  }
  #home-page #tab-pick-html-index .radio-group > div {
    width: 100%;
  }
  #home-page #tab-pick-html-index fieldset label {
    width: 100%;
  }
  #home-page #top-pick-content .terms-structure dt {
    width: 25%;
  }
  #home-page #top-pick-content .terms-structure dd {
    width: 25%;
  }
  #home-page #top-pick-content .terms-structure dd:nth-child(6), #home-page #top-pick-content .terms-structure dd:nth-child(8) {
    margin-bottom: 0.5rem;
  }
  #home-page #top-pick-content-sector .sector-title .sector-table-name {
    width: 30%;
  }
  #home-page #top-pick-content-sector .sector-title .sector-table-pchng {
    width: 30%;
  }
  #home-page #top-pick-content-sector .sector-title .sector-table-turnover {
    width: 40%;
  }
  #home-page #top-pick-content-sector .sector-table-item .sector-table-header-btn {
    padding-right: 0;
  }
  #home-page #top-pick-content-sector .sector-table-item .sector-table-name {
    width: 30%;
  }
  #home-page #top-pick-content-sector .sector-table-item .sector-table-pchng {
    width: 30%;
  }
  #home-page #top-pick-content-sector .sector-table-item .sector-table-turnover {
    width: 30%;
    text-align: left;
  }
  #home-page #tab-pick-html-stock .radio-group > div {
    width: 100%;
  }
  #home-page #tab-pick-html-stock fieldset label {
    width: 100%;
  }
  #home-page #tab-pick-html-gainer .radio-group > div {
    width: 100%;
  }
  #home-page #tab-pick-html-gainer fieldset label {
    width: 100%;
  }
  #home-page #tab-pick-html-loser .radio-group > div {
    width: 100%;
  }
  #home-page #tab-pick-html-loser fieldset label {
    width: 100%;
  }
  #home-page #tab-pick-html-index fieldset,
  #home-page #tab-pick-html-stock fieldset,
  #home-page #tab-pick-html-gainer fieldset,
  #home-page #tab-pick-html-loser fieldset {
    width: 100%;
    margin-top: 0;
  }
  #home-page .vhsi_table_style {
    overflow: hidden;
  }
  #home-page .vhsi_table_style .ivchart_tick_td .ivchart_tick_box .ivchart_tick::before {
    height: 77vh;
  }
  #home-page .vhsi_table_style .ivchart_tick_td .ivchart_tick_box .ivchart_tick:last-child .ivchart_tick_num {
    margin-left: -22px;
  }
  #home-page .education-swiper .slide-pagin {
    margin: 0 auto 40px auto;
  }
  #home-page .education-swiper .education-no-result {
    margin-bottom: 48px;
  }
  #market-sector .sector-title,
  #top-pick-content-sector .sector-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #666666;
    color: #fff;
    padding: 16px 0 16px 12px;
  }
  #market-sector .sector-title .sector-table-name,
  #top-pick-content-sector .sector-title .sector-table-name {
    width: 30%;
  }
  #market-sector .sector-title .sector-table-pchng,
  #top-pick-content-sector .sector-title .sector-table-pchng {
    width: 30%;
  }
  #market-sector .sector-title .sector-table-turnover,
  #top-pick-content-sector .sector-title .sector-table-turnover {
    width: 40%;
  }
  #market-sector .sector-table-item.active .sector-table-header,
  #top-pick-content-sector .sector-table-item.active .sector-table-header {
    border-bottom: 2px solid #008945 !important;
  }
  #market-sector .sector-table-item.active .sector-table-name,
  #top-pick-content-sector .sector-table-item.active .sector-table-name {
    color: #008945;
  }
  #market-sector .sector-table-item.active .sector-table-body,
  #top-pick-content-sector .sector-table-item.active .sector-table-body {
    display: block;
    overflow-x: scroll;
    box-shadow: inset -5px 0 10px rgba(0, 0, 0, 0.1254901961);
  }
  #market-sector .sector-table-item .sector-table-header-btn,
  #top-pick-content-sector .sector-table-item .sector-table-header-btn {
    padding-right: 0;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    padding-top: 16px;
    padding-left: 12px;
    padding-bottom: 16px;
    border-radius: 0;
  }
  #market-sector .sector-table-item .sector-table-header,
  #top-pick-content-sector .sector-table-item .sector-table-header {
    border-bottom: 2px solid #ffffff !important;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    position: relative;
    margin-bottom: 0;
    background: #ededed;
  }
  #market-sector .sector-table-item .sector-table-name,
  #top-pick-content-sector .sector-table-item .sector-table-name {
    width: 30%;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    word-break: break-word;
  }
  #market-sector .sector-table-item .sector-table-pchng,
  #top-pick-content-sector .sector-table-item .sector-table-pchng {
    width: 30%;
    font-size: 14px;
    text-align: left;
  }
  #market-sector .sector-table-item .sector-table-pchng .trend-arrow-rise,
  #market-sector .sector-table-item .sector-table-pchng .trend-arrow-drop,
  #top-pick-content-sector .sector-table-item .sector-table-pchng .trend-arrow-rise,
  #top-pick-content-sector .sector-table-item .sector-table-pchng .trend-arrow-drop {
    font-size: 14px;
    margin-left: 0px;
    background-size: 14px;
    padding-left: 20px;
  }
  #market-sector .sector-table-item .sector-table-turnover,
  #top-pick-content-sector .sector-table-item .sector-table-turnover {
    width: 30%;
    font-size: 14px;
    text-align: left;
  }
  #market-sector .sector-table-item .sector-table-body,
  #top-pick-content-sector .sector-table-item .sector-table-body {
    overflow-x: scroll;
  }
  #market-sector .sector-table-item .sector-table-body thead,
  #top-pick-content-sector .sector-table-item .sector-table-body thead {
    background-color: #ffffff;
  }
  #market-sector .sector-table-item .sector-table-body th,
  #top-pick-content-sector .sector-table-item .sector-table-body th {
    border: none;
    color: #333333;
  }
  #market-sector .sector-table-item .sector-table-body td,
  #top-pick-content-sector .sector-table-item .sector-table-body td {
    border: none;
  }
  #market-sector .sector-table-item .sector-table-body .text-muted,
  #top-pick-content-sector .sector-table-item .sector-table-body .text-muted {
    color: #000;
  }
  #market-sector #sector-chart-table,
  #top-pick-content-sector #sector-chart-table {
    border-bottom: 1px solid #dee2e6 !important;
  }
  #market-sector.sectors-data .sector-table-item .sector-table-body td, #market-sector.sectors-data .sector-table-item .sector-table-body th {
    padding: 16px 12px;
  }
  .tool-chart .period {
    width: 100%;
  }
  .ivchart_bar_market:hover .ivchart_bar_tooltip,
  .ivchart_bar_market:focus .ivchart_bar_tooltip {
    font-size: 13px;
    width: 170px;
  }
  .ivchart_bar_tooltip_terms {
    justify-content: space-between;
  }
  .ivchart_bar_tooltip_head {
    padding: 7px 5px;
  }
  .ivchart_bar_tooltip_terms .ivchart_bar_tooltip_txt {
    margin-left: 5px;
  }
  .ivchart_bar_tooltip_value {
    margin-right: 5px;
  }
  .row_index_9 .ivchart_bar_tooltip {
    top: -50px;
  }
  .row_index_10 .ivchart_bar_tooltip {
    top: -75px;
  }
  .vhsi-index {
    margin-bottom: 16px;
  }
  .search_option_box fieldset div .col-lg-3,
  .search_option_box fieldset div .col-lg-auto {
    margin-bottom: 16px !important;
  }
  .cbbc-map-recom-table {
    width: 100%;
    margin: 5px 10px 0 0;
  }
  #cookies_policy .container ul li {
    word-wrap: break-word;
  }
  .no-result-msg-box {
    font-size: 16px;
    padding-top: 77px;
    background: url(/home/images/hk-stock-trading_solid.png) no-repeat center 41px #fff;
    background-size: 40px;
  }
  [lang=zh-Hant] body #money-flow .chart .recommond, [lang=zh-Hans] body #money-flow .chart .recommond {
    width: auto;
    text-align: right;
  }
  [lang=zh-Hant] body #money-flow .chart #title_chart, [lang=zh-Hans] body #money-flow .chart #title_chart {
    width: auto;
    text-align: left;
  }
}
/* 小於767px */
@media only screen and (max-width: 550px) {
  .mobile-menu .offcanvas-body {
    height: calc(100% - 55px);
    margin-bottom: 55px;
  }
  #top-mover .radio-group fieldset > div {
    width: 100%;
  }
  #iv .vhsi_table_style {
    overflow: hidden;
  }
  #iv .vhsi_table_style .ivchart_tick_td .ivchart_tick_box .ivchart_tick::before {
    height: 600px;
  }
  #iv .bg-green.px-4 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  #iv .quote_area > * {
    padding-left: 6px;
    padding-right: 6px;
  }
  .image-block {
    margin-bottom: 1rem;
  }
  header .logo img {
    height: 28px;
  }
  .bg-light.filter_area .setting_wnt .e-dropdown__values-span,
  .bg-light.filter_area .setting_cbbc .e-dropdown__values-span {
    max-width: 41ch !important;
  }
  #market-sector.sectors-data .sector-title .sector-table-name {
    width: 40%;
  }
  #market-sector.sectors-data .sector-table-item .sector-table-header-btn {
    justify-content: flex-start;
  }
  #market-sector.sectors-data .sector-table-item .sector-table-header-btn span {
    width: 25%;
  }
  #market-sector.sectors-data .sector-table-item .sector-table-header-btn span.sector-table-arrow {
    width: 10%;
  }
  #market-sector.sectors-data .sector-table-item .sector-table-header-btn span.sector-table-name {
    width: 40%;
  }
  .table-responsive, .e-table__wrapper {
    box-shadow: inset -5px 5px 10px rgba(0, 0, 0, 0.1254901961);
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .table-responsive .table, .e-table__wrapper .table {
    margin-bottom: 0;
  }
  [data-select-from=displaySetting_wnt] li,
  [data-select-from=displaySetting_cbbc] li {
    max-width: 100% !important;
  }
  #home-page .border-box .timestamp {
    margin-top: 12px;
  }
  #home-page #top-pick-content-sector .sector-title .sector-table-name {
    width: 40%;
  }
  #home-page #top-pick-content-sector .sector-title .sector-table-pchng {
    width: 27%;
  }
  #home-page #top-pick-content-sector .sector-title .sector-table-turnover {
    width: 33%;
  }
  #home-page #top-pick-content-sector .sector-table-item .sector-table-name {
    width: 40%;
  }
  #home-page #top-pick-content-sector .sector-table-item .sector-table-pchng {
    width: 27%;
  }
  #home-page #top-pick-content-sector .sector-table-item .sector-table-turnover {
    width: 24%;
    text-align: left;
  }
  #listed-cbbcs .timestamp,
  #listed-warrants .timestamp,
  #expiring-warrants .timestamp,
  #called-cbbcs .timestamp,
  #advanced-search .timestamp {
    display: inline-block;
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .term_chart .justify-content-end {
    justify-content: flex-start !important;
  }
  .toppick-no-result {
    height: 250px;
  }
  #underlying-quote .radio-group > div {
    width: 100% !important;
    flex-direction: inherit;
    display: block !important;
  }
  #underlying-quote .radio-group > div > div {
    margin-right: 0;
    margin-left: 0;
    width: 100% !important;
    display: block !important;
  }
  #underlying-quote .radio-group > div > div.intraday_mode {
    display: none !important;
  }
  #money-flow .bg-gray .radio-group fieldset {
    gap: 1%;
  }
  #money-flow .bg-gray .radio-group fieldset div {
    width: 31%;
  }
  #money-flow .bg-gray .radio-group fieldset div:first-child {
    margin-bottom: 12px;
  }
  #cbbc-outstanding .remark {
    margin-top: 12px;
  }
  #cbbc-outstanding .ratio_bar {
    flex-wrap: wrap;
  }
  #cbbc-outstanding .ratio_bar .progress {
    order: 1;
    margin-left: 0;
    margin-right: 0;
  }
  #cbbc-outstanding .ratio_bar .remark_bull_side {
    order: 2;
  }
  #cbbc-outstanding .ratio_bar .remark_bear_side {
    order: 3;
  }
  #education_corner .modal-header h2, #education_corner .modal-header h3, #education-modal .modal-header h2, #education-modal .modal-header h3 {
    font-size: 1.25rem;
  }
  #money-flow .mobile_site td:nth-child(1) {
    width: 30%;
  }
  #money-flow .bg-gray fieldset .col-sm-6:nth-child(1) {
    margin-bottom: 16px;
  }
  .table-option-list {
    width: 100%;
  }
  .e-table__setup {
    width: 100%;
  }
  .filter_area .position-relative {
    width: 100%;
  }
  .e-table__bottom {
    flex-wrap: wrap;
  }
  .e-table__bottom button {
    width: 100%;
    margin-top: 12px;
  }
  #sitemap ul.list li {
    width: 100%;
    margin-left: 0;
  }
  #sitemap .sitemao_heading {
    font-size: 14px;
  }
  #hm_cbbc_container .remark, #hm_warrant_container .remark {
    margin-top: 12px;
  }
  #top-pick-container .top-pick-wnt-table .col-strike,
  #top-pick-container .top-pick-wnt-table .col-egearing,
  #top-pick-container .top-pick-wnt-table .col-chng,
  #top-pick-container .top-pick-wnt-table .col-mdate {
    display: none !important;
  }
  #top-pick-container .top-pick-cbbc-table .col-strike,
  #top-pick-container .top-pick-cbbc-table .col-mdate,
  #top-pick-container .top-pick-cbbc-table .col-calllv {
    display: none !important;
  }
  #productChartContainer #resetzoomBtn, #stockChartContainer #resetzoomBtn {
    top: 40px !important;
    right: 80px !important;
  }
  .no-result-msg-box, .education-no-result, .chart-no-result, .toppick-no-result {
    font-size: 16px;
    padding-top: 135px;
    background: url("/home/images/hk-stock-trading_solid.png") no-repeat center 45% #fff;
    background-size: 40px;
  }
  #market-sector .sector-title .sector-table-name,
  #top-pick-content-sector .sector-title .sector-table-name {
    width: 40%;
  }
  #market-sector .sector-title .sector-table-pchng,
  #top-pick-content-sector .sector-title .sector-table-pchng {
    width: 27%;
  }
  #market-sector .sector-title .sector-table-turnover,
  #top-pick-content-sector .sector-title .sector-table-turnover {
    width: 33%;
  }
  #market-sector .sector-table-item .sector-table-name,
  #top-pick-content-sector .sector-table-item .sector-table-name {
    width: 40%;
  }
  #market-sector .sector-table-item .sector-table-pchng,
  #top-pick-content-sector .sector-table-item .sector-table-pchng {
    width: 27%;
  }
  #market-sector .sector-table-item .sector-table-turnover,
  #top-pick-content-sector .sector-table-item .sector-table-turnover {
    width: 24%;
  }
  [lang=zh-Hant] .vhsi_table_style tr th:last-child, [lang=zh-Hans] .vhsi_table_style tr th:last-child {
    white-space: nowrap;
  }
}
@media only screen and (max-width: 500px) {
  [lang=zh-Hant] #home-page .hero-swiper .container, [lang=zh-Hans] #home-page .hero-swiper .container, [lang=en] #home-page .hero-swiper .container {
    padding: 12px;
  }
  [lang=zh-Hant] #home-page .hero-swiper .container h2, [lang=zh-Hant] #home-page .hero-swiper .container h3, [lang=zh-Hans] #home-page .hero-swiper .container h2, [lang=zh-Hans] #home-page .hero-swiper .container h3, [lang=en] #home-page .hero-swiper .container h2, [lang=en] #home-page .hero-swiper .container h3 {
    font-size: 20px;
  }
  [lang=zh-Hant] #home-page .hero-swiper .container h2 span, [lang=zh-Hant] #home-page .hero-swiper .container h3 span, [lang=zh-Hans] #home-page .hero-swiper .container h2 span, [lang=zh-Hans] #home-page .hero-swiper .container h3 span, [lang=en] #home-page .hero-swiper .container h2 span, [lang=en] #home-page .hero-swiper .container h3 span {
    margin-top: 6px !important;
  }
  [lang=zh-Hant] #home-page .hero-swiper .swiper-slide.first-banner img, [lang=zh-Hans] #home-page .hero-swiper .swiper-slide.first-banner img, [lang=en] #home-page .hero-swiper .swiper-slide.first-banner img {
    height: 80px;
    width: 100%;
  }
  [lang=en] #home-page .hero-swiper .container h2, [lang=en] #home-page .hero-swiper .container h3 {
    font-size: 18px;
  }
  [lang=en] #home-page .hero-swiper .container h2 span, [lang=en] #home-page .hero-swiper .container h3 span {
    margin-top: 6px !important;
  }
}
@media only screen and (max-width: 476px) {
  [lang=zh-Hant] #home-page .hero-swiper .swiper-slide.first-banner img, [lang=zh-Hans] #home-page .hero-swiper .swiper-slide.first-banner img, [lang=en] #home-page .hero-swiper .swiper-slide.first-banner img {
    height: 80px;
    width: auto;
  }
}
@media only screen and (max-width: 420px) {
  header .logo img {
    height: 26px;
  }
}
@media only screen and (max-width: 390px) {
  .mobile-menu-btn {
    --bs-btn-padding-x: 0.15rem;
  }
  .search_icon {
    --bs-btn-padding-x: 0.2rem;
  }
  #tutorial .swiper-slide {
    overflow-x: hidden;
    overflow-y: scroll;
  }
}
/* 小於350px */
@media only screen and (max-width: 350px) {
  .footer_list {
    flex-wrap: wrap;
    margin-right: 0;
  }
  .home .border-box .d-flex {
    flex-wrap: wrap;
  }
  #home-page #top-pick-content .terms-structure dt {
    width: 40%;
  }
  #home-page #top-pick-content .terms-structure dd {
    width: 60%;
  }
  #home-page #hqs_chng, #home-page .u_class {
    display: block;
  }
  header .logo img {
    height: 20px;
  }
  .table-option-list {
    min-width: auto;
  }
  .e-table__bottom {
    flex-wrap: wrap;
  }
  .radio-group {
    flex-wrap: wrap !important;
  }
  dl.calculator_area dt, dl.calculator_area dd, dl.calculator_result dt, dl.calculator_result dd {
    width: 100% !important;
  }
  .bg-green dl.quote_area .col {
    width: 100% !important;
  }
  .pagination {
    flex-wrap: wrap;
  }
  .mobile-menu .mobile-menu-bottom a:last-child {
    margin-right: 0;
  }
  .bg-light.filter_area .setting_wnt .e-dropdown__values-span, .bg-light.filter_area .setting_cbbc .e-dropdown__values-span {
    max-width: 26ch !important;
  }
  .mobile-menu .mobile-menu-bottom {
    position: inherit;
  }
  .detail dl.quote_area dt {
    white-space: break-spaces !important;
  }
  .code_area .button_area .btn {
    min-width: 70px !important;
  }
  #underlying-quote .radio-group > div > div {
    margin-left: 0;
  }
  #underlying-quote .remark .text {
    width: calc(100% - 17px);
    margin-right: 0 !important;
    display: inline-block;
  }
  #underlying-quote .remark .label_pclose {
    vertical-align: text-top;
  }
  #chartType {
    display: none !important;
  }
  #money-flow .chart {
    overflow-x: auto;
  }
  #money-flow .chart .header {
    min-width: 200px;
  }
  #money-flow .chart .mobile_site {
    min-width: 200px;
  }
  #money-flow .out_flow .bar-containers .chart_tooltip, #money-flow .in_flow .bar-containers .chart_tooltip {
    left: 22%;
    width: 140px;
    min-width: 140px;
    right: 0;
  }
  #market-sector #sector-chart-table, #top-pick-content-sector #sector-chart-table {
    overflow-x: auto;
  }
  #market-sector .sector-table-item, #top-pick-content-sector .sector-table-item {
    width: 280px;
  }
  #market-sector .sector-table-item .sector-table-header-btn, #top-pick-content-sector .sector-table-item .sector-table-header-btn {
    flex-wrap: wrap;
  }
  #market-sector .sector-table-item .sector-table-name, #market-sector .sector-table-item .sector-table-pchng, #market-sector .sector-table-item .sector-table-turnover, #top-pick-content-sector .sector-table-item .sector-table-name, #top-pick-content-sector .sector-table-item .sector-table-pchng, #top-pick-content-sector .sector-table-item .sector-table-turnover {
    width: 33.3333%;
  }
  #market-sector .sector-title, #top-pick-content-sector .sector-title {
    width: 280px;
  }
  #market-sector .sector-title .sector-table-name, #market-sector .sector-title .sector-table-pchng, #market-sector .sector-title .sector-table-turnover, #top-pick-content-sector .sector-title .sector-table-name, #top-pick-content-sector .sector-title .sector-table-pchng, #top-pick-content-sector .sector-title .sector-table-turnover {
    width: 33.3333%;
  }
  .e-dropdown__listbox-container {
    width: 100% !important;
    left: 0 !important;
  }
  .e-dropdown__listbox-container ul li {
    white-space: break-spaces;
  }
  .custom-card .expand-btn__heading .expand-btn {
    flex-wrap: wrap;
  }
  .table-option-list {
    left: 0;
  }
  .e-dropdown__button {
    height: auto;
  }
  .e-dropdown__values-span {
    white-space: break-spaces;
  }
  #home-page #top-pick-container .slide-pagin,
  #home-page .education-swiper .slide-pagin {
    width: auto;
  }
  #home-page .have-more, .select-light {
    flex-wrap: wrap;
  }
  .vhsi_table {
    overflow-x: auto;
  }
  .vhsi_table_style {
    min-width: 250px;
  }
  .mobile-menu .mobile-menu-bottom a {
    margin-left: 10px;
    margin-right: 10px;
  }
  #iv .vhsi-data dl.quote_area dt:nth-of-type(1), #hm_vhsi_container .vhsi-data dl.quote_area dt:nth-of-type(1) {
    order: 1;
  }
  #iv .vhsi-data dl.quote_area dt:nth-of-type(2), #hm_vhsi_container .vhsi-data dl.quote_area dt:nth-of-type(2) {
    order: 3 !important;
    border-left: none !important;
  }
  #iv .vhsi-data dl.quote_area dt:nth-of-type(3), #hm_vhsi_container .vhsi-data dl.quote_area dt:nth-of-type(3) {
    order: 5 !important;
    border-left: none !important;
  }
  #iv .vhsi-data dl.quote_area dd:nth-of-type(1), #hm_vhsi_container .vhsi-data dl.quote_area dd:nth-of-type(1) {
    order: 2 !important;
    margin-bottom: 10px !important;
    border-bottom: 1px solid #d9d9d9 !important;
  }
  #iv .vhsi-data dl.quote_area dd:nth-of-type(2), #hm_vhsi_container .vhsi-data dl.quote_area dd:nth-of-type(2) {
    order: 4 !important;
    margin-bottom: 10px !important;
    border-left: none !important;
    border-bottom: 1px solid #d9d9d9 !important;
  }
  #iv .vhsi-data dl.quote_area dd:nth-of-type(3), #hm_vhsi_container .vhsi-data dl.quote_area dd:nth-of-type(3) {
    order: 6 !important;
    border-left: none !important;
  }
  .hstack {
    flex-wrap: wrap;
    white-space: break-spaces;
  }
  #hm_cbbc_container .col-lg-4 .table-responsive > div {
    min-width: 300px;
  }
  #money-flow .bg-gray .radio-group fieldset {
    gap: 12px;
  }
  #money-flow .bg-gray .radio-group fieldset div {
    width: 100%;
  }
  #money-flow .bg-gray .radio-group fieldset div:first-child {
    margin-bottom: 0;
  }
  .mobile-search-mask {
    top: 210px;
  }
  .history-autocomplete-box-mobile {
    max-height: calc(100vh - 250px) !important;
  }
  .hstack {
    justify-content: flex-end;
  }
  .hstack .form-control {
    width: 60%;
    padding: 0;
  }
  .hstack button {
    width: 25px;
    height: 25px;
    padding: 0;
    display: flex;
  }
  .ac_results ul {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
  }
  .ac_results .holder_div {
    flex-wrap: wrap;
  }
  .modal-header {
    flex-wrap: wrap;
  }
  .disclaimer-lang {
    width: 100%;
  }
  .range-slider input {
    width: 100% !important;
  }
  .range-slider span {
    text-align: center;
    display: block;
    width: 100%;
  }
  .radio-group .form-check-label {
    white-space: normal;
  }
  .detail .col-6:first-child dl.quote_area dd {
    white-space: normal;
  }
  #listed-warrants .e-dropdown__container, #listed-cbbcs .e-dropdown__container, #expiring-warrants .e-dropdown__container {
    min-width: auto;
  }
  #label-ucode {
    white-space: break-spaces;
  }
  .mobile-menu .mobile-menu-bottom .d-flex {
    flex-wrap: wrap;
  }
  #header_end {
    height: 130px;
  }
  .vhsi_table_style .ivchart_tick_td .ivchart_tick_box .ivchart_tick .ivchart_tick_line {
    height: 100vh;
  }
}/*# sourceMappingURL=responsive.css.map */