#lhkexw-topranking div {
    position: relative;
    float: left;
}
#lhkexw-topranking .upval {
    color: #24803D;
}
#lhkexw-topranking .downval {
    color: #E72742;
}
#lhkexw-topranking .oddrow {
    background-color: #F2F6F8;
}
#lhkexw-topranking {
    background-color: #FFFFFF;
    color: #224e74;
    font-size: 0.875rem;
    padding-bottom:15px;
}
#lhkexw-topranking .titlerow {
	background:#ffffff;
    width: 100%;
    height: 47px;
}
#lhkexw-topranking .titlerow .title{color:#224e74;}
#lhkexw-topranking .titlerow .colorStroke {
    width: 4px;
    height: 100%;
    background-color: #E72742;
}
#lhkexw-topranking .title {
    height: 35px;
    line-height: 33px;
    font-size: 1rem;
    font-weight: 700;
    padding: 0 15px;
    background: url('../images/Dropdown.png') no-repeat right center;
    background-size: 8px auto;
    z-index: 1;
}
#lhkexw-topranking .update {
	color:#777777; 
	line-height: 12px;
	position: absolute;
	bottom:6px;
	left:20px;
	z-index: 0;
}
#lhkexw-topranking .typebox {
    width: 100%;
    height: 47px;
    line-height: 47px;
    border-bottom: 2px solid #E8EEF2;
    padding: 0 20px;
}
#lhkexw-topranking .typebox .type {
    width: 33%;
    height: 100%;
    text-align: center;
    font-weight: bold;
    color: #777777;
}
#lhkexw-topranking .typebox .type:hover {
    border-bottom: 4px solid #b5c7d8;
}
#lhkexw-topranking .typebox .type.selected {
    border-bottom: 4px solid #E72742;
    color: #13426B;
}
#lhkexw-topranking .listbox {
	float:none;
}
#lhkexw-topranking .listbox .headerrow {
	float:none;
    height: 36px;
    padding: 0 20px;
    color: #8E8E8E;
    display:flex;	
	align-items:center;
	
}
#lhkexw-topranking .listbox .headerrow .type{
	width:33.3%;
}
#lhkexw-topranking .listbox .headerrow .type.price{
}
#lhkexw-topranking .listbox .headerrow .type.change{
    text-align: center;
}
#lhkexw-topranking .listbox .headerrow .type.turnover{
    text-align: center;
}
#lhkexw-topranking .listbox .datarow{
	float:none;
}
#lhkexw-topranking .listbox .datarow .price {
	width:33.3%;
}
#lhkexw-topranking .listbox .datarow .change {
	width:33.3%;
    text-align: center;
    font-weight: bold;
}
#lhkexw-topranking .listbox .datarow .change span{display:none;}
#lhkexw-topranking .listbox .datarow .turnover {
	width:33.3%;
    text-align: center;
}

#lhkexw-topranking .listbox .name {
    line-height: 18px;
    width: 100%;
    font-weight: bold;
    cursor: pointer;
}
#lhkexw-topranking .listbox .name .code {
    font-weight: normal;
}

#lhkexw-topranking .listbox .pricebox {
    line-height: 18px;
    width: 66.6%;
    margin-top: 5px;
    font-weight: bold;
}
#lhkexw-topranking .listbox .datarow .pricebox .price {
    width: 50%;
}

#lhkexw-topranking .listbox .datarow .pricebox .change {
    width: 50%;
}
#lhkexw-topranking .listbox .datarow .turnover{
    width:33.3%;
    text-align: center;
    font-weight: bold;
    margin-top: 5px;
}


#lhkexw-topranking .listbox .value {
	line-height: 18px;
    width: 100%;
    margin-top: 5px;
    font-weight: bold;
}
#lhkexw-topranking .listbox .value .change {
}
#lhkexw-topranking .listbox .datarow {
    width: 100%;
/*    height: 60px;*/
    padding: 8px 20px;
    position: relative;
}
#lhkexw-topranking .listbox .datarow.emptyrow {
    height: 60px;
}

