@charset "utf-8";
/* 09MSNShell official web Create by Odin  */
/*basic css*/
body {
		margin:0;
		padding:0;
		font:12px "微软雅黑", "Segoe UI", Verdana, Arial;
		line-height:150%;
		background:url(main_bg.gif) repeat-y center;
}
ul {
		margin:0;
		padding:0;
}
li {
		margin:0;
		padding:0;
		list-style:none;
}
img {
		border:0;
}
.clearfloat {
		margin:0;
		padding:0;
		height:0;
		line-height:0;
		font-size:0;
		clear:both;
}
a {
		color:#0066FF;
		text-decoration:none;
}
a:hover {
		color:#FF3300;
		text-decoration:none;
}
tr td {
		line-height:150%;
}

/* logo & nav wrap */
#TopNavWrap {
		height:82px;
		background:url(top_bg.jpg) no-repeat center;
}
#TopNavWrap1 {
		height:82px;
		background:url(top_bg1.jpg) no-repeat center;
}
.TNwrap {
		width:940px;
		margin:0 auto;
}
.LogoWrap {
		width:200px;
		height:82px;
		background:url(msnshelllogo.gif) no-repeat;
		float:left;
}
.NavWrap {
		margin:6px 24px 0 0;
		text-align:right;
		float:right;
		display:inline;
}
.AddFavorite  {
		margin:6px 6px 6px 0;
		height:24px;
		line-height:24px;
		font-size:14px;
		text-align:right;
		cursor:pointer;
}
.AddFavorite img {
		vertical-align:middle;
}
.AddFavorite a {
		color:#336699;
		text-decoration:none;
}
.AddFavorite a:hover {
		color:#336699;
		text-decoration:none;
}
.Nav {
		text-align:right;
		margin:12px 0 0 0;
		font-size:18px;
}
.Nav a {
		color:#336699;
		padding:0 6px;
		text-decoration:none;
		font-size:18px;
}
.Nav a:hover {
		color:#336699;
		padding:0 6px;
		text-decoration:none;
		font-size:18px;
}
/* content wrap */
#ContentWrap {
		width:940px;
		margin:0 auto;
}
.BannerWrap {
		margin:0;
}
.MovingCatalogWrap {
		margin:0;
}
.CatalogTitleWrap {
			width:305px;
			height:48px;
			background:url(title_bg.gif) no-repeat;	
}
.CatalogBox {
		height:140px;
		width:916px;
		margin:0 auto;
}
.LeftBtnBox {
		width:43px;
		height:74px;
		margin:24px 0 0 0;
		float:left;
}
.LeftBtn {
		width:43px;
		height:74px;
		border:0;
		background:url(arrow_btn.gif) no-repeat;
		background-position:0 0;
		cursor:pointer;
}
.LeftBtnHover {
		width:43px;
		height:74px;
		margin:0;
		border:0;
		background:url(arrow_btn.gif) no-repeat;
		cursor:pointer;
}
.LeftBtnDown {
		width:43px;
		height:74px;
		margin:0;
		border:0;
		background:url(arrow_btn.gif) no-repeat;
		background-position:0 -74px;
		cursor:pointer;
}
.CatalogListBox {
		width:830px;
		height:140px;
		overflow:hidden;
		position:relative;
		float:left;
}
.wrapwrap {
		width:3320px;
		position:absolute;
		left:-166px;
}
.CatalogListBoxLI {
		width:166px;
		height:140px;
		float:left;
}
.RightBtnBox {
		width:43px;
		height:74px;
		margin:24px 0 0 0;
		float:left;	
}
.RightBtn {
		width:43px;
		height:74px;
		background:url(arrow_btn.gif) no-repeat;
		background-position:-43px 0;
		border:0;
		cursor:pointer;
}
.RightBtnHover {
		width:43px;
		height:74px;
		background:url(arrow_btn.gif) no-repeat;
		background-position:-43px 0;
		border:0;
		cursor:pointer;
}
.RightBtnDown {
		width:43px;
		height:74px;
		background:url(arrow_btn.gif) no-repeat;
		background-position:-43px -74px;
		border:0;
		cursor:pointer;
}
.LiWarp {
		width:166px;
		margin:6px 0 0 0;
}
.ImgWarp {
		width:50px;
		height:60px;
		margin:24px 0 0 0;
		float:left;
}
.TextWarp {
		width:110px;
		float:left;
}
.TextWarp h2 {
		font-size:13px;
		text-align:left;
		margin:0 0 6px 0;
		padding:0;
}
.TextWarpLi {
		line-height:18px;
		height:80px;
		text-align:left;
}
.CompartLine {
		width:940px;
		height:5px;
		margin:0 auto;
		background:url(line.gif) no-repeat;
}
.AppTitleWrap {
		width:305px;
			height:48px;
			background:url(title_bg.gif) no-repeat;	
			background-position:0 -48px;
}
.AppContentWrap {
		width:880px;
		height:220px;
		margin:0 auto;
}
.FooterWarp {
		width:900px;
		margin:0 auto;
		text-align:right;
}
.FooterWarp a {
		color:#333333;
		text-decoration:none;
}
.FooterWarp a:hover {
		color:#666666;
		text-decoration:none;
}
.LinkWrap {
		margin:0 auto;
		width:900px;
		border-top:1px #C9C9C9 solid;
		padding:12px 0 0 0;
}
.LinkWrap li {
		height:40px;
}
.LinkWrap li img {
		margin:0 12px;		
}
.LinkText {
		height:20px;
		line-height:20px;
		padding:0 12px;
}
.LinkText span {
		padding:0 12px 0 0;
}
.ImportantText {
		display:none;
}


