@charset "UTF-8";

/* ### UNIVERSAL ### */
body {
	padding:0;
	margin:0;
	font-family:Tahoma;
	font-size:12px;
	color:#333;
	line-height:18px;
}
a {text-decoration: none; color:#069;}
a img, a img:hover {border:none}
a:hover {color: #ef3123; text-decoration:none;}
ul, ol, li {margin:0; padding:0; list-style:none;}
select  { font-size:12px;}

.hidden {display:none; height:0; width:0; padding:0; margin:0;}
.more a{color:#666; text-decoration:none;}
.more a:hover{color:#ef3123; text-decoration:none;}

.clr {clear:both;}

.actbtn a{color:#434343; text-decoration:none;}
.actbtn a:hover {color:#000; text-decoration:underline;}
.actbtn {
	background:url(../img/frontend/btn_action_r.gif) right top no-repeat;
	color:#434343;
	line-height:19px;
	height:19px;
	padding:0 5px 0 0;
	font-weight:normal;
	display:block;
	float:left;
}
.actbtn em{
	width:8px;
	height:17px;
	float:left;
	background: url(../img/frontend/btn_action_l.gif) left top no-repeat;
}

*html .actbtn em {#margin-right:-3px;}



/* ### CONTAINER ### */
#container {
	margin:0 auto;
	padding:0;
	width:950px;
}

/* ### HEADER ### */
#header { height:48px }
#header .hd_top {height:45px; background:url(../img/frontend/headerBg.jpg) left top repeat-x;}
#header .logo {width: 160px; height:45px; float:left;}
#header .slogan {width: 340px; height:45px; float:left;}
#header .links {
	width: auto;
	height:20px;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin-top: 14px;
	margin-right: 10px;
	margin-bottom: 0;
}
#header .links a {color: #FFFFFF; text-decoration:none}
#header .links a:hover {color: #FFFFFF; text-decoration:underline}

/*
#header .hd_lower {
	float:left;
	width: 950px;
	height:29px;
	background-color: #f8f8f8;
	padding-top: 8px;
}

#header {
	height:48px
}
#header .hd_top {height:45px; background:url(../img/frontend/hd_bg.jpg) left top repeat-x;}
#header .logo {width: 160px; height:45px; float:left;}
#header .slogan {width: 340px; height:45px; float:left;}
#header .links {
	width: auto;
	height:20px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	margin: 14px 0 0 100px;
}
#header .links a {color: #FFFFFF; text-decoration:none}
#header .links a:hover {color: #FFFFFF; text-decoration:underline}
*/

/* ############################## TOP HELLO!! ############################## */
#top_hello {width:930px; height:25px; padding:5px 10px 0 10px; background: url(../img/frontend/topBG.gif) bottom repeat-x; /*background:url(../img/frontend/top_bg.gif) left top repeat-x;*/ float:left;}
.top_sm {color:#000; float:right;}
.top_member {color:#666666; float:left;}
.top_member a { text-decoration: none; color: #666666;}
.top_member a:hover { text-decoration: underline; color: #666666;}

.top_search { float:left;padding-left:20px;}
.top_search input {font-size:12px; color:#000; border: 1px solid #7f9db9; margin-right:5px; float:left;}


/* ############################## stock search ############################## */
#st_search {width:500px; height:27px; padding:5px 10px 0 10px; background:url(../img/frontend/b_search_bg.gif) left top repeat-x; float:left;}/*4/7fix*/
#promo {width:425px; height:32px; padding-right:5px; text-align:right; background:url(../img/frontend/b_search_bg.gif) left top repeat-x; float:left;}/*4/7fix*/
/*4/7add_begin*/
#promo span { margin-right:10px; text-align:left; float:left; margin-top:10px;}
#promo span b { color:#069; font-weight:bold; text-decoration:none;}
/*4/7add_end*/


/* ######### Main Navigation ######### */
#nav_1 {width:940px; height:30px; padding:0 5px; background:url(../img/frontend/nav_bg.gif) left top repeat-x; float:left;}
#bread {/*width:315px; height:30px; background:url(../img/frontend/nav_bg.gif) left top repeat-x;*/ text-align:right; font-size:11px; color:#666; clear:both; padding:0 10px 0 10px; background:#f8f8f8;}
#bread a {text-decoration: none; color: #666666; margin:0 3px;}
#bread a:hover {text-decoration: underline; color: #666666;}

#nav_2 {width:930px; height:25px; line-height:25px; padding-left:20px; background-color:#069; color:#FFF; float:left;}
#nav_2 .select {padding-left:11px; font-weight:bold; background:url(../img/frontend/navi2_arr.gif) left center no-repeat;}
#nav_2 ul li { display:inline;}
#nav_2 li {margin-right:10px;}
#nav_2 li a { color:#fff;}
#nav_2 li a:hover { color:#ef3123;}



/* ############################## CONTENT ############################## */
#main_body { width:950px; padding-top:15px; background-color:#eef5fe; float:left;}
#main_body #con_l {width:630px; padding:0 10px 0 5px; float:left;}
#main_body #con_r {width:300px; padding-right:5px; float:left;}

.top_col { width:630px; height:250px; margin-bottom:10px;}
.main_ad { height:250px; width:215px; float:left;}
.stock_zone { border: 1px solid #888; background-color:#FFF; height:248px; width:413px; float:left;}
.box_title { height:29px; padding:0 5px; background:url(../img/frontend/box_tit_bg.gif) left top repeat-x;}
/*.box_title span { font-size:15px; color:#069; font-weight:bold; line-height:29px;}ag fix 0317*/
.box_title img { float:left;}
.box_title .more { width:34px; height:10px; display:block; margin-top:12px; float:right;}
.box_title .more a { width:34px; height:10px; display:block; background:url(../img/frontend/more.gif) left top no-repeat; overflow:hidden;}
.box_title .more a:hover { width:34px; height:10px; display:block; background:url(../img/frontend/more.gif) left top no-repeat; background-position:0 -10px; overflow:hidden;}

/*090605*/
.box_title .go { width:85px; height:15px; display:block; float:right; margin-top:5px; font-size:11px;}
.box_title .go a {width:85px; height:15px; display:block; background:url(../img/frontend/more_arrow.gif) left top no-repeat; overflow:hidden; text-indent: 10px; font-size:11px; color: #666666;}
.box_title .go a:hover {width:85px;height:15px;display:block;background:url(../img/frontend/more_arrow.gif) no-repeat;overflow:hidden;font-size:11px;color: #666666;text-decoration: underline;}

.box_title ul { height:29px; float:left; margin-left:0;}
.box_title ul li { color:#666; font-weight:bold; padding:0 7px; display:inline; margin:0; line-height:29px; float:left;}
.box_title ul li a { color:#666; text-decoration:none; font-weight:bold;}
.box_title ul li a:hover { color:#ef3123; text-decoration:none; font-weight:bold;}
.box_title .select { font-weight:bold;padding:0 7px 0 0; color:#ef3123;background:url(../img/frontend/tab_r.gif) right top no-repeat; float:left;}
.box_title .select b{ width:7px; height:29px; background:url(../img/frontend/tab_l.gif) left top no-repeat; display:block; float:left;}

.box { color:#000; border: 1px solid #888; background-color:#FFF; margin-bottom:10px;}
.Walbox { float:left; clear:both; width:298px;}
.box td th { padding:0 5px;}
.box a { color:#069; line-height:16px;}
.box a:hover { color:#ef3123; line-height:16px;}

.box_combo { width:628px; min-height:99px; color:#000; line-height:25px; border: 1px solid #888; background-color:#FFF; margin-bottom:10px;}
.port_zone { width:298px; /*border-right: 1px solid #ebebeb;*/ background-color:#FFF; float:left; }
.port_zone .box_in img { display:block; margin:0 auto;}
.alert_zone { /*width:313px;*/ width:298px; /*border-left: 1px solid #fff;*/ background-color:#FFF; float:left; }
.alert_zone .box_in img { display:block; margin:0 auto;}

.box_combo2 { width:628px; margin-bottom:10px; border:1px solid #888; background-color:#FFF;}
.futu_zone { width:308px; height:240px; background-color:#FFF; border: 1px solid #888; float:left; }

/*090605*/
.box_combo_fund { width:630px; height:240px; margin-bottom:10px;}
.fund_asia { width:308px; height:200px; background-color:#FFF; border: 1px solid #888; float:left; }
.fund_intl { width:308px; height:200px; background-color:#FFF; border: 1px solid #888; float:right; }

.box_in {color:#000; padding:5px; background-color:#FFFFFF;}

.box_combo3 { width:298px; margin-bottom:10px;border:1px solid #888;}

/* ############################## CONTENT ############################## */
.adbox300 { margin-bottom:10px;}
.adbox440 { background-color:#fafafa; padding:10px 95px; margin-bottom:10px;}

/*20090513*/
.adboxtext {
	height:auto;
	margin-bottom:7px;
	background-color: #FFFFFF;
	font-size:12px;
	border: 1px solid #D6D6D6;
	line-height: 14px;
}
.adboxtext .cnt {
	border: 1px solid #FFFFFF;
}

/* aska 2009/03/10 begin */
/*easy fix to clear divs, ie fix (overflow:hidden) needed*/
.box_in {overflow:auto}
.box_combo {overflow:auto}

.box select, .box input {color:#069}

.stock_table {width:298px;border-collapse:collapse;}
.stock_narrow {width:290px}
.W286 { width:286px;}

/*090605*/
.W286_MB10 { width:286px; margin-bottom:10px}

.stock_table tr > td:first-child {text-align:left; padding-left:6px;}

.stock_table caption {display:none}
.stock_table th {font-weight:normal; color:#666666; border-bottom:solid 2px #d9d9d9;}
.stock_table tr {}
.stock_table td {padding:3px 4px; text-align:right;}
.stock_table tfoot tr {color:#666666}

.stock_table .txt_red {color:#cc0000}
.stock_table .txt_green {color:#006600}

.stock_table .home_red {color:#cc0000; padding-left:1em; background:url(../img/frontend/up.gif) 4px center no-repeat;}
.stock_table .home_green {color:#006600; padding-left:1em; background:url(../img/frontend/down.gif) 4px center no-repeat;}
.stock_table .home_tp_red {color:#cc0000; padding-left:1em; background:url(../img/frontend/tp.gif) 4px center no-repeat;}
.stock_table .home_bp_green {color:#006600; padding-left:1em; background:url(../img/frontend/bp.gif) 4px center no-repeat;}
/*
.stock_table .st_red {color:#cc0000; padding-left:1em; background:url(../img/frontend/up.gif) 4px center no-repeat;}
.stock_table .st_green {color:#006600; padding-left:1em; background:url(../img/frontend/down.gif) 4px center no-repeat;}
*/
span.st_red, span.st_green {background-position:left center !important}
.stock_table .time {color:#666666; font-size:11px;}
.stock_table .span_red {color:#ffffff; padding:2px; background-color:#cc0000;}
.stock_table .span_green {color:#ffffff; padding:2px; background-color:#006600;}

/*090605*/
.stock_table .txt_date {color:#333333;font-size:11px; white-space:nowrap;}
.stock_table .txt_country {color:#666666; font-size:11px; text-align:left;}

.row_odd {background-color:#eeeeee}
.row_even {}

.stock_table img {display:inline !important; vertical-align:middle; padding-right:4px;}
.stock_table tfoot a {color:#666666; text-decoration:none;}
.stock_table tfoot a:hover {color:#ef3123}


.stock_global {margin-left:6px}
/*.stock_global th, .stock_global td {border-bottom:solid 1px #f7f7f7; padding:2px 4px;}*/
.stock_global .graph {text-align:center;}
.stock_global .txt_ar {padding-right:20px; color:#000000;}
.stock_global_hd th {text-align:right; padding-right:12px;}
.stock_global a.more {color:#666666}
.stock_global a.more:hover {text-decoration:none; color:#cc0000;}
.stock_global th {border:none}

.atab_row {background: url(../img/frontend/atab_off.gif) left top repeat-x;}
.atab_table { width:67px; height:94px; font-size:11px; border-collapse:collapse;}
.atab_bg {background: url(../img/frontend/atab_off.gif) left top repeat-x;}
.atab_bg_hover {background: url(../img/frontend/atab_on.gif) left top repeat-x;}
/*.atab_bg:hover {background: url(../img/frontend/atab_on.gif) left top repeat-x;}*/
.atab_row th {border:none; padding:0; line-height:14px;}
.atab_table td {padding:0 4px; text-align:right !important;}

.atab_table .st_red {background:url(../img/frontend/up.gif) 20px center no-repeat;}
.atab_table .st_green {background:url(../img/frontend/down.gif) 20px center no-repeat;}

.st_search {}
.st_search select {float:left; line-height:15px; height:19px; margin-top:1px; font-size:12px;}
.st_search div {float:left; margin:1px 5px 0;}
.st_search div input {float:left; border:solid 1px #9c9c9c; height:15px; color:#069; font-size:12px;}
.st_search div img {float:left; display:block; width:19px; height:19px;}

.ad_font {width:294px; height:120px; padding:6px 0 0 6px; margin-bottom:10px; background:url(../img/frontend/font_ad.gif) left top no-repeat;}
.ad_font ul {}
.ad_font ul li { line-height:16px; color:#666; margin:5px 0 0 0;}
.ad_font ul li a { color:#666;}
.ad_font ul li a:hover { color:#ef3123;}

.conv_table {border-collapse:collapse; width:100%;}
.conv_table td {padding:2px;}
.conv_table .bg_gray td {background-color:#e9e9e9;}
.conv_table .txt_note {font-size:11px; color:#a3a3a3;}
/*just in case ie display ugly borders*/
.conv_table input {border:solid 1px #9c9c9c; font-size:12px; line-height:15px;}
/*undo .box a*/
.conv_table a, .conv_table a:hover {line-height:14px !important; color:#000000;}


.link_rss {}
.link_rss ul {margin-left:20px}
.link_rss ul li {display:inline; padding-right:40px;}
.link_rss ul li img {vertical-align:middle; margin-right:3px;}


/* credits to stopdesign.com */
/* Start custom button CSS here---------------------------------------- */
.btn {
  display:inline-block; background:none;
  margin:0; padding:3px 0;
  border-width:0; overflow:visible;
  font:100%/1.2 Arial,Sans-serif;
  text-decoration:none; color:#333 !important;
}
* html button.btn {padding-bottom:1px;}
html:not([lang*=""]) button.btn {margin:0 -3px;}

.btn span {
  background:#e3e2e2; margin:0; padding:2px 0;
  border-left:1px solid #bbb; border-right:1px solid #aaa;
}
* html .btn span {padding:0;}

.btn span span {
  position:relative; padding:2px .4em; border-width:0;
  border-top:1px solid #bbb; border-bottom:1px solid #aaa;
}

.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
  cursor:pointer; /*border-color:#9cf !important;*/
  color:#000 !important; text-decoration:underline !important;
}
.btn:active span {background-position:0 -400px;outline:none;}
.btn:focus, .btn:active {outline:none;}
/* End custom button CSS here---------------------------------------- */

.news_box {padding:6px 6px}
.news_box h3 {font-size:16px; font-weight:normal; margin:6px 0; line-height:18px;}
.news_box h3 a {line-height:18px !important}
.news_box b {color:#666666; font-weight:normal; font-size:11px;}
.news_box p {margin:4px}

.news_box ul {margin:4px 0}
.news_box ul li {padding:3px 4px; line-height:18px;}

/*pohang 0430 ADD*/
.newsTitlelist { width:285px; float:right; margin-bottom:6px;}
.newsBoxTop { width:315px; float:left; margin-bottom:6px;}
.newsBoxTop .moredetail { color:#666;}
.newsBoxTop .moredetail a { color:#666; text-decoration:none;}
.newsBoxTop .moredetail a:hover { color:#666; text-decoration:underline;}

/* stock search by kevin begin. this needs more work. */
#stocksearch {
	width: 577px;
	height: auto;
	float: left;
	padding: 2px;
	background-color: #f5f5f5;
}

#stocksearch_inner {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	border: 1px solid #929292;
	padding: 10px;
	color: #666666;
	width: 555px;
	text-decoration: none;
}

#stocksearch_inner h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2e74a7;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom:10px;
}

.cbx_alert {
	position: relative;
	font-size: 12px;
	width: 100px;
	line-height: 29px;
}

.tool_drop{
	width: 100px;
	border: 1px solid #CCCCCC;
	font-family: "新細明體";
	font-size: 12px;
	color: #000000;
	margin-right: 10px;}

.tool_margin{
	margin-right:10px;
}

.tool_margin2{
	margin: 0 0 0 75px;
}

.tool_border{
	border: 1px solid #CCCCCC;
}

.tool_content{float:left; height:60px; width: 550px; margin: 0px;}
.tool_content2{float:left; height:20px; width: 280px; margin-bottom: 10px;}
.tool_content3{
	width: 31%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.ranktable{margin:0 5px 0 5px;}
.ranktable td{
	height: 25px;
	color: #006699;
	padding-left:10px;
}


.rankfooter{
	float: left;
	height: 28px;
	margin-top:10px;
	width: 285px;
	background-image: url(../img/frontend/rankbg.gif);
	background-repeat: repeat-x;
	padding:10px 0 0 15px;
}

.rankfooter img{
	margin: 0 5px 0 0;	
}

	
.move{
	float:left;
	width: 78px;
	
	}
.move a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	}
	
.move a:hover {color: #ef3123; text-decoration:underline;}

/* stock search by kevin end */

/* aska 2009/03/10 end */

/* ### FOOTER ### */
#footer {
	width: 950px;
	margin: 0 auto;
	height:65px;
	color:#979797;
	clear: both;
}
#footer a {color: #979797; text-decoration:none;}
#footer a:hover {color: #979797; text-decoration:underline;}
#footer .ft_top_l  {
	float: left;
	width: 230px;
	height:auto;
	padding: 12px 0 0 95px;
}
#footer .ft_top_r {
	float: left;
	width: auto;
	height: 45px;
	padding: 20px 0 0 0;
}
#footer .btm {clear: both;}
#footer .ft_btm_l {
	float: left;
	width: 100px;
	height: auto;
	padding: 0 0 0 225px;
}
#footer .ft_btm_r {
	float: left;
	width:auto;
	height:auto;
}


.txtRed {color:#dd1400;}
.txtGrey {color: #343434;}
.txtGrey a {color: #343434; text-decoration:none}
.txtGrey a:hover {color: #343434; text-decoration:underline}
.txt_al {text-align:left}
.txt_ar {text-align:right}
.txt_ac {text-align:center}

.txt_note {color:#666666; padding-left:10px;}

.mt0 {margin-top:0 !important}
.mr0 {margin-right:0 !important}
.ml5 { margin-left:5px !important;}
.ml10 { margin-left:10px !important;}
.mr10 { margin-right:10px !important;}
.mb10 { margin-bottom:10px !important;}
.mt10 {margin-top:10px !important;}
.mt3 {margin-top:3px !important;}
.pad0 {padding:0}
.nobdr {border:none !important}
.w100p {width:100% !important}
.flt_l {float:left}
.flt_r {float:right}


/* aska 2009/03/12 begin */
/* ### box container paddings ### */
.single_box {padding:15px 5px 0; width:940px !important;}
.single_box .box {padding-bottom:10px;}

/* ### port_list ### */
.box_page {overflow:auto; float:left; margin:8px 0 0 10px;}
.box_page img { margin-left:5px;}/* ag add 0312 */
.box_page2 {overflow:auto; float:right; margin:8px 0 0 10px;}/* ag add 0312 */
.box_page2 img { margin-left:5px;}/* ag add 0312 */
.box_link {display:block; float:right !important;}
.box_link {height:19px !important; margin-top:6px;}
.box_link li {border-right:solid 1px #666666; line-height:16px !important;}

.port_table {width:100% !important}
.port_table tfoot {background:url(../img/frontend/port_table_bg.gif) left top repeat-x; line-height:24px;}
.port_table tr > td:first-child {padding-left:14px; width:110px;}

.port_table .st_red div {color:#cc0000; padding-left:1em; display:inline; background:url(../img/frontend/up.gif) left center no-repeat;}
.port_table .st_green div {color:#006600; padding-left:1em; display:inline;background:url(../img/frontend/down.gif) left center no-repeat;}
.port_table .st_tp div {color:#cc0000; padding-left:1em; display:inline; background:url(../img/frontend/tp.gif) left center no-repeat;}
.port_table .st_bp div {color:#006600; padding-left:1em; display:inline;background:url(../img/frontend/bp.gif) left center no-repeat;}
/*
.port_table .st_red {background:none;}
.port_table .st_green {background:none;}

.port_table .st_red div{ display:inline; padding-left:1em;background:url(../img/frontend/up.gif) left center no-repeat;}
.port_table .st_green div{ display:inline; padding-left:1em;background:url(../img/frontend/down.gif) left center no-repeat;}
*/

/* ### port_setup ### */
.port_setup {}
.port_setup a{color:#333333;}
.port_setup a.btn {color:#333333;}

.port_setup_left {border-left:solid 1px #c4c4c4; border-right:solid 1px #c4c4c4; height:254px; overflow:auto;}
.port_setup_left_table {color:#006699}
.chkbox_table input {-moz-opacity: 0.5; filter: alpha(opacity=50);}

.port_setup_right {border-right:solid 1px #888888; height:285px; overflow:auto;}
.port_setup_right_table {color:#006699; width: 94%;}

.port_setup_input {padding-left:79px}
.port_setup_input input {margin-right:4px}
.port_setup_icon {text-align:right; padding-right:10px; vertical-align:bottom;}
.port_setup_icon a {margin-right:7px}
.port_setup_icon a img {margin-right:3px}

.port_setup_sort {text-align:right; padding-right:10px;}

td.bg_round_l {background:url(../img/frontend/bg_round.gif) left top no-repeat; height:82px; padding-top:0 !important; padding-bottom:0 !important;}
td.bg_round_r {background:url(../img/frontend/bg_round.gif) right top no-repeat; height:82px; padding-top:0 !important; padding-bottom:0 !important;}

.box_table {padding:0 5px}

table.alert_page {width:100px; float:right;}
table.alert_page tr td {margin:0 4px; border:none !important;}

/* aska 2009/03/12 end */
/* charline 2009/03/18 end */
.page_total{ width:55px; text-align:center;}
/* charline 2009/03/18 end */
/* ag 3/12 免責聲明 begin */
#declaration { color:#999; width:790px; padding:10px 75px 20px 75px; float:left;}
#declaration a { color:#999; text-decoration:underline;}
#declaration a:hover { color:#000; text-decoration:none;}

/* ag 3/12 免責聲明 begin */


/* charline 2009/03/12 begin */
.txtbk13 {
	color: #000000;
	line-height: 23px;
}
.padt5 {padding-top:5px;}
.padt10 {padding-top:10px;}
.txtGreen {
	color:#1D8D36;
}
.txtlightgray {color:#999999;}
.text_11{font-family: Arial, Helvetica, sans-serif;font-size: 11px;}
#top_banner{
	float:left;
	width:950px;
	padding-bottom: 10px;
	background-color:#f8f8f8;
}
.pages_bt .date {
	text-align:left;
	overflow: hidden;
	visibility: visible;
	width: 400px;
	position: absolute;
	line-height: 27px;
	padding-left: 5px;
	padding-top: 3px;
}

.pages_bt .selall {
	text-align:left;
	overflow: hidden;
	visibility: visible;
	width: 910px;
	position: absolute;
	line-height: 30px;
	padding-top: 10px;
	padding-left: 5px;
}
/* charline 2009/03/12 end */



/* -----------------------------------------NEWS------------------------------------ START */


/* ag 2009/03/13 news begin */
.news_table {
width:100%;
}

.news_table td {
padding:5px;
line-height: 18px;
}

.news_table a {
font-size:12px;
color:#069;
text-align:left;
float:left;
padding-left:13px;
display:block;
width:80%;
background:url(../img/frontend/dot.gif) left 3px no-repeat;
}

.news_table span {
font-size:11px;
color:#999;
text-align:right;
float:right;
width:15%;
display:block;
}

/*.pages_bt{
font-size:12px;
color:#666;
font-weight:bold;
height:35px;
margin-top:20px;
background:url(../img/frontend/pages_bt.gif) left top repeat-x;
}*/


/* ag 2009/03/13 news end */

/* aska 2009/03/16 pagenation */
.pages_bt{
	font-size:12px;
	color:#666;
	height:35px;
	margin-top:20px;
	background: url(../img/frontend/pages_bt.gif) left top repeat-x;
}

.pages_bt .alert_page {margin-top:3px;}

.news_detail {}
.news_detail {padding:6px 6px}
.news_detail h3 {font-size:16px; font-weight:normal; margin:6px 0; line-height:22px; color:#069;}
.news_detail h3 a {line-height:18px !important}
.news_detail p {font-size:14px;margin:12px 0}

.news_date {}
.news_date b {color:#666666; font-weight:normal; font-size:11px; display:block; float:right; margin-top:-18px;}

.news_next {padding:0 10px;}

.news_list {padding:10px;}
.news_list h3 {color:#069; font-size:13px; margin:12px 0; padding-top:6px; border-top:solid 2px #069;}
.news_list li {line-height:24px; border-bottom:solid 1px #eeeeee;}
.news_list li b {float:right; margin:0 6px 0 0; font-weight:normal; color:#999999; font-size:11px;}
/* aska 2009/03/16 pagenation end */


/* -----------------------------------------NEWS------------------------------------ END */


/* -----------------------------------------calculate------------------------------------ BEGIN */
.cal_name_b15{
	font-size: 15px;
	font-weight: bold;
	color: #006699;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 8px;
	float: left;
}
.cal_name_b15_2{
	font-size: 15px;
	font-weight: bold;
	color: #006699;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	float: left;
}
.cal_menu{}
.cal_menu span{
	vertical-align: top;
	padding-right: 5px;
	padding-left: 10px;
}
.cal_redbg_wt{
	color: #FFFFFF;
	background-color: #CC0000;
}
/* -----------------------------------------calculate------------------------------------ END */


/* -----------------------------------------futures------------------------------------ BEGIN */

.futures_menu{
	float: left;
	padding-top: 5px;
}

.futures_menu span{
	vertical-align: top;
	float: left;
	padding-right: 5px;
}
/* -----------------------------------------futures------------------------------------ END */



/* -----------------------------------------stock info------------------------------------ BEGIN */
/* charline 2009/03/12 start -------------for stock info */
.st_box1 {
	color:#000;
	border: 1px solid #b2b2b2;
	background-color:#FFF;
	margin-bottom: 10px;
	margin-right: 5px;
	margin-left: 5px;
    line-height:23px;
}

.st_box1 a { color:#069;}
.st_box1 a:hover { color:#ef3123;}
/* stock detail top table*/

.st_dt_table {border-collapse:collapse;width: 100%;}
.st_dt_narrow {}

.st_dt_table tr > td:first-child {padding-left:6px;}

.st_dt_table caption {display:none}
.st_dt_table th {font-weight:normal; color:#666666; border-bottom:solid 2px #d9d9d9;}
.st_dt_table tr {}
.st_dt_table td {padding:3px 4px;}
.st_dt_table tfoot tr {color:#666666}

.st_dt_table .txt_red {color:#cc0000}
.st_dt_table .txt_green {color:#1D8D36}
/*
.st_dt_table .st_red {text-align:right; background:none;}
.st_dt_table .st_green {text-align:right; background:none;}
*/
.st_dt_table .st_red {text-align:right;}
.st_dt_table .st_green {text-align:right;}
.st_dt_table .st_red div {color:#cc0000; padding-left:1em; display:inline; background:url(../img/frontend/up.gif) left center no-repeat;}
.st_dt_table .st_green div {color:#006600; padding-left:1em; display:inline;background:url(../img/frontend/down.gif) left center no-repeat;}
.st_dt_table .st_tp div {color:#cc0000; padding-left:1em; display:inline; background:url(../img/frontend/tp.gif) left center no-repeat;}
.st_dt_table .st_bp div {color:#006600; padding-left:1em; display:inline;background:url(../img/frontend/bp.gif) left center no-repeat;}

span.st_red, span.st_green {background-position:left center !important}
.st_dt_table .time {color:#666666; font-size:11px;}
.st_dt_table .span_red {color:#ffffff; background-color:#cc0000;}
.st_dt_table .span_green {
	color:#FFFFFF;
	background-color:#006600;
}
.st_dt_table .bg1{
	background-image: url(../img/frontend/st_info_tbg1.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.st_dt_table .txt_left {text-align: left; !important;}
.st_dt_table .txt_right {text-align: right; !important;}
.st_dt_table .mid {text-align: center; !important;}

.st_dt_table img {display:inline !important; vertical-align:middle; padding-right:4px;}
.st_dt_table tfoot a {color:#666666; text-decoration:none;}
.st_dt_table tfoot a:hover {color:#ef3123}

/* stock detail top table*/

/* stock detail mid table*/
.st_dm_table {border-collapse:collapse;width: 100%;}
.st_dm_table tr > td:first-child {padding-left:6px;}
.st_dm_table caption {display:none}
.st_dm_table th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	color: #666666;
	font-weight: normal;
	text-align: center;
	padding-left: 15px;
}
.st_dm_table tr {}
.st_dm_table td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f6f3f3;
	color: #666666;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #f6f3f3;
}
.st_dm_table tfoot tr {color:#666666}
.st_dm_table .name {
	font-weight:bold;
	color:#000000;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #d9d9d9;
	line-height: 20px;
	font-size: 12px;
}
.st_dm_table .noname {
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #d9d9d9;
}
.st_dm_table .odd {background-color: #f6f3f3;}
.st_dm_table .txt_left {text-align: left; !important;}
.st_dm_table .txt_right {text-align: right; !important;}
.st_dm_table .mid {text-align: center; !important;}
.st_dm_table .linetop {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #f6f3f3;
}
.st_dm_table .linelt {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #d9d9d9;
}
.st_dm_table .linelt2 {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #f6f3f3;
}
.st_dm_table .wlinert {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FDFDFD;
}
.st_dm_table .wlineb {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;

}
.st_dm_table .glinert {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: ##eeeeee;
}
.st_dm_table .txt_red {color:#cc0000}
.st_dm_table .txt_green {
	color:#1D8D36
}
.st_dm_table .st_red div {color:#cc0000; padding-left:1em; display:inline; background:url(../img/frontend/up.gif) left center no-repeat;}
.st_dm_table .st_green div {color:#006600; padding-left:1em; display:inline;background:url(../img/frontend/down.gif) left center no-repeat;}
.st_dm_table .st_tp div {color:#cc0000; padding-left:1em; display:inline; background:url(../img/frontend/tp.gif) left center no-repeat;}
.st_dm_table .st_bp div {color:#006600; padding-left:1em; display:inline;background:url(../img/frontend/bp.gif) left center no-repeat;}
/*
.st_dm_table .st_red {color:#cc0000; padding-left:1em; background:url(../img/frontend/up.gif) 4px center no-repeat;}
.st_dm_table .st_green {color:#006600; padding-left:1em; background:url(../img/frontend/down.gif) 4px center no-repeat;}
*/
span.sm_red, span.sm_green {background-position:left center !important}
.st_dm_table .time {color:#666666; font-size:11px;}
.st_dm_table .span_red {color:#ffffff; background-color:#cc0000;}
.st_dm_table .span_green {
	color:#FFFFFF;
	background-color:#006600;
}
.st_dm_table img {display:inline !important; vertical-align:middle; padding-right:4px;}
.st_dm_table .bg1{
	background-image: url(../img/frontend/st_info_tbg1.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

/* stock detail mid table*/
.stock_name_b15{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #006699;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 8px;
}
.stock_d_cont{
	width: 918px;
	padding: 10px;
}
/************new tab style3 0312 START***********/
  .pro_gtab_bar{
	width:920px;
	height:19px;
	display:block;
  }
  .pro_gtab_ov{
	float:left;
	height:19px;
	margin: 0px;
  }

  .pro_gtab_ov del, .pro_gtab_ov b, .pro_gtab_ov em, .pro_gtab_ov u, .pro_gtab_ov i{
	display: block;
	float: left;
	margin:0px;
	font-size:1px;
	line-height:1px;
  }
  
  .pro_gtab_ov del {
	width:5px;
	height:19px;
	background-image: url(../img/frontend/tabs1_03.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
  }
  
  .pro_gtab_ov em {
	width:5px;
	height:19px;
	font-style:normal;
	background-image: url(../img/frontend/tabs1_04.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
  }
  
  .pro_gtab_ov u {
	width:5px;
	height:19px;
	font-style:normal;
	background-image: url(../img/frontend/tabs1_06.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
  }
  .pro_gtab_ov i {
	width:5px;
	height:19px;
	background-image: url(../img/frontend/tabs1_03.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
  }

  .pro_gtab_ov b {
	font-weight:normal;
	font-size:12px;
	line-height:19px;
	color:#006699;
	background-image: url(../img/frontend/tabs1_04.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 19px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
  }
  .pro_gtab_ov a{
	float:left;
	font-size:12px;
	line-height:19px;
	color:#b0b0b0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
  }

  .pro_gtab_ov a:hover{
	float:left;
	font-size:12px;
	line-height:19px;
	color:#006699;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	float:left;
  }
  .pro_gtab_bar span{
	text-align:left;
	overflow: hidden;
	visibility: visible;
	width: 830px;
	position: absolute;
  }

  .pro_gtab_new{
	float:left;
	height:19px;
	margin: 0px;
  }

  .pro_gtab_new del, .pro_gtab_new b, .pro_gtab_new em, .pro_gtab_new i,.pro_gtab_new u{
	display: block;
	float: left;
	margin:0px;
	font-size:1px;
	line-height:1px;
  }
  
  .pro_gtab_new del {
	width:5px;
	height:19px;
	background-image: url(../img/frontend/tabs1_08.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
  }
  .pro_gtab_new em {
	width:5px;
	height:19px;
	font-style:normal;
	background-image: url(../img/frontend/tabs1_07.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
  }
  .pro_gtab_new i {
	width:5px;
	height:19px;
	font-style:normal;
	background-image: url(../img/frontend/tabs1_08.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
  }
  .pro_gtab_new u {
	width:5px;
	height:19px;
	font-style:normal;
	background-image: url(../img/frontend/tabs1_11.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
  }
  .pro_gtab_new b {
	font-weight:normal;
	background-image: url(../img/frontend/tabs1_07.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	height: 19px;

  }
  .pro_gtab_new a{
	float:left;
	font-size:12px;
	line-height:19px;
	color:#b0b0b0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
  }

  .pro_gtab_new a:hover{
	float:left;
	font-size:12px;
	line-height:19px;
	color:#006699;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	float:left;
  }

/************new tab style3 0312 END***********/
  .stock_line{
	background-image: url(../img/frontend/dot_line.gif);
	background-repeat: repeat-x;
	height: 15px;
	background-position: bottom;
}

/* charline 2009/03/12 end */


  .st_new_pages{
   width:500px;
   height:20px;
   margin-left:250px;#margin-left:250px;
   }
   
  .st_new_pages_in{
	float:left;
	height: 20px;
	line-height: 26px;
   }
      
  .st_new_pages span{
	width:50px;
	color:#999;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 4px;
	height: 20px;
	float: left;
   }
   
  .st_new_pages span a{
   width:50px;
   height:20px;
   float:left;
   text-decoration:underline;
   margin:0 4px;
   color:#999;
   text-align:center;
   }
   
  .st_new_pages span a:hover{
	width:50px;
	height:20px;
	float:left;
	text-decoration:none;
	font-weight:bold;
	margin:0 4px;
	color:#006699;
	text-align:center;
   }
   
  .st_new_pages b{
   width:15px;
   height:20px;
   float:left;
   color:#999;
   margin:0 4px;
   }
      
  .st_new_pages a{
   width:15px;
   height:20px;
   float:left;
   text-decoration:underline;
   margin:0 4px;
   color:#999;
   }
   
  .st_new_pages a:hover{
	width:15px;
	height:20px;
	float:left;
	text-decoration:none;
	font-weight:bold;
	margin:0 4px;
	color:#006699;
   }

   
   .st_btn_next{
	background-image:url(../img/frontend/next_btn.gif);
	width:60px;
	height:25px;
	float:left;
	font-size:12px;
	margin-right:10px;
	padding:0;
	line-height: 18px;
	background-repeat: no-repeat;
	background-position: center;
  }
  
  .st_btn_next a{
  width:57px;
  height:18px;
  color:#999;
  font-weight:normal;
  text-decoration:none;
  margin:1px 0 0 2px;
  padding:0;
  font-size:11px !important;
  text-align:center;
  }
  
  .st_btn_next a:hover{
	width:57px;
	height:18px;
	color:#006699;
	font-weight:normal;
	text-decoration:none;
	margin:1px 0 0 2px;
	padding:0;
	font-size:11px !important;
	text-align:center;
  }
  
  .st_btn_go{
  background-image:url(../img/btn_go_bg.gif);
  width:24px;
  height:19px;
  float:left;
  font-size:11px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  padding:0;
  }
  
  .st_btn_go a{
  width:19px;
  height:17px;
  color:#999;
  font-weight:normal;
  text-decoration:none;
  margin:2px 0 0 5px;
  padding:0;
  font-size:11px !important;
  font-family: Arial, Helvetica, sans-serif;
  }
  
  .st_btn_go a:hover{
  width:19px;
  height:17px;
  color:#333;
  font-weight:normal;
  text-decoration:none;
  margin:2px 0 0 5px;
  padding:0;
  font-size:11px !important;
  font-family: Arial, Helvetica, sans-serif;
  }

.st_graph_in { padding:10px 0 10px 0; }
.st_2table{float: left;width: 450px;padding-right: 15px;padding-bottom: 15px;}
.st_2table_2{float: left;width: 450px;padding-bottom: 15px;}
.st_page{
#margin-left:250px;
	display: block;
	height: 38px;
	float: right;
	margin-right: -30px;
}
/* -----------------------------------------stock info------------------------------------ END */

/* -----------------------------------------category------------------------------------ BEGIN */

.cate_input {margin-top:6px}

.cate_matrix {padding:10px}
.cate_cell {width:296px; height:250px; background:url(../img/frontend/cate_cell.gif) left top no-repeat; text-align:center; margin:0 14px 16px 0; float:left;}
.cate_cell b {line-height:24px; color:#006699;}
.cate_top {text-align:right; padding-right:6px; margin-bottom:14px;}

.cate_title {
	float:left;
	color:#069;
	line-height:28px;
	padding:0 6px 0 4px;
	font-weight:bold;
	font-size: 15px;
}
/* -----------------------------------------category------------------------------------ END */

/* -----------------------------------------alert------------------------------------ BEGIN */
.alert_total {margin-top:4px}

.alert_table {width:100%}
.alert_table tr td {text-align:left}
.alert_table .port_setup_icon a {color:#333333}
.alert_table .port_setup_icon a:hover {color:#cc0000}

.alert_table tfoot tr td {border-top:solid 2px #EEEEEE; padding-bottom:26px;}

div.alert_note {width:6em; float:left; text-align:right; font-weight:bold;}
div.alert_note_text {width:88%; float:left;}

.alert_setup_icon {text-align:left; padding-top:3px;}

/* -----------------------------------------alert------------------------------------ END */


/* -----------------------------------------etc------------------------------------ BEGIN */
/* etc_dec */
.dec_title h3 {margin:6px 0 0 0; color:#069; padding-left:3px; font-size:15px;}
.dec_list {padding:10px}
.dec_list ul li { text-indent:-2em; margin:0 0 1em 2em;}

/* etc_rss */
.rss_box {width:608px; margin:0 auto;}
.rss_box p {margin:10px 0 10px 3px}
.rss_uldiv {margin-bottom:10px; background-color:#f5f5f5;}
.rss_uldiv ul {margin-left:70px;}
.rss_uldiv ul li {color:#666666; background:url(../img/frontend/images/etc_rss_05.gif) left bottom no-repeat; line-height:28px;}
.rss_uldiv ul li img {vertical-align: middle}
.rss_uldiv a {font-size:11px; padding-left:1em;}
.rss_box {overflow:auto; padding-bottom:10px;}
.rss_box .txt_note b {display:block; float:left; width:5.5em;}
.rss_box .txt_note span {display:block; float:left; width:86%;}

/* -----------------------------------------etc------------------------------------ END */

/* -----------------------------------------portfolio------------------------------------ BEGIN */
/* port_add_1 */
.port_add_1 {margin-top:10px}
.port_add_1 tr td {padding:10px}

/* port_popup */
.port_popup {width:460px; background-color:#EEF5FE; padding:10px;}
.port_popup table {width:100%; background-color:#EEF5FE; padding:4px; border-collapse:collapse; line-height:23px;}
.port_popup .bottom {padding:6px}
.port_popup label {color:#069}
.port_popup .pop_cont {height:200px; overflow:auto; background-color:#ffffff; padding:5px;}

.port_add_new caption {text-align:left; padding:6px 4px;}

/* -----------------------------------------portfolio------------------------------------ END */

/* -----------------------------------------dropdown------------------------------------ begin 
.ddown { position: relative; float: left; width: 150px; height: 18px; z-index: 1; border: 1px solid #999; text-align: left; font-size: 12px; color: #069; padding-left: 5px; padding-right: 20px; overflow: visible; top: -1px; background: url(../img/frontend/dd.gif) #fff no-repeat right center; }
*/
.ddown { position: relative; float: left; width: 150px; height: 18px; z-index: 1; border: 1px solid #999; text-align: left; font-size: 12px; color: #069; padding-left: 5px; padding-right: 20px; top: -1px; background: url(../img/frontend/dd.gif) #fff no-repeat right center; overflow: visible; }
.ddown_in { position: absolute; width: 173px; height: 300px; z-index: 2; display: none; padding: 1px; border: 1px #333 solid; background-color: #fff; left: -1px; top: 18px; overflow: scroll; overflow-x: hidden; }
.ddown_in_in { position: relative; padding-left: -20px; width: 400px; height: 300px; }
.ddown_in_in div { position: relative; width: 400px !important; padding-bottom: 2px; padding-left: 4px; z-index: 100; }
*html .ddown_in_in div { position: relative; width: 400px; padding-bottom: 2px; margin-right: -14px !important; z-index: 100; }

.input_hints {
	 margin-left: 10px;
}
/* -----------------------------------------dropdown------------------------------------ end */
/*0512*/
.clear{ clear:both;}
.e_shop_up_area{
	width:630px;
	background: url(../img/frontend/down_bg.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}
.e_shop_up_area_pd{
	width:630px;
	background: url(../img/frontend/down_bg_pd.jpg);
	background-position:bottom;
	background-repeat:no-repeat; 
	padding-bottom:15px;
}
.up_left{
	float:left;
	width: 294px;
}
.up_right{
	float:left;
	width: 299px; 
	padding-left:20px; 
	padding-right:15px;
}
.png_area{
	float:left;
	width:198px;
	height:225px; 	
	z-index:10; 
	position:relative;
	
}
.btn_area{
	float:left;
	margin-top:21px;
	margin-left: -28px;
	width:119px;	
	z-index:1;	
	
}
.btn_a { 
	width:119px; 
	height:31px; 
	margin-bottom:2px; 
	background-color:#fcac33; 
	color:#FFFFFF; 
	line-height:31px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;
}
.btn_a span{ 
	background-color:#eb3d00; 
	font-size:15px; 
	font-weight:bold;
	width:79px; 
	height:31px; 
	padding-left:40px; 
	color:#FFFFFF; 
	display:block;
}
.btn_a a{	
    background-color:#fcac33; 
	text-decoration:none;  
	width:79px; 
	height:31px; 
	padding-left:40px; 
	color:#FFFFFF; 
	display:block;
}
.btn_a a:hover{	
	background-color:#eb3d00; 
	text-decoration:none;
	font-size:15px; 
	font-weight:bold;
	color:#FFFFFF;
}

.right_title{
	color:#cc0000;
	font-weight:bold;
	font-size:28px;
	line-height:21px;
	margin-top: 30px; 
	margin-bottom:15px;
}
.right_title_2{ 
	color:#cc0000;
	font-weight:bold;
	font-size:15px; 
	line-height:18px;
	margin-bottom:5px;
}
.right_title_3{ 
	color:red;
	font-size:12px;
	margin-bottom:3px;
}
.right_title_4{ 
	color:blue;
	font-size:12px;
	margin-bottom:3px;
}
.right_title_list{color:#000000;font-size:12px; line-height:18px;}

.right_now {
	text-align:right;
	margin-top:33px;
	cursor:pointer;
}
.right_title_list li{ list-style-type: disc; list-style:inside; padding-left:5px; color:#000000;}
.down_area{ 
	width:299px; 
	float:left; 
	padding-left:10px;
}
.down_title_area{
	font-size:18px;
	color:#000000;
	font-weight:bold;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666; 
	clear:both;
	width:299px; 
	height:25px; 
	line-height:25px;
}
.down_title_area span{color:#ff0000; line-height:20px;}
.down_title_area a{color:#ff0000; line-height:20px;}
.down_title_a{float:left;}
.down_title_b{float: right; padding-top:2px;}


.e_shop_down_area{
	width:628px; 
	background-color:#FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #b2b2b2;
	border-left-color: #b2b2b2;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b2b2b2;
}
.down_body{ color:#000000;}
.down_body tr{ line-height:18px; }
.down_body tr td{ padding-top:10px;}
.down_body input{ margin-top:10px; margin-left:20px; margin-bottom:40px;}

.tool_area{ padding:0 25px 0 20px;}
.tool_title{ 
	color:#006699;
	font-size:15px; 
	font-weight:bold;
	margin-top:20px;
	line-height:18px;
}
.tool_comm{
	color:#000000;
	font-size:12px; 
	line-height:18px;
}
.tool_body_area{	
	margin-top:28px; 
	
}
.tool_body_area .tool_body{
	float:left;	
	width:270px; 
	padding-right:20px; 
	margin-bottom:15px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #999999;
}
.tool_body_area .tool_body_a{float:left; width:275px;padding-left:15px;}
.tool_body ol {color:#006699; font-weight:bold; margin-bottom:20px;}
.tool_body ol img { padding-right:4px;}
.tool_body li{list-style:inside; color:#000000; list-style-type:none; padding-left:16px; font-weight:normal;}

.tool_body_a ol {color:#006699; font-weight:bold; margin-bottom:20px;}
.tool_body_a ol img { padding-right:4px;}
.tool_body_a li{list-style:inside; color:#000000; list-style-type:none; padding-left:16px; font-weight:normal;}


/*獢??”*/
.boxCase_list { margin-top:20px;}
.boxCase_list .listTd_G{ background:#f4f4f4;  clear:both;}
.boxCase_list .listTd_W{ background:#ffffff;  clear:both;}

.boxCase_list .titleQA{
    width:583px; 
	float:left;
	margin-right:5px; 
	padding:5px 0 5px 35px;
    background-image:url(../img/frontend/openList.gif);
	background-repeat:no-repeat;
	background-position: 18px 8px;
}
.boxCase_list  a {color: #333333; text-decoration:none;}
.boxCase_list  a:hover {color:#000000; text-decoration:underline;}
.boxCase_list .titleQA_ov{ 
	width:583px; 
	float:left;
	margin-right:5px; 
	padding:5px 0 5px 35px;
    background-image:url(../img/frontend/openList_ov.gif);
	background-repeat:no-repeat;
	background-position: 18px 8px;
}

.boxCase_list .closeQA{
    width:583px; 
	float:left;
	margin-right:5px; 
	padding:5px 0 5px 35px;
    background-image:url(../img/frontend/closeList.gif);
	background-repeat:no-repeat;
	background-position: 18px 9px;
}
.boxCase_list .closeQA_ov{
    width:583px; 
	float:left;
	margin-right:5px; 
	padding:5px 0 5px 35px;
    background-image:url(../img/frontend/closeList_ov.gif);
	background-repeat:no-repeat;
	background-position: 18px 9px;
}
.boxCase_list .closeQA a {color:#006699; font-weight:bold; font-size:13px;}
.boxCase_list .closeQA_ov a {color:#006699; font-weight:bold; font-size:13px;}
.boxCase_list .info{ clear:both; padding:10px 10px 35px 35px; background:#ffffff;}
.dline {height:3px; background-image:url(../img/frontend/dlineBg.gif); background-repeat:repeat-x; clear:both;}
/*??*/
.gopage{ 
   clear:both; 
   text-align:center; 
   margin:10px 0 20px 98px;
   _margin:10px 0 0 50px; 
   line-height:21px; 
   color:#666666; 
   width:530px; 
   float:left;
  }
.gopage .num{ margin:0 20px; float:left;}
.gopage .num .off{ color:#666666; text-decoration:none; display:block; margin:0 5px 0 5px; float:left;}
.gopage .num a{color:#666666; text-decoration:underline; display:block; margin:0 5px 0 5px; float:left;}
.gopage .num a:hover{color:#000; text-decoration:underline;}
.gopage .next{float:left; width:50px;}
.gopage .jump{ margin:0 5px 0 20px; float:left;}
.gopage .go{float:left; width:28px;}
.gopage .txtbox {width:20px; height:12px; color:#666666;}

/*btn1*/
.btnL{ background-image:url(../img/frontend/btnLeft.gif); background-repeat:no-repeat; height:21px; width:3px; float:left;}
.btnR{ background-image:url(../img/frontend/btnRight.gif); background-repeat:no-repeat; height:21px;width:3px;float:left;}

.btn a{color:#666666; text-decoration:none;}
.btn a:hover{color:#000000; text-decoration:none;}

/*btn2*/
.btn_off {
	color: #003366; height:21px; line-height:21px;float:left;
	background-image:url(../img/frontend/btnRight.gif); background-repeat:no-repeat; background-position:right top;
	}
.btn_off p a{color:#666666; text-decoration:none;}
.btn_off p a:hover{color:#000000; text-decoration:underline;}
.btn_off p{ margin:0px 3px; background-image:url(../img/frontend/btnBG.gif); background-repeat:repeat-x;height:21px; display:block;}
.btn_off span{ background-image:url(../img/frontend/btnLeft.gif); background-repeat:no-repeat;float:left; width:3px;height:21px; margin-right:-3px;}


/*phone*/
.phone_area{ width:608px; padding:0 10px 0 10px;}
.phone_title{ font-size:13px; line-height:18px; color:#006699; font-weight:bold; margin:0 0 5px 0; padding-top:10px;}
.phone_title_a{font-size:12px; line-height:18px; color:#000000; padding-bottom:5px;}
.phone_title_a a{color:#000000; text-decoration:none; padding:0 5px 0 5px;}
.phone_title_a a:hover{color:#000000; text-decoration:none;}

.phone_title_b{
	font-size:12px;
	line-height:18px;
	color:#000000;
	padding-bottom:5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}
.phone_title_b a{color:#000000; text-decoration: underline;}
.phone_title_b a:hover{color:#000000; text-decoration: underline;}

.phone_body{ margin:15px 0 80px 0 ;  color:#006699; font-size:12x; line-height:18px; font-weight:bold;}
.phone_body .oltitle { clear:both; height:18px;}
.phone_body ol {line-height:18px; margin-bottom:20px;}
.phone_body li{ 
	list-style-type:none; 
	display:inline;
	text-decoration: underline; 
	padding-left:12px; 
	font-size:12x; 
	line-height:18px; 
	color:#333333;
	font-weight: normal; 
}

/*step*/
.step_title{
	font-size:13px;
	line-height:25px;
	color:#006699;
	font-weight:bold; 
	
	padding-top:10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}
.step_title_a{
	font-size:12px;
	line-height:18px;
	color:#000000;
	font-weight: normal; 
	margin:10px 0 26px 0; 
}
.step_pic{ padding-left:10px;}
.pic_explain{
	padding:0 10px;
	width:608px;
	margin-bottom: 30px;
}
.pic_explain_a{
	font-size:12x;
	line-height:18px;
	color:#333333;
	float:left;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #999999;
	width: 172px; padding:0 10px 0 15px;
}
.pic_explain_b{
	font-size:12x; 
	line-height:18px; 
	color:#333333;
	float:left;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #999999;
	width: 127px;
	padding:0 10px 0 15px;
}
.pic_explain_c{
	font-size:12x; 
	line-height:18px; 
	color:#333333;
	float:left;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #999999;
	width: 117px;
	padding:0 10px 0 15px;
}
.pic_explain_d{
	font-size:12x; 
	line-height:18px; 
	color:#666666;
	font-weight:bold;
	float:left;
	padding:0 0 0 15px;
	width: 97px;
}

.down_tool_book{ padding-left:32px; margin-bottom:30px;}
.down_tool_book ol{ margin-top:10px;}

.down_tool_book li{
	list-style-type: disc; 
	font-size:12x; 
	line-height:24px; 
	color:#333333;
	font-weight: bold;
}
.down_tool_book li  a{color:#333333; text-decoration: none;}
.down_tool_book li  a:hover{color:#333333; text-decoration: none;}
/*pd*/
.pd_up_left{ 
	float:left;
	background-image:url(../img/frontend/pd_phone_bg.png); 
	background-repeat:no-repeat;
	width:201px; 
	height:169px;
}
.pd_up_right{ 
	float:left; 
	width:340px; 
	padding:24px 25px 0 55px;
}
.pd_up_title{
	font-size:18px; 
	line-height:18px; 
	color:#cc0000;
	font-weight: bold; 	
	padding: 0 0 10px 0px;

}
.pd_up_title_a{
	font-size:12px; 
	line-height:18px; 
	color:#000000;
}

.e_shop_area{ padding:0 20px;}

.e_shop_title {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666; 
	font-size:15px; 
	height:25px; 
	line-height:25px;
	color:#cc0000;
	font-weight: bold;	
}
	
.e_shop_title_a{ float:left;}
.e_shop_title_b{ float:right;}

.e_shop_body{ 
	font-size:12px; 
	line-height:18px; 
	color:#000000; 
	padding:20px 0 30px 0;
}
.e_shop_body a{color:#000000; text-decoration: underline;}
.e_shop_body a:hover{color:#000000; text-decoration: underline;}
.e_shop_body_a{ float:left; padding:0 15px 0 3px;}
.e_shop_body_b {
	float: left;
	width: 400px;
	height: 100px;
}
.e_shop_body_b1 { margin-top:7px;}
.e_shop_body_b1 span{ color:#cc0000; padding:0 7px;}

.e_shop_body_b2 { margin-top:31px;}
.e_shop_body_b2 b{ padding:0 0 0 55px;}
.e_shop_body_b2 b a{color:#000000; text-decoration: none;}
.e_shop_body_b2 b a:hover{color:#000000; text-decoration: none;}
.e_shop_body_b2 label{ color:#cc0000; padding:0 7px;}
.e_shop_body_b2 span span{ color:#333333; }

.pd_up_left_comp{
	float:left;
	width:250px;
	height:190px;
	
	 margin-left:10px;
}
.pd_up_right_comp{
	float:left;
	width:320px;
	padding:12px 10px 0 20px;
}
.pd_up_right_comp_a{
	float:left;
	width:320px;
	padding:44px 10px 0 20px;
}
.pd_up_right_comp_body{
	font-size:12px; 
	line-height:18px; 
	color:#000000; 
}

.pd_body_title{
	background-image:url(../img/frontend/pd_title_bg.jpg); 
	background-repeat:no-repeat;
	width:595px; 
	height:24px; 
	font-size:15px; 
	line-height:18px; 
	font-weight:bold; 
	color:#006699; 
	padding:15px 10px 0 25px;
}
.pd_body_body_area{padding:0px 10px 0 25px;}	
.pd_body_body_area .info{ clear:both; padding:10px 0px 27px 0px; color:#000000;}
.pd_body_body_button {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #666666;
	text-align: right;
	height: 30px; 
	line-height:30px; 
	color:#666666;
	font-size:12px; 
	padding-bottom:10px; 
}
.pd_body_body_button a{color:#666666; text-decoration: none;}
.pd_body_body_button a:hover{color:#666666; text-decoration: none;}




.phone_body{ margin:15px 0 80px 0 ;  color:#006699; font-size:12x; line-height:18px; font-weight:bold;}
.oltitle_a { clear:both; height:18px; color:#006699; font-size:12x; line-height:18px; font-weight:bold;}
.pd_body_body_area ol {line-height:18px; margin-bottom:23px;}
.pd_body_body_area li{ 
	list-style-type:none; 
	padding-left:12px; 
	font-size:12x; 
	line-height:18px; 
	color:#333333;
	font-weight: normal; 
}


.pd_up_right_comp_title{
	font-size:18px; 
	height:25px; 
	line-height:25px;
	color:#cc0000;
	font-weight: bold;	
	padding: 0 0 10px 0px;
}

.innerLabel {
	margin-left: 150px;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-right: 10px;
	line-height: 28px;
}

.resultLabel {
	margin-left: 50px;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-right: 10px;
	line-height: 28px;
}

.userParameter {
	margin-left: 20px;
	font-size: 12px;
	line-height: 16px;
}

.innerText {
	display: inline;
	font-size: 14px;
	color: #891817;
}

/*pohang0605ADD*/

.padt10 { padding-top:10px;}
.padt20 { padding-top:20px;}
.padl5 { padding-left:5px;}
.Fun_com_infoT { color:#666; width:100px; text-align:right; vertical-align:top; padding-right:10px;}
.Fun_com_name {	color:#069;	line-height:30px; font-size: 15px; background:url(../img/frontend/line2p.gif) bottom repeat-x;}
.Fun_back { text-align:right; margin:15px 15px 5px 0;}
.Fun_back a { color:#333; background:url(../img/frontend/more_arrow.gif) 0 -2px no-repeat; padding-left:8px;}
.Fun_sotOn { font-weight:bold; float:right;color:#069;}
.Fun_sotBut { float:right; width:11px;  margin-top:3px;*margin-top:1px !important; margin-left:2px;  padding:0;}
.companyBox { background:url(../img/frontend/companyBox_b.gif) bottom; width:575px; padding:0 15px 15px 15px; margin-left:10px; line-height:20px; color:#666; _margin-top:-5px;}
.companyBoxtop { background:url(../img/frontend/companyBox_t.gif) no-repeat; width:605px; height:10px; margin-left:10px;}
.row_bgw { background:#FFFFFF !important;}
.row_bgw2 { background:#e6e6e6;}
.Fun_wlinert {	border-right: 1px solid #666;}
.Fun_glinert {	border-right: 1px solid #f0f0f0;}
.companyBox .name {
	font-weight:bold;
	color:#000000;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #d9d9d9;
	line-height: 20px;
	font-size: 12px;
	padding:3px 10px;
}
.companyBox .name2 {color:#000000;}
.companyBox .wlinert {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FDFDFD;
}
.companyBox .mid {text-align: center; !important;}
.companyBox .st_red {color:#cc0000; padding-left:1em; background:#fff url(../img/frontend/up_new.gif) 4px center no-repeat;text-align:right;}
.companyBox .st_green {color:#006600; padding-left:1em; background:#fff url(../img/frontend/down_new.gif) 4px center no-repeat;text-align:right;}
.companyBox td { padding:3px 10px;}
.schl { color:red;}
.schltab { margin-left:25px;width:95%}
.FUN_pdate { color:#999999; width:100px; float:right; font-size:10px;}
.al_l { text-align:right !important;}

.member_function_invest_hints {
	font-size: 14px; 
	text-align: left;
	height: 65px;
	line-height: 22px;
	color: #EF3123;
	font-weight: normal;
	margin: 10px 6px 6px 10px;
}

.member_function_invest_hints a {
	color: #EF3123;
}

.member_function_alert_hints {
	font-size: 14px; 
	text-align: left;
	height: 90px;
	line-height: 22px;
	color: #EF3123;
	font-weight: normal;
	margin: 10px 6px 6px 10px;
}

.member_function_alert_hints a {
	color: #EF3123;
}

/* queryOrder.jsp */
.vip_info_sort_box_m_cont {
	padding: 10px 10px 0px 10px;
}

.sho_result_list {
	margin-bottom: 10px;
}

.sho_result_list td span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ef3123;
}

.sho_result_list td span {
	float: right;
	margin-right: 5px;
}

.sho_result_list td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	line-height: 16px;
}

.sho_result_list .gray {
	background-color: #f9f9f9;
}

.sho_result_list .gray_sub {
	background-color: #E4E4E4;
	text-align: center;
	font-weight: bold;
}

.sho_result_list_all {
	width: 100%;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin-bottom: 10px;
	padding: 0px;
	text-align: left;
}

.sho_result_list_all a {
	margin: 0;
	padding: 0;
	text-decoration: underline;
}

.sho_result_list_all a:hover {
	margin: 0;
	padding: 0;
	text-decoration: underline;
	color: #000 !important;
}

.vip_redtext {
	color: #ef3123;
}

.txtaling_right {
	text-align: right !important;
	background-color: #f9f9f9;
}

.vip_tab_bgc4 {
	text-align: center !important;
	background-color: #F9F9F9;
}

.vip_tab_bgc5 {
	text-align: left;
	padding-left: 10px;
}

.vip_tab_center5 {
	text-align: center;
}

.txt_align_r {
	text-align: right !important;
}

.money {
	font-weight: normal;
	margin: 0 2px;
	color: #ef3123;
}

.moneyb {
	font-weight: normal;
	margin: 0 2px;
	color: #666;
}

.number {
	display: inline;
	background: url("../img/frontend/number.gif") no-repeat;
}

#loadingAJAXGif { position: relative; float: left; margin-left: 10px; }