@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;overflow-x:hidden}
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}
.Top{top:10px!important}
.Wrapper{width:1150px;margin:auto;position:relative}
.Header{position:relative;z-index:1}
.Header .Wrapper{position:relative;width:1200px}
.H1Block{position:relative;z-index:2;display:flex;flex-wrap:wrap;margin-bottom:1em;padding-top:1em}
h1{position:relative;width:70%}
h1 a{width:100%;height:0;text-indent:-9999px;background-size:100%;display:block;padding-bottom:80%;position:relative}
.same{position:absolute;left:0;right:0;bottom:0;top:0}
h1 a .idol{background:url(../images/idol.png) no-repeat;background-size:100%;z-index:2;-webkit-animation:headShake 1s 5s infinite;animation:headShake 1s 5s infinite}
h1 a .idol2{background:url(../images/idol2.png) no-repeat;background-size:100%;z-index:2}
h1 a .logo{background:url(../images/logo.png) no-repeat;background-size:100%}
h1 a .woding{background:url(../images/woding.png) no-repeat;background-size:100%;-webkit-animation:rubberBand 5s infinite;animation:rubberBand 5s infinite}
.Contanter{position:relative;background:url(../images/bg.png) no-repeat center top,url(../images/bg2.png) repeat-y center top,-webkit-gradient(linear,left top,left bottom,color-stop(50%,#71f2f1),to(#68d6a3));background:url(../images/bg.png) no-repeat center top,url(../images/bg2.png) repeat-y center top,-o-linear-gradient(top,#71f2f1 50%,#68d6a3 100%);background:url(../images/bg.png) no-repeat center top,url(../images/bg2.png) repeat-y center top,linear-gradient(to bottom,#71f2f1 50%,#68d6a3 100%);background-size:100%;padding-bottom:30px}
.SliderArea{position:relative;width:31.9%;height:auto;margin-left:-3%;background:url(../images/sliderbg.png) no-repeat center top;background-size:100%;margin-top:5%}
.BankBlock{margin-bottom:100px}
.BankBlock .Wrapper{width:760px;margin:auto}
.SliderBlock.swiper-container_I img,.SliderBlock.swiper-container_J img,.SliderBlock.swiper-container_h img{width:100%;height:auto}
.swiper-container_f{position:relative;margin:auto;padding:2%;overflow:hidden;padding-bottom:7%}
.swiper-container_J{padding-bottom:4%;overflow:hidden}
.swiper-container_h{overflow:hidden}
.swiper-container_h .swiper-pagination{bottom:-22px!important}
.swiper-pagination-bullet{background-color:#fff!important;opacity:1!important;width:13px;height:13px}
.swiper-pagination-bullet-active{background-color:#fff!important;width:25px!important;border-radius:20px!important}
.Block{position:relative;z-index:1;margin-bottom:80px}
#BrandSale,#FullGroup,#GiftGroup,#GiftGroup2,#NavGroup{margin-bottom:80px;position:relative}
#GiftGroup .HotPorduct{border:8px solid #ff5a24;padding:2%}
#GiftGroup .HotPorduct:before{background-color:#ff5a24}
.GiftGroup ul{display:flex;flex-wrap:wrap}
.GiftGroup ul li{width:31.8%;margin:0 0 3px 2.3%;position:relative;border-radius:20px;box-shadow:0 10px 10px 0 rgba(16,9,13,.5),inset 0 0 50px 0 rgba(42,148,255,.3);position:relative;z-index:2;background-color:#fff}
.GiftGroup ul li a{padding-bottom:85.3%;text-indent:-9999px;display:block;width:100%;height:0;position:relative}
.GiftGroup ul li:nth-child(1){margin:0 0 3px}
.GiftGroup ul li:nth-child(2):after,.GiftGroup ul li:nth-child(3):after{content:"";background-color:rgba(42,148,255,.05);position:absolute;height:50%;top:0;bottom:-50%;left:0;right:0;z-index:0;border-radius:20px 20px 0 0}
.GiftGroup ul li:nth-child(1) a{background:url(../images/gift01.png) no-repeat bottom;background-size:100%}
.GiftGroup ul li:nth-child(2) a{background:url(../images/gift02.png) no-repeat bottom;background-size:100%}
.GiftGroup ul li:nth-child(3) a{background:url(../images/gift03.png) no-repeat bottom;background-size:100%}
.GiftGroup ul li .Label{background:url(../images/label.png) no-repeat bottom;background-size:100%;width:150px;height:76px;position:absolute;top:-82px;left:1.2em;text-align:center;color:#fff;text-shadow:0 2px 0 rgb(16 9 13 / 50%);font-size:1.8rem}
.GiftGroup ul li .Label span{font-size:2.5rem;font-style:italic}
.btn{position:absolute;bottom:-21px;background-image:-moz-linear-gradient(0deg,#ff5b24 0,#fc2508 100%);background-image:-webkit-linear-gradient(0deg,#ff5b24 0,#fc2508 100%);background-image:-ms-linear-gradient(0deg,#ff5b24 0,#fc2508 100%);color:#fff;border-radius:100px;width:100px;font-size:1.5rem;left:0;right:0;margin:auto;text-indent:0;text-align:center}
#FullGroup .HotPorduct{padding:0}
#FullGroup .swiper-slide:before{content:"";background:#fff;background:-moz-linear-gradient(top,rgb(255 255 255 / 0) 49%,#ffddd2 100%);background:-webkit-linear-gradient(top,rgb(255 255 255 / 0) 49%,#ffddd2 100%);background:linear-gradient(to bottom,rgb(255 255 255 / 0) 49%,#ffddd2 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffddd2', GradientType=0 );position:absolute;height:70%;top:0;bottom:-20%;left:0;right:0}
#FullGroup .swiper-slide:after{content:"";left:50%;width:5px;height:80%;background-color:#2a94ff;border-radius:100px;top:10%;bottom:0;position:absolute}
#FullGroup .swiper-slide a{padding:3% 1% 0}
.swiper-container_h .swiper-slide a{width:48%;display:inline-block;position:relative}
#GiftGroup2 ul{display:flex;flex-wrap:wrap;padding:2% 0 0}
#GiftGroup2 .HotPorduct{padding:0 .5% 1%;border:8px solid #22ac38}
#GiftGroup2 ul li{width:32%;margin:1% .5% 2%;position:relative;box-shadow:0 3px 10px 0 rgba(16,9,13,.5),inset 0 0 50px 0 rgba(255,255,255,.3);border-radius:20px;background-color:#fff}
#GiftGroup2 ul li:nth-child(1),#GiftGroup2 ul li:nth-child(3){width:30.85%}
#GiftGroup2 ul li:nth-child(2){width:35.3%}
#GiftGroup2 ul li:nth-child(4),#GiftGroup2 ul li:nth-child(5),#GiftGroup2 ul li:nth-child(6),#GiftGroup2 ul li:nth-child(7){width:24%}
#GiftGroup2 ul li a{padding-bottom:46.6%;text-indent:-9999px;display:block;width:100%;height:0;position:relative}
#GiftGroup2 ul li:nth-child(1):before{content:"";background:url(../images/act_01_before.png) no-repeat center;background-size:100%;width:154px;height:133px;position:absolute;z-index:2;left:-30px;top:-70px}
#GiftGroup2 ul li:nth-child(3):before{content:"";background:url(../images/act_03_before.png) no-repeat center;background-size:100%;width:120px;height:96px;position:absolute;z-index:2;right:-30px;top:-30px}
#GiftGroup2 ul li:nth-child(1) a{background:url(../images/act_01.png) no-repeat center;background-size:100%;padding-bottom:36.23%}
#GiftGroup2 ul li:nth-child(2) a{background:url(../images/act_02.png) no-repeat center;background-size:100%;padding-bottom:31%}
#GiftGroup2 ul li:nth-child(3) a{background:url(../images/act_03.png) no-repeat center;background-size:100%;padding-bottom:36.23%}
#GiftGroup2 ul li:nth-child(4) a{background:url(../images/act_04.png) no-repeat center;background-size:100%}
#GiftGroup2 ul li:nth-child(5) a{background:url(../images/act_05.png) no-repeat center;background-size:100%}
#GiftGroup2 ul li:nth-child(6) a{background:url(../images/act_06.png) no-repeat center;background-size:100%}
#GiftGroup2 ul li:nth-child(7) a{background:url(../images/act_07.png) no-repeat center;background-size:100%}
.AdGroup{position:relative;z-index:2}
.AdGroup ul{display:flex;flex-wrap:wrap}
.AdGroup ul li{width:10%;margin:0 0 3px 1%;position:relative;background-color:#09b7ff;border-radius:20px}
.Nav{background-color:#00f;border-radius:100px}
.Nav ul{display:flex;flex-wrap:wrap;padding:2%}
.Nav ul li{width:10%;position:relative}
.Nav ul li a{display:block;color:#fff;font-size:2rem;text-decoration:none;text-align:center;line-height:1.2;font-weight:700}
.Nav ul li:before{content:"";left:-1%;border-left:5px dotted #fff;top:10%;bottom:0;position:absolute}
.Nav ul li:nth-child(1):before{display:none}
#BrandSale ul{display:flex;flex-wrap:wrap;padding:2% 0 0}
#BrandSale ul li{width:16.79%;margin:.5% 1.6%;position:relative}
#BrandSale ul li a{padding-bottom:110%;text-indent:-9999px;display:block;width:100%;height:0;position:relative}
#BrandSale ul li:nth-child(1) a{background:url(../images/Ace01.png) no-repeat center;background-size:100%}
#BrandSale ul li:nth-child(2) a{background:url(../images/Ace02.png) no-repeat center;background-size:100%}
#BrandSale ul li:nth-child(3) a{background:url(../images/Ace03.png) no-repeat center;background-size:100%}
#BrandSale ul li:nth-child(4) a{background:url(../images/Ace04.png) no-repeat center;background-size:100%}
#BrandSale ul li:nth-child(5) a{background:url(../images/Ace05.png) no-repeat center;background-size:100%}
#BrandSale ul li:nth-child(6) a{background:url(../images/Ace06.png) no-repeat center;background-size:100%}
#BrandSale ul li:nth-child(7) a{background:url(../images/Ace07.png) no-repeat center;background-size:100%}
#BrandSale ul li:nth-child(8) a{background:url(../images/Ace08.png) no-repeat center;background-size:100%}
#BrandSale ul li:nth-child(9) a{background:url(../images/Ace09.png) no-repeat center;background-size:100%}
#BrandSale ul li:nth-child(10) a{background:url(../images/Ace10.png) no-repeat center;background-size:100%}
.Section{padding:0;margin-bottom:80px;position:relative;z-index:1}
.HotPorduct{border:10px solid #2a94ff;background-color:#fff;padding:0 2% 1%;box-sizing:border-box;border-radius:30px;margin:auto;position:relative;box-shadow:inset 0 0 50px 0 rgba(255,90,36,.3);position:relative;margin-bottom:6%}
.HotPorduct:before{content:"";position:absolute;top:-43px;left:0;right:0;bottom:0;background:#000;z-index:-1;border-radius:30px;background-color:#2a94ff;-webkit-box-shadow:inset 0 5px 40px 0 rgb(0 0 0 / 50%);box-shadow:inset 0 5px 40px 0 rgb(0 0 0 / 50%);transform:perspective(6em) rotateX(5deg);width:100%;height:70px}
.HotPorduct h3{text-align:center;font-size:42px;font-weight:700;color:#fff;border-radius:100px;width:80%;margin:auto;z-index:10;position:relative}
.HotPorduct h3:before{content:"";background:url(../images/h3_before.png) no-repeat top center;background-size:100%;width:142px;height:104px;position:absolute;left:24px;bottom:-4px;z-index:22}
.HotPorduct h3:after{content:"";background:url(../images/h3_after.png) no-repeat top center;background-size:100%;width:152px;height:122px;position:absolute;right:23px;bottom:-6px;z-index:2}
.HotPorduct h3 span{position:relative;z-index:2;display:block}
.HotPorduct h3 span:before{content:"";background:#3990f0;transform:perspective(6em) rotateX(-25deg);border-radius:0 0 10px 10px;position:absolute;top:-2px;bottom:-10px;right:0;left:0;z-index:-1}
.Section:nth-child(odd) .HotPorduct{border:10px solid #ff5a24}
.Section:nth-child(odd) .HotPorduct:before{background-color:#ff5a24}
.Section:nth-child(odd) .HotPorduct h3 span:before{background:#ff5a24}
.Section:nth-child(odd) .HotPorduct h3:before{background:url(../images/h3_before_01.png) no-repeat top center;background-size:100%;width:162px;height:115px}
.Section:nth-child(odd) .HotPorduct h3:after{background:url(../images/h3_before.png) no-repeat top center;background-size:100%;width:152px;height:122px;bottom:-14px}
#FullGroup .HotPorduct h3:before{background:url(../images/h3_before_full.png) no-repeat top center;background-size:100%}
#FullGroup .HotPorduct h3:after{background:url(../images/h3_after_full.png) no-repeat top center;width:227px;height:136px;right:-40px;background-size:100%}
#GiftGroup2 .HotPorduct h3:before{background:url(../images/h3_before_gift.png) no-repeat top center;width:256px;height:107px;background-size:100%}
#GiftGroup2 .HotPorduct h3:after{background:url(../images/h3_after_gift.png) no-repeat top center;width:242px;height:185px;right:20px;bottom:-45px;background-size:100%}
#BrandSale .HotPorduct h3:before{background:url(../images/h3_before_Brand.png) no-repeat top center;width:216px;height:117px;background-size:100%}
#BrandSale .HotPorduct h3:after{background:url(../images/h3_after_Brand.png) no-repeat top center;width:79px;height:127px;right:20px;background-size:100%}
#BrandSale .HotPorduct{border:10px solid #c944ea}
#BrandSale .HotPorduct:before{background-color:#c944ea}
#BrandSale .HotPorduct h3 span:before{content:"";background:#c944ea}
#BrandSale .HotPorduct{background:#8b24a5;box-shadow:inset 0 0 50px 0 rgba(255,90,36,.3)}
#BlockFocus{margin-bottom:0}
#GiftGroup2 .HotPorduct h3 span:before{background-color:#22ac38}
#GiftGroup2 .HotPorduct:before{background-color:#22ac38}
.Section#BuyToday{display:block}
.Section#BuyToday .HotPorduct{background-color:#ff74dc;padding:20px}
.Section#BuyToday .HotPorduct h3{color:#ff74dc}
.Section#BuyToday .HotPorduct h3:before{content:"";background:url(../images/h3_before_0.png) center top/100% no-repeat;width:108px;height:130px;position:absolute;left:-210px;bottom:-20px;z-index:2}
.Section#BuyToday .HotPorduct h3:after{content:"";background:url(../images/h3_after_0.png) top center/100% no-repeat;width:132px;height:130px;position:absolute;right:-220px;bottom:-20px;z-index:2}
.Section#BuyToday .HotPorduct h3 span:after,.Section#BuyToday .HotPorduct h3 span:before{background-color:#ff74dc}
.card-c1 .heading{color:#e80d26}
.brightness:hover{-webkit-filter:brightness(110%);filter:brightness(110%);-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}
.FlyNav{position:fixed;top:150px;right:50%;z-index:20;margin:0;font-size:1.1rem;width:137px;margin:0 -48% 0 0}
.FlyNav ul{position:relative}
.FlyNav:before{content:"";position:absolute;top:-141px;left:-22px;background:url(../images/FollowertTopRight.png) no-repeat top;width:180px;background-size:100%;text-indent:-9999px;height:141px;z-index:10}
.FlyNav:after{content:"";position:absolute;bottom:-60px;left:0;width:137px;text-indent:-9999px;height:60px;z-index:10;background-color:#0063c8;border-radius:0 0 100px 100px}
.FlyNav2 ul+ul{display:flex;flex-wrap:wrap}
.FlyNav2 ul+ul:before{content:"";position:absolute;top:-20px;left:-22px;background:url(../images/FollowertTopLeft_02.png) no-repeat top;text-indent:-9999px;height:50px;z-index:10;width:180px}
.FlyNav2 ul+ul li{width:49.5%}
.FlyNav2 ul+ul li:nth-child(1) a{padding-top:30px}
.FlyNav2 ul+ul li:nth-child(2) a{padding-top:30px}
.FlyNav2 ul+ul li:nth-child(even){margin-left:1px}
.FlyNav2 ul+ul li:last-child a{padding-bottom:5%}
.FlyNav ul li a{display:block;padding:5%;text-align:center;color:#fff;text-decoration:none;background-color:#0063c8}
.FlyNav ul li a:hover{color:#ffeb3b}
.FlyNav ul li{position:relative;margin-bottom:1px}
.FlyNav ul li.ItemQr{font-size:.8rem}
.FlyNav ul li.ItemQr img{margin-bottom:5px;width:100%;border-radius:5px}
.FlyNav2{right:inherit;left:50%;z-index:20;margin:0;margin:0 0 0 -48%}
.FlyNav2:before{background:url(../images/FollowertTopLeft.png) no-repeat top}
.FlyNav2 ul li:last-child a{padding-bottom:25px}
.FlyNav1{top:80px}
.FlyNav1:before{width:137px;height:45px;left:0;top:-45px}
.FlyNav1:after{display:none}
.FlyNav1 ul li a{background-color:#2a94ff}
.FlyNav ul li.ItemQr a{border-radius:0 0 100px 100px;padding-bottom:50px;background-color:#fff;color:#616161}
.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}
.AdImgWrapper{max-width:960px;margin:0 auto;height:auto}
.fCoin{background:url(https://shopping.friday.tw/static/images/fcoin.svg) left top no-repeat;background-size:100%;display:inline-block;width:20px;height:20px;vertical-align:middle;margin:0 12px 0 2px}
.fCoin:after{content:"+";display:inline-block;font-size:.8rem;color:#999;vertical-align:top;line-height:1;position:relative;left:18px;top:5px}
.card,.go_bt{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.card:hover,.go_bt:hover{-webkit-transform:scale(.95);-moz-transform:scale(.95);-ms-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95)}
#BrandSale .BrandImg:hover{-webkit-transform:scale(.98);-moz-transform:scale(.98);-ms-transform:scale(.98);-o-transform:scale(.98);transform:scale(.98)}
#BrandSale .card{background-color:#fff;border:6px solid #97c5ff}
#BrandSale .card:hover{-webkit-transform:scale(.98);-moz-transform:scale(.98);-ms-transform:scale(.98);-o-transform:scale(.98);transform:scale(.98)}
#BrandSale .BrandImg img{width:100%;height:auto}
.grid-body{padding:20px 35px!important}
.bubble{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;transform:translateZ(0)}
.bubble li{position:absolute;list-style:none;display:block;background:rgba(255,255,255,.4);bottom:-100px;animation:bubble-ani 10s linear infinite;border-radius:100%}
.bubble li:before{position:absolute;left:20%;top:21%;width:25%;content:'';background:rgba(255,255,255,.4);display:block;height:25%;border-radius:100%}
.bubble li:nth-child(1){width:20px;height:20px;left:5%}
.bubble li:nth-child(2){width:40px;height:40px;left:10%;animation-duration:13s;animation-delay:2s}
.bubble li:nth-child(3){width:25px;height:25px;left:20%;animation-duration:18s;animation-delay:3.5s}
.bubble li:nth-child(4){width:60px;height:60px;left:55%;animation-duration:23s;animation-delay:1.5s}
.bubble li:nth-child(5){width:20px;height:20px;left:35%;animation-duration:16s;animation-delay:2s}
.bubble li:nth-child(6){width:20px;height:20px;right:3%}
.bubble li:nth-child(6){width:40px;height:40px;right:10%;animation-duration:15s;animation-delay:3s}
.bubble li:nth-child(8){width:25px;height:25px;right:20%;animation-duration:22s;animation-delay:5.5s}
.bubble li:nth-child(9){width:60px;height:60px;right:55%;animation-duration:28s;animation-delay:.5s}
.bubble li:nth-child(10){width:20px;height:20px;right:35%;animation-duration:16s;animation-delay:2s}
#headRWD{position: relative; z-index: 4;}
@keyframes bubble-ani{
0%{-webkit-transform:translateY(0);transform:translateY(0)}
100%{-webkit-transform:translateY(-1080px);transform:translateY(-1080px)}
}
.uptodown-play{-webkit-animation-name:uptodown-play;animation-name:uptodown-play;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-transform:translate(0,0);transform:translate(0,0)}
@-webkit-keyframes uptodown-play{
0%{-webkit-transform:translate(0,0)}
20%{-webkit-transform:translate(0,-10px)}
21%{-webkit-transform:translate(0,0)}
}
@keyframes uptodown-play{
0%{transform:translate(0,0)}
20%{transform:translate(0,-10px)}
21%{-webkit-transform:translate(0,0)}
}
.bgScroll{z-index:-2;position:fixed;top:0;left:0;width:100%;height:100%;background-position:center 0;background-repeat:repeat-y;transition:.5s linear;pointer-events:none}
.Mobile{display:none}
.Desk{display:block}
@media screen and (max-width:1440px){
.Wrapper{max-width:1000px}
.FlyNav{margin:0 -49% 0 0}
.FlyNav2{margin:0 0 0 -49%}
.SliderBlock.swiper-container_f img{width:100%;height:auto}
.Banner img{width:100%}
.swiper-container_f{width:100%;height:auto;margin-top:0;padding-bottom:15%}
.SliderArea img{width:100%}
.HotPorduct:after{bottom:-5%}
.AdImgWrapper{padding-top:19.875%!important}
.Header .Wrapper{position:relative;width:1000px}
}
@media screen and (max-width:1025px){
img{width:100%;height:auto}
.Wrapper{width:100%;overflow:hidden}
.BankBlock .Wrapper{width:100%}
.Header{overflow-x:hidden}
.Header .Wrapper{width:100%}
.H1Block{margin:0;position:relative;z-index:11;width:100%;flex-direction:column;display:flex}
.H1Block h1{width:100%}
h1 a{width:80%;height:0;padding-bottom:63%;background-size:100%;margin:auto;background-size:100%}
.SliderArea{width:70%;margin:0 auto;padding-bottom:1%}
.grid-body{padding:15px 9px!important}
.H1Area{width:100%}
.BankBlock{width:90%;margin:7% auto 0;padding-bottom:5%}
.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)}
.swiper-button-next,.swiper-button-prev{top:96%}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{border-width:6px 0 6px 6px}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{border-width:6px 6px 6px 0}
.swiper-pagination-bullet{width:9px;height:9px}
.Nav ul li a{font-size:1rem}
.Nav ul li{width:19%;margin:0 .5% 2%}
.Nav ul li:nth-child(6):before{display:none}
.swiper-pagination{width:100%!important}
.swiper-container_h .swiper-pagination{bottom:-24px!important}
.swiper-container_f{overflow:inherit}
.HotPorduct{border-radius:15px;border-width:4px;padding:0}
#BrandSale .HotPorduct,#GiftGroup2 .HotPorduct{border-width:4px}
.Section:nth-child(odd) .HotPorduct{border-width:4px}
.HotPorduct h3{font-size:6vmin;width:100%;width:100%;margin:0;background-color:#2a94ff;border-radius:10px 10px 0 0;padding:2%}
.Section:nth-child(odd) .HotPorduct h3{background-color:#ff5a24}
.HotPorduct h3:after{left:19px;bottom:0;background-size:20%;width:100%;height:13vmin;background-position:right top;z-index:3}
.HotPorduct h3:before{left:-21px;bottom:0;background-size:20%;width:100%;height:14vmin;background-position:left top;z-index:3}
.Section:nth-child(odd) .HotPorduct h3:before{left:-21px;bottom:0;background-size:20%;width:100%;height:13vmin;background-position:left top;z-index:3}
.Section:nth-child(odd) .HotPorduct h3:after{left:22px;bottom:0;background-size:20%;width:100%;height:14vmin;background-position:right top;z-index:3}
#GiftGroup .HotPorduct{margin-top:5%}
#GiftGroup2 .HotPorduct{padding:0}
#FullGroup .HotPorduct h3:before{left:2px;bottom:0;background-size:12%;width:100%;height:9vmin;background-position:left top;z-index:3}
#FullGroup .HotPorduct h3:after{left:2px;bottom:0;background-size:16%;width:100%;height:10vmin;background-position:right top;z-index:3}
#GiftGroup2 .HotPorduct h3:before{left:2px;bottom:0;background-size:28%;width:100%;height:11vmin;background-position:left top;z-index:3}
#GiftGroup2 .HotPorduct h3:after{left:2px;bottom:0;background-size:20%;width:100%;height:11vmin;background-position:right top;z-index:3}
#BrandSale .HotPorduct h3:before{left:2px;background-size:20%;width:100%;height:11vmin;background-position:left top;z-index:3}
#BrandSale .HotPorduct h3:after{left:2px;bottom:0;background-size:12%;width:100%;height:16vmin;background-position:right top;z-index:3}
#BrandSale .HotPorduct h3{background-color:#c944ea}
.HotPorduct h3 span{z-index:4}
.HotPorduct h3 span:before{border-radius:10px;display:none}
.HotPorduct:before{display:none}
#BrandSale,#FullGroup,#GiftGroup,#GiftGroup2,#NavGroup{margin-bottom:1em}
#GiftGroup2 ul li:nth-child(1):before,#GiftGroup2 ul li:nth-child(3):before{display:none}
.GiftGroup ul li .Label{width:15vmin;height:8vmin;font-size:.7rem;top:-6vmin;left:1vmin}
.GiftGroup ul li .Label span{font-size:1rem}
.btn{font-size:.7rem;width:60px;bottom:-10px;transform:scale(.6)}
.Section{margin-bottom:0}
.MobileNavBar{height:45px}
.Mobile{display:block}
.Desk{display:none}
.AdImgWrapper{width:90%}
#GiftGroup2 ul li{width:100%}
#GiftGroup2 ul li:nth-child(4),#GiftGroup2 ul li:nth-child(5),#GiftGroup2 ul li:nth-child(6),#GiftGroup2 ul li:nth-child(7){width:49%}
#GiftGroup2 .HotPorduct h3{background-color:#22ac38}
#BrandSale ul li{width:46%}
.Nav{border-radius:40px}
.swiper-container_J .swiper-pagination{bottom:-5px!important}
}