#lhkexw-productderivative .clear {font-size: 0px;	clear: both;line-height: 0px; height: 1px;}
#lhkexw-productderivative .clearfix:after {content: "."; 	display: block;  height: 0;	clear: both; visibility: hidden;}
#lhkexw-productderivative .clearfix {min-height: 1px;}
#lhkexw-productderivative ul{list-style-type: none;padding: 0;margin: 0;}
#lhkexw-productderivative dl,#lhkexw-productderivative dt,#lhkexw-productderivative dd,#lhkexw-productderivative tr,#lhkexw-productderivative td,#lhkexw-productderivative table{
    padding: 0;
    margin: 0;
}

#lhkexw-productderivative .section_table {
    color: #10416C;
    background: #fff;
}
#lhkexw-productderivative .noUi-horizontal .noUi-tooltip {
    display: none;
}
#lhkexw-productderivative .noUi-connect {
    background: #e72742 !important;
}
#lhkexw-productderivative .noUi-target {
    border: 0 !important;
    background: #fff !important;
}
#lhkexw-productderivative .noUi-marker-horizontal.noUi-marker {
    display: none;
}
#lhkexw-productderivative .noUi-pips-horizontal div:nth-child(2) {
    -webkit-transform: translate3d(0, 50%, 0) !important;
    transform: translate3d(0, 50%, 0) !important;
}
#lhkexw-productderivative .noUi-pips-horizontal div:last-child {
    -webkit-transform: translate3d(0, 50%, 0) !important;
    transform: translate3d(0, 50%, 0) !important;
    left: auto !important;
    right: 0;
}
#lhkexw-productderivative .index_pane.hsirow {position: inherit;}

#lhkexw-productderivative .hsirow{background: #fff; padding: 20px 26px;position: absolute;left:0;width: 100%;}
#lhkexw-productderivative .hsirow .pricebox{float:left;width:21%;font-size: 0.98rem;}
#lhkexw-productderivative .hsirow .interval{line-height: 16px;color: #777777;float: none;}
#lhkexw-productderivative .hsirow .interval .period.selected{color: #10416c;font-weight: bold;}
#lhkexw-productderivative .hsirow .interval .period{padding: 3px 5px;cursor: pointer;float: left;font-size: 0.8rem;}
#lhkexw-productderivative .hsirow .pricebox .title{font-weight: bold;padding-top:90px;}
#lhkexw-productderivative .hsirow .pricebox .date{ color: #8E8E8E; font-size: 0.875rem; margin-bottom: 15px;}
#lhkexw-productderivative .hsirow .pricebox .ls{font-weight: bold;margin: 10px 0;}
#lhkexw-productderivative .hsirow .pricebox .change{font-size: 0.875rem;margin-bottom: 20px;}
#lhkexw-productderivative .hsirow .pricebox .msg{font-size: 0.8rem}
#lhkexw-productderivative .hsirow .pricebox .msg dl dt{font-weight: bold; float: left; width:60px;}
#lhkexw-productderivative .hsirow .pricebox .msg dl dd{width: 65px;text-align: right;float: left;}
#lhkexw-productderivative .hsirow .hsichart{float:right;width:79%;}
#lhkexw-productderivative .hsirow .hsichart .periodbox ul li{text-align: center;}
#lhkexw-productderivative .hsirow .hsichart .hover{border-bottom: 3px solid #f4364c;color: #10416c;font-weight: bold; }
#lhkexw-productderivative .hsirow .hsichart .normal{border-bottom: 0;color: #9d9d9d;}

