html, body, div, h1, h2, h3, p, ul, li, dl, dt, dd{margin:0 auto;padding:0;font-family:"Segoe UI Light", "Segoe UI", "Myriad Pro", Arial, 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:#222;}
a:hover{text-decoration:underline;}
.c{clear:both;}
#top{background:url(../images/2015xmas/top.jpg) no-repeat 50% 0;height:123px;}
#header{background: url(../images/2015xmas/christmas-banner.jpg) no-repeat 50% 0;height:497px;overflow:hidden;}
#header a.logo{display:block;background:url(../images/2014-happy-easter/logo.png) no-repeat;width:177px;height:46px;margin:20px 0 0 10px;}
.container{max-width:1000px;width:100%;}
#hot{background:url(../images/2015xmas/hot.jpg) no-repeat 50% 0;clear:both;height:1441px;}
#mid{background:#7BB9C8 url(../images/2015xmas/part4.jpg) repeat-y 50% 0;height:480px;}
#video{background:#f8f3ed url(../images/2015xmas/part5.jpg) no-repeat 50% bottom;height:365px;}
#mid-bottom{background:url(../images/2015xmas/mid-bottom.jpg) no-repeat 50% bottom;height:74px;}
#mobile{background-color:#f38f5b;height:426px;}
#footer-bg{background:url(../images/2015xmas/footer.jpg) no-repeat 50% 0;}
p.title{font-size:20px;padding-bottom:30px;}
p.price{font-size:16px;text-align:left;margin:15px 0;}
p.price span{color:#bd002f;}
p.btn{overflow:hidden;}
p#coupon{color:#434343;font-size:18px;text-align:center;padding-top:260px;}
p#coupon span{color:#b52908;}
a.down,a.buy,a.downmac,a.buymac{display:block;background:url(../images/2015xmas/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:48px;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 #73a8bb;height:265px;}
#video .bundle .bundle-txt ul.des{border-color:#e6e2d9;height:200px;}
#mobile .bundle .bundle-txt ul.des{border-color:#f7aa80;height:200px;}
#mobile .bundle .bundle-title, #mid .bundle .bundle-title{color:#fff;padding-top:70px;}
#mobile .bundle .bundle-txt ul li,#mid .bundle .bundle-txt ul li{color:#fff;}
.bundle img.box{float:left;width:41.1%;max-width:411px;}
.bundle .bundle-txt ul li{color:#000;font-size:14px;line-height:30px;}
.red{color:#b1003a;}
a.win,a.mac{background:url(../images/2015xmas/try-buy.png) no-repeat 0 0;width:155px;height:46px;margin-top:27px;}
a.win:hover{background-position:0 -46px;}
a.mac{background-position:0 -92px;}
a.mac:hover{background-position:0 -138px;}
.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:"Lucida Sans Unicode", "Lucida Grande", sans-serif;clear:both;}
#footer-txt p, #footer-txt a:link, #footer-txt a:visited{color:#3e3e3e;}
a#google{display:block; width:5%; height:48px; float:left; margin-left:28%;margin-right:7.6%;display:inline;background:url(../images/2015xmas/g.jpg) no-repeat;}
a#twitter{display:block; width:5%; height:48px; float:left; margin-right:7.6%;display:inline;background:url(../images/2015xmas/t.jpg) no-repeat;}
a#facebook{display:block; width:5%; height:48px; float:left;display:inline;background:url(../images/2015xmas/f.jpg) no-repeat;}
a#addthis{display:block; width:5%; height:48px; float:left; margin-right:7.6%;display:inline;background:url(../images/2015xmas/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(../images/2015xmas/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;}
@media screen and (max-width: 1050px){
#header{background:url(banner750.png) no-repeat 50% 0;height:321px;}
.fltxt #win, .fltxt #mac, .fltxt #wingrey, .fltxt #maccurr{background:url(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%;}
.container{max-width:750px;}
p#coupon{padding-top:165px;}
#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;}
#mobile .bundle .bundle-title, #mid .bundle .bundle-title{color:#000;}
#mobile .bundle .bundle-txt ul li,#mid .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%;}
#mid,#video,#mobile{background:none;}
.bundle img.box,.bundle .bundle-txt{width:98%;}
#video .bundle .bundle-title, #mobile .bundle .bundle-title,#video .bundle .bundle-txt ul li, #mobile .bundle .bundle-txt ul li{color:#000;}
.bundle img.box{max-width:411px;width:100%;display:block;margin:0 auto;float:none;margin-top:10px;}
p#coupon{padding-top:283px;}
.fltxt #win, .fltxt #mac, .fltxt #wingrey, .fltxt #maccurr{background:url(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(banner380.png) no-repeat 50% 0;height:453px;}
#mid-bottom{display:none;}
}
@media screen and (max-width: 650px){
#header{height:556px;}
}
@media screen and (max-width: 550px){
a#google{margin-left:10%;}
a#google, a#twitter, a#facebook, a#addthis{width:47px;}
.sharetitle{padding-top:0;}
}
@media screen and (max-width: 500px){
#hot ul li,.bundle .bundle-txt ul{width:96%;}
.bundle .bundle-txt ul.des{border-right:none;width:94%;height:auto;}
#video .bundle .bundle-txt ul.des{height:auto;}
p.intro{height:auto;}
#video .bundle .bundle-title, #mobile .bundle .bundle-title, #mid .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;}
}