/* @import "http://fonts.googleapis.com/earlyaccess/notosanstc.css";
@import url(http://fonts.googleapis.com/earlyaccess/notosanssc.css);

@font-face {
    font-family: Microsoft Yahei, Arial, sans-serif!important;
	font-weight: 700;
	font-style: normal;
    src: url("fonts/TitilliumWebSemiBold.eot") format("embedded-opentype"), url("fonts/TitilliumWebSemiBold.woff2") format("woff2"), url("fonts/TitilliumWebSemiBold.woff") format("woff"), url("fonts/TitilliumWebSemiBold.ttf") format("truetype"), url("fonts/TitilliumWebSemiBold.svg#TitilliumWebSemiBold") format("svg");
}
@font-face {
    font-family: Microsoft Yahei, Arial, sans-serif!important;
	font-weight: 300;
	font-style: normal;
    src: url("fonts/TitilliumWebExtraLight.eot") format("embedded-opentype"), url("fonts/TitilliumWebExtraLight.woff2") format("woff2"), url("fonts/TitilliumWebExtraLight.woff") format("woff"), url("fonts/TitilliumWebExtraLight.ttf") format("truetype"), url("fonts/TitilliumWebExtraLight.svg#TitilliumWebExtraLight") format("svg");
}
@font-face {
    font-family: Microsoft Yahei, Arial, sans-serif!important;
	font-weight: 400;
	font-style: normal;
    src: url("fonts/TitilliumWebRegular.eot") format("embedded-opentype"), url("fonts/TitilliumWebRegular.woff2") format("woff2"), url("fonts/TitilliumWebRegular.woff") format("woff"), url("fonts/TitilliumWebRegular.ttf") format("truetype"), url("fonts/TitilliumWebRegular.svg#TitilliumWebRegular") format("svg");
}
@font-face {
    font-family: "KlavikaRegular";
	font-weight: normal;
	font-style: normal;
    src: url("fonts/KlavikaRegular.eot") format("embedded-opentype"), url("fonts/KlavikaRegular.woff2") format("woff2"), url("fonts/KlavikaRegular.woff") format("woff"), url("fonts/KlavikaRegular.ttf") format("truetype"), url("fonts/KlavikaRegular.svg#KlavikaRegular") format("svg");
}
@font-face {
    font-family: "KlavikaRegular";
	font-weight: 300;
	font-style: normal;
    src: url("fonts/KlavikaLight.eot") format("embedded-opentype"), url("fonts/KlavikaLight.woff2") format("woff2"), url("fonts/KlavikaLight.woff") format("woff"), url("fonts/KlavikaLight.ttf") format("truetype"), url("fonts/KlavikaLight.svg#KlavikaLight") format("svg");
}
@font-face {
    font-family: "KlavikaBoldItalic";
    src: url("fonts/KlavikaBoldItalic.eot") format("embedded-opentype"), url("fonts/KlavikaBoldItalic.woff2") format("woff2"), url("fonts/KlavikaBoldItalic.woff") format("woff"), url("fonts/KlavikaBoldItalic.ttf") format("truetype"), url("fonts/KlavikaBoldItalic.svg#KlavikaBoldItalic") format("svg");
}
@font-face {
    font-family: "KlavikaBold";
    src: url("fonts/KlavikaBold.eot") format("embedded-opentype"), url("fonts/KlavikaBold.woff2") format("woff2"), url("fonts/KlavikaBold.woff") format("woff"), url("fonts/KlavikaBold.ttf") format("truetype"), url("fonts/KlavikaBold.svg#KlavikaBold") format("svg");
}
@font-face {
    font-family: "KlavikaRegular";
	font-weight: 700;
	font-style: normal;
    src: url("fonts/KlavikaMedium.eot") format("embedded-opentype"), url("fonts/KlavikaMedium.woff2") format("woff2"), url("fonts/KlavikaMedium.woff") format("woff"), url("fonts/KlavikaMedium.ttf") format("truetype"), url("fonts/KlavikaMedium.svg#KlavikaMedium") format("svg");
}
@font-face {
    font-family: Microsoft Yahei, Arial, sans-serif!important;    
    src: url("fonts/SimHei.ttf") format("truetype"),
		 url("fonts/SimHei.woff") format("woff");
} */
*::-moz-selection {
    background-color: #509db4;
    color: #ffffff;
}
body
{
    color: #646464;
	font-family: Microsoft Yahei, Arial, sans-serif!important;
	font-size: 	16px;
	background: none repeat scroll 0 0 transparent;
	font-weight: 400;
}

/* EXCEL HIDDEN*/
td.excellink {
    display: none;
}
g.highcharts-series path {
	stroke-width: 2px!important;
}
.comparelegend_value div div div, #legenddate {
    color: #646464 !important;
	font-family:Microsoft Yahei, Arial, sans-serif!important;
	font-size: 	16px !important;
	 
}
.PerformanceTab_DDL_Performance_Function{
	color: #646464 !important;
    font-family: Microsoft Yahei, Arial, sans-serif!important;
	font-size: 	16px !important;
	 
}
#comparelegend, .highcharts-axis-labels text tspan, .highcharts-axis text tspan, .highcharts-container text {
	font-family:Microsoft Yahei, Arial, sans-serif!important;
	font-size: 	16px !important;
	 
}
body.body_zh-tw
{
	font-family: Microsoft Yahei, Arial, sans-serif!important;
	background: none repeat scroll 0 0 transparent;
	
}
body.body_zh-tw .comparelegend_value div div div, body.body_zh-tw #legenddate {
	font-family: Microsoft Yahei, Arial, sans-serif!important;
}
body.body_zh-tw .PerformanceTab_DDL_Performance_Function{
    font-family: Microsoft Yahei, Arial, sans-serif!important; 
}
body.body_zh-tw #comparelegend, body.body_zh-tw .highcharts-axis-labels text tspan, body.body_zh-tw .highcharts-axis text tspan, body.body_zh-tw .highcharts-container text {
	font-family: Microsoft Yahei, Arial, sans-serif!important;
}
body.body_zh-cn
{
	font-family: Microsoft Yahei, Arial, sans-serif!important;
	background: none repeat scroll 0 0 transparent;
	
}
body.body_zh-cn .comparelegend_value div div div, body.body_zh-cn #legenddate {
	font-family: Microsoft Yahei, Arial, sans-serif!important;
}
body.body_zh-cn .PerformanceTab_DDL_Performance_Function{
    font-family: Microsoft Yahei, Arial, sans-serif!important; 
}
body.body_zh-cn #comparelegend, body.body_zh-cn .highcharts-axis-labels text tspan, body.body_zh-cn .highcharts-axis text tspan, body.body_zh-cn .highcharts-container text {
	font-family: Microsoft Yahei, Arial, sans-serif!important !important;
}
.PerformanceTab_Performance_Row:nth-child(3) {

}
.excellink img {
	    -moz-box-sizing: border-box;
    box-sizing: border-box;
	background-image: url("excel.png");
    background: url(excel.png) no-repeat;
    background-size: 19px;
    
    padding-left: 38px;
    vertical-align: bottom;
    background-position-y: center;
    width: 19px;
    height: 19px;
    margin-top: 15px;
    width: 19px\0/ !important;
    height: 19px\0/ !important;
    margin-top: 6px\0/ !important;
    background: rgba(0, 0, 0, 0) url("excel.png") no-repeat scroll 3px 0px;
    
    background-position-y: center;
    background-repeat: no-repeat\0/;
    background-size: 19px 19px;
}

