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

/*基本*/
html, body{ font-size: inherit !important;}
body{ margin:0; padding:0;/* background-color: #00c3c6;*/ font-size: inherit !important;}


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

	
/*背景*/
.bg { position:absolute; top:0; left:0; width:100%; height:100%; pointer-events: none;}
@media screen and (min-width:768px){
  .bg { min-width:1220px; height: 1320px;} 
  .bg01  { z-index:-1; background: url(bg01.jpg?t=1749450570722) no-repeat center top; height: 465px;}
  .bg05  { z-index:-1; background: url(bg05.png?t=1749450570722) no-repeat center bottom; height: 816px; top: inherit; bottom: 0;}
}

@media screen and (max-width:767px){
  .bg { min-width:100%;}     
  .m_bg01  { z-index:-1; background: url(m_bg01.png?t=1749450570722) no-repeat center top; background-size: 100%;}
  .m_bg02  { z-index:-2; background: url(m_bg02.png?t=1749450570722) no-repeat center top; background-size: 100%;}
  .m_bg05  { z-index:-3; background: url(m_bg05.png?t=1749450570722) no-repeat center bottom; background-size: 100%; top: inherit; bottom: 0;}
}


/*區塊_all*/
.Area { z-index:1; 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;}
.Areabottom { margin-bottom: 110px;}
	@media screen and (max-width:767px){
		.Area1220 { width:100%;}
		.Area960 { width:100%;}
    .Areabottom { margin-bottom:9vw;}
		/*區塊_切割*/
		.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 .go_bt:hover {
          -webkit-transform:none;
             -moz-transform:none;
              -ms-transform:none;
               -o-transform:none;
                  transform:none;}
	}
  @font-face { font-family:"Century Gothic"; src: url(GOTHIC.ttf);}
  @font-face { font-family:"Century Gothic bold"; src: url(GOTHICB.ttf);}



