@charset "utf-8";
/*基本*/






.Area_hero .PD_layout li .PD_img img {border-radius:0 ;}

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

.Area_hero-visual_003[org="1"]:is(.Area_hero--PD), .Area_hero-visual_003[org="1"] .Area_hero--PD{width:14%}
.Area_hero-visual_003[org="1"]:is(.Area_hero--PD), .Area_hero-visual_003[org="1"] .Area_hero--PD{top:68%}
.Area_hero-visual_003[org="1"]:is(.Area_hero--PD), .Area_hero-visual_003[org="1"] .Area_hero--PD{left:80%}

.Area .warningTxt h3 {font-size: 1em ;}
.PD_layout.PD_layout-D3_02 ul li .PD h3 {font-size: 7vw ;}


.Area_countdown-timer {  top: -1vw ; left: 6vw ; width: 100%;}

.Area_group-1 { width: 98%;margin-bottom:15vw ;} 
.Area_group-1 .Area_group-1--bg { margin-top:7vw ;height:100% ; border-radius:5vw ; background-color: #ef663b; }

.Area_content .PD_layout-D3_01 ul { margin-bottom:-2vw ; }


/*6PD公版客製設定*/
.Area_pd-grid-4x2.box { padding: 3vw 0;}


.NavArea_tabbar_page { width: 100%;}
.NavArea_tabbar_page .Nav_box { border-radius: 10vw;}

.Area_bn-grid-1x1.logobtn { width: 90%;}

}

/*pc ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 768px) {

  .Area_hero .PD img {width:100%;} 

  .Area_hero-visual_003[org="1"]:is(.Area_hero--PD), .Area_hero-visual_003[org="1"] .Area_hero--PD{width:20%}
  .Area_hero-visual_003[org="1"]:is(.Area_hero--PD), .Area_hero-visual_003[org="1"] .Area_hero--PD{top:74%}
  .Area_hero-visual_003[org="1"]:is(.Area_hero--PD), .Area_hero-visual_003[org="1"] .Area_hero--PD{left:77%}
    

  .Area_countdown-timer {  top: 14px ; left: 32px ; width: 100%;}

  .Area_group-1 { width: 1220px;margin-bottom:130px ;} 
  .Area_group-1 .Area_group-1--bg { margin-top:70px ;height:100% ;width: 1000px; border-radius:100px; background-color: #ef663b; }

  .Area_content .PD_layout-D3_01 ul { margin-bottom:-30px ; }
  
  .Area_pd-layout-d1-05 .PD_layout.layout_PD01  {width:800px ;}
  .Area_pd-layout-d1-05 .PD_layout.layout_PD01 li { border-top: solid 1px #00000000; border-right: solid 1px #00000000;}

/*作圖區客製設定*/
.Area_drawing-area-1x1 .PD_layout:not(.PD_layout-btn) li .PD_img {margin-top:-20px;}
.Area_drawing-area-1x1.item_left .PD_layout:not(.PD_layout-btn) li .PD_into {margin-top:25px ;margin-left:0px;}
.Area_drawing-area-1x1.item_right .PD_layout:not(.PD_layout-btn) li .PD_into {margin-top:25px ;margin-right:0px;}
.Area_drawing-area-1x1 .PD_layout[data-pd-h3="5"] .PD h3 span {  background-color: #dfdfdf;}

.Area_drawing-area-1x1 .PD_layout:not(.PD_layout-btn) li{background-size: 100%;}

.Area_drawing-area-2x1 .PD_layout .PD p {line-height: 3em;}

.Area_bn-grid-3x1.logobtn { width: 700px;margin:0 auto ;}


}