/*
div#comparelegend.comparelegend_name
{
    padding-right:20px;
}*/
a:link, a:visited, a:active {
	font-weight: normal;
	color: #646464;
  text-decoration: none;
}
a:hover
{
    color: #646464;
    text-decoration: normal;
}
/* width of tool */
#container {
	width: 100%;
	max-width: 1280px;
	min-width: 250px;
	/* overflow: hidden; */
}
#pnlLastprice {
	width: 230px;
}
#pnlShareInfo {
	width: 375px;
}
#pnlShareInfo .tdLeft {
	width: 35%;
}
#dateTimeBox {
	width: 97%;
}
td.TickerNameTD_Volume, td.TickerValueTD_Volume {
	width:90px;
}
td.TickerValueTD_ShareName, td.TickerNameTD_ShareName {
	width:130px;
}
.navigation ul li {
	width: auto;
}
.additionFunction table {
	width: 85%;
}
.TD_print {
 width: 23%;
}
.TD_download_excel {
 width: 53%;
}
.bullet {
	width: 7px;
}
td#timeheading {
	width:50%;
}
.Tab {
	width: auto;
}
.DataNameTD {
	width: 60%;
}
.DataValueTD {
	width: auto
}
.LeftCol {
	width: 50%;
}
.rightbold {
	width: 50%;
}
.tdOrderLeft {
	width:10%;
}
.tdOrderRight {
	width:10%;
}
.tdOrderMiddle {
	width:80%;
}
.orderBorder {
	width:100%;
}
/* table.ControllRow td.ControllTD {
	width:33%;
}
#indicatorPanel, #indicesComparisonPanel {
	width: 100%;
}
#diagramTypePanel {
	width: 100%;
}
#lowerGraphPanel, #movingAveragePanel {
	width: 100%;
}
#otherOptionPanel {
	width: 100%;
} */
table#tableDiagram {
	width: auto;
}
.custom_label table tr td div {
	width: 160px;
}
label {
	width: auto;
}
.divMore {
	width: 170px;
}