/* -----------------------------------download------------------------------------- */
.DownloadWrap {
		height:305px;
		background:url(downloadwrapbg.gif) no-repeat center;
}
.TableWrap {
		width:940px;
		height:305px;
		margin:0 auto;
}
.DonwloadText {
		margin:12px 0 0 24px;
}
.DownloadTitleWrap {
		width:940px;
		margin:0 auto;
		background:url(downbg.jpg) repeat-x;
}
.DownloadNavWrap {
		width:258px;
		float:left;
}
.DNTitle {
		width:258px;
		height:62px;
		background:url(navtitle.jpg) no-repeat;
}
.DNList {
		margin: 12px 0 0 24px;
}
.DNList li {
		height:24px;
		line-height:24px;
		font-size:13px;
		font-weight:bold;
		padding:0 0 0 28px;
		background:url(listicon.gif) no-repeat;
}
.DNList a {
		color:#666666;
		text-decoration:none;
}
.DNList a:hover {
		color:#000000;
		text-decoration:none;
}
.DownloadContentWrap {
		width:580px;
		font-size:14px;
		float:left;
}
.DCTitle {
		width:137px;
		height:40px;
		background:url(downtitle.jpg) no-repeat;
}
.DCIntro {
		margin:12px 0 0 0;
}
.DCIntro li {
		line-height:20px;
}
.DCDList {
		line-height:24px;
		margin:24px 0 0 0;
}
.DownloadMSNWrap {
		margin:0;
}
.DMTitle {
		width:137px;
		height:40px;
		background:url(otc.gif) no-repeat;
		margin:12px 0 0 0;
}
.DMList {
		margin:6px 0 0 0;
}
.DMList li {
		line-height:24px;
}

/* -------------------------------------Link--------------------------------------- */
.LinkPageWrap {
		height:171px;
		background:url(link_bg.jpg) no-repeat center;
}
.LinkTopImg {
		width:940px;
		margin:0 auto;
		height:171px;
		background:url(link_main_bg.jpg) no-repeat;
}
.LinkContentWrap {
		margin:0 auto;
		width:940px;
}
.MTitle {
		width:258px;
		height:62px;
		background:url(MTitle_bg.gif) no-repeat;
}
.LCTitle {
		width:137px;
		height:40px;
		background:url(LCTitle.gif) no-repeat;
}
.LinksWrap {
		margin:6px 0 0 0;
}
.LinksWrap img {
		margin:0 12px 6px 0;
}
.LinksWrap span {
		padding:0 12px 0 0;
}

/*  ---------------------------------------- about us --------------------------------------  */
.ContatsImg {
		width:940px;
		height:177px;
		margin:0 auto;
		background:url(us_bg.jpg) no-repeat;
}
.USTitle {
		width:137px;
		height:40px;
		background:url(UStitle.gif) no-repeat;
}
.AboutText {
		margin:6px 0 0 0;
}
.AboutText li {
		line-height:20px;
}
span.blue {
		color:#0033FF;
		padding:0 6px;
}

