@charset "utf-8";
/* CSS Document */
/*基本*/
html, body {
  margin: 0;
  padding: 0;
  background-image: url(bg.png?t=1778138450019);
}
@media screen and (max-width: 767px) {
  html, body {
      background-image: url(bg_m.png?t=1778138450019);
      background-size: contain;
  }
}

/*PC縮小*/
@media screen and (min-width: 768px) {
	
}


/*全BOX版面*/
.WRAPPER { z-index:0; position: relative; display:block; margin: 0 auto; padding:0; overflow: hidden; width:100%; min-width: 1220px; text-align:left; font-family:"Century Gothic","微軟正黑體","Microsoft JhengHei",Helvetica;}
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none; -webkit-tap-highlight-color: transparent}
/*預設清單樣式*/
.Area .list_00 ul { display:inline-block; margin:0; padding:0;}
.Area .list_00 li { list-style:none; float:left; overflow: hidden;}
  @media screen and (min-width: 768px) {
		.WRAPPER { max-width: 2000px;}
	}
	@media screen and (max-width:767px){
		.WRAPPER { min-width: inherit; min-height:100vh;}
		.WRAPPER img { width:100%;  height: auto;}
	}


/*fixed背景*/
.pc_bg { z-index:-10; top:0;left:0; width:100%; height:1170px; background-repeat:no-repeat; background-position:center top; pointer-events:none;position: absolute; }
/*.bg2 { z-index: -11; top:0; left: 0; width: 2000px; height:1200px; background-position: center top; background-repeat: no-repeat; pointer-events: none; position: absolute;}	*/
.bg2 {z-index: -11;top:0;left: 0;position: absolute;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center top;pointer-events: none;}	


.star {z-index:1;top: 0;left: 0px;width: 960px;height: 1170px;position: absolute}
.bgdeco { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(bgdeco.png?t=1778138450019) repeat-y center top; transition: 0.5s linear; pointer-events: none;}
.bgdeco1 { z-index: -10; position: absolute; top: 0; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(bgdeco1.png?t=1778138450019) repeat-y center top; transition: 0.5s linear; pointer-events: none;}

  @media screen and (max-width:767px){
   .m_bg { z-index: -10; top:44px; left: 0; width: 100%; height:100vh; background-position: center top; background-repeat: no-repeat; pointer-events: none; background-size: 100%;position: absolute;}	
   .m_bg2 { z-index: -11; top:44px; left: 0; width: 100%; height:100vh; background-position: center top; background-repeat: no-repeat; pointer-events: none; background-size: 100%;position: absolute;}	
   .star { z-index: 1; top:0px; left: 0; width: 100%; height:70vh;position: absolute;}	
  }

/*PC背景*/
.Area_bgtop { z-index: 0; position: absolute; top: 0; left: 50%; width: 2000px; -webkit-transform: translateX(-50%); transform: translateX(-50%); pointer-events: none;}
.Area_bgtop .bgtop_ { position: absolute; top: 0; left: 0; width: 100%; height: 1200px;}
.Area_bgtop .bgtop_ span { position: absolute; display: block; width: 100%; height: 100%; background-position: center top;}
  @media screen and (min-width: 768px) {
    .Area_bgtop span { background-repeat: no-repeat;}
    .Area_bgtop_fixed { position: fixed;}
    .Area_bgtop_1 .bgtop_1_1 span { background-image: url(bgtop_1_1.png?t=1778138450019);}
	.Area_bgtop_1 .bgtop_1_2 span { background-image: url("bg_light.png?t=1778138450019"); mix-blend-mode: screen; animation: shine 2s infinite alternate;}
  }

/*Phone背景*/
.m_Area_bgtop { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;}
.m_Area_bgtop .m_bgtop_ { position: absolute; top: 44px; left: 0; width: 100%; height: 100%; }
.m_Area_bgtop .m_bgtop_ span {position: absolute; display: block; width: 100%; height: 100%; overflow: hidden; background-position: center top; background-size: 100%;}
  @media screen and (max-width: 767px) {
    .m_Area_bgtop span { background-repeat: no-repeat;}
    .m_Area_bgtop_fixed { position: fixed; top: 32px;} /*搭配js-appBgFixed*/
    .m_Area_bgtop_1 .m_bgtop_1_1 span {   background-image: url(m_bgtop_1_1.jpg?t=1778138450019); }
	.m_Area_bgtop_1 .m_bgtop_1_2 span {   background-image: url(m_bgtop_1_2.png?t=1778138450019); mix-blend-mode: screen; animation: shine 2s infinite alternate;}
  }





