/* CSS Document */
body{color:#444; font:normal 12px/150% Verdana; font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, ,sans-serif; line-height:160%;text-align:left; padding: 0px;margin: 0 0px 0px 0px;}/*font:12pt/16pt 100%  verdana,Verdana, Arial, Helvetica, sans-serif ;*/

h1,h2,h3,h4,h5,h6{font:bold 100%/150% Arial; margin:0; padding:0;}
p{margin-top:0; padding-top:0;}
a.black_underline{ text-decoration:underline; font-weight:bold; color:#444;} 
a.black_underline:hover{ text-decoration:none; font-weight:bold; color:#444;}

/*reset*/
#clean{clear:both;}
#container{width:980px;margin:0 auto;margin:0 auto;font-family: verdana !important;}
#head{width:980px; margin:0 0 10px 0; margin:0 0 10px 0\9; *margin:0 0 7px 0; _margin:0 0 7px 0; border:0px #000000 solid;}
#menu{width:980px; height:36px; background:url(../image/mainmenu.png) no-repeat; border:0px; margin:0 0 3px 0;}
#bread{width:900px; height:20px; margin:0 0 2px 3px; background:url(../image/home.png) no-repeat; background-position:0 2px; padding:0 0 0 17px;}
#bread a{ text-decoration:none; color:#444;} 
#bread a:hover{ text-decoration:underline; color:#444;}
#banner{width:980px; margin:0 0 5px 0; background:url(../image/banner.png) no-repeat; height:230px;}
#banner .text{width:380px;  margin:0 0 0 580px; font-size:18px; line-height:26px; padding:60px 0 0 0; color:dadada;}
#banner .text a{text-decoration: underline; color:#FFCC00;}
#banner .text a:hover{text-decoration:none; color:#FFCC00;}
#banner .image{width:380px; margin:5px 0 0 580px;}

/*menu effect*/
#menu ul {float:left; margin:0; padding:0; list-style:none;}
#menu li {float:left; margin:0; padding:0;}
#mainav a{display:block; margin-left:0;width:117px; height:36px;background:url(../image/menu.png) 0 0;text-indent:-128px; overflow:hidden;}
#mnv1 a {background-position:0 0;}
#mnv2 a {background-position:-117px 0;}
#mnv3 a {background-position:-234px 0;}
#mnv4 a {background-position:-351px 0;}
#mnv5 a {background-position:-468px 0;}
#mnv6 a {background-position:-585px 0;}
#mnv7 a {background-position:-702px 0;}
#mnv8 a {background-position:-819px 0;}
#mnv1c a {background-position:0 -38px;}
#mnv2c a {background-position:-117px -38px;}
#mnv3c a {background-position:-234px -38px;}
#mnv4c a {background-position:-351px -38px;}
#mnv5c a {background-position:-468px -38px;}
#mnv6c a {background-position:-585px -38px;}
#mnv7c a {background-position:-702px -38px;}
#mnv8c a {background-position:-819px -38px;}
#mnv1 a:hover {background-position:0 -38px;}
#mnv2 a:hover {background-position:-117px -38px;}
#mnv3 a:hover {background-position:-234px -38px;}
#mnv4 a:hover {background-position:-351px -38px;}
#mnv5 a:hover {background-position:-468px -38px;}
#mnv6 a:hover {background-position:-585px -38px;}
#mnv7 a:hover {background-position:-702px -38px;}
#mnv8 a:hover {background-position:-819px -38px;}

/*content*/
#content{width:980px; margin:0;}
#content .main{width:75%; float:left; margin:0 9px 0 0;}
#content .main h3{font-size:16px;}
#content .main .title{width:716px; padding:5px 0 0 10px; background:url(../image/nav.jpg) 0 0 no-repeat;}
#content .main .product{width:724px; margin:0; padding:0 0 10px 0; border:1px solid #d3d3d3;}
#content .main .product .text{width:710px; padding: 5px 0 0 10px;}
#content .main .product .text .text-img{width:150px; padding: 0 5px 0 5px; float:left;}
#content .main .product .text .text-img .price{width:150px; float:left; text-align:center; color:#FF6600; font-size:14px; margin:10px 0 0 0;}
#content .main .product .text .text-content{width:540px; padding: 0 0 0 10px; float:left;}
.text-button{width:180px; padding: 0 0 0 0; float:right;}
.text-price{width:120px; padding: 10px 0 0 0; float:right; font-weight:bolder; color:#FF6600;}
#keyfeature{width:683px; background:url(../image/keyfeature_red.png) no-repeat; margin:25px 0 0 0;margin:25px 0 0 0\9;*margin:0 0 0 0;_margin:0 0 0 0; padding:3px 0 3px 33px;}
#keyfeature h2{ font-size:15px;}
#keyfeature ul{ margin:8px 0 0 0; padding:0;}
#keyfeature ul h3{ margin:0; padding:0; font-size:14px;}
#keyfeature ul li{ margin:0 0 5px 0; padding:0; background:url(../image/arrow.png) no-repeat; list-style:none; background-position: 0 7px; padding:0 0 0 10px; padding:1px 0 0 10px !important;}


#content .right{width:24%;float:left; padding:0 0 0 0;}
#content .right .title{width:235px; background:url(../image/right_title_red.png) no-repeat; height:28px;}
#content .right .title_win{width:235px; background:url(../image/right_title_win.png) no-repeat; height:28px;}
#content .right .title_hlep{width:235px; background:url(../image/right_title_yellow.png) no-repeat; height:28px;}
#content .right .word{background:url(../image/right_video.png) no-repeat; background-position:7px 3px; padding: 4px 0 0 35px; font-size:16px;}
#content .right .word2{background:url(../image/right_dvd.png) no-repeat; background-position:7px 3px; padding: 4px 0 0 35px; font-size:16px;}
#content .right .word3{background:url(../image/right_audio.png) no-repeat; background-position:7px 3px; padding: 4px 0 0 35px; font-size:16px;}
#content .right .word4{background:url(../image/right_help.png) no-repeat; background-position:7px 3px; padding: 4px 0 0 35px; font-size:16px;}
#content .right .product{width:231px; border:1px solid #dadada; margin:0 0 15px 1px;}
#content .right .product ul{ margin:3px 0 5px 0; padding:0;}
#content .right .product ul li{ margin:0 0 2px 0; padding:0; background:url(../image/right_nav.png) no-repeat; list-style:none; background-position: 5px 7px; padding:0 0 4px 18px; padding:1px 0 4px 18px !important; border-bottom:1px dashed #d9d9d9;}
#content .right li a{ text-decoration:none; color:#444;} 
#content .right li a:hover{ text-decoration:underline; color:#444;}

/*ilife*/
#ilife{width:980px; margin:10px 0 0 0;font-family:Verdana !important;}/*background-color: #f9f9f9; border: solid 1px #f3f3f3;*/
#ilife .wrap{ width:190px; float:left; margin: 0 0 0 6px;}
#ilife .wrap .imovie ul{width:190px; margin:0; padding:0; background:url(../image/imovie.png) no-repeat; padding:6px 0 0 0;}
#ilife .wrap .ipad ul{width:190px; margin:0; padding:0; background:url(../image/ipad.png) no-repeat; padding:6px 0 0 0;}
#ilife .wrap .ipod ul{width:190px; margin:0; padding:0; background:url(../image/ipod.png) no-repeat; padding:6px 0 0 0;}
#ilife .wrap .iphone ul{width:190px; margin:0; padding:0; background:url(../image/iphone.png) no-repeat; padding:6px 0 0 0;}
#ilife ul font{ padding-left:35px;font-weight: bold; font-size:3.5mm !important; color:#b5b5b5;}
#ilife ul li{ list-style: none; overflow:hidden; margin:5px 0 0 7px;}
#ilife ul li a{ text-decoration:none; color:#b5b5b5;}
#ilife ul li a:hover{ text-decoration: underline; color:#b5b5b5;}

/*foot*/
#foot{width:980px; margin:20px 0 0 0; background:url(../image/foot.png) no-repeat; padding:15px 0 0 0; text-align:center;}

/*index*/
#content .main .product_main{width:724px; margin:0; padding:0 0 5px 0; padding: 0 0 5px 0\9; *padding: 0 0 0px 0; _padding: 0 0 0px 0; border:1px solid #d3d3d3;}
#content .main .product_main .text{width:710px; padding: 5px 0 0 10px;}
#content .main .product_main .text p{ padding:0 0 20px 0;margin: 0;}
#content .main .product_main .text .text-img{width:100px; padding: 0 5px 0 5px; float:left;}
#content .main .product_main .text .text-img .price{width:100px; float:left; text-align:center; color:#FF6600; font-size:12px; margin:5px 0 0 0;}
#content .main .product_main .text .text-content{width:580px; padding: 0 0 0 10px; float:left;}

/*hot product*/
#content .main .title_hot{width:716px; padding:5px 0 0 10px; background:url(../image/nav.jpg) 0 0 no-repeat; margin:5px 0 0 0;}
#content .main .product_hot{width:724px; margin:0; border:1px solid #d3d3d3; background:url(../image/ver_dashed.jpg) repeat-y; background-position:50%;}
#content .main .product_hot .text_hot{ width:355px; margin:0 0 0 5px; _margin:0 0 0 4px; float:left;}
#content .main .product_hot .text_hot .text-img{width:100px; padding: 0; margin:0; float:left;}
#content .main .product_hot .text_hot .text-content{width:245px; padding: 0; margin:10px 0 0 10px; float:left;}
#content .main .product_hot .price{width:350px; margin:0 0 5px 5px; color:#FF6600;}
#content .main .product_hot .f_left{width:100px; float:left;}
#content .main .product_hot .buy_download{ width:75px; float:right; margin:0 10px 0 0; text-align:right;}
#content .main .product_hot .price a{ text-decoration:underline; color: #FF6600; font-weight:bold;}
#content .main .product_hot .price a:hover{ text-decoration:none; color:#FF6600;}

/*product.htm*/
#product_keyfeature_mac{width:683px; background:url(../image/keyfeature_red.png) no-repeat; padding:4px 0 3px 33px; font-size:15px; margin:3px 0 0 0;}
#product_content{width:700px; border-bottom:1px dashed #d9d9d9; margin:8px 0 0 0; padding:0 0 10px 0;}
#product_content a{text-decoration: none; color:#7d7d7d; font-weight: bold; font-size:14px;}
#product_content a:hover{text-decoration: underline; color:#7d7d7d; font-weight: bold;}
#product_content .name{ width:350px; border:0px; float:left; margin-left:5px;}
#product_content .download{ width:120px; float:left; background:url(../image/ico-download.png) no-repeat; padding:0 0 0 25px; margin: 0 0 0 10px;}
#product_content .purchase{ width:102px; float:left; background:url(../image/ico-buynow.png) no-repeat; padding:0 0 0 38px; margin: 0 0 0 45px;}
#product_keyfeature_win{width:683px; background:url(../image/keyfeature_win.png) no-repeat; padding:4px 0 3px 33px; font-size:15px; margin:3px 0 0 0;}

#friendlikes{ margin:0 auto; width:980px; text-align:right; padding:0 5px 5px 0;}
#friendlikes a{text-decoration: underline; color:#7d7d7d; font-size:12px;}
#friendlikes a:hover{text-decoration: none; color:#7d7d7d;}

.win{ width:450px; margin:0 0 15px 15px; border: 1px solid #DDDDDD; background: #fafafa url(../image/win.png) no-repeat 10px 10px; padding:7px 10px 7px 30px; color:#777777;}
.mac{ width:450px; margin:0 0 15px 15px; border: 1px solid #DDDDDD; background: #fafafa url(../image/mac.png) no-repeat 10px 10px; padding:7px 10px 7px 30px; color:#777777;}


#content .main .tutorial_product{width:710px; margin:0; padding:10px 0 10px 14px; border:1px solid #d3d3d3;}
#content .main .tutorial_product_hot{width:724px; margin:0; border:1px solid #d3d3d3;}
#content .main .tutorial_product_hot .tutorial_wrap{ width:230px; float:left; margin: 7px 0 20px 7px;}
#content .main .tutorial_product_hot .tutorial_wrap ul{width:230px; padding:0; margin:0;}
#content .main .tutorial_product_hot .tutorial_wrap ul li{ list-style: none; background:url(../image/text-icon.png) no-repeat 0 2px; overflow:hidden; margin:5px 0 0 7px; padding:0 0 0 20px;}
#content .main .tutorial_product_hot .tutorial_wrap ul li a{ text-decoration:underline; color:#444;}
#content .main .tutorial_product_hot .tutorial_wrap ul li a:hover{ text-decoration: none; color:#444;}

#note{ width:650px; margin:10px 0 10px 10px; background: #fbfbfb; border:1px solid #dadada; padding:10px 10px;}
#trial_buy_note{ width:650px; margin:10px 0 10px 10px; background: #FFF0B3; border:1px solid #FEBD52; padding:10px 10px 0px 10px;}
#trial_buy_note a{ text-decoration:underline; font-weight:bold; color:#444;}
#trial_buy_note a:hover{ text-decoration: none; font-weight:bold; color:#444;}
#ready_buy{ width:305px; float:left; background:url(../image/reg_buy.png) no-repeat; padding:0 0 0 20px;}
#ready_trial{ width:305px; float:left; background:url(../image/reg_trial.png) no-repeat; padding:0 0 0 20px;}


#tab{ border-top:solid 1px #dddddd; border-left:solid 1px #dddddd;}
#tab td{ border-bottom:solid 1px #dddddd; border-right:solid 1px #dddddd; padding:5px; line-height:140%; }
#tab th{ font-size:12px; padding:0px 5px; font-weight:bold; background-color:#dddddd; text-align:left; height:25px; border-right:solid 1px #dddddd; }
#tab #red { color:#FF0000;}
#tab #red del { color:#000000;}
#tab a{ color:#3372A2; text-decoration:none;}
#tab a:hover{ color:#3372A2; text-decoration:underline; }