#lhkexw-etps .clear {font-size: 0px;	clear: both;line-height: 0px; height: 1px;}
#lhkexw-etps .clearfix:after {content: "."; 	display: block;  height: 0;	clear: both; visibility: hidden;}
#lhkexw-etps .clearfix {min-height: 1px;}

#lhkexw-etps {
    color:#10416c;
    font-size: 0.875rem;
}
#lhkexw-etps .sublink{background:#fff;line-height: 47px; float:right; height: 47px; padding-right: 15px;}
#lhkexw-etps .sublink ul{list-style-type: none; padding: 0; margin: 0;}
#lhkexw-etps .sublink ul li{list-style-type: none; float:left; margin-left: 15px;}
#lhkexw-etps .sublink ul li a{ font-size: 0.6875rem; font-weight: bold; background: url('../image/Link.png') no-repeat right center; display: inline-block; padding-right:10px;color:#42698b;}
#lhkexw-etps .sublink ul li a:hover{text-decoration: none;}
#lhkexw-etps .nav-side{
}
#lhkexw-etps .nav-side .left-menu__wrapper{
    height:0;
}
#lhkexw-etps .nav-side .etps_filters{
    background:#fff;
}
#lhkexw-etps #tr_option li, #lhkexw-etps #tr_option li a{
    line-height: 14px;
    display: block;
    float: inherit;
    margin-top: 10px;
}
#lhkexw-etps .etps_export{
    margin-top: 20px;
}
#lhkexw-etps .etps_period{
    background-color: #577c9d;
    color: white;
    border-bottom: 1px solid white;
    padding: 12px 20px 10px 20px;
    position: relative;
    cursor: pointer;
}

#lhkexw-etps .etps_period[data-period=maker]{border-bottom:0px;}
#lhkexw-etps .dateRangeCtl_wrapper{
    background-color: white;
    padding: 1px 15px 15px 15px;
    margin-top: -5px;
}

#lhkexw-etps .dateRangeCtl_wrapper input{
    width: 75px;
    border: 0px;
    padding: 0;
	background-color: #ffffff;
}

#lhkexw-etps .date_range{
    color: #10416c;
    border-color: #ccc;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    padding: 5px 10px;
    display: inline-block;
}

#lhkexw-etps .dateRangeCtl{
    float: right;
    padding: 5px 20px;
    margin-left: 10px;
    cursor: pointer;
    letter-spacing: 0.5px;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    text-transform: uppercase;
}
#lhkexw-etps .dateRangeCtl[data-ctl=cancel]{
    color: #10416c;
    border-color: #ccc;
}
#lhkexw-etps .dateRangeCtl[data-ctl=confirm]{
    color: #fff;
    font-weight: 600;
    background: #10416c;
    border-color: #10416c;
}
#lhkexw-etps .etps_period:after{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #ff0000;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0,-50%);
}
#lhkexw-etps .etps_period:last-of-type{
    border-bottom: 0px;
}
#lhkexw-etps #etps_range{
    display: none;
}

