﻿/* interestratelanding */
.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;}
dl,dt,dd{padding: 0;margin: 0;}

#lhkexw-interestratelanding{
    background-color: #FFFFFF;
    color: #10416C;
}
#lhkexw-interestratelanding .section_table{color: #10416C;  background: #fff; overflow: hidden;}
#lhkexw-interestratelanding .title__main{float: left;}
#lhkexw-interestratelanding .interestratelanding_title{min-height: 48px;}
#lhkexw-interestratelanding .interestratelanding_title .title_right{margin-right: 26px;line-height: 48px;}
#lhkexw-interestratelanding .title_right{float: right;background: url(../image/Link.png) no-repeat right center;padding-right: 15px;cursor: pointer;}
#lhkexw-interestratelanding .interestratelanding_search{padding:10px;}
#lhkexw-interestratelanding .interestratelanding_search .sc_search{display:inline-block;border: 1px solid #e8eef2;padding: 2px;}
#lhkexw-interestratelanding .interestratelanding_search .sc_search input{float:left;width:260px;height: 42px;border:0;outline: none;} 
#lhkexw-interestratelanding .interestratelanding_search .sc_search button{background: url("../image/Search_blue.png") no-repeat center center; display: block;float:left;width:42px; height: 42px;border:0;cursor:pointer;outline: none;}
#lhkexw-interestratelanding .interestratelanding_contentrow .listpane {padding: 0 26px;}
#lhkexw-interestratelanding .interestratelanding_contentrow .future, #lhkexw-interestratelanding .interestratelanding_contentrow .options{padding: 15px 26px;display: inline-block;width: 100%}
#lhkexw-interestratelanding .interestratelanding_contentrow .interestratelanding_data_table{position: relative;}
#lhkexw-interestratelanding .interestratelanding_contentrow .futuretabrow, #lhkexw-interestratelanding .interestratelanding_contentrow .optionstabrow{ font-size: 0.8rem;}
#lhkexw-interestratelanding .interestratelanding_contentrow .interestratelanding_option{position: relative;}


#lhkexw-interestratelanding .interestratelanding_contentrow .loadrow{position: relative;}
#lhkexw-interestratelanding .interestratelanding_contentrow .loadrow .loadmore{cursor: pointer;font-weight: bold;text-align: center;position: absolute;left: 50%;top: 15%;}
#lhkexw-interestratelanding .interestratelanding_contentrow .loadrow .loadmore span{background: url("../image/Combined Shape.png") no-repeat left center;background-size: 15px 15px;padding-left: 20px;}
#lhkexw-interestratelanding .interestratelanding_contentrow .loadrow .loadmore_right {
    float: right;
    position: relative;
}
#lhkexw-interestratelanding .interestratelanding_contentrow .loadrow .loadmore_left{float: left;position: relative;}
#lhkexw-interestratelanding .loadrow .dropdown {
    background: url(../image/Dropdown.png) no-repeat;
    background-position: 90% 50%;
}
#lhkexw-interestratelanding .loadrow .dropup {
    background: url(../image/Dropup.png) no-repeat;
    background-position: 90% 50%;
}
#lhkexw-interestratelanding .loadrow .loadmore_update {
    cursor: pointer;
    text-indent: 20px;
    margin-left: 45%;
    height: 56px;
    line-height: 56px;
    border-bottom: 1px solid #D1DDE6;
    border-left: 1px solid #D1DDE6;
}
#lhkexw-interestratelanding .loadrow .select_items {
    position: absolute;
    width: 55%;
    margin-left: 45%;
    line-height: 56px;
    display: none;
    color: #72ACFE;
    z-index: 10;
    text-indent: 20px;
}
#lhkexw-interestratelanding .loadrow .select_item {
    border-bottom: 1px solid #D1DDE6;
    border-left: 1px solid #D1DDE6;
    background-color: #fff;
    cursor: pointer;
}
#lhkexw-interestratelanding .loadrow .select_item:hover {
    background-color: #f2f6f8;
}
#lhkexw-interestratelanding .loadrow .loaditem_select {
    background-color: #f2f6f8;
}
#lhkexw-interestratelanding .interestratelanding_contentrow .loadrow .lastupdated{ color: #8E8E8E; font-size: 0.875rem; line-height: 20px;padding: 20px;}
#lhkexw-interestratelanding .interestratelanding_contentrow .loadrow .disclaimer{ color: #8E8E8E; font-size: 0.875rem; line-height: 20px;padding: 20px;}
#lhkexw-interestratelanding table{border-collapse: collapse;}
#lhkexw-interestratelanding table.table1{width:100%;border:1px solid #D1DDE6;}
#lhkexw-interestratelanding table.table1 thead tr{}
#lhkexw-interestratelanding table.table1 thead tr th{color:#fff; background: #10416c;height: 55px;font-weight: normal; padding-left: 10px; padding-right: 10px;}
#lhkexw-interestratelanding table.table1 thead tr.sub_th th{color:#fff; background: #567d9c;height: 30px;}
#lhkexw-interestratelanding table.table1 thead tr td{padding: 0;text-align: center;}
#lhkexw-interestratelanding .options_data table.table1 tbody tr td:nth-child(n+2), #lhkexw-interestratelanding .options_data table.table1 thead th:nth-child(n+2){text-align:right;}
#lhkexw-interestratelanding .options_data table.table1 thead th{ padding-right: 10px; padding-left: 10px;}
#lhkexw-interestratelanding table.table1 tbody tr:not(.total_row){cursor: pointer;}
#lhkexw-interestratelanding table.table1 tbody tr:not(.total_row):hover td:first-child{color: #e72742;}
#lhkexw-interestratelanding table.table1 tbody tr:nth-child(even){background:#f2f6f8;}
#lhkexw-interestratelanding table.table1 tbody tr td{text-align: center;	padding:10px; border:1px solid #D1DDE6;}
#lhkexw-interestratelanding table.table1 tbody tr td span{display: block;}
#lhkexw-interestratelanding table.table1 tbody tr.total_row{background-color: #10416c;color: white;height: 40px;}
#lhkexw-interestratelanding table.table1 tbody tr.total_row td{border: 0px;}

