/*版頭*/
.Area_top { position: relative; }
.Area_top .knowmore { z-index: 99; position: absolute; top:80px; right:0px;}
.Area_top .list { z-index: 99; position: absolute; top: 141px; right:0px;}
.Area_top .knowmore img { width: 100%;}
	@media screen and (max-width:767px){
		.Area_top {}
		.Area_top .knowmore { width: 16%; top:12.5vw; right: 0;}
		}






.Area_hero-banner {height: 1120px;}
@media screen and (max-width: 767px) { 
.Area_hero-banner {height:120vw;}
}



@media screen and (min-width:768px){
	.Area_danji{}
	.Area_danji .bg_01 {z-index: -1;position: absolute;top: 10px;left: -390px;width: 2000px;height: 100%;background-repeat: no-repeat;background-position: center top;pointer-events: none;background-size: 100%;}
	.danji-pd-container{background: url(danji_bg.png?t=1790733871117)top center no-repeat;background-size: 100%;}
	.danji-pd-container{width: min(88%, 880px);margin-inline: auto;}
	.Area_danji .danji-pd-body{display: flex;text-align: left;align-items: center;gap: 1.75rem;padding: 1.75rem 1.75rem 3.45rem;}
	.Area_danji .danji-pd-body .pd-info{}
	.Area_danji .danji-pd-head{font-size: 2.5rem;padding-block: .25rem;color: #222222;z-index: 9;}
	.danji-pd-body .pd-info-brand{font-weight: bolder;font-size: 2.5rem;margin-left: -0.35em;color: #222222;letter-spacing: -0.025em;}
	.danji-pd-body .pd-info-name{font-weight: bolder;font-size: 2.5rem;color: #222222;letter-spacing: -0.025em;}
	.danji-pd-body .pd-info-btn{margin-bottom: 3rem;margin-top: 2rem;}
	.danji-pd-body .pd-info-rest{font-weight: bold;font-size: 1.5rem;color:#222222;}
	.danji-pd-body .pd-info-notice{font-size: 1.5rem;color: #222222;}
	.danji-pd-foot{font-size: 1.75rem;padding-bottom:2rem;margin-top: 0.1rem;color: #222222;}
}

@media screen and (max-width:767px){
.Area_danji{}
.danji-pd-container{background: url(danji_bg.png?t=1790733871117)top center no-repeat;background-size: 100%;}
.Area_danji .danji-pd-body{display: flex;text-align: left;gap:.6rem;padding: 1rem;}
.Area_danji .danji-pd-body .pd-info{}
.Area_danji .danji-pd-head{font-size: 1.15rem;padding-block: .25rem;color: #222222;}
.danji-pd-body .pd-info-brand{font-weight: bolder;font-size: 1.25rem;margin-left: -0.4em;color: #222222;}
.danji-pd-body .pd-info-name{font-weight: bolder;font-size: 1rem;color: #222222;}
.danji-pd-body .pd-info-btn{width: min(77%, 280px); margin-bottom: 1rem;margin-top: 1rem;}
.danji-pd-body .pd-info-rest{font-weight: bold;font-size: .75rem;color: #222222;}
.danji-pd-body .pd-info-rest{font-weight: bold;font-size: .75rem;color:#222222;}
.danji-pd-body .pd-info-notice{font-size: .75rem;color: #222222;}
.danji-pd-foot{font-size:1rem;padding-bottom: 1.3rem;margin-top: 0.5rem;color: #222222;}
}
@media screen and (min-width:768px){
.version_box .BN{width: 60%;margin: auto;}
.version_box .more1{width: 73%;margin: auto;position: relative;padding: 0;margin-top: -52px;z-index: 9;}
.version_box .more1 img{width: 73%;}
}
@media screen and (max-width:767px){
	.version_box .more1{width: 59%;margin: -10vw auto 5vw;position: relative;padding: 0;z-index: 9;}

}



/*20210319-Phone置底黏人精--活動紀錄*/
.fixedfooterArea { pointer-events: none;  z-index: 201; position: fixed; left: 0; margin: 0; padding: 0; width: 100%; height: 75px; text-align: center; font-size: 14px; line-height: 34px; color: #000; font-family: "微軟正黑體", "Microsoft JhengHei", Arial; background-color: transparent;
  bottom: 55px;
  bottom: calc(55px + constant(safe-area-inset-bottom)*0.6 );
  bottom: calc(55px + env(safe-area-inset-bottom)*0.6 );}
.fixedfooterArea a {display:block; color:inherit; text-decoration:none;}
.fixedfooterArea img { width: 100%; height: auto;}
.fixedfooterArea li { pointer-events: all;}
.fixedfooterArea .fixedBox_1 { z-index:1; position:absolute; top:0px; left:0; width:100%; text-align:center; }
.fixedfooterArea .fixedBox_1 ul { position:relative; margin:0; padding:0; width:100%; list-style:none outside none; white-space: nowrap;}
.fixedfooterArea .fixedBox_1 li {z-index:1; position:relative; display:inline-block; float:none; padding:0; border-radius:44px; height:34px; box-shadow:0 1px 0 rgba(242,242,242,1), 0 0 10px rgba(0,0,0,0.2); color:#000; background-color: rgba(255,255,255,0.95);}
.fixedfooterArea .fixedBox_1 li a { display: flex; padding: 0 24px 0 20px;}
.fixedfooterArea .fixedBox_1 li span { position:relative; top:4px; display: inline-block; width:24px; height:24px; }