#lhkexw-marketsecurities{color: #00426c;}

#lhkexw-marketsecurities .sec_cate{
    font-size: 0.9rem;
    font-weight: 200;
    margin: 0px 10px;
    cursor: pointer;
    white-space: nowrap;
}

#lhkexw-marketsecurities .sec_cate.active{
    font-weight: 600;
    border-bottom: 2px solid #e72742;
}

#lhkexw-marketsecurities .sectable {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px;
    padding: 5px 0px;
}
#lhkexw-marketsecurities .sectable th{
    text-align: left;
    border-bottom: 3px solid #163e63;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
    white-space: nowrap;
}

#lhkexw-marketsecurities .sectable tr.active td {
    background-color: #f2f6f9;
}

#lhkexw-marketsecurities .sectable tr.active td:last-child:after{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #f2f6f9;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: -10px;
}

#lhkexw-marketsecurities .sectable td:nth-child(1) {
    padding: 10px;   
}
#lhkexw-marketsecurities .sectable td {
    padding: 10px 10px 10px 0px;
    cursor: pointer;
    border-bottom: 1px solid #d1dde6;
    position: relative;
    min-width: 50px;
}

#lhkexw-marketsecurities .sectable .sortable{cursor: pointer;}
#lhkexw-marketsecurities .sectable .sorted{position:relative; }

#lhkexw-marketsecurities .view_all{
    cursor: pointer;
}
#lhkexw-marketsecurities .view_detail{text-align: center; cursor: pointer; margin-top:5px;}

#lhkexw-marketsecurities .view_all:after,#lhkexw-marketsecurities .view_detail:after{
    content: '';
    border: solid red;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-left: 3px;
    margin-right: 3px;
}

#lhkexw-marketsecurities .sectable .sorted.desc:after{
    border-width: 8px 5px 0 5px;
    border-color: #163e63 transparent transparent transparent;
}

#lhkexw-marketsecurities .sectable .sorted:after{
    content: '';
    position: absolute; 
    border-style: solid;
    border-width: 0 5px 8px 5px;
    border-color: transparent transparent #163e63 transparent;
    margin-left: 5px;
    top: 50%;
    transform: translate(0px, -50%);
}

#lhkexw-marketsecurities .blk_title_wrapper{
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

#lhkexw-marketsecurities .rightpane{
    flex: 45% 1 1;
    margin-left: 10px;
}
    
#lhkexw-marketsecurities .leftpane{
    flex: 55% 1 1;
    margin-right: 10px;
}

#lhkexw-marketsecurities .rightpane .interval {
    color: #777777;
    height: 16px;
}

#lhkexw-marketsecurities .rightpane .interval .period {
    padding: 3px 5px;
    cursor: pointer;
    float: left;
    font-size: 0.8rem;
}
    
#lhkexw-marketsecurities .rightpane .interval .period.selected {
    color: #10416c;
    font-weight: bold;
}

#lhkexw-marketsecurities .chartbox{
    height: 200px;
    margin-bottom: 10px;
}

#lhkexw-marketsecurities .hkex_scroll_tabs{
    margin-top: 12px;
}

#lhkexw-marketsecurities .downval {
    color: #c65665;
}

#lhkexw-marketsecurities .upval {
    color: #4acb70;
}

#lhkexw-marketsecurities .scroll_tab_inner .period{
    width: calc((100% - 150px) / 9);
    text-align: center;
}

#lhkexw-marketsecurities .secItem td:nth-child(n+2), #lhkexw-marketsecurities .secHead th:nth-child(n+2){text-align:right;}
#lhkexw-marketsecurities .secItem td:nth-child(2) .pc{display: none;}

#lhkexw-marketsecurities .secItem .nm, #lhkexw-marketsecurities .secItem .sym, #lhkexw-marketsecurities .secItem .ls, #lhkexw-marketsecurities .secItem .pc{
    display: inline-block;
}

#lhkexw-marketsecurities .secItem .sym, #lhkexw-marketsecurities .secItem .pc{margin-left: 5px;}

@media screen and (max-width: 1000px){
    #lhkexw-marketsecurities .secItem .nm, #lhkexw-marketsecurities .secItem .sym, #lhkexw-marketsecurities .secItem .ls, #lhkexw-marketsecurities .secItem .pc, #lhkexw-marketsecurities .secItem td:nth-child(2) .pc{display: block;}
    #lhkexw-marketsecurities .secItem .sym, #lhkexw-marketsecurities .secItem .pc{margin-left: 0px;}
    
    #lhkexw-marketsecurities .leftpane,#lhkexw-marketsecurities .rightpane{margin: 0px;}
    
    #lhkexw-marketsecurities .sectable td:nth-child(1){padding: 5px;}
    #lhkexw-marketsecurities .sectable td{padding: 5px 5px 5px 0px}
    #lhkexw-marketsecurities .sec_cate{display: inline-block; margin-bottom: 5px;}
    #lhkexw-marketsecurities .sep{display: inline-block;}
    #lhkexw-marketsecurities .sec_cate_wrapper{margin-left: -10px;}
    
    #lhkexw-marketsecurities .sectable th:nth-child(3), #lhkexw-marketsecurities .sectable td:nth-child(3), #lhkexw-marketsecurities .sectable th:nth-child(n+5), #lhkexw-marketsecurities .sectable td:nth-child(n+5){display: none;}
    
    #lhkexw-marketsecurities .scroll_tab_inner .period{
        width: initial;
    }
}