@charset "utf-8";
/* selector */
@import 'underlying_box.css';
@import 'underlying_box_c.css';
@import 'underlying_box_gb.css';
@import 'pager_box.css';
@import 'time_range.css';
@import 'moving_average.css';
@import 'year_select.css';
@import 'month_select.css';
@import 'day_select.css';
@import 'outstanding_select.css';
@import 'language_menu.css';
@import 'search_box_input.css';
@import 'custom_scrollbar.css';
@import 'slider.css';
@import 'chart_menu.css';
@import 'homeslider.css';
@import 'font.css';

/* font style */
/*@font-face{
	font-family: 'UBSHeadline';
    src: url('/home/font/ubsheadline.eot');
    src: url('/home/font/ubsheadline.eot?#iefix') format('embedded-opentype'),
         url('/home/font/ubsheadline.woff') format('woff'),
         url('/home/font/ubsheadline.ttf') format('truetype'),
         url('/home/font/ubsheadline.svg#ubsheadline') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

/* css */

#wrapper {
    width: 1000px;
    margin: 0 auto;
}

.os_chart_table, .os_chart_table tr, .os_chart_table tr td, .os_chart_table tr th{ border-collapse: collapse}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: 'DFHeiHK', 'DFPHeiStd','Frutiger', "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "Heiti TC", STXihei, "华文细黑", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#222;
	background: url(/home/images/bg_body_navigation.jpg) repeat-x;
}
body.home{
	background: url(/home/images/bg_body_navigation_home.jpg) repeat-x;
}
img, a img {
	border:none;
}
select, input, textarea, button{
	font-size:12px;
	font-family: 'DFHeiHK', 'DFPHeiStd','Frutiger', "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "Heiti TC", STXihei, "华文细黑", Arial, Helvetica, sans-serif;
}
a{
	text-decoration:none;
	color:#427c99;
}
a:hover{
	text-decoration:underline;
}
p{
	margin: 0;
	padding: 0;
}
button{ 
	border:0;
	cursor: pointer;
	padding:0;
	margin:0;
	font-size:12px;
	font-weight:bold;
}
ul{
	list-style-type:none;
	margin: 0;
	padding: 0;
}
.clear, div.clear{
	clear:both;
	margin:0;
	padding:0;
}
input, button{
	outline: none;
}
span.red, span.fall, span.bear, span.put, span.green, span.rise, span.call, span.bull, span.level{
}
/*span.red,*/ span.fall, span.bear, span.put, span.otm{
	color:#B4433A;
}
/*span.green,*/ span.rise, span.call, span.bull, span.itm{
	color:#8EA852;
}
span.call, span.bull, span.bear, span.put, span.otm, span.itm, 
#main #cbbc_search .search_box label, #main #warrants_search .search_box label{
	text-transform:none;
}
span.fall{ 
	background:url(/home/images/icon_fall.gif) no-repeat left; 
	padding-left:10px;
}
span.rise{ 
	background:url(/home/images/icon_rise.gif) no-repeat left; 
	padding-left:10px;
}
span.level{
	color:#5A6F89;
}
#wrapper {}
/* header */
#header {
	margin: 0 auto;
	width: 960px;
	height: 80px;
}
#header .logo{
	margin:20px 136px 10px -17px;
	float:left;
}
#header .info{
	float:left;
	margin:23px 20px 0 0;
	width:302px;
}
#header .info .warning{
	color:#F00;
	font-size:13px;
	font-weight:bold;
}
#header .info .hotline span{
	/*font-size:15px;
	font-weight:bold;*/
}
#header .select_language {
	float:left;
	margin:30px 20px 0 0;
	position:relative;
	width:102px;
	/*background:url(/home/images/icon_country_arrow.gif) no-repeat;*/
	text-align:center;
}
/*#header .select_language a {
	color:#222;
	text-decoration:none; 
	padding-right:14px;
	width:88px;
	float:left;
	background: none;
}*/
#header .select_language a {
	color:#222;
}
#header .select_language a.current {
	text-decoration:underline;
	color:#427c99;
}
/*#header .select_language a:hover{
	text-decoration:none; 
	border: 1px solid #a1a1a1;
	border-width: 1px 1px 0 1px;
	padding: 3px 18px 3px 4px;
	margin: -4px -5px -3px -5px;
	background: url(/home/images/icon_country_arrow.gif) no-repeat 4px 3px;
	/*-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;*/
/*}*/
#header .select_language ul#language, #header .select_language ul#language li{
	list-style-type:none;
}
/*#header .select_language ul {
	position:absolute;
	display:none;
}
#header .select_language li{
}*/
#header .search{
	float:left;
	margin-top:26px;
}
#header .search input{
	width:140px;
	height:22px;
	line-height:24px;
	border:none;
	background:url(/home/images/bg_search.gif) no-repeat;
	padding:0 5px;
	color:#999;
}
#header .search button, #header .search #searchbutton{
	margin: 0 0 0 4px;
	width: 20px;
	height: 21px;
	background:url(/home/images/icon_search.jpg) no-repeat;
	vertical-align:top;
	display:inline-block;
	cursor:pointer;
}
/* navigation */
/*#navigation {
	width: 100%;
	height: 30px;
	position:relative; 
	z-index:100;
	background: url(/home/images/bg_navigation.jpg) repeat-x;
}
#navigation ul {
	width: 940px;
	margin: 0 auto;
	height: 30px;
	padding-right: 20px;
}*/

#navigation {
	width: 940px;
	height: 30px;
	position:relative; 
	z-index:1000;
	background: url(/home/images/bg_navigation.jpg) repeat-x;
	margin: 0 auto;
	padding-right: 20px;
}
#navigation ul li {
	position: relative;
	float: left;
	height: 30px;
	background: url(/home/images/bg_navigation_line.jpg) repeat-x;
}
#navigation ul li a {
	margin: 0 1px 0 0;
	height: 30px;
	line-height: 30px;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	padding: 0 30px;
	text-align: center;
	background: url(/home/images/bg_navigation.jpg) repeat-x;
	float: left;
	display:block; 
	/*overflow:hidden;*/
}
#navigation ul li a:hover{
	text-decoration:none;
}
#navigation ul li a.current, #navigation ul li.current a, #navigation ul li:hover a{
	color: #FFF;
	background: url(/home/images/bg_navigation_hover.jpg) repeat-x;
}
#navigation ul li ul {
	display: none;
}
#navigation ul li ul li{
	background:#efefef !important;
	z-index:1000;
}
#navigation ul li ul li span.new_link{ color:#F00; font-weight:normal;}
#navigation ul li ul li a{
	background:#efefef !important;
	color:#646464 !important;
	width:200px;
	padding:0 10px !important;
	text-align:left;
	margin:0;
	border:#d6d6d6 solid;
	border-width:1px;
	z-index:1000;
}
#navigation ul li ul li a:hover{
	background:#427c99 !important;
	color:#FFF !important;
}
#navigation ul li ul li a.expansion{
	background:url(/home/images/bg_expansion_arrow.gif) no-repeat right #efefef !important;
}
#navigation ul li ul li a.expansion:hover{
	background:url(/home/images/bg_expansion_arrow_on.gif) no-repeat right #fff !important;
	color:#427c99 !important;	
}
#navigation ul li ul li.line{
	height:auto;
}
#navigation ul li ul li.line a {
    line-height: 15px;
    padding: 8px 10px;
	border-bottom:none;
}
#navigation ul li ul li.line.last{
	border-bottom:1px solid #d6d6d6;
}
#navigation ul li:hover ul {
	display:block; 
	position:absolute; 
	top:30px; 
	left:0; 
	width:220px;
	z-index:999;
}
#navigation ul li:hover ul li ul {
	display: none;
}
#navigation ul li:hover ul li a {
	display:block;
	font-size:12px;
}
#navigation ul li:hover ul li:hover ul {
	display:block;
	position:absolute;
	left:221px; 
	top:0;
}
/* home */
#home {
	margin: 0px auto 30px auto;
	width: 960px;
}
#home .indexes .hsi, #home .indexes .hscei{
	width:464px;
	float:left;
	font-weight:bold;
	padding:5px 3px;
}
#home .indexes .hsi_line_chart .timer, 
#home .indexes .hsi_line_chart .timer,
#home .indexes .hscei_line_chart .timer,
{
	font-size:11px;
	text-align:right;
	padding-right:30px;
	
}
#home .indexes .hsi a, #home .indexes .hscei a{
	color:#222;
}
#home .indexes .hsi table td, #home .indexes .hscei table td{
	padding-right:18px;
}
#home .indexes .hsi .chart, #home .indexes .hscei .chart{
	padding:15px 0 5px 0;
}
#home .indexes .hsi .icon, #home .indexes .hscei .icon{
	padding:5px 0 15px 30px;
	float:left;
}
#home .indexes .hsi table .timer, #home .indexes .hscei table .timer{
	text-align:left;
	font-size:11px;
	font-weight:normal;
}
#home .indexes .hsi .timer, #home .indexes .hscei .timer{
	text-align:right;
	font-size:11px;
	font-weight:normal;
	padding-right:29px;
}
#home .indexes .candle, #home .indexes .line{
	float:left;
	width:97px;
	height:26px;
	line-height:26px;
	text-align:center;
	margin-right:10px;
}
#home .indexes .candle, 
#home .indexes .line, 
#home .indexes .candle a, 
#home .indexes .line a{
	color:#222;
}
#home .indexes .candle{
	background:url(/home/images/bg_icon_index_candle.jpg) no-repeat;
}
#home .indexes .candle.current{
	background:url(/home/images/bg_icon_index_candle_on.jpg) no-repeat;
}
#home .indexes .line{
	background:url(/home/images/bg_icon_index_line.jpg) no-repeat;
}
#home .indexes .line.current{
	background:url(/home/images/bg_icon_index_line_on.jpg) no-repeat;
}

#home .indexes .current, #home .indexes .current a{
	color:#FFF;
}	
#home .indexes .line{
}
#home .indexes .title{
	background:url(/home/images/icon_indexes.gif) no-repeat;
	padding-left:20px;
	height:20px;
	font-size:15px;
	color:#7b7776;
}
#home .indexes .title span{
	font-size:12px;
}
#home .indexes .point{
	font-size:21px;
	padding:0 0 0 20px;
}
#home .news{
	margin: 2px auto 0 auto;
	/*background: url(/home/images/bg_news.jpg) no-repeat;*/
	height: 45px;
}
#home .news .tl{
	font-size: 15px;
	line-height: 38px;
	color: #fff;
	width: 118px;
	padding-left: 12px;
	/*background:url(/home/images/icon_news.gif) no-repeat right;*/
	background:url(/home/images/bg_news_tl.gif) no-repeat;
	border-radius: 4px 0 0 4px;
	float:left;
	font-family: 'DFHeiHK', 'DFPHeiStd','Frutiger', "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "Heiti TC", STXihei, "华文细黑", Arial, Helvetica, sans-serif;
	height:38px;
}
#home .news .tl img{
	padding-top:11px;
}
#home .news .text{
	float:right;
	width: 817px;
	height: 38px;
	text-align:left;
	line-height: 38px;
	/*background:url(/home/images/bg_news_text.jpg) repeat-x;
	border-radius:0 4px 4px 0;
	font-weight:bold;*/
	overflow:hidden;
}
#home .news .text span{
	padding-right:20px;
}
#home .content{
	/*padding-top:15px;*/
}
#home .content h2{
	font-family: 'DFHeiHK', 'DFPHeiStd','Frutiger', "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "Heiti TC", STXihei, "华文细黑", Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	margin: 20px 0 10px 0;
	padding: 0 0 3px 0;
	line-height:21px;
}
#home .content h2.arial{
	font-family: 'DFHeiHK', 'DFPHeiStd','Frutiger', "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "Heiti TC", STXihei, "华文细黑", Arial, Helvetica, sans-serif;
}
#home .content .search h2{
	margin: 5px 0 5px 5px;
}
#home .content .quote h2{
	margin: 5px 10px 5px 10px;
	color:#B4433A;
	background:url(/home/images/icon_realtime.jpg) no-repeat;
	padding-left: 30px;
	font-size: 17px;
}
#home .content h2 span{
	color:#e60201;
}
#home .content .left h2{
	margin: 0 0 10px 0;
}
#home .content .left .sectors h2{
	margin: 0 0 3px 0;
	font-size:21px;
}
#home .content .commentary h2{
	margin: 0 0 0px 0;
}
#home .content .commentary h2 span{
	font-family: 'DFHeiHK', 'DFPHeiStd','Frutiger', "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "Heiti TC", STXihei, "华文细黑", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#222;
}
#home .content .commentary .paging{
	float:left;
	margin: 0 0 10px 0;
}
#home .content .commentary .paging select{
	width:100%;
	height:28px;
}
#home .content .commentary .download_icon{
	float:right;
	margin: 0 0 10px 0;
}
#home .content #tabs{
	border-bottom: 1px solid #919191;
	width: 100%;
	height: 31px;
	padding: 0 0 0 1px;
	background: url(/home/images/bg_tabs_wrapper.jpg) no-repeat left;
}
#home .content #tabs li{
	float: left;
	height: 30px;
	background: url(/home/images/bg_tabs_wrapper.jpg) repeat-x;
	border-top:1px solid #cecece;
}
#home .content #tabs li a {
	display: block;
	margin: 0 1px 0 0;
	padding: 0 18px;
	height: 30px;
	line-height: 30px;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	background: url(/home/images/bg_tabs.jpg) repeat-x;
}
#home .content #tabs li a:hover{
	text-decoration: none;
	color: #FFF;
	background: url(/home/images/bg_tabs_hover.jpg) repeat-x;
}
#home .content #tabs li.current a, #main #tabs li a.current{
	text-decoration: none;
	color: #fff;
	background: url(/home/images/bg_tabs_hover.jpg) repeat-x;
}
#home .content table{
	margin-top:10px;
}
#home .content table, #home .content table th, #home .content table td{
	border-collapse:collapse;
}
#home .content table thead th{
	font-size:12px;
	line-height:12px;
	letter-spacing: normal;
	word-break: break-all;
	word-wrap: break-word;
	text-transform:none;
	border:#333 solid;
	border-width:0 0 2px 0;
	padding:2px 1px 2px 5px;
	vertical-align: bottom;
	text-align:left;
}
#home .content table tbody td, #home .content table tbody th{
	font-size:12px;
	line-height:10px;
	word-break: break-all;
	word-wrap: break-word;
	padding:1px 1px 1px 5px;
	height:24px;
	text-align:left;
}
#home .content table tbody th{
	text-align:left;
}
#home .content table tbody tr:nth-child(odd) td,
#home .content table tbody tr:nth-child(odd) th{
	background: #f5f5f5;
}
#home .content table tbody td, #main table tbody th{
	border:#FFF solid;
	border-width:0 1px;
}
#home .content table tbody td.name,
#home .content table tbody td.group,
#home .content table thead th.name,
#home .content table thead th.group
{
	text-align:left;
	padding-left:6px;
}
#home .content table thead th.group{
	position:relative;
}
#home .content .left{
	width:700px;
	float:left;
}
#home .content .slider{
	width: auto !important;
	margin: 0 0 20px 0;
	border:1px solid #ccc;
	background:url(/home/images/bg_main_slider_table.jpg) repeat-x bottom;
}
#home .content .slider .table{
	margin-left:189px;
	width:499px !important;
	padding:5px;
}
#home .content .timer, .timer2{
	text-align: right;
	color: #949494;
	padding-top: 5px;
	font-size: 11px;
}
/*tab*/
	#home .content .slider #tabs li a {
		padding: 0 13px;
		height: 30px;
		line-height: 30px;
		font-weight: bold;
	}
#home .content .slider .table .box{
	float: left;
	width: 150px;
	padding: 3px 5px;
	margin: 5px 3px 0 3px;
	background:url(/home/images/bg_main_slider_box.jpg) repeat-x bottom;
	border-bottom:1px solid #c3cdd7;
}
#home .content .slider .table .box .code_area{
	border-bottom:1px dotted #ccc;
}
#home .content .slider .table .box .code_area .underlying{
	font-weight:bold;
	line-height:15px;
	font-size: 13px;
	padding-bottom:3px;
}
#home .content .slider .table .box .code_area .underlying a{
	font-size:12px;
	color:#333;
}
#home .content .slider .table .box .code_area .code{
	color: #61798b;
	font-size: 25px;
	font-weight: bold;
	line-height: 25px;
}
#home .content .slider .table .box .detail{
	padding: 5px 0;
	line-height: 15px;
}

