@charset "utf-8";
/* CSS Document */ 
@import url(http://fonts.googleapis.com/css?family=Cutive);
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900);
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {margin:0;padding:0; -webkit-text-size-adjust:none}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ul {list-style:none;}
ol{ list-style:outside decimal; margin-left:18px; line-height:1.6em;}
ol li{ line-height:1.8em;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal; color:#333;}
a{ text-decoration:none;color:#555;}
a:hover{text-decoration:underline;}
img{ vertical-align:middle;    max-width: 100%;}
input,textarea,select{ font-family:'Segoe UI',Arial,Helvetica,sans-serif; outline:none; color:#666;}
input[type='checkbox']{ vertical-align:text-top;}

html{background:#fff; }
#main .no-border{border:none}

/*basic*/
.fl {float:left !important;}
.fr {float:right !important;}
.clear,.clr{ clear:both; height:0; overflow:hidden;}
.noh{ overflow:visible !important;}
.blue{ color:#0072bc !important;}
.orange{ color:#f26d2e !important;}
.green {color: #78ad1f !important;}
.red{ color:#f00 !important;}
ul.dot li{ list-style:outside disc; line-height:1.8em; margin-left:18px;}

.mr5{ margin-right:5px !important}.mt10{ margin-top:10px !important;}.mb10{ margin-bottom:10px !important; }.mb15{ margin-bottom:15px !important;}.mb5{ margin-bottom:5px !important;}.ml10{ margin-left:10px !important;}.mt20{ margin-top:20px !important;}.mb20{ margin-bottom:20px !important;}.mt15{ margin-top:15px !important;}.mr10{ margin-right:10px !important;}.mt5{ margin-top:5px !important;}.mb25{margin-bottom:25px !important;}.mb30{margin-bottom:30px !important;}.mb35{margin-bottom:35px !important;}.mb40{margin-bottom:40px !important;}.mb50{margin-bottom:50px !important;}.mb60{margin-bottom:60px !important;}.mb0{margin-bottom:0px !important;}

hr{ border:none; height:0; overflow:hidden; border-bottom:1px solid #d7d7d7;margin:12px 0; *margin:0; height:0;} .p15{ padding:15px;} .mt30 {margin-top: 30px !important;}
.noBor{ background:none !important; border:none !important; margin-right:0 !important;}
.re{ position:relative !important;}
.oh{ overflow:hidden !important;}
.maxW{ max-width:100%;}
.break2{ background:url(images/btm_t_bg.gif) 50% 0 no-repeat;height: 23px;clear: both;}
.break3 {background:url(images/break-02.png) no-repeat;height: 18px;margin: 25px 0 10px 0;clear: both;}
body{font:14px/1.6em Lato,Helvetica,Arial,sans-serif; color:#555;background:#fff;min-width:1100px\9; }
.shadows{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}
/*public*/
.crumb {padding:12px 0; color: #a1a1a1; font-size: 13px;}
.crumb a{ color:#a1a1a1}

.table1 td,.table1 th{padding: 8px 13px;border: 1px solid #e5e5e5;font-size:12px;}
.table1 th{ font-weight:bold; font-size:14px;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr='#ffffff',endcolorstr='#efefef',gradientType=0); background: -moz-linear-gradient(top, #ffffff, #efefef 100%);background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#efefef));}
.addthis_floating_style{ position:absolute !important; border:1px solid #dbdbdb; padding:10px 6px 15px !important; background:#fff;left: 50%;margin-left: 520px;}
.paging{ text-align:center; margin:20px 0;}
.paging a{padding: 3px 5px ;text-decoration: none; border:1px solid #fff; }
.paging a.curr{ border:1px solid #ccc; background:#f8f8f8;color:#555; font-weight:bold;}
.paging a:hover{ border:1px solid #ccc;}
.paging .bb{ padding: 5px 8px ; margin:0 10px;  border:none;}
.paging .bb:hover{ border:none;  }
/*text-overflow:ellipsis; overflow:hidden; white-space:nowrap;*/
/*-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d; */
/*btn*/ 
.grayBtn{ display:inline-block;background: url(images/btn-1.png) repeat-x 0 -95px;height: 30px;line-height: 30px;padding: 0 10px;color: #777; border:1px solid #d9d9d9;border-radius: 5px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width:76px;margin: 13px 6px 0 0; box-shadow:0 0 3px #d9d9d9;}
.grayBtn:hover{ text-decoration:none; background:#fcfcfc;}
.buyBtn-2{ display:inline-block; background: url(images/btn-1.png) repeat-x 0 -128px; width:198px; height:57px;}
.buyBtn-2:hover{ background-position:0 -186px;}
.greenBtn,.orangeBtn,.greenBtn-s,.orangeBtn-s,.grayBtn-2, .dropBtn{display:inline-block; background: url(images/btn-1.png) repeat-x 0 -245px; width:137px; height:33px; line-height:33px; color:#fff !important; text-align:center; font-weight:bold;  font-size:13px !important; }
.orangeBtn{ background-position:0 -642px;}
.greenBtn-s, .dropBtn{ background-position:-144px -245px; width:103px; height:33px;}
.orangeBtn-s{background-position:-98px -32px; width:103px; height:33px;}
.grayBtn-2{ background-position:-98px -65px; width:128px; height:28px; line-height:28px; color:#555 !important;  font-weight:normal;}


.dropBtn{ position:relative; cursor:pointer}
.dropBtn div{ text-align:left; display:none; width:230px;position: absolute;z-index: 3; right:0;top: 35px;text-indent: 0;background:#ddd;border: 1px solid #DDD;border-radius: 5px;padding: 10px; text-shadow:0 0 0; color:#777;} 
.dropBtn:hover div{ display:block;}
.dropBtn div .dot{background: url(images/dot_04.png) no-repeat 50% 0;display: block;width: 60px;height: 8px;position: absolute;z-index: 3;top: -8px;right:20px;}
.dropBtn div ul{ margin-top:5px;}
.dropBtn div li a{ display:block; width:215px; line-height:22px; height:22px; color:#3d4f58; font-style:italic; padding-left:5px; font-size:12px;}
.dropBtn div li a:hover{ background:#eee; text-decoration:none;}


.pro_r_btn{display:inline-block;background:#daedcc;text-align:center;width:155px;height:38px;line-height:38px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#333 !important; border-radius:5px;}
.pro_r_btn:hover{background:#cae3b8; text-decoration:none;}
.pro_down{display:inline-block; background:#84c754 url(images/arrow_d3.png) no-repeat 35px center; border-radius:5px;padding:10px 35px 10px 80px;width:100px;color:#fff; font-size:20px; font-weight:bold;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#84c754 !important;color:#fff !important; line-height:1em;}
.pro_down:hover{ background:#76ba45 url(images/arrow_d3.png) no-repeat 35px center;text-decoration:none;}
.pro_buy{display:inline-block; background:#ff6000 url(images/icon_mac3.png) no-repeat 35px center; border-radius:5px;padding:10px 35px 10px 80px;width:100px;color:#fff; font-size:20px; font-weight:bold;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#84c754 !important;color:#fff !important; line-height:1em;}
.pro_buy:hover{background:#ff731f url(images/icon_mac3.png) no-repeat 35px center;text-decoration:none;}
.buybtn{display:inline-block;font-size:14px;width:80px;height:32px;line-height:32px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#fff !important; border-radius:5px; border:1px solid #ff6000;background:#ff6000 url(images/arrow_b.png) no-repeat 15px 0;padding-left:35px;}
.buybtn:hover{background:#ff6000 url(images/arrow_b.png) no-repeat 15px -32px; text-decoration:none;}
.downbtn{display:inline-block;font-size:14px;width:80px;height:32px;line-height:32px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#84c754 !important; border-radius:5px; border:1px solid #84c754;background:url(images/arrow_d.png) no-repeat 15px 0;padding-left:35px;}
.downbtn:hover{background:#84c754 url(images/arrow_d.png) no-repeat 15px -32px; text-decoration:none;color:#fff !important;}

.greenBtn-pro,.orangeBtn-pro{ display:inline-block; background:url(images/btn-1.png) no-repeat 0 -284px; width:209px; height:63px; color:#fff; text-align:left}
.greenBtn-pro:hover,.orangeBtn-pro:hover{ text-decoration:none;}
.orangeBtn-pro{ background-position:0 -347px;}
.greenBtn-pro .pic,.orangeBtn-pro .pic{ display:inline-block; float:left;  width:58px; padding-top:14px; text-align:right;  margin-right:8px;}
.greenBtn-pro .name,.orangeBtn-pro .name{ font-size:22px; line-height:25px;  padding-top:9px; display:block;}

.downbtn3{display:inline-block;font-size:14px;width:100px;height:32px;line-height:32px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#fff !important; border-radius:5px;background:#84c754;}
.downbtn3:hover{background:#57b116; text-decoration:none;color:#fff !important;}
.buybtn3{display:inline-block;font-size:14px;width:100px;height:32px;line-height:32px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#fff !important; border-radius:5px;background:#ff6000;}
.buybtn3:hover{background:#ff2a00; text-decoration:none;color:#fff !important;}

.ser {display: block;background: url(images/btn_search.png) no-repeat;width: 103px;height: 30px;text-indent: -9999px;}
.minWinBtn,.macWinBtn{ display:block; background:url(images/min-btn.png) no-repeat; width:94px; height:28px;}
.macWinBtn{ background-position:-100px 0;}
.freeWinBtn-s,.buyWinBtn-s,.freeMacBtn-s,.buyMacBtn-s{ display:block; background:url(images/btn-05.png) no-repeat; width:130px; height:52px; color:#fff; font-size:12px; padding:26px 0 0 45px; font-weight:bold; } 
.buyMacBtn-s{ background-position:0 -81px;}
.freeWinBtn-s{ background-position:-179px 0;}
.freeMacBtn-s{ background-position:-179px -81px;}
.gayBtn{ display:block; background:url(images/gay-btn.png) no-repeat; width:127px; height:28px; line-height:28px; text-align:center;}

.tryMinBtn {display:inline-block;font-size:14px;width:60px;height:26x;line-height:26px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#fff !important; border-radius:5px; background:#84c754; text-align:center;}
.tryMinBtn:hover{background:#50ab0f; text-decoration:none;}
.buyMinBtn {display:inline-block;font-size:14px;width:60px;height:26x;line-height:26px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#fff !important; border-radius:5px; background:#ff6000; text-align:center;}
.buyMinBtn:hover{background:#ff3c00; text-decoration:none;}

.buyBtn-s,.tryBtn-s{ text-align:left; display:inline-block;background:url(images/btn-1.png) no-repeat 0 -477px; width:120px; height:51px; position:relative; padding:26px 0 0 45px; color:#fff !important; font-weight:bold; font-size:12px;}
.buyBtn-s .pic,.tryBtn-s .pic{ position:absolute; z-index:1; top:11px; left:10px; }
.tryBtn-s{ background-position:0 -556px;}

.freeBtn,.freeBtn2,.downBtn2{display:block;background:url(images/btn_bg3.png) no-repeat;width:214px;height:60px;margin-bottom:5px;text-decoration:none;}
.downBtn2 .dd,.freeBtn .dd,.freeBtn2 .dd{display:block;color:#fff;padding:33px 0 0 68px; font-weight:bold;}
.freeBtn2{background-position:0 -126px;}
.downBtn2{ background-position:0 -325px;}
.buyBtn2{display:block;background:url(images/btn_bg3.png) no-repeat 0 -63px;width:214px;height:60px; margin-bottom:5px;text-decoration:none;}
.buyBtn2 .dd{display:block;color:#fff;padding:33px 0 0 68px; font-weight:bold;}
.buyBtn2{background-position:0 -189px;}
.freeBtn:hover,.freeBtn2:hover,.buyBtn2:hover,.downBtn2:hover{ text-decoration:none;}


.ipadBtn{  }
.greenBtn-pro.ipadBtn .pic{ width:45px;}
.greenBtn-s.ipadBtn{ padding:0 0 0 2.4%; height:31px; line-height:31px; border:1px solid #588d3f; background:#6da81d; border-radius:15px;} 
.table1 .greenBtn-s.ipadBtn{ height:auto; padding:2px;border-radius:5px;} 
.table1 .greenBtn-s.ipadBtn input[type='text'] {width: inherit;display: block;float: none;padding-left: 3px; border-radius:5px 5px 0 0;}
.table1 .greenBtn-s.ipadBtn a {width: 100%; margin-top:0; border-radius:0 0 5px 5px;}

.rollTop .greenBtn-s.ipadBtn{ width:183px !important;} 

.ipadBtn .tit{ padding-top:5px; margin-bottom:2px;}
.ipadBtn input[type='text']{ display:inline-block;background:#fff; border:1px solid #6e9f09; width:49%; height:22px; line-height:22px;  color:#666; padding-left:6px; font-size:11px; color:#777; border-radius:10px 0 0 10px;}
.ipadBtn .send{ display:inline-block;background:#ededed; width:36px; height:22px; line-height:22px; color:#476a00; font-size:12px; text-align:center; margin-top:1px;border-radius:0 10px 10px 0; border:1px;}
.ipadBtn-s{ width:95%; padding-top:3px; height:27px;}
.ipadBtn-s input[type='text']{ width:63%;margin-top: 4px; }
.ipadBtn-s a{ width:20%;margin-top: 5px;}

.toTop {display:none  ;background:url(images/btn-1.png) 0 -31px no-repeat;position: fixed;z-index: 2;width: 69px;height: 62px;bottom: 30px;left: 50%;margin-left: 530px;}
.ac{ text-align:center !important; padding-left:0;}
.al{ text-align:left !important;}
/*rating*/
.rating{   display:inline-block;*display:inline; zoom:1; *margin-bottom:3px;} 
.rating li{ display:inline-block; *display:inline;*padding:0 2px 0 0; height:12px;width:11px; background:url(images/star-2.png) no-repeat 0 -3px; zoom:1; text-indent:-9999px;}
.rating strong{color:#f60;padding-left:10px}
.rating li.on{background-position:0 -31px}
.rating li.half{background-position:0 -58px}

.bigRating { *margin-bottom:-10px;}
.bigRating li{background:url(images/star-1.png) no-repeat 0 5px; width:14px; height:22px;*margin-bottom:8px;}
.bigRating li a{width:13px; height:19px;}
.bigRating li.on{background-position:0 -23px}
.bigRating li.half{background-position:0 -50px}
.ratingArea { display:inline-block; *display:inline; width:190px;}
.ratingArea .view,.ratingArea .rating{ float:left; *float:none;}
.ratingArea .distr{ display:inline-block; *display:inline; position:relative; padding-top:1px; float:left; *float:none; margin-left:5px;}
.ratingArea .distr .btn{display:inline-block;  background:url(images/rating-drop-btn.png) no-repeat; height:20px; width:20px;  }
.ratingArea .distr .distrArea{ position:absolute; z-index:1; top:22px; left:-100px; background:#000;}

.voteRating li{ background:url(images/vote-rating.png) no-repeat 0 -62px; width:32px; height:29px;}
.voteRating li.on{ background-position:0 0;}
.voteRating li.half{ background-position:0 -31px;}

/*rollTop*/ 
.rollTop{ position:fixed; top:-1px; left:0; z-index:300; width:100%; background:url(images/roll-bg.png) repeat-x 0 100%; padding:10px 0 20px;-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;} 
.rollTop .container{ overflow:visible}
.rollTop.hidden{ display:none;}
.rollTop .name{ line-height:40px; font-size:20px; font-weight:normal;}
.rollTop .nav{ float:left; overflow:hidden;}
.rollTop .nav li{ float:left; }
.rollTop .nav li a{ display:inline-block; height:34px; line-height:34px; font-size:16px;   padding:0 15px; border-right:1px solid #e3e3e3; }
.rollTop .nav li:first-child a{border-left:1px solid #e3e3e3;}
.rollTop .nav li a:hover{ background:#eee;text-decoration:none;}
.rollTop .nav li.last{border-right:1px solid #fbfbfb; }
.rollTop .nav li.last a{border-right:1px solid #dcdcdc;} 
.rollTop .ipadBtn{ width:200px;}
.rollTop .greenBtn-s,.rollTop .orangeBtn, .rollTop .dropBtn{ text-align:left; padding-left:8px; width:95px;}
.btm-nav{position:fixed; bottom:0; left:0; width:100%; z-index:500; padding:10px 0;background:#70bb3b;}
.btm-nav .btn-close {position:absolute; z-index:200; top:-25px; left:50%; margin-left:-28px; width:56px; height:25px; background:url(http://images.wondershare.com/style/images/btn_img.png) no-repeat 17px -153px; border-radius:80px 80px 0 0; cursor:pointer; background-color:#70bb3b !important;}
.btm-nav .btn-close2 {background-position:17px -120px;}
.btm-nav .container{ text-align:center;}
.btm-nav .buyBnt-s{ width:auto; padding:8px 0 8px 10px; height:auto; background:#ff6000;}
.btm-nav .buyBnt-s:hover{background:#ff731f;}
.btm-nav .buyBnt-s span {display:inline-block; padding:0 10px; margin-left:10px; border-left:solid 1px #d0602a;}
.btm-nav .buyBnt-s span del {font-size:12px; font-weight:normal;}
/*respon*/
.container{  width:1000px; margin:0 auto;} 
.row-fluid {width:auto;margin:0 auto;*zoom: 1;overflow:hidden;}
.row-fluid:before,.row-fluid:after {display: table;line-height: 0;content: "";} 
.row-fluid .span{float: left; display: block; margin-left: 2.564102564102564%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.row-fluid .span img{max-width: 100%;-ms-interpolation-mode: bicubic;}
.row-fluid .span:first-child {margin-left: 0;}
.row-fluid .span2 { width: 48.717948717948715%;  }/*border==== margin-left:0\9; width:48%\9;*width:47.7%; margin-right:2%\9;*/
.row-fluid .span3 { width: 31.5%;  }/*padding:0 0 0 4%; margin-left:0; width:31.96%;* width:28%;*/
/*border====    margin-left:0\9; width:31.29%\9;*width:31.14%; margin-right:2%\9;*/
.row-fluid > .span2:nth-of-type(2n+1),.row-fluid > .span3:nth-of-type(3n+1),.row-fluid > .span5:nth-of-type(5n+1) { margin-left: 0; }
.row-fluid > .span2:nth-of-type(2n+1),.row-fluid > .span3:nth-of-type(3n+1){ clear:both}
.row-fluid .span4 { width: 23.076923076923077%;*width: 23%; }/* padding:0 1%; margin-left:0; width:24.99%;* width:22.8%;*/
.row-fluid .span4:nth-of-type(4n+1){ margin-left:0; clear:both}
.row-fluid .span5 {  width: 17.90%; margin:0 0 0 2.564102564102564%}

@media (min-width: 768px) and (max-width: 979px) {
	.container{ width:750px; }
}
@media (max-width: 767px) {
	.container{ width:460px;}  
	.row-fluid .span3 {  width: 48.717948717948715%; }
	.row-fluid > .span3:nth-of-type(3n+1) { margin-left:  2.564102564102564%; }
	.row-fluid > .span3:nth-of-type(2n+1) { margin-left: 0; }
	.row-fluid .span3:nth-of-type(2n+1){ clear:both}
	.row-fluid .span4 { width: 48.717948717948715%; padding:0 1%; margin-left:0; margin-bottom:15px;}/*width: 48.717948717948715%; padding:0 1%; margin-left:0; margin-bottom:15px;*/
}
@media (max-width: 479px) { 
	.container{ width:308px;}	
	.row-fluid .span { width: 100% !important;margin-left: 0 !important;  }
}
.visible-phone,.visible-tablet,.hidden-desktop {display: none !important;}
.visible-desktop {display: inherit !important;}
@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop, .visible-tablet {display: inherit !important;}
  .visible-desktop, .hidden-tablet {display: none !important ;} 
}
@media (max-width: 767px) {
  .hidden-desktop,.visible-phone { display: inherit !important;  }
  .visible-desktop,.hidden-phone {display: none !important;} 
} 
/* sidebar */

.sidebar .box{overflow: hidden;border: 1px solid #EBEBEB;border-radius: 10px; padding-bottom:10px;margin-bottom: 10px;background: white; background:#fafafa;}
.sidebar .box .title{ background:#ebebeb; padding:10px 18px; border-radius:10px 10px 0 0; font-size:16px;  font-weight:bold; margin:0 0 5px;}
.sidebar .box .list li{ border-top:1px solid #e6e6e6;   margin:0 15px;}
.sidebar .box .list li a{ display:block; padding:8px 0;} 
.sidebar .box .list li.sub-header{ font-size:15px;}
.sidebar .box .list li.sub a{ font-size:14px; padding-left:22px;}
.sidebar .box .list li.curr a{ color:#4f9502; background:url(images/dot-4.png) no-repeat 150px 50%;}
.sidebar .box .list li:first-child{ border:none;}
.sidebar .box .sideNav{ font-size:16px;}
.sidebar .box .dot li{ margin:8px 0;}
.sidebar .box .sideNav li a{ display:block; padding-left:15px;} 
.sidebar .box .sideNav li a:hover,.sidebar .box .sideNav li.curr a{ color:#4f9502; text-decoration:none;   }
.sidebar .box .sideNav li.curr a{font-weight:bold;}

.sidebar{width:23%;margin-bottom:35px; margin-top:30px;}
.sidebar .bor{overflow: hidden;border: 1px solid #EBEBEB;border-radius: 10px; padding-bottom:10px;margin-bottom: 10px;background: white; background:#fafafa;}
.sidebar .bor .title{ background:#ebebeb; padding:10px 18px; border-radius:10px 10px 0 0; font-size:16px;  font-weight:bold; margin:0 0 5px;}
.sidebar .bor ul.dot li{ margin-bottom:5px; margin-left:15px;}
.sidebar .bor .list li{ border-top:1px solid #e6e6e6;   margin:0 15px;}
.sidebar .bor .list li a{ display:block; padding:8px 0;} 
.sidebar .bor .list li.sub-header{ font-size:15px;}
.sidebar .bor .list li.sub a{ font-size:14px; padding-left:22px;}
.sidebar .bor .list li.curr a{ color:#4f9502; background:url(images/dot-4.png) no-repeat 95% 50%;}
.sidebar .bor .list li:first-child{ border:none;}

.sidebar .bor .reviews{ padding:10px 10px 20px;}
.sidebar .bor .reviews .img{ float:left; width:40%;}
.sidebar .bor .reviews .text{ padding-left:43%;}
.sidebar .bor .reviews .text .name{ display:block; padding-top:5px;}
.sidebar .bor .reviews .reviewsRoll{ position:relative;background:#f3f3f3; padding:10px 7px; margin:15px 0;  }
.sidebar .bor .reviews .reviewsRoll .flex-control-paging{ position:absolute; z-index:1; bottom:-20px;*bottom:-40px;width:100%; text-align:center; margin-left:0;}
.sidebar .bor .reviews .reviewsRoll .flex-control-paging li{margin-right:3px;display:inline-block;*display:inline;  }
.sidebar .bor .reviews .reviewsRoll .flex-control-paging li a{display:inline-block;   width:12px;height:12px;background:url(images/pagination.png) no-repeat;cursor:pointer;  }
.sidebar .bor .reviews .reviewsRoll .flex-control-paging li a.flex-active{background-position:0 -12px;}  

.sidebar .bor .sideNav{ font-size:16px;}
.sidebar .bor .sideNav li a{ display:block; padding-left:15px;} 
.sidebar .bor .sideNav li a:hover,.sidebar .bor .sideNav li.curr a{ color:#4f9502; text-decoration:none;   }
.sidebar .bor .sideNav li.curr a{font-weight:bold;}
 
.sideBar-roll{ overflow:hidden;  padding:5px 0; position:relative;}
.sideBar-roll .slide{ margin-left:15px; }
.sideBar-roll li{ border-top:1px solid #ddd}
.sideBar-roll li a{ text-align:center; display:block; height:40px; line-height:40px;  margin:0 5px; font-size:14px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.sideBar-roll li a:hover{ background:#eee; text-decoration:none;} 
.sideBar-roll .flex-prev,.sideBar-roll .flex-next{ display:block; position:absolute; top:5px; background:url(images/down-nav-roll-control.png) no-repeat !important; height:40px; width:15px; z-index:1; margin:0 !important; } 
.sideBar-roll .flex-prev{ left:0;}
.sideBar-roll .flex-next{ right:0; background-position:-19px 0 !important;} 
.sideBar-roll .flex-disabled{-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
/* leftBox */
.leftBox{width:74.4%;margin:30px 0;border-radius: 10px;} 
.leftBox h2{ font-size:20px;line-height: 23px;font-weight: bold;margin:20px 0; } 
@media (max-width: 767px) { 
	.leftBox,.sidebar{width:auto !important; float:none !important;} 
	.sidebar .bor .reviews .img{ float:left; width:22%;}
	.sidebar .bor .reviews .text{ padding-left:25%;}
}
 

/*header*/
.header{  background:url(images/header-bg.png) repeat-x; margin-top:-8px; margin-bottom:50px;position: relative;z-index: 12; height:76px; }
/*-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;*/
.header .headerWrap{ background:url(images/header-main-bg.png) no-repeat 50% 100%; position:absolute; z-index:1; left:0 ; top:0; width:100%;padding-bottom:19px; padding-top:0px;} 
.header .logo{ float:left; margin:27px 0 -42px;}
.header .info{ float:right; margin-top:10px; margin-left:10px;} 
.header .input{ float:right;display:inline-block;float: right;background: url(images/btn-1.png) no-repeat;width: 150px;margin: 17px 0 0; position:relative}
.header .input .text{ float:left;display:inline-block;width: 105px;height: 26px;line-height: 26px;margin-top: 1px;background: none !important;margin-left: 13px;border: none;font-size: 12px;}
.header .input .search-btn{ display:inline-block; background:url(images/btn-1.png) no-repeat -69px -32px; width:22px; height:20px; margin-top:5px; border: none; cursor:pointer;}
.search_key {width:200px; display:none;height:auto; overflow:hidden; background:url(images/subnav-bg.png) repeat-x whiteSmoke; border-radius:0 0 15px 15px; box-shadow:0 2px 3px #CCC; padding:20px 0 25px;}
#search_keyword { position:absolute; left:-55px; top:44px; z-index:2000; }
.keylist ul { margin:0;}
.keylist ul li { cursor:pointer; padding:5px 18px}
.keylist ul li:hover{ background:#eee}
.keylist ul li.last{border:none}

.header .nav{ width:695px; float:right;position:relative; z-index:11;}
.header .nav li{ float:left; }
.header .nav li:first-child{ background:none;}
.header .nav li a.title{ display:inline-block; height:61px; line-height:60px; padding:0 15px; margin:0 2px; font-size:16px; color:#333; text-shadow:0 1px 0 #fff; font-weight:bold;-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d; } 
.header .nav li.curr a.title,.header .nav li a.title:hover{background: #70b33c;color: #fff;text-shadow: 0 0 0;border-radius: 3px 3px 0 0;box-shadow: 0 2px 13px #456e26 inset; text-decoration:none;}
.header .nav li .subNav{  position:absolute; top:61px; left:0;background: url(images/subnav-bg.png) repeat-x #f5f5f5;padding:30px; width:558px;  overflow:hidden;-webkit-backface-visibility: hidden; z-index:1;border-radius: 0 0 15px 15px;box-shadow: 0 2px 3px #ccc;} 
.header .nav li .subNav dl{ float:left; width:257px; -webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d; } 
.header .nav li .subNav dl:first-child{ border-right:1px solid #e6e6e6;padding-right:20px; margin-right:20px;}
.header .nav li .subNav.m1{width:226px}
.header .nav li .subNav.m1 dl{ border:none !important; }
.header .nav li .subNav dt{ display:block; font-size:16px; margin-bottom:10px; overflow:hidden; line-height:23px;}  
.header .nav li .subNav dd{ margin:10px 0;  }
.header .nav li .subNav .img{ float:left; margin-right:10px;}  
.header .nav li .subNav dl p a{ display:block; padding:4px 10px; font-size:13px;}
.header .nav li .subNav dl p a:hover{ background:#eaeaea; text-decoration:none;}
.header .header-toggle{ float:right; width:30%; margin-top:15px; overflow:hidden;}
.header .header-toggle .toggle-nav{ display:block; background:url(images/toggle-icon.png) no-repeat; width:28px; height:19px; float:right;}
.header .header-toggle .toggle-search{ display:block; background:url(images/toggle-icon.png) no-repeat -30px 0; width:28px; height:19px; float:right;} 

@media (min-width: 768px) and (max-width: 979px) { 
	 .header { height:127px;}
	 .header .logo{ margin-top:12px; overflow:hidden;}
	 .header .nav{ width:auto; float:none; margin-top:35px;}
	 .header .nav li a.title{padding:0 14px;-webkit-transition:all .3s ease-in;transition:all 0.2s}
	 .header .input{ margin:52px 0 0;}
	 .header .nav li .subNav{ right:58px;}
}
@media (max-width: 767px) {
	.header{ padding-bottom:6px; background:none; margin:0; height:auto}  
	.header	.headerWrap{ position:static}
	.header .nav{ width:100%;margin-top: 5px;margin-bottom:15px; overflow:hidden; float:none;}
	.header .nav.hidden,.header .input.hidden{ display:none;}
	.header .nav li{ float:none; background:none; padding-bottom:1px;}
	.header .nav li a.title{ display:block; color:#fff; line-height:40px;color:#fff; height:40px;background:url(images/dot-down-nav.png) no-repeat #777 95% 18px !important; text-shadow:0 0 0 !important; box-shadow:0 0 0 !important;} 
	.header .nav li.curr a.title{ border:5px solid #81c000 !important; border-width:0 0 0 5px !important;  background-color:#78ad1f !important; }
	.header .nav li:hover a.title{ background-color:#78ad1f !important; border:none;}
	.header .nav li a.title img{ display:none;}
	.header .info{ float:none; margin:0; overflow:hidden; text-align:right; padding:5px 10px; margin-bottom:10px; margin-top:10px;}
	.header .logo{ width:64%; margin:0 ;}
	.header .input{ float:none; overflow:hidden; width:100%; background:#fff; border-radius:15px;}
	.header .phoneclear{  clear:both; height:0; overflow:hidden; }
	.header .input{ border:1px solid #ccc; margin-bottom:15px;}
	.header .input .text{width:80%;  }
	.header .input .search-btn{ float:right; width:28px; }
	.header .nav li .subNav{ position:relative; border:none; padding:0; width:100%; top:0; }
	.header .nav li .subNav dl{ float:none; width:100%; margin:0 !important; padding:0 !important; border:none !important}
	.header .nav li .subNav dl img{ display:none;}
	.header .nav li .subNav dt{ margin:0}
	.header .nav li .subNav dt a{ display:block; background:#cecece; margin:0 0 1px; height:40px ; line-height:40px; padding:0 16px; color:#333; font-size:16px;}
	.header .nav li .subNav dt a:hover{ text-decoration:none; background:#c3c3c3}
	.header .nav li .subNav dd a{ float:none !important; display:block; background:#f3f3f3; height:40px; line-height:40px;margin:0 0 1px; padding:0 16px;}
	.header .nav li .subNav dd a:hover{ text-decoration:none; background-color:#eee;}
	.header .nav li .subNav dd.pic{ margin:0;}
	.header .nav li .subNav dd.pic p{ margin:0;}
	.header .nav li .subNav dd.pic .blue{ display:none;}
	.header .nav li .subNav dd hr{ display:none}
	 
	.footer .btm-btm{ background:none !important; padding-bottom:20px !important;}
	.footer,.footer .footerWrap{ background:#3e3e3e !important;}
	
 	.footer2 .link { color:#fff; text-align:left; border-bottom:1px solid #649735; padding-bottom:15px; margin-bottom:15px; color:#7fbf44}
	.footer2 .link a{ display:inline-block; width:43%; padding-left:3%;}
	.header .nav li .subNav.m1{width:auto}
}


@media (max-width: 479px) {
	.header .info{ font-size:11px;-webkit-text-size-adjust:none; }
}
/*footer*/
.footer{background: url(images/bottom-bg.png) repeat-x;color: #d0d0d0; padding-bottom:1px;}
.footer a{ color:#d0d0d0;}
.footer .footerWrap{background: url(images/bottom-wrap-bg.png) no-repeat 50% 0;padding: 28px 0 0;}
.footer .btm-btm{background: url(images/bottom-btm-bg.png) no-repeat 50% 100%;  padding-bottom:35px; margin-bottom:10px;}
.footer .hr {border-top: 1px solid #393939;border-bottom: 1px solid #565656; margin:20px 0 ;}
.footer .span4 h4{font-size: 16px;font-weight: bold;margin-bottom: 10px;}
.footer2{background: url(images/footer-bg.png);color: #fff;padding: 20px 0; text-align:center;}
.footer2 a{ color:#fff;} 
@media (min-width: 768px) and (max-width: 979px) { 
 	.footer .btm-btm .span4{ text-align:center;}
	.footer .btm-btm .span4 img{ display:block; margin:0 auto;}
}
/*#main*/
#main #crumb h1{ display:inline}
.side-slides{ padding:0 15px;}
.side-slides .slides{position:relative;width:226px; padding-bottom:20px;}
.side-slides .slides .slides_container{width:196px;overflow:hidden;top:15px;left:15px;height:240px; padding-left:15px;}
.side-slides .flex-control-paging{ z-index:11; width:100px; margin-left:75px; list-style:none; } 
.side-slides .flex-control-paging li{ float:left;}
.side-slides .flex-control-paging li a{ display:block; float:left; background:url(images/banner-btn.png) no-repeat -15px 0; width:13px; height:15px; margin:8px 1px 0; padding:2px; text-indent:-9999px; cursor:pointer;}
.side-slides .flex-control-paging li a.flex-active{ background-position:0 0;} 
.side-slides .slides .item{ width:206px; overflow:hidden;}
.side-slides .slides .text{padding:0 0 0 90px; }
.side-slides .slides .text h3 a{font-size:14px;color:#555;font-weight:normal;}
.side-slides .slides .text h3 span{display:block;font-size:12px;font-weight:normal;}
.side-slides .slides .text .rev a{font-size:12px;color:#555;}
.side-slides .slides .text .rating{height:20px;}
.side-slides .slides .txt{background:#f5f5f5;padding:10px 5px 10px 10px;font-size:12px;font-style:italic;width:176px;}
/*download pop*/
.versionJudge {background:#fff; width:250px; height:140px; text-align:center; border-radius:5px;}
.versionJudge p {padding:5px 0;}
.versionJudge a {text-decoration:underline; color:#0072BC;}
.versionJudge .btn {background:#84c754; text-decoration:none; padding:10px 15px; display:block; border-radius:5px; text-align:center; color:#fff; font-size:16px; margin:0 10%;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.versionJudge .btn:hover {background:#50ab0f;}