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

/*基本*/
body {  margin: 0;  padding: 0;}

/*區塊_all*/
.Area1220 { margin: 0 auto; width: 1220px;}
.Area960 { margin: 0 auto; width: 960px;}
.Area { position: relative; margin: 0 auto; padding: 0; border-radius: 0; text-align: center;}
.Area a { position: relative; 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.97);
     -moz-transform:scale(0.97);
      -ms-transform:scale(0.97);
       -o-transform:scale(0.97);
          transform:scale(0.97);}
.WRAPPER .go_bt1 {
  -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;}
.WRAPPER .go_bt1:hover { 
  -webkit-transform:translateY(-10px);
     -moz-transform:translateY(-10px);
      -ms-transform:translateY(-10px);
       -o-transform:translateY(-10px);
          transform:translateY(-10px);} 
@media screen and (max-width:767px){
	.Area1220 { width: 100%;}
	.Area960 { width: 100%;}
	.Area .go_bt:hover {  
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;}
}

/*LOGO*/
.momologo { z-index: 2; position: absolute; top: 18px; left: 50%; transform: translateX(-50%);}
.momologo a { display: block; width: 380px; height: 36px;}
.momologo a svg { width: 140px; height: 21px;}
.momologo a path { fill: #EA27C2;}
.momologo-pink  a path { fill: #EA27C2;}/*LOGO 桃紅色*/
.momologo-white a path { fill: #ffffff;}/*LOGO 白色*/
@media screen and (max-width:767px){
	.momologo { display: none;}
}

/*全BOX版面*/
.WRAPPER { z-index: 0; position: relative; display: block; margin: 0 auto; padding: 0; overflow: hidden; width: 100%; min-width: 1220px; text-align: left; font-family: "Century Gothic","Microsoft JhengHei","微軟正黑體", Arial, sans-serif; background: #f3f7e4;}
.WRAPPER img { border: 0; 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 { min-width: inherit; min-height: 100vh; overflow: hidden;}
	.WRAPPER img { width:100%; height: auto;}
}
@media screen and (min-width: 768px){
  .Area_bottom   { margin-bottom: 100px !important;}
  .Area_bottom_2 { margin-bottom: 60px !important;}
}
@media screen and (max-width: 767px){ 
  .Area_bottom   { margin-bottom: 9vw !important;}
  .Area_bottom_2 { margin-bottom: 6vw !important;}
}


/*背景*/
.bg_1 { z-index: -3; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events: none;}
@media screen and (max-width:767px){	
  .m_bg_1 { z-index: -3; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events: none; background-size: 100%;}
}

/*版頭*/
.title_0 .PD_layout a { pointer-events: none;}
.title_0, .topDeco { position: absolute;}
.title_0 .PD_layout ul { padding: 0; grid-gap: 0;}
.title_0 { animation: upIn 0.8s ease-out forwards;}
.topDeco { z-index: -3;}
@media screen and (min-width:768px){
  .Area_title { height: 480px;}
  .title_0 { top: 110px; right: 0;}
  .topDeco_1 { top: 75px; left: 0;}
  .topDeco_2 { top: 0; left: -65px; animation: uptodown-play 1s infinite alternate;}
} 
@media screen and (max-width: 767px){
  .Area_title { height: 48vw;}
  .title_0 { width: 56%; top: 9vw; right: 4vw;}
  .topDeco_1 { width: 39%; top: 6vw; left: 2vw;}
  .topDeco_2 { width: 104%; top: 0; left: -1vw; animation: uptodown-play 1s infinite alternate;}

}
.lightSweep { position: absolute; background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); overflow: hidden; z-index: 30; pointer-events: none;
  -webkit-filter: brightness(1.5);
  -webkit-mask-size: 300% 200%;
  -webkit-mask-image: -webkit-linear-gradient( -45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 60%);
  -webkit-transition: -webkit-mask-position;
  -webkit-animation-timing-function: linear;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-filter: brightness(1.5);
  -moz-mask-size: 300% 200%;
  -moz-mask-image: -webkit-linear-gradient( -45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 60%);
  -moz-transition: -webkit-mask-position;
  -moz-animation-timing-function: linear;
  -moz-transform: translate3d(0, 0, 0);
  -o-filter: brightness(1.5);
  -o-mask-size: 300% 200%;
  -o-mask-image: -webkit-linear-gradient( -45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 60%);
  -o-transition: -webkit-mask-position;
  -o-animation-timing-function: linear;
  -o-transform: translate3d(0, 0, 0);
  filter: brightness(1.5);
  mask-size: 300% 200%;
  mask-image: -webkit-linear-gradient( -45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 60%);
  transition: -webkit-mask-position;
  animation-timing-function: linear;
  transform: translate3d(0, 0, 0);
  transition-duration: 3s;
  animation: move 3s ease-out infinite;
}
@keyframes move {
  from { -webkit-mask-position: 150% 0px; -moz-mask-position: 150% 0px; -o-mask-position: 150% 0px; mask-position: 150% 0px;}
  to { -webkit-mask-position: 0% 0px; -moz-mask-position: 0% 0px; -o-mask-position: 0% 0px; mask-position: 0% 0px;}
}
@keyframes uptodown-play { 
	0%   { transform: translate(0,-8px);} 
	100% { transform: translate(0,0);}
}


/*區標*/
.box_title .PD_layout a { pointer-events: none;}
.box_title .PD_layout ul { padding: 0; grid-gap: 0;}
@media screen and (min-width: 768px){
  .box_title { padding: 0 0 2em;}
}
@media screen and (max-width:767px){
  .box_title { padding: 0 0 1em;}
}


/*A01*/
@media screen and (min-width:768px){ 
  .A01_BN.PD_layout ul { padding: 4% 3% 0; grid-gap: 0 2%;}
  .Area01 { background: url(A01_bg_p.png?t=1779940292725) top center / 100% no-repeat;}
}
@media screen and (max-width:767px){
  .A01_BN.PD_layout ul { padding: 4% 2% 0; grid-gap: 0 1%;}
  .Area01 .warningTxt h3 { line-height: 1.6em; padding: 0 0 1em;}
  .Area01 { background: url(A01_bg.png?t=1779940292725) top center / 99% no-repeat;}
}

/*看更多按鈕*/
@media screen and (min-width:768px){ 
  .PD_layout-btn li .PD h3 { font-size: 30px; background: #ff6e96;}
  .PD_layout-btn { padding: 25px 0;}
}
@media screen and (max-width:767px){
  .PD_layout-btn li .PD h3 { font-size: 18px; background: #ff6e96;}
  .PD_layout-btn { padding: 3vw 0;}
}

/*A02*/
.Area02 .Area_swiper .PD_layout a { pointer-events: none;}


/*A03*/
.QAbox .moreButton .fix.up::after { transform: rotate(0deg);}
.QAbox .moreButton .fix.down::after { transform: rotate(180deg);}
@media screen and (min-width:768px){
  .QAbox { padding: 0 165px;}
}
@media screen and (max-width:767px){
  .QAbox { width: 95%; margin: 0 auto;}
}


/*A04*/
.A04_BN.PD_layout .PD_img { padding: 0;}
.A04_BN.PD_layout ul { background: transparent;}
.A04_BN.PD_layout li { border: none;}
.A04_BN.PD_layout .btn p { color: #fff; font-weight: 600;}
@media screen and (min-width:768px){
  .A04_BN.PD_layout ul { grid-gap: 1em; padding: 0 35px;} 
  .A04_BN.PD_layout .btn { position: absolute; transform: translateX(-50%); left: 50%; top: -95px; width: 50%; border-radius: 50px; background-color: #ff7398;}
  .A04_BN.PD_layout .btn p { font-size: 30px;}

}
@media screen and (max-width:767px){
  .A04_BN.PD_layout ul { grid-gap: .5em .4em; padding: 0 .5em;}
  .A04_BN.PD_layout .btn { position: absolute; transform: translateX(-50%); left: 50%; top: -10vw; width: 50%; border-radius: 10vw; background-color: #ff7398;}
}


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