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

/*隱鑶*/
.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;}
.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-image:url(mb_bg.jpg?t=1755503952234); background-repeat:repeat-y;background-position:center bottom; background-size: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;}

	}


.WRAPPER .go_bt {
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
          transition: all 0.4s ease;}
.WRAPPER .go_bt:hover { 
   filter:brightness(110%);
  -webkit-transform:translateY(10px);
     -moz-transform:translateY(10px);
      -ms-transform:translateY(10px);
       -o-transform:translateY(10px);
          transform:translateY(10px);}

/*滑過會亮*/	
.WRAPPER .go_bt3 {
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
          transition: all 0.4s ease;}
.WRAPPER .go_bt3:hover { 
   filter:brightness(105%);
  -webkit-transform:scale(1.08);
     -moz-transform:scale(1.08);
      -ms-transform:scale(1.08);
       -o-transform:scale(1.08);
          transform:scale(1.08);
		  }


/*PC背景*/
@media screen and (min-width:767px){
.glasstube { z-index: 10; position: absolute; top: 0; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(glasstube.png?t=1755503952234) no-repeat center top; pointer-events: none;}
.bgtop01 { z-index:-21; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:1000px; background-repeat:no-repeat; background-position:center top; }
.bgtop02 { z-index:-23; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:100%; background-repeat:repeat-y; background-position:center bottom; }
.bgtop03 { z-index:-20; position:fixed; top:0; left:0; width:100%; min-width:1220px; height:100%; background-repeat:no-repeat; background-position:center bottom; }
.floorlight { z-index:10; position:absolute; top:0; left:0; width:100%; min-width:1220px; height: 740px; background-repeat:no-repeat; background-position:center top; }
.robot { z-index: 11; position: fixed; top: 0; left: 50%; transform: translateX(-50%); width: 1220px; height: 100%; pointer-events: none;}
.robot .robot_L { position: fixed; top: 420px; left: -475px;z-index: 10;}
.robot .robot_R { position: fixed; top: 300px; right: -450px;z-index: 10; }
}

/*mb背景*/
@media screen and ( max-width:767px) {
.glasstube { z-index:2; position:absolute; top:11vw; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; background-size:100%;pointer-events: none;}
.robot_L_m { z-index:5; position:absolute; top:17vw; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; background-size:100%;pointer-events: none;}
.floorlight { z-index:4; position:absolute; top:14vw; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; background-size:100%;pointer-events: none;}
}



/*版頭*/
.Area_top { position:relative; width:1220px;height:850px; }
.Area_top .ball_L_R { position: absolute; top: 20px; left: -226px; animation-delay: 0.8s;}
.Area_top .ball_L_B { position: absolute; top: 15px; left: -153px; animation-delay: 1.3s}
.Area_top .ball_L_Y { position: absolute; top: 5px; left: -86px; animation-delay: 0.8s;}
.Area_top .ball_L_G { position: absolute; top: 10px; left: -27px; animation-delay: 0.5s;}
.Area_top .ball_R_R { position: absolute; top: 20px; right: -226px; animation-delay: 0.8s;}
.Area_top .ball_R_B { position: absolute; top: 15px; right: -153px; animation-delay: 1.3s;}
.Area_top .ball_R_Y { position: absolute; top: 5px; right: -86px; animation-delay: 0.8s;}
.Area_top .ball_R_G { position: absolute; top: 10px; right: -27px; animation-delay: 0.5s;}

.Area_top .float_logo_01 { position: absolute; top: 665px; left: 20px; animation-delay: 0.4s;}
.Area_top .float_logo_02 { position: absolute; top: 710px; right: 0; animation-delay: 0.5s;}
.Area_top .float_logo_03 { position: absolute; top: 540px; left: 250px; animation-delay: 0.4s;}
.Area_top .float_logo_04 { position: absolute; top: 280px; right: 0; animation-delay: 0.5s;}

