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


/*全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:-21; 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:-20; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:800px; background-repeat:no-repeat; background-position:center top; }
	.bgtop02 {z-index:-10; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:800px; background-repeat:no-repeat; background-position:center top; }
	.bgtop03 {z-index:-10; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:800px; background-repeat:no-repeat; background-position:center top; }
	.bgtop04 {z-index:-10;position:absolute;top: 3405px;left:0;width:100%;min-width:1220px;height:285px;background-repeat:no-repeat;background-position:center top;}
	.bgtop05 {z-index:-10;position:absolute;top: 3690px;left:0;width:100%;min-width:1220px;height: 2000px;background-repeat:repeat-y;background-position:center top;}
	.bgtop06 {z-index:-10;position:absolute;top: 5685px;left:0;width:100%;min-width:1220px;height:258px;background-repeat:no-repeat;background-position:center top;}
}

/*mb背景*/
@media screen and ( max-width:767px) {
	.mbbg01 {z-index:0;position:absolute;top: 390vw;left:0;width:100%;height: 201vw;background-repeat:repeat-y;background-position:center top;background-size:100%;}	
	.mbbg02 {z-index:0;position:absolute;top: 591vw;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: 770px;z-index: 20;}
  .Area_title .logoo{position:absolute;top: 25px;left: 15px;z-index:0;}
  .Area_title .title01{position:absolute; top:45px; left:0 ;width: 100%;z-index:2;}
  .Area_title .title02{position:absolute; top:75px; left:10px;width: 100%;z-index:2;}
  .Area_title .sub01{position:absolute;top: 215px;left: 130px;z-index:2;}
  .Area_title .sub02{position:absolute;top: 255px;left: 155px;z-index:2;}

  }
  @media screen and (max-width:767px){
  .Area_title {height: 90vw; }
  .Area_title .mb_01{position:absolute; top:0; left:0 ;width: 100%; z-index:0;}
  .Area_title .logoo{position:absolute;top: 4.8vw;left: 33vw;width: 40.5%;z-index:5;}
  .Area_title .title01{position:absolute;top: 26.4vw;left: 32vw;width: 36.4%;z-index:5;}
  .Area_title .title02{position:absolute;top: 11.5vw;left: 21.5vw;width: 62%;z-index:5;}
  .Area_title .sub01{position:absolute;top: 32.5vw;left: 2.5vw;width: 16%;z-index:5;}
  .Area_title .sub02{position:absolute;top: 37.5vw;left: 5vw;width: 35.5%;z-index:5;}

  }

/*版頭主標微調*/
.Area_title .PD_layout .PD_slide{min-width:inherit;}
.toptitle .PD_layout .PD a,.top_pd .PD_layout .PD a {}
.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: 615px;left: 465px;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: 74vw;left: 34vw;z-index: 10;width: 33%!important;}
.toptitle .PD_layout .PD img { width: 100%!important; }
 }




/*Area01(線上入搞)*/
@media screen and (min-width:768px){
.Area01 { position: relative; height:auto; margin-bottom:50px;}
.Area01 .layout_Area01 ul {width:100%;margin:0 auto; padding:0; }

.Area01 .hbutton01{position: absolute;top: 750px;left: 105px;z-index: 10;}
.Area01 .hbutton02{position: absolute;top: 750px;left: 505px;z-index: 10;}
}
.Area01 .PD a { pointer-events: none; }

@media screen and (max-width:767px){
.Area01 {height: auto; margin-bottom:4vw;}
.Area01 .layout_Area01{ width:100%; margin:0; top: 0;padding:0;}

.Area01 .hbutton01{position: absolute;top: 76vw;left: 9vw;width: 40%;z-index: 10;}
.Area01 .hbutton02{position: absolute;top: 76vw;left: 52vw;width: 40%;z-index: 10;}

}



/*Area02(線上入搞)*/
@media screen and (min-width:768px){
.Area02 { position: relative; height:auto; margin-bottom:50px;}
  
}
.Area02 .PD a { pointer-events: none; }

@media screen and (max-width:767px){
.Area02 {height: auto;margin-bottom: 5vw;}
  
  
}


/*Area03(線上入搞)*/
@media screen and (min-width:768px){
.Area03 { position: relative; height:auto; margin-bottom:50px;}
.Area03 .layout_Area03 ul {width:100%;margin:0 auto; padding:0; }   
}
.Area03 .PD a { pointer-events: none; }

@media screen and (max-width:767px){
.Area03 { height: auto;margin-bottom: 5vw; }
.Area03 .layout_Area03{width:100%; margin:0;padding:0;}
  
}


/*Area04(線上入搞)*/
@media screen and (min-width:768px){
.Area04 { position: relative; height:auto; margin-bottom:110px;}
.Area04 .layout_Area04 ul {width:100%;margin:0 auto; padding:0 ; }
   
}
.Area04 .PD a { pointer-events: none; }

@media screen and (max-width:767px){
.Area04 {height: auto;margin-bottom: 10vw;}
.Area04 .layout_Area04{ width:100%; }
  
}


/*Area05(線上入搞)*/
@media screen and (min-width:768px){
.Area05 { position: relative; height:auto; margin-bottom:50px;}
.Area05 .layout_Area05 ul li{padding: 0 0 60px;}   
}
.Area05 .PD a { pointer-events: none; }

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


/*Area05(線上入搞)*/
@media screen and (min-width:768px){
.Area06 { position: relative; height:auto; margin-bottom:30px;}
.Area06 .layout_Area06 ul li{padding: 0 0 0;}   
}
.Area06 .PD a { pointer-events: none; }

@media screen and (max-width:767px){
.Area06 { height: auto;margin-bottom: 2vw;}
.Area06 .layout_Area06{width:100%; margin:0; top: 0;padding:0;}
  
}



/*注意事項區*/
.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; }


.toptitle img {
  animation: pulse 1s ease-in-out infinite alternate;
}

@keyframes pulse {
  to {
    transform: scale(1.07);
  }
}


.hbutton01,
.hbutton02{
    animation: pulseBtn 2s ease infinite;
}

.hbutton02{
    animation-delay: .5s;
}

@keyframes pulseBtn{
    0%,100%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.04);
    }
}

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