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

body {margin: 0 auto; padding: 0; background-color:#F1EFF6;}
/*全BOX版面*/
.WRAPPER { position: relative; margin: 0 auto; padding: 0; width: 100%; min-width: 1220px; overflow: hidden; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;}
.WRAPPER img { border: 0; vertical-align: top;}
.WRAPPER a { text-decoration: none;  display: inline-block;}
.WRAPPER .Area_top{ position: relative;}
.WRAPPER .mainArea { position: relative; display: block; margin: 0 auto; padding: 0; width: 1220px;}
  @media screen and (max-width:767px){
    .WRAPPER { padding-bottom: 0p; margin: 0 auto; display: block; min-width:100%; /*background-image:url(m_bgrepty.jpg?t=1753178183089); background-repeat:repeat-y; background-size:100%;*/}
    .WRAPPER .mainArea { position: relative; display :block; margin: 0 auto; padding: 0; width: 100%;}
  }

/*共用--區塊_all*/
.Area { z-index: 1; position: relative; margin: 0 auto; padding: 0; text-align: center;}
.Area a { position: relative; display: block;}
.Area .go_bt { -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.Area .go_bt:hover { -webkit-transform: none; transform: none; -webkit-filter: brightness(110%);  filter: brightness(110%);}
  @media screen and (min-width: 768px){
    .Area .go_bt:hover { -webkit-transform: translateY(-6px); transform: translateY(-6px);}
  }

/*區塊_all*/
.Area { position: relative; margin: 0 auto; padding: 0; text-align: center;}
.Area .box_bg { position: absolute; top: 0; left: 0; z-index: 0;} 
.Area1220 { margin: 0 auto; width: 1220px;}
.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_1bn_nopadding img { 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; width: 98%;}
.Area_3bn_nopadding p { float: left; margin: 0; padding: 0; width: 33.3%; list-style: none; text-align:center;}
.Area_4bn_nopadding { margin: 0 auto; padding: 0; width: 1220px; overflow: hidden;}
.Area_4bn_nopadding a { float: left; margin: 0; padding: 0; width: 25%; list-style: none;}/*區塊_兩邊間距*/
  @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%;}
    .Area img { width: 100%;}
    .Area { position: relative;}
    /*區塊_切割*/
    .Area_1bn { margin: 0 auto; padding: 0; overflow: hidden;}
    .Area_1bn a { float: left; margin: 0 0 2% 0; padding: 0; width: 100%;}
    .Area_2bn { width: 96%; margin: 0 2%; padding: 0; overflow: hidden;}
    .Area_2bn a { float: left; margin: 0 1% 2%; padding: 0; width: 48%;}
    .Area_3bn { margin: 0 auto; padding: 0; overflow: hidden;}
    .Area_3bn a { float: left; margin: 0 1% 2% ; padding: 0; width: 31.3%;}
    .Area_1bn_nopadding { margin: 0 auto; padding: 0; overflow: hidden;}
    .Area_1bn_nopadding a { position: relative; float: left; margin: 0; padding: 0; width: 100%;}
    .Area_2bn_nopadding { margin: 0 auto; padding: 0; overflow: hidden;}
    .Area_2bn_nopadding a { float: left; margin: 0; padding: 0; width: 50%;}
    .Area_3bn_nopadding { margin: 0 auto; padding: 0; overflow :hidden;}
    .Area_3bn_nopadding a { float: left; margin: 0; padding: 0; width: 33.3%;}
    .Area_4bn_nopadding { margin: 0 auto; padding: 0; overflow: hidden;}
    .Area_4bn_nopadding a { float: left; margin: 0; padding: 0; width: 25%;}		
  }

/*寬度,間距*/
.Area1220 { margin: 0 auto; width: 100%;}
.Area960 { margin: 0 auto; width: 100%;}
.Areabottom { margin-bottom: 100px;}
  @media screen and (min-width: 768px){
    .Area1220 { width: 1220px;}
    .Area960 { width: 960px; }
    .Areabottom { margin-bottom: 80px;}
  }
  @media screen and (max-width: 767px){
	 .m_Area96p { width: 96%;}
  }

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

/*LOGO*/
.momologo { z-index: 2; position: relative; margin-top: 2%; left: 53%; transform: translateX(-50%); width: 200px; height: 40px;}
.momologo a { display: block; width: 140px; height: 21px;}
.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;}
	}

