body.en .form-select,
body.en .form-control,
body.en option
{font-weight:300;}

body.en .home-index .data-title,
body.en .home-index .data-price .last, 
body.en .home-real-quote .stock-name, 
body.en .home-real-quote .cbbc-code, 
body.en .home-real-quote .quote-price,
body.en .tl,
body.en h6, 
body.en .h6, 
body.en h5, 
body.en .h5, 
body.en h4, 
body.en .h4, 
body.en h3, 
body.en .h3, 
body.en h2, 
body.en .h2, 
body.en h1, 
body.en .h1,
body.en .ui-state-active a, 
body.en .ui-state-active a:link, 
body.en .ui-state-active a:visited,
body.en thead th,
body.en .hsi-cbbc-os tbody td.focus a,
body.en .hsi-cbbc-os .last-close .cbbc_ratio, 
body.en .hsi-cbbc-os .last-close .cbbc_ratio2, 
body.en .hsi-cbbc-os .last-close #os-closing,
body.en .title .btn-outline-dark,
body.en .subtab-list .active,
body.en #underlying_result .underlying_price, 
body.en #underlying_result .warrant_name, 
body.en #underlying_result .cbbc_name, 
body.en #warrant_info .underlying_price, 
body.en #warrant_info .warrant_name, 
body.en #warrant_info .cbbc_name, 
body.en #cbbc_info .underlying_price, 
body.en #cbbc_info .warrant_name, 
body.en #cbbc_info .cbbc_name,
body.en #warrant_info .price span, 
body.en #underlying_info .price span, 
body.en #cbbc_info .price span,
body.en .terms-chart-location .chart-title-box #chart-date,
body.en .terms-chart-location .chart-title-box .legend_list .terms-tooltip-value,
body.en .terms-chart-location .volume .terms-tooltip-value,
body.en .underlying-warrant-flow .col-lg-3 .day-label,
body.en .inner-term-comparison .comparison-result tr th:first-child,
body.en #result_range td.price,
body.en .iv-comparison .chart-head-label,
body.en .iv-table .table tr th,
body.en .hsi-cbbc-os .last-close .middle-bar .red-bar,
body.en .hsi-cbbc-os .last-close .middle-bar .green-bar,
body.en b, 
body.en strong,
body.en .stockcbbc-table .cbbc-code a,
body.en .stockcbbc-table thead tr td,
body.en .stockcbbc-table .underlying-stock-code a,
body.en #mf-date,
body.en .index-data-intro-title,
body.en .index-education-title,
body.en .index-diff-content,
body.en .index-diff-list,
body.en .ubs_pick,
body.en  #mf-table-section table .focus,
body.en .southbound-moneyflow .southbound-table tbody tr td:first-child,
body.en .southbound-list .active, 
body.en .subtab-list .active,
body.en #underlying_info .underlying_name,
body.en #underlying_info #rt_last,
body.en td.highlight,
body.en .performance-tl,
body.en .ui-widget-header,
body.en .index-data-foucs-title,
body.en .navbar-nav > li > a, 
body.en .pchng ,
body.en .home-seach-box .price,
body.en .home-page .title h2 
{font-weight:400;}

body.en .index-diff-content,
body.en .index-diff-list, 
body.en .index-diff-table td{font-weight:100;}

body.en .index-data-title{
    font-weight: 400;
}


body.en .os-dist-comment label{
    font-weight: 400;
}


body.en .title h1{
    font-size: 2.5rem;
}

body.en h2{
    font-size: 1.6rem;
}

body.en h3{
    font-size: 1.4rem;
}

body.en .home-index .data-title{
    font-size: 18px;
}

body.en .home-index .swiper-slide {
    height: 150px;
}

body.en .home-page .top-banner-main-title{
    font-size:42px; 
    font-weight:300; 
    line-height: 2.5rem; 
}
body.en .home-page .top-banner-sub-title{font-size:22px; font-weight:300; line-height:1; margin-bottom:5px;}
body.en .home-page .top-banner-title{ padding-bottom:0; top:70px;}

/* body.en .title h1{font-size:2rem} */

body.en .index-diff-list{ line-height:1;}

body.en .home-real-quote .search-code-area .form-control{width:365px;}

body.en .daily-info .bg-info{height:255px;}

body.en .home-page .ui-tabs .ui-tabs-nav .ui-tabs-anchor,
body.en .subtab-list a
{font-size:16px;}

body.en .rounded-pill.real-time{min-width:48px; font-weight:400;}

body.en .settlement-search .btn, 
body.en .terms-chart-location .setting-box .btn{--bs-btn-padding-x:1rem;}

body.en .terms-chart-location .setting-box .support-setting.auxiliary-charts .form-select{width:calc(100% - 213px);}

body.en .calculator-search-code label{width:85px;}

body.en .calculator-search-code .form-control{width:calc(100% - 190px);}

body.en .terms-structure .terms-info ul
{width:100%; margin:0 20px;}

body.en .terms-structure .terms-info ul li
{justify-content:space-between;}

body.en .terms-structure .terms-info ul li div
{width:auto;}

body.en .terms-structure .terms-info ul li div br
{display:none;}

body.en .country-select label{width:auto;}

body.en #warrant_info .warrant_name > span 
{margin-left:10px;}

body.en #warrant_info .underlying_name
{margin-top:20px;}

body.en #cbbc_info .cbbc_name > span 
{margin-left:10px;}