/*區塊背景-共用設定*/
.Area_bg { pointer-events: none; z-index: -1;}
.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) {
      .Area_bg div { pointer-events: none; z-index: -1; position: absolute; left: 0; width: 100%; background-position: center top; background-repeat: no-repeat;}
      .Area_bg div { z-index: 1; top: 0vw; padding-bottom: 200%; background-size: 100%;}
    }
    /*圖片*/
    /*.Area_share_bg { z-index: 2;}*/
      @media screen and (min-width: 768px) {
        .Area_activ_bg div { top: -133px; height: 1000px; position: absolute;}
      }
      @media screen and (max-width: 767px) {
        .Area_activ_bg div { top: -17.5vw; height: 0; padding-bottom: 110%; background-size: 100%;}
      }



.Area_bottom{ margin-bottom: 100px; }
@media screen and (max-width:767px){
	.Area_bottom{ margin-bottom: 6.5vw; }
}

/* 入稿鈕 */
#eWriterBtn_bt_B_000_04{position: relative; top: 50px;}


/*版頭*/
.Area_top .momologo { z-index:8; position: absolute; top: 0px; left:10px;}
.Area_top .momologo a { display:block; width:172px; height:100px; background: url(momo_logo.png?t=1778138450019) no-repeat;}
.Area_top .momologo a:hover{ background: url(momo_logo_on.png?t=1778138450019) no-repeat;}
	@media screen and (max-width:767px){
		.Area_top { height: auto;}
		.Area_top .m_momologo { width:21%; position:absolute; z-index:5; top:2vw; left:2vw;}
    /*提醒我按鈕*/
    a.mo_remind_btn {z-index:10;position: absolute;right: 0;/* bottom: -0.5vw; */width: 14%;top: 134vw;}    
	}

  /* 倒數 */
  @media screen and (min-width:768px){
  .time00{position: relative;top: 50px;left: 20px;}
  }
	@media screen and (max-width:767px){
    .time00{position: relative;top: -20px;left: -20px;}


  }


/*版頭區塊*/
.Area_title img { width: 100%; height: auto;}
.Area_title .title { position: relative;}
.Area_title .title_02 { position: absolute;}
.Area_title .title_02_deco{ position: absolute; mix-blend-mode: screen;}
.Area_title .title_03{ position: absolute; mix-blend-mode: screen;}
.Area_title .title_04{ position: absolute; }
  @media screen and (min-width:768px){
    .Area_title { height: 1165px;}
    .Area_title .title {position: relative;left: 10px;top: 66px;}

    .Area_title .title_02 {left: -3%;top: 69%;z-index:10;}
    .Area_title .title_02_deco{ left: 90.5%;  top: 10%; width: 17.5%;}
    .Area_title .title_03{ left: 0;  top: 0; width: 100%;}
    .Area_title .title_04{ left: -125px;  top: 58px; width: 1220px;}
 }
  @media screen and (max-width:767px){
    .Area_title {height: 142vw;}
	  .Area_title .title_02 { width: 26%; left: -1vw; top: 42vw;  }
    .Area_title .title_02_deco { width: 18.5%; right: 2vw; top: 1.3vw;  }
    .Area_title .title_03{ left: 0;  top: 0; width: 100%;}
    .Area_title .title_04{ left: 0;  top: 0; width: 100%;}
  }
  /*副標輪播*/
  .Area_title .box_PD { position: absolute; top: 329px; left: -12px; width: 960px; /*height: 140px;*/}
  .Area_title .box_PD .Area_swiper ul { margin: 0; padding: 0; }
  .Area_title .box_PD .Area_swiper li { list-style: none; }
  .Area_title .box_PD .Area_swiper img { width: 92%; height: auto;}
    @media screen and (max-width:767px){
      .Area_title .title{/* margin-bottom: 0vw; */z-index: 2;top: 2.3vw;}
      .Area_title .box_PD { position: absolute; top: 36.4vw; left: 0; width: 100%; height: auto;}
    }

/* 線別 */
@media screen and (min-width:768px){
.tit00{position: absolute;width: 40%;top: 160px;left: 268px;}
}
@media screen and (max-width:767px){
.tit00{position: absolute;width: 40%;top: 12vw;left: 27.5vw;}
}