/*  ---------------------------------------- history --------------------------------------  */
.HistoryPageWrap {
		height:177px;
		background:url(history_bg.gif) no-repeat center;
}
.HistoryTopImg {
		width:940px;
		height:177px;
		margin:0 auto;
		background:url(historymain_bg.jpg) no-repeat;
}
.HCTitle {
		width:137px;
		height:40px;
		background:url(HCtitle.gif) no-repeat;
}
#history {
    margin: 0 12px;
}
div.history_box {
    margin: 12px 0;
	border-bottom: 1px #ccc solid;
}
div.history_box h2 {
    font-size: 14px;
	line-height: 100%;
	color: #000;
    font-weight: 100;	
}
div.his_t_pic {
    margin: 0;
	float: left;
}
div.his_title {
    margin: 0;
	float: left;
}
span.h_date {
    color: #666;
	font-size: 10px;
}
span.h_ver {
    font-size: 14px;
}
div.history_t_box {
}
div.history_text {
    margin: 0 0 0 48px;
	padding: 12px 0;
}
div.history_text ul {
    margin: 0;
	padding: 0;
}
div.history_text li {
    list-style: none;
	line-height: 25px;
}

/*-----------------------------------contact-----------------------------------*/
.ContactPageWrap {
		height:200px;
		background:url(contactmain_bg.gif) no-repeat center;
}
.ContactTopImg {
		height:200px;
		width:940px;
		margin:0 auto;
		background:url(contactbg.jpg) no-repeat;
}
.CTitle {
		width:137px;
		height:40px;
		background:url(Ctitle.gif) no-repeat;
}
.ContatcText {
		margin:6px 0 0 0;
}
.ContatcText li {
		line-height:20px;
}










.spacer {
	CLEAR: both;
	FONT-SIZE: 1px;
	HEIGHT: 1px
	}
	
#tps {
	MARGIN: auto;
	WIDTH: 1000px;
	POSITION: relative
	}
#tp1 {
	DISPLAY: none;
	LEFT: 60px;
	POSITION: absolute;
	TOP: 90px
	}
#tp2 {
	DISPLAY: none; LEFT: 60px; POSITION: absolute; TOP: 90px
}
#tp3 {
	DISPLAY: none; LEFT: 60px; POSITION: absolute; TOP: 90px
}
#page {
	MARGIN: auto; WIDTH: 940px
}
#header {
	
}
#footer {
	TEXT-ALIGN: center
}
#footer A {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; COLOR: #009ddf; PADDING-TOP: 0px; TEXT-ALIGN: center
}

.groupe1 {
	background:url(../img/bg_img1.jpg);
	}
	
.groupe {
	
}
H1 {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 20px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 19px; 
	BACKGROUND: url(fond_titre.jpg) no-repeat left top; 
	PADDING-BOTTOM: 10px; 
	MARGIN: 0px; 
	COLOR: #ff9001; 
	PADDING-TOP: 15px;  
	}
.col1 {
	FLOAT: left; WIDTH: 310px
}
.col2 {
	FLOAT: left; WIDTH: 320px
}
.col3 {
	FLOAT: left; WIDTH: 310px
}
.pave {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 50px; 
	BACKGROUND: url(picto_2.gif) no-repeat left top; 
	PADDING-BOTTOM: 20px; 
	PADDING-TOP: 0px
}

.pave H2 {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px;
	font-weight:bold;  
	FONT-SIZE: 13px; 
	PADDING-BOTTOM: 2px; 
	MARGIN: 0px; 
	WIDTH: 240px; 
	COLOR: #666666; 
	PADDING-TOP: 0px;
}
.pave P {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px;  
	FONT-SIZE: 13px; 
	BACKGROUND:url(fond-paragraphe.jpg) no-repeat left bottom; 
	PADDING-BOTTOM: 0px;
	MARGIN: 0px; 
	WIDTH: 240px; 
	COLOR: #666666; 
	PADDING-TOP: 0px;
	line-height:20px
	}