body.en #cbbc_info .underlying_name
{margin-top:20px;}

body.en #calendar-event-box .mobile_style
{flex-direction:column;}

body.en #calendar-event-box .mobile_style .ms-2{
margin-left:0!important;
}

body.en .new-ubs-page h2{
    display: none;
}

body.en .calculation-search label{
    width: 70%;
}

body.en .calculation-search .form-control{
    width: 30%;
}

body.en .calculation-search .slider-chart:nth-child(3) .form-control{
    width: 45%;
}

body.en .country-select .form-select, .country-select .select2, body.en .country-select .select2{
    width: calc(100% - 106px) !important;
}

body.en .search-code-area label {
    width: 120px;
}

body.en .chart-setting .form-check, body.en .setting-box .form-check{
    margin-right: 5px;
}

body.en .cbbc-outstanding .chart-input-setting .mid_remark{
    font-size: 12px;
    line-height: 1.6;
}

body.en .settle-search .input-group-text{
    padding: 0.375rem 2rem 0.375rem 1rem;
}

body.en .table-option-btn.setting_btn .e-table__setup{
    width: 350px;
}

body.en .table-option-btn.setting_btn .e-table__btn{
    font-size: 13px;
}

body.en #sma_setting ul li{
    margin-left: 7px;
}

body.en #sma_setting ul li:first-child{
    margin-left: 0;
}

body.en #sma_setting ul li span{
    margin-right: 2px;
}

body.en .underlying-warrant-flow .col-lg-3 .day-label{
    padding-top: 20px;
    font-size: 18px;
}

body.en #mf-option .ucode-option select#top_select{
    width: 245px;
}

body.en .moneyflow-table table thead th:nth-child(2){
    padding-left: 0;
    padding-right: 0;
}

body.en .cbbc-quicksearch-table{
    font-size: 13px;
}

body.en .cbbc-quicksearch-table thead th{
    padding-top: 3px;
    padding-bottom: 3px;
}

body.en .cbbc-quicksearch-table .last-close-info .price {
    font-size: 22px;
}

body.en .southbound-moneyflow .table td.highlight a, 
body.en .terms-chart-location .chart-title-box #chart-main-data .legend_list .terms-tooltip-value, 
body.en .mf-chart-underlying-side #mfc-ulast{
    font-weight: 400;
}


body.en .cbbc-quicksearch-table .sma-btn ul li a{
    margin-left: 8px;
}

body.en .cbbc-quick-search-chart .charttooltip{
    width: auto;
}

.t-span-type{
    display: block;
}


body.en #mf-option .ucode-option select#table-type{
    width: 160px;
}

body.en #mf-option .ucode-option .outstanding_select{
    width: 170px;
}

body.en #ul-mid-tab-ctn, body.en #ul-Warrant-ctn, body.en #ul-CBBC-ctn{
    display: flex;
    margin-bottom: 0;
    width: calc(100% - 30px);
    white-space: nowrap;
    overflow-x: hidden;
}

body.en .moneyflow-table table thead th:nth-child(2){
    width: 20%;
}

body.en .hsi-cbbc-os tbody td.range{
    width: 100px;
}

body.en .single-stock-os tbody td.range{
    width: 75px;
}

body.en .home-page #cbbcband-chart th.date{
    width: 74px;
}

body.en .home-page .cbbc-quicksearch-table .sma-btn ul li.tl{
    display: block;
    margin-bottom: 5px;
}

body.en .moneyflow-date label{
    width: 45px;
}

body.en .moneyflow-date select{
    width: calc(100% - 50px) !important;
}


body.en .cbbc-quick-search-chart .charttooltip .cbbc-quick-search-chart-code, 
body.en .cbbc-quick-search-chart .charttooltip .value,  
body.en .cbbc-quick-search-chart .charttooltip .product-name, 
body.en .cbbc-quick-search-chart .charttooltip .product-last, 
body.en .cbbc-quick-search-chart .charttooltip .product-calllv{
    font-family: 'Frutiger', "Microsoft JhengHei", "Microsoft Yahei", "Heiti TC", STXihei, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 400;

}

body.en .home-seach-box .pchng{
    font-size: 16px;
}

body.en .home-page .moneyflow-table table thead th{
    padding: .5rem .2rem .5rem .2rem ;
}

body.en .home-page .moneyflow-table table thead th:nth-child(2) {
    width: 23%;
}

body.en .home-page .moneyflow-table table tbody td:last-child{
    min-width: 77px;
    padding: 0.2rem 0.2rem;
}

body.en .adr-page .bg-gray {
    height: 220px;
}



@media (min-width: 320px) and (max-width: 767px){
.header .warning{
	margin-left:20px;
    margin-top:5px;
    line-height:1;
}
body.en .terms-structure .terms-info ul li div {
	width:50%;
    line-height: 1.2;
}
body.en .terms-structure .terms-info ul li {
    align-items: center;
}
body.en .terms-structure .terms-info ul li span {
	text-align: right;
}
body.en .home-index .data-title{ line-height:1.2; font-size:15px;}
body.en .swiper-slide{ padding-left:6px; padding-right:6px;}
body.en .home-index .swiper-slide .left-col{ width:auto; min-width:50%;}
body.en h2{font-size: 1.2rem;}

#cbbc-chart-tooltip-area .product-name span.value, #cbbc-chart-tooltip-area .product-calllv span.value, #cbbc-chart-tooltip-area .product-last span.value{
    text-align: left;
}

}