#home .content .special_banner {
	margin: 0 0 20px 0;
}
#home .content .radio_talk{
	float:left;
	margin-bottom:20px;
	border:#CCC 1px solid;
	width: 338px;
	height: 156px;
	background:#e8ebf0;
}
#home .content .radio_time_table{
	float:right;
	margin-bottom:20px;
}

#home .content .sectors #slider2 {
    height: 386px !important;
}
#home .content .sectors {
    float: left;
    margin-bottom: 20px;
    min-height: 444px;
    width: 340px;
	/*margin-top: -175px;*/
}
#home .content .sectors .sector{
	padding-bottom:7px;
	float: left;
}
#home .content .sector img{
	float:left;
	padding:0 5px 0 0 ;
}
#home .content .sector div.warrants{
	float:right;
	width:286px;
	/*background:url(/home/images/bg_sectors_underlying.gif) no-repeat;*/
}
#home .content .sector div.warrants .code{
	width:50%;
	float:left;
}
#home .content .sector div.warrants .code .underlying{
	text-transform: capitalize;
	/*font-weight:bold;*/
	width: 130px;
	word-break: break-all;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}
#home .content .sector div.title{
	font-size:13px;
	line-height: 21px;
}
#home .content .market_statistics{
	margin-bottom:20px;
}
#home .content .commentary{
	margin-bottom:20px;
}
#home .content .commentary iframe#commentaryiframe{
	width:700px;
	height:320px;
	overflow-x:hidden;
	overflow-y:scroll;
}
#home .content .video{
	float:right;
	min-height:340px;
	position:relative;
}
#home .content .video .video_pic{
}
#home .content .video .video_file{
}
#home .content .video p{
	width:340px;
	padding-top: 10px;
}
#home .content .right{
	width:250px;
	float:right;
}
#home .content .search{
	margin-bottom:20px;
	background: url(/home/images/bg_home_search.jpg) no-repeat;
	padding:10px 10px 10px 20px;
	height:245px;
}
#home .content .search .or{
	text-align:center;
	text-transform:none;
	color:#646464;
	padding:5px;
	margin:5px 0;
}
#home .content .search .icon{
	padding: 10px 0 5px 0;
}
#home .content .search .icon table{
	background:none;
	margin-top: 0;
}
#home .content .search .button{
	margin-top:10px;
}
#home .content .search .icon table td{
	background: none;
	border: #FFF solid;
	border-width: 0 ;
	text-align:center;
	padding: 5px 0 0 0;
	height: auto;
}
#home .content .email_receive{
	margin-bottom:20px;
	margin-left:10px;
	padding:10px;
	background: url(/home/images/bg_email_receive.gif) no-repeat #ebebeb right top;
	height: 138px;
}
#home .content .email_receive h2{
	margin: 0 50px 5px 0;
	font-size:13px;
	line-height: 22px;
}
#home .content .email_receive input{
	width:210px;
	height:26px;
	border: none;
	padding: 0 5px;
	color: #999;
	float:left;
	background: url(/home/images/bg_home_search_input_220.gif) no-repeat;
}
#home .content .search input{
	border: solid 1px #cecece;
	width: 208px;
	height: 24px;
	line-height:26px;
	padding: 0 5px;
}
#home .content .search input[type=radio]{
	width: auto;
	border:none;
}
#home .content .search button{
	height:26px;
	margin:3px 0 0 0;
	padding:0 0 2px 0;
}
#home .content .email_receive button{
	height:26px;
	margin:9px 0 0 0;
	padding:0 0 2px 0;
}
#home .content .search button[type="submit"],
#home .content .email_receive button[type="submit"],
#home .content .quote button[type="submit"]
{
	width:66px;
	background: url(/home/images/bg_icon_green_search.jpg) no-repeat;
	color:#FFF;
}
#home .content .quote{
	margin-bottom:20px;
	background: url(/home/images/bg_home_quote.jpg) no-repeat;
	padding:10px 0px 10px 10px;
	height:245px;
}
#home .content .quote input{
	border: solid 1px #cecece;
	width: 208px;
	height: 24px;
	line-height:26px;
	padding: 0 5px;
	margin-left:10px;
}
#home .content .quote .button{
	margin:10px 0;
}
#home .content .quote button{
	height:26px;
	margin:0 0 0 10px ;
	padding:0 0 2px 0;
}
#home .content .quote .quote_stock .quote_stock_tl{
	background:#fff;
	border-top:1px solid #c3cdd7;
	border-bottom:1px solid #c3cdd7;
	color:#427c99;
	line-height:32px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	width:238px;
	margin:0 auto;
}
#home .content .quote .quote_stock table{
	background:#f5eee6;
	margin-top: 10px;
	margin-bottom: 5px;
}
#home .content .quote .quote_stock .quote_table{
	margin:0 10px;
}
#home .content .quote .quote_stock table tbody td,
#home .content .quote .quote_stock table tbody th{
padding: 1px 1px 1px 1px;
}
#home .content .quote .quote_stock table tbody th{
	font-size:12px;
	font-weight:normal;
}
#home .content .quote .quote_stock table tbody tr:nth-child(odd) td,
#home .content .quote .quote_stock table tbody tr:nth-child(odd) th{
	background: #f5eee6;
}
#home .content .quote .quote_stock table tbody td{
	border:none;
	font-size:15px;
	font-weight:bold;
}
#home .content .quote .quote_stock table tbody td.price{
	font-size:24px;
	font-weight:bold;
}
#home .content .quote .timer, .timer2{
	margin-right:10px;
}
#home .content .quote button[type="button"]{
	width:66px;
	background: url(/home/images/bg_icon_red_quote.jpg) no-repeat;
	color:#FFF;
}
#home .content .icon_banner{
	min-height: 340px;
	margin-bottom:20px;
	padding-left:10px;
}
#home .content .icon_banner a{ color:#000;}
#home .content .icon_banner h2{ font-size:21px;}

#home .content .new_listing h2{ font-size:21px;}

#home .content .commentary h2{ font-size:21px;}

#home .content .market_statistics h2{ font-size:21px;}

#home .content .recommend h2{ font-size:21px;}

#home .content .icon_banner .icon table{
	margin-top:0;
	margin-left:0
}
#home .content .icon_banner .icon td{
	padding: 10px 0 0 0 ;
	border:none;
}
#home .content .icon_banner .icon td.first{
	padding:0;
}
#home .content .icon_banner .icon td img{
	margin-right:10px;
}
#home .content .icon_banner .icon td{
	font-size:13px;
}
#home .content .icon_banner .icon td img{
}
#home .content .icon_banner .icon table tbody tr:nth-child(odd) td,
#home .content .icon_banner .icon table tbody tr:nth-child(odd) th
{
	background: #fff;
}
#home .content .new_listing, #home .content .recommend{
	margin-bottom:20px;
	padding-left:10px;
}
#home .next, #home .more{
	color:#999;
	background:url(/home/images/bg_icon_more.gif) no-repeat left;
	padding-left: 8px;
	margin-left: 3px;
}
/* content */
#content {
	margin: 20px auto 30px auto;
	width: 940px;
	padding-right:20px;
	min-height: 500px;
}
/* sidebar */
#sidebar {
	float: left;
	margin: 0 20px 0 0;
	width: 220px;
	display:none;
}
#sidebar ul {
	margin: 0 0 0 0;
}
#sidebar ul{
}
#sidebar ul li {
	position: relative;
	padding: 0 0 0 7px;
	width: 213px;
	line-height: 30px;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #dedede;
}
#sidebar ul li, #sidebar ul li a{
	color: #646464;
}
#sidebar ul li.current, #sidebar ul li.current a, #sidebar ul li a.current, #sidebar ul li.sub ul li.current, #sidebar ul li.sub ul li.current a, #sidebar ul li.sub ul li a.current{
	color: #427c99;
}
#sidebar ul li.lines{
	line-height:15px;
	padding: 6px 0 6px 7px;
}
#sidebar ul li:hover, #sidebar ul li:hover a{
	color:#FFF;
	background:#427c99;
	text-decoration:none;
}
/* sidebar sub menu*/
#sidebar ul li.sub ul{
	margin: 0 0 0 -7px
}
#sidebar ul li.sub:hover{
	color: #646464;
	background:#fff;
}
#sidebar ul li.sub:hover a{
	color:#919191;
	background:#fff;
}
#sidebar ul li.sub ul li, #sidebar ul li.sub ul li a{
	border-bottom: none;
	font-weight:normal;
	color:#919191;
}
#sidebar ul li.sub ul li:hover, #sidebar ul li.sub ul li:hover a{
	color:#FFF;
	background:#427c99;
	text-decoration:none;
}
/* main */
#main {
	float: left;
	width: 700px;
	position:relative;
}
/* full page content*/
#main.full{
	float: left;
	width: 100%;
	position:relative;
	background:#FFF;
}
/* footer */
#footer {
	width: 100%;
}
#footer #breadcrumbs {
width: 100%;
border-bottom: 1px solid #999;
}
#footer #disclaimer {
	clear: both;
	margin: 20px auto;
	width: 946px;
	padding:0 14px;
	color:#949494;
}
#footer #disclaimer a{
	color:#949494;
	text-decoration:underline;
}
#footer #disclaimer .disclaimer{
}
#footer #disclaimer .copyright{
	padding:10px 0 5px 0;
}
#footer #disclaimer .dbpower{
	padding:5px 0;
}
#footer #disclaimer .dbpower img{
	padding:0 8px 0 5px;
	vertical-align:text-bottom;
}
#footer #navigation_bottom {
	margin: 20px auto 0 auto;
	width: 946px;
	border-bottom: 1px solid #999;
	line-height: 30px;
	padding: 0 7px;
	font-size:13px;
	font-weight:bold;
}
#footer #navigation_bottom a{
	color:#949494;
}
#footer #navigation_bottom .here{
	float:left;
}
#footer #navigation_bottom .language{
	float:right;
}
#footer #navigation_bottom .language a{
	color:#222;
}
#footer #navigation_bottom .language a.current{
	text-decoration:underline;
	color:#427c99;
}
#footer #ubs_bottom{
	margin: 10px auto 30px auto;
	width: 953px;
	padding:0 7px 0 14px;
}
#footer #ubs_bottom .logo {
    float: left;
    padding-right: 0px;
    width: 150px;
}

.hot_line_bot{
    float: right;
    margin: 17px 0 0 0;
}



#footer #ubs_bottom .link{
	float:left;
	margin-top:7px;
}
#footer #ubs_bottom .link a{
	color:#222;
}
#footer #ubs_bottom .link ul li{
	float:left;
	padding-right:30px;
}
#footer #ubs_bottom .link ul li:last-child{
	padding-right: 0;
}
#footer #ubs_bottom .link ul li span {
	display: inline-block;
	width: 7px;
	height: 9px;
	padding-right:3px;
	background: url(/home/images/icon_bottom_arrow.gif) no-repeat;
}
/* main */
#main h1{
	font-family: 'DFHeiHK', 'DFPHeiStd','Frutiger', "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "Heiti TC", STXihei, "华文细黑", Arial, Helvetica, sans-serif;
	font-size: 33px;
	font-weight: bold;
	margin: 0 0 20px 0;
	padding: 0 0 3px 0;
	line-height:36px;
	min-height:36px;
}
#main h2, .popup_money_flow h2{
	font-family: 'DFHeiHK', 'DFPHeiStd','Frutiger', "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "Heiti TC", STXihei, "华文细黑", Arial, Helvetica, sans-serif;
	font-size: 23px;
	font-weight: bold;
	margin: 20px 0 10px 0;
	padding: 0 0 3px 0;
	line-height:26px;
}
#main h2{
	position:relative;
	width:610px;
}
#main h2 span{
	color:#e60201;
}
#main #chart h2{
	text-align:left;
}
#main h2.under_tab, .popup_money_flow h2{
	margin: 10px 0 10px 0;
}
#main h2.tab{
	border-bottom:1px solid #919191;
}
#main #tabs{
	border-bottom: 1px solid #919191;
	width: 100%;
	height: 31px;
	padding: 0 0 0 1px;
	background: url(/home/images/bg_tabs_wrapper.jpg) no-repeat left;
}
#main #tabs li{
	float: left;
	height: 30px;
	background: url(/home/images/bg_tabs_wrapper.jpg) repeat-x;
	border-top:1px solid #cecece;
}
#main #tabs li a {
	display: block;
	margin: 0 1px 0 0;
	padding: 0 18px;
	height: 30px;
	line-height: 30px;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	background: url(/home/images/bg_tabs.jpg) repeat-x;
}
#main #tabs li a:hover{
	text-decoration: none;
	color: #FFF;
	background: url(/home/images/bg_tabs_hover.jpg) repeat-x;
}
#main #tabs li.current a, #main #tabs li a.current{
	text-decoration: none;
	color: #FFF;
	background: url(/home/images/bg_tabs_hover.jpg) repeat-x;
}
#main table{
	margin-top:10px;
}
#main table, #main table th, #main table td{
	border-collapse:collapse;
}
#main table thead th{
	font-size:12px;
	line-height:13px;
	letter-spacing: normal;
	word-break: break-all;
	word-wrap: break-word;
	text-transform:none;
	border:#333 solid;
	border-width:0 0 2px 0;
	padding:3px 1px 3px 5px;
	vertical-align: bottom;
	text-align:left;
	background: #fff;
	letter-spacing: 1px;
}
#main table thead th.border_right{ 
	border-right:1px solid #000!important;
}
#main table thead td{
	font-size:12px;
	line-height:13px;
	letter-spacing: normal;
	word-break: break-all;
	word-wrap: break-word;
	text-transform:none;
	padding:3px 1px 3px 5px;
	vertical-align: bottom;
	text-align:left;
	background:#fff;
	font-weight:bold;
	text-align:center;
	letter-spacing: 1px;
}
#main table thead td a{
	color: #222;
}
#main table thead th.merges{
	padding: 0 1px 3px 5px;
}
#main table thead td.merges{
	text-align:center;
	padding: 3px 1px 1px 5px;
}
#main table tbody td, #main table tbody th{
	font-size:12px;
	line-height:10px;
	word-break: break-all;
	word-wrap: break-word;
	padding:1px 1px 1px 5px;
	height:24px;
	text-align:left;
}
#main table tbody th{
	text-align:left;
}
#main table tbody tr:nth-child(odd) td,
#main table tbody tr:nth-child(odd) th{
	background: #f5f5f5;
}
#main table tbody td, #main table tbody th{
	border:#FFF solid;
	border-width:0 1px;
}
#main table tbody td.name,
#main table tbody td.group,
#main table thead th.name,
#main table thead th.group
{
	text-align:left;
	padding-left:6px;
}
#main table tbody td.border_right, #main table tbody tr:hover td.border_right{ 
	border-right:1px solid #000;
}
 
#main table thead th.group{
	position:relative;
}
/* timer */
#main .timer{
	text-align:right;
	color:#949494;
	padding-top:5px;
	font-size:11px;
}
#main .timer.top{
	text-align:left;
	color:#949494;
	padding-top:0;
	margin:5px 0 20px 2px;
	font-size:11px;
}
/* td mouseover */
#main table tbody tr:hover td, #main table tbody tr:hover th{
	background: #427c99;
	color: #fff;
	border: #427c99 solid;
	border-width: 0 1px;
}
#main table tbody tr:hover td a{
	background: #427c99;
	color: #fff;
	border: #427c99 solid;
	border-width: 0px;
}
#main table tbody tr:hover td{
	cursor: default;
}
#main table tbody tr:hover td a{
	cursor:pointer;
	display: inline-block;
}
#main table tbody tr:hover td span.call, 
#main table tbody tr:hover td span.put, 
#main table tbody tr:hover td span.bear,
#main table tbody tr:hover td span.bull, 
#main table tbody tr:hover td span.rise, 
#main table tbody tr:hover td span.fall,
#main table tbody tr:hover td span.otm, 
#main table tbody tr:hover td span.itm{
	color: #fff;
}
#main table tbody tr:hover td span.fall{ 
	background:url(/home/images/icon_fall_white.gif) no-repeat left; 
	padding-left:10px;
}
#main table tbody tr:hover td span.rise{ 
	background:url(/home/images/icon_rise_white.gif) no-repeat left; 
	padding-left:10px;
}
/* warrants/cbbc type */
#main .type{
	text-transform: capitalize;
	font-weight:bold;
	margin:-25px 0 20px 2px;
}
/* note */
#main .note.top{
	margin:5px 0 20px 2px;
}
#main .note.under_tab{
	margin:-5px 0 10px 2px;
}
#main .note.bottom{
	margin:5px 0 10px 2px;
	text-align:right;
}
/* special case on note*/
#main .note.right, #main .timer.right{
	float:right;
}
#main .note.left, #main .timer.left{
	float:left;
}
#main #multi_warrants_calculator .note.bottom,
#main #multi_cbbc_calculator .note.bottom{
	margin:15px 0 10px 2px;
	text-align:left;
}




