#lhkexw-overview .upval {
    color: #24803D;
}
#lhkexw-overview .downval {
    color: #E72742;
}
#lhkexw-overview {
    height: 489px;
    background-color: #FFFFFF;
    color: #224e74;
    font-size: 0.875rem;
}
#lhkexw-overview div {
    float: left;
}
#lhkexw-overview .titlerow {
	background:#ffffff;
    width: 100%;
    height: 47px;
    position: relative;
    z-index: 5;
}
#lhkexw-overview .titlerow .colorStroke {
    width: 4px;
    height: 100%;
    background-color: #E72742;
}
#lhkexw-overview .lastupdate {
	font-size: 0.7rem;
    line-height: 12px;
    float: right;
    color: #8E8E8E;
    padding-right: 20px;
}
#lhkexw-overview .titlerow .title {
	color:#224e74;
    height: 47px;
    line-height: 33px;
    font-weight: 700;
    font-size: 1rem;
    padding-left: 26px;
}
#lhkexw-overview .titlerow .update {
	color: #777777;
	line-height: 12px;
    position: absolute;
    bottom:6px;
    left:30px;
}
#lhkexw-overview .contentrow{
	float:none;
}
#lhkexw-overview .contentrow .listpane {
    width: 177px;
    border-top: 1px solid #D1DDE6;
    border-right: 1px solid #D1DDE6;
}
#lhkexw-overview .contentrow .listpane .listitem {
    float: left;
    width: 176px;
    /*height: 81px;*/
    border-bottom: 1px solid #D1DDE6;
    padding: 20px 10px;
    cursor: pointer;
}
#lhkexw-overview .contentrow .listpane .listitem.selected {
    background-color: #F2F6F8;
    cursor: default;
}
#lhkexw-overview .contentrow .listpane .listitem .col_name {
    width: 100%;
    font-weight: bold;
    line-height: 20px;
    overflow:hidden;
}
#lhkexw-overview .contentrow .listpane .listitem .col_last {
    height: 20px;
    line-height: 20px;
    margin-right:5px;
    font-size: 0.6875rem;
    display: inline-block;
    float:left;
}
#lhkexw-overview .contentrow .listpane .listitem.selected .col_last {
    font-weight: bold;
}

#lhkexw-overview .contentrow .listpane .listitem .col_change {
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    font-size: 0.6875rem;
    display: inline-block;
    float:left;
}
#lhkexw-overview .contentrow .listpane .listitem:last-child {
/*    border-bottom: 0px;*/
}
#lhkexw-overview .contentrow .listpane .buttongroup {
	background:#fff;
	width:100%;
	height: 40px;;
	overflow:hidden;
    border-top: 1px solid #D1DDE6;
    position: absolute;
    bottom:0;
    z-index: 5;
    display:none;
}
#lhkexw-overview .contentrow .listpane .buttonup {
    width: 88px;
    height: 40px;
    border-right: 1px solid #D1DDE6;
    background: url('../images/Up.png') no-repeat center center;
/*    background-size: 12px 6px;*/
    position: absolute;
    left:0;
    bottom:0;
}
#lhkexw-overview .contentrow .listpane .buttondown {
    width: 87px;
    height: 40px;
    background: url('../images/Down.png') no-repeat center center;