#lhkexw-productderivative .equity_future .future{padding: 20px 26px;display: inline-block;width: 100%}
#lhkexw-productderivative .equity_future .future .textrow{font-weight: bold;float: left;}
#lhkexw-productderivative .equity_future .sessiontabs {padding: 0 26px;}
#lhkexw-productderivative .equity_future .sessiontabs ul {display: block;border: 0;}
#lhkexw-productderivative .equity_future .sessiontabs ul li.scroll_tabs_ds {
/*    color: #9e9e9e;*/
    background: url(../image/sun_9e.png) no-repeat 5px center;
    background-size: 12px;
}
#lhkexw-productderivative .equity_future .sessiontabs ul li {
    margin-left: 0;
}
#lhkexw-productderivative .equity_future .sessiontabs ul li.scroll_tabs_ns {
/*    color: #9e9e9e;*/
    background: url(../image/moon_9e.png) no-repeat 5px center;
    background-size: 12px;
}
#lhkexw-productderivative .equity_future .sessiontabs ul li span {
    padding: 0 15px 0 20px;
}
#lhkexw-productderivative .equity_future .equity_data_table {
    position: relative;
    min-height: 315px;
}
#lhkexw-productderivative table.table1 {
    width: 100%;
    border: 1px solid #D1DDE6;
    font-size: 0.8rem;
}
#lhkexw-productderivative .futuretabrow table tr {
    cursor: pointer;
    height: 60px;
}
#lhkexw-productderivative table.table1 thead tr th {
    color: #fff;
    background: #10416c;
    height: 55px;
    font-weight: normal;
}
#lhkexw-productderivative table.table1 tbody tr.hsirowcon {
    display: block;
    height: 316px;
    width: 100%;
}
#lhkexw-productderivative table.table1 tbody tr td {
    text-align: center;
    padding: 10px;
    border: 1px solid #D1DDE6;
}
#lhkexw-productderivative .evenrow {
    background: #f2f6f8;
}

#lhkexw-productderivative table.table1 tbody tr:nth-child(even) {
/*    background: #f2f6f8;*/
}
#lhkexw-productderivative table {
    border-collapse: collapse;
}
#lhkexw-productderivative .equity_future .hsirow .pricebox {
    float: left;
    width: 21%;
    font-size: 0.98rem;
}
#lhkexw-productderivative .equity_future .sessiontabs ul li.scroll_tabs_ds.tab_selected {
    background: url(../image/sun_14.png) no-repeat 5px center;
    background-size: 12px;
    border-bottom: 4px solid #E72742;
    color: #10416c;
}
#lhkexw-productderivative .equity_future .sessiontabs ul li.scroll_tabs_ns.tab_selected {
    background: url(../image/moon_14.png) no-repeat 5px center;
    background-size: 12px;
    border-bottom: 4px solid #E72742;
    color: #10416c;
}
#lhkexw-productderivative .equity_future .hsirow .pricebox .title {
    font-weight: bold;
    padding-top: 20px;
}
#lhkexw-productderivative .equity_future .hsirow .pricebox .date {
    color: #8E8E8E;
    font-size: 0.875rem;
    margin-bottom: 15px;
}
#lhkexw-productderivative .equity_future .hsirow .pricebox .ls {
    font-weight: bold;
}
#lhkexw-productderivative .equity_future .hsirow .pricebox .change {
    font-size: 0.875rem;
    margin-bottom: 20px;
}
#lhkexw-productderivative .equity_future .hsirow .pricebox .msg {
    font-size: 0.8rem;
}
#lhkexw-productderivative .equity_future .hsirow .pricebox .msg dl dt {
    font-weight: bold;
    float: left;
    width: 60px;
}
#lhkexw-productderivative .equity_future .hsirow .pricebox .msg dl dd {
    width: 65px;
    text-align: right;
    float: left;
}
#lhkexw-productderivative .loadrow {
    text-align: center;
    padding: 20px 0;
    position: relative;
}
#lhkexw-productderivative .loadrow .loadmore {
    cursor: pointer;
    font-weight: bold;
    text-align: center;
    display: inline-block;
}
#lhkexw-productderivative .loadrow .loadmore span {
    background: url("../image/Combined Shape.png") no-repeat left center;
    background-size: 15px 15px;
    padding-left: 20px;
}
#lhkexw-productderivative .loadrow .lastupdated {
    color: #8E8E8E;
    font-size: 0.875rem;
    line-height: 20px;
    float: right;
    position: absolute;
    top: 20px;
    right: 26px;
}
#lhkexw-productderivative .loadrow .disclaimer {
    color: #8E8E8E;
    font-size: 0.875rem;
    line-height: 20px;
    float: left;
    position: absolute;
    top: 20px;
    left: 26px;
}

