﻿/* ////////////////global//////////////// */

body{
	color:#333;
	font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height:120%;
}
body {
	background-color:#D20000;
	background-image:none;
	margin:0px 20px 20px 20px;
	padding:0; 
}
td{
vertical-align:top;
}
a img{ border:none;}
a {
	color:#CC0000;
	text-decoration:underline;
}
a:hover {
	color:#333;
	text-decoration:underline;
}
h1{
	padding:3px;
	margin:0px;
	font:16px Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-style:normal;
	line-height:100%;
	color:#333333;
	background-color:#CCCCCC;
}
h2{
    padding:0 0 10px 0;
	margin:0;
	font:14px Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	line-height:100%;
	color:#CC0000;
}
h3 {
	padding:0 0 10px;
	margin:0;
	font-size: 14px;
	font-weight: 100;
	line-height:100%;
}
p{
	padding:0 0 10px 0;
	margin:0;
	color: #333333;
	}
.cleaner{
	clear:both;
	line-height:1px;
}


/* ////////////////structure of page//////////////// */

#all{
	width: 1000px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}
#container{
	width: 1000px;
	height:auto;
	padding:0;
	margin:0;
	float:left;
	clear:both;
	background-color:#FFFFFF;
}

#header{
	width:1000px;
	height:137px;
	float:left;
	clear:both;
	background-color:#FFFFFF;
}
#logo{
	position:absolute;
	top:10px;
	left:0px;
}
#menuHaut{
	width:180px;
	position:absolute;
	top:10px;
	left:800px;
	margin:0px;
	padding:0;
	text-align:right;
	font-size:13px; 
}
#newsTicker{
	width:664px;
	height:33px;
	position:absolute;
	top:104px;
	left:335px;
	margin:0px;
	padding:0;
	background: url(./IMG/bgTicker.jpg) no-repeat left top;
}

#Banner{
	width:1000px;
	height:214px;
	margin:0;
	padding:0;
	float:left;
	clear:both; 
}

#main{
	width:1000px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
	clear:both; 
}
#footer
{
	width: 1000px;
	padding:10px 0;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	color:#FFFFFF;
}



#adsense{
	background-color:#FFFFFF;
	color:#666666;
	margin:10px 0 10px 0;
	padding:10px;
}
#footerLeft{
width:450px;
float:left;
text-align:left;
color:#FFFFFF;
}
#footerRight{
width:400px;
float:right;
text-align:right;
color:#FFFFFF;
}
#footer, #footer a{
color:#FFFFFF !important;
}
/* ///////////////menu left///////////////*/

#navleft {margin:0; padding:20px 30px 20px 30px; width:270px; height:174px; list-style:none; position:relative; z-index:500; font-family:Tahoma, Arial, Helvetica, sans-serif; background: url(./IMG/bgMenu.jpg) no-repeat left top;}
#navleft li.top {display:block; clear:both; height:20px; width:275px; margin:0; border-top:1px solid #CCCCCC;}
#navleft li:first-child{border:none;}
#navleft li a.top_link {display:block; float:left; height:20px; width:275px; padding:2px 0; line-height:22px; color:#000000; text-decoration:none; font-size:14px; font-weight:bold; cursor:pointer; }
#navleft li a.top_link span {float:left; display:block; height:20px; }

#navleft li:hover a.top_link {color:#CC0000;}
#navleft li:hover a.top_link span {background:url(three_1.gif) no-repeat right top;}
#navleft li:hover a.top_link span.down {background:url(three_1a.gif) no-repeat right top;}

/* Default list styling */

#navleft li:hover {position:relative; z-index:200;}

