#lhkexw-tradingactivity {
	background: #fff;
	-webkit-box-shadow:0 1px 0 0 #a1b4c5;
	box-shadow:0 1px 0 0 #a1b4c5;
	position: relative;
}
#lhkexw-tradingactivity .upval {
    color: #24803D;
}
#lhkexw-tradingactivity .update_all {
	color: #777777;
	font-size: 0.7rem;
	background:#fff;
	position: absolute;
	top:15px;
	right:10px;
}
#lhkexw-tradingactivity .downval {
    color: #E72742;
}
#lhkexw-tradingactivity .oddrow {
    background-color: #F2F6F8;
}
#lhkexw-tradingactivity  {
    color: #10416c;
    font-size: 0.875rem;
}
#lhkexw-tradingactivity .titlerow {
	background-color: #ffffff;
    width: 100%;
    height: 47px;
    float:none;
    position: relative;
}
#lhkexw-tradingactivity .titlerow .colorStroke {
	float:left;
    width: 4px;
    height: 100%;
    background-color: #E72742;
}
#lhkexw-tradingactivity .titlerow .title {
	color:#10416c;
    height: 47px;
    line-height: 47px;
    font-weight: bold;
    padding-left: 26px;
}
#lhkexw-tradingactivity .update {
	color:#777777;
	line-height: 12px;
	position: absolute;
	bottom:6px;
	left:30px;
	display:none;
}
#lhkexw-tradingactivity .conpane{background:#fff;}
#lhkexw-tradingactivity .conpane.sci{padding-top:10px;margin-top:10px;border-top:1px solid #D1DDE6;}
#lhkexw-tradingactivity .conpane.sci .chart_index{padding:10px 20px;}
#lhkexw-tradingactivity .conpane div{float:left;}
#lhkexw-tradingactivity .itemtrad{float:left;}
#lhkexw-tradingactivity .leftpane{
    width: 50%;
    border-right: 1px solid #D1DDE6;
}
#lhkexw-tradingactivity .boardbox {
    width: 100%;
    padding: 20px 20px 20px 20px;
}
#lhkexw-tradingactivity .boardbox .mainboard {
    width: 50%;
}
#lhkexw-tradingactivity .boardbox .gemboard {
    width: 50%;
}
#lhkexw-tradingactivity .boardbox .label {
    width: 100%;
    text-align: center;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
}
#lhkexw-tradingactivity .boardbox .tnover {
    width: 100%;
    text-align: center;
    font-size: 1.125rem;
}
#lhkexw-tradingactivity .boardbox .tnover .unit {
    font-weight: normal;
}
#lhkexw-tradingactivity .boardbox .tnover .value {
    font-weight: bold;
}
#lhkexw-tradingactivity .marketbox {
    margin-top: 5px;
}
#lhkexw-tradingactivity .marketbox .headerrow {
    width: 100%;
    padding: 0 10px;
    color: #626262;
    line-height: 25px;
    margin-bottom:5px;
}
#lhkexw-tradingactivity .marketbox .datarow {
    width: 100%;
    padding: 6px 10px;
    height: 45px;
    line-height: 16px;
}
#lhkexw-tradingactivity .marketbox .market {
    width: 34%;
}
#lhkexw-tradingactivity .marketbox .headerrow .day .label {
    float: right;
    line-height: 16px;
}
#lhkexw-tradingactivity .marketbox .headerrow .night .label {
    float: right;
    line-height: 16px;
}
#lhkexw-tradingactivity .marketbox .day {
    width: 33%;
    text-align: right;
}
#lhkexw-tradingactivity .marketbox .headerrow .day .icon {
    float: right;
    width: 10px;
    height: 10px;
    background: url('../image/Sun.png') no-repeat center center;
/*    background-size: cover;*/
    margin: 19px 3px 0 0;
}
#lhkexw-tradingactivity .marketbox .night {
    width: 33%;
    text-align: right;
}
#lhkexw-tradingactivity .marketbox .headerrow .night .icon {
    float: right;
    width: 8px;
    height: 8px;
    background: url('../image/Moon.png') no-repeat center center;
/*    background-size: cover;*/
    margin: 19px 3px 0 0;
}
#lhkexw-tradingactivity .marketbox .value.market {
    font-weight: bold;
}
#lhkexw-tradingactivity .marketbox .value .contracts {
    font-weight: bold;
}
#lhkexw-tradingactivity .marketbox .value .unit {
}