/* support icon */
div#icon{
	position:absolute;
	right:0;
	top:10px;
}
div#icon.tab{
	top:64px;
}
div#icon.tab_code{
	top:74px;
}
div#icon.tab_note{
	top:50px;
}
div#icon.tab_note2{
	top:65px;
}
div#icon img{
	padding-left:5px;
}
/* sorting */
#main table thead th a{
	color:#222;
}
#main table thead th a:hover{
	color:#222;
	text-decoration:none;
}
#main table thead th a.current{
	color:#5a6f89
}
#main table thead th span{
	width:10px;
	height:9px;
	/*display: none;*/
	padding-right: 3px;
	display: inline-block;
	background: url(/home/images/icon_sorting.gif) no-repeat left;
}
#main table thead td span{
	width:10px;
	height:9px;
	/*display: none;*/
	padding-right: 3px;
	display: inline-block;
	background: url(/home/images/icon_sorting.gif) no-repeat left;
}
#main table thead th span.up{
	background:url(/home/images/icon_sorting_up.gif) no-repeat left;
	width:10px;
	height:9px;
	display: inline-block;
	padding-right: 3px;
}
#main table thead th span.down{
	background:url(/home/images/icon_sorting_down.gif) no-repeat left;
	width:10px;
	height:9px;
	display: inline-block;
	padding-right: 3px;
}
/*pager*/

/* select box */
#main .paging {
	margin: 10px 0 0 0;
	/*overflow: hidden;*/
	height: 26px;
}
#main .paging select{ float:left;}
#main .paging .select_box {
	background: #fff;
	border: 1px solid #cecece;
	float: left;
	position: absolute;
	z-index: 10;
	width: 120px;
}
#main .paging .select_box li {
	color: #919191;
	height: 25px;
	line-height: 25px;
	padding: 0 7px;
}
#main .paging .select_box li.first, #main .paging .select_box li.first.selected {
	color: #000;
}
#main .paging .select_box li.selected {
	color: #cecece;
}
#main .paging .select_box li.first span {
	background: url(/home/images/bg_selectbox.gif) no-repeat scroll left top;
	display: inline-block;
	float: right;
	height: 7px;
	margin: 9px 0 0 5px;
	width: 12px;
}
#main .paging .select_box:hover {
	border: 1px solid #427c99;
}

#main .paging ul.pager {
	margin: 3px 0 0 7px;
	overflow: hidden;
	float: left;
}
#main .paging ul.pager li {
	float: left;
	margin: 0 0 0 5px;
}
#main .paging ul.pager li:first_child {
	margin: 0;
}
#main .paging ul.pager li a.first_link.disabled, #main .paging ul.pager li a.first_link:hover.disabled {
	background: url(/home/images/icon_firstlink_disable.gif) no-repeat;
}
#main .paging ul.pager li a.first_link, #main .paging ul.pager li a.first_link:hover {
	background: url(/home/images/icon_firstlink.gif) no-repeat;
	width: 20px;
}
#main .paging ul.pager li a.previous_link.disabled, #main .paging ul.pager li a.previous_link:hover.disabled {
	background: url(/home/images/icon_previous_disable.gif) no-repeat;
}
#main .paging ul.pager li a.previous_link, #main .paging ul.pager li a.previous_link:hover {
	background: url(/home/images/icon_previous.gif) no-repeat;
	width: 20px;
}
#main .paging ul.pager li a.next_link.disabled, #main .paging ul.pager li a.next_link:hover.disabled{
	background: url(/home/images/icon_next_disable.gif) no-repeat;
}
#main .paging ul.pager li a.next_link, #main .paging ul.pager li a.next_link:hover {
	background: url(/home/images/icon_next.gif) no-repeat;
	width: 20px;
}
#main .paging ul.pager li a.last_link.disabled, #main .paging ul.pager li a.last_link:hover.disabled{
	background: url(/home/images/icon_lastlink_disable.gif) no-repeat;
}
#main .paging ul.pager li a.last_link, #main .paging ul.pager li a.last_link:hover {
	background:  url(/home/images/icon_lastlink.gif) no-repeat;
	width: 20px;
}
#main .paging ul.pager li a {
	display: block;
	color: #000;
	font-size: 14px;
	height: 21px;
	line-height: 21px;
	text-align: center;
	width: 25px;
}
#main .paging ul.pager li.current a, #main .paging ul.pager li a.current {
	background: #686868;
	color: #fff;
}
#main .paging ul.pager li a:hover{
	background:#686868;
	color:#fff;
	text-decoration:none
}
/* horizontal scroll */
#main .horizontal_scroll{
	width:700px;
	/*overflow-x:scroll;*/
	position:relative;
}
/* vertical scroll */
#main table.vertical_header, #main div.vertical_scroll, #main table.vertical_scrolling{
	width:940px;
}
#main .vertical_scroll{
	margin-top:1px;
	height:210px;
	overflow-y:scroll;
	overflow-x:hidden;
}
#main #top10_outstanding_quantity .vertical_scroll{
	height:300px;
}
#main #top10_outstanding_quantity .link_img img{
	cursor:pointer;
}
#main table.vertical_scrolling, #main table.vertical_header{
	margin-top:0
}
#main table.vertical_scrolling td.no_related{
	text-align:center;
}
/* Data table */
#main .data_left, #main .data_right{
	border-top:1px solid #999;
	float: left;
	width: 460px;
}
#main .data_left.real_time, #main .data_right.real_time{
	border-top:1px solid #B4433A;
}
#main #multi_warrants_calculator .data_left, #main #multi_warrants_calculator .data_right,
#main #multi_cbbc_calculator .data_left, #main #multi_cbbc_calculator .data_right{
	border-top:none;
	float: left;
	width: 460px;
}
#main #multi_warrants_calculator .border,
#main #multi_cbbc_calculator .border{
	border-top:2px solid #999;
}
#main .data_left{
	margin: 0 10px 0 0;
}
#main .data_right{
	margin: 0 0 0 10px;
}
#main .data_left table, #main .data_right table{
	margin-top:0;
}
#main .data_left table tbody td, 
#main .data_left table tbody th, 
#main .data_right table tbody td,
#main .data_right table tbody th{
	border: #fff solid;
	border-width: 0;
	border-bottom:1px solid #cecece;
}
#main .data_left table tbody tr:nth-child(odd) td, 
#main .data_right table tbody tr:nth-child(odd) td,
#main .data_left table tbody tr:nth-child(odd) th, 
#main .data_right table tbody tr:nth-child(odd) th{
	background: #fff;
}
#main .data_left table tbody tr:hover td, 
#main .data_right table tbody tr:hover td,
#main .data_left table tbody tr:hover th, 
#main .data_right table tbody tr:hover th{
	background: #fff;
	color:#222;
	border:#fff solid;
	border-width:0;
	border-bottom:1px solid #cecece;
}
#main .data_left table tbody tr:hover td a,
#main .data_right table tbody tr:hover td a{
	background: #fff;
	color:#427c99;
	border:#fff solid;
	border-width:0;
}
#main .data_left table tbody th, #main .data_right table tbody th{
	text-align:left;
	padding-left:10px;
}
#main .data_left table tbody td, #main .data_right table tbody td{
	text-align:right;
	padding-right:10px;
}
#main .data_left table tbody tr:hover td span.call, 
#main .data_left table tbody tr:hover td span.bull,
#main .data_left table tbody tr:hover td span.rise, 
#main .data_right table tbody tr:hover td span.call, 
#main .data_right table tbody tr:hover td span.bull,
#main .data_right table tbody tr:hover td span.rise,
#main .data_right table tbody tr:hover td span.itm
{
	color: #8EA852;
}
#main .data_left table tbody tr:hover td span.put, 
#main .data_left table tbody tr:hover td span.bear,
#main .data_left table tbody tr:hover td span.fall,
#main .data_right table tbody tr:hover td span.put, 
#main .data_right table tbody tr:hover td span.bear,
#main .data_right table tbody tr:hover td span.fall,
#main .data_right table tbody tr:hover td span.otm
{
	color: #B4433A;
}
#main .data_left table tbody tr:hover td span.fall,
#main .data_right table tbody tr:hover td span.fall{ 
	background:url(/home/images/icon_fall.gif) no-repeat left; 
	padding-left:10px;
}
#main .data_left table tbody tr:hover td span.rise,
#main .data_right table tbody tr:hover td span.rise{ 
	background:url(/home/images/icon_rise.gif) no-repeat left; 
	padding-left:10px;
}

#main .data_left table.real_time td, 
#main .data_right table.real_time td,
#main .data_left table.real_time th, 
#main .data_right table.real_time th,
#main .data_left table.real_time tbody tr:nth-child(odd) td, 
#main .data_right table.real_time tbody tr:nth-child(odd) td,
#main .data_left table.real_time tbody tr:nth-child(odd) th, 
#main .data_right table.real_time tbody tr:nth-child(odd) th,
#main .data_left table.real_time tbody tr:hover td, 
#main .data_right table.real_time tbody tr:hover td,
#main .data_left table.real_time tbody tr:hover th, 
#main .data_right table.real_time tbody tr:hover th
{
	background:#f5eee6;
}

#main .data_left table.real_time th, 
#main .data_right table.real_time th
{
	/*position: relative;
	display: block;
	width: 100%;*/
}

#main .data_left table.real_time th.live, 
#main .data_right table.real_time th.live,
#main .data_left table.real_time tr:hover th.live,
#main .data_right table.real_time tr:hover th.live,
#main .data_left table.real_time tbody tr:nth-child(odd) th.live, 
#main .data_right table.real_time tbody tr:nth-child(odd) th.live
{
	/*line-height:24px;*/
	background:url(/home/images/icon_td_realtime_c.jpg) no-repeat 140px #f5eee6;
}
#main .data_left table.real_time th.live.gb, 
#main .data_right table.real_time th.live.gb,
#main .data_left table.real_time tr:hover th.live.gb,
#main .data_right table.real_time tr:hover th.live.gb,
#main .data_left table.real_time tbody tr:nth-child(odd) th.live.gb, 
#main .data_right table.real_time tbody tr:nth-child(odd) th.live.gb
{
	/*line-height:24px;*/
	background:url(/home/images/icon_td_realtime_gb.jpg) no-repeat 140px #f5eee6;
}

#main .data_left table.real_time th img, 
#main .data_right table.real_time th img
{
	/*position:absolute;
	left: 130px;
	top: 5px;*/
}

#main .data_left table.southbound th, #main .data_right table.southbound th,
#main .data_left table.southbound td, #main .data_right table.southbound td{
	background: #f5f5f5!important;
	border-bottom: none!important;
}
#main .data_left table.southbound td, #main .data_right table.southbound td{
	font-size:15px;
	text-align:left;
	padding-left: 10px;
}
#main .data_left, #main .data_right{
	border-bottom: 1px solid #cecece;
	border-top: 2px solid #333;
}

/* chart */
#main div#chart{
	margin:30px 0 0 0;
	position:relative;
	text-align:center;
}
#main #underlying_analyzer div#chart{
	margin:30px 0 30px 0;
}
#main #warrants_analyzer_outstanding_quantity div#chart,
#main #cbbc_analyzer_outstanding_quantity div#chart{
	margin:40px 0 30px 0;
}
#main #ashares_etfs_premium div#chart{
	margin:30px 0 0 0;
}
#main #warrants_analyzer_performance #chart div.time_range{
	position:absolute;
	top:0;
	left:0;
}
#main #warrants_analyzer_performance #chart div.moving_average{
	position:absolute;
	top:0;
	right:0;
}
#main #multi_warrants_calculator div#chart, #main #multi_cbbc_calculator div#chart{
	margin:20px 0 0 0;
} 


/* submit and search */
#main #cbbc_analyzer_comparison button, 
#main #warrants_analyzer_comparison button,
#main #contact_us button{
	height:26px;
	margin:5px 5px 0 0;
	padding:0 0 2px 0;
}
#main #cbbc_analyzer_comparison button[type="submit"], 
#main #warrants_analyzer_comparison button[type="submit"],
#main #contact_us button[type="submit"]
{
	width:66px;
	background: url(/home/images/bg_icon_green_search.jpg) no-repeat;
	color:#FFF;
}
#main #cbbc_analyzer_comparison button[type="reset"],
#main #warrants_analyzer_comparison button[type="reset"],
#main #contact_us button[type="reset"]{
 	width:61px;
	background: url(/home/images/bg_icon_grey_reset.jpg) no-repeat;
	color:#000;
}
/* commentary */
#warrants_commentary{
	position:relative;
}
#warrants_commentary h2, #cbbc_commentary h2{
	border-bottom:1px solid #999;
	width:auto;
}
#warrants_commentary iframe{
	z-index:1;
	position:relative;
}
#main #warrants_commentary .paging, #main #cbbc_commentary .paging {
	width:698px;
	margin: 0 auto 15px auto;
	z-index:999;
	position:relative;
}
/*#main #warrants_commentary iframe, #main #cbbc_commentary iframe{
	margin-left: 71px;
}*/
#main #warrants_commentary .paging .select_box, #main #cbbc_commentary .paging .select_box{
	width:698px;
}
#warrants_commentary .download_icon, #cbbc_commentary .download_icon{
	position:absolute;
	right:0;
	top:59px;
}
#warrants_commentary .download_icon a, #cbbc_commentary .download_icon a, #home .commentary .download_icon a{
	color:#222;
	font-weight:bold;
}
#warrants_commentary .download_icon img, #cbbc_commentary .download_icon img, #home .commentary .download_icon img{
	padding-right:5px;
	vertical-align:text-bottom;
}
/* top10_turnover_distribution */
#main #top10_turnover_distribution table tbody tr:nth-child(4n+1) td, #main #top10_turnover_distribution table tbody tr:nth-child(4n+2) td{
	background: #f5f5f5;
}

#main #top10_turnover_distribution table tbody tr:nth-child(4n+3) td, #main #top10_turnover_distribution table tbody tr:nth-child(4n+4) td{
	background: #fff;
}

#main #top10_turnover_distribution table tbody tr:hover td{
	background: #427c99;
	color: #fff;
	border: #427c99 solid;
	border-width: 0 1px;
}
/* warrants_settlement_price */
#main #warrants_settlement_price .search,
#main #cbbc_settlement_price .search{
	position:absolute;
	right:0;
	top: 60px;
}
#main #warrants_settlement_price .search input,
#main #cbbc_settlement_price .search input{
	width:90px;
	height:26px;
	line-height:26px;
	border: none;
	background: url(/home/images/bg_input_100.gif) no-repeat;
	padding: 0 5px;
	color: #999;
	float:left;
}
#main #warrants_settlement_price .search button,
#main #cbbc_settlement_price .search button{
	width:66px;
	height:26px;
	background: url(/home/images/bg_icon_green_search.jpg) no-repeat;
	margin:0 0 0 5px;
	padding:0 0 2px 0;
	color:#FFF;
	float:right;
}
#main #warrants_settlement_price table tbody td input,
#main #cbbc_settlement_price table tbody td input,
#main #residual_value_of_cbbc table tbody td input{
	width:50px;
	height:26px;
	line-height:26px;
	border: none;
	background: url(/home/images/bg_input_60.gif) no-repeat;
	padding: 0 5px;
	color: #999;
}
#main #warrants_settlement_price table tbody td button,
#main #cbbc_settlement_price table tbody td button{
	width:47px;
	height:26px;
	background: url(/home/images/bg_icon_blue_calculate.gif) no-repeat;
	margin:0 0 0 5px;
	padding:0 0 2px 0;
	color:#FFF;
	float:right;
}
#main #warrants_settlement_price h2{
	width:100%;
}
/* result_announcement */
#main #result_announcement .search{
	border-bottom: 1px solid #919191;
	padding:1px 0 2px 0;
}
#main #result_announcement .search div.date{
	float:left
}
#main #result_announcement .search div.date input{
	width:90px;
	height:26px;
	border: none;
	background: url(/home/images/bg_input_100.gif) no-repeat;
	padding: 0 5px;
	color: #999;
	line-height:26px;
}
#main #result_announcement .search div.code{
	/*float:right*/
}
#main #result_announcement .search div.code input{
	width:90px;
	height:26px;
	border: none;
	background: url(/home/images/bg_input_100.gif) no-repeat;
	padding: 0 5px;
	color: #999;
	float:left;
	line-height:26px;
}
#main #result_announcement .search div.code button{
	width:66px;
	height:26px;
	background: url(/home/images/bg_icon_green_search.jpg) no-repeat;
	margin:0 0 0 5px;
	padding:0 0 2px 0;
	color:#FFF;
}

