@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;background-color:#63bdc5; width:100%; min-width:1220px; text-align:left; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;}
.WRAPPER img { border:0px; 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-color: #72c7ce;}
		.WRAPPER img {  width:100%;  height:auto;}
	}

/*PC背景*/
.bg_00 { z-index:0; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_01 { z-index:0; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_02 { z-index:-1; position:absolute;top:475px;left:0; width:100%; height:3500px; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_03 { z-index:-2; position:fixed; top:0; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
.bg_L { z-index: -2;position:absolute;top: 0;left: 5270px;transform: translateY(-1345px);rotate: -27.5deg;width:100%;height:100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
.bg_R { z-index: -2;position:absolute;top: 0;left: 4400px;transform: translateY(-1600px);rotate: -30deg;width:100%;height:100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}	
.bg_05 { z-index:0; position:fixed;top:600px; left:0; width:100%; height:100%; background-position:center 0px; background-repeat:repeat-y; transition:0.5s linear; pointer-events:none;}
.guan_bg {z-index:-1;position:absolute;top: 70px;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;}

    @media screen and (max-width: 767px){
    .bg_01 { z-index:-1; position:absolute;top: 10vw;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center top; pointer-events:none;background-size:100%;}

    }

  @font-face { font-family:"Cooper"; src: url(COOPBL.TTF);}


/*區塊_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; position: relative;}
.Area960 { margin: 0 auto; width: 960px;}
@media screen and (max-width:767px){
  .Area .go_bt:hover {  
    -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;}

  .Area1220 { width: 100%;}
  .Area960 { width: 100%;}
  /*區塊_切割*/
  .Area_1bn { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_1bn a { float: left; margin: 0 0 2% 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;}
  .Area_2bn_nopadding a { float: left; margin: 0; padding: 0; width: 50%; list-style: none;}
  .Area_3bn_nopadding { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_3bn_nopadding a { float: left; margin: 0; padding: 0; width: 33.3%; list-style: none;}
}

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



/*00.版頭*/



.Area_top .sub{background: url("sub_bg.png?t=1764316452102")top center no-repeat;background-size: 100%;}
.Area_top .sub ul{display: flex}
@media screen and (min-width:768px){
	.Area_top{height: 800px}
	.Area_top .logo{position: absolute;width: 35%;top: 55px;left: 640px;}
	.Area_top .top_txt{position: absolute;width: 20%;top: 540px;left: 870px}
	.Area_top .top_PD{position: absolute;width: 70%;top: 30px;left: 10px;z-index: 10}
	.Area_top .sub{position: relative;width: 55%;top: 300px;left: 230px;}
}

@media screen and (max-width:767px){
	.Area_top{height: 98vw;}
	.Area_top .logo{position: absolute;width: 40%;top: 2vw;left: 45vw}
	.Area_top .top_txt{position: absolute;width: 20%;top:20vw;left: 77vw}
	.Area_top .top_PD{position: absolute;top: 3vw}
	.Area_top .sub{position: relative;top: 63vw;z-index: 10}
}

/*提醒我按鈕*/
.mo_remind_btn {z-index: 50;position: absolute !important;right:0;top: 113vw;width: 16%;}	


/*各區標題*/
.txt a{pointer-events: none}
@media screen and (min-width:768px){
	.txt{width: 80%!important}
}

@media screen and (max-width:767px){
	.txt{}
}


/*各區間距*/
@media screen and (min-width:768px){
	.Area_bottom{padding-bottom: 100px!important}
}

@media screen and (max-width:767px){
	.Area_bottom{padding-bottom: 7vw!important}
}


/*02.BN*/
.BN_cut img{border-radius: 1em}
@media screen and (min-width:768px){

}

@media screen and (max-width:767px){
	.BN_cut{width: 95%!important}
}


/*03.登記*/

/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #19595e;}                 
                    
@media screen and (min-width:768px){
}

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


/*04.影片+4品*/
.youtube_pd4 .video iframe{border-radius: 1em}
@media screen and (min-width:768px){
	
	.youtube_pd4 .video{margin: 0 auto;z-index:5; position: relative;overflow: hidden;padding-bottom: 30px;}
	.youtube_pd4 .video .youtubeDiv{background-color: transparent!important}
	.youtube_pd4 .video iframe{width: 100%;height: 500px}
}
@media screen and (max-width:767px){

	.youtube_pd4 .video{position: relative;width: 100%;height: 100%;padding-bottom: 3vw;margin: 0;z-index: 10;}
	.youtube_pd4 .video .youtubeDiv{background-color: transparent!important}
	.youtube_pd4 .video iframe{width: 96%}
	.youtube_pd4 .pd4{width: 96%;}

}


/*輪播BN*/
@media screen and (min-width:768px){
	.Area_BN li{border-radius: 2em!important}
}

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

}

/*05.下方公版*/
@media screen and (min-width:768px){
	.down_version .box{padding-bottom: 50px;}
	.down_version .box .BN{width: 80%}
}

@media screen and (max-width:767px){
	.down_version .box{padding-bottom: 5vw}
	.down_version .box .BN{width: 96%}
	.down_version .pd4{width: 96%}
}

/*標題*/
.down_version .box .text01 a{pointer-events: none}
@media screen and (min-width:768px){

	.down_version .box .text01 h3 {position: relative;z-index: 1;font: 400 45px/50px "Noto Sans CJK TC";color: #000;margin: 0;margin: 40px 0 30px}	
}
@media screen and (max-width:767px){

	.down_version .box .text01 h3 {position: relative;z-index: 1;font: 400 25px/25px "Noto Sans CJK TC";color: #000;margin: 0;margin:5vw 0 4vw 0;}
}