@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Handlee);
/* 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 {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:inside decimal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
a{ text-decoration:none;color:#756b62;}
a:hover{text-decoration:underline;}
img{ vertical-align:middle; margin:0; padding:0;}
input,textarea,select{ font-family:Arial,Helvetica,sans-serif; outline:none;}
input[type='checkbox']{ vertical-align:text-top; }
/*basic*/
.fl {float:left !important;}
.fr {float:right !important;} 
.clear{ clear:both; height:0; overflow:hidden;  }   
.noBor{ background:none !important; border:none !important; margin-right:0 !important;} 
body{font:13px/1.5em 'Segoe UI',Arial, Helvetica, sans-serif; color:#756b62; background:url(images/bg.png) #ceb596; }  
.wrap{ width:1000px; margin:0 auto; overflow:hidden;}
.banner{ background:url(images/banner.jpg) no-repeat 50% 0; height:315px;min-width:1000px;}
.banner .logo{ display:block; width:180px; height:50px; margin-top:30px;}
/*btn*/
.collBtn{ display:block; background:url(images/collect-icon.png) no-repeat; width:143px; height:26px; float:right;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;transition:all 0.2s;}
.collBtn:hover{ background-position:0 -26px;}
.buyMacBtn,.buyWinBtn{ display:block; width:118px; height:34px; background:url(images/btn.png) no-repeat;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;transition:all 0.2s;} 
.buyWinBtn{ background-position:-137px 0;}
.buyMacBtn:hover,.buyWinBtn:hover{ background-image:url(images/btn-hover.png);}
/*content*/
.content{min-width:1000px; background:url(images/con-bg_06.png) repeat-y 50% 0; padding:10px 0 30px;}
.content h2.title{font-family: 'Handlee', cursive;font-weight:bold; font-size:26px; line-height:33px; color:#c13a0a; background:url(images/heart-logo.png) no-repeat; padding-left:38px;  font-style:italic; margin:20px 0 20px 20px;}
.content .proTopItem{ background:#fcf9f3; border:1px solid #e9c8b1; padding:23px; overflow:hidden;}
.content .proTopItem .img{ float:left; margin-right:25px; }
.content .proTopItem .text{ float:left; width:500px;}
.content .proTopItem .text h3{ font-size:24px; line-height:24px; margin:5px 0 12px;}
.content .proTopItem .text li{ background:url(images/click.png) no-repeat 0 5px; padding-left:23px; font-size:14px; margin:0 0 3px;}
.content .proTopItem .buyArea{ float:right; width:300px; margin-top:10px;}
.content .proTopItem .buyArea .price{ font-size:30px; line-height:30px; color:#e3414c; text-align:center; font-weight:bold;}
.content .proTopItem .buyArea .price del{ font-size:20px; color:#756b62; font-weight:normal;}
.content .proTopItem .buyArea .regBtn{ display:block; background:url(images/reg-btn.png) no-repeat; width:233px; height:77px; margin:10px auto 0;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;transition:all 0.2s;}
.content .proTopItem .buyArea .regBtn:hover{opacity:0.85;} 
.content .proItem{ width:46.5%; float:left; margin:15px 4.8% 15px 1%;}
.content .proItem .img{ position:relative; width:33.33333%; float:left; text-align:center;}
.content .proItem .img a:hover{ text-decoration:none;} 
.content .proItem .img p.off{ position:absolute; left:10px; bottom:-20px; background:url(images/pro-bar.png) no-repeat; width:151px; height:37px; line-height:37px; color:#fff; font-size:16px;font-family:Impact;}
.content .proItem .img p.off span{ font-size:28px;}
.content .proItem .text{ padding-left:37%;}
.content .proItem .text h3{ font-size:20px; line-height:20px; margin-bottom:8px;}
.content .proItem .text .btnArea{ width:130px; float:left; margin-top:10px; font-size:14px;}
.content .proItem .text .btnArea .price{ font-size:16px; color:#e54c57; font-weight:bold; margin-bottom:5px;}
.content .hr{ border-bottom:1px dashed #d5d5d5;}


/*bottom*/
.bottom{ min-width:1000px; background:url(images/bottom-bg.jpg) no-repeat 50% 0; height:368px;}
.bottom .item{ width:220px; float:left; margin:140px 15px 20px; color:#fff; font-size:15px;font-family: 'Handlee', cursive;}
.bottom .item p{ margin-top:10px;}
.bottom .item img{ border:6px solid #fff;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;transition:all 0.2s;}
.bottom .item a:hover img{filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9; }

.addthis_floating_style{ position:absolute !important; border:1px solid #edd0bd;box-shadow:0 2px 5px #e9c8b1; 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));}