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

/*基本*/
body{ margin:0; padding:0;}




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


/*全BOX版面*/
.WRAPPER { z-index:0; position: relative; display:block; margin: 0 auto; padding:0; overflow:hidden; width:100%; min-width:1220px; background: #fee3cf; text-align:left; font-family:"Century Gothic","Microsoft JhengHei","微軟正黑體", Arial, sans-serif; }
.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 (max-width:767px){
		.WRAPPER {min-width: inherit; min-height:100vh; overflow: hidden;   }
		.WRAPPER img {  width:100%;  height:auto;}
	}


.Area_bottom{ margin-bottom: 40px!important; }
@media screen and (max-width:767px){ 
  .Area_bottom{ margin-bottom: 6vw!important; }	}

/*fixed背景*/
.bg_01 { z-index:-10; position:fixed;top:0;left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; pointer-events:none;}

.bg_02 { z-index:-10; position:absolute;top:0;left:0; width:100%; height:100%; background-repeat:repeat-y; background-position:center top; pointer-events:none;}

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


@media screen and (max-width:767px){	
  .m_bg01 { z-index: -40; position:absolute; top: 0; left: 0; width: 100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;background-size: 100%;}

}


/*版頭背景*/
.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: 1000px;}
.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_2  { mix-blend-mode: hard-light;}	  
    .Area_bgtop_1 .bgtop_1_2 span { background-image: url(bgtop_1_2.png?t=1778128474131); height: 1200px;} 


}


.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: 0; left: 0; width: 100%; height: 0; padding-bottom: 100%;}
.m_Area_bgtop .m_bgtop_ span { position: absolute; display: block; width: 100%; height: 0; padding-bottom: 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: 0px;} /*搭配js-appBgFixed*/
    .m_Area_bgtop_1 .m_bgtop_1_1 span { z-index: -3; position: absolute; top: 11vw; left: 0; width: 100%; height:100%; background: url(bgtop_mb.png?t=1778128474131)  center top no-repeat ; background-size: 100%; }

  }






/*版頭*/



/*版頭輪播*/
.Area_top_pic {}
.Area_top_pic ul { padding: 0; margin: 0; list-style: none; position: absolute; top: 325px; right:-186px; z-index: 6; width: 48%; }
.Area_top_pic li { margin-bottom: 20px; filter: brightness(0.5); cursor: pointer;  float:left;}
.Area_top_pic li.cate-hover { filter: brightness(1);}
.Area_top_pic li img { width: 100%;}
.Area_top_pic .pd_A_swiper { position: absolute; top: 38PX; left: -503px; width: 2000px; z-index: 10;}
.Area_top_pic .icon_ { position: absolute;}
.Area_top_pic .icon_ img { width: 100%;}
.Area_top_pic .icon_1 { top: 26px; left: 852px; z-index: 2; width: 39%; z-index: 1;}
.Area_top_pic .icon_2 { top: 26px; left: 852px; z-index: 3; width: 39%; z-index: 0; }

.Area_title{ margin-bottom: 150px !important;}
@media screen and (max-width:767px){
.Area_title{ margin-bottom: 20vw !important;}
  .Area_top_pic {}
  .Area_top_pic ul { display: flex; flex-wrap: nowrap; top:143vw; left: 3vw; width: 84%;}
  .Area_top_pic li { width: 25%;}
  .Area_top_pic .pd_A_swiper { position: absolute; top: 9vw; left: 26vw; width: 100%; z-index: 10;}
  .Area_top_pic .icon_ img { width: 75%;}
  .Area_top_pic .icon_1 { top: 0; left: 0vw; width: 100%; z-index: 1;}
  .Area_top_pic .icon_2 { top: 0; left: 0vw; width: 100%; z-index: 0;}

  .Area_title .mstage{top: 0; position: absolute;z-index: -1;}
}








@media screen and (min-width:768px){
.Area_title .deco01{position: absolute; top: 341px; left: -193px;}
.Area_title .deco02{position: absolute; top: 0;right: -97px;}
.Area_title .deco03{position: absolute; top: 0;left: -97px;}
.Area_title .deco04{position: absolute; top: 311px; right: -165px;}


.Area_title{ height: 566px; box-sizing: border-box;}
.Area_title .title01 { z-index:99; position: relative;}

  /*版頭品輪播
  .Area_title .Area_topPD { z-index: 99; position: absolute; top: 0; left: 0; width: 1220px!important;}*/

    /*副標輪播*/
    .Area_title .Area_topSUB {position: absolute;top: 0px;right: -238px;width:100%;}
    .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);}	
    .Area_title .Area_topSUB .PD_layout .PD_img {width:100%; position:absolute; right: 238px ;}
}