#lhkexw-tradingactivity .lastupdate {
    height: 45px;
    line-height: 45px;
    padding: 0 19px;
    font-size: 0.6875rem;
    color: #5C5C5C;
    display:none;
}
#lhkexw-tradingactivity .rightpane{
    width: 50%;
}
#lhkexw-tradingactivity .titlestock{text-align:center;float:none !important;padding:15px 10px 15px 10px;}
#lhkexw-tradingactivity .titlestock .titlesct{font-weight: bold;float:none;}
#lhkexw-tradingactivity .connectbox {
    width: 100%;
    height: 78px;
    border-bottom: 2px solid #E8EEF2;
    padding: 28px 20px 0px 20px;
    line-height: 20px;
}
#lhkexw-tradingactivity .connectbox .connecttab {
    width: 50%;
    text-align: center;
    font-weight: bold;
    font-size: 1.125rem;
    height: 49px;
    color: #777777;
}
#lhkexw-tradingactivity .connectbox .connecttab.selected {
    border-bottom: 4px solid #F4364C;
    color: #13426B;
}
#lhkexw-tradingactivity .buysellbox {
	float:none;
    width: 100%;
    padding:0 10px;
}
#lhkexw-tradingactivity .buysellbox .header {
	background:#F2F6F8;
	float:none;
    width: 100%;
    height:30px;
}
#lhkexw-tradingactivity .buysellbox .header .title {
	font-size:0.8rem;
    font-weight: bold;
    padding: 0 5px;
    line-height: 30px;
}
#lhkexw-tradingactivity .buysellbox .header .legend {
	font-size:0.8rem;
    float: right;
    line-height: 30px;
    padding: 0 5px;
}
#lhkexw-tradingactivity .buysellbox .header .legend .col_buy,.col_sell {
    width: 9px;
    height: 9px;
    margin-top: 10px !important;
}
#lhkexw-tradingactivity .buysellbox .header .legend .col_buy {
    background-color: #24803D;
}
#lhkexw-tradingactivity .buysellbox .header .legend .col_sell {
    background-color: #E72742;
}
#lhkexw-tradingactivity .buysellbox .header .legend div {
    margin: 0 0 0 6px;
}
#lhkexw-tradingactivity .buysellbox .detail {
	float:none;
    padding:10px 10px 0 10px;
}
#lhkexw-tradingactivity .buysellbox .detail .row {
    width: 100%;
    margin-bottom:10px;
}
#lhkexw-tradingactivity .buysellbox .detail .row .type{
}
#lhkexw-tradingactivity .buysellbox .detail .row .bound {
	font-weight: bold;
	float:none;
	margin-bottom:5px;
}
#lhkexw-tradingactivity .buysellbox .detail .row .value {
	width:115px;
}
#lhkexw-tradingactivity .buysellbox .detail .row .sb_pers{
	width:calc(100% - 115px);
}
#lhkexw-tradingactivity .buysellbox .detail_remaining {
	float:none;
    padding:10px;
}
#lhkexw-tradingactivity .buysellbox .detail_remaining .row {
    width: 100%;
}
#lhkexw-tradingactivity .buysellbox .detail_remaining .row .type{
}
#lhkexw-tradingactivity .buysellbox .detail_remaining .row .bound {
	font-weight: bold;
	float:none;
	margin-bottom: 5px;
}
#lhkexw-tradingactivity .buysellbox .detail_remaining .row .pers_txt {
	float:none;
}
#lhkexw-tradingactivity .buysellbox .detail_remaining .row .value {
	width:115px;
}
#lhkexw-tradingactivity .buysellbox .detail_remaining .row .persnum{
	font-weight: bold;
	text-align: right;
	width:100px;
	padding:0 5px;
}
#lhkexw-tradingactivity .buysellbox .detail_remaining .row .sb_pers{
	width:calc(100% - 215px);
}
#lhkexw-tradingactivity .quotabox {
    width: 100%;
}
#lhkexw-tradingactivity .quotabox .header {
    width: 100%;
    height: 50px;
    padding-top: 15px;
    border-bottom: 2px solid #E8EEF2;
}
#lhkexw-tradingactivity .quotabox .header .title {
    font-weight: bold;
    float:none;
    padding: 0 10px;
    line-height: 30px;
}
#lhkexw-tradingactivity .quotabox .detail {
    width: 100%;
    padding: 0 10px;
}
#lhkexw-tradingactivity .quotabox .detail .row {
    width: 100%;
    height: 30px;
    line-height: 30px;
}
#lhkexw-tradingactivity .quotabox .detail .row .type{
}
#lhkexw-tradingactivity .quotabox .detail .row .bound {
	width:105px;
}
#lhkexw-tradingactivity .quotabox .detail .row .value {
	width:115px;
}
#lhkexw-tradingactivity .quotabox .detail .row .sb_pers{
	width:calc(100% - 240px);
}