@media screen and (max-width:767px){
	.Area_top { position:relative; width:100%; height:134vw; background:url(mb_01.jpg?t=1755503952234) top center no-repeat ; background-size:100%; }

	.Area_top .ball_L_R { width: 4%; top: 0vw; left: 3.5vw; animation-delay: 0.2s;}
	.Area_top .ball_L_B { width: 4%; top: 0vw; left: 3.5vw; animation-delay: 4s}
	.Area_top .ball_L_Y { width: 4%; top: 0vw; left: 3.5vw; animation-delay: 1.2s;}
	.Area_top .ball_L_G { width: 4%; top: 0vw; left: 3.5vw; animation-delay: 2.8s;}
	.Area_top .ball_R_R { width: 4%; top: 0vw; right: 3.5vw; animation-delay: 3.2s;}
	.Area_top .ball_R_B { width: 4%; top: 0vw; right: 3.5vw; animation-delay: 0.5s;}
	.Area_top .ball_R_Y { width: 4%; top: 0vw; right: 3.5vw; animation-delay: 1.9s;}
	.Area_top .ball_R_G { width: 4%; top: 0vw; right: 3.5vw; animation-delay: 4.8s;}

	.Area_top .float_logo_01 {z-index: 5; width: 20%; top: 104vw; left: 0vw; animation-delay: 0.8s;}
	.Area_top .float_logo_02 {z-index: 5; width: 16%; top: 120vw; right: 4vw; animation-delay: 0.8s;}
	.Area_top .float_logo_03 {z-index: 5; width: 15%; top: 72vw;  left: 80vw; animation-delay: 0.8s;}
	.Area_top .float_logo_04 {z-index: 5; width: 14%; top: 67vw; left: 7vw; animation-delay: 0.8s;}
	
}


/*主標微調(線上入稿)*/
.Area_top .toptitle { position: absolute; top:80px; left:75px; width:10%; z-index: 5;}
.Area_top .toptitle ul li:nth-child(2) {width: 530%;top: 0px; left: 0px;}
.Area_top .toptitle ul li:nth-child(1) {width: 100%;top: 60px; left: -60px;}
.Area_top .PD_layout .PD img { width: 100%;}
.Area_top .toptitle .js-PD_url {pointer-events: none;}
.Area_top .PD_layout .PD_slide:hover {transform: translateY(0px);box-shadow: none;}
@media screen and (max-width:767px){
.Area_top .toptitle { position: absolute; top:0 ;left:0; width:17%;height: auto; z-index: 5;}	
.Area_top .toptitle .PD_layout[data-pd-li*="BN-AWD"] .PD_logo {display: block !important;}
.Area_top .toptitle ul li:nth-child(2) {width: 475%;top: 1.5vw; left: 10.5vw;}
.Area_top .toptitle ul li:nth-child(1) {width: 100%;top: 10.5vw; left: 1vw;}
 }




/*登記*/
.Area_book0 { width:1220px; height:auto; position:relative; margin:0 auto;box-sizing:border-box; padding:0 ; margin-bottom:0px ; /*background-image: url(book_bg.png?t=1755503952234);background-repeat: no-repeat;background-position: center top ;*/}
.Area_book0 .box { /* background:url(Area_gift_bg2.png?t=1755503952234) top center repeat-y; */}
.Area_book0 .Area_danji { padding: 30px 0 0 0;}
.Area_book0 .danji_txt { position: relative;text-align: center;}
.Area_book0 .gift_txt { position: relative;text-align: left;left: 150px;margin-bottom: 10px;}
/*.Area_book0 .Area_danji:nth-child(1){background:url(danji_bg1.png?t=1755503952234) top center no-repeat; }*/

@media screen and (max-width:767px){
	.Area_book0 { width:100%;height:auto; padding: 0;  background-size:100%; margin-bottom:0; }
	.Area_book0 .Area_danji { padding: 3% 0 0 0;}
	.Area_book0 .box { /*background:url(mb_04.png?t=1755503952234) top center repeat-y ; background-size:100%; */ }
	.Area_book0 .Area_danji { width:92%; top:0;  margin: 0 auto;}
	.Area_book0 .danji_txt {width: 70%;position: relative;margin: 0 auto;}
	.Area_book0 .gift_txt {position: relative;text-align: left;left: 2vw;margin-bottom: 1vw;width: 45%;}

	}

