@charset "big5";
/* CSS Document */

/*��*/
body{ margin:0; padding:0;}


/*��BOX����*/
.WRAPPER { position: relative; display:block; margin: 0 auto; padding: 0; width:100%;  min-width:1220px; overflow:hidden; font-family:"�L�n������","Microsoft JhengHei",Helvetica; background:#feb6c4; background-image: repeating-linear-gradient(0deg, #ff7d42 -1%, #facab3 101%);}
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none;}
@media screen and (max-width:767px){
	.WRAPPER { min-width: inherit; padding-bottom:0px; height: auto; }
	.WRAPPER img { width:100%;  height:auto;}
}


/*�I��*/
.bg{ z-index:0; position:absolute; top:-10px; left:0; width:100%; min-width:1220px; height:15807px; background: url(bg.jpg?t=1750930629274) no-repeat center top ;}
@media screen and (max-width:767px){
	.bg { width:100%; height:15807vw;  position:absolute; top:-127vw; left:0; transform: translateX(-28%); background: url(bg_m.jpg?t=1750930629274) repeat-x center top;}
/*	.bg { display:none;}*/
}

	
/*PC�I��*/
.bg01 { z-index:0; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:16383px; background: url(bg_01.jpg?t=1750930629274) no-repeat center top ;}
.bg02{ z-index:0; position:absolute; top:16383px; left:0; width:100%; min-width:1220px; height:100%; background: url(bg_02.jpg?t=1750930629274) no-repeat center top ;}
@media screen and (max-width:767px){
	.bg01 { display: none}
}