#lhkexw-interestratelanding .optionstabrow th:nth-child(n+2){text-align: right;}

#lhkexw-interestratelanding .interestratelanding_contentrow .listpane ul {
    display: block;
    border: 0;
}

#lhkexw-interestratelanding .interestratelanding_contentrow .listpane ul li span {
    padding: 0 15px 0 20px;
}

#lhkexw-interestratelanding .interestratelanding_contentrow .listpane ul li.scroll_tabs_ds{
    /* color: #9e9e9e; */
    background: url("../image/sun_9e.png") no-repeat 5px center;
    background-size: 12px;
}
#lhkexw-interestratelanding .interestratelanding_contentrow .listpane ul li.scroll_tabs_ds_hover{
    background: url("../image/sun_14.png") no-repeat 5px center;
    background-size: 12px;
    border-bottom: 4px solid #E72742;
    color:#10416c;
}
#lhkexw-interestratelanding .interestratelanding_contentrow .listpane ul li.scroll_tabs_ns{
    /*color: #9e9e9e;*/
    background: url("../image/moon_9e.png") no-repeat 5px center;
    background-size: 12px;
}
#lhkexw-interestratelanding .interestratelanding_contentrow .listpane ul li.scroll_tabs_ns_hover{
    background: url("../image/moon_14.png") no-repeat 5px center;
    background-size: 12px;
    border-bottom: 4px solid #E72742;
    color:#10416c;
}

@media screen  and (max-width: 1000px) {
    #lhkexw-interestratelanding{width: 660px;margin: 0 auto;}
    #lhkexw-interestratelanding .interestratelanding_contentrow .futuretabrow:first-child{width: 750px;}
    #lhkexw-interestratelanding .interestratelanding_contentrow .future .title_right{display: none;}
    #lhkexw-interestratelanding .interestratelanding_contentrow .overflowrow{width:100%; overflow-x: hidden;}
    #lhkexw-interestratelanding .interestratelanding_contentrow .ludrow{ text-align: center; padding: 10px;}
}
@media screen and (max-width: 767px) {
    #lhkexw-interestratelanding{width: 100%}
    #lhkexw-interestratelanding .interestratelanding_search .sc_search{ width: 100%;}
    #lhkexw-interestratelanding .interestratelanding_search .sc_search input{width:calc(100% - 42px);}    
    #lhkexw-interestratelanding .interestratelanding_contentrow .loadrow .disclaimer{padding: 0px 20px 20px 20px;}
    #lhkexw-interestratelanding .interestratelanding_contentrow .loadrow .loadmore_left{width: 100%; text-align: right;}
    #lhkexw-interestratelanding .interestratelanding_contentrow .loadrow .loadmore{left: 5%}
}


