body{ margin:0px; padding:0; font-family:Arial, Helvetica, sans-serif;}
p, span, td, th, div {-webkit-text-size-adjust:none;}

table { font-size:13px;}
hr { border-top:none; border-left:none; border-right:none;}
.hkex-maincontent-header-with-bottom-line { margin-bottom:20px;}
ul.normal li { margin-bottom:10px}
.faq_shortcontent, .faq_shortcontent td { line-height:1.4em}
.optionabc li, tabfaq li {line-height:1.1em}
a, img { border:0}

.floatleft { float:left;}
.floatright { float:right;}
.clear { clear:both}
.hidden { display:none;}
.blue {color: #ed171f!important;}
/*.red {color: #ff9e1b!important;}*/
.green {color: #ff9e1b!important;}
.orange{ color:#ff9900!important;}
.purple { color:#6b169c!important;}
.brown { color:#622b0f!important;}
.deepblue { color:#004080!important;}
.texthighlight { color:black;font-weight:bold;}
.abcHL_blue {color:#ed171f;}

#statistics_oi_recommend{
	left:655px;
	position: absolute;
	width: 115px;
	font-size: 12px;
	padding-left:0;
	padding-right:0;
	text-align:left;
	/*padding-top:20px;*/
}
.smallchart{
	height:530px;
}
.smallchart #statistics_oi_recommend{
	left:545px;
}
#statistics_oi_recommend a{
	color:#000;
}
#statistics_oi_recommend a.green{
	color:#ff9e1b;
}
#statistics_oi_recommend a.red{
	color:#ed171f;
}
#statistics_oi_chart_head{}
#statistics_oi_chart_option{margin-bottom:15px; font-size:13px; width:100%; border-bottom:#CCC 2px dashed;}
#statistics_oi_chart_option table{ padding-bottom:10px;}
#statistics_oi_chart_call{width:301px;text-align:center;color:#fff;font-weight:bold; font-size:16px; background-color:#ed171f}
#statistics_oi_chart_strike{width:49px;text-align:center;color:#000;font-weight:bold; font-size:13px; line-height:18px; height:40px; background-color:#FFF;}
#statistics_oi_chart_put{width:300px;text-align:center;color:#fff;font-weight:bold; font-size:16px; background-color:#ff9e1b}
#statistics_oi_chart_related{width:87px; font-size: 13px; font-weight: bold; text-align: center; line-height:18px; color:#FFF; background-color:#F00; height: 40px; }
#statistics_oi_chart{width:750px; height:630px;overflow:hidden;}
.smallchart #statistics_oi_chart{width:750px; height:460px;overflow:hidden;}
#statistics_oi_chart_area{width:735px;height:auto;padding:0;margin:0;}
#statistics_oi_chart_area div.bg{
	background: url(/home/image/button/oi_bg.jpg) repeat;
	width: 650px;
	height: auto;
	position: absolute;
}
#statistics_oi_chart_area div.smallbg{
	background: url(/home/image/button/oi_bg.jpg) repeat;
	width:649px;
	height: auto;
	position: absolute;
}
#statistics_oi_chart_title, #statistics_oi_recommend div.title{text-align:center;font-weight:bold; padding:2px 0 2px 0; font-size:12px; float:left; margin: 292px 0 0 110px; position: absolute; background-color: #eaeaea; width: 538px; color:#a11e21;}
.smallchart #statistics_oi_chart_title{width: 538px; margin:207px 0 0 110px;}
#statistics_oi_recommend div.title{
	margin-bottom:0;	
}
#statistics_oi_recommend div{
	color:#5f5f5f; 
	font-weight:bold; 
	font-size:12px;
}
.statistics_oi_chart_c3_r1_grey{background-color:#bcbcbc;height:15px;clear:both;float:left; margin-right:1px; max-width:250px; margin-bottom: 6px;}
.statistics_oi_chart_c1_r1_grey{background-color:#bcbcbc;height:15px;clear:both;float:right; margin-left:1px; max-width:250px; margin-bottom: 6px;}

#statistics_oi_chart_c1{width:269px;  border-right:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0;}
#statistics_oi_chart_c3{width:269px; /*border-right:1px solid #c0c0c0;*/ border-bottom:1px solid #c0c0c0;}
#statistics_oi_chart_c1, #statistics_oi_chart_c3{ background:url(/home/images/bg_cbbc_chart.jpg) repeat-x bottom;}
.smallchart #statistics_oi_chart_c1{width:269px;  border-right:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0;}
.smallchart #statistics_oi_chart_c3{width:269px; /*border-right:1px solid #c0c0c0;*/ border-bottom:1px solid #c0c0c0;}
.smallchart #statistics_oi_chart_c1,.smallchart #statistics_oi_chart_c3{ background:url(/home/images/bg_cbbc_chart.jpg) repeat-x bottom;}

#statistics_oi_chart_c2{width:109px; color:#5f5f5f; font-weight:bold; font-size:12px;}
.statistics_oi_chart_c1_r{position:relative; clear:both;}
.statistics_oi_chart_c1_r1{background-color:#ed171f;height:15px;clear:both;float:right; margin-left:1px; max-width:250px; margin-bottom: 6px; /*border-left:1px solid #c0c0c0;*/}
.statistics_oi_chart_c1_r1_change{background-color:#ff9e1b;height:15px;clear:both;float:right; margin-left:1px; max-width:250px; margin-bottom: 6px;}
.statistics_oi_chart_c1_r2{background-color:#bcbcbc;height:12px;clear:both;float:right;margin-bottom:10px; margin-left:1px; max-width:250px; display:none;}
.statistics_oi_chart_c2_r{/*height:18px;padding-top:4px;*/text-align:center;margin-bottom:7px; line-height:14px;}
#statistics_oi_recommend div{/*height:18px;padding-top:4px;*/text-align:left;margin-bottom:6px;}
.statistics_oi_chart_c3_r{position:relative; clear:both;}
.statistics_oi_chart_c3_r1{background-color:#ff9e1b;height:15px;clear:both;float:left; margin-right:1px; max-width:250px; margin-bottom: 6px;}
.statistics_oi_chart_c3_r1_change{background-color:#ed171f;height:15px;clear:both;float:left; margin-right:1px; max-width:250px; margin-bottom: 6px;}
.statistics_oi_chart_c3_r2{background-color:#bcbcbc;height:12px;clear:both;float:left;margin-bottom:10px; margin-right:1px; max-width:250px; display:none; }
div.point_l{float:right; font-size:12px; padding-right:10px;}
div.point_r{float:left; font-size:12px; padding-left:10px;}
#statistics_oi_chart_axis2{margin-left:104px; margin-bottom:10px;}
.smallchart #statistics_oi_chart_axis2{margin-left:158px; margin-bottom:10px;}
#statistics_oi_chart_axis{padding-left: 24px; position: absolute; top: 1px; z-index: 999; height: 18px; left:1px}
#statistics_oi_chart_axis.bg_number{background:url(/home/flash/chart/cbbcchart/image/bg_number.png) top no-repeat;}
#statistics_oi_chart_axis span, #statistics_oi_chart_axis2 span{float:left;width:50px; font-size:12px; color:#5f5f5f; font-weight:bold; text-align:center;}
.smallchart #statistics_oi_chart_axis2 span{float:left;width:40px; font-size:12px; color:#5f5f5f; font-weight:bold; text-align:center;}
#statistics_oi_chart_foot{ font-size:12px; font-weight:bold; padding-bottom:10px; width:650px;}
#statistics_oi_chart_b1{background-color:#ed171f;width:15px;height:15px;margin-right:5px;}
#statistics_oi_chart_b2{background-color:#bcbcbc;width:15px;height:15px;margin-left:15px;margin-right:5px;}
#statistics_oi_chart_name.top{color:#000; font-size:12px;}
#statistics_oi_chart_name{text-align:center;width:330px; color:#5f5f5f; font-size:14px;}
.statistics_oi_chart_text{color:#000;}
#statistics_oi_chart_r1{background-color:#ff9e1b;width:15px;height:15px;margin-right:5px;}
#statistics_oi_chart_r2{background-color:#bcbcbc;width:15px;height:15px;margin-left:15px;margin-right:5px; }

#divinfo{background:#000; filter:alpha(opacity=87); /* IE */  -moz-opacity:0.87; /* Mozilla */  opacity: 0.87; /* CSS3 */ width:200px; min-height:50px;position:absolute;padding:10px; color:#fff; margin:0 10px; font-weight:bold; font-size:13px; z-index:1000;}

.loading{background:url(/eng/sorc/image/loading.gif) no-repeat center center;}

.oichart_nodata { width:705px; height:200px; border:1px solid #c0c0c0; padding-top:180px; text-align:center; font-weight:bold; font-size:16px; margin-bottom:10px; margin-top:5px;}
#statistics_oi_chart_scrollbar .viewport { position: relative; } 
#statistics_oi_chart_scrollbar .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; } 
#statistics_oi_chart_scrollbar .scrollbar{ background: transparent url(/home/image/button/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; display:none;} 
#statistics_oi_chart_scrollbar .track { background: transparent url(/home/image/button/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:15px; position: relative; } 
#statistics_oi_chart_scrollbar .thumb { background: transparent url(/home/image/button/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; } 
#statistics_oi_chart_scrollbar .thumb .end { background: transparent url(/home/image/button/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; } 
#statistics_oi_chart_scrollbar .disable { display: none; } 
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; } 
#lastc{ color:#F00; font-weight:bold; font-size:15px;}
div.tl{ width:640px; padding:3px 5px; text-align:center; background:#5f5f5f; color:#FFF; margin-bottom:10px; float: left;}
div.tlright{ width:87px; /*background:#CCC;*/ float: left; padding:3px 0;}
div.dis.top{text-align:center; font-size:14px; font-weight:bold; padding-right: 47px; width:650px; padding-bottom: 10px; color:#5f5f5f;}
div.dis{text-align:center; font-size:12px; font-weight:bold; padding-right: 47px; width:650px; padding-bottom: 10px;}
div.tlclass{ line-height:40px; font-size:15px; font-weight:bold;}
div.tlclass.right{ text-align: right; padding-right: 5px;}
div.bottomdis{ text-align:left; width:650xp; font-size:13px;}
/*div.iframe_border{ border:#ddd 1px solid;}*/
#chartdetails{ position:relative;}

.cbbc_delta_content { position:relative;}
.word_bull{ position:absolute; top:357px; left:600px; z-index: 999; color:#ed171f; font-weight:bold; }
.word_bear{ position: absolute; top: 305px; left: 120px; z-index: 999; color:#ff9e1b; font-weight:bold;}
.word_ratio{ position: absolute; top: 35px; left: 120px; z-index: 999; color:#ff9e1b; font-weight:bold; }
#chart_loading_small{width: 70%; height: auto; position: absolute; left: 15%; text-align: center; padding:36% 0;}
#chart_loading{width: 70%; height: auto; position: absolute; left: 15%; text-align: center; padding:42% 0;}