#lhkexw-productderivative .equity_option {position: relative;}
#lhkexw-productderivative .equity_option .options {
    width: 100%;
    padding: 20px 26px;
    display: inline-block;
}
#lhkexw-productderivative .equity_option .options .textrow{font-weight: bold;float: left;}
#lhkexw-productderivative .equity_option .sessiontabs {padding: 0 26px;}
#lhkexw-productderivative .equity_option .sessiontabs ul {display: block;border: 0;}
#lhkexw-productderivative .equity_option .sessiontabs ul li.scroll_tabs_ds {
/*    color: #9e9e9e;*/
    background: url(../image/sun_9e.png) no-repeat 5px center;
    background-size: 12px;
}
#lhkexw-productderivative .equity_option .sessiontabs ul li {
    margin-left: 0;
}
#lhkexw-productderivative .equity_option .sessiontabs ul li.scroll_tabs_ns {
/*    color: #9e9e9e;*/
    background: url(../image/moon_9e.png) no-repeat 5px center;
    background-size: 12px;
}
#lhkexw-productderivative .equity_option .sessiontabs ul li span {
    padding: 0 15px 0 20px;
}
#lhkexw-productderivative .equity_option .optionsrow {
    background: #F2F6F8;
    padding: 15px 26px;
    font-size: 0.875rem;
}
#lhkexw-productderivative .equity_option .optionsrow .msrow .msm {
    float: left;
    width: 20%;
}
#lhkexw-productderivative .equity_option .optionsrow .msmtitle {
    line-height: 24px;
}
#lhkexw-productderivative .equity_option .optionsrow .msrow .msm .msmsel {
    width: 120px;
}
#lhkexw-productderivative .equity_option .sessiontabs ul li.scroll_tabs_ds.tab_selected {
    background: url(../image/sun_14.png) no-repeat 5px center;
    background-size: 12px;
    border-bottom: 4px solid #E72742;
    color: #10416c;
}
#lhkexw-productderivative .equity_option .sessiontabs ul li.scroll_tabs_ns.tab_selected {
    background: url(../image/moon_14.png) no-repeat 5px center;
    background-size: 12px;
    border-bottom: 4px solid #E72742;
    color: #10416c;
}
#lhkexw-productderivative .sewv{ position: relative;border: 2px #D1DDE6 solid; z-index: 10;}
#lhkexw-productderivative .sewvtop{ background: #fff; width: 116px;height:23px;cursor:pointer;}
#lhkexw-productderivative .sewvtop:hover{}
#lhkexw-productderivative .sewvbm{ background: #fff;width: 96px;position: absolute;left: 0;top: 26px;display: none;border: 1px #D9D9D9 solid;border-radius: 2px;}
#lhkexw-productderivative .sewvbm>li{cursor:pointer;height:20px;line-height:20px;color: #666;padding-left:5px;}
#lhkexw-productderivative .sewvbm>li:hover{background: #57c5f7;color: #fff;}
#lhkexw-productderivative .sewvtop>span{display: inline-block;width:95px;height:23px;white-space:pre;text-overflow:ellipsis;overflow: hidden;line-height:22px;color: #666;padding:0 5px;vertical-align: middle;}
#lhkexw-productderivative .sewvtop>em{background: url('../image/Dropdown.png') no-repeat center center;display: inline-block;width: 20px;height: 20px;vertical-align: middle;}

#lhkexw-productderivative .lbaxztop{animation: rotate 0.3s linear forwards;}
#lhkexw-productderivative .lbaxztop2{animation: rotate2 0.3s linear forwards;}
@-moz-keyframes rotate{
	from{transform: rotate(0deg);}
	to{transform: rotate(180deg);}
}

@keyframes rotate{
	from{transform: rotate(0deg);}
	to{transform: rotate(180deg);}
}

