@charset "utf-8";
/* CSS Document */
::-moz-selection{background:#b9e9ff}
::selection{background:#b9e9ff}
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:300;}
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:300; line-height:1em;}
a{ text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
img{ vertical-align:middle;}

input[type='text'],textarea,input[type='submit']{-webkit-appearance: none;font-family:'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, sans-serif, verdana, Arial, Tahoma, Helvetica, sans-serif; outline:none; border:none; color:#777; vertical-align:top;border-radius:0; background:#fff;}
input[type='checkbox']{ vertical-align:text-top; vertical-align:baseline\9;}
select{background:#fff;}
select:focus{ outline:none; }

/*basic*/
.fl {float:left !important;}
.fr {float:right !important;}
.ac{ text-align:center;}
.ar{ text-align:right;}
.al{ text-align:left;}
.clear, .clr{ 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;}
.noB{background:none !important; border:none !important;}
.noBor{ background:none !important; border:none !important; margin-right:0 !important;}
.re{ position:relative !important;}
.oh{ overflow:hidden !important;}
.blue{ color:#0088cc !important;}
.red{ color:#f00 !important;}
.orange{ color:#f6772c !important}
.hide{ display:none !important;}
hr{ border:none; height:0; overflow:hidden; border-bottom:1px solid #ededed;margin:50px 0; *margin:0; height:0;} 
.maxW{ max-width:100%;}
body{font:14px/1.6em 'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, sans-serif, verdana, Arial, Tahoma, Helvetica, sans-serif;color:#555;background:#fff; }

.mt5{margin-top:5px !important;}.mt10{margin-top:10px !important;}.mt15{margin-top:15px !important;}.mt20{margin-top:20px !important;}.mt25{margin-top:25px !important;}.mt30{margin-top:30px !important;}.mt35{margin-top:35px !important;}.mt40{margin-top:40px !important;}.mt60{margin-top:60px !important;}.mt50{margin-top:50px !important;}.mt0{margin-top:0 !important;}
.mb5{margin-bottom:5px !important;}.mb10{margin-bottom:10px !important;}.mb20{margin-bottom:20px !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;}
.ml5{margin-left:5px !important;}.ml10{margin-left:10px !important;}.ml15{margin-left:15px !important;}.ml20{margin-left:20px !important;}.ml30{margin-left:30px !important;}.ml40{margin-left:40px !important;}.ml0{ margin-left:0!important;}
.mr5{margin-right:5px !important;}.mr10{margin-right:10px !important;}.mr15{margin-right:15px !important;}.mr20{margin-right:20px !important;}.mr30{margin-right:30px !important;}.mr40{margin-right:40px !important;}.mr0{ margin-right:0!important;}
.ptb10 { padding-top:10px; padding-bottom:10px;}.ptb30 { padding-top:30px; padding-bottom:30px;}.pt0{ padding-top:0!important;}
.pt5 {padding-top:5px!important;}.pt10 {padding-top:10px!important;}.pt15 {padding-top:15px!important;}.pt20 {padding-top:20px!important;}.pt25 {padding-top:25px!important;}.pt30 {padding-top:30px!important;}
.pb5 {padding-bottom:5px!important;}.pb10 {padding-bottom:10px!important;}.pb15 {padding-bottom:15px!important;}.pb20 {padding-bottom:20px!important;}.pb30 {padding-bottom:30px!important;}
.pr0{ padding-right:0!important;}.pl0{ padding-left:0!important;}.pb0{ padding-bottom:0!important;}.ptb0{ padding:0!important;}
.p15{ padding:0 15px!important;}.p10{ padding:0 10px!important;}
.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;  }
}
.header{ background:url(images/banner_bg.jpg) no-repeat center 0; color:#fff;}
.header h1{ font-size:65px; text-align:center; font-weight:300;}
.header h1 p{font-size:46px;}
.header h1 span{font-size:30px; display:block;}
.header .nav{ margin-top:40px;}
.header .nav li{ font-size:24px; text-align:center; display:inline-block; background-color:#dddddd; color:#333; padding:20px 0; margin-left:8px; border-top-left-radius:5px; border-top-right-radius:5px; width:290px;font-weight:300;}
.header .nav li.curr{ background-color:#fff;}
.header .nav li a{color:#555;}
.content h2{ font-size:45px; text-align:center; padding:50px 0 30px;}
.content h2 span, .content .subtitle span{ color:#82c94d;}
.content .row-fluid .span3{ font-size:16px;}
.content .row-fluid .title{ font-size:24px; padding:15px 0;}
h3{font-size:38px; text-align:center; padding-bottom:20px;}
.content .subtitle{font-size:38px; color:#999999; text-align:center; padding-bottom:20px; line-height:1em;font-weight:300;}
.content .item1 .title{ font-size:20px; background-color:#dddddd; padding:15px;}
.content .item1 .title span{ color:#333;}
.select_pur_item{ margin-bottom:20px;}
.select_pur_item .item{ background-color:#f5f5f5; width:45%; padding:20px 25px; float:left; font-size:16px;}
.select_pur_item .item.checked{ background-color:#ecf9e0;}
.select_pur_item .item .input_radio{ display:block; float:left; width:40px; height:80px; padding-top:30px;}
.select_pur_item .item .tit{font-size:20px; padding:8px 0;}
.select_pur_item .item .price{color:#999999; font-style:italic;}
.select_pur_item .item .price span{color:#333; font-weight:bold;}
.content .item1 .giveaway{ background-color:#f5f5f5; padding:50px 15px;}
.giveaway .input{ border:1px solid #cccccc; border-radius:5px; box-shadow:#cccccc 0 2px 2px inset; font-size:20px; padding:8px 10px; color:#999; margin-right:10px;}
.giveaway .send{ background-color:#82c94d; color:#fff; font-size:20px; text-align:center; padding:0 25px; border-radius:5px; line-height:40px; display:inline-block;}
.pro_box_bg{ background:url(http://www.wondershare.com/common/images/bg1.png) repeat; padding:10px 40px; width:92%; height:88%; position:absolute;bottom:0; font-size:32px; color:#f4e607; line-height:1em;}
#shareArea{padding-left:36%;}
.item3{ padding:20px 0;}
.item3 .left{ float:left; width:32%; background-color:#f5f5f5; padding-bottom:15px;}
.item3 .left .sharebox{ height:100px; overflow:auto; padding:10px 0 0 15px;}
.item3 .right{ float:right; width:63%; font-size:16px;}
.item3 .right .tit{ font-size:24px; padding:25px 0 10px;}
.gray{ background-color:#f5f5f5; padding:50px 0; margin-top:40px;}
.bottom_mayPro{ background-color:#fff; padding:15px 20px; margin-bottom:20px;}
.bottom_mayPro .title, .leftpart .item .title{ font-size:20px; line-height:1.2em; padding-bottom:15px;}
.bottom_mayPro .img, .leftpart .item .img{float:left; position:relative;}
.bottom_mayPro .img .off{ position:absolute; left:-10px; bottom:-10px;}
.bottom_mayPro .text {padding:0 0 0 165px;}
.leftpart .item .text {padding:0 0 0 90px;}
.bottom_mayPro .name, .leftpart .item .name {font-size:14px; line-height:1.2em; padding-bottom:10px;}
.bottom_mayPro .name span, .leftpart .item .name span{ display:block; font-size:12px;}
.bottom_mayPro .price, .leftpart .item .price{ font-style:italic; padding:8px 0;}
.bottom_mayPro .price span, .leftpart .item .price span{color:#a40000; font-weight:bold; padding-left:5px; font-size:20px;}
.bottom_mayPro .btn{ line-height:40px;}
.buyMinBtn, .tryMinBtn, .submit{ font-size:20px; color:#fff; background-color:#ff5f00; padding:8px 15px; border-radius:5px;}
a.buyMinBtn:hover{background:#ff3c00; text-decoration:none;}
.tryMinBtn{ background-color:#82c94d;}
.submit{ background-color:#32a4e7;}
a.tryMinBtn:hover{background:#50ab0f; text-decoration:none;}
a.submit:hover{background:#2d90ca; text-decoration:none;}
.footer{text-align:center;}
@media (max-width: 979px) {
	.bottom_mayPro .rev a{float:none; padding-right:0;}
	.select_pur_item .item{width:43%;}
	.pro_box_bg{width:89%;}
	.header .nav li{ width:31%; height:33px; overflow:hidden;}
}
@media (max-width: 767px) {
	.header h1{font-size:50px; line-height:1em;}
	.header h1 span{font-size:29px;}
	.header h1 p{font-size:40px;}
	.select_pur_item .item{width:39%;}
	.header .nav li{font-size:18px;}
	.pro_box_bg{width:83%;}
	.item3 .left, .item3 .right, .bottom_mayPro .img{ float:none; width:auto;}
	.bottom_mayPro .text{ padding:20px 0 0 0;}
}
@media (max-width: 479px) { 
	.header .nav li{ width:100%;  border-radius:5px; margin-top:8px;}
	.select_pur_item .item{float:none; width:auto;}
	.pro_box_bg{width:74%;}
}

/*faq*/
.leftpart{ float:left; width:65%; background-color:#f5f5f5; border-radius:3px; padding:20px; margin-top:50px;}
.leftpart .item{ float:left; width:45%;}
.leftpart .item.bor{ border-left:1px solid #e5e5e5; margin-left:20px; padding-left:20px;}
ul.list li a, ul.list li{ color:#0088cc;}
.leftpart .item .subtitle, .gray_white .subtitle, .sidebar .title{ font-size:20px; padding-bottom:5px;}
.leftpart .buyMinBtn, .leftpart .tryMinBtn{padding:8px 10px;}
.leftpart .item hr{margin:30px 0;}
.leftpart .item2{ background-color:#deecd3; margin-top:15px; padding:15px;}
.table_infom{ font-size:16px; color:#999;}
.table_infom input, .table_infom textarea{ padding:5px; border:1px solid #999; border-radius:3px; width:auto;}
.table_infom select{padding:5px; width:180px;}
.table_infom td{ padding:5px;}
.table_infom input.error{ border:2px solid #0088cc;}
.gray_white{ background-color:#f5f5f5; padding:10px; float:right; width:49%;}
.leftpart .item2 .answer{ padding-left:20px;}
.gray_white .content{ height:235px; overflow:auto;}
.sidebar{ float:right; width:26%; background-color:#f5f5f5; border-radius:3px; padding:20px; margin-top:50px;}
.sidebar .title span, .sidebar .subtitle span{ color:#82c94d;}
.sidebar .subtitle{ font-size:18px; padding:10px 0 5px;}
.sidebar .time, .content .time{ color:#0088cc;}
.sidebar .giveaway .input, .sidebar .giveaway .send{ display:block; width:90%; margin-bottom:10px; display:block;}
.sidebar .pro_box_bg{width:73%;}
.sidebar .giveaway .send{ padding:0 10px;}
.sidebar .tryMinBtn{ display:block; width:78%; text-align:center; margin:10px 0;}
.sidebar hr{margin:20px 0;}
.bottom .leftpart{ background-color:#e6e6e6; margin-top:20px;}
.bottom .leftpart .title{ font-size:24px; padding-bottom:25px;}
.bottom .leftpart .name{ font-size:20px; padding-bottom:10px;}
.bottom .leftpart .name span{ font-size:18px; display:block;}
.bottom .leftpart .img{ float:left;}
.bottom .leftpart .text{ padding:0 0 0 175px; font-size:18px;}
.bottom .leftpart .text .price{ padding-top:15px;}
.bottom .leftpart .text .price span{ font-size:22px; color:#a40000;}
.bottom .leftpart .errow{position:absolute; right:-15px; top:40%;}
.bottom .sidebar{ background-color:#fff; text-align:left; padding:0; width:28%; margin-top:115px;}
.bottom .sidebar .buyMinBtn{font-size:24px; display:block; width:70%;}
.buyMinBtn span{font-size:20px; display:block;}
.buyMinBtn del{font-size:14px;}
.bottom .sidebar .off{ position:absolute; right:10%; top:-10px; display:block;}
.bottom .sidebar p{font-size:18px;}
.pr .img{ float:left; width:35%; margin-top:50px;}
.pr .text{font-size:16px; float:right; width:61%; margin:50px 0;}
.pr .text h2{ font-size:24px; padding-bottom:15px;}
.pr .text p{ padding-bottom:15px;}
.btm{ padding-top:50px;}

@media (max-width: 979px) {
.leftpart, .sidebar, .bottom .sidebar{float:none; width:auto;}	
.sidebar .pro_box_bg{width:82%;}
}
@media (max-width: 767px) {
.leftpart .item, .gray_white, .pr .img, .pr .text{float:none; width:auto;}	
.gray_white{ margin-top:25px;}
.sidebar .pro_box_bg{width:77%;}
.leftpart .item.bor{ border:none; padding:0; margin:20px 0 0 0;}
}
@media (max-width: 479px) { 
.leftpart .buyMinBtn, .leftpart .tryMinBtn{ display:block; width:100px; margin-bottom:5px;}
.bottom .leftpart .img{ float:none; width:auto;}	
.bottom .leftpart .text{ padding:20px 0 0 0;}
}