@charset "utf-8";
/*基本*/
body {margin: 0; padding:0; background-color: #ffffff;}

/*全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:0px; margin:0 auto; display: block; min-width:100%;z-index: 0;}
		.WRAPPER .mainArea { position:relative; display:block; margin:0 auto; padding: 0; width:100%;  }

	}


/*PC背景*/
@media screen and (min-width:767px){
.bg_deco00 { z-index:-6; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:100%; background-repeat:repeat-y; background-position:center top; pointer-events:none;}
.bgtop01 { z-index:-7; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:1000px; background-repeat:no-repeat; background-position:center top; }
.bgtoplogo {z-index:-10;position:absolute;top:0;left:0;width:100%;min-width:1220px;height: 96px;background-repeat:no-repeat;background-position:center top;}
.bgtop_repeat { z-index:-30; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:100%; background-repeat:repeat-y; background-position:center top; pointer-events:none;}
.bgtop_fixed { z-index:-10; position:fixed; top:0; left:0; width:100%; min-width:1220px; height:100%; background-repeat:no-repeat; background-position:center top; pointer-events:none;}
}

/*mb背景*/
@media screen and ( max-width:767px) {
	.m_bg01 {z-index:0;position:absolute;top: 0;left:0;width:100%;height:100%;background-repeat:repeat-y;background-position:center top;background-size:100%;}	
}


/*區塊_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;}
.Area960 { margin:0 auto; width:960px;}
	@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%;}
	.Area960 { width:100%;}
	.Area img{ width:100%;}
	.Area { position: relative;}

	}


/*LOGO CSS*/
.momologo { z-index:2; position: absolute; top: 15px; left:15px;}
.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;}
  }

.mbmbbg img{width:100%;}
	
/*版頭區塊*/
@media screen and (min-width:768px){
.Area_title {height: 700px;z-index: 20;}
.Area_title .toppd01{position:absolute;top: 125px;left: 620px;z-index:0;}

}
@media screen and (max-width:767px){
.Area_title {height: 73vw;}
.Area_title .mb_01{position:absolute; top:0; left:0 ;width: 100%; z-index:0;}

}



/*版頭主標微調*/
.Area_title .PD_layout .PD_slide{min-width:inherit;}
.toptitle .PD_layout .PD a,.top_pd .PD_layout .PD a { pointer-events: none;}
.toptitle .PD_layout .PD_slide:hover {transform: translateY(0px);box-shadow: none;}
.toptitle { z-index: 5;}

.toptitle .PD_layout li:nth-of-type(1) {position: absolute;top: 0;left: 150px;width: 75%;z-index: 10;}
.toptitle .PD_layout .PD img { width: 100%!important;}

/*編輯按鈕移動*/
#eWriterBtn_bt_B_000_00 { margin-left: 10px!important; margin-top: 60px!important; z-index: 99!important; }
@media screen and (max-width:767px){
.toptitle .PD_layout li:nth-of-type(1) {position: absolute;top: 0;left: 0;z-index: 10;width: 100%;}
.toptitle .PD_layout .PD img { width: 100%!important; }
}





