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

/*基本*/
body{ margin:0; padding:0; background-color: #8fd4fe;}

/*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;}
	}


/*背景*/
.pc_bg { z-index:-2; position:absolute;top:0;left:0; width:100%; height:100vh; background-repeat:no-repeat; background-position:center top; pointer-events:none; }
.pc_bg2 { z-index:-1; position:absolute;top:0;left:0; width:100%; height:100vh; background-repeat:no-repeat; background-position:center top; pointer-events:none; }
.pc_deco { z-index:2; position: absolute; top:2300px; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(bgdeco.png?t=1757498963412) repeat-y center top; transition: 0.5s linear; pointer-events: none;}
  @media screen and (max-width:767px){
   .m_bg { z-index: -2; position:absolute;top:0;left:0; width: 100%; height:100vh; background-position: center top; background-repeat: no-repeat; pointer-events: none; background-size: 100%;}	
   .m_bg2 { z-index: -1; position:absolute;top:0;left:0; width: 100%; height:100vh; background-position: center top; background-repeat: no-repeat; pointer-events: none; background-size: 100%;}	
  }

/*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=1757498963412);}
	.Area_bgtop_1 .bgtop_1_2 span { background-image: url("bg_light.png?t=1757498963412"); 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=1757498963412); }
	.m_Area_bgtop_1 .m_bgtop_1_2 span {   background-image: url(m_bgtop_1_2.png?t=1757498963412); 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: 10vw; }
}


/*版頭*/
.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=1757498963412) no-repeat;}
.Area_top .momologo a:hover{ background: url(momo_logo_on.png?t=1757498963412) 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: -1.5vw; width: 14%;}    
	}




/*版頭品*/
@media screen and (min-width:768px){
  .Area_title .topPD { z-index:99; position: absolute; top: 85px; right: -330px; width: 100%;}
  .Area_title .topPD ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: inherit;}
  .Area_title .topPD ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(5%,0);}
  .Area_title .topPD ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}	
  .Area_title .topPD .PD_layout .PD_img { width:100%; position:absolute; right: 65px; top: 0;}
  .topPD .PD_layout .PD img { width: auto; height: auto;}
}
@media screen and (max-width:767px){
  .Area_title .topPD { z-index:99; position: absolute; top: 11vw; right:-2vw; width: 100%;}
  .Area_title .topPD ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 80%; box-sizing: content-box; grid-gap: inherit;}
  .Area_title .topPD ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(5%,0);}
  .Area_title .topPD ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}	
  .topPD .PD_layout .PD img { width: 100%;}
  /* .topPD .PD_layout[data-pd-li*=BN-AWD] .PD_img { display: block !important;} */
}



@media screen and (min-width:768px){
.Area_title{ height: 700px; box-sizing: border-box;margin:0 auto ;width:1220px ;}

    /*日期*/
    .Area_title .box_txt2 { z-index: 10;position: absolute;top: 25px; left: 742px;width:100%;}
    .Area_title .box_txt2 .PD_layout h3{ color: #ffffff!important; font-size:43px;  font-family: "Century Gothic","Noto Sans TC"; font-weight: 700;}


    /*副標輪播*/
    .Area_title .Area_topSUB {position: absolute;top:215px;left:80px;width:630px;}
    .Area_title .Area_topSUB ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: inherit;}
    .Area_title .Area_topSUB ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(5%,0);}
    .Area_title .Area_topSUB ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}	


}


@media screen and (max-width:767px){
.Area_title { height:75vw;}

    /*日期*/
    .Area_title .box_txt2 { z-index: 10;position: absolute;top: 1vw; left: 63.5vw;width:100%;}
    .Area_title .box_txt2 .PD_layout h3{ color: #ffffff!important; font-size:20px;  font-family: "Century Gothic","Noto Sans TC"; font-weight: 700;} 



    /*副標輪播*/
    .Area_title .Area_topSUB {position: absolute;top: 24vw;right: 13vw;width: 100%;}
    .Area_title .Area_topSUB img{width:65%;}
    .Area_title .Area_topSUB ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 80%; box-sizing: content-box; grid-gap: inherit;}
    .Area_title .Area_topSUB ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(5%,0);}
    .Area_title .Area_topSUB ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}	
    .Area_title .PD_wrapper {background-color: rgba(255,255,255,0.00);}
    .Area_title .PD_layout[data-pd-li*="BN"] li{border: rgba(255,255,255,0.00);}	

}




