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

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

/*今日最強檔*/
@media screen and (min-width: 768px) {
.Area01 {margin-top: 100px;}
.Area01 .Area01bg {top: -110px;}
.Area01 .title01{top:-10px;}
}
@media screen and (max-width:767px){
  .Area01 {margin-top: 16vw;}
  .Area01 .bn01 {width: 98%;}
  .Area01 .Area01bg {top: -12vw;}
  .Area01 .title01 {top:-2vw;}
}  

/*登記*/

@media screen and (max-width:767px){
  .Area03 .Area_DJ {width: 96%;}
} 

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

/*黏人精*/
.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,16px,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, -162px, 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;}
	}