@charset "utf-8";
/**
 * copyright: wondershare,Inc
 * code: pengzq
 * date: 03/2009
 */
/*reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:top 10px;padding:0;}
/*css sprites*/
body,#hd .contact,#hd .affiliate,#nav,#nav map,#nav div,#nav a.on,#crumbs{background:url(images/head.png) no-repeat;}/*bg,nav*/
#bn .dvd-creator,#bn .dvd-copy,#bn .on-dvd-creator,#bn .on-dvd-copy,#bn .play,#bn .demo{background:url(images/bnicons.png) no-repeat;}/*banner*/
.down,.buy,.product-list .download a,#contact  .online-form .sbmt{background:url(images/btnicons.png) no-repeat;}/*button*/
.product-list .news .tit,.mod,.mod .tit,#download .howto .head,#download .tips li,#sider .related-product .sdown,#sider .related-product .sbuy,#store .mods .tit,#support #main .head,#faq #main .tit,#faq #main dt,#faq #main dd,#contact #main .tit,#tutorial #main .tit{background:url(images/icons.png) no-repeat;}/*icons*/
/*global*/
html,body{background-color:#fff;color:#4c4c4c;}
body{font:400 11px/1.5em Verdana,Tahoma,Helvetica,Arial,sans-serif;text-align:center;}
h1,h2{font-size:14px;color:#000;}
h3,h4,h5,h6{font-size:12px;}
li{list-style:none;}
img,fieldset{border:0;}
label,button{cursor:pointer;}
table{border-collapse:collapse;}
em,dfn{font-style:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
a{color:#2b2d2b;text-decoration:none;}
a:hover{color:#2b2d2b;text-decoration:underline;}
.clearfix{zoom:1;}
.clearfix:after{clear:both;content:"";display:block;}
.tit{color:#030303;}
.down{width:87px;margin:0 8px 0 0;padding:0 0 0 11px;color:#1b7200;}
.buy{width:76px;text-align:center;background-position:-106px 0;}
.down,.buy{float:left;height:21px;line-height:21px;}
a.down:hover,a.buy:hover{text-decoration:none;}
.price{color:#E71010;}
/*layout*/
#hd,#nav,#bn,#bd,#ft{width:972px;margin:0 auto;text-align:left;}
body{background-repeat:repeat-x;background-position:0 -275px;}
#bd{margin:14px auto 25px;}
#main{float:left;width:742px;}
#sider{float:right;width:217px;margin:4px 0 0;}
/*#hd*/
#hd{border:1px solid transparent;+border:none;}
#hd .weblogo{float:left;margin:28px 0 0 7px;}
#hd .logo,#hd .description{float:left;}
#hd .description{margin:10px 0 0 22px;color:#575757;font:400 11px/16px Verdana;}
#hd .description span{display:block;}
#hd .other{float:right;margin:50px 16px 0 0;}
#hd .other a{padding:1px 0 1px 24px;margin:0 0 0 10px;}
#hd .contact{background-position:0 -141px;}
#hd .affiliate{background-position:0 -170px;}
/*#nav*/
#nav{height:43px;line-height:43px;margin:11px auto 0;background-color:#666;background-repeat:repeat-x;}
#nav map{background-position:0 -43px;}
#nav div{padding:0 0 0 5px;background-position:100% -90px;}
#nav a{float:left;width:77px;height:43px;margin:0 0 0 15px;text-align:center;font:700 13px/43px Verdana;color:#fff;}
#nav a:hover{text-decoration:none;}
#nav a.on{background-position:0 -230px;color:#2e2e2e;font-size:12px;}
/*#crumbs*/
#crumbs{padding:0 0 3px 20px;background-position:5px -196px;border-bottom:1px solid #c6c6c6;}
#crumbs a,#crumbs strong{margin:0 5px;font-weight:400;}
/*#ft*/
#ft{margin:0 auto 55px;border-top:1px solid #c6c6c6;color:#a5a5a5;}
#ft .links{float:left;margin:11px 0 0 10px;}
#ft .links a{margin:0 10px;color:#a5a5a5;}
#ft .copyright{float:right;margin:11px 16px 0 0;color:#bcbcbc;}
/*.mod*/
.mod{width:215px;margin:16px 0;border:1px solid #bdbdbd;background-position:-365px 0;}
.mod .tit{padding:10px 10px 10px 42px;font:700 14px Verdana;}
.mod .cont{margin:10px 20px 16px;}
.related-links .tit{background-position:17px -93px;}
.related-links ul{margin-left:65px;}
.related-links li{list-style:disc; margin-left:25px;}

/*product.html*/
.product-list{margin:20px 0 0;}
.product-list .tit{font:700 16px Verdana;}
.product-list .dvd-creator-for-mac{float:left;width:308px;margin:0 0 0 10px;}
.product-list .dvd-copy-for-mac{display:inline;float:right;width:308px;margin:0 25px 0 0;}
.product-list .detail{margin:32px 0 0;}
.product-list .detail img{display:block;margin:0 auto 28px;}
.product-list .download a{display:inline-block;width:98px;height:21px;line-height:21px;margin:0 5px;text-align:center;background-position:-184px 0;font-family:Arial;}
.product-list .download a:hover{text-decoration:none;}
.product-list .des{margin:0 0 21px;}
.product-list .dvd-copy-for-mac .des{margin-right:10px;}
.product-list .ver strong,.product-list .size strong{margin:0 5px 0 0;}
.product-list .news{margin:30px 0 20px;}
.product-list .news .tit{height:27px;padding:0 0 0 36px;font:700 14px/27px Verdana;}
.product-list .dvd-copy-for-mac .news .tit{background-position:0 -350px;}
.product-list .dvd-creator-for-mac .news .tit{background-position:0 -400px;}
.product-list .news ul{margin:10px 0 0;}
.product-list .news li{margin:3px 0 3px 15px;white-space:nowrap;list-style:disc;}
.product-list .news li a{margin:0 20px 0 0;}
#sider .related .tit{background-position:15px 7px;}
#sider .share .tit{background-position:15px -43px;}
#sider .share a{color:#489a00;}

/*mac-dvd-creator-download.html*/
#download .product{margin:18px 0 0 12px;}
#download .product img{float:left;}
#download .product .detail{float:left;margin:0 0 0 46px;}
#download .product .detail .tit{margin:0 0 24px;font:700 16px Verdana;}
#download .product .detail ul{margin:0 0 0 15px;}
#download .product .detail li{list-style:disc;}
#download .product .detail p{margin:24px 0 0;line-height:21px;color:;overflow:hidden;zoom:1;}
#download .product .detail .price{margin:0 0 0 12px;}
#download .howto{margin:20px 0 0;}
#download .howto .head{margin:0 0 10px;padding:0 0 0 52px;}
#download #main .tit{font:700 14px Verdana;}
#download .howto img{float:right;margin:0 0 0 24px;}
#download .howto .detail{display:none;margin:0 16px;padding:5px 14px 5px;background-color:#f1f1f1;}
#download .add .head{background-position:-602px -752px;}
#download .edit-make .head{background-position:-602px -702px;}
#download .edit-menu .head{background-position:-602px -797px;}
#download .burn .head{background-position:-602px -847px;}
#download table,#download td,#download th{border:1px solid #949494}
#download table{width:740px;}
#download td,#download th{height:25px;padding:0 7px;}
#download .references .tit,#download .system-requirements .tit,#download .tips .tit{margin:0 0 10px 8px;}
#download .references,#download .system-requirements,#download .tips{margin:25px 0 0;}
#download .references .tblhd{background-color:#f7fdf0;}
#download .field,#download .system-requirements th{width:154px;}
#download .tips ul{margin:0 0 0 10px;}
#download .tips li{margin:3px 0;padding:0 0 0 17px;background-position:-611px -948px;}
#sider .related-product .tit{background:none;}
#sider .related-product .cont{overflow:hidden;zoom:1;}
#sider .related-product .cont img{float:left;}
#sider .related-product .sdown{display:inline-block;margin:23px 0 0;padding:0 0 0 16px;background-position:0 -300px;}
#sider .related-product .sbuy{display:inline-block;margin:10px 0 0;padding:0 0 0 16px;background-position:0 -250px;}
#sider .related-product .price{display:inline-block;margin:10px 0 0 17px;}

/*mac-dvd-creator-buy.html*/
#purchase .product{margin:23px 0 0 3px;}
#purchase .product img{float:left;margin:0 42px 0 0;}
#purchase .product .tit,#purchase .whats-more .tit{font:700 16px Verdana;}
#purchase .product .detail img{display:block;float:none;margin:25px 0;}
#purchase .product .buynow{clear:both;margin:35px 0 0;}
#purchase .product li{height:31px;line-height:31px;margin:0 0 2px;padding:0 22px;overflow:hidden;zoom:1;background-color:#f1f1f1}
#purchase .product li .buy{margin:5px 0;}
#purchase .product .ver,#purchase .product .price{float:left;}
#purchase .product .ver{width:320px;}
#purchase .product .price{width:262px;}
#purchase .product .note a{color:#FF0000}
#purchase .whats-more{width:725px;height:122px;line-height:2em;border:1px dashed #CCCCCC; background-color:#F0F0F0; margin-left:5px;}
#purchase .whats-more ol{margin:15px 0 0 20px;}
#purchase .whats-more li{list-style:decimal;}
#purchase .related-links .tit{background-position:17px -93px;}
#purchase .related-links ul{margin-left:20px;}
#purchase .related-links li{list-style:disc;}

/*support.html*/
#support .registration,#support .technical{border-bottom:1px dashed #4c4c4c;}
#support .registration,#support .technical,#support .general-inquires{margin:18px 6px 0;padding:0 0 18px;}
#support #main .head{margin:0 0 15px;padding:0 0 0 40px;}
#support #main .tit{font:700 16px Verdana;}
#support #main ul{margin:0 0 0 16px;}
#support #main li{margin:3px 0;list-style:disc;}
#support #main .registration .head{background-position:-611px -147px;}
#support #main .technical .head{background-position:-611px -197px;}
#support #main .general-inquires .head{height:26px;background-position:-611px -250px;}
#support #main .general-inquires .tit{line-height:26px;}
#support .general-inquires a{color:#489a00;}

/*faq.html*/
#faq dd{list-style:disc;}
#faq #main .tit{height:25px;margin:16px 5px 10px;padding:0 0 0 38px;font:700 16px/25px Verdana;}
#faq #main .product .tit{background-position:-611px -300px;}
#faq #main dt{margin:0 0 6px;padding:0 0 0 21px;background-position:-611px -900px;}
#faq #main dd{margin:15px 0 10px;;padding:0 0 0 21px;background-position:-604px -998px;}
#faq #main .purchase .tit{background-position:-611px -350px;}

/*09-07-11*/

.tuto{background:url(images/ServiceBg.gif) repeat-x left 26px; }
.tuto .tutomenu {height:32px; text-align:center;}
.tuto .tutomenu li { float:left;}
.tuto .tutomenu li span {margin:0 0 0 10px; background:url(images/tutomenu.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;}
.tuto .tutomenu li a {margin:0 0 0 10px; background:url(images/tutomenu.gif) -134px top no-repeat; display:block; width:134px; height:32px; line-height:30px; text-decoration:none; font-size:14px; color:#333;}
.tuto .tutomenu li a:hover {background:url(images/tutomenu.gif) no-repeat left top; color:#333; font-weight:bold;}
.tuto .tutomain{padding:20px 20px 0 20px;}
.tuto .comment{margin:0 0 20px 0; padding:10px 10px 10px 10px; border:#CCCCCC solid 1px;}
.tuto .comment .imgs{ float:left; width:48px; height:60px; margin:0 10px 10px 0 ; background:url(images/ico-faq.jpg) no-repeat;}
.tuto .comment .tit2{ font-size:16px; font-weight:bold; color:#333333}
.tuto .comment .tit2 a{color:#333333; text-decoration:none;}
.tuto .comment .tit2 a:hover{ color:#333333; text-decoration:underline;}



/*contact.html*/
#contact #main .tit{height:25px;margin:14px 6px 10px;padding:0 0 0 38px;font:700 16px/25px Verdana;}
#contact #main dd{margin:0 0 22px;}
#contact .contact{margin:0 0 0 6px;}
#contact #main .contact .tit{background-position:-611px -400px;}
#contact .online-form{margin:0 0 0 6px;}
#contact #main .online-form .tit{background-position:-611px -450px;}
#contact  .online-form fieldset{margin:10px 0 0;}
#contact  .online-form p{margin:12px 0;overflow:hidden;zoom:1;}
#contact  .online-form label{float:left;width:100px;margin:0 6px 0 0;text-align:right;font-weight:700;}
#contact  .online-form input{width:325px;height:19px;border:1px solid #828282;}
#contact  .online-form textarea{width:325px;height:111px;overflow:auto;border:1px solid #6abb14;}
#contact  .online-form .sbmt{float:left;width:70px;height:21px;line-height:21px;margin:0 0 0 106px;_margin:0 0 0 109px;background-position:0 -23px;border:none;cursor:pointer;}

/*tutorial.html*/
#tutorial #main { height:1%; overflow:hidden; padding:5px;}
#tutorial #main .list ul{list-style-image:none;list-style-position:outside;list-style-type:none;}
#tutorial #main .list ul li
{background:#F7F7F7 url(../images/icon/arrow-index.gif) no-repeat scroll 0px 12px; 
border-bottom: 1px solid #DDDDDD; 
color:#333333;
font-size:12px; 
height:36px;
line-height:26px; 
padding: 4px 0 0 27px;}

#tutorial #main .list ul li a{background:transparent;color:#444444; display:block;font-size:12px; padding-left:10px;}


/*article.html*/
#tutorial .article{margin:14px 12px;}
#tutorial .article .trial a{ margin-left:100px;font-size:18px;text-decoration:underline;}
#tutorial .article .imgleft{float:left;margin:8px 35px 8px 8px;}
#tutorial .article .imgright{float:right;margin:8px 35px 8px 8px;}
#tutorial #main .article .tit{margin:0;padding:0;font:700 16px/27px Verdana;background:none;}
#tutorial .article p{line-height:180%;margin:12px 0 0;}
#tutorial .article a{color:#489a00;}
#tutorial .article_frame{width:680px; margin-left:15px;height:92px;border:1px dashed #CCCCCC;background-color:#f1f1f1;font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0 20px; margin-bottom:20px;}
#sider .other-tutorial .tit{background-position:10px -192px;}
#sider .other-tutorial li{margin:8px 0;}
#sider .other-tutorial .here{color:#489a00;}

/*affiliate.html*/
#affiliate .product{}
#affiliate .knowledge{}
#affiliate .movie-news{}
#affiliate .show-room{}
#affiliate #main .tit{height:27px;margin:14px 4px 10px;padding:0 0 0 38px;font:700 16px/27px Verdana;}
#affiliate #main ul{margin:0 0 0 25px;}
#affiliate #main li{list-style:disc;}
#affiliate #main .product .tit{background-position:-604px -500px;}
#affiliate #main .knowledge .tit{background-position:-604px -550px;}
#taffiliate #main .movie-news .tit{background-position:-604px -600px;}
#affiliate #main .show-room .tit{background-position:-604px -650px;}