@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:1200px;margin:auto;position:relative}
.Header{position:relative;z-index:1;background:#fff}
h1 a{height:0;padding-bottom:41.6%;display:block}
h1 .Same{position:absolute;left:0;right:0;bottom:0;top:0}
h1 .logo{background:url(../images/h1.png) no-repeat;background-size:100%}
h1 .h1_1{background:url(../images/h1_1.png) no-repeat;background-size:100%}
h1 .h1_gift_1{background:url(../images/h1_gift_1.png) no-repeat;background-size:100%}
h1 .h1_gift_2{background:url(../images/h1_gift_2.png) no-repeat;background-size:100%}
h1 .h1_gift_3{background:url(../images/h1_gift_3.png) no-repeat;background-size:100%}
h1 .h1_gift_4{background:url(../images/h1_gift_4.png) no-repeat;background-size:100%}
h1 .idol1{background:url(../images/idol1.png) no-repeat;background-size:100%;z-index:3}
h1 .idol2{background:url(../images/idol2.png) no-repeat;background-size:100%}
h1 .idol3{background:url(../images/idol3.png) no-repeat;background-size:100%}
h1 .idol4{background:url(../images/idol4.png) no-repeat;background-size:100%}
.Contanter{position:relative;background:#0082ca url(../images/bg.png) repeat-y center top;padding-bottom:20px}
.Box{border-radius:30px;margin-top:-50px;padding:5% 2% 3%}
#FocusBlock .Box{background-color:#005f93;border:10px solid #004063;box-shadow:0 20px 0 0 rgb(0 64 99),inset 3px 3px 50px 0 rgb(1 11 17 / 90%)}
#AdGroup .Box{background-color:#ffc600;border:10px solid #ffaf00;box-shadow:0 20px 0 0 rgb(255 175 0),inset 3px 3px 50px 0 rgb(1 11 17 / 90%);padding:2%}
#GoodBlock .Box{background-color:#2fc432;border:10px solid #006d02;box-shadow:0 20px 0 0 rgb(0 108 2),inset 3px 3px 50px 0 rgb(1 11 17 / 90%)}
#BrandSale .Box{background-color:#b400a1;border:10px solid #55004c;box-shadow:0 20px 0 0 rgb(85 0 76),inset 3px 3px 50px 0 rgb(1 11 17 / 90%)}
#HotEvent .Box{background-color:#2fc432;border:10px solid #006d02;box-shadow:0 20px 0 0 rgb(0 108 2),inset 3px 3px 50px 0 rgb(1 11 17 / 90%)}
.Title{width:864px;height:130px;margin:auto;position:relative;z-index:2}
#FocusBlock .Title{background:url(../images/TitleFocus.png) no-repeat;background-size:100%}
#GoodBlock .Title{background:url(../images/TitleGood.png) no-repeat;background-size:100%}
#BrandSale .Title{background:url(../images/TitleBrand.png) no-repeat;background-size:100%}
#HotEvent .Title{background:url(../images/TitleHot.png) no-repeat;background-size:100%}
#FocusBlock{padding-top:30px}
#AdGroup{margin-bottom:80px}
.AdGroup ul{display:flex;flex-wrap:wrap}
.AdGroup ul>li{margin:0 .5%}
.AdGroup ul>li a{display:block;text-indent:-99999px}
.AdGroup ul>li:nth-child(1){width:33%;background-color:#0082ca;border-radius:10px;margin-top:4%;position:relative;padding:5% 3% 1%}
.AdGroup ul>li:nth-child(1) .TitleDollor{background:url(../images/TitleOne.png) no-repeat;background-size:100%;width:305px;height:112px;position:absolute;left:0;right:0;margin:auto;top:-60px;z-index:3}
.AdGroup ul>li:nth-child(2){width:29%}
.AdGroup ul>li:nth-child(2)>a{background:url(../images/act_01.png) no-repeat;width:100%;height:0;padding-bottom:157%;background-size:100%}
.AdGroup ul>li:nth-child(3){width:34.5%}
.AdGroup ul>li:nth-child(3) ol li a{width:100%;height:0;padding-bottom:29%;margin:1% 0}
.AdGroup ul>li:nth-child(3) ol li:nth-child(1){margin-top:12%}
.AdGroup ul>li:nth-child(3) ol li:nth-child(1) a{background:url(../images/act_02.png) no-repeat;background-size:100%}
.AdGroup ul>li:nth-child(3) ol li:nth-child(2) a{background:url(../images/act_03.png) no-repeat;background-size:100%}
.AdGroup ul>li:nth-child(3) ol li:nth-child(3) a{background:url(../images/act_04.png) no-repeat;background-size:100%}
.AdGroup ul>li:nth-child(3) ol li:nth-child(4) a{background:url(../images/act_05.png) no-repeat;background-size:100%}
.PidImg{margin-bottom:2%}
.PidImg img{margin:auto;height:auto}
.PidName{font-size:1.4rem;line-height:1.2;height:31px;overflow:hidden;margin:0}
.PidPrice{font-size:1.1rem;text-align:center;text-decoration:line-through;margin-bottom:1%}
.DollorItem .Btn a{display:block;width:280px;height:62px;text-indent:-9999px;margin:auto}
.Cover{display:none;position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.7);border-radius:10px}
.Cover:after{content:"";background:url(../images/Cover.png) no-repeat center center;display:block;position:absolute;left:0;right:0;bottom:0;top:0}
.Style1 .Btn{background:url(../images/BtnSoon.png) no-repeat center;background-size:100%}
.Style1 .Cover{display:block}
.Style2 .Btn{background:url(../images/BtnBuy.png) no-repeat center;background-size:100%}
.Style3 .Btn{background:url(../images/BtnNull.png) no-repeat center;background-size:100%;}
/*.Style3 .Cover{display:block;background: transparent;}*/
.HotList ul{display:flex;flex-wrap:wrap;padding:2% 0 0}
.HotList ul li{width:23%;margin:.5% 1%;position:relative}
.HotList ul li a{padding-bottom:72%;text-indent:-9999px;display:block;width:100%;height:0;position:relative;background-color:#fff;border-radius:10px;box-shadow:0 3px 10px 0 rgba(16,9,13,.5)}
.HotList ul li:nth-child(1) a{background:#fff url(../images/Good05.png) no-repeat center;background-size:100%}
.HotList ul li:nth-child(2) a{background:#fff url(../images/Good06.png) no-repeat center;background-size:100%}
.HotList ul li:nth-child(3) a{background:#fff url(../images/Good07.png) no-repeat center;background-size:100%}
.HotList ul li:nth-child(4) a{background:#fff url(../images/Good08.png) no-repeat center;background-size:100%}
#HotEvent ul{display:flex;flex-wrap:wrap;padding:2% 0 0}
#HotEvent ul li{width:23%;margin:.5% 1%;position:relative}
#HotEvent ul li a{padding-bottom:126%;text-indent:-9999px;display:block;width:100%;height:0;position:relative;background-color:#fff;border-radius:10px;box-shadow:0 3px 10px 0 rgba(16,9,13,.5)}
#HotEvent ul li:nth-child(1) a{background:#fff url(../images/Hot01_0816.png) no-repeat center;background-size:100%}
#HotEvent ul li:nth-child(2) a{background:#fff url(../images/Hot02_0816.png) no-repeat center;background-size:100%}
#HotEvent ul li:nth-child(3) a{background:#fff url(../images/Hot03.png) no-repeat center;background-size:100%}
#HotEvent ul li:nth-child(4) a{background:#fff url(../images/Hot04.png) no-repeat center;background-size:100%}


#NavGroup{margin-bottom:80px;position:relative;background-color:#000;background:#9b9b9b;background:-moz-linear-gradient(to bottom,#111 10%,#222 20%,#333 51%,#222 70%,#111 92%);background:-webkit-linear-gradient(to bottom,#111 10%,#222 20%,#333 51%,#222 70%,#111 92%);background:linear-gradient(to bottom,#111 10%,#222 20%,#333 51%,#222 70%,#111 92%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c2c2c', endColorstr='#2c2c2c', GradientType=0 )}
#NavGroup:before{content:"";background:url(../images/NavBefore.png) no-repeat center;background-size:100%;position:absolute;top:-15px;width:108px;height:67px;left:220px;z-index:2}
#NavGroup:after{content:"";background:url(../images/NavAfter.png) no-repeat center;background-size:100%;position:absolute;bottom:-37px;width:1149px;height:87px;right:220px;z-index:2}
.Nav{position:relative;z-index:5}
.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/Brand01_0816.png) no-repeat center;background-size:100%}
#BrandSale ul li:nth-child(2) a{background:url(../images/Brand02_0816.png) no-repeat center;background-size:100%}
#BrandSale ul li:nth-child(3) a{background:url(../images/Brand03_0816.png) no-repeat center;background-size:100%}
#BrandSale ul li:nth-child(4) a{background:url(../images/Brand04_0816.png) no-repeat center;background-size:100%}
#BrandSale ul li:nth-child(5) a{background:url(../images/Brand05_0816.png) no-repeat center;background-size:100%}
#BrandSale ul li:nth-child(6) a{background:url(../images/Brand06_0816.png) no-repeat center;background-size:100%}
#BrandSale ul li:nth-child(7) a{background:url(../images/Brand07_0816.png) no-repeat center;background-size:100%}
#BrandSale ul li:nth-child(8) a{background:url(../images/Brand08_0816.png) no-repeat center;background-size:100%}
#BrandSale ul li:nth-child(9) a{background:url(../images/Brand09_0816.png) no-repeat center;background-size:100%}
#BrandSale ul li:nth-child(10) a{background:url(../images/Brand10_0816.png) no-repeat center;background-size:100%}
.Section{padding:0;margin-bottom:0;position:relative;z-index:1}
.SameBlock{margin-bottom:100px}
.HotPorduct{background-color:#ffcd00;box-sizing:border-box;margin:auto;position:relative;box-shadow:inset 0 0 50px 0 rgba(255,90,36,.3);position:relative;margin-bottom:6%;border-radius:10px;margin-bottom:130px;}
.HotPorduct:before{content:"";background:url(../images/BorderBefore_01.png) no-repeat bottom center;background-size:100%;top:-60px;position:absolute;width:90%;height:0;left:0;right:0;margin:auto;padding-bottom:5%}
.HotPorduct:after{content:"";background:url(../images/BorderAfter_01.png) no-repeat top center;background-size:100%;bottom:-60px;position:absolute;width:90%;height:0;left:0;right:0;margin:auto;padding-bottom:5%}
.HotPorduct h3{text-align:center;font-size:55px;font-weight:700;color:#fff;border-radius:100px;width:80%;margin:auto;z-index:10;position:relative}
.HotPorduct h3{text-shadow:-1px 5px 10px rgba(0,0,0,.9)}
.Section:nth-child(odd) .HotPorduct{background-color:#0043ca}
.Section:nth-child(odd) .HotPorduct:before{background:url(../images/BorderBefore_02.png) no-repeat bottom center;background-size:100%}


/*MIT*/
.HotPorductMIT{background-color:#ff7900;box-sizing:border-box;margin:auto;position:relative;box-shadow:inset 0 0 50px 0 rgba(255,90,36,.3);position:relative;margin-bottom:6%;border-radius:10px;margin-bottom:100px;}
/*.HotPorductMIT:before{content:"";background:url(https://hiiir-fastdeliever.s3.amazonaws.com/_images/images/MKT_event/event/2021/20210802-event/611a06c7d99b59_89645508.jpg) no-repeat bottom center;background-size:100%;top:-60px;position:absolute;width:90%;height:0;left:0;right:0;margin:auto;padding-bottom:5%}*/
/*.HotMITPorduct:after{content:"";background:url(../images/BorderAfter_01.png) no-repeat top center;background-size:100%;bottom:-60px;position:absolute;width:90%;height:0;left:0;right:0;margin:auto;padding-bottom:5%}*/
/*.HotMITPorduct h3{text-align:center;font-size:55px;font-weight:700;color:#fff;border-radius:100px;width:80%;margin:auto;z-index:10;position:relative}；*/
/*.HotMITPorduct h3{text-shadow:-1px 5px 10px rgba(0,0,0,.9)}*/
/*.HotPorductMIT .theme .theme-PD_0L4S_A{padding-top: -10%;}*/



.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:0;right:50%;z-index:20;margin:0;font-size:1.1rem;width:150px;margin:0 -48% 0 0;display:none}
.FlyNav ul{position:relative;margin-bottom:23px}
/*.FlyNav:before{content:"";position:absolute;top:-95px;left:0;background:url(../images/FollowertTopRight.png) no-repeat top;width:150px;background-size:100%;text-indent:-9999px;height:60px;z-index:10}*/
.FlyNav:after{content:"";position:absolute;bottom:-76px;left:0;width:150px;text-indent:-9999px;height:76px;z-index:-1;background-color:#ffcd00;border-radius:0 0 120px 120px}
.FlyNav2 ul+ul{display:flex;flex-wrap:wrap;padding-top:14px;margin-bottom:0}
.FlyNav2 ul+ul:before{content:"";position:absolute;top:-24px;left:0;background:url(../images/FollowertTopLeft_02.png) no-repeat top;text-indent:-9999px;height:64px;z-index:10;width:150px}
.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:#0082ca;text-decoration:none;background-color:#ffcd00}
.FlyNav ul li a:hover{color:#0043ca}
.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;height:96px}*/
.FlyNav1{top:5px}
/*.FlyNav1:before{width:150px;height:60px;left:0;top:-60px}*/
.FlyNav1:after{display:none}
.FlyNav ul li.ItemQr a{border-radius:0 0 100px 100px;padding-bottom:50px;background-color:#fff;color:#616161}
.FlyNav .RightTop{background:url(../images/FollowertTopRight.png) no-repeat top;width:150px;background-size:100%;text-indent:-9999px;height:60px;z-index:10}
.FlyNav .LeftTop{background:url(../images/FollowertTopLeft.png) no-repeat top;width:150px;background-size:100%;text-indent:-9999px;height:96px;z-index:10}
.IconLeftTop{background:url(../images/gift_heart_02.png) no-repeat top;width:190px;background-size:100%;text-indent:-9999px;height:172px;position: relative;left: -30px;z-index: -1;display: none;}
.IconRightTop{background:url(../images/gift_heart_01.png) no-repeat top;width:150px;background-size:100%;text-indent:-9999px;height:105px;position: relative;left:0;z-index: -1;display: none;}

.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 80px;height:auto;padding-top: 16.875%;}
/*.HotPorductMIT .AdImgWrapper{max-width:960px;margin:0 auto -90px;height:auto;padding-top: 16.875%;}*/
.HotPorductMIT .AdImgWrapper{max-width:960px;height:auto;padding-top: 4%;}


.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)}
.grid-body{padding:20px 35px!important}
.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;overflow:hidden;padding-bottom:5%}
.swiper-container_J{padding-bottom:4%;overflow:hidden}
.swiper-container_h{overflow:hidden;padding-bottom:5%;position:relative}
.swiper-container_h .swiper-slide a{width:48%;display:inline-block;position:relative;margin:0 1%}
.swiper-container_h .swiper-pagination{bottom:0!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}
.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}
.scale-play{-webkit-animation-name:scale-play;animation-name:scale-play;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}
.scale-play_r{-webkit-animation-name:scale-play;animation-name:scale-play;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate-reverse;animation-direction:alternate-reverse}

.floating-play{-webkit-animation:floating-play 5s linear infinite alternate;animation:floating-play 5s linear infinite alternate}
@keyframes floating-play{
0%{-webkit-transform:translateY(0);transform:translateY(0)}
25%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
50%{-webkit-transform:translateY(0);transform:translateY(0)}
75%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}

#BankBlock{position: relative;}
.IconLeft{background:url(../images/Icon01.png) no-repeat;background-size:100%;width: 35vmin;height: 35vmin;position: absolute;left: -80px;z-index: 18;top: -3vmin;max-width: 170px;display: none;}
.IconRight{background:url(../images/Icon02.png) no-repeat;background-size:100%;width: 35vmin;height: 35vmin;position: absolute;right: -80px;z-index: 18;top: -3vmin;max-width: 170px;display: none;}
#Home0802 #HotEvent ul li:nth-child(2) a{background:#fff url(../images/Hot02_0809.png) no-repeat center;background-size:100%}
#Home0802 #HotEvent ul li:nth-child(3) a{background:#fff url(../images/Hot03_0809.png) no-repeat center;background-size:100%}
#Home0802 #HotEvent ul li:nth-child(4) a{background:#fff url(../images/Hot04_0809.png) no-repeat center;background-size:100%}
#Home0802 #BrandSale ul li:nth-child(1) a{background:url(../images/Brand01_0802.png) no-repeat center;background-size:100%}
#Home0802 #BrandSale ul li:nth-child(2) a{background:url(../images/Brand02_0802.png) no-repeat center;background-size:100%}
#Home0802 #BrandSale ul li:nth-child(3) a{background:url(../images/Brand03_0802.png) no-repeat center;background-size:100%}
#Home0802 #BrandSale ul li:nth-child(4) a{background:url(../images/Brand04_0802.png) no-repeat center;background-size:100%}
#Home0802 #BrandSale ul li:nth-child(5) a{background:url(../images/Brand05_0802.png) no-repeat center;background-size:100%}
#Home0802 #BrandSale ul li:nth-child(6) a{background:url(../images/Brand06_0802.png) no-repeat center;background-size:100%}
#Home0802 #BrandSale ul li:nth-child(7) a{background:url(../images/Brand07_0802.png) no-repeat center;background-size:100%}
#Home0802 #BrandSale ul li:nth-child(8) a{background:url(../images/Brand08_0802.png) no-repeat center;background-size:100%}
#Home0802 #BrandSale ul li:nth-child(9) a{background:url(../images/Brand09_0802.png) no-repeat center;background-size:100%}
#Home0802 #BrandSale ul li:nth-child(10) a{background:url(../images/Brand10_0802.png) no-repeat center;background-size:100%}
#Home0802 #FocusBlock .Title{background:url(../images/TitleFocus_0802.png) no-repeat;background-size:100%}
#Home0802 #FocusBlock .Box{background-color: #ff9892;border: 10px solid #fc3838;box-shadow: 0 20px 0 0 rgb(251 56 56), inset 3px 3px 50px 0 rgb(1 11 17 / 90%);}
#Home0802 .Contanter{position:relative;background:#ff9893 url(../images/bg_0802.png) repeat-y center top;padding-bottom:20px}
#Home0802 .IconLeftTop{display: block;}
#Home0802 .FlyNav .LeftTop{margin-top: -40px;}
#Home0802 .IconRightTop{display: block;}
#Home0802 .IconLeft{display: block;}
#Home0802 .IconRight{display: block;}

@-webkit-keyframes scale-play{
0%{-webkit-transform:scale(1);opacity:1}
100%{-webkit-transform:scale(.8);opacity:.8}
}
@keyframes scale-play{
0%{transform:scale(1);opacity:1}
100%{transform:scale(.8);opacity:.8}
}
.scaleDraw-play{top:-320px!important;transform-origin:50% 60%;transform:scale(2.6);opacity:1;-webkit-animation:scaleDraw 1s infinite;animation:scaleDraw 1s infinite;-webkit-animation-timing-function:cubic-bezier(0,.43,.93,.98);animation-timing-function:cubic-bezier(0,.43,.93,.98)}
@keyframes scaleDraw{
0%{transform:scale(2.6);opacity:1}
50%{opacity:1}
100%{transform:scale(.2);opacity:0}
}
@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%}
.Header .Wrapper{position:relative;width:1000px}
.HotPorduct:before{padding-bottom:6%}
.HotPorduct:after{padding-bottom:6%}
.AdGroup ul>li:nth-child(1) .TitleDollor{width:80%;top:-30px;height:0;padding-bottom:31%}
.DollorItem .Btn a{width:100%;height:0;padding-bottom:22%}
#NavGroup:after{width:90%;right:0}
#NavGroup:before{width:29vmin;left:0}
#AdGroup{margin-bottom:80px}
#AdGroup .Box{padding:0 2% 2%}

#Home0802 .IconLeftTop{width: 120%;height: 0;padding-bottom: 130%;left: -12%;}
#Home0802 .FlyNav .LeftTop{margin-top: -62px;width: 100%;height: 0;padding-bottom: 64%;}
#Home0802 .FlyNav ul li a{padding: 3%;}
#Home0802 .FlyNav ul li.ItemQr a{padding-bottom: 20%;}
#Home0802 .FlyNav{width: 10%;min-width: 120px}
#Home0802 .FlyNav .RightTop{width: 100%;height: 0;padding-bottom: 40%;}
#Home0802 .IconRightTop{width: 100%;height: 0;padding-bottom: 66%;}
#Home0802 .FlyNav2 ul+ul{padding-top: 27%;}
#Home0802 .FlyNav2 ul+ul:before{width: 100%;padding-bottom: 50%;height: 0;}
#Home0802 .FlyNav:after{width: 100%}
#Home0802 .FlyNav{font-size: 1rem;}
#Home0802 .IconLeft{max-width: 130px; left:-60px;}
#Home0802 .IconRight{max-width: 130px;right:-60px;}

}
@media screen and (max-width:1025px){
.MobileNav{display:block}
.FlyNav{display:none}
.MobileNavBar{height:66px}

}
@media screen and (max-width:768px){
img{width:100%;height:auto}
.Wrapper{width:100%;overflow:hidden}
.MobileNavBar{height:45px}
.Mobile{display:block}
.Desk{display:none}
.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)}
h1 a{display:block;background:#fff url(../images/KV_m.png) no-repeat;background-size:100%;padding-bottom:151.6%}
h1 .Same{display:none}
.Title{width:90%;height:0;padding-bottom:14%}
.Box{border-radius:15px;margin-top:-6vmin}
.MobileNavBar{height:45px}
.HotList ul li{width:48%}
.grid-body{padding:5px 9px!important}
.Section .Wrapper{padding:1.5em 0 0}
.SameBlock{margin-bottom:.5em}
.SameBlock .Wrapper{padding:.5em 0}
#GoodBlock .Box{border:5px solid #006d02;box-shadow:0 5px 0 0 rgb(0 108 2),inset 3px 3px 10px 0 rgb(1 11 17 / 90%)}
.SliderBlock.swiper-container_f .swiper-pagination-bullets{bottom:-5px}
.swiper-pagination-bullet{width:6px;height:6px}
#AdGroup{margin-bottom:1em}
#AdGroup .Box{padding:3%}
.AdGroup ul>li:nth-child(1){width:100%;padding:5% 3%}
.AdGroup ul>li:nth-child(2){width:100%}
.AdGroup ul>li:nth-child(1) .TitleDollor{width:65%;top:-12vmin;height:0;padding-bottom:24%}
.AdGroup ul>li:nth-child(3){width:100%}
.AdGroup ul>li:nth-child(3) ol li:nth-child(1){margin-top:0}
.HotPorduct{margin-bottom:1em}
.HotPorduct:after{bottom:-6vmin}
.HotPorduct:before{top:-5.8vmin}
.Nav ul li a{font-size:5vmin}
.Nav ul li{width:20%;margin:.5em 0}
.Nav ul li:nth-child(6):before{display:none}
#NavGroup:before{top:-5vmin;width:14vmin;height:15vmin;left:2vmin}
#NavGroup:after{bottom:-5vmin;width:97%;height:12vmin;right:0}
	
.AdImgWrapper{max-width:960px;margin:80px auto 50px auto;height:auto;padding-top: 16.875%;}
	



/*FOR mit	*/
/*.AdImgWrapperMIT{margin:2em 0 0}*/
/*.HotPorductMIT{margin-bottom:130px;}*/
	
	
#FocusBlock{margin:0 0 1em;padding:0}
#FocusBlock .Box{border:5px solid #004063;box-shadow:0 5px 0 0 rgb(0 64 99),inset 3px 3px 10px 0 rgb(1 11 17 / 90%)}
#NavGroup{margin:1em 0}
#BrandSale .Box{border:5px solid #55004c;box-shadow:0 5px 0 0 rgb(85 0 76),inset 3px 3px 10px 0 rgb(1 11 17 / 90%)}
#HotEvent .Box{border:5px solid #006d02;box-shadow:0 5px 0 0 rgb(0 108 2),inset 3px 3px 10px 0 rgb(1 11 17 / 90%)}
#AdGroup .Wrapper{padding-top:2em}
.PidName{font-size:6vmin}
.HotPorduct h3{text-shadow:-1px 1px 5px rgb(0 0 0 / 90%);font-size:6vmin}
#BrandSale ul li{width:46.8%}
#HotEvent ul li{width:48%}
.Contanter{padding:3%}

#Home0802 .IconRight{width: 13vmin;height: 13vmin;right: -1vmin;display: none;}
#Home0802 .IconLeft{width: 13vmin;height: 13vmin;left: -1vmin;display: none;}
#BankBlock:before{    content: "";background: url(../images/Icon01.png) no-repeat;background-size: 100%;width: 13vmin;height: 13vmin;position: absolute;top: 0;z-index: 10;left: -13px;display: none;}
#BankBlock:after{content: "";background:url(../images/Icon02.png) no-repeat;background-size:100%;width: 13vmin;height: 13vmin;position: absolute;top: 0;z-index: 10;right: -13px;display: none;}
#Home0802  #BankBlock:before{display: block;}
#Home0802  #BankBlock:after{display: block;}
.HotPorductMIT{background-color:#ff7900;box-sizing:border-box;margin:-30px auto;position:relative;box-shadow:inset 0 0 50px 0 rgba(255,90,36,.3);position:relative;margin-bottom:6%;border-radius:10px;margin-bottom:1em;}
	

}

@media screen and (max-width:500px){
/*	.HotPorduct{margin-bottom:2em}*/
	.AdImgWrapper{max-width:960px;margin:50px auto 20px auto;height:auto;padding-top: 16.875%;}
	.HotPorductMIT .AdImgWrapper{max-width:960px;height:auto;padding-top: 2.5em;}
	.HotPorductMIT{background-color:#ff7900;box-sizing:border-box;margin:-30px auto;position:relative;box-shadow:inset 0 0 50px 0 rgba(255,90,36,.3);position:relative;margin-bottom:6%;border-radius:10px;margin-bottom:1em;}
	
}
@media screen and (max-width:360px){
/*	.HotPorduct{margin-bottom:2em}*/
	.AdImgWrapper{max-width:960px;margin:30px auto 0px auto;height:auto;padding-top: 16.875%;}
}