/*    background-size: 12px 6px;*/
    position: absolute;
    right:0;
    bottom:0;
}
#lhkexw-overview .contentrow .listpane .buttongroup .btnup,#lhkexw-overview .contentrow .listpane .buttongroup .btndown{display:none;}
#lhkexw-overview .contentrow .listpane .buttongroup .btnup{
    border-right: 1px solid #D1DDE6;
    background:#fff url('../images/Up.png') no-repeat center center;
	width: 50%;
	height: 40px;
	cursor: pointer;
	position: absolute;
	top:0;
	left:0;
	z-index: 5;
}
#lhkexw-overview .contentrow .listpane .buttongroup .btndown{
    background:#fff url('../images/Down.png') no-repeat center center;
	width: 50%;
	height: 40px;
	cursor: pointer;
	position: absolute;
	top:0;
	right:0;
	z-index: 5;
}
#lhkexw-overview .contentrow .detailpane {
	width: calc(100% - 177px);
    padding: 10px 15px;
}
#lhkexw-overview .contentrow .detailpane .col_name {
	float:none;
    width: 100%;
    height: 12px;
    line-height: 12px;
    font-weight: bold;
}
#lhkexw-overview .contentrow .detailpane .col_name .col_dateindices{
	font-size: 0.7rem;
	font-weight: normal;
    line-height: 12px;
    color: #8E8E8E;
    padding-left:50px;
}
#lhkexw-overview .contentrow .detailpane .pricebox {
	line-height: 20px;
	float:none;
    width: 100%;
    margin:5px 0;
}
#lhkexw-overview .contentrow .detailpane .pricebox .col_last {
    font-size: 1.125rem;
    font-weight: bold;
}
#lhkexw-overview .contentrow .detailpane .pricebox .col_change {
    padding-left: 15px;
    font-size: 1.125rem;
    font-weight: bold;
}
#lhkexw-overview .contentrow .detailpane .periodbox {
	float:none;
	width:100%;
    height: 30px;
    display: -webkit-flex;
    display: flex;
    position:relative;
}
#lhkexw-overview .contentrow .detailpane .periodbox .period {
	width:10%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    color: #777777;
    border-bottom: 1px solid #13426B;
    cursor: pointer;
}
#lhkexw-overview .contentrow .detailpane .periodbox .period:hover {
	border-bottom: 3px solid #b5c7d8;
}
#lhkexw-overview .contentrow .detailpane .periodbox .period.selected {
    color: #224e74;
    border-bottom: 3px solid #E72742;
}
#lhkexw-overview .contentrow .detailpane .interval{
	line-height:16px;
	color: #777777;
	float:none;
}
#lhkexw-overview .contentrow .detailpane .interval .period{
	padding:3px 5px;
	cursor: pointer;
}
#lhkexw-overview .contentrow .detailpane .interval .period.selected{
	color: #224e74;
	font-weight: bold;
}
#lhkexw-overview .contentrow .detailpane .chartbox {
	float:none;
    width: 100%;
}
#lhkexw-overview .contentrow .detailpane .futurebox {
	float:none;
}
#lhkexw-overview .contentrow .detailpane .futurebox .title {
    width: 100%;
    font-weight: bold;
    line-height: 20px;
    float:none;
}
#lhkexw-overview .contentrow .detailpane .futurebox .title .title_nm{
}
#lhkexw-overview .contentrow .detailpane .futurebox .title .title_date{
	font-size: 0.7rem;
	font-weight: normal;
    color: #8E8E8E;
    padding-left:50px;
}
#lhkexw-overview .contentrow .detailpane .futurebox .row {
	font-size: 0.7rem;
	float:none;
	padding:5px 0;
    display: -webkit-flex;
    display: flex;
}
#lhkexw-overview .contentrow .detailpane .futurebox .row div{
	width:20%;
}
#lhkexw-overview .contentrow .detailpane .futurebox .row:last-child {
    border-top: 2px solid #E8EEF2;
}
#lhkexw-overview .contentrow .detailpane .futurebox .row .label {
    font-weight: bold;
	text-align: right;
    width:35%;
	padding: 0 10px 0 0;
}
#lhkexw-overview .contentrow .detailpane .futurebox .row .value {
}
#lhkexw-overview .contentrow .detailpane .futurebox .row .month {
	text-align: left;
	width:100px;
}
#lhkexw-overview .contentrow .detailpane .futurebox .row .col_last {
	text-align: right;
	padding: 0 10px 0 0;
}
#lhkexw-overview .contentrow .detailpane .futurebox .row .col_nc {
}
#lhkexw-overview .contentrow .detailpane .futurebox .row .col_vo {
}
#lhkexw-overview .contentrow .detailpane .futurebox .row .oi {
}
#lhkexw-overview .contentrow .detailpane .futurebox .row .col_oi {
}
#lhkexw-overview .contentrow .detailpane .ohlcbox {
	float:none;
	width:100%;
        line-height: 19px;
}
#lhkexw-overview .contentrow .detailpane .ohlcbox .row {
	width:33.3%;
}
#lhkexw-overview .contentrow .detailpane .ohlcbox .label {
    text-align: left;
    font-weight: bold;
    padding-right:10px;
}
#lhkexw-overview .contentrow .detailpane .ohlcbox .value {
    text-align: left;
}

