@charset "utf-8";
/* CSS Document */

/*基本*/
body{ margin:0; padding:0;background:#fff;  }
		@media screen and (max-width:767px){
		body { background:#636363;  }
	}
	

/*全BOX版面*/
.WRAPPER { position: relative; display:block; margin: 0 auto; padding: 0; width:100%;  min-width:1220px; overflow:hidden; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; }
.WRAPPER img { width:100%; border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none;}
		@media screen and (max-width:767px){
		.WRAPPER { min-width: inherit; }
	}
	

@font-face {
  font-family: 'AMAZZ_';
  src: url('../images/AMAZZ_.woff') format("woff"),
         url('../images/AMAZZ_.ttf') format("truetype"),
         url('../images/AMAZZ_.eot') format("embedded-opentype");
}

@font-face {
  font-family: 'AMAZR_';
  src: url('../images/AMAZR_.woff') format("woff"),
         url('../images/AMAZR_.ttf') format("truetype"),
         url('../images/AMAZR_.eot') format("embedded-opentype");
}


/*區塊_all*/
.Area { position: relative; margin:0 auto; padding:0; border-radius:0; text-align:center; }
.Area a { display:block;} 
.Area .go_bt {
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
          transition: all 0.4s ease;}
.Area .go_bt:hover {
  -webkit-transform:scale(0.95);
     -moz-transform:scale(0.95);
      -ms-transform:scale(0.95);
       -o-transform:scale(0.95);
          transform:scale(0.95);}
.Area1220 { margin:0 auto; width:1220px;}
.Area960 { margin:0 auto; width:960px;}
	@media screen and (max-width:767px){
		.Area1220 { width:100%;}
		.Area960 { width:100%;}
		/*區塊_切割*/
		.Area_1bn { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_1bn a { float:left; margin:0 0 2% 0; padding:0; width:100%; list-style: none;}
		.Area_2bn { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_2bn a { float:left; margin:0 1% 2%; padding:0; width:48%; list-style: none;}
		.Area_3bn { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_3bn a { float:left; margin:0 1% 2% ; padding:0; width:31.3%; list-style: none;}
		.Area_1bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_1bn_nopadding a { float:left; margin:0; padding:0; width:100%; list-style: none;}
		.Area_2bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_2bn_nopadding a { float:left; margin:0; padding:0; width:50%; list-style: none;}
		.Area_3bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_3bn_nopadding a { float:left; margin:0; padding:0; width:33.3%; list-style: none;}
	}

/*共用*/
.Area_white_bg {z-index:0;position: relative;width:100%;min-width:1220px;/* height:100%; */background: url(repeat_bg.png?t=1751254781435) no-repeat center top #fff;padding:65px 0;}
.Area1_momoco { z-index:0; position:absolute; top:531px; left:-267px; width:40%;}
	@media screen and (max-width:767px){
        .Area1_momoco { z-index:0; position:absolute; top:45vw; left:-7vw; width:40%;}
        }
.space { margin-bottom:80px;}
.btn_1 { position: relative;top: -120px; width:25%; background:#d8d8d8; border-radius:60px; color:#636363; line-height:48px; display:inline-block; padding:1% 8%; margin:0 auto; font-size:30px; font-family:"微軟正黑體", "Century Gothic"; font-weight: 600; }
.btn_1 i { width:0.7rem; height:0.7rem; display:inline-block; border:2px solid #636363; border-top:none; border-left:none; transform:rotate(-45deg); position:relative; bottom:0.3rem;}

.btn_2 { width:20%; background:#d8d8d8; border-radius:60px; color:#636363; line-height:48px; display:inline-block; padding:1% 5%; margin:3px auto; font-size:30px; font-family:"微軟正黑體", "Century Gothic"; font-weight: 600; }
.btn_2 i { width:0.7rem; height:0.7rem; display:inline-block; border:2px solid #636363; border-top:none; border-left:none; transform:rotate(-45deg); position:relative; bottom:0.3rem;}

.btn_3 { width:20%; background:#000; border-radius:60px; color:#dfd1c9; line-height:48px; display:inline-block; padding:1% 5%; margin:80px auto 50px auto; font-size:30px; font-family:"微軟正黑體", "Century Gothic"; font-weight: 600;}
.btn_3 i { width:0.7rem; height:0.7rem; display:inline-block; border:2px solid #dfd1c9; border-top:none; border-left:none; transform:rotate(-45deg); position:relative; bottom:0.3rem;}

.applybtn { position:relative; left:50%; transform:translate(-50%,0); width:40%; background:#000; border-radius:60px; color:#fff; line-height:36px; display:inline-block; padding:1% 0; margin:2% auto 0; font-size:30px; font-family:"微軟正黑體", "Century Gothic"; text-align:center;}
.applybtn b { position:relative; top:0.1rem; width:15%; display:inline-block;}
.applybtn i {  width:0.7rem; height:0.7rem; display:inline-block; border:2px solid #fff; border-top:none; border-left:none; transform:rotate(-45deg); position:relative; bottom:0.3rem;}

	@media screen and (max-width:767px){
		.Area_white_bg {z-index:0;position:relative;width:100%;min-width:inherit;height: auto;background: url(repeat_bg_m.png?t=1751254781435) no-repeat center top #fff;padding: 10vw 0 20vw 0;border-radius:30px 30px 0 0;}
		.space { margin-bottom:10vw;}
		.btn_1 { line-height:13vw; padding:0 8%; font-size:5.5vw; width:40%; margin-top: 14vw;}
		.btn_1 i {  bottom:0.1rem;}
		.btn_2 { line-height:13vw; padding:0 8%; font-size:5.5vw; width:45%;margin-top: 4vw;}
		.btn_2 i {  bottom:0.1rem;}
		.btn_3 { line-height:13vw; padding:0 8%; font-size:5.5vw; width:45%;margin-top: -18vw; margin-bottom: 8vw; }
		.btn_3 i {  bottom:0.1rem;}
		.applybtn { width:60%; line-height:10vw; padding:0; margin:2% auto 0; font-size:6vw; }
		.applybtn b { position:relative; top:0.3rem; width:15%; display:inline-block;}
		.applybtn i {  width:0.7rem; height:0.7rem; display:inline-block; border:2px solid #fff; border-top:none; border-left:none; transform:rotate(-45deg);  position:relative; bottom:0.3rem;}

	}

	
/*版頭*/
.Area_top  {  }
.Area_top .box { height: 637px; }
.Area_top .box .main { z-index: 2;  position: absolute; top: 0; left: 0; }
	@media screen and (max-width:767px){
		.Area_top { height: 71vw;}
		.Area_top .box { height: 99vw; }
        .Area_top .box .main { top: 36vw; left: 0; }
		.Area_top .m_header { position:absolute; top:0; right:0; z-index: 5;}
		.Area_top .m_header a { display: block; position:absolute; top:1vw; right:3vw; z-index: 2; }
		.Area_top .m_header .btn b { font-family: "Century Gothic","微軟正黑體","Microsoft JhengHei",Helvetica; font-size: 4vw; color: #636363; }
	}

/*版頭輪播*/
.Area_pdA_swiper {display:block;  width:2000px;  position: absolute; left:-390px; top:0; }
.Area_pdA_swiper  {  }	   
.Area_pdA_swiper .icon_ {  position: absolute;}
.Area_pdA_swiper .icon_1 { top: 0; left: 0%;  }
    @media screen and (max-width:767px){
      .Area_pdA_swiper {width:100%; height: auto; position: absolute;left:0; top:0;}	
      .Area_pdA_swiper img { width:100%;}	
	  .Area_pdA_swiper { }
     .Area_pdA_swiper .icon_ { position: absolute;}
     .Area_pdA_swiper .icon_3 { top: 0; left: 0}
    }
	

/*活動按鈕*/
.Area_acty { z-index: 6; }
.Area_acty .box { margin-bottom: 5%;}
.Area_acty ul { display: flex;  flex-direction: row; /*justify-content: space-between; */justify-content: center; list-style: none; margin: 0 ; padding: 0;     gap: 15px;}
.Area_acty ul li { width: 24%; margin-right:20px  }
.Area_acty ul li img { width: 100%}
    @media screen and (max-width:767px){
	.Area_acty { z-index: 6; height: 70.5vw;}		
	.Area_acty .box { margin-bottom: 0;  }
	.Area_acty ul { flex-wrap: wrap;justify-content: space-between; padding: 3.5vw; gap: 0;}
	.Area_acty ul li { width: 47%; margin-bottom: 2vw; margin-right:0px   }
	.Area_acty ul li:nth-child(1),
	.Area_acty ul li:nth-child(3) {  margin-right: 1vw; }
	.Area_acty ul li img { width: 100%}
    .Area_acty p { font-size: 13px;}	

    }


/*活動BN輪播*/
.Area_BN { /*margin-top: 60px;*/ overflow:hidden;}
.Area_BN ul { padding:0; margin:50px 0 0 0; list-style:none; }

	@media screen and (max-width:767px){
		.Area_BN { position:relative; height:auto; width:100%; overflow:hidden; background: url(m_Area04_bg.png?t=1751254781435) no-repeat center top #fff; background-size:100%;}
		.Area_BN li img { border-radius: 10px; overflow: hidden;}
	}


/*權益總覽*/
.Area01 { height: 940px;}
.Area01 .Area01_bg{ z-index:-10; position:absolute; top:-330px;left: -520px; width:100%; height:1455px; min-width:2000px; background: url(Area04_bg.png?t=1751254781435) repeat-y center top ;}
.Area01 .box {  position:relative; width:90%; margin:0 auto;}
.Area01 .box .number { position: absolute;  font-family: 'AMAZR_'; text-align: center; color: #c3a072;}
.Area01 .box .number.number_1 { top: 41%; left: 13%;  }
.Area01 .box .number.number_2 { top: 41%; left: 37%; color: #fff; }
.Area01 .box .number.number_3 { top: 27%; left: 70%;  }
.Area01 .box .number.number_4 { top: 48%; left: 70%;  }
.Area01 .box .number.number_5 { top: 68%; left: 70%;  }
.Area01 .box .number span { font-size: 100px; letter-spacing: -5px; }
.Area01 .box .number b { font-family: "Century Gothic","微軟正黑體","Microsoft JhengHei",Helvetica; font-size: 40px; letter-spacing: -3px; font-weight: 100; vertical-align: baseline; line-height: 8px;  }
.Area01 .box .number small { font-size: 30px; letter-spacing: 15px; vertical-align: super; }
.Area01 .box .number span:after { content: "%"; display: inline-block;  font-size: 48px; letter-spacing: 15px; }
.Area01 .details { z-index: 10; position:absolute; top:175px; right:25px; }
.Area01 .details img { width: 70%;}
	@media screen and (max-width:767px){
		.Area01 { background: url(m_Area04_bg.png?t=1751254781435) no-repeat center top #fff; background-size:100%;height:112vw;}
		.Area01 .box { width:100%; margin:0 auto 0%;}
		.Area01 .box .number {}
		.Area01 .box .number.number_1 { top: 40%; left: 11%;  }
		.Area01 .box .number.number_2 { top: 41%; left: 36.2%; }
		.Area01 .box .number.number_3 { top: 30%; left: 70%;  }
		.Area01 .box .number.number_4 { top: 51%; left: 70%;  }
		.Area01 .box .number.number_5 { top: 71%; left: 70%;  }
		.Area01 .box .number span { font-size: 11vw; letter-spacing: -1vw; line-height: 9vw; }
		.Area01 .box .number b { font-size: 5.5vw; letter-spacing: 0; font-weight: 300;  line-height: 1vw;  }
		.Area01 .box .number small { font-size: 30px; letter-spacing: 1vw; vertical-align: super; }
		.Area01 .box .number span:after { content: "%"; display: inline-block;  font-size: 6.5vw; letter-spacing: 0.5vw; }
		.Area01 .details { position:absolute; top: 18vw; right: 3vw; width: 20%; }
		.Area01 .details img { width: 80%;}
	}


/*網購必備卡*/
.Area02  {  }
.Area02 .Area02_bg { z-index:-1; position:absolute; top:0px; width:100%;}
.Area02 .Area_bg div { pointer-events:none;z-index:-1;position:absolute;left:0;width:100%;background-position:center top;background-repeat:no-repeat }
@media screen and (max-width: 767px){
	.Area02  { margin-top: 8vw; }
	.Area02 .Area_bg div{ background-size:100% ;}
		}

/*mo幣是什麼*/
.Area03  { height:1060px; }
.Area03 .box { padding: 0 0 0 105px;  }
.Area03 ol { margin: 0 ; padding: 198px 0 0; font-family:"Century Gothic", "微軟正黑體", sans-serif; text-align:left; color:#a0a0a0; font-weight: 50; font-size: 1.2em; line-height: 2em; letter-spacing: 2px;  }
.Area03 ol li {   }
.Area03 ol li a { display: inline; text-decoration: underline; color: #caa779;  }

/*跑數字*/
.Area03 .box #counter { position: relative; display: flex; flex-wrap: wrap; }
.Area03 .box .number { font-family: 'AMAZR_'; text-align: left; color: #caa779;}
.Area03 .box .number.number_1 { width: 390px; }
.Area03 .box .number.number_2 { width: 545px; }
.Area03 .box .number.number_3 { width: 490px; }
.Area03 .box .number span { font-size: 75px; letter-spacing: 3px; }

.Area03 .box .number b { font-family: "AMAZR_","微軟正黑體","Microsoft JhengHei",Helvetica; font-size: 32px; letter-spacing: -3px; font-weight: 100; vertical-align: baseline; line-height: 8px; }
.Area03 .box .number b.mo {  font-size: 75px; margin-right: 2%; }
.Area03 .box .number b.ten {  font-size: 75px;  }
.Area03 .box .number b.percent {  font-size: 50px; margin-right: 2%  }
.Area03 .box .number small { font-size: 30px; letter-spacing: 15px; vertical-align: super; }

/*背景*/
.Area03 .Area03_bg { z-index:-1; position:absolute; top:0px; width:100%;}
.Area03 .Area_bg div { pointer-events:none;z-index:-1;position:absolute;left:0;width:100%;background-position:center top;background-repeat:no-repeat }
@media screen and (max-width: 767px){
	.Area03 .Area_bg div{ background-size:100% }
		}

@media screen and (max-width:767px){
		.Area03 {   height: 125vw;}
		.Area03 .box {  width:100%; }
		.Area03 .box #counter { top: 24vw; left: -17vw; }
		.Area03 .box .number.number_1 { width: 390px; }
		.Area03 .box .number.number_2 { width: 545px; }
		.Area03 .box .number.number_3 { width: 490px; }
		.Area03 .box .number span { font-size: 9vw; letter-spacing: 0vw; }
		.Area03 .box .number b { font-size: 4vw; letter-spacing:0.2vw; font-weight: 100;  line-height: -0.1vw; }
		.Area03 .box .number b.mo {  font-size: 9vw; margin-right: 2%; }
		.Area03 .box .number b.ten {  font-size: 9vw;  }
		.Area03 .box .number b.percent {  font-size: 7vw; margin-right: 2%  }
		.Area03 .details { position:absolute; top: 5vw; right: 3vw; width: 17%; z-index:5; }
		.Area03 .details img { width: 100%; }
	}



/*指定通路好康速報*/
.Area04 { padding-bottom: 85px;}
.Area04 .Area04_bg { z-index:-10; position:absolute; top:0px; width:100%; height:906px; min-width:1220px; background: url(Area04_bg.png?t=1751254781435) no-repeat center top ;}
	@media screen and (min-width:768px){
		.Area04.modified .box  { margin: 2% auto 6%; width: 700px;}
	}
	@media screen and (max-width:767px){
		.Area04  { width:100%; min-width:inherit; height: 130vw; padding:0; background: url(m_Area04_bg.png?t=1751254781435) no-repeat center top #fff; background-size:100%; }
		.Area04 .box  { padding: 0 4vw;  overflow: hidden;}
		.modified { height: 120vw;}
	}



/*卡片介紹*/
.Cardintro {  }
.Cardintro .box { background-color: #fff;  }
	@media screen and (max-width:767px){
	 .Cardintro .box { height: 121vw;  }
	  .Area_pdB_swiper {width:100%; height: auto; position: absolute; left:0; top:0;}	
      .Area_pdB_swiper img { width:100%;}	
      .Area_pdB_swiper .icon_ { position: absolute;}
      .Area_pdB_swiper .icon_3 { top: 0; left: 0}
	  .Cardintro .pd_B_swiper .pagination { position: absolute; top: 10vw!important; left: 20vw!important;   }

	}

#momocard,
#kiwicard,
#blackcard {  margin: 0 auto; 
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;  
}
#momocard{ background-image: url(momoCard.jpg?t=1751254781435)!important;}
#kiwicard{ background-image: url(kiwiCard.jpg?t=1751254781435)!important; }
#blackcard{ background-image: url(blackCard.jpg?t=1751254781435)!important; }


/*輕鬆三步驟*/
.Area06 { height: 1430px; }
.Area06 .box {}
.Area06 .Area06_bg { z-index:-1; position:absolute; top:0px; width:100%; height:1430px; min-width:1220px; background: url(Area06_bg.jpg?t=1751254781435) repeat-y center top ;}
.Area06 .btn_2 img { position:relative; top:0; width:45px; display:inline-block;}
	@media screen and (max-width:767px){
		.Area06 { height: 164vw;  }
		.Area06 .box { }
		.Area06  { width:100%; min-width:inherit; height: 164vw; background: url(m_Area02_bg.png?t=1751254781435) repeat-y center top #fff; background-size:100%; }
		.Area06 .btn_2 img { top:2.5vw; width:18%; }
	}

/*Q&A*/
.Area07 { background: #636363; height: auto; padding-bottom: 60px;}
.Area07 .box { z-index: 0; width: 85%; margin: 0 auto;}
.Area07 .Area07_bg { background:#636363;}
.moreButton {width:100%; margin:0 auto; }
.moreButton .title {font:30px/1.2em '微軟正黑體'; letter-spacing: -0.05em; text-align:left; margin-bottom:10px; display:inline-block}
.moreButton { margin-bottom: 2%;}
.moreButton dl { font-family: "Century Gothic","微軟正黑體","Microsoft JhengHei",Helvetica; }
.moreButton dt {cursor:pointer; }
.moreButton dd {display: none; margin:0; padding:3%; font: 1.4em / 1.8em '微軟正黑體', 'Century Gothic'; text-align: left; color:#333;background-color: #dedede; border-radius: 30px;}
.moreButton dd a { display:inline-block;}
.moreButton .up::after{  content: ""; position: absolute; bottom:36%; margin-left: 2%; width: 0;height: 0;border-style: solid; border-width: .5em .3em 0 .3em;border-color: #fff transparent transparent transparent; transform:rotate(180deg);}
.moreButton .down::after {  content: ""; position: absolute; bottom:36%; margin-left: 2%; width: 0;height: 0; border-style: solid; border-width: .5em .3em 0 .3em;  border-color: #fff transparent transparent transparent; }
.moreButton .menu_btn { position: relative;display: block; height:auto;width: 100%; letter-spacing: 3px; font-size:1.7rem;  color:#e1e1e1; text-align: left;}
.moreButton .up img{ width:100%; height:auto }
.moreButton .down img{ width:100%; height:auto}
.moreButtontag { display:none!important;}
@media screen and (max-width:767px){
	.Area07  { height: auto; padding-bottom: 5vw;}
	.Area07 .box { padding: 0 1vw; width: 100%; margin-top: -5vw;}
	.moreButton { width: 93%; margin:0 auto;}
	.moreButton .menu_btn { margin: 5% 0 0; font-size: 1em; line-height: 1.3; text-indent: -2.5rem; padding-left: 2.5rem; box-sizing: border-box;}
	.moreButton dd { margin: 2% auto; font: .8em / 1.8em '微軟正黑體', 'Century Gothic';border-radius: 10px;}
	.moreButton .up::after { display: none;}
	.moreButton .down::after { display: none;}
}


/*注意事項*/
.Area_footer { padding:50px 0 90px; background:#fff;}
.Area_footer .box_1 { }
.Area_footer .box .btn_2 { margin-bottom: 6%; }
.Area_footer ul { margin:20px 0 0; padding:0; list-style:none; overflow: hidden;}
.Area_footer ul::after { content:""; display:block; clear:both;}
.Area_footer ul li {  color:#929292; font-family: "Century Gothic", "微軟正黑體"; text-align:justify; }
.Area_footer ul li:first-child { float: left; width:15%; font-size: 22px; letter-spacing:3px }
.Area_footer ul li:last-child { float: left; width:85%; font-size: 15px;}
.Area_footer li span { text-decoration:underline;}
.Area_footer ul li a { display:inline-block; color:#999}
	@media screen and (max-width:767px){
		.Area_footer {  }
		.Area_footer .box { padding: 8vw 3vw ; }
		.Area_footer .box .btn_2 { margin-bottom: 6%; }
		.Area_footer .box_1 { width: 100%}
		.Area_footer.Area_boxstyle { padding:0 0 30vw;}
		.Area_footer .box a { margin:0 auto;}
		.Area_footer ul { margin:5% auto 0; width:95%;}
        .Area_footer ul li {  color:#999; font-size:4vw; line-height: 1.5; text-align:justify}
        .Area_footer ul li:first-child { float: left; width:100%; font-size: 6vw; letter-spacing:2vw; text-align: center;}
        .Area_footer ul li:last-child { float: left; width:100%;  font-size: 3.2vw; letter-spacing:0;}
	}

	
/*隱鑶*/
.for_pc {}
.for_phone { display:none !important;}
	@media screen and (max-width:767px){
		.for_pc { display:none !important;}
		.for_phone { display: inherit !important;}
	}

/*輪排輪播區*/
.Area_4PDb { height:930px; margin: 0 auto; padding: 0 0 0 285px; display: block}
.Area_4PDb .page { position:relative; height:155px; width:100%; left:415px; top:280px; margin-bottom:0px; z-index:6;/*display:flex;*/}
.Area_4PDb .page .cate-hover { filter: brightness(1);}
.Area_4PDb .page a { filter: brightness(0.3);width: 45%}
.Area_4PDb .page a img { width:98%;}
.Area_4PDb .box { position:relative; height:700px ;top:100px; overflow: hidden; width:400px;display: block;left: 50px }
.Area_4PDb .layout_live { width:84%;}
.Area_4PDb ul { margin:0; padding:0; list-style:none; overflow: hidden;}
.Area_4PDb ul li {}
@media screen and (max-width:767px){
  .Area_4PDb { height:139vw; padding: 0 0 0 0; background-color: #dfd1c8}
  .Area_4PDb .page { position:relative;height:0vw;width:194%;left:46vw;top:5vw; margin-bottom: 0;/*display:flex;*/flex-direction:row; flex-wrap:wrap;/*background-image:url(mo_ulbg.png?t=1751254781436);background-repeat:repeat-y;background-size:100%;*/}
  .Area_4PDb .page a{ padding:0;width:30%;left:5%;}
  .Area_4PDb .page a img { width:100%;}
  .Area_4PDb .box { position: relative; height:100vw; top:0vw; width:50%; left:0px/*background-image:url(mo_ulbg.png?t=1751254781436);background-repeat:repeat-y;background-size:100%;*/}
  .Area_4PDb .layout_live { width:88%;}
}