@-moz-keyframes rotate2{
	from{transform: rotate(180deg);}
	to{transform: rotate(0deg);}
}
@keyframes rotate2{
	from{transform: rotate(180deg);}
	to{transform: rotate(0deg);}
}
#lhkexw-productderivative .equity_option .optionsrow .msrow .mss {
    float: right;
    width: 80%;
}
#lhkexw-productderivative .equity_option .optionsrow .msmtitle {
    line-height: 24px;
}
#lhkexw-productderivative .equity_option .optionsrow .msrow .mss .mssval {
    font-weight: bold;
    line-height: 30px;
    min-height: 30px;
    margin: 10px 0 20px 0;
}
#lhkexw-productderivative .equity_option .optionsrow .msrow .mss .mssval .mss_text {
    margin-right: 10px;
}
#lhkexw-productderivative .equity_option .optionsrow .msrow .mss .mssval .mss_list {
    float: left;
}
#lhkexw-productderivative .equity_option .optionsrow .msrow .mss .mssval .val {
    line-height: 26px;
    text-align: center;
    font-size: 0.8rem;
    margin-right: 30px;
    width: 80px;
    height: 30px;
    border: 2px #D1DDE6 solid;
    color: #e72742;
}
#lhkexw-productderivative .equity_option .optionsrow .msrow .mss .mssprogress .noui-base-bg {
    width: 100%;
    height: 100%;
    position: absolute;
}
#lhkexw-productderivative .equity_option .optionsrow .msrow .mss .mssprogress .noui-handle-low {
    left: -10px;
}
#lhkexw-productderivative .equity_option .optionsrow .msrow .mss .mssprogress .noui-handle-up {
    right: -5px;
}
#lhkexw-productderivative .equity_option .optionsrow .msrow .mss .mssprogress .noui-handle-bg {
    width: 15px;
    height: 15px;
    background: #fff;
    position: absolute;
    top: -6px;
    border-radius: 50%;
}
#lhkexw-productderivative .equity_option .optionsrow .optionstext {
    font-size: 0.875rem;
    text-align: center;
    margin-top: 60px;
}


#lhkexw-productderivative .hsirow .chartbox {
    float:none !important;
    width: 100%;
    height: 210px;
}
#lhkexw-productderivative .upval {
    color: #24803D;
}
#lhkexw-productderivative .downval {
    color: #E72742;
}
#lhkexw-productderivative .oddrow {
    background-color: #F2F6F8;
}
#lhkexw-productderivative {
    background-color: #FFFFFF;
    color: #10416c;
    font-size: 0.875rem;
    padding-bottom:15px;
}
#lhkexw-productderivative .titlerow {
    font-size: 1.125rem;
    font-weight: bold;
    padding: 0 30px 0 26px;
    color: #10416c;
    text-transform: uppercase;
    height: 48px;
    min-height: 48px;
    border-left: 4px solid #f4364c;
    display: table;
    box-sizing: border-box;
}
#lhkexw-productderivative .top_subtitle{
	font-weight: bold;
    padding: 0 30px 0 26px;
    color: #10416c;
    margin: 20px 0px;
}
#lhkexw-productderivative .titlerow span {
    display: table-cell;
    vertical-align: middle;
}
#lhkexw-productderivative .typebox {
    width: 100%;
    height: 47px;
    line-height: 47px;
    border-bottom: 2px solid #E8EEF2;
    padding: 0 20px;
}
#lhkexw-productderivative .typebox .type {
    width: 33%;
    height: 100%;
    text-align: center;
    font-weight: bold;
    color: #777777;
}
#lhkexw-productderivative .typebox .type:hover {
    border-bottom: 4px solid #b5c7d8;
}
#lhkexw-productderivative .typebox .type.selected {
    border-bottom: 4px solid #E72742;
    color: #13426B;
}
#lhkexw-productderivative .listbox {
    float:none;
}
#lhkexw-productderivative .listbox .headerrow {
    float:none;
    height: 36px;
    padding: 0 20px;
    color: #8E8E8E;
    display:flex;
    align-items:center;

}
#lhkexw-productderivative .listbox .headerrow .type{
    width:33.3%;
}
#lhkexw-productderivative .listbox .headerrow .type.price{
}
#lhkexw-productderivative .listbox .headerrow .type.change{
    text-align: center;
}
#lhkexw-productderivative .listbox .headerrow .type.turnover{
    text-align: center;
}
#lhkexw-productderivative .listbox .datarow{
    float:none;
}
#lhkexw-productderivative .listbox .datarow .price {
    width:33.3%;
}
#lhkexw-productderivative .listbox .datarow .change {
    width:33.3%;
    text-align: center;
}
#lhkexw-productderivative .listbox .datarow .change span{display:none;}
#lhkexw-productderivative .listbox .datarow .turnover {
    width:33.3%;
    text-align: center;
}

#lhkexw-productderivative .listbox .name {
    line-height: 18px;
    width: 100%;
    font-weight: bold;
    margin-top: 8px;
}
#lhkexw-productderivative .listbox .name .code {
    font-weight: normal;
}

#lhkexw-productderivative .listbox .value {
    line-height: 18px;
    width: 100%;
    margin-top: 5px;
    font-weight: bold;
}
#lhkexw-productderivative .listbox .value .change {
}
#lhkexw-productderivative .listbox .datarow {
    width: 100%;
    height: 60px;
    padding: 0 20px;
    position: relative;
}
#lhkexw-productderivative .listbox .datarow .ipo {
    width: 23px;
    height: 25px;
    position: absolute;
    background: url('../image/IPO.png') no-repeat center center;
    z-index: 10;
    left: -29px;
    top: -2px;
}

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

