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

/*基本*/
body{ margin:0; padding:0; background-color: #000;}




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

/*全BOX版面*/
.WRAPPER {z-index:0; position: relative; display:block; margin: 0 auto; padding: 0; width:100%; max-width: 2000px;min-width:1220px; overflow:hidden; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;background-color: #ff94ae;}
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none;}

		@media screen and (max-width:767px){
		.WRAPPER { min-width: inherit; width:100%; padding-bottom:0px;background-color: #c5ddb2;}
		.WRAPPER img {  width:100%;  height:auto;}
        }
	
	
/*背景*/
@media screen and (min-width:767px){

.bg_01{ z-index:-5; position:absolute;top:0; width:100%; min-width:1220px; height:2769px; background: url(bg_01.jpg?t=1761647940447) no-repeat center top ; pointer-events:none}
.bg_02{ z-index:-6; position:absolute;top:0; width:2000px; min-width:1220px; height:100%; background: url(bg_fixed.jpg?t=1761647940447) repeat-y center top ;background-size: 100%; pointer-events:none}

.main_deco{ z-index:-2; position:absolute;top:0px; width:100%; min-width:1220px; height:100%; background: url(main_deco.png?t=1761647940447) repeat-y center top ; pointer-events:none}	

.bgtop { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; min-width: 1220px; height: 100%; }
	
	
}
	@media screen and (max-width:767px){
.mbg_01{ z-index:0; position:absolute;top:0vw!important; width:100%;height:138vw;background: url(mtop_bg.jpg?t=1761647940447) center 100% / 100% no-repeat scroll;pointer-events:none}
.mbg_02{ z-index:-1; position:fixed;top:0vw; width:100%;height:228vw;background: url(mbg_fixed.jpg?t=1761647940447) center 100% / 100% repeat-y scroll;pointer-events:none}			


	}



/*背景*/
.bgtop  { z-index:0; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:100%;}
	@media screen and (max-width:767px){
.bgtop { min-width: inherit; background-size:100%;}
	}
	


/*區塊_all*/
.Area { position: relative; margin:0 auto; padding:0; border-radius:0; text-align:center; }
.Area a { display:block;margin: auto;} 
.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;}

	@media screen and (max-width:767px){
		.Area1220 { width:100%;}
		.Area960 { width:100%;}
	
	}


/*版頭*/
.Area_top {height:650px;}
@media screen and (max-width:767px){
.Area_top {height:110vw;z-index:3}
}


/*版頭品*/
.Area_top .toppd .Area_swiper_box .PD_layout ul li {background:#fff0!important ;}
.Area_top .toppd .PD_layout ul li a {pointer-events: none;} 		
 @media screen and (min-width:768px){
.Area_top .toppd .PD_layout {z-index: 10;}
.Area_top .toppd {  position: absolute; top: 225px; left: 479px; width:729px; height: auto;}
.Area_top .toppd .PD_img img {width:100%;}
.Area_top .toppd  ul {margin: 0;padding: 0;display: flex;}
.Area_top .toppd .PD_layout ul li {background:#fff0!important ;}
     }
@media screen and (max-width:767px){
.Area_top  .toppd {width:100%;z-index: 10;}
.Area_top  .toppd .PD_layout .PD_logo { z-index: 5; position: absolute; top: 0; left: 0;}
.Area_top  .toppd { z-index: 50; position:absolute;top:55vw;left:0vw; width:100%; height:auto;}
.Area_top  .toppd  ul {display: flex;min-width: 100%;}
.Area_top  .toppd  ul li { width:100%!important; height:50vw;left: 0vw!important;}
}

/*副標輪播*/
.subtitle .PD_layout ul li a {pointer-events: none;} 		

.Area_top .subtitle {  z-index: 1;position: absolute; top: 415px; left:0px; width: 604px; height: 115px; overflow: hidden;}
.Area_top .subtitle ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: inherit;}
.Area_top .subtitle ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(5%,0);}
.Area_top .subtitle ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}

