@charset "utf-8";
/* CSS Document */
html, body, div, h1, h2, h3, p, ul, li, dl, dt, dd{margin:0 auto;padding:0;font-family:"Arial","Helvetica","Verdana","sans-serif";color:#000;font-weight:400;}
ul li{list-style:none;}
#banner{background:url(banner.jpg) no-repeat scroll 50% 0;max-width:1903px;width:100%;height:393px;}
.container{max-width:1000px;width:100%;margin:0 auto;}
#coupon_code{max-width:290px;width:100%;margin:0 auto;font-size:16px;color:#fff;padding-top:210px;font-weight:bold;}
#logo{padding-top:5px;}
#bundle{margin:0 auto;padding-bottom:35px;margin-top:30px;}
.bundle{max-width:1000px;width:100%;overflow:hidden;padding:5px 15px 15px;}
.bundle .name{color:#323537;font-size:36px;text-align:center;padding-bottom:20px;font-family:"Segoe UI";}
.bundle img{width:100%;max-width:835px;display:block;margin:0 auto;}
.bundle p{color:#7d7d7d;font-size:18px;display:block;margin:0 auto;max-width:800px;width:100%;line-height:30px;margin-top:15px; font-family:"Segoe UI";}
#new-release{max-width:1903px;width:100%;padding-bottom:30px;height:556px;background-color:#0da1ff;background:url(bg.png) no-repeat scroll 50% 0;}
#new-release{margin:0 auto;padding-bottom:35px;}
.new-release{max-width:1000px;width:100%;overflow:hidden;}
.new-release img{width:100%;max-width:666px;display:block;margin:0 auto;}
.re-title a{font-size:40px;display:block;color:#ffffff;padding-top:75px;font-family:"Segoe UI";text-align:center;text-decoration:none;}
.re-title a:hover{text-decoration:underline;}
.re-text{color:#ffffff;font-size:16px;display:block;font-family:Segoe UI;padding-top:10px;text-align:center;width:90%;}
.new-release .buy{margin-top:30px;}
.new-release a.win{margin:0 auto;float:none;}
p.price{font-size:24px;text-align:center;font-family:"Segoe UI";}
span.padding{padding-left:10px;}
span.red{font-size:32px;color:#e91b1b;}
.buy{display:block;max-width:602px;width:100%;margin-top:35px;}
a.win{background:url(buy.png) no-repeat scroll 0 0;float:left;width:281px;height:57px;}
a.mac{background:url(buy.png) no-repeat scroll 0 -114px;float:left;width:281px;height:57px;margin-left:40px;}
a.win:hover{background:url(buy.png) no-repeat scroll 0 -57px;}
a.mac:hover{background:url(buy.png) no-repeat scroll 0 -171px;}
#product{background:#fff7ec no-repeat scroll 50% 0;padding-bottom:57px;}
.product{display:block;max-width:1000px;width:100%;}
.product ul{width:auto;max-width:1000px;overflow:hidden;margin:0 auto;padding:25px 0 10px;}
.product ul li, .product-new ul li{float:left;margin-top:20px;max-width:500px;width:40%;padding-left:20px;}
.product ul li.left, .product-new ul li.left{padding-left:155px;}
.product ul li ul li{float:none;margin:0;max-width:700px;width:99%;clear:both;font-size:16px;color:#7d7d7d;line-height:30px; text-align:center}
.product ul li ul li img{width:100%;max-width:345px;margin-top:30px;}
.product ul li ul li.pro-name{font-size:26px;color:#323537;font-family:"Segoe UI";}
.product ul li ul li.pro-name span{font-size:18px;}
span.little-red{font-size:24px;color:#ff4345;}
.product ul li ul li.little-buy, .product-new ul li ul li.little-buy{display:block;max-width:383px;width:100%;padding-top:15px;margin:0 auto;}
a.buy-win{background:url(buy.png) no-repeat scroll 0 -228px;float:left;width:179px;height:45px;}
a.buy-mac{background:url(buy.png) no-repeat scroll 0 -318px;float:left;width:179px;height:45px;margin-left:25px;}
a.buy-win:hover{background:url(buy.png) no-repeat scroll 0 -273px;}
a.buy-mac:hover{background:url(buy.png) no-repeat scroll 0 -363px;}
#product-new{padding-bottom:21px;background:url(background-two.jpg) no-repeat 50% 0; border-bottom: 1px solid #f0f0f0;}
.product-new{display:block;max-width:1000px;width:100%;}
.product-new ul{width:auto;max-width:1000px;overflow:hidden;margin:0 auto;padding-top:20px;}
.product-new ul li ul{padding-bottom:40px;}
.product-new ul li ul li{font-size:16px;color:#7d7d7d;width:91%;font-family:"Segoe UI";}
.product-new ul li ul li img{display:block;max-width:191px;width:100%;margin:0 auto;}
.product-new ul li ul li.pro-name{float:none;margin:0 auto;max-width:350px;width:92%;clear:both;line-height:30px;font-size:24px;color:#293238;padding:20px 0 0 65px;font-family:"Segoe UI";}
.product-new ul li.left ul li.pro-name{padding-left:37px;}
span.discount{font-size:22px;color:#ff4345;}
.single-product{overflow:hidden;max-width:1000px;width:100%;margin-bottom:5px;}
.single-product ul.first{margin-left:0;clear:both;}
.single-product ul{margin-top:25px;float:left;background:none no-repeat scroll 50% 0;padding-bottom:9%;display:block;overflow:hidden;max-width:293px;width:100%;margin-left:60px;}
.single-product ul.first li, .single-product ul li{display:block;max-width:237px;padding-top:25px; text-align:center}
.single-product ul.first li.pro-name, .single-product ul li.pro-name{font-size:22px;color:#4e595d;font-weight:bold;text-align:center;}
.single-product ul li.special-pro-name{font-size:19px;color:#4e595d;font-weight:bold;}
.single-product ul.first li img.icon, .single-product ul li img.icon{display:block;max-width:180px;width:100%;margin:0 auto;margin-top:5px;}
.single-product ul.first li p, .single-product ul li p{font-size:14px;color:#84888b;line-height:20px;}
.single-product ul.first li.price, .single-product ul li.price{font-size:14px;color:#888888;}
.single-product ul.first li.coupon, .single-product ul li.coupon{padding-top:7px;font-size:14px;color:#888888;}
span.little-red-s{color:#ff4345;font-size:20px;}
.single-product ul.first li.little-buy-s, .single-product ul li.little-buy-s{display:block;max-width:230px;width:100%;padding-top:15px;}
a.buy-win-s{background:url(buy.png) no-repeat scroll 0 -408px;float:left;width:110px;height:27px;}
a.buy-mac-s{background:url(buy.png) no-repeat scroll 0 -462px;float:left;width:110px;height:27px;margin-left:10px;}
a.buy-win-s:hover{background:url(buy.png) no-repeat scroll 0 -435px;}
a.buy-mac-s:hover{background:url(buy.png) no-repeat scroll 0 -489px;}
#footer{background:url(footer.png) no-repeat scroll 50% 0;height:114px;margin-top:40px;}
.bottom-banner{max-width:1000px;overflow:hidden;margin:0 auto;padding-top:30px;}
#footer p{text-align:center;color:white;font-size:14px;line-height:25px;}
#footer a{color:white;text-decoration:none;}
#footer a:hover{color:#84888b;text-decoration:underline;}
@media screen and (max-width:1050px){
.bundle{padding:50px 0 90px;}
.product ul li ul li.pro-name{font-size:27px;}
.product-new ul li ul li{width:92%;}
.product ul li, .product-new ul li{padding-left:10px;}
.product ul li.left, .product-new ul li.left{padding-left:105px;}
.single-product ul{margin-left:4%;}
a.buy-mac{margin-left:1%;}
#footer{padding-bottom:9px;}
}
@media screen and (max-width:980px){
.single-product{width:100%;}
.single-product ul.first{margin-left:12%;float:left;clear:none;}
.single-product ul{margin-left:12%;}
.product-new ul li ul li.pro-name{padding:20px 0 10px;}
.bottom-banner{padding-left:5%;}
.product ul li, .product-new ul li{padding-left:0;width:50%;}
.product ul li.left, .product-new ul li.left{padding-left:0;}
}
@media screen and (max-width:798px){
#banner{background:url(banner-pad.jpg) no-repeat scroll 50% 0;padding-bottom:17px;height:166px;}
.bundle{padding:30px 0 90px;}
#product{background:none;background-color:#edf4fc;}
#product-new{background:none;background-color:#fbfdfe;}
.product-new ul li ul li.pro-name{font-size:25px;padding:20px 0 0;}
.product ul li ul li.pro-name{margin-top:20px;}
.single-product p.title{font-size:40px;}
.product ul li, .product-new ul li{width:100%;float:none;}
.product-new ul li ul{margin-left:25%;}

}
@media screen and (max-width:620px){
.buy{max-width:192px;}
a.win{background:url(buy.png) no-repeat scroll 0 -228px;float:left;width:179px;height:45px;}
a.mac{background:url(buy.png) no-repeat scroll 0 -318px;float:left;width:179px;height:45px;margin:25px auto;}
a.win:hover{background:url(buy.png) no-repeat scroll 0 -273px;}
a.mac:hover{background:url(buy.png) no-repeat scroll 0 -363px;}
.product ul li ul li.little-buy, .product-new ul li ul li.little-buy{max-width:192px;}
}
@media screen and (max-width:480px){
#banner{background:url(banner-phone.jpg) no-repeat scroll 50% 0;height:132px;}
.single-product ul{background:none;}
a.mac{margin-left:1%;}
.single-product p.title{font-size:20px;}
.re-text{font-size:15px;}
#new-release{background:url(bg.png) no-repeat scroll 41% 0;}
.product ul{margin-left:0;}
.product-new ul li ul{margin-left:0;}
}
@media screen and (max-width:378px){
a.mac, a.buy-mac{margin-top:20px;}
.bundle a.mac, .bundle a.buy-mac{margin-top:10px;}

}