.PerformanceTab_DDL_Performance_Function {
    
}
.PerformanceTab_Table_Price_Performance {
	width: 100% !important;
	margin-bottom: 3px;
}
.PerformanceTab_Div_In_TD_Data {
	width: auto !important;
}
.PerformanceTab_Table_Data {
	width: 100%;
}
.PerformanceTab_Table_Performance_By_Year {
	width: 100% !important;
}
.PerformanceTab_TD_Select_Type_Label {
	width:180px;
}
/*select box*/
.PerformanceTab_DDL_Performance_Function {
    width: 280px;
}
/*  all */
.PerformanceTab_Performance_All_Time_High_H_Label, .PerformanceTab_Performance_All_Time_Low_L_Label {
	padding-left:15px;
	_position: absolute;
+position: absolute;
	width: 15px;
	display:inline;
}
.PerformanceTab_Performance_All_Time_High_H_Value, .PerformanceTab_Performance_All_Time_Low_L_Value {
	float: right;
	padding-right: 0px;
	display:inline;
	width:70%;
	text-align:right;
}
/*  52 */
.PerformanceTab_Performance_52_Week_High_H_Label, .PerformanceTab_Performance_52_Week_Low_L_Label {
	_position: absolute;
	+position: absolute;
	width: 15px;
	display:inline;
}
.PerformanceTab_Performance_52_Week_High_H_Value, .PerformanceTab_Performance_52_Week_Low_L_Value {
	float:right;
	width:75%;
	padding-right: 0px;
	display:inline;
	text-align:right;
}
/* end  width of tool*/
#recLeftSide, #recRightSide{
	display: none;
}
#divCalendar {
 background-color: #f8f8f8;
}
#flashcontent {
 padding-top:16px;
}
body #shareGraph {
 min-height: 300px;
}
body.body_Performance #shareGraph {
 min-height:115px;
 height:auto !important;
 _padding-bottom: 55px;
}
#pressContent{
	padding-left:30px !important;
}
/* Border of frame */
.common_border {
 border:0px solid #DFDFE0;
 border-top:none;
}
body.body_FlashGraph .common_border {
 border:none !important;
}
body.body_HtmlGraph .common_border {
 border:none !important;
}
/*Last price label, which display on the share information section*/
.last_price_style {
 color: #0572a4;
 font-weight: 700;
}
body.body_ShareData #shareGraph {
 min-height:200px;
}
body.body_Orders #shareGraph {
 min-height:150px;
 padding: 10px 15px;
}
body.body_Trades #shareGraph {
 border:none;
 min-height:100px;
}
.shareInformation {
/*padding: 4px;*/
}
body.body_FlashGraph #shareGraph {
}
 #divMoreOptionLink a {
 text-decoration: none;
 color: #0572a4;
 font-size: 120%;
}
#pnlLastprice {
 height: 43px;
 background-image: url(../../images/bglastprice.gif);
 border: solid 1px #c3cfd7;
 color: #0572a4;
 font-weight: 700;
 float: left;
 padding: 3px 0px 3px 15px;
}
#pnlShareInfo {
 height: 43px;
 float: left;
 background-image: url(../../images/bgshareinfo.gif);
 border: solid 1px #c3cfd7;
 margin-left: 13px;
}
#pnlShareInfo .tdLeft {
 border-bottom: 1px solid #c3cfd7;
 padding-left: 12px;
}
#pnlShareInfo .tdMiddle {
 border-bottom: 1px solid #c3cfd7;
 border-right: 1px solid #c3cfd7;
}
#pnlShareInfo .tdRight {
 border-bottom: solid 1px #c3cfd7;
}
#pnlShareInfo .tdMiddleBottom {
 border-right: solid 1px #c3cfd7;
}
#dateTimeBox {
 font-weight: 700;
 float: left;
 padding-top: 5px;
 padding-left: 15px;
}
/* Date & Time: 2009.04.16 16:34(GMT+07) */
.divDateTimeShareInfo {
 color: #007DFF;
}
.TickerDateTD {
}
div.TickerDateDiv {
 font-weight: normal;
 padding-left:10px;
 margin-bottom:7px;
 text-align:left;
}
table.TickerTbl {
 border-spacing:0;
 border-collapse:collapse;
}
.table_row {
height: 21px !important;
}
 table.BrokerHeaderTable, table.BrokerTableContent, table.BrokerContentTable {
 border-collapse:collapse;
 border-spacing:0;
}
table.TickerTbl td {
/*padding-right:5px;*/
}
td.TickerValueTD {
 white-space:nowrap;
}
tr.Ticker_HeaderRow_Header {
}
td.Ticker_SelectedRow {
 
}
td.TickerNameTD {
 height:43px;
 white-space:nowrap;
 text-align:center;
 vertical-align:middle;
 background: #509db4;
 font-weight: 700;
 color: #ffffff;
}
td.TickerNameTD_ShareName {
}
td.TickerNameTD_Volume {
}
td.TickerValueTD {
 text-align:center;
 height:43px;
 white-space:nowrap;
 vertical-align:middle;
 border-bottom: 1px solid #509db4;
}
td.TickerValueTD_Bid, td.TickerValueTD_Ask, td.TickerNameTD_Bid, td.TickerNameTD_Ask {
	display: none;
}
td.TickerNameTD_PreviousClose, td.TickerValueTD_PreviousClose, td.TickerNameTD_High, td.TickerValueTD_High {
/*border-bottom:1px solid #EBEBEB;*/
}
td.TickerNameTD_MarketName, td.TickerValueTD_MarketName {
 display:none;
}
td.TickerNameTD_Volume {
	border-radius: 0px 10px 10px 0px;
}
td.TickerNameTD_Volume, td.TickerValueTD_Volume {
 padding-right:10px;
 text-align:right;
}
td.TickerNameTD_ShareName {
 text-align:left;
 padding-left:10px;
 border-radius: 10px 0 0 10px;
/*color: #49535A !important;*/
	/*border-left:1px solid #EBEBEB;*/
}
td.TickerValueTD_ShareName, td.TickerNameTD_ShareName {
 text-align:left;
}
td.TickerValueTD_ShareName {
padding-left:10px;
}
tr.Ticker_SelectedRow {
}
/* The background image and text color of the button has size is 120x25 pixel */
.button_bg {
}
/* The navigation, which contains the tabs */
#tabPanel {
 height:38px;
 margin-left:0px;
 padding-top:15px;
 padding-left: 0;
 border-bottom: 3px solid #509db4;
}
.navigation {
/*text-transform: uppercase;*/
}
ul#_ulTab li a.tab_selected {

}
.navigation ul li a.tab_selected:link, .navigation ul li a.tab_selected:hover, .navigation ul li a.tab_selected:visited, .navigation ul li a.tab_selected:active
{	
    display: block;
    float: left;
	background: #509db4 none repeat scroll 0 0;
	font-weight: 700;
	color: #ffffff;
}
.navigation ul{
	text-align: center;
}
.navigation ul li
{
    /*font-weight: bold;     color:#666666;     background-color:#666666; */
    display: block;
    float: left;
    width: auto;
	margin-right: 1.32%;
    width: 24%;
}
#liPerformance {
	margin-right: 0px;
}

.navigation ul li a
{
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0px 0px;
    text-decoration: none;
    float: left;
	font-size: 16px;
	color: #646464;
	font-weight: 400;
	background: #f5f5f5;
	text-transform: capitalize;
	transition: all 0.5s ease 0s;
	border-radius: 10px 10px 0 0;
	width: 100%;
	
}
.navigation ul li a:link, .navigation ul li a:visited, .navigation ul li a:active
{
    text-decoration: none;
}

.navigation a:hover, .navigation ul li a:hover, .navigation ul li a.tab_selected:hover 
{
    display: block;
    float: left;
	text-decoration:none;
	background: #509db4 none repeat scroll 0 0;
	color: #ffffff;
}
.additionFunction {
padding-top:0px;
}
.additionFunctionbox {
    height: 50px;
	margin-bottom: 15px;
    margin-top: 0;
}
body.body_ShareData .additionFunctionbox, body.body_Trades .additionFunctionbox, body.body_Performance .additionFunctionbox  {
    height: 0px;
}
#lowerpart {
 padding: 3px 40px 3px 40px;
}
#dbFooter {
 padding-right: 11px;
 padding-top: 13px;
 display: none;
}
.Disclaimer {
float:left;
padding-left:28px;
}
.Supplied {
 float:right;
 padding-right:25px;
}

.lowerSkin {
    float: right;
    text-align: right;
}
#upperpart {
 padding-top: 0 !important;
 padding-bottom: 0 !important;
 padding-left:1px;
 padding-right:1px;
}
.additionFunction .button
{
    background: #509db4 none repeat scroll 0 0;
	border: 1px solid #509db4;
    color: #ffffff;
    font-family: Microsoft Yahei, Arial, sans-serif!important;
	text-decoration:none;	
	border-radius: 10px;
	font-weight: 700;
	font-size: 16px;
	transition: all 0.1s ease 0s;
	min-width: 11em;
    display: inline-block;
    text-align: center;
}
.additionFunction .button:hover
{
    background: #509db4 none repeat scroll 0 0;
	border: 1px solid #509db4;
}
body.body_zh-tw .additionFunction .button{
	font-family: Microsoft Yahei, Arial, sans-serif!important;
}
body.body_zh-cn .additionFunction .button{
	font-family: Microsoft Yahei, Arial, sans-serif!important;
}
.additionFunction a img {
 display:none;
}
 div.additionFunction table td {
 line-height: 42px;
}
span#lblPrint {
 /*vertical-align: middle !important;*/

}
/*span#lblDetachGraph {
 vertical-align: middle !important;
}
 span#lblDownloadToExcel {
 vertical-align: middle !important;
}*/
a.button {
    /* padding-top: 8px;
    padding-bottom: 8px; */
}
a.buttonDetachGraph {

}
a.buttonDetachGraph
{
	/* padding-left:34px;
	padding-right:35px; */
}
a.buttonDownloadExcel
{
	/* padding-left:19px;
	padding-right:19px; */
}
a.buttonDownloadExcel {

}
a.buttonPrint
{
	/* padding-left:63px;
	padding-right:64px; */
}
body.body_zh-tw a.buttonDetachGraph
{
	/* padding-left:40px;
	padding-right:40px; */
}
body.body_zh-tw a.buttonDownloadExcel
{
	/* padding-left:28px;
	padding-right:28px; */
}
body.body_zh-tw a.buttonPrint
{
	/* padding-left:64px;
	padding-right:64px; */
}
body.body_zh-cn a.buttonDetachGraph
{
	/* padding-left:40px;
	padding-right:40px; */
}
body.body_zh-cn a.buttonDownloadExcel
{
	/* padding-left:28px;
	padding-right:28px; */
}
body.body_zh-cn a.buttonPrint
{
	/* padding-left:64px;
	padding-right:64px; */
}
td#TD_print {
	/*padding-right:10%;*/
	}
