@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; text-align:left; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; background-color: #f6f6f6; }
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none; -webkit-tap-highlight-color: transparent}
/*預設清單樣式*/
.Area .list_00 ul {display:inline-block;}
.Area .list_00 li {list-style:none;float:left;overflow: hidden;}
	@media screen and (max-width:767px){
		.WRAPPER {margin-bottom: 0;min-width: inherit;min-height: 100vh;overflow: hidden;background-size: 100%;background-color: #f6f6f6;}
		.WRAPPER img {  width:100%;  height:auto; }
	}

/** 入稿區基本 **/
.content_Area { position:relative; display:inline-block; margin:0px auto 0px auto; padding: 0px 0px 0px 0px; width:1220px;}
.buttonAera_more { position: absolute; top:15px; right:15px; padding-left:17px; padding-right:10px;  border-radius:60px; width:90px; height:40px; background-color: #666; text-align:center;}
.buttonAera_more a { display:block; padding-top:5px; font: bold 24px/29px Century Gothic; color:#fff; text-decoration: none; letter-spacing:-0.05em; }
.buttonAera_more:hover {background-color: #000;}
.buttonAera_more .btnGO { margin:5px; float:right; width:20px ;height:20px;}

/*PC背景*/
@media screen and (min-width:768px){
.bg_fix { z-index:-58; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.top_deco {z-index: -10;position:absolute;top: -49px;left: 0;width: 100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.top_circle {z-index: -10;position:absolute;top: 0;left: 51%;width: 560px;height: 560px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.bg_repeat {z-index: -60;position:absolute;top: 0;left: 0;width:100%;height:100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}	
.bg_deco {z-index: -30;position:absolute;top: 1880px;left: 0;width:100%;height: 4060px;background-repeat:repeat-y;background-position: center top;pointer-events:none;}	
.bg_bottom {z-index: -30;position:absolute;top: 0;left: 0;width:100%;height: 100%;background-repeat: no-repeat;background-position: center bottom;pointer-events:none;}		

}


@media screen and (max-width:767px){
.m_bg_fix {z-index:-40;position:absolute;top: 10vw;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
.m_top_deco {z-index: -20;position:absolute;top: 0;left: 0;width: 100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
.m_top_circle {z-index: -20;position:absolute;top: 56vw;left: 53vw;width: 60vw;height: 60vw;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
.m_bg_repeat {z-index:-50;position:absolute;top: 10vw;left:0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}
.m_bg_bottom {z-index: 0;position:absolute;top: 0;left:0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;background-size: 100%;}
}


/*間距*/
@media screen and (min-width:768px){
.Area_bottom {margin-bottom: 140px!important;}
.Area_bottom2 { margin-bottom: 20px!important; }
}
@media screen and (max-width:767px){
.Area_bottom {margin-bottom: 15vw!important;}
.Area_bottom2 { margin-bottom: 0vw!important; }	
}



/*版頭區塊*/
@media screen and (min-width:768px){
	.Area_title {height: 656px;z-index: 20;}
	.Area_title .title01 {z-index:4;position: relative;top: 291px;}
	.Area_title .title02 {z-index:4;position: relative;width: 100%;top: 360px;left: -269px;background: url("title02_bg.png?t=1770886092388") center top / 54% no-repeat scroll;}
	.Area_title .coupon {position: absolute;width: 70%;margin: 0 14%;top: 612px;left: 0;z-index: 50;}
	.Area_title .coupon img{ width: 100%; }	
	.Area_title .Area_coupon_more{position: absolute;width: 9%;top: 19px;left: 690px;}	
	.Area_title .Area_coupon_btn{position: absolute;width: 20%;top: 60px;left: 475px;}	
}

@media screen and (max-width:767px){
	.Area_title {height: 119vw;z-index: 20;}	
	.Area_title .title01 {z-index:4;position: absolute;width: 100%;}
	.Area_title .title02 {z-index:4;position: relative;top: 37vw;left: 0;width: 100%;height: 50vw;background: url("title02_bg.png?t=1770886092388") center top / 86% no-repeat scroll;}
	.Area_title .title02 img {padding: 0;width: 73%;}
	.Area_title .coupon {position: absolute;margin: 0;top: 127vw;left: 0;z-index: 50;}
	.Area_title .coupon img{ width: 100%; }	
	.Area_title .Area_coupon_more{position: absolute;width: 11%;top: 4vw;left: 76vw;}	
	.Area_title .Area_coupon_btn{position: absolute;width: 24%;top: 10vw;left: 44vw;}
}


/*版頭主標微調*/
@media screen and (min-width: 768px){
.title { width: 55%; }
.title .PD_layout li:nth-of-type(1) {position: absolute;top: 145px;left: 89px;z-index: 9;}
.title .PD_layout li:nth-of-type(2) {position: absolute;top: 159px;left: 18px;z-index: 10;}
.title .PD_layout li:nth-of-type(3) {position: absolute;top: 99px;left: 892px;}
}
.title .PD_layout .PD img { width: auto!important; }
.title .PD_layout .PD a { pointer-events: none; }
.title .PD_layout .PD_slide:hover {transform: translateY(0); }

@media screen and (max-width:767px){
.title {width: 82%;}
.title .PD_layout li:nth-of-type(1) {position: absolute;top: 10vw;left: 22vw;width: 79%;z-index: 9;}
.title .PD_layout li:nth-of-type(2) {position: absolute;top: 11vw;left: 8vw;width: 84%;z-index: 10;}
.title .PD_layout li:nth-of-type(3) {position: absolute;top: 74vw;left: 6vw;width: 19%;z-index: 10;transform: rotate(333deg);}
.title .PD_layout[data-pd-li*="BN-AWD"] .PD_img{ display: block!important;}
.title .PD_layout ul { display: flex; left: 0;top: 0;}
.title .PD_layout .PD img { width: 100%!important; }
}


/*版頭品微調*/
.top_pd .PD_layout .PD a { pointer-events: none; }
.top_pd .PD_layout .PD img { width: auto!important; }
.top_pd .PD_layout .PD_slide:hover {transform: translateY(0); }
@media screen and (min-width: 768px){
.top_pd {position: absolute;top: 38px;left: 546px;z-index: 30;}
}

@media screen and (max-width:767px){
.top_pd {position: absolute;top: 47vw;left: 1vw;}
.top_pd .PD_layout ul { display: flex; left: 0;top: 0;}
.top_pd .PD_layout .PD img {width: 96%!important;}
.top_pd .PD_layout[data-pd-li*="BN-AWD"] .PD_img { display: block!important; }
}




/*區塊1*/
.Area01 {height: auto;padding: 20px 0;margin: 0 0 130px 0 !important;}
@media screen and (min-width:768px){
.Area01_bg1 {z-index: -26;position:absolute;top:0px;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}	
.Area01_bg {z-index: -28;position:absolute;top: 0;width:100%;height: 100%;background-repeat: repeat-y;background-position: center top;pointer-events:none;}
.Area01_bg2 {z-index: -26;position:absolute;top: 1585px;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}	
.Area01_bg2-1 {z-index: -26;position:absolute;top: 1140px;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
}

/*登記*/
@media screen and (min-width: 768px){
.Area01 .box01 {position: relative;padding-bottom: 20px;}
/**區標**/	
.Area01  .layout_text {width: 75%;/* margin: -25px auto 15px; */height: 82px;position: absolute;left: 152px;top: 4px;}
.Area01  .layout_text ul {margin:0;padding:0;}
.Area01  .layout_text .PD_slide:hover{transform:none;}
.Area01  .layout_text .PD a {pointer-events: none!important}
.Area01  .layout_text .PD .PD_into h3{font-size: 50px;color: #feece0;margin-top: 1px;}

}
.Area_danji .danji_box ul li .activityText .gifts span { color: #5b50b9;}    
@media screen and (max-width: 767px){
.Area01 {padding: 0;height: auto;padding: 0 0 5vw 0; margin: 0 !important;}
.m_Area01_bg {z-index: 0;position:absolute;left:0;top: 41vw;width:100%;height:100%;background-repeat: no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
.Area_danji .danji_box{ width: 96%; margin: 0 auto;}
.bg{ background-color: #4a40a3;}

 

/**區標**/	
.Area01  .layout_text {width: 100%;height: 13vw;position: absolute;top: 4vw;}
.Area01  .layout_text ul {margin:0;padding:0;}
.Area01  .layout_text .PD_slide:hover{transform:none;}
.Area01  .layout_text .PD a {pointer-events: none!important}
.Area01  .layout_text .PD .PD_into h3{font-size: 1.5em;color: #feece0;margin-top: 0.5vw;}




}



/*區塊2*/
.Area02 {padding: 169px 0 0 0;height: auto;}
.Area02 .Area02_deco {position: absolute;top: 14px;left: 172px;z-index: 10;pointer-events: none;}
@media screen and (max-width:767px){
.Area02 {height:100%;padding: 0;padding-bottom: 5vw;}
.Area02::after {content:"";position: absolute;display:block;top: 9vw;left: 0;width:100%;height:100%;pointer-events:none;background: url("m_Area02_end.png?t=1770886092388") center bottom/ 100% no-repeat scroll;z-index: -1;}
.Area02 .PD_box .PD_layout { padding: 0 3%; background: url("m_Area02_repeat.png?t=1770886092388") center top / 100% repeat-y scroll;}

/**區標**/	
.Area02  .layout_text {width: 100%;height: 13vw;position: absolute;top: 13vw;}
.Area02  .layout_text ul {margin:0;padding:0;}
.Area02  .layout_text .PD_slide:hover{transform:none;}
.Area02  .layout_text .PD a {pointer-events: none!important}
.Area02  .layout_text .PD .PD_into h3{font-size: 1.5em;color: #463795;margin-top: 0.5vw;} 

	
}

@media screen and (min-width:768px){
.Area02_bg {z-index: -30;position:absolute;top: 0;width:100%;height: 1050px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}	
.Area02 .PD_box{width: 94%; margin: 0 auto;}


/**區標**/	
.Area02  .layout_text {width: 75%;/* margin: -25px auto 15px; */height: 82px;position: absolute;right: 360px;top: 20px;}
.Area02  .layout_text ul {margin:0;padding:0;}
.Area02  .layout_text .PD_slide:hover{transform:none;}
.Area02  .layout_text .PD a {pointer-events: none!important}
.Area02  .layout_text .PD .PD_into h3{font-size: 50px;color: #463795;margin-top: 1px;}


}

/** 倒數 **/
.TimerNick_2 {position: absolute;top: 85px;left: 638px;width: 60%;height: 50px;font-size: 2.7em;text-align: center;padding: 0;z-index:4;margin: 0;}
.TimerNick_2 .FontStyle {position: relative;display:inline-block;width: 46px;top: 0;font: normal 39px/42px Arial;color: #5c4ea2;letter-spacing: 0px;text-align:right;height: 40px;padding: 0 1% 0 0;text-shadow: -1px 0px 2px #fff8f2;}
.TimerNick_2 span {padding-left: 4px;font: 29px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;font-weight: 600;color: #180e47;}
.TimerNick_2 small{  position:relative; font: bold 16px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0em;color: #2a0d05;}
@media screen and (max-width:767px){
		.TimerNick_2 {position: absolute;top: 25vw;left: 22vw;margin:0;width: 100%;height: auto;text-align: center;padding: 0;}
		.TimerNick_2 .FontStyle {margin:0;width: 6vw;font: normal 6vw/6vw Arial;color: #5c4ea2;letter-spacing: 0px;text-align:right;height: 6vw;padding: 0 1% 0 0;}
        .TimerNick_2 div:nth-of-type(2),
		.TimerNick_2 div:nth-of-type(3),
		.TimerNick_2 div:nth-of-type(4){width: 5vw;}
		.TimerNick_2 span {font: bold 3.1vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: 0em;}
}




/*區塊3*/
.Area03 {height: auto;padding-bottom: 70px;z-index: 10;}
.Area03 .PD_layout .PD_slide:hover { box-shadow: 0 0 0 rgba(0, 0, 0, 0); }

@media screen and (min-width:768px){
.Area03_bg {z-index: 2;position:absolute;top: -150px;width:100%;height: 1050px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}	
.Area03_bg2 {z-index: -30;position:absolute;top: 0;width:100%;height: 3460px;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;}
}
@media screen and (max-width:767px){
.Area03 {height:100%;margin-top: -15vw!important;padding-bottom: 15vw;}
.m_Area03_bg {z-index: -10;position:absolute;left:0;top: 50vw;width:100%;height: 1030vw;background-repeat: repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}

}

/*作圖區*/
.Area03 .PD_layout.layout_item .PD p b {position: relative;top: 23px;border-radius: 5em;font-size: 1.3em;margin: 0 2% 0 0; background-image: repeating-linear-gradient(179deg,  #ffffff 0%, rgb(236 206 181) 100%)!important;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}	
.Area03 .PD_layout.layout_item .PD_slide .PD p del {position: absolute;font-size: 0.8em;color: #c7c3d8;}
.Area03 .PD_layout.layout_item .PD p .Price {font-weight: 700;position: relative;top: 23px;font-size: 2.3em;background-image: repeating-linear-gradient(179deg,  #ffffff 0%, rgb(236 206 181) 100%)!important;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.Area03 .PD_layout.layout_item .PD p .money {position: relative;top: 23px; background-image: repeating-linear-gradient(179deg,  #ffffff 0%, rgb(236 206 181) 100%)!important;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.Area03 .PD_layout.layout_item li {background: url("item_bg.png?t=1770886092388") center top / 106% no-repeat scroll;background-size: 91%;}	

@media screen and (min-width:768px){
    .Area03 .PD_layout.layout_item {padding: 0 2%;}
    .Area03 .PD_layout.layout_item .PD_slide:hover {transform:translateY(-6px);}
    .Area03 .PD_layout.layout_item .PD_slide:hover { box-shadow:unset;}
    .Area03 .PD_layout.layout_item .PD_slide .PD:hover h4 { color: #6e6dc8;}
    .Area03 .PD_layout.layout_item .PD_slide {height: 735px;padding: 0;margin: 0 4%;}
    .Area03 .PD_layout.layout_item .PD_slide .PD_into {width: 70%;padding-left:0;position: absolute;left: 96px;top: 474px;font-size: 1em;color: #fff;}
    .Area03 .PD_layout.layout_item .PD_slide .PD_img img {width: 63%;margin: 18% 0 0 19%;box-shadow: unset;}
    .Area03 .PD_layout.layout_item .PD_slide .PD_into h3 {position: absolute;top: -438px;left: 78px;max-height: 1.6em;font-family: Noto Sans CJK TC;font-weight: 300;font-size: 2em;line-height: 1.6em;color: #240e77;text-align: left;}
    .Area03 .PD_layout.layout_item .PD_slide .PD_into h4 {font-size: 1.8em;color: #968ad4;position: relative;left: 36px;}
	.Area03 .PD_layout.layout_item .PD .PD_logo {display: none;position: relative;top: -230px;left: -54px;height: 8em;}
	.Area03 .PD_layout.layout_item .PD .PD_logo img { padding: 2%; box-shadow: none;}
	.Area03 .PD_layout.layout_item .PD p {position: relative;top: 24px;left: 70px;height: 6em;padding: 2% 0 0 0;line-height: 1.6em;font-size: 1.7em;color: #e988ba;}
	.Area03 .PD_layout.layout_item li:nth-of-type(odd) { margin-top: 80px; }
	
	

/**區標**/	
	.Area03  .layout_text {width: 75%;/* margin: -25px auto 15px; */height: 82px;position: absolute;left: 148px;}
	.Area03  .layout_text ul {margin:0;padding:0;}
	.Area03  .layout_text .PD_slide:hover{transform:none;}
	.Area03  .layout_text .PD a {pointer-events: none!important}
	.Area03  .layout_text .PD .PD_into h3{font-size: 50px;color: #463795;margin-top: 1px;}



}

@media screen and (max-width:767px){
    .Area03 .PD_layout.layout_item {margin-top: -18vw;padding: 0 19%;}
    .Area03 .PD_layout.layout_item ul {padding-left: 1vw; padding-right: 1vw;}
    .Area03 .PD_layout.layout_item li {width: 100%;height: 90vw;}
    .Area03 .PD_layout.layout_item .PD_slide .PD_img {margin-bottom: 3%;}
    .Area03 .PD_layout.layout_item .PD_slide .PD_into {padding-left: 0;position: absolute;top: 57vw;left: 8vw;width: 100%;text-align: left;font-size: 0.7em;}
    .Area03 .PD_layout.layout_item .PD_slide .PD_logo {position:absolute;left: 2vw;top: -25vw;height: 14vw;border-radius:50%;display: none;}
	.Area03 .PD_layout.layout_item .PD .PD_logo::after { content:""; position: absolute; display:block; top: -7vw;left: 0;width:100%; height:100%; pointer-events:none; z-index: -1;}
	.Area03 .PD_layout.layout_item .PD .PD_logo img { padding: 0; box-shadow: none;}
    .Area03 .PD_layout.layout_item .PD_slide .PD_img img {width: 70%;margin: 20% 0 0 16%;box-shadow: unset;}
    .Area03 .PD_layout.layout_item .PD_slide .PD_into h3 {position: absolute;top: -53.6vw;left: 10vw;padding: 0;max-height: 1.4em;font-weight: 500;font-size: 1.6em;line-height: 1.7em;margin: 0;-webkit-background-clip: text;color: #240e77;}
    .Area03 .PD_layout.layout_item .PD_slide .PD_into h4 {width: 80%;overflow: hidden;max-height: 1em;padding: 0;font-size: 1.4em;color: #9b9be6;margin: 0;line-height: 1em;}
    .Area03 .PD_layout.layout_item .PD_slide .PD p del {top: 3vw;font-size: 1em;color: #6e6dc8;}
	.Area03 .PD_layout.layout_item .PD p {position: relative;top: 2vw;left: 10vw;height: 15vw;font-size: 1.2em;line-height: 2.8em;color: #fff;}
	.Area03 .PD_layout.layout_item li:nth-of-type(odd) {left: 10vw;}	
	.Area03 .PD_layout.layout_item li:nth-of-type(even) { right: 10vw;}	
	
	.Area03 .PD_layout.layout_item li {background-size: 108%;}	

	/**區標**/	
.Area03  .layout_text {width: 100%;height: 13vw;position: absolute;top: 16vw;}
.Area03  .layout_text ul {margin:0;padding:0;}
.Area03  .layout_text .PD_slide:hover{transform:none;}
.Area03  .layout_text .PD a {pointer-events: none!important}
.Area03  .layout_text .PD .PD_into h3{font-size: 1.5em;color: #463795;margin-top: 0.5vw;} 
}




/*區塊5*/
.Area05 { }
.Area05 .tag a:hover{filter: brightness(1.2);}
.Area05 .tag img {width: 80%;}

@media screen and (min-width:768px){
.Area05_deco {z-index: -30;position:absolute;top: 100px;left: 0;width:100%;height: 7910px;background-repeat:repeat-y;background-position: center top;pointer-events:none;}	
.Area05 .tag {display: flex;flex-wrap: nowrap;padding: 0;height: 240px;margin: 0 auto;box-sizing: border-box;flex-direction: row;justify-content: center;background: url("Area05_bg.png?t=1770886092388") center top / 100% no-repeat scroll;}
.Area05 .tag a { margin: 0 -0.5%;}
.Area05 .tag span { position: relative; top: 110px; left: 0px;margin: 0px; padding: 0; width: 100%; height: 100px; font-style: inherit; font-variant: normal; font-stretch: normal; font-size: 1.8em; line-height: 68px; font-family: Noto Sans CJK SC, "Microsoft JhengHei", Helvetica; text-align: left; font-weight: 200; letter-spacing: -1px; color: #8b6428;}
.Area05 .box_ {position: relative;background: url("Area05_txtbg.png?t=1770886092388") center top no-repeat scroll;}
.Area05 .box_ h2 {position: relative;top: 0px;margin: 0px;padding: 0px 0px 42px;width: 100%;height: 61px;font-style: inherit;font-variant: normal;font-stretch: normal;font-size: 3.5em;line-height: 130px;font-family: 微軟正黑體, "Microsoft JhengHei", Helvetica;text-align: center;font-weight: 600;letter-spacing: -1px;overflow: hidden;background-image: repeating-linear-gradient(181deg,  #ffffff 26%, rgb(236 206 181) 108%)!important;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
}

@media screen and (max-width:767px){
  .Area05 {width: 100%;margin-top: -8vw!important;}
  .Area05 .box_all { width: 100%;}
  .Area05 .tag {position: relative;display: flex;padding: 0 10% 0 13%;height: 50vw;margin-bottom: 5vw!important;margin: auto;flex-wrap: wrap;background: url("m_Area05_tagbg.png?t=1770886092388") center top / 100% no-repeat scroll;}
  .Area05 .tag a {width: 32%;}
  .Area05 .tag span { position: relative; top: 0px; left: 4vw;margin: 0px; padding: 0; width: 100%; height: 60px; font-style: inherit; font-variant: normal; font-stretch: normal; font-size: 1.2em; line-height: 10vw; font-family: 微軟正黑體, "Microsoft JhengHei", Helvetica; text-align: left; font-weight: 600; letter-spacing: 0px; color: #8b6428;}
  .Area05 .box_ ul{ padding: 0 7%; }
  .Area05 .box_ h2 {position: relative;top: 0px;margin: 0px;padding: 0 0 11vw;width: 100%;height: 2vw;font-style: inherit;font-variant: normal;font-stretch: normal;font-size: 2em;line-height: 54px;font-family: 微軟正黑體, "Microsoft JhengHei", Helvetica;text-align: center;font-weight: 600;letter-spacing: 1px;overflow: hidden;background-image: repeating-linear-gradient(181deg,  #ffffff 26%, rgb(236 206 181) 108%)!important;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
}



/* 下方公版 */
@media screen and (min-width:768px){
.PD_bg00 { background: url("Area05_txtbg.png?t=1770886092388") center top / 100% no-repeat scroll; }	


/**區標**/	
.PD_bg00  .layout_text {width: 75%;margin: -25px auto 15px;height: 82px;}
.PD_bg00  .layout_text ul {margin:0;padding:0;}
.PD_bg00  .layout_text .PD_slide:hover{transform:none;}
.PD_bg00  .layout_text .PD a {pointer-events: none!important}
.PD_bg00  .layout_text .PD .PD_into h3{font-size: 50px;color: #feece0;margin-top: 1px;}
/* 公版 */
.PD_bg00 .boxPD .PD_layout{background: url("Area05_repeat.png?t=1770886092388") center top / 100% repeat-y scroll;}	
.PD_bg00 .boxPD ul{padding-top: 20px!important;/* background: url("Area05_repeat.png?t=1770886092388") center top / 100% repeat-y scroll; */width: 96%;}	
.PD_bg00::after {content:"";position: absolute;display:block;top: 55px;left: 0;width: 100%;height:100%;pointer-events:none;z-index: -1;background: url("Area05_end.png?t=1770886092388") center bottom / 100% no-repeat scroll;}	
}

@media screen and (max-width: 767px){
.PD_bg00 {position: relative;background: url("m_Area05_txtbg.png?t=1770886092388") center top / 100% no-repeat scroll;}	

/**區標**/	
.PD_bg00  .layout_text {width: 100%;background-size: 100%;height: 13vw;}
.PD_bg00  .layout_text ul {margin:0;padding:0;}
.PD_bg00  .layout_text .PD_slide:hover{transform:none;}
.PD_bg00  .layout_text .PD a {pointer-events: none!important}
.PD_bg00  .layout_text .PD .PD_into h3{font-size: 1.5em;color: #feece0;margin-top: 0.5vw;}   

/* 公版 */
.PD_bg00 .boxPD .PD_layout{background: url("m_Area05_repeat.png?t=1770886092388") center top / 100% repeat-y scroll;padding: 2vw 0 0 0;}	
.PD_bg00 .boxPD ul{/* background: url("m_Area05_repeat.png?t=1770886092388") center top / 100% repeat-y scroll; */width: 96%;}	
.PD_bg00::after {content:"";position: absolute;display:block;top: 8vw;left: 0;width: 100%;height:100%;pointer-events:none;z-index: -1;background: url("m_Area05_end.png?t=1770886092388") center bottom / 100% no-repeat scroll;}	
}




/*區塊6*/
@media screen and (min-width: 768px){
.Area06 {height: auto;padding-bottom:60px;}
}
@media screen and (max-width:767px){
.Area06 {padding-bottom: 0;height: auto;}
}






/*置底*/
.fixbn a {padding-bottom:constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
			padding-bottom:env(safe-area-inset-bottom);}   /* 兼容 iOS >= 11.2 */ 
.fixbn{position:fixed; background-size:100%;bottom:0; display:block; z-index: 99; }
.fixbn ul li{float:left;padding:0;list-style-type:none;width:100%;}
.fixbn ul li img{width:100%;margin:0 auto;}
.fixbn ul{
    margin-top: 0px;
    margin-bottom: 0px;


    padding-left: 0px;
}

.fixbn .btn {position: absolute;top: -1vw;width: 20%;left: 40%;margin: 0 auto;}






/*區塊_all*/
.Area1220 {position: relative;margin:0 auto;width:1220px;}
.Area960 { margin:0 auto; width:960px;}
.Area { position: relative; margin:0 auto;  border-radius:0; text-align:center; }


.Area a { position:relative; 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);}



	@media screen and (max-width:767px){
		.Area1220 { width:100%;}
		.Area960 { width:100%;}
		.Area .go_bt:hover {  
			-webkit-transform:none;
			-moz-transform:none;
			-ms-transform:none;
			-o-transform:none;
			transform:none;}
	}

	momologo


/*按鈕*/
.bnn a img {
	transition-duration: 0.1s;
	backface-visibility: hidden;
	transform: translateZ(0);
	display: block;
	margin: 0;
	padding: 0px;
	width: 100%;


	height: auto;
	text-align: left;
}
.bnn:hover a img {
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}	
	



/*旗艦館*/
#gotopBtn { display:none !important;} /*把系統手機版原本的Gotop關掉*/
#gotop_2 { display: none; position:fixed; z-index:201; right:0; text-align:center; cursor:pointer; transition: 0.2s; transform: translateY(200%);
        
        bottom: calc(0px + env(safe-area-inset-bottom)*0.6 );}
#gotop_2.cate-open { transform: translateY(0%);}



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

/*分享浮層*/
.floatBox { position:relative; margin:2% auto; padding: 2% 0; width: 700px; height:auto; background-color:rgba(0,0,0,0.8); text-align:center;  border-radius:20px;}
.floatBox img { width:100%; height:auto;}
.floatBox .go_bt {
  -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
          transition: all 0.2s ease;}
.floatBox .go_bt:hover { filter: brightness(120%);
  -webkit-transform:translateY(-6px);
     -moz-transform:translateY(-6px);
      -ms-transform:translateY(-6px);
       -o-transform:translateY(-6px);
          transform:translateY(-6px);}
.floatBox .closeButton a { display:block; cursor:pointer; position:absolute; top:-20px; right:-20px; width:40px; height:40px; border-radius:50%; border:solid 2px #999999; font:bold 40px/1em "Century Gothic"; color:#FFF; text-align:center; background-color:rgba(0%,0%,0%,0.5);text-decoration: none; z-index:2}
.floatBox .closeButton:hover {background-color:#666; text-decoration:none;}
.floatBox .title  { display:inline-block; margin:0 0 10px 0; border-bottom:1px solid #ffd800; font:bold 45px/1.5em "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;  color:#ffd800; text-align:center}
.floatBox .box_ { margin:0 auto; width:90%;}
.floatBox .box_:after { content: ""; display:block; clear:both;}
.floatBox .box_btn { margin:20px auto 0; width: 80%;}
.floatBox .box_btn a { display:block; margin:3% 0;}
.floatBox .box_btn img { width:100%;}
.floatBox .box_btn .btn { margin:0 auto; width:60%;}
.floatBox .box_btn2 a { float:left; margin:0 1%; width:48%;}
	@media screen and (max-width:767px){
		.floatBox { padding:5% 0; width:90%; height: auto;}
		.floatBox .closeButton a {display:block; position:absolute; top:-15px; right:-15px; width:30px; height:30px; border-radius:50%; border:solid 2px #999999; font:bold 30px/1em "Century Gothic"; color:#FFF; text-align:center; background-color:rgba(0%,0%,0%,0.5);text-decoration: none; z-index:2}
		.floatBox .closeButton:hover {background-color:#666; text-decoration:none}
		.floatBox .title  { margin:0 5% 3vw; font-size: 6vw; line-height:2rem;}
		.floatBox .box_btn { margin:2% auto 0;}
		.floatBox .box_btn .btn { margin:0 auto; width:80%;}
	}



	
/*注意事項區*/
.edm_notice { text-align: center; padding: 10px 10px 15px 10px; color: #ffffff; font:12px/18px Helvetica;}
.edm_notice .apple_notice { padding: 10px 0;}
@media screen and (max-width:767px){	
	.edm_notice{padding: 10vw 0;color: #060606;}
}