@charset "utf-8";
/* CSS Document */
/* --------------------------------------
 * Layout.css
 * -------------------------------------- */

body { background-color: #68001b;}
	@media screen and (max-width:767px){
    body { background-color: #68001b;}
  }


/*全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: "微軟正黑體","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;}
.Area .list_00 li {list-style:none;float:left;overflow: hidden;}
  @media screen and (min-width: 768px){
  .WRAPPER { background:url(hero_backdrop_deco-03.png?t=1764750108419) bottom center/2000px auto no-repeat;}
  }
	@media screen and (max-width:767px){
		.WRAPPER { min-width: inherit; min-height: 100vh; overflow: hidden; background-size: 100%; margin-bottom: 0vw;

             background: /*  url(bg-repeat-mb.png?t=1764750108419) top center/100% calc(100% - 38vw) no-repeat,*/
                           url(hero_backdrop_deco-03_mb.png?t=1764750108419) bottom 0vw center/100% auto no-repeat;

		}
		.WRAPPER img { width:100%; height:auto;}
	}



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



/*背景*/
@media screen and (min-width: 768px){

  .bg_deco01 { z-index:0; position:absolute;top:0px;left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; pointer-events:none;}
  .bg_deco02 { z-index:1; position:absolute;top:0px;left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; pointer-events:none;}
}
@media screen and (max-width:767px){
  /*.m_Area_bgtop_0 {z-index: -60;position: absolute;top: 0;left: 0;width: 100%;height:100%;background-repeat:repeat-y;background-size: 100%;background-position: center top;}*/
  .mb_top {z-index: 1;position:absolute;width:100%;top: 0vw;left: 0vw;}
  .mb_topdeco {z-index: 2;position:absolute;width:100%;top: 0vw;left: 0vw;}
}



