
body { font-size:12px; margin:0px; color:#000000; font: 12px "宋体"; }
td, input { font-size:12px; font-size:12px; font-family:"宋体"; }
div, form, img, ul, li,h1{ margin: 0; padding: 0; border: 0; }
li { list-style-type:none; }
.clear { clear: both; line-height:0px; height:0px; font-size:0px; visibility:hidden; }
a:link, a:visited { color: #000; text-decoration: none; }
a:hover, a:active { color: #FF9900; text-decoration: none; }

.mt { width:1000px; margin:5px auto; }
.mt .mt_left { float:left; width:778px; height:60px; background-color:#f0f0f0 }
.mt .mt_right { float:right; width:215px; height:60px; background-color:#f0f0f0 }

#nav08 { width:1000px; height:30px; margin:1px auto 3px; background-color:#f0f0f0; }
#nav08 .left { float:left; padding-left:15px; padding-top:8px; background: url(http://i.ssimg.cn/images/stkindexfutures/jiantou.gif) no-repeat 18px center; }
#nav08 .left_icon { float:left; margin-top:4px; padding-right:6px; width:6px; height:9px; background: url(http://i.ssimg.cn/images/stkindexfutures/home2008_03.gif) no-repeat -7px -24px; }
#nav08 .search { float:right; padding-right:15px; padding-top:4px; }

.submenu { width:1000px; height:58px; margin:0 auto; clear:both; }
.submenu .submenu_left { float:left; background: url(http://i.ssimg.cn/images/stkindexfutures/if2008_03.jpg) no-repeat left top; }
.submenu .submenu_mid { width:675px; height:58px; float:left; text-align:center; font-size:14px; line-height:58px; letter-spacing:1px; background: #FFFFFF url(http://i.ssimg.cn/images/stkindexfutures/if2008_04.jpg) repeat-x; }
.submenu .submenu_right { width:15px; height:58px; float:right; background: url(http://i.ssimg.cn/images/stkindexfutures/if2008_06.jpg) no-repeat left top; }

.red a { color:#CC0000; text-decoration:none; }
.red a:visited { color:#CC0000; text-decoration:none; }
.red { color:#CC0000; }
.green { color:#009933 }
.bg-gray { background: #F6F6F6; }

.if2008-page { margin: 6px auto 0px; width: 1000px; line-height: 24px; }
.left { float: left; width: 460px; }
.left-title { width:460px; height: 20px; padding-top: 4px; padding-bottom: 4px; float: left; }
.left-name { float: left; width: 400px; height: 20px; line-height: 20px; }
.left-more { line-height: 20px; height: 16px; width: 60px; float: left; padding-top: 4px; }
.left-graph { width: 460px; }
.left-graph-300 { width: 460px; padding-top: 12px; background: url(http://i.ssimg.cn/images/stkindexfutures/if2008-l-300.jpg) no-repeat; }
.left-graph-300-title { float: left; width: 460px; color: #FFFFFF; }
.left-graph-300-price { float: left; width: 290px; padding-left: 24px; height: 22px; }
.price-red { color: #CC0000; font:17px Arial, Helvetica, sans-serif; font-weight:bolder;}
.price-green { font: 17px Arial, Helvetica, sans-serif; color: #009900;font-weight:bolder; }

.left-graph-300-tab-1 { float: left; background: url(http://i.ssimg.cn/images/stkindexfutures/if2008-l-300-1.jpg) no-repeat; width: 106px; }
.left-graph-300-tab-2 { float: left; background: url(http://i.ssimg.cn/images/stkindexfutures/if2008-l-300-2.jpg) no-repeat; width: 106px; }
.left-graph-300-tab-a { float: left; height: 22px; width: 33px; color: #FFFFFF; padding-left: 20px; cursor: hand; }
.left-graph-300-content { width: 460px; float: left; }
.left-graph-if { padding-top: 12px; float: left; width: 460px; background: url(http://i.ssimg.cn/images/stkindexfutures/if2008-l-if.jpg) no-repeat left 31px; padding-bottom: 12px; height: 302px; }
.left-graph-if-tabtop { float: left; width: 460px; line-height: 21px; height: 21px; padding-bottom: 12px; }
.left-graph-if-tabtop-title { float: left; padding-right: 24px; padding-left: 24px; }
.left-graph-if-tabtop-n { float: left; background: url(http://i.ssimg.cn/images/stkindexfutures/if2008-l-if-tabtop-n.jpg) no-repeat; width: 64px; text-align: center; padding-right: 6px; cursor: hand; }
.left-graph-if-tabtop-y { float: left; background: url(http://i.ssimg.cn/images/stkindexfutures/if2008-l-if-tabtop-y.jpg) no-repeat; text-align: center; width: 64px; padding-right: 6px; cursor: hand; }
.left-graph-if-title { float: left; width: 460px; height: 22px; line-height: 22px; font-size: 14px; }
.left-graph-if-price { float: left; width: 290px; padding-left: 24px; height: 22px; }
.left-graph-if-tab-1 { float: left; background: url(http://i.ssimg.cn/images/stkindexfutures/if2008-l-if-1.jpg) no-repeat; width: 106px; }
.left-graph-if-tab-2 { float: left; background: url(http://i.ssimg.cn/images/stkindexfutures/if2008-l-if-2.jpg) no-repeat; width: 106px; }
.left-graph-if-tab-b { float: left; height: 22px; width: 33px; color: #000000; padding-left: 20px; cursor: hand; }
.left-graph-if-content { width: 460px; padding-left: 1px; float: left; padding-top: 12px; }




.left-realtime { border-bottom: 1px solid #e0e0e0; clear: both; width: 460px; padding-bottom: 12px; }
.left-realtime-content { padding-left: 124px; background: url(http://i.ssimg.cn/images/stkindexfutures/if2008-l1.jpg) no-repeat left top; width: 336px; float: left; }
.left-realtime-list-title { float:left; height:24px; width: 336px; }
.left-realtime-list-name { float: left; width: 264px; overflow: hidden; height: 24px; }
.left-realtime-list-time { float: left; width: 72px; text-align: center; }
.left-hu300 { width: 460px; padding-bottom: 12px; padding-top: 12px; margin-bottom: 6px; }
.left-hu300-content { border: 1px solid #e0e0e0; width: 458px; clear: both; }
.left-hu300-content img { padding-right: 3px; }


.left-conceptstock { width: 460px; }
.left-conceptstock-content { border: 1px solid #e0e0e0; width: 458px; clear: both; }
.left-conceptstock-content img { padding-right: 3px; }

.left-table-title { color: #0052a9; }
.if2008-page .left table { }


.right { float: right; width: 520px; }

.right-topic { padding-bottom: 12px; height: 160px; border: 1px solid #E0E0E0; width: 518px; }
.right-topic-title { width:520px; height: 20px; background: #fafafa; width: 518px; float: left; }
.right-topic-title-name { float: left; width: 458px; height: 20px; line-height: 20px; padding-top: 4px; padding-bottom: 4px; }
.right-topic-title-more { line-height: 20px; height: 20px; width: 60px; float: left; padding-top: 4px; padding-bottom: 4px; }
.right-topic-content { background: url(http://i.ssimg.cn/images/stkindexfutures/if2008-r1.gif) no-repeat center 20px; width: 518px; }
.right-topic-content h1 { text-align: center; font: 20px "黑体" normal; height: 40px; line-height:40px; width: 518px; clear: both; }
.right-topic-content-des { font-size: 14px; width: 470px; padding-right: 24px; padding-left: 24px; text-indent: 2em; }
.right-topic-content-list { padding-left: 24px; height: 24px; line-height: 24px; }
.right-line { float: left; padding-top: 24px; width: 520px; }


.right-news { width:348px; float: left; }
.right-news-title { height: 20px; padding-top: 4px; padding-bottom: 4px; float: left; }
.right-news-title-name { float: left; height: 20px; line-height: 20px; width: 288px; }
.right-news-title-more { line-height: 20px; height: 16px; width: 60px; float: left; padding-top: 4px; }
.right-news-list-title { float:left; height:24px; width: 348px; }
.right-news-list-name { float: left; width: 264px; overflow: hidden; height: 24px; padding-right: 12px; }
.right-news-list-time { float: left; width: 72px; text-align: center; }
.right-spc { float: left; width: 172px; }


.right-market { width:520px; float: left; padding-bottom: 12px; border-bottom: 1px solid #e0e0e0; padding-top: 12px; border-top: 1px solid #e0e0e0; margin-top: 22px; margin-bottom: 12px; }
.right-market-title { height: 20px; padding-top: 4px; padding-bottom: 4px; float: left; }
.right-market-title-name { float: left; height: 20px; line-height: 20px; width: 460px; }
.right-market-title-more { line-height: 20px; height: 16px; width: 60px; float: left; padding-top: 4px; }
.right-market-content { padding-left: 110px; background: url(http://i.ssimg.cn/images/stkindexfutures/if2008-r2.jpg) no-repeat left top; float: left; width: 410px; }
.right-market-list-title { float:left; height:24px; width: 410px; }
.right-market-list-name { float: left; width: 326px; overflow: hidden; height: 24px; padding-right: 12px; }
.right-market-list-time { float: left; width: 72px; text-align: center; }

.right-viewpoint { width:249px; float: left; padding-right: 10px; border-right: 1px solid #e0e0e0; }
.right-viewpoint-title { height: 20px; float: left; padding-top: 4px; padding-bottom: 4px; }
.right-viewpoint-title-name { float: left; height: 20px; line-height: 20px; width: 189px; }
.right-viewpoint-title-more { line-height: 20px; height: 16px; width: 60px; float: left; padding-top: 4px; }
.right-viewpoint-list-title { float:left; height:24px; width: 249px; }
.right-viewpoint-list-name { float: left; width: 237px; overflow: hidden; height: 24px; padding-right: 12px; }
.right-viewpoint-list-time { float: left; width: 72px; text-align: center; }
.right-viewpoint-content { float: left; width: 249px; }

.right-institutions  { width:250px; float: left; padding-left: 10px; padding-bottom: 12px; }
.right-institutions-title { height: 20px; padding-top: 4px; padding-bottom: 4px; float: left; }
.right-institutions-title-name { float: left; height: 20px; line-height: 20px; width: 190px; }
.right-institutions-title-more { line-height: 20px; height: 16px; width: 60px; float: left; padding-top: 4px; }
.right-institutions-list-title { float:left; height:24px; width: 250px; }
.right-institutions-list-name { float: left; width: 237px; overflow: hidden; height: 24px; padding-right: 12px; }
.right-institutions-list-time { float: left; width: 72px; text-align: center; }
.right-institutions-content { float: left; width: 250px; }


.right-chengfengu { width:520px; float: left; padding-top: 12px; padding-bottom: 12px; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; }
.right-chengfengu-title { height: 20px; padding-top: 4px; padding-bottom: 4px; float: left; }
.right-chengfengu-title-name { float: left; height: 20px; line-height: 20px; width: 460px; }
.right-chengfengu-title-more { line-height: 20px; height: 16px; width: 60px; float: left; padding-top: 4px; }
.right-chengfengu-content { padding-left: 110px; background: url(http://i.ssimg.cn/images/stkindexfutures/if2008-r3.jpg) no-repeat left top; float: left; width: 410px; }
.right-chengfengu-list-title { float:left; height:24px; width: 410px; }
.right-chengfengu-list-name { float: left; width: 326px; overflow: hidden; height: 24px; padding-right: 12px; }
.right-chengfengu-list-time { float: left; width: 72px; text-align: center; }


.right-vote { width:249px; float: left; padding-left: 10px; margin-top: 12px; margin-bottom: 12px; }
.right-vote-title { height: 20px; float: left; padding-top: 4px; padding-bottom: 4px; }
.right-vote-title-name { float: left; height: 20px; line-height: 20px; width: 189px; }
.right-vote-title-more { line-height: 20px; height: 16px; width: 60px; float: left; padding-top: 4px; }
.right-vote-content { float: left; width: 249px; height: 174px; overflow: auto; scrollbar-base-color: AliceBlue; scrollbar-arrow-color: DarkGray; scrollbar-shadow-color: AliceBlue }
.right-vote-content-q { background: url(http://i.ssimg.cn/images/stkindexfutures/if2008-r-vote-q.gif) no-repeat 12px 2px; padding-left: 36px; }
.right-vote-content-list { padding-left: 36px; padding-top: 6px; padding-bottom: 6px; }
.right-vote-content-go { padding-left: 36px; }
.right-vote-content-go img { padding-right: 24px; }



.right-charts  { width:250px; float: left; padding-right: 10px; border-right: 1px solid #e0e0e0; margin-top: 12px; margin-bottom: 12px; }
.right-charts-title { height: 20px; padding-top: 4px; padding-bottom: 4px; float: left; }
.right-charts-title-name { float: left; height: 20px; line-height: 20px; width: 190px; }
.right-charts-title-more { line-height: 20px; height: 16px; width: 60px; float: left; padding-top: 4px; }
.right-charts-content { float: left; width: 250px; height: 170px; }

.right-oversea { width:249px; float: left; padding-right: 10px; border-right: 1px solid #e0e0e0; padding-top: 12px; margin-bottom: 12px; }
.right-oversea-title { height: 20px; float: left; padding-top: 4px; padding-bottom: 4px; }
.right-oversea-title-name { float: left; height: 20px; line-height: 20px; width: 189px; }
.right-oversea-title-more { line-height: 20px; height: 16px; width: 60px; float: left; padding-top: 4px; }
.right-oversea-list-title { float:left; height:24px; width: 249px; }
.right-oversea-list-name { float: left; width: 237px; overflow: hidden; height: 24px; padding-right: 12px; }
.right-oversea-list-time { float: left; width: 72px; text-align: center; }
.right-oversea-content { float: left; width: 249px; }



.right-world  { width:250px; float: left; padding-left: 10px; padding-top: 12px; }
.right-world-title { height: 20px; padding-top: 4px; padding-bottom: 4px; float: left; }
.right-world-title-name { float: left; height: 20px; line-height: 20px; width: 190px; }
.right-world-title-more { line-height: 20px; height: 16px; width: 60px; float: left; padding-top: 4px; }
.right-world-content { float: left; width: 250px; }
.space1 { line-height: 1px; height: 1px; border-bottom: 1px solid #e0e0e0; margin-bottom: 12px; }


.pagebk { border: 1px solid #CCCCCC; background: url(http://i.ssimg.cn/images/stkindexfutures/2th-bg.gif) repeat-y; width: 998px; margin: 0px auto 10px; }
#if2008-newslist { float: left; width: 678px; }
#if2008-sidebar { float: right; width: 300px; text-align: left; padding: 10px; }

#if2008-sidebar-b { border:1px solid #cccccc}
#product-r { float: right; width: 300px }



/* 文字颜色 */
.font_color_red{ color:#C00;}
.font_color_green{ color:#080;}
