@charset "utf-8";

/* 版頭區 */
.deco01 { position: absolute ; width: 100% ; top: 650px ; right: 500px ; }
.deco02 { position: absolute ; width: 100% ; top: 500px ; left: 377px ; }
@media screen and (max-width: 767px){
.deco01 { position: absolute ; width: 28% ; top: 83vw ; right: 82vw ; }
.deco02 { position: absolute ; width: 12% ; top: 10vw ; left: 81vw ; }
}


/* 微調 */
.brand_box { border: solid #bc5ebf 2px ; border-radius: 5% ; }
.Area_brand-1-plus-2 .b_box .PD_layout ul { border-radius: 0 0 5% 5% !important ; }
.Area_text01 h3 { font: bold 50px / 50px "Noto Sans CJK SC", "Microsoft JhengHei", Arial, Helvetica; }
@media screen and (max-width:767px){
  .Area_text01 h3 { font: bold 6vw / 6vw "Noto Sans CJK SC", "Microsoft JhengHei", Arial, Helvetica; }
}



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

/*飄-下上*/
.downtoup-play { -webkit-animation:downtoup-play 2s ease-in-out infinite alternate;
  animation:downtoup-play 2s ease-in-out infinite alternate;}
@-webkit-keyframes downtoup-play { 
0%   { transform: translateY(0); }
50%  { transform: translateY(-10px); }
100% { transform: translateY(0); }
}
@keyframes downtoup-play { 
0%   { transform: translateY(0); }
50%  { transform: translateY(-10px); }
100% { transform: translateY(0); }
}