/*scroll_tab*/
#lhkexw-tradingactivity .lhkexw_scroll_tabs{float:none !important;display:none;}
#lhkexw-tradingactivity .scroll_tabs_container div.scroll_tab_inner li{line-height:19px;display: inline-table;}
#lhkexw-tradingactivity .scroll_tabs_container div.scroll_tab_inner li a{height:40px;display: table-cell;text-align: center;vertical-align: middle;}

/* trueover */
.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;}
body { background-color:#d1dde6;}
ul,li{ list-style-type:none; padding:0; margin:0;}

/* tradingactivity */
#lhkexw-tradingactivity .lastupdate span{ display:none;}
#lhkexw-tradingactivity .connectbox .connecttab{ cursor:pointer;}
#lhkexw-tradingactivity .titlerow .titlesct{font-weight: bold;margin:60px 0 0 20px;}
#lhkexw-tradingactivity .remaining{ font-weight: bold; background: #F2F6F8; float: none !important; height: 30px; line-height: 30px;padding:0 10px;}
#lhkexw-tradingactivity .chart_index{float:none !important;}
#lhkexw-tradingactivity .chart_index .chart_con{width:220px;}
#lhkexw-tradingactivity .chart_index .chart_title{font-weight:bold;float:none;margin-bottom:5px;}
#lhkexw-tradingactivity .chart_index .chart_pers{float:none;}
#lhkexw-tradingactivity .chart_index .chart_pers span{margin-right:10px;}
#lhkexw-tradingactivity .chart_index .chart_pers span.downval{ color: #E72742;}
#lhkexw-tradingactivity .chart_index .chart_pers span.upval{ color: #24803D;}
#lhkexw-tradingactivity .chart_index .chart_pers span.ls{}
#lhkexw-tradingactivity .chart_index .chart_date{color: #777777;font-size: 0.7rem; text-align: right;float:none;}
#lhkexw-tradingactivity .chart_index .chart_map{width:calc(100% - 220px);}
#lhkexw-tradingactivity .chart_index .chart_map img{width:100%;max-width:500px;height: 50px;}
#lhkexw-tradingactivity .bsvt{float:none !important;}
#lhkexw-tradingactivity .dqr{float:none !important;}
#lhkexw-tradingactivity .pers_box{float:none !important;}
.rp_title{ display:none;}
.topal{ display:none;}
.topal.selected{ display:block;}
.perval{ width:45px;}
.loading{ background:#eee;width: 100%;height: 10px; position:relative;}
.progress{float:none !important;height: 10px; position:absolute !important; left:0;
	background: #FCDB2B;
	background: linear-gradient(left, #FCDB2B,#FBB533); 
	background: -webkit-linear-gradient(left, #FCDB2B,#FBB533); 
	background:-moz-linear-gradient(left, #FCDB2B, #FBB533); 
	background: -ms-linear-gradient(left,#FCDB2B,#FBB533); 
	background: -o-linear-gradient(left,#FCDB2B,#FBB533); 
	filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FCDB2B,endcolorstr=#FBB533,gradientType=1); 
}
.pers{color:#F4364C;margin-right:5px;}
.perb{color:#7ED321;}
.loading_sb{ width:100%; height: 8px;margin-top:5px; position: relative !important;}
.loading_sb .linecenter{ background: #000; width:1px; height:15px; position: absolute; left:50%;top:-3px; z-index: 6; transform: translate(-50%,0);}
.loading_sb .centerarea{width:40%; height:8px; position: absolute !important; left:50%;top:0; z-index: 5; transform: translate(-50%,0);}
.loading_sb .centerbox{width:100%; position: absolute !important;left:50%;}
.loading_sb .sell,.loading_sb .buy{ background:#E72742; float:none !important; height: 8px; position: absolute !important;left:0;}
.loading_sb .buy{ background:#24803D; float:none !important; height: 8px; position: absolute !important;;left:0;}
.loading_sb .sell span{ float:left; position: relative;}
.loading_sb .buy span{float:right; position: relative;}
.loading_sb .sell span abbr{color:#E72742;font-size: 0.6875rem;line-height:10px; position: absolute;top:0; right: 5px;}
.loading_sb .buy span abbr{color:#24803D;font-size: 0.6875rem;line-height:10px; position: absolute; left: 5px;}

@media screen and (max-width: 1200px) {
	#lhkexw-tradingactivity .chart_index .chart_map{float:none;width:100%;}
	#lhkexw-tradingactivity .chart_index .chart_map img{width:100%;height:50px;}
}
@media screen and (max-width: 1000px) {
	/* turnover */
	#lhkexw-tradingactivity{width:660px; margin: 0 auto;}
	#lhkexw-tradingactivity .titlerow .title {color:#fff;background: #10416c;}
	#lhkexw-tradingactivity .update_all{color:#fff;background:#10416c;}
	#lhkexw-tradingactivity .lastupdate{ line-height:140%; padding-top:5px;}
	#lhkexw-tradingactivity .lastupdate span{ display:block;}
	#lhkexw-tradingactivity .chart_index .chart_con{float:none;width:100%;margin-right:0;}
	#lhkexw-tradingactivity .chart_index .chart_map{float:none;width:100%;}
	#lhkexw-tradingactivity .chart_index .chart_map img{width:100%;height:50px;}
	#lhkexw-tradingactivity .conpane.sci .chart_index.date{padding:0px 20px 10px 20px;}
}
@media screen and (max-width: 767px) {	
	/* turnover */
	#lhkexw-tradingactivity{width:100%;position: relative;}
	#lhkexw-tradingactivity{background:#fff; width:100%; height:auto; border-right:0;}
	#lhkexw-tradingactivity .boardbox {padding: 20px 20px 10px 20px;}
	#lhkexw-tradingactivity .titlerow{position:initial;}
	#lhkexw-tradingactivity .lastupdate{ text-align:center; display:none; width:100%; position:absolute; bottom:-485px; z-index:5;}
	#lhkexw-tradingactivity .update_all {color:#777777;background:#fff;text-align:right;width:100%;float:none;margin-top:10px;position: inherit;}
	#lhkexw-tradingactivity{width:100%;padding-bottom:20px;}
	#lhkexw-tradingactivity{ background:#fff;width:100%;}
	#lhkexw-tradingactivity .leftpane{border-right:0;}
	#lhkexw-tradingactivity .connectbox{ line-height:140%; height:55px; padding:15px 10px 0px 10px;}
	#lhkexw-tradingactivity .connectbox .connecttab{ font-size:0.6875rem; height:40px;}
	#lhkexw-tradingactivity .buysellbox .detail{ padding:0 10px;}
	#lhkexw-tradingactivity .buysellbox .header{}
	#lhkexw-tradingactivity .buysellbox .header .title{}
	#lhkexw-tradingactivity .buysellbox .header .legend{}
	#lhkexw-tradingactivity .buysellbox .header .legend div{ display:inline-block; float:none;}
	#lhkexw-tradingactivity .titlestock{display:none;}
	#lhkexw-tradingactivity .itemtrad{width:100%;display:none;}
	#lhkexw-tradingactivity .itemtrad.active{display:block;}
	#lhkexw-tradingactivity .conpane.sci .chart_index.date{padding:0px 20px;}
	
	/*scroll_tab*/
	#lhkexw-tradingactivity .lhkexw_scroll_tabs{display:block;padding-top:10px;margin-bottom:10px;}
	
	.loading_sb{width:100%;margin-left:0;}
	.sb_nr{ text-align:center; width:100%;}
	.sb_nr div{ display:inline-block; float:none !important;}
	.sb_pers{ text-align:center; width:100%;}
	.sb_pers .pers{display:inline-block; float:none !important;}
	.sb_pers .perb{display:inline-block; float:none !important;}
	.sb_pers .loading_sb{display:inline-block; float:none !important;}
	.dqr_pers{ text-align:center; width:100%;}
	.dqr_pers .perval{display:inline-block; float:none !important;}
	.dqr_pers .loading{display:inline-block; float:none !important;}
	.rp_title{ font-size:0.6875rem; font-weight:bold; text-align:center; display:block; float:none !important; width:100%; padding-top:20px;}
}