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


/*全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%;/*background: url("bg_repeat.jpg?t=1751284599807") center top/ 100% repeat-y scroll;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:-13; 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:-14; position:fixed; top:0; left:0; width:100%; min-width:1220px; height:1200px; background-repeat:no-repeat; background-position:center top; pointer-events:none;}
	.bgtop02 { z-index:-10; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:1100px; 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:-14; 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: inherit; top:21vw; left:0; width:100%; height:100%; background-repeat:no-repeat; 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;}
    }


/*版頭區塊*/
@media screen and (min-width:768px){
.Area_title {height:1640px;z-index: 20;}

.Area_title .deco01{position:absolute; top:212px; left:1125px ;z-index:10;}
.Area_title .pd01{position:absolute; top:323px; left:391px ; z-index:15;}
.Area_title .pd02{position:absolute; top:380px; left:715px ; z-index:0;}
.Area_title .sale_bg{position:absolute; top:360px; left:230px ; z-index:3;}
.Area_title .line_02{position:absolute; top:520px; left:-390px ; z-index:0;}
.Area_title .line_01{position:absolute; top:910px; left:896px ; z-index:0;}
.Area_title .arrow01{position:absolute; top:1120px; left:580px ; z-index:11;}
.Area_title .sd{position:absolute; top:870px; left:370px ; z-index:11;}
  
}
@media screen and (max-width:767px){
.Area_title {height: 167vw; }
.Area_title .mb_01{position:absolute; top:0; left:0 ;width: 100%; z-index:0;}
.Area_title .deco01{position:absolute; top:18vw; left:94.5vw ;width: 1.6%; z-index:5;}
.Area_title .pd02{position:absolute; top:32vw; left:52vw ;width: 46vw; z-index:0;}
.Area_title .sale_bg{position:absolute; top:34vw; left:0vw ; width: 32vw; z-index:3;}
.Area_title .line_02{ display: none;}
.Area_title .line_01{position:absolute; top:110vw; left:75vw ;width: 76vw; 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: 70px;left: 212px; width: 960px; z-index: 0;}
.toptitle .PD_layout li:nth-of-type(2) {position: absolute;top: 475px;left: 250px; z-index: 2; width: 230px;}
.toptitle .PD_layout li:nth-of-type(3) {position: absolute;top: 435px;left: 249px; z-index: 4; width: 230px;}

.toptitle .PD_layout .PD img { width: 100%!important;}

/*版頭輪播PD*/
.Area_title .topPD { position: absolute; top: 770px; left: 240px; width: 900px; margin: 0; overflow: hidden; z-index: 1;}
.Area_title .topPD ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; grid-gap: 0; box-sizing: content-box; height: 1000px;}
.Area_title .topPD img {width: 100%;}
.Area_title .topPD ul.PD_wrapper li.PD_slide { min-width: inherit;}

.Area_title .topPD ul.PD_wrapper li { position: relative; flex-shrink: 0; pointer-events: inherit; opacity: 0; transform: translate(5%,0);}
.Area_title .topPD ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}

/*編輯按鈕移動*/
#eWriterBtn_bt_B_000_00 { margin-left: 10px!important; margin-top: 60px!important; z-index: 99!important; }
@media screen and (max-width:767px){

.Area_title .topPD { top: 70vw; left: 0; width: 100vw; margin: 0; overflow: hidden; z-index: 0;}
.toptitle .PD_layout li:nth-of-type(1) {position: absolute;top: 3vw;left:0;z-index: 0; width: 100%;}
.toptitle .PD_layout li:nth-of-type(2) {position: absolute;top: 50.5vw; left:4vw; z-index: 2;width: 23vw;}
.toptitle .PD_layout li:nth-of-type(3) {position: absolute;top: 43vw;left: 0.5vw; z-index: 4; width: 30vw;}

.toptitle .PD_layout .PD img { width: 100%!important; }
 }


/*小標題調整*/
.PD_text { position: relative;left: 0;top:35px; height: auto; width: 90%;z-index: 2}
.PD_text2 { position: relative;left: 0;top:0; height: auto; width: 90%;z-index: 2}
.PD_text3 { position: relative;left: 0;top:30px; height: 0; width: 90%;z-index: 10!important}
.PD_text4 { position: relative;left: 0;top:0; height: auto; width: 90%;z-index: 10!important}
.PD_text5 { position: relative;left: 0;top:0; height: auto; width: 80%;z-index: 10!important}

