@charset utf-8;
/* CSS Document */
.h_top_bg{background:url(images/top_bg.gif) repeat-x;height:100px;}
/*==== top ====*/
#top{width:1000px;height:34px;margin:0 auto;}
#top .language{position:relative;float:right;width:50px;height:34px;cursor:pointer;z-index:30;}
#top .language .usa{width:50px;line-height:34px;color:#fff;font-size:12px;}
#top .language:hover ul{display:block;}
#top .language ul{display:none;background: no-repeat;position:absolute;z-index:2;top:23px;left:-60px;width:123px;height:137px;line-height:22px;padding:25px 0 0 15px;z-index:30;}
#top .language ul li a{color:#333;line-height:22px;font-size:12px;}
#top .language ul .jp{background: no-repeat 0 center;padding:0 0 0 25px;}
#top .language ul .de{background: no-repeat 0 center;padding:0 0 0 25px;}
#top .language ul .frc{background: no-repeat 0 center;padding:0 0 0 25px;}
#top .language ul .it{background:no-repeat 0 center;padding:0 0 0 25px;}
#top .link{float:right;width:153px;color:#fff;line-height:34px;font-size:12px;}
#top .link a{padding:0 6px;color:#fff;}

/*==== header ====*/
#header{background:url(images/header_bg.png) no-repeat;width:1024px;height:56px;margin:0 auto; margin-top:22px; margin-bottom:20px;}
#header .logo{float:left;position:relative;width:280px;height:50px;}
#header .logo a{
	display: block;
	position: absolute;
	width: 210px;
	height: 62px;
	text-indent: -9999px;
	left: 40px;
	top: -10px;
	background-image: url(images/logo.png);
	background-repeat: no-repeat;

}
#header .menu{float:left;background:url(images/menu_bg.gif) no-repeat right 0;width:538px;height:50px;}
#header .menu li{float:left;position:relative;height:51px;border-left:1px solid #dfdfdf;z-index:20;}
#header .menu li a{display:block;background:url(images/menu_bg.gif) no-repeat -1px 0;width:100%;line-height:51px;text-align:center;font-size:16px;color:#333;}


.grid3col, .grid4col, .grid5col, .grid6col{ width: 100%; }

#header.Menu1 #menu1 {background:url(images/nav_bg.gif) repeat-x;color:#fff;text-decoration:none;}
#header.Menu2 #menu2 {background:url(images/nav_bg.gif) repeat-x;color:#fff;text-decoration:none;}
#header.Menu3 #menu3 {background:url(images/nav_bg.gif) repeat-x;color:#fff;text-decoration:none;}
#header.Menu4 #menu4 {background:url(images/nav_bg.gif) repeat-x;color:#fff;text-decoration:none;}
#header.Menu5 #menu5 {background:url(images/nav_bg.gif) repeat-x;color:#fff;text-decoration:none;}
#header.Menu6 #menu6 {background:url(images/nav_bg.gif) repeat-x;color:#fff;text-decoration:none;}

