/* CSS Document */
ul,li{
	margin:0;
	padding:0;
	list-style:none;
}
html{
	SCROLLBAR-FACE-COLOR: #f7f7f7;

	SCROLLBAR-ARROW-COLOR: #000;
	SCROLLBAR-TRACK-COLOR: #ddd;
}
body{
	background:#000 url(../images/body_bg.gif) repeat-x;
	padding:0;
	margin:0;
	font-family:Arial,"宋体";
	font-size:14px;
	cursor:default;
	-moz-user-select:none;
}
img{
	border:none;
}

::-webkit-scrollbar
{
    width: 11px;
    height: 6px;
}
::-webkit-scrollbar-track-piece
{
    background-color: #ddd;
    -webkit-border-radius: 3px;
}
::-webkit-scrollbar-thumb:vertical
{
    height: 11px;
    background-color: #f7f7f7;
    -webkit-border-radius: 3px;
}
::-webkit-scrollbar-thumb:horizontal
{
    width: 11px;
    background-color: #f7f7f7;
    -webkit-border-radius: 3px;
}

.top .right-last{
	margin-right:0;
}

.clear{
	height:0;
	width:0;
	clear:both;
	overflow:hidden;
}
.top-panel{
	position:relative;
	_position:relative;
	z-index:100;
	top:0;
	height:100px;
	margin:0 auto;
	left:0;
	background:#323232;
	border-bottom:1px solid #171717;
}
.top{
	height:100px;
	width:977px;
	margin:0 auto;
}
.middle-bar{
	background:#286dca;
	height:35px;
}
.middle-bar .middle-menu-bar{
	width:952px;
	height:35px;
	margin:0 auto;
	position:relative;
}
.middle-menu{
	position:absolute;
	height:35px;
	display:block;
	top:0;
	background:url(../images/menu_bar.png) no-repeat 0 -35px;
}
#middleMenu1{
	width:235px;
	left:0;
	background-position-x:0;
}
#middleMenu2{
	width:242px;
	left: 236px;
	background-position-x:-236px;
}
#middleMenu3{
	width:235px;
	left: 477px;
	background-position-x:-477px;
}
#middleMenu4{
	width:240px;
	left: 712px;
	background-position-x:-712px;
}
.middle-menu-bar .highlight,.middle-menu-bar a:hover{
	background-position-y:0;
}
.middle-stock-bar{
	width:903px;
	height:86px;
	margin:0 auto;
	margin-bottom:16px;
	position:relative;
}
.middle-stock-bar li{
	float:left;
}
.middle-stock-bar .left{
	background:url(../images/left_arrow.gif) 0 center no-repeat;
	width:9px;
	height:86px;
	position:absolute;
	left:0;
	top:0;
}
.middle-stock-bar .left-arrow{
	background:url(../images/left_arrow_highlight.png) 0 center no-repeat;
	width:45px;
	height:100%;
	position:absolute;
	left:0;
	z-index:10;
	cursor:pointer;
	overflow:hidden;
}
.middle-stock-bar .right-arrow{
	background:url(../images/right_arrow_highlight.png) right center no-repeat;
	width:45px;
	height:100%;
	position:absolute;
	right:0;
	top:0;
	z-index:10;
	
	cursor:pointer;
}
.middle-stock-bar .right-light{
	background:url(../images/right_arrow_highlight.gif) 0 center no-repeat;
	width:9px;
	height:86px;
	position:absolute;
	right:0;
	top:0;
}
.middle-stock-list{
	width:828px;
	height:86px;
	overflow:hidden;
	margin-left:50px;
	position:relative;
	z-index:1;
	cursor:default;
}
.middle-stock-bar .stock-box{
	background-image:url(../images/stock_box.png);
	background-repeat:no-repeat;
	background-position:0 0;
	width:115px;
	height:71px;
	margin-right:23px;
	font-size:12px;
	text-align:center;
	padding-top:15px;
	color:#fff;
}
.middle-stock-list .title{
	font-size:14px;
	color:#002f70;
	height:24px;
}
.middle-stock-list .code{
	height:18px;
}
.middle-stock-list .intro{
	height:18px;
}
.middle-stock-list .highlight .title{
	color:#fff;
	position:relative;
	top:-8px;
	font-weight:bold;
	font-size:13px;
}
.middle-stock-list .highlight .code{
}
.middle-stock-list .highlight .intro{
}
.middle-stock-bar .today{
	background-image:url(../images/today_stock_box.png);
	background-repeat:no-repeat;
}
.middle-stock-list .highlight{
	background-position:0 -86px;
	font-weight:bold;
	color:#232323;
}
.middle-stock-bar .tomorrow{
	background-image:url(../images/tomorrow_stock_box.png);
	background-repeat:no-repeat;
}
.top-stock-table{
	color:#fff;
	padding-top:8px;
	width:485px;
	margin-right:7px;
	float:left;
}
.top-stock-table .header{
	height:35px;
	
}
.top-stock-table .header li{
	height:27px;
	line-height:27px;
	float:left;
	text-align:center;
}
.top-stock-table .header .col1{
	width:118px;
}
.top-stock-table .header .col1 .num{
	background:url(../images/top_num_icon2.png) center center no-repeat;
	padding:3px 10px;
	font-size:12px;
	color:#fff;
	text-align:center;
}
.top-stock-table .header .col2{
	width:75px;
}
.top-stock-table .header .col3{
	width:62px;
}
.top-stock-table .header .col4{
	width:109px;
}
.top-stock-table .header .col5{
	width:121px;
}
.top-stock-table .data{
	font-size:12px;
	height:20px;
}
.top-stock-table .no-data{
	height:40px;
	line-height:40px;
	color:#666;
	text-align:center;
}
.top-stock-table .data li{
	height:20px;
	line-height:20px;
	float:left;
	text-align:center;
}
.top-stock-table .data .today{
	background:url(../images/today_icon.gif) 14px center no-repeat;
}
.top-stock-table .data .tomorrow{
	background:url(../images/tomorrow_icon.gif) 14px center no-repeat;
}
.top-stock-table .data .col1 a{
	color:#fff;
}
.top-stock-table .data .col1{
	text-align:left;
	padding-left:33px;
	width:85px;
}
.top-stock-table .data .col2{
	width:75px;
}
.top-stock-table .data .col3{
	width:62px;
}
.top-stock-table .data .col4{
	width:109px;
}
.top-stock-table .data .col5{
	width:121px;
}
.top-stock-table .table-data{
	height:40px;
	overflow:hidden;
}
#middleStockBar{
	position:absolute;
	left:0;
	height:86px;
}
.selector{
	text-align:center;
	padding:2px 22px;
	cursor:pointer;
	position:relative;
	z-index:10;
}
.selector .value{
	background:url(../images/selector.gif) no-repeat;
	color:#fc6;
	position:absolute;
	z-index:220;
	left:0;
	top:0;
	width:39px;
	height:19px;
	text-align:left;
	padding-left:10px;
	line-height:19px;
	display:block;
}
.select-panel{
	width:45px;
	height:73px;
	position:absolute;
	left:0;
	top:19px;
	z-index:100;
	background:url(../images/select_panel.gif) no-repeat;
	line-height:18px;
	color:#fff;
	text-align:left;
	padding-left:10px;
	display:none;
}


