/* 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 ;*/

#clean{ clear:both;}
p{ margin:0; padding:0 0 20px 0;}
h1,h2,h3,h4,h5,h6{font:bold 100%/150% Arial; margin:0; padding:0;}
#hor_dashed{margin-top:8px !important; margin-top:5px; background:url(../image/hor_dashed.jpg) repeat-x; height:1px; overflow:hidden;}

#headwrap{ width:100%; height: 150px; background-image: url(../image/head_bg.jpg); margin: 0 auto; font-family:Verdana !important;}
#headwrap .head{ width: 1100px; height:90px; margin: 0 auto;}
#headwrap .logo{ width:300px; float:left;}
#headwrap .head .search{width:300px; height:30px; float:right; margin:35px 20px 0 0; margin:35px 20px 0 0\9; *margin:35px 20px 0 0; _margin:23px 20px 0 0;}
#headwrap .head .search_text{ width:255px; height:21px; border:none; line-height:21px; vertical-align:middle; float:left; color: #888888; margin:5px 0 0 0; margin:5px 0 0 0\9; *margin:5px 0 0 0; _margin:5px 0 0 0;}
#headwrap .head .search_button{ width:24px; height:23px; background: url(../image/search.png) no-repeat; border:none; float:left; margin:5px 0 0 5px; margin:4px 0 0 5px\9; *margin:7px 0 0 5px; _margin:7px 0 0 5px;}

/*menu*/
#headwrap .menu { width: 1100px; height:50px; margin: 0 auto; margin-top:10px !important;margin-top:7px;}
#headwrap .menu .left{ height:50px; width:10px; background-image:url(../image/head_menu_left.jpg); float:left;}
#headwrap .menu .main{ height:50px; width:1080px; background-image:url(../image/head_menu_main.jpg); float:left;}
#headwrap .menu .right{ height:50px; width:10px; background-image:url(../image/head_menu_right.jpg); float:left;}
#headwrap .menu .main ul{ padding:0; margin:0; margin-left:30px;}
#headwrap .menu .main li{ display:inline;}
#headwrap .menu .main li a{ float:left; overflow:hidden; width:150px; height:30px; margin-top:8px; color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:16px; text-align:center; padding-top:10px !important; padding-top:8px; margin-right:10px;}
#headwrap .menu .main li a:hover{ background:url(../image/head_menu_hover.png) no-repeat; background-position:center;}
.pageaction{background:url(../image/head_menu_hover.png) no-repeat; background-position:center;}

#breadwrap{ width:100%; margin:0 auto; font-family:Verdana !important;}
#breadwrap .nav{ height:20px; width: 1100px; margin: 0 auto; background:url(../image/home.png) no-repeat; background-position:2px 3px; *background-position:2px 8px; _ background-position:2px 8px;}
#breadwrap .nav ul{ padding:0; margin:0; margin:3px 0 0 20px;}
#breadwrap .nav li{ display:inline;}
#breadwrap .nav li a{ text-decoration:underline; color:#555555;}
#breadwrap .nav li a:hover{ text-decoration: none; color:#0ABBD2;}

#banner{ width:1100px;margin:0 auto; margin-top:5px; *margin-top:10px; _margin-top:6px; height:260px; background:url(../image/banner.jpg) no-repeat;}
#banner .text{width:500px;  margin:0 0 0 550px; font-size:18px; line-height:26px; padding:50px 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:500px; margin:10px 0 0 550px;}


#pagebody{width:100%; margin:0 auto;}
#content{ width:1100px; margin:0 auto; margin-top:3px; *margin-top:8px; _margin-top:6px; }
#main{ width:820px; float:left; line-height:21px;}
#main .top{ height:15px; background:url(../image/main_top.png) no-repeat; overflow:hidden;}
#main .middle{ background:url(../image/main_content.png) repeat-y; overflow:hidden;}
#main .bottom{ height:29px; background:url(../image/main_bottom.png) no-repeat; overflow:hidden;}
#main_feature_product{width:790px; float:left; margin:0 0 0 10px;}
#main_feature_product .left{width:150px; float:left; text-align:center; margin:0 0 0 0; color: #FF6600; font-weight:bold;}
#main_feature_product .right{ width:630px; float:left; margin:10px 0 0 10px;}
#main_feature_product a{ text-decoration:underline; color: #444;}
#main_feature_product a:hover{ text-decoration:none;}
.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;}

#main_product{ width:400px; float:left; margin-left:7px !important; margin-left:4px;}
#main_product .left{width:120px; float:left; text-align:center; margin:10px 0 0 0;}
#main_product .right{ width:270px; float:left; margin:10px 0 0 5px;}
#main_product .price{width:400px; margin:0 0 5px 0; color:#FF6600;}
#main_product .f_left{width:120px; float:left; text-align:center;}
#main_product .buy_download{ width:80px; float:right; margin:0 15px 0 0; text-align:right;}
#main_product .price a{ text-decoration:underline; color: #FF6600; font-weight:bold;}
#main_product .price a:hover{ text-decoration:none; color:#FF6600;}
#main_product a{ text-decoration:underline; color: #444;}
#main_product a:hover{ text-decoration:none;}
#main_product .buynow{ width:100px; float:left; margin-left:50px !important; margin-left:30px; margin-top:10px;}
#main_product .download{ width:100px; float:left; margin-left:20px !important; margin-left:10px; margin-top:10px;}
#main_product .hor_dashed{margin-top:8px !important; margin-top:5px; background:url(../image/hor_dashed.jpg) repeat-x; height:1px; overflow:hidden; width:98%;}