#main #result_announcement .search div.right_link{
	float:right;
	font-size:16px;
}
#main #result_announcement .search div.right_link a{
	font-weight: bold;
	padding-left: 10px;
	background: url(/home/images/home_quick_link_arrow.gif) no-repeat right;
    padding-right: 10px;
	margin-right: 5px;	
}

#main #result_announcement table tbody td span{
	padding-right:10px;
}
#main #result_announcement div.ubs_pick{
	width:50%;
	float:left;
	text-align: left;
	line-height:18px;
}
#main #result_announcement h2,
#main #economic_calendar h2
{
	width:auto;
}
/* Compare */
#main #cbbc_analyzer_comparison table.result,
#main #warrants_analyzer_comparison table.result{
	border-collapse:collapse;
}
#main #cbbc_analyzer_comparison table.result tbody th,
#main #warrants_analyzer_comparison table.result tbody th{
	padding-left:10px;
	line-height: normal;
}
#main #cbbc_analyzer_comparison table.result tbody tr:first-child th,
#main #cbbc_analyzer_comparison table.result tbody tr:first-child td,
#main #warrants_analyzer_comparison table.result tbody tr:first-child th,
#main #warrants_analyzer_comparison table.result tbody tr:first-child td
{
	border-top:2px solid #333;
}
#main #cbbc_analyzer_comparison table.result tbody th, 
#main #cbbc_analyzer_comparison table.result tbody td,
#main #warrants_analyzer_comparison table.result tbody th, 
#main #warrants_analyzer_comparison table.result tbody td{
	border-bottom:1px solid #cecece;
}
#main #cbbc_analyzer_comparison table.result tbody th,
#main #warrants_analyzer_comparison table.result tbody th{
	border-width: 0 1px 1px 0;
	line-height:normal;
}
#main #cbbc_analyzer_comparison table.result tbody td,
#main #warrants_analyzer_comparison table.result tbody td{
	border-width: 0 0 1px 0;
}
/* HSI CBBC Outstanding */
#main #hsi_cbbc_outstanding .sorting{
	float:left;
	font-size:11px;
	margin-bottom:15px;
}
#main #hsi_cbbc_outstanding .sorting .historical_graphs,
#main #hsi_cbbc_outstanding .sorting .hsi_range,
#main #hsi_cbbc_outstanding .sorting .information_display,
#main #hsi_cbbc_outstanding .sorting .ext_range{
	width:125px;
	float:left;
}
#main #hsi_cbbc_outstanding .sorting label{
	display:block;
	margin: 0 0 5px 0;
}
/*#main #hsi_cbbc_outstanding .sorting .select_box{
	width:115px;
	height:21px;
	overflow:hidden;
	background:url(/home/images/bg_hsi_cbbc_outstanding_select.gif) no-repeat;
}
#main #hsi_cbbc_outstanding .sorting .select_box select{
	width:135px;
	height:auto;
	border: none;
	background: transparent;
	color: #999;
	float: left;
	-webkit-appearance: none;
	padding: 1px 0 0 2px;
	font-size: 12px;
}*/
#main #hsi_cbbc_outstanding .icon{
	float:right;
	margin:0 100px 15px 0;
}
#main #hsi_cbbc_outstanding .icon a{
	color:#646464;
}
#main #hsi_cbbc_outstanding .icon a.on{
	color:#3198a1;
}
#main #hsi_cbbc_outstanding .icon img{
	padding-bottom:8px;
	display:block;
	margin:0 auto
}
#main #hsi_cbbc_outstanding .icon em{
	border: #e4e4e4 solid;
	float: left;
	height: 21px;
	border-width: 0 1px 0 0;
	padding-left: 20px;
	margin-top: 8px;
}
#main #hsi_cbbc_outstanding .icon a.button{
	float: left;
	text-align: center;
	margin-left: 20px;
}
#btn_ModeBarChart{
	background:url(/home/images/icon_bar_chart.gif) no-repeat top; 
}
#btn_ModeBarChart.on{
	background:url(/home/images/icon_bar_chart_on.gif) no-repeat top; 
}
#btn_ModeTable{
	background:url(/home/images/icon_table_chart.gif) no-repeat top; 
}
#btn_ModeTable.on{
	background:url(/home/images/icon_table_chart_on.gif) no-repeat top; 
}
#btn_pop{
	background:url(/home/images/icon_pop_full_page.gif) no-repeat top; 
}
#main #hsi_cbbc_outstanding div.rate{
	font-size:24px;
	font-weight:bold;
	text-align:right;
	border-bottom:2px #cecece solid;
}
#main #hsi_cbbc_outstanding div.rate .description{
	font-size:12px;
	font-weight:normal;
	float:left;
	padding-top:5px;
}
#main #hsi_cbbc_outstanding.table_mode table tbody td.last_day{
	font-size:16px;
	line-height:35px;
	color:#F00;
	font-weight:bold;
	border:#cecece solid;
	border-width:1px 0;
	text-align:center;
}
#main #hsi_cbbc_outstanding .disclaimer_left{
	float:left;
	padding-left:120px;
}
#main #hsi_cbbc_outstanding .disclaimer_right{
	float:right;
	padding-right:120px;
}
/* economic calendar */
#main #economic_calendar .calendar, #main #result_announcement .calendar{
	margin-bottom:30px;
	text-align:center;
}
#main #economic_calendar table tbody th{
	font-weight:normal;
}
#main #economic_calendar .description {
	text-align:right;	
}
#main #economic_calendar .description .hk_des, #main #economic_calendar .description .us_des {
	float:right;	
	padding-left: 20px;
}
#main #economic_calendar .description .hk_des img, #main #economic_calendar .description .us_des img{
	vertical-align: text-bottom;
}
/* analyzer quick search */
#main #underlying_analyzer #quick_search{
	position:absolute;
	right:0;
	top:60px;
}
#main #underlying_analyzer #quick_search span{
	height: 21px;
	float: left;
	padding: 5px 5px 0 0 ;
}
#main #top30_average_implied_volatility #quick_search{
	position:absolute;
	right:0;
	top:60px;
}
#main #top30_average_implied_volatility table{
	margin-top:70px;
}
/*#main #underlying_analyzer #quick_search .select_box{
	width:128px;
	height:26px;
	background:url(/home/images/bg_quick_search_select.gif) no-repeat;
	display:inline-block;
	overflow:hidden;
}
#main #underlying_analyzer #quick_search select{
	width: 150px;
	border: none;
	background: transparent;
	color: #999;
	float: left;
	-webkit-appearance: none;
	padding: 3px 0 0 3px;
	font-size:12px;
}*/
#main #warrants_analyzer_performance #quick_search,
#main #warrants_analyzer_outstanding_quantity #quick_search,
#main #warrants_analyzer_comparison #quick_search,
#main #cbbc_analyzer_performance #quick_search,
#main #cbbc_analyzer_outstanding_quantity #quick_search,
#main #cbbc_analyzer_comparison #quick_search{
	position:absolute;
	right:0;
	top:111px;
	z-index:100;
}
#main #warrants_analyzer_performance #quick_search span,
#main #warrants_analyzer_outstanding_quantity #quick_search span,
#main #warrants_analyzer_comparison #quick_search span,
#main #cbbc_analyzer_performance #quick_search span,
#main #cbbc_analyzer_outstanding_quantity #quick_search span,
#main #cbbc_analyzer_comparison #quick_search span,
#main #multi_warrants_calculator #quick_search span,
#main #multi_cbbc_calculator #quick_search span,
#main #money_flow #date span
{
	height: 21px;
	float: left;
	padding: 5px 5px 0 0 ;
}
#main #warrants_analyzer_performance #quick_search input,
#main #warrants_analyzer_outstanding_quantity #quick_search input,
#main #warrants_analyzer_comparison #quick_search input,
#main #cbbc_analyzer_performance #quick_search input,
#main #cbbc_analyzer_outstanding_quantity #quick_search input,
#main #cbbc_analyzer_comparison #quick_search input,
#main #multi_warrants_calculator #quick_search input,
#main #multi_cbbc_calculator #quick_search input,
#main #money_flow #date input
{
	width:142px;
	height:22px;
	padding: 1px 4px;
	border:1px solid #cecece;
	vertical-align:middle;
	line-height:22px;
}
#main #multi_warrants_calculator #quick_search input,
#main #multi_cbbc_calculator #quick_search input
{
	width:110px !important;
	float:left !important;
	margin-right:5px;
	line-height:20px;
}

#main #warrants_analyzer_outstanding_quantity .underlying_compare_area,
#main #cbbc_analyzer_outstanding_quantity .underlying_compare_area{
	position: absolute;
    right: 98px;
    top: 364px;
    z-index: 100;
}

/* calculator quick search */
#main #multi_warrants_calculator #quick_search,
#main #multi_cbbc_calculator #quick_search
{
	position:absolute;
	right:0;
	top:60px;
}
/*  documents and announcements */
#main #warrants_documents_and_announcements table tbody td,
#main #cbbc_documents_and_announcements table tbody td{
	padding:10px 5px;
	line-height:18px;
	vertical-align:top;
}
#main #warrants_documents_and_announcements .search_box, 
#main #cbbc_documents_and_announcements .search_box{
	background:url(/home/images/bg_da_search_box.jpg) no-repeat;
	width: 900px;
	height: 109px;
	padding: 20px;
}
#main #warrants_documents_and_announcements .search_box .left,
#main #cbbc_documents_and_announcements .search_box .left,
#main #warrants_documents_and_announcements .search_box .right,
#main #cbbc_documents_and_announcements .search_box .right{
	height:37px;
	padding:0 130px 0 0;
	text-align:right;
}
#main #warrants_documents_and_announcements .search_box .left,
#main #cbbc_documents_and_announcements .search_box .left{
	width:345px;
}
#main #warrants_documents_and_announcements .search_box .right,
#main #cbbc_documents_and_announcements .search_box .right{
	width:295px;
}
#main #warrants_documents_and_announcements .search_box .right div.tl,
#main #cbbc_documents_and_announcements .search_box .right div.tl{
	width:114px;
}
#main #warrants_documents_and_announcements .search_box .left div.tl,
#main #cbbc_documents_and_announcements .search_box .left div.tl{
	width:140px;
}
#main #warrants_documents_and_announcements .search_box .button,
#main #cbbc_documents_and_announcements .search_box .button{
margin-top: 10px;
float: right;
}
#main #warrants_documents_and_announcements .search_box button,
#main #cbbc_documents_and_announcements .search_box button{
	width:72px;
	height:31px;
	background: url(/home/images/bg_icon_green_search_box.jpg) no-repeat;
	margin:0 0 0 5px;
	padding:0 0 1px 0;
	color:#FFF;
	float:right;
}
/* search box */
.search_box .left{
	float:left;
}
.search_box .right{
	float:right;
}
.search_box input[type="text"]{
	border:1px solid #cecece;
	width:188px;
	height:22px;
	padding: 1px 3px 1px 7px;
	line-height:22px;
}
.search_box .result{
	font-size: 14px;
	margin: 15px 0 0 0;
	float: left;
}
.search_box .result span{
	/*font-size:32px;*/
	font-size:17px;
}
.search_box div.tl{
	float: left;
	text-align: right;
	line-height: 26px;
}
.search_box .date .yy{
	width: 70px;
	height: 26px;
	/*overflow: hidden;
	background: url(/home/images/bg_year_select.gif) no-repeat;*/
	display:inline-block;
}
.search_box .date .dd, .search_box .date .mm{
	width: 50px;
	height: 26px;
	/*overflow: hidden;
	background: url(/home/images/bg_dm_select.gif) no-repeat;*/
	display:inline-block;
}
/*.search_box .date select{
	background: transparent;
	line-height: 17px;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	height:26px;
	float: left;
	padding:4px;
}
.search_box .date select#yy{
	width:95px;
}
.search_box .date select#dd, 
.search_box .date select#mm{
	width:75px;
}*/
/* search */
#main #warrants_search .search_box, 
#main #cbbc_search .search_box,
#main #warrants_documents_and_announcements .search_box, 
#main #cbbc_documents_and_announcements .search_box{
	margin:-10px 0 0 0;
}
#main #cbbc_search .search_box{
	background:url(/home/images/bg_cbbc_search.jpg) no-repeat;
	width: 900px;
	height: 208px;
	padding: 15px 20px 10px 20px;
}
#main #warrants_search .search_box{
	background:url(/home/images/bg_warrants_search.jpg) no-repeat;
	width: 900px;
	height: 286px;
	padding: 15px 20px 10px 20px;
}
/*multi_warrants_calculator*/

#main #cbbc_search .search_box .column,
#main #warrants_search .search_box .column{
	font-weight:bold;
	/*height: 269px;*/
	float: left;
}
#main #warrants_search .search_box .column{
	height:150px;
}
#main #cbbc_search .search_box .column{
	height:143px;
}
#main #cbbc_search .search_box .column.a,
#main #warrants_search .search_box .column.a{
	width:215px;
	padding:0 10px;
	
}
#main #cbbc_search .search_box .column.b,
#main #warrants_search .search_box .column.b{
	width:215px;
	padding:0 10px 0 0;
}
#main #cbbc_search .search_box .column.c,
#main #warrants_search .search_box .column.c{
	width:215px;
	padding:0 10px 0 0;
}
#main #cbbc_search .search_box .column.d,
#main #warrants_search .search_box .column.d{
	width:215px;
}
#main #warrants_search .search_box .full{
	width:100%;
	float:left;
	background:url(/home/images/bg_search_column_underline.gif) repeat-x top;
}
#main #warrants_search .search_box .full .column{
	height:75px;
}
#main #warrants_search .search_box .column.e,
#main #warrants_search .search_box .column.g{
	width:260px;
	padding-left:5px;
}
#main #cbbc_search .search_box label,
#main #warrants_search .search_box label{
	width:100%;
	float:left;
	padding:10px 0 5px 0;
	min-height:15px;
}
#main #warrants_search .search_box .top{
	font-weight: bold;
	width: 880px;
	float: left;
	min-height: 40px;
	background:url(/home/images/bg_search_column_underline.gif) repeat-x bottom;
	margin:0 10px;
}
#main #warrants_search .search_box .top .st,
#main #warrants_search .search_box .top .nd
{
	float: left;
	padding:0 10px 15px 0;
}
#main #warrants_search .search_box .top .search_issuer,
#main #warrants_search .search_box .top .search_underlying{
	width:215px
}

#main #cbbc_search .search_box label.radio,
#main #warrants_search .search_box label.radio{
	width: auto !important;
	padding: 0 0 10px 0 !important;
	float: none !important;
	display: inline-block;
	margin-left: -30px;
}
#main #cbbc_search .search_box label.radio > span,
#main #warrants_search .search_box label.radio > span
{
	display: inline-block;
	min-width: 20px !important;
	width: 20px;
}
#main #cbbc_search .search_box label.radio > span > span,
#main #warrants_search .search_box label.radio > span > span{
	width: 20px;
	height: 20px;
	min-width:20px!important;
}
#main #cbbc_search .search_box .column div,
#main #warrants_search .search_box .column div{
	float:left;
	/*background:url(/home/images/bg_search_column_underline.gif) repeat-x bottom;*/
	/*min-height:40px;*/
	color:#949494;
	font-weight: normal;
}

#main #warrants_search .search_box .column div.moneyness .underlying_box-container{ width:95px; margin-right:10px; }


/*#main #warrants_search .search_box .column div.maturity{
	min-height:102px;
}*/
#main #warrants_search .search_box .column div.cut_put{
	padding:0 0 0 0;
}

#main #warrants_search .search_box .column div.strike_price{
	padding:0 0 0 0;
}

