html, body, div, h1, h2, h3, p, ul, li, dl, dt, dd{margin:0 auto;padding:0;font-family:"Open Sans", sans-serif;}
ul, li{list-style:none;}
p, img, dl, dt, dd{margin:0;padding:0Fborder:none;}
a:link, a:visited{text-decoration:none;color:#3e3e3e;}
a:hover{text-decoration:underline;}
.c{clear:both;}
#top{background:url(../img/top.png) no-repeat 50% 0;height:123px;}
#header{background:url(../img/banner.png) no-repeat 50% 0;height:550px;overflow:hidden;}
#header a.logo{display:block;background:url(../img/logo.png) no-repeat;width:300px;height:80px;margin:50px 10px 0 0;}
.container{max-width:1170px;width:100%;}
#hot{clear:both;height:1441px;}
#first{background:#1e202d url(../img/part1.png) no-repeat 50% bottom;height:480px;}
#second{background:#1e202d url(../img/part1.png) no-repeat 50% bottom;height:490px;}
#third{background:#1e202d url(../img/part1.png) no-repeat 50% bottom;height:490px;}
#fourth{background:#1e202d;height:490px;}
#first-bottom{background:url(../img/mid-bottom.jpg) no-repeat 50% bottom;height:74px;}
#footer-bg{background:#1e202d url(../img/footer.jpg) no-repeat 50% 0;height:200px;}
p.title{font-size:20px;padding-bottom:30px;}
p.price{font-size:16px;text-align:left;margin:15px 0;}
p.price span{color:#f6fd3e;}
li.price{font-size:16px;text-align:left;margin:15px 0;}
li.price span{color:#f2cf64; font-size:36px;}
p.btn{overflow:hidden;}
p#coupon{color:#434343;font-size:18px;text-align:center;padding-top:280px;}
p#coupon span{color:#b52908;}
a.down,a.buy,a.downmac,a.buymac{display:block;background:url(../img/try-buy.png) no-repeat 0 -184px;width:124px;height:29px;float:left;}
a.buy:hover{background-position:0 -213px;}
a.down{background-position:0 -242px;}
a.down:hover{background-position:0 -271px;}
a.downmac{background-position:0 -358px;}
a.downmac:hover{background-position:0 -387px;}
a.buymac{background-position:0 -300px;}
a.buymac:hover{background-position:0 -329px;}
#hot h1{color:#fff;font-size:30px;text-align:center;padding:140px 0 18px;}
#hot ul{overflow:hidden;}
#hot ul li{height:350px;background-color:#fff;float:left;width:27%;text-align:center;padding:20px 2.6%;line-height:150%;border:1px solid #eaeaea;border-right:none;border-bottom:none;}
p.intro{text-align:left;height:72px;}
.bundle{overflow:visible;}
.bundle .bundle-title{font-size:40px;padding-top:50px;}
.bundle .title-mac{font-size:39px;}
.bundle .bundle-txt{float:left;width:58%;padding-left:9px;}
.bundle .bundle-txt ul{float:left;margin-top:20px;width:28%;}
.bundle .bundle-txt ul.des{margin-right:7%;padding:0 20px 0 0;border:none;width:60%;border-right:2px solid #999bfb;height:265px;}
#second .bundle .bundle-txt ul.des{border-color:#999bfb;height:200px;}
#third .bundle .bundle-txt ul.des{border-color:#999bfb;height:170px;}
#fourth .bundle .bundle-txt ul.des{border-color:#999bfb;}
#third .bundle .bundle-title, #first .bundle .bundle-title{color:#99430b;padding-top:70px;}
#first .bundle .bundle-txt ul li{color:#afb6d1;}
#third .bundle .bundle-txt ul li{color:#afb6d1;}
#fourth .bundle .bundle-txt ul.des{height:200px;}
#fifth .bundle .bundle-txt ul.des{height:240px;}
#fifth .bundle .bundle-title, #first .bundle .bundle-title{color:#fff;padding-top:70px;}
#fifth .bundle .bundle-txt ul li{color:#fff;}
.bundle img.box{float:left;width:41.1%;max-width:411px;}
.bundle .bundle-txt ul li{color:#afb6d1;font-size:16px;line-height:30px;}
.red{color:#df0027; font-size:20px;font-weight: bold;}
.share-box{max-width:1000px;clear:both;}
.share {clear:both;display:block;height:75px;padding:20px 0 0 0;}
#footer{max-width:1000px;}
#footer-txt{max-width:1000px;padding:0 0 30px;text-align:center; }
#footer-txt p{line-height:30px; font-family:"Open Sans", sans-serif;clear:both;padding-top:130px;}
#footer-txt p, #footer-txt a:link, #footer-txt a:visited{color:#1d202c;}
a#google{display:block; width:5%; height:48px; float:left; margin-left:28%;margin-right:7.6%;display:inline;background:url(../img/g.jpg) no-repeat;}
a#twitter{display:block; width:5%; height:48px; float:left; margin-right:7.6%;display:inline;background:url(../img/t.jpg) no-repeat;}
a#facebook{display:block; width:5%; height:48px; float:left;display:inline;background:url(../img/f.jpg) no-repeat;}
a#addthis{display:block; width:5%; height:48px; float:left; margin-right:7.6%;display:inline;background:url(../img/a.jpg) no-repeat;}
.sharetitle{padding:55px 0 0 0;font-size:30px;text-align:center;}
.fltxt #win,.fltxt #mac,.fltxt #wingrey,.fltxt #maccurr{text-align:center;color:#000;background:url(../img/win-mac.png) no-repeat 0 0;margin:60px 0 0 28px;font-size:36px;line-height:78px;text-decoration:none;padding-left:10%;height:81px;display:block;float:left;width:322px;}
.fltxt #mac{background-position:0 -243px;margin:60px 0 0 28px;}
.fltxt #mac:hover{background-position:0 -162px;}
.fltxt #wingrey{background-position:0 -81px;}
.fltxt #maccurr{background-position:0 -162px;}
.fltxt #wingrey:hover{background-position:0 0;}
.listbox{background-color:#fff;}
/*right_float_nav*/
.right_float_nav{width:192px; height:195px;; margin-left:510px;  position: fixed; top: 40px;  left: 50%;}
.right_float_nav.current{position:fixed;top:0px; right:0px;}
.right_float_nav li{cursor:pointer;color:#fff;font-size:18px; line-height:44px; margin-bottom:11px; padding-left:35px;}
.right_float_nav li.current{color:#fee11b;}
.right_float_nav li.line_2{line-height:20px; padding-top:90px; font-size:17px}
.right_float_nav a {color: #fff;}
.go-top {bottom: 0px;overflow: hidden;position: fixed;right: 30px;width: 70px;height: 73px;z-index: 999;}
.go-top .back-top {background: transparent url("../img/go-top.png") no-repeat scroll 0px 0px;display: block;float: right;height: 73px;outline: 0px none;text-indent: -9999em;width: 70px;margin-bottom: 50px;}
.ribbon {display: inline-block;position: relative;height: 50px;line-height: 50px;text-align: center;padding: 0 30px;font-size: 18px;background: #f57a78;color: #FFF;box-sizing: border-box;margin: 20px 10px 0 10px;font-weight:500;}
.ribbon:before, .ribbon:after {position: absolute;content: '';width: 0px;height: 0px;z-index: 1;}
.ribbon:before {top: 0;left: 0;border-width: 25px 0px 25px 15px;border-color: transparent transparent transparent #fff;border-style: solid;}
.ribbon:after {top: 0;right: 0;border-width: 25px 15px 25px 0px;border-color: transparent #fff transparent transparent;border-style: solid;}
.h3 a, a:link, a:visited {color: #FFF;}
.bgc1 {background: #78d0f5;}
.bgc2 {background: #acd879;}
.bgc3 {background: #ffc668;}
.bgc4 {background: #7f9dfb;}

@media screen and (max-width: 1050px){
.fltxt #win, .fltxt #mac, .fltxt #wingrey, .fltxt #maccurr{background:url(../img/win-mac-750.png) no-repeat;margin:14px 0 0 91px;height:48px;width:231px;}
.fltxt #mac{margin-left:2%;background-position:0 -144px;}
.fltxt #mac:hover{background-position:0 -96px;}
.fltxt #wingrey{background-position:0px -48px;}
.fltxt #wingrey:hover{background-position:0 0;}
.fltxt #maccurr{background-position:0 -96px;margin-left:2%;}
#header{height: 550px;}
.container{max-width:750px;}
p#coupon{padding-top:220px;}
#top{display:none;height:0;}
#hot h1{color:#000;padding:20px 0;}
#hot{background-image:none;height:1235px;}
#hot ul{padding-top:0;padding-bottom:30px;}
#hot ul li{border:none;}
#hot .container{background-color:#fff;}
p.intro{line-height:20px;}
p.title{font-size:15px;}
.bundle .bundle-title{font-size:26px;}
.bundle img.box{width:36%;margin-top:50px;}
.bundle .bundle-txt{width:62%;}
.bundle .bundle-txt ul.des{margin-right:3%;}
.share-box{padding-top:60px;}
a#google,a#twitter,a#facebook,a#addthis{width:7%;}
}
@media screen and (max-width: 810px){
a.downmac,a.down{display:none;}
/*#third .bundle .bundle-title, #first .bundle .bundle-title{color:#000;}
#third .bundle .bundle-txt ul li,#first .bundle .bundle-txt ul li{color:#000;}
#fifth .bundle .bundle-title{color:#000;}
#fifth .bundle .bundle-txt ul li{color:#000;}*/
}
@media screen and (max-width: 798px){
#header{background-size:100%;}
#hot{height:auto;}
#hot ul li{width:42%;}
#first,#fifth{background:#1e202d;height:850px;}
#second,#fourth{background:#1e202d;height:850px;}
#third{background:#1e202d;height:850px;}
#first .bundle img.box, #first .bundle .bundle-txt{width:100%;background-color:#1e202d;}
#second .bundle img.box, #second .bundle .bundle-txt{width:100%;background-color:#1e202d;}
#third .bundle img.box, #third .bundle .bundle-txt{width:100%;background-color:#1e202d;}
#fourth .bundle img.box, #fourth .bundle .bundle-txt{width:100%;background-color:#1e202d;}
#fiftht .bundle img.box, #fifth .bundle .bundle-txt{width:100%;background-color:#1e202d;}
.bundle img.box{max-width:411px;width:100%;display:block;margin:0 auto;margin-top:10px;}
p#coupon{padding-top:295px;}
.fltxt #win, .fltxt #mac, .fltxt #wingrey, .fltxt #maccurr{background:url(../img/win-mac-380.png) no-repeat 0 0;height:48px;margin:14px 0 0 18px;}
.fltxt #mac{background-position:0 -144px;}
.fltxt #mac:hover{background-position:0 -96px;}
.fltxt #maccurr{background-position:0 -96px;}
.fltxt #wingrey{background-position:0 -48px;}
.fltxt #wingrey:hover{background-position:0 0;}
#header{background:url(../img/banner750.jpg) no-repeat 50% 0;height:360px;}
#first-bottom{display:none;}
}
@media screen and (max-width: 650px){
#header{height:360px;}
}
@media screen and (max-width: 550px){
#first,#fifth{background:#1e202d;width:100%;}
#second,#fourth{background:#1e202d;width:100%;}
#third{background:#1e202d;width:100%;}
a#google{margin-left:10%;}
a#google, a#twitter, a#facebook, a#addthis{width:47px;}
.sharetitle{padding-top:0;}
#hot ul li,.bundle .bundle-txt ul{width:96%;}
.bundle .bundle-txt ul.des{border-right:none;width:94%;height:auto;}
#second .bundle .bundle-txt ul.des{height:auto;}
#fourth .bundle .bundle-txt ul.des{height:auto;}
p.intro{height:auto;}
#first .bundle img.box, #first .bundle .bundle-txt{width:100%;background-color:#1e202d;}
#second .bundle img.box, #second .bundle .bundle-txt{width:100%;background-color:#1e202d;}
#third .bundle img.box, #third .bundle .bundle-txt{width:100%;background-color:#1e202d;}
#fourth .bundle img.box, #fourth .bundle .bundle-txt{width:100%;background-color:#1e202d;}
#fiftht .bundle img.box, #fifth .bundle .bundle-txt{width:100%;background-color:#1e202d;}
#second .bundle .bundle-title, #third .bundle .bundle-title, #first .bundle .bundle-title{padding-top:30px;}
#fourth .bundle .bundle-title, #fifth .bundle .bundle-title{padding-top:30px;}
a.win{margin-bottom:30px;}
.sharetitle{font-size:16px;}
.share{height:30px;}
.fltxt #win, .fltxt #mac, .fltxt #wingrey, .fltxt #maccurr{width:203px;}
#header{background:url(../img/banner380.jpg) no-repeat 50% 0;height:360px;}
}