/*標題字*/
.Area_boxstyle > .Area_boxstyle_title { z-index:2; position: relative; margin:0.4em 0 0.1em; padding:0; overflow: hidden; box-sizing: border-box;}
.Area_boxstyle > .Area_boxstyle_title { line-height: 1.5; font-size: 8vw; text-align: center; font-weight: 900; font-family: "Century Gothic","微軟正黑體", system-ui, Helvetica;}
.Area_boxstyle > .Area_boxstyle_title { color: #edd78b; text-shadow: 0 1vw 3vw rgba(0,0,0,0.5),0 2vw 6vw rgba(0,0,0,0.5);}


  /*小標*/
  @media screen and (min-width: 768px){
    .Dtxt {position: relative;margin: 0 auto;width: 100%;height: auto;}
    .Dtxt img{width: 80%;}	
    }
    
    @media screen and (max-width:767px){
    .Dtxt {position: relative;margin: 0 auto;width: 100%;height: auto;padding: 0 0 0% 0;}
    .Dtxt img{width: 100%;}
    }

    

/*區標(線上入稿)*/
@media screen and (min-width:767px){
  .txt {position: relative;top:0;/*background-image:url("txt_bg.png?t=1764750108419"); background-size: 100%;*/width: 960px; height:96px;overflow: hidden;background-repeat:no-repeat;padding-top: 0px;margin: 0 auto;}
  .txt .PD_layout ul {padding: 0;margin: 0;list-style: none;height:100%!important;}
  .txt .PD_layout ul li { background-color: transparent; pointer-events: none;}
  .txt .PD_layout ul li h5 {position: relative;z-index: 1;font:47px/47px Arial, "Noto Sans TC", "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;float: left;color: #ffff;width: 100%;margin:5% 0 0 0%;padding: 0;font-weight: bolder;}	
  }
  @media screen and (max-width:767px){
  .txt {position: relative;width: 100%;height:13vw;margin-bottom: 0vw;/*background-image:url(txt_bg.png?t=1764750108419);background-repeat: no-repeat; background-size: 100%;*/z-index: 20;overflow: hidden;}	
  .txt .PD_layout ul {margin-top: 0vw;height: 10vw!important;list-style: none;}
  .txt .PD_layout ul li { background-color: transparent; pointer-events: none;}
  .txt .PD_layout ul li h5 {position: relative;top:3.1vw;margin: 0vw;padding: 0vw;width: 100%;height: 8vw;font:6vw/6.5vw  Arial, "Noto Sans TC", "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;text-align: center;color:#ffff;letter-spacing: 0vw;overflow: hidden;font-weight: bolder;/*text-shadow: 0px 0px 5px #000;*/}
  }
/*區標2(線上入稿)*/
@media screen and (min-width:767px){
  .txt2 {position: relative;top:0;/*background-image:url("txt_bg.png?t=1764750108419"); background-size: 100%;*/width: 960px; height:auto;overflow: hidden;background-repeat:no-repeat;padding-top: 35px;margin: 0 auto;}
  .txt2 .PD_layout ul {padding: 0;margin: 0;list-style: none;height:100%!important;}
  .txt2 .PD_layout ul li { background-color: transparent; pointer-events: none;}
  .txt2 .PD_layout ul li h5 {position: relative;z-index: 1;font:24px/24px Arial, "Noto Sans TC", "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;float: left;color: #fff;width: 100%;margin: 0 auto;padding: 0;font-weight: bolder;}	
  }
  @media screen and (max-width:767px){
  .txt2 {position: relative;width: 100%;height:12vw;margin-bottom: 0vw;/*background-image:url(txt_bg.png?t=1764750108419);background-repeat: no-repeat;*/ background-size: 100%;z-index: 20;overflow: hidden;}	
  .txt2 .PD_layout ul {margin-top: 0vw;height: 15vw!important;list-style: none;}
  .txt2 .PD_layout ul li { background-color: transparent; pointer-events: none;}
  .txt2 .PD_layout ul li h5 {position: relative;top:3vw;  left: 5vw;margin: 0vw;padding: 0vw;width: 100%;height: 8vw;font:3.8vw/3.8vw  Arial, "Noto Sans TC", "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;text-align: center;color:#fff;letter-spacing: 0vw;overflow: hidden;font-weight: bolder;/*text-shadow: 0px 0px 5px #000;*/}
  }




/*LOGO*/
.momologo { z-index:2; position: absolute; top: 15px; left:15px;}
.momologo a { display:block; width:140px; height:21px;}
.momologo a svg { width:140px; height:21px; }
.momologo a path { fill:#EA27C2; }
.momologo-pink  a path { fill:#EA27C2; }/*LOGO 桃紅色*/
.momologo-white a path { fill:#ffffff; }/*LOGO 白色*/
	@media screen and (max-width:767px){
		.momologo { display:none;}
	}



/*版頭*/
    .Area_top .top_box .PD_layout .PD_slide{background-color: inherit}
	.Area_top .top_box .PD_layout .PD_slide:hover{box-shadow: none;transform:translateX(0)}
@media screen and (min-width: 768px){
.Area_top {height:auto;width: 960px;margin-bottom: 0;}
    /*主標區*/
	.Area_top .top_box .PD_layout .PD_into{margin-top: 130px}	
    .Area_top .top_box .PD_layout h3{background-color: inherit;font-size: 40px;}
    .Area_top .top_box .PD_layout h4 b{font-size:75px;color: #fff;line-height: 70px;}
    .Area_top .top_box .PD_layout h4 span{font-size: 50px;color: #000;line-height: 70px;margin-top:95px;width: 50%;}

}

@media screen and (max-width:767px){
.Area_top { height:57vw;}
    /*主標區*/
	.Area_top .top_box .PD_layout .PD_into{margin-top:15vw;}	
    .Area_top .top_box .PD_layout h3{background-color: inherit;font-size:5vw;width: 60%;margin: 0 auto;}
    .Area_top .top_box .PD_layout h4 b{font-size: 8vw;color: #fff;line-height: 13vw;}
    .Area_top .top_box .PD_layout h4 span{font-size: 6vw;color: #000;line-height: 13vw;margin-top:1vw;width: 50%;}
}

/*promo*/
@media screen and (min-width: 768px){
  .promo{ position: relative; margin-top: 10px; margin-bottom: -28px; transform: scale(0.84); transform-origin: bottom center;}
}
@media screen and (max-width:767px){
  .promo{ position: relative; margin-top: 1.5vw;}
}

/*倒數*/
@media screen and (min-width: 768px){
  .Area_TimerNick{ position:relative; margin-bottom:21px;}
  .TimerNick {display:block;margin: 0;text-align:center;}
  .TimerNick .TIMER { margin:0; text-align:center;color: #fff3bd;}
  .TimerNick .TIMER .FontStyle {display:inline-block;margin:0;padding:0 5px 0 0;border:0px;width: 7%;border-radius:5px;/* background-color:#fff; */font: 36px/40px  Century Gothic;letter-spacing:1px;text-align:right;}
  .TimerNick .TIMER span {font: bold  36px/40px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.1em;margin:0;display:inline-block;}
  .TimerNick .TIMER small {font: bold  36px/40px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.1em;margin-top:16px;display:inline-block;}
}

@media screen and (max-width:767px){
  .Area_TimerNick{ position: relative; margin-bottom: 1vw;margin-top:-2vw;}
  .TimerNick { display:block; margin:0 auto; text-align:center;}
  .TimerNick .TIMER { margin:0; text-align:center; color: #fff3bd;}
  .TimerNick .TIMER .FontStyle {display:inline-block;margin:0;padding:0;border:0px;width:7.5%;border-radius:5px;/* background-color:#fff; */font: 5vw/6vw Century Gothic;letter-spacing:1px;text-align:right;}
  .TimerNick .TIMER span {font:bold  3.5vw/6vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.1em;margin:0;display:inline-block;}
  .TimerNick .TIMER small {font:bold  3.5vw/6vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.1em; display:inline-block;}
}

 .Area_boxstyle_title.PD_layout .PD_slide{background-color: inherit;}
 .Area_boxstyle_title.PD_layout .PD_slide:hover{box-shadow: none;transform:translateY(0)}
  @media screen and (min-width: 768px){
.Area_boxstyle_title.PD_layout ul h3{background-color: inherit!important;margin:-10px 0;padding: 0;font-size: 50px}
.Area_boxstyle_title.PD_layout  .PD_into{margin: 0;padding: 11px}
  }
  @media screen and (max-width:767px){
.Area_boxstyle_title { margin: 0; padding: 0; position: absolute; inset-block-start:3vw; inset-inline-start: 50%; z-index: 2; font: bolder 5vw "Century Gothic","微軟正黑體",system-ui,Helvetica,Arial; color: #fff; overflow: hidden; width: 60%; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-align: center;}
.Area_boxstyle_title.PD_layout ul h3{background-color: inherit!important;margin:-3vw 0;padding: 2vw;font-size: 5.5vw}
  }

/*公版*/
.Area01 .PD_layout[data-pd-h3="5"] .PD h3 span { color: #000; background-color: #eaeaea;}
.Area01 .PD_layout ul{width: 96%;}
  @media screen and (min-width: 768px){
    .Area01 { margin-bottom: 80px;}
    .Area01 .box { margin-bottom: -12px; background: url(Area01_repeat.png?t=1764750108419) center top repeat-y;}
    .Area01 .Area_boxstyle_title { margin: 0; padding: 0; position: absolute; inset-block-start: 20px; inset-inline-start: 50%; z-index: 2; font: bolder 39px "Century Gothic","微軟正黑體",system-ui,Helvetica,Arial; color: #fff; overflow: hidden; width: 40%; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-align: center;}
    /* .Area01 .box .PD_layout ul { padding-left: 45px; padding-right: 45px;margin-top: -30px;} */
  }
  @media screen and (max-width:767px){
    .Area01 { position: relative; z-index: 1; margin-bottom: 10%}
    .Area01 .box { margin-top:-2vw; margin-bottom: -3vw; background: url(mArea01_repeat.png?t=1764750108419) center top repeat-y; background-size: 100%;}
  }

.Area02{margin: 2% auto}


.Area03{margin:5% auto; }
  @media screen and (min-width:768px){
	  .Area_boxstyle_title.PD_layout ul h3{padding: 0;}	  
	.Area03 .box .PD_layout ul{padding:35px 100px 0;grid-gap: 43px}
    .Area03 .box { margin-top:-167px; margin-bottom: 5px; background: url(Area03_bg.png?t=1764750108419) center top 100%/ 100% no-repeat scroll;height:540px;padding-top: 10%}
}

  @media screen and (max-width:767px){
    .Area03 .box { margin-top:-2vw; margin-bottom: -3vw; background: url(mArea03_bg.png?t=1764750108419) center top 100%/ 100% no-repeat scroll;height: 66vw;}
	  .Area03 .box .PD_layout {padding-top: 16vw}	  
}

.Area04{}
  @media screen and (min-width:768px){
    .Area04 .box { margin-top:5px; margin-bottom: 5px; background: url(Area04_bg.png?t=1764750108419) center top 0%/ 100% no-repeat scroll;height:550px;padding-top: 10%}
}

  @media screen and (max-width:767px){
    .Area04 .box { margin-top:-3vw; margin-bottom: -3vw; background: url(mArea04_bg.png?t=1764750108419) center top 100%/ 100% no-repeat scroll;height:88vw;}
}
/*
 * Autumn
 * 你可能會喜歡機制edmBgw.js-v1.1
 *******************************************************************
 *  --2020.03.27--延遲讀圖調整設定,輪播改v5.2.1版本(v1.1)
 *  --2019.01.06--將edmBgw.js incude在您可能會喜歡區塊語法的後面即可，不一定要緊接著(v1.0)
 *  --2019.01.06--簡易模組化公版#bt_0_layout_b268_ (PD_layout-v1.0)(v1.0)
 *******************************************************************
 */
  /*基本款*/
  .Area_b268 {overflow: hidden;}

@media screen and (max-width:767px){
  .Area_b268 { margin-top: 6vw; margin-bottom: -3.5vw;}
}


  #bt_0_layout_b268 .PD_layout { position:relative; margin:0 auto; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; text-align: center; overflow: hidden;} 
  #bt_0_layout_b268 .PD_layout a { display:block; text-decoration:none; color:#000;}
  #bt_0_layout_b268 .PD_layout ul { margin:0 auto; padding:10px 0; min-height: auto; list-style:none; flex-wrap: nowrap;}
  #bt_0_layout_b268 .PD_layout ul:after { content:""; display:block; clear:both; }
  #bt_0_layout_b268 .PD_layout li { float:left; display:block; position:relative; margin:0; padding:0;
                      -webkit-transition: 0.2s ease;
                         -moz-transition: 0.2s ease;
                          -ms-transition: 0.2s ease;
                           -o-transition: 0.2s ease;
                              transition: 0.2s ease;}
  #bt_0_layout_b268 .PD_layout .BN img { width: 175px; height: 175px;
                      -webkit-transition: 0.2s ease;
                         -moz-transition: 0.2s ease;
                          -ms-transition: 0.2s ease;
                           -o-transition: 0.2s ease;
                              transition: 0.2s ease;}
  #bt_0_layout_b268 .PD_layout .PD .youLikePic img { width:100%; }
  #bt_0_layout_b268 .PD_layout .PD .youLikePic:hover img { filter:brightness(105%);}
  #bt_0_layout_b268 .PD_layout .PD .youLikePic .prdPrice img { width: 45px; height: auto; }
  #bt_0_layout_b268 .PD_layout .PD_slide { background-color:#fff; border-radius:10px;}
  #bt_0_layout_b268 .PD_layout .PD_slide:hover { z-index:5;}	
  #bt_0_layout_b268 .PD_layout .PD { position:relative;}
  #bt_0_layout_b268 .PD_layout .PD { margin:10px; margin-bottom:0;}
  #bt_0_layout_b268 .PD_layout .PD .PD_img { width:100%; height:auto;}
  #bt_0_layout_b268 .PD_layout .PD h4 b { display:block;}
  #bt_0_layout_b268 .PD_layout .PD h4 br { display: none;}
  #bt_0_layout_b268 .PD_layout .PD .prdName{ margin:0 auto 5px; padding: 0; text-align: left; font-size:16px; line-height:1.4; color:#000;}
  #bt_0_layout_b268 .PD_layout .PD .prdName{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
  #bt_0_layout_b268 .PD_layout .PD .prdName{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal;  }
  #bt_0_layout_b268 .PD_layout .PD:hover .prdName { color:#d92670;}
  #bt_0_layout_b268 .PD_layout .PD .PD_prdPrice{display: block;}
  #bt_0_layout_b268 .PD_layout .PD p { padding-right:5px; height: auto; font-family: Century Gothic,"微軟正黑體"; color:#5e5e5e; }
  #bt_0_layout_b268 .PD_layout .PD p .prdPrice { display: block; width: 100%; /*height: 40px;*/ font-size:20px; font-family: Century Gothic; letter-spacing:-1px; overflow: hidden; }
  #bt_0_layout_b268 .PD_layout .PD p .prdPrice img { display: block; float: left; }
  #bt_0_layout_b268 .PD_layout .PD p .prdPrice b { display: block; float: right; padding-right: 5px; }
    @media screen and (min-width:768px){
      #bt_0_layout_b268 .PD_layout .PD_slide:hover { -webkit-transform:translateY(-6px); -moz-transform:translateY(-6px); -ms-transform:translateY(-6px); -o-transform:translateY(-6px); transform:translateY(-6px);}
      #bt_0_layout_b268 .PD_layout .PD_slide:hover { box-shadow:0 10px 20px rgba(0,0,0,0.2);}	
    }
    @media screen and (max-width:767px){
      #bt_0_layout_b268 .PD_layout,
      #bt_0_layout_b268 .PD_layout * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;} 
      #bt_0_layout_b268 .PD_layout ul { margin:0 auto; padding:0; min-height: auto; list-style:none; overflow: inherit;}
      #bt_0_layout_b268 .PD_layout .PD_slide { text-align:left;}
      #bt_0_layout_b268 .PD_layout .PD_slide:hover {-webkit-transform:none; transform: none;}
      #bt_0_layout_b268 .PD_layout .PD .PD_img { margin:0;}
      #bt_0_layout_b268 .PD_layout .PD .prdName{ margin:0 auto 5px; padding: 0; font-size:16px; line-height:1.4; color:#000;}
      #bt_0_layout_b268 .PD_layout .PD p { margin-bottom:8%; padding:0; font-size:15px; line-height:16px;}
      #bt_0_layout_b268 .PD_layout .PD p b { font-size:20px; line-height: 1; }
      #bt_0_layout_b268 .PD_layout .PD p .prdPrice { font-size:24px; font-weight: 300; vertical-align: bottom;}
    }
    /*改成輪播用公版*/
    #bt_0_layout_b268 .b268_swiper ul { display: -webkit-inline-flex; display: inline-flex; margin: 0 auto; padding:10px 0;}
    #bt_0_layout_b268 .b268_swiper li { float:none; margin:0; width: 195px; }
    #bt_0_layout_b268 .b268_swiper {  position: static;  overflow: hidden; overflow: inherit; }
      @media screen and (min-width:768px){
        #bt_0_layout_b268 .b268_swiper {   margin: 0;  padding: 0 60px;  padding-top: 10px; }
      }
      @media screen and (max-width:767px){
        #bt_0_layout_b268 .b268_swiper {   margin: 0 2.8vw;  padding: 0 1%;  padding-top: 10px; padding-bottom: 1%;}
        #bt_0_layout_b268 .b268_swiper ul { padding:0;  }
        #bt_0_layout_b268 .b268_swiper li { width: 30%; }
      }
    /*1排3品微調*/
      @media screen and (max-width:768px){
        #bt_0_layout_b268 .PD_layout .PD p { /*height: 15vw;*/ }
        #bt_0_layout_b268 .PD_layout .PD .prdName{ height:auto; font-size:3.5vw; line-height:1.3; color:#000; overflow: hidden;}
        #bt_0_layout_b268 .PD_layout .PD .youLikePic .prdPrice img { width: 8vw; height: auto; }
        #bt_0_layout_b268 .PD_layout .PD p .prdPrice b{ font-size:4vw; padding-right:2px; }	
      }
	


/*你可能會喜歡*/
.Area_b268 { height: 1050px; margin-bottom: -380px;}
    @media screen and (min-width:768px){
      .Area_b268 > .Area_boxstyle_box { min-height: auto; }
      #bt_0_layout_b268 .b268_swiper{  margin: 23px 78px 0 0; padding: 0 ; box-sizing: border-box;}

    }
    @media screen and (max-width:767px){
	  .Area_b268 { height: 90vw;top:0; margin-bottom: 0;}
      .Area_b268 > .Area_boxstyle_box { /*padding: 8vw 0.5vw 4vw 0;*/ }
    }
    /*輪播調整*/
    .Area_b268 .Area_swiper .b268_swiper-wrapper { flex-wrap: nowrap;}
     .Area_b268 .b268_swiper .b268_swiper-wrapper{width: 20%;}
        /*輪播指定寬高*/
        @media screen and (min-width:768px){
          .Area_b268 .Area_swiper { /*padding: 0 10px;*/ padding: 0;}
          .Area_b268 .Area_swiper { height: 327px; width:97%; }
          #bt_0_layout_b268 .b268_swiper ul{padding: 10px 0;}
        }
        @media screen and (max-width:767px){
          .Area_b268 .Area_swiper { margin: 0; padding: 0;}
		  .Area_b268 .b268_swiper .b268_swiper-wrapper{width: 54%;}
          #bt_0_layout_b268 .b268_swiper { margin: 0; padding-bottom: 2vw;}
          #bt_0_layout_b268 .b268_swiper .Area_swiper_box01 { padding-bottom: 2vw;}
          .Area_b268 .Area_swiper { height: 68vw; width: 90%; position: absolute; left: 5vw; top: 15vw; height: 65vw;}
        } 

/*猜你喜歡-去除共用素材ul寬度更改*/
.Area_b268 .PD_layout ul {width: auto;}



/*浮層區-活動詳情*/
.agree_more .txtArea .img { margin: 0; box-sizing: border-box; padding: 1em; padding-bottom: 0;;}





.Area03btn-2 {
  position: relative;
  margin: 2% auto 0;
  border-radius: 2.6em;
  width: 53.5%;    margin-bottom: 53px;
}

@media screen and (max-width:767px){
  .Area03btn-2 {
    position: relative;
    margin: 2% auto 0;
    border-radius: 2.6em;
    width: 53.5%;    margin-bottom:5vw;}
  } 




/*共用*/
.for_pc { display:block !important;}
.for_phone  { display:none !important;}
	@media screen and (max-width:736px){ 
		/*共用*/
		.for_pc { display:none !important;}
		.for_phone  { display:block !important;}
	}

/*飄-上下*/
.horizon-play { -webkit-animation:horizon-play 1.5s infinite alternate;
				         animation:horizon-play 1.5s infinite alternate;}
	@-webkit-keyframes horizon-play { 
		0% { 
			-webkit-transform: translate(0,0);  
		} 
		100% { 
			-webkit-transform: translate(0,10px);
		}
	}
	@keyframes horizon-play { 
		0% { 
			transform: translate(0,0);  
		} 
		100% { 
			transform: translate(0,10px);
		}
	}