/*版頭*/
.Area_top { height: 589px;}
.momologo-white a:hover path { fill:#EA27C2; }/*LOGO 桃紅色*/
.Area_top .box_title { position: relative;}
.Area_top .topframe { position: absolute; top: 76px; left: 718px; border: 6px solid #030186; background-image: url(frameBG.png?t=1749450570722); background-position: center top; background-size: 100%; background-repeat: no-repeat;}
.Area_top .role { position: absolute; top: 0; left: 724px; width: 439px; height: 528px; overflow: hidden;}
.Area_top .momoco { z-index: 2; position: absolute; top: 47px; left: 0;}
.Area_top .deco01 { position: absolute; top: 352px; left: 202px;}
.Area_top .deco02 { z-index: 1; position: absolute; top: 114px; left: 666px;}
.Area_top .decoC1 { position: absolute; top: 263px; left: -268px;}
.Area_top .decoC2 { z-index: 4; position: absolute; top: 146px; left: 670px;}
	@media screen and (min-width:768px){
		.Area_top .box_title { position: absolute; top: 0; left: -86px;}
	}
	@media screen and (max-width:767px){
		.Area_top { height: 104.7vw;}
    .Area_top .topframe { top: 46.2vw; left: 20.4%; border: 1vw solid #030186; background-image: url(frameBG.png?t=1749450570722); background-position: center top; background-size: 100%; background-repeat: no-repeat;}
    .Area_top .role { top: 39.6vw; left:  calc(20.3% + 1vw); width: 56.6vw; height: 60vw;}
    .Area_top .momoco { top: 5%; left: 3%; width: 92.7%;}
    .Area_top .deco01 { top: 63%; left: 46%; width: 64.35%;} 
    .Area_top .deco02 { top: 51vw; left: 17%; width: 17.6%;}
    .Area_top .decoC1 { top: 35.7vw; left: 0; width: 100%;}
	}



/* --------------------------------------
 * page 輪播微調
 * -------------------------------------- */

/*輪播樣式調整--按鈕/小圓點/進度條*/
.Area_boxstyle_pagination .swiper-pagination-bullet { border-radius: 20px; width: 6px; height: 6px;
  -webkit-transition: opacity .3s, background-color .3s, width .3s;
          transition: opacity .3s, background-color .3s, width .3s;
  -webkit-transition-delay: .3s, .3s, 0s;
          transition-delay: .3s, .3s, 0s;}
.Area_boxstyle_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 24px;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.Area_boxstyle_pagination .swiper-pagination-bullet { background-color: #fff; opacity: 0.4;}
.Area_boxstyle_pagination .swiper-pagination-bullet-active { background-color: #fff; opacity: 1;}
.Area_boxstyle_pagination-white .swiper-pagination-bullet { background-color: #fff; opacity: 0.4;}
.Area_boxstyle_pagination-white .swiper-pagination-bullet-active { background-color: #fff; opacity: 1;}
.Area_boxstyle_button { color: #333; /*text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.6);*/ -webkit-transition: 0.2s; transition: 0.2s;}
.Area_boxstyle_button:hover { color: #fff; text-shadow: inherit;}
.Area_boxstyle_button.swiper-button-next::after,
.Area_boxstyle_button.swiper-button-prev::after { -webkit-transform: scale(0.8); transform: scale(0.8);}
.Area_boxstyle_button.swiper-button-next::before,
.Area_boxstyle_button.swiper-button-prev::before { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; width: calc(var(--swiper-navigation-size) * 1.5); height: calc(var(--swiper-navigation-size) * 1.5);}
.Area_boxstyle_button.swiper-button-next::before,
.Area_boxstyle_button.swiper-button-prev::before { background-color: rgba(0, 0, 0, 0.25); opacity: 0;
  -webkit-box-shadow: inset 0 0 1px 1px #fff;
          box-shadow: inset 0 0 1px 1px #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: 0.2s;
          transition: 0.2s;}
.Area_boxstyle_button.swiper-button-next::before { left: 45%;}
.Area_boxstyle_button.swiper-button-prev::before { left: 55%;}
.is-showhover2.Area_boxstyle_button.swiper-button-next::before,
.is-showhover2.Area_boxstyle_button.swiper-button-prev::before { width: calc(var(--swiper-navigation-size) * 2); height: calc(var(--swiper-navigation-size) * 2);}
.is-showhover2.Area_boxstyle_button.swiper-button-next::before { border-radius: 50% 0 0 50%; -webkit-transform: translate(-40%, -50%); transform: translate(-40%, -50%);}
.is-showhover2.Area_boxstyle_button.swiper-button-prev::before { border-radius: 0 50% 50% 0; -webkit-transform: translate(-60%, -50%); transform: translate(-60%, -50%);}
.is-showhover.Area_boxstyle_button.swiper-button-next:hover::before,
.is-showhover.Area_boxstyle_button.swiper-button-prev:hover::before { opacity: 1;}
  /*配色*/
  .Area_boxstyle_button.swiper-button-next::before,
  .Area_boxstyle_button.swiper-button-prev::before {
    background-color: rgba(255, 72, 0, 0.5);
    -webkit-box-shadow: inset 0 0 1px 1px #fefce9;
            box-shadow: inset 0 0 1px 1px #fefce9;}

  .Area_boxstyle_box .is-showhover2.Area_boxstyle_button.swiper-button-next::before,
  .Area_boxstyle_box .is-showhover2.Area_boxstyle_button.swiper-button-prev::before {
    background-color: rgba(139, 63, 13, 0.5);
    -webkit-box-shadow: inset 0 0 1px 1px #fefce9;
            box-shadow: inset 0 0 1px 1px #fefce9;}
  .Area_boxstyle_box2b .is-showhover2.Area_boxstyle_button.swiper-button-next::before,
  .Area_boxstyle_box2b .is-showhover2.Area_boxstyle_button.swiper-button-prev::before { background-color: rgba(11, 81, 146, 0.8);}
  .Area_boxstyle_button-white { color: #fff;}
  .Area_boxstyle_button.swiper-button-next:after,
  .Area_boxstyle_button.swiper-button-prev:after { -webkit-transform: scale(0.8); transform: scale(0.8);}
  .Area_boxstyle_button-white.swiper-button-next::before,
  .Area_boxstyle_button-white.swiper-button-prev::before { -webkit-box-shadow: inset 0 0 1px 1px #fff; box-shadow: inset 0 0 1px 1px #fff;}
  .Area_boxstyle_button-color2 { color: #1A3117;}
  .Area_boxstyle_button-color2.swiper-button-next::before,
  .Area_boxstyle_button-color2.swiper-button-prev::before { -webkit-box-shadow: inset 0 0 1px 1px #1A3117; box-shadow: inset 0 0 1px 1px #1A3117;}
  .Area_boxstyle_scrollbar.swiper-scrollbar { left: 2%; width: 96%; height: 3px; background-color: rgba(0, 0, 0, 0.2);}
  .Area_boxstyle_scrollbar .swiper-scrollbar-drag { background: #fff;}
  .Area_boxstyle_scrollbar-white .swiper-scrollbar-drag { background: #fff;}

/*輪播調整*/
.Area_swiper_box .pagination { -webkit-transform:scale(0.7); transform:scale(0.7);}
  @media screen and (min-width: 768px) {
    .Area_swiper { /*margin: 0 5px;*/ padding: 10px 57px 3px;}
    .Area_swiper img { width: 100%; height: auto;}
    .swiper-button-next { right: 20px;}
    .swiper-button-prev { left: 20px;}
  }
  @media screen and (max-width: 767px) {
    .Area_swiper { margin: 0; padding: 2vw 4.2% 1vw; width: 100%;}
  }



/*全區塊共用*/
.Area_boxstyle .box_title { margin-bottom: 26px;}
.Area_boxstyle .PD_layout .PD_slide:hover { -webkit-box-shadow: none; box-shadow: none;}
.Area_boxstyle .PD_layout .PD p .money { font-family:"Century Gothic bold", "Microsoft JhengHei", system-ui, Helvetica, Arial;}

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



/*折價券共用*/
.Area_Coupon {}
.Area_Coupon .get_all { position: absolute; top: 82px; left: 925px;}
.Area_Coupon .get_all ul { margin: 0; padding: 0; list-style: none;}
  @media screen and (max-width:767px){
    .Area_Coupon .get_all { position: absolute; top: 12.4vw; left: 23.5%; width: 22.8%;}
  }
  /*券樣式*/
  .Area_Coupon .PD_coupon .PD_slide { background-size: 100%; background-repeat: no-repeat; background-position: center top; background-color: transparent;}
  /*css內凹圓.Area_Coupon .PD_coupon .PD_slide { background: radial-gradient(20px at -2.5% 50%, transparent 50%, #fff 50%) center left, radial-gradient(20px at 102.5% 50%, transparent 50%, #fff 50%) center right; background-size: 50% 100%; background-repeat: no-repeat;}*/
  .Area_Coupon .PD_coupon .PD p { height: 2.15em; line-height: 2.15em; color: #7570d4; font-size: 1.88em;}
  .Area_Coupon .PD_coupon .PD p .Discount { font-size: 2.47em; /*font-weight: 700;*/ font-family:"Century Gothic bold", "Microsoft JhengHei", system-ui, Helvetica, Arial; letter-spacing: -0.02em;}
  .Area_Coupon .PD_coupon .PD h3 { max-height: 2.5em; line-height: 2.5em; color: #6d6d6d; font-size: 1.5em; font-weight: normal; font-family: "Century Gothic","微軟正黑體","Microsoft JhengHei",Helvetica;}
  .Area_Coupon .PD_coupon .PD p small { position: relative; top: -0.075em; font-size: 1.27em; font-weight: 900;}
  .Area_Coupon .PD_coupon .PD h5 { margin: 0; color: #414141; font-size: 1em; font-weight: normal; font-style: italic;}
  .Area_Coupon .PD_coupon .PD h5 .Deadline { font-family: Microsoft Tai Le,"微軟正黑體","Microsoft JhengHei",Helvetica;}
    @media screen and (max-width:767px){
      .Area_Coupon .PD_coupon .PD p .Discount { letter-spacing: -0.25vw;}
      .Area_Coupon .PD_coupon .PD h3 { max-height: 1.9em; line-height: 1.9em;}
       
      /*h5單行超出隱藏*/
      .Area_Coupon .PD_layout .PD h5 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; white-space: normal; overflow: hidden;}
    }
    /*按鈕*/
    .Area_Coupon .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more { background: #ff3254;}
    .Area_Coupon .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more b::after { content: "立即領取";}
    .Area_Coupon .PD_layout[data-pd-btn] .PD_btn i { display: none;}
    .Area_Coupon .PD_layout[data-pd-btn] .PD_btn span, .PD_layout[data-pd-btn] .PD_btn.more span { -webkit-transform: none; transform: none;}
    .Area_Coupon .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more { pointer-events: none;}
    .Area_Coupon .PD_layout[data-pd-btn][data-pd-btn-more] .cate-hover .PD a { pointer-events: none;}
    .Area_Coupon .PD_layout[data-pd-btn][data-pd-btn-more] .cate-hover .PD_btn.more { background: #333; pointer-events: inherit;}
    .Area_Coupon .PD_layout[data-pd-btn][data-pd-btn-more] .cate-hover .PD_btn.more b::after { content: "適用商品";}
    /*裝飾圖*/
    .Area_Coupon .PD_coupon .PD_slide:after { content: ""; pointer-events: none; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-position: center top; background-size: 100%; background-repeat: no-repeat;}



/*01全站限時券*/
.Area_Coupon1 {}
.Area_Coupon1 .PD_coupon .PD_slide { overflow: visible; text-align: left;}
.Area_Coupon1 .PD_coupon .PD_slide:before { content: ""; pointer-events: none; position: absolute; top: -2%; right: 6%; display: block; width: 7.8%; height: 26.7%; background-image: url(icon-time.png?t=1749450570722); background-position: center top; background-size: 100%; background-repeat: no-repeat;}
.Area_Coupon1 .PD_coupon .PD:after { content: ""; pointer-events: none; position: absolute; top: -5.9%; left: -3.1%; display: block; width: 15%; height: 30%; background-image: url(PD_deco.png?t=1749450570722); background-position: center top; background-size: 100%; background-repeat: no-repeat;}
.Area_Coupon1 .PD_coupon .PD_into { padding: 2em; padding-left: 2.6em; width: 100%;}
.Area_Coupon1 .PD_coupon .PD h3 { position: absolute; top: 2.675em; left: 45.5%; width: 30%; max-height: 1.7em; line-height: 1.8em; /*font-size: 1.62em;*/}
.Area_Coupon1 .PD_coupon .PD h4 { position: absolute; top: 1.925em; left: 51%; max-height: 1.35em; line-height: 1.35em; color: #fff; font-size: 1.215em; overflow: inherit;}
.Area_Coupon1 .PD_coupon .PD h4 b { display: block; width: 5.15em; height: 1.45em; font-size: 0.9em; letter-spacing: 0.2em; text-align: center; background-color: #333; overflow: hidden;}
.Area_Coupon1 .PD_coupon .PD h4 b:before { content: ""; position: absolute; top: 0; right: 5.15em; width: 0; height: 0; border: 1em solid transparent; border-bottom-color: #333; border-width: 0em 0em 1.45em 0.4em;}
.Area_Coupon1 .PD_coupon .PD h4 b:after { content: ""; position: absolute; top: 0; left: 5.15em; width: 0; height: 0; border: 1em solid transparent; border-top-color: #333; border-width: 1.45em 0.4em 0em 0em;}
.Area_Coupon1 .PD_coupon .PD h4:after { content: "///"; position: absolute; top:0; left: -1.7em; width: 2em; height: 100%; color: #333; font-size: 0.8em; font-family: Antonio;} /*斜線*/
.Area_Coupon1 .PD_coupon .PD h5 { margin-top: 1.3em; padding-left: 0.15em;}
.Area_Coupon1 .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more { bottom: 3.5em; left: inherit; right: 5%; width: 20.7%;}
  /*按鈕狀態*/
  .Area_Coupon1 .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more b.nextTime::after { display: none;}
  .Area_Coupon1 .PD_layout[data-pd-btn][data-pd-btn-more] .time_pre,
  .Area_Coupon1 .PD_layout[data-pd-btn][data-pd-btn-more] .time_end {pointer-events: none;}
  .Area_Coupon1 .PD_layout[data-pd-btn][data-pd-btn-more] .time_pre .PD_btn.more,
  .Area_Coupon1 .PD_layout[data-pd-btn][data-pd-btn-more] .time_end .PD_btn.more { background: #868686;}
  .Area_Coupon1 .PD_layout[data-pd-btn][data-pd-btn-more] .time_ing .PD_btn.more b.nextTime::after { display: block; content: "立即搶";}
  .Area_Coupon1 .PD_layout[data-pd-btn][data-pd-btn-more] .cate-hover .PD_btn.more b.nextTime::after { display: block; content: "適用商品";}
	@media screen and (min-width:768px){
    .Area_Coupon1 { margin-bottom: 164px;}
    .Area_Coupon1 .box_title { margin-bottom: 35px;}
    .Area_Coupon1 .PD_layout ul { padding-left: 16px; padding-right: 16px;}
    .Area_Coupon1 .PD_coupon ul li { margin-bottom: 27px; margin-left: 32px; width: calc(50% - 32px * 0.5);}
    .Area_Coupon1 .PD_coupon .PD_slide { width: 578px; height: 180px; background-image: url(Coupon1_bg.svg);}
    .Area_Coupon1 .PD_coupon .PD_slide:after { background-image:url(PD_coupon1_deco.png?t=1749450570722);} /*裝飾圖*/
	}
	@media screen and (max-width:767px){
    .Area_Coupon1 { margin-bottom: 17.5vw;}
    .Area_Coupon1 .box_title { margin-bottom: 3.5vw;}
    .Area_Coupon1 .PD_layout { font-size: 3.15vw;}
    .Area_Coupon1 .PD_layout ul { padding-left: 5.6%; padding-right: 5.6%;}
    .Area_Coupon1 .PD_coupon ul li { margin-bottom: 1.7vw; transform: scale(0.95); transform-origin: top center;}
    .Area_Coupon1 .PD_coupon .PD_slide { height: 28.2vw; background-image: url(Coupon1_mbg.svg);}
    .Area_Coupon1 .PD_coupon .PD_slide:after { background-image:url(PD_coupon1_decoM.png?t=1749450570722);} /*裝飾圖*/
    .Area_Coupon1 .PD_coupon .PD_slide:before { width: 8.8%; height: 30.7%;}
    .Area_Coupon1 .PD_coupon .PD:after { top: -5.9%; left: -3.1%; width: 14%; height: 30%;}
    .Area_Coupon1 .PD_coupon .PD_into { padding-top: 1.825em; padding-left: 1.875em;}
    .Area_Coupon1 .PD_coupon .PD p { font-size: 1.6em;}
    .Area_Coupon1 .PD_coupon .PD h3 { top: 2.175em; left: 42.5%; width: 31%;}
    .Area_Coupon1 .PD_coupon .PD h4 { top: 1.425em; left: 49.2%; font-size: 1.25em;}
    .Area_Coupon1 .PD_coupon .PD h4 b { width: 5.2em; font-size: 0.925em;}
    .Area_Coupon1 .PD_coupon .PD h4 b:before { content: ""; position: absolute; top: 0; right: 5.2em; width: 0; height: 0; border: 1em solid transparent; border-bottom-color: #333; border-width: 0em 0em 1.45em 0.4em;}
    .Area_Coupon1 .PD_coupon .PD h4 b:after { content: ""; position: absolute; top: 0; left: 5.2em; width: 0; height: 0; border: 1em solid transparent; border-top-color: #333; border-width: 1.45em 0.4em 0em 0em;}
    .Area_Coupon1 .PD_coupon .PD h4:after { font-size: 0.7em;} /*斜線*/
    .Area_Coupon1 .PD_coupon .PD h5 { margin-top: 1.275em; margin-left: -0.55em; letter-spacing: -0.025em;}
    .Area_Coupon1 .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more { bottom: 3.575em; right: 4.2%; width: 22.5%; font-size: 0.905em;}
    .Area_Coupon1 .PD_layout[data-pd-btn] .PD_btn b { max-height: 1.9em; line-height: 1.9em; font-size: 1.275em;}
	}

  /*01新增限時限量券*/
  .Area_Coupon1 .PD_couponADD ul { padding-left: 0; padding-right: 0;}
  .Area_Coupon1 .PD_couponADD ul li { margin: 0;}
    @media screen and (min-width:768px){
      .Area_Coupon1 .Area_swiper { margin-top: 40px; padding: 10px 6px 3px; height: 205px;}
    }
    @media screen and (max-width:767px){
      .Area_Coupon1 .Area_swiper { margin-top: 2vw; height: 30vw;}
    }


/*02全站適用券*/
.Area_Coupon2 {}
.Area_Coupon2 .PD_coupon .PD .PD_into:after { content: "-------------------------"; position: absolute; bottom: 5.2em; left: 0; width: 100%; height: 1em; color: #595959; font-weight: 500; letter-spacing: 0.1em;} /*虛線*/
.Area_Coupon2 .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more { bottom: 2.4em; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 54.75%;}
	@media screen and (min-width:768px){
    .Area_Coupon2 .PD_layout ul { padding-left: 57px; padding-right: 57px;}
    .Area_Coupon2 .PD_layout ul li { margin-bottom: 16px; margin-left: 18px; width: calc(25% - 18px * 0.75);}
    .Area_Coupon2 .PD_layout ul li:nth-child(4n+1) { margin-left: 0;}
    .Area_Coupon2 .PD_layout .PD_slide { height: 364px; background-image: url(Coupon2_bg.svg);}
    .Area_Coupon2 .PD_coupon .PD_slide:after { background-image:url(PD_coupon2_deco.png?t=1749450570722);}
    .Area_Coupon2 .PD_layout .PD_into { padding-top: 3em; padding-bottom: 6.9em;}
	}
	@media screen and (max-width:767px){
    .Area_Coupon2 .PD_layout { padding-top: 2vw; font-size: 3.15vw;}
    .Area_Coupon2 .PD_layout ul li { margin-left: 1em; width: calc(50% - 1em * 0.5); transform: scale(0.88); transform-origin: top center; margin-bottom:-5vw;}
    .Area_Coupon2 .PD_layout ul li:nth-child(odd) { transform-origin: top right;}
    .Area_Coupon2 .PD_layout ul li:nth-child(even) { transform-origin: top left;}
    .Area_Coupon2 .PD_layout .PD_slide { height: 53.6vw; background-image: url(Coupon2_mbg.svg);}
    .Area_Coupon2 .PD_coupon .PD_slide:after { background-image:url(PD_coupon2_decoM.png?t=1749450570722);}
    .Area_Coupon2 .PD_layout .PD_into { padding-top: 2em; padding-bottom: 6.6em;}
    .Area_Coupon2 .PD_coupon .PD .PD_into:after { bottom: 5.3em; transform: scale(0.95);} /*虛線*/
    .Area_Coupon2 .PD_coupon .PD h5 { font-size: 0.875em; padding-right: 0.075em;}
    .Area_Coupon2 .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more { bottom: 2.3em;}
    .Area_Coupon2 .PD_layout[data-pd-btn] .PD_btn b { max-height: 1.9em; line-height: 1.9em; font-size: 1.275em;}
	}


/*03商品類別券(輪播)*/
.Area_Coupon3 {}
.Area_Coupon3 .PD_coupon .PD_slide { overflow: hidden; text-align: left;}
.Area_Coupon3 .PD_coupon .PD_img { margin: 0.6% 2% 0 3.4%; width: 21.4%;}
.Area_Coupon3 .PD_coupon .PD_img b { display: block; margin-top: -0.45em; color: #333; font-size: 1.3em; font-weight: 400; text-align: center;}
.Area_Coupon3 .PD_coupon .PD_into { padding-top: 1.55em; width: 86%;}
.Area_Coupon3 .PD_coupon .PD p { color: #ff3254;}
.Area_Coupon3 .PD_coupon .PD h3 { position: absolute; top: 2.275em; left: 65.5%; width: 30%; max-height: 1.7em; line-height: 1.8em; /*font-size: 1.62em;*/}
.Area_Coupon3 .PD_coupon .PD h4 { position: absolute; top: 1.525em; left: 71%; /*width: 24%;*/ margin-bottom: 0.45em; max-height: 1.35em; line-height: 1.35em; color: #fff; font-size: 1.215em; overflow: inherit;}
.Area_Coupon3 .PD_coupon .PD h4 b { display: block; width: 5.55em; height: 1.45em; font-size: 0.9em; letter-spacing: -0.01em; text-align: center; background-color: #333; overflow: hidden;}
.Area_Coupon3 .PD_coupon .PD h4 b:before { content: ""; position: absolute; top: 0; right: 5.55em; width: 0; height: 0; border: 1em solid transparent; border-bottom-color: #333; border-width: 0em 0em 1.45em 0.4em;}
.Area_Coupon3 .PD_coupon .PD h4 b:after { content: ""; position: absolute; top: 0; left: 5.55em; width: 0; height: 0; border: 1em solid transparent; border-top-color: #333; border-width: 1.45em 0.4em 0em 0em;}
.Area_Coupon3 .PD_coupon .PD h4:after { content: "///"; position: absolute; top:0; left: -1.7em; width: 2em; height: 100%; color: #333; font-size: 0.8em; font-family: Antonio;} /*斜線*/
.Area_Coupon3 .PD_coupon .PD h5 { margin-top: 1.3em; padding-left: 0.15em;}
.Area_Coupon3 .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more { bottom: 1.2em; left: inherit; right: 5%; width: 20.7%;}
  /*輪播兩行*/
  .Area_Coupon3 .PD_layout ul { -ms-flex-wrap: wrap; flex-wrap: wrap; height: 580px;}
	@media screen and (min-width:768px){
    .Area_Coupon3 { padding-bottom: 41px; background-image: url(Area_Coupon3_bg.png?t=1749450570722); background-position: center top; background-repeat: no-repeat;}
    .Area_Coupon3 .box_title { position: absolute; top: 0; left: 113px;}
    .Area_Coupon3 .get_all { top: 581px; left: 269px;}
    .Area_Coupon3 .PD_layout .PD_slide { width: 578px; height: 172px; background-image: url(Coupon3_bg.svg);}
    .Area_Coupon3 .PD_coupon .PD_slide:after { background-image:url(PD_coupon3_deco.png?t=1749450570722);} /*裝飾圖*/
    /*.Area_Coupon3 .Area_swiper { margin-left: 385px; padding: 79px 101px 3px; width: 780px; height: 659px;}*/
    .Area_Coupon3 .Area_swiper { margin-left: 425px; padding: 79px 101px 3px 61px; width: 740px; height: 659px;}
	}
	@media screen and (max-width:767px){
    .Area_Coupon3 { padding-top: 8.8vw; padding-bottom: 6.5vw; background-image: url(m_Area_Coupon3_bg.png?t=1749450570722); background-position: center top; background-size: 100%; background-repeat: no-repeat;}
    .Area_Coupon3 .get_all { top: 20.8vw;}
    .Area_Coupon3 .PD_layout { font-size: 2.85vw;}
    .Area_Coupon3 .PD_layout ul { height: 79vw;}
    .Area_Coupon3 .PD_layout .PD_slide { height: 24.5vw; background-image: url(Coupon3_mbg.svg);}
    .Area_Coupon3 .PD_coupon .PD_slide:after { background-image:url(PD_coupon3_decoM.png?t=1749450570722);} /*裝飾圖*/
    .Area_Coupon3 .PD_coupon .PD_img { margin: 0.7% 1% 0 2.8%;}
    .Area_Coupon3 .PD_coupon .PD_img b { margin-top: -0.35em; font-size: 1.225em;}
    .Area_Coupon3 .PD_coupon .PD_into { padding-top: 1.45em; padding-bottom: 4.9em;}
    .Area_Coupon3 .PD_coupon .PD p { font-size: 1.6em;}
    .Area_Coupon3 .PD_coupon .PD h3 { top: 1.875em; left: 65%; width: 31%;}
    .Area_Coupon3 .PD_coupon .PD h4 { top: 1.025em; left: 70.5%; font-size: 1.25em;}
    .Area_Coupon3 .PD_coupon .PD h4 b { width: 5.2em; font-size: 0.925em; letter-spacing: -0.05em;}
    .Area_Coupon3 .PD_coupon .PD h4 b:before { content: ""; position: absolute; top: 0; right: 5.2em; width: 0; height: 0; border: 1em solid transparent; border-bottom-color: #333; border-width: 0em 0em 1.45em 0.4em;}
    .Area_Coupon3 .PD_coupon .PD h4 b:after { content: ""; position: absolute; top: 0; left: 5.2em; width: 0; height: 0; border: 1em solid transparent; border-top-color: #333; border-width: 1.45em 0.4em 0em 0em;}
    .Area_Coupon3 .PD_coupon .PD h4:after { font-size: 0.7em;} /*斜線*/
    .Area_Coupon3 .PD_coupon .PD h5 { margin-top: 1.2em; margin-left: -0.35em; font-size: .94em; letter-spacing: -0.025em;}
    .Area_Coupon3 .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more { bottom: 1.1em; right: 4.2%; width: 22.8%;}
    .Area_Coupon3 .PD_layout[data-pd-btn] .PD_btn b { max-height: 1.75em; line-height: 1.75em; font-size: 1.275em;}
    .Area_Coupon3 .Area_swiper { margin: 0 auto; padding: 2vw 5.8% 0; width: 92%;}
	}


/*04超級品牌券(輪播)*/
.Area_Coupon4 {}
.Area_Coupon4 .PD_coupon .PD_slide { overflow: hidden;}
.Area_Coupon4 .PD_coupon .PD_slide:after { background-image:url(PD_coupon4_deco.png?t=1749450570722);}
.Area_Coupon4 .PD_coupon .PD_into { padding-top: 1.65em; padding-bottom: 5em;}
.Area_Coupon4 .PD_coupon .PD .PD_into:after { content: "------------------------"; position: absolute; bottom: 4.1em; left: 0; width: 100%; height: 1em; color: #595959; font-size: 1.06em; font-weight: 500; letter-spacing: 0.1em;} /*虛線*/
.Area_Coupon4 .PD_coupon .PD .PD_logo { margin-bottom: 0.5em; margin-left: 18%; width: 88%; height: 7.25em; background-color: #fff; border: solid 1px #333; border-radius: 10em 0 0 10em; overflow: hidden;}
.Area_Coupon4 .PD_coupon .PD .PD_logo img { margin-top: -10%; margin-left: 8%; width: 80%;}
.Area_Coupon4 .PD_coupon .PD p { font-size: 1.69em;}
.Area_Coupon4 .PD_coupon .PD h3 { max-height: 1.7em; line-height: 1.8em; /*font-size: 1.62em;*/}
.Area_Coupon4 .PD_coupon .PD h4 { margin-bottom: 0.45em; max-height: 1em; line-height: 1em; color: #414141; font-size: 1.215em;}
.Area_Coupon4 .PD_coupon .PD h5 { font-size: .94em;}
.Area_Coupon4 .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more { bottom: 1.3em; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 54.75%;}
  /*輪播兩行*/
  .Area_Coupon4 .PD_layout ul { -ms-flex-wrap: wrap; flex-wrap: wrap;}
	@media screen and (min-width:768px){
    .Area_Coupon4 { margin-bottom: 174px;}
    .Area_Coupon4 .PD_layout ul {}
    .Area_Coupon4 .PD_layout ul li { width: calc(25% - 18px * 0.75);}
    .Area_Coupon4 .PD_layout .PD_slide { height: 425px; background-image: url(Coupon4_bg.svg);}
	}
	@media screen and (max-width:767px){
    .Area_Coupon4 { margin-bottom: 17.9vw;}
    .Area_Coupon4 .PD_layout { font-size: 2.85vw;}
    .Area_Coupon4 .PD_layout .PD_slide { height: 65.3vw; background-image: url(Coupon4_bg.svg);}
    .Area_Coupon4 .PD_coupon .PD_into { padding-top: 1.45em; padding-bottom: 4.9em;}
    .Area_Coupon4 .PD_coupon .PD .PD_into:after { transform: scale(0.95);}
    .Area_Coupon4 .PD_coupon .PD .PD_logo { margin-bottom: 0.35em; height: 6.65em;}
    .Area_Coupon4 .PD_coupon .PD .PD_logo img { width: 77%;}
    .Area_Coupon4 .PD_coupon .PD p { font-size: 1.6em;}
    .Area_Coupon4 .PD_coupon .PD h3 { max-height: 1.6em;}
    .Area_Coupon4 .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more { bottom: 1.3em; width: 58%;}
    .Area_Coupon4 .PD_layout[data-pd-btn] .PD_btn b { max-height: 1.9em; line-height: 1.9em; font-size: 1.275em;}
	}


/*05領完這裡買*/
.Area_Coupon5 {}
.Area_Coupon5 .PD_coupon .PD_slide {}
	@media screen and (max-width:767px){
    .Area_Coupon5 { margin-bottom: 10vw;}
    .Area_Coupon5 .box_title { margin-bottom: 1.5vw;}
	}
  /*原版(輪播)*/
  /*.Area_Coupon5 .PD_coupon .PD_slide:after { background-image:url(hotsale_bg.png?t=1749450570722); z-index: -1;}
    @media screen and (min-width:768px){
      .Area_Coupon5 .Area_swiper { overflow: visible;}
    }
    @media screen and (max-width:767px){
      /*輪播兩行
      .Area_Coupon5 .PD_layout ul { -ms-flex-wrap: wrap; flex-wrap: wrap;}
    }*/

  /*0531改-9宮格*/
  .Area_Coupon5 .PD_layout li:not(:nth-child(3n)) { border-right: solid 1px #d1d1d1;}
  .Area_Coupon5 .PD_layout li:not(:nth-child(1)) { border-top: solid 1px #d1d1d1;}
  .Area_Coupon5 .PD_layout li:nth-child(2) { border-top: none;}
  .Area_Coupon5 .PD_layout li:nth-child(3) { border-top: none;}
  .Area_Coupon5 .PD_layout-D1_02B ul { background-color: #fff; overflow: hidden; justify-content: center;}
  .Area_Coupon5 .PD_layout-D1_02B ul li { margin: 0; width: 33.3%;}
  .Area_Coupon5 .PD_layout-D1_02B .PD_img { padding-top: .75em;}
  .Area_Coupon5 .PD_layout-D1_02B .PD_into { padding-top: .4em; padding-bottom: .4em;}
  .Area_Coupon5 .PD_layout-D1_02B .PD h3 { font-size: 1.125em; background-color: #7570d4;}
  .Area_Coupon5 .PD_layout-D1_02B .PD h4 { font-size: 1em;}
    @media screen and (min-width:768px){
      .Area_Coupon5 .PD_layout-D1_02B { width: 864px; font-size: 1.625em; transform: scale(0.97); transform-origin: center top; margin-bottom: -33px;}
      .Area_Coupon5 .PD_layout-D1_02B ul { padding: 10px; border-radius: 15px;}
    }
    @media screen and (max-width:767px){
      .Area_Coupon5 { margin-bottom: 10vw;}
      .Area_Coupon5 .box_title { margin-bottom: 1.5vw;}
      .Area_Coupon5 .PD_layout-D1_02B { font-size: 3.75vw;}
      .Area_Coupon5 .PD_layout-D1_02B ul { width: 96%; padding: 2vw .4em; border-radius: 10px;}
      .Area_Coupon5 .PD_layout-D1_02B .PD h3 { padding: 0 1vw;}
    }


/*06銀行回饋*/
.Area_bank {}
.Area_bank .PD_layout .PD_img { width: 38%;}
.Area_bank .PD_layout .PD_into { margin-left: -2%; padding: 1.075em 0; width: 55%;}
.Area_bank .PD_layout .PD p { color: #ff3254; font-size: 1.625em; font-weight: 800; font-family: "Century Gothic","微軟正黑體","Microsoft JhengHei",Helvetica;}
.Area_bank .PD_layout .PD p .banktxt { color: #333; font-weight: 200;}
.Area_bank .PD_layout .PD p .money { font-family: "Century Gothic bold","微軟正黑體","Microsoft JhengHei",Helvetica;}
.Area_bank .PD_layout .PD p .Owned { font-size: 1.26em; font-family: "Century Gothic bold","微軟正黑體","Microsoft JhengHei",Helvetica;}
.Area_bank .PD_layout .PD .gobtn { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 3.5%; width: 2em; height: 2em; color: #fff; font-size: 1.15em; line-height: 2em; text-align: center; font-weight: 700; font-family: "Century Gothic"; background-color: #333; border-radius: 20em;}
	@media screen and (min-width:768px){
    .Area_bank .box_title { margin-bottom: 32px;}
    .Area_bank .PD_layout ul { padding-left: 22px; padding-right: 22px;}
    .Area_bank .PD_layout ul li { margin-bottom: 16px; margin-left: 20px; width: calc(50% - 20px * 0.5);}
	}
	@media screen and (max-width:767px){
    .Area_bank .box_title { margin-bottom: 3.5vw;}
    .Area_bank .decoB1 { position: absolute; top: -8.4vw; left: 0;}
    .Area_bank .PD_layout { font-size: 2.65vw;}
    .Area_bank .PD_layout ul { padding-left: 4.5%; padding-right: 4.5%;}
    .Area_bank .PD_layout .PD_slide { margin-bottom: 0.8em; border-radius: 0.5em;}
    .Area_bank .PD_layout .PD_img {  padding: 0.5em; width: 35%;}
    .Area_bank .PD_layout .PD_into { margin-left: -2.9%; padding: 0.75em 0; width: 56%;}
    .Area_bank .PD_layout .PD p .Owned { letter-spacing: -0.1vw;}
	}


/*07強檔活動*/
.Area_eventBN {}
.Area_eventBN .PD_layout .PD_img { padding: 0;}
.Area_eventBN .PD_layout .date { margin: 0 auto 0.5em; width: 60%; color: #fff; font-size: 1.375em; line-height: 1.72; font-family: Microsoft Tai Le,"微軟正黑體","Microsoft JhengHei",Helvetica; background-color: #333; border-radius: 20em;}
	@media screen and (min-width:768px){
    .Area_eventBN { margin-bottom: 239px;}
    .Area_eventBN .box_title { margin-bottom: 47px;}
    .Area_eventBN .decoB2 { position: absolute; top: 410px; left: 1208px;}
    .Area_eventBN .Area_boxstyle_box { padding-top: 20px; padding-bottom: 12px; background-image:url(Area_boxstyle_repeat.png?t=1749450570722); background-repeat: repeat-y;}
    .Area_eventBN .PD_layout ul { padding-left: 22px; padding-right: 22px;}
    .Area_eventBN .PD_layout ul li { margin-top: 16px; margin-bottom: 15px; margin-left: 20px; width: calc(50% - 20px * 0.5);}
    .Area_eventBN .PD_layout ul li:first-child, .Area_eventBN .PD_layout ul li:nth-child(2) { margin-top: 0;}
	}
	@media screen and (max-width:767px){
    .Area_eventBN .box_title { margin-bottom: 3.5vw;}
    .Area_eventBN .decoB2 { position: absolute; top: -4.5vw; left: 0;}
    .Area_eventBN .Area_boxstyle_box { padding-top: 4vw; padding-bottom: 5.6vw; background-image:url(m_Area_boxstyle_repeat.png?t=1749450570722); background-size: 100%; background-repeat: repeat-y;}
    .Area_eventBN .Area_boxstyle_box:after { content:""; display:block; z-index:1; position:absolute; bottom:0; left:3%; width:94%; height:1em; border-bottom: solid 1px #ff9c55; pointer-events: none;}
    .Area_eventBN .PD_layout { font-size: 2.65vw;}
    .Area_eventBN .PD_layout ul { padding-left: 5.6%; padding-right: 5.6%;}
    .Area_eventBN .PD_layout ul li { margin-top: 3.2vw; /*margin-bottom: 15px;*/}
    .Area_eventBN .PD_layout ul li:first-child { margin-top: 0;}
	}



/*可拖移廣告icon*/
.Area_hammerAD { z-index: 300; display: none; position: fixed; bottom: 0; right: 0; transform: translate3d(0,200px,0); /*background-color: rgba(0,0,0,0.5);*/}
.Area_hammerAD .box { position: relative; margin-right: 10px; opacity: 1;}
.Area_hammerAD img { width: 100%; height: auto;}
.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}
    @media screen and (min-width:768px){
      .Area_hammerAD { display: block; width: 140px;}
      .Area_hammerAD .closeButton a { top: 0; right: 0;}
    }
    @media screen and (max-width:767px){
      .Area_hammerAD { display: block; width: 22%;}
      .Area_hammerAD .closeButton a { top: 1vw; right: 1vw;}
    }
    @media screen and (min-width:1670px){
      .Area_hammerAD { right: inherit; left: 1500px;}
    }


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




/* --------------------------------------
 * 背景
 * -------------------------------------- */

/*區塊背景-共用設定*/
.Area_boxstyle .box_bg .bg_ { position: absolute; left: 0; width: 100%; background-position: center top; background-repeat: no-repeat;}
    @media screen and (min-width:768px){
			.Area_boxstyle .box_bg { pointer-events: none; z-index: -1; position: absolute; top: 0px; left: 50%; width: 2000px; margin: 0 auto; height: 100%; transform: translate(-50% ,0);}
			.Area_Coupon1 .box_bg .bg_1 { pointer-events: none; z-index: -2; bottom: -115px; height: 527px; background-image: url(Area_Coupon1_bg.png?t=1749450570722); background-repeat: no-repeat;}
			.Area_Coupon1 .box_bg .bg_2 { pointer-events: none; z-index: -2; top: -152px; height: 1120px; background-image: url(Area_Coupon1_bgL.png?t=1749450570722); background-repeat: no-repeat;}
			.Area_Coupon1 .box_bg .bg_3 { pointer-events: none; z-index: -2; top: -152px; height: 1120px; background-image: url(Area_Coupon1_bgR.png?t=1749450570722); background-repeat: no-repeat;}
			.Area_Coupon2 .box_bg .bg_1 { pointer-events: none; z-index: -2; top: 308px; height: 2000px;  background-image: url(Area_Coupon2_bgL.png?t=1749450570722); background-repeat: no-repeat;}
			.Area_Coupon2 .box_bg .bg_2 { pointer-events: none; z-index: -1; top: 308px; height: 2000px; background-image: url(Area_Coupon2_bgR.png?t=1749450570722); background-repeat: no-repeat;}
			.Area_Coupon5 .box_bg .bg_1 { pointer-events: none; z-index: -3; top: -128px; height: 630px; background-image: url(Area_Coupon5_bg.png?t=1749450570722); background-repeat: no-repeat;}
			.Area_Coupon5 .box_bg .bg_2 { pointer-events: none; z-index: 2; top: -128px; height: 720px; background-image: url(Area_Coupon5_bg2.png?t=1749450570722); background-repeat: no-repeat;}
    }
    @media screen and (max-width:767px){
		  .Area_boxstyle .box_bg { pointer-events: none; top: 0px;left:0%; width: 100%; margin: 0 auto; height: auto;}
			.Area_Coupon1 .box_bg .bg_1 { pointer-events: none; z-index: -2; bottom: -12.8vw; height: 55vw; background-image: url(m_Area_Coupon1_bg.png?t=1749450570722); background-repeat: no-repeat; background-size: 100%; background-position: center top;}
			.Area_Coupon2 .box_bg .bg_1 { pointer-events: none; z-index: -2; top: 1vw; height: 100%; background-image: url(m_Area_Coupon2_bgL.png?t=1749450570722); background-repeat: repeat-y; background-size: 100%; background-position: center top;}
			.Area_Coupon2 .box_bg .bg_2 { pointer-events: none; z-index: -2; top: 2vw; height: 100%; background-image: url(m_Area_Coupon2_bgR.png?t=1749450570722); background-repeat: repeat-y; background-size: 100%; background-position: center top;}
			.Area_Coupon5 .box_bg .bg_1 { pointer-events: none; z-index: -2; top: -12vw; height: 100%; background-image: url(m_Area_Coupon5_bg.png?t=1749450570722); background-repeat: no-repeat; background-size: 100%; background-position: center top;}
		}

/*移動線條*/
.txtLine { position: absolute; width: 2034px; height: 38px; left: -407px; overflow: hidden; display: block; background: url(txtLine.png?t=1749450570722) repeat-x; /*background-color: #030186;*/ background-size: 100%; background-position: center;}
  .txtLine.Line1 { z-index: 3; top: 477px; transform: rotate(-5deg);}
  .txtLine.Line2 { bottom: -106px; transform: rotate(-0.5deg);}
  .txtLine.Line3 { z-index: -2; top: -97px; transform: rotate(-1.55deg);}
  @media screen and (max-width:767px){
    .txtLine { width: 240%; height: 5vw; left:-23%;}
      .txtLine.Line1 { top: 87.2vw;}
      .txtLine.Line2 { bottom: -10.6vw;}
      .txtLine.Line3 { top: -11.9vw;}
  }



/*
==============================================
floating
==============================================
*/

.floating{
	animation-name: floating;
	-webkit-animation-name: floating;

	animation-duration: 3s;	
	-webkit-animation-duration: 3s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes floating {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(-5px);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(-5px);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}			
}