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

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

/*輪播logo*/
@media screen and (min-width:768px){
  .Area_hero .Area_hero--logo {width: 45%;margin: 20px 0 0 -246px;}
  }
  @media screen and (max-width:767px){
    .Area_hero .Area_hero--logo {width: 50%;margin: 3vw 0 0 -24vw;}
  }


/*輪播副標*/
@media screen and (min-width:768px){
  .Area_hero .Area_hero--title {left: 5px;margin-top: 25px;}
  }
  @media screen and (max-width:767px){
    .Area_hero .Area_hero--title {left: 2vw;top: 24vw;}
  }



/*倒數*/
@media screen and (min-width:768px){
  .Area_hero .Area_hero--TimerNick {top: 333px;left: 20px;}
  }
  @media screen and (max-width:767px){
    .Area_hero .Area_hero--TimerNick {top: 36vw;}
  }


/*攻略*/
 @media screen and (min-width:768px){
  .Area_sale {margin-top: -30px;}
  } 
  @media screen and (max-width:767px){
    .Area_sale {margin-top: -5vw;}
  }

/*區標*/
@media screen and (min-width:768px){
.Area_title{ margin-bottom: 20px;}
}
@media screen and (max-width:767px){
  .Area_title{ margin-bottom: 2vw;}
}


/*logo*/
@media screen and (min-width:768px){
  .Area_logo .logo_title h3 {margin: 60px auto 0 auto;}
  .Area_logo2 {margin: 0 auto 30px auto;}
  .Area_logo .logobtn {width: 100%;margin: 170px auto 0 auto;}

	}
@media screen and (max-width:767px){
    .Area_logo .logo_title h3 {margin: 3vw auto 0 auto;}
    .Area_logo .logobtn {width: 100%;margin: 12vw auto 0 auto;}
    .Area_logo2 {margin: 0 auto 6vw auto;width: 95%;}
	}

/*黏人精*/
.Area_hammerAD { z-index: 9999; position: fixed; bottom: 0; right: 0;}
.Area_hammerAD .box { position: relative; margin-right: 10px; opacity: 1;}
.Area_hammerAD img { width: 100%; height: auto; position: absolute; top: 0; left: 0;}
.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;}
.Area_hammerAD .Ahammer_text { position: absolute; z-index: 2; display: flex; align-items: center; justify-content: center; width: 90%; color: #000; font-family: "Century Gothic","Noto Sans CJK TC"; font-weight: 700;}
.Area_hammerAD .Ahammer_black .img_0, .Area_hammerAD .img_1 { filter: brightness(0%);}
.Area_hammerAD .Ahammer_black .img_1 { filter: none;}
.Area_hammerAD .Ahammer_black .Ahammer_text { color: #fff;}
@media screen and (min-width:768px){
  .Area_hammerAD { position: fixed; z-index: 300; left: 50%; right: auto; bottom: 50px; display: block; width: 210px; height: 200px; transform: translateX(618px) translate3d(0,200px,0);}
  .Area_hammerAD .closeButton a { top: 0; right: 0;}
  .Area_hammerAD .Ahammer_text { font-size: 2.3em; line-height: 1em; height: 1em; top: 40px;}
}
@media screen and (max-width:767px){
  .Area_hammerAD { display: block; width: 26%; transform: translate3d(0px, -215px, 0px) !important;}
  .Area_hammerAD .closeButton a { top: 1vw; right: 1vw;}
  .Area_hammerAD .Ahammer_text { font-size: 1.5em; line-height: 1.5em; height: 1.5em; top: 3.6vw;}
}  


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