.PD_text .PD a,.box_PD_txt .PD a { pointer-events: none; }
.PD_text2 .PD a,.box_PD_txt .PD a { pointer-events: none; }
.PD_text3 .PD a,.box_PD_txt .PD a { pointer-events: none; }
.PD_text4 .PD a,.box_PD_txt .PD a { pointer-events: none; }
.PD_text5 .PD a,.box_PD_txt .PD a { pointer-events: none; }
.PD_text.PD_layout .PD_slide:hover {transform: none;box-shadow: none;}
.PD_text2.PD_layout .PD_slide:hover {transform: none;box-shadow: none;}
.PD_text3.PD_layout .PD_slide:hover {transform: none;box-shadow: none;}
.PD_text4.PD_layout .PD_slide:hover {transform: none;box-shadow: none;}
.PD_text5.PD_layout .PD_slide:hover {transform: none;box-shadow: none;}

@media screen and (max-width:767px){
.PD_text {position: relative;top:4vw;height: auto;width: 95%;}
.PD_text2 {position: relative;top:0;height: auto;width: 95%;}
.PD_text3 {position: relative;top:4vw;height: 0;width: 95%;}
.PD_text4 {position: relative;top:0;height: 17vw;width: 95%;}
.PD_text5 {position: relative;top:0;height: 15vw;width: 85%;}

}


/*Area01(線上入搞)*/
@media screen and (min-width:768px){
.Area01 { position: relative; height: auto; margin-bottom:0;}
.Area01 .layout_Area01 ul {width:92%;margin:0 auto; padding:175px 0 30px 0 ;grid-gap: 0px;}
.Area01 .layout_Area01 ul li {padding:0% 0% 0%;margin:0 auto;}
.layout_Area01 .PD_layout .PD_slide:hover {transform: translateY(-5px);box-shadow: none;}

}
@media screen and (max-width:767px){
.Area01{height: auto;margin-bottom:0vw;}
.Area01 .layout_Area01{width:98%;margin:0 auto;padding:0;margin-bottom:0; }
.Area01 .layout_Area01 ul {margin:0 auto;padding:18.8% 0% 3%;grid-gap:0px!important;}
.Area01 .layout_Area01 ul li {margin: 0 auto;padding:2%;}
}


/*Area02(線上入搞)*/
@media screen and (min-width:768px){
.Area02 { position: relative; height: auto; margin-bottom:40px;background: url("Area02_01.png?t=1751284599807") center top/ 90% no-repeat scroll;}
.Area02 .layout_Area02 ul {width:90%;margin:0 auto; padding:652px 40px 20px ;grid-gap: 0px;}
.Area02 .layout_Area02 ul li {padding:6%;margin:0 auto;}
.layout_Area02 .PD_layout .PD_slide:hover {transform: translateY(-3px);box-shadow: none;}

}
@media screen and (max-width:767px){
.Area02{height: auto;margin-bottom:4vw;background: url("Area02_01.png?t=1751284599807") center top/ 100% no-repeat scroll;}
.Area02 .layout_Area02{width:98%;margin:0 auto;padding:0;margin-bottom:0; }
.Area02 .layout_Area02 ul {margin:0 auto;padding:79.5% 6% 5%;grid-gap:0px!important;}
.Area02 .layout_Area02 ul li {margin: 0 auto;padding:2.5%;}
}


/*Area03(線上入搞)*/
@media screen and (min-width:768px){
.Area03 { position: relative; height: auto; margin-bottom:0;}
.Area03 .layout_Area03 ul {width:80%;margin:0 auto; padding:5px 0 30px 0 ;grid-gap: 0px;}
.Area03 .layout_Area03 ul li {padding:1%;margin:0 auto;}
.layout_Area03.PD_layout .PD_slide:hover {transform: translateX(0px);box-shadow: none;}

}
.Area03 .PD a,.box_PD_txt .PD a { pointer-events: none; }

