@charset "utf-8";
/* CSS Document */
/*==== Reset ====*/
body {
	margin:0;
	padding:0;
	color:#333;
	background:url(images/bg.gif) repeat-x left top #6d7b8f;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.7em;}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,img,strong{margin:0px; padding:0px; list-style:none;}
h1 {font-size:19px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
img{border:0px; behavior:url(script/iepngfix.htc);}
p {margin-top: 15px;  margin-bottom: 15px;}

a,a:link {color:#008ccf; text-decoration:underline;}
a:visited{color:#056897; text-decoration:underline;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}

/*==== Share ====*/
.fl{float:left;}
.fr{float:right;}
.clear {clear:both;}
.clear_new{clear:both;font-size:0;margin:0;padding:0;line-height:0;height:0;}
.lineRight {border-right:solid 1px #e0e0e0;}
.lineBottom { border-bottom:solid 1px #e0e0e0;}
.breadCrumb {background:url(images/breadCrumbBg.gif) repeat-x left top; padding:4px 0 0 0; height:24px; color:#ccc;}
.breadCrumb p { background:url(images/ico_breadCrumb.gif) no-repeat left center; padding:0 0 0 15px; margin:0 20px;}
.breadCrumb p a {color:#ccc; text-decoration:none;}
.breadCrumb p a:hover { text-decoration:underline;}
.breadCrumb .bottom01 {border-left:solid 1px #545d6a; border-right:solid 1px #545d6a;line-height:1px; height:1px; font-size:0;}
.breadCrumb .bottom02 {border-left:solid 2px #545d6a; border-right:solid 2px #545d6a;line-height:1px; height:1px; font-size:0;}
.breadCrumb a:visited,.breadCrumb a:link{
	color:#ccc;
	text-decoration:none;
}
.breadCrumb a:hover{
	color: #fff;
	text-decoration:underline;
}

/*- buy and download buttom style-*/
.ProBut {height:24px; padding:10px 0;}
.ProBut a {display:block; float:left; background:url(images/but_buyAndDownload.png) no-repeat; width:90px; height:24px; text-indent:-999px; overflow:hidden;}
.ProBut a.buy {background-position:left top; margin:0 10px 0 0;}
.ProBut a.buy:hover {background-position:left -24px;}
.ProBut a.download {background-position:-90px top;}
.ProBut a.download:hover {background-position:-90px -24px;}


/*- buy and download buttom style-*/
.ProBut02 {}
.ProBut02 a {display:block; padding:2px 0 2px 20px; color:#0670ca; text-decoration:none;}
.ProBut02 a:hover {color:#0670ca; text-decoration:underline;}
.ProBut02 .buy a {background:url(images/ico_buy.gif) no-repeat left center;}
.ProBut02 .download a {background:url(images/ico_download.gif) no-repeat left center;}

/*- more and download buttom style-*/
.ButProMore {height:22px; padding:10px 0 0 0;}
.ButProMore a { width:55px; line-height:22px; padding:0 0 0 18px; float:right; color:#333;}
.ButProMore a.download { display:block; background:url(images/ico_download.gif) no-repeat left center; margin:0 10px 0 0;}
.ButProMore a.more { display:block; background:url(images/ico_lernmore.gif) no-repeat left center;}


/*-box1-*/
.box1 {background:#fff;}
.boxTop01,.boxTop02,.boxBottom01,.boxBottom02 {line-height:1px; height:1px; font-size:0;}
.boxTop02 {border-left:solid 2px #6d7b8f; border-right:solid 2px #6d7b8f;}
.boxTop01 {border-left:solid 1px #6d7b8f; border-right:solid 1px #6d7b8f;}
.boxBottom01 {border-left:solid 1px #6d7b8f; border-right:solid 1px #6d7b8f;}
.boxBottom02 {border-left:solid 2px #6d7b8f; border-right:solid 2px #6d7b8f;}

/*-box2-*/
.box2 {background:#fff;}
.box2 .boxCloumn {background:url(images/cloumnBg.gif) repeat-x left top; height:30px; line-height:28px; font-size:16px; font-weight:bold; }
.box2 .boxCloumn span {padding-left:10px;}

/*-box3-*/
.box3 {background:url(images/box3bg.gif) repeat-x left top #fff;}
/*-box4-*/
.box4 {background:url(images/box4bg.gif) repeat-x left top #fff;}


/*-box4_1-*/
.box01 {background:url(images/box01Center.gif) repeat-x left top #fff;}
.topLeft,.topRight,.bottomLeft,.bottomRight {line-height:0; height:5px; font-size:0;}
.box01 .topLeft {background:url(images/box01TopLeft.gif) no-repeat left top;}
.box01 .topRight {background:url(images/box01TopRight.gif) no-repeat right top;}
.box01 .boxMain01 {border-left:solid 1px #e0e0e0; border-right:solid 1px #e0e0e0; padding:10px;}
.box01 .bottomLeft {background:url(images/box01BottomLeft.gif) no-repeat left bottom;}
.box01 .bottomRight {background:url(images/box01BottomRight.gif) no-repeat right bottom;}
.box01 .bottomRight p {margin:0 5px; padding:0; height:5px; font-size:0; line-height:0; border-bottom:solid 1px #e0e0e0;}

/*-box4_2-*/
.box02 {}
.box02TopLeft,.box02TopRight,.box02BottomLeft,.box02BottomRight {line-height:0; font-size:0;}
.box02 .box02TopLeft {float:left; background:url(images/box02TopLeft.gif) no-repeat; width:15px; height:18px;}
.box02 .box02TopRight {float:right; background:url(images/box02TopRight.gif) no-repeat; width:5px; height:5px;}
.box02 .box02Center {margin:0 0 0 10px; padding:0;border-top:solid 1px #e0e0e0;background:url(images/box02Center.gif) repeat-x left bottom #fff;}
.box02 .box02Center .CenterMain {border-left:solid 1px #e0e0e0; border-right:solid 1px #e0e0e0; padding:5px 10px;}
.box02 .box02BottomLeft {background:url(images/box02BottomLeft.gif) no-repeat left bottom; height:5px;}
.box02 .box02BottomRight {background:url(images/box02BottomRight.gif) no-repeat right bottom; height:5px;}

/*-box4_3-*/
.box03 {background:url(images/box02Center.gif) repeat-x left bottom #fff;}
.topLeft,.topRight,.bottomLeft,.bottomRight {line-height:0; height:5px; font-size:0;}
.box03 .topLeft {background:url(images/box02TopLeft2.gif) no-repeat left top;}
.box03 .topRight {background:url(images/box02TopRight.gif) no-repeat right top;}
.box03 .topRight p {margin:0 5px; padding:0; height:5px; font-size:0; line-height:0; border-top:solid 1px #e0e0e0;}
.box03 .boxMain01 {border-left:solid 1px #e0e0e0; border-right:solid 1px #e0e0e0; padding:0 5px;}
.box03 .boxMain01 dl{ height:80px;margin:0px; padding:0px; list-style:none;}
.box03 .bottomLeft {background:url(images/box02BottomLeft.gif) no-repeat left bottom;}
.box03 .bottomRight {background:url(images/box02BottomRight.gif) no-repeat right bottom;}


/*==== Frame ====*/
#container {width:980px; margin:0 auto;}
#header {}
	#top {padding:20px 0;}
	#nav {}
#banner {padding:6px 0 0 0;}
#banner02 {padding:0 0 10px 0;}
#main {margin:10px 0;}
#mainLeft {float:left;}
#mainRight {float:right;}
#footer {padding:0 0 20px 0;}
#top{}
#footer{}

/*==== Style ====*/

/*== Header ==*/
.header {}
.header_r{ float:right; color:#ccc;}
.header_r a{color:#ccc;text-decoration:none;}
.header_r a:hover{color:#ccc;text-decoration:underline;}
.logo {float:left;}
	.logo a {background:url(images/logo.gif) no-repeat center top; margin:0 10px; display:block; width:195px; height:36px; overflow:hidden; text-indent:-999px;}
#top .topInfo {float:left; width:610px; padding:12px 10px 0 10px; color:#ccc;}
#top .topInfo a{color:#ccc;text-decoration:none;}
#top .topInfo a:hover{color:#ccc;text-decoration:underline;}


#top .topNav {float:right;  left top; width:135px; height:20px; margin:10px 0 0 0; behavior:url(script/iepngfix.htc);}
#top .topNav a {display:block; float:left; padding:0 9px 0 12px; line-height:20px; font-size:11px; color:#333; text-decoration:none;}
#top .topNav a:hover {text-decoration:underline;}

.nav {background:url(images/navBg.gif) repeat-x left top; height:36px;}
.nav .menu {float:left;}
.nav .menu li {float:left; background:url(images/navLine.gif) no-repeat right top; padding:0 2px 0 0;}
.nav .menu li.Index a {background:url(images/menuIndex.gif) no-repeat left top;}
.nav .menu li.Index a:hover { background:url(images/menuIndex.gif) no-repeat -120px top;}

.nav .menu li a {display:block; text-indent:-999px; overflow:hidden; background:url(images/menu.gif) no-repeat; width:120px; height:36px;}
.nav .menu li.Products a {background-position:left top;}
.nav .menu li.Purchase a {background-position:-120px top;}
.nav .menu li.Support a {background-position:-240px top;}
.nav .menu li.Resources a {background-position:-360px top;}
.nav .menu li.Partner a {background-position:-480px top;}

.nav .menu li.Products a:hover {background-position:left -36px;}
.nav .menu li.Purchase a:hover {background-position:-120px -36px;}
.nav .menu li.Support a:hover {background-position:-240px -36px;}
.nav .menu li.Resources a:hover {background-position:-360px -36px;}
.nav .menu li.Partner a:hover {background-position:-480px -36px;}
/*----Activation page navigation----*/
#Index .nav .menu .Index a {background:url(images/menuIndex.gif) no-repeat -120px top;}
#Products .nav .menu .Products a {background-position:left -36px;}
#Purchase .nav .menu .Purchase a {background-position:-120px -36px;}
#Support .nav .menu .Support a {background-position:-240px -36px;}
#Resources .nav .menu .Resources a {background-position:-360px -36px;}
#Partner .nav .menu .Partner a {background-position:-480px -36px;}


.nav .navRight {background:url(images/navRight.gif); width:5px; height:36px; float:right;}
.navBottom {background:url(images/navBottomBg.gif) repeat-x left top; padding:4px 0 0 0;}

/*== Main ==*/
.main {}

/*Main Left*/
.mainLeft {width:740px;}
.mainLeft .boxMain {margin:20px;}
<!--09-08-11-->
.mainLeft .tutorial{}
.mainLeft .tutorial h1{height:30px; line-height:30px; padding-left:10px;}
.mainLeft .tutorial ul{}
.mainLeft .tutorial li{padding-left:10px; height:25px; line-height:25px}
.mainLeft .tutorial li a{ text-decoration:none}
.mainLeft .tutorial li a:hover{ text-decoration:underline}
.mainLeft .tutorial p{padding-left:10px;}

<!--end 09-08-11-->

.RecommendPro {padding:10px 0;}
.RecommendPro .ProImg {float:left; width:240px; text-align:center;}
.RecommendPro .ProImg .ProPrice {font-size:18px; padding:10px;}
.RecommendPro .ProImg .ProPrice span {color:#dc0000;}
.RecommendPro .ProInfo {padding:0 0 0 250px;}
.RecommendPro .ProInfo .ButMore {padding:5px 12px;}
.RecommendPro .ProInfo .ProName {padding:10px 0 20px 0;}
.RecommendPro .ProInfo .ProName a {color:#333; text-decoration:none; font-size:24px; font-weight:bold;}
.RecommendPro .ProInfo .ProName a:hover {text-decoration:underline;}

.RecommendPro2 {background:url(images/line_01.gif) repeat-x; padding:20px 0; border-bottom:solid 1px #e0e0e0;}
.RecommendPro2 .ProBox {float:left; width:319px; padding:10px;}
.RecommendPro2 .ProBox .ProName {padding:0 0 10px 0;}
.RecommendPro2 .ProBox .ProName a {color:#333; text-decoration:none; font-size:20px; font-weight:bold;}
.RecommendPro2 .ProBox .ProName a:hover {text-decoration:underline;}
.RecommendPro2 .ProBox .ProImg {float:left; width:160px; text-align:center;}
.RecommendPro2 .ProBox dl {padding:0 0 0 180px;}
.RecommendPro2 .ProBox dl dt a {display:block; padding:0 0 0 20px; color:#000; font-weight:bold; text-decoration:none;}
.RecommendPro2 .ProBox dl dt a:hover {color:#0670ca;}
.RecommendPro2 .ProBox dl dt.buy a {background:url(images/ico_buy.gif) no-repeat left center;}
.RecommendPro2 .ProBox dl dt.download a {background:url(images/ico_download.gif) no-repeat left center;}
.RecommendPro2 .ProBox dl dd {padding:0 0 0 20px;}
.RecommendPro2 .ProBox dl dd span {color:#dc0000;}

.FunctionLink {padding:10px 0 4px 0;}
.FunctionLink .Title { font-size:20px; font-weight:bold; padding:5px 0;}
.FunctionLink p {}
.FunctionLink p a,.FunctionLink p a:link {color:#0670ca; text-decoration:none;}
.FunctionLink p a:hover {color:#333; }

/*-products-*/
.topPrducts {margin:0 0 10px 0;}

.productsBox {}
.products {padding:20px 0; margin:5px 0;}
.products .ProImg {float:left; width:120px; text-align:center;}
.products .ProImg .ProPrice {font-size:12px; padding:10px; font-weight:bold;}
.products .ProImg .ProPrice span {color:#dc0000;font-size:18px;}
.products .ProInfo {padding:0 0 0 150px;}
.products .ProInfo .ProName {padding:0 0 10px 0;}
.products .ProInfo .ProName a {color:#333; text-decoration:none; font-size:20px; font-weight:bold;}
.products .ProInfo .ProName a:hover {text-decoration:underline;}


/*09-07-15*/
.products2 {width:100%;}
.products2 .ServiceMenu {height:32px; text-align:center;}
.products2 .ServiceMenu li {float:right; margin-right:10px;}
.products2 .ServiceMenu li span,.products2 .ServiceMenu li a {display:block; float:left;background:url(../images/HotProMenuBg.gif) repeat-x;height:32px;  line-height:32px; font-size:14px; color:#fff;  width:134px;}
.products2 .ServiceMenu li span {background-position:left -32px;}
.products2 .ServiceMenu li a { background-position:left top; text-decoration:none;}
.products2 .ServiceMenu li a:hover {background-position:left -32px;}

/*09-07-15-purchase*/
.productsWrap .dvd{}
.productsWrap .dvd .tit{ padding:0 0 0 10px; font-size:16px; font-weight:bold; line-height:28px; margin:0 10px 10px 0; background:#CCCCCC;}



/*-purchase-*/
.purchaseBox {}
.productsWrap {padding:0 0 20px 0;}
/*.purchaseBox .boxMain {margin:20px;}*/
.purchase {width:340px; float:left; margin:0 10px 10px 0;}
.purchase .ProImg {float:left; width:110px; text-align:center;}
.purchase .ProImg .ProPrice {font-size:12px; padding:10px; font-weight:bold;}
.purchase .ProImg .ProPrice span {color:#dc0000;font-size:18px;}
.purchase .ProInfo {padding:0 0 0 125px;}
.purchase .ProInfo .ProName {padding:10px 0;}
.purchase .ProInfo .ProName a {color:#333; text-decoration:none; font-size:16px; font-weight:bold;}
.purchase .ProInfo .ProName a:hover {text-decoration:underline;}
.purchase .ProInfo p {padding:10px 0; margin:0;}

.service {background:url(images/ServiceBg.gif) repeat-x left 26px; width:100%;}
.service .ServiceMenu {height:32px; text-align:center;}
.service .ServiceMenu li { float:left;}
.service .ServiceMenu li span {margin:0 0 0 10px; background:url(images/ServiceMenuBut.gif) no-repeat left top; display:block; width:134px; height:32px; line-height:30px; text-decoration:none; font-size:14px; font-weight:bold; color:#333;}
.service .ServiceMenu li a {margin:0 0 0 10px; background:url(images/ServiceMenuBut.gif) -134px top no-repeat; display:block; width:134px; height:32px; line-height:30px; text-decoration:none; font-size:14px; color:#333;}
.service .ServiceMenu li a:hover {background:url(images/ServiceMenuBut.gif) no-repeat left top; color:#333; font-weight:bold;}
.purchaseBox .service .serviceMain {padding:20px 20px 0 20px;}


/*HotPro*/
.HotPro {background:url(../images/TopProBannerBg.jpg) no-repeat left top; height:300px; margin:0 0 10px 0; position:relative; color:#fff;}
.HotPro .HotProMenu {padding:26px 0 0 290px; display:block; height:32px;}
.HotPro .HotProMenu li {float:left; text-align:center}
.HotPro .HotProMenu li.line {background:url(../images/HotProMenuBg.gif) no-repeat right -32px; padding:0 1px 0 0;}
.HotPro .HotProMenu li span,.HotPro .HotProMenu li a {display:block; float:left;background:url(../images/HotProMenuBg.gif) repeat-x;height:32px; padding:0 20px; line-height:32px; font-size:14px; color:#fff;}
.HotPro .HotProMenu li span {background-position:left -32px;}
.HotPro .HotProMenu li a { background-position:left top; text-decoration:none;}
.HotPro .HotProMenu li a:hover {background-position:left -32px;}

.HotPro .ProImg {float:left; width:300px; text-align:center;}
.HotPro .ProImg .ProPrice { font-size:24px;}
.HotPro .ProImg .ProPrice span {color:#fff100;}
.HotPro .ProInfo {padding:40px 20px 0 300px;}
.HotPro .ProInfo .ProName { font-size:35px; padding:10px 0 20px 0; font-weight:bold;}
.HotPro .ProInfo .ProBut {margin:0 0 0 0; right:96px; bottom:25px; position:absolute;}
.HotPro .ProInfo a{ text-decoration:underline; color:#fff}
.HotPro .ProInfo a:hover{ text-decoration:none;color:#fff}
/*Products Overview*/
.ProOverviewBox {}
.ProOverview {float:left; width:339px; padding:20px 5px;}
.ProOverview .ProImg {float:left; text-align:center; width:110px;}
.ProOverview .ProInfo {padding:0 0 0 115px;}
.ProOverview .ProInfo dt { font-weight:bold; font-size:16px; padding:0 0 5px 0;}
.heoverview {height:155px;}
.heguide {height:170px;}

/*iCollage overview*/
.ProOverviewImg {float:left; width:200px; padding:20px 10px;}
.ProOverviewInfo {float:left; width:458px; padding:20px 10px;}
.ProOverviewInfo .ProInfo {}
.ProOverviewInfo .ProInfo dt { font-weight:bold; font-size:16px; padding:0 0 5px 0;}

/*iCollage feature*/
.ProFeature {float:left; width:319px; padding:20px 15px;}
.ProFeature .ProImg02 {float:left; text-align:center; width:120px;}
.ProFeature .ProInfo02 {padding:0 0 0 140px;}
.ProFeature .ProInfo02 dt { font-weight:bold; font-size:16px; padding:0 0 5px 0;}
.heguide02 {height:140px;}

.TemplateMore {height:22px; padding:10px 0 0 0;}
.TemplateMore a { line-height:22px; padding:0 0 0 18px; float:right; color:#333;}
.TemplateMore a.download { width:60px; display:block; background:url(images/ico_download.gif) no-repeat left center; margin:0 5px 0 0;}
.TemplateMore a.more { width:80px; display:block; background:url(images/ico_lernmore.gif) no-repeat left center;}
/*iCollage Demo*/
.screenshow {padding:20px 0; position:relative; height:300px; margin-bottom:10px;}



/*Products Demo*/
.demoBox {}
.demo {padding:20px 0;}
.demo .demoList {float:left; width:223px; margin:0 5px;}
.demo .demoList dt { float:left; width:60px; padding:10px 0 0 0;}
.demo .demoList dd { float:left; width:150px; padding:10px 0 0 0;}
.demoBox .play { text-align:center;}
.demoBox .play p { text-align:left; font-weight:bold; padding:5px 5px 10px 5px; font-size:14px;}
.demoBox .demoBtn {padding:10px; line-height:40px;}
.demoBox .demoBtn .ProBut {float:right;}

/*Products Reference*/
.referenceBox {}
.referenceBox .ListName { font-size:14px; font-weight:bold; font-family:Verdana; line-height:30px; margin:10px 0;}


/*Products Sub*/
.ProSubBox {}
.ProSubBox .boxMain {padding:0 0 20px 0;}
.ProSubBox .ProName { font-size:20px; padding:0 20px 10px 20px;}
.ProSub {padding:10px 20px 40px 20px;}
.ProSub .ProImg {float:left; width:120px; text-align:center;}
.ProSub .ProInfo {padding:0 0 0 140px;}
.ProSub ul {margin:10px 0;}
.ProSub ul li {background:url(images/ico_01.gif) no-repeat 2px 9px; padding:0 0 0 12px;}

.ProOrder {margin:20px 0;}
.ProOrder td {padding:10px;}
.ProOrder .Title {font-size:18px; background: url(images/ProSubTableBg.gif) repeat-x left top #eee; font-family:Verdana;}
.ProOrder .Price { font-weight:bold; color:#FF0000;}


/*-resources-*/
.resourcesBox {}
.resourcesBox .resources {padding:0 20px;}
.resourcesBox .service .serviceMain {padding:20px 0 0 0;}


/*-Comments-*/
.commentsBox {}
.commentsBox .service .serviceMain {padding:20px 10px 0 10px;}
.comments {padding:5px 0 20px 0;}
.comments .commentsLeft {float:left; padding:0 5px;}
.comments .commentsLeft .UserName { text-align:center; padding:5px 0 0 0;}
.comments .commentsRight {margin:0 0 0 110px;}
.comments .CenterMain {}/*don't add padding*/
.comments .CenterMain dt {font-weight:bold;padding:2px 0;}
.comments .CenterMain dd {}
.comments .CenterMain dd a.btnRestore { display:block; background:url(images/ico_restor.gif) no-repeat left 10px; font-size:11px; padding:10px 0 0 30px; color:#3b4b61;}
.comments .CenterMain dd a.btnRestore:hover {color:#008ccf;}

/*-comparison-*/
.comparisonBox {}
.comparison {}
.comparison .ComparisonTitle { font-size:20px; font-weight:bold; padding:5px 0 10px 0;}
.comparison .comparisonPro {float:left; width:290px; padding:40px 35px;}
.comparison .comparisonPro ul {float:left; text-align:center; width:130px;}
.comparison .comparisonPrice {padding:80px 0 0 360px;}
.comparison .comparisonPrice td {line-height:36px; font-weight:bold; text-align:center; color:#dc0000; font-size:14px;}
.comparison .comparisonPrice .comparisonPriceTitle td {line-height:46px; background:url(images/comparisonPriceBg.gif) repeat-x left top #f0f0f0; color:#333;}

.comparison .ComparisonList {background:url(images/ico_01.gif) no-repeat 2px 7px; padding:0 15px; margin:10px 0; font-size:14px; font-weight:bold;}
.comparison .ListPro td { background:url(images/comparisonTableThCenter.gif) repeat-x left bottom #f1f1f1; height:28px; font-size:13px; font-weight:bold; text-align:center;}
.comparison table td {height:26px; line-height:26px; padding:0 10px;}
.comparison .ListTitle { font-weight:bold;}
.comparison .ComparisonBtn a {display:block; padding:0 0 0 20px; color:#000; width:65px; margin:0 auto; font-weight:bold; text-decoration:none;}
.comparison .ComparisonBtn a:hover {color:#0670ca;}
.comparison .ComparisonBtn a.buy {background:url(images/ico_buy.gif) no-repeat left center;}
.comparison .ComparisonBtn a.download {background:url(images/ico_download.gif) no-repeat left center;}


/* MainRight */
.mainRight {width:230px;}
.sidebarList { margin:0 0 10px 0;}
.sidebarList .boxMain { padding:2px 10px;}
.sidebarList .boxMain li {background:url(images/ico_01.gif) no-repeat left 14px; padding:8px 0 8px 12px;}
.sidebarList .boxMain li span {color:#999;}
/*.sidebarList .boxMain li a {color:#333; text-decoration:none;}
.sidebarList .boxMain li a:hover { text-decoration:underline;}*/
.sidebarList .boxMain .line {border-bottom:solid 1px #e3e3e3;}
.sidebarList .ButMore {text-align:right; padding:2px 5px 0 0;}


<!--right article-->
.sidebarList .boxMain02 { }
.sidebarList .boxMain02 li {background:url(images/ico_01.gif) no-repeat left 10px; padding:2px 0 2px 12px; border-bottom:solid 1px #e3e3e3;}
.sidebarList .boxMain02 li a {color:#333; text-decoration:none;}
.sidebarList .boxMain02 li a:hover { text-decoration:underline;}




.sidebarSupport {margin:0 0 10px 0;}
.sidebarSupport .boxMain { padding:15px 10px 5px 10px;}
.sidebarSupport dt { background:url(images/SupportListBg.gif) no-repeat center top; height:50px; line-height:30px; padding:0 10px;}
.sidebarSupport dt span { font-weight:bold; padding:0 5px; font-size:14px;}
.sidebarSupport dd { text-align:right; padding:0 10px;}

.sidebarFaq .boxMain { padding:10px;}
.sidebarFaq .boxMain li {background:url(images/ico_01.gif) no-repeat left 10px; padding:2px 0 2px 12px;}
.sidebarFaq .boxMain li a {color:#333; text-decoration:none;}
.sidebarFaq .boxMain li a:hover { text-decoration:underline;}

.RightBanner {padding:0 0 10px 0;}

.rightDemo {text-align:center;}


/*-Sidbar Products-*/
.sidbarPro {padding:10px 0;}
.sidbarPro .ProImg {float:left; width:40px; text-align:center;}
.sidbarPro .ProInfo {padding:0 0 0 50px;}
.sidbarPro .ProInfo .ProName {padding:5px 0 0 0;}
.sidbarPro .ProInfo .ProName a {color:#333; text-decoration:none; font-size:13px; font-weight:bold;}
.sidbarPro .ProInfo .ProName a:hover {text-decoration:underline;}
.sidebarList .sidbarPro .ButMore {text-align:left; padding:2px 5px 0 0;}

<!--09-08-24-->
.sidbarPro .ProInfo1 {padding:0 0 0 10px;}
.sidbarPro .ProInfo1 .ProName {padding:5px 0 0 0;}
.sidbarPro .ProInfo1 .ProName a {color:#333; text-decoration:underline; font-size:12px; font-weight:bold;}
.sidbarPro .ProInfo1 .ProName a:hover {text-decoration:none;}

<!--comparison-->
.sidbarPro1 {}
.sidbarPro1 .ProImg {float:left; width:40px; text-align:center;}
.sidbarPro1 .ProInfo {padding:0 0 0 50px;}
.sidbarPro1 .ProInfo .ProName {padding:0px 0 0 0;margin:0;}
.sidbarPro1 .ProInfo .ProName a {color:#333; text-decoration:none; font-size:13px; font-weight: bolder; line-height:30px}
.sidbarPro1 .ProInfo .ProName a:hover {text-decoration:underline;}

/*-Guide-*/
.guide {margin:5px 0;}
.guide dt {background:url(images/ico_01.gif) no-repeat left 8px; padding:0 0 0 12px; font-weight:bold;}
.guide dd { padding:0 0 0 12px; margin:0 0 5px 0;}
.guide dd .ButMore {padding:0 5px 5px 0;}



/*== Footer ==*/
.footer {text-align:center;}

 .footerNav { background:#616d7d;}
.footerTop02, .footerTop01, .footerBottom01, .footerBottom02 {line-height:1px; height:1px; font-size:0;}
.footerNav .footerTop02 {border-left:solid 2px #6d7b8f; border-right:solid 2px #6d7b8f;}
.footerNav .footerTop01 {border-left:solid 1px #6d7b8f; border-right:solid 1px #6d7b8f;}
#footer .footerNav .footerMenu { line-height:26px; height:26px; color:#ccc;}
#footer .footerNav .footerMenu a {color:#ccc; text-decoration:none; padding:0 5px;}
#footer .footerNav .footerMenu a:hover { text-decoration:underline;}
.footerNav .footerBottom01 {border-left:solid 1px #6d7b8f; border-right:solid 1px #6d7b8f;}
 .footerNav .footerBottom02 {border-left:solid 2px #6d7b8f; border-right:solid 2px #6d7b8f;}

#footer .footer p { padding:10px;}
#footer .copyright a {color:#333333;text-decoration:none;}
#footer .copyright a:hover {  text-decoration:underline;}

/*support*/
.support{ width:100%;}
.support .supporttop{ height:40px; line-height:40px;}
.support .supportMenu{float:left; padding:20px 0; margin-bottom:20px;}
.support .supportList{float:left; width:223px; margin:0 3px;}
.support .supportList dt { float:left; width:60px; padding:10px 0 0 0;}
.support .supportList dd { float:left; width:150px; padding:10px 0 0 0;}
.support .supportMain{}

/*special*/
#wedding{width:961px;margin:0 auto;text-align:left;background:#394a5d; font-family:Arial, Helvetica, sans-serif;font-size:12px;}

#wedding #banner{margin-bottom:-5px;}
#wedding .wedding_p{font-size:14px; line-height:20px;}
#wedding .wedding_pp{font-size:18px;}
#wedding .wedding_li a:visited,.wedding_li a:link{color: #000;text-decoration:none;}
#wedding .wedding_li a:hover{color:#770303;text-decoration:underline;}
#wedding .wedding_p a:visited,.wedding_p a:link{color:#770303;text-decoration:underline;}
#wedding .wedding_p a:hover{color:#770303;text-decoration:none; }

/*news*/
.layoutText .news{ margin-bottom:10px;}
.layoutText .news h1{ font-size:12px; color:#333; line-height:16px;}
.layoutText .news .ProBut{ float:right}

.link a{ color:#333; text-decoration:none}
.link a:hover{ text-decoration:underline}


.rss_logo{ float:right; margin-right:5px}
.rss{ padding:20px 20px; margin:20px 20px 20px 20px; border:#CCCCCC solid 1px;}
.rss_title{ font-size:24px; font-weight: bold; color:#333}
.rss_l{  padding:10px 20px 10px 0; width:250px; float:left; line-height:30px;}
.rss_r{ padding-left:20px; width:320px; float:left; line-height:30px}
.rss_ul{ width:320px; overflow:hidden}
.rss_ul li{ margin:0px 5px; display:inline; float:left}


/*== index_new ==*/
.mainLeftNew{width:702px;background:#fff;}
.mainLeftNew .boxMain{margin:20px;}
.mainLeftNew .boxMain .boxTop{background:url(images/box_bgline.gif) no-repeat center bottom;padding:15px 0 25px 0;}
.mainLeftNew .boxLeft{width:204px;float:left;padding-left:20px;}
.mainLeftNew .boxLeft .a_compare{padding:0 0 5px 5px;}
.mainLeftNew .boxLeft .a_compare a:hover{text-decoration:underline;}
.mainLeftNew .boxLeft .a_compare a{text-decoration:none;color:#000;background:url(images/index_icon.gif) no-repeat 108px 8px;width:150px;display:block;}
.mainLeftNew .boxLeft .a_button{margin-left:5px;background:url(images/compare_button.gif) no-repeat top;height:27px;}
.mainLeftNew .boxLeft .curr0 {background-position:top;}
.mainLeftNew .boxLeft .curr1 {background-position:bottom;}
.mainLeftNew .boxLeft .a_button a{width:85px;height:27px;display:block;}
.mainLeftNew .boxLeft .compare_box{padding:5px 0;}
.mainLeftNew .boxLeft .compare_box a{display:block;padding-left:20px;line-height:1.2em;margin-left:25px;padding-bottom:10px;}
.mainLeftNew .boxLeft .compare_box a.box_pro{padding:0px;margin:0px;}
.mainLeftNew .boxLeft .compare_box a.link_buy{background:url(../images/icon/buy_icon.gif) no-repeat 0px 1px;color:#000;font-weight:bold;font-size:14px;}
.mainLeftNew .boxLeft .compare_box a.link_buy span{color:#b12206;font-size:12px;text-decoration:none;padding:0 0 0 15px;}
.mainLeftNew .boxLeft .compare_box a.link_dow{background:url(../images/icon/down_icon.gif) no-repeat 0px 1px;color:#000;font-weight:bold;font-size:14px;}
.mainLeftNew .boxLeft .compare_box a.link_dow span{font-size:12px;text-decoration:none;padding:0 0 0 15px;}
.mainLeftNew .boxRight{padding-left:230px;}
.mainLeftNew .boxRight .index_title{color:#0e77ad;font-size:26px;font-weight:bold;line-height:1.3em;padding:0;margin:0;}
.mainLeftNew .boxRight .index_title a{text-decoration:none;}
.mainLeftNew .boxRight .index_title a span{font-size:20px;}
.mainLeftNew .boxRight .index_title a:hover{text-decoration:underline;}
.mainLeftNew .boxRight .min_title,.mainLeftNew .box_right .min_title{font-size:11px;color:#686868;line-height:1.2em;padding:0;margin:0;}
.mainLeftNew .box_info{padding:15px 5px 20px 5px;}
.mainLeftNew .box_info dd,.mainLeft .box_info dd{background:url(images/box_li.gif) no-repeat left 8px;padding-left:20px;}
.mainLeftNew .boxRight .box_more .more_top,.mainLeftNew .boxRight .box_more .more_bottom{background:url(images/box_infobg.gif) no-repeat;height:9px;width:422px;}
.mainLeftNew .boxRight .box_more .more_bottom{background-position:0px -10px;}
.mainLeftNew .boxRight .box_more .more_mid{background:#f4f4f4;border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5;width:399px;padding:5px 10px 10px 10px;*padding:5px 10px 15px 10px;}
.mainLeftNew .boxRight .box_more .more_mid .more_title{font-size:14px;line-height:1.2em;padding:0;margin:0;font-weight:bold;}
.mainLeftNew .boxRight .box_more .more_mid .more_link{padding:10px 0 0px 0;margin:0;height:auto;}
.mainLeftNew .boxRight .box_more .more_mid .more_link li{float:left;margin-right:50px;}
.mainLeftNew .boxRight .box_more .more_mid .more_link li img{ vertical-align:middle;margin-right:5px;}
.mainLeftNew .boxRight .box_more .more_mid .more_link li.link_icon{margin-right:0px;}

.mainLeftNew .boxMain .box_column{padding:20px 10px;}
.mainLeftNew .boxMain .bottom_line{border-bottom:1px dashed #d1d1d1;}
.mainLeftNew .boxMain .box_column .box_left{width:125px;}
.mainLeftNew .boxMain .box_column .box_left p{margin:0px;font-size:14px;font-weight:bold;color:#000;text-align:center;}
.mainLeftNew .boxMain .box_column .box_left p span{margin:0 10px;color:#960505;}
.mainLeftNew .boxMain .box_column .box_right{padding-left:130px;}
.mainLeftNew .boxMain .box_column .box_right .box_title{font-size:18px;font-weight:bold;color:#000;padding:10px 0 8px 0;}
.mainLeftNew .boxMain .box_column .box_right .box_title a{text-decoration:none;}
.mainLeftNew .boxMain .box_column .box_right .box_title a:hover{text-decoration:underline;}
.mainLeftNew .boxMain .box_column .box_right p{margin:0;}
.mainLeftNew .boxMain .box_column .box_right p a{margin-right:15px;}
.mainLeftNew .boxMain .box_column .box_right p.link_more{text-align:right;}

.mainRightNew{width:269px;}
.mainRightNew .boxMain li{background:url(images/ico_01.gif) no-repeat left 13px; padding:5px 0 5px 13px;}
.mainRightNew .boxMain li p{margin:0px;}
.mainRightNew .bg_line{background:url(images/slidebar_line.gif) no-repeat center bottom;padding-bottom:15px;}
.mainRightNew .slide_more{text-align:right;padding:5px 0px 0px 0;color:#333; font-size:11px;margin:0px;}
.mainRightNew .slide_more a{color:#000;text-decoration:none;}
.mainRightNew .slide_blank{margin-bottom:10px;}
.mainRightNew .slide_column{padding:13px 0px 13px 17px;;}
.mainRightNew .slide_column .slide_img img{border:3px solid #ccc;}
.mainRightNew .slide_column .slide_title{font-size:14px;color:#035d90;padding:10px 0 3px 0;}
.mainRightNew .slide_column .slide_title a{ text-decoration:none;}
.mainRightNew .slide_column .slide_title a:hover{ text-decoration:underline;}
.mainRightNew .slide_column p.slide_info{margin:0;font-size:11px;line-height:1.5em;}
.mainRightNew .contact a{margin-right:16px;}

.totop{text-align:right;}
.totop a{width:75px;height:17px;}

/*==Pro_new ==*/
.mainLeft .pro_tab{height:42px;background:url(images/tab_bg.gif) repeat-x;}
.mainLeft .pro_tab .tab_left{background:url(images/tab_bg_left.gif);width:5px;height:42px;}
.mainLeft .pro_tab .tab_rg{background:url(images/tab_bg_rg.gif);width:5px;height:42px;}
.mainLeft .pro_tab .tab_mid ul li{float:left;line-height:42px;background:url(images/tab_line_05.gif) no-repeat right center;width:182px;height:42px;text-align:center;font-size:14px;font-weight:bold;color:#000;}
.mainLeft .pro_tab .tab_mid ul li.curr{background:url(images/tab_curr_09.gif) no-repeat;}
.mainLeft .pro_tab .tab_mid ul li.bg_none{background:none;}
.mainLeft .pro_tab .tab_mid ul li a{width:182px;height:42px;display:block;text-align:center;text-decoration:none;font-size:14px;color:#494949;font-weight:bold;}
.mainLeft .pro_tab .tab_mid ul li a:hover{background:url(images/tab_on_05.gif) no-repeat;}
.mainLeft .pro_column,.mainLeft .pro_column2{padding:10px;margin-bottom:20px;}
.mainLeft .pro_column .pro_img{width:223px;}
.mainLeft .pro_column .pro_img a{ cursor:url(images/zoomin.cur);}
.mainLeft .pro_column2 .pro_img{padding-right:20px;}
.mainLeft .pro_column2 .pro_img a{ cursor:url(images/zoomin.cur);}
.mainLeft .pro_column .pro_info{padding-left:248px;}
.mainLeft .pro_column .pro_info2{width:430px;padding-left:10px;}
.mainLeft .pro_column .pro_info .pro_title,.mainLeft .pro_column2 .pro_info .pro_title{font-size:18px;font-weight:bold;}
.mainLeft .pro_column .pro_info .pro_more,.mainLeft .pro_column2 .pro_info .pro_more{margin:0;padding-left:5px;line-height:1.2em;}
.mainLeft .box_info{padding:15px 5px 15px 5px;}
.mainLeft .pro_table{padding:5px 10px;}
.mainLeft .pro_table .table_top{height:34px;background:url(images/pro_table_mid.gif) repeat-x;width:680px;}
.mainLeft .pro_table .table_top .top_left{background:url(images/pro_table_left.gif) no-repeat;width:5px;height:34px;}
.mainLeft .pro_table .table_top .top_rg{background:url(images/pro_table_rg.gif) no-repeat;width:9px;height:34px;}
.mainLeft .pro_table .table_top .top_mid p,.mainLeft .pro_table .table_mid p{margin:0px;font-size:14px;font-weight:bold;line-height:34px;_line-height:31px;_padding-top:3px;}
.mainLeft .pro_table .table_top .top_mid p img,.mainLeft .pro_table .table_mid p img{ vertical-align:middle;margin:0 10px;}
.mainLeft .pro_table .table_toptext{border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8;padding:15px 20px;height:100%;}
.mainLeft .pro_table .table_toptext table th{font-weight:bold; vertical-align:top;text-align:left;}
.mainLeft .pro_table .table_mid{height:34px;background:url(images/pro_table_mid.gif) repeat-x;border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8;}
.mainLeft .pro_table .table_toptext .table_info{margin:0;padding:0px 5px;}
.mainLeft .pro_table .table_toptext .box_info{margin:0;padding:0;}
.mainLeft .pro_table .table_bottom{background:url(images/pro_table_bottom.gif) no-repeat;width:680px;height:14px;}
.mainLeft .boxMain_pro{margin:20px 20px 40px 20px;}
.mainLeft .boxMain_pro .ProOverview{width:auto;}
.mainLeft .free_table td{padding:10px 15px 15px 15px;}
.mainLeft .free_table td p{margin:0px;padding:10px 0;}
.mainLeft .free_table td .free_title,.mainLeft .free_table th .free_title{font-size:18px;font-weight:bold;color:#054594;line-height:1.5em;margin:0;padding:5px 0;}
.mainLeft .free_table th{text-align:left;}
.mainLeft .free_table th{padding:15px 10px 10px 15px;}

.overview_banner { height:300px; margin:0 0 10px 0; position:relative; color:#fff;position:relative;}
.overview_banner .banner_text1{margin:0;width:450px;font-size:14px;position:absolute;left:205px;top:100px;}
.overview_banner .banner_text2{margin:0px;width:160px;position:absolute;left:544px;top:193px;}
.overview_banner .banner_text2 a{color:#fff;font-size:12px;font-weight:bold;display:block;}
.overview_banner .banner_text2 a span{color:#ffe404;font-size:18px;font-weight:bold;}
/*==dedline ==*/
.deadline table { font-size:12px; line-height:40px; margin:5px 0 15px 0;}
.deadline table th { background-color:#6c7b8e; font-size:14px; color:#fff; text-align:center;}
.deadline table td { padding-left:20px;}
.deadline table td a { color:#000; text-decoration:none;}
.deadline .free { color:#0797c6;}
.deadline .price { color:#c61d07;}
.deadline .Upgrade { width:207px;}
.deadline .To { width:215px;}
.deadline .pay { width:180px; text-align:center;}
.deadline .line1 { background-color:#f8f8f8;}
.deadline .line2 { background-color:#e7e6e6;}

.following { line-height: 30px;}
.following .btn { background:url(images/deadline_btn.jpg) no-repeat;width:68px; height:24px; border:0;}
.followingbg { background:url(images/box_bgline.gif) no-repeat; width:665px; height:63px; margin:0 auto; margin-bottom:20px;}
.followings h1 { margin-bottom:25px;}
.followings table { margin:15px 0 10px 0;}
.followings table th,.followings table td { padding:10px 10px 10px 10px; text-align: left; height:30x; line-height:18px; background-color:#fff;}
.followings table th{ background-color:#ebebeb; font-size:14px;}
.followings .right {}
.followings .right span { color:#d00000; font-size:10px;}
.followings .product { text-align:center;}
.followings .product img { vertical-align:middle;}
.followings .btn { float: right; margin-right:25px;}

.slibar_new{background:#fff url(images/slideleft_bg.jpg) no-repeat left bottom;padding-bottom:10px;}
.free_table .title_info{margin:0px;padding:0;line-height:1.5em;font-weight:normal;}
.free_title a{text-decoration:none;}
.free_title a:hover{text-decoration:underline;}