/*回版頭*/
#gotopBtn { display: none !important;} /*把系統手機版原本的Gotop關掉*/
#gotop { display: none; position:fixed; z-index: 999; right: 0; padding: 14px 6px 3px 10px; font: 12px/30px Verdana; text-align: center; color: #fff; cursor: pointer; transition: 0.2s; transform: translateX(200%);
        bottom: 90px;
        bottom: calc(90px + constant(safe-area-inset-bottom)*0.6);
        bottom: calc(90px + env(safe-area-inset-bottom)*0.6);}
#gotop::before { content: ""; position: absolute; top: 9px; left: 19px; width: 0; height: 0; border: 4px solid #fff; border-color: transparent transparent #fff; }
#gotop::after  { content: ""; z-index: -1; position: absolute; top: 50%; left: 50%; border-radius: 50px 0 0 50px; transform: translate(-50%,-50%); width: 44px; height:44px; background-color:rgba(0,0,0,0.8);}
#gotop.cate-open { transform: translateX(0%);}
/*白色*/
#gotop { color:#000;}
#gotop::before { border-color: transparent transparent #000;}
#gotop::after  { background-color: rgba(255,255,255,0.95);  box-shadow:0 1px 0 rgba(242,242,242,1), 0 0 10px rgba(0,0,0,0.2);}


/*MB*/
.PD_layout { position: relative;}
.PD_layout ul { list-style: none; padding: 3% 0 0; margin: 0;} 
.PD_layout ul li { text-decoration: none;  margin:0 auto 2.5%; background-color: unset; border-radius: 15px;overflow: hidden; }
@media screen and (max-width:767px){
  .PD_layout ul li{border-radius: .5rem;}
}
.PD_layout ul li .PD_img img {  width: 100%;}
.PD_layout ul li h4 { font-size: 1.2em; letter-spacing: -1px; text-align: left; margin:2% 0 0 0 ; color: #000 }
.PD_layout ul li .PD_into { padding: 0 3% 1% 3%;}
.PD_layout ul li p { font-size: 1em; text-align: left; color: #8d8d8d;}
.PD_layout ul li span.PD_go { color: #FFF; background-color:#dc1987; padding: 0 10px; border-radius:100px; float: right;}

/*今日強檔1顆橫幅*/
.Area_00 .Area_1BN, .Area_00 .Area_2BN { background-color: #3a3a3a;}
.Area_1BN {  padding: 0 3%; margin: 0 auto;}

.Area_2BN { margin: 0 auto; padding: 0 3%;}
.Area_00 .PD_layout.Area_1BN .PD_into, .PD_layout.Area_2BN .PD_into, .Area_02 .PD_layout.Area_1BN .PD_into { display: none;}
.Area_00 .PD_layout.Area_1BN ul li .PD_img img, .Area_02 .PD_layout.Area_1BN ul li .PD_img img { border-radius: 0;}
.Area_00 .PD_layout.Area_1BN ul li { margin: 0 auto;}
.Area_2BN ul li { background-color: transparent;}
.PD_layout[data-pd-col-phone="2"] ul { display: grid; grid-gap: 8px 2.5%; grid-template-columns: repeat(2, minmax(0, 1fr));}
/*調整入稿jpg白邊問題*/
.PD_layout.Area_2BN a { overflow: hidden; border-radius: 2.5%;}
.PD_layout.Area_2BN a .PD_img { margin: -2.5% auto;}
.PD_layout.Area_2BN li { margin: 0 auto 1%;}

/*PC*/
@media screen and (min-width: 768px){
  .PD_layout[data-pd-col-pc="2"] ul  { margin: 0 auto;}
  .PD_layout[data-pd-col-pc="2"] ul li .PD_img img { width: 100%;}
  .Area_00, .Area_02, .Area_05, .Area_04, .Area_03 { width: 670px;}
}


h1 {text-align: center;}

/*選單高亮顏色*/
.Nav_box .Nav-slide a.active { color: #E40580;}
.Area_01 .PD_into #js-PD_val_1,
.Area_02 .PD_into #js-PD_val_1,
.Area_05 .PD_into #js-PD_val_1,
.Area_04 .PD_into #js-PD_val_1,
.Area_03 .PD_into #js-PD_val_1,
.Area_00 .PD_into #js-PD_val_1 { display: none;}


/*注意事項區*/
.edm_notice { text-align: center; padding: 40px 10px; color: #1e1e1e; font: 12px/18px Helvetica; z-index: 10; position: relative;}
.edm_notice .apple_notice { padding: 10px 0 10px 0;}