/* 目錄整體 */
.Area_toc{margin-bottom: 3vw;text-align:left;background:#f9f9f9;border:1px solid #e5e5e5;border-radius:8px;padding:16px 20px;max-width:850px;}

/* 標題 */
.Area_toc .toc-title{margin:0 0 10px;font-weight:700;font-size:20px;color:#333;}

/* 清單：關鍵在這裡 */
.Area_toc ul{
  margin:0;
  /* 用原生圓點 + 放外側，第二行起做懸掛縮排 */
  list-style:disc outside;
  padding-left: 1.25em; /* 懸掛縮排寬度，可微調 1.1em~1.6em */
}

/* 若曾經有用 ::before 畫圓點，先關掉避免重複（沒有可忽略） */
.Area_toc li::before{ content:none !important; }

/* 行高與間距照你原本 */
.Area_toc li{ margin:6px 0; line-height:1.6; }

/* 連結樣式 */
.Area_toc a{ color:#3a8f9a; text-decoration:none; font-size:18px; }
.Area_toc a:hover{ text-decoration:underline; }

/* 可選：調整原生圓點顏色/大小（新瀏覽器支援） */
.Area_toc li::marker{ color:#000; font-size:0.9em; }

@media screen and (max-width:767px){
  .Area_toc{text-align:left;background: #f9f9f9;border:1px solid #e5e5e5;border-radius:8px;padding:2vw 2vw; max-width:88%;}
  .Area_toc a{ font-size:15.5px; }
  /* 手機可以把縮排稍微小一點（可選） */
  .Area_toc ul{ padding-left:1.1em; }
}



/*區塊01(線上入搞)*/
@media screen and (min-width:768px){
.Area_bann {position: relative;height: auto;margin-bottom: 50px;}
}
@media screen and (max-width:767px){
.Area_bann{height: auto;margin-bottom: 4vw;}
.Area_bann .layout_Area01 {width: 100%;margin:0 auto 0;padding:0;}
.Area_bann .layout_Area01  ul {padding: 0% 2%;grid-gap: 0px!important;}
.Area_bann .layout_Area01  ul li{padding: 3%;}

}





/* 統一造型 */
.belowbg{
  border-radius: 1.5em;
  margin: 0.5% auto;
}

/* 六個顏色（你原本的 #ffb665 放在 c1）*/
.belowbg.c1 {background-color:#3183bf;width: 96%;}


/*下方公版*/
.Area_below {height: auto;}
.Area_below .PD_layout[data-pd-li=BN] ul{padding: 0 ;grid-gap: 0;}
.Area_below .belowBN.PD_layout .PD img {border-radius: 2em;}
.Area_below .below_box1{margin: 0 auto 30px;padding: 0% 1.5% 1.5%;}
.Area_below .layout_below.box1 {width: 100%;padding: 0.7%;margin: 0 auto;}

@media screen and (max-width:767px){
.Area_below {height: auto;}
.belowbg{width: 99%;border-radius: 1em;margin: 0% auto;}
.Area_below .belowBN.PD_layout .PD img {border-radius: 0em;}
.Area_below .below_box1{margin: 0 auto 3vw;padding: 0% 1.5% 1.5%;}
.Area_below .below_box1.box1 {padding: 1%;}

}

.PD_layout-btn li .PD h3{background: #50a1b6;}


/*區塊標題960_01*/
.Area .txt01 {top:0;padding: 0;margin: 0 auto 0;width: 100%!important;z-index: 2;}
.Area .txt01 ul { padding: 0;margin: 0 ; grid-gap: 0;}
.Area .txt01 ul li { background-color: transparent; pointer-events: none;}
.Area .txt01 ul li .PD_into { padding: 0;}
.Area .txt01 ul li h5 {padding: 0;margin: 25px 0 15px 0;font: bold 55px/60px "Noto Sans CJK SC","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -1px;text-align: center;background: -webkit-linear-gradient(-90deg, #fff 0%, #fff 30%, #fff 60%, #fff 80%, #fff 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

@media screen and (max-width:767px){
.Area .txt01 {padding: 0;margin: 0 auto;height: 10vw;width: 100%;}
.Area .txt01 ul li h5 {font: bold 6.5vw/6.5vw "Noto Sans CJK SC","Microsoft JhengHei", Arial, Helvetica;}
.Area .txt01 ul li h5 {margin: 2vw 0 0 0;}

}



@media screen and (min-width:767px){
.mbottom1 { margin-bottom:20px !important}
.mbottom2 { margin-bottom:50px !important}

}
@media screen and (max-width:767px){
.mbottom1 { margin-bottom:5vw !important}

}

/*注意事項區*/
.edm_notice2{position: relative;text-align:center;padding:10px 10px 15px 10px;color: #008a86;font:12px/18px Helvetica;}

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



/*隱鑶*/
.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;}
	}


/**延遲載圖用**/
.mainArea .articleList * img.lazy {display:none;}