.TD_print { 
	text-align: left;
	}
img#button_detach {
}
/* Period navigation, which contains the period tabs */
#periodSelectionPanelPanel {

}
body.body_FlashGraph .periodSelection {
 height: 25px;
 padding-top: 9px;
 padding-left:23px;
 
 border:none !important;
}
body.body_HtmlGraph .periodSelection {
 height: auto;

 padding-top: 15px;
 padding-bottom: 15px;
 padding-left:10px;
 border-top:none !important;
 border-right:none !important;
 border-left:none !important;
 border-bottom: 1px solid #509db4;
}
.periodSelection {
 height: 25px;
 padding-top: 9px;
 border-left: 1px solid #DFDFE0;
 border-right: 1px solid #DFDFE0;
}
body.body_Performance .periodSelection {
 height: auto;
 padding:15px;
 border: none;
}
.PeriodSelectionIntervalText {
    text-align: left;
	vertical-align: top;
}
#lblInterval {
	white-space: nowrap;
		}
div#periodSelectionPanel.periodSelection input {
    margin-left: 20px;
    margin-right: 5px;
}
#periodSelectionPanel label {
    white-space: nowrap;
}
.lowerpart_top {
 margin-top: 6px;
 border: solid 1px #bad7da;
 background-color: #d6eaec;
 min-height: 126px;
 padding: 4px 4px 3px 4px;
}
.lowerpart_top .box {
 padding: 6px;
 border: solid 1px #c3cfd7;
 height: 126px;
 height: 110px;
 background-image: url(../../images/bgbox.gif);
}
 .periodSelection ul li a.tab_selected:link, .periodSelectionn ul li a.tab_selected:hover, .periodSelection ul li a.tab_selected:visited, .periodSelection ul li a.tab_selected:active {

}
.periodSelection ul li a {
 color: #fff;
}
.periodSelection ul li a:link, .periodSelection ul li a:visited, .periodSelectionn ul li a:active {
 text-decoration: none;
}
.periodSelection ul li a:hover {
 text-decoration: none;

}

/* graph */
.highstocklegend {
    padding-bottom: 30px;
	padding-top: 25px;
	padding-left: 10px;
	font-weight: 300;
}
.legenddate {
    padding-bottom: 8px;
}
.comparelegend_value {
    padding-left: 10px;
}
.comparelegend_separator {
    color: #646464;
}
.comparelegend_separator {
    padding-left: 8px;
    padding-right: 8px;
}
.comparelegend_eachvalue {
    font-weight: 300;
}
/* High, Low section */
.chartCurrentInfo {
 color: #000;
}
.chartCurrentInfo div input {
 color: #000;
}
/* DIV comparison */
.divcomparison {

}
 .lowerpart_top .order {
 padding: 6px;
 padding-left: 15px;
 border: solid 1px #c3cfd7;
 min-height: 110px;
 background-image: url(../../images/bgbox.gif);
 background-position: bottom;
 background-repeat: repeat-x;
}