.pave A {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FONT-SIZE: 12px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	COLOR: #009ddf; 
	PADDING-TOP: 0px;
	line-height:18px;
	}
	
#picto1 {
	BACKGROUND-IMAGE: url(hide.gif);
}
#picto2 {
	BACKGROUND-IMAGE: url(picto_2.gif);
}
#picto3 {
	BACKGROUND-IMAGE: url(picto_3.gif);
}
#picto4 {
	BACKGROUND-IMAGE: url(picto_4.gif);
}
#picto5 {
	BACKGROUND-IMAGE: url(picto_5.gif);
}
#picto6 {
	BACKGROUND-IMAGE: url(picto_6.gif);
}
#picto7 {
	BACKGROUND-IMAGE: url(picto_7.gif);
}
#picto8 {
	BACKGROUND-IMAGE: url(crop.gif);
}
#picto9 {
	BACKGROUND-IMAGE: url(picto_9.gif);
}
#picto10 {
	BACKGROUND-IMAGE: url(picto_10.gif);
}
#picto11 {
	BACKGROUND-IMAGE: url(picto_11.gif);
}
#picto12 {
	BACKGROUND-IMAGE: url(picto_12.gif);
}
#picto13 {
	BACKGROUND-IMAGE: url(picto_1.gif);
}
#picto14 {
	BACKGROUND-IMAGE: url(picto_14.gif);
}
#picto15 {
	BACKGROUND-IMAGE: url(picto_15.gif);
}
#picto16 {
	BACKGROUND-IMAGE: url(picto_16.gif);
}
#picto17 {
	BACKGROUND-IMAGE: url(jiami.gif);
}
#picto18 {
	BACKGROUND-IMAGE: url(picto_18.gif);
}
#picto19 {
	BACKGROUND-IMAGE: url(picto_19.gif);
}
#picto20 {
	BACKGROUND-IMAGE: url(picto_20.gif);
}
#picto21 {
	BACKGROUND-IMAGE: url(picto_21.gif);
}
#picto22 {
	BACKGROUND-IMAGE: url(picto_22.gif);
}
#picto23 {
	BACKGROUND-IMAGE: url(picto_23.gif);
}
#picto24 {
	BACKGROUND-IMAGE: url(slideDP.gif);
}
#picto25 {
	BACKGROUND-IMAGE: url(picto_25.gif);
}
#picto26 {
	BACKGROUND-IMAGE: url(multiacc.gif);
}
#picto27 {
	BACKGROUND-IMAGE: url(list.gif);
}
#picto28 {
	BACKGROUND-IMAGE: url(picto_28.gif);
}
#picto29 {
	BACKGROUND-IMAGE: url(picto_29.gif);
}
#picto30 {
	BACKGROUND-IMAGE: url(picto_30.gif);
}
#picto31 {
	BACKGROUND-IMAGE: url(picto_31.gif);
}
#picto32 {
	BACKGROUND-IMAGE: url(picto_32.gif);
}
#picto33 {
	BACKGROUND-IMAGE: url(picto_33.gif);
}
#picto34 {
	BACKGROUND-IMAGE: url(picto_34.gif);
}
#picto35 {
	BACKGROUND-IMAGE: url(picto_35.gif);
}
#picto37 {
	BACKGROUND-IMAGE: url(picto_37.gif);
}
#picto38 {
	BACKGROUND-IMAGE: url(picto_38.gif);
}
#picto40 {
	BACKGROUND-IMAGE: url(picto_40.gif);
}
#picto41 {
	BACKGROUND-IMAGE: url(picto_41.gif);
}
#picto43 {
	BACKGROUND-IMAGE: url(picto_43.gif);
}
#picto44 {
	BACKGROUND-IMAGE: url(picto_44.gif);
}
#picto45 {
	BACKGROUND-IMAGE: url(wer.gif);
}
#picto46 {
	BACKGROUND-IMAGE: url(jidong.gif);
}
#feedback{
	margin:0;
	width:1000px;
	text-align:center;
	line-height:18px;
	background:url(../img/img/di_img1.jpg) top repeat-x;
	height:110px;
	}  
 .feedback1{
	margin:15px auto;
	padding:10px 0 0 0; 
	width:1000px;
	text-align:center;
	line-height:22px;
	border-top:dotted #999999 1px;
	}