#lhkexw-productderivative .viewall {
    float: right;
    padding-right: 12px;
    background: url('../image/Link.png') no-repeat right center;
}



/* topranking */
#lhkexw-productderivative{ position:relative;}
#lhkexw-productderivative .title{cursor:pointer;}
#lhkexw-productderivative .tpright{float:none;}
#lhkexw-productderivative .pallist{float:none;}
#lhkexw-productderivative .lastupdate{line-height:160%;float:none; height:auto; margin-top:10px;}
#lhkexw-productderivative .lastupdate span{display:none;}
#lhkexw-productderivative .typebox .type{cursor:pointer;}
#lhkexw-productderivative .listbox .datarow .ipo{}
#lhkexw-productderivative .listbox .datarow .ipo.hide{display:none;}
#lhkexw-productderivative .listbox .datarow .ipo.show{display:block;}
#lhkexw-productderivative .top_scroll_tabs{float:none;}
#lhkexw-productderivative .top_scroll_tabs ul{}
#lhkexw-productderivative .top_scroll_tabs ul li{width: 22%;text-align: center;}
#lhkexw-productderivative .top_scroll_tabs ul li a{}
#lhkexw-productderivative .top_scroll_tabs .scroll_tab_inner{}
#lhkexw-productderivative .sublist{display:none; left:10px;}
#lhkexw-productderivative .sublist.selected{ background:#fff; display:block; width:150px; position:absolute !important;top:47px; z-index:11;box-shadow: 0 0 5px #ccc;}
#lhkexw-productderivative .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);
}
#lhkexw-productderivative .sublist.selected ul{ text-align:center;}
#lhkexw-productderivative .sublist.selected ul li{ font-weight:bold; line-height:40px; height:40px; border-bottom:1px solid #eee; cursor:pointer;}
#lhkexw-productderivative .sublist.selected ul li:hover{ background:#fafafa;}
#lhkexw-productderivative .sublist.selected ul li.selected{ background:#F2F6F8;}
#lhkexw-productderivative .pallist{ display:block;}
#lhkexw-productderivative .pallist.selected{ display:block;}
#lhkexw-productderivative .listbox{ display:block;}
#lhkexw-productderivative .listbox.this{ display:block;}
#lhkexw-productderivative .hide{display:none !important;}
#lhkexw-productderivative .show{display:inline-block !important;}