/* overview */
.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;}

/* overview */
#lhkexw-overview{ overflow:hidden;}
#lhkexw-overview .contentrow .detailpane{}
#lhkexw-overview .contentrow .detailpane.selected{ display:block;}
#lhkexw-overview .contentrow .listpane{ height: 442px;}
#lhkexw-overview .contentrow .listpane .itemlist{}
#lhkexw-overview .contentrow .listpane .itemlists{ display:none;}
#lhkexw-overview .contentrow .listpane .itemlist .col_date{ display:none;}
#lhkexw-overview .contentrow .listpane .buttonup,#lhkexw-overview .contentrow .listpane .buttondown{display:block; cursor:pointer; position: absolute;bottom:0; z-index: 4;}
#lhkexw-overview .overview_scroll_tabs{line-height:12px;float:none;width:100%;}
#lhkexw-overview .overview_scroll_tabs ul{margin-top:0;}
#lhkexw-overview .overview_scroll_tabs ul li{}
#lhkexw-overview .overview_scroll_tabs .scroll_tab_inner{ text-align: center;}
#lhkexw-overview .contentrow .detailpane .usd_cnh{color:#8E8E8E; line-height: 12px; float:none; display: none;}
#lhkexw-overview .contentrow .detailpane .usd_cnh.show{ display: block;}
#lhkexw-overview .contentrow .listpane div{float:none;}
#lhkexw-overview .contentrow .sec_max{width:177px;height:442px;overflow:hidden;}
#lhkexw-overview .slimScrollDiv{ height: 442px !important;}
#lhkexw-overview .sec_max{ height:442px !important;}