#lhkexw-etps .etps_export .etps_title{
    background-color: #10416c;
    line-height: 47px;
    border-left:2px solid 
}
#lhkexw-etps .nav-side .sublink{
    display:none;
}
#lhkexw-etps .nav-side .searchbox{
    padding:10px;
}
#lhkexw-etps .nav-side .searchbox input {
    width:100%;
    height: 47px;
    border: 2px solid #E8EEF2;
    padding: 0 10px 0 42px;
    background:#fff url('../image/Search1.png') no-repeat 12px center;
}
#lhkexw-etps .etps_slider_con.preset ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#lhkexw-etps .nav-side .etps_select{
}
#lhkexw-etps .nav-side .etps_select ul{
}
#lhkexw-etps .nav-side .etps_select ul li{
    margin: 0 0 10px 0;
}
#lhkexw-etps .nav-side .etps_select ul li span{
    background: #fff;
    display: inline-block;
    padding: 8px 10px;
    border:1px solid rgba(219, 219, 219, 1);
    cursor: pointer;
}
#lhkexw-etps .nav-side .etps_select ul li.selected span{
    border:1px solid #f4364c;
}
#lhkexw-etps .nav-side .etps_morefilters{
    line-height: 16px;
    display:none;
    cursor: pointer;
    -moz-user-select:none;/*火狐*/
    -webkit-user-select:none;/*webkit浏览器*/
    -ms-user-select:none;/*IE10*/
    -khtml-user-select:none;/*早期浏览器*/
    user-select:none;
}
#lhkexw-etps .nav-side .etps_morefilters i{
    background: url('../image/Dropdown.png') no-repeat right center;
    display: inline-block;
    width:8px;
    height: 6px;
    -moz-transition:0.5s;
    -webkit-transition:0.5s;
    -ms-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
}
#lhkexw-etps .nav-side .etps_morefilters.selected i{
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
#lhkexw-etps .nav-side .etps_slider_con{
    padding:15px 10px;
    border-bottom:1px solid #e3e3e3;
}
#lhkexw-etps .nav-side .etps_slider_con .select-button{
    overflow: hidden;
}
#lhkexw-etps .nav-side .etps_slider_con .etps_slider_title{
    font-weight: bold;
    margin-bottom:15px;
}
#lhkexw-etps .nav-side .etps_slider_con .etps_slider{
    padding:0 10px 0 10px;
}
#lhkexw-etps .nav-side .etps_slider_con .slider_val{
    color: #ccc;
    width: 100%;
    height: 35px;
    /*	background: #fff;*/
    position: relative;
    z-index: 1;
}
#lhkexw-etps .nav-side .etps_slider_con .slider_val input{
    color: #10416c;
    display: inline-block;
    border:1px solid #e3e3e3;
    height: 33px;
    width: 46%;
    padding:0 1%;
    outline: none;
}
#lhkexw-etps .nav-side .etps_slider_con .slider_val input[placeholder]{
    color: #ccc;
}
#lhkexw-etps .nav-side .etps_slider_con .slider_val input.slider_upper{
    float: right;
    text-align: right;
}
#lhkexw-etps .etps_apply{
    text-align: center;
    padding:15px 10px;
}
#lhkexw-etps .nav-side .etps_apply .etps_apply_btn{
    color:#fff;
    font-size: 0.7rem;
    font-weight: bold;
    line-height: 40px;
    background:rgba(16, 65, 108, 1);
    display:inline-block;
    padding: 0 10px;
    border:1px solid rgba(16, 65, 108, 1);
    cursor: pointer;
}
#lhkexw-etps .nav-side .etps_apply .etps_reset_btn{
    color:#10416c;
    font-size: 0.7rem;
    font-weight: bold;
    line-height: 40px;
    background:rgba(255, 2555, 2555, 1);
    display:inline-block;
    padding: 0 10px;
    border:1px solid rgba(227, 227, 227, 1);
    cursor: pointer;
}
#lhkexw-etps .nav-content-wrap{}
#lhkexw-etps .nav-content-wrap .sublink{
    display:block;
}
#lhkexw-etps .nav-content-wrap .section_table{
    background: #ffffff;
    margin-bottom: 20px;
    border-bottom: 1px solid #AEB4C5;
}
#lhkexw-etps .etps_overflow{width:100%;}
#lhkexw-etps .loadrow{
    position: relative;
}
#lhkexw-etps .lastupdated{
    color: #444444;
    font-size: 0.6875rem;
    line-height: 18px;
    padding:20px;
    height: 55px;
    text-align: right;
}
#lhkexw-etps .loadrow .loadmore{
    position: absolute;
    left:50%;
    top:15%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
}
#lhkexw-etps .loadrow .loadmore_right{
    float: right;
    position: relative;
}
#lhkexw-etps .loadrow .loadmore_update{
    width: 120px;
    cursor: pointer;
    /*	margin-left: 45%;*/
    height: 56px;
    text-indent: 20px;
    line-height: 56px;
    border-bottom: 1px solid #D1DDE6;
    border-left: 1px solid #D1DDE6;
}
#lhkexw-etps .loadrow .dropdown{
    background: url(../image/Dropdown.png) no-repeat;
    background-position: 90% 50%;
}
#lhkexw-etps .loadrow .dropup{
    background: url(../image/Dropup.png) no-repeat;
    background-position: 90% 50%;
}
#lhkexw-etps .loadrow .select_items{
    position: absolute;
    width: 100%;
    /*	margin-left: 45%;*/
    line-height: 56px;
    display: none;
    color: #72ACFE;
    text-indent: 20px;
}
#lhkexw-etps .loadrow .select_item{
    border-bottom: 1px solid #D1DDE6;
    border-left: 1px solid #D1DDE6;
    background-color: #fff;
    cursor: pointer;
}
#lhkexw-etps .loadrow .select_item:hover{
    background-color: #f2f6f8;
}
#lhkexw-etps .loadrow .loaditem_select{
    background-color: #f2f6f8;
}
#lhkexw-etps .loadrow .loadmore span{
    line-height: 16px;
    background: url('../image/Combined Shape.png') left center no-repeat;
    background-size: 15px 15px;
    display: inline-block;
    height: 15px;
    padding-left: 20px;
    cursor: pointer;
}
#lhkexw-etps .nav-content-wrap .section_table .disclaimer{
    list-style-type: none;
    padding-left: 15px;
}