/*PC+MB_登記說明文(不會有間距)*/
.Area_book0 .warningTxt h3 {color: #000; }

/*活動BNx3(線上入搞)*/
@media screen and (min-width:768px){
.Area_activity { position: relative; height: auto; margin-bottom:45px;}
.Area_activity .layout_activity1{top:0;}
.Area_activity .layout_activity1 ul {width:960px;margin:0 auto; padding:0 0 0 0; }
.Area_activity .layout_activity1 ul li {padding:0;margin:20px auto;}
.Area_activity .layout_activity1 ul li img {width:100%;}
	
.Area_activity .layout_activity2 ul {width:960px;margin:0 auto; padding:7.5% 5% 7.5%; background:url(activity_bg.png?t=1755503952234) top center no-repeat ; background-size:100%;}
.Area_activity .layout_activity2 ul li {padding:0 5% 0 0;}

}
@media screen and (max-width:767px){
.Area_activity .layout_activity{width:100%; height: auto; margin:0; top: -6vw;padding:0; margin-bottom:4vw; background:url(mb_07.png?t=1755503952234) top center no-repeat ; background-size:100%;z-index: 5;}
	
.Area_activity .layout_activity1 ul {width:92% ;margin:0 auto;padding:0 0 0 0;}
.Area_activity .layout_activity1 ul li {margin: 0;padding: 2.5% 0 0 0;}
.Area_activity .layout_activity1 ul li img {width:100%;}
/*.Area_activity .layout_activity1 ul li:nth-child(2){top: 6vw;}
*/
.Area_activity .layout_activity2 ul {width:100%;margin:2% auto; padding:9% 7% 10%; background:url(activity_bg.png?t=1755503952234) top center no-repeat ; background-size:92%;}
.Area_activity .layout_activity2 ul li {padding:0 5% 0;}
	
}


/*強品熱銷推薦x2*/
.Area03 { z-index:30; margin-bottom: 0px;}
.Area03 .box_all {  padding: 2% 0 2%; }
.Area03_txt{position: relative;text-align: center;}
.Area03 .PD_layout[data-pd-pdlogo="3"] .PD .PD_logo img { box-shadow: none; }

@media screen and (min-width:768px){
.Area03 .Area03bg { position: absolute;top:170px;left: -390px;width: 2000px; }
.Area03 .Area03bg2 { position: absolute;top:930px;left: -390px;width: 2000px; }
.Area03 .Area03bg3 { position: absolute;top:1690px;left: -390px;width: 2000px; }
.Area03 .Area03bg4 { position: absolute;top:2450px;left: -390px;width: 2000px; }
}

@media screen and (max-width:767px){
.Area03 {width: 100%; height:100%; padding: 0;background:none;margin-bottom: 0vw; }
.Area03_txt{width: 70%;position: relative;margin: 2% auto; }
.Area03 .box_all {padding: 0;/* background: url("mb_ul.jpg?t=1755503952234") center top/ 100% repeat-y scroll;*/}
.Area03 .PD_layout .PD_slide:hover { box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
}

/*作圖區*/
.Area03 .PD_layout.layout_item .PD p b { font-size: 0.8em;font-weight: 800; color: #fff; padding: 0.7%; background: #c5312a;}	
.Area03 .PD_layout.layout_item .PD_slide .PD p del { color: #798ab7;;font-size: 0.7em;}
.Area03 .PD_layout.layout_item .PD p .money, .Area03 .PD_layout.layout_item .PD p .Price {color: #c5312a;font-weight: 800;}


@media screen and (min-width:768px){
	.Area03 .PD_layout.layout_item {margin: 0;}
	.Area03 .PD_layout.layout_item .PD_slide:hover {transform:translateY(-6px);}
	.Area03 .PD_layout.layout_item .PD_slide:hover { box-shadow:unset;}
	.Area03 .PD_layout.layout_item .PD_slide {height: 750px;padding:0;margin: 0;}
	.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_into {width: 30%;padding-left:0;position: absolute;left: 598px;top: 170px;text-align:center;font-size: 0.8em; }
	.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_into {width: 30%;padding-left:0;position: absolute;left:214px;top: 170px;text-align:center;font-size: 0.8em;}
	.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_img img { width: 27%; margin: 9% 0 0 19%; box-shadow: unset;}
	.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_img img { width: 27%; margin: 9% 0 0 55%; box-shadow: unset;}
	.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_into h3 { padding: 0; max-height: 1.5em; font-weight: 600;font-size: 2.4em; line-height: 1.5em;  font-family: "Noto Sans CJK SC"; color:#fff;background-color: #2c6493;}
	.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_into h4 { font-size: 2.3em; color: #2c6493;/*transform: rotate3d(25, 55, 1, 357deg);*/}
	.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD p { padding: 9% 0;height: 5em; line-height: 1em; font-size: 2em;/*transform: rotate3d(25, 55, 1, 354deg)*/;}
	.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_into h3 { padding: 0; max-height: 1.5em; font-weight: 600;font-size: 2.4em; line-height: 1.5em;  font-family: "Noto Sans CJK SC"; color:#fff;background-color: #2c6493;}
	.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_into h4 { font-size: 2.3em; color: #4c4c4c;/*transform: rotate3d(35, -60, -2, 343deg);*/}
	.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD p { padding: 9% 0;height: 5em; line-height: 1em; font-size: 2em;/*transform: rotate3d(16, 36, -2, 344deg);*/}
	.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD .PD_logo { position: absolute;top: -80px;left: 225px;}
	.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD .PD_logo { position: absolute;top: -80px;left: 20px;}
	.Area03 .PD_layout.layout_item .PD p .Price { font-size: 1.7em;text-align: left;}
	.Area03 .PD_layout.layout_item li:nth-of-type(odd){  background: url("itembg1.png?t=1755503952234") center top / 75% no-repeat scroll;}	
	.Area03 .PD_layout.layout_item li:nth-of-type(even){ background: url("itembg2.png?t=1755503952234") center top / 75% no-repeat scroll;}	

}
@media screen and (max-width:767px){
	.Area03 .PD_layout.layout_item { width: 100%;position: relative; z-index: 50; }
	.Area03 .PD_layout.layout_item ul { padding-left:0; padding-right:0; padding: 0;margin: 0;}
	.Area03 .PD_layout.layout_item ul li {width: 100%;}
	.Area03 .PD_layout.layout_item .PD_slide .PD_img {margin-bottom: 3%;}
	.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_into {position: absolute;left: 50.5vw;top: 18vw;width: 45%;font-size: 1.05em;text-align:center; display: block;}
	.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_into {position: absolute;left: 4.5vw;top: 18vw;width: 45%;font-size: 1.05em;text-align:center; display: block;}
	.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_img img { width: 38%; margin: 13% 0 0 6.5%; box-shadow: unset;}
	.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_img img { width: 38%; margin: 13% 0 0 56%; box-shadow: unset;}
	.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_into h3 { padding: 0; max-height: 1.5em; font-weight: 600;font-size: 1.1em; line-height: 1.5em;   font-family: "Noto Sans CJK SC";color:#fff;background-color: #2c6493;}
	.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_into h4 { font-size: 1.1em; color: #4c4c4c;}
	.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD p { padding: 7.5% 0;height: 5em; line-height: 1.3em; }
	.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD p { padding: 7.5% 0;height: 5em; line-height: 1.3em; }
	.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_into h3 { padding: 0; max-height: 1.5em; font-weight: 600;font-size: 1.1em; line-height: 1.5em;   font-family: "Noto Sans CJK SC";color:#fff;background-color: #2c6493;}
	.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_into h4 { font-size: 1.1em; color: #4c4c4c;}
	.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD p del { position: absolute;top: 0.5vw;right: 27vw;color: #066059;}
	.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD p del { position: absolute;top: 0.5vw;right: 27vw;color: #066059;}
	.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD .PD_logo { position: absolute;top: -10vw;left: 27vw; font-size: 0.5em;}
	.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD .PD_logo { position: absolute;top: -10vw;left: 3vw; font-size: 0.5em;}
	.Area03 .PD_layout.layout_item .PD p { position: relative;top: -1vw;height: 4em; line-height: 2.1em; }
	.Area03 .PD_layout.layout_item .PD p .Price { font-size: 1.8em;text-align: left;}
	.Area03 .PD_layout.layout_item li:nth-of-type(odd){ height: 85vw;background: url("mb_itembg1.png?t=1755503952234") center top / 100% no-repeat scroll;}	
	.Area03 .PD_layout.layout_item li:nth-of-type(even){ height: 85vw;background: url("mb_itembg2.png?t=1755503952234") center top / 100% no-repeat scroll;}	
	.Area03 .PD_layout[data-pd-number*="-a"] .PD_slide:nth-of-type(odd)::before{position: absolute; top: 6.5vw; left: 59vw;}
	.Area03 .PD_layout[data-pd-number*="-a"] .PD_slide:nth-of-type(even)::before{position: absolute; top: 6.5vw; left: 7vw;}
}

/*8品RWD公版/*/
@media screen and (min-width:768px){
  .Area_4PD .PD_layout_4PD {width:1220px; height:1000px;margin-bottom: 30px;background: url("Area_4PD_bg01.png?t=1755503952234") center top / 100% no-repeat scroll;}
  .Area_4PD .PD_layout_4PD ul {width: 92%; margin-top: 120px; }
  .Area_4PD .PD_layout_4PD h2 {position:relative; top:67px ;transform: rotate(0); margin:0px; padding:0px;  font-size:50px; line-height:50px; letter-spacing:-0.05em; overflow:hidden;font-weight: 600; font-family: "Microsoft JhengHei", Helvetica;  /*text-shadow:0px 0px 0px rgb(225 225 225);*/ color:#0051bf;}
	.Area_4PD .h2title{ position: relative; width: 1220px; top: 97px; left:15px; text-align: center;z-index: 5 }
}
	.Area_4PD .PD_layout_4PD ul li {border-radius:0/*;border: 0.5px #000 solid;*/}
@media screen and (max-width:767px){
	.Area_4PD .PD_layout_4PD {margin-bottom:6vw;}
	.Area_4PD .PD_layout_4PD.PD_layout ul {width: 90%; padding: 0; } 
  .Area_4PD .PD_layout_4PD.PD_layout h2 {position:relative;top:0; margin:0 auto; padding:0; width:100%; height: 16vw;  font-weight:700; font-size:7vw; transform: rotate(0);line-height:21vw; text-align:center;/*text-shadow:0 0 0 #fff;*/letter-spacing:-0.05rem;font-family: "Microsoft JhengHei", Helvetica;background: url("mb_02.png?t=1755503952234") center top/ 100% no-repeat scroll; color:#0051bf;}  
	.Area_4PD .PD_layout_4PD::after {content:"";position: absolute;display:block;top: 10vw;left: 0;width:100%;height: 97%;pointer-events:none;background: url("mb_03.png?t=1755503952234") center top/ 100% repeat-y scroll;z-index: -20;}
	.Area_4PD .PD_layout_4PD::before {content:"";position: absolute;display:block;top: 4vw;left: 0;width:100%;height: 100%;pointer-events:none;background: url("mb_05.png?t=1755503952234") center bottom/ 100% no-repeat scroll;z-index: -5;}

	.Area_4PD .h2title{ position: absolute;width: 42%; top:9.2vw; left:25vw; text-align: center;z-index: 2 }
	.Area_4PD .h2title img{width:100%}  

}



/* 間距 */
.Area_bottom { margin-bottom: 100px!important;}
@media screen and (max-width:767px){
  .Area_bottom { margin-bottom: 10vw !important;}
}



/* 活動 */
@media screen and (min-width:768px){
.Area_active .layout_active { width: 80%; }
}
@media screen and (max-width:767px){
.Area_active .layout_active { width: 90%; }
}



/* 館連結 */
@media screen and (min-width:768px){
.Area_guan .layout_guan { width: 80%; }
}
@media screen and (max-width:767px){
.Area_guan .layout_guan { width: 90%; }
}


/*置底*/
.fixbn a {padding-bottom:constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
				  padding-bottom:env(safe-area-inset-bottom);}   /* 兼容 iOS >= 11.2 */ 
.fixbn{position:fixed; background-size:100%;bottom:0; display:block; z-index:30;}
.fixbn ul{ margin-top: 0px; margin-bottom: 0px; padding-left: 0px;}
.fixbn ul li{float:left;padding:0;list-style-type:none;width:50vw;}
.fixbn ul li img{width:100%;margin:0 auto;}

/*1顆按鈕*/
.fixbn .class_00 {position:absolute;width:100%; height: 100%; }
.fixbn .class_00 a {display:block;width:100%;height:100%;}
.fixbn .class_01 { top:0%;left:0%;}

/*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%;  /*background-color: #24847b;*/}
}
		
/**延遲載圖用**/
.mainArea .articleList * img.lazy {display:none;} 



/* 區標 */
@media screen and (min-width:768px){
.layout_text { margin-bottom: 10px; }
}
@media screen and (max-width:767px){
	.layout_text { margin-bottom: 1vw; }
}



/* 版頭 */
.title { z-index: 11; position: absolute; width: 50% ; top: 140px; left: 310px; }
.category { z-index: 12; position: absolute; width: 50% ;  top: 80px; left: 305px; }
.date { z-index: 11; position: absolute; width: 8% ;  top: 0; left: 320px; }
@media screen and (max-width:767px){
	.title { z-index: 11; position: absolute; width: 69%;  top: 17vw; left: 18vw; }
	.category { z-index: 11; position: absolute; width: 64%;  top: 10vw; left: 18vw; }
	.date { z-index: 11; position: absolute; width: 12%;  top: 0; left: 14vw; }
}



/* 版頭副標輪播 */
.Area_top .topPD2 { position: absolute; top: 265px; left:315px; width: 570px; z-index: 10;}
.Area_top .topPD2 ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: inherit;}
.Area_top .topPD2 ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(5%,0);}
.Area_top .topPD2 ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}
.sub_bg { position: absolute; width: 100%; top: 0; left: 0; }
@media screen and (max-width:767px){
  .Area_top .topPD2 { width: 65%; position: absolute; top: 32vw; left: 18vw; }
  .sub_bg { position: absolute; width: 100%; top: 0; left: 0; }
}


/* 版頭品 */
.Area_PD4 { z-index: 12; top: 400px;  }
.Area_PD4 .layout_toppd_text { position: absolute; top: -60px; left: 0;width: 10%; z-index: 11;}
.Area_PD4 .layout_PD { position: relative;width: 87%;top: 0;left: 50px;overflow: hidden; height: 380px ;}
@media screen and (max-width:767px){
	.Area_PD4 { z-index: 12; top: 50vw;  }
	.Area_PD4 .layout_toppd_text { position: absolute; top: 0; left: 0;width: 12%; }
	.Area_PD4 .layout_PD { position: relative;width: 90%;top: 0;left: 5vw;overflow: hidden; height: 65vw;}
}


/* 攻略 */
@media screen and (max-width:767px){
	.layout_back {width: 96%;}
	}



/*下方公版*/
.Area_below { height: auto; margin-top: -20px; }
.Area_below .layout_below.box1 {width:100%;background: #0471c8;padding:0 10px 20px 10px;margin: 0 auto ;border-radius: 0 0 1em 1em;}
.Area_below .layout_below ul {}
@media screen and (max-width:767px){
.Area_below .layout_below {width:100%;margin: 0 auto 3vw;}
.Area_below .layout_below.box1 {width: 100%;background: #0471c8;padding:0 0 2vw;margin: 0 auto 3vw}
.Area_below .layout_below ul{}
}

/*區塊標題960_01*/
.Area_below { margin-top: 0; }
.Area .txt02 {padding: 0;margin: 0 auto;width: 100%!important;z-index: 2; height: 128px; }
.Area .txt02 ul { padding: 0; grid-gap: 0;}
.Area .txt02 ul li { background-color: transparent; pointer-events: none;}
.Area .txt02 ul li .PD_into {padding: 0 0 0 0;}
.Area .txt02 ul li h5 {padding: 0 0 0 0;margin: 20px auto 15px;font: bold 47px/102px "Noto Sans CJK SC","Microsoft JhengHei", Arial, Helvetica;transform:rotate(-0deg);color: #34608f;letter-spacing: -1px;text-align: center;}
.txt02::before {content:"";position: absolute;display:block;top: 0;left: 0;width:100%;height:100%;background: url("layoutBG_txtbg2.png?t=1755503952234") center bottom/ 100% no-repeat scroll;z-index: -1;pointer-events:none;}

@media screen and (max-width:767px){
.Area_below { margin-top: 0; width: 96%; }
.Area .txt02 {padding: 0;margin: 0 auto;height: 19vw;width:100%!important;}
.Area .txt02 ul li h5 {font: bold 6vw/21vw "Noto Sans CJK SC","Microsoft JhengHei", Arial, Helvetica;padding: 0;margin: 0;}
.txt02::before {content:"";position: absolute;display:block;top: 0;left: 0;width:100%;height:100%;background: url("layoutBG_mtxtbg2.png?t=1755503952234") center bottom/ 100% no-repeat scroll;z-index: -1;pointer-events:none;}
}



/* 輪播微調 */
.Area_PD1 {  }
@media screen and (max-width:767px){
	.Area_PD1 .box { padding-left: 2vw;  }
}