#lhkexw-topranking .listbox .datarow .ipo {
    width: 23px;
    height: 25px;
    position: absolute;
    background: url('../images/IPO.png') no-repeat center center;
    z-index: 10;
    left: -29px;
    top: -2px;
}

#lhkexw-topranking .lastupdate {
    width: 100%;
    height: 30px;
    color: #8E8E8E;
    line-height: 30px;
    padding: 0 20px;
    font-size: 0.6875rem;
}
#lhkexw-topranking .viewallbox {
    float:right;
    font-weight: bold;
    height: 47px;
    line-height: 47px;
}

#lhkexw-topranking .viewall {
    float: right;
    padding-right: 17px;
    background: url(../images/Link.png) no-repeat 85% center;
    cursor: pointer;
    font-size: .75rem;
    color: #10416c;
    text-decoration: none;
    letter-spacing: 0.5px;
    text-align: right;
    text-transform: capitalize;
}
#lhkexw-topranking .viewall:hover {
    color: #10416c;
    text-decoration: underline;
}
/* topranking */
.clear {font-size: 0px;	clear: both;line-height: 0px; height: 1px;}
.clearfix:after {content: "."; 	display: block;  height: 0;	clear: both; visibility: hidden;}
.clearfix {min-height: 1px;}
ul,li{ list-style-type:none; padding:0; margin:0;}

