﻿/* Table Style */
.idxTb {}
.scroll{overflow:scroll; overflow-y:hidden; XXwidth:988px;border-left:1px solid #dfd5cc;border-right:1px solid #dfd5cc;}
.scroll2{overflow:scroll; overflow-x:hidden; height:310px;border-left:1px solid #dfd5cc;border-right:1px solid #dfd5cc;border-bottom:1px solid #dfd5cc;}

.idxTb .scroll table {border-right:0;border-left:0;}
.idxTb th,.idxTb td,.setTb th,.setTb td {padding:0 5px;font-family:"Microsoft JhengHei";}
.idxTb th,.setTb th {text-align:center;font-size:13px;height:28px;line-height:28px;background:#f0ece8;border:1px solid #dfd5cc;border-bottom:3px solid #dfd5cc;}
.idxTb th span {display:inline-block; padding-right:16px; background:url(../images/Icons.png) right -93px no-repeat; cursor:pointer; outline:none;}
.idxTb th span.asc {background-position:right -133px;}
.idxTb th span.desc {background-position:right -173px;}
.idxTb td,.setTb td{font-size:12px;height:27px;line-height:16px;border-top:1px solid #eee;text-align:right;}
.idxTb table {border-left:1px solid #dfd5cc;border-right:1px solid #dfd5cc;}
.setTb table { background-color:#fff;}

.borBm table {border-bottom:1px solid #dfd5cc;}
.idxTb tr.sdTh th {background:#f1eed7; border-color:#e1d6a9; border-top:0;}
.idxTb tr:hover td,.setTb tr:hover td {border-top:1px solid #fbebaf;border-bottom:1px solid #f8e399; background:#fef6d4;}
.odd td {background:#f5f5f5;}
.idxTb tfoot tr td {border-top:1px solid #e1d6a9;background:#f1eed7;}
.TbHead {
	border:1px solid #ccc;
	-webkit-border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f9f9f9), to(#e9e9e9));background: -moz-linear-gradient(#f9f9f9, #e9e9e9);
	background: linear-gradient(#f9f9f9, #e9e9e9);-pie-background: linear-gradient(#f9f9f9, #e9e9e9);behavior:url(PIE.htc);	
	}
.TbHead em {display:block;font:14px "Microsoft JhengHei"; color:#84396a; padding-left:30px;height:28px;line-height:28px; background:url(../images/Icons.png) 10px -595px no-repeat;}
.bkHd {font:14px "Microsoft JhengHei"; padding:0 8px; height:28px; line-height:28px;border-bottom:1px solid #ccc;}
.Name {font:15px "Microsoft JhengHei"; color:#555; height:32px; line-height:32px;}
.Name em {font-size:12px; color:#666;}
.join {padding-left:14px; background:url(../images/Icons.png) 2px -839px no-repeat;}

.moreCn { float:right; margin:-22px 8px 0 0;font:12px "Microsoft JhengHei";}
.ChartImg {display:inline-block; width:28px; height:24px; background:url(../images/Icons.png) 0 -50px no-repeat;outline:none;} /* 走勢圖圖示 */

.entryPage {
	background:#f0ece8;border:1px solid #dfd5cc;font-size:13px;font-family:"Microsoft JhengHei";color:#666; padding:10px;
	-webkit-border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f0ece8), to(#eae4df));background: -moz-linear-gradient(#f0ece8, #eae4df);
	background: linear-gradient(#f0ece8, #eae4df);-pie-background: linear-gradient(#f0ece8, #eae4df);behavior:url(PIE.htc);	
	}
.entryPage select {font-size:12px;font-family:"Microsoft JhengHei";}
.PageCount  { padding:0 10px;}
.fontSize  { padding:0 10px; margin: -22px 0px 0px 800px; float:right;}

.Pages {text-align:center; margin:-22px auto 0 auto; width:500px;}
.Pages a {display:inline-block;padding:0 8px; color:#930;/*color:#65427d;*/ height:22px; line-height:22px;}

/* twOption Table */
.TbLt,.TbRt {float:left;width:450px;}
.TbCr {float:left;width:90px;}
.TbLt th {background:#f7e6d6;border:1px solid #efcaab;border-bottom:3px solid #efcaab;}
.TbRt th {background:#e9edd4;border:1px solid #cbd396;border-bottom:3px solid #cbd396;}
.TbCr th {background:#efefef; border:0;border-top:1px solid #ccc;border-bottom:3px solid #ccc;}
.TbCr table { border:0;}
.TbLt th.nobrBm,.TbRt th.nobrBm,.TbCr th.nobrBm{ border-bottom-width:1px;}

a.arowLt,a.arowRt{display:block;width:8px; height:10px;}
a.arowLt {background:url(../images/Arrow.png) 2px -100px no-repeat;}
a.arowRt {background:url(../images/Arrow.png) right -150px no-repeat;}
a.arowLt.on { background-position: 2px -200px;}
a.arowRt.on { background-position: right -250px;}

.stopProfit {color:#f00;background:url(../images/Icons.png) 0 -495px no-repeat;}
.stopLoss {color:#090;background:url(../images/Icons.png) 0 -545px no-repeat;}
.stopProfit,.stopLoss{display:inline-block;padding:0 0 0 16px;}

.boxBr {
	display:inline-block;width:282px;border:1px solid #ccc; padding:12px;
	-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
	-moz-box-shadow: #ccc 0px 0px 5px;box-shadow: #ccc 0px 0px 5px;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f9f9f9), to(#e9e9e9));background: -moz-linear-gradient(#f9f9f9, #e9e9e9);
	background: linear-gradient(#f9f9f9, #e9e9e9);-pie-background: linear-gradient(#f9f9f9, #e9e9e9);behavior:url(PIE.htc); position:relative; z-index:2;
	}
.boxBrChart {
	display:inline-block;width:460px;border:1px solid #ccc; padding:12px;
	-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
	-moz-box-shadow: #ccc 0px 0px 5px;box-shadow: #ccc 0px 0px 5px;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f9f9f9), to(#e9e9e9));background: -moz-linear-gradient(#f9f9f9, #e9e9e9);
	background: linear-gradient(#f9f9f9, #e9e9e9);-pie-background: linear-gradient(#f9f9f9, #e9e9e9);behavior:url(PIE.htc); position:relative; z-index:2;
	}	
.Charts {text-align:center; padding:8px 0; border:1px solid #ddd; background:#fff;}
.links {text-align:center; padding:6px 0;}
.links a {
	display:inline-block;font-size:13px;font-family:"Microsoft JhengHei"; height:23px; width:100px; line-height:23px; padding:0 6px; margin:0 1px;color:#777;
	border:1px solid #bbb;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;
	-moz-box-shadow: #ccc 0px 0px 5px;box-shadow: #ccc 0px 0px 5px;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f9f9f9), to(#e9e9e9));background: -moz-linear-gradient(#f9f9f9, #e9e9e9);
	background: linear-gradient(#f9f9f9, #e9e9e9);-pie-background: linear-gradient(#f9f9f9, #e9e9e9);behavior:url(PIE.htc); position:relative;}


.newsList {padding:8px 10px 0 8px; zoom:1; overflow:hidden; background:#f8f8f8; border:1px solid #ccc;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;behavior:url(PIE.htc); }
.newsList li {font-size:13px;font-family:"Microsoft JhengHei"; line-height:18px;border-bottom:1px dotted #ccc; padding:3px 0 3px 15px; background:url(../images/Icons.png) 0 -641px no-repeat;}
.newsList li cite {font-size:11px; color:#666; margin-left:5px;}

.close {float:right;border:2px solid #bbb; margin:-18px -18px 0 0; background:#fff;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;behavior:url(PIE.htc);position:relative;}
.close a {display:block;text-indent:-999em;width:20px; height:20px;background:url(../images/Icons.png) 5px -745px no-repeat; }

#mySymbolBox .boxBr{ width:400px; }
ul.myList {height:140px; overflow:scroll; overflow-x:hidden; background:#fefefe; border:1px solid #ddd; padding:5px 8px;}
ul.myList li {font-size:12px;font-family:"Microsoft JhengHei"; height:28px; line-height:28px; padding:0 5px; border-bottom:1px solid #eee; overflow:hidden; white-space: normal;}
ul.myList li:hover {border-bottom:1px solid #f8e399; background:#fef6d4;}
.del { float:left;cursor:pointer; width:12px; height:20px; margin-right:5px; overflow:hidden;background:url(../images/Icons.png) 0 -792px no-repeat; }
.del2 { display:inline-block;cursor:pointer; width:12px; height:12px; margin-right:5px; overflow:hidden;background:url(../images/Icons.png) 0 -800px no-repeat;}

.Btns {
	display:inline-block;font-size:13px; font-family:"Microsoft JhengHei";height:25px; line-height:25px;padding:0 15px;color:#333; text-decoration:none;
	-moz-box-shadow: #aaa 0px 0px 3px;box-shadow: #aaa 0px 0px 3px;border:1px solid #aaa;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f9f9f9), to(#dddddd));background: -moz-linear-gradient(#f9f9f9, #dddddd);
	background: linear-gradient(#f9f9f9, #dddddd);-pie-background: linear-gradient(#f9f9f9, #dddddd);behavior:url(PIE.htc);}

.SetHd {
	font-size:14px; font-family:"Microsoft JhengHei";height:28px; line-height:28px; background:#f5f5f5; border:1px solid #ccc; text-align:center;
	-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;behavior:url(PIE.htc);}

.SetList {border:1px solid #ccc; border-top:0;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px; background:#fff;behavior:url(PIE.htc);_behavior:;margin-bottom:12px;}
.SetList li {font-size:13px; font-family:"Microsoft JhengHei";height:26px; line-height:26px; text-align:left; padding:0 8px; border-bottom:1px solid #eee;}
.SetList li.on a { font-weight:bold; color:#c00;}

.seltBx {padding-top:8px;}
.seltBd {margin:0 auto;}
.seltBx {float:left;width:200px;padding:0 0 0 3px;zoom:1;overflow:hidden;}
.seltBx #divPortfolio {text-align:left;margin:-30px auto 0;}


.seltBdLt {float:left;width:175px; margin-right:10px;}
.seltBdLt2 {float:left;}

.seltBx2 {float:left;width:400px;padding:0 0 0 3px;zoom:1;overflow:hidden;}
.seltBx h4,.seltBx2 h4 {font-size:13px; font-family:"Microsoft JhengHei"; height:28px; line-height:28px; padding:0 8px; border:1px solid #ccc; border-bottom:0; background:#eee;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;behavior:url(PIE.htc);}
.seltBx select,.seltBx2 select {font-size:13px; font-family:"Microsoft JhengHei";border:1px solid #ccc; color:#000; padding:5px; outline:none;width:100%;}

.seltBx3 {margin:10px 0 5px 3px;;}
.seltBx3 select {font-size:13px; font-family:"Microsoft JhengHei";width:154px;border:1px solid #ccc; color:#000; padding:5px; outline:none;}
.seltBtns {float:left;width:100px; text-align:center;}


input.sBtn {
	display:inline-block;font-size:12px; font-family:"Microsoft JhengHei"; height:28px; line-height:28px; text-align:center; padding:0; width:70px;color:#000;	margin:0 2px; text-decoration:none; cursor:pointer;
	-moz-box-shadow: #cccccc 0px 0px 5px;box-shadow: #cccccc 0px 0px 5px;border:1px solid #aaaaaa; margin-bottom:12px;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#cccccc));background: -moz-linear-gradient(#ffffff, #cccccc);
	background: linear-gradient(#ffffff, #cccccc);-pie-background: linear-gradient(#ffffff, #cccccc);}

.textBar,.textBar2 {display:inline-block; border:1px solid #ccc; padding:2px 10px 0 10px; margin:0 0 10px 3px; background-color:#fff;}
.textBar2 { margin-top:6px;}
.textBar .srchTxt {width:245px;}
.textBar2 .srchTxt {width:180px;}
.textBx input.sBtn {width:60px;}

.noticRt {font-size:12px; font-family:"Microsoft JhengHei"; line-height:32px; padding-top:3px; text-align:right;}

/* style <select> */
#ddlMarket {
    background: transparent;
    width: 268px;
    padding: 5px;
    font-family:MingLiU;
    font-weight: normal;
    font-size: 16px;
    line-height: 1;
    border: 1px solid #808080;
    border-radius: 5px;
    height: 30px;
    -webkit-appearance: none;
}


/* auto complete */
.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.ac_loading {
	background : Window url('./indicator.gif') right center no-repeat;
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}
/* ^auto complete */


/* gtr refresh */
.highlight { background-color:#FF8	!important; }
.change_up { border-bottom:1px solid #F00 !important;}
.change_down {	border-bottom:1px solid #090 !important; }
.debug { border:2px solid #FF0000 !important;	background:#fBB; }
/* ^gtr refresh */

/* ChartBox */
.rlbar {
    background-color: #DF3F3F;
    border: 1px solid #C82222;
    display: block;
    height: 10px;
}

#divTradeContainer table {
    border-collapse: collapse;
    color: #00529b;
    font: 12px Arial,Helvetica,sans-serif;
    background-color:rgb(248,248,248);
    width: 100%;
}

#divTradeContainer table th {
	text-align:center;	
}


#divTradeContainer table,#divTradeContainer th,#divTradeContainer td {
    border: 1px solid #CCC;
}
/* ^ChartBox */

/* toolbar */
.toolbar  
{    	
    background-image:url("images/wbg.gif");     	
    font-family: Arial,Helvetica,sans-serif;font-size:11px;
    height:22px;
}
.toolbar .pGroup 
{
    float:left;     	
    background: none repeat scroll 0 0 transparent;        
}    
.toolbar div.pDiv div.pButton {
    border: 0 none;
    cursor: pointer;
    float: left;
    height: 22px;
    width: 22px;        
    overflow: hidden;        
}    
.toolbar div.pDiv div.pButton span {
    display: block;
    float: left;
    height: 20px;
    width: 20px;
    cursor:pointer;
}    
.toolbar .pFirst {
    background:url("images/first.gif") no-repeat scroll center center transparent;         
}    
.toolbar .pPrev {
    background:url("images/prev.gif") no-repeat scroll center center transparent;
}    
.toolbar .pNext {
    background:url("images/next.gif") no-repeat scroll center center transparent;
}    
.toolbar .pLast {
    background:url("images/last.gif") no-repeat scroll center center transparent;
}    
.toolbar .pReload {
    background:url("images/load.png") no-repeat scroll center center transparent;
}    
.toolbar .pMsg {
    	display:inline-block;
    	margin-top:5px;
}
/* ^toolbar */

/* 台股看盤室連結 */
A#linkTwTradeRoom {color:#FFF; text-decoration:none;}
A#linkTwTradeRoom:hover {text-decoration:underline; color:#FFF;}

