@charset "utf-8";
/* CSS Document */
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;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,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;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
a:hover,a:active{outline:0;}
a{ text-decoration:none;color:#4fa6ff;}
a:hover{text-decoration:underline;}
img{ vertical-align:middle; max-width:100%;}
body{margin:0;padding:0;font-size:14px;line-height:1.6em;font-family:Helvetica, Meiryo, Osaka, verdana, Arial, Tahoma, sans-serif;color:#555; background:#fff;}

input[type='text'],textarea,input[type='submit']{-webkit-appearance: none;font-family:Helvetica,Arial,sans-serif; outline:none; color:#555; vertical-align:top; font-size:14px; line-height:1.2em;}
input[type='checkbox']{vertical-align:text-top; vertical-align:baseline\9;}
select{font-family:Helvetica,Arial,sans-serif;}
select:focus{ outline:none; }

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(http://fonts.gstatic.com/s/roboto/v12/vzIUHo9z-oJ4WgkpPOtg1_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(http://fonts.gstatic.com/s/roboto/v12/Hgo13k-tfSpn0qi1SFdUfT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'), local('Roboto-Regular'), url(http://fonts.gstatic.com/s/roboto/v12/2UX7WLTfW3W8TclTUvlFyQ.woff) format('woff');
}

/*basic*/
.fl {float:left;}
.fr {float:right;}
.ac{ text-align:center;}
.al{ text-align:left;}
.ar{ text-align:right;}
.clear{ clear:both; height:0; overflow:hidden;}
.noh{ overflow:visible !important;}
ul.dot li, ul.list li{ list-style:outside disc; line-height:1.7em; margin-left:18px;}
.noBor{ background:none !important; border:none !important; margin-right:0 !important;}
.re{ position:relative !important;}
.oh{ overflow:hidden !important;}
.blue{ color:#15abef !important;}
.red{ color:#f00 !important;}
.orange{ color:#f6772c !important;}
.white{ color:#fff !important;}
.hide{ display:none !important;}
.nobg{ background:none !important;}
hr{border:none; height:0; overflow:hidden; border-bottom:1px solid #ededed;margin:12px 0; *margin:0; height:0;} 
.maxW{ max-width:100%;}
.container{width:1000px;margin:0 auto;}
.mt10{margin-top:10px;}.mr20{margin-right:20px;}
.facebook,.twitter,.message,.youtube{display:inline-block; border:1px solid #fff;height:44px;width:44px; background:url(images/icon_share.png) no-repeat center 0; border-radius:100px; text-indent:-9999px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.twitter{ background-position:center -44px;}
.message{ background-position:center -88px;}
.youtube{ background-position:center -132px;}
.facebook:hover{ background-position:center -4px;}
.twitter:hover{ background-position:center -48px;}
.message:hover{ background-position:center -92px;}
.youtube:hover{ background-position:center -136px;}

/*header*/
.header{ background:#2c2c2c;padding:15px 0;}
.header .logo{ background:url(images/ws_logo.png) no-repeat;width:178px;height:24px; text-indent:-9999px;display:block;}

/*banner*/
.banner{ background:url(images/banner_bg.jpg) no-repeat center 0;height:612px;}

/*main*/
.download{display:block; background:#ffea00; text-align:center;width:180px;height:38px; line-height:38px;color:#4f0000; font-size:18px; border-radius:20px;}
.download:hover{ background:#ffcc00;text-decoration:none;}
.buy{display:block; background:#f39800; text-align:center;width:180px;height:38px; line-height:38px;color:#4f0000; font-size:18px; border-radius:20px;}
.buy:hover{ background:#f37e00;text-decoration:none;}

.boxbg1{ background:#f6f6f6;}
.boxbg1 .md{ text-align:center;padding-top:30px;}
.boxbg1 .dd{ font-size:30px; line-height:1.4em;padding:50px; text-align:center;}
.boxbg2{ background:#b61131 url(images/bg1.jpg) no-repeat center 15px;padding-bottom:50px;}
.boxbg2 .title{ font-size:30px;color:#fff000; text-align:center;padding-top:130px; font-weight:bold; line-height:1em;padding-bottom:30px;}
.proitem{padding:30px 0;border-bottom:1px solid #660000;}
.proitem .pic{float:left;width:288px; position:relative;}
.proitem .pic .tips{display:block;width:88px;height:91px; position:absolute;top:-20px;left:-20px;}
.proitem .text{float:left;width:400px;padding-left:25px;color:#fff; font-size:16px; line-height:1.8em;}
.proitem .text h3 a{color:#fff000; font-weight:bold; font-size:20px;}
.proitem .btn{float:right;width:240px;}
.proitem .btn .pri{height:38px; line-height:38px; text-align:center;width:240px; background:#ffea00;color:#490101; font-size:14px;}
.proitem .btn .mac{margin-top:10px;}
.proitem .btn .mac a{color:#fff; text-decoration:underline;}
.boxbg3{ background:#fafafa;padding:50px 0;}
.boxbg3 .title{ background:url(images/title1.jpg) no-repeat center 0;height:70px; text-indent:-9999px;}
.boxbg3 .proitem .text{color:#360000;}
.boxbg3 .proitem .text h3 a{color:#333;}
.boxbg3 .proitem .btn .mac a{color:#2d0000; text-decoration:underline;}
.boxbg4{ background:#b61131;padding:50px 0;}
.boxbg4 .txt{border:1px dashed #ffd800;padding:35px; border-radius:20px;color:#ffd800; font-size:16px; line-height:1.8em;}
.boxbg4 .ad{margin-top:20px;}

/*footer*/
.footer{color:#fff;}
.footer a{color:#fff;}
.footer .bg1{ background:#525252;padding:30px 0;}
.footer .bg2{ background:#434343;}
.footer .link{float:right; font-size:12px;margin-top:15px;}
.footer .link a{padding:0 5px;}
.footer .share{float:left;}
.footer .copyright{ text-align:center; font-size:12px;padding:10px 0;}

.toTop {display:block; position:fixed; z-index:2; background:url(http://images.wondershare.net/style/images/btn.png) no-repeat  -163px -53px; width:55px; height:50px; bottom:30px; right:3%;}
.addthis_floating_style{top:0;right:-80px;}