@charset "utf-8";
/*基本*/
@media screen and (min-width:768px){
	body {margin: 0; padding:0; background: url("bg_repeat.jpg?t=1778649177492") center top / 100% repeat; background-size: 5%;}
}
@media screen and (max-width:767px){
	body {margin: 0; padding:0; background: url("bg_repeat.jpg?t=1778649177492") center top / 100% repeat; background-size: 20%;}
}

/*全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%;  }
	}

/*區塊_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;}

	}


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

/* 背景 */
@media screen and (min-width:768px){
	.top_bg{z-index: -1;position: absolute;top: 0;left: 0;height: 100%;width: 100%;min-width: 1220px;background-repeat: no-repeat;background-position: center top;pointer-events: none;}
}
@media screen and (max-width:767px){
  .top_bg{z-index: -1;position: absolute;top: 10vw;left: 0;height: 100%;width: 100%;max-width: 100%;background-size: 100%;background-position: center top;background-repeat: no-repeat;pointer-events: none;}
}

/* 間距 */
@media screen and (min-width:768px){
	.bottom{margin-bottom: 50px;}
	.bottom01{margin-bottom: 30px;}
	.bottom02{margin-bottom: 10px;}
}

@media screen and (max-width:767px){
	.bottom{margin-bottom: 5vw;}
	.bottom01{margin-bottom: 3vw;}
	.bottom02{margin-bottom: 1vw;}
}

/* 00.版頭 */
.top .date a,.top .main a,.top .sub a{pointer-events: none;}
.top .date ul,.top .main ul,.top .sub ul,.top .top_pd ul{padding: 0 !important;grid-gap: 0 !important;}
.top_deco_{position: absolute;}
.line {z-index: 99;}
@media screen and (min-width:768px){
	.top {height: 1015px;}
	/* 標題 */
	.top .title{position: absolute;top: 0;left: 0;}
	.top .title img{width: 100%;}
	.top .sub{z-index:5; position: absolute;top: 250px;left: 365px;}
	/* 貼圖輪播 */
	.top .line{position: relative;top: 410px;width: 100%;}
	.top .line .Area_swiper ul .PD_img{width: 60%;margin: 0 20%;}	
	.top .line .arrow_L{width: 25%;position: absolute;top: 400px;left: -15px;z-index: 99;}
	.top .line .arrow_R{width: 25%;position: absolute;top: 400px;right: -15px;z-index: 99;}	
	.top_deco_1{ z-index: -1; top: 248px; left: -145px;}
	.top_deco_2{ z-index:  1; top: 360px; left: -125px;}
	.top_deco_3{ z-index: -1; top: 0; right: -230px;}
	.top_deco_4{ z-index:  0; top: 235px;}
		/* 按鈕 */
	.btn01{ margin-top: -40px;margin-bottom: 100px;}
}
@media screen and (max-width:767px){
	.top{height: 110vw;z-index: 1;}
	/* 標題 */
	.top .title{position: absolute;top: -1vw;width: 100%;}
	.top .sub{z-index:5; width: 38%;position: absolute;top: 24vw;right: 22vw;}
	/* 貼圖輪播 */
	.top .line{position: relative;top: 42vw;width: 100%;}
	.top .line .Area_swiper ul .PD_img{width: 60%;margin: 0 20%;}
	.top .line a{pointer-events: none;}
	.top .line .arrow_L{width: 14%;position: absolute;top: 43vw;left:  3vw;z-index: 10;}
	.top .line .arrow_R{width: 14%;position: absolute;top: 43vw;right: 3vw;z-index: 10;}
	.top_deco_1{z-index: -1; width: 134%; top:24vw; left:-14vw;}
	.top_deco_2{z-index: 1;  width: 134%; top: 39vw; left: -13vw;}
	.top_deco_3{z-index: -1; Width: 38vw; top: 0; right: -20vw; transform-origin: left bottom;} 
	.top_deco_4{z-index: 0; top: 23vw;}
	/* 按鈕 */
	.btn01{ top: -7vw; z-index: 90;}
	.btn01 .PD_layout ul{padding: 0 8%;grid-gap: 0 6%;}
}
.top .line .Area_swiper .Area_swiper_box .PD_wrapper{list-style: none;	padding: 0;	margin: 0;}
.top .line .Area_swiper .Area_swiper_box .btclass{position: relative;width: 100%;overflow: hidden;box-sizing: border-box;}
.top .line .Area_swiper .Area_swiper_box .swiper-slide{width: 100% !important; box-sizing: border-box;}

/* 02 */
.Area02 { height: 600px;}
.Area02 .bg {z-index: 1;position:absolute;top: 0;left:0;width: 100%;height: 630px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.Area02 .date {z-index: 5;position: absolute; top: 0; left: 490px;}
.Area02 .QR {z-index: 3;position: absolute;top: 180px;right: 166px;}
@media screen and (max-width:767px){
	.Area02 {height: 62vw;}
	.Area02 .bg {z-index: 2;position: absolute;top: 0;}
	.Area02 .date {position: absolute;top: 0;width: 100%; width: 45%; left: 50vw;}
	.Area02 .QR {position: absolute;top: 19vw;right: 18.5vw;width: 25%;}
	}
	
/* 03 */
.Area03 .swiper-pagination-bullet{ background: #ffeb00;}
@media screen and (min-width:768px){
	.Area03 .bg {z-index: -1;position:absolute;top: 0;left: 50%; transform: translateX(-50%);width: 2000px;height: 1010px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
	.Area03_title {position: relative;top: 85px;margin-bottom: 70px;}
	.Area03 {padding-bottom: 70px;}
}
@media screen and (max-width:767px){
	.Area03 { background: url(A03_bg_m_1.png?t=1778649177492) top center / 100% no-repeat, url(A03_bg_m_2.png?t=1778649177492) bottom center / 100% repeat-y; padding-bottom: 8vw;}
	.Area03_title {position: relative;top: 9vw;margin-bottom: 8vw;}
}
	
/* 04 */
@media screen and (min-width:768px){
	.Area04 .bg_1 {z-index: -1;position:absolute;top: 0;left: 50%; transform: translateX(-50%);width: 2000px;height: 115px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
	.Area04 .bg_2 {z-index: -1;position:absolute;top: 0;left: 50%; transform: translateX(-50%);width: 2000px;height: 115px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
	.Area04_title {position: relative;top: 85px;margin-bottom: 85px;}

}
@media screen and (max-width:767px){
	.Area04 { background: url(A04_bg_m_1.png?t=1778649177492) top center / 100% no-repeat, url(A04_bg_m_3.png?t=1778649177492) bottom center / 100% no-repeat, url(A04_bg_m_2.png?t=1778649177492) bottom center / 100% repeat-y; padding-bottom: 3vw;}
	.Area04_title { top: 8vw; position: relative; margin-bottom: 8vw;}
}


/* 置底 */
.fixed .fixed_img ul{padding: 0 !important;grid-gap: 0 !important;}
@media screen and (min-width:768px){
	.fixed .fixed_GO{position: absolute;bottom: 30px;left: 60px;z-index: 10;}
	.fixed .fixed_GO img{width: 80%;}
}

@media screen and (max-width:767px){
	.fixed{position: fixed;z-index: 99;bottom: 0;}
	.fixed .fixed_GO{position: absolute;width: 30%;bottom: 4vw;left: 3vw;}
}


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