@media screen and (min-width:768px){
.Area_title .top_PD{position: relative;width: 960px;overflow: hidden;top: 40px;}
}

/** 倒數 **/
/** 倒數 **/
.TimerNick { z-index:0; display:inline-block; padding-right:14px; height:96px;text-align:right;}
.TimerNick .FontStyle { display:inline-block; margin:0px 0 0 0 ; padding:0; border:0px; width:60px; font: bold 35px/38px Century Gothic; color:#000; /*text-shadow:1px 1px 0px #fff;*/ letter-spacing:-1px; text-align:right; background:transparent; }
.TimerNick div:nth-of-type(2),
.TimerNick div:nth-of-type(3) { width:60px;}
.TimerNick span { padding-left:2px; font: bold 16px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #000;}
    @media screen and (max-width:767px){
        .TimerNick { z-index:2; position: absolute; top:8vw; left:0%; display:inline-block; margin:0; padding-right:0%; width:85%; height:0; padding-bottom:13%; overflow:hidden; text-align:right;  /*background:url(m_time_bg.png?t=1778575331836) no-repeat center top; */background-size:100%;}
        .TimerNick .FontStyle { display:inline-block; margin:0px 0 0 0 ; padding:0; border:0px; width:14vw; font: bold 7.5vw/11vw Century Gothic; color:#000; /*text-shadow:1px 1px 0px #fff;*/ letter-spacing:-1px; text-align:right; background:transparent;}
        .TimerNick div:nth-of-type(2),
        .TimerNick div:nth-of-type(3) { width:9vw;}
        .TimerNick span { padding-left:1vw; font: bold 4vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #000;}
    }
             

/*去除PD_layout樣式*/
.PD_noBG ul { background-color: transparent; width: 100%; padding: 0;}
.PD_noBG ul li { border: none; /*background-color: #fff;*/}



/*公版背景*/
.box_txt ul,.box_txt2 ul,.box_txt3 ul,.box_txt4 ul{ padding: 0; }
.box_txt .PD_layout .PD h3 span{ overflow: inherit;}
@media screen and (min-width: 768px){
.box_txt {position: relative;display: flex;margin: 0 auto;width: 100%;height: 120px;justify-content: center; z-index: 10;}
.box_txt img{width: 88%!important;padding: 0;}
.box_txt .PD_layout .PD h3 { overflow: visible; display: flex; flex-wrap: nowrap; flex-direction: row;color: #346ef1;font-size: 3.4em;font-family: "Century Gothic";letter-spacing: -1px;line-height: 1.5; font-style: italic;}	
.box_txt .PD_layout .PD h3 b { color: #f765c7;font-style: normal; }	
}


@media screen and (max-width:767px){
.box_txt {position: relative;margin: 0 auto;width: 100%;height: 16vw;z-index: 30;}
.box_txt img{width: 100%;}
.box_txt .PD_layout .PD h3 {overflow: visible; display: flex;flex-wrap: nowrap;flex-direction: row;margin: 0 auto;color: #346ef1;font-size: 1.5em;letter-spacing: -0.05em;;line-height: 1;font-family: "Century Gothic","Noto Sans CJK SC";max-height: 16vw;padding-top: 4vw;font-style: italic;}
.box_txt .PD_layout .PD h3 b { color: #f765c7; margin-right: 0.8vw; font-style: normal;}	
}


/*區標(線上入稿)*/

.box_txt{ position: relative; margin: 0 auto; width: 100%;}
.box_txt3{ height:160px; padding-top: 5.5%;}
.box_txt4{ margin: 3vw auto 1vw!important;}

.box_txt::before {content:"";position: absolute;display:block;top:-30%;width: 960px; height:120px;pointer-events:none;background: url("m_box_txt_bg.png?t=1778138450019") center top/100% no-repeat scroll;justify-content: center;}

.box_txt .PD_layout .PD h3 {color:#111111;font-size: 3.5em;line-height: 1.9em;font-style: italic;font-weight: 700;font-family:"Century Gothic","Noto Sans TC";}

.box_txt .PD_layout .PD h3 { font-weight: 900;overflow: visible; display: flex; flex-wrap: nowrap; flex-direction: row;color: #111111;font-size: 3.4em;font-family: "Century Gothic";letter-spacing: -1px;line-height: 1.3; font-style: italic;}	
.box_txt .PD_layout .PD h3 b { color: #111111;font-style: italic; font-weight: 600;}

.box_txt3 .PD_layout .PD h3{ color: #4f0400; line-height: 2.2em; }

.box_txt .box_title_deco1{ position: absolute; left: 6.6%; top:-2%; width: 10%; height: auto; animation: disk 3s infinite; } 
.box_txt3 .box_title_deco1{ right: 5%; top:63%; } 
.box_txt4 .box_title_deco1{ right: 6%; top:63%; } 

.box_txt li:hover{ transform: none!important; }
.box_txt a{ pointer-events: none;}
.box_txt h3 span{ overflow: visible!important;}


@media screen and (max-width:767px){
  .box_txt::before {content:"";position: absolute;display:block;top:-30%; width: 100%; height:100%;pointer-events:none;background: url("m_box_txt_bg.png?t=1778138450019") center top/100% no-repeat scroll;justify-content: center;}
  .box_txt {margin: 0 auto 2vw; }
  .box_txt::before{ top: 2vw; }
  .box_txt3 {margin: 0 auto 3vw;}
  .box_txt .PD_layout .PD h3 {font-size: 1.6em;}

}

@keyframes disk{
	0%{  transform:rotateY(180deg); }
	30%{  transform:rotateZ(0); }
	100%{  transform:rotateZ(0); }
	
}


/*攻略區塊*/
.Area_activ .box_tab2{ margin-top: 2%; }
.warningTxt { position: relative; }
  @media screen and (min-width:768px){
    .Area_activ .activ01{ margin: 3px 0 25px; }
  }
  @media screen and (max-width:767px){
    .Area_activ .activ01{ margin-top: -4vw; }
  }


/*主打品*/
.Area03 .PD_layout.layout_item .PD_slide .PD p del { color:#fff;}
.Area03 .PD_layout.layout_item .PD_slide .PD p {/* padding: 1% 0; */height: 1.5em;line-height: .5em;font-size:5.5em;}
.Area03 .PD_layout.layout_item .PD p .money {color: #e6f03d;font-weight: 500; font-size: .7em;}
.Area03 .PD_layout.layout_item .PD p .Price {color: #e6f03d;font-weight: 800;font-size: .7em;text-align: left;}
.Area03 .PD_layout.layout_item .PD_slide .PD_into {padding-left:0;position: relative; text-align:center;font-size: 0.8em;}
.Area03 .PD_layout.layout_item .PD_slide .PD_into h3 {padding: 0;max-height: 1.6em;font-weight: 500;font-size: 3.8em;line-height: 1.8em;font-family: "Noto Sans CJK SC";color:#414141;}
.Area03 .PD_layout.layout_item .PD_slide .PD_into h4 {font-size: 3.2em;color: #111; font-weight: 700;}
.Area03 .PD_layout.layout_item .PD_slide .PD .PD_logo { display: none;}

@media screen and (min-width:768px){
  .Area03{margin-bottom: 120px;}
  .Area03 .bg:before{ content: ""; background: url("bg2.png?t=1778138450019") repeat; position: absolute; top:65px; left: 0; width: 100%; height: 99%; z-index: -2; border-top: #111 solid 3px; border-bottom: #111 solid 3px;}
  .Area03 .PD_layout.layout_item li{background: url("layout_itembg.png?t=1778138450019") center top / 85% no-repeat scroll;}	
  .Area03 .PD_layout.layout_item li .PD{ padding: 20px; }
	.Area03 .PD_layout.layout_item ul { grid-gap: 0 5%;width: 80%;}
	.Area03 .PD_layout.layout_item .PD_slide:hover {transform:translateY(-6px);}
	.Area03 .PD_layout.layout_item .PD_slide:hover { box-shadow:unset;}
	.Area03 .PD_layout.layout_item .PD_slide { padding:0;margin: 0;}
  .Area03 .PD_layout.layout_item .PD_slide .PD_into{ margin:20px auto 0;}
	.Area03 .PD_layout.layout_item .PD_slide .PD p del { font-size: 0.4em;}
	.Area03 .PD_layout.layout_item .PD_slide .PD_into h3 { line-height: 1.5em; color: #fff;background-color: #4bc7cf; }
  .Area03 .PD_layout.layout_item .PD_slide .PD_img img { width: 80%; margin: 0; box-shadow: unset;}
}
@media screen and (max-width:767px){
	.Area03{  padding-bottom: 1vw; margin-bottom: 8vw; }    
  .Area03 .bg:before{ content: ""; background: url("bg2_m.png?t=1778138450019") repeat scroll top / 100%; position: absolute; top:13vw; left: 0; width: 100%; height: 98%; z-index: -2; border-top: #111 solid 2px; border-bottom: #111 solid 2px;}
  .Area03 .PD_layout.layout_item li{background: url("layout_itembg.png?t=1778138450019") center top / 98% no-repeat scroll;}	
	.Area03 .box_all{ width: 96%; margin: auto;}
	.Area03 .PD_layout.layout_item ul { grid-gap: 0 5%;width: 94%;}
	.Area03 .PD_layout.layout_item ul li {width: 100%; height: 65vw;}
	.Area03 .PD_layout.layout_item .PD_slide .PD_into {font-size: 0.9em; top:3vw; width: 100%;}
	.Area03 .PD_layout.layout_item .PD_slide .PD_into h3 { font-size: 1.3em; line-height: 1.5em; color: #fff;background-color: #4bc7cf; }
	.Area03 .PD_layout.layout_item .PD_slide .PD_into h4 { font-size: 1.3em; line-height: 1.7em;  letter-spacing: -1px; margin-bottom: 0;}
	.Area03 .PD_layout.layout_item .PD_slide .PD p{ height: 2em; line-height: 8vw; font-size: 1.5em;  }    
	.Area03 .PD_layout.layout_item .PD p .money { font-size: .4em;}
	.Area03 .PD_layout.layout_item .PD p .Price { font-size: 1.3em; }
  .Area03 .PD_layout.layout_item .PD_slide .PD_img img {margin:0% 0 10% 0%;width: 90%;margin: 0;box-shadow: unset;}
}


.Area04 .box_all .PD_box ul {border: #f27faa 6px solid;border-radius: 1em;}
.Area04 .box_all .PD_box2 ul {border: #ffdefa 6px solid;border-radius: 1em;}


/*區塊4*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #f4ff36;}
.Area_btnblack .warningTxt h3 {color: #111; }
@media screen and (min-width: 768px){
  .Area04 .box_txt {z-index: 30;height: 130px;}	
  .Area04 .Area_danji { z-index: 5; }
}
@media screen and (max-width:767px){
  .Area04 .Area_danji {width: 96%;}
  /* .Area_danji .danji_box ul li { margin-bottom: 2vw !important;} */
}

@media screen and (min-width: 768px) {
  .Area04 .Area04_bg:before{ content: ""; background: url("bg3.png?t=1778138450019") repeat; position: absolute; top:65px; left: 0; width: 100%; height: 98%; z-index: -2;border-top: #111 solid 3px; border-bottom: #111 solid 3px;}
}
@media screen and (max-width: 767px) { 
  .Area04 .Area04_bg:before{ content: ""; background: url("bg3_m.png?t=1778138450019") repeat scroll top / 100%; position: absolute; top:13vw; left: 0; width: 100%; height: 90%; z-index: -2;border-top: #111 solid 2px; border-bottom: #111 solid 2px;}
 }

 /* 爆品限時優惠 */
 @media screen and (max-width: 767px) { 
  .Area_limited{ margin-bottom: 4vw;}
 }

 /* 下方公版 */
 @media screen and (min-width: 768px) {
  /* .Area_havebg{margin-bottom: 110px;} */
  .Area_nobg{ margin-bottom: 60px;}
 }
 @media screen and (max-width: 767px) { 
  .Area_nobg{ margin-bottom: 2vw;}
 }

 /* 登記活動 */
 @media screen and (max-width: 767px) { 
  .Area_danjiall{margin-bottom: -1vw;}
 }


/*BN*/
@media screen and (min-width: 768px){
.Area_Abn2 {height:312px;}	
.Area_Abn2 .box05 .PD_layout .PD img,.Area_Abn .box06 .PD_layout .PD img { border-radius: 1em; }
	
}
@media screen and (max-width: 767px){
.Area_Abn2 {height:33vw; }	
.Area_Abn2 .box{ }
.Area_Abn2 .box05 { margin-bottom: 2vw;   width: 100%; margin: 0 auto; }
.Area_Abn2 .box05 .PD_layout .PD img,.Area_Abn .box06 .PD_layout .PD img { border-radius: 0.5em; }
}


/*商品公版*/


@media screen and (min-width:768px){
  .Area05 .box .PD_layout ul { width: 80%; margin: 0 auto;grid-gap:2%;}

	.Area05{margin-top: 30px;padding-bottom: 3px;margin-bottom: 70px;}
	/*.Area05:before{ content: ""; background: url("pd_bg_top.jpg?t=1778138450019") no-repeat scroll top / 100%; position: absolute; top:0; left: 50%; width: 2000px; height: 4px; transform: translateX(-50%);}
	.Area05:after{ content: ""; background: url("pd_bg_bottom.jpg?t=1778138450019") no-repeat scroll bottom / 100%; position: absolute; bottom:0; left: 50%; width: 2000px; height: 5px; transform: translateX(-50%);}
	.Area05 .bg:before{ content: ""; background: url("pd_bg_center.jpg?t=1778138450019") repeat scroll top / 100%; position: absolute; top:0; left: 50%; width: 2000px; height: 100%; transform: translateX(-50%); z-index: -1; }*/
	
}
@media screen and (max-width: 767px){
	.Area05 {padding: 0 0 0vw;margin-bottom: 6vw;}
  .Area05 .box .PD_layout ul { width: 100%; margin: 0 auto;grid-gap:2%;}

	/*.Area05:before{ content: ""; background: url("m_pd_bg_top.png?t=1778138450019") no-repeat scroll top / 100%; position: absolute; top:0; left: 0; width: 100%; height: 10vw;}
	.Area05:after{ content: ""; background: url("m_pd_bg_bottom.png?t=1778138450019") no-repeat scroll bottom / 100%; position: absolute; bottom:0; left: 0; width: 100%; height: 10vw;}*/

}
@media screen and (min-width: 768px) {
  .Area05 .bg:before{ content: ""; background: url("bg2.png?t=1778138450020") repeat; position: absolute; top:65px; left: 0; width: 100%; height: 88%; z-index: -2;border-top: #111 solid 3px; border-bottom: #111 solid 3px;}
}
@media screen and (max-width: 767px) { 
  .Area05 .bg:before{ content: ""; background: url("bg2_m.png?t=1778138450020") repeat scroll top / 100%; position: absolute; top:13vw; left: 0; width: 100%; height: 80%; z-index: -2;border-top: #111 solid 2px; border-bottom: #111 solid 2px;}
 }


/*品牌旗艦館*/
.Area_flags .PD_layout ul{ display: flex; flex-wrap: nowrap;}
.Area_flags .PD_layout ul li{ min-width: 33%; }
@media screen and (min-width:767px){
.Area_flags .bg{ background: url(pc_bottom.png?t=1778138450020) no-repeat scroll center bottom / 2000px 557px; height: 557px; position: absolute; left: -520px; width: 2000px; bottom:-125px; z-index: -1;}
.Area_flags { width: 960px; margin: 150px auto 0; }
.Area_flags .PD_layout ul { padding: 0;}
.Area_flags .PD_layout ul li img { width: 100%;}
}
@media screen and (max-width:767px){
	.Area_flags .bg{ background: url(m_bottom.png?t=1778138450020) repeat scroll bottom / 100%; height: 150%; position: absolute; left: 0; width: 100%; bottom:-2vw;  z-index: -1;}
	.Area_flags { margin: 0 auto; top: 14vw;  height: 52vw;}
	.Area_flags .PD_layout ul { padding: 0; ;}
	.Area_flags .PD_layout ul li img { width: 100%;}
}

/*星星閃*/
@media screen and (min-width:768px){
  .slideshow-container {
          position: absolute;
          width: 960px; /*設定圖像寬度*/
          height: 1170px; /*設定圖像高度*/
          overflow: hidden; /*隱藏溢出內容*/
          left: -480px;
        }
  }
        .slideshow-container img {
          position: absolute;
          width: 100%;
          height: 100%;
          animation: fadeAnimation 8s infinite; /*啟動動畫效果*/
          animation-timing-function: ease-in-out;
          opacity: 0;
        }
  
        .slideshow-container img:nth-of-type(1) {
          animation-delay: 0s;/*依次播放效果*/
        }
  
        .slideshow-container img:nth-of-type(2) {
          animation-delay: .5s;
        }
  
        @keyframes fadeAnimation {
          0% {
            opacity: 0;
          }
          20% {
            opacity: 0;
          }
          40% {
            opacity: 1;
          }
          60% {
            opacity: 0;
          }
          80% {
            opacity: 1;
          }
          100% {
            opacity: 0;
          } 
          }