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

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

/*全BOX版面*/
.WRAPPER { z-index: 0; position: relative; display: block; margin: 0 auto; padding: 0; overflow: hidden; width: 100%; min-width: 1220px; background-color: #fbf1c2; text-align: left; font-family: "微軟正黑體","Microsoft JhengHei",Helvetica;}
.WRAPPER img { border: 0; 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 { padding-bottom: 30px; min-width: inherit; min-height: 100vh; overflow: hidden;background: url(mbg_repeat.jpg?t=1780024198736) repeat-y center top ;}
		.WRAPPER img { width: 100%; height :auto;}
	}


/*背景*/
@media screen and (min-width:768px){
	.bg_01 {z-index: -3;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
	.bg_repeat { z-index:-14;position:absolute;top:0; left:0; width:100%; height:100%; background-position:center 0px; background-repeat:repeat-y; transition:0.5s linear; pointer-events:none;}
	/*.Area01_bg {z-index:-1;position:absolute;top: -55px;left: 0;width:100%;height: 900px;min-width:1220px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}*/
	}
	@media screen and (max-width: 767px){
		.bg_01 {display: none;}
		/*.mbg_repeat {z-index:-3;position:absolute;top:0; left:0; width:100%; height:100%;background: url(mbg_repeat.jpg?t=1780024198736) center 100% / 100% repeat-y;pointer-events:none}*/
		/*.mArea01_bg {z-index:-1;position:absolute;width:100%;height: 85vw;background: url(mArea01_bg.png?t=1780024198736) center 100% / 100% no-repeat scroll;pointer-events:none}*/		

	}
    





/*版頭區*/
@media screen and (min-width:768px){
	.Area_title {height: 810px;}
	.Area_title .top_deco {position:absolute;top: -52px;left: -20px;z-index: 8;pointer-events: none;animation: fadeIn 0.8s .2s ease-out forwards;}

}
@media screen and (max-width: 767px){
	.Area_title {height: 115vw;z-index: 1;}
	.Area_title .Area_PD1_bg{z-index: 1;position: absolute;top: 72vw;}
	.Area_title .top_deco {position:absolute;width: 110%;top: -6vw;left: -3vw;z-index: 4;pointer-events:none;animation: fadeIn 0.8s .2s ease-out forwards; }


}

/*主標入稿*/
@media screen and (min-width:768px){
	/*主標*/
	.Area_title .title01 {position:relative;width: 960px;height:auto;top: 15px;left: 0px;z-index: 7;animation:big 0.8s .2s ease-out forwards,/* brightness-play 3s 0.5s ease-in-out infinite;*/}
	/*副標輪播*/	
	.Area_title .titile02 a {cursor: default;display: inline-block;}
	.Area_title .titile02 {position:relative;top: 0px;left: 0px;display: inline-block;margin: 0 auto;width:100%;height:auto;z-index: 10;}
	.Area_title .titile02 .PD_layout .PD h3 {font-size: 60px;font-family: "Century Gothic ","Noto Sans CJK SC";letter-spacing: -1px;line-height: 1.5;font-style: italic;font-weight: 600;color: #4b0d0e;overflow: visible;width:100%;}	
	.Area_title .titile02 .PD_layout .PD h3 b {font-size: 60px;font-family: "Century Gothic ","Noto Sans CJK SC";letter-spacing: -1px;line-height: 1.5;font-style: italic;font-weight: 600;color: #e28504;overflow: visible;width:100%;}	
	.Area_title .titile02 .PD_layout .PD h3 span{overflow:visible;}
	.Area_title .titile02 ul.PD_wrapper {display: flex;flex-wrap: nowrap;width: 100%;box-sizing: content-box;}
	.Area_title .titile02 ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; /*transform: translate(5%,0);*/}
	.Area_title .titile02 ul.PD_wrapper li.swiper-slide-active { opacity: 1;/* transition: .8s ease-out; transform: translate(0,0);*/}

	.Area_title .txt {margin-top: 80px;}
	.Area_title .PD .Area_swiper { width: 96%;}
	.Area_title .Area_swiper .PD {height: 220px}
	.Area_title .Area_swiper .PD .PD_into {margin: 0 0 0 10px;}
	.Area_title .Area_swiper .PD_layout[data-pd-btn] .PD_btn {
		background-color: #db156b;
		background-image: repeating-linear-gradient(45deg, #db156b -2%, #db156b 120%);
		background-position: right top;
		background-size: 100% 100%;
		transition: all .4s;
	}

	/*標題高度*/
	.Area_title .title {height: 315px;}

	/*隱藏上下標*/
	.Area_title .PD .PD_layout .PD_img .prdImgWrap .imgTagRectangle {display:none;}
	.Area_title .PD .PD_layout .PD_img .prdImgWrap .imgTagBottom{display:none;}

	/*壓標*/
	.Area_title .PD .PD_layout ul li::before {
		position: absolute;
		z-index: 5;
		left: 0;
		width: 45%;
		display: flex;
		background-image: url(Area_point_tag.png?t=1780024198736);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% auto;
		content: "";
		height: 16%;
		}



}



	@media screen and (max-width:767px){
	.Area_title {content:"";position: relative;display:block;top: 0vw;left: 0vw;width: 100%;height: 100%;z-index: -5;background: url("m_top.jpg?t=1780024198736") center top/100% no-repeat scroll;}
	/*主標*/
	.Area_title .title01 {position: relative;top: 2vw;animation:big 0.8s .2s ease-out forwards, /*brightness-play 3s 0.5s ease-in-out infinite;*/}

	/*副標輪播*/
	.Area_title .titile02 a {cursor: default;display: inline-block;}
	.Area_title .titile02 {position:relative;top: 1vw;left: 0px;display: inline-block;margin: 0 auto;width: 100%;height:auto;z-index: 10;}
	.Area_title .titile02 .PD_layout .PD h3 {font-size: 24px;font-family: "Century Gothic ","Noto Sans CJK SC";letter-spacing: -1px;line-height: 1;font-style: italic;font-weight: 600;color: #4b0d0e;overflow: visible;width:100%;}	
	.Area_title .titile02 .PD_layout .PD h3 b {font-size: 24px;font-family: "Century Gothic ","Noto Sans CJK SC";letter-spacing: -1px;line-height: 1;font-style: italic;font-weight: 600;color: #e28504;overflow: visible;width:100%;}	

	.Area_title .titile02 .PD_layout .PD h3 span{overflow:visible;}
	.Area_title .titile02 ul.PD_wrapper {display: flex;flex-wrap: nowrap;width: 100%;box-sizing: content-box;}
	.Area_title .titile02 ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; /*transform: translate(5%,0);*/}
	.Area_title .titile02 ul.PD_wrapper li.swiper-slide-active { opacity: 1;/* transition: .8s ease-out; transform: translate(0,0);*/}

	.Area_title .txt {margin-top: 8vw;}
	.Area_title .PD .Area_swiper { width: 96%;}
	.Area_title .Area_swiper .PD {height: 45vw}
	.Area_title .Area_swiper .PD .PD_into {margin: 0 0 0 1vw;}
	.Area_title .Area_swiper .PD_layout[data-pd-btn] .PD_btn {
		background-color: #db156b;
		background-image: repeating-linear-gradient(45deg, #db156b -2%, #db156b 120%);
		background-position: right top;
		background-size: 100% 100%;
		transition: all .4s;
	}

	/*標題高度*/
	.Area_title .title {height: 35vw;}

	/*隱藏上下標*/
	.Area_title .PD .PD_layout .PD_img .prdImgWrap .imgTagRectangle {display:none;}
	.Area_title .PD .PD_layout .PD_img .prdImgWrap .imgTagBottom{display:none;}


	/*壓標*/
	.Area_title .PD .PD_layout ul li::before {
		position: absolute;
		z-index: 5;
		left: 0vw;
		width: 36%;
		display: flex;
		background-image: url(Area_point_tag.png?t=1780024198736);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% auto;
		content: "";
        height: 13%;
	  }


	}







/*區標線上入稿*/
.box_txt .PD_layout ul { padding: 0; }	
@media screen and (min-width: 768px){
.box_txt {position: relative;display: flex;padding: 0;width: 100%;height: 135px;justify-content: center;z-index: 0;background: url("txtbg.png?t=1780024198736") center top/ 100% no-repeat scroll;}
.box_txt img{width:100%!important;padding: 0;}
.box_txt ul li h5 {padding: 0;margin: 33px 0 20px 0;font: bold 55px / 55px "Noto Sans CJK SC", "Microsoft JhengHei", Arial, Helvetica;transform: rotate(0deg);color: #ffffff;letter-spacing: 1px;text-align: center; background: linear-gradient(0deg, #000000, #000000); -webkit-background-clip: text;-webkit-text-fill-color: transparent;
  }	

}

@media screen and (max-width:767px){	
.box_txt {position: relative;margin: 0 auto;width: 100%;z-index:0; }
.box_txt img{width: 100%;}
.box_txt {z-index: 50;height: auto;width: 100%!important;background: url("txtbg.png?t=1780024198737") center top/ 100% no-repeat scroll;}
.box_txt ul li h5 {font: bold 5.5vw / 5.5vw "Noto Sans CJK SC", "Microsoft JhengHei", Arial, Helvetica;margin:3vw 0 2vw 0;color: #ffffff;letter-spacing: -1px;text-align: center;/* font-style: italic; */background:linear-gradient(0deg, #000000, #000000);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}	

}




/*攻略*/
@media screen and (min-width:768px){
	.Area_act {height: 100%;}
	/*.Area_act { background: url(Area_act_bg.png?t=1780024198737)top center no-repeat; background-size:100%; height:auto;}*/

	/**攻略123**/
	.Area_act .no1  {position: relative;width: auto;z-index: 6;}	
	.Area_act .no2  {position: relative;width: auto;z-index: 6;}	

}

@media screen and (max-width:767px){
	/*.Area_act { background: url(mArea_act_bg.png?t=1780024198737)top center no-repeat; background-size:100%; height:auto;}*/
	.Area_act .PD_layout {width: 100%;margin: auto;}

	/**攻略123**/
	.Area_act .no1  {position: relative;width: 100%;}	
	.Area_act .no2  {position: relative;width: 100%;}	

}


/*登記左右縮2%*/
.Area .Area_danji {width: 96%;}


/*登記贈品文案顏色01*/
.Area_danji .btn_reg .activityText p {color:#000000 !important;}
.Area_danji .btn_reg .activityText .Tip { color:#5d5d5d !important;}
.Area_danji .btn_reg .content p {color:#000000 !important;} 
.Area_danji .danji_box ul li .activityText .gifts span { color: #03407b;}

/*登記贈品文案顏色02*/
.danji2 .danji_box ul li .activityText .gifts span { color: #dd3d1d;}



/*02*/
@media screen and (min-width:768px){
.Area02 .bg {width: 100%;position: absolute;}
.Area02 .Area_swiper_box {width: 810px !important;overflow: hidden;margin: 20px 0 0 120px;padding-bottom: 50px;}
.Area02 .Area_swiper_box .PD_layout-acPD2 h3 {color: #333333;font-size: 26px;}
.Area02 .Area_swiper_box .PD_layout-acPD2 p {margin: 0 28px;height: 55px;line-height: 55px;border-radius: 2rem;color: #ffffff;background-color: #db156b;}
.Area02 .Area_swiper_box .PD_layout-acPD2 .PD p .Price {font-size: 40px;font-weight: 800;}
.Area02 .Area_swiper_box .PD_layout-acPD2 .PD p .money {font-size: 24px;}
.Area02 .Area_swiper_box .PD_layout-acPD2 .PD p small  {font-size: 24px;font-weight: 800;}
}
@media screen and (max-width:767px){
	.Area02 .bg{width: 96%; margin: 2% ;position: absolute;}
	.Area02 .Area_swiper_box {width: 85vw !important;overflow: hidden;margin: 3vw 0 0 12vw;}
	.Area02 .Area_swiper_box .PD_layout-acPD2 h3 {color: #333333;font-size: 15px ;}
	.Area02 .Area_swiper_box .PD_layout-acPD2 p {margin: 0;height: 2em;line-height: 2em;border-radius: 2rem;color: #ffffff;background-color: #db156b;}
}



/* 03 */
@media screen and (min-width:768px){
	.Area03 .pd.PD_layout[data-pd-li=BN] ul{padding: 0;grid-gap: 0}
	.Area03 .bg {width: 100%;position: absolute;top: 130px;}
}
@media screen and (max-width:767px){
	.Area03 .pd.PD_layout[data-pd-li=BN] ul{padding: 0;grid-gap: 0}
	.Area03 .bg {width: 100%;position: absolute;top: 14vw;}

}


/* 04 */
@media screen and (min-width:768px){
	.Area04 ul{width: 96%;}
	.Area04 .PD_layout {overflow: hidden;}
	.Area04 .box_txt2 {content:"";position: relative;display:block;top: 0vw;left: 0vw;width: 100%;height: 180px;z-index: 1;background: url("Area04_tbg.png?t=1780024198737") center top/100% no-repeat scroll;overflow: hidden;}
	.Area04 .box_txt2 ul {padding:105px 0;}
	.Area04 .box_txt2 ul .PD .PD_logo {position: absolute;background-color: #ffffff !important;border-radius: 70px !important;width: 23% !important;right: 53px;margin-bottom: 14px;padding: 0 !important;}
	.Area04 .box_txt2 .PD_layout.PD_layout-D3_02 ul li .PD h3 {position: absolute;width: 96%;text-align: left;}
	.Area04 .PD_layout.PD ul {border-radius:15px 15px 0 0 ;}
	.Area04 .PD_layout-btn {background-color: #fff;border-radius: 0 0 15px 15px;width: 96%; margin: 0 2%;}
	.Area04 .PD_layout-btn li {list-style: none;}
	.Area04 .page01 .PD_layout.icon .PD_slide::before {
		content: counter(num);
		position: absolute;
		z-index: 5;
		left: 10px;
		width: 19%;
		aspect-ratio: 100 / 100;
		display: flex;
		justify-content: center;
		align-items: center;
		background-image: url(icon.png?t=1780024198737);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% auto;
		color: #ffffff;
		font-family: "Century Gothic";
		font-weight: bold;
		font-size: 40px;
	  }
	  .Area04 .NavArea_PD_brand_nav {
        margin: 0 auto 20px;
        padding: 20px;
        width: 96%;
    }
	/*區塊背景*/
	.Area04::before,
	.Area04::after,
	.Area04 .bg{content:"";position:absolute;left:0;width:960px;z-index:-3;	}
	.Area04::before{top:0;height:55px;background:url(Area04-bg_up.png?t=1780024198737) top/100% no-repeat;}
	.Area04 .bg{top: 55px;height: 99%;background:url(Area04-bg_center.png?t=1780024198737) top/100% repeat-y;}
	.Area04::after{bottom:20px;height:55px;background:url(Area04-bg_down.png?t=1780024198737) bottom/100% no-repeat;}
	  
	/*隱藏上下標*/
	.Area04 .page_box .icon .PD .PD_img .prdImgWrap .imgTagRectangle {display:none;}
	.Area04 .page_box .icon .PD .PD_img .prdImgWrap .imgTagBottom{display:none;}




  }
   @media screen and (max-width:767px){
	.Area04 ul{width: 96%;}
	.Area04 .box_txt2 {content:"";position: relative;display:block;top: 0vw;left: 0vw;width: 100%;height: 19vw;z-index: -1;background: url("Area04_tbg.png?t=1780024198737") center top/100% no-repeat scroll;}
	.Area04 .box_txt2 ul {padding: 6vw 0;}
	.Area04 .box_txt2 ul .PD .PD_logo {position: absolute;background-color: #ffffff!important;border-radius: 30px !important;width: 23% !important;right: 6vw;margin-bottom: 3vw;padding: 0 !important;}
	.Area04 .box_txt2 .PD_layout.PD_layout-D3_02 ul li .PD h3 {width: 96%;text-align: left;}
	.Area04 .PD_layout.PD ul {border-radius:15px 15px 0 0 ;}
	.Area04 .PD_layout-btn {background-color: #fff;border-radius: 0 0 15px 15px;width: 96%; margin: 0 2%;}
	.Area04 .PD_layout-btn li {list-style: none;}
	.Area04 .Area_PD_brand_nav {padding-top: 3vw;}
	.Area04 .page01 .PD_layout.icon .PD_slide::before {
		content: counter(num);
		position: absolute;
		z-index: 5;
		left: 3vw;
		width: 23%;
		aspect-ratio: 100 / 100;
		display: flex;
		justify-content: center;
		align-items: center;
		background-image: url(icon.png?t=1780024198737);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% auto;
		color: #ffffff;
		font-family: "Century Gothic";
		font-weight: bold;
		font-size: 20px;
	  }
	/*區塊背景*/
	.Area04::before,
	.Area04::after,
	.Area04 .bg{content:"";position:absolute;left:0;width:100vw;z-index:-3;	}
	.Area04::before{top:0;height:5vw;background:url(Area04-bg_up.png?t=1780024198737) top/100% no-repeat;}
	.Area04 .bg{top: 5vw;height: 100%;background:url(Area04-bg_center.png?t=1780024198737) top/100% repeat-y;}
	.Area04::after{bottom:-5vw;height:5vw;background:url(Area04-bg_down.png?t=1780024198737) bottom/100% no-repeat;}
	  
	/*隱藏上下標*/
	.Area04 .page_box .icon .PD .PD_img .prdImgWrap .imgTagRectangle {display:none;}
	.Area04 .page_box .icon .PD .PD_img .prdImgWrap .imgTagBottom{display:none;}



  }
  
  


/*05*/
.Area05 .Area_title { margin: 0 auto; width: 85%; }
.Area05_box { margin: 5% auto; }
.Area05_box .PD_layout:last-child { width: 95%; }
@media screen and (max-width: 767px) {
  .Area05 .Area_title { width: 100%; }  
}




/*Area08*/	
/*.Area08 {content:"";position: absolute;display:block;top: 0vw;left: 0vw;width: 100%;height: 630px;z-index: -5;background: url("Area03_BG.png?t=1780024198737") center top/100% no-repeat scroll;overflow: hidden;}*/
.Area08 .Area_page {padding: 20px 0; background-color: #fec302;border-radius: 10px; overflow: hidden;}
.Area08 .Area_page ul {width: 96%;}
.Area08 .Area_page .page {top: 0px;}
.Area08 .NavArea[data-light=box] .Nav li a i {width: 75% !important;}

@media screen and (max-width:767px){
	/*.Area08 {content:"";position: absolute;display:block;top: 0vw;left: 0vw;width: 100%;height: 100%;z-index: -5;background: url("mArea03_BG.png?t=1780024198737") center top/100% no-repeat scroll;}*/
	.Area08 .Area_page {padding: 2vw 0;background-color: #fec302;border-radius: 10px; overflow: hidden;}
	.Area08 .Area_page ul {width: 96%;}
	.Area08 .Area_page .page {top: 0vw;}
	.Area08 .NavArea[data-light=box] .Nav li a i {width: 100% !important;}

}


/*09*/	
.Area09 .box {padding: 20px 0; background-color: #fec302;border-radius: 10px;}
.Area09 .box ul{width: 96%;}
.Area09 .box .PD_layout[data-pd-h4="2"] .PD h4 b, .PD_layout[data-pd-h4="2"] .PD h4 span {display: block;font-weight: inherit;}
.Area09 .box .PD_layout .PD h4 b {color: #d92e40;}
.Area09 .box .PD_layout[data-pd-h3="5"] .PD h3 span {display: inline-block;padding: 0 .5em;max-width: 85%;border-radius: 4px;color: #ffffff;background-color: #d92e40;}
.Area09 .box .PD_layout .PD .PD_img {position: absolute;margin-top: 0em;z-index: 0;}
.Area09 .box .PD_layout .PD .PD_into {z-index: 1;}
.Area09 .box .PD_layout .PD h3 {margin-top: 15px;margin-bottom: 250px;}

@media screen and (max-width:767px){
	.Area09 .box {padding: 2vw 0;background-color: #fec302;border-radius: 10px;}
	.Area09 .box ul{width: 96%;}
	.Area09 .box .PD_layout[data-pd-h4="2"] .PD h4 b, .PD_layout[data-pd-h4="2"] .PD h4 span {display: block;font-weight: inherit;}
	.Area09 .box .PD_layout .PD h4 b {color: #d92e40;}
	.Area09 .box .PD_layout[data-pd-h3="5"] .PD h3 span {display: inline-block;padding: 0 .5em;max-width: 85%;border-radius: 4px;color: #ffffff;background-color: #d92e40;}
	.Area09 .box .PD_layout .PD .PD_img {position: absolute;margin-top: 0.5em;}
	.Area09 .box .PD_layout .PD h3 {margin-top: 0.5em;margin-bottom: 7em;}

}

/*置底*/
.fixedfooterArea .fixedBox {z-index: 999;position: fixed;bottom: -20px;width: 960px;max-width: 960px;height: 150px;}
@media screen and (max-width:767px){
.fixedfooterArea .fixedBox {z-index: 999;position: fixed;bottom: 0px;width: 100%;max-width: 960px;height: 15vw;}

}


/*版頭logo*/
.Area_title .momologo {z-index: 10;position: absolute;top: 10px;left: 0px;}
.Area_title .momologo a { display: block; width: 172px; height:74px; background: url(momo_logo_super.png?t=1780024198737) no-repeat; background-size: 100%;}
/* .Area_title .momologo a:hover{ background: url(momo_logo_on.png?t=1780024198737) no-repeat;} */

@media screen and (max-width:767px){
	.Area_title {z-index: 1;}
	.Area_title .momologo {top: 2vw;left: 3vw;}
	.Area_title .momologo a{background-size:100%;width: 20vw;height: 10vw;}
}


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


	
/*移除公版設定*/
.remove_box_style ul {background-color: transparent;grid-gap: 10px;}
.remove_box_style ul li { border: none!important;}
@media screen and (max-width:767px){
  .Area .remove_box_style ul { width: 100%; grid-gap: 0.2em;}
}


/*輪播移除公版設定*/
.swipwe_remove_box_style ul { background-color: transparent; grid-gap: 0;}
.swipwe_remove_box_style ul li { border: none!important; background-color: #fff;}
.swipwe_remove_box_style ul li,
.swipwe_remove_box_style ul li .PD_img img { border-radius: 10px;}
@media screen and (max-width:767px){
 .swipwe_remove_box_style ul { width: 100%; grid-gap: 0;}
}

/*黏人精*/
.Area_hammerAD { z-index: 9999; position: fixed !important; 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 !important; z-index: 300; left: 50%; right: auto; bottom: 50px; display: block; width: 210px; height: 200px; transform: translateX(618px) translate3d(0,20px,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;}
}