#main #warrants_search .search_box .full .column div{
	background:none;
}
#main #cbbc_search .search_box .column span,
#main #warrants_search .search_box .column span{
	min-width: 30px;
	display: inline-block;
}
#main #cbbc_search .search_box .column div.last,
#main #warrants_search .search_box .column div.last{
	background:none;
}
/*#main #cbbc_search .search_box .column div.maturity span,
#main #warrants_search .search_box .column div.maturity span{
	min-width: 64px;
}*/
#main #cbbc_search .search_box input[type=text],
#main #warrants_search .search_box input[type=text]{
	width:80px;
	height:18px;
	line-height:18px;
}
#main #cbbc_search .search_box input[type=radio],
#main #warrants_search .search_box input[type=radio]{
	margin:8px 9px;
}
/* x to x input */
#main #cbbc_search .search_box input[type=text],
#main #warrants_search .search_box input[type=text]{ 
	background: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #bfbfbf), color-stop(70%, #fafafa)); 
	background: -moz-linear-gradient(top, #bfbfbf, #fafafa); 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:#b4b4b4 solid 1px;
}
/* moneyness x to x input */
#main #cbbc_search .search_box .moneyness input[type=text],
#main #warrants_search .search_box .moneyness input[type=text]{
	width:40px;
}
#main #warrants_search .search_box div.cut_line{
	background: none;
	min-height: 8px;
}
/* MATURITY, iv, OUTSTANDING  x to x input */
#main #cbbc_search .search_box .maturity input[type=text],
#main #warrants_search .search_box .maturity input[type=text],
#main #cbbc_search .search_box .iv input[type=text],
#main #warrants_search .search_box .iv input[type=text],
#main #cbbc_search .search_box .outstanding input[type=text],
#main #warrants_search .search_box .outstanding input[type=text],
#main #warrants_search .search_box .strike_price input[type=text],
#main #cbbc_search .search_box .cratio input[type=text],
#main #cbbc_search .search_box .calllv input[type=text] 

{
	margin-bottom: 2px;
	margin-top: 2px;
}
#main #cbbc_search .search_box .strike_price input[type=text]{
	margin-bottom: 35px;
}
#main #cbbc_search .search_box .maturity input[type=text]{
	width:82px;
}
#main #cbbc_search .search_box .maturity .slider,
#main #warrants_search .search_box .maturity .slider,
#main #cbbc_search .search_box .iv .slider,
#main #warrants_search .search_box .iv .slider,
#main #cbbc_search .search_box .outstanding .slider,
#main #warrants_search .search_box .outstanding .slider,
#main #warrants_search .search_box .strike_price .slider{
	margin: 5px 0 15px 0px;
	width: 99% !important;
}

/* custom select box style */
#main #cbbc_search .search_box .fake_select,
#main #warrants_search .search_box .fake_select{
	width:190px !important;
	height:220px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:#b4b4b4 solid 2px;
	background:none !important;
}
#main #cbbc_search .search_box .fake_select .search,
#main #warrants_search .search_box .fake_select .search
{
	width:180px !important;
	min-height:1px !important;
	padding:8px 5px 9px 5px;
	background-image:url(/home/images/bg_search_search_underline.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
#main #cbbc_search .search_box .fake_select .search input,
#main #warrants_search .search_box .fake_select .search input
{
	width:168px !important;
}
#main #cbbc_search .search_box .fake_select .scroll,
#main #warrants_search .search_box .fake_select .scroll
{
	width:190px;
	height: 180px;
	font-size: 11px;
	text-transform: capitalize;
	background:url(/home/images/bg_search_scroll.jpg) repeat-x;
}
#main #cbbc_search .search_box .fake_select .scroll .custom,
#main #warrants_search .search_box .fake_select .scroll .custom{
	width:181px;
	height: 180px;
}
#main #cbbc_search .search_box .fake_select .scroll span,
#main #warrants_search .search_box .fake_select .scroll span{
	width:168px;
	padding:6px 5px 9px 8px; 
	background:url(/home/images/bg_search_column_underline.gif) repeat-x bottom;
}
#main #cbbc_search .search_box .fake_select .scroll span,
#main #cbbc_search .search_box .fake_select .scroll span a,
#main #warrants_search .search_box .fake_select .scroll span,
#main #warrants_search .search_box .fake_select .scroll span a{
	color:#949494;
}
#main #cbbc_search .search_box .result,
#main #warrants_search .search_box .result{
	font-size: 15px;
	margin-top: 24px;
	float: left;
}
#main #cbbc_search .search_box .result span,
#main #warrants_search .search_box .result span{
	/*font-size:38px;*/
	font-size:17px;
	float:none;
}
#main #cbbc_search .search_box .button,
#main #warrants_search .search_box .button{
	margin-top: 15px;
	float: right;
}
#main #cbbc_search .search_box button#btn_reset,
#main #warrants_search .search_box button#btn_reset{
	width: 85px;
	height: 36px;
	background: url(/home/images/bg_icon_white_search_box.jpg) no-repeat;
	margin: 0 0 0 5px;
	padding: 0 0 1px 0;
	color: #222;
	float: right;
	padding-left:12px;
}
#main #cbbc_search .search_box button#submitbtn,
#main #warrants_search .search_box button#submitbtn, 
#main #multi_warrants_calculator button#submitbtn{
	width: 81px;
	height: 36px;
	background: url(/home/images/bg_icon_green_search_box2.jpg) no-repeat center;
	margin: 0 0 0 5px;
	padding: 0 0 1px 0;
	color: #fff;
	float: right;
	padding-left:0;
}
#main #cbbc_search #underlying_result, #main #warrants_search #underlying_result{
	float:right;
	margin-top: 5px;
	margin-bottom:0px;
}
#main #cbbc_search #underlying_result .underlying_name, 
#main #cbbc_search #underlying_result .underlying_price,
#main #cbbc_search #underlying_result .underlying_change,
#main #warrants_search #underlying_result .underlying_name, 
#main #warrants_search #underlying_result .underlying_price,
#main #warrants_search #underlying_result .underlying_change{
	float:left;
}
#main #cbbc_search #underlying_result .tl, 
#main #warrants_search #underlying_result .tl{
	font-size:13px;
}
#main #cbbc_search #underlying_result .underlying_name, 
#main #warrants_search #underlying_result .underlying_name{
	font-size:20px;
	margin-right:15px;
	margin-top:4px
}
#main #cbbc_search #underlying_result .underlying_price, 
#main #warrants_search #underlying_result .underlying_price{
	font-size:25px;
	margin-right:15px;
}
#main #cbbc_search #underlying_result .underlying_change, 
#main #warrants_search #underlying_result .underlying_change{
	font-size:16px;
	margin-right:15px;
	margin-top:8px
}
#main #cbbc_search .real_time,
#main #warrants_search .real_time{
	margin:1px 0px 10px 0px;
}
#main #cbbc_search .real_time .icon,
#main #warrants_search .real_time .icon{
	float:left;
	font-weight:bold;
}
#main #cbbc_search .real_time .icon img,
#main #warrants_search .real_time .icon img{
	margin:0 5px 0 20px;
}
#main #cbbc_search .real_time .timer,
#main #warrants_search .real_time .timer{
	float:right;
}
#main #cbbc_search #resulttable2,
#main #warrants_search #resulttable2,
#main #cbbc_search #resulttable,
#main #warrants_search #resulttable
{
	border-color: #333;
	border-style: solid;
	border-width: 1px 0 0 0;
}
#main #cbbc_search #resulttable2 table,
#main #warrants_search #resulttable2 table,
#main #cbbc_search #resulttable table,
#main #warrants_search #resulttable table{
	margin-top:5px;
}

/* Contact */
#main #contact_us p{
	margin: 15px 0;
}
#main #contact_us .phone {
	background: #f2f2f2;
	color: #646464;
	display: inline-block;
	font-size: 24px;
	font-weight: bold;
	line-height: 40px;
	margin: 0 0 15px 0;
	padding: 0 15px;
}
#main #contact_us .phone em {
	background: url(/home/images/icon_phone.gif) no-repeat;
	display: inline-block;
	float: left;
	height: 35px;
	margin: 2px 15px 3px 0;
	width: 30px;
}
#main #contact_us h2{
	margin: 0px 0 10px 0;
}
#main #contact_us form{
	width:700px;
}
#main #contact_us div.filed, #main #contact_us div.select {
	float: left;
	width: 290px;
	line-height: 15px;
	min-height:65px;
}
#main #contact_us div.filed label, 
#main #contact_us div.select label, 
#main #contact_us div.message label{
	display: block;
	margin: 0 0 5px 0;
}
#main #contact_us div.filed input{
	width:270px;
	height:28px;
	border: none;
	background: url(/home/images/bg_filed.gif) no-repeat;
	padding: 0 5px;
	color: #999;
	float:left;
	padding-bottom:20px;
}
#main #contact_us div.message textarea{
	width:547px;
	height:95px;
	border: none;
	background: url(/home/images/bg_message.gif) no-repeat;
	padding: 5px 15px 5px 5px;
	color: #999;
	float:left;
	padding-bottom:20px;
}
#main #contact_us div.select .select_box{
	width:280px;
	height:28px;
	overflow:hidden;
	background: url(/home/images/bg_select.gif) no-repeat;
}
#main #contact_us div.select .select_box select{
	width:300px;
	border: none;
	background: transparent;
	color: #999;
	float:left;
	-webkit-appearance: none;
	padding:5px 0 0 5px;
}
#main #contact_us div.filed.captcha{
 
}
#main #contact_us div.filed input#captchaCode{
 
}
#main #contact_us .captcha_image{
	float:left;
	margin-right:5px;
}
#main #contact_us .captcha_reload{
	float:left;
	margin-top:6px;
}
#main #contact_us .captcha_image{
	clear:both;
}
/* A Shares Etfs Premium */
#main #ashares_etfs_premium .etf{
	width:310px;
	padding:0 5px 0 0;
	float:left;
}
#main #ashares_etfs_premium .etf.last{
	width:230;
	padding:0 0 0 0; 
}
#main #ashares_etfs_premium h3{
	font-family: 'DFHeiHK', 'DFPHeiStd','Frutiger', "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "Heiti TC", STXihei, "华文细黑", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 8px 3px;
	padding: 8px 0 0 0;
	line-height:16px;
	/*text-align:center;*/
	border: #333 solid;
	border-width: 1px 0 0 0;
}
/* double scroll*/
#main .double_scroll { 
	width: 622px; 
	margin-left:79px;  /* +4 */
}
#main .double_scroll table td:first-child, 
#main .double_scroll table th:first-child{
	position:absolute; 
	width:75px;  
	left:0;
	top:auto;
}
#main .double_scroll table td:first-child{
	line-height: 24px;
}
/*#main #ubs_warrants_list .double_scroll_wrapper{
	top: 52px;
}*/
#main .double_scroll_wrapper{
	height: 20px;
	position:absolute;
	top: 40px;
	left: 79px; /* +4 */
}

#main .double_scroll_scroll{
	height: 20px;
}
#main .double_scroll table thead td{
	height:18px; /* 20+4 */
}
/* fixed table 
#main #horizontal_scroll{
	margin-top:30px;
}
#main .fixedTable table tbody td, #main .fixedTable table{
	border-collapse: separate;
}
#main #horizontal_scroll table{
	margin-top:0;
}
.fixedColumn table, .fixedFoot table, .fixedHead table{
	border-spacing: 0px;
}
.fixedColumn .fixedTable td{
	word-wrap:break-word; 
	word-break:break-all;
        }
.fixedHead td, .fixedFoot td
{
	word-wrap:break-word; 
	word-break:break-all;
} 
.fixedTable{
	background:#f1f1f1;
}
.fixedContainer .fixedTable{
	width:548px !important;
}
#main .fixedHead table tbody tr:nth-child(odd) td, #main .fixedHead table tbody tr:nth-child(odd) th{
	background:#FFF;
	font-size: 10px;
	font-weight:bold;
	line-height: 12px;
	letter-spacing: normal;
	word-break: break-all;
	word-wrap: break-word;
	text-transform: capitalize;
	border: #333 solid;
	border-width: 0 0 2px 0;
	padding: 3px 2px;
	vertical-align: bottom;
}
#main .fixedHead table tbody tr:hover td, 
#main .fixedHead table tbody tr:hover th{
	color:#222;
}
#main .fixedHead table tbody tr:hover td a{
	background: #fff;
	border:#fff solid;
	border-width:0;
		cursor:pointer;
	display: block;
}
#main  .fixedHead th span.down, 
#main  .fixedHead td span.down {
	background: url(/home/images/icon_sorting_down.gif) no-repeat left;
}
#main  .fixedHead th span.up, 
#main  .fixedHead td span.up {
	background: url(/home/images/icon_sorting_up.gif) no-repeat left;
}
#main .fixedHead th span,
#main .fixedHead td span{
	width: 10px;
	height: 9px;
	display: inline-block;
	padding-right: 3px;
}
#main .fixedHead th a.current, 
#main .fixedHead td a.current {
	color: #5a6f89;
	text-decoration:none;
}
#main .fixedTable td
{
	background-color: #FFFFFF;
	text-align: left;
}

#main .fixedTable tbody tr:hover td, #main .fixedTable tbody tr:hover th {
	background: #f1f1f1;
	color: #fff;
	border: none;
	border-width: 0 1px;
}*/

/*calendar*/
#main #result_announcement #calendar{
	margin-bottom:15px;
} 
#main #economic_calendar #calendar {
	margin-bottom:5px;
}
#main #result_announcement #calendar table, 
#main #economic_calendar #calendar table{
	margin-top:0;
}
#main #result_announcement #calendar table tbody td, 
#main #result_announcement #calendar table tbody th,
#main #economic_calendar #calendar table tbody td, 
#main #economic_calendar #calendar table tbody th
{
	margin:0;
	padding:0;
	height:auto;
	background: #f5f5f5;
	border-width: 1px;
}
#main #economic_calendar #calendar table tbody td div, 
#main #economic_calendar #calendar table tbody th div
{

}
#main #result_announcement table tbody td span, 
#main #economic_calendar table tbody td span {
	padding-right: 0;
}
#main #result_announcement #calendar .fc-header-center, 
#main #economic_calendar #calendar .fc-header-center{
	text-align:center;
}
#main #result_announcement #calendar .fc-header-right, 
#main #economic_calendar #calendar .fc-header-right{
	text-align:right;
}
#main #result_announcement #calendar .fc-header-center h2, 
#main #economic_calendar #calendar .fc-header-center h2{
	font-family: 'DFHeiHK', 'DFPHeiStd','Frutiger', "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "Heiti TC", STXihei, "华文细黑", Arial, Helvetica, sans-serif;
	font-size:20px;
	padding:0;
	margin:0;	
	line-height: 34px;
}
#main #result_announcement #calendar .fc-header .fc-button, 
#main #economic_calendar #calendar .fc-header .fc-button{
	margin:5px;
	border:none;
	width:15px;
}
#main #result_announcement #calendar table tbody tr:hover td, 
#result_announcement #calendar #main table tbody tr:hover th,
#main #economic_calendar #calendar table tbody tr:hover td, 
#economic_calendar #calendar #main table tbody tr:hover th
{
	background: #f5f5f5;
	color: #222;
	border: #fff solid;
	border-width: 1px;
	
}
#main #result_announcement #calendar .fc-widget-content div, #main #economic_calendar #calendar .fc-widget-content div{
	min-height:50px!important;
}
#main #result_announcement #calendar .fc-widget-content div.fc-day-number, #main #economic_calendar #calendar .fc-widget-content div.fc-day-number{
	min-height:14px!important;
	padding: 5px;
}