@media screen and (max-width:767px){
.Area03{height: auto;margin-bottom:4vw;}
.Area03 .layout_Area03{width:98%;margin:0 auto;padding:0;margin-bottom:0; }
.Area03 .layout_Area03 ul {margin:0 auto;padding:0 0 0;grid-gap:0px!important;}
.Area03 .layout_Area03 ul li {margin: 0 auto;padding:1% 2%; box-shadow: #333;}
}


/*Area04(線上入搞)*/
@media screen and (min-width:768px){
.Area04 { position: relative; height: auto; margin-bottom:40px;background: url("Area04_bg.png?t=1751284599807") center top/ 90% no-repeat scroll;}
.Area04 .layout_Area04 ul {width:100%;margin:0 auto; padding:1017px 51px 20px 295px ;grid-gap: 0px;}
.Area04 .layout_Area04 ul li {padding:6%;margin:0 auto;}
.PD_layout .PD_slide:hover {transform: translateY(-3px);box-shadow: none;}

}
@media screen and (max-width:767px){
.Area04{height: auto;margin-bottom:4vw;background: url("Area04_bg.png?t=1751284599807") center top/ 96% no-repeat scroll;}
.Area04 .layout_Area04{width:100%;margin:0 auto;padding:0;margin-bottom:0; }
.Area04 .layout_Area04 ul {margin:0 auto;padding:114.3% 2% 3% 30%;grid-gap:0px!important;}
.Area04 .layout_Area04 ul li {margin: 0 auto;padding:3%;}
}



/*Area_icon(線上入搞)*/
@media screen and (min-width:768px){
.Area_icon { position: relative; height: auto; margin-bottom:0;}
.Area_icon .layout_icon ul {width:85%;margin:0 auto; padding:0 0 45px 0 ;grid-gap: 0px;}
.Area_icon .layout_icon ul li {padding:0% 0% 0%;margin:0 auto;}
.layout_icon.PD_layout .PD_slide:hover {transform: translateY(0px);box-shadow: none;}

}
.Area_icon .PD a { pointer-events: none; }

@media screen and (max-width:767px){
.Area_icon{height: auto;margin-bottom:0vw;}
.Area_icon .layout_icon{width:98%;margin:0 auto;padding:0;margin-bottom:0; }
.Area_icon .layout_icon ul {margin:0 auto;padding:0 0% 3%;grid-gap:0px!important;}
.Area_icon .layout_icon ul li {margin: 0 auto;padding:0% 2% 3%;}
}



/*bn輪播*/
.Area_bn .swiper-pagination-bullet {background: #000;}
@media screen and (min-width:768px){
.Area_bn {width: 60%;margin: 25px auto 0;height: auto;padding: 5% 14% 0 4.7%;margin-bottom:40px;overflow: hidden;background: url("Area_bn_bg.png?t=1751284599807") center top/ 100% no-repeat scroll;}
.layout_bn.PD_layout ul{display: flex; padding: 0 0% 0;height: 805px;grid-gap: 0;}
}

@media screen and (max-width:767px){
.Area_bn {width: 65%;margin: 0 auto;height: auto;overflow: hidden;padding: 5.7% 17.6% 0% 7.21%;background: url("Area_bn_bg.png?t=1751284599807") center top/ 96% no-repeat scroll;}
.layout_bn.PD_layout ul{ display: flex;padding: 0;margin: 0 auto;height: 100vw;grid-gap: 0;}
}


/*2品RWD公版/*/
.Area_2PD .box .PD_layout-btn li .PD h3{ background: #000;}
@media screen and (min-width:768px){
.Area_2PD { margin-bottom: 2%;}
.Area_2PD .layout_2PD {padding: 4% 2% 0;}
.Area_2PD .box {width: 90%;margin: 0 auto;height:auto ;/*background-color: #fc0092; border: 2px solid #000; border-radius:1em;*/}
}
@media screen and (max-width:767px){
.Area_2PD  {width: 98% ;margin-bottom: 5vw!important;}
.Area_2PD .box {padding:5% 0 3%; }

}


/*Area05(線上入搞)*/
@media screen and (min-width:768px){
.Area05 { position: relative; height: auto; margin-bottom:55px;}
.Area05 .layout_Area05 ul {width:83%;margin:0 auto; padding:0 0 0 0 ;grid-gap: 0px;}
.Area05 .layout_Area05 ul li {padding:0% 0% 0%;margin:0 auto;}

}
.Area05 .PD a,.box_PD_txt .PD a { pointer-events: none; }

@media screen and (max-width:767px){
.Area05{height: auto;margin-bottom:7vw;}
.Area05 .layout_Area05{width:98%;margin:0 auto;padding:0;margin-bottom:0; }
.Area05 .layout_Area05 ul {margin:0 auto;padding:0;grid-gap:0px!important;}
.Area05 .layout_Area05 ul li {margin: 0 auto;padding:0 3% 0;}
}


/*Q&A*/
.Area_QA {height:auto; margin-bottom: 50px; }
.Area_QA .box {position:relative;width:68%;margin:0 auto;padding:1% 0 1.5%;z-index:5;background-color: #e4b26c;border-radius: 25px;}
.moreButton {width:100%; margin:0 auto; }
.moreButton .title {font:30px/1.2em '微軟正黑體'; letter-spacing: -0.05em; text-align:center; margin-bottom:10px; display:inline-block;}
dl.moreButton { margin-bottom:2%;}
dl.moreButton:nth-child(odd){ }
dl.moreButton:nth-child(even){ }
.moreButton dt {cursor:pointer; }
.moreButton dd {display: none; margin:0 auto;width:84%; padding:1%; font:1.3em/1.5em '微軟正黑體', 'Century Gothic'; text-align:left; color:#333;background-color: #fff; border-radius: 8px;}
.moreButton dd a { display:inline-block;}
.moreButton .up::after{  content: ""; position: absolute; bottom:36%; margin-left: 2%; width: 0;height: 0;border-style: solid; border-width: .5em .3em 0 .3em;border-color: #fff transparent transparent transparent; transform:rotate(180deg);}
.moreButton .down::after {  content: ""; position: absolute; bottom:36%; margin-left: 2%; width: 0;height: 0; border-style: solid; border-width: .5em .3em 0 .3em;  border-color: #fff transparent transparent transparent; }
.moreButton .menu_btn {margin: 0 auto 5px; position: relative;display: block; height:auto;width:85%;padding-left: 1.5%;font:bold 1.3em/2em 微軟正黑體; color:#fff; text-align: left;background-color:#6e6e6e;border-radius: 8px;}
.moreButton .up img{ width:100%; height:auto }
.moreButton .down img{ width:100%; height:auto}
.moreButtontag { display:none!important;}
	@media screen and (max-width:767px){
	.Area_QA  {height: 100%;margin-bottom:5.5vw;}
	.Area_QA .box {position:relative;width:100%;top:0;left:0;margin:0;padding:1% 0 1.5%;;z-index:5;}
	.moreButton {width:95%; margin:0 auto; }
	.moreButton .menu_btn { margin:0 ;width:100%;font-size: 1em; line-height: 1.8em; text-indent: -2.5rem;  padding-left: 3rem; box-sizing: border-box;border-radius: 5px;}
	.moreButton dd { margin: 1% auto;width:95%;padding:1.5%; font:1em/1.5em '微軟正黑體', 'Century Gothic'; border-radius: 5px;}

	}


/*置底說明文*/
.PD_note h3{color:#6e6e6e;margin-bottom: 0;font-weight:400;text-align: left;}
.PD_info_box ul {list-style: decimal;width: 90%;}	  
.PD_info_box ul li{background-color: inherit;text-align: left;}	  

  @media screen and (min-width:768px){
.PD_info_box{position: relative;width:80%;margin:1% auto 5%; }	
.PD_info_box ul li {color:#6e6e6e;   font-size: 1.5rem; letter-spacing:1px;line-height: 1.3em;margin-bottom: 1em}	 
.PD_note h3{ font-size:2rem;padding: 0 8%;text-align: left;}	  
}

  @media screen and (max-width:767px){
.PD_note{width:96%;padding:0 0%}	  
.PD_info_box{position: relative;width:96%;margin:2% auto 5%;}	  
.PD_info_box ul li {color:#6e6e6e;font-size:.875rem; letter-spacing: 0.2vw;line-height: 1.3em;margin-bottom:0.5em}
.PD_info_box ul li a span{line-height: 5vw}  
}



@media screen and (min-width:767px){
.mbottom1 { margin-bottom:30px !important}
.mbottom2 { margin-top:50px !important}
}
@media screen and (max-width:767px){
.mbottom1 { margin-bottom:1vw !important}

}


/*Appletxt*/
.apple_txt{ position: relative;margin:30px auto; color:#000;font-size: 13px; text-align: center;}
@media screen and (max-width:767px){
.apple_txt{position: relative;margin:0 0 0 0;padding: 3% 4% 3% 4%; color:#000; }
}


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