/* topranking */
#lhkexw-topranking{ position:relative;}
#lhkexw-topranking .title{ cursor:pointer;}
#lhkexw-topranking .tpright{float:none;}
#lhkexw-topranking .pallist{float:none;}
#lhkexw-topranking .lastupdate{ line-height:160%;float:none; height:auto; margin-top:10px;}
#lhkexw-topranking .lastupdate span{display:none;}
#lhkexw-topranking .typebox .type{ cursor:pointer;}
#lhkexw-topranking .listbox .datarow .ipo{}
#lhkexw-topranking .listbox .datarow .ipo.hide{ display:none;}
#lhkexw-topranking .listbox .datarow .ipo.show{ display:block;}
#lhkexw-topranking .topranking_scroll_tabs{float:none;}
#lhkexw-topranking .topranking_scroll_tabs ul{}
#lhkexw-topranking .topranking_scroll_tabs ul li{}
#lhkexw-topranking .topranking_scroll_tabs ul li a{}
#lhkexw-topranking .topranking_scroll_tabs .scroll_tab_inner{}
.sublist{display:none; left:10px;}
.sublist.selected{ background:#fff; display:block; width:150px; position:absolute !important;top:47px; z-index:11;box-shadow: 0 0 5px #ccc;}
.sublist.selected:before{
	content: "";  
	display: block;
	position: absolute;  
	top:-24px;
	width: 0;
	height: 0;
	border:12px transparent solid;
	left:50%;
	border-bottom-color: rgba(222,222,222,1);
	transform:translate(-50%,0);
}
.sublist.selected ul{ text-align:center;}
.sublist.selected ul li{ font-weight:bold; line-height:40px; height:40px; border-bottom:1px solid #eee; cursor:pointer;}
.sublist.selected ul li:hover{ background:#fafafa;}
.sublist.selected ul li.selected{ background:#F2F6F8;}
.pallist{ display:block;}
.pallist.selected{ display:block;}
.listbox{ display:block;}
.listbox.this{ display:block;}
.hide{display:none !important;}
.show{display:inline-block !important;}

@media screen and (max-width: 1280px) {
	#lhkexw-topranking{}
	#lhkexw-topranking .listbox .headerrow{ height: 46px;}
	#lhkexw-topranking .listbox .headerrow .type{width:50%;}
	#lhkexw-topranking .listbox .headerrow .type.price span{display:block;width:100%;}
	#lhkexw-topranking .listbox .headerrow .type.change{display: none;}
	#lhkexw-topranking .listbox .headerrow .type.turnover span{display:block;width:100%;}
	#lhkexw-topranking .listbox .headerrow .type.turnover{ text-align: right;}
	#lhkexw-topranking .listbox .datarow .price{width:auto;}
	#lhkexw-topranking .listbox .datarow .change{width:auto;margin-left:10px;}
	#lhkexw-topranking .listbox .datarow .change span{display:inline-block;}
        
	#lhkexw-topranking .listbox .datarow .pricebox .price {width:auto;}
        #lhkexw-topranking .listbox .datarow .pricebox .change{width:auto;margin-left:10px;}
        
	#lhkexw-topranking .listbox .datarow .turnover{text-align: right;}
}
@media screen and (max-width: 1000px) {	
	/* topranking */
	#lhkexw-topranking{width:660px;height:478px;padding-bottom:0; margin: 0 auto;}
	#lhkexw-topranking .titlerow { background: #10416c;}
	#lhkexw-topranking .titlerow .title{color:#ffffff;background: url('../images/Dropdown_white.png') no-repeat right -99999px;}
	#lhkexw-topranking .titlerow .update{color:#ffffff;}
	#lhkexw-topranking .viewallbox{ line-height:47px; float:none !important; width:100%; height:47px; position:absolute; top:0; right:0px;z-index: 10;}	
	#lhkexw-topranking .viewall {color: #fff;}
        #lhkexw-topranking .viewall:hover {
            color: #fff;
            text-decoration: none;
        }
	#lhkexw-topranking .listbox .datarow .ipo{ background-position:left -10px; display:inline-block; height:15px; position: inherit;top:4px;left:0;}
	#lhkexw-topranking .lastupdate{ text-align:left;}
	#lhkexw-topranking .lastupdate span{ display:block;}
	#lhkexw-topranking .tpright{float:left;}
	#lhkexw-topranking .listbox .headerrow{}
	#lhkexw-topranking .listbox .headerrow .type{width:33.3%;}
	#lhkexw-topranking .listbox .headerrow .type.price span{display:inline-block;width:auto;}
	#lhkexw-topranking .listbox .headerrow .type.change{display: inline-block;}
	#lhkexw-topranking .listbox .headerrow .type.turnover span{display:inline-block;width:auto;}
	#lhkexw-topranking .listbox .headerrow .type.turnover{ text-align: center;}
	#lhkexw-topranking .listbox .datarow .price{width:33.3%;}
	#lhkexw-topranking .listbox .datarow .change{width:33.3%;margin-left:0;}
	#lhkexw-topranking .listbox .datarow .change span{display:none;}
        #lhkexw-topranking .listbox .datarow .pricebox .price {width: 50%;}
        #lhkexw-topranking .listbox .datarow .pricebox .change {width: 50%;margin-left:0;}        
	#lhkexw-topranking .listbox .datarow .turnover{width:33.3%;text-align: center;}
	.sublist{ display:block; width:160px; position:absolute;top:0px; left:0;}
	.sublist ul{ padding:0px; margin:0;}
	.sublist ul li{ font-weight:bold; line-height:108px;float:none; height:108px; padding:0 10px; cursor:pointer; border-right:1px solid #D7DEE4; border-bottom:1px solid #D7DEE4;}
	.sublist ul li.selected{ background:#F2F6F9;}
	.tpright{ width:calc(100% - 160px); position:absolute;top:0px; right:0}
}
@media screen and (max-width: 767px) {
	/* topranking */
	#lhkexw-topranking{width:100%;height:auto;}
	#lhkexw-topranking .titlerow .title{background: url('../images/Dropdown_white.png') no-repeat right center;}
	#lhkexw-topranking .viewallbox{ line-height:47px; float:none !important; width:auto; height:47px; position:absolute; top:0; right:0px;}
	#lhkexw-topranking .typebox{padding:0 10px;}
	#lhkexw-topranking .typebox .type{ font-size:0.6875rem;}
	#lhkexw-topranking .lastupdate{ text-align:center; padding:0 10px;}
	#lhkexw-topranking .tpright{float:none; padding-bottom: 20px;}
	#lhkexw-topranking .listbox .headerrow{padding:0 10px;}
	#lhkexw-topranking .listbox .headerrow .type.turnover{ text-align: right;}
	#lhkexw-topranking .listbox .datarow{padding:8px 10px;}
	#lhkexw-topranking .listbox .datarow .turnover{text-align: right;}
	.sublist{ display:none; left:10px;}
	.tpright{ width:100%;}
}