/*�϶�_all*/
.Area { position: relative; margin:0 auto; padding:0; border-radius:0; text-align:center; }
.Area a { 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);}
.Area1220 { margin:0 auto; width:1220px;}
.Area960 { margin:0 auto; width:960px;}
		.Area_1bn { margin: 0 auto; padding:0; overflow:hidden; }
		.Area_1bn a { float:left; margin:0 0 0% 0; padding:0; width:100%; list-style: none;}
		.Area_2bn { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_2bn a { float:left; margin:0 1% 2%; padding:0; width:48%; list-style: none;}
		.Area_3bn { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_3bn a { float:left; margin:0 1% 2% ; padding:0; width:31.3%; list-style: none;}
		.Area_1bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_1bn_nopadding a { float:left; margin:0; padding:0; width:100%; list-style: none;}
		.Area_2bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;display: flex;}
		.Area_2bn_nopadding a { float:left; margin:0; padding:0; list-style: none;}
		.Area_3bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_3bn_nopadding a { float:left;  width:33.3%; list-style: none;}
		.Area_4bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;display: flex;}
		.Area_4bn_nopadding a { float:left; margin:0; padding:0; width:25%; list-style: none;}
		.Area_5bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_5bn_nopadding a { float:left; margin:0; padding:0; width:20%; list-style: none;}
		.Area_5bn_nopadding img { float:left; margin:0; padding:0; list-style: none;}

	@media screen and (max-width:767px){
		.Area1220 { width:100%;}
		.Area960 { width:100%;}
	/*�϶�_����*/
		.Area_1bn { margin: 0 auto; padding:0; overflow:hidden; width: 95%;}
		.Area_1bn a { float:left; margin:0 0 0% 0; padding:0; width:100%; list-style: none;}
		.Area_2bn { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_2bn a { float:left; margin:0 1% 2%; padding:0; width:48%; list-style: none;}
		.Area_3bn { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_3bn a { float:left; margin:0 1% 2% ; padding:0; width:31.3%; list-style: none;}
		.Area_1bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_1bn_nopadding a { float:left; margin:0; padding:0; width:100%; list-style: none;}
		
	/*2�ӨñƵL�s��*/
		.Area_2-2bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_2-2bn_nopadding a { float:left; margin:0; padding:0;  list-style: none;}
		.Area_2-2bn_nopadding img { float:left; margin:0; padding:0;width:50%; list-style: none;}
	/*2�ӨñƵL�s�� end up*/
		
		.Area_2bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_2bn_nopadding a { float:left; margin:0; padding:0;  list-style: none;}
		.Area_2bn_nopadding img { float:left; margin:0; padding:0; list-style: none;}
		
		.Area_3bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_3bn_nopadding a { float:left; padding:0;   width:33.3%; list-style: none;}
		.Area_3bn_nopadding img { float:left; margin:0; padding:0; list-style: none;}
		
		.Area_4bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_4bn_nopadding a { float:left; margin:0; padding:0; width:100%; list-style: none;}
		.Area_4bn_nopadding .PD_layout[data-pd-li*="BN"] li .PD_layout .PD img { float:left; margin:0; padding:0;width:188% !important; list-style: none;}
		
		.Area_5bn_nopadding a { float:left; margin:0; padding:0; width:18%; list-style: none;}
		.Area_5bn_nopadding img { float:left; margin:0; padding:0;width:18%; list-style: none;}
	}


/*�����X�~�A�οù��j�p�h���Aflex*/
.Area_bn_flex ul{  display: flex; flex-wrap:nowrap; width:100%; align-items: flex-end; flex-direction:row; position:relative; margin:0;  padding: 0;text-decoration: none;   list-style: none;   justify-content:center;}
.Area_bn_flex ul li{ position: relative;  padding: 0 ; text-decoration: none;  }	




/*��������϶�*/
.mmainArea{ height: auto;}		
@media screen and (max-width:767px){
	.mmainArea {  height: 100%;}
	.mmainArea .title {height: 20vw;position: relative;left: -7vw;top: 5vw;}
	.mmainArea .title img { width: 116%; }
	.mmainArea .PD_layout { padding: 1vw 0;}
}




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


/*new*/
/*�n�O�϶�*/

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



/*01_���s1��*/
@media screen and (min-width:767px){
.Areabtn1 { width: 950px !important; margin: 0 auto; }
.Areabtn1 .title { position:relative; top: 0px; left: -130px; height: 135px;}
.Areabtn1 .PD_layout ul { padding: 0; grid-gap: 60px;}
}
@media screen and (max-width:767px){
.Areabtn1 { width: 98%; margin: 0 auto; margin-left: 1vw; margin-bottom: 1vw;}
.Areabtn1 { height: auto; padding-bottom: 1vw;}
.Areabtn1 .title {height: 20vw;position: relative;left: 0vw;top: 5vw;}
.Areabtn1 .title img {width: 138%;position:absolute;left: -18vw;}
.Areabtn1 .PD_layout { padding: 1vw 0; /*background:url(mo_8pd_cont.jpg?t=1750930629274); background-size:100%;background-repeat: repeat-y;*/}
.Areabtn1 .PD_layout ul { padding: 0; grid-gap: 3vw;}
.Areabtn1 .PD_layout ul li img { width: 100%;}
}



/*01_���s2��*/
@media screen and (min-width:767px){
.Areabtn2 { width: 950px !important; margin: 0 auto; }
.Areabtn2 .PD_layout ul { padding: 0; grid-gap: 60px;}
.Areabtn2 .PD_layout ul li img { width: 105%;}
}
@media screen and (max-width:767px){
.Areabtn2 { width: 98%; margin: 0 auto; margin-left: 1vw; margin-bottom: 1vw;}
.Areabtn2 .PD_layout ul { padding: 0; grid-gap: 3vw;}
.Areabtn2 .PD_layout ul li img { width: 100%;}
}















/*4�~����*/
@media screen and (min-width:767px){
.Area8PD {height:1200px;}
.Area_8PD_1 {height: auto; padding-bottom: 95px;top:120px;}
.Area_8PD_1 .title { position:absolute; top: -145px; }
.Area_8PD_1 .PD_layout  { padding: 15px 0 0 0;}

}
@media screen and (max-width:767px){
.Area8PD {height:294vw;}
.Area_8PD_1{height: auto; padding-bottom: 20vw;}
.Area_8PD_1 .title {height: 20vw;position: relative;left: -7vw;top: 5vw;}
.Area_8PD_1 .title img {width: 138%;position:absolute;left: -11.5vw;top: -2vw;}
.Area_8PD_1 .PD_layout { padding: 2.5vw 0 0; /*background:url(mo_8pd_cont.jpg?t=1750930629274); background-size:100%;background-repeat: repeat-y;*/}
}






@media screen and (min-width:767px){

}
@media screen and (max-width:767px){
.Area99 {height:303vw;}

}


/*���P�`���O���~-Area_gum*/

.Area_gum{padding: 0; margin-bottom: 10px!important;width: 1220px;height: 295px;}
.Area_gum .PD_layout {top: 51px;width: 75%;}
.Area_gum .PD_layout .PD_slide {border-radius:0.5em;}
.Area_gum .PD_layout li{margin: 0px 0px 0px 0px;}
.Area_gum .PD_layout ul{grid-gap:70px;position: relative;width: 80%;}

.Area_gum .PD_layout .PD_img{width: 100%;}
@media screen and (max-width:767px){
	.Area_gum{padding: 0 0 0; margin-bottom: 0vw!important;width: 100%;height: 23vw;}
   .Area_gum .PD_layout li:nth-child(20){left: 21vw!important;}
    .Area_gum .PD_layout {top: 3vw;margin: 0vw 0vw 0vw 5vw;width: 91%}	
    .Area_gum .PD_layout li{margin: 0 0 2% 0;}
    .Area_gum .PD_layout .PD_img{width: 95%;}
	.Area_gum .PD_layout ul{grid-gap:0vw;position: relative;right: -2vw;width: 111%;}

}


@media screen and (min-width:767px){
.Areasq ul {width: 70%!important;}
}

@media screen and (max-width:767px){
.Areasq ul {width: 89%!important;}

}



/*�n�O����*/
@media screen and (min-width: 768px){

}

@media screen and (max-width: 767px){
.Area_danji .danji_box ul li img{width: 96%;}	
}





@media screen and (min-width:767px){

	}
	
	@media screen and (max-width:767px){
		.BN1220_633 .PD_layout .PD img {width: 96%!important;padding-top:4vw;}
	
	}





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