#navleft li:hover ul.sub
{left:145px; top:-1px;  white-space:nowrap; width:150px; height:auto; z-index:300; padding:5px;}
#navleft li:hover ul.sub li:hover ul
{left:119px; top:-4px;    white-space:nowrap; width:150px; height:auto; z-index:300;}
#navleft li:hover ul.sub li,
#navleft li:hover ul.sub li:hover ul li
{display:block; height:20px; position:relative; float:left; width:142px; letter-spacing:1px; font-weight:normal;font-size:12px;background-color:#CC0000;}
#navleft li:hover ul.sub li a,
#navleft li:hover ul.sub li:hover ul li a
{display:block; font-size:11px; height:18px; width:142px; line-height:18px; text-indent:5px; color:#FFFFFF; text-decoration:none;}
#navleft li:hover ul.sub li a:hover,
#navleft li:hover ul.sub li:hover ul li a:hover
{background-color:#990000;}

#navleft ul, 
#navleft ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}


/* ///////////box/////// */
.box{
	padding:20px;
}
.box2{
    
}
.scrollbox{
    width:220px;
	height:150px;
	overflow-y: scroll; 
}
#adsense{
	padding:10px;
	margin:0 20px;
	background-color:#EEEEEE;
	text-align:center;
}
/* ///////////form/////// */
#searchTop{
	width:400px;
	position:relative;
	top:35px;
	left:545px;
}
#searchTop td{
    vertical-align:middle;
}
form input[type=text], form input[type=password]{
	color:#333;
	font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #CCCCCC;
} 
form select{
	height:20px;
	line-height:20px;
} 
form input[type=text], form input[type=password]{
	height:15px;
	line-height:15px;
	position:relative;
	top:0;
	left:0;
}
form input[type=submit], .buttonlink{
	width: auto;
	height:20px;
	line-height:15px;
	background-color:#CC0000;
	color:#FFFFFF;
	font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:16px;
	border-top:2px solid #FF6666;
	border-left:2px solid #FF6666;
	border-right:2px solid #990000;
	border-bottom:2px solid #990000;
}
form input[type=submit]:hover, .buttonlink:hover{
	width: auto;
	height:20px;
	line-height:15px;
	background-color:#990000;
	color:#FFFFFF;
	font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:16px;
	border-top:2px solid #CC0000;
	border-left:2px solid #CC0000;
	border-right:2px solid #660000;
	border-bottom:2px solid #660000;
	cursor:pointer;
} 
a.buttonlink{
display:inline-block;
text-align:center;
text-decoration:none;
}
.big{
	width:160px;
}
.little{
	width:120px;
}
.mini{
	width:100px;
}
.formtype textarea{
	width:190px;
}
/* ///////////others/////// */
.boxLine{
	background-color:#EAECF2;
	border-bottom:1px solid #6E7DA8;
}
#left ul{
	margin:0 0 0 15px;
	padding:0 0 15px 15px;
}
.imgRight{
	padding:0px 0px 5px 3px;
	border:0;
	float:right;
}
.imgLeft{
	padding:0px 5px 0px 0px;
	border:0;
	float:left;
}
img.imgBorder{
border:1px solid #E1EDF6;
}
img.noBorder{
border:0;
}
.gras{
	font-weight:bold;
}
.grand{
	font-size:15px;
	font-weight:bold;
}
.light{
	font-size: 13px;
}
.bleu{
	color:#3E91C1;
}
.centrer{
	text-align:center;
	margin-right:20px;
}
.textRight{
	text-align:right;
}
.textTitle{
	padding:10px 0px 0px 15px;
	margin:0;
	height:30px;
	color:#FFFFFF;
	font:16px Arial,Verdana,  Helvetica, sans-serif;
	font-weight:bold;
	line-height:100%;
}
.text{
padding:15px;
}
.blanc{
color:#FFFFFF;
}
.grey{
background-color:#484848;
}
.noir{
background-color:#000000;
}
.green{
color:#00CC00;
}
.red{
color:#CC0000;
}
.underl{
text-decoration:underline;
}
.linkRight{
display:block;
float:right;
color:#FF6600;
}
.cornertext{
font-size:10px;
line-height:10px;
margin-top:-10px;
padding-top:-20px;
}
.chinese{
font:12px 'ºÚÌå', 'ËÎÌå';
}
.mainText{
font-size:14px;
line-height:120%;
width: 78.4%;
}
#newsTable a{
color:#333333;
text-decoration:none;
}
#newsTable a:hover{
	color:#D20000;
	text-decoration:none;
}
#newsTable{
border-top:1px solid #CCC;
font-family: Tahoma, Verdana, Cantarell, MS Sans Serif, Sans-Serif;
}
#newsTable td{
border-bottom:1px solid #CCC; width: 470px;
}
#newsTable .spacer{ width:1px;}
/* ///////List////////*/