#main #result_announcement #calendar .fc-widget-content div.fc-day-content, #main #economic_calendar #calendar .fc-widget-content div.fc-day-content{
	min-height:initial!important;
	cursor: pointer;
}
/*money flow*/
#main #money_flow #date{
	position: absolute;
	right: 0;
	top: 102px;
	z-index: 100;
}
/* education */
/* education */
#main #warrants_education ol li,
#main #cbbc_education ol li,
#main #shanghai_hk_connect_education ol li{
	line-height:25px;
}
#main #warrants_education h2,
#main #cbbc_education h2,
#main #shanghai_hk_connect_education h2{
	padding-left:23px;
	margin-top:40px;
}
#main #warrants_education p,
#main #cbbc_education p,
#main #shanghai_hk_connect_education p{
	margin-bottom:15px;
	padding-left:25px;
	font-size:13px;
	width:780px;
	line-height: 20px;
}
#main #warrants_education p.upon_table,
#main #cbbc_education p.upon_table,
#main #shanghai_hk_connect_education p.upon_table{
	margin-bottom:-25px
}
#main #warrants_education p.tl,
#main #cbbc_education p.tl,
#main #shanghai_hk_connect_education p.tl{
	font-size:17px;
	color:#4d90ae;
	padding-left:23px;
}
#main #warrants_education p.subtl,
#main #cbbc_education p.subtl,
#main #shanghai_hk_connect_education p.subtl{
	font-size:15px;
	color:#4d90ae;
	margin-top:40px;
}
#main #warrants_education p.tl span,
#main #cbbc_education p.tl span,
#main #shanghai_hk_connect_education p.tl span{
	font-size:20px;
}
#main #warrants_education dl.question,
#main #cbbc_education dl.question,
#main #shanghai_hk_connect_education dl.question{
	color: #4d90ae;
	font-size:15px;
}
#main #warrants_education dl.ans,
#main #cbbc_education dl.ans,
#main #shanghai_hk_connect_education dl.ans{
	margin-bottom:30px;
}
#main #warrants_education dl.ans .left,
#main #cbbc_education dl.ans .left, 
#main #shanghai_hk_connect_education dl.ans .left{
	width:49%;
	float:left;
}
#main #warrants_education dl.ans .right,
#main #cbbc_education dl.ans .right,
#main #shanghai_hk_connect_education dl.ans .right{
	width:49%;
	float:right;
}
#main #warrants_education dl.ans .left .tl,
#main #warrants_education dl.ans .right .tl,
#main #cbbc_education dl.ans .left .tl,
#main #cbbc_education dl.ans .right .tl,
#main #shanghai_hk_connect_education dl.ans .left .tl,
#main #shanghai_hk_connect_education dl.ans .right .tl{
	font-weight:bold;
}
#main #warrants_education dl.ans .left .subtl,
#main #warrants_education dl.ans .right .subtl,
#main #cbbc_education dl.ans .left .subtl,
#main #cbbc_education dl.ans .right .subtl,
#main #shanghai_hk_connect_education dl.ans .left .subtl,
#main #shanghai_hk_connect_education dl.ans .right .subtl{
	font-weight:bold;
	color:#4d90ae;
}
#main #warrants_education dl.ans .left img,
#main #warrants_education dl.ans .right img,
#main #cbbc_education dl.ans .left img,
#main #cbbc_education dl.ans .right img,
#main #shanghai_hk_connect_education dl.ans .left img,
#main #shanghai_hk_connect_education dl.ans .right img{
	padding:10px 0;
}
#main #warrants_education dl.ans .left p,
#main #warrants_education dl.ans .right p,
#main #cbbc_education dl.ans .left p,
#main #cbbc_education dl.ans .right p,
#main #shanghai_hk_connect_education dl.ans .left p,
#main #shanghai_hk_connect_education dl.ans .right p{
	width:100%;
	padding-left: 0;
	margin-bottom: 0;
}
#main #warrants_education dl,
#main #cbbc_education dl,
#main #shanghai_hk_connect_education dl{
	margin:3px 0 0 0;
	padding-left:25px;
	font-size:13px;
	width:780px;
	line-height: 20px;
	clear:both;
	float:left;
	margin-bottom:15px;
}
#main #warrants_education dt,
#main #cbbc_education dt,
#main #shanghai_hk_connect_education dt{
	float:left;
	font-size:13px;
	text-align:right;
}
#main #warrants_education dd,
#main #cbbc_education dd,
#main #shanghai_hk_connect_education dd{
	margin-left:0;
}
#main #warrants_education dl.question dt,
#main #warrants_education dl.ans dt,
#main #cbbc_education dl.question dt,
#main #cbbc_education dl.ans dt,
#main #shanghai_hk_connect_education dl.question dt,
#main #shanghai_hk_connect_education dl.ans dt
{
	float:left;
	width: 4%;
	font-weight:bold;
	font-size:15px;
	text-align:right;
}
#main #warrants_education dl.question dd,
#main #warrants_education dl.ans dd,
#main #cbbc_education dl.question dd,
#main #cbbc_education dl.ans dd,
#main #shanghai_hk_connect_education dl.question dd,
#main #shanghai_hk_connect_education dl.ans dd{
	float:left;
	margin-left:0;
	width: 96%;
}
#main #warrants_education .underline,
#main #cbbc_education .underline,
#main #shanghai_hk_connect_education .underline{
	border-bottom:1px dashed #a1a1a1;
	margin-left:23px;
	width:780px;
}
#main #warrants_education table,
#main #cbbc_education table{
	margin:30px 23px;
	width:520px;
}
#main #shanghai_hk_connect_education table{
	margin:30px 23px;
	width:620px;
}
#main #warrants_education dd table, 
#main #cbbc_education dd table,
#main #shanghai_hk_connect_education dd table{
	margin:0 0 0 0;
	width:520px;
}
#main #warrants_education dd table td, 
#main #cbbc_education dd table td,
#main #shanghai_hk_connect_education dd table td{
	background:#f5f5f5;
}
#main #warrants_education table th.center, 
#main #warrants_education table td.center, 
#main #cbbc_education table th.center,
#main #cbbc_education table td.center,
#main #shanghai_hk_connect_education table th.center,
#main #shanghai_hk_connect_education table td.center{
	text-align:center;
}
#main #warrants_education dd table td.white, 
#main #cbbc_education dd table td.white,
#main #shanghai_hk_connect_education dd table td.white{
	background:#FFF;
}
#main #warrants_education dd table tbody tr:hover td.white, 
#main #cbbc_education dd table tbody tr:hover td.white,
#main #shanghai_hk_connect_education dd table tbody tr:hover td.white{
	background:#FFF;
}
#main #warrants_education table td.dark, 
#main #cbbc_education table td.dark,
#main #shanghai_hk_connect_education table td.dark{
	background:#CCC;
}
#main #warrants_education table tbody tr:hover td.dark, 
#main #warrants_education table tbody tr:hover:nth-child(odd) td.dark,
#main #cbbc_education table tbody tr:hover td.dark, 
#main #cbbc_education table tbody tr:hover:nth-child(odd) td.dark,
#main #shanghai_hk_connect_education table tbody tr:hover td.dark, 
#main #shanghai_hk_connect_education table tbody tr:hover:nth-child(odd) td.dark
{
	background:#CCC;
}
#main #warrants_education table tr.holiday th, 
#main #cbbc_education table tr.holiday th,
#main #shanghai_hk_connect_education table tr.holiday th{
	background:#427C99;
	color:#FFF;
}
#main #warrants_education table tr.holiday:hover th, 
#main #warrants_education table tbody tr.holiday:hover:nth-child(odd) th,
#main #cbbc_education table tr.holiday:hover th,
#main #cbbc_education table tbody tr.holiday:hover:nth-child(odd) th,
#main #shanghai_hk_connect_education table tr.holiday:hover th,
#main #shanghai_hk_connect_education table tbody tr.holiday:hover:nth-child(odd) th{
	background:#427C99;
	color:#FFF;
}
#main #warrants_education table td.holiday, 
#main #cbbc_education table td.holiday,
#main #shanghai_hk_connect_education table td.holiday{
	background:#ffc2c2;
}
#main #warrants_education table tbody tr:hover td.holiday, 
#main #warrants_education table tbody tr:hover:nth-child(odd) td.holiday,
#main #cbbc_education table tbody tr:hover td.holiday, 
#main #cbbc_education table tbody tr:hover:nth-child(odd) td.holiday,
#main #shanghai_hk_connect_education table tbody tr:hover td.holiday, 
#main #shanghai_hk_connect_education table tbody tr:hover:nth-child(odd) td.holiday
{
	background:#ffc2c2;
}
#main #shanghai_hk_connect_education table td,
#main #shanghai_hk_connect_education table tr:hover td{
	border-bottom:1px solid #fff !important;
}
#main #warrants_education div.chart,
#main #cbbc_education div.chart,
#main #shanghai_hk_connect_education div.chart
{
	margin:0px 23px 30px 23px;
}
#main #warrants_education .pic,
#main #cbbc_education .pic,
#main #shanghai_hk_connect_education .pic{
	margin:0px 23px 0 23px;
}
#main #warrants_education table tbody td, 
#main #warrants_education table tbody th,
#main #cbbc_education table tbody td, 
#main #cbbc_education table tbody th,
#main #shanghai_hk_connect_education table tbody td, 
#main #shanghai_hk_connect_education table tbody th{
	padding:3px 1px 6px 5px;
	font-size:13px;
	line-height: normal;
	height: auto;
}
#main #warrants_education table tbody th.tl,
#main #warrants_education table tbody tr:hover th.tl,
#main #warrants_education table tbody tr:hover:nth-child(odd) th.tl,
#main #cbbc_education table tbody th.tl,
#main #cbbc_education table tbody tr:hover th.tl,
#main #cbbc_education table tbody tr:hover:nth-child(odd) th.tl,
#main #shanghai_hk_connect_education table tbody th.tl,
#main #shanghai_hk_connect_education table tbody tr:hover th.tl,
#main #shanghai_hk_connect_education table tbody tr:hover:nth-child(odd) th.tl
{
	color:#4d90ae;
	text-align:center;
}
#main #warrants_education table tbody tr:hover td, 
#main #warrants_education table tbody tr:hover th,
#main #cbbc_education table tbody tr:hover td, 
#main #cbbc_education table tbody tr:hover th,
#main #shanghai_hk_connect_education table tbody tr:hover td, 
#main #shanghai_hk_connect_education table tbody tr:hover th{
	background: #fff;
	color: #222;
	border: #fff solid;
	border-width: 0 1px;
}
#main #warrants_education table tbody tr:hover:nth-child(odd) td, 
#main #warrants_education table tbody tr:hover:nth-child(odd) th,
#main #cbbc_education table tbody tr:hover:nth-child(odd) td, 
#main #cbbc_education table tbody tr:hover:nth-child(odd) th,
#main #shanghai_hk_connect_education table tbody tr:hover:nth-child(odd) td, 
#main #shanghai_hk_connect_education table tbody tr:hover:nth-child(odd) th{
	background: #f5f5f5;
	color: #222;
	border: #fff solid;
	border-width: 0 1px;
}
#main #warrants_education p.dis,
#main #cbbc_education p.dis,
#main #shanghai_hk_connect_education p.dis{
	margin-top:-30px;
}
#main #warrants_education div.box,
#main #cbbc_education div.box,
#main #shanghai_hk_connect_education div.box{
	padding:13px 5px 6px 5px;
	margin-left:25px;
	margin-bottom: 15px;
	background:#427c99;
	color:#FFF;
	font-weight:bold;
	width:507px;
	font-size: 13px;
	line-height: 20px;
}
#main #warrants_education div.box li,
#main #cbbc_education div.box li,
#main #shanghai_hk_connect_education div.box li{
	margin-bottom:10px;
}
#main #warrants_education .go_top,
#main #cbbc_education .go_top,
#main #shanghai_hk_connect_education .go_top{
	float: right;
	padding-right: 143px;
}
#main #warrants_education .go_top a,
#main #cbbc_education .go_top a,
#main #shanghai_hk_connect_education .go_top a{
	background:url(/home/images/icon_go_top.gif) no-repeat left;
	padding-left:20px;
}

#main #ubs_privacy h2{ padding-left:10px; margin-top:20px; }
#main #ubs_privacy h3{ padding-left:10px; margin-top:20px; }
#main #ubs_privacy p{ margin-bottom:15px; padding-left:10px; font-size:13px; width:780px; line-height: 20px;}
#main #ubs_privacy ul{ margin-bottom:15px; padding-left:10px; font-size:13px; line-height: 20px;}
#main #ubs_privacy ol{ margin-bottom:15px; padding-left:10px; font-size:13px; width:780px; line-height: 20px;}
#main #ubs_privacy li{ margin-bottom: 15px;}
#main #ubs_privacy li.no_space{ margin-bottom: 0;}


/*#main #sitemap h1{ font-family:Helvetica, "微軟正黑體", "Microsoft JhengHei", Verdana, sans-serif; font-size: 33px; font-weight: bold; margin: 0 0 5px 0; padding: 0 0 3px 0; line-height: 36px; }*/
#main #sitemap p{ margin-bottom:15px; padding-left:10px; font-size:13px; width:780px; line-height: 20px;}

#main #sitemap table{ margin-top:0px; }
#main #sitemap table, #main #sitemap table th, #main #sitemap table td{ border-collapse:collapse;}
#main #sitemap table tbody td, #main table tbody th{ font-size:12px; line-height:10px; word-break:break-all; word-wrap:break-word; padding:1px 1px 1px 5px;	height:24px; text-align:left;}
#main #sitemap table tbody th{text-align:left;}
#main #sitemap table tr.content td { background: #f5f5f5; border-top:1px #fff solid;}
#main #sitemap table tr:hover.content td { background: #f5f5f5; border-top:1px #fff solid;}
#main #sitemap table tbody tr td { background: #fff; border:none;}
#main #sitemap table tbody tr:hover td{ border:none;}
#main #sitemap table a{ color:#427c99; background:none; border:none;}
#main #sitemap table a:hover{ color:#427c99; text-decoration:underline; background:none; border:none;}

/*CBBC residual_value_calculation*/
#main #residual_value_calculation .border {
    border-top: 2px solid #999;
}
#main #residual_value_calculation input{
	width: 142px;
	height: 22px;
	padding: 1px 4px;
	border: 1px solid #CECECE;
	vertical-align: middle;
	line-height: 22px;
}
#main #residual_value_calculation .search{
	margin:15px 0;
}
#main #residual_value_calculation .search button#submitbtn, #main #residual_value_calculation .result button#submitbtn {
    width: 81px;
    height: 26px;
    background: url("/home/images/bg_icon_green_search_box3.jpg") no-repeat scroll center center transparent;
    margin: 0px 0px 0px 5px;
    padding: 0px 0px 1px;
    color: #FFF;
}
#main #residual_value_calculation .empty{
	border-bottom:#333 2px solid;
}
#main #residual_value_calculation .empty table td{
	height:80px;
	text-align:center;
}
#main #residual_value_calculation .empty table td:hover{
	background:#F5F5F5;
	color:#222;
	border-color: #FFF;
}
#main #residual_value_calculation .note.bottom {
    margin: 15px 0px 10px 2px;
    text-align: left;
}
#main #residual_value_calculation .result{
	background:#f5f5f5;
	padding:20px;
	border-bottom:#333 2px solid;
}
#main #residual_value_calculation .result .line1, #main #residual_value_calculation .result .line2{
	margin-bottom:10px;
}
#main #residual_value_calculation .result .line1{
	border-bottom: 1px solid #999;
	padding-bottom:10px;
}
#main #residual_value_calculation .result span{
	float:left;
	width:120px;
	line-height:26px;
	text-align:right;
	padding-right:5px;
	margin-left:50px;
}

#main #hk_connect #date{ float:right;}
#main #hk_connect #date select{ width:150px; height:28px;}

#ui-datepicker-div{ z-index:999999!important;}
a#morew,a#morec{ width: 240px;
background: #ebebeb;
display: block;
text-align: center;}


/* realtime clock*/
.rt_clock{
	/*position:absolute;
	left:250px;
	top:0;*/
	font-size:14px;
	color:#B4433A;
	line-height:22px;
}
.rt_clock img{
	margin-right:10px
}

/* quote popup */
body#quote{
	background:#fff;
}
body#quote #page{
	margin:10px;
}
body#quote #page h2 {
    margin: 10px 10px 10px 15px;
    color: #B4433A;
    background: url("/home/images/icon_realtime.jpg") no-repeat scroll 0% 0% transparent;
    padding-left: 30px;
	font-family: 'DFHeiHK', 'DFPHeiStd','Frutiger', "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "Heiti TC", STXihei, "华文细黑", Arial, Helvetica, sans-serif;
	font-size: 15px;
}
body#quote #page .quote_stock_tl{
	background:#fff;
	border-top:1px solid #c3cdd7;
	border-bottom:1px solid #c3cdd7;
	color:#427c99;
	line-height:32px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
}
body#quote #page .quote_table table{
	margin-top: 0;
	margin-bottom: 5px;
}
body#quote #page .quote_table table tbody td{
	padding: 1px 1px 1px 1px;
}
body#quote #page .quote_table table tbody th{
	font-size:12px;
	font-weight:normal;
	text-align:left;
	padding: 1px 1px 1px 15px;
}
body#quote #page .quote_table table tbody tr:nth-child(odd) td,
body#quote #page .quote_table table tbody tr:nth-child(odd) th{
	background: #ebebeb;
}
body#quote #page .quote_table table tbody td{
	border:none;
	font-size:15px;
	font-weight:bold;
	height:26px;
}
/*body#quote #page .quote_table table tbody td.price{
	font-size:24px;
	font-weight:bold;
}*/
body#quote #page .timer{
	text-align: right;
	margin-top:15px;
}

.instant{ position: absolute; left: 340px; }
.instant img{
	margin-top:2px;
}

.instant h2{
margin: 0px  0px 0px 25px;
  color: #B4433A;
  background: url(/home/images/icon_realtime.jpg) no-repeat;
  padding: 3px 0 0 25px;
  font-size: 13px;
  height: 30px;
  }

#main .note.top p.addendum{ }

#home .content .commentary {
    margin-bottom: 20px;
    margin-top: 15px;
}

/* //// */
#home .content .quote {
    margin-bottom: 20px;
    background: url(/home/images/bg_home_quote.jpg) no-repeat;
    padding: 10px 0px 10px 10px;
    height: 355px;
}