#right{width:270px; float:left; line-height:21px; margin-left:10px; margin-top:3px;}
#right_mac_title{width:270px; float:left; height:26px; background:url(../image/right-top-mac.png) no-repeat;}
#right_win_title{width:270px; float:left; height:26px; background:url(../image/right-top-win.png) no-repeat;}
#right_help_title{width:270px; float:left; height:26px; background:url(../image/right-top-help.png) no-repeat;}
#right .content{width:268px; float:left; border-left: #aeaeae solid 1px; border-bottom: #aeaeae solid 1px; border-right: #aeaeae solid 1px;}
#right .content .hor_dashed{margin-top:8px !important; margin-top:5px; background:url(../image/hor_dashed.jpg) repeat-x; height:1px; overflow:hidden; margin-left:10px;}
#right .left_img{width:30px; text-align:center; float:left; margin:3px 0 0 3px;}
#right .right_font{width:220px; float:left; margin:5px 0 0 3px; color: #555555; font-size:16px;}
#right ul {padding:0; margin:3px 0 7px 10px;}
#right ul li{ padding:0 0 0 10px; margin:3px 0 0 3px !important;margin:5px 0 0 3px; background:url(../image/li-green.gif) no-repeat; font-size:13px; list-style:none; background-position:0 8px;} 
#right ul li a{ text-decoration:none; color:#444;} 
#right ul li a:hover{ text-decoration:underline; color: #00FFFF;}
#right ul li img{ border:0px; margin:5px 0 0 10px;}

#relatewrap{width:100%; margin:0 auto; font-family:Verdana !important; background-color: #effdff; margin-top:10px; border-top:solid 1px #d3f9ff; border-bottom: solid 1px #d3f9ff;}
#relatewrap font{ padding-left:25px; line-height:21px;}
#ipod ul{width:260px; float:left; margin:0; padding:0; margin-left:10px !important; margin-left:5px; background:url(../image/ipod.png) no-repeat; background-position:1px 0; background-position:2px 0\9; *background-position:0px 0; _background-position:2px 0;}
#iphone ul{width:260px; float:left; margin:0; padding:0; margin-left:10px !important; margin-left:5px; background:url(../image/iphone.png) no-repeat; background-position:1px 0; background-position:2px 0\9; *background-position:0px 0; _background-position:2px 0;}
#itunes ul{width:260px; float:left; margin:0; padding:0; margin-left:10px !important; margin-left:5px; background:url(../image/itunes.png) no-repeat; background-position:0 0; background-position:2px 0\9; *background-position:0px 0; _background-position:0 0;}
#editor ul{width:260px; float:left; margin:0; padding:0; margin-left:10px !important; margin-left:5px; background:url(../image/editor.png) no-repeat;}
#relatewrap ul li{ margin-left:6px !important; margin-left:5px; padding-left:3px; list-style:inside; line-height:21px; overflow:hidden;}
#relatewrap ul li a{ text-decoration:none; color:#555555;}
#relatewrap ul li a:hover{ text-decoration: underline; color:#0abbd2;}

#friendlikes{ margin:0 auto; width:1095px; text-align:right; padding:0 5px 5px 0;}
#friendlikes a{ text-decoration:underline; color:#555555;}
#friendlikes a:hover{ text-decoration: none; color:#0abbd2;}

#footwrap{width:100%; margin:0 auto; font-family:Verdana !important; text-align:center; background:url(../image/footbg.jpg) repeat-x; margin-top:20px; height:40px;}
#footwrap .main{ margin:0 auto; width:1100px; background:url(../image/footlogo.jpg) no-repeat; background-position:95% 0%; padding-top:10px; height:30px;}
#footwrap a{ text-decoration:underline; font-weight:bold; font-size:14px; color:#444;}
#footwrap a:hover{ text-decoration:none; font-weight:bold; font-size:14px; color:#444;}

/*product*/
#keyfeature{width:760px; background:url(../image/keyfeature_red.png) no-repeat; margin:25px 0 0 5px;margin:25px 0 0 5px\9;*margin:25px 0 0 5px;_margin:25px 0 0 5px; 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 10px 0; padding:0; background:url(../image/arrow.gif) no-repeat; list-style:none; background-position: 0 7px; padding:1px 0 0 18px;}


/*product.htm*/
#product_keyfeature{width:760px; background:url(../image/keyfeature_red.png) no-repeat; margin:5px 0 0 5px; padding:3px 0 3px 33px;}
#product_keyfeature h2{ font-size:15px;}
#product_content{width:760px; border-bottom:1px dashed #d9d9d9; margin:8px 0 0 20px; 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 26px; margin: 0 0 0 45px;}

#product_content .linkspan{width:700px; border:0px; float:left; margin-left:5px;}
#product_content .linkspan a{text-decoration: none; color:#7d7d7d; font-size:12px;}
#product_content .linkspan a:hover{text-decoration: underline; color:#7d7d7d;}

.win{ width:550px; 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:550px; 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;}


a.gray_underline{ text-decoration:underline; color:#777;} 
a.gray_underline:hover{ text-decoration:none; color:#777;}

#note{ width:740px; margin:10px 0 15px 15px; background: #fbfbfb; border:1px solid #dadada; padding:10px 10px;}