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

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


/*全BOX版面*/
.WRAPPER { position: relative; display:block; margin: 0 auto; padding: 0; width:100%;  min-width:960px; overflow:hidden; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; background-color: #fff1e4; 
           padding-bottom: constant(safe-area-inset-bottom);
           padding-bottom: env(safe-area-inset-bottom);}
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none;}
  @media screen and (max-width:767px){
    .WRAPPER { min-width: inherit; background-color: #2967ca; /*padding-bottom:24vw;*/}
    .WRAPPER img { width: 100%; height: auto;}
  }

	
/*背景*/
.bgtop  { z-index:0; position:absolute; top:0; left:0; width:100%; min-width:960px; height:100%; background: url(bgtop.jpg?t=1761980060785) center top no-repeat;}
	@media screen and (max-width:767px){
		.bgtop { min-width: inherit;  background-size:100%;}
	}


/*區塊_all*/
.Area { 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;}
	@media screen and (max-width:767px){
		.Area1220 { width:100%; margin-top:-30vw}
		.Area960 { width:100%;}
	}    
  /*區塊_切割*/
  .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;}


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


/*編輯按鈕移動*/
#eWriterBtn_bt_B_000_98{ margin-left: 10px!important; margin-top: 90px!important; z-index: 99!important; }


/*版頭*/
@media screen and (min-width:768px){
.Area_top {height: auto;}
.Area_top .main { animation: fade-in; animation-duration: 1s;
          -webkit-animation: fade-in 1s;
             -moz-animation: fade-in 1s;
              -ms-animation: fade-in 1s;
               -o-animation: fade-in 1s;} 
}

@media screen and (max-width:767px){
.Area_top {height: auto;}
.Area_top .main { animation: fade-in; animation-duration: 1s;
  -webkit-animation: fade-in 1s;
     -moz-animation: fade-in 1s;
      -ms-animation: fade-in 1s;
       -o-animation: fade-in 1s;} 
}
	
/*折價券*/
.Area_coupon { position: relative; padding: 6.1vw 0; background-color: #2967ca;}
.Area_coupon .box { margin: 0 auto; }
.Area_coupon .box ul { margin: 0; padding: 0; list-style: none;}
.Area_coupon .box ul img{ width: 95%;}

	@media screen and (min-width:768px){
		.Area_coupon { padding: 25px 0;}
		.Area_coupon .box { width: 100%; margin-bottom: 20px;}
	}

	@media screen and (max-width:767px){
    .Area_coupon .Area_coupon_swiper { height: 40vw;}
	}






/*置底裝飾*/
.decoArea { background-color: #2967ca; /*padding-bottom: 1vw; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: calc(constant(safe-area-inset-bottom)*0.6);*/ }




