@charset "utf-8";
#article .focus a { text-decoration:none; color:#08C;}
#article .focus a:hover{ text-decoration:underline;}
#article .focus p.tips a,#article .focus p.note a { color:#08c; font-size:11px;}
#article .focus p.tips,#article .focus p.note{ color:#666; background:none repeat scroll 0 0 #fefefe; border:1px solid #ddd; padding:8px 12px; -webkit-border-radius:4px; -moz-border-radius:4px;}
#article .focus p.tips span { font-weight:bold; padding-right:4px;}
#article .focus .return a { font-size:10px; border:none;}
#article .focus .noshadow{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
.topbanner{ width:1040px; margin:5px auto;}
#article{ width:1040px; margin:0 auto; padding:6px 0;}
#article .focus{ float:left; width:740px; position:relative; background:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 2px 2px #ddd; -moz-box-shadow:0 2px 2px #ddd; box-shadow:0 2px 2px #ddd; border:1px solid #ddd; padding:0 10px 0 28px;}
#article h2{ background:#f5f5f5; height:50px; line-height:52px; font-size:16px; font-weight:bold; color:#318905; padding:0 0 0 24px; border-bottom:1px solid #ddd; text-shadow:0 1px 0 #FFFFFF; background:transparent url(../images/style/bg-left-h1.png) repeat-y scroll 0 0; border-top-left-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; border-top-right-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; margin:0 -10px 0 -28px;}
.sharesns{padding:10px 0;}
#article .focus p{padding:5px 0;}
#article .focus ol {list-style-position:outside; list-style-type:decimal; padding:2px 0 8px;}
#article .focus ol li{ line-height:1.5em; padding:5px 0;}
#article .focus h3 { background:transparent url(../images/style/h3-bg.gif) no-repeat scroll 0 0; font-weight:normal; font-size:17px; clear:both; line-height:36px; padding:12px 0 10px 24px; margin:16px -10px 0 -28px;}
#article .focus dl{overflow:hidden;margin-bottom:18px;}
#article .focus dl dt{color:#555;font-size:18px;font-weight:bold;clear:both;overflow:hidden;}
/*step*/
#article .focus h4.az,#article .focus h4.az strong{ overflow:hidden; font-size:14px; color:#555; font-family:Arial, Helvetica, sans-serif;}
#article .focus h4.az span { float:left; display:block; width:32px; height:26px; color:#fff; font-weight:bold; padding-left:8px; background:transparent url(../images/style/bg-step.gif) no-repeat scroll 0 0;}
#article .focus h4.az a { font-weight:bold; font-size:14px; color:#555; font-family:Arial, Helvetica, sans-serif;}
#article .focus .cts { padding:4px 0 20px 40px; position:relative; width:695px;}
#article .focus .cts .number {background:url(../images/style/bg-step.gif) no-repeat scroll 3px 3px transparent;color:#fff;font-weight:bold;font-size:15px;height:38px;line-height:34px;left:1px;top:15px;padding:0;text-align:center;position:absolute;width:35px;visibility: visible;}
#article .focus .last { border:none;}
#article .focus .cts img { max-width:660px;}

#article .focus .tab-download{ width:610px; margin:10px 0;}
#article .focus .tab-download .nav{ overflow:hidden; margin:0;margin-bottom:-1px; position:relative;}
#article .focus .tab-download .nav li{ display:inline-block; padding:0 20px; height:40px;line-height:40px; text-align:center; font-size:16px; font-weight:bold;  background:none; margin:0 10px 0 0; border:1px solid #ccc; border-radius:10px 10px 0 0;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr='#e3e3e3',endcolorstr='#ffffff',gradientType=0); background: -moz-linear-gradient(top, #e3e3e3, #ffffff 100%);background: -webkit-gradient(linear, 0 0, 0 100%, from(#e3e3e3), to(#ffffff)); cursor:pointer;}
#article .focus .tab-download .nav li img{ margin-bottom:3px;}
#article .focus .tab-download .nav li{ *display:inline;}
#article .focus .tab-download .nav li.curr{ background:#fff; filter:none; border-bottom:1px solid #fff; }
#article .focus .tab-download .con{ border:1px solid #ccc; padding:20px 15px; overflow:hidden; font-size:14px; }
#article .focus .tab-download .con label{ display:block; padding:5px 0 8px; }
#article .focus .tab-download .con .downArea{ float:right; width:220px; text-align:center;}