ul,li{margin:0;padding:0}
.newsList{
	margin:0;
	padding:0;
	list-style:none;
}
.newsList li{
	margin:0 0 10px 0;
	padding:0;
	text-indent:10px;
	background-image:url(./IMG/imgFlash.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
}
.newsList2{
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
}
.newsList2 li{
	margin:0 0 6px 0;
	padding:0 0 0 10px;
	background-image:url(./IMG/imgFlash.gif);
	background-repeat:no-repeat;
	background-position:0px 6px;
}


.imgnav{ height:214px; background:#DDD; width:416px; overflow:hidden;  position:relative;}
.imgnav2{ height:245px; background:#DDD; width:416px; overflow:hidden;  position:relative;}
.imgnavVideo{ height:372px; background:#DDD; width:630px; overflow:hidden;  position:relative; margin-top: -125px;}

#img{ z-index:10;}
#img img{ width:416px; height:214px; display:none;}
#img  a{ cursor:default;}
.ctrl{ display:none; position:absolute; z-index:100; bottom:1px; left:1px; right:1px; width:416px; height:20px; overflow:hidden;}
.ctrl ul{ float:left; line-height:20px; overflow:hidden; width:67%; filter: alpha(opacity=0);-moz-opacity:00;opacity: 00;}
.ctrl li{ display:block;height:20px; text-align:center; font-size:14px; font-weight:900;background:#000; color:#fff;}
.ctrl span{ float:left; width:17%; height:20px; line-height:18px; cursor:pointer; margin-right:1px; border:1px solid #E2C743; background:#E2C743; text-align:center;}
.ctrl span.hov{ background:#C00; border:1px solid #C00;}
.ctrl div{ float:right; width:32%;}


.tickercontainer { /* the outer div with the black border */ 
position: relative;
left: 5px;
top: 0px;
width: 654px; 
height: 27px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 0px;
top: 0px;
width: 654px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 654px;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
height:16px;
color:#CC0000; 
font-size:14px; 
font-weight:bold;
height:30px;
line-height:30px;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
margin: 0 50px 0 0;
text-decoration:none;
}

ul.newsticker a:hover {
color:#333333;
}

/* ¹ö¶¯ÁÐ±íµÄ¸¸¼¶ */ 
.marqueeDemo { 
    position:relative;    /* ±Ø¼Ó */ 
    overflow:hidden;    /* ±Ø¼Ó */ 
	width: 654px; 
    height: 27px;
	left:5px; 
} 
 
/* ¹ö¶¯ÁÐ±í */ 
.marqueeDemo ul { 
    position:absolute;    /* ±Ø¼Ó */ 
    zoom:1;                /* Èç¹ûÊÇºáÏò¹ö¶¯£¬ÓÃÓÚÇå³ý¸¡¶¯ */ 
	width:1000px;
list-style-type: none;
margin: 0;
padding: 0;
} 
 
.marqueeDemo ul:after {    /* Èç¹ûÊÇºáÏò¹ö¶¯£¬ÓÃÓÚÇå³ý¸¡¶¯ */ 
    content:".";  
    display:block;  
    height:0; 
    clear:both;  
    visibility:hidden; 
} 
 
/* ÁÐ±íÀïµÄÃ¿Ò»Ïî */ 
.marqueeDemo li { 
    float:left;            /* Èç¹ûÊÇºáÏò¹ö¶¯£¬±ØÐë¸¡¶¯ */ 
    height:30px;
    line-height:30px;
color:#CC0000; 
font-size:14px; 
font-weight:bold;
}
.marqueeDemo li a {
white-space: nowrap;
padding: 0;
margin: 0 50px 0 0;
text-decoration:none;
}

.marqueeDemo li a:hover {
	color:#006;
}
.ninept {
	font-size: smaller;
}
/*
.sunburst {
	background-color:#D20000;
	 background-image:url(./IMG/sunburst.jpg);
	background-repeat: no-repeat;
	margin:2px 2px 2px 2px; 
	padding:0;
}*/

.sunbursthead{
	margin: -80px 0 0 60px;
	font:14px Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	line-height:100%;
	color:#CC0000;
}

.sunbursttext{
	margin: 3px 0 0 0px;
	font-weight: bold;
	font-size: 11px;
	color: Black;
}

.hiddencol
    {
        display:none;
    }
.viscol
{
    display:block;
}