#header .menu li{ width: 16.4%; }
#header .menu li a:hover,
#header .menu li.curr a{background:url(images/nav_bg.gif) repeat-x;color:#fff;text-decoration:none;}
#header .menu li:hover .subNav{display:block;}
#header .menu li .subNav{display:none;position:absolute;background:#fff;top:49px;left:-1px;border:1px solid #dfdfdf;padding:15px 0;width:540px;z-index:20;}
#header .menu li .subNav dl{float:left;width:230px;padding:0 15px;border-right:1px solid #dfdfdf;}
#header .menu li .subNav dt{font-size:16px;line-height:25px;color:#333;padding:0 0 10px 0;}
#header .menu li .subNav dt img{ vertical-align:middle;}
#header .menu li .subNav dd{overflow:hidden;padding:5px 0;}
#header .menu li .subNav dd.pic{background:none;height:auto;overflow:hidden;}
#header .menu li .subNav dd.pic a{padding:0;}
#header .menu li .subNav span{ float:left; padding:0px;}
#header .menu li .subNav dd.pic img{margin-right:10px;}
#header .menu li .subNav dd a{background:none;color:#464646;padding-left:10px;font-size:13px;width:auto;text-align:left;line-height:30px;}
#header .menu li .subNav dd a:hover{text-decoration:underline;}
#header .search{float:right;background:url(images/search_bg.png) no-repeat;width:161px;height:31px;margin:9px 13px 0 0; position:relative;}
#header .search .input_style{display:block; float:left;background:none;width:115px;height:29px;line-height:29px;outline:none;color:#666;border:none;padding:0 0 0 10px;}
#header .search .btn{display:block;width:31px; height:31px; float:right; cursor:pointer;}
#search_keyword {position:absolute; right:0; top:33px;width:155px; height:175px;background: #FFF; border:1px solid #BBCAD7;  display:none;height:auto; z-index:100; }
#search_keyword ul { margin:0; padding:0; width:170px; }
#search_keyword ul li { float:left; width:145px; height:24px; padding-left:10px; line-height:25px; text-align:left; border-bottom:1px dashed #BBCAD7; color:#BBCAD7; cursor:pointer; background:none; }
#search_keyword ul li:first-child {background:none;}
#search_keyword ul li:hover{background-color:#F2F8FE;color:#BBCAD7;}
#search_keyword ul li.last{border:none;}
/*==== btn ====*/
a.win,
a.mac{display:block;width:67px;height:33px;line-height:28px;color:#333;padding:0 0 0 35px;text-decoration:none;}
a.mac{background-position:0 -33px;}
a.buy_win1{display:block;width:139px;height:43px;text-indent:-9999px;}
a:hover.buy_win1{background-position:0 -43px;}
a.buy_mac1{display:block;width:139px;height:43px;text-indent:-9999px;}
a:hover.buy_mac1{background-position:0 -129px;}
a.buy_win2{display:block;width:95px;height:24px;text-indent:-9999px;}
a:hover.buy_win2{background-position:0 -196px;}
a.buy_mac2{display:block;
    width:95px;height:24px;text-indent:-9999px;}
a:hover.buy_mac2{background-position:0 -244px;}
a.buy,
a.try{display:block;
    width:98px;height:38px;line-height:28px;color:#fff;font-size:16px;font-weight:bold;text-align:center;text-decoration:none;}
a.try{background-position:0 -76px;}
a:hover.buy{background-position:0 -38px;}
a:hover.try{background-position:0 -114px;}
a.write{display:block;
    width:115px;height:25px;text-indent:-9999px;}
a.pbuy{display:block;width:189px;height:55px;text-indent:-9999px;}
a:hover.pbuy{background-position:0 -55px;}
a.buy-tog{display:block;width:137px;height:32px;line-height:32px;color:#fff;font-size:14px;font-weight:bold;text-align:center;text-decoration:none;}
a.add{display:block;width:134px;height:33px;text-indent:-9999px;}
a:hover.add{background-position:0 -33px;}
a.ser{display:block;
    width:103px;height:30px;text-indent:-9999px;}

.ipad-btn-s{display:block;background:no-repeat;width:128px;height:28px; padding:6px 0 0 22px;}
.ipad-btn input[type='text']{ float:left; display:block; background:#fff; border:1px solid #067bce; color:#777; width:92px; height:20px; line-height:20px; font-size:9px; padding:0 0 0 2px; border-radius:10px 0 0 10px;}
.ipad-btn .send{ display:block; float:left;background: -moz-linear-gradient(top, #f8f8f8, #d3d3d3 100%);background: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(#d3d3d3));border:none; border:1px solid #067bce; border-left:none;height:22px; width:30px; line-height:18px; font-size:11px;  border-radius:0 10px 10px 0; color:#0160a7; text-shadow:0 1px 0 #fff; cursor:pointer; text-align:left; padding:0;}
/*==== footer ====*/
#footer_new{background:repeat;}
#footer_new .wrap{background:no-repeat;height:177px;}
#footer_new p{text-align:center;color:#fff;line-height:24px;}
#footer_new .link{padding:25px 0 0 0;}
#footer_new .link a{color:#fff;}
#footer_new .icon{padding:10px 0 0 0;}
#footer_new .icon img{padding:0 10px;}

/*rating*/
.ratingArea{height:20px;padding:0 0 5px 0;}
.ratingArea .comment{float:left;line-height:20px;width:100px;font-size:12px;}
.ratingArea .comment a{color:#666;}
.rating{width:95px;}
.rating li,.rating span{float:left;display:block;height:20px;width:18px;background: no-repeat;text-indent:-9999px;}
.rating li a{display:block;height:20px;width:18px;}
.rating strong{color:#f60;padding-left:10px;}
.rating .on{background-position:0 -28px;}
.rating .half{background-position:0 -55px;}
.bigRating{ width:145px;}
.bigRating li{ width:28px; height:28px; background:no-repeat 0 -56px;}
.bigRating li.on{ background-position:0 0;}
.bigRating li.half{ background-position:0 -28px;}

.rating p{position:absolute;top:25px;width:120px;height:32px;line-height:32px;display:none;text-align:center;font-size:15px}
.rating p em{color:#f60;display:block;font-style:normal}
.distr{float:left; position:relative;width:20px;height:20px; margin-top:2px; z-index:1; font-size:12px !important;}
.distr a.showBtn,.distr a.hideBtn{display:block;background:no-repeat;width:20px;height:18px}
.distr a.hideBtn {height: 22px;background-position: -20px 0;position: absolute;top: 0;right: 0;z-index: 2;}
.distr .distrArea{ display:none;position:absolute;top:21px;background:#fff; padding:10px 0 13px 15px;width:205px;right:0;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;z-index:2; overflow:hidden;}
.distr:hover .distrArea{ display:block;}

.vote-box-list{float:left}
#appVote .vote-action{margin-top:30px;width:60px}
.vote-box-list li .vote-item-wrap{padding:3px 0}
.vote-box-list li .vote-item-wrap .xx{width:40px}
.vote-box-list li.over{background-color:#FFE57F}
.vote-box-list li h4{font-size:1em;font-weight:400;overflow:hidden;text-align:right;width:260px;word-wrap:break-word}
.vote-box-list li .litem{background:none repeat scroll 0 0 #EFEFEF;border:1px solid #E2E2E2;height:14px;width:100px;font-size:10px}
.vote-box-list li .vote-item-wrap .data{z-index:1000;background-color:transparent;margin:-2px 0 0 13px}
.vote-box-list li div,.vote-box-list li h4{float:left;margin:0;padding:0}
.vote-box-list li div input{float:left;margin:2px 4px 0 0}
.vote-box-list li em,.vote-box-list li span{float:left;height:15px;overflow:hidden}
.vote-box-list li .vleft,.vote-box-list li .right{width:2px;}

/*==== share ====*/
.addthis_floating_style{ position:absolute !important; border:1px solid #dbdbdb;box-shadow:0 2px 3px #dbdbdb; padding:10px 6px 15px !important;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr='#fcfcfc',endcolorstr='#ededed',gradientType=0); background: -moz-linear-gradient(top, #fcfcfc, #ededed 100%);background: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), to(#ededed));top:30px; left:50%; margin-left:520px; }

/*==== bottom ====*/
#bottom{background:#f6f6f6;}
#bottom .wrap{padding:15px 0;}
#bottom .l_box{float:left;width:200px;padding:0 29px 0 0;border-right:1px solid #d7d7d7;}
#bottom .c_box{float:left;width:200px;padding:0 29px;border-right:1px solid #d7d7d7;}
#bottom .r_box{float:right;width:200px;}
#bottom dt{font-size:14px;color:#333;padding:0 0 5px 0;font-weight:bold;}
#bottom dd{line-height:20px;}
#bottom dd a{color:#555;}
#bottom .pic{height:60px;}

/*paging*/
.paging{ text-align:center; margin:20px 0;}
.paging a{padding: 1px 5px ;text-decoration: none; border:1px solid #fff;}
.paging a.curr{ border:1px solid #ccc; background:#f8f8f8;color:#555;}
.paging a:hover{ border:1px solid #ccc;}
.paging .bb{ background:#1977bf; color:#fff;padding: 2px 8px ; margin:0 10px; border-radius:10px; border:none;}
.paging .bb:hover{ border:none; background:#2a85d3;}
.paging strong{padding:1px 6px;border:1px solid #ccc;margin:0 2px;}

/*sidebar*/
.sidebar{float:right;width:228px;padding:30px 0 0 0;}
.sidebar .title{background:no-repeat;height:41px;font-size:16px;font-weight:bold;line-height:41px;padding:0 0 0 20px;}
.sidebar .btmbg{background: no-repeat;height:25px;}
.sidebar .nrbox{background:#fff  repeat-x 0 bottom;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;}
.sidebar .video{border:1px solid #e2e2e2;padding:4px;text-align:center;margin:0 0 15px 0;box-shadow:0 2px 4px #dbdbdb;}
.sidebar .pic{padding:15px;text-align:center;}
.sidebar .list{padding:15px 10px;}
.sidebar .list li{background: no-repeat 0 11px;line-height:24px;padding:0 0 0 10px;}
.sidebar .list li a{color:#555;}
.sidebar .follow{padding:15px;}
.sidebar .follow a{display:block;line-height:32px;height:32px;width:160px;padding:0 0 0 36px;color:#333;margin:4px 0;}
.sidebar .follow .facebook{background: no-repeat 0 center;}
.sidebar .follow .twitter{background: no-repeat 0 center;}
.sidebar .follow .youtube{background: no-repeat 0 center;}

.sidebar .slide{position:relative;width:226px;height:280px;}
.sidebar .slide .slides_container{position:absolute;width:196px;height:240px;overflow:hidden;top:15px;left:15px;}
.sidebar .slide .pagination{margin:0 auto;width:60px;padding:10px 0 0 0;}
.sidebar .slide .pagination li{float:left;margin:0 2px;list-style:none;}
.sidebar .slide .pagination li a{display:block;float:left;width:12px;height:12px;background: no-repeat;overflow:hidden;text-indent:-9999px;}
.sidebar .slide .pagination li.current a{background-position:0 -12px;}
.sidebar .slide .proBox .text{padding:0 0 0 90px;width:110px;}
.sidebar .slide .proBox .text h3 a{font-size:14px;color:#555;font-weight:normal;}
.sidebar .slide .proBox .text h3 span{display:block;font-size:12px;font-weight:normal;}
.sidebar .slide .proBox .text .rev a{font-size:12px;color:#555;}
.sidebar .slide .proBox .text .rating{height:20px;}
.sidebar .slide .txt{background:#e6e6e6;padding:10px;font-size:12px;font-style:italic;width:176px;}

.sidebar .t_follow {
    border-top: 1px dashed #9D9C9C;
    margin-top: 8px;
    padding: 10px 8px 0;
}
.wd243 .t_follow {
    border-top: 1px dashed #9D9C9C;
    margin-top: 8px;
    padding: 10px 8px 0;
}
 .searchResult {
    border-top: 1px solid #DBDBDB;
    margin: 15px 0;
    padding-top: 15px;
}
.searchResult h3 {
    font-size: 14px;
    margin-bottom: 5px;
}
.searchResult .searchd {
    margin: 10px 0 0;
}
.searchResult .close {
    background: url("http://images.wondershare.com/styles/images/close-btn.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: right;
    height: 20px;
    width: 20px;
}
a.download,
a.buynow{display:block;
    width:144px;height:42px;text-indent:-9999px;margin-left: 20px;}
a.buynow{background-position:0 -42px;}
.template {
    padding-bottom: 20px;
}
.template li {
    float: left;
    line-height: 20px;
    margin-right: 30px;
    width: 140px;
}
.template li .pic {
    border: 1px solid #CCCCCC;
    padding: 3px;
}
.template_show {
}
.template_show a {
    float: left;
    margin: 10px 10px 0 0;
}
.template_show1 a {
    float: left;
    padding: 10px 25px 10px 0;
}
.template_show1 img {
    border: 1px solid #CCCCCC;
    padding: 3px;
}
.template_h2 {
    float: left;
    font-size: 16px;
    font-weight: bold;
}
.orange{ color:#ff5400; font-weight:bold;}

.totop2 {
    bottom: 90px;
    left: 50%;
    margin-left: 499px;
    padding: 0;
    position: fixed;
    width: auto;
}


#buystrip li.column{ float:left; width:24.9%; text-align:center;}
#buystrip li.column div.list{ padding:0px; text-align:center; margin-left:10px; margin-right:10px;}
#buystrip li.column div.list ul{ padding:0px; margin:0px;}
#buystrip li.column div.list li{}
#buystrip li.column div.list li a{ color:#666;}
#buystrip li.column div.list li a:hover { text-decoration:underline; }
/* Buy Strip */
#buystrip  {

	padding-top:25px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#buystrip  .column { position:relative; margin:0; padding-bottom:25px; width:244px; min-height:200px; _height:200px; text-align:center; border-left:1px solid #e5e5e5; }
#buystrip  .column h2 {
	margin-bottom:18px;
	font-size: 18px;
}
#buystrip  .column h2 img { display:block; margin:5px auto; }
#buystrip  .column p { display:block; margin:0 auto; width:190px; color:#666; }
#buystrip   .third p { width:196px; }
#buystrip  .bottom-align { position:absolute; width:100%; bottom:25px; left:0; font-size:1.3333em; text-align:center; }
#buystrip  .column a:hover {text-decoration:none;}
#buystrip  .column a:hover .more { text-decoration:underline; }
#buystrip   .first { border:none; line-height:1.3636em; }
#buystrip   .first .block:hover { text-decoration:none; }
#buystrip   .first li { display:block; }
#buystrip   .first a:hover { text-decoration:underline; }
#buystrip   .first h2 { margin-top:4px; margin-bottom:0; }
#buystrip   .first p { color:#333; margin-top:6px; margin-bottom:11px; }
#buystrip  .bottom-align { bottom:3px; font-size:1em; }
#buystrip  .column p.price{ font-size:16px; color:#FF0000;}
#buystrip  .column .center{ text-align:center;}

/*footer safe note*/
#safenote{margin:0 auto; width:980px; margin-top:20px; padding-bottom:20px; height:40px;}

#safenote li{ float:left; padding-right:10px; padding-left:10px;}
#safenote li img{ vertical-align:middle; margin:4px;}
/*footer no virus*/
#novirus{ text-align:center;}
#novirus img{ margin-right:20px;}


/*Menu list in guide post*/
#main 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: rgba(243, 229, 200, 0.24);}



@media (max-width: 1440px) {

}
@media (max-width: 979px) {
#header{width:100%; background-image:none; height:34px; margin-top:0px; background-color:#e8e8e8}
#header .menu{ display:none;}

#header.Menu1 #menu1,
#header.Menu2 #menu2,
#header.Menu3 #menu3,
#header.Menu4 #menu4,
#header.Menu5 #menu5,
#header.Menu6 #menu6 {display:block; width:100%;line-height:24px;text-align:center;font-size:13px;color:#333;background-color: #eeeeee; color: #666666; background-image:none;}

#header.Menu1 #menu1:hover,
#header.Menu2 #menu2:hover,
#header.Menu3 #menu3:hover,
#header.Menu4 #menu4:hover,
#header.Menu5 #menu5:hover,
#header.Menu6 #menu6:hover {background-color: #eeeeee; color: #666666; background-image:none;background-color: #3399ff; color:#FFFFFF}

#header .search{ display:none;}
#header:after{content: "";background: url(../images/nav-icon.png) no-repeat;width: 30px;height: 30px;display: inline-block;position: absolute;right: 15px;top: 8px;}

#header .logo{float:left;position:relative;width:280px;height:50px; padding-top:2px;}
#header .logo a{
	display: block;
	position: absolute;
	background: url(images/logo_mobile.png) no-repeat;
	width: 96px;
	height: 30px;
	text-indent: -9999px;
	left: 30px;
	top: 0px;
	}
#header:hover .menu{ display:block; width:100%; margin-top:-18px; height:auto; background-color:#CCCCCC; padding-top:1px; margin-bottom:10px;}
#header:hover .menu li{ width:50%; border:0px; margin-bottom:1px; background-color:#FFFFFF}

#header:hover .menu li .subNav{ display:none}

#header .menu li{float:left;position:inherit;height:24px;}
#header .menu li a{display:block; width:100%;line-height:24px;text-align:center;font-size:13px;color:#333;background-color: #eeeeee; color: #666666; }
#header .menu li a:hover, #header .menu li.curr a{background-color: #eeeeee; color: #666666; background-image:none;background-color: #3399ff; color:#FFFFFF}


#safenote{width:80%;}
#safenote ul{ margin:0 auto;}
#safenote li{ width:50%;text-align:center; padding:0px }



#buystrip li.column{width:50%;float:left !important;height:240px }
#buystrip li.last{ float:left; margin-left:-40px;}
#buystrip.price_share li.second, #buystrip.price_share li.third{ display:none;}
.column.last{ width:49%; }
#buystrip .price_share{}

#buystrip .bottom-align{ position:relative}
#buystrip .column{ border:none}
#buystrip li.column div.list{ margin-bottom:20px}
}


@media (max-width: 768px) {

#safenote{width:460px;}
#safenote ul{ margin:0 auto; width:100%;}


}
@media (max-width: 479px) {
#header:hover .menu li{ width:100%;}

#safenote{width:308px;}



#buystrip{ width:100%; margin:0px; }
#buystrip li.column{width:100%; height:auto}
#buystrip li.last{ width:100%}
.column.last{ width:100%}
}