/*download button*/
#article .focus ul.free-download{ overflow:hidden;}
#article .focus ul.free-download li, #bottomBar .free-download{ float:left; margin-right:32px; background:none; padding:0;}
#bottomBar .free-download{ float:right;}
#article .focus ul.free-download li img{ box-shadow:none;-moz-box-shadow:none;}
#article .focus ul.free-download li a, #bottomBar .free-download a{ border:none; display:block; color:#fff;}
#article .focus ul.free-download li a:hover, #bottomBar .free-download a:hover{ color:#e6e6e6;}
#article .focus ul.free-download .reviews{ border:1px solid #ccc; border-radius:10px; background:#f3f3f3; padding:10px 15px; float:left; width:268px; line-height:1.4em; position:relative; margin:0 0 0 -15px;}
#article .focus ul.free-download .reviews .dot{ position:absolute; z-index:2; background:url(../images/style/reviews-dot.png) no-repeat; width:15px; height:22px; left:-15px; top:10px;}

/*relate article*/
#article .focus ul.av_bottom_title {color:#318905; font-size:18px; padding:10px 0; margin-top:20px; border-top:solid 1px #ccc;}
#article .focus ul.av_bottom_list li {padding:0 10px; background:url(images/dot2.png) no-repeat left 9px;}
#article .focus ul.av_bottom_list li a { background:transparent url(../images/icon-arrow.gif) no-repeat scroll 100% 72%; padding-right:9px;}
#article .focus ul.av_bottom_list li a:hover {color:#08c; text-decoration:underline;}
/*right sidebar*/
#article .right-part{ margin-right:0;}
#article .right-part .side{ background:#FFF;}
.r_side_banner {text-align:center; padding:0 0 10px 0;}
.right-part .side .box_tags {padding:0 15px;}
.box_tags a{line-height:22px;padding:0 5px;color:#3e4e57;}
.box_tags a:hover{color:#3388CC; text-decoration:underline;}
.box_tags a.one{font-size:16px;font-weight:bold;}
.box_tags a.two{font-size:14px;font-weight:bold;}
.box_tags a.three{font-weight:bold;}
.box_tags .twitter{border-top:1px solid #CCC; padding-top:5px; width:196px; margin:7px 0 0 7px;}
#article .focus h4 { clear:both; color:#000; font-size:13px; font-weight:bold; display:block; margin:20px 0 4px;}
#article .focus h5 { display:block; margin:10px 0;}
#article .focus .pdf { display:block; text-align:right; margin:0; margin-bottom:-4px;}
#article .focus .pdf a { border:none;}
#article .focus .like { overflow:hidden; padding:16px; border:none; background:#E8F0F9;}
#article .focus .like-a { float:left; width:380px;}
#article .focus .like-a h6 { font-weight:bold; font-size:14px; color:#3A5796;}
#article .focus .like-b { float:right; width:240px;}
#article .focus .like a { border:none;}
#article .focus .related{ padding:10px 0 10px 10px; background:#f4f5f4; margin:15px 0; overflow:hidden;}
#article .focus .related h4{ margin-top:8px;}
#article .focus .related a{ color:#444;}
#article .focus .related .col{padding:10px 5px 0 0;}
#article .focus .related .col img{ box-shadow:0 0 0;-moz-box-shadow:0 0 0;-webkit-box-shadow:0 0 0;}
#article .focus .related .col p{ font-size:10px; -webkit-text-size-adjust:none;}
#article .focus .related a.btnFree,#article .focus .related .btnBuy,.rollTop .btnFree-mac,.rollTop .btnBuy-mac{ display:block; background:url(../images/style/btn-buy-free.png) no-repeat; width:110px; height:22px; padding:30px 0 0 42px; color:#e9fb36 !important;  font-size:12px; margin:0 3px;}

#article .focus .btnBuy,.rollTop .btnBuy-mac{ background-position:0 -52px !important;}
#article .focus ul { margin:6px 0;}
#article .focus ul li{line-height:1.8em; color:#666; background:transparent url(../images/list.gif) no-repeat scroll 2px 8px; padding:2px 0 2px 12px;}
#article .focus ul.menus { margin:12px 0; padding:12px 20px; -moz-box-shadow:0 2px 5px #ccc; -webkit-box-shadow:0 2px 5px #ccc; border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff;}
#article .focus ul.menus li span { font-weight:bold; padding-right:8px;}
#article .focus dl p.date{color:#777;font-style:italic;text-align:left;margin:2px;}
#article .focus dl p.date a.from{color:#777;font-style:italic;text-decoration:none;}
#article .focus dl p.date a.soft{float:right;color:#f60;font-style:italic;}
#article .focus dl p.date span{color:#777;font-weight:bold;margin-right:6px;}
#article .focus dl dd { border-top:1px dotted #ddd ;padding-top:6px;}
#article #rf{clear:both;overflow:hidden;border:1px solid #dedede;background-color:#fafafa;height:1%;margin:10px 0;padding:12px;}
#article #rf h4{color:#333; font-size:14px;font-weight:bold; margin:2px 0 8px 0;}
#article .focus ul.dh{overflow:hidden;height:100%;}
#article .focus ul.dh li{line-height:20px;background:transparent url(../images/icon-arrow2.gif) no-repeat 0 4px;padding-left:10px;float:left;width:30%;}
#article .focus ul.dh li a { font-size:11px;}
#article #ra { background-color:#F9FEF8; border:1px dotted #9FE18E; clear:both; height:1%; margin:10px 0; overflow:hidden; padding:12px 16px;}
#article #ra h4{ color:#555; font-size:13px; font-weight:bold; margin:2px 0 10px 0;}
#article #ra p {background:transparent url(../images/icon-arrow2.gif) no-repeat scroll 0 0; line-height:24px; padding-left:10px;}
#article #ra p a {font-size:12px;}
#article #ra p a strong {font-size:12px;}
#article .focus blockquote { color:#999; background:none repeat scroll 0 0 #fefefe; border:1px solid #ddd; padding:8px 12px; -moz-border-radius:4px;  -webkit-border-radius:4px;}
#article .focus blockquote p { color:#888; font-size:11px; margin:0;}
#article .focus blockquote a { color:#888; font-size:11px;}
#article .focus .ftf{ display:block; text-align:center;}
#article .focus .ftf img{ vertical-align:middle; padding:0 8px; -moz-box-shadow:none;box-shadow:none;-webkit-box-shadow:none;}
#article table th{ border:1px solid #cecece; padding:8px 12px; font-size:13px; text-align:center; color:#333; background-color:#f9f9f9;}
#article table td{ border:1px solid #cecece; padding:8px 10px; text-align:left; line-height:2em; font-size:11px; color:#666;}
.video { padding:18px 0;}

/*resource list*/
.r_top_column {background:url(images/bottom_bg.png) repeat-x left bottom; padding:20px 40px 50px 40px;}
.r_top_column .img {float:left;}
#article .focus .r_top_column img, #article .focus .r_content img{box-shadow:none;webkit-box-shadow:none;-moz-box-shadow:none;}
 #article  .r_top_column h2{padding:10px 0 10px 250px; font-size:30px; background:none; border:none;}
.r_top_column .info {padding:0 20px 0 250px;}
.r_content {padding:20px 0 30px 30px; float:left; width:700px;}
#feature_box {background:url(images/feature_bg.jpg) no-repeat; height:185px; padding-bottom:20px;}
#feature_box .title{ font-size:18px; padding:10px 20px 0 20px; font-weight:normal;}
#f_pro_box {position:relative;width:700px;height:150px;overflow:hidden;}
.arrow_left,.arrow_right {display:block;position:absolute;left:10px;top:60px;width:16px;height:21px;background:url(images/f_arrow.png) no-repeat left;z-index:10; cursor:pointer;}
.arrow_right {background-position:top right;left:auto;right:10px;}
#feature_box .item {width:620px; height:130px; padding:10px 40px;}
#feature_box .item img{ float:left;padding: 5px; border: 1px solid #E1E1E1; background:#FFF;}
#feature_box .item .title{padding:0 0 0 180px; font-size:12px;}
#feature_box .item .title a{font-size:12px; font-weight:bold;}
#feature_box .item .time {font-size:10; color:#aaa; padding:0 0 5px 180px;}
#feature_box .item .info {padding:5px 0 0 180px;}
 #article  .r_column {height:30px;padding:13px 10px 0 0; font-weight:normal; display:block; border-bottom:dashed 1px #dcdcdc; margin:0; background:none; line-height:20px;}
#article .focus .r_column strong {float:left; font-size:22px;font-weight:normal; color:#006600;}
#article .focus .tag_list dl dd{ border:none;}
.r_column span { float:right; font-size:12px; color:#666; padding:5px 0 0 0;font-weight:normal;}
.tag_list {padding:0;}
.tag_list dl {padding:15px 0; display:block; border-bottom:dashed 1px #dcdcdc;}
.tag_list dl dt {display:block;}
.tag_list dl dt span {display:block; font-size:11px; color:#999;}
.tag_list a {font-size:14px; color:#3388CC;}
.tag_list_page {text-align:center; padding-top:20px;}
.tag_list_page a {color:#2e4b87; font-size:14px; width:15px; text-align:center; display:inline-block; text-decoration:underline;}
.tag_list_page a:hover {text-decoration:none;}
.tag_list_page strong {font-size:16px; width:15px; text-align:center; display:inline-block;}
.tag_list_page .prev {background:url(images/page_jt.png) no-repeat left 4px; padding:0 15px; width:30px; text-decoration:none;}
.tag_list_page .next {background:url(images/page_jt.png) no-repeat right -35px; padding:0 15px; width:30px; text-decoration:none;}
.r_bottom .tit_left{background:url(images/sideCol_left.gif) no-repeat;width:8px;height:42px;}
.r_bottom .tit_mid{background:url(images/sideCol_mid.gif) repeat-x;width:405px;height:42px;}
.r_bottom .col_tit{color:#231815;font-size:14px;line-height:42px;padding:0 0 0 10px;}
.r_bottom .tit_rg{background:url(images/sideCol_rg.gif) repeat-x;width:7px;height:42px;}
.r_bottom .r_cont{border-left:1px solid #eaebeb;border-right:1px solid #eaebeb;}
.r_bottom .r_bottom{background:url(images/product_bottom.gif) no-repeat left top;height:7px;padding:0 0 10px 0; font-size:0;}
.totop{ position:fixed; right:0; bottom:150px; z-index:10; padding: 0;width: auto;}
/*free-resources.html*/
#resource { overflow:hidden;}
#article .focus #resource dl dt { border-bottom:1px solid #eee; font-size:18px; width:660px; margin-top:24px; margin-bottom:10px;padding-bottom:2px; clear:both;}
#article .focus #resource dl dd { height:64px; padding:10px 16px 8px 14px; margin-bottom:10px; border:1px dotted #bbc; overflow:hidden; float:left; width:300px; margin-right:20px;}
#article .focus #resource dl dd:hover { border:1px solid #aeaeae;}
#article .focus #resource dl dd img { float:left;margin-right:20px;}
#article .focus #resource dl dd a:link{ font-size:13px; color:#666;}

/*article/free-ringtone-download-websites.html*/
#ringtone dl{height:100%;overflow:hidden;padding-bottom:8px;border-bottom:1px dashed #ccc;}
#ringtone dl img{float:left;display:block;margin:8px 10px 8px 0;}
#ringtone dl dt{font-weight:bold;font-size:14px;clear:both;margin-top:16px;color:#060;}
#ringtone dl dd{width:230px;float:left;}
#ringtone dl dd a:link{color:#666;}
#ringtone dl dd a:visited{color:#666;}
#ringtone dl dd a:hover{color:#060;}

/*article/free-online-iphone-games.html*/
#article #games{overflow:hidden;}
#article #games ul li{width:154px;float:left;border:1px dashed #ccc; margin:7px; padding:10px 7px; background:none; height:155px;}
#article #games ul li a{display:block; text-align:center;}
#article #games ul li a:link{color:#CC6600;font-size:11px;}
#article #games ul li a:visited{color:#CC6600;font-size:11px;}
#article #games ul li a:hover{color:#f00;font-size:11px;}
#article #games ul li img {display:block;padding:8px 0 5px 58px;}
ul.macsoft{ overflow:hidden; height:100%;}
ul.macsoft li{list-style-type:none; float:left; width:226px; padding:4px; margin-bottom:8px; border-bottom:1px solid #aeaeae;}
/*article/free-iphone-theme.html*/
#article #iphone{overflow:hidden;}
#article #iphone ul li{width:154px;float:left;border:1px dashed #ccc;text-align:center;margin:10px;padding:10px 0; background:none; padding-left:0; height:242px;}
#article #iphone ul li .img img{padding:0 0 5px 22px;}
#article #iphone ul li a:link{color:#CC6600;font-size:11px;}
#article #iphone ul li a:visited{color:#CC6600;font-size:11px;}
#article #iphone ul li a:hover{color:#f00;font-size:11px;}
/*article/download-free-videos.html*/
#free-videos ul li {width: 200px;float:left;}
#brief p strong{padding-right:12px; text-decoration:underline;}
/*article/creative-zen-viedo-audio-formats.html*/
#zun{margin-top:8px;}
#zun .dtitle{overflow:hidden;}
h6{color:#333;width:400px;font-weight:bold;font-size:20px;float:left;height:42px;padding:8px 0 0 6px;}
#zun  img{float:left;margin-right:18px;}
#zun .dBox{overflow:hidden;margin-bottom:34px;}
#zun .dBox ul.menus{display:block;overflow:hidden;width:700px;margin-top:6px;color:#555; background:none; box-shadow:none; border:none; padding:12px 0;}
#zun .dBox ul.menus li{float:left;font-weight:bold;padding:4px 8px;background-color:#F5F5F5; background:none;}
#zun .dBox ul.menus li.ma{width:270px;border:1px solid #ccc;border-right:none;}
#zun .dBox ul.menus li.mb{width:270px;border:1px solid #ccc;border-right:none;}
#zun .dBox ul.menus li.mc{width:100px;border:1px solid #ccc;text-align:center;}
#zun .dBox ul.value{display:block;overflow:hidden;width:700px;}
#zun .dBox ul.value li{float:left;padding:4px 8px; background:none;}
#zun .dBox ul.value li.va{width:270px;border:1px solid #ccc;border-right:none;}
#zun .dBox ul.value li.vb{width:270px;border:1px solid #ccc;border-right:none;}
#zun .dBox ul.value li.vc{width:100px;border:1px solid #ccc;text-align:center;}

/*article/free-mac-game.html*/
.xxx{overflow:hidden;padding-bottom:8px;border-bottom:1px solid #ccc;margin-bottom:12px;height:100%;}
.xxx em{font-weight:bold;}
.xxx1{float:left;width:100px;}
.xxx2{float:right;width:600px;}

#dsq-content #dsq-global-toolbar .dsq-global-toolbar-left li, #dsq-content #dsq-global-toolbar .dsq-global-toolbar-right li, #dsq-content #dsq-footer li{background:none;}

/*产品改文章页*/
.article_box {padding:15px 0 10px;}
#article .focus .pic{float:left;width:150px; padding-top:55px;}
#article .focus .pic img{box-shadow:none;}
#article .focus .text{float:right;width:540px; padding-top:15px;}
#article .focus .text h1{font-size:20px;font-weight:bold;line-height:1.8em; padding:0; border:none;}
#article .focus .text h1 a{color:#444;font-size:20px; text-decoration:none;font-weight:bold;}
#article .focus .text dd{padding:10px 0 0 0; line-height:16px;color:#666;}
#article .focus .text .btn{width:340px;height:42px;padding:15px 0 5px 0;}
#article .focus .text .btn a.win2{display:block;background:url(images/btn_bg.png) no-repeat;width:115px;height:37px;color:#fff;padding:3px 0 2px 50px; text-decoration:none;float:left;}
#article .focus .text .btn a.mac2{display:block;background:url(images/btn_bg.png) no-repeat 0 -42px;width:115px;height:37px;color:#333;padding:3px 0 2px 50px;text-decoration:none;float:right;}
#article .focus .articleInfo{ margin:20px 10px 0 0; border:1px solid #ddd; overflow:hidden; background:#fafafa;}
#article .focus .articleInfo p{ margin:6px 0 0 70px;}
.page_btn {padding:30px 5px;}
.page_btn a {display:block; font-size:16px; color:#333; padding:5px 35px; height:24px; line-height:24px;}
.page_btn .p_down {background:url(images/btn_down.png) no-repeat left 5px;}
.page_btn .p_buy {background:url(images/btn_buy.png) no-repeat left 5px;}
/*bottom test*/
#bottomBar{ border-top:1px solid #aaa; height:61px; line-height:61px; width:100%; background:#fff; box-shadow:0px 0px 10px #666; position:fixed; bottom:0; left:0; z-index:5; text-align:center; font-size:14px;}
#bottomBar img{ padding:5px 0 0 25px;}
#bottomBar a{ font-size:14px; color:#5689ca;}
#bottomBar .closeBtn{float: right; color: #909090; cursor: pointer; line-height: 15px; font-weight: bold; margin:9px 5px 0 0;}
.right-part .inside2 .ral{ height:165px; float:left; margin-right:5px;}
/*rollTop*/
.rollTop{filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr='#f2f0f0',endcolorstr='#e4e0e0',gradientType=0); background: -moz-linear-gradient(top, #f2f0f0, #e4e0e0 100%);background: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f0f0), to(#e4e0e0));  padding-top:1px; position:fixed; z-index:16; top:0; left:0; width:100%;  padding:5px 0 4px; box-shadow:0 2px 5px #bbb;}
.rollTop .wrap{ width:1020px; margin:0 auto 0; overflow:hidden; }
.rollTop .name{ float:left; color:#324e57;  margin-top:10px;display:block; margin-bottom:5px; font-size:25px; line-height:25px; font-weight:bold;}

.rollTop .wrap li{ float:left; list-style:none; padding:0 10px; border-left:1px solid; font-size:14px;}