@charset "utf-8";
/*基本*/
body { margin: 0; padding: 0; width:100%; }
.for_phone { display:none!important;}
 @media screen and (max-width:767px){
        .for_pc{ display:none !important;}
        .for_phone{ display:block !important;}
				 body { margin: 0; padding: 0; background-image:none }
				 .for_m_magintop { margin-top:3vw;}
 }


/*全BOX版面*/
.WRAPPER {position:relative; display:inline-block;  margin:0; padding:0;  width:100%;  overflow:hidden;min-width:1220px;   }
.WRAPPER img {border:0; vertical-align:top;}
.WRAPPER .mainArea {  margin:0 auto; width:1220px; font-family:"Century Gothic", "微軟正黑體", sans-serif; position:relative; }
.WRAPPER .mainArea a{ padding:0; margin:0; text-decoration:none; font-family:"微軟正黑體" }
.WRAPPER  a { text-decoration:none;font-family:"微軟正黑體"} 
/*控制區塊背景的位置*/
@media screen and ( max-width:736px) {
	.WRAPPER {min-width: inherit; }
	.WRAPPER img {width:100%; height:auto;}
  .NavArea[data-light="icon"] .Nav ul { padding-left: 14vw; display: flex; justify-content: center; }
}




/*區塊背景*/
.bg01 {position:absolute;z-index: -5; top:-640px; left: 50%;transform: translateX(-50%); width: 2000px; height: 770px; background: url(bg_repeat.png?t=1780278811550) center top / 100% repeat-x;pointer-events: none;}
.bg_repeat { z-index:-20; position:fixed; top: 0; left:0; width:100%; height:100%; background: #ff6977 center top / 100% repeat; pointer-events:none;}
.bg_repeat2 { z-index:-10; position:fixed; bottom: 200px; left: 50%;transform: translateX(-50%); width: 2000px; aspect-ratio: 960/375; background: url(bg_repeat.png?t=1780278811550) center top / 100% repeat-x; pointer-events:none;}
.bgdeco { z-index:-6; position: absolute; top:0px; left: 0; width: 100%; min-width: 1220px; height: 100%; /*background: url(deco_repeat.png?t=1780278811550) repeat-y center top;*/ transition: 0.5s linear; pointer-events: none; }

@media screen and (max-width:767px) {
.bg01 { top: -16vw; width: 100%; height:100%; aspect-ratio: 960/375; }
.bg_repeat { top:0; left:0; width:100%; height:100%; background: #ff5f79 center top / 100% repeat; }
.bg_repeat2 { top: 65vw; width:100%; height: 38vw; }
}


/*提醒我按鈕*/
a.mo_remind_btn {z-index:9999;position: absolute!important;right: 0px;top: 111vw;width: 15%;opacity: .8;}

/*-----版頭-----*/
.Area_top {position: relative;height: 560px;margin:0 auto;box-sizing:border-box;padding: 0 0 0;}
/*大標*/ 
.Area_top .title01 { position:relative;  }
.Area_top .title01 .tt01 {z-index: 5;position: absolute;top: 15px;left:30px;width: 95%; /*animation: mask_lefttoright 1.8s 0.8s ease-in;*/}
.Area_top .title01 .tt02 {z-index: 4;position: absolute;top: 280px;left:25px;width: 95%;}
.Area_top .title01 .tt03 {z-index: 5;position: absolute;top: 215px;left: 5px;width: 28%;}
.Area_top .title01 .tt04 {z-index: 2;position: absolute;top: 190px;left: 195px;width: 80%;}
   /* .Area_top .title03 .PD_layout ul li { pointer-events: none; }  */
  @media screen and (max-width:767px){
    .Area_top {width:100%;position: relative;height: 48vw;padding:0;}
    /*大標*/ 
    .Area_top .title01 {  }
    .Area_top .title01 .tt01 { top: 0vw;left: 3vw;width: 97%; }
    .Area_top .title01 .tt02 { top: 22vw;left: 1vw;width: 98%; }
    .Area_top .title01 .tt03 { top: 16vw;left: 2vw;width: 25%; }
    .Area_top .title01 .tt04 { top: 16vw;left: 2vw;width: 98%; }
  }

/**/
.Area_PDa { position: relative; }
.Area_PDa::after {z-index: -5;content:"";position: absolute;top: 120px;left: 50%;transform: translateX(-50%);width: 2000px;aspect-ratio: 2000/550;background: #fede5e center top / 100% repeat;border: 5px solid #000;}
.Area_PDa .box ul { padding: 0 0 30px!important; grid-gap: 10px!important; }
.Area_PDa .box .PD_layout .PD_logo { position: absolute; margin: 0!important; top: 60px; left: 50%; transform: translateX(-50%); width: 80%; }
.Area_PDa .box .PD_layout .PD_logo img { box-shadow: none; width: 100%; height: auto; aspect-ratio: 640/640; }
@media screen and (max-width:767px){
  .Area_PDa { height: 75vw; }
  .Area_PDa::after { top: 9vw; width: 100%;aspect-ratio: 960/560;background: #fede5e center top / 100% repeat;border: 2px solid #000;}
  .Area_PDa .box ul { padding: 0 0 5vw!important; grid-gap: 0!important; }
  .Area_PDa .box .PD_layout .PD_logo { top: 5.5vw; width: 85%; }
}


/*下方公版*/
.Area_floor { margin:2% auto; }
.Area_floor .NavArea_tabbar_floor { width: 1220px; margin: 0 auto 35px; }
.Area_floor .NavArea_tabbar_floor ul { transform: none!important; justify-content: center; }
.Area_floor .NavArea .Nav_box { background-color: #fff; top: 0!important; }
.Area_floor .NavArea .Nav { overflow-y: visible; }
.Area_floor .NavArea_tabbar_floor .Nav span { color: #000; /*font: 600 0.85em "Arial", "Noto Sans CJK TC";*/ }
.Area_floor .NavArea_tabbar_floor .Nav .cate-hover i { color: #000;border: 1px solid #fff; background-color: #fff; }
.Area_floor .NavArea_tabbar_floor .Nav .swiper-slide-active i { /*border: 3px solid #000000;*/background-color: #fede5e;}
.Area_floor .NavArea_tabbar_floor .Nav .swiper-slide-active span { color: #000; }
.Area_floor .NavArea.cate-open .Nav-slide.cate-hover i { background-color: #d2282d!important; }
.Area_floor .Area_page { overflow: hidden; }
@media screen and (max-width:767px){
  .Area_floor { margin-top: 0vw; }
  .Area_floor .page .PD_layout { width: 96%; margin: 0 auto; }
  .Area_floor .NavArea .Nav { overflow-y: hidden; }
  .Area_floor .NavArea_tabbar_floor { width: 95%; margin: 0 auto 4vw; }
  .Area_floor .NavArea_tabbar_floor .Nav .swiper-slide-active i { background-color: #fede5e;}
  }

/*下方公版*/
.Area_floor_page .NavArea_tabbar_page { width: 1220px; margin: 0 auto 35px; }
.Area_floor_page .NavArea_tabbar_page.cate-fixed ul { justify-content: center; }
.Area_floor_page .NavArea_tabbar_page ul { display: flex; justify-content: flex-start; overflow-y: auto; }
.Area_floor_page .NavArea .Nav {  transform: none!important; }
.Area_floor_page .NavArea_tabbar_page .Nav span { color: #000; /*font: 600 0.85em "Arial", "Noto Sans CJK TC";*/ }
.Area_floor_page .NavArea_tabbar_page .Nav .cate-hover span { color: #fff; }
.Area_floor_page .NavArea_tabbar_page .Nav .cate-hover i { color: #fff; border: 1px solid #000; background-color: #000; }
.Area_floor_page .NavArea_tabbar_page .Nav .swiper-slide-active i {border: 3px solid #000000;background-color: #fede5e;}
.Area_floor_page .NavArea_tabbar_page .Nav .swiper-slide-active span { color: #000; }
.Area_floor_page .NavArea.cate-open .Nav-slide.cate-hover i { background-color: #000!important; }
.Area_floor_page .Area_page { overflow: hidden; }
@media screen and (max-width:767px){
  .Area_floor_page { margin: 9vw auto 0; }
  .Area_floor_page .PD_layout.pd { width: 96%; margin: 0 auto; }
  .Area_floor_page .NavArea .Nav { overflow-y: hidden; }
  .Area_floor_page .NavArea_tabbar_page { width: 95%; margin: 0 auto; }
  /* .Area_floor_page .NavArea_tabbar_page .Nav span { padding: 2.5vw 0; } */
  .Area_floor_page .NavArea_tabbar_page.cate-fixed ul { justify-content: flex-start; }
  }