.quote_highlight {
    margin: 8px 13px 0 13px;
    /* background: #fff; */
    background: url(/home/images/bg_main_slider_box.jpg) repeat-x bottom;
    border: 1px solid #c3cdd7;
    /* background-size: 30px 30px; */
    background-size: contain;
    /* height: 96px; */
}

.quote_highlight .h_title {
    padding: 6px 0 6px 20px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #dfdfdf;
}

.quote_highlight .quote_num_box {
    background: url(/home/images/quote_v_line.jpg) no-repeat center ;
}

.quote_highlight .left_num,
.quote_highlight .right_num {
    width: 106px;
    float: left;
    margin: 6px 0 13px 0;
}

.quote_highlight .code_num {
    margin: 10px 0 0 19px;
    font-size: 24px;
    font-weight: bold;
}

.quote_highlight .u_name {
    margin: 0px 0 4px 0px;
    font-size: 13px;
    font-weight: bold;
    color: #000;
    width: 107px;
    line-height: 14px;
    text-align: center;
    margin-left: 24px;

}



.quote_highlight .stock_type {
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    width: 107px;
    line-height: 17px;

    margin: 0 0 0 0px;
}


.clearfix {
    clear: both;
    display: block;
}

 


 



/* disclaimer pop */
#site-disclaimer {
	height:100%;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:9999999999999
}
 
#site-disclaimer .fade {
	background:none repeat scroll 0 0 #fff;
	height:100%;
	opacity:.75;
	filter:alpha(opacity=80, FinishOpacity=70, Style=2);
	width:100%
}
 
#site-disclaimer .head {
	margin:0 0 5px 0;
	overflow:hidden
}
#site-disclaimer .head h1, #site-disclaimer .head .tl {
	color:#e60000;
	float:left;
	font-family: 'DFHeiHK', 'DFPHeiStd','Frutiger', "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "Heiti TC", STXihei, "华文细黑", Arial, Helvetica, sans-serif;
    font-size: 26px;
    font-weight: normal;
    line-height: 26px;
	text-align:left;
	background:none;
	width: auto;
	padding:3px 0;
	margin-bottom:5px;
}
#site-disclaimer .head label {
	float:right;
	line-height:26px;
	margin:10px 10px 0 0
}
#site-disclaimer .head .select-box-wrapper {
	float:right;
	margin:10px 0 0 0;
	width:160px
}
#site-disclaimer .head .select-box {
	width:160px;
	z-index:110
}
#site-disclaimer .wrapper {
	background:#fff;
	border:2px solid #222;
	color:#000;
	font-size:13px;
	left:50%;
	margin-left:-315px;
	margin-top:-255px;
	padding:20px;
	position:fixed;
	top:50%;
	width:630px;
}
 
#site-disclaimer .wrapper .icon{ position:absolute; right:45px; top:40px;}
 
#site-disclaimer.za .wrapper {
	height:485px !important;
	margin-top:-242px !important
}
#site-disclaimer.za .wrapper.extended {
	height:525px !important
}
#site-disclaimer .wrapper.extended {
	height:505px
}
#site-disclaimer.at .wrapper.extended, #site-disclaimer.ch .wrapper.extended, #site-disclaimer.de .wrapper.extended {
	height:515px
}
#site-disclaimer .wrapper .content {
	height:240px;
	margin:0 0 15px 0;
	overflow-y:auto
}
 
#site-disclaimer .wrapper .content-scroller {
	padding:0 18px 0 0
}
#site-disclaimer .wrapper .content .text-box p{ line-height:22px;}

#site-disclaimer-form p {
	color:#000;
	line-height:16px
}
#site-disclaimer .footer {
	border-top:1px solid #cecece;
	color:#000;
	padding:3px 0
}
 
#site-disclaimer .footer .select-box {
	width:160px
}
#site-disclaimer .footer .select-box .s-scroll.off {
	height:17px !important
}
 
#site-disclaimer .footer .select-box li {
	width:146px;
	height:17px;
	line-height:17px
}
#site-disclaimer .footer .select-box li.first span {
	margin:5px 0 0 5px
}

#site-disclaimer .footer p {
	line-height:20px;
	margin:5px 0 0 0;
	overflow:hidden
}
#site-disclaimer .footer p label {
	float:left;
	line-height:17px
}
#site-disclaimer .footer p label#disclaimer-accept-text, #site-disclaimer .footer p label#disclaimer-save-settings-text {
	float:none
}
#site-disclaimer .footer .buttons {
	margin:20px 0 0 0
}
#site-disclaimer .footer .buttons button+button {
	float:right
}
#site-disclaimer .footer .checkbox {
	float:left;
	margin:0 5px 0 0
}
#site-disclaimer .warning p {
	font-size: 11px;
    margin-top: 10px;
    line-height: 17px;
}



#site-disclaimer button#agreebtn{
	width: 81px;
	height: 36px;
	background: url(/home/images/bg_icon_green_search_box4.jpg) no-repeat center;
	padding: 0 0 1px 0;
	color: #fff;
	float: right;
	padding-left:0;
}
#site-disclaimer button#notagreebtn{
	width: 112px;
	height: 36px;
	background: url(/home/images/bg_icon_black_box.jpg) no-repeat center;
	padding: 0 0 1px 0;
	color: #fff;
	float: left;
	padding-left:0;
}

#s2id_country_select_box{ width:120px;}
body.home .underlying_box-search{ display:none;}

body.home .underlying_box-container .underlying_box-choice{ line-height:22px; height:22px;}

.new_chart_area #new_home_chart{ margin-bottom:20px; margin-top:15px;}
.new_chart_area #new_home_chart .border{ border-left:#CCC solid 1px; border-right:#CCC solid 1px; border-bottom:#CCC solid 1px; width:699px;}


/*--------------------------------------------------*/
#main #stockcbbc .search{
	position:absolute;
	right:0;
	top: 60px;
}
#main #stockcbbc .search input{
	width:90px;
	height:26px;
	line-height:26px;
	border: none;
	background: url(/home/images/bg_input_100.gif) no-repeat;
	padding: 0 5px;
	color: #999;
	float:left;
}
#main #stockcbbc .search button{
	width:66px;
	height:26px;
	background: url(/home/images/bg_icon_green_search.jpg) no-repeat;
	margin:0 0 0 5px;
	padding:0 0 2px 0;
	color:#FFF;
	float:right;
}
#main #stockcbbc table tbody td input{
	width:50px;
	height:26px;
	line-height:26px;
	border: none;
	background: url(/home/images/bg_input_60.gif) no-repeat;
	padding: 0 5px;
	color: #999;
}
#main #stockcbbc table tbody td button{
	width:47px;
	height:12px;
	background: url(/home/images/bg_icon_blue_calculate.gif) no-repeat;
	margin:0 0 0 5px;
	padding:0 0 2px 0;
	color:#FFF;
	float:right;
}

#main #stockcbbc table{
	margin-bottom: 20px;
}

#main #stockcbbc table td, 
#main #stockcbbc table th{
	text-align: center;
}

#main #stockcbbc table td:first-child{ border-left:none;}
#main #stockcbbc table td:last-child{ border-right:none;}

#main #stockcbbc table th{
	padding: 6px 0;
}

#main #stockcbbc table td{
	border-color: #ddd;
	padding: 5px 1px;
	vertical-align:top;
}

#main #stockcbbc table td div{/*margin: 5px 0;*/ line-height:18px; font-size:13px;}
#main #stockcbbc table td div a{ line-height:18px; display:block; /*width:100px;*/ margin:0 auto;}
#main #stockcbbc table td div.active a{ background: url(/home/images/icon_turnovewr_active.png) no-repeat 7px 0px;}
#main #stockcbbc table td div.clear{ margin:0;}
#main #stockcbbc table td .cbbc_code{
    margin: 5px 0 0 0;
}

#main #stockcbbc table td .showhide{
	margin-bottom:15px;
}
#main #stockcbbc table tr td button{
	width: 22px;
	height:22px;
	background: url(/home/images/overflow_carbon.png) no-repeat;
	position:absolute;
	right:0;
}

#main #stockcbbc table .bull_bg_25{
	background-color: #a6bb81;
	border-bottom: 2px solid #000;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: none;
}
#main #stockcbbc table .bull_bg_15{
	background-color: #b8c99a;
	border-bottom: 2px solid #000;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: none;
}
#main #stockcbbc table .bull_bg_10{
	background-color: #cad6b3;
	border-bottom: 2px solid #000;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: none;
}
#main #stockcbbc table .bull_bg_5{
	background-color: #dbe4cd;
	border-bottom: 2px solid #000;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: none;
}
#main #stockcbbc table .bull_bg_2{
	background-color: #edf1e6;
	border-bottom: 2px solid #000;
	border-left: 1px solid #fff;
	border-right: 1px solid #ddd;
	border-top: none;
}



#main #stockcbbc table .bear_bg_2{
	background-color: #f5e1e1;
	border-bottom: 2px solid #000;
	border-left: 1px solid #ddd;
	border-right: 1px solid #fff;
	border-top: none;
}
#main #stockcbbc table .bear_bg_5{
	background-color: #ebc3c3;
	border-bottom: 2px solid #000;
	border-left: 1px solid #ddd;
	border-right: 1px solid #fff;
	border-top: none;
}
#main #stockcbbc table .bear_bg_10{
	background-color: #e0a6a4;
	border-bottom: 2px solid #000;
	border-left: 1px solid #ddd;
	border-right: 1px solid #fff;
	border-top: none;
}
#main #stockcbbc table .bear_bg_15{
	background-color: #d68886;
	border-bottom: 2px solid #000;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: none;
}
#main #stockcbbc table .bear_bg_25{
	background-color: #cc6a68;
	border-bottom: 2px solid #000;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: none;
}

#main #stockcbbc table .stock_dir{
	border-top: 1px solid #ddd;
	border-bottom: 2px solid #000;
	background: url(/home/images/stock_img.jpg) no-repeat #fff center;

}

#main #stockcbbc table .c_green{color: #8ba75c;}
#main #stockcbbc table .c_blue{color: #6696ac; padding-top:4px; padding-left: 18px; padding-right: 18px;}
#main #stockcbbc table .c_red{color: #b64a4a;}
#main #stockcbbc table .font_18 th{
	font-size: 18px;
	padding: 3px 1px 10px 5px;
	border-bottom: none;
}

#main #stockcbbc table tbody tr:hover td .c_blue{
	color: #fff;
}

#main #stockcbbc table tbody tr:hover td .c_blue button{ background: url(/home/images/overflow_carbon_w.png) no-repeat;}

#main #stockcbbc table .caret {
    display: inline-block;
    width: 0;
    height: 0;
	margin-left: 10px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    background: none;
    float: left;
    margin-top: 5px;
}

#main #stockcbbc table .caret_up {
    display: inline-block;
    width: 0;
    height: 0;
	margin-left: 10px;
    vertical-align: middle;
    border-bottom: 4px dashed;
    border-bottom: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    background: none;
    float: left;
    margin-top: 5px;
}



#main #stockcbbc h2.tab {
    width: auto;
}
p.edu_description{
	text-align: justify;
	padding: 33px 0 0 23px;
	width: 776px;
	line-height: 19px; 
	font-size:13px;
}


/*multi_warrants_calculator*/
#main #multi_warrants_calculator .slider_bg, #main #multi_cbbc_calculator .slider_bg{
	background: #f5f5f5;
	width: auto;
	padding: 15px 20px 10px 20px;
	border-radius: 8px;
	margin-top: 20px;
    overflow: hidden;
}

#main #multi_warrants_calculator .slider_bg h2,
#main #multi_cbbc_calculator .slider_bg h2{ 
	margin-top:0;
}
#main #multi_warrants_calculator .slider_bg input, #main #multi_cbbc_calculator .slider_bg input{
	margin-bottom:10px;
}

#main #multi_warrants_calculator .mobile, #main #multi_cbbc_calculator .mobile{
	display: block;
	overflow: hidden;
}

.slider_bg input{
	width: 100%;
	margin-bottom: 20px;
}

#main #multi_warrants_calculator .slider_bg button#submitbtn, 
#main #multi_cbbc_calculator .slider_bg button#submitbtn,
#main #multi_warrants_calculator .slider_bg button#submit_btn, 
#main #multi_cbbc_calculator .slider_bg button#submit_btn {
    width: 81px;
    height: 36px;
    background: url(/home/images/bg_icon_green_search_box3.jpg) no-repeat center;
    margin: 0 0 0 5px;
    padding: 0 0 1px 0;
    color: #fff;
    float: right;
    padding-left: 0;
}

#main #multi_warrants_calculator button#btn_reset, 
#main #multi_cbbc_calculator .slider_bg button#btn_reset,
#main #multi_warrants_calculator button#reset_btn, 
#main #multi_cbbc_calculator .slider_bg button#reset_btn{
    width: 85px;
    height: 36px;
    background: url(/home/images/bg_icon_white_search_box2.jpg) no-repeat;
    margin: 0 0 0 5px;
    padding: 0 0 1px 0;
    color: #222;
    float: right;
    padding-left: 12px;
}

#main #multi_warrants_calculator .data_left, 
#main #multi_cbbc_calculator .data_left {
    margin-bottom: 20px;
}

#main #multi_warrants_calculator .button {
    margin: 0 auto;
}



/*southbound_moneyflow_turnover*/
#main #southbound_moneyflow_turnover .data td, #main #southbound_moneyflow_turnover .data th{ 
	text-align:center;
}
#main #southbound_moneyflow_turnover .data thead td{ 
	text-align:center; 
	border:#333 solid; 
	border-width:0 0 1px 0; 
	font-size:12px;
	font-weight: normal;
}
#main #southbound_moneyflow_turnover .data tr.southbound td{
	font-size:12px;
	/*background:#427c99;*/
	/*color:#FFF;*/
	/*border-color:#427c99;*/
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
#main #southbound_moneyflow_turnover .data tr.southbound td.border_right{
	border-right: 1px solid #000;
}
#main #southbound_moneyflow_turnover .recommend .tl{ 
	z-index: 999;
    position: absolute;
    bottom: 0;
    padding: 3px;
    width: 260px;
    text-align: center;
    line-height: 23px;
	font-weight:bold;
}
#main #southbound_moneyflow_turnover .recommend .left_box{ float:left; width:29%; margin:30px 2%; border-top:1px #B4433A solid; border-bottom: 1px #B4433A solid; box-sizing:border-box; background:/*url(/home/images/bg_main_slider_box.jpg) repeat-x top*/#f5eee6; padding:5px;}
#main #southbound_moneyflow_turnover .recommend .center_box{ float:left; width:30%; margin:30px 2%; border-top:1px #B4433A solid; border-bottom: 1px #B4433A solid; box-sizing:border-box; background:/*url(/home/images/bg_main_slider_box.jpg) repeat-x top*/#f5eee6; padding:5px;}
#main #southbound_moneyflow_turnover .recommend .right_box{ float:left; width:29%; margin:30px 2%; border-top:1px #B4433A solid; border-bottom: 1px #B4433A solid; box-sizing:border-box; background:/*url(/home/images/bg_main_slider_box.jpg) repeat-x top*/#f5eee6; padding:5px;}
#main #southbound_moneyflow_turnover .recommend .all_box{ 
    float:inherit; 
    width:100%; 
    margin:20px 0 0; 
    border:3px #dfdfdf solid; 
    box-sizing:border-box; 
    background:url(/home/images/bg_sb_hk.jpg) no-repeat #f5f5f5; 
    padding: 0 0 0 210px;
	height:125px;
}
#main #southbound_moneyflow_turnover .recommend .all_box .banner_rank{ width:21px; height:21px; float:left; color:#fff; text-align:center; line-height:21px; background:url(/home/images/bg_icon_number_rank.jpg) no-repeat; margin-right:5px;}

#main #southbound_moneyflow_turnover .recommend .all_box .box_one{ float:left; width:340px; margin:5px 10px 10px 10px;}
#main #southbound_moneyflow_turnover .recommend .all_box .box_two{ float:right; width:340px; margin:5px 10px 10px 10px;}
#main #southbound_moneyflow_turnover .recommend .all_box .left{ float:left; font-size:16px; margin-top:8px;}
#main #southbound_moneyflow_turnover .recommend .all_box .left .big_title{ color:#427c99; font-size:19px; font-weight:bold; width:150px; padding-left:26px; line-height:25px;}
#main #southbound_moneyflow_turnover .recommend .all_box .right{ float:right; font-size:16px; background:url(/home/images/bg_sb_hk_arrow.jpg) no-repeat right #fff; border:1px solid #dfdfdf; padding:6px; min-width:145px; margin-top:0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
#main #southbound_moneyflow_turnover .recommend .all_box .right a{ color:#000;}
#main #southbound_moneyflow_turnover .recommend .all_box .right a .strike, 
#main #southbound_moneyflow_turnover .recommend .all_box .right a .maturity, 
#main #southbound_moneyflow_turnover .recommend .all_box .right a .egearing{ font-size:15px;}
#main #southbound_moneyflow_turnover .recommend .all_box .right a:hover{ text-decoration:none;}
#main #southbound_moneyflow_turnover .recommend .all_box .right .big_title{ color:#427c99; font-size:21px; padding-right:6px; }

