body {margin:0px; padding: 0;font-family:Tahoma, Verdana, Arial;font-size:70%;line-height:120%;color:#2B2B2B;text-align:center;background: url('../images/background.jpg') repeat-x; -webkit-text-size-adjust:none;} .ParentLayer {width:978px;margin:auto;text-align:left;border-left:1px solid #ccc;border-right:1px solid #ccc;background-color: #fff;} img {border:0px;} ul { margin-bottom:3px; margin-top:3px; } ul li { list-style-image:url('../images/newsarr.gif')} * { line-height:24px; margin:0px; padding: 0;} .AlphaAction {filter:progid:DXImageTransform.Microsoft.Alpha(style=2,opacity=45,finishOpacity=45);} /* Header */ #HeaderMain {background: url('../header-bg.gif') repeat-x; height:123px;} #HeaderMain, #Content, #Content1 {margin:0 auto;padding:0; clear:both;} #HeaderWidth{width: 980px; margin:0 auto;} #Logo { float: left; margin-bottom:20px; margin-left:10px;} #SearchBar{ float:right; padding-right: 5px; padding-top: 30px; text-indent:inherit;} #SearchBar{width:170px; height:23px; font-family:Helvetica, Arial, sans-serif; text-align:right; float:right; padding-right: 5px; padding-top: 30px; text-indent:inherit;} #SearchBar input{ float:left;} #SearchBar .SearchHid{ display:none;} #SearchBar #q{ width:125px; height:21px !important; background:url(/images/button-search.png) no-repeat left 0; border:none; padding:2px 2px 2px 6px;} #SearchBar .submit{ width:25px; height:23px; background:url(/images/button-search.png) no-repeat right 0; border:none; cursor:pointer;} #PageTopMenu { width: 980px; height:44px; line-height: 44px; font-size: 12px; clear: both; overflow: hidden; zoom: 1; font-weight: bold; } #PageTopMenu ul { padding: 0; margin: 0; float: left; overflow: hidden; zoom: 1; } #PageTopMenu li, #PageTopMenu li.NavLeft, #PageTopMenu li.NavRight { list-style: none none; position:relative; float:left; width:245px; height:44px; line-height: 44px; vertical-align:middle; padding:0; margin: 0; display: inline; } #PageTopMenu li {background: url('/images/navbg.gif') no-repeat top center;} #PageTopMenu li.NavLeft, #PageTopMenu li.NavRight { width:245px;} #PageTopMenu li.NavLeft {background: url('/images/navbg.gif') no-repeat top left;} #PageTopMenu li.NavRight {background: url('/images/navbg.gif') no-repeat top right;} #PageTopMenu li a { display: block; text-decoration: none; height:44px; line-height: 44px; text-align: center; overflow: hidden; zoom: 1; vertical-align:middle; width:100%;} #PageTopMenu li a, #PageTopMenu li a:hover {color: #fff;} #PageTopMenu li a:hover {background: url('/images/navbg-hover.gif') no-repeat -249px top; } #PageTopMenu li.NavLeft a:hover {background: url('/images/navbg-hover.gif') no-repeat left top; } #PageTopMenu li.NavRight a:hover {background: url('/images/navbg-hover.gif') no-repeat right top; } #PageTopMenu li a.TouchPage, #PageTopMenu li a.TouchPageL, #PageTopMenu li a.TouchPageR {color: #fff;} #PageTopMenu li a.TouchPage {background: url('/images/navbg-active.gif') no-repeat top center;} #PageTopMenu li a.TouchPageL {background: url('/images/navbg-active.gif') no-repeat top left;} #PageTopMenu li a.TouchPageR {background: url('/images/navbg-active.gif') no-repeat top right;} /* Header end */ /** * 面包屑背景 **/ #PageNavigation { background-color:#E2E2E2; height:33px; border:1px solid #ccc;border-left:0px;border-right:0px; } /** * Google语言栏 **/ #google_translate_element { margin: 0 15px 0 5px; padding: 0; float: right; width: 145px; height: 30px; overflow: hidden; zoom: 1; text-align: right;} /** * 面包屑路径 **/ #PageNavigation ul { height:33px; margin:0px; margin-left:20px; padding-left:20px; background-image:url('../images/house.gif'); background-position:center left; background-repeat:no-repeat; list-style-type:none; } #PageNavigation p { text-indent: 35px;background: url('../images/house.gif') no-repeat 15px center;margin:0px; font-weight:bold;line-height:33px;vertical-align:middle;float:left; } /** * 面包屑路径条目 **/ #PageNavigation ul li { line-height:32px; vertical-align:middle; list-style-type:none; float:left; position:relative;padding-right:5px;font-size: 125%; } #PageNavigation a:link {font-size: 88%;color: #606060;text-decoration: none;} #PageNavigation a:visited {font-size: 88%;color: #606060;text-decoration: none;} #PageNavigation a:hover {font-size: 88%;color: #BC3E06;text-decoration: underline;} #PageNavigation a:active {font-size: 88%;color: #606060;text-decoration: none;} /** * 主要内容部分 **/ #Banner1 {height: 156px;width: 100%;background: url('../images/banner-left.jpg') repeat-x bottom;position: relative;clear: both;} #Banner2 {height: 156px;width: 100%;background: url('../images/banner-right.jpg') no-repeat right bottom;} #RightContext { width:700px; border-left:1px solid #ccc; float:right; padding:0 10px; margin: 0;} #RightContext ul, #RightContext ol {padding-left: 15px;margin-left:20px; } table { border:0px;border-top:1px solid #bbb;border-left:1px solid #bbb;padding:0px;padding-left:1px;padding-top:1px;} table.Center { width: 710px;} table.Center td { text-align: center;} table.Center td.Left { text-align:left;} table .Title { font-weight: bold; background-color: #F9FAFD; text-align: center;} table td { margin:0px; border-right:1px solid #bbb; border-bottom:1px solid #bbb; padding:8px;} table .header1 { font-weight:bold; text-align:center; background-image:url('../images/backdround-green.gif'); } table .header2 { font-weight:bold; text-align:center; background-image:url('../images/background-red.gif'); } table .header3 { font-weight:bold; text-align:center; background-image:url('../images/background-blue.gif'); } table .header4 { font-weight:bold; text-align:center; background-image:url('../images/background-yellow.gif'); } table .header5 { font-weight:bold; text-align:center; background-image:url('../images/background-purple.gif'); } table tr.Green { background-color:#FBFFFB; font-weight: bold; text-align: center; vertical-align: top;} #Context { padding:15px;margin:0px;clear: both;} #Context ul li.ThreeColumn { padding: 1%;float: left;width: 31%;list-style-type: none;} #Context ul.ThreeColumn,#Context p.ThreeColumn { clear:both; } .LeftFloat { float:left;} .RightFloat { float:right;} /*IndexTop*/ #IndexTop { padding:0; background:url('/images/bg-indextop-repeat.gif') repeat-y 10px 0; overflow:hidden; margin:10px 0;} #IndexTop h1 { background:url('/images/bg-indextop-top.gif') no-repeat 10px 0; text-indent:30px; line-height:40px; padding:0; margin:0; font-size:18px;} .Bottom { background:url('/images/bg-indextop-bottom.gif') no-repeat 10px 0; height:15px; margin:0; padding:0; display:block; overflow:hidden; clear:both;} .IndexTopLeft, .IndexTopRight { width:440px; float:left; padding:10px;} .IndexTopLeft { background:url('/images/bg-hr-v.gif') no-repeat 470px center; width:450px; padding-left:30px;} #IndexTop p { margin:0; padding:0;} .ProductIntro { width:330px; float:left; padding-left:10px;} .LeftContent { width:678px; padding:0; border:1px solid #ddd; overflow:hidden; margin:10px 0; background-color:#f7f7f7; margin-left:10px;} .LeftContent h3 { width:100%; height:32px; border-bottom:1px solid #ddd; background:url('/images/bg-h3.gif') repeat-x 0 0; text-indent:10px; padding:0; margin:0;} #RightContext .LeftContent p { margin:0; padding:10px 10px 5px;} #RightContext .Context, #RightContext .Context2 { padding:10px 20px;margin:0px; border-bottom:0;clear: both;position: relative; overflow: hidden; zoom: 1;clear: both;} #RightContext .Context1 { background: url('../images/just-released.gif') no-repeat left top; padding-left:10px;margin:0px; border-bottom: 0; position: relative; overflow: hidden; zoom: 1;clear: both;} #RightContext .Context2 { border-top: 8px solid #008189;} #RightContext #ProductBox1 {margin:0px;padding: 0;padding-left: 40px;padding-top: 15px;width: 320px;float: left;font-size: 120%;line-height: 26px;color: #003366;font-weight: bold;} #RightContext #ProductBox2 {margin:0px;padding: 0;padding-left: 20px;padding-top: 50px;width: 350px;background: url('../images/partition.jpg') no-repeat right bottom;float: right;} #RightContext #ProductBox2 p.MarginBottom {margin-bottom:10px;} .ImgAlpha1 {float:left; margin: 0px;padding: 20px 0px 0px 15px; width: 110px;} .ImgAlpha {float:left; margin: 0px;padding: 20px 0px 0px 75px; width: 90px;} .BgTopRightContextJieShao{ width:680px; height:470px; background: url('/images/drw-content-bg.png') no-repeat center top;} .BgBottomRightContextJieShao{ width:680px; height:470px; background: url('/images/drw-content-bg2.png') no-repeat center bottom;} .RightContextJieShao {width:500px;float:right; clear: right; line-height:20px; margin: 0px; padding:10px 20px;} .RightJieShao{width:170px;float:left; clear: right; line-height:20px; margin: 0px; padding:10px 20px;} .JieShao{ width:340px; float:left;} .LittleImg {width:340px;text-align:right; padding: 0 0 10px; vertical-align:middle;height:40px;line-height:40px; clear: both; font-weight: bold;} .LittleImgIndex{width:670px; text-align:right; padding: 0 0 10px; vertical-align:middle; height:40px;line-height:40px; clear: both; font-weight: bold;} .QuickLinks {padding: 20px;float: left;width: 328px;margin-left: -1px;} #RightContext .QuickLinks ul { margin-left:0px; } /** * 页脚 **/ #PageBottom { height:auto; width: 960px;clear:both; padding:10px; font-size:100%; line-height:120%; background:#f2f2f2; } #PageBottom p { padding:2px; margin:0px; text-align:center;color:#606060; } #PageBottom a:link {color: #606060;text-decoration: none;} #PageBottom a:visited {color: #606060;text-decoration: none;} #PageBottom a:hover {color: #838383;text-decoration: underline;} #PageBottom a:active {color: #606060;text-decoration: none;} #PageBottom p.w3cHtmlValidator { position:relative;float:right;margin-top:-90px; } #PageBottom div.Left, #PageBottom div.Middle, #PageBottom div.Right { float:left; padding: 10px 5px 0; margin: 0;} #PageBottom div.Left { width: 215px;} #PageBottom div.Middle { width:395px;} #PageBottom div.Right { width: 315px;} #PageBottom ul { height:auto; float:left; padding: 10px 5px 10px 15px; margin:0; display:inline; border-top: solid #ccc 1px;} #PageBottom ul li{ list-style:none outside none; font-size: 11px; text-align:left; margin: 0; border-bottom: dashed #ccc 1px;} #PageBottom h3 {font-size:12px;font:bold;margin:0;padding: 0 10px 0 0;background:none; text-align:left; width:200px; color: #606060;} /* 按钮风格 */ button.ReadMoreActive, button.DownloadActive, button.BuyNowActive, button.ReadMore, button.Download, button.BuyNow { width:84px; height:24px; border:0px; background-repeat:no-repeat; background-color:#fff; color:#000000; text-indent:-5px; } button.ReadMore { background-image:url('../images/more1.gif'); } button.Download { background-image:url('../images/download1.gif'); } button.BuyNow { background-image:url('../images/buy1.gif'); } button.ReadMoreActive { background-image:url('../images/more2.gif'); } button.DownloadActive { background-image:url('../images/download2.gif'); } button.BuyNowActive { background-image:url('../images/buy2.gif'); } button.ReadMoreActive, button.DownloadActive, button.BuyNowActive { cursor:pointer; color:#fff; } /* 邮件订阅 */ #SideBarMailList { text-align: center;} #SideBarMailList h2 { text-align: left;} #SideBarMailList table { width: 150px; text-align: left; border: 0; margin-left:40px; margin-left: 0 \9;} #SideBarMailList table td { border: 0;} #SideBarMailList table tr td a { text-decoration:none; font-weight: bold; font-family:Arial; font-size:18px; color:#069;} #SideBarMailList table tr td div {background-color: #f90;} /* 边栏 */ #Awards { background: url('../images/awards.gif') no-repeat center 60px;height: 125px; } #DocumentsList, #SidebarHowToGet, #FileSystemSupport, #OperateSystemSupport, #ProductsList, #Awards, #SideBarMailList, #SidebarTodoBackup { margin-top:10px; } #SidebarHowToGet {text-align: center;} #LeftSideBar { width:235px; padding: 10px;border-top:8px solid #008189; float:left;} #LeftSideBar ul { padding:0; margin: 0;list-style-type: none;list-style-image: none;} #LeftSideBar ul li { margin: 0; padding: 0; margin-top: 1px; text-align: left; vertical-align: middle; /*background: transparent url('../images/bt-normal.jpg') repeat-y left center;*/text-indent: 25px; list-style-image: none; line-height: 24px;} #LeftSideBar ul li a {display:block;+display:block;_display:inline;} #ProductsList ul li {background:none;} p.DetailButtons { text-align:center; } p.DetailButtons button { margin-left:10px; } .AlignRight { text-align:right; } .CenterAlign { text-align:center;} .AlignCenter { text-align:center;} .AlignLeft { text-align:left;} .Both { clear: both;} .RedBoldBig { color: #f40; font-size: 14px; font-weight: bold;} .TodoBackupDiv {text-align:left;padding-left: 10px;border:0px;border-top: 1px solid #ccc;background: url('../images/just-released.gif') no-repeat left top;overflow: hidden;zoom: 1px;} .Dot { background: url('../images/dot.gif') no-repeat left 9px; color: #f60; font-weight: bold; text-indent: 20px;} /* 主要内容部分四个功能块 **/ #DrwFunction1, #DrwFunction2, #DrwFunction3, #DrwFunction4 { font-size: 11px; float: left; width: 148px; height: 145px; padding:10px; margin-right:2px; overflow:hidden ; zoom:1;} #RightContext .Context #DrwFunction1 p, #RightContext .Context #DrwFunction2 p, #RightContext .Context #DrwFunction3 p, #RightContext .Context #DrwFunction4 p { line-height: 15px; margin:0; padding: 3px 0;} #DrwFunction1 { background-color:#f2f8f2;} #DrwFunction2 { background-color:#f8f6f2;} #DrwFunction3 { background-color:#f6f2f8;} #DrwFunction4 { background-color:#f2f4f8;} .IndexH2 { background-color:#e5edf0; width: 710px; height: 20px; padding: 0; margin: 0;} /* resource RecommendTB */ #RecommendTB { width:680px; background: url('/images/recommendtb.gif') no-repeat; padding:10px 20px; font-size:12px; clear:both; height:150px;} #RecommendTB img { float:left; padding:0 10px 0 0;} #RecommendL { float:left; margin:0; width:400px;} #RecommendL ul { margin-top:0;} #RecommendR { float:left; width:220px; padding-top:35px;} #RecommendR p {text-align:right; font-size:14px;} #RecommendR img { padding:0 5px 0;} /*20140417 index 修改*/ .banner_h { overflow:hidden; background: #f5f5f5 url('/images/bg-banner-h.jpg') repeat-x 0 bottom; padding:30px 20px 30px 30px;} .banner_h h1 { color:#699f53; padding:0; margin:0 0 20px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:24px;} .banner_h ul { padding-top:15px;} .banner_h ul li { list-style:none; color:#797979; font-size:14px; background:url('/images/li-gou.png') no-repeat 0 5px; padding-left:20px;} .btn_bar { background:#ebebeb url('/images/bg-btnbar.jpg') no-repeat 0 0 ; height:75px; margin-top:20px; padding:20px 15px 25px 20px;} .btn_banner { display:block; width:168px; height:55px; padding-left:66px; line-height:55px; color:#FFF !important; font-size:22px;} .btn_banner.win { background:url('/images/btn-win.png') no-repeat;} .btn_banner.mac { background:url('/images/btn-mac.png') no-repeat;} .con_bar { overflow:hidden; margin:20px 30px 10px; border-bottom:1px solid #e8e8e8; padding-bottom:15px;} .con_bar h2 { background:none; padding:0; text-indent:0; margin:0 0 10px; line-height:30px; height:auto; font-size:20px;font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;} .con_bar p { margin:0; font-size:13px; color:#666;} .con_bar ul li { list-style:none; color:#666; font-size:13px; background:url('/images/li-gou.png') no-repeat 0 5px; padding-left:20px;} .down_table { width:100%; border-collapse:collapse; border:1px solid #e6e6e6; width:918px;} .down_table tr th, .down_table tr td {border:1px solid #e6e6e6;} .down_table tr th { background:#f5f5f5; height:64px; font-size:15px; vertical-align:middle; padding:0 5px; text-align:center;} .btn { display: inline-block; width:151px; height:42px; line-height:42px; text-align:center; color:#FFF!important; font-size:18px;} .btn.green_b { background:url('/images/bg-btn.png') no-repeat 0 0;} .btn.org_b { background:url('/images/bg-btn.png') no-repeat 0 -42px;}