@media screen and (max-width: 1280px) {
	#lhkexw-overview .contentrow .listpane .listitem{/*height: 101px;*/padding:20px;}
	#lhkexw-overview .contentrow .listpane .listitem .col_last {float:none;width:100%;margin-right:0;}
	#lhkexw-overview .contentrow .listpane .listitem .col_change {float:none;width:100%;}
}
@media screen and (max-width: 1000px) {
	/* overview */
	#lhkexw-overview{width:660px; margin: 0 auto;}
	#lhkexw-overview .titlerow { background: #10416c;}
	#lhkexw-overview .titlerow .title{color:#ffffff;}
	#lhkexw-overview .titlerow .update{color:#ffffff;}
	#lhkexw-overview .contentrow .listpane{}
	#lhkexw-overview .contentrow .detailpane{}
}
@media screen and (max-width: 767px) {
	/* overview */
	#lhkexw-overview{width:100%; height: auto;}
	#lhkexw-overview .titlerow{float:none;}
        #lhkexw-overview .titlerow .title{padding-left:14px;}
        #lhkexw-overview .titlerow .update{left:18px;}
	#lhkexw-overview .contentrow{ float:none;}
	#lhkexw-overview .contentrow .listpane{ width:100%;height:120px;}
	#lhkexw-overview .contentrow .listpane .itemlist{width:100%;height:120px;}
	#lhkexw-overview .contentrow .listpane .listitem{ text-align:center; display:none; width:100%; height:120px;}
	#lhkexw-overview .contentrow .listpane .listitem .col_last{ font-size:1.125rem; margin-top:10px;}
	#lhkexw-overview .contentrow .listpane .listitem .col_change{margin-top:10px;}
	#lhkexw-overview .contentrow .listpane .itemlist .col_date{ font-weight:bold; display:block; width:100%; margin-top:5px;}
	#lhkexw-overview .contentrow .listpane .listitem.selected{ background-color:#fff; display:block; border:0;}
	#lhkexw-overview .contentrow .listpane .itemlists{ display:none;}
	#lhkexw-overview .contentrow .listpane .buttongroup{background:rgba(255,255,255,0); display:block; float:none !important; width:100%; height:130px; width:100%; position:absolute !important;top:0;left:0;}
	#lhkexw-overview .contentrow .listpane .buttonup,#lhkexw-overview .contentrow .listpane .buttondown{ background-image:url(../images/ico_prev_next.png); width:22px; height:22px; border:0; position:absolute; top:50%;transform:translate(0,-50%);display:block;}
	#lhkexw-overview .contentrow .listpane .buttonup{ background-position:left center; left:10px;}
	#lhkexw-overview .contentrow .listpane .buttondown{ background-position:right center; right:10px;}
	#lhkexw-overview .contentrow .listpane{ border:0; position:relative; z-index:5;}
	#lhkexw-overview .contentrow .detailpane{ width:100%; padding:5px;}
	#lhkexw-overview .contentrow .detailpane .col_name .col_title{ display:none;}
	#lhkexw-overview .contentrow .detailpane .col_name .col_dateindices{text-align: center;float:none;padding-left:0;}
	#lhkexw-overview .contentrow .detailpane .pricebox{ display:none;}	
	#lhkexw-overview .contentrow .detailpane .ohlcbox{ display:none;}
	#lhkexw-overview .contentrow .detailpane .futurebox{float:none !important; width:100%;}
	#lhkexw-overview .contentrow .detailpane .chartbox{ float:none !important;}
	#lhkexw-overview .contentrow .detailpane .periodbox{ float:none !important;}
	#lhkexw-overview .contentrow .detailpane .periodbox .period{ font-size:0.6875rem;}
	#lhkexw-overview .contentrow .detailpane .futurebox .title{ float:none !important;}
	#lhkexw-overview .contentrow .detailpane .futurebox .row{ font-size:0.5rem; float:none; width:100%;display: -webkit-inherit; display:inherit;}
	#lhkexw-overview .contentrow .detailpane .futurebox .row div{float:left;width:auto;}
	#lhkexw-overview .contentrow .detailpane .futurebox .row .label{width:auto;padding:0 3px 0 0;}
	#lhkexw-overview .contentrow .detailpane .futurebox .row .month{}
        #lhkexw-overview .contentrow .detailpane .futurebox .row .col_nc { padding-right: 30px;}
        #lhkexw-overview .contentrow .detailpane .futurebox .row .col_vo { padding-right: 30px;}
	#lhkexw-overview .contentrow .listpane .buttongroup .btnup,#lhkexw-overview .contentrow .listpane .buttongroup .btndown{display:none;}
	#lhkexw-overview .lastupdate{ text-align:center; float:none;margin-bottom:5px;}
	#lhkexw-overview .contentrow .sec_max{width:100%;height:130px;}
	#lhkexw-overview .slimScrollDiv{ height:120px !important;}
	#lhkexw-overview .sec_max{ height:120px !important;}
	.itemlists{ float:none !important; padding:15px 0;}
	.listitems{ text-align:center; display:none; width:100%;}
	.listitems.selected{ display:none;}
	.listitems .col_names{ font-weight:bold; float:none !important;}
	.listitems .col_lasts{ font-size:1.125rem; font-weight:bold; float:none !important;}
	.listitems .col_changes{ color:#24803D; float:none !important;}
	.listitems .col_dates{ float:none !important;}
	.ovpanel{ float:none !important;}
	.buttongroups{ display:block; float:none !important; width:100%; height:130px; width:100%; position:absolute !important;top:0;left:0;}
	.buttongroups .prev,.buttongroups .next{ color:#ddd; font-size:1.125rem; position:absolute !important; cursor:pointer; transform:translate(0,-50%); top:50%;}
	.buttongroups .prev{ left:10px;}
	.buttongroups .next{ right:10px;}
}
@media screen and (max-width: 480px) {
	#lhkexw-overview .contentrow .detailpane .futurebox .title{height:auto;margin-bottom:5px;}
    #lhkexw-overview .contentrow .detailpane .futurebox .title .title_date{float:none;padding:0;}
    #lhkexw-overview .contentrow .detailpane .futurebox .title .title_nm{float:none;}
}