#main #southbound_moneyflow_turnover .recommend table{ margin-top:0}
#main #southbound_moneyflow_turnover .recommend table td{ background:none!important; border:none!important; color:#000!important; line-height:21px; height:auto; font-weight:bold; font-size:13px;}
#main #southbound_moneyflow_turnover .recommend table td .underlying, #main #southbound_moneyflow_turnover .recommend table td .number{ font-size:20px; font-weight:bold; color:#427c99; line-height:25px; width:170px; 
	word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;}

#main #southbound_moneyflow_turnover .recommend table td .big_title{ 
    font-size:20px; 
    font-weight:bold; 
    color:#427c99; 
    line-height:25px; 
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.flex-direction-nav a.flex-prev, .flex-direction-nav a.flex-next{
    display: none;
}

#main #southbound_moneyflow_turnover .recommend table tbody tr:hover td a{ background:none; color:#427c99;}
#main #southbound_moneyflow_turnover .recommend table td .type{ margin:0;}
#main #southbound_moneyflow_turnover .recommend table tbody tr:hover td .call, #main #southbound_moneyflow_turnover .recommend table tbody tr:hover td .bull{ color:#8EA852;}
#main #southbound_moneyflow_turnover .recommend table tbody tr:hover td .put, #main #southbound_moneyflow_turnover .recommend table tbody tr:hover td .bear{ color:#B4433A;}
#main #southbound_moneyflow_turnover .inflow_tabel table{ margin-top:0;}
#main #southbound_moneyflow_turnover .inflow_tabel table td, #main #southbound_moneyflow_turnover .outflow_tabel table td{ line-height:17px; padding:5px 1px 5px 5px;}
#main #southbound_moneyflow_turnover .inflow_tabel table td .ubs_pick, #main #southbound_moneyflow_turnover .outflow_tabel table td .ubs_pick{ width:50%; float:left;}
#main #southbound_moneyflow_turnover .inflow_tabel table thead td, #main #southbound_moneyflow_turnover .outflow_tabel table thead td{ text-align:center; font-size:13px; border:#333 solid; border-width:0 0 1px 0}
#main #southbound_moneyflow_turnover h2{ width:auto;}
#main #southbound_moneyflow_turnover h2 .update_time{ position:absolute; right:0; top:0; 
	font-family: 'DFHeiHK', 'DFPHeiStd','Frutiger', "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "Heiti TC", STXihei, "华文细黑", Arial, Helvetica, sans-serif;
	font-weight:normal; font-size:11px;}
#main #southbound_moneyflow_turnover .inflow_tabel .moneyflow{ height:20px; position:relative;}
#main #southbound_moneyflow_turnover .outflow_tabel .moneyflow{ height:20px; position:relative;}
#main #southbound_moneyflow_turnover .moneyflow.rise{ background:#8EA852;}
#main #southbound_moneyflow_turnover .moneyflow.fall{ background:#B4433A;}
#main #southbound_moneyflow_turnover .inflow_tabel .moneyflow_number,
#main #southbound_moneyflow_turnover .outflow_tabel .moneyflow_number{ line-height:20px; /*position:absolute; left:3px;*/ min-width:100px;}
#main #southbound_moneyflow_turnover .download{ position:relative; float:right; top:-15px;} 
#main #southbound_moneyflow_turnover .date_pick{ float:left; margin-right:10px;}
#main #southbound_moneyflow_turnover .market_pick{ float:left; margin-right:10px;}
#main #southbound_moneyflow_turnover .useful_link{ line-height:30px; margin-bottom:10px;}
#main #southbound_moneyflow_turnover.holding .inflow_tabel{ margin-top:20px;}
#main #southbound_moneyflow_turnover.holding .download{ top:13px;}
#main #southbound_moneyflow_turnover.holding .icon_showall{ text-align:right; line-height:30px; margin-bottom:10px;}
#main #southbound_moneyflow_turnover.all .moneyflow_tabel{ margin-top:20px;}
#main #southbound_moneyflow_turnover.all .moneyflow_tabel table{ margin-top:0;}
#main #southbound_moneyflow_turnover.all .moneyflow_tabel table td, #main #southbound_moneyflow_turnover .outflow_tabel table td{ line-height:17px; padding:5px 1px 5px 5px;}
#main #southbound_moneyflow_turnover.all .moneyflow_tabel table td .ubs_pick, #main #southbound_moneyflow_turnover .outflow_tabel table td .ubs_pick{ width:50%; float:left;}
#main #southbound_moneyflow_turnover.all .moneyflow_tabel table thead td, #main #southbound_moneyflow_turnover .outflow_tabel table thead td{ text-align:center; font-size:13px; border:#333 solid; border-width:0 0 1px 0}
#main #southbound_moneyflow_turnover.all .download{ top:-16px;}
#main #southbound_moneyflow_turnover.all .moneyflow_tabel .moneyflow.flowin, #main #southbound_moneyflow_turnover.all .moneyflow_tabel .moneyflow.rise{ background:#8EA852; position:relative; height:17px;}
#main #southbound_moneyflow_turnover.all .moneyflow_tabel .moneyflow.flowout, #main #southbound_moneyflow_turnover.all .moneyflow_tabel .moneyflow.fall{ background:#B4433A; position:relative; height:17px;}
#main #southbound_moneyflow_turnover.all .moneyflow_tabel .moneyflow .moneyflow_number{ position:absolute; min-width:100px;}

#main #southbound_moneyflow_turnover table td.rank{ text-align:center;}

.bar_left {
    display: block;
    margin-top: 21px;
    cursor: default;
    z-index: 1;
    float: left;
    width: 20px;
    height: 20px;
    background-size: cover;
    background: url(/home/images/bar_left.png) no-repeat;
}

.bar_right {
    display: block;
    cursor: default;
    margin-top: 21px;
    z-index: 1;
    float: right;
    width: 25px;
    height: 25px;
    background: url(/home/images/bar_right.png) no-repeat;
}

.irs {
    margin: 0 20px;
}

.irs > .irs{
	margin: 0;
}

.slider_one, .slider_two, .slider_three{
    width: 31%;
    float: left;
    margin: 0 20px 0 0;
}
.slider_one label, 
.slider_two label, 
.slider_three label{

    display: block;
}

#main #multi_warrants_calculator input, 
#main #multi_cbbc_calculator input{
    height: 22px;
    padding: 1px 4px;
    border: 1px solid #cecece;
    vertical-align: middle;
    line-height: 22px;
}


.irs .irs-min, .irs .irs-max, .irs .irs-single{
	display: none;
}

#main #multi_cbbc_calculator .slider_one {
    width: 30%;
    float: left;
}

#main #multi_cbbc_calculator label {
    float: left;
    margin-right: 20px;
    margin-top: 5px;
}


#main #multi_cbbc_calculator .range_number{
    width: 30%;	
    float: left;
    margin-top: 5px;
}

#main #multi_cbbc_calculator .bar_left {margin-top: 4px;}

#main #multi_cbbc_calculator .bar_right {margin-top: 4px;}


#main #multi_cbbc_calculator .irs-bar {
    top: 8px;
}

#main #multi_cbbc_calculator .irs-bar-edge {    top: 7px;}

#main #multi_cbbc_calculator .irs-line{top: 8px;}

#main #multi_cbbc_calculator .irs-slider {
    top: 6px;
}

#main #multi_cbbc_calculator .slider_one .button{float: right;}



.charttooltip {
    background-color: black;
    color: white;
    padding: 10px;
    border-radius: 10px;
}

#main #warrants_analyzer_performance .chart_filter, #main #cbbc_analyzer_performance .chart_filter{ position: absolute; top: 9px; z-index: 9; right:0;}
#main #warrants_analyzer_performance .chart_filter .compare_area, #main #cbbc_analyzer_performance .chart_filter .compare_area {  float: left;  position: absolute;  right: 90px;  top: 375px;}

#main #underlying_analyzer .chart_filter{ position: absolute; top: 9px; z-index: 9; right:0;}
#main #underlying_analyzer .chart_filter .compare_area{ position: absolute;  right: 88px;  top: 348px;}
#main #underlying_analyzer .chart_filter .compare_area #input-bol-day{ width:30px;}
 

#main #underlying_analyzer .month_area{ position: absolute; top: 9px; z-index: 9; left:90px;}
.month_area button{ background:#f7f7f7; color:#444444; line-height:18px; padding:2px 5px;}
.month_area button:hover{ background:#e7e7e7; }
.month_area button.current, .month_area button.active{ background:#e7f0f9;}
.chart_filter .chart_button_area{ float:right;}

.chart_filter .ma_area{ float:right; line-height:22px;}

.chart_filter .compare_area{ float:left;}

.chart_filter .chart_button_area { margin-right:20px;}
.chart_filter .chart_button_area button{ line-height:18px; padding:2px 5px; background:url(/home/images/bg_chart_button.jpg) repeat-x; color:#fff; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.chart_filter .chart_button_area button:hover, .chart_filter .chart_button_area button.current,.chart_filter .chart_button_area button.active{ background:url(/home/images/bg_chart_button_on.jpg) repeat-x; color:#000; }

.ma_area{ position:relative;}
.ma_area .control_group{ display:none; position:absolute; background:#fff; border-left:1px solid #777777;  border-right:1px solid #777777; border-bottom:1px solid #777777; width:115px; line-height:18px; z-index:9999999; text-align:left;}
.ma_area #show_hide_menu{ border:1px solid #777777; background:url(/home/images/arrow_show_hide_menu_bg.gif) no-repeat right;}
.ma_area #show_hide_menu a{ color:#000; text-decoration:none; line-height:20px; padding:0 40px 0 15px;}
.ma_area .control_group .close_div{ border-top:1px solid #777777;}
.ma_area .control_group .close_div a{ color:#000; padding-left:10px;}



.home_quick_link{ font-size:15px;}
.home_quick_link a{ font-weight:bold; padding-left:10px; background:url(/home/images/home_quick_link_arrow.gif) no-repeat right; padding-right:10px; margin-right:5px;}
.page_inside_quick_link{ position:absolute; right:0; line-height:31px; background:url(/home/images/bg_tab_blue_mobile.jpg) repeat-x !important; border:1px solid #6492ac!important;}
.page_inside_quick_link a{ font-size:15px; font-weight:bold; background:url(/home/images/bg_tab_blue_mobile.jpg) repeat-x !important; padding-right:10px; color:#FFF!important; min-width:152px; font-size: 13px!important;}







/* disclaimer pop */
#site-disclaimer-mobile {
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:999999999
}
 
#site-disclaimer-mobile .fade {
	background:none repeat scroll 0 0 #fff;
	height:100%;
	opacity:.75;
	filter:alpha(opacity=80, FinishOpacity=70, Style=2);
	width:100%
}
 
#site-disclaimer-mobile .head {
	margin:10px 0 20px 0;
	overflow:hidden
}
#site-disclaimer-mobile .head h1, #site-disclaimer-mobile .head .tl {
	color:#e60000;
	float:left;
	font-family: 'DFHeiHK', 'DFPHeiStd','Frutiger', "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "Heiti TC", STXihei, "华文细黑", Arial, Helvetica, sans-serif;
    font-size: 26px;
    font-weight: normal;
    line-height: 26px;
	background:none;
	text-align:left;
}
#site-disclaimer-mobile .head label {
	float:right;
	line-height:26px;
	margin:10px 10px 0 0
}
#site-disclaimer-mobile .head .select-box-wrapper {
	float:right;
	margin:10px 0 0 0;
	width:160px
}
#site-disclaimer-mobile .head .select-box {
	width:160px;
	z-index:110
}
#site-disclaimer-mobile .wrapper {
	background: #fff;
    /*border: 2px solid #222;*/
    color: #000;
    font-size: 16px;
	line-height:34px;
    padding: 17px;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
#site-disclaimer-mobile .wrapper .logo{
	margin-bottom:20px;
}
#site-disclaimer-mobile .wrapper .logo img{
	height: 34px;
}
 
#site-disclaimer-mobile .wrapper .icon{ position:absolute; right:45px; top:40px;}
 
 
#site-disclaimer-mobile .wrapper.extended {
	height:505px
}
 
#site-disclaimer-mobile .wrapper .content {
	height:auto;
	margin:0 0 20px 0;
	overflow-y:auto
}
 
#site-disclaimer-mobile .wrapper .content-scroller {
	padding:0 0 0 0
}

#site-disclaimer-mobile .wrapper .content .text-box a{ padding:0; font-size:16px; border:none; outline:none;}
 
#site-disclaimer-mobile .footer {
	border-top:1px solid #cecece;
	color:#000;
	padding:3px 0
}
 
#site-disclaimer-mobile .footer .select-box {
	width:160px
}
#site-disclaimer-mobile .footer .select-box .s-scroll.off {
	height:17px !important
}
 
#site-disclaimer-mobile .footer .select-box li {
	width:146px;
	height:17px;
	line-height:17px
}
#site-disclaimer-mobile .footer .select-box li.first span {
	margin:5px 0 0 5px
}

#site-disclaimer-mobile .footer p {
	line-height:20px;
	margin:5px 0 0 0;
	overflow:hidden
}
#site-disclaimer-mobile .footer p label {
	float:left;
	line-height:17px
}
#site-disclaimer-mobile .footer p label#disclaimer-accept-text, #site-disclaimer-mobile .footer p label#disclaimer-save-settings-text {
	float:none
}
#site-disclaimer-mobile .footer .buttons {
	margin:20px 0 0 0
}
/*#site-disclaimer-mobile .footer .buttons button+button {
	float:right
}*/
#site-disclaimer-mobile .footer .buttons button{}
#site-disclaimer-mobile .footer .buttons button.yes{
	width: 81px;
    height: 36px;
    background: url(/home/images/bg_icon_green_search_box4.jpg) no-repeat center;
    padding: 0 0 1px 0;
    color: #fff;
    padding-left: 0;
}
#site-disclaimer-mobile .footer .buttons button.no{
	width: 81px;
    height: 36px;
    background: url(/home/images/bg_icon_black_search_box4.jpg) no-repeat center;
    padding: 0 0 1px 0;
    color: #fff;
    padding-left: 0;
}
#site-disclaimer-mobile .footer .checkbox {
	float:left;
	margin:0 5px 0 0
}
#site-disclaimer-mobile .warning p {
	font-size: 11px;
    margin-top: 10px;
    line-height: 17px;
}
#site-disclaimer-mobile button#agreebtn{
	width: 81px;
	height: 36px;
	background: url(/home/images/bg_icon_green_search_box4.jpg) no-repeat center;
	padding: 0 0 1px 0;
	color: #fff;
	float: right;
	padding-left:0;
}
#site-disclaimer-mobile button#notagreebtn{
	width: 112px;
	height: 36px;
	background: url(/home/images/bg_icon_black_box.jpg) no-repeat center;
	padding: 0 0 1px 0;
	color: #fff;
	float: left;
	padding-left:0;
}
#trueModal{ position:relative;}
#trueModal h2{ margin-top:0;}
#trueModal button{ position:absolute; top:0; right:0; padding:0; text-indent:-999999px; background:url(/home/images/bg_pop_mobile_dis_close.jpg) no-repeat #ff0000 center; width:28px; height:28px; border:none;}

/*UBS share banner*/
#ubs_share_banner{
	border: 1px solid #000;
	overflow: hidden;
	display: block;
	width: 420px;
	padding: 20px;
	font-size: 14px;
	margin-bottom: 10px;
}

#ubs_share_banner img{
	float: left;
	margin-right: 10px;
}

#ubs_share_banner .text{
	float: left;
}

#ubs_share_banner .text p{
	font-size:20px;
	line-height:24px;
	font-family: 'DFHeiHK', 'DFPHeiStd','Frutiger', "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "Heiti TC", STXihei, "华文细黑", Arial, Helvetica, sans-serif;
}

#ubs_share_banner a{
	font-size: 12px;
	color: #aaa;
	margin-top: 5px;
	display: block;
}