@media screen and (max-width: 1280px) {
    #lhkexw-productderivative{}
    #lhkexw-productderivative .listbox .headerrow{ height: 46px;}
    #lhkexw-productderivative .listbox .headerrow .type{width:50%;}
    #lhkexw-productderivative .listbox .headerrow .type.price span{display:block;width:100%;}
    #lhkexw-productderivative .listbox .headerrow .type.change{display: none;}
    #lhkexw-productderivative .listbox .headerrow .type.turnover span{display:block;width:100%;}
    #lhkexw-productderivative .listbox .headerrow .type.turnover{ text-align: right;}
    #lhkexw-productderivative .listbox .datarow .price{width:auto;}
    #lhkexw-productderivative .listbox .datarow .change{width:auto;margin-left:10px;}
    #lhkexw-productderivative .listbox .datarow .change span{display:inline-block;}
    #lhkexw-productderivative .listbox .datarow .turnover{width:auto;float:right;}
}
@media screen and (max-width: 1000px) {
    #lhkexw-productderivative .futuretabrow:first-child {width: 810px;}
    #lhkexw-productderivative .loadrow .lastupdated {width: 100%;height: 30px;line-height: 30px;position: relative;right: 0;top: 0;}
    #lhkexw-productderivative .loadrow .disclaimer {width: 100%;height: 30px;line-height: 30px;position: relative;right: 0;top: 0; left: 0px;}
    #lhkexw-productderivative .equity_option .overflowrow {width: 100%;overflow-x: auto;}
    #lhkexw-productderivative .equity_option .options {padding: 10px 26px;}
    #lhkexw-productderivative .top_scroll_tabs ul li {width: 29%;}
/*    #lhkexw-productderivative{width:660px;height:478px;padding-bottom:0; margin: 0 auto;}*/
    #lhkexw-productderivative{width:660px;padding-bottom:0; margin: 0 auto;}
    #lhkexw-productderivative .titlerow {width: 100%;}
    #lhkexw-productderivative .viewallbox{ line-height:47px; float:none !important; width:100%; height:47px; position:absolute; top:0; right:0px;z-index: 10;}
    #lhkexw-productderivative .viewall {color:#fff;background: url('../image/Link_white.png') no-repeat right center;}
    #lhkexw-productderivative .listbox .datarow .ipo{ background-position:left -10px; display:inline-block; height:15px; position: inherit;top:4px;left:0;}
    #lhkexw-productderivative .lastupdate{ text-align:left;}
    #lhkexw-productderivative .lastupdate span{ display:block;}
    #lhkexw-productderivative .listbox .headerrow{}
    #lhkexw-productderivative .listbox .headerrow .type{width:33.3%;}
    #lhkexw-productderivative .listbox .headerrow .type.price span{display:inline-block;width:auto;}
    #lhkexw-productderivative .listbox .headerrow .type.change{display: inline-block;}
    #lhkexw-productderivative .listbox .headerrow .type.turnover span{display:inline-block;width:auto;}
    #lhkexw-productderivative .listbox .headerrow .type.turnover{ text-align: center;}
    #lhkexw-productderivative .listbox .datarow .price{width:33.3%;}
    #lhkexw-productderivative .listbox .datarow .change{width:33.3%;margin-left:0;}
    #lhkexw-productderivative .listbox .datarow .change span{display:none;}
    #lhkexw-productderivative .listbox .datarow .turnover{width:33.3%;}
    #lhkexw-productderivative .sublist{ display:block; width:160px; position:absolute;top:0px; left:0;}
    #lhkexw-productderivative .sublist ul{ padding:0px; margin:0;}
    #lhkexw-productderivative .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;}
    #lhkexw-productderivative .sublist ul li.selected{ background:#F2F6F9;}
    #lhkexw-productderivative .tpright{ width: 100%;}
}
@media screen and (max-width: 767px) {
    #lhkexw-productderivative .top_scroll_tabs ul li {width: 45%;}
    #lhkexw-productderivative .optionsrow .msrow .mss .mssprogress {width: 100%;padding:0 8px;}
    #lhkexw-productderivative .equity_option .optionsrow {padding: 15px 10px;}
    #lhkexw-productderivative .equity_option .optionsrow .msrow .msm {width: 100%;}
    #lhkexw-productderivative .equity_option .optionsrow .msrow .mss {width: 100%; margin-top:10px;}
    #lhkexw-productderivative .hsirow {padding: 10px;}
    #lhkexw-productderivative .hsirow .pricebox .title {text-align: center;padding-top: 0;}
    #lhkexw-productderivative .equity_future .hsirow .pricebox .date {text-align: center;}
    #lhkexw-productderivative .equity_future .hsirow .pricebox .msg {float: right;margin-top: -52px;}
    #lhkexw-productderivative .hsirow .hsichart {width: 100%;}
    #lhkexw-productderivative .equity_future .hsirow .pricebox {width: 100%;}
    #lhkexw-productderivative .index_level .pricebox {width: 100%;text-align: center;}
    #lhkexw-productderivative .equity_future .hsirow .pricebox {width: 100%;}

    #lhkexw-productderivative{width:100%;height:auto;}
    #lhkexw-productderivative .viewallbox{ line-height:47px; float:none !important; width:auto; height:47px; position:absolute; top:0; right:0px;}
    #lhkexw-productderivative .typebox{padding:0 10px;}
    #lhkexw-productderivative .typebox .type{ font-size:0.6875rem;}
    #lhkexw-productderivative .lastupdate{ text-align:center; padding:0 10px;}
    #lhkexw-productderivative .tpright{float:none; padding-bottom: 20px;}
    #lhkexw-productderivative .listbox .headerrow{padding:0 10px;}
    #lhkexw-productderivative .listbox .headerrow .type.turnover{ text-align: right;}
    #lhkexw-productderivative .listbox .datarow{padding:0 10px;}
    #lhkexw-productderivative .listbox .datarow .turnover{text-align: right;}
    #lhkexw-productderivative .sublist{ display:none; left:10px;}
    #lhkexw-productderivative .tpright{ width:100%;}
}