MSNShell CSS
@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;
}
浙公网安备 33010602011771号