#fullbg{
    background-color:Gray;  
    left:0px;  
    opacity:0.3;  
    position:absolute;  
    top:0px;  
    z-index:110;  
    filter:alpha(opacity=30); /* IE6 */  
    -moz-opacity:0.3; /* Mozilla */  
    -khtml-opacity:0.3; /* Safari */  
}  
.tran-input{
	background:none;
	border:none;
	height:22px;
	line-height:22px;
	width:148px;
	overflow:hidden;
	color:#ccc;
	padding-left:7px;
}
.loading-dialog{
	height:20px;
	margin:0 auto;
	border:1px solid #858585;
	padding:10px 30px;
	color:#363636;
	position:absolute;
	background:#e5e3e3;
	z-index:120;
	cursor:default;
	font-size:14px;
	line-height:20px;
	display:none;
}
.loading-dialog a{
	color:#666;
}
.hide{
	display:none;
}
.red{
	color:#f00;
}
.no-value{
	color:#666;
}
.out-of-client{
	background:#ededed;
}
.out-of-client #btnReg{
	display:none;
}
#pmd{
	display:none;
}
.out-of-client #pmd{
	display:none;
}

#btnReg{
	display:none;
}
.page-header{
	display:none;
}
.out-of-client .page-header{
	display:block;
	background:#000;
}
.out-of-client .page-header .header{
	display:block;
	width:985px;
	position:relative;
	margin:0 auto;
	height:50px;
}
.out-of-client .page-header .ql18-logo{
	background:url(../images/ql18logo2.png) no-repeat;
	position:absolute;
	width:194px;
	height:36px;
	left:18px;
	bottom:6px;
}
.out-of-client .page-header .links{
	position:absolute;
	left:219px;
	bottom:9px;
	display:none;
}
.out-of-client .page-header .links .link{
	position:relative;
}
.out-of-client .page-header .links .new,.out-of-client .page-header .links .hot{
	background:url(../images/new.gif) no-repeat;
	position:absolute;
	top:-9px;
	right:2px;
	z-index:10;
	width:23px;
	height:9px;
	display:block;
}
.out-of-client .page-header .links .new{
	background:url(../images/new.gif) no-repeat;
}
.out-of-client .page-header .links .hot{
	background:url(../images/hot.gif) no-repeat;
}
.out-of-client .page-header .links a{
	color:#000;
	text-decoration:none;
}
.out-of-client .page-header .links a:hover{
	color:#fff;
	text-decoration:underline;
}
.out-of-client .page-header .links .link{
	background:url(../images/header_separator.gif) no-repeat center right;
	padding-left:15px;
	padding-right:15px;
	float:left;
}
.out-of-client .page-header .links .last{
	background:none;
}
.out-of-client .page-header .call-number{
	color:#010101;
	font-size:14px;
	font-family:'微软雅黑';
	position:absolute;
	bottom:8px;
	right:0;
}
.out-of-client .page-header .number{
	background:url(../images/phone_icon.png) no-repeat left top;
	padding-left:100px;
	line-height:23px;
	color:#d71319;
	display:block;
	height:23px;
}
.pagehead{
	display:none;
}
.out-of-client .pagehead{
	display:block;
}
.suggest-box{
	background:url(../images/suggest_bg.png) no-repeat;
	width:555px;
	height:458px;
	margin:0 auto;
	position:absolute;
	z-index:120;
	cursor:default;
	font-size:14px;
	line-height:20px;
	display:none;
}
.suggest-box .step1 .title{
	background:url(../images/suggest_title1.png) no-repeat;
	padding-top:20px;
	position:absolute;
	left:224px;
	top:30px;
	width:161px;
	height:14px;
	color:#7f7660;
	font-size:12px;
}
.suggest-box .step2 .title{
	background:url(../images/suggest_title2.png) no-repeat;
	position:absolute;
	left:100px;
	right:0;
	width:365px;
	height:24px;
	top: 152px;
	padding-top:35px;
}
.suggest-box .step1 .content{
	position:absolute;
	left: 57px;
	top: 75px;
	width: 454px;
	height: 239px;
	line-height:24px;
	font-size:14px;
}
.suggest-button{
	width:93px;
	height:22px;
	position:absolute;
	left:244px;
	top:30px;
	z-index:102;
	cursor:pointer;
}
.suggest-box #txtSuggest{
	width:451px;
	height:166px;
	border:1px solid #a8986d;
	overflow-y:auto;
}
.step1 .submit-button,.step2 .close-button2{
	background:url(../images/suggest_button.gif) no-repeat;
	position:absolute;
	left:209px;
	top:396px;
	width:139px;
	height:34px;
	color:#513503;
	font-weight:bold;
	text-align:center;
	font-size:14px;
	line-height:34px;
	cursor:pointer;
}
.step1 .submit-button{
	left:209px;
	top:396px;
}
.step2 .close-button2{
	left:209px;
	top:276px;
}
#suggestDialog .close-button{
	width:25px;
	height:24px;
	display:block;
	position:absolute;
	left: 514px;
	top: 8px;
	cursor:pointer;
}
.suggest-box #txtName,.suggest-box #txtContact{
	width:451px;
	height:28px;
	line-height:28px;
	border:1px solid #a8986d;
}
.suggest-box .step1{
}
.suggest-box .step2{
	display:none;
}
#regDlg{
	width:800px;
	height:344px;
	z-index:120;
	position:fixed;
	display:none;
}
#regDlg .close-button{
	position:absolute;
	right:12px;
	top:9px;
	width:16px;
	height:15px;
	z-index:120;
	background: url(http://www.ql18.com.cn/USAStock/images/bg_pop_close.jpg) no-repeat;
}
#regDlgIfm{
	width:800px;
	height:344px;
}
.price-rise{
	color:#992626;
}
.price-drop{
	color:#096;
}
.top-stock-table .data .col1 a.fszs-link{
	color:#f00;
}