@media screen and (max-width:767px){
.Area_top .subtitle { position: absolute; width: 80%; height: auto; top: 34vw; left: 11vw;  overflow: hidden;}
}


/*輪播特效*/
@media screen and (min-width:768px){
.Area_top  .box_PD .Area_swiper .swiper-slide .PD_img { opacity: 0; transform: translate(0,0%);  }
.Area_top  .box_PD .Area_swiper .swiper-slide-active .PD_img { opacity: 1; transition: 1s cubic-bezier(0, 0.63, 0.63, 0.89); transform: translate(0,0);}
.Area_top  .box_PD .Area_swiper .swiper-slide .PD_logo {display: none;}
}
@media screen and (max-width:767px){
.Area_top  .box_PD .Area_swiper .swiper-slide .PD_logo { opacity: 0; transition: .2s ease-out;transform: translate(0%,0);  }
.Area_top  .box_PD .Area_swiper .swiper-slide-active .PD_logo { opacity: 1; transition: 1s ease-out; transform: translate(0,0);}
.Area_top  .box_PD .Area_swiper .swiper-slide .PD_img {display: none;}
}


/*版頭*/
.date .PD_layout ul li a {pointer-events: none;} 		
.main .PD_layout ul li a{pointer-events: none;} 		
@media screen and (min-width:768px){
.main{position: relative;width: 610px;top: 283px;left: 0px;z-index: 1}  .main img{width:100%;}
.date {position: absolute;left: 0px;top: 225px;z-index: 10;}	
.date img{width: 100%;}	
}

@media screen and (max-width:767px){
.main{position:absolute;width: 80%;top: 17vw;left: 11vw;z-index: 1}	   
.date {position: absolute;left:17vw;top:9vw;z-index:5;width: 70%;}
}