/** 倒數 **/
.TimerNick { text-shadow: none; display: flex; }
.TimerNick .TIMER { margin: 0; padding: 0; text-align: center; color: #fff; font-size: 33px; line-height: 40px; font-weight: 600; font-family:"微軟正黑體","Microsoft JhengHei", Arial, Helvetica; overflow: visible;}
.TimerNick span { float: left;}
.TimerNick small { float: left; position: relative; top: 0; font-size: 28px; margin-right: 10px; margin-left: 2px;}
.TimerNick .time_day { margin-right: 5px; letter-spacing: .1rem;font-weight: 400;}
.TimerNick .FontStyle { position: relative; font-size: 45px; width: 55px; color: #fff; font-family: "Century Gothic";}
.TimerNick .FontStyle b { display: inline-block; margin: 0; width: 17px; text-align: center; font-weight: 300;}
  @media screen and (min-width:768px){
    .TimerNick {justify-content: center;  margin: 0px 0 50px 0;}
  }
  @media screen and (max-width:767px){
    .TimerNick { padding: 27vw 0 0 14vw; width: 100%; justify-content: left;}
    .TimerNick2{ padding: 27vw 0 0 0; justify-content:center;}
    .TimerNick .TIMER { font-size: 4vw; line-height: 5vw; }
    .TimerNick small { top: 0.4vw; font-size: 3.5vw; margin-right: .4em; margin-left: .15em;}
    .TimerNick .time_day { position: relative; font-size: 4vw; line-height: 5vw;}
    .TimerNick .FontStyle { width: 5vw; font-size: 5vw; padding: 0.25em; top: -0.2em;}
    .TimerNick .FontStyle b { margin: 0; width: 3vw;}
  }

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




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

.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:-10%;left: 0;width: 100%;height: 100%;pointer-events:none;background: url("m_box_txt_bg.png?t=1757498963412") center top/100% no-repeat scroll;}
.box_txt3::before {content:"";position: absolute;display:block;top:16%;left: 0;width: 100%;height: 100%;pointer-events:none;background: url("m_box_txt_bg3.png?t=1757498963412") center top/100% no-repeat scroll;}
.box_txt4::before {content:"";position: absolute;display:block;top:0;left: 0;width: 100%;height: 100%;pointer-events:none;background: url("m_box_txt_bg3.png?t=1757498963412") center top/100% no-repeat scroll;}

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

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



.box_txt .box_title_deco1{ position: absolute; left: 16.6%; top:8%; 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 .PD_layout{  width: 100%; }
.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 {margin: 0 auto 2vw  -14vw; width: 130%;}
  .box_txt::before{ top:0; }
  .box_txt3 {margin: 0 auto 3vw;}
  .box_txt .PD_layout .PD h3 {font-size: 1.8em;line-height: 2.2em;}
  .box_txt .PD_layout .PD h4 {font-size: 1.8em;line-height: 2.2em;}

}

@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: 10px 0 45px -10px; }
    .Area_activ .activ01 img{ width:960px !important }
  }
  @media screen and (max-width:767px){
    .Area_activ{ margin-top: 8vw; /*background: linear-gradient(90deg, #2782bb, #2782bb, transparent);*/}
    .Area_activ .activ01{ margin:0 auto; }
    .Area_activ .activ01 img{ width:110% !important }
  }