/*mCustomScrollbar*/
#lhkexw-etps .mCustomScrollBox{overflow: hidden;}
#lhkexw-etps .mCSB_container{overflow:inherit !important;}
#lhkexw-etps .mCS-my.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCS-my.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:none !important;}

/*table*/
#lhkexw-etps table{border-collapse: collapse;/*border-spacing: 0px;*/}
#lhkexw-etps table.table_etps{width: 100%;min-width:700px;border-bottom: 1px solid #D1DDE6;}
#lhkexw-etps table.table_etps tr.datarow:nth-child(odd){background: #f2f6f8;}
#lhkexw-etps table.table_etps th{color:#fff;font-weight:normal;background:#10416c; text-align: right;vertical-align: center;padding:15px 10px; cursor: pointer;}
#lhkexw-etps table.table_etps th.code{ white-space: nowrap;}
#lhkexw-etps table.table_etps .name{ text-align: left;}
#lhkexw-etps table.table_etps th.name table th { text-align: left;}
#lhkexw-etps table.table_etps th.mgt_fee{max-width: 110px;}
#lhkexw-etps table.table_etps th.movement{cursor: default;}
#lhkexw-etps table.table_etps th.movement table th{cursor: default;}
#lhkexw-etps table.table_etps th table {width: 100%;}
#lhkexw-etps table.table_etps th table th{padding:0;}
#lhkexw-etps table.table_etps th table th.ico { text-align: right;display: none;}
#lhkexw-etps table.table_etps th.selected table th.ico{ padding:0 5px; display: block;}

#lhkexw-etps table.table_etps th.selected.uppercase table th.ico i{background: url('../image/Dropdown_white.png') center center no-repeat; width:8px; height: 6px;display: inline-block;}
#lhkexw-etps table.table_etps th.selected.lowercase table th.ico i{background: url('../image/Dropup_white.png') center center no-repeat; width:8px; height: 6px;display: inline-block;}
#lhkexw-etps table.table_etps th.selected{background: #507494;}
#lhkexw-etps table.table_etps th.selected table th{background: #507494;}
#lhkexw-etps table.table_etps td{ text-align: right;vertical-align: center;padding:10px 10px;border-left: 1px solid #D1DDE6;border-right: 1px solid #D1DDE6;}
#lhkexw-etps table.table_etps td.code{text-align: right;position: relative;}
/*table.table_etps td.code span{background-size:auto 6px; display: inline-block; padding-top: 6px;position: absolute;top:0;left:-12px;}
table.table_etps td.code span bdo{ color: #fff;font-size: 0.6875rem; line-height: 24px; display: inline-block; padding:0 3px;}
table.table_etps td.code span.red{background: url('../images/ico_red.png') left top no-repeat;}
table.table_etps td.code span.red bdo{ background: #f4364c;}
table.table_etps td.code span.yellow{background: url('../images/ico_yellow.png') left top no-repeat;}
table.table_etps td.code span.yellow bdo{ background: #FFB205;}*/
#lhkexw-etps table.table_etps td.code .flag {
    font-size: 0.8em;
    font-weight: bold;
    padding: 0px 4px;
    margin-right: 2px;
    height: 14px;
    line-height: 14px
}
#lhkexw-etps table.table_etps td.code .flag.ipo {
    background-color: #FFB205;
    color: #FFFFFF;
    position: absolute;
    left: 0px;
    top: 5px;
}
#lhkexw-etps table.table_etps td.code .flag.suspend {
    background-color: #f4364c;
    color: #FFFFFF;
    position: absolute;
    left: 0px;
    top: 5px;
}
#lhkexw-etps table.table_etps td.code a:hover{
    cursor: pointer;
}
#lhkexw-etps table.table_etps td.name{ text-align: left;}
#lhkexw-etps table.table_etps td.name a:hover{
    cursor: pointer;
}
#lhkexw-etps table.table_etps td.price{}
#lhkexw-etps table.table_etps td.price div {white-space: nowrap;}
#lhkexw-etps table.table_etps td.price .upval {color:#24803D;}
#lhkexw-etps table.table_etps td.price .downval {color:#f4364c;}
#lhkexw-etps table.table_etps td.movement{ text-align: center;}
#lhkexw-etps table.table_etps th.movement {
    cursor: default;
}
#lhkexw-etps table.table_etps th.movement table th {
    cursor: default;
}
#lhkexw-etps table.table_etps th.movement table th.text {
    /*text-align: left;*/
}
#lhkexw-etps table.table_etps td.movement img{
    width: 100%;
}
#lhkexw-etps table.table_etps td.nores {
    height: 50px;
    line-height: 50px;
    text-align: left;
}