/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #ff5b02;}        
.danji .Area_danji {width: 96%; margin: 0 auto;}
/*登記活動_小小標*/
.Area .tinytitle { padding: 0px 0 13px; margin: 0 auto; width: 100%; z-index: 2; /*background: url(Area06_title.png?t=1761647940447)top center no-repeat; background-size: 100%;*/}
.Area .tinytitle ul { padding: 0; grid-gap: 0;}
.Area .tinytitle ul li { background-color: transparent; pointer-events: none;}
.Area .tinytitle ul li .PD_into { padding: 0;}
.Area .tinytitle ul li h5 { padding: 0; margin: 0; font: bold 37px/37px "Noto Sans CJK TC Bold","Microsoft JhengHei", Arial, Helvetica;color: #fff;  }
@media screen and (max-width:767px){
.Area .tinytitle { padding: 3.5vw 0 0vw; margin: 0 auto; width: 100%; z-index: 2;/* background: url(Area06_title.png?t=1761647940447)top center no-repeat; background-size: 170%;*/position: relative;top:-1vw;}
.Area .tinytitle ul li h5 { font: bold 5.6vw/5.6vw "Noto Sans CJK TC Bold","Microsoft JhengHei", Arial, Helvetica;color: #fff; }
}



/*2PD*/
.Area2PD .box { display: flex; flex-wrap: nowrap;}
.Area2PD .box { padding: 0; box-sizing: border-box; padding-top: 20px;}
.Area2PD .box_box { margin: 0 1%; width: 48%; background: #f0d4b3; padding: 0 10px; border-radius: 20px;}
.Area2PD .PD_box { margin-bottom: 10px;}
.Area2PD .PD_box ul { padding: 20px; border-radius: 0;}
.Area2PD .box .BN { padding: 20px 50px 0; box-sizing: border-box;}
.Area2PD .box .BN ul { padding: 0 20px;}
.Area2PD .box .BN ul li .PD_into { display: flex; flex-direction: row;}
.Area2PD .box .BN ul li .PD_into .PD_logo { width: 50%; border-radius: 15px; margin-right: 1%; overflow: hidden;}
.Area2PD .box .BN ul li .PD_into h3 { width: 100%; font-size: 33px; color: #0c218c; line-height: 1em; text-align: center;}
.Area2PD .box .PD_box ul { padding: 20px; border-radius: 20px;}
@media screen and (max-width:767px){
.Area2PD {}
.Area2PD .box { flex-wrap: wrap;}
.Area2PD .box { width: 100%; padding: 0; margin: 0 auto 5vw;}
.Area2PD .box_box { margin: 0 auto 5vw; width: 96%;}
.Area2PD .box_box:last-child { margin: 0 auto;}
.Area2PD .PD_box { margin-bottom: 2%;}
.Area2PD .PD_box ul { padding: 0.2em;}
.Area2PD .box .BN { padding: 0 0.5em;}
.Area2PD .box .BN ul { padding: 0;}
.Area2PD .box .BN ul li .PD_into{ padding: 3vw 3vw 2vw;}
.Area2PD .box .BN ul li .PD_into .PD_logo { width: 55%; border-radius: 10px;}
.Area2PD .box .BN ul li .PD_into h3 { font-size: 22px; line-height: 1.0em;}
.Area2PD .box .PD_box ul { padding: 0.2em; width: 100%;}
}



/* 04_頁籤01 */
@media screen and (min-width:768px){ 
.Area_below01 {background-color: #f0d4b3;border-radius: 40px;margin-bottom: 50px;padding-bottom: 30px;width: 60%;} 
.Area_below01 .Area_page { overflow: hidden; padding: 20px 0 ; } 
.Area_below01 .Area_page .PD_layout { width: 96%}
}
@media screen and (max-width:767px){
.Area_below01 {background-color: #f0d4b3;border-radius: 20px;margin-bottom: 5vw;} 
.Area_below01 .Area_page { overflow: hidden;  padding: 5vw 0 ; } 
.Area_below01 .Area_page .PD_layout { width: 96%;margin: 0 auto;}
}



/*頁籤區標*/
.Area .txt02 {padding: 0;margin: 0 auto 35px;width: 80%!important;z-index: 2}
.Area .txt02 ul {padding: 6% 0 0 0;grid-gap: 0;}
.Area .txt02 ul li { background-color: transparent; pointer-events: none;}
.Area .txt02 ul li .PD_into { padding: 0;}
.Area .txt02 ul li h5 {padding: 0 0 0 0;margin: 0 auto 0;font: bold 43px/43px "Noto Sans CJK SC","Microsoft JhengHei", Arial, Helvetica;transform:rotate(-0deg);color: #0c218c;letter-spacing: -1px;text-align: center;}

@media screen and (max-width:767px){
.Area .txt02 {padding: 0;margin: 0 auto;height: 11vw;width: 80%!important;}
.Area .txt02 ul li h5 { font: bold 6.0vw/6.0vw "Noto Sans CJK SC","Microsoft JhengHei", Arial, Helvetica;}
.Area .txt02 ul li h5 {padding: 1.5vw 0 0 0;margin: 0;}
}




/*brand_logo*/
.brand_logo { }
.brand_logo .box{ padding-top:0px; width: 65%;margin: 0 auto;}
.brand_logo .box .PD_layout ul { padding: 0!important;}
@media screen and (max-width:767px){
.brand_logo {height:100%; top: 0; margin-bottom:10vw!important;}
.brand_logo .box{  padding-top: 0vw; width: 100%;margin:0 auto;}
.brand_logo .box ul li{ min-width: inherit;}
}






/*Area_bottom*/
@media screen and (min-width:768px){
  .Area_bottom {padding-bottom: 30px; }
  }
  @media screen and (max-width:767px){
  .Area_bottom {padding-bottom: 2vw;}
  }

/*打字區標*/
  .Area_txt .PD_layout ul li a {pointer-events: none;}
  @media screen and (min-width:768px){
  .Area_txt .PD_layout.PD_layout-D3_01 .PD h3{color:#fff;font-size: 47px;top:45%;}
  }
  @media screen and (max-width:767px){
  .Area_txt .PD_layout.PD_layout-D3_01 .PD h3{color:#fff;font-size: 5.8vw;top:43%;}
  }