@media screen and (max-width:767px){
.Area_title .deco01{position: absolute; width: 28.5%; top: 37.5vw; right: 67.5vw;}
.Area_title .deco02{position: absolute;width: 5%;top: -11vw;right: 5vw;}
.Area_title .deco03{position: absolute;width: 10%;top: 0;right: 92vw;}


.Area_title { height:51vw;}
.Area_title .title01 { z-index:0; position: relative; width: 100%;}

  /*版頭品輪播
  .Area_title .Area_topPD { z-index: 99; position: absolute; width: 100%; top: 0; left: 0;}*/

    /*副標輪播*/
    .Area_title .Area_topSUB {position: absolute;top: 20vw;right: 1vw;width: 100%;}
    .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);}	
}
	
/*提醒我按鈕*/
a.mo_remind_btn { z-index:9999; position: absolute!important; right: 0; top:57vw; width: 15%; opacity: .8;}

	
/*活動倒數*/
.TimerNick { position: absolute; top: 390px;left:130px; display: inline-block; z-index:8; text-align: center; letter-spacing: 0.3em;}
.TimerNick .FontStyle { display: inline-block; margin: 0 0 0 5px; padding: 0; border: 0; font-size: 30px;  color:#ffffff; font-weight: normal; letter-spacing:1px; text-align: center;}
.TimerNick span { padding-left: 2px; font-size: 23px;  letter-spacing: 0.1em; color:#ffffff;}
.TimerNick b { font-weight: normal;}
@media screen and (max-width:767px){
  .TimerNick  { width:100%; top:58vw; left: 2.8em; display: flex;  column-gap: 0.5em; text-align: left;}
  .TimerNick .FontStyle { margin:-0.25em 0 0 -0.01em; padding: 0; border: 0; font-size: 1.4em; letter-spacing: .01em; }
  .TimerNick span { padding-left: 0; font-size: 1em; letter-spacing: -0.05em; margin-left: -0.3em; }
  .TimerNick span:first-child{ margin-top: -0.1em; }
}    




/*01攻略*/
.Area01 .title2{margin: 0 0 0 0 ;}
.Area01 .title {  margin-top: -50px; margin-bottom: 30px;}
@media screen and (max-width: 767px) {
 .Area01 .title { z-index: 99;margin:-6vw 0 4vw 0; width: 118%; left: -9vw; position: relative;}
.Area01 .title2{margin: 0 0 0 0 ; width: 140vw; left: -20vw; position: relative;}

}


/*02登記*/
@media screen and (max-width: 767px) {
  .Area_sale .title2,
.Area00 .title{position: relative; width: 150vw; left: -25vw;}
}





/*02登記*/
  .Area02 .bn{ position: relative; top: -190px;}
  .Area02 .deco05{position: absolute; top: 43px; left: 623px; z-index: -1;}

  .Area02 .danji1{position: relative; margin-top: -0;}  
  .Area02 .deco06{position: absolute; top: 43px; left: 518px; z-index: -1;}

  .Area02 .danji2{position: relative;top: -27px;}
  .Area02 .deco07{position: absolute; top: 51px; left: 554px; z-index: -1;}


  @media screen and (max-width: 767px) {
    .Area02 .bn{ position: relative; top: 5vw;}
    .Area02 .deco05{position: absolute; top: -2.5vw; left: 52vw; z-index: -1;}
    .Area02 .bn .PD_layout { position: relative;width: 136%; left: -18vw; top: -8vw;}
    .Area02 .bn .title {width: 142%; top: -7vw; left: -20vw; position: relative;}

    .Area02 .danji1{position: relative; margin: -2vw 0 -14vw 0;}
    .Area02 .deco06{position: absolute; top: 4vw; left: 39vw; z-index: -1;}
    .Area02 .danji1 .title {width: 150%; top: 0vw; left: -25vw; position: relative;}  

    .Area02 .danji2{position: relative;top: 16vw;}
    .Area02 .danji2 .title {width: 135%; top: 0vw; left: -18vw; position: relative;}
    .Area02 .deco07{position: absolute; top: 5vw; left: 42vw; z-index: -1;}
  }


  .Area_boxstyle {}
  .Area_boxstyle > .Area_boxstyle_box { position:relative; background-repeat: no-repeat; background-position: center top;z-index: 1 ;}
      @media screen and (min-width:768px){
        .Area_boxstyle > .Area_boxstyle_box { margin: 0; padding:5% 0; width: 1220px; margin-bottom: 60px;}
        .Area_boxstyle > .Area_boxstyle_box:before { top: 0px; left: 0px; height: 290px;}
        .Area_boxstyle > .Area_boxstyle_box:after {height: calc(100% - 436px);}
        .Area_boxstyle > .Area_boxstyle_box { background-image:url(Area_boxstyle_bgcon.png?t=1778128474131);background-size: 100%;}

  
      }
  
  
  @media screen and (max-width: 767px) {
    .Area_boxstyle > .Area_boxstyle_box { padding:0;}
    .Area_boxstyle > .Area_boxstyle_box:before { top:0vw; height:0vw;}
    .Area_boxstyle > .Area_boxstyle_box:after {top: 15vw;height: calc(100% - 23vw);left: -7vw; width: 109%;}
    .Area_boxstyle > .Area_boxstyle_box {padding: 10%  0;}
    .Area_boxstyle > .Area_boxstyle_box:before { top: 5vw; height: 18vw; left: -1vw; width: 102%;}
    .Area_boxstyle > .Area_boxstyle_box {background-image: url(Area_boxstyle_bgcon.png?t=1778128474131);background-size: 135%;padding-bottom: 20vw;}
  
    }



.mdeco2{width: 63%; left: 39vw; position: relative; margin: -7vw 0 0 0;}


/*03主打品*/
@media screen and (min-width:768px){

	.Area_item { margin-bottom: 30px;}

	/**區標**/	
	.Area_item .text {width: 63%;margin: 0px auto;background: url(item_text_001.png?t=1778128474131)top center no-repeat;background-size: 100%;}
	.Area_item .text .PD_layout .PD_into{color: #fff;position: relative;}
	.Area_item .text .PD_layout .PD_into .PD_logo{width: 33%;}  
	.Area_item .text .PD_layout .PD_into h3{width: 100%;font-size: 1.5em;line-height: 1em;color: #000;text-align: center;}  
	.Area_item .text .PD_layout .PD_into h5{font: bold 43px/56px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;margin-top: 24px;margin-left: 34px;margin-bottom: 32px;}  

	.Area_item .PD_box ul {padding: 2px 50px;grid-gap: 20px 0;margin-bottom: 65px;}
	.Area_item .PD_box ul li .PD_img { position: relative; z-index: 2; padding: 0;}
	.Area_item .PD_box ul li .PD_into { position: relative; background: #fff; border-radius: 20px; width: 70%; margin: -50px auto 0; padding: 2em 1em; z-index: 1;}
	.Area_item .PD_box ul li .PD_into h3 {color: #000;font-size: 26px;background-color: #eee;border-radius: 12px;}
	.Area_item .PD_box ul li .PD_into h4 { font-size: 22px;}
	.Area_item .PD_box ul li .PD_into p { height: 2.5em;}
	.Area_item .PD_box ul li .PD_into p del { font-size: 22px;}
	.Area_item .PD_box ul li .PD_into p b { font-size: 20px;}
	.Area_item .PD_box ul li .PD_into p .money { font-size: 22px;}
	.Area_item .PD_box ul li .PD_into p .Price { font-size: 40px;}
	.Area_item .PD_box ul li .PD_into p small { font-size: 18px;}
}
@media screen and (max-width:767px){
  	.Area_item { margin-bottom: 7vw;}

	/**區標**/	
	.Area_item .text {width: 100%;margin: auto;padding-top: 0vw;width: 100%;margin: 0px auto 0 auto;background: url(item_text_001.png?t=1778128474131)top center no-repeat;background-size: 100%;}
	.Area_item .text .PD_layout .PD_into{color: #fff;position: relative;margin-top: 0;}
	.Area_item .text .PD_layout .PD_into .PD_logo{width: 33%;}  
	.Area_item .text .PD_layout .PD_into h3{width: 100%;font-size: 1.5em;line-height: 1em;color: #000;text-align: center;}  
	.Area_item .text .PD_layout .PD_into h5{font: bold 6vw/0vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;margin-top: 13.5vw;margin-left: 2vw;}  
			  
	.Area_item .PD_box ul { padding: 0; grid-gap: 0 !important;margin-bottom: 5vw;}
	.Area_item .PD_box ul li:nth-child(even) {}

	.Area_item .PD_box ul li .PD_into { border-radius: 10px; width:90%; margin: -4vw auto 0; padding: 0.8em 0.4em;        background-color: #fff;}
	.Area_item .PD_box ul li .PD_into h3 {font-size: 15px;color: #000;border-radius: 1vw;background-color: #eee;}
	.Area_item .PD_box ul li .PD_into h4 { font-size: 15px;}
	.Area_item .PD_box ul li .PD_into p { height: 1.875em;}
	.Area_item .PD_box ul li .PD_into p del { font-size: 11px;}
	.Area_item .PD_box ul li .PD_into p b { font-size: 14px;}
	.Area_item .PD_box ul li .PD_into p .money { font-size: 16px;}
	.Area_item .PD_box ul li .PD_into p .Price { font-size: 28px;}
	.Area_item .PD_box ul li .PD_into p small { font-size: 12px;}
}

/*03主打*/
.Area03 .title{position: relative;width: 100%;}
.Area03 .deco{z-index:1 ;position: absolute;width: 100%;}
@media screen and (max-width: 767px) {
  .Area03 .title{position: relative; width: 130%; left: -6vw;}

}



.Area_boxstyle2 {}
.Area_boxstyle2 > .Area_boxstyle_box { position:relative; background-repeat: no-repeat; background-position: center bottom;z-index: 1}
.Area_boxstyle2 > .Area_boxstyle_box:before { content:""; display:block; z-index:-1; position:relative; left:0; width:88%;}
.Area_boxstyle2 > .Area_boxstyle_box:after  { content:""; display:block; z-index:-2; position:absolute; top:54px; left:66px; width:88%; height:100%;}
    @media screen and (min-width:768px){
      .Area_boxstyle2 > .Area_boxstyle_box { margin: 0; padding:0 0 62px; width: 1220px; margin-bottom: 60px;margin-top: -44px;}
      .Area_boxstyle2 > .Area_boxstyle_box:before { top: 0px; left: 66px; height: 55px;}
      .Area_boxstyle2 > .Area_boxstyle_box:after {height: calc(100% - 86px);}
      /* .Area_boxstyle2 > .Area_boxstyle_box { background-image:url(Area_boxstyle_bgbottom2.png?t=1778128474131);background-size: 100%;} */
      .Area_boxstyle2 > .Area_boxstyle_box:before { background-image:url(Area_boxstyle_bgtop2.png?t=1778128474131);background-size: 100%;  }
      .Area_boxstyle2 > .Area_boxstyle_box:after  { background-image:url(Area_boxstyle_bgcon2.png?t=1778128474131);background-size: 100%;}

    }


@media screen and (max-width: 767px) {
  .Area_boxstyle2 > .Area_boxstyle_box { padding:0;}
  .Area_boxstyle2 > .Area_boxstyle_box:before { top:0vw; height:0vw;}
  .Area_boxstyle2 > .Area_boxstyle_box:after {top: 3vw;height: calc(100% - 3vw);left: -7vw; width: 109%;}
  .Area_boxstyle2 > .Area_boxstyle_box {padding-top: 0;}
  .Area_boxstyle2 > .Area_boxstyle_box:before {top: -2vw; height: 6vw; left: -7vw; width: 109%;}
  .Area_boxstyle2 > .Area_boxstyle_box {background-image: url(Area_boxstyle_bgbottom2.png?t=1778128474131);background-size: 114.3%;padding-bottom: 6vw;}
  .Area_boxstyle2 > .Area_boxstyle_box:before { background-image: url(Area_boxstyle_bgtop2.png?t=1778128474131);background-size: 105%;}
  .Area_boxstyle2 > .Area_boxstyle_box:after  { background-image: url(Area_boxstyle_bgcon2.png?t=1778128474131);background-size: 105%;}

  }


  .mdeco3{width: 63%; left: 0vw; position: relative; margin: -10vw 0 0 0;}


/*BN輪播*/
.Area_BN .bg {position: absolute;left: -532px; top: -300px;}
@media screen and (max-width: 767px) {
  .Area_BN .bg {position: absolute;left: -45vw; top: -3vw; width: 187%;}

}



/*04副打*/
.Area04 .deco{z-index:1 ;position: absolute;width: 100%;}
@media screen and (max-width: 767px) {
.Area04 .title2{position: relative; width: 150vw; left: -25vw;top: 3vw;}
.Area04 .PD_layout ul{width: 96%;}
}



.Area_boxstyle3 {}
.Area_boxstyle3 > .Area_boxstyle_box { position:relative; background-repeat: no-repeat; background-position: center bottom;z-index: 1}
.Area_boxstyle3 > .Area_boxstyle_box:before { content:""; display:block; z-index:-1; position:relative; left:0; width:88%;}
.Area_boxstyle3 > .Area_boxstyle_box:after  { content:""; display:block; z-index:-2; position:absolute; top:54px; left:66px; width:88%; height:100%;}
    @media screen and (min-width:768px){
      .Area_boxstyle3 > .Area_boxstyle_box { margin: 0; padding:0 0 62px; width: 1220px; margin-bottom: 60px;margin-top: -44px;}
      .Area_boxstyle3 > .Area_boxstyle_box:before { top: 0px; left: 66px; height: 55px;}
      .Area_boxstyle3 > .Area_boxstyle_box:after {height: calc(100% - 86px);}
      /* .Area_boxstyle2 > .Area_boxstyle_box { background-image:url(Area_boxstyle_bgbottom2.png?t=1778128474131);background-size: 100%;} */
      .Area_boxstyle3 > .Area_boxstyle_box:before { background-image:url(Area_boxstyle_bgtop3.png?t=1778128474131);background-size: 100%;  }
      .Area_boxstyle3 > .Area_boxstyle_box:after  { background-image:url(Area_boxstyle_bgcon3.png?t=1778128474131);background-size: 100%;}

    }


@media screen and (max-width: 767px) {
  .Area_boxstyle3 > .Area_boxstyle_box { padding:0;}
  .Area_boxstyle3 > .Area_boxstyle_box:before { top:0vw; height:0vw;}
  .Area_boxstyle3 > .Area_boxstyle_box:after {top: 4vw;height: calc(100% - 0vw);left: -7vw; width: 109%;}
  .Area_boxstyle3 > .Area_boxstyle_box {padding-top: 0;}
  .Area_boxstyle3 > .Area_boxstyle_box:before {top: -2vw; height: 6vw; left: -7vw; width: 109%;}
  /* .Area_boxstyle3 > .Area_boxstyle_box {background-image: url(Area_boxstyle_bgbottom2.png?t=1778128474131);background-size: 114.3%;padding-bottom: 6vw;} */
  .Area_boxstyle3 > .Area_boxstyle_box:before { background-image: url(Area_boxstyle_bgtop3.png?t=1778128474131);background-size: 105%;}
  .Area_boxstyle3 > .Area_boxstyle_box:after  { background-image: url(Area_boxstyle_bgcon3.png?t=1778128474131);background-size: 105%;}

  }


/*品類*/
.Area09 {}
.Area09 .PD_layout {width: 90%;top: 50px;z-index: 1;}
.Area09 .bg {position: absolute; top: -15px; left: -48px; z-index: 0;}
@media screen and (max-width: 767px) {
  .Area09 .PD_layout {width: 77%;top: 8vw;z-index: 1;}
  .Area09 .bg {position: absolute; top: 2vw; left: -1vw; z-index: 0; width: 102%;}
}




/*旗艦館*/
.Area10 {}
.Area10 .PD_layout {width: 100%; margin: 100px auto 60px auto !important;}
@media screen and (max-width: 767px) {
  .Area10 .PD_layout {width: 100%; margin: 5vw auto 5vw auto !important;}
}









/*區塊_all*/
.Area1220 { 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; }
.Area a { 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.97);
     -moz-transform:scale(0.97);
      -ms-transform:scale(0.97);
       -o-transform:scale(0.97);
          transform:scale(0.97);}
		  
		  
.WRAPPER .go_bt1 {
  -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;}
.WRAPPER .go_bt1:hover { 
  -webkit-transform:translateY(-10px);
     -moz-transform:translateY(-10px);
      -ms-transform:translateY(-10px);
       -o-transform:translateY(-10px);
          transform:translateY(-10px);}
		  
		  
	@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;}
	}


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