/*主打品*/
.Area03 .PD_layout.layout_item .PD_slide .PD p del { color:#7e7e7e;font-size: 0.4em;}
.Area03 .PD_layout.layout_item .PD_slide .PD p {padding: 1% 0;height: 1.5em;line-height: 1em;font-size:5.5em;}
.Area03 .PD_layout.layout_item .PD p .money {color: #176fe7;font-weight: 500; font-size: .7em;}
.Area03 .PD_layout.layout_item .PD p .Price {color: #176fe7;font-weight: 800; font-size: 1em; 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: #414141; font-weight: 700;}
.Area03 .PD_layout.layout_item .PD_slide .PD_img img { width: 100%; margin: 0; box-shadow: unset;}
.Area03 .PD_layout.layout_item .PD_slide .PD .PD_logo { display: none;}

@media screen and (min-width:768px){
	.Area03 { margin-top:90px ;}
	.Area03:before{ content: ""; background: url("item_bg_top.png?t=1757498963412") no-repeat scroll top / 100%; position: absolute; top:-90px; left: 50%; width: 2000px; height: 240px; transform: translateX(-50%);  z-index: -1;}
	.Area03:after{ content: ""; background: url("item_bg_bottom.png?t=1757498963412") no-repeat scroll bottom / 100%; position: absolute; bottom:-30px; left: 50%; width: 2000px; height: 200px; transform: translateX(-50%);  z-index: -1;}
	.Area03 .bg:before{ content: ""; background: url("item_bg_center.png?t=1757498963412") repeat scroll top / 100%; position: absolute; top:144px; left: 50%; width: 2000px; height: 90%; transform: translateX(-50%); z-index: -2; }
  .Area03 .PD_layout.layout_item li{background: url("layout_itembg.png?t=1757498963412") center top / 85% no-repeat scroll;}	
  .Area03 .PD_layout.layout_item li .PD{ padding: 20px; }
	.Area03 .PD_layout.layout_item ul { grid-gap: 0 3%;  margin-top:56px;}
	.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: -28px auto 0;}
	
}
@media screen and (max-width:767px){
	.Area03{  padding-bottom: 2vw; margin-top:10vw ;}    
	.Area03:before{ content: ""; background: url("m_item_bg_top.png?t=1757498963412") no-repeat scroll top / 100%; position: absolute; top:-3vw; left: 0; width: 100%; height: 17vw; z-index: -1;}
	.Area03:after{ content: ""; background: url("m_item_bg_bottom.png?t=1757498963412") no-repeat scroll bottom / 100%; position: absolute; bottom:-14vw; left: 0; width: 100%; height: 17vw; z-index: -1;}
  .Area03 .bg:before{ content: ""; background: url("m_item_bg_center.png?t=1757498963412") repeat scroll top / 100%; position: absolute; top:-5vw; left: 0; width: 100%; height: 105%; z-index: -1;}
  .Area03 .PD_layout.layout_item li{background: url("layout_itembg.png?t=1757498963412") center top / 90% no-repeat scroll;}	
	.Area03 .box_all{ width: 96%; margin: auto;}
	.Area03 .PD_layout.layout_item ul { grid-gap: 0 1.5%;}
	.Area03 .PD_layout.layout_item ul li {width: 100%; height: 72vw;}
	.Area03 .PD_layout.layout_item .PD_slide .PD_into {font-size: 0.9em; top:-5vw; width: 100%;}
	.Area03 .PD_layout.layout_item .PD_slide .PD_into h3 { font-size: 1.3em; line-height: 2em;  }
	.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: 6% 0 0 0%;}


}


/*區塊4*/
@media screen and (min-width: 768px){
  .Area04 {margin-bottom: 180px !important;padding-bottom: 0px !important;}
  .Area04 .PD ul {margin: 0 3%;border-radius: 1em;}
  .Area04::before {content:"";position: absolute;display:block;margin:-40px 0px 70px -40px ;width:108%;height: 110%;pointer-events:none;z-index: -1;background-color:rgba(23,135,231,1.0);border-radius: 20px;}

  .Area04 .box_txt .PD_layout .PD h3 {color:#FFF;font-size: 3.5em;line-height: 1.9em;font-style: italic;font-weight: 700;font-family:"Century Gothic","Noto Sans TC";}
  .Area04 .box_txt3 .PD_layout .PD h3{ color: #0d4b8f; line-height: 2.2em; }
}
@media screen and (max-width: 767px){
  .Area04 {padding: 2% 3%;margin-bottom: 7vw !important;}
  .Area04 {margin: 0 0 5%;}
  .Area04 .PD ul{margin: 2% 3%;border-radius: 0.75em;}
  .Area04::before {content:"";position: absolute;display:block;margin:-3vw 0 0vw -5vw;width:120%;height:105%;pointer-events:none;z-index: -1;background-color:rgba(23,135,231,1.0)}
  .Area04 .box_txt .PD_layout .PD h3 {color:#FFF;font-size: 1.8em;line-height: 2.0em;font-style: italic;font-weight: 700;font-family:"Century Gothic","Noto Sans TC";}
  .Area04 .box_txt3 .PD_layout .PD h3{ color: #0d4b8f; line-height: 2.2em; }
}

@media screen and (min-width: 768px){
  .Area04-2 {margin-bottom: 180px !important;padding-bottom: 0px !important;}
  .Area04-2 .PD ul {margin: 0 3%;border-radius: 1em;}
  .Area04-2::before {content:"";position: absolute;display:block;margin:-40px 0px 70px -40px ;width:108%;height: 110%;pointer-events:none;z-index: -1;background-color:rgba(255,226,127,1.0);border-radius: 20px;}

  .Area04-2 .box_txt .PD_layout .PD h3 {color:#1787e7;font-size: 3.5em;line-height: 1.9em;font-style: italic;font-weight: 700;font-family:"Century Gothic","Noto Sans TC";}
  .Area04-2 .box_txt3 .PD_layout .PD h3{ color: #0d4b8f; line-height: 2.2em; }
}
@media screen and (max-width: 767px){
  .Area04-2 {padding: 2% 3%;margin-bottom: 8vw !important;}
  .Area04-2 {margin: 0 0 0%;}
  .Area04-2 .PD ul{margin: 2% 3%;border-radius: 0.75em;}
  .Area04-2::before {content:"";position: absolute;display:block;margin:-3vw 0 0vw -5vw;width:120%;height:110%;pointer-events:none;z-index: -1;background-color:rgba(255,226,127,1.0)}

  .Area04-2 .box_txt .PD_layout .PD h3 {color:#1787e7;font-size: 1.8em;line-height: 2.2em;font-style: italic;font-weight: 700;font-family:"Century Gothic","Noto Sans TC";margin-top:0vw ;}
  .Area04-2 .box_txt3 .PD_layout .PD h3{ color: #0d4b8f; line-height: 1.3em; }
}
/*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{ margin-top: 70px;  padding-bottom: 53px;  margin-bottom: 20px; }

	
}
@media screen and (max-width: 767px){
	.Area05 { background-color: #8fd4ff; padding: 0 0 0vw 0; margin-top: 0vw;margin-bottom: 4vw;}

	
}

/*品牌旗艦館*/
.Area_flags .PD_layout ul{ display: flex; flex-wrap: nowrap;}
.Area_flags .PD_layout ul li{ min-width: 25%; }
@media screen and (min-width:767px){
/*.Area_flags .bg{ background: url(pc_bottom.png?t=1757498963413) no-repeat scroll center bottom / 2000px 557px; height: 557px; position: absolute; left: -520px; width: 2000px; bottom:-125px; z-index: -1;}*/
.Area_flags { width: 900px; margin:-80px auto 0; }
.Area_flags .PD_layout ul { padding: 0;}
.Area_flags .PD_layout ul li img { width: 90%;}
}
@media screen and (max-width:767px){
	/*.Area_flags .bg{ background: url(m_bottom.png?t=1757498963413) 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: 30vw;width:90% ;}
	.Area_flags .PD_layout ul { padding: 0; ;}
	.Area_flags .PD_layout ul li img { width: 100%;}
}


/*黏人精*/
.Area_hammerAD { z-index: 9999; position: fixed; bottom: 0; right: 0;}
.Area_hammerAD .box { position: relative; margin-right: 10px; opacity: 1;}
.Area_hammerAD img { width: 100%; height: auto; position: absolute; top: 0; left: 0;}
.Area_hammerAD .closeButton a { display: block; cursor: pointer; position: absolute; width: 20px; height: 20px; border-radius: 50%; font: bold 20px/1em "Century Gothic"; color: #FFF; text-align: center; background-color: rgba(0%,0%,0%,0.5); text-decoration: none; z-index: 2;}
.Area_hammerAD .Ahammer_text { position: absolute; z-index: 2; display: flex; align-items: center; justify-content: center; width: 90%; color: #000; font-family: "Century Gothic","Noto Sans CJK TC"; font-weight: 700;}
.Area_hammerAD .Ahammer_black .img_0, .Area_hammerAD .img_1 { filter: brightness(0%);}
.Area_hammerAD .Ahammer_black .img_1 { filter: none;}
.Area_hammerAD .Ahammer_black .Ahammer_text { color: #fff;}
@media screen and (min-width:768px){
  .Area_hammerAD { position: fixed; z-index: 300; left: 50%; right: auto; bottom: 50px; display: block; width: 210px; height: 200px; transform: translateX(618px) translate3d(0,200px,0);}
  .Area_hammerAD .closeButton a { top: 0; right: 0;}
  .Area_hammerAD .Ahammer_text { font-size: 2.3em; line-height: 1em; height: 1em; top: 40px;}
}
@media screen and (max-width:767px){
  .Area_hammerAD { display: block; width: 26%; transform: translate3d(0px, -215px, 0px) !important;}
  .Area_hammerAD .closeButton a { top: 1vw; right: 1vw;}
  .Area_hammerAD .Ahammer_text { font-size: 1.5em; line-height: 1.5em; height: 1.5em; top: 3.6vw;}
}