#lhkexw-etps .massDLReminder{
    border-left: 1px solid #577c9d;
    border-bottom: 1px solid #577c9d;
    border-right: 1px solid #577c9d;
    padding: 5px;
    background-color: white;
    font-size: 12px;
}

#lhkexw-etps .massDLAlert.active{opacity: 1;}

.loading_shade{
    position: fixed;
    background-color: rgba(0,0,0,0.5);
    z-index: 1000;
    top: 0px;
    height: 100%;
    width: 100%;
    display: none;
}

.loading_shade.active{
    display: block;
}

.loading_shade .loading_icon{
    background-image: url('../image/loading.gif');
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

/*noUiSlider*/
.noUi-handle{ background: #10416c !important;}
.noUi-horizontal .noUi-tooltip{ color: #10416c !important;}
.noUi-connect{background:rgba(242, 246, 248, 1) !important;}
.noUi-target{border:0 !important;}
.noUi-handle-lower .noUi-tooltip{padding:5px 0;left:0 !important;transform:translate(0, 0) !important;-webkit-transform:translate(0, 0) !important;}
.noUi-handle-upper .noUi-tooltip{padding:5px 0;left:auto !important;right:0 !important;transform:translate(0, 0) !important;-webkit-transform:translate(0, 0) !important;}
.noUi-marker{background:#fff !important;display:none;}
.noUi-target{margin-bottom: 15px}
.noUi-pips{left:42px !important;}
.noUi-pips .noUi-value{color:#ccc;text-align: left !important;/* display: inline-table !important;*/width:100px;}
.noUi-pips .noUi-value:last-of-type{text-align: right !important;}

@media screen and (max-width: 1000px) {
    #lhkexw-etps .etps_export, #lhkexw-etps .ete{
        display: none;
    }

    #lhkexw-etps .nav-side .left-menu__wrapper{
        height:auto;
    }
    #lhkexw-etps .nav-side .etps_filters{
        background:#f2f6f8;
    }
    #lhkexw-etps .nav-side .searchbox{
        border-bottom:1px solid #e3e3e3;
    }
    #lhkexw-etps .nav-side .searchbox input {
        float:left;
        width:60%;
    }
    #lhkexw-etps .nav-side .etps_select ul li{
        display:inline-block;
        margin:0 5px 10px 0;
    }
    #lhkexw-etps .nav-side .etps_morefilters{
        display:block;
        float: right;
        margin-top:17px;
    }
    #lhkexw-etps .nav-side .sublink{
        line-height: 34px;
        text-align: right;
        display:block;
        float:none;
        height: 34px;
    }
    #lhkexw-etps .nav-side .sublink ul{
        display:inline-block;
    }
    #lhkexw-etps .nav-side .sublink ul li.export{
        display:none;
    }
    #lhkexw-etps .nav-side .etps_slider_more{
        height: 0;
        overflow: hidden;
    }
    #lhkexw-etps .nav-side .etps_slider_more.show{
        height: auto;
    }
    #lhkexw-etps .nav-content-wrap .sublink{
        display:none;
    }
    #lhkexw-etps .nav-content-wrap h2{
        display: none !important;
    }
    #lhkexw-etps .nav-content-wrap .etps_scroll_tabs{
        display: none !important;
    }
    #lhkexw-etps .nav-content-wrap .lastupdated{
        float: none;
        margin-top:10px;
    }
    #lhkexw-etps .nav-content-wrap .loadrow .loadmore{
        position: absolute;
    }

    /*table*/
    table.table_etps td.stock span{
        background: none !important;
        padding-top:0;
        left:0;
    }
    table.table_etps td.stock span bdo{
        line-height: 18px;
    }
    /*noUiSlider*/
    .noUi-connect{ background: #fff !important;}
}
@media screen and (max-width: 767px) {
    #lhkexw-etps .nav-content-wrap .loadrow .loadmore{
        position: absolute;
        left: 25%;
    }
}
@media screen and (max-width: 660px) {
    table.table_etps{width: 660px;}
}