/* css for trade by thansau */
body.body_Trades div#divSubControl {
 border:0px solid #DFDFE0;
 border-top:none;
 padding:0px;
}
TD.data {
 border-bottom: solid 1px #999999;
 padding-top: 2px;
 padding-left: 3px;
 padding-right: 4px;
 vertical-align: top;
 text-align: right;
}
div.fullbrokername {
 background-color: #509db4;
 border: 1px #dedede solid;
 white-space: nowrap;
 text-align: center;
 left: 0px;
}
td.tradetime {
 text-align: right;
 padding-right: 10px;
 white-space: nowrap;
 text-align: left;
 border-bottom: solid 1px #999999;
 padding-top: 2px;
 padding-left: 3px;
 vertical-align: top;
}
td.tableheading {
 height: 15px;
 line-height: 15px;
 padding-right: 4px;
 padding-left: 3px;
 font-weight: 700;
 color: #646464;
 border-bottom: #999999 1px solid;
 background-color: #2284B1;
 padding-top: 0px;
 padding-bottom: 0px;
 text-align: right;
}
tr.odd {
 background: #F2F2F2;
}
tr.even {
 background: #509db4;
}
.bullet {
 font-size: 1px;
 height: 7px;
}
td#lastheading {
 text-align:left;
 padding-left:0px;
}
td#shadow {
 height: 10px;

}
td#timeheading {
 text-align: left;
 padding-left:10px;
 border-radius: 10px 0 0 10px;
}
.tdbullet {
 border-bottom: solid 1px #999999;
 padding-top: 2px;
 padding-left: 4px;
 vertical-align: middle;
}
.combo {

}
TABLE.collapse {
 border: #509db4 1px solid;
 border-bottom: 0px;
}
 TD.euroland {
 color: #509db4;
 border-top: 1px solid #509db4;
}
.minus {
 color: #ff0000 !important;
}
.minus2 {
 color: #ff0000 !important;
}
.neutral {
 color:#646464 !important;
}
.plus {
 color: #008000 !important;
}
.plus2 {
 color: #008000 !important;
}
/*.minus span:last-child {	
    background-position:  right center;
    padding-right: 15px;
    background-image: url(../../images/arrow_down1.gif);
    background-repeat: no-repeat;
		
		display: inline-block;
		zoom: 1;
		*display: inline;
}
.minus2  span:last-child
{
    background-position:  right center;
    padding-right: 15px;
    background-image: url(../../images/arrow_down2.gif);
    background-repeat: no-repeat;
}
.neutral  span:last-child
{
    background-position:  right center;
    padding-right: 15px;
    background-image: url(../../images/arrow_neutral.gif);
    background-repeat: no-repeat;
		
		display: inline-block;
		zoom: 1;
		*display: inline;
}
.plus span:last-child
{
    background-position:  right center;
    padding-right: 15px;
    background-image: url(../../images/arrow_up1.gif);
    background-repeat: no-repeat;
		
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.plus2 span:last-child
{
    background-position:  right center;
    padding-right: 15px;
    background-image: url(../../images/arrow_up2.gif);
    background-repeat: no-repeat;
		
		display: inline-block;
		zoom: 1;
		*display: inline;
}*/
.Minus {
 color: #ff0000;
 background-position: 0px 50%;
 background-position: right;
 padding-right: 15px;
 background-image: url('../../images/arrow_down1.gif');
 background-repeat: no-repeat;
 text-align: left;
}
.Minus2 {
 color: #ff0000;
 background-position: 0px 50%;
 background-position: right;
 padding-right: 15px;
 background-image: url('../../images/arrow_down2.gif');
 background-repeat: no-repeat;
 text-align: left;
}
.Neutral {
 color:#646464;
 background-position: 0px 50%;
 background-position: right;
 padding-right: 15px;
 background-image: url('../../images/arrow_neutral.gif');
 background-repeat: no-repeat;
 text-align: left;
}
.Plus {
 color:#008800;
 background-position: 0px 50%;
 background-position: right;
 padding-right: 15px;
 background-image: url('../../images/arrow_up1.gif');
 background-repeat: no-repeat;
 text-align: left;
}
.Plus2 {
 color:#008800;
 background-position: 0px 50%;
 background-position: right;
 padding-right: 15px;
 background-image: url('../../images/arrow_up2.gif');
 background-repeat: no-repeat;
 text-align: left;
}
.Gridheader {
 border: solid 1px #509db4;
 height: 25px;
}
 .Tab {
 border: solid 1px #dfdfdf;
 height: 28px;
 line-height: 28px;
 display: block;
 float: left;
 margin-right: 2px;
}
.Tab:hover {
 border-bottom: solid 1px #cae5ed;
}
 .Tab a {
 display: inline-block;
 line-height: 27px;
 margin-top: 1px;
 background-color: #e4eef0;
 padding: 0 10px;
 color: #0b83aa;
 text-decoration: none;
 float: left;
}
 .Tab a:hover {
 display: inline-block;
 line-height: 27px;
 margin-top: 1px;
 background-color: #cee6ee;
 padding: 0 10px;
 color: #013749;
 height: 28px;
 text-decoration: none;
}
.Tab .TabActive {
 height: 28px;
 display: inline-block;
 line-height: 43px;
 margin-top: 1px;
 background-color: #cee6ee;
 float: left;
 color: #013749;
 padding: 0 10px;
}
div#mainGraphPanel {
    margin-bottom: 0px;
    padding: 0px;
    margin-top: 0px;
}
 #period {
 height: 43px;
 background-image: url(../../images/bgperiod.gif);
 border-left: 1px solid #cae5ed;
 border-right: 1px solid #cae5ed;
 border-bottom: 1px solid #8fc5d5;
 padding-top: 9px;
 padding-left: 10px;
}
/*For sharedata tab */
body.body_ShareData #divSubControl {
 margin-bottom:10px;
 padding:0px;
 margin-top:15px;
}
.DataNameTD {
 padding-left:10px;
 text-align:left;
 font-weight: 700;
 line-height:43px;
}
.DataValueTD {
 padding-right:10px;
 text-align:right;
 font-weight:normal;
 line-height:43px;
}
.DataNameTD, .DataValueTD {
	border-bottom: 1px solid #509db4;
}
tr.EvenRowTR {
}
tr.OddRowTR {
	
}
table.ShareDataTable {
 border-collapse:inherit !important;
}
#divSubControl #ctl08_gvShareData td {
 border: solid 1px #e1e9ea;
}
.LeftCol {
 padding-left: 15px;
 color:#0572a4;
 font-weight: 700;
}
.rightbold {
 text-align: left;
 padding-left: 13px;
}

/*For Order tab */
.Orders_TopPanel_Title tr:first-child {
 font-weight: 700;
 margin-bottom: 5px;
 padding: 5px 0;
 vertical-align:top;
 text-align: left;
}
 .Orders_TopPanel_Title {
 border-bottom: 1px dashed #CACACA;
}
 .Orders_HeaderTD_Bid, .Orders_HeaderTD_Ask {
 font-weight: 700;
}
.tdOrderLeft {
 height:28px;
 border-bottom: 1px solid #CACACA;
 text-align:left;
 padding-left:0px;
}
.tdOrderRight {
 height:28px;
 border-bottom: 1px solid #CACACA;
 text-align:right;
 padding-right:0px;
}
.tdOrderMiddle {
 height:28px;
 border-bottom: 1px solid #CACACA;
 text-align:center;
 white-space:nowrap;
}
.orderLeft {
 text-align:right;
 background:#509db4;
 height:19px;
}
.orderRight {
 text-align:right;
 background:#509db4;
 height:19px;
}

