@charset "utf-8";

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

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

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


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



/*PC背景*/
/* @media screen and (min-width:787px){
  .pcbg { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(pc_01.png?t=1781590756459)top center repeat-y;}
	
}  */


/*MB背景*/
.m_Area_bgtop{ z-index: -40;  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  pointer-events: none;}
.m_Area_bgtop .m_bgtop_ {position: absolute;  top: 0; left: 0 ;  width: 100%;  height: 100%;  padding-bottom: 100%;}


.title {margin: 0 auto; }
    @media screen and (max-width:767px){
      .title {position: absolute; top:5vw; left: 0vw; width: 100% }
      .title img { width:80% }
    }



/*版頭*/
.Area_top { position:relative; height:792px; }
.Area_top .top { z-index:0; position:absolute; top:0; left: 50%; transform:translateX(-50%);  margin:0; width:2000px; height:1500px; background-repeat:no-repeat; background-position:center top; }
@media screen and (max-width:767px){
.Area_top { position:relative; height:50vw;}
.Area_top  .top { z-index:0; position:absolute; top:0; left: 50%; transform:translateX(-50%);  margin:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top;}
 }


.sp {position: relative; margin: 0 auto; width:100%; padding-top: 0; }
 @media screen and (max-width:767px){
.sp {position: relative; margin: 0 auto; width:100%; padding-top: 0; }
 }

/*01-攻略*/
.Area_act { position:relative; height:100%; padding-bottom:90px;  }
 @media screen and (max-width:767px){
  .Area_act { position:relative; height:100%; padding-bottom: 2vw; }
 }


/*Area02*/
.Area02 { position:relative; height:100%; padding-bottom: 90px; }
.Area02 .PD_layout { position: absolute; top:129px; left: 205px;}
.Area02 .PD_layout ul {width: 847px; padding:0; margin:0;   }
/*.Area02 .PD_layout ul {background-color: transparent}*/
 @media screen and (max-width:767px){
 .Area02 { position:relative; height:100%;  padding-bottom:9%;}
.Area02 .PD_layout { position: absolute; top:11vw; left: 16vw;}
.Area02 .PD_layout ul {width: 90%; padding:0; margin:0;   } 
 }



/*06*/
.Area06 { padding-bottom: 90px;}

.Area06 .pdpd ul{ border: 5px solid #b8b8b8; }
.Area06 .PD_layout.PD_layout-D3_01 .PD h3 {    top: 46%;}

@media screen and (max-width: 767px){
  .Area06 { padding-bottom: 3vw;}

  .Area06 .pdpd ul{ border: 1% solid #b8b8b8; }
  .Area06 .PD_layout.PD_layout-D3_01 .PD img {width: 75%;}

}




/*07*/
.Area07 { position: relative;height:100%; padding-bottom: 90px; }
.Area07 .new { width: 930px; margin: 0 auto; display: flex; justify-content: center; flex-wrap: nowrap; }
.Area07 .new a { padding-right: 30px;}

.Area07 .PD_layout-D3_01 {margin-bottom: 30px;}
.Area07 .PD_layout.PD_layout-D3_01 .PD h3 {color: #ffffff;}

@media screen and (max-width: 767px){
.Area07 {position: relative; width:100%; height:100%; padding-bottom:6%; }

.Area07 .new { width:96%; margin: 0 auto; display: flex; justify-content: center; flex-wrap: nowrap; }
.Area07 .new a { padding-right:1%;}	

.Area07 .PD_layout-D3_01 {margin-bottom: 3vw; margin-top: 8vw;}
.Area07 .PD_layout.PD_layout-D3_01 .PD h3 {color: #ffffff;}
}






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