@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
body,html{margin:0;height:100%}
body{height:100%;width:100%;margin:0;padding:0}
body{font-size:100%;line-height:1.5;font-family:'Noto Sans TC',"微軟正黑體",'Century Gothic';color:#333;position:relative;margin:auto;background:#cdcfff;}
a:focus{outline:0}
a{text-decoration:underline;color:#e71a0f}
a:hover{text-decoration:none}
img{border:0 none;line-height:0;display:block}
form{margin:0;padding:0}
ul,ul li{margin:0;padding:0;list-style-type:none}
dd,dl,dt{margin:0;padding:0}
dl{height:1%}
button{border:0 none;cursor:pointer;padding:0;margin:0;background:0 0}
.clearfix:after,.clearfix:before{content:"";display:table;height:0;overflow:hidden}
.clearfix:after{clear:both}
.clearfix{zoom:1}
h1,h2,h3,h4,p{margin:0;padding:0}
legend{text-align:center;margin:auto}
input[type=text]{width:60%;margin:8px 0;display:inline-block;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 3px #ddd;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:2%;vertical-align:middle;font-size:1rem}
input[type=text]:focus,select:focus{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
label{width:20%;display:inline-block}
.Wrapper{width:1200px;margin:auto;position:relative}
.Header{position:relative;height:820px;overflow:hidden;background:url(../images/HeaderBg.png) no-repeat;background-size:100%;}
.Header .Wrapper{z-index:10}
.H1Block{position:relative;z-index:2;margin-top:45px}
.botCloud{position:absolute;z-index:5;bottom:10px;background:url(../images/bg_cloud.png) no-repeat;background-size:100%;left:0;right:0;width:100%;height:0;padding-bottom:14%}
.Heart{position:absolute;z-index:3;bottom:100px;background:url(../images/Heart.png) no-repeat;background-size:100%;left:50%;right:0;width:100%;height:0;padding-bottom:40%;top:0;margin-left:-50%}
.botCloud2{position:absolute;z-index:5;bottom:100px;background:url(../images/bgbottom.png) no-repeat;background-size:100%;left:0;right:0;bottom:-180px;margin-left:auto;padding-bottom:34%;margin-left:auto}
.balloon1{position:absolute;z-index:3;top:210px;left:50%;margin-left:-680px;-webkit-animation:balloon_Area-play 4.5s ease-in-out 2s infinite alternate;animation:balloon_Area-play 4.5s ease-in-out 2s infinite alternate;opacity:0}
.balloon1 .balloon-play{-webkit-animation:balloon-play 4s linear 2s 1 forwards;animation:balloon-play 4s linear 2s 1 forwards}
.balloon2{position:absolute;z-index:3;top:10px;right:50%;margin-right:-890px;-webkit-animation:balloon_Area-play 2.5s -.15s ease-in-out infinite alternate;animation:balloon_Area-play 2.5s -.15s ease-in-out infinite alternate}
.balloon2 .balloon-play{-webkit-animation:balloon-play 10s linear 1 forwards;animation:balloon-play 10s linear 1 forwards}
.balloon3{position:absolute;z-index:3;top:10px;left:50%;margin-left:-780px;-webkit-animation:balloon_Area-play 2.5s -.15s ease-in-out infinite alternate;animation:balloon_Area-play 2.5s -.15s ease-in-out infinite alternate}
.balloon3 .balloon-play{-webkit-animation:balloon-play 10s linear 1 forwards;animation:balloon-play 10s linear 1 forwards}
.balloon4{position:absolute;z-index:3;top:20px;left:50%;margin-left:-700px;-webkit-animation:balloon_Area-play 2.5s -.15s ease-in-out infinite alternate;animation:balloon_Area-play 2.5s -.15s ease-in-out infinite alternate}
.balloon4 .balloon-play{-webkit-animation:balloon-play 10s linear 1 forwards;animation:balloon-play 10s linear 1 forwards}
@-webkit-keyframes balloon_Area-play{
0%{-webkit-transform:translateY(0) rotate(3deg);opacity:1}
50%{-webkit-transform:translateY(5px) rotate(-3deg);opacity:1}
100%{-webkit-transform:translateY(0) opacity: 1}
}
@keyframes balloon_Area-play{
0%{transform:translateY(0) rotate(3deg);opacity:1}
50%{transform:translateY(5px) rotate(-3deg);opacity:1}
100%{transform:translateY(0);opacity:1}
}
@-webkit-keyframes balloon-play{
0%{-webkit-transform:translate(-50px,100px) scale(.5);opacity:1}
100%{-webkit-transform:translate(0,0) scale(1);opacity:1}
}
@keyframes balloon-play{
0%{transform:translate(-50px,100px) scale(.5);opacity:1}
100%{transform:translate(0,0) scale(1);opacity:1}
}
.Heard2{background:url(../images/Heart2.png) no-repeat;background-size:100%;width:100%;height:0;padding-bottom:40%;position:absolute;top:0;margin:auto;left:0;right:0}
h1{width:950px;height:465px;text-indent:-9999px;background-size:100%;display:block;background:url(../images/h1.png?20210128001) no-repeat;position:absolute;margin:auto;width:950px;height:465px;left:0;right:0}
/*.Contanter{position:relative;z-index:11;background:#fff;margin-top:-155px;padding-top:110px;background:url(../images/bg2.jpg) repeat-y center top;background-size:100%}*/
.Block h2{width:1200px;height:180px;text-indent:-9999px;background-size:100%;display:block;margin:auto}
#Block1 h2{background:url(../images/Title01.png) no-repeat;background-size:100%}
#Block2 h2{background:url(../images/Title02.png) no-repeat;background-size:100%}
#Block3 h2{background:url(../images/Title03.png) no-repeat;background-size:100%}
#Block4 h2{background:url(../images/Title04.png) no-repeat;background-size:100%}
#Block5 h2{background:url(../images/Title05.png) no-repeat;background-size:100%}
#Block6 h2{background:url(../images/Title06.png) no-repeat;background-size:100%}
#Block6{position:relative;margin-bottom:180px}
.Block{margin-bottom:30px}
#Block1 .BannerImg{background:url(../images/block1_01.png) no-repeat;width:1200px;height:360px;text-indent:-9999px;background-size:100%;display:block;margin:0 auto}
#Block1 .FocusImg{background:url(../images/block1_02.png) no-repeat;width:1200px;height:360px;text-indent:-9999px;background-size:100%;display:block;margin:0 auto 20px}
.PdBlock{display:flex;margin-top:-50px;flex-wrap:wrap}
.PdBlock a{text-decoration:none;display:block}
.PdBlock li{padding:0 2%;box-sizing:border-box;position:relative;width:33%}
.PdBlock li:after{content:"";border-left:3px dotted #baa1f5;left:-1px;top:20%;height:47vmin;width:5px;position:absolute}
.PdBlock li:nth-child(1):after,.PdBlock li:nth-child(4):after{display:none}
.PdImg img,.PdLogo img{width:100%}
.PdBlock li:nth-child(4){display:none}
.PdName{font-size:30px;color:#221e20;text-align:center;height:77px;overflow:hidden;line-height:1.2}
.PdLabel{font-size:28px;color:#fff;text-align:center;background-color:#6a3bd9;border-radius:10px;max-width:320px;margin:auto}
.PriceBlock{display:flex}
.PriceSale{color:#6739d9;font-size:30px;text-align:center;font-weight:400}
.PriceWord{width:25%;max-width:90px;line-height:1.8}
.FPrice{color:#6739d9;font-weight:700;font-size:75px;line-height:1;text-align:center;margin:auto}
.FPrice span{font-size:32px}

.FocusArea .FocusBlock a{ display: flex; text-decoration: none; }
.FocusArea .FocusBlock .RightBlock{align-self: center;}
.GiftList{display:flex;flex-wrap:wrap}
.GiftList li{width:49%;padding:0;margin-top:-50px;margin:-50px .5% 0}
.GiftList li a{width:100%;height:795px;text-indent:-9999px;background-size:100%;display:block;margin:auto}
.GiftList li:nth-child(1) a{background:url(../images/block02_01.png) no-repeat;background-size:100%}
.GiftList li:nth-child(2) a{background:url(../images/block02_02.png) no-repeat;background-size:100%}
.GiftList li:nth-child(3) a{background:url(../images/block02_03.png) no-repeat;background-size:100%}
.GiftList li:nth-child(4) a{background:url(../images/block02_04.png) no-repeat;background-size:100%}
.GiftList li:nth-child(5) a{background:url(../images/block02_05.png) no-repeat;background-size:100%}
.GiftList li:nth-child(6) a{background:url(../images/block02_06.png) no-repeat;background-size:100%}
.TabGroup{position:relative;z-index:12;margin-top:-200px}
.TabGroup ul{display:flex}
.TabGroup ul li a{display:block;text-indent:-9999px}
.TabGroup ul li:nth-child(1){margin-left:5px}
.TabGroup ul li:nth-child(2){margin-top:25px}
.TabGroup ul li:nth-child(3){margin-left:-50px;margin-top:15px}
.TabGroup ul li:nth-child(4){margin-top:5px}
.TabGroup ul li:nth-child(5){margin-top:5px;z-index:8}
.TabGroup ul li:nth-child(6){margin-left:-50px}
.TabGroup ul li:nth-child(6):hover{z-index:9}
.TabGroup ul li:nth-child(1) a{background:url(../images/Tab01.png) no-repeat center;background-size:100%;width:200px;height:220px}
.TabGroup ul li:nth-child(3) a{background:url(../images/Tab03.png) no-repeat center;background-size:100%;width:200px;height:220px}
.TabGroup ul li:nth-child(5) a{background:url(../images/Tab05.png) no-repeat center;background-size:100%;width:200px;height:220px}
.TabGroup ul li:nth-child(2) a{background:url(../images/Tab02.png) no-repeat center;background-size:100%;width:220px;height:230px}
.TabGroup ul li:nth-child(4) a{background:url(../images/Tab04.png) no-repeat center;background-size:100%;width:220px;height:230px}
.TabGroup ul li:nth-child(6) a{background:url(../images/Tab06.png) no-repeat center;background-size:100%;width:220px;height:230px}
.slider_container{width:302px;height:132px;position:relative}
.slider_container div{position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0);width:302px;height:132px}
.slider_container div{-webkit-animation:round 9s linear infinite;animation:round 9s linear infinite}
.slider_container div.Slider01{background:#ffc600 url(../images/act04.png) no-repeat center;background-size:100%}
.slider_container div.Slider02{background:#ffc600 url(../images/act04_2.png) no-repeat center;background-size:100%}
.slider_container div.Slider03{background:#ffc600 url(../images/act04_3.png) no-repeat center;background-size:100%}
.slider_container div:nth-child(3){-webkit-animation-delay:0;animation-delay:0}
.slider_container div:nth-child(2){-webkit-animation-delay:3s;animation-delay:3s}
.slider_container div:nth-child(1){-webkit-animation-delay:6s;animation-delay:6s}
@-webkit-keyframes round{
4%{opacity:1;filter:alpha(opacity=100)}
45%{opacity:1;filter:alpha(opacity=100)}
50%{opacity:0;filter:alpha(opacity=0)}
}
@keyframes round{
4%{opacity:1;filter:alpha(opacity=100)}
45%{opacity:1;filter:alpha(opacity=100)}
50%{opacity:0;filter:alpha(opacity=0)}
}
.HotPorduct{background:#3c3c3c;padding:0 0 35px;position:relative;border-radius:10px;margin-bottom:70px}
.HotPorduct h3{position:relative;text-align:center;font-size:50px;font-weight:700;color:#fff}
.HotPorduct h3:before{content:"";background:url(../images/h3_1_before.png) no-repeat top center;background-size:100%;width:282px;height:121px;position:absolute;left:50%;bottom:-11px;margin-left:-584px}
.HotPorduct h3:after{content:"";background:url(../images/h3_1_after.png) no-repeat top center;background-size:100%;width:272px;height:111px;position:absolute;right:50%;bottom:-11px;margin-right:-576px}
.Section:nth-child(odd) .HotPorduct{background:#636363}
#Block4 .HotPorduct{background:#9bddff;padding:0 0 35px;position:relative;border-radius:10px;margin-bottom:70px}
#Block4 .HotPorduct h3{position:relative;text-align:center;font-size:52px;font-weight:700;color:#fff;text-shadow:0 0 16px #2a76cd;font-style:italic}
#Block4 .HotPorduct h3 em{font-size:80px}
#Block4 .HotPorduct h3:before{content:"";background:url(../images/block4_h3_1.png) no-repeat top center;background-size:100%;width:100%;height:176px;position:absolute;left:50%;bottom:-6px;margin-left:-580px;z-index:1}
#Block4 .HotPorduct h3 span{z-index:3;position:relative}
#Block4 .HotPorduct h3:after{display:none}
#Block4 .Section:nth-child(odd) .HotPorduct{background:#fed4d6}
#Block4.Block h2{margin-bottom:2em}
#Block4 .Section{margin-bottom:100px}
#Block4 .Section:nth-child(odd) h3{text-shadow:0 0 16px #ff515d}
#Block4 .Section:nth-child(odd) h3:before{background:url(../images/block4_h3_2.png) no-repeat top center}
#Block5 .HotPorduct h3:before{content:"";background:url(../images/h3_2_before.png) no-repeat top center;background-size:100%;width:252px;height:134px;position:absolute;left:50%;bottom:-11px;margin-left:-580px}
#Block5 .HotPorduct h3:after{content:"";background:url(../images/h3_2_after.png) no-repeat top center;background-size:100%;width:252px;height:134px;position:absolute;right:50%;bottom:-11px;margin-right:-580px}
.MainBlock6{background:url(../images/giftblock.png) no-repeat top center;background-size:100%;width:100%;height:610px}
.img-wrapper{margin-top:35px}
.card-c1 .heading{color:#e80d26;text-align:left;padding:5px 0}
.Section{padding:0;margin-bottom:30px}
.swiper_activity{width:930px;margin:auto}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;-o-transition-property:-o-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0,0,0);-o-transition-timing-function:ease;-o-transform:translate(0,0);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0,0,0);-ms-transition-timing-function:ease;-webkit-transition-property:left,top,-webkit-transform;transition-property:left,top,-webkit-transform;-o-transition-property:transform,left,top;transition-property:transform,left,top;transition-property:transform,left,top,-webkit-transform;transition-duration:0s;transform:translate3d(0,0,0);transition-timing-function:ease;-webkit-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;-ms-flex-negative:0;flex-shrink:0;height:100%;position:relative;width:100%}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-o-transition-property:-o-transform;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}
.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-pagination{text-align:center;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10;bottom:20px;position:relative;width:95%!important}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-pagination-bullet{width:18px;height:18px;display:inline-block;border-radius:100%;background:#fff}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-slide-active{z-index:6}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-white .swiper-pagination-bullet{background:#fff}
.swiper-pagination-bullet-active{opacity:1;background:#fff}
.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}
.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}
.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}
.swiper-button-next,.swiper-button-prev{position:absolute;top:76%;z-index:10;cursor:pointer;background-position:center;background-repeat:no-repeat;margin-top:-21px}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{left:2%;right:auto;padding:0;width:0;height:0;border-style:solid;border-width:11.5px 12px 11.5px 0;border-color:transparent #e52813 transparent transparent}
.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:auto;right:2%;padding:0;width:0;height:0;border-style:solid;border-width:11.5px 0 11.5px 12px;border-color:transparent transparent transparent #fff}
.swiper-button-next{border-radius:5px 0 0 5px}
.swiper-button-prev{border-radius:0 5px 5px 0}
.swiper-container_d{margin:auto;width:920px}
.brightness{-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.brightness:hover{-webkit-filter:brightness(110%);filter:brightness(110%);-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}
.FlyNav{position:fixed;top:170px;right:50%;z-index:20;margin:0;font-size:1rem;width:125px;margin:0 -48% 0 0;display:none}
.FlyNav ul{position:relative}
.FlyNav ul:before{content:"";position:absolute;top:-120px;left:0;background:url(../images/FollowertTopRight.png) no-repeat top;width:125px;background-size:100%;text-indent:-9999px;height:120px;z-index:10}
.FlyNav2 ul:before{background:url(../images/FollowertTopLeft.png) no-repeat top;background-size:100%}
.FlyNav ul li a{display:block;padding:7%;text-align:center;color:#fff;text-decoration:none;background-color:#6a3bd9}
.FlyNav ul li a:hover{background-color:#4a2998}
.FlyNav ul li{position:relative;margin-bottom:1px}
.FlyNav ul li.ItemQr{font-size:.9rem}
.FlyNav ul li.ItemQr img{margin-bottom:5px}
.FlyNav2{right:inherit;left:50%;margin:0 0 0 -48%}
.main{position:relative;z-index:30}
.HotPorduct .label{font-size:1.1rem;color:#fff;background-color:#ff5694;border-radius:30px;text-align:center;padding:1%}
.H1Group{position:relative}
.card,.go_bt{-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-ms-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease}
.card:hover,.go_bt:hover{-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);-ms-transform:translateY(-6px);-o-transform:translateY(-6px);transform:translateY(-6px);filter:brightness(105%)}
.Mobile{display:none}
.Desk{display:block}
.MobileNavBar{background-color:#030000;background-image:repeating-linear-gradient(-1deg,#030000 0,rgba(255,255,255,.3) 100%);box-shadow:0 -.5px 0 .5px rgba(255,255,255,.8);height:45px;position:fixed;bottom:0;left:0;right:0;z-index:100}
.MobileNav ul{display:flex;flex-wrap:wrap}
.MobileNav ul li{width:33%;text-align:center}
.MobileNav ul li a{padding:8% 5%;color:#fff;display:block;text-decoration:none}
.FootOpenNav{background-color:#030000;position:fixed;bottom:45px;z-index:100;display:none;width:100%;transform-origin:center}
.MobileNavBar ul li a i{width:0;height:0;border-style:solid;border-width:10px 7.5px 0 7.5px;border-color:#fff transparent transparent transparent;display:inline-block}
.MobileNavBar ul li.Active{background-color:#000}
.MobileNavBar ul li.Active a{color:#ffeb3b}
.PanicBuying .Wrapper{width:1220px;margin:auto}
.PanicBuying .Title{width:1220px;height:116px;text-indent:-9999px;background:url(../images/Banner1109.png) no-repeat top center;background-size:100%}
.PanicBuyingArea{padding:2%;background-color:#dbba50;border-radius:0 0 80px 80px;margin-bottom:30px;position:relative;display:none}
.PanicBuyingArea:after{content:"";background:#000;border-radius:0 0 80px 80px;height:100%;position:absolute;bottom:-7px;width:100%;z-index:-1;left:0}
.AdImgWrapper{max-width:960px;margin:0 auto;height:auto}
.Firework{position:fixed;height:70%;top:40px}
#headRWD{position:relative;z-index:10}
.five{position:absolute;left:50px;top:234px}
.idol{background:url(../images/five.png) no-repeat;width:310px;height:266px;animation:animatedBackground2 .5s steps(2) infinite;-webkit-animation:animatedBackground2 .5s steps(2) infinite}
.img-wrapper.img-square::before{content:'';background:url(https://shopping.friday.tw/event/kaui-static/20210218-WhiteDay/eventor/border.png) no-repeat;background-size:100%;top:0;bottom:0;right:0;left:0;z-index:2;position:absolute}
@-webkit-keyframes animatedBackground2{
0%{background-position:0 0}
100%{background-position:-620px 0}
}
@keyframes animatedBackground2{
0%{background-position:0 0}
100%{background-position:-620px 0}
}

@-webkit-keyframes snow {
	0% {background-position:0 0, 0 0}
	100% {background-position:500px 500px, 1000px 500px}
}
@keyframes snow {
	0% {background-position:0 0, 0 0}
	100% {background-position:500px 500px, 1000px 500px}
}

#snowMask {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/snow1.png), url(../images/snow2.png);
	-webkit-animation: 10s snow linear infinite;
	animation: 10s snow linear infinite;
	pointer-events: none;
	z-index: 9999;
}

@media screen and (max-width:1440px){
.Wrapper{max-width:950px;width:100%}
h1{width:80%;height:0;padding-bottom:40%;background-size:100%;margin:auto}
.Header{width:100%;height:0;padding-bottom:50%;background-size:100%;margin:auto}
.five{top: 160px;left: 10px;}
.FlyNav{margin:0 -49% 0 0}
.FlyNav2{margin:0 0 0 -49%}
.Banner img{width:100%}
.Heard2{padding-bottom:50%}
.TabGroup ul li{width:16.67%}
.TabGroup ul li:nth-child(1) a{width:100%;height:0;padding-bottom:110%}
.TabGroup ul li:nth-child(2) a{width:100%;height:0;padding-bottom:110%}
.TabGroup ul li:nth-child(3) a{width:100%;height:0;padding-bottom:110%}
.TabGroup ul li:nth-child(4) a{width:100%;height:0;padding-bottom:110%}
.TabGroup ul li:nth-child(5) a{width:100%;height:0;padding-bottom:110%}
.TabGroup ul li:nth-child(6) a{width:100%;height:0;padding-bottom:110%}
.botCloud{padding-bottom:24%}
.Block h2{width:100%;height:0;padding:0 0 15%}
#Block1.Block h2,#Block2.Block h2{padding:0 0 20%}
.PdBlock{margin-top:-10vmin}
#Block1 .BannerImg,#Block1 .FocusImg{width:100%;height:0;padding-bottom:40%;margin:0 auto;background-size: 120%;background-position: center top;}
.PdBlock li img{width:100%;height:auto}
.GiftList li a{height:0;padding-bottom:150%}
.GiftList li{margin:-110px .5% 0}
.MainBlock6{height:480px}
/*.PdBlock{margin-top:-155px}*/
.idol{transform:scale(.7)}
.HotPorduct h3:before{top:3vmin;margin-left:-69vmin;bottom:inherit;width:25vmin;height:10vmin}
.HotPorduct h3:after{height:13vmin;top:3vmin;margin-right:-69vmin;bottom:inherit;width:30vmin}
#Block5 .HotPorduct h3:before{width:30vmin;height:16vmin;bottom:inherit;margin-left:-55vmin;top:2vmin}
#Block5 .HotPorduct h3:after{width:30vmin;height:16vmin;bottom:inherit;margin-right:-55vmin;top:2vmin}
#Block4 .HotPorduct h3:before,#Block4 .Section:nth-child(odd) h3:before{height:24vmin;margin-left:inherit;background-size:100%;left:0;right:0;margin:auto;bottom:7vmin}
.HotPorduct h3{font-size:50px}
.Heart{top:17vmin}
}
@media screen and (max-width:1025px){
.Mobile{display:block}
.Desk{display:none}
.MobileNavBar{height:80px}
.FPrice{font-size:7vmin}
.Header{padding-bottom: 60%;}
}
@media screen and (max-width:768px){
body{background-size:630%;background-position:-150vmin 0}
img{width:100%;height:auto}
.Wrapper{width:100%}
.Header .Wrapper{width:100%}
.Header{overflow-x: hidden;height: 0;padding-bottom: 54%;background-size: 140%;background-position: center top;}
#Header .Flexblock{flex-direction:column;display:flex}
.five{left: 4vmin;top: 28vmin;}
.GoActivity a{width:61%;height:0;padding-bottom:40%;margin:0 0 0 37vmin}
.H1Block{margin:0;position:relative;z-index:11;width:100%}
.TabGroup ul{flex-wrap:wrap;padding:0 7%}
.TabGroup ul li{width:33.33%}
.TabGroup ul li:nth-child(1),.TabGroup ul li:nth-child(2),.TabGroup ul li:nth-child(3),.TabGroup ul li:nth-child(4),.TabGroup ul li:nth-child(5),.TabGroup ul li:nth-child(6){margin:0}
.TabGroup ul li:nth-child(4),.TabGroup ul li:nth-child(5),.TabGroup ul li:nth-child(6){margin-top:-10vmin}
.TabGroup ul li:nth-child(1) a{width:100%;height:0;padding-bottom:120%}
.TabGroup ul li:nth-child(3) a{width:100%;height:0;padding-bottom:120%}
.TabGroup ul li:nth-child(5) a{width:100%;height:0;padding-bottom:120%}
.TabGroup ul li:nth-child(2) a{width:100%;height:0;padding-bottom:120%}
.TabGroup ul li:nth-child(4) a{width:100%;height:0;padding-bottom:120%}
.TabGroup ul li:nth-child(6) a{width:100%;height:0;padding-bottom:120%}
.TabGroup{margin-top:-3vmin}
.Contanter{margin:-4vmin 0 0;padding:0;}
.Block h2{padding:0 0 17%}
#Block1.Block h2,#Block2.Block h2{padding:0 0 17%}
.Heard2{background-size:110%}
.PdBlock{flex-wrap:wrap;margin-top:-10vmin}
.PdBlock li{width:49%}
.PdName{font-size:4vmin;line-height:1.3;height:11vmin;overflow:hidden}
.PdLabel{font-size:3vmin}
.PriceSale{font-size:3vmin}
.PriceWord .PriceLabel{font-size:3vmin}
.FPrice{font-size:8vmin;width:28vmin}
.FPrice span{font-size:3vmin}
.PriceWord{width:20vmin}
.PdBlock li:nth-child(odd):after{top:9vmin;height:57vmin}
.PdBlock li:before{content:"";border-bottom:3px dotted #baa1f5;bottom:-2vmin;left:0;right:0;height:1vmin;width:100%;position:absolute}
.PdBlock li:nth-child(odd):after{display:none}
.PdBlock li:nth-child(4):after{display:inherit;top:2vmin}
.Block{padding:3%;margin-bottom:1em}
#Block2{padding:0 3%}
.PdBlock li{padding:2% 4%}
.botCloud{padding-bottom:14%}
.GiftList li{margin:-10vmin .5% 0}
.HotPorduct h3:after{width:27vmin;height:9vmin;bottom:inherit;margin-right:-45vmin;top:5vmin}
.HotPorduct h3:before{width:27vmin;height:9vmin;bottom:inherit;margin-left:-45vmin;top:5vmin}
.HotPorduct h3 span{margin-top:0}
.HotPorduct h3{font-size:8vmin;font-style:normal}
#Block4 .HotPorduct h3{font-size:8vmin}
#Block4 .HotPorduct h3 em{font-size:13vmin}
#Block4 .HotPorduct h3:before,#Block4 .Section:nth-child(odd) h3:before{height:24vmin;margin-left:inherit;background-size:180%;left:0;right:0;margin:auto;bottom:7vmin}
#Block5 .HotPorduct h3:after{width:25vmin;height:14vmin;bottom:inherit;margin-right:-46vmin;top:1vmin;display:none}
#Block5 .HotPorduct h3:before{width:25vmin;height:14vmin;bottom:inherit;margin-left:-46vmin;top:1vmin;display:none}
.HotPorduct{padding:0 0 3%;border-radius:0 0 9vmin 9vmin;margin-bottom:1em}
#Block4.Block h2{margin-bottom:0}
#Block4 .HotPorduct{margin-bottom:1em}
#Block4 .Section{margin-bottom:inherit}
.HotPorduct:after{border-radius:0 0 9vmin 9vmin}
.H1Group .BeefWording{width:100%;height:0;padding-bottom:22%}
.FlyNav{width:100%;top:inherit;bottom:-4px;right:inherit;margin:0;font-size:.9rem}
.FlyNav ul:before{display:none}
.FlyNav ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch}
.FlyNav ul li{border-bottom:0 none;width:20%}
.FlyNav ul li:last-child{border-bottom:0 none}
.FlyNav ul li a{word-break:break-word;padding:13% 0}
.brightness:hover{-webkit-filter:brightness(110%);filter:brightness(110%);-webkit-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px)}
.Mobile{display:block}
.Desk{display:none}
.MobileNavBar{height:45px}
.MainBlock6{height:0;padding-bottom:51%}
.botCloud2{bottom:-10vmin}
#Block6{margin-bottom:10vmin}
.MainBlock6{background:url(../images/giftblock_m.png) no-repeat top center;background-size:100%;width:100%;height:0;padding-bottom:75%}
.idol{width:25vmin;background-size:200%;height:24vmin}
.HotPorduct h3:after,.HotPorduct h3:before{display: none;}

/*#Block1 .BannerImg{background:url(../images/block1_01_m.png) no-repeat;background-size:100%}*/
.Heart{top:13vmin}
@-webkit-keyframes animatedBackground2{
0%{background-position:0 0}
100%{background-position:-50vmin 0}
}
@keyframes animatedBackground2{
0%{background-position:0 0}
100%{background-position:-50vmin 0}
}
.PdBlock li:nth-child(4){align-self:flex-end;display:block}
}