/*Performance */
#ctl08_grdTabPricePerformace td {
 border:solid 1px #CACACA;
 padding-top:6px;
 padding-bottom:6px;
}
#ctl08_gvGridPerformanceByYear td {
 border:solid 1px #CACACA;
 padding-top:6px;
 padding-bottom:6px;
}
#ctl08_grdTabPricePerformace th {
 border:none;
 padding-top:6px;
 padding-bottom:6px;
}
#ctl08_gvGridPerformanceByYear th {
 border:none;
 padding-top:6px;
 padding-bottom:6px;
}
#ctl08_gvKeyFigure td {
 border:solid 1px #CACACA;
 padding-top:6px;
 padding-bottom:6px;
 padding-left:3px;
 padding-right:3px;
}
#ctl08_gvKeyFigure th {
 border:none;
 padding-top:6px;
 padding-bottom:6px;
}
#ctl08_pnlKeyFigure {
 text-align:left;
}
/*Keyfigure*/
#ctl08_gvTrailingFigures th {
 border:none;
 padding-top:6px;
 padding-bottom:6px;
}
#ctl08_gvTrailingFigures td {
 border:solid 1px #CACACA;
 padding-top:6px;
 padding-bottom:6px;
 padding-left:3px;
 padding-right:3px;
}
#ctl08_panelKeyInformation td {
 padding-top:3px;
 padding-bottom:3px;
 padding-left:3px;
 padding-right:3px;
 background-color:#509db4;
}
/* End css for trade */
/* Broker Table */
.RowBroker{
	display:none;
}
TR.Trades_RowHeader {
}
.TickerRow {
		
}
body.body_Trades table.TradesTable .Trades_Row {
	height: 43px;
	border-bottom: 1px solid #509db4;
}
TR.EvenRow {
}
TR.OddRow {
	
}
tr.Broker_OddRow{
	
}
table.TradesTable {
 border-collapse:collapse;
}
table.BrokerContentTable td.BrokerTypeRow {
 font-weight: 700;
 text-align: left;
}
.Broker_ColumnOrder {
 border-left: 1px solid #509db4;
}
 .Broker_ColumnVolume {
border-right: 1px solid #509db4;
}
.Broker_ColumnOrder, .Broker_ColumnBroker, .Broker_ColumnPercent, .Broker_ColumnVolume {
 font-weight: 700;
 height:25px;
 border-top: 1px solid #509db4;
 border-bottom: 1px solid #509db4;
}
table.TradesTable tr.Trades_RowHeader td.Trades_TimeHeading {
}
.Broker_ColumnBroker {
text-align:left;
}
.Broker_ColumnVolume {
text-align:right;
padding-right:5px;
}
.Broker_ColumnPercent {
text-align:center;
}
.Broker_ColumnOrderValue, .Broker_ColumnBrokerValue, .Broker_ColumnBrokerValue {
 font-weight: normal;
 border:none;
 border-bottom:: 1px solid #cacaca;
 background: none repeat scroll 0 0 transparent;
}
table.TradesTable tr.Trades_Row td.Trades_TradeTime {
 padding-left:10px;
 text-align:left;
}
.Trades_TimeHeading, table.TradesTable tr.Trades_RowHeader td.Trades_VolumeHeading {
 padding-right:10px;
 text-align:right;
 border-radius: 0px 10px 10px 0px;
}
td.Trades_VolumeHeading {
}
.Trades_TimeHeading, .Trades_LastHeading, .Trades_VolumeHeading {
 background: #509db4;
 font-weight: 700;
 color: #ffffff;
}
table.TradesTable tr.Trades_Row td.Trades_Size {
 text-align:right;
 padding-right:10px;
}
span.LastestShareTrades {
font-weight: 700;
padding-left:0px;
}
 td.excellink {
 padding-left: 10px;
 padding-bottom:10px;
 padding-top:15px;
 text-align: left;
}
td.excellink a {
}
td.excellink a:hover {
}
/*table.TradesTable tr.Trades_RowHeader td{
	border-bottom:1px solid #509db4;
}*/
table.TradesTable td {
 height: 43px;
 text-align: left;
}
 table.ControllRow {
 border-spacing:0;
}
.ControllRow_1, .ControllRow_2{
	margin-top: 15px;
	}
table.ControllRow td.ControllTD {
 vertical-align:top;
 padding-top:10px;
 margin: 1em 0.5em 0 0.5em;

}
td.ControllTD_1_2 {
}
table.ControllRow td.ControllTD_0_4 {
padding-right:0px;
}
/* td.ControllTD_0_0 {
}
td.ControllTD_0_1 {
}
td.ControllTD_0_2 {
} */
/* .ControllTD.ControllTD_0_1 > div, .ControllTD.ControllTD_1_1 > div {
    left: 4px;
    position: relative;
}
.ControllTD.ControllTD_0_2 > div, .ControllTD.ControllTD_1_2 > div {
    left: 8px;
    position: relative;
} */
div#diagramTypePanel {
}
 table#tableDiagram tr {
 padding-left:5px;
 height: 14px !important;
}
table#tableDiagram tr td {
 margin-top:20px;/**/
 height: 14px !important;
 +height: 18px !important;
}
table#tableDiagram tr td input {
 margin-right:5px;
height: 17px !important
}
div#indicatorPanel {
/*margin-bottom:10px;
line-height: 18px;
border: green 1px dashed;*/
}
#lbEarning, #lbPressRelease, #lblDividends, #lblPeriodHL {
 padding-left:6px;
}
div.divtable {
padding-left:0px;
background-position:top;
padding-top:17px;
+padding-top:12px;
}
#lblHideShow, #lblDailyChange, #lblRSI, #lblMACD {
 padding-left:6px;
 +padding-left:0px;
 display:inline;
 word-spacing:-1px;
}
#lblMACD {
+word-spacing:-3px;
}
div#movingAveragePanel div.divtable {
}
#lbl10day, #lbl20day, #lbl50day {
 padding-left:6px;
}
div#otherOptionPanel div.divtable {
}
#lblpercentView, #lblTotalReturn {
 padding-left:6px;
}
#lblLine, #lblBar, #lnlCandestick, #lblMountain {
	padding-left: 3px;
/*margin-left:1px;*/
}
div#movingAveragePanel {
white-space:nowrap;
}
div#lowerGraphPanel {
}
table td.compare_part {
 padding-left:3px;
}
div#divMACustom input {
 width: 50px !important;
}

/*** Dung modified on 04-11-2011 ***/


table.ControllRow {
 border-spacing:0px;
 border-collapse:collapse;
 display: block;
}
a.tab_selected {
 color:#014c9f;
}
.title {
 vertical-align:middle;
 line-height:20px;
}
table#tableDiagram {
 margin-left:0px;
 margin-top:14px;
}
#peerPanel_1_6,#peerPanel_8_10, #indicesPanel_1_6, #ownSharePanel {
 margin-left: 0px;
 padding-top: 15px;
}
#indicesComparisonPanel, #lowerGraphPanel{

	}
#otherOptionPanel, #movingAveragePanel{

	}

 .custom_label table {
 border-collapse:collapse;
 border-spacing:0;
}
 .custom_label table tr {
 height: 17px;
}
 .custom_label table tr td {
 height: 17px;
 vertical-align:bottom;
}
 .custom_label table tr td input {
 height: 20px;
 vertical-align:top;
}
 .custom_label table tr td div {
 height: 17px;
}
.custom_label td {
 height: 17px;
 line-height:15px;
}
.compare_part div {
 *margin-top:0px;
}
 #txtInsertPeriod, div#divMACustom input {
 border:none;
 background: #fcfcfc none repeat scroll 0 0;
 border: 1px solid #509db4;
 font-family: Microsoft Yahei, Arial, sans-serif!important;
 border-radius: 0px;
 font-size: 16px;
 color: #646464;
 padding: 6px 5px;
}
body.body_zh-tw #txtInsertPeriod ,body.body_zh-tw div#divMACustom input{
	font-family: Microsoft Yahei, Arial, sans-serif!important;
}
body.body_zh-cn #txtInsertPeriod ,body.body_zh-cn div#divMACustom input{
	font-family: Microsoft Yahei, Arial, sans-serif!important;
}
div#indicesComparisonPanel, div#lowerGraphPanel
{
    position:relative;
}