.Area_drawing-area-2x1 .PD_layout[data-pd-h3="5"] .PD h3 span {  color: #ffffff; background-color: #c80f19;}






/*日期*/
.TIMER_DAY {display:flex; justify-content: center; flex-wrap:wrap; position: absolute; top:554px; left: 42px; width:30%; height: 162px;   
  padding: 0 ; font-size:100px; font-weight: bold; font-family: "Century Gothic"; z-index: 3;  transform: rotate(0deg) scale(0.75);
   box-sizing: border-box;color: #000000;/* background: url(datebg.png?t=1786593089286)no-repeat center / 88% ;*/} 
.TIMER_DAY small {font-size: 40px; font-weight: 100; position: relative;}
.TIMER_DAY #sendMonth { display: inline-block; text-align: right; letter-spacing: -2px;} 
.TIMER_DAY #sendToday { display: inline-block; text-align: left;  letter-spacing: -2px;}
.TIMER_DAY .sendtxt { font-size: 0.7em; font-weight: 700; margin:-109px 0 0 201px; text-align: left; width: 100%;}
.TIMER_DAY .box{ width: 100%; display: flex; justify-content: center; align-items: center;height: 67px; }
@media screen and (max-width: 736px){ 
.TIMER_DAY { position: absolute;width: 35%;top: 55vw;left: -5vw;font-size: 10vw;letter-spacing: 0; padding: 0 ; text-align: left;margin: 0;font-weight: 900; height:19vw;  transform: rotate(0deg) scale(0.75);}
.TIMER_DAY small {font-size: 4vw;top:3vw;}    
.TIMER_DAY #sendMonth {display: inline-block; font-size: 1.2em; }
.TIMER_DAY #sendToday {display: inline-block; font-size: 1.2em; }
.TIMER_DAY .sendtxt {font-weight: 700;font-size: 0.8em;  margin:13vw 0 0 35vw;}	
.TIMER_DAY .box{ height: 10vw; }
}



















/*動畫----------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*跳跳跳*/
.uptodown {-webkit-animation-duration: 1.5s;  animation-duration: 1.5s;  -webkit-animation-name: uptodown;  animation-name: uptodown;  -webkit-animation-iteration-count: infinite; /*animation-iteration-count:infinite;*/ -webkit-animation-direction: alternate;animation-direction: alternate;}
@-webkit-keyframes uptodown { 

 0%    { transform: translate(0,0px) ;}
 10%    { transform: translate(0,0px) ;}
 15%    { transform: translate(0,-10px) ;}
 20%    { transform: translate(0,0px) ;}
 100%  { transform: translate(0,0px) ;}
	
}

/*飄-上下*/
.uptodown-play { -webkit-animation:uptodown-play 1.5s ease-in-out infinite alternate;
  animation:uptodown-play 1.5s ease-in-out infinite alternate;}
@-webkit-keyframes uptodown-play { 
0%   { -webkit-transform: translate(0,10px); } 
100% { -webkit-transform: translate(0,0);}
}
@keyframes uptodown-play { 
0%   { transform: translate(0,-10px);} 
100% { transform: translate(0,0);}
}

.uptodown-play2 { -webkit-animation:uptodown-play 1.8s ease-in-out infinite alternate;
  animation:uptodown-play 1.8s ease-in-out infinite alternate;}
@-webkit-keyframes uptodown-play { 
0%   { -webkit-transform: translate(0,10px); } 
100% { -webkit-transform: translate(0,0);}
}
@keyframes uptodown-play { 
0%   { transform: translate(0,-10px);} 
100% { transform: translate(0,0);}
}

/*飄-左右*/
.rf-play { -webkit-animation:rf-play 1.8s ease-in-out infinite alternate;
  animation:rf-play 1.8s ease-in-out infinite alternate;}
@-webkit-keyframes rf-play { 
0%   { -webkit-transform: translate(-30px,15px); } 
100% { -webkit-transform: translate(0,0);}
}
@keyframes rf-play { 
0%   { transform: translate(-30px,15px);} 
100% { transform: translate(0,0);}
}

/*順時鐘轉轉*/
.rotate-play1 { -webkit-animation:rotate3-play 80s linear infinite ;
  animation:rotate3-play 80s linear infinite ;}
@keyframes rotate3-play {
100% { 
transform: rotate(360deg);
}
}

.rotate-play2 { -webkit-animation:rotate3-play 50s linear infinite ;
  animation:rotate3-play 50s linear infinite ;}
@keyframes rotate3-play {
100% { 
transform: rotate(-360deg);
}
}

.rotate-play3 { -webkit-animation:rotate3-play 10s linear infinite ;
  animation:rotate3-play 10s linear infinite ;}
@keyframes rotate3-play {
100% { 
transform: rotate(360deg);
}
}

/*逆時鐘轉轉*/
.rotate-playa { -webkit-animation:rotate-playa 80s linear infinite ;
  animation:rotate-playa 80s linear infinite ;}
@keyframes rotate-playa {
100% { 
transform: rotate(-360deg);
}
}

.rotate-playb { -webkit-animation:rotate-playb 50s linear infinite ;
  animation:rotate-playb 50s linear infinite ;}
@keyframes rotate-playb {
100% { 
transform: rotate(-360deg);
}
}

.rotate-playc { -webkit-animation:rotate-playc 25s linear infinite ;
  animation:rotate-playc 25s linear infinite ;}
@keyframes rotate-playc {
100% { 
transform: rotate(-360deg);
}
}