@charset "utf-8";
/*基本*/
body { margin: 0; padding: 0; width:100%;}
.for_phone { display:none!important;}
 @media screen and (max-width:767px){
                .for_pc{ display:none !important;}
                .for_phone{ display:block !important;}
				 body { margin: 0; padding: 0; background-image:none }
				 .for_m_magintop { margin-top:3vw;}
 }


/*全BOX版面*/
.WRAPPER {position:relative; display:inline-block;  margin:0; padding:0;  width:100%;  overflow:hidden;min-width:1220px;   }
.WRAPPER img {border:0; vertical-align:top;}
.WRAPPER .mainArea {  margin:0 auto; width:1220px; font-family:"Century Gothic", "微軟正黑體", sans-serif; position:relative; }
.WRAPPER .mainArea a{ padding:0; margin:0; text-decoration:none; font-family:"微軟正黑體" }
.WRAPPER  a { text-decoration:none;font-family:"微軟正黑體"} 
/*控制區塊背景的位置*/
.Areabg{  } 
@media screen and ( max-width:736px) {
  body{ background: #19325b; }
	.WRAPPER {min-width: inherit; }
	.WRAPPER img {width:100%; height:auto;}
}




/*區塊背景*/
@media screen and (min-width:768px) {
.bg01 {position:absolute;z-index: -5;top:0;left:0;width:100%;min-width:1220px;height: 1000px;background-image:url(Area_top_bg.jpg?t=1776084328434);background-repeat:no-repeat;background-position:center top;pointer-events: none;}
.bg_fix { z-index:-20; position:fixed; top:0; left:0; width:100%; height:100%; background-color:#050811; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
/* .repeat_bg2{position:absolute;z-index: -7;left:0;top: 1033px;width:100%;min-width:1220px;height:40000px;background-image:url(pc_reapet.jpg?t=1776084328434);background-repeat:repeat-y;background-position:center top;pointer-events:none;} */
.bgdeco { z-index:-6; position: absolute; top:0px; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(deco_bg.png?t=1776084328434) repeat-y center top; transition: 0.5s linear; pointer-events: none; }
.bgdeco02 { z-index:-6; position: absolute; top:0px; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(deco_light.png?t=1776084328434) repeat-y center top; transition: 0.5s linear; pointer-events: none; }
}




@media screen and (max-width:767px) {
.mbg01 {z-index: -10;position:absolute;top: 10vw;left: 0;width: 100%;height:100%;background-image:url(mArea_top_bg.jpg?t=1776084328434);background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
/* .m_bg02 {z-index: 1;position:absolute;top: 10vw;left: 0;width: 100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;} */
.bg_fix {z-index: -20;position:fixed;top: 10vw;left: 0;width: 100%;height:100%;background-repeat:no-repeat;background-position:bottom bottom;pointer-events:none;background-size: 100%;}
.mrepeat {z-index: -15;position:absolute;top: 0;left: 0;width: 100%;height:100%;background-color:#050811;background-repeat:repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}
}



/*區塊_all*/
.Area1220 {position: relative;margin:0 auto;width:1220px;}
.Area960 {margin:0 auto;width:960px;}
.Area {position: relative;margin:0 auto;padding:0;border-radius:0;text-align:center; }
.Areaa {position:relative;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);}
 @media screen and (max-width:767px){
  .Area1220 { width:100%;}
  .Area960 {width:100%;}
  .Area .go_bt:hover {  
   -webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;}
 }
    

/*區塊-共用按鈕*/
.Area .btn_go {}
.Area .btn_go *{-webkit-transition: all 0.1s ease;-moz-transition: all 0.1s ease;-ms-transition: all 0.1s ease;-o-transition: all 0.1s ease;transition: all 0.1s ease;} 
.Area .btn_goa:hover {  -webkit-transition: all 0.35s;transition: all 0.35s;-webkit-transform: scale(0.9);transform: scale(0.9);}
.Area .btn_goa:after  { 
          -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;}
;o:hover a { color:#fff;}
;
.Area .btn_go:hover a:after  { width:150% !important;}
;

.Area .btn_go:hover a i { background-color:#000;transform:translateX(-10px);transition-delay:0.1s;}
.Area .btn_goastrong {z-index:2;position: relative; }
.Area .btn_goai {z-index: 3;position: absolute;top: -63px;right: -278px;display: inline-block;border-radius: 60px;width: 60px;height: 60px;background: #09006e url(btn_icon_r.png?t=1696598482216);background-size: contain;
}
 @media screen and (max-width:736px){ 
   .Area{width:100%;height:100%;min-width:100%;}
  .Area .btn_go {position:absolute; }
  .Area .btn_go *{-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;} 
  .Area .btn_go a {display:block;color:#fff;letter-spacing:-2px;}
  .Area .btn_go a:after  {}
  .Area .btn_go:active a,
  .Area .btn_go:focus a,
  .Area .btn_go:hover a { color:#fff;}
  .Area .btn_go:active a:after,
  .Area .btn_go:focus a:after,
  .Area .btn_go:hover a:after  { width:150% !important;}
  .Area .btn_go:active a i,
  .Area .btn_go:focus a i,
  .Area .btn_go:hover a i { background-color: transparent;transform:translateX(-10px);transition-delay:0.1s;}
  .Area .btn_go a strong {z-index:2;position: relative; }
  .Area .btn_go a i {z-index:3;position: absolute;top:0;right:0;display:inline-block;border-radius:35px;width:35px;height:35px;background:#09006e url(btn_icon_r.png?t=1696598482216);background-size:contain;}
 }

/*區標/背景共用設定*/
.Areatitle { position: relative; }
.title_light { z-index: -5; pointer-events: none;position: absolute;top: -15px;left: 50%;transform: translateX(-50%);mix-blend-mode: screen;}
.text_960 .PD_layout li, .text2_960 .PD_layout li, .text3_960 .PD_layout li { pointer-events: none; z-index: 10; }
.text_960 .PD_layout .PD_into h3, .text2_960 .PD_layout .PD_into h3, .text3_960 .PD_layout .PD_into h3 { width: 100%; }
.text_960 .PD_layout .PD_into h3 { top: 52%; color: #fff; /*text-shadow: 2px 2px 10px #000;*/ }
.text2_960 .PD_layout .PD_into h3 { top: 52%; color: #fff; /*text-shadow: 2px 2px 10px #000;*/ }
.text3_960 { padding: 3% 0 2%; }
.text3_960 .PD_layout .PD_into h3 {top: 56%;left: 23%;font-weight: 400;line-height: 1;font-size: 3.8em;letter-spacing: -0.05em;color: #fff;font-family: "Arial" ,"Noto Sans CJK TC";}
.text3_960 .PD_layout .PD_into h3 .js-PD_txt2 {font-weight: 400;line-height: 1;font-size: 1.5em;color: #fff;font-family: "Century Gothic"; transform: skewX(-6deg); padding: 0 6px; }
.text3_960 .PD_layout .PD_into h3 .js-PD_txt3 {padding-bottom: 7px;}
.text3_960 .PD_layout .PD_into h4 {position: absolute;top: 13%;left: 36%;font-size: 3.5em;font-weight: 800;max-height: 1.5em;margin-bottom: 0;line-height: 1;color: #f9de9e;font-family: "Arial" ,"Noto Sans CJK TC";}
.text_960 .PD_layout .PD h3 span { font-family: "Arial" ,"Noto Sans CJK TC"; font-weight: 600;}
.PD_layout.PD_layout-D3_01 ul { padding: 0; justify-content: center; align-items: center; }
.PD_layout.PD_layout-D3_01 .PD_into{ padding: 0; }
.text_960 .PD_layout.PD_layout-D3_01 .PD img{ width: 100%; aspect-ratio: 960 / 120; }
.text2_960 .PD_layout.PD_layout-D3_01 .PD img{ width: 100%; aspect-ratio: 960 / 120; }
.text3_960 .PD_layout.PD_layout-D3_01 .PD img{ width: 100%; aspect-ratio: 960 / 90; }
.Area_bg::before {content: "";z-index: -9;position: absolute;top: 0;left: 50%;width: 2000px;height: calc(100% - -55px);transform: translateX(-50%);background: url(bg_top.png?t=1776084328434) top center / contain no-repeat, url(bg_bottom.png?t=1776084328434) bottom center / contain no-repeat;}
.Area_bg::after {content:"";z-index: -9;position: absolute;top: 130px;left: 50%;transform: translateX(-50%);width: 2000px;height: calc(100% - 230px);background: url(bg_center.png?t=1776084328434) repeat-y center top;aspect-ratio: 2000/665;background-size: 100%;}
@media screen and (max-width:767px){
  .Area_bg::before {top: 4vw;width: 100%;height: calc(100% - 1vw);}
  .Area_bg::after {top: 6vw;width: 100%;height: calc(100% - 8vw);}  
  .title_light { width: 200%; top: -4vw; left: 46%; }
  .text_960 { height: 14vw; }
  .text_960 .PD_layout .PD h3 { top: 4vw; font-size: 1.35em; }
  .text_960 .PD_layout .PD h3 span { font-size: 1.05em;}
  .text_960 .PD_layout.PD_layout-D3_01 .PD .PD_img {padding: 0;margin: 0;top: -3vw;left: 50%;transform: translateX(-50%);width: 110%;}
  .text2_960 .PD_layout .PD h3 span { font-size: 1.05em;}
  .text2_960 .PD_layout.PD_layout-D3_01 .PD .PD_img {padding: 0;margin: 0;top: -3vw;left: 51%;transform: translateX(-50%);width: 110%;}
  .text2_960 .PD_layout.PD_layout-D3_01 .PD .PD_img img { width: 100%;}
  .text2_960 .PD_layout.PD_layout-D3_01 .PD h3 {top: -7vw;left: 50%;transform: translateX(-50%);font-size: 2.8em;letter-spacing: 0;}
  .text2_960 .PD_layout .PD_into h3 .js-PD_txt2 { font-size: 0.35em; }
  .text2_960 .PD_layout .PD_into h3 .js-PD_txt3 {font-size: 0.55em;padding-left: 2vw;letter-spacing: -0.05em;}
  .text2_960 .PD_layout .PD_into h4 {top: 1vw;left: 49.5vw;font-size: 2.1em;max-height: 1.5em; overflow: visible; }
  .text2_960 .PD_layout .PD_into h4 b { padding: 0.25em 0.4em;border-radius: 5em; font-weight: 800; }
  .text3_960 .PD_layout.PD_layout-D3_01 .PD h3 { z-index: 10; top: 5vw;left: 23vw; letter-spacing: 0; overflow: visible; }
  .text3_960 .PD_layout .PD_into h3 .js-PD_txt2 {font-size: 0.6em; letter-spacing: 0; margin: 0 1vw 0 -1.3vw; padding: 0; }
  .text3_960 .PD_layout .PD_into h3 .js-PD_txt3 {font-size: 0.45em;margin: 1vw auto;padding: 0 1.2vw;}
  .text3_960 .PD_layout .PD_into h4 {top: 1.5vw;left: 34vw;font-size: 1.7em;max-height: 1.5em;}
  .text3_960 .PD_layout .PD_into h4 b { padding: 0.3em 0.4em;border-radius: 5em;}
  }


/*提醒我按鈕*/
a.mo_remind_btn {z-index:9999;position: absolute!important;right: 0px;top: 57vw;width: 15%;opacity: .8;}

/*-----版頭-----*/
  .Area_top{position: relative;height: 600px;margin:0 auto;box-sizing:border-box;padding: 0 0 0;}
  /*大標*/ 
  .Area_top .title01 {width: 80%;position:absolute;top: 0px;left: 120px;height: auto;z-index: 7;}
  .Area_top .title01 ul {grid-gap:0; padding: 0; }
  .Area_top .title01 img {width: 100%;}
    /*副標輪播*/
    .Area_top .title02{z-index: 11;position:absolute;top: 190px;left: 120px;width: 600px;height: 100px;overflow: hidden;}
    .Area_top .title02 .PD_layout ul { display: flex; width: 100%;height: 100px; padding: 0; } 
    .Area_top .title02 .PD_layout .PD h3 { text-align: left; font-size: 4.5em; font-weight: 800; font-family: "Arial" ,"Noto Sans CJK TC"; line-height: 1; background-image: repeating-linear-gradient(184deg, #f7cee2 20%, #ff9ad5 100%) !important; 
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; } 
    .Area_top .title02 .PD_layout ul.swiper-wrapper .PD_slide.swiper-slide { margin-right: 0!important; } 
@media screen and (max-width:767px){
  .Area_top {width:100%;position: relative;height: 74vw;padding:0;}
  /*date*/
  .Area_top .date{width: 35%;position: absolute;top: 20vw;left: 32vw;z-index: 1;}
  /*大標*/ 
  .Area_top .title01 {width: 100%;position:absolute;top: 0vw;left: 5vw;height: auto;z-index: 11;}
  .Area_top .title01 ul{grid-gap:0;}
  .Area_top .title01 img {width: 100%; aspect-ratio: 960 / 280; }
  .Area_top .title01  ul li .PD .PD_img{display: block!important;}
    /*副標輪播*/
    .Area_top .title02 .PD_layout ul { height: 15vw; } 
    .Area_top .title02 { z-index: 10;position: absolute;width: 70%;height: 15vw;margin: 0 auto;top: 19vw;left: 4vw; }
    .Area_top .title02 .PD_layout .PD h3 {font-size: 2.15em; font-family: "Arial" ,"Noto Sans CJK TC"; font-weight: 800; letter-spacing: -0.035em; } 
  }


/*---版頭品輪播---*/
    .top_pd p {  }
    .top_pd {position: absolute;top: 85px;right: 90px;width: 1000px;height: 600px;overflow: hidden;z-index: 10;}
    .top_pd .ly {width: 100%;height: 100%;}
    .top_pd .ly ul{width: 100%;height: 550px;padding: 0; grid-gap: 0;}
    /*圖片*/	
    .top_pd .ly  ul li .PD_img{position: absolute;padding: 0;top: 24px;right: 15px;width: 45%;}
    /*文字*/	
    .top_pd .ly ul li .PD_into {position: absolute;top: 285px;left: 55px;padding: 0;width: 45%;text-align: left;}
    .top_pd .ly ul li .PD_into::after {z-index: -5;position: absolute;top: -20px;left: 15px;content: "";width: 94%;background: url(PD_txt_bg.png?t=1776084328434) no-repeat center top;aspect-ratio: 436/225;background-size: 100%; }
    .top_pd .ly ul li .PD_into h3{color: #ffffff;width: 100%;position: relative;left: 0;top: 0px;padding: 0;margin: 0;font-size: 1.8em;background-color: transparent; text-align: center; }
    .top_pd .ly ul li .PD_into h4{color: #ffffff;position: relative;width: 100%;top: 0;left: 0;font-size: 1.6em;line-height: 1.8;text-align: center;}
    .top_pd .ly ul li .PD_into p{color: #fabede;width: 96%;font-size: 1.2em;position: relative;top: 5px;left: 0;text-align: center;overflow: visible;}
    .top_pd .ly ul li .PD_into p del{color: #bfbfbf;font-size: 1.3em;}
    .top_pd .ly ul li .PD_into p .Price,.top_pd  .ly .PD_layout .PD p b,.top_pd  .ly .PD_layout .PD p .money{ color: #ffecb4; font-weight: 900; background: none; font-size: 2.5em; background-image: repeating-linear-gradient(178deg, #f7cee2 20%, #ff9ad5 100%) !important;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;}	  
@media screen and (max-width:767px){
    .top_pd{ width: 100%; height: 58vw; top: 12.5vw;right: 0vw; overflow: hidden;}
    .top_pd .ly{padding: 0;}
    .top_pd .ly ul{width: 100%;padding: 0;display: flex;grid-gap: 0; height: initial; }
    /*圖片*/	
    .top_pd .ly ul li { height: 50vw; }
    .top_pd .ly ul li .PD_img {width: 44%;top: 0vw;right: 0vw;}
    /*文字*/	
    .top_pd .ly ul li .PD_into { top: 26vw;left: 2vw; width: 50%; }
    .top_pd .ly ul li .PD_into::after { top: -1vw;left: 0vw;width: 107%; }
    .top_pd .ly ul li .PD_into h3{ font-size: 1.15em;  }
    .top_pd .ly ul li .PD_into h4{ font-size: 0.95em;}
    .top_pd .ly ul li .PD_into p{ font-size: 0.9em; }
    .top_pd .ly ul li .PD_into p del{ font-size: 0.95em;}
    }



/*活動倒數*/
.TimerNick {position: absolute;top: 280px;left: 125px;display: inline-block;z-index:8;text-align: center;letter-spacing: 0.2em; font-family: "Noto Sans CJK TC", "Arial"; }
.TimerNick .FontStyle {display: inline-block;margin: 0 0 0 5px;padding: 0;border: 0;font-size: 30px;color: #fff;font-weight: normal;letter-spacing:1px;text-align: center;}
.TimerNick span {padding-left: 2px;font-size: 32px;letter-spacing: 0.1em;color: #fff;}
.TimerNick b { font-weight: normal;}
@media screen and (max-width:767px){
  .TimerNick  {width:100%;top: 30.5vw;left: 5.3vw;display: flex; align-items: end; letter-spacing: 0;column-gap: 0.3em;text-align: left;}
  .TimerNick .FontStyle {margin: 0;padding: 0;border: 0;font-size: 1.05em;letter-spacing: 0.05em;}
  .TimerNick span {padding-left: 0;font-size: 1em;letter-spacing: -0.05em;margin-left: 0.1em;margin-right: 0.3em;}
  .TimerNick span:first-child{ margin-top: -0.1em; }
}    


/*好康攻略*/
  .Area_strategy { margin: 0 auto 1%; }
  .Area_strategy .PD_layout { width: 86%; margin: 0 auto; }
  .Area_strategy .PD_layout.strategy_bn { margin: -50px auto 0; }
  @media screen and (max-width:767px){
    .Area_strategy { position: relative; width: 100%; height: 100%; }
    .Area_strategy .text_960 .PD_layout { width: 100%; }
    .Area_strategy .text_960 .PD_layout ul { grid-gap: 0!important; }
    .Area_strategy .PD_layout.strategy_bn  { width: 96%; margin: -7vw auto 0; }
}


/*熱賣夯品*/
.Area_mainPD {  margin: 1.5% auto ; }
@media screen and (max-width:767px){
    .Area_mainPD { width: 100%; margin: 8vw auto 0; }
    .Area_mainPD .box { width: 96%; margin: -6vw auto 0; }
    .Area_mainPD .PD_layout .PD_img {position: relative; }
}

/*登記*/
.Area_danji .Areatitle .text2_960 { padding-top: 3%; }
.Area_danji .danji_box .box_2 { margin: 0; }
.Area_danji .warningTxt h3 { color: #272936; font-size: 1.25rem; }
.Area_danji .danji_box ul li .activityText { top: 46%; }
.Area_danji .danji_box ul li img { border-radius: 0.8em; }
.Area_danji .danji_box ul li .activityText .gifts span { color: #9ac5d6; }
.Area_danji .btn_reg .content p { color: #fff; }
.Area_danji .btn_reg .activityText .Tip, .Area_danji .btn_reg .activityText p { color: #fff; }
.Area_danji.d01 { margin: 2% auto 0; }
.Area_danji.d01 .warningTxt h3 { color: #fff; font-size: 1.25rem; }
.Area_danji.d01 .btn_info img, .Area_danji.d01 .btn_list img { filter: brightness(8); }
.Area_danji.d01 .danji_box ul li .activityText .gifts span { color: #bb0281; }
.Area_danji.d01 .btn_reg .content p { color: #000; }
.Area_danji.d01 .btn_reg .activityText .Tip, .Area_danji.d01 .btn_reg .activityText p { color: #000; }

/*登記區塊*/
.Area_danji .danji_box ul li { padding: 0; }
.Area_danji .lbtclass .danji_box ul li { padding-bottom: 2%; }
@media screen and (max-width:767px){
    .Area_danji { margin: 0 auto; }
    .Area_danji.time0423 { margin: 5vw auto 0; }
    .Area_danji.d01 { margin: 9vw auto 0; }
    .Area_danji .Areatitle .text2_960 { padding-top: 4vw; }
    .Area_danji .Areatitle .text3_960 { padding-top: 1vw; }
    .Area_danji .box_1 { width: 95%; }
    .Area_danji .danji_box ul li .content { top: 71%;}
    .Area_danji .warningTxt h3, .Area_danji.d01 .warningTxt h3 { font-size: 0.75rem; }
    }

/*熱銷囤貨組合*/
.Area_subPD { margin: 0 auto 3%; }
@media screen and (max-width:767px){
  .Area_subPD { margin: 8vw auto; }
  .Area_subPD .box { width: 96%; margin: -6vw auto 0; }
}



/*---bn---*/
.bn01 .PD_layout ul { padding: 0; height: 300px; }
.bn02 { position: relative; height: auto; }
@media screen and (min-width:768px){
	.Area_bn { margin: 0 auto 1%; }
	.Area_bn .bn02 ul { height: 280px; }
  }
@media screen and (max-width:767px){
    .Area_bn { margin: 7vw auto 0; }
    .Area_bn .bn01 { margin: 0 auto 2vw; height: 32vw;  }
    .Area_bn .bn01 .PD_img { width: 96%; margin: 0 auto; }
    .Area_bn .bn01 .PD_layout img { border-radius: 1em; }
    .Area_bn .bn02 ul { height: 25vw; }
    }

 

/*---下方公版---*/
.Area_floor { margin: 2% auto 0; }
@media screen and (min-width:768px){
  .Area_ly_down{ z-index: 10; margin:35px auto 0 auto;}
  .Area_ly_down .box{position: relative;margin: 0px auto 20px auto;}
  .Area_ly_down .box .PD_layout.ly{ margin:0 auto 0 auto;padding: 0 0 30px 0;z-index: 1;}
  .Area_ly_down .box .PD_layout ul {width: 94%;}
  .Area_ly_down .PD_layout-btn{margin: 22px auto 0 auto;}
  .Area_ly_down .ly{ margin: 0 auto;}
  }
@media screen and (max-width:767px){
  .Area_floor { margin: 8vw auto 0; }
  .Area_floor .text2_960 { margin: 6vw auto 0; }
  .Area_ly_down{ z-index: 10; margin: 2vw auto 0 auto; padding-bottom: 0.2vw; }
  .Area_ly_down .box{position: relative;margin: 4vw auto 8vw auto;}
  .Area_ly_down .box .PD_layout.ly{width: 97%;margin: 0 auto 0 auto;;z-index: 1;}
  .Area_floorPD_NavArea_tabbar{margin: 0 auto 0 auto!important;}
  }


/*---分類---*/
	.Area_logo{ width: 100%; margin: 9% auto 0;}
  .Area_logo .btn {margin: 0 auto 0 auto;height: auto;}
  .Area_logo .btn ul{ gap: 5px; display: flex; flex-wrap: nowrap; }
  .Area_logo .btn ul li { min-width: initial; width: 20%;}
@media screen and (max-width:767px){
    .Area_logo{ width: 92%; margin: 0 auto 0;}
    .Area_logo .PD_layout ul { grid-gap: 2vw; flex-wrap: wrap; justify-content: center; }
    .Area_logo .btn ul li { width: 30%;}
    .Area_logo .btn { margin: 3vw auto 0 auto;height: auto;}
    }


/*---分類---*/
  .Area_tag{ margin: 3% auto 2%; }
  .Area_tag .PD_layout { width: 80%; margin: 0 auto; }
  .Area_tag .PD_layout .PD_img { width: 100% ; margin: 0 auto; }
@media screen and (max-width:767px){
  .Area_tag { margin: 10vw auto 3vw;width: 100%; }
  .Area_tag .PD_layout.btn {  }
  .Area_tag .PD_layout { width: 88%; }
}