div#otherOptionPanel, div#movingAveragePanel
{
    position:relative;

}
div#indicatorPanel, div#lblDiagramType
{
    position:relative;
}
table.ControllRow td.ControllTD div.title {
 height:29px;
 font-weight: 700;
 color: #646464;
 font-family: Microsoft Yahei, Arial, sans-serif!important;
 line-height:29px;
 padding-left:0px;
 padding-top: 0px;
 text-transform: none;
 border-bottom: 1px solid #509db4;
/*border: blue dashed 1px;*/
}
body.body_zh-tw table.ControllRow td.ControllTD div.title{
	font-family: Microsoft Yahei, Arial, sans-serif!important;
}
body.body_zh-cn table.ControllRow td.ControllTD div.title{
	font-family: Microsoft Yahei, Arial, sans-serif!important;
}
.title > span {
    padding-bottom: 8px;
}
#btnPeriodRange {
 color: #646464;
 text-decoration: none;
 font-weight: normal;
 background:none;
}
#btnPeriodRange:hover {
 color: #646464;
 text-decoration: normal;
 background:none;
 font-weight: normal;
}
#divCalendar {
 background-color: #509db4;
}
.DynarchCalendar-day-today.DynarchCalendar-day-selected {
 background-color: #509db4;
 color: #509db4;
}
.DynarchCalendar-day-today {
 color: #509db4;
 font-weight: 700;
}
.DynarchCalendar-day-selected {
 background-color: #509db4;
 border: 1px solid #509db4;
 color: white !important;
 margin: 0 !important;
 padding: 2px 3px;
}
 table td.compare_part div {
}
td.LastPriceChange {
 padding-bottom: 2px;
 padding-right: 35px;
 vertical-align: bottom;
}
 table.TradeBrokerTable {
}
 table.TradeBrokerTable, .TradeBrokerTable table, table.TradesTable, #BrokerDiv table {
 border-collapse:collapse;
 border-spacing:0px;
}
tr.RowTrades td div {
 padding:15px 10px;
 text-align: left;
}
.BrokerTable {
 font-weight: 700;
 color: #646464;
 padding:5px 0px 5px 0px;
 text-align: left;
}
.Buyers, .Sellers {
vertical-align:top;
}
.Sellers {
padding-left:15px;
}
td.Broker_Chart {
 padding-left:50px;
}
td.compare_part a {
 padding-right:35px;
 padding-bottom:5px;
}
.TickerValueTD_PreviousClose, .TickerValueTD_High, .TickerValueTD_Volume, .TickerValueTD_Low {
 text-align:right;
}
.PerformanceTab_Div_Data {
 padding-left: 0px;
}
 .PerformanceTab_TD_Select_Type_Label {
 font-weight: 700;
 text-align:left;
     font-size: 16px;
}

.PerformanceTab_DDL_Performance_Function {
	background: #fcfcfc none repeat scroll 0 0;
    border: 1px solid #509db4;
    border-radius: 0px;
	padding: 6px 5px;
    height: 43px;
	color: #646464;
}

#ddlFunctionPerformance > option:nth-child(3) {
    display: none;
}
#ddlFunctionPerformance > option {
    color: #646464;
        line-height: 40px;
        height: 40px;
}

.PerformanceTab_TD_Select_Currency_Label, .PerformanceTab_TD_Select_Currency_Value{
    display: none;
}
 .PerformanceTab_Table_Performance_By_Year td, .PerformanceTab_Table_Price_Performance td {
height:43px;
}
.PerformanceTab_Performance_Row td, .PerformanceTab_Performance_By_Year_Row td{
    font-size: 90%;
	border-bottom: 1px solid #509db4;
}
 .PerformanceTab_Performance_Row_OddRow, .PerformanceTab_Performance_By_Year_Row_OddRow {

}
.PerformanceTab_Performance_Row, .PerformanceTab_Performance_By_Year_Row{
	background: transparent;
	}
.PerformanceTab_Performance_Header_Row {
 padding-right: 2px;
 word-spacing: 0px;
}
.PerformanceTab_Performance_Header_Row th, .PerformanceTab_Performance_By_Year_Header_Row th {
 background: #509db4;
 font-weight: 700;
 color: #ffffff;
 height:43px;
 font-size: 90%;
 font-weight: 700 !important;
}
.PerformanceTab_Performance_Instrument_Heading, .PerformanceTab_Performance_By_Year_Instrument_Heading {
 padding-left: 10px;
 text-align:left;
 border-radius: 10px 0 0 10px;
}
 .PerformanceTab_Performance_By_Year_Instrument_Heading {
 padding-left:6px;
 text-align:left;
}
.PerformanceTab_Performance_Instrument_Value div {
    padding-left: 10px;
	padding-right: 0;
}
.PerformanceTab_Performance_52_Week_High_Low_Heading, .PerformanceTab_Performance_By_Year_Prev4_Heading {
	border-radius: 0px 10px 10px 0px;
}
 td.PerformanceTab_Performance_52_Week_High_Low_Value, td.PerformanceTab_Performance_All_Time_High_Low_Value {
 height: 42px;
 line-height: 16px;
 border: collapse;
 padding-right: 10px;
}
.PerformanceTab_Performance_All_Time_High_Low_Value_NA {
text-align:center;
}
/*  div */
/* .PerformanceTab_Performance_52_Week_High_Value, .PerformanceTab_Performance_52_Week_Low_Value {
_white-space:nowrap;
+white-space:nowrap;
}
.PerformanceTab_Performance_All_Time_High_Value. .PerformanceTab_Performance_All_Time_Low_Value {
_white-space:nowrap;
+white-space:nowrap;
} */
/* Foreign Ownership */
#ForeignOwnershipDiv {
    padding: 0px;
}
table.ForeignOwnershipTable {
    border-collapse: collapse;
    border-spacing: 0;
}
.ForeignOwnership_RowHeader {
    background: #509db4 none repeat scroll 0 0;
    color: #ffffff;
    font-weight: 700;
    height: 43px;
    vertical-align: middle;
}
.ForeignOwnership_RowHeader td, .ForeignOwnership_Row td {
    text-align: center;
}
.ForeignOwnership_RowHeader td.ForeignOwnership_DateHeading, .ForeignOwnership_Row td.ForeignOwnership_DateRow {
    padding-left: 10px;
    text-align: left;
}
.ForeignOwnership_RowHeader td.ForeignOwnership_ForeignOwnershipHeading, .ForeignOwnership_Row td.ForeignOwnership_ForeignOwnershipRow {
    padding-right: 10px;
    text-align: right;
}
.ForeignOwnership_Row {
    height: 43px;
}
@media (min-width: 1201px){	
	.additionFunction table {
		width: 45%;
	}
}
@media (max-width: 1200px){	
	.additionFunction table {
		width: 45%;
	}
}
@media (max-width: 1000px){	
	.additionFunction table {
		width: 45%;
	}
}
@media (max-width: 850px){	
	.additionFunction table {
		width: 45%;
	}
	/* #lowerpart {
		padding-left: 0%;
		font-size: 90% !important;
		margin-top: 0!important;
	} */
}
@media (max-width: 768px)
/*@media all and (device-width : 768px) and (device-height : 1024px) and (orientation : landscape) */
{	
	td.TickerValueTD_Bid, td.TickerValueTD_Ask, td.TickerNameTD_Bid, td.TickerNameTD_Ask
	{
		display: none;
	}
	.periodSelection table{
		border-collapse:collapse;
		border-spacing:0;
	}
	#divVolumeLowerGraph #lblHideShow {
    	font-size: 90%;
	}
	.custom_label table tr td div {
    	width: 120px !important;
	}
	.PerformanceTab_Performance_6_Month_Change_Heading, .PerformanceTab_Performance_6_Month_Change_Value, .PerformanceTab_Performance_1_Month_Change_Heading, .PerformanceTab_Performance_1_Month_Change_Value {
		display: none;
	}
}
@media (max-width: 690px) {
	#tabPanel {
	 height: 82px;
	  padding-left: 0%;
	}
	.navigation ul li {
		width: calc(50% - 0.66%) !important;
		margin-top: 3px;
	}
	.navigation ul li a
	{
		width: 100%;
		padding: 0px;
	}
	#liShareData{
		margin-right: 0px;
	}
	ul#_ulTab li a.tab_selected {

	}
}
@media (max-width: 690px) {
	.comparelegend_name {
		display: block !important;
		padding-bottom: 3px;
	}
}
@media (max-width: 690px)
/*@media all and (device-width : 768px) and (device-height : 1024px) and (orientation : portrait) */
{	
	td.TickerValueTD_Bid, td.TickerValueTD_Ask, td.TickerNameTD_Bid, td.TickerNameTD_Ask, td.TickerNameTD_High, td.TickerNameTD_Low, td.TickerValueTD_High, td.TickerValueTD_Low
	{
		display: none;
	}
	.htmlgraph {
		margin-top: 5px;
	}
	#_ulPeriod  li {
		margin: 6px 0;
	}
	.periodSelection table{
		border-collapse:collapse;
		border-spacing:0;
	}
	.comparelegend_name {
		display: block !important;
		padding-bottom: 3px;
	}
	/* #lowerpart {
		padding: 0;
	} */
	.PerformanceTab_Div_Data {
    padding-left: 5px;
	}
	.custom_label table tr td div {
	 width: auto !important;
	}
	.PerformanceTab_Performance_1_Month_Change_Heading, .PerformanceTab_Performance_1_Month_Change_Value{
		display: none;
		}
	.PerformanceTab_DDL_Performance_Function {
   		width: 200px;
	}
	/* .ControllTD.ControllTD_0_0 > div, .ControllTD.ControllTD_1_0 > div {
	position: relative;
	left: 0;
	}
	.ControllTD.ControllTD_0_1 > div, .ControllTD.ControllTD_1_1 > div {
		position: relative;
		left: 0;
	}
	.ControllTD.ControllTD_0_2 > div, .ControllTD.ControllTD_1_2 > div {
		position: relative;
		left: 0;
	} */
}
@media (max-width: 612px){
	body
	{
		font-size: 12px !important;
	}
	.comparelegend_value div div div, #legenddate {
		font-size: 	12px !important;
		 
	}
	.PerformanceTab_DDL_Performance_Function{
		font-size: 	12px !important;
		 
	}
	/* #comparelegend, .highcharts-axis-labels text tspan, .highcharts-axis text tspan, .highcharts-container text {
		font-size: 	12px !important;
	} */
	.additionFunctionbox {
		height: auto;
	}
	.additionFunction table td {
		display: block;
		text-align: center !important;
		width: 100%;
		margin-bottom: 5px;
	}
	a.button {
		/* padding-top: 8px;
		padding-bottom: 9px; */
	}
	/* #lowerpart {
		padding-left: 0%;
		font-size: 90%;
		margin-top: 0!important;
	} */
	/* table.ControllRow td.ControllTD {
		width: 50%;
	} */
	.PerformanceTab_Performance_6_Month_Change_Heading, .PerformanceTab_Performance_6_Month_Change_Value{
		display: none;
	}
	/* td.ControllTD_0_1, td.ControllTD_1_1, td.ControllTD_2_2 ,td.ControllTD_3_2{
		display: none;
	} */
	.custom_label table tr td div {
	 width: 120px !important;
	}
	div#movingAveragePanel {
		white-space: none;
	}
	td.TickerNameTD_Volume, td.TickerValueTD_Volume {
		width: 50px;
	}
	
	.PerformanceTab_DDL_Performance_Function {
		width: 180px;
	}

	.ControllTD {
		max-width: 50% !important;
	}
}

@media(max-width:563px){
	.additionFunction table td {
		display: block;
		text-align: center !important;
		width: 100%;
	}
	/* #lowerpart {
		margin-top: 80px;
	} */
	.ControllTD {
		width: 20% !important;
		display: inline-block;
	}
}

table td.compare_part div {
    overflow: hidden;
    display: block;
    padding: 0;
    margin-left: 10;
    white-space: normal;
    width: auto;
}


.body_zh-tw table td.compare_part div {
    width: 160px!important;
}
.body_zh-cn table td.compare_part div {
    width: 160px!important;
}

.body_zh-tw table .body_zh-tw td.compare_part div {
	width: 160px!important;
}
div#footer {
    font-size: 14px !important;
}

.ControllTD {
    width: 30% !important;
    display: inline-block;
}
@media (max-width: 570x){	
	.ControllTD {
		width: 40px !important;
		display: inline-block;
	}
}


@media (max-width: 833px){
	.ControllTD{
		width: 45% !important;
